@charset "UTF-8";
/* base */
/* font */
/* base */
/* margin block 변수 */
/* path */
/* media query */
/* font */
/* font-size */
/* 말줄임 */
/* 수치 단위 변환 fx(to vw) */
/* flex */
/* background */
/* bullet */
/* clear */
/* wordBreak */
/* grid new */
@import "plugin/mCustomScrollbar.css";
@media (min-width: 1540px) {


  .col-1 {
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    width: 9.0909090909%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-1 {
    margin-left: 8.3333333333%;
    position: relative;
  }

  .col-2 {
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    width: 18.1818181818%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-2 {
    margin-left: 16.6666666667%;
    position: relative;
  }

  .col-3 {
    flex: 0 0 auto;
    flex-basis: 25%;
    width: 27.2727272727%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-3 {
    margin-left: 25%;
    position: relative;
  }

  .col-4 {
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    width: 36.3636363636%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-4 {
    margin-left: 33.3333333333%;
    position: relative;
  }

  .col-5 {
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    width: 45.4545454545%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-5 {
    margin-left: 41.6666666667%;
    position: relative;
  }

  .col-6 {
    flex: 0 0 auto;
    flex-basis: 50%;
    width: 54.5454545455%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-6 {
    margin-left: 50%;
    position: relative;
  }

  .col-7 {
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    width: 63.6363636364%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-7 {
    margin-left: 58.3333333333%;
    position: relative;
  }

  .col-8 {
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    width: 72.7272727273%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-8 {
    margin-left: 66.6666666667%;
    position: relative;
  }

  .col-9 {
    flex: 0 0 auto;
    flex-basis: 75%;
    width: 81.8181818182%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-9 {
    margin-left: 75%;
    position: relative;
  }

  .col-10 {
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    width: 90.9090909091%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-10 {
    margin-left: 83.3333333333%;
    position: relative;
  }

  .col-11 {
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    width: 100%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-11 {
    margin-left: 91.6666666667%;
    position: relative;
  }

  .col-12 {
    flex: 0 0 auto;
    flex-basis: 100%;
    width: 109.0909090909%;
    padding: 0 calc(max(13.2px, 1.3020833333vw) * 0.5);
    box-sizing: border-box;
    position: relative;
  }

  .offset-12 {
    margin-left: 100%;
    position: relative;
  }
}

/* reset */
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Pretendard", Helvetica, Arial, sans-serif;
  color: #666;
  font-weight: 400;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  font-size: max(10.56px, 0.9516666667vw);
}
.file_w {
  font-size: max(10.56px, 0.8416666667vw);
}

.file_con img {
  margin-right: 10px;
}

.file_con {
  display: inline-flex;
  align-items: center;
}

.file_con a {
  display: inline;
}

/* p가 줄을 먹지 않도록 */
.pb_subject .subject {
  display: inline;
  margin: 0;
}

/* 아이콘 영역을 인라인으로 */
.pb_subject .ic_file,
.pb_subject .ic_count {
  display: inline-block;
  vertical-align: middle;
}

/* 링크도 inline 유지 */
.pb_subject .subject a {
  display: inline;
}

/* 제목 p를 inline으로 전환 */
.tal .subject {
  display: inline;
  margin: 0;
}

/* 아이콘을 인라인 블록으로 */
.tal .ic_new,
.tal .ic_secret {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

/* 링크도 inline 유지 */
.tal .subject a {
  display: inline;
}

/* 아이콘 이미지 정렬 */
.tal img {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
  margin-block-end: 0;
  margin-block-start: 0;
}

strong {
  margin: 0;
  font-size: 100%;
  font-weight: 700;
  line-height: 1;
  margin-block-end: 0;
  margin-block-start: 0;
}

select,
button,
input,
textarea,
pre {
  font-family: "Pretendard", Helvetica, Arial, sans-serif;
  font-size: max(10.56px, 1.0416666667vw);
  color: #666;
}

pre {
  white-space: pre-wrap;
}

fieldset,
img,
button {
  border: 0;
}

img,
input,
button {
  vertical-align: top;
}

img {
  display: block;
  max-width: 100%;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  word-break: break-all;
  word-wrap: break-word;
}

address,
em {
  font-style: normal;
}

ol,
ul,
li {
  list-style: none;
}

hr {
  display: none;
}

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

a:hover,
a:active {
  text-decoration: none;
}

legend {
  position: absolute;
  left: -9999px;
  top: 0;
}

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

button {
  background: none;
  cursor: pointer;
  -webkit-apperance: none;
}

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

textarea {
  resize: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.blind {
  display: none;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

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

/* select arrow none */
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #999;
}

input::placeholder,
textarea::placeholder {
  color: #999;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.hide {
  display: none !important;
  visibility: hidden !important;
}

.swiper-scrollbar-drag {
  cursor: pointer;
}

/* touch기능으로 mobile/tablet 판별하여 css에 root var 추가 <-- coarse 터치기기 : fine 웹 */
@media (min-width: 1540px) and (pointer: fine) {
  :root {
    --pointer: fine;
  }
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  :root {
    --pointer: coarse;
  }
}

/* YouOnlyShine */
@font-face {
  font-family: "YouOnlyShine";
  /* 원하는 폰트 이름으로 설정 */
  src: url("/html/company/resources/font/Y 너만을 비춤체.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* NotoSans */
@font-face {
  font-family: "Noto Sans KR";
  font-style: Light;
  font-weight: 300;
  src: url("/html/company/resources/font/NotoSansKR-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url("/html/company/resources/font/NotoSansKR-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: Medium;
  font-weight: 500;
  src: url("/html/company/resources/font/NotoSansKR-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: bold;
  src: url("h/html/company/resources/font/NotoSansKR-Bold.ttf") format("truetype");
}

/* Spoqa */
@font-face {
  font-family: "Spoqa Han Sans Neo";
  src: url("/html/company/resources/font/SpoqaHanSansNeo-Bold.eot");
  src: url("/html/company/resources/font/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("https://ksse.kr/html/company/resources/kr/font/SpoqaHanSansNeo-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

/* Pretendard */
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* Cafe24 아네모네 */
@font-face {
  font-family: 'Cafe24Ohsquare';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* layout */
html.overflow,
body.overflow {
  width: 100%;
  overflow: hidden;
  touch-action: none;
}

#wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#wrap img {
  pointer-events: none;
}

#wrap::before {
  content: "";
  display: block;
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 14;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}

#wrap.on::before {
  top: 0;
  opacity: 1;
  transition: opacity 0.5s;
}

#wrap.header_hidden .header_wrap {
  top: calc(max(52.8px, 5.2083333333vw) * -1);
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  #wrap.header_hidden .header_wrap {
    top: -80px;
  }
}

@media (max-width: 767px) {
  #wrap.header_hidden .header_wrap {
    top: -60px;
  }
}

.container {
  width: 100%;
  max-width: max(1267.2px, 125vw);
  margin: 0 auto;
}

.container .content {
  padding: max(66px, 6.5104166667vw) 0 max(105.6px, 10.4166666667vw);
}

.container .sec_visual .title_box {
  padding-bottom: max(34.32px, 3.3854166667vw);
  left: 0;
}

.container .sec_visual .title_box.on {
  position: fixed;
  top: max(118.8px, 11.71875vw);
}

.container .sec_visual .title_box.is-break {
  position: absolute;
}

.container .sec_visual .bg_box {
  position: relative;
  overflow: hidden;
}

.container .sec_visual .dim {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - max(258.72px, 25.5208333333vw));
  height: 100%;
  opacity: 0;
  border-radius: max(26.4px, 2.6041666667vw) max(26.4px, 2.6041666667vw) 0 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.container .sec_visual .bg {
  padding: max(118.8px, 11.71875vw) 0 0;
  width: calc(100% - max(258.72px, 25.5208333333vw));
  margin: 0 auto;
  height: max(481.14px, 47.4609375vw);
  border-radius: max(26.4px, 2.6041666667vw) max(26.4px, 2.6041666667vw) 0 0;
}

.container .sec_visual .bg .pin {
  width: 1px;
  height: 1px;
}

.container .title_box {
  width: 100%;
  text-align: center;
  z-index: 11;
  padding: 0 max(26.4px, 2.6041666667vw);
}

.container .title_box h2 {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.01em;
  line-height: 1.5;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #5e2bb8;
}

.container .title_box p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  word-break: keep-all;
  word-wrap: break-word;
  color: #121619;
}

.container .left_tit {
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #121619;
}

.container .right_top_txt {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #343a3f;
  font-weight: 500;
  word-break: keep-all;
  word-wrap: break-word;
}

.container .right_top_txt .purple_color {
  color: #5e2bb8;
}

.container .sub_tit {
  display: block;
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
  word-break: keep-all;
  word-wrap: break-word;
}

.container .sub_txt {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .container {
    max-width: 1920px;
  }

  .container .content {
    padding: 80px 0 128px;
  }

  .container .sec_visual .title_box {
    padding-bottom: 42px;
  }

  .container .sec_visual .title_box.on {
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
  }

  .container .sec_visual .dim {
    width: calc(100% - 40px);
    border-radius: 40px max(26.4px, 2.6041666667vw) 0 0;
  }

  .container .sec_visual .bg {
    width: calc(100% - 40px);
    padding: 160px 0 0;
    height: 667px;
    border-radius: 40px max(26.4px, 2.6041666667vw) 0 0;
  }

  .container .title_box {
    width: 70%;
    padding: 0 40px;
    margin: 0 auto;
  }

  .container .title_box h2 {
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }

  .container .title_box p {
    margin-top: 6px;
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .container .left_tit {
    margin-bottom: 24px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .container .right_top_txt {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .container .sub_tit {
    margin-bottom: 16px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .container .sub_txt {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 1920px;
  }

  .container .content {
    padding: 80px 0;
  }

  .container .sec_visual .title_box {
    left: 0;
    transform: translateX(0);
    padding-bottom: 42px;
  }

  .container .sec_visual .title_box.on {
    top: 140px;
  }

  .container .sec_visual .dim {
    width: calc(100% - 20px);
    border-radius: 40px 40px 0 0;
  }

  .container .sec_visual .bg {
    width: calc(100% - 20px);
    padding: 140px 0 0;
    height: 480px;
  }

  .container .title_box {
    width: 100%;
    padding: 0 20px;
  }

  .container .title_box h2 {
    font-size: 18px;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }

  .container .title_box p {
    margin-top: 6px;
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .container .left_tit {
    margin-bottom: 20px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .container .right_top_txt {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.55;
  }

  .container .sub_tit {
    margin-bottom: 16px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.55;
  }

  .container .sub_txt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
}

.enlargement_img {
  position: relative;
}

.enlargement_img img {
  width: 100%;
}

.enlargement_img a {
  display: none;
}

@media (max-width: 767px) {
  .enlargement_img a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  .enlargement_img a img {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 32px !important;
  }
}

.shortcut_area .list {
  display: flex;
  gap: max(13.2px, 1.3020833333vw);
}

.shortcut_area .list li {
  flex: 1;
  height: max(79.2px, 7.8125vw);
  border-radius: max(7.92px, 0.78125vw);
}

.shortcut_area .list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 max(19.8px, 1.953125vw);
  background-color: #f2f4f8;
  border-radius: inherit;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  border: 1px solid transparent;
  font-weight: bold;
  color: #121619;
}

@media (min-width: 1540px) and (pointer: fine) {
  .shortcut_area .list a:not(.disable):hover {
    background-color: #f2f4f8;
    border: max(0.66px, 0.0651041667vw) solid #5e2bb8;
  }
}

@media (max-width: 1023px) {
  .shortcut_area .list {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: unset;
  }

  .shortcut_area .list li {
    flex: unset;
    width: calc((100% - 20px) / 2);
    height: 100px;
    border-radius: 12px;
  }

  .shortcut_area .list li:nth-of-type(n + 3) {
    margin-top: 20px;
  }

  .shortcut_area .list a {
    padding: 0 20px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .shortcut_area .list li {
    width: 100%;
    height: 100px;
    border-radius: 12px;
  }

  .shortcut_area .list li:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .shortcut_area .list a {
    padding: 0 20px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.pc_on {
  display: block;
}

.tablet_on {
  display: none;
}

.m_on {
  display: none;
}

.pc_none {
  display: none;
}

.tablet_m_on {
  display: none;
}

.tablet_none {
  display: block;
}

.m_none {
  display: block;
}

.laptop_on {
  display: none;
}

.laptop_none {
  display: block;
}

@media (max-width: -1px) {
  .laptop_on {
    display: block;
  }

  .laptop_none {
    display: none;
  }
}

@media (max-width: 1023px) {
  .laptop_none {
    display: block;
  }

  .pc_on {
    display: none;
  }

  .tablet_m_on {
    display: block;
  }

  .tablet_on {
    display: block;
  }

  .m_on {
    display: none;
  }

  .pc_none {
    display: block;
  }

  .tablet_none {
    display: none;
  }

  .m_none {
    display: block;
  }
}

@media (max-width: 767px) {
  .laptop_none {
    display: block;
  }

  .pc_on {
    display: none;
  }

  .tablet_on {
    display: none;
  }

  .m_on {
    display: block;
  }

  .pc_none {
    display: block;
  }

  .tablet_none {
    display: block;
  }

  .m_none {
    display: none;
  }
}

#lnbWrap {
  position: relative;
  width: 100%;
  height: max(39.6px, 3.90625vw);
  background-color: #ffffff;
}

#lnbWrap #lnb {
  position: relative;
  width: 100%;
  height: max(39.6px, 3.90625vw);
  top: 0;
  left: 0;
  z-index: 12;
  transition: top 0.3s;
  border-top: 1px solid #DDE1E6;
  border-bottom: 1px solid #DDE1E6;
  background-color: #ffffff;
}

#lnbWrap #lnb.active {
  position: fixed;
  top: 0;
}

#lnbWrap #lnb .current {
  display: none;
}

#lnbWrap #lnb .depth3_list {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

#lnbWrap #lnb .depth3_list li {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  border-right: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

#lnbWrap #lnb .depth3_list li a {
  position: relative;
  display: block;
  width: 100%;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 3.2222222222;
  color: #121619;
  text-align: center;
  transition: width 0.4s;
}

#lnbWrap #lnb .depth3_list li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: max(1.32px, 0.1302083333vw);
  background-color: #5e2bb8;
  transition: width 0.5s;
}

@media (min-width: 1540px) and (pointer: fine) {
  #lnbWrap #lnb .depth3_list li a:hover {
    font-weight: bold;
    color: #5e2bb8;
  }

  #lnbWrap #lnb .depth3_list li a:hover::after {
    width: 100%;
  }
}

#lnbWrap #lnb .depth3_list li.active a {
  color: #5e2bb8;
  font-weight: bold;
}

#lnbWrap #lnb .depth3_list li.active a::after {
  width: 100%;
}

#lnbWrap.type1 {
  margin-top: max(34.32px, 3.3854166667vw);
  height: max(26.4px, 2.6041666667vw);
}

#lnbWrap.type1 #lnb {
  height: max(26.4px, 2.6041666667vw);
  border: 0;
}

#lnbWrap.type1 #lnb .depth3_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#lnbWrap.type1 #lnb .depth3_list li {
  position: relative;
  padding: 0 max(21.12px, 2.0833333333vw);
  border: 0;
}

#lnbWrap.type1 #lnb .depth3_list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: max(0.66px, 0.0651041667vw);
  height: max(11.88px, 1.171875vw);
  background-color: #DDE1E6;
}

#lnbWrap.type1 #lnb .depth3_list li:last-of-type::after {
  display: none;
}

@media (min-width: 1540px) {
  #lnbWrap.type1 #lnb .depth3_list li a {
    font-size: max(11.88px, 1.171875vw);
    letter-spacing: -0.02em;
    line-height: 2.2222222222;
  }

  #lnbWrap.type1 #lnb .depth3_list li a::after {
    bottom: 0;
  }
}

@media (min-width: 1540px) {
  #lnbWrap.type1 #lnb.active {
    height: max(39.6px, 3.90625vw);
    border-top: max(0.66px, 0.0651041667vw) solid #DDE1E6;
    border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  }

  #lnbWrap.type1 #lnb.active .depth3_list {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }

  #lnbWrap.type1 #lnb.active .depth3_list li {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    border-right: max(0.66px, 0.0651041667vw) solid #DDE1E6;
    padding: 0;
  }

  #lnbWrap.type1 #lnb.active .depth3_list li::after {
    display: none;
  }

  #lnbWrap.type1 #lnb.active .depth3_list li a {
    font-size: max(11.88px, 1.171875vw);
    letter-spacing: -0.02em;
    line-height: 3.2222222222;
  }
}

@media (max-width: 1023px) {
  #lnbWrap {
    height: 64px;
  }

  #lnbWrap #lnb {
    height: 64px;
    border: 0;
  }

  #lnbWrap #lnb.active {
    position: fixed;
    top: 0;
  }

  #lnbWrap #lnb .current {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 40px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 3.7647058824;
    border-top: 1px solid #DDE1E6;
    border-bottom: 2px solid #5e2bb8;
    background-color: #ffffff;
    font-weight: bold;
    color: #5e2bb8;
  }

  #lnbWrap #lnb .current::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/lnb_arrow.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #lnbWrap #lnb .current.active::after {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/lnb_arrow_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #lnbWrap #lnb .depth3_list {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    height: auto;
    padding: 20px 40px;
    background-color: #f2f4f8;
    border-bottom: 1px solid #C1C7CD;
  }

  #lnbWrap #lnb .depth3_list li {
    display: block;
    height: auto;
    border-right: 0;
  }

  #lnbWrap #lnb .depth3_list li+li {
    margin-top: 20px;
  }

  #lnbWrap #lnb .depth3_list li a {
    display: block;
    width: 100%;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
    color: #121619;
    text-align: left;
    font-weight: bold;
    border: 0;
  }

  #lnbWrap #lnb .depth3_list li a::after {
    display: none;
  }

  #lnbWrap #lnb .depth3_list li.active a {
    color: #5e2bb8;
  }

  #lnbWrap.type1 {
    margin-top: 42px;
    height: 64px;
  }

  #lnbWrap.type1 #lnb {
    height: 64px;
  }

  #lnbWrap.type1 #lnb .depth3_list {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    padding: 20px 40px;
    background-color: #f2f4f8;
  }

  #lnbWrap.type1 #lnb .depth3_list li {
    display: block;
    height: auto;
    border-right: 0;
    padding: 0;
  }

  #lnbWrap.type1 #lnb .depth3_list li+li {
    margin-top: 20px;
  }

  #lnbWrap.type1 #lnb .depth3_list li::after {
    display: none;
  }

  #lnbWrap.type1 #lnb.active {
    height: 64px;
  }
}

@media (max-width: 767px) {
  #lnbWrap {
    height: 64px;
  }

  #lnbWrap #lnb {
    height: 64px;
  }

  #lnbWrap #lnb .current {
    padding-left: 20px;
    border-top-width: 1px;
    border-bottom-width: 2px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 4;
  }

  #lnbWrap #lnb .current::after {
    right: 20px;
    width: 28px;
    height: 28px;
  }

  #lnbWrap #lnb .depth3_list {
    top: 64px;
    padding: 20px;
    border-bottom-width: 1px;
  }

  #lnbWrap #lnb .depth3_list li+li {
    margin-top: 20px;
  }

  #lnbWrap #lnb .depth3_list li a {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  #lnbWrap.type1 {
    margin-top: 42px;
    height: 64px;
  }

  #lnbWrap.type1 #lnb {
    height: 64px;
  }

  #lnbWrap.type1 #lnb .depth3_list {
    top: 64px;
    padding: 20px;
  }

  #lnbWrap.type1 #lnb .depth3_list li+li {
    margin-top: 20px;
  }

  #lnbWrap.type1 #lnb.active {
    height: 64px;
  }
}

.row_wrap {
  padding: 0 max(52.8px, 5.2083333333vw);
}

@media (max-width: 1023px) {
  .row_wrap {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .row_wrap {
    padding: 0 20px;
  }
}

.row {
  position: relative;
}

@media (min-width: 1540px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(max(13.2px, 1.3020833333vw) * 0.5 * -1);
  }
}

.container_popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.container_popup.active {
  display: block;
}

.container_popup .dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.container_popup .popup_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  position: absolute;
  top: max(66px, 6.5104166667vw);
  left: 50%;
  transform: translateX(-50%);
  width: max(541.2px, 53.3854166667vw);
  padding-bottom: max(33px, 3.2552083333vw);
}

.container_popup .popup_wrap.img_exist {
  width: max(587.4px, 57.9427083333vw);
}

.container_popup .popup {
  position: relative;
  background-color: #fff;
  border-radius: max(7.92px, 0.78125vw);
}

.container_popup .popup .inner {
  padding: max(39.6px, 3.90625vw) max(31.68px, 3.125vw);
}

.container_popup button.popup_close_btn {
  position: absolute;
  top: max(13.2px, 1.3020833333vw);
  right: max(13.2px, 1.3020833333vw);
  width: max(21.12px, 2.0833333333vw);
  height: max(21.12px, 2.0833333333vw);
}

.container_popup button.popup_close_btn span {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_delete_gray02.svg") 0 0 no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .container_popup .popup_wrap {
    top: 100px;
    width: 688px;
    padding-bottom: 50px;
  }

  .container_popup .popup_wrap.img_exist {
    width: 688px;
  }

  .container_popup .popup .inner {
    padding: 48px 40px;
  }

  .container_popup button.popup_close_btn {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
  }

  .container_popup button.popup_close_btn span {
    z-index: 9999999;
  }
}

@media (max-width: 767px) {
  .container_popup {
    background-color: #ffffff;
  }

  .container_popup .popup_wrap {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
    padding-bottom: 0;
  }

  .container_popup .popup_wrap.img_exist {
    width: 100%;
  }

  .container_popup .popup {
    overflow: auto;
    z-index: 999999;
    background-color: #fff;
    border-radius: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
  }

  .container_popup .popup .inner {
    padding: 48px 20px;
  }

  .container_popup button.popup_close_btn {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
  }
}

.common_top_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.common_top_inner.right {
  justify-content: flex-end;
}

.common_top_inner .common_tab_list {
  font-size: 0;
}

.common_top_inner .common_tab_list li {
  display: inline-block;
  vertical-align: top;
  margin-right: max(5.28px, 0.5208333333vw);
}

.common_top_inner .common_tab_list li:last-of-type {
  margin-right: 0;
}

.common_top_inner .common_tab_list li .btn {
  font-weight: 500;
}

.common_top_inner .input_area {
  max-width: max(198px, 19.53125vw);
}

@media (max-width: 1023px) {
  .common_top_inner .common_tab_list li {
    margin-right: 6px;
  }

  .common_top_inner .input_area {
    max-width: 300px;
  }
}

@media (max-width: 767px) {
  .common_top_inner {
    display: block;
  }

  .common_top_inner .common_tab_list {
    margin-left: -3px;
  }

  .common_top_inner .common_tab_list li {
    margin: 3px;
  }

  .common_top_inner .common_tab_list li:last-of-type {
    margin-right: 3px;
  }

  .common_top_inner .input_area {
    max-width: 100%;
    margin-top: 9px;
  }
}

#header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: max(52.8px, 5.2083333333vw);
  background-color: #ffffff;
  z-index: 10001;
}

#header .header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: max(52.8px, 5.2083333333vw);
  background-color: #ffffff;
  z-index: 14;
  transition: top 0.3s;
}

#header .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  height: max(52.8px, 5.2083333333vw);
  padding: 0 max(26.4px, 2.6041666667vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

#header .logo {
  position: absolute;
  margin-top: clamp(5px, calc(5px + (120vw - 1024px) / 100), 50px);
  left: max(26.4px, 2.6041666667vw);
  width: max(230.24px, 15.421875vw);
  z-index: 1;
}

#header .logo a {
  display: block;
  width: 100%;
  height: max(45.52px, 3.2322916667vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/logo.png") center no-repeat;
  background-size: 100% 100%;
}

#header #gnbWrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: max(52.8px, 5.2083333333vw);
}

#header #gnbWrap .gnb_inner {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease;
}

#header #gnbWrap .gnb_inner:hover {
  background-color: rgba(0, 0, 0, 0.0);
  /* 배경색 진하게 변경 */
}

#header #gnbWrap .gnb_box {
  position: absolute;
  top: 0;
  left: clamp(280px, 19.2213541667vw, max(143.62px, 19.2213541667vw));
  width: calc(100% - max(307.56px, 30.3385416667vw));
  height: max(52.8px, 5.2083333333vw);
}

#header .m_close {
  display: none;
}

#header #gnb {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#header #gnb>ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

#header #gnb>ul .depth1 {
  transition: width 0.5s;
}

#header #gnb>ul .depth1>a {
  position: relative;
  display: block;
  width: auto;
  font-size: clamp(17px, 1.0416666667vw, max(10.56px, 1.0416666667vw));
  letter-spacing: -0.02em;
  line-height: 5.15vw;
  font-weight: 500;
  color: #343a3f;
}

#header #gnb>ul .depth1>a::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: calc(max(1.32px, 0.1302083333vw) * -1);
  transform: translateX(-50%);
  width: 0;
  height: max(1.32px, 0.1302083333vw);
  transition: width 0.5s;
  background-color: #5e2bb8;
}

#header #gnb>ul .depth1:nth-of-type(1) {
  width: max(55.14px, 12.3984375vw);
}

#header #gnb>ul .depth1:nth-of-type(2) {
  width: max(56.16px, 12.203125vw);
}

#header #gnb>ul .depth1:nth-of-type(3) {
  width: max(69.76px, 12.8541666667vw);
}

#header #gnb>ul .depth1:nth-of-type(4) {
  width: max(56.12px, 12.3385416667vw);
}

#header #gnb>ul .depth1:nth-of-type(5) {
  width: max(59.2px, 12.8125vw);
}

#header #gnb>ul .depth1:nth-of-type(6) {
  width: max(94.38px, 12.3098958333vw);
}

@media (min-width: 1540px) and (pointer: fine) {
  #header #gnb>ul .depth1.active>a::after {
    width: 100%;
  }

  #header #gnb>ul .depth1:hover>a::after {
    width: 100%;
  }
}

#header #gnb>ul .pika {
  transition: width 0.5s;
}

#header #gnb>ul .pika>a {
  position: relative;
  display: block;
  width: auto;
  font-size: clamp(17px, 1.0416666667vw, max(12.56px, 1.0416666667vw));
  letter-spacing: -0.02em;
  line-height: 5.15vw;
  font-weight: 500;
  color: #343a3f;
}

#header #gnb>ul .pika>a::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: calc(max(1.32px, 0.1302083333vw) * -1);
  transform: translateX(-50%);
  width: 0;
  height: max(1.32px, 0.1302083333vw);
  transition: width 0.5s;
}

#header #gnb>ul .pika:nth-of-type(1) {
  width: max(85.14px, 12.3984375vw);
}

#header #gnb>ul .pika:nth-of-type(2) {
  width: max(86.16px, 12.203125vw);
}

#header #gnb>ul .pika:nth-of-type(3) {
  width: max(89.76px, 12.2541666667vw);
}

#header #gnb>ul .pika:nth-of-type(4) {
  width: max(54.12px, 12.3385416667vw);
}

#header #gnb>ul .pika:nth-of-type(5) {
  width: max(79.2px, 12.2125vw);
}

#header #gnb>ul .pika:nth-of-type(6) {
  width: max(94.38px, 9.3098958333vw);
}

@media (min-width: 1540px) and (pointer: fine) {
  #header #gnb>ul .pika.active>a::after {
    width: 100%;
  }

  #header #gnb>ul .pika:hover>a::after {
    width: 100%;
  }
}

#header #gnb .depth2_list {
  padding: max(18.48px, 1.8229166667vw) 0;
}

#header #gnb .depth2_list>li {
  display: block;
}

#header #gnb .depth2_list>li+li {
  margin-top: max(7.92px, 0.78125vw);
}

#header #gnb .depth2_list>li>a {
  display: block;
  font-size: clamp(15px, 1.0416666667vw, max(10.56px, 1.0416666667vw));
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: #343a3f;
}

@media (min-width: 1540px) and (pointer: fine) {
  #header #gnb .depth2_list>li>a {
    transition: all 0.3s;
  }

  #header #gnb .depth2_list>li.active>a,
  #header #gnb .depth2_list>li:hover>a {
    color: #5e2bb8;
    font-weight: bold;
  }
}

#header #gnb .depth3_list {
  display: none;
}

#header .banner {
  position: absolute;
  top: max(71.28px, 7.03125vw);
  right: max(26.4px, 2.6041666667vw);
  width: max(178.2px, 17.578125vw);
}

#header .banner a {
  position: relative;
  display: block;
}

@media (min-width: 1540px) and (pointer: fine) {
  #header .banner a:hover img {
    transform: scale(1.15);
  }
}

#header .banner .banner_img {
  height: max(112.2px, 11.0677083333vw);
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

#header .banner .banner_img img {
  width: 100%;
  transition: 0.5s;
}

#header .banner p {
  padding-top: max(12.54px, 1.2369791667vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3333333333;
  font-weight: 500;
  color: #121619;
}

#header .banner span {
  position: absolute;
  bottom: 0;
  right: 0;
}

#header #util {
  position: absolute;
  top: max(11.88px, 1.171875vw);
  right: max(26.4px, 2.6041666667vw);
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

#header #util .lang_list {
  width: max(34.32px, 3.3854166667vw);
  height: max(26.4px, 2.6041666667vw);
  margin: 0 max(5.28px, 0.5208333333vw);
  padding-top: max(6.6px, 0.6510416667vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(659.34px, 65.0390625vw);
  background-color: #ffffff;
  overflow: hidden;
}

#header #util .lang_list a {
  display: none;
  width: 100%;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: 500;
  color: #878d96;
  text-align: center;
}

#header #util .lang_list a+a {
  margin-top: max(3.3px, 0.3255208333vw);
}

#header #util .lang_list a.current {
  display: block;
}

@media (min-width: 1540px) and (pointer: fine) {
  #header #util .lang_list a:hover {
    color: #5e2bb8;
  }
}

#header #util .lang_list.open {
  height: max(67.98px, 6.7057291667vw);
  border-radius: max(7.92px, 0.78125vw);
}

#header #util .lang_list.open a {
  display: block;
}

#header #util .lang_list.open a.current {
  color: #5e2bb8;
}

#header #util .subsidiary_company .btn {
  border-color: #DDE1E6;
}

@media (min-width: 1540px) and (pointer: fine) {
  #header #util .subsidiary_company .btn:hover {
    border-color: #005486;
    background-color: #005486;
    color: #ffffff;
  }
}

#header #util .menu_btn_wrap {
  display: none;
}

#header .m_lang_list {
  display: none;
}

#header #m_util {
  display: none;
}

#header.on .inner {
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

#header.on #gnb>ul .depth1 {
  width: max(89.76px, 12.8541666667vw);
}

#header.on #gnb>ul .pika {
  width: max(89.76px, 12.8541666667vw);
}

#header.active .header_wrap {
  top: calc(max(52.8px, 5.2083333333vw) * -1);
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  #header {
    height: 80px;
  }

  #header .header_wrap {
    height: 80px;
  }

  #header .inner {
    height: 80px;
    padding: 0 40px;
    border-bottom-width: 1px;
  }

  #header .logo {
    top: 16px;
    left: 40px;
    width: 240px;
  }

  #header .logo a {
    height: 50px;
  }

  #header #gnbWrap {
    position: fixed;
    top: 0;
    right: -100%;
    width: 375px;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #ffffff;
    /* iOS only */
    z-index: 14;
  }

  @supports (-webkit-touch-callout: none) {
    #header #gnbWrap {
      height: -webkit-fill-available;
    }
  }

  #header #gnbWrap.active {
    right: 0;
  }

  #header #gnbWrap .gnb_inner {
    display: none;
    position: static;
    height: calc(100% - 61px);
    overflow-y: scroll;
    padding: 12px 20px 25px 20px;
  }

  #header #gnbWrap .gnb_inner.active {
    display: block;
  }

  #header #gnbWrap .gnb_inner.on {
    height: calc(100% - 120px);
  }

  #header #gnbWrap .gnb_box {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }

  #header .menu_close {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 29px;
    height: 29px;
    padding: 5px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/close_btn.svg") 0 0 no-repeat;
    background-size: 100% 100%;
    z-index: 1;
  }

  #header #gnb {
    position: static;
    transform: none;
    text-align: left;
  }

  #header #gnb>ul {
    display: block;
  }

  #header #gnb>ul .depth1 {
    width: 100% !important;
  }

  #header #gnb>ul .depth1>a {
    padding: 12px 0;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
    font-weight: bold;
  }

  #header #gnb>ul .depth1>a::after {
    content: "";
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    width: 20px;
    height: 20px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/m_menu_arrow_off.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #header #gnb>ul .depth1.active>a::after {
    transform: translateY(-50%) roate(180deg);
    background: url("https://ksse.kr/html/company/resources/kr/images/common/m_menu_arrow_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #header #gnb>ul .pika {
    width: 100% !important;
  }

  #header #gnb>ul .pika>a {
    padding: 12px 0;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
    font-weight: bold;
  }

  #header #gnb>ul .pika>a::after {
    content: "";
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
  }

  #header #gnb>ul .pika.active>a::after {
    transform: translateY(-50%) roate(180deg);
    background-size: 100% 100%;
  }

  #header #gnb .depth2_list {
    display: none;
    padding: 11px 0;
    border-radius: 8px;
    background-color: #f2f4f8;
  }

  #header #gnb .depth2_list>li+li {
    margin-top: 0;
  }

  #header #gnb .depth2_list>li>a {
    padding: 9px 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  #header #gnb .depth2_list>li.active>a {
    color: #5e2bb8;
  }

  #header .banner {
    position: static;
    width: 100%;
    margin-top: 32px;
    padding: 20px;
    background-color: #5e2bb8;
    border-radius: 8px;
  }

  #header .banner .banner_img {
    display: none;
  }

  #header .banner p {
    padding-top: 0;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
    font-family: "Cafe24Ohsquare", sans-serif;
    font-weight: 400;
    color: #ffffff;
  }

  #header .banner .btn span {
    background-color: #ffffff;
  }

  #header .banner .btn span:before {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_black.svg") 0 0;
    background-size: 100% 100%;
  }

  #header .banner .btn span:after {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_black.svg") 0 0;
    background-size: 100% 100%;
  }

  #header #util {
    position: static;
    width: 100%;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    border-bottom: 1px solid #DDE1E6;
    background-color: #ffffff;
  }

  #header #util .btn {
    min-width: 66px;
    height: 40px;
    margin: 0;
    padding: 0 16px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 2.9230769231;
    border-width: 1px;
    font-weight: bold;
  }

  #header #util .lang_list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 66px;
    height: 40px;
    margin: 0;
    padding: 0 16px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 2.9230769231;
    border-width: 1px;
    border-color: #121619;
    border-radius: 999px;
    order: 2;
    text-align: left;
  }

  #header #util .lang_list::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/lang_arrow_off.svg") 0 0 no-repeat;
    background-size: cover;
  }

  #header #util .lang_list a {
    display: none;
    width: 100%;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 2.9230769231;
    font-weight: 500;
    text-align: left;
    color: #121619;
  }

  #header #util .lang_list a.current {
    display: block;
  }

  #header #util .lang_list.open {
    height: auto;
    border-radius: 999px;
  }

  #header #util .lang_list.open a+a {
    display: none;
  }

  #header #util .lang_list.open a.current {
    color: #121619;
  }

  #header #util .lang_list.open.current {
    color: #121619;
  }

  #header #util .lang_list.open::after {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/lang_arrow_on.svg") 0 0 no-repeat;
    background-size: cover;
  }

  #header #util .subsidiary_company .btn {
    margin: 0 12px;
    border-color: #121619;
    font-weight: 500;
  }

  #header #util .subsidiary_company .btn.active {
    border-color: #005486;
  }
}

@media (max-width: 1023px) and (min-width: 1540px) and (pointer: fine),
(max-width: 1540px) and (pointer: coarse) and (min-width: 1540px) and (pointer: fine) {
  #header #util .subsidiary_company .btn:hover {
    border-color: #005486;
    background-color: #005486;
    color: #ffffff;
  }
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  #header #util .menu_btn_wrap {
    display: block;
  }

  #header .m_lang_list {
    text-align: center;
    padding: 18px 0 25px 0;
    background-color: #f2f4f8;
    border-bottom: 1px solid #DDE1E6;
    font-size: 0;
  }

  #header .m_lang_list a {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.1333333333;
    margin: 0 12px;
    color: #121619;
  }

  #header .m_lang_list a.current {
    position: relative;
    font-weight: 700;
    color: #5e2bb8;
  }

  #header .m_lang_list a.current::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #5e2bb8;
  }

  #header .m_lang_list.active {
    display: block;
  }

  #header #m_util {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    position: absolute;
    top: 21px;
    right: 35px;
  }

  #header #m_util .mobile_btn {
    width: 38px;
    height: 38px;
    padding: 5px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/menu_icon.svg") center no-repeat;
    background-size: 28px 28px;
  }

  #header.on .inner {
    border-bottom-width: 1px;
  }

  #header.active .header_wrap {
    top: -80px;
  }
}

@media (max-width: 767px) {
  #header {
    height: 60px;
  }

  #header .header_wrap {
    height: 60px;
  }

  #header .inner {
    height: 60px;
    padding: 0 20px;
    border-bottom-width: 1px;
  }

  #header .logo {
    top: 11px;
    left: 20px;
    width: 210px;
  }

  #header .logo a {
    height: 43px;
  }

  #header #gnbWrap {
    width: 100%;
  }

  #header #gnbWrap .gnb_inner {
    height: calc(100% - 61px);
    padding: 12px 20px 50px 20px;
  }

  #header #gnbWrap .gnb_inner.on {
    height: calc(100% - 120px);
  }

  #header .menu_close {
    right: 15px;
    width: 29px;
    height: 29px;
    padding: 5px;
  }

  #header #gnb>ul .pika>a {
    padding: 16px 0;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  #header #gnb>ul .depth1>a {
    padding: 16px 0;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  #header #gnb>ul .depth1>a::after {
    width: 20px;
    height: 20px;
  }

  #header #gnb>ul .pika>a {
    padding: 16px 0;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  #header #gnb>ul .pika>a::after {
    width: 20px;
    height: 20px;
  }

  #header #gnb .depth2_list {
    padding: 11px 0;
    border-radius: 8px;
  }

  #header #gnb .depth2_list>li>a {
    padding: 9px 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  #header .banner {
    margin-top: 32px;
    padding: 20px;
    border-radius: 8px;
  }

  #header .banner p {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  #header #util {
    padding: 10px 20px;
    border-top-width: 1px;
  }

  #header #util .btn {
    min-width: 66px;
    height: 40px;
    padding: 0 16px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 2.9230769231;
    border-width: 1px;
  }

  #header #util .lang_list {
    min-width: 66px;
    height: 40px;
    padding: 0 16px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 2.9230769231;
    border-width: 1px;
    border-radius: 999px;
    margin: 0 12px 0 0;
  }

  #header #util .lang_list::after {
    right: 16px;
    width: 12px;
    height: 12px;
  }

  #header #util .lang_list.open {
    border-radius: 999px;
  }

  #header .m_lang_list {
    padding: 18px 0 25px 0;
    border-bottom-width: 1px;
  }

  #header .m_lang_list a {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.1538461538;
    margin: 0 12px;
  }

  #header .m_lang_list a.current::after {
    bottom: -8px;
    height: 2px;
  }

  #header .m_lang_list.active {
    display: block;
  }

  #header #m_util {
    top: 15px;
    right: 15px;
  }

  #header #m_util .mobile_btn {
    width: 30px;
    height: 30px;
    padding: 5px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/menu_icon.svg") center no-repeat;
    background-size: 24px 24px;
  }

  #header.on .inner {
    border-bottom-width: 1px;
  }

  #header.active .header_wrap {
    top: -60px;
  }
}

.white #header {
  position: absolute;
  background-color: transparent;
}

.white #header .header_wrap {
  background-color: transparent;
}

.white #header .inner {
  border-bottom-color: transparent;
}

.white #header .logo a {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/logo_white.png") center no-repeat;
  background-size: 100% 100%;
}

.white #header #gnb .depth1>a {
  margin-top: 4px;
  color: #ffffff;
}

.white #header #gnb .pika>a {
  color: #ffffff;
}

.white #header #util .lang_list {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

.white #header #util .lang_list a {
  color: #ffffff;
}

@media (min-width: 1540px) and (pointer: fine) {
  .white #header #util .lang_list a:hover {
    color: #5e2bb8;
  }
}

.white #header #util .subsidiary_btn {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.white #header.on .header_wrap,
.white #header.scroll .header_wrap {
  background-color: #ffffff;
}

.white #header.on .inner,
.white #header.scroll .inner {
  border-bottom-color: #DDE1E6;
}

.white #header.on .logo a,
.white #header.scroll .logo a {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/logo.png") center no-repeat;
  background-size: 100% 100%;
}

.white #header.on #gnb .depth1>a,
.white #header.scroll #gnb .depth1>a {
  color: #121619;
}

.white #header.on #gnb .pika>a,
.white #header.scroll #gnb .pika>a {
  color: #121619;
}

.white #header.on #util .lang_list,
.white #header.scroll #util .lang_list {
  background-color: #ffffff;
  border-color: #DDE1E6;
}

.white #header.on #util .lang_list a,
.white #header.scroll #util .lang_list a {
  color: #121619;
}

@media (min-width: 1540px) and (pointer: fine) {

  .white #header.on #util .lang_list a:hover,
  .white #header.scroll #util .lang_list a:hover {
    color: #5e2bb8;
  }
}

.white #header.on #util .subsidiary_btn,
.white #header.scroll #util .subsidiary_btn {
  background-color: #ffffff;
  border-color: #DDE1E6;
  color: #121619;
}

@media (min-width: 1540px) and (pointer: fine) {

  .white #header.on #util .subsidiary_btn:hover,
  .white #header.scroll #util .subsidiary_btn:hover {
    border-color: #5e2bb8;
    background-color: #5e2bb8;
    color: #ffffff;
  }
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  .white #header #gnb .depth1>a {
    color: #121619;
  }

  .white #header #gnb .pika>a {
    color: #121619;
  }

  .white #header #util .lang_list {
    background-color: #ffffff;
    border-color: #121619;
  }

  .white #header #util .lang_list a {
    color: #121619;
  }

  .white #header #util .subsidiary_btn {
    background-color: #ffffff;
    border-color: #121619;
    color: #121619;
  }

  .white #header #util .subsidiary_btn.active {
    background-color: #5e2bb8;
    border-color: #5e2bb8;
    color: #ffffff;
  }

  .white #header #m_util .mobile_btn {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/menu_white_icon.svg") center no-repeat;
    background-size: 28px 28px;
  }

  .white #header.on #m_util .mobile_btn,
  .white #header.scroll #m_util .mobile_btn {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/menu_icon.svg") center no-repeat;
    background-size: 28px 28px;
  }
}

@media (max-width: 767px) {
  .white #header #m_util .mobile_btn {
    background-size: 24px 24px;
  }

  .white #header.on #m_util .mobile_btn,
  .white #header.scroll #m_util .mobile_btn {
    background-size: 24px 24px;
  }
}

.subsidiary_box {
  position: fixed;
  top: 0;
  right: -110%;
  width: max(346.5px, 34.1796875vw);
  height: calc(var(--vh, 1vh) * 100);
  background-color: #ffffff;
  padding: max(26.4px, 2.6041666667vw) 0 0 max(26.4px, 2.6041666667vw);
  z-index: 11;
  transition: right 0.5s;
}

.subsidiary_box.active {
  right: 0;
}

.subsidiary_box .mCSB_container {
  height: 100%;
}

.subsidiary_box .close_btn {
  display: block;
  position: absolute;
  top: max(26.4px, 2.6041666667vw);
  right: max(13.2px, 1.3020833333vw);
  width: max(21.12px, 2.0833333333vw);
  height: max(21.12px, 2.0833333333vw);
}

.subsidiary_box .close_btn img {
  width: 100%;
}

.subsidiary_box .txt_box span {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #5e2bb8;
}

.subsidiary_box .txt_box p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(19.8px, 1.953125vw);
  letter-spacing: -0.02em;
  line-height: 1.4;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #121619;
}

.subsidiary_box .subsidiary_list {
  width: 100%;
  height: 100%;
  margin-top: max(21.12px, 2.0833333333vw);
  background-image: url("../../../../image.hanatourcompany.com/company/resources/kr/images/common/subsidiary_list_bg1.jpg");
  border-top-left-radius: max(7.92px, 0.78125vw);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow-y: scroll;
}

.subsidiary_box .subsidiary_list li {
  border-bottom: max(0.66px, 0.0651041667vw) solid rgba(255, 255, 255, 0.3);
}

.subsidiary_box .subsidiary_list li:first-of-type {
  border-top-left-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.subsidiary_box .subsidiary_list li a {
  position: relative;
  display: block;
  padding: max(16.5px, 1.6276041667vw) 0 max(16.5px, 1.6276041667vw) max(26.4px, 2.6041666667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.625;
  color: #ffffff;
  transition: background 0.3s;
}

.subsidiary_box .subsidiary_list li a .btn {
  position: absolute;
  top: 50%;
  right: max(26.4px, 2.6041666667vw);
  transform: translateY(-50%);
  margin: 0;
}

@media (min-width: 1540px) and (pointer: fine) {
  .subsidiary_box .subsidiary_list li a:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  .subsidiary_box {
    display: none;
    position: static;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 11;
    transition: none;
    height: 100%;
  }

  .subsidiary_box.active {
    display: block;
  }

  .subsidiary_box .close_btn {
    display: none;
  }

  .subsidiary_box .txt_box {
    display: none;
  }

  .subsidiary_box .subsidiary_list {
    margin-top: 0;
    border-top-left-radius: 0;
    background-image: url("../../../../image.hanatourcompany.com/company/resources/kr/images/common/subsidiary_list_m_bg.jpg");
    height: calc(100% - 61px);
  }

  .subsidiary_box .subsidiary_list.active {
    height: calc(100% - 120px);
  }

  .subsidiary_box .subsidiary_list li {
    height: 101px;
    border-bottom-width: 1px;
  }

  .subsidiary_box .subsidiary_list li:first-of-type {
    border-top-left-radius: 0;
  }

  .subsidiary_box .subsidiary_list li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    padding: 0 20px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .subsidiary_box .subsidiary_list li a .btn {
    right: 20px;
  }
}

@media (max-width: 767px) {
  .subsidiary_box .subsidiary_list {
    height: calc(100% - 61px);
  }

  .subsidiary_box .subsidiary_list.active {
    height: calc(100% - 120px);
  }

  .subsidiary_box .subsidiary_list li {
    border-bottom-width: 1px;
    height: 101px;
  }

  .subsidiary_box .subsidiary_list li a {
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .subsidiary_box .subsidiary_list li a .btn {
    right: 20px;
  }
}

#dimmed {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

#dimmed.active {
  display: block;
}

@media (min-width:) {
  #dimmed {
    display: none !important;
    position: fixed;
  }
}

#footer {
  position: relative;
  width: 100%;
  padding: max(42.9px, 2.2317708333vw) 0 max(20.46px, 2.0182291667vw);
}

@media (max-width: 1023px) {
  #footer {
    padding: 46px 0 20px;
  }
}

@media (max-width: 767px) {
  #footer {
    padding: 46px 0 20px;
  }
}

#footer::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: max(2.64px, 0.2604166667vw);
  background: linear-gradient(90deg, rgb(94, 43, 184) 0%, rgb(8, 209, 217) 100%);
}

@media (max-width: 1023px) {
  #footer::before {
    height: 4px;
  }
}

@media (max-width: 767px) {
  #footer::before {
    height: 4px;
  }
}

#footer .inner {
  max-width: 100%;
  padding: 0 max(52.8px, 5.2083333333vw);
}

@media (max-width: 1023px) {
  #footer .inner {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  #footer .inner {
    padding: 0 20px;
  }
}

#footer .top_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

#footer .top_box .left_box .ft_logo {
  width: max(75.24px, 7.421875vw);
  height: max(14.52px, 1.4322916667vw);
}

#footer .top_box .left_box .ft_logo img {
  width: 100%;
}

#footer .top_box .left_box span {
  display: block;
  margin-top: max(7.92px, 0.78125vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #121619;
}

#footer .top_box .right_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

#footer .top_box .right_box .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-top: calc(max(3.96px, 0.390625vw) * -1);
}

#footer .top_box .right_box .list li {
  margin: max(3.96px, 0.390625vw);
}

#footer .top_box .right_box .subsidiary {
  position: relative;
  width: max(129.36px, 12.7604166667vw);
  margin-left: max(3.96px, 0.390625vw);
}

#footer .top_box .right_box .subsidiary>a {
  position: relative;
  display: block;
  width: 100%;
  height: max(31.68px, 3.125vw);
  padding: 0 max(15.84px, 1.5625vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  background-color: #ffffff;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 3.5384615385;
  font-weight: 500;
  color: #878d96;
  border-radius: max(659.34px, 65.0390625vw);
}

#footer .top_box .right_box .subsidiary>a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: max(15.84px, 1.5625vw);
  transform: translateY(-50%);
  width: max(12.54px, 1.2369791667vw);
  height: max(12.54px, 1.2369791667vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/family_icon_off.svg") 0 0 no-repeat;
  background-size: cover;
}

#footer .top_box .right_box .subsidiary>a.active {
  border-top: 0;
  border-radius: max(15.84px, 1.5625vw);
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 3.6923076923;
}

#footer .top_box .right_box .subsidiary>a.active::after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/family_icon_on.svg") 0 0 no-repeat;
  background-size: cover;
}

#footer .top_box .right_box .subsidiary .box {
  display: none;
  position: absolute;
  bottom: max(34.32px, 3.3854166667vw);
  left: 0;
  width: 100%;
  padding: max(13.2px, 1.3020833333vw) max(15.84px, 1.5625vw);
  background-color: #ffffff;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-bottom: 0;
  border-radius: max(15.84px, 1.5625vw);
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#footer .top_box .right_box .subsidiary .box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% - max(26.4px, 2.6041666667vw));
  transform: translateX(-50%);
  height: max(0.66px, 0.0651041667vw);
  background-color: #dde1e6;
}

#footer .top_box .right_box .subsidiary .box a {
  display: block;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #121619;
}

#footer .top_box .right_box .subsidiary .box a+a {
  margin-top: max(7.92px, 0.78125vw);
}

#footer .top_box .right_box .subsidiary .box.active {
  display: block;
}

@media (max-width: 1023px) {
  #footer .top_box {
    display: block;
  }

  #footer .top_box .left_box .ft_logo {
    width: 88px;
    height: 17px;
  }

  #footer .top_box .left_box span {
    margin-top: 8px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  #footer .top_box .right_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin-top: 18px;
  }

  #footer .top_box .right_box .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin: -6px 0 0 -6px;
  }

  #footer .top_box .right_box .list li {
    margin: 6px;
  }

  #footer .top_box .right_box .subsidiary {
    width: calc(100% - 434px);
    margin-left: 6px;
  }

  #footer .top_box .right_box .subsidiary>a {
    position: relative;
    display: block;
    height: 48px;
    padding: 0 24px;
    border-width: 1px;
    border-radius: 999px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 3.5384615385;
  }

  #footer .top_box .right_box .subsidiary>a::after {
    right: 20px;
    width: 19px;
    height: 19px;
  }

  #footer .top_box .right_box .subsidiary>a.active {
    border-radius: 24px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 3.6923076923;
  }

  #footer .top_box .right_box .subsidiary .box {
    bottom: 52px;
    padding: 20px 24px;
    border-width: 1px;
    border-radius: 24px;
  }

  #footer .top_box .right_box .subsidiary .box::after {
    width: calc(100% - 40px);
    height: 1px;
  }

  #footer .top_box .right_box .subsidiary .box a {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.2666666667;
  }

  #footer .top_box .right_box .subsidiary .box a+a {
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
  #footer .top_box {
    display: block;
  }

  #footer .top_box .left_box .ft_logo {
    width: 88px;
    height: 17px;
  }

  #footer .top_box .left_box span {
    margin-top: 8px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.2916666667;
  }

  #footer .top_box .right_box {
    display: block;
    margin-top: 24px;
  }

  #footer .top_box .right_box .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin: 0;
  }

  #footer .top_box .right_box .list li {
    width: 29.7%;
    margin: 0;
  }

  #footer .top_box .right_box .list li:first-of-type {
    width: 37%;
  }

  #footer .top_box .right_box .list li+li {
    margin-left: 1.8%;
  }

  #footer .top_box .right_box .list li .btn {
    width: 100%;
    min-width: auto;
    padding: 0;
    text-align: center;
  }

  #footer .top_box .right_box .subsidiary {
    width: 100%;
    margin: 12px 0 0 0;
  }

  #footer .top_box .right_box .subsidiary>a {
    position: relative;
    display: block;
    height: 48px;
    padding: 0 24px;
    border-width: 1px;
    border-radius: 999px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 4.1818181818;
  }

  #footer .top_box .right_box .subsidiary>a::after {
    right: 20px;
    width: 19px;
    height: 19px;
  }

  #footer .top_box .right_box .subsidiary>a.active {
    border-radius: 24px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 4.3636363636;
  }

  #footer .top_box .right_box .subsidiary .box {
    bottom: 48px;
    padding: 20px 24px;
    border-width: 1px;
    border-radius: 24px;
  }

  #footer .top_box .right_box .subsidiary .box::after {
    width: calc(100% - 40px);
    height: 1px;
  }

  #footer .top_box .right_box .subsidiary .box a {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.2307692308;
  }

  #footer .top_box .right_box .subsidiary .box a+a {
    margin-top: 12px;
  }
}

#footer .bot_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: max(18.48px, 1.8229166667vw);
  padding-top: max(18.48px, 1.8229166667vw);
  border-top: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

#footer .bot_box .left_box .policy_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

#footer .bot_box .left_box .policy_box a {
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: 500;
  color: #121619;
  opacity: 0.8;
}

#footer .bot_box .left_box .address_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-top: max(5.28px, 0.5208333333vw);
}

#footer .bot_box .left_box .address_box dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-right: max(15.84px, 1.5625vw);
}

#footer .bot_box .left_box .address_box dl:last-of-type {
  margin-right: 0;
}

#footer .bot_box .left_box .address_box dl dt {
  margin-right: max(7.92px, 0.78125vw);
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  color: #878d96;
  opacity: 0.8;
}

#footer .bot_box .left_box .address_box dl dd {
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  color: #878d96;
}

#footer .bot_box .left_box p {
  margin-top: max(7.92px, 0.78125vw);
  font-size: max(7.26px, 0.7161458333vw);
  letter-spacing: -0.02em;
  line-height: 1.2727272727;
  color: #878d96;
  opacity: 0.6;
}

#footer .bot_box .sns_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

#footer .bot_box .sns_list li {
  width: max(17.16px, 1.6927083333vw);
  height: max(17.16px, 1.6927083333vw);
  margin-right: max(5.28px, 0.5208333333vw);
}

#footer .bot_box .sns_list li:last-of-type {
  margin-right: 0;
}

#footer .bot_box .sns_list li a {
  display: block;
  width: 100%;
  height: 100%;
}

#footer .bot_box .sns_list li a.instar {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_instar_icon_off.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

#footer .bot_box .sns_list li a.youtube {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_youtube_icon_off.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

#footer .bot_box .sns_list li a.blog {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_blog_icon_off.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

#footer .bot_box .sns_list li a.kakao {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_kakao_icon_off.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

#footer .bot_box .sns_list li a.facebook {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_facebook_icon_off.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

#footer .bot_box .sns_list li a.xblog {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_xblog_icon_off.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 1540px) and (pointer: fine) {
  #footer .bot_box .sns_list li a:hover.instar {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_instar_icon_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #footer .bot_box .sns_list li a:hover.youtube {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_youtube_icon_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #footer .bot_box .sns_list li a:hover.blog {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_blog_icon_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #footer .bot_box .sns_list li a:hover.kakao {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_kakao_icon_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #footer .bot_box .sns_list li a:hover.facebook {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_facebook_icon_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  #footer .bot_box .sns_list li a:hover.xblog {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/sns_xblog_icon_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }
}

@media (max-width: 1023px) {
  #footer .bot_box {
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    border-top-width: 1px;
  }

  #footer .bot_box .left_box .policy_box a {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  #footer .bot_box .left_box .address_box {
    margin-top: 12px;
  }

  #footer .bot_box .left_box .address_box dl {
    margin-right: 8px;
  }

  #footer .bot_box .left_box .address_box dl dt {
    margin-right: 8px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  #footer .bot_box .left_box .address_box dl dd {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  #footer .bot_box .left_box p {
    margin-top: 12px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  #footer .bot_box .sns_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin-top: 16px;
  }

  #footer .bot_box .sns_list li {
    width: 30px;
    height: 30px;
    margin-right: 8px;
  }
}

@media (max-width: 767px) {
  #footer .bot_box {
    margin-top: 20px;
    padding-top: 20px;
    border-top-width: 1px;
  }

  #footer .bot_box .left_box .policy_box a {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  #footer .bot_box .left_box .address_box {
    margin-top: 12px;
    display: block;
  }

  #footer .bot_box .left_box .address_box dl {
    margin-right: 0;
  }

  #footer .bot_box .left_box .address_box dl+dl {
    margin-top: 8px;
  }

  #footer .bot_box .left_box .address_box dl dt {
    margin-right: 8px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  #footer .bot_box .left_box .address_box dl dd {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  #footer .bot_box .left_box p {
    margin-top: 12px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.2727272727;
  }

  #footer .bot_box .sns_list {
    margin-top: 16px;
  }

  #footer .bot_box .sns_list li {
    width: 30px;
    height: 30px;
    margin-right: 8px;
  }
}

#footer .top_btn {
  display: block;
  position: fixed;
  bottom: max(13.2px, 1.3020833333vw);
  right: max(13.2px, 1.3020833333vw);
  width: max(42.24px, 4.1666666667vw);
  height: max(42.24px, 4.1666666667vw);
  border-radius: 50%;
  box-shadow: max(5.28px, 0.5208333333vw) max(7.92px, 0.78125vw) max(18.48px, 1.8229166667vw) rgba(0, 0, 0, 0.12);
  background-size: max(15.84px, 1.5625vw) max(15.84px, 1.5625vw);
  transition-property: opacity;
  transition-duration: 0.3s;
  opacity: 0;
  z-index: 12;
  text-align: center;
  align-content: center;
}

#footer .top_btn.show {
  opacity: 1;
}

#footer .top_btn.active {
  position: absolute;
  bottom: calc(max(55.44px, 5.46875vw) * -1);
  right: max(13.2px, 1.3020833333vw);
  text-align: center;
  align-content: center;
}

@media (min-width: 1540px) and (pointer: fine) {
  #footer .top_btn:hover {
    background-size: max(15.84px, 1.5625vw) max(15.84px, 1.5625vw);
  }
}

@media (max-width: -1px) {
  #footer .top_btn {
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    box-shadow: 8px 12px 28px rgba(0, 0, 0, 0.12);
    background-size: 20px 20px;
  }

  #footer .top_btn.active {
    position: absolute;
    top: -68px;
    right: 20px;
  }
}

@media (max-width: 767px) {
  #footer .top_btn {
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    box-shadow: 8px 12px 28px rgba(0, 0, 0, 0.12);
    background-size: 20px 20px;
  }

  #footer .top_btn.active {
    position: absolute;
    top: -68px;
    right: 20px;
  }
}

/* components */
.tab_cont .tabpanel {
  display: none;
}

.tab_cont .tabpanel.active {
  display: block;
}

.table_area {
  position: relative;
}

.table_area .scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: max(10.56px, 1.0416666667vw);
}

.table_area .scroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}

.table_area .scroll::-webkit-scrollbar {
  width: max(2.64px, 0.2604166667vw);
  height: max(2.64px, 0.2604166667vw);
  background-color: transparent;
}

@media (max-width: 1023px) {
  .table_area .scroll::-webkit-scrollbar-thumb {
    border-radius: 16px;
  }

  .table_area .scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  .table_area .scroll__visible::before {
    content: "";
    display: block;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 150px;
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/board/table_scroll_img.png") 0 0 no-repeat;
    background-size: cover;
    opacity: 1;
    transition: opacity 0.3s;
    z-index: 2;
    pointer-events: none;
  }

  .table_area .scroll.scroll_top::before {
    top: 3%;
  }

  .table_area .scroll__active::before {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .table_area .scroll table {
    min-width: 768px;
  }

  .table_area .scroll::-webkit-scrollbar-thumb {
    border-radius: 16px;
  }

  .table_area .scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  .table_area .scroll__visible::before {
    width: 150px;
    height: 150px;
  }
}

.table_area .board_list table th,
.table_area .board_list table td {
  color: #121619;
}

.table_area .board_list {
  margin-bottom: max(33px, 3.2552083333vw);
}

@media (max-width: 1023px) {
  .table_area .board_list {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .table_area .board_list {
    margin-bottom: 50px;
  }
}

.table_area .basic_btn {
  display: inline-block;
  position: relative;
  width: max(112.2px, 11.0677083333vw);
  height: max(30.36px, 2.9947916667vw);
  padding: 0 max(13.2px, 1.3020833333vw);
  background: #004c6b;
  box-sizing: border-box;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.0005em;
  line-height: 1.4285714286;
  text-align: left;
  line-height: max(30.36px, 2.9947916667vw);
  color: #ffffff;
  transition: background-color 0.2s ease-in-out;
  position: relative;
}

.table_area .basic_btn:after {
  display: block;
  position: absolute;
  top: 50%;
  right: max(13.2px, 1.3020833333vw);
  width: max(3.96px, 0.390625vw);
  height: max(7.92px, 0.78125vw);
  content: "";
  margin-top: calc(max(3.96px, 0.390625vw) * -1);
  background: url("../../../../biz2.hanatour.com/company/resources/resource/images/style_guide/bull_btn.html") 0 0 no-repeat;
}

@media (max-width: 1023px) {
  .table_area .basic_btn {
    width: 170px;
    height: 46px;
    padding: 0 20px;
    font-size: 14px;
    letter-spacing: -0.0005em;
    line-height: 1.4285714286;
    line-height: 46px;
    position: relative;
  }

  .table_area .basic_btn:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 12px;
    content: "";
    margin-top: -6px;
  }
}

@media (max-width: 767px) {
  .table_area .basic_btn {
    width: 170px;
    height: 46px;
    padding: 0 20px;
    font-size: 12px;
    letter-spacing: -0.0005em;
    line-height: 1.5;
    line-height: 46px;
    position: relative;
  }

  .table_area .basic_btn:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 12px;
    content: "";
    margin-top: -6px;
  }
}

.table_area .basic_btn.more {
  text-align: center;
  position: relative;
}

.table_area .basic_btn.more:after {
  display: block;
  position: static;
  width: max(7.92px, 0.78125vw);
  height: max(3.96px, 0.390625vw);
  content: "";
  display: inline-block;
  margin-left: max(6.6px, 0.6510416667vw);
  margin-top: 0;
  vertical-align: max(1.98px, 0.1953125vw);
  background: url("../../../../biz2.hanatour.com/company/resources/resource/images/style_guide/bull_more.html") 0 0 no-repeat;
}

@media (max-width: 1023px) {
  .table_area .basic_btn.more {
    position: relative;
  }

  .table_area .basic_btn.more:after {
    display: block;
    position: static;
    width: 12px;
    height: 6px;
    content: "";
    margin-left: 10px;
    vertical-align: 3px;
  }
}

@media (max-width: 767px) {
  .table_area .basic_btn.more {
    position: relative;
  }

  .table_area .basic_btn.more:after {
    display: block;
    position: static;
    width: 12px;
    height: 6px;
    content: "";
    margin-left: 10px;
    vertical-align: 3px;
  }
}

.table_area .basic_btn.form {
  width: max(59.4px, 5.859375vw);
  padding: 0;
  background: #626469;
  text-align: center;
}

.table_area .basic_btn.form:after {
  content: none;
}

.table_area .basic_btn.form:hover {
  background: #969696;
}

@media (max-width: 1023px) {
  .table_area .basic_btn.form {
    width: 90px;
  }
}

@media (max-width: 767px) {
  .table_area .basic_btn.form {
    width: 90px;
  }
}

.table_area .type2 .board_list .board {
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
}

.table_area .type2 .board_list .board li {
  position: relative;
  min-height: max(52.8px, 5.2083333333vw);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  background-color: #ffffff;
  transition: background 0.5s;
}

@media (min-width: 1540px) and (pointer: fine) {
  .table_area .type2 .board_list .board li:hover {
    background-color: #f6f6f6;
  }
}

.table_area .type2 .board_list .board li .tit {
  width: calc(100% - max(92.4px, 9.1145833333vw));
  padding: max(10.56px, 1.0416666667vw) max(13.2px, 1.3020833333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #121619;
  word-break: keep-all;
  word-wrap: break-word;
}

.table_area .type2 .board_list .board li .date {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: max(52.8px, 5.2083333333vw);
  width: max(121.44px, 11.9791666667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #878d96;
  text-align: center;
}

.table_area .type2 .board_list .board li .name {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #343a3f;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
}

.table_area .type2 .board_list .board li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-height: max(52.8px, 5.2083333333vw);
}

.table_area .type2 .board_list .board li a.link {
  flex-wrap: nowrap;
  width: 100%;
}

.table_area .type2 .board_list .board li a.link .tit {
  width: calc(100% - max(121.44px, 11.9791666667vw));
}

.table_area .type2 .board_list .board li a.down {
  width: max(92.4px, 9.1145833333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_icon.svg") center center no-repeat;
  background-size: max(10.56px, 1.0416666667vw) max(10.56px, 1.0416666667vw);
}

.table_area .type2 .board_list .board li a.down.disibled {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_disabled_icon.svg") center center no-repeat;
  background-size: max(10.56px, 1.0416666667vw) max(10.56px, 1.0416666667vw);
  cursor: auto;
}

@media (max-width: 1023px) {
  .table_area .type2 .board_list .board {
    border-top-width: 2px;
  }

  .table_area .type2 .board_list .board li {
    min-height: 64px;
    border-bottom-width: 1px;
  }

  .table_area .type2 .board_list .board li::before {
    display: none;
  }

  .table_area .type2 .board_list .board li .tit {
    width: calc(100% - 140px);
    padding: 16px max(13.2px, 1.3020833333vw);
    padding-right: 20px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3529411765;
  }

  .table_area .type2 .board_list .board li .date {
    width: 184px;
    min-height: 64px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .table_area .type2 .board_list .board li .name {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .table_area .type2 .board_list .board li a {
    min-height: 64px;
  }

  .table_area .type2 .board_list .board li a.link .tit {
    width: calc(100% - 184px);
  }

  .table_area .type2 .board_list .board li a.down {
    flex-shrink: 0;
    width: 140px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_icon.svg") center center no-repeat;
    background-size: 16px 16px;
  }

  .table_area .type2 .board_list .board li a.down.disibled {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_disabled_icon.svg") center center no-repeat;
    background-size: 16px 16px;
    cursor: auto;
  }
}

@media (max-width: 767px) {
  .table_area .type2 .board_list .board {
    border-top-width: 2px;
  }

  .table_area .type2 .board_list .board li {
    display: block;
    min-height: auto;
    border-bottom-width: 1px;
    padding: 24px 10px 14px 10px;
    text-align: left;
  }

  .table_area .type2 .board_list .board li .tit {
    width: 100%;
    padding: 0;
    padding-left: 10px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3529411765;
  }

  .table_area .type2 .board_list .board li .date {
    position: relative;
    display: inline-block;
    width: auto;
    min-height: auto;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
    margin: 12px 12px 0 0;
    padding-left: 10px;
  }

  .table_area .type2 .board_list .board li .name {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
    text-align: left;
  }

  .table_area .type2 .board_list .board li a {
    display: block;
    height: auto;
    min-height: auto;
  }

  .table_area .type2 .board_list .board li a.link {
    width: 100%;
    padding-bottom: 10px;
  }

  .table_area .type2 .board_list .board li a.link .tit {
    width: 100%;
  }

  .table_area .type2 .board_list .board li a.down {
    display: block;
    width: 36px;
    height: 36px;
    padding: 10px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_icon.svg") center center no-repeat;
    background-size: 16px 16px;
  }

  .table_area .type2 .board_list .board li a.down.disibled {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_disabled_icon.svg") center center no-repeat;
    background-size: 16px 16px;
    cursor: auto;
  }
}

.table_area .type2.type2_1 .board_list li {
  display: flex;
  align-items: center;
  padding-left: max(13.2px, 1.3020833333vw);
}

.table_area .type2.type2_1 .board_list li .tit {
  width: calc(100% - max(92.4px, 9.1145833333vw));
  padding-left: 0;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #121619;
}

@media (max-width: 1023px) {
  .table_area .type2.type2_1 .board_list li {
    padding-left: 20px;
  }

  .table_area .type2.type2_1 .board_list li .tit {
    width: calc(100% - 56px);
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .table_area .type2.type2_1 .board_list li a {
    min-width: auto;
  }

  .table_area .type2.type2_1 .board_list li a.down {
    width: 56px;
  }
}

@media (max-width: 767px) {
  .table_area .type2.type2_1 .board_list li {
    padding: 16px 10px;
  }

  .table_area .type2.type2_1 .board_list li .tit {
    width: 100%;
    padding-right: 0;
    padding-left: 10px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .table_area .type2.type2_1 .board_list li a.down {
    width: 36px;
    margin-left: -10px;
  }
}

.table_area .type2.type2_2 .board_list .down_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  width: max(158.4px, 15.625vw);
}

.table_area .type2.type2_2 .board_list .down_wrap .btn {
  display: inline-block;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: max(52.8px, 5.2083333333vw);
  margin-right: 0;
  padding: max(6.6px, 0.6510416667vw);
  border: 0;
  background: none;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 3.75;
}

@media (min-width: 1540px) and (pointer: fine) {
  .table_area .type2.type2_2 .board_list .down_wrap .btn:not(.disabled):hover {
    color: #121619;
  }

  .table_area .type2.type2_2 .board_list .down_wrap .btn:not(.disabled):hover.down span:before,
  .table_area .type2.type2_2 .board_list .down_wrap .btn:not(.disabled):hover.down span::after {
    animation: none;
  }
}

.table_area .type2.type2_2 .board_list .down_wrap .btn.down.disabled {
  color: #c1c7cd;
  cursor: auto;
}

.table_area .type2.type2_2 .board_list .down_wrap .btn.down.disabled span::before {
  margin-top: 0;
  opacity: 1;
  background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_disabled_icon.svg") center center no-repeat;
  background-size: max(10.56px, 1.0416666667vw) max(10.56px, 1.0416666667vw);
}

.table_area .type2.type2_2 .board_list .down_wrap .btn.down.disabled span::after {
  background: none;
}

@media (max-width: 1023px) {
  .table_area .type2.type2_2 .board_list .down_wrap {
    width: 240px;
  }

  .table_area .type2.type2_2 .board_list .down_wrap .btn {
    min-height: 64px;
    padding: 0 10px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 4;
  }

  .table_area .type2.type2_2 .board_list .down_wrap .btn.down.disabled span::before {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_disabled_icon.svg") center center no-repeat;
    background-size: 16px 16px;
  }
}

@media (max-width: 767px) {
  .table_area .type2.type2_2 .board_list .down_wrap {
    justify-content: flex-start;
    width: 100%;
    margin-top: 2px;
  }

  .table_area .type2.type2_2 .board_list .down_wrap .btn {
    min-height: 20px;
    padding: 10px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .table_area .type2.type2_2 .board_list .down_wrap .btn.down.disabled span::before {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/board/download_disabled_icon.svg") center center no-repeat;
    background-size: 16px 16px;
  }
}

.table_area .type2.type2_3 .board_list .board li .link .tit {
  width: calc(100% - max(92.4px, 9.1145833333vw));
}

.table_area .type2.type2_3 .board_list .board li .link .date {
  width: max(92.4px, 9.1145833333vw);
}

@media (max-width: 1023px) {
  .table_area .type2.type2_3 .board_list .board li .link .tit {
    width: calc(100% - 140px);
  }

  .table_area .type2.type2_3 .board_list .board li .link .date {
    width: 140px;
  }
}

@media (max-width: 767px) {
  .table_area .type2.type2_3 .board_list .board li .link .tit {
    width: 100%;
  }

  .table_area .type2.type2_3 .board_list .board li .link .date {
    width: auto;
  }
}

.table_area .type3 .board_list .board {
  margin-bottom: max(33px, 3.2552083333vw);
}

.table_area .type3 .board_list .board::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.table_area .type3 .board_list .board li {
  float: left;
  width: calc(33.333333% - max(8.79999978px, 0.8680555339vw));
  margin-left: max(13.2px, 1.3020833333vw);
  margin-top: max(39.6px, 3.90625vw);
}

.table_area .type3 .board_list .board li:nth-child(3n+1) {
  margin-left: 0;
}

.table_area .type3 .board_list .board li:nth-child(-n+3) {
  margin-top: 0;
}

.table_area .type3 .board_list .board li a {
  display: block;
}

@media (min-width: 1540px) and (pointer: fine) {
  .table_area .type3 .board_list .board li a:hover .thumb_area img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

.table_area .type3 .board_list .board .thumb_area {
  overflow: hidden;
  position: relative;
  padding-top: 66.666666%;
  background: #eee;
  border-radius: max(11.88px, 1.171875vw);
}

.table_area .type3 .board_list .board .thumb_area img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.4s ease-in-out;
}

.table_area .type3 .board_list .board .txt_area {
  padding-top: max(13.2px, 1.3020833333vw);
}

.table_area .type3 .board_list .board .txt_area .cate {
  display: block;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: bold;
  color: #5e2bb8;
}

.table_area .type3 .board_list .board .txt_area .tit {
  height: max(36.96px, 3.6458333333vw);
  margin-top: max(5.28px, 0.5208333333vw);
  margin-bottom: max(10.56px, 1.0416666667vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.5;
  max-height: 3em;
  font-weight: bold;
  color: #121619;
}

.table_area .type3 .board_list .board .txt_area .date {
  display: block;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  color: #878d96;
}

.table_area .type3 .board_list .list_btn_area {
  text-align: center;
}

.table_area .type3 .board_list .list_btn_area.hidden {
  display: none;
}

.table_area .type3 .board_list:not(.not_more) li {
  opacity: 0;
  transform: scale(0);
}

.table_area .type3 .board_list:not(.not_more) li.active {
  opacity: 1;
  transition: 0.3s ease-in-out;
  transform: scale(1);
}

@media (max-width: 1023px) {
  .table_area .type3 .board_list .board {
    margin-bottom: 50px;
  }

  .table_area .type3 .board_list .board>li {
    width: calc(50% - 10px);
  }

  .table_area .type3 .board_list .board>li:nth-child(n) {
    margin-left: 20px;
    margin-top: 48px;
  }

  .table_area .type3 .board_list .board>li:nth-child(2n+1) {
    margin-left: 0;
  }

  .table_area .type3 .board_list .board>li:nth-child(-n+2) {
    margin-top: 0;
  }

  .table_area .type3 .board_list .board .thumb_area {
    border-radius: 18px;
  }

  .table_area .type3 .board_list .board .txt_area {
    padding-top: 20px;
  }

  .table_area .type3 .board_list .board .txt_area .cate {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .table_area .type3 .board_list .board .txt_area .tit {
    height: 70px;
    margin-top: 6px;
    margin-bottom: 13px;
    font-size: 19px;
    letter-spacing: -0.02em;
    line-height: 1.5263157895;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.5789473684;
    max-height: 3.1578947368em;
  }

  .table_area .type3 .board_list .board .txt_area .date {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }
}

@media (max-width: 767px) {
  .table_area .type3 .board_list .board {
    margin-bottom: 50px;
  }

  .table_area .type3 .board_list .board>li {
    width: 100%;
  }

  .table_area .type3 .board_list .board>li:nth-child(n) {
    margin-left: 0;
    margin-top: 48px;
  }

  .table_area .type3 .board_list .board>li:nth-child(-n+1) {
    margin-top: 0;
  }

  .table_area .type3 .board_list .board .thumb_area {
    border-radius: 18px;
  }

  .table_area .type3 .board_list .board .txt_area {
    padding-top: 16px;
  }

  .table_area .type3 .board_list .board .txt_area .cate {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .table_area .type3 .board_list .board .txt_area .tit {
    height: 60px;
    margin-top: 6px;
    margin-bottom: 13px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .table_area .type3 .board_list .board .txt_area .date {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.table_area .type4 table {
  border-collapse: separate;
  border-spacing: 0;
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
}

.table_area .type4 table colgroup col {
  width: 12.5%;
}

.table_area .type4 table .sticky {
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
}

.table_area .type4 table .t_left {
  position: sticky;
  top: 0;
  left: -1px;
  z-index: 1;
  text-align: left;
  padding-left: max(13.2px, 1.3020833333vw);
}

.table_area .type4 table .border_right {
  border-right: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.table_area .type4 table thead tr th {
  height: max(52.8px, 5.2083333333vw);
  padding: 0 max(3.3px, 0.3255208333vw);
  border-bottom: 1px solid #DDE1E6;
  background-color: #ffffff;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #121619;
}

.table_area .type4 table tbody tr td {
  height: max(52.8px, 5.2083333333vw);
  padding: max(9.24px, 0.9114583333vw) max(3.3px, 0.3255208333vw);
  background-color: #ffffff;
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #697077;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
}

.table_area .type4 table tbody tr td.t_left {
  color: #121619;
}

.table_area .type4 table tbody tr td.td_sub_title {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #121619;
}

.table_area .type4 table tbody tr td.td_sub_title~td {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.table_area .type4 table tbody tr.total {
  background-color: #f2f4f8;
}

.table_area .type4 table tbody tr.total td {
  background-color: #f2f4f8;
  color: #5e2bb8;
}

@media (max-width: 1023px) {
  .table_area .type4 table {
    border-top-width: 2px;
  }

  .table_area .type4 table colgroup col {
    width: 11.914285%;
  }

  .table_area .type4 table colgroup col.col1 {
    width: 16.6%;
  }

  .table_area .type4 table .t_left {
    padding-left: 20px;
  }

  .table_area .type4 table .border_right {
    border-right-width: 1px;
  }

  .table_area .type4 table thead tr th {
    height: 64px;
    padding: 0 5px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .table_area .type4 table tbody tr td {
    height: 64px;
    padding: 10px 5px;
    border-bottom-width: 1px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .table_area .type4 table tbody tr td.td_sub_title {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .table_area .type4 table tbody tr td.td_sub_title~td {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .table_area .type4 table {
    border-top-width: 2px;
  }

  .table_area .type4 table .t_left {
    padding-left: 20px;
  }

  .table_area .type4 table .border_right {
    border-right-width: 1px;
  }

  .table_area .type4 table thead tr th {
    height: 64px;
    padding: 0 5px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .table_area .type4 table tbody tr td {
    height: 64px;
    padding: 10px 5px;
    border-bottom-width: 1px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .table_area .type4 table tbody tr td.td_sub_title {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .table_area .type4 table tbody tr td.td_sub_title~td {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }
}

.table_area .type5 .board_list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  min-height: max(52.8px, 5.2083333333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.table_area .type5 .board_list li:not(.top_tit)>span {
  width: calc(100% - max(316.8px, 31.25vw));
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-weight: bold;
  color: #121619;
  padding: max(10.56px, 1.0416666667vw) max(6.6px, 0.6510416667vw) max(10.56px, 1.0416666667vw) max(13.2px, 1.3020833333vw);
}

.table_area .type5 .board_list .top_tit {
  display: flex;
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
}

.table_area .type5 .board_list .top_tit span {
  width: max(158.4px, 15.625vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #121619;
  font-weight: bold;
  text-align: center;
  padding: 0 max(6.6px, 0.6510416667vw);
}

.table_area .type5 .board_list .top_tit span.t_left {
  width: calc(100% - max(316.8px, 31.25vw));
  text-align: left;
  padding-left: max(13.2px, 1.3020833333vw);
}

.table_area .type5 .board_list .down_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  width: max(316.8px, 31.25vw);
  font-size: 0;
}

.table_area .type5 .board_list .down_wrap .down_box {
  width: 50%;
  text-align: center;
}

.table_area .type5 .board_list .down_wrap .down_box>span {
  display: none;
}

.table_area .type5 .board_list .down_wrap .btn {
  display: inline-block;
  vertical-align: top;
  min-width: auto;
  height: auto;
  padding: max(6.6px, 0.6510416667vw);
  border: 0;
  margin-right: 0;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
}

.table_area .type5 .board_list .down_wrap .btn:nth-of-type(2) {
  margin-left: max(7.92px, 0.78125vw);
}

@media (min-width: 1540px) and (pointer: fine) {
  .table_area .type5 .board_list .down_wrap .btn:not(.disabled):hover {
    background-color: transparent;
    color: #121619;
  }

  .table_area .type5 .board_list .down_wrap .btn:not(.disabled):hover span::before,
  .table_area .type5 .board_list .down_wrap .btn:not(.disabled):hover span::after {
    animation: none;
  }
}

@media (max-width: 1023px) {
  .table_area .type5 .board_list li {
    display: block;
    min-height: auto;
    padding: 24px 20px 16px 20px;
    border-bottom-width: 1px;
  }

  .table_area .type5 .board_list li:not(.top_tit)>span {
    width: 100%;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
    padding: 0;
  }

  .table_area .type5 .board_list .top_tit {
    display: none;
  }

  .table_area .type5 .board_list .top_tit+li {
    border-top: 2px solid #121619;
  }

  .table_area .type5 .board_list .down_wrap {
    width: 100%;
    margin-top: 12px;
  }

  .table_area .type5 .board_list .down_wrap .down_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 50%;
  }

  .table_area .type5 .board_list .down_wrap .down_box>span {
    display: block;
    margin-right: 2px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
    color: #121619;
    font-weight: 400;
    text-align: left;
  }

  .table_area .type5 .board_list .down_wrap .down_box:nth-of-type(1) {
    padding-right: 60px;
  }

  .table_area .type5 .board_list .down_wrap .down_box:nth-of-type(2) {
    position: relative;
    padding-left: 60px;
  }

  .table_area .type5 .board_list .down_wrap .down_box:nth-of-type(2)::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #DDE1E6;
  }

  .table_area .type5 .board_list .down_wrap .box {
    text-align: left;
  }

  .table_area .type5 .board_list .down_wrap .btn {
    padding: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .table_area .type5 .board_list .down_wrap .btn:nth-of-type(2) {
    margin-left: 0;
  }

  .table_area .type5.type5_1 .board_list li:not(.top_tit) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px 16px 20px;
  }

  .table_area .type5.type5_1 .board_list li:not(.top_tit)>span {
    width: calc(100% - 164px);
  }

  .table_area .type5.type5_1 .board_list .down_wrap {
    margin-top: 0;
    width: 164px;
  }

  .table_area .type5.type5_1 .board_list .down_wrap .down_box {
    width: 100%;
  }

  .table_area .type5.type5_1 .board_list .down_wrap .box {
    width: 100%;
    text-align: right;
  }
}

@media (max-width: 767px) {
  .table_area .type5 .board_list li {
    padding: 24px 14px 18px 20px;
    border-bottom-width: 1px;
  }

  .table_area .type5 .board_list li:not(.top_tit)>span {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .table_area .type5 .board_list .top_tit+li {
    border-top-width: 2px;
  }

  .table_area .type5 .board_list .down_wrap {
    display: block;
    margin-top: 14px;
  }

  .table_area .type5 .board_list .down_wrap .down_box {
    justify-content: space-between;
    width: 100%;
  }

  .table_area .type5 .board_list .down_wrap .down_box>span {
    margin-right: 4px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .table_area .type5 .board_list .down_wrap .down_box:nth-of-type(1) {
    padding-right: 0;
  }

  .table_area .type5 .board_list .down_wrap .down_box:nth-of-type(2) {
    padding-left: 0;
  }

  .table_area .type5 .board_list .down_wrap .down_box:nth-of-type(2)::before {
    display: none;
  }

  .table_area .type5 .board_list .down_wrap .btn {
    padding: 6px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .table_area .type5.type5_1 .board_list li:not(.top_tit) {
    display: block;
    padding: 24px 20px 16px 20px;
  }

  .table_area .type5.type5_1 .board_list li:not(.top_tit)>span {
    width: 100%;
  }

  .table_area .type5.type5_1 .board_list .down_wrap {
    margin: 4px 0 0 -8px;
    width: 100%;
  }

  .table_area .type5.type5_1 .board_list .down_wrap .box {
    text-align: left;
  }
}

@media (max-width: 1023px) {
  .table_area.active .overflow_scroll::before {
    opacity: 0;
  }
}

.view_type01 .title_box {
  width: 100%;
  text-align: center;
  padding-bottom: max(17.16px, 1.6927083333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.view_type01 .title_box .enterprise {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.25;
  font-weight: bold;
  color: #5e2bb8;
  font-family: "Pretendard", sans-serif;
}

.view_type01 .title_box .enterprise.jobs_view {
  display: flex;
  justify-content: center;
}

.view_type01 .title_box .enterprise.jobs_view span {
  display: inline-block;
  position: relative;
  padding: 0 max(5.28px, 0.5208333333vw);
}

.view_type01 .title_box .enterprise.jobs_view span::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: max(0.66px, 0.0651041667vw);
  height: max(7.92px, 0.78125vw);
  background-color: #d2c2eb;
}

.view_type01 .title_box .enterprise.jobs_view span:last-child::after {
  display: none;
}

.view_type01 .title_box .tit {
  margin-top: max(10.56px, 1.0416666667vw);
  margin-bottom: max(17.16px, 1.6927083333vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #121619;
}

.view_type01 .title_box .date {
  margin-top: 0;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  font-family: "Pretendard", sans-serif;
  color: #878d96;
}

.view_type01 .view_content {
  padding: max(39.6px, 3.90625vw) 0;
}

.view_type01 .view_content>div {
  margin-bottom: max(23.76px, 2.34375vw);
}

.view_type01 .view_content>div:last-of-type {
  margin-bottom: 0;
}

.view_type01 .view_content * {
  font-size: max(10.56px, 1.0416666667vw) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.5 !important;
  font-family: "Pretendard" !important;
  word-break: keep-all;
  word-wrap: break-word;
}

.view_type01 .view_content .img img {
  width: auto;
  height: auto;
  margin: 0 auto;
}

.view_type01 .view_content .img figure {
  margin: 0;
}

.view_type01 .view_content .img figcaption {
  margin: 0 auto;
  padding: max(7.92px, 0.78125vw);
  font-size: max(8.58px, 0.8463541667vw) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
  color: #343a3f;
  background-color: #f6f6f6;
  word-break: keep-all;
  word-wrap: break-word;
}

.view_type01 .view_content .list_txt {
  padding: 0 20px;
}

.view_type01 .view_content .list_txt p {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #343a3f;
  word-break: keep-all;
  word-wrap: break-word;
}

.view_type01 .view_content img {
  margin: 0 auto;
  object-fit: cover;
}

.view_type01 .view_content figure img+figcaption {
  margin: 0 auto;
  padding: max(7.92px, 0.78125vw);
  font-size: max(8.58px, 0.8463541667vw) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
  color: #343a3f;
  background-color: #f6f6f6;
  word-break: keep-all;
  word-wrap: break-word;
}

.view_type01 .list_btn_box {
  border-top: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.view_type01 .list_btn_box .writingbtn_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  padding: max(13.86px, 1.3671875vw) max(13.2px, 1.3020833333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.view_type01 .list_btn_box .writingbtn_box span:not(.writingbtn) {
  width: max(40.26px, 3.9713541667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  font-weight: 500;
  color: #121619;
}

.view_type01 .list_btn_box .writingbtn_box .writingbtn {
  width: calc(100% - max(40.26px, 3.9713541667vw));
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #878d96;
}

.view_type01 .btn_wrap .btn {
  min-width: max(84.48px, 8.3333333333vw);
}

@media (max-width: 1023px) {
  .view_type01 .title_box {
    padding-bottom: 26px;
    border-bottom-width: 1px;
  }

  .view_type01 .title_box .enterprise {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .view_type01 .title_box .enterprise.jobs_view span {
    padding: 0 10px;
  }

  .view_type01 .title_box .enterprise.jobs_view span::after {
    width: 1px;
    height: 12px;
  }

  .view_type01 .title_box .tit {
    margin-top: 13px;
    margin-bottom: 26px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }

  .view_type01 .title_box .date {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .view_type01 .view_content {
    padding: 48px 0;
  }

  .view_type01 .view_content>div {
    margin-bottom: 28px;
  }

  .view_type01 .view_content * {
    font-size: 16px !important;
  }

  .view_type01 .view_content .img figcaption {
    padding: 12px;
    font-size: 14px !important;
  }

  .view_type01 .view_content .list_txt {
    padding: 0 8.5px;
  }

  .view_type01 .view_content .list_txt p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .view_type01 .view_content figcaption {
    padding: 12px;
    font-size: 14px !important;
  }

  .view_type01 .list_btn_box {
    border-top-width: 1px;
  }

  .view_type01 .list_btn_box .writingbtn_box {
    display: block;
    border-bottom-width: 1px;
    padding: 20px;
  }

  .view_type01 .list_btn_box .writingbtn_box:not(.writingbtn) {
    display: block;
    width: 100%;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .view_type01 .list_btn_box .writingbtn_box .writingbtn {
    display: block;
    width: 100%;
    margin-top: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .view_type01 .btn_wrap .btn {
    min-width: 128px;
  }
}

@media (max-width: 767px) {
  .view_type01 .title_box {
    padding-bottom: 26px;
    border-bottom-width: 1px;
  }

  .view_type01 .title_box .enterprise {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .view_type01 .title_box .enterprise.jobs_view span {
    padding: 0 8px;
  }

  .view_type01 .title_box .enterprise.jobs_view span::after {
    width: 1px;
    height: 12px;
  }

  .view_type01 .title_box .tit {
    margin-top: 13px;
    margin-bottom: 26px;
    font-size: 29px;
    letter-spacing: -0.02em;
    line-height: 1.3103448276;
  }

  .view_type01 .title_box .date {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .view_type01 .view_content {
    padding: 48px 0;
  }

  .view_type01 .view_content>div {
    margin-bottom: 28px;
  }

  .view_type01 .view_content * {
    font-size: 14px !important;
  }

  .view_type01 .view_content .img figcaption {
    padding: 12px;
    font-size: 12px !important;
  }

  .view_type01 .view_content .list_txt {
    padding: 0;
  }

  .view_type01 .view_content .list_txt p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .view_type01 .view_content figcaption {
    padding: 12px;
    font-size: 12px !important;
  }

  .view_type01 .list_btn_box {
    border-top-width: 1px;
  }

  .view_type01 .list_btn_box .writingbtn_box {
    border-bottom-width: 1px;
    display: block;
    padding: 20px;
  }

  .view_type01 .list_btn_box .writingbtn_box:not(.writingbtn) {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .view_type01 .list_btn_box .writingbtn_box .writingbtn {
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .view_type01 .btn_wrap .btn {
    min-width: 128px;
  }
}

.borad_write .point {
  color: #E32D1B;
}

.borad_write .top_box {
  text-align: right;
}

.borad_write .top_box p {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
}

.borad_write .table_form {
  margin-top: max(7.92px, 0.78125vw);
}

.borad_write .table_form .form .item+.item {
  margin-top: max(15.84px, 1.5625vw);
}

.borad_write .table_form .form dl {
  font-size: 0;
}

.borad_write .table_form .form dl>* {
  display: inline-block;
  vertical-align: middle;
}

.borad_write .table_form .form dl.top>* {
  display: inline-block;
  vertical-align: top;
}

.borad_write .table_form .form dl.top dt {
  margin-top: max(9.24px, 0.9114583333vw);
}

.borad_write .table_form .form dl dt {
  width: max(105.6px, 10.4166666667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  font-weight: bold;
  color: #121619;
}

.borad_write .table_form .form dl dt .point {
  display: inline-block;
  vertical-align: top;
  margin-left: max(2.64px, 0.2604166667vw);
}

.borad_write .table_form .form dl dd {
  width: calc(100% - max(105.6px, 10.4166666667vw));
}

@media (max-width: 1023px) {
  .borad_write .top_box p {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.2666666667;
  }

  .borad_write .table_form {
    margin-top: 10px;
  }

  .borad_write .table_form .form .item+.item {
    margin-top: 20px;
  }

  .borad_write .table_form .form dl>* {
    display: block;
  }

  .borad_write .table_form .form dl.top>* {
    display: block;
  }

  .borad_write .table_form .form dl.top dt {
    margin-top: 0;
  }

  .borad_write .table_form .form dl dt {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .borad_write .table_form .form dl dt .point {
    margin-left: 3px;
  }

  .borad_write .table_form .form dl dd {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .borad_write .top_box p {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .borad_write .table_form {
    margin-top: 10px;
  }

  .borad_write .table_form .form .item+.item {
    margin-top: 20px;
  }

  .borad_write .table_form .form dl dt {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .borad_write .table_form .form dl dt .point {
    margin-left: 3px;
  }
}

.acco_list {
  border-top: max(0.66px, 0.0651041667vw) solid #121619;
}

.acco_list .acco_item {
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.acco_list .acco_item--active .acco_tit span::after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/board/acco_list_arrow_on.svg") 0 0 no-repeat;
  background-size: cover;
}

.acco_list .acco_tit {
  display: block;
  width: 100%;
  padding: max(18.48px, 1.8229166667vw) max(13.2px, 1.3020833333vw);
}

.acco_list .acco_tit span {
  position: relative;
  display: block;
  width: 100%;
  padding-right: max(26.4px, 2.6041666667vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #121619;
  font-weight: bold;
  word-break: keep-all;
  word-wrap: break-word;
}

.acco_list .acco_tit span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/board/acco_list_arrow_off.svg") 0 0 no-repeat;
  background-size: cover;
}

.acco_list .acco_cont {
  padding-bottom: max(18.48px, 1.8229166667vw);
}

.acco_list .acco_cont .list_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.acco_list .acco_cont dl {
  width: calc(33.333333% - max(8.79999978px, 0.8680555339vw));
  margin-right: max(13.2px, 1.3020833333vw);
  padding: max(18.48px, 1.8229166667vw) max(13.2px, 1.3020833333vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #f2f4f8;
}

.acco_list .acco_cont dl:last-of-type {
  margin-right: 0;
}

.acco_list .acco_cont dl dt {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #121619;
  font-weight: bold;
}

.acco_list .acco_cont dl dd {
  margin-top: max(7.92px, 0.78125vw);
}

.acco_list .acco_cont dl dd span {
  display: block;
  padding-left: max(7.26px, 0.7161458333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  position: relative;
}

.acco_list .acco_cont dl dd span:before {
  display: block;
  position: absolute;
  top: max(5.94px, 0.5859375vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  content: "";
  background-color: #697077;
}

.acco_list .acco_cont dl dd span+span {
  margin-top: max(5.28px, 0.5208333333vw);
}

@media (max-width: 1023px) {
  .acco_list {
    border-top-width: 1px;
  }

  .acco_list .acco_item {
    border-bottom-width: 1px;
  }

  .acco_list .acco_tit {
    padding: 28px 20px;
  }

  .acco_list .acco_tit span {
    padding-right: 40px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .acco_list .acco_tit span::after {
    width: 24px;
    height: 24px;
  }

  .acco_list .acco_cont {
    padding-bottom: 28px;
  }

  .acco_list .acco_cont .list_wrap {
    display: block;
  }

  .acco_list .acco_cont dl {
    width: 100%;
    margin-right: 0;
    padding: 28px 20px;
    border-radius: 8px;
  }

  .acco_list .acco_cont dl+dl {
    margin-top: 16px;
  }

  .acco_list .acco_cont dl dt {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .acco_list .acco_cont dl dd {
    margin-top: 12px;
  }

  .acco_list .acco_cont dl dd span {
    padding-left: 11px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .acco_list .acco_cont dl dd span::before {
    top: 9px;
    width: 3px;
    height: 3px;
  }

  .acco_list .acco_cont dl dd span+span {
    margin-top: 6px;
  }
}

@media (max-width: 767px) {
  .acco_list {
    border-top-width: 1px;
  }

  .acco_list .acco_item {
    border-bottom-width: 1px;
  }

  .acco_list .acco_tit {
    padding: 28px 20px;
  }

  .acco_list .acco_tit span {
    padding-right: 40px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .acco_list .acco_tit span::after {
    width: 24px;
    height: 24px;
  }

  .acco_list .acco_cont {
    padding-bottom: 28px;
  }

  .acco_list .acco_cont .list_wrap {
    display: block;
  }

  .acco_list .acco_cont dl {
    width: 100%;
    margin-right: 0;
    padding: 28px 20px;
    border-radius: 8px;
  }

  .acco_list .acco_cont dl+dl {
    margin-top: 16px;
  }

  .acco_list .acco_cont dl dt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .acco_list .acco_cont dl dd {
    margin-top: 12px;
  }

  .acco_list .acco_cont dl dd span {
    padding-left: 11px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .acco_list .acco_cont dl dd span::before {
    top: 9px;
    width: 3px;
    height: 3px;
  }

  .acco_list .acco_cont dl dd span+span {
    margin-top: 6px;
  }
}

.no_data {
  padding: max(66px, 6.5104166667vw) max(13.2px, 1.3020833333vw);
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  background-color: #ffffff;
  text-align: center;
}

.no_data p {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  color: #121619;
}

@media (max-width: 1023px) {
  .no_data {
    padding: 80px 20px;
    border-top-width: 2px;
    border-bottom-width: 1px;
  }

  .no_data p {
    font-size: max(14.52px, 1.4322916667vw);
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }
}

@media (max-width: 767px) {
  .no_data {
    padding: 80px 20px;
    border-top-width: 2px;
    border-bottom-width: 1px;
  }

  .no_data p {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }
}

/* input_area */
.input_area {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0;
  letter-spacing: calc(max(2.64px, 0.2604166667vw) * -1);
  width: 100%;
  max-width: max(221.1px, 21.8098958333vw);
}

.input_area input {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: max(31.68px, 3.125vw);
  padding: 0 max(13.2px, 1.3020833333vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #121619;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  font-weight: 400;
  background: #ffffff;
  border-radius: max(65.34px, 6.4453125vw) !important;
}

.input_area input.line {
  border: 0;
  border-bottom: max(1.32px, 0.1302083333vw) solid #aaaaaa;
  border-radius: 0 !important;
}

.input_area input::placeholder {
  color: #a2a9b0;
}

.input_area input:focus {
  border-color: #5e2bb8;
}

.input_area input[readonly] {
  background: #f2f4f8;
}

.input_area.sm input {
  height: max(26.4px, 2.6041666667vw);
}

.input_area a,
.input_area button {
  display: inline-block;
  vertical-align: middle;
}

.input_area span {
  display: none;
}

.input_area.validate input {
  border-color: #E32D1B;
}

.input_area.validate span {
  display: block;
  padding: max(7.92px, 0.78125vw) max(13.2px, 1.3020833333vw);
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: 400;
  color: #E32D1B;
}

.input_area.w100 {
  max-width: 100%;
}

.input_area.w-230 {
  max-width: max(151.8px, 14.9739583333vw);
}

.input_area.w-320 {
  max-width: max(211.2px, 20.8333333333vw);
}

.input_area.w-325 {
  max-width: max(214.5px, 21.1588541667vw);
}

.input_area.w-336 {
  max-width: max(221.76px, 21.875vw);
}

.input_area.w-400 {
  max-width: max(264px, 26.0416666667vw);
}

.input_area.w-437 {
  max-width: max(288.42px, 28.4505208333vw);
}

.input_area.w-495 {
  max-width: max(326.7px, 32.2265625vw);
}

@media (max-width: 1023px) {
  .input_area {
    max-width: 100%;
    letter-spacing: -4px;
  }

  .input_area input {
    height: 48px;
    padding: 0 20px;
    border-width: 1px;
    border-radius: 99px !important;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }

  .input_area input.line {
    border-bottom-width: 1px;
  }

  .input_area.sm input {
    height: 40px;
  }

  .input_area.validate span {
    padding: 12px 20px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

}

@media (max-width: 767px) {
  .input_area {
    letter-spacing: -4px;
  }

  .input_area input {
    height: 48px;
    padding: 0 20px;
    border-width: 1px;
    border-radius: 99px !important;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.2307692308;
  }

  .input_area input.line {
    border-bottom-width: 1px;
  }

  .input_area.sm input {
    height: 40px;
  }

  .input_area.validate span {
    padding: 12px 20px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.3636363636;
  }
}

.file_wrap .file_area {
  position: relative;
  font-size: 0;
}

.file_wrap .file_area .input_area {
  margin-right: max(5.28px, 0.5208333333vw);
}

.file_wrap .file_area .file_input {
  display: inline-block;
}

.file_wrap .file_area .file_input input {
  position: absolute;
  top: 0;
  left: 0;
  width: max(288.42px, 28.4505208333vw);
  height: max(31.68px, 3.125vw);
  opacity: 0;
  padding: 0 max(13.2px, 1.3020833333vw);
}

.file_wrap .file_area .file_name {
  color: #878d96;
}

.file_wrap .file_area .btn {
  cursor: pointer;
}

@media (max-width: 1023px) {
  .file_wrap .file_area .input_area {
    max-width: calc(100% - 118px);
    margin-right: 6px;
  }

  .file_wrap .file_area .file_input input {
    width: calc(100% - 118px);
    height: 48px;
  }
}

@media (max-width: 767px) {
  .file_wrap .file_area .input_area {
    max-width: calc(100% - 111px);
    margin-right: 6px;
  }

  .file_wrap .file_area .file_input input {
    width: calc(100% - 111px);
    height: 48px;
  }
}

.form_bot_txt {
  padding-top: max(6.6px, 0.6510416667vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #878d96;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .form_bot_txt {
    padding-top: 10px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .form_bot_txt {
    padding-top: 10px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.5833333333;
  }
}

/* textarea_area */
.textarea_area textarea {
  width: 100%;
  height: max(125.4px, 12.3697916667vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  padding: max(13.2px, 1.3020833333vw);
  box-sizing: border-box;
  background: #ffffff;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #000000;
  resize: none;
  border-radius: max(5.28px, 0.5208333333vw);
}

.textarea_area textarea.scroll {
  resize: none;
}

.textarea_area textarea:focus {
  border-color: #5e2bb8;
}

@media (max-width: 1023px) {
  .textarea_area textarea {
    height: 187px;
    padding: 20px;
    border-width: 1px;
    border-radius: 8px;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .textarea_area textarea {
    height: 187px;
    padding: 20px;
    border-width: 1px;
    border-radius: 8px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.2307692308;
  }
}

/* custom_select_area */
.custom_select_area {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  max-width: max(221.1px, 21.8098958333vw);
}

.custom_select_area a.current {
  display: block;
  cursor: pointer;
  width: 100%;
  height: max(31.68px, 3.125vw);
  padding: 0 max(26.4px, 2.6041666667vw) 0 max(13.2px, 1.3020833333vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 3.2857142857;
  color: #121619;
  position: relative;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: max(65.34px, 6.4453125vw);
}

.custom_select_area a.current::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: max(13.2px, 1.3020833333vw);
  width: max(7.92px, 0.78125vw);
  height: max(7.92px, 0.78125vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/form/select_icon.svg") 0 no-repeat;
  background-size: 100%;
}

.custom_select_area.on a.current::after {
  transform: translateY(-50%) rotate(-180deg);
}

.custom_select_area.on ul {
  display: block;
}

.custom_select_area ul {
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: max(36.96px, 3.6458333333vw);
  display: none;
  width: 100%;
  height: auto;
  max-height: max(75.9px, 7.4869791667vw);
  padding: max(9.24px, 0.9114583333vw) 0;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  background: #ffffff;
  z-index: 10;
  border-radius: max(15.84px, 1.5625vw);
}

.custom_select_area ul li.active a {
  color: #5e2bb8;
}

.custom_select_area ul li a {
  padding: max(3.96px, 0.390625vw) max(13.2px, 1.3020833333vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #343a3f;
  font-weight: 400;
  box-sizing: border-box;
  display: block;
}

.custom_select_area ul li a:hover {
  color: #5e2bb8;
}

.custom_select_area .select_area {
  display: none;
}

@media (max-width: 1023px) {
  .custom_select_area {
    max-width: 100%;
  }

  .custom_select_area a.current {
    height: 48px;
    padding: 0 40px 0 20px;
    border-width: 1px;
    border-radius: 99px;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 3.0666666667;
  }

  .custom_select_area a.current::after {
    right: 20px;
    width: 20px;
    height: 20px;
  }

  .custom_select_area ul {
    top: 58px;
    max-height: 115px;
    padding: 14px 0;
    border-width: 1px;
    border-radius: 24px;
  }

  .custom_select_area ul li a {
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 1.2;
    padding: 6px 16px;
  }
}

@media (max-width: 767px) {
  .custom_select_area a.current {
    height: 48px;
    padding: 0 40px 0 20px;
    border-width: 1px;
    border-radius: 99px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 3.5384615385;
  }

  .custom_select_area a.current::after {
    right: 20px;
    width: 20px;
    height: 20px;
  }

  .custom_select_area ul {
    top: 58px;
    max-height: 115px;
    padding: 14px 0;
    border-width: 1px;
    border-radius: 24px;
  }

  .custom_select_area ul li a {
    font-size: 13px;
    letter-spacing: -0.03em;
    line-height: 1.2307692308;
    padding: 6px 20px;
  }
}

/* custom_radio */
.custom_radio {
  position: relative;
}

.custom_radio .radio_area {
  display: inline-block;
  vertical-align: top;
  margin-right: max(13.2px, 1.3020833333vw);
}

.custom_radio .radio_area:last-of-type {
  margin-right: 0;
}

.custom_radio input[type=radio] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.custom_radio input[type=radio]+label {
  position: relative;
  padding-left: max(21.12px, 2.0833333333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  color: #343a3f;
  font-weight: 400;
}

.custom_radio input[type=radio]+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  text-align: center;
  background: #ffffff;
  border: max(0.66px, 0.0651041667vw) solid #aaaaaa;
  border-radius: 100%;
  box-sizing: border-box;
}

.custom_radio input[type=radio]+label:after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: max(3.96px, 0.390625vw);
  transform: translateY(-50%);
  width: max(7.92px, 0.78125vw);
  height: max(7.92px, 0.78125vw);
  background: #DDE1E6;
  border-radius: 100%;
}

@media (min-width: 1540px) and (pointer: fine) {
  .custom_radio input[type=radio]:not(.custom_radio input[type=radio][readonly]):hover+label {
    color: #5e2bb8;
  }

  .custom_radio input[type=radio]:not(.custom_radio input[type=radio][readonly]):hover+label::before {
    border-color: #b49ade;
  }
}

.custom_radio input[type=radio]:checked+label:after {
  display: block;
  background: #5e2bb8;
}

.custom_radio input[type=radio][readonly]+label:before {
  border-color: #C1C7CD !important;
  background-color: #f6f6f6;
}

.custom_radio input[type=radio][readonly]:checked+label:before {
  border-color: #C1C7CD;
  background-color: #f6f6f6;
}

.custom_radio input[type=radio][readonly]:checked+label:after {
  background-color: #C1C7CD;
}

@media (max-width: 1023px) {
  .custom_radio .radio_area {
    margin-right: 20px;
  }

  .custom_radio input[type=radio]+label {
    padding-left: 32px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .custom_radio input[type=radio]+label:before {
    width: 24px;
    height: 24px;
    border-width: 1px;
  }

  .custom_radio input[type=radio]+label:after {
    left: 6px;
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 767px) {
  .custom_radio .radio_area {
    margin-right: 20px;
  }

  .custom_radio input[type=radio]+label {
    padding-left: 32px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .custom_radio input[type=radio]+label:before {
    width: 24px;
    height: 24px;
    border-width: 1px;
  }

  .custom_radio input[type=radio]+label:after {
    left: 6px;
    width: 12px;
    height: 12px;
  }
}

/* custom_checkbox */
.custom_checkbox {
  position: relative;
}

.custom_checkbox .checkbox_area {
  display: inline-block;
  vertical-align: top;
  margin-right: max(13.2px, 1.3020833333vw);
}

.custom_checkbox .checkbox_area:last-of-type {
  margin-right: 0;
}

.custom_checkbox input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.custom_checkbox input[type=checkbox]+label {
  position: relative;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #000000;
  font-weight: 400;
  padding-left: max(21.12px, 2.0833333333vw);
  cursor: pointer;
}

.custom_checkbox input[type=checkbox]+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  background-color: #ffffff;
  box-sizing: border-box;
}

.custom_checkbox input[type=checkbox]+label:after {
  content: "";
  position: absolute;
}

@media (min-width: 1540px) and (pointer: fine) {
  .custom_checkbox input[type=checkbox]:not(.custom_checkbox input[type=checkbox][readonly]):hover+label {
    color: #5e2bb8;
  }

  .custom_checkbox input[type=checkbox]:not(.custom_checkbox input[type=checkbox][readonly]):hover+label::before {
    border-color: #b49ade;
  }
}

.custom_checkbox input[type=checkbox]:checked+label::before {
  border-color: #5e2bb8 !important;
  background-color: #5e2bb8;
}

.custom_checkbox input[type=checkbox]:checked+label::after {
  left: max(1.32px, 0.1302083333vw);
  top: 0;
  width: max(13.2px, 1.3020833333vw);
  height: max(13.2px, 1.3020833333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/form/custom_checkbox_icon01.svg") center no-repeat;
  background-size: 100% 100%;
}

.custom_checkbox input[type=checkbox][readonly]+label:before {
  border-color: #C1C7CD !important;
  background-color: #f6f6f6;
}

.custom_checkbox input[type=checkbox][readonly]:checked+label:before {
  border-color: #C1C7CD;
  background-color: #f6f6f6;
}

.custom_checkbox input[type=checkbox][readonly]:checked+label:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/form/custom_checkbox_icon02.svg") center no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 1023px) {
  .custom_checkbox .checkbox_area {
    margin-right: 20px;
  }

  .custom_checkbox input[type=checkbox]+label {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
    padding-left: 32px;
  }

  .custom_checkbox input[type=checkbox]+label:before {
    width: 24px;
    height: 24px;
    border-width: 1px;
  }

  .custom_checkbox input[type=checkbox]:checked+label::after {
    left: 2px;
    width: 20px;
    height: 20px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/form/custom_checkbox_icon01.svg") center no-repeat;
    background-size: 100% 100%;
  }
}

@media (max-width: 767px) {
  .custom_checkbox .checkbox_area {
    margin-right: 20px;
  }

  .custom_checkbox input[type=checkbox]+label {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
    padding-left: 32px;
  }

  .custom_checkbox input[type=checkbox]+label:before {
    width: 24px;
    height: 24px;
    border-width: 1px;
  }

  .custom_checkbox input[type=checkbox]:checked+label::after {
    left: 2px;
    width: 20px;
    height: 20px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/form/custom_checkbox_icon01.svg") center no-repeat;
    background-size: 100% 100%;
  }
}

.check_input_area>* {
  vertical-align: middle;
}

.check_input_area .radio_area {
  vertical-align: middle;
}

.check_input_area .input_area {
  width: calc(100% - max(63.36px, 6.25vw));
  max-width: none;
  vertical-align: middle;
}

@media (max-width: 1023px) {
  .check_input_area .input_area {
    width: 100%;
  }
}

/* button */
.btn_wrap {
  font-size: 0;
  text-align: left;
  margin-top: max(39.6px, 3.90625vw);
}

.btn_wrap.center {
  text-align: center;
}

.btn_wrap.right {
  text-align: right;
}

@media (max-width: 1023px) {
  .btn_wrap {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .btn_wrap {
    margin-top: 48px;
  }
}

a.link_btn {
  display: block;
  text-align: left;
  background-color: transparent;
  border: 0;
  min-width: auto;
  height: 100%;
  margin-right: 0;
  padding: 0;
  border-radius: 0;
}

a.more.link_btn1 {
  display: block;
  text-align: left;
  background-color: transparent;
  border: 0;
  min-width: auto;
  height: 100%;
  margin-right: 0;
  padding: 0;
  border-radius: 0;
}

a.more.link_btn1 .arrow {
  width: max(19.8px, 1.953125vw);
  height: max(19.8px, 1.953125vw);
  margin-left: 0;
}

a.more.link_btn1 .arrow::before,
a.more.link_btn1 .arrow::after {
  right: max(6.6px, 0.6510416667vw);
  width: max(6.6px, 0.6510416667vw);
  height: max(6.6px, 0.6510416667vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_white01.svg") 0 0;
  background-size: 100% 100%;
}

a.more.link_btn1 .arrow::before {
  margin-top: max(3.96px, 0.390625vw);
  margin-right: max(3.96px, 0.390625vw);
}

@media (max-width: 1023px) {
  a.more.link_btn1 .arrow {
    width: 30px;
    height: 30px;
  }

  a.more.link_btn1 .arrow::before,
  a.more.link_btn1 .arrow::after {
    right: 10px;
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 767px) {
  a.more.link_btn1 .arrow {
    width: 30px;
    height: 30px;
  }

  a.more.link_btn1 .arrow::before,
  a.more.link_btn1 .arrow::after {
    right: 10px;
    width: 10px;
    height: 10px;
  }
}

a.more.link_btn1.white {
  background-color: transparent;
  color: #ffffff;
}

a.more.link_btn1.white>span {
  background-color: #ffffff;
}

a.more.link_btn1.white>span:before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_black01.svg") 0 0;
  background-size: 100% 100%;
}

a.more.link_btn1.white>span:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_black01.svg") 0 0;
  background-size: 100% 100%;
}

@media (min-width: 1540px) and (pointer: fine) {
  a:not(.disabled).more.link_btn:hover .arrow:before {
    animation: outlinkAnimationBefore 0.3s forwards 0.3s;
  }

  @keyframes outlinkAnimationBefore {
    from {
      margin-top: max(2.64px, 0.2604166667vw);
      margin-right: max(2.64px, 0.2604166667vw);
      opacity: 0;
    }

    to {
      margin-top: 0;
      margin-right: 0;
      opacity: 1;
    }
  }

  a:not(.disabled).more.link_btn:hover .arrow:after {
    animation: outlinkAnimationAfter 0.3s forwards;
  }

  @keyframes outlinkAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
      margin-right: 0;
    }

    to {
      opacity: 0;
      margin-top: calc(max(2.64px, 0.2604166667vw) * -1);
      margin-right: calc(max(2.64px, 0.2604166667vw) * -1);
    }
  }

  a:not(.disabled).more.link_btn1:hover .arrow:before {
    animation: outlinkAnimationBefore 0.3s forwards 0.3s;
  }

  @keyframes outlinkAnimationBefore {
    from {
      margin-top: max(3.3px, 0.3255208333vw);
      margin-right: max(3.3px, 0.3255208333vw);
      opacity: 0;
    }

    to {
      margin-top: 0;
      margin-right: 0;
      opacity: 1;
    }
  }

  a:not(.disabled).more.link_btn1:hover .arrow:after {
    animation: outlinkAnimationAfter 0.3s forwards;
  }

  @keyframes outlinkAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
      margin-right: 0;
    }

    to {
      opacity: 0;
      margin-top: calc(max(3.3px, 0.3255208333vw) * -1);
      margin-right: calc(max(3.3px, 0.3255208333vw) * -1);
    }
  }
}

.btn {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background-color: #ffffff;
  /* border: max(0.66px, 0.0651041667vw) solid #DDE1E6; */
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  min-width: max(79.2px, 7.8125vw);
  height: max(42.24px, 4.1666666667vw);
  margin-right: max(6.6px, 0.6510416667vw);
  padding: 0 max(26.4px, 2.6041666667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 4;
  color: #121619;
  border-radius: max(66px, 6.5104166667vw);
  border-color: #121619;
}

.btn:last-child {
  margin-right: 0;
}

.btn span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: calc(max(1.32px, 0.1302083333vw) * -1);
}

.btn span:before,
.btn span:after {
  display: none;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s, margin 0.2s;
}

.btn.md {
  min-width: max(52.8px, 5.2083333333vw);
  height: max(31.68px, 3.125vw);
  padding: 0 max(19.8px, 1.953125vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 3.4285714286;
}

.btn.md.icon {
  padding-right: max(14.52px, 1.4322916667vw);
}

.btn.sm {
  min-width: max(42.24px, 4.1666666667vw);
  height: max(26.4px, 2.6041666667vw);
  padding: 0 max(10.56px, 1.0416666667vw);
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 3.0769230769;
}

.btn.gray {
  background-color: #f2f4f8;
  border-color: #f2f4f8;
}

.btn.purple {
  background-color: #eee9f7;
  border-color: #eee9f7;
  color: #5e2bb8;
}

.btn.icon {
  text-align: left;
}

.btn.icon span:after {
  display: block;
}

.btn.icon span:before {
  display: block;
  opacity: 0;
}

.btn.arrow span {
  width: max(13.2px, 1.3020833333vw);
  height: max(13.2px, 1.3020833333vw);
}

.btn.arrow span:before {
  width: 100%;
  height: 100%;
  margin-top: max(3.3px, 0.3255208333vw);
  margin-right: max(3.3px, 0.3255208333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_arrow_on.svg") 0 0;
  background-size: 100% 100%;
}

.btn.arrow span:after {
  width: 100%;
  height: 100%;
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_arrow_off.svg") 0 0;
  background-size: 100% 100%;
}

.btn.arrow span.gray:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_arrow_on.svg") 0 0;
  background-size: 100% 100%;
}

.btn.arrow.purple span:before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_arrow_purple_on.svg") 0 0;
  background-size: 100% 100%;
}

.btn.arrow.purple span:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_arrow_purple_off.svg") 0 0;
  background-size: 100% 100%;
}

.btn.more {
  display: inline-block;
  vertical-align: top;
  width: auto;
  min-width: auto;
  height: auto;
  padding: 0;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.25;
  border: 0;
}

.btn.more .arrow {
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  margin-left: max(6.6px, 0.6510416667vw);
  border-radius: 50%;
  background-color: #121619;
}

.btn.more .arrow:before {
  right: max(5.28px, 0.5208333333vw);
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  margin-top: max(3.3px, 0.3255208333vw);
  margin-right: max(3.3px, 0.3255208333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}

.btn.more .arrow:after {
  right: max(5.28px, 0.5208333333vw);
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}

.btn.more.white {
  background-color: transparent;
  color: #ffffff;
}

.btn.more.white .arrow {
  background-color: #ffffff;
}

.btn.more.white .arrow:before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_black.svg") 0 0;
  background-size: 100% 100%;
}

.btn.more.white .arrow:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_black.svg") 0 0;
  background-size: 100% 100%;
}

.btn.delete {
  display: none;
  position: absolute;
  top: max(7.92px, 0.78125vw);
  right: max(13.2px, 1.3020833333vw);
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  min-width: inherit;
  border-radius: 100%;
  padding: 0 !important;
  border: 0;
  z-index: 3;
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_delete.svg") center no-repeat;
  background-size: 100% 100%;
}

.btn.delete.on {
  display: block;
}

.btn.down span {
  width: max(10.56px, 1.0416666667vw);
  height: max(10.56px, 1.0416666667vw);
  margin: calc(max(1.32px, 0.1302083333vw) * -1) 0 0 max(6.6px, 0.6510416667vw);
}

.btn.down span:before {
  width: max(10.56px, 1.0416666667vw);
  height: max(10.56px, 1.0416666667vw);
  margin-top: calc(max(10.56px, 1.0416666667vw) * -1);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_down_icon_white.svg") 0 0;
  background-size: 100% 100%;
}

.btn.down span:after {
  width: max(10.56px, 1.0416666667vw);
  height: max(10.56px, 1.0416666667vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_down_icon.svg") 0 0;
  background-size: 100% 100%;
}

.btn.down.sm span {
  width: max(7.92px, 0.78125vw);
  height: max(7.92px, 0.78125vw);
  margin: calc(max(1.32px, 0.1302083333vw) * -1) 0 0 max(6.6px, 0.6510416667vw);
}

.btn.down.sm span:before {
  width: max(7.92px, 0.78125vw);
  height: max(7.92px, 0.78125vw);
  margin-top: calc(max(7.92px, 0.78125vw) * -1);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_down_icon_white.svg") 0 0;
  background-size: 100% 100%;
}

.btn.down.sm span:after {
  width: max(7.92px, 0.78125vw);
  height: max(7.92px, 0.78125vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_down_icon.svg") 0 0;
  background-size: 100% 100%;
}

.btn.down.black {
  border: 0;
  min-width: auto;
  height: auto;
  padding: 0;
  background-color: transparent;
  line-height: 1;
}

.btn.down.black span {
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  border-radius: 50%;
  background-color: #000000;
}

.btn.down.black span:before,
.btn.down.black span:after {
  width: max(7.92px, 0.78125vw);
  height: max(7.92px, 0.78125vw);
  right: max(3.96px, 0.390625vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_down_icon_white.svg") 0 0;
  background-size: 100% 100%;
}

.btn.down.black span::before {
  margin-top: calc(max(7.92px, 0.78125vw) * -1);
}

.btn.down.disabled {
  color: #c1c7cd;
  cursor: auto;
}

.btn.down.disabled span:before,
.btn.down.disabled span:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_down_disabled.svg") 0 0;
  background-size: 100% 100%;
}

@media (min-width: 1540px) and (pointer: fine) {
  .btn:not(.disabled):hover {
    /* background-color: #5e2bb8;
    border-color: #5e2bb8; */
    color: #ffffff;
    transition: all 0.3s ease-in-out;
  }

  .btn:not(.disabled):hover.gray {
    /* background-color: #5e2bb8;
    border-color: #5e2bb8; */
    color: #ffffff;
  }

  .btn:not(.disabled):hover.purple {
    /* background-color: #5e2bb8;
    border-color: #5e2bb8; */
    color: #ffffff;
  }

  .btn:not(.disabled):hover.arrow span:before {
    animation: outlinkAnimationBefore 0.3s forwards 0.3s;
  }

  @keyframes outlinkAnimationBefore {
    from {
      margin-top: max(2.64px, 0.2604166667vw);
      margin-right: max(2.64px, 0.2604166667vw);
      opacity: 0;
    }

    to {
      margin-top: 0;
      margin-right: 0;
      opacity: 1;
    }
  }

  .btn:not(.disabled):hover.arrow span:after {
    animation: outlinkAnimationAfter 0.3s forwards;
  }

  @keyframes outlinkAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
      margin-right: 0;
    }

    to {
      opacity: 0;
      margin-top: calc(max(2.64px, 0.2604166667vw) * -1);
      margin-right: calc(max(2.64px, 0.2604166667vw) * -1);
    }
  }

  .btn:not(.disabled):hover.more {
    background-color: transparent;
    color: #121619;
  }

  .btn:not(.disabled):hover.more .arrow:before {
    animation: outlinkAnimationBefore 0.3s forwards 0.3s;
  }

  @keyframes outlinkAnimationBefore {
    from {
      margin-top: max(2.64px, 0.2604166667vw);
      margin-right: max(2.64px, 0.2604166667vw);
      opacity: 0;
    }

    to {
      margin-top: 0;
      margin-right: 0;
      opacity: 1;
    }
  }

  .btn:not(.disabled):hover.more .arrow:after {
    animation: outlinkAnimationAfter 0.3s forwards;
  }

  @keyframes outlinkAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
      margin-right: 0;
    }

    to {
      opacity: 0;
      margin-top: calc(max(2.64px, 0.2604166667vw) * -1);
      margin-right: calc(max(2.64px, 0.2604166667vw) * -1);
    }
  }

  .btn:not(.disabled):hover.more.white {
    color: #ffffff;
  }

  .btn:not(.disabled):hover.down span:before {
    animation: downAnimationBefore 0.3s forwards 0.3s;
  }

  @keyframes downAnimationBefore {
    from {
      margin-top: calc(max(10.56px, 1.0416666667vw) * -1);
      opacity: 0;
    }

    to {
      margin-top: 0;
      opacity: 1;
    }
  }

  .btn:not(.disabled):hover.down span:after {
    animation: downAnimationAfter 0.3s forwards;
  }

  @keyframes downAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
    }

    to {
      opacity: 0;
      margin-top: max(10.56px, 1.0416666667vw);
    }
  }

  .btn:not(.disabled):hover.down.sm span:before {
    animation: downAnimationBefore 0.3s forwards 0.3s;
  }

  @keyframes downAnimationBefore {
    from {
      margin-top: calc(max(7.92px, 0.78125vw) * -1);
      opacity: 0;
    }

    to {
      margin-top: 0;
      opacity: 1;
    }
  }

  .btn:not(.disabled):hover.down.sm span:after {
    animation: downAnimationAfter 0.3s forwards;
  }

  @keyframes downAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
    }

    to {
      opacity: 0;
      margin-top: max(7.92px, 0.78125vw);
    }
  }

  .btn:not(.disabled):hover.down.black {
    background-color: transparent;
    color: #121619;
  }
}

.btn:not(.disabled).active {
  background-color: #005486;
  border-color: #005486;
  color: #ffffff;
}

.btn:not(.disabled).active.gray {
  background-color: #005486;
  color: #ffffff;
}

.btn:not(.disabled).active.more .arrow:before {
  animation: downAnimationBefore 0.3s forwards 0.3s;
}

@keyframes downAnimationBefore {
  from {
    margin-top: calc(max(13.2px, 1.3020833333vw) * -1);
    opacity: 0;
  }

  to {
    margin-top: 0;
    opacity: 1;
  }
}

.btn:not(.disabled).active.more .arrow:after {
  animation: downAnimationAfter 0.3s forwards;
}

@keyframes downAnimationAfter {
  from {
    opacity: 1;
    margin-top: 0;
  }

  to {
    opacity: 0;
    margin-top: max(9.9px, 0.9765625vw);
  }
}

.btn:not(.disabled).active.more .arrow.gray:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_more_on.svg") 0 0;
  background-size: 100% 100%;
}

.btn:not(.disabled).active.delete:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_delete_blue.svg") center no-repeat;
  background-size: 100% 100%;
}

.btn:not(.disabled).active.delete.gray:after {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_delete_white.svg") center no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 1023px) {
  .btn {
    min-width: 120px;
    height: 64px;
    margin-right: 10px;
    padding: 0 40px;
    border-width: 1px;
    border-radius: 100px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 4;
  }

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

  .btn.md {
    min-width: 80px;
    height: 48px;
    padding: 0 26px;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 3.2;
  }

  .btn.md.icon {
    padding-right: 18px;
  }

  .btn.sm {
    min-width: 64px;
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 2.8571428571;
  }

  .btn.arrow span {
    width: 20px;
    height: 20px;
  }

  .btn.arrow span:before {
    margin-top: 5px;
    margin-right: 5px;
  }

  .btn.more {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.25;
    border: 0;
  }

  .btn.more .arrow {
    width: 24px;
    height: 24px;
    margin-left: 10px;
  }

  .btn.more .arrow:before {
    right: 8px;
    width: 8px;
    height: 8px;
    margin-top: 5px;
    margin-right: 5px;
  }

  .btn.more .arrow:after {
    right: 8px;
    width: 8px;
    height: 8px;
  }

  .btn.delete {
    top: 12px;
    right: 20px;
    width: 24px;
    height: 24px;
  }

  .btn.down span {
    width: 16px;
    height: 16px;
    margin: -2px 0 0 10px;
  }

  .btn.down span {
    width: 16px;
    height: 16px;
    margin: -2px 0 0 10px;
  }

  .btn.down span:before {
    width: 16px;
    height: 16px;
    margin-top: -16px;
  }

  .btn.down span:after {
    width: 16px;
    height: 16px;
  }

  .btn.down.sm span {
    width: 12px;
    height: 12px;
    margin: -2px 0 0 10px;
  }

  .btn.down.sm span:before {
    width: 12px;
    height: 12px;
    margin-top: -12px;
  }

  .btn.down.sm span:after {
    width: 12px;
    height: 12px;
  }

  .btn.down.black span {
    width: 24px;
    height: 24px;
  }

  .btn.down.black span:before,
  .btn.down.black span:after {
    width: 12px;
    height: 12px;
    right: 6px;
  }

  .btn.down.black span::before {
    margin-top: -12px;
  }
}

@media (max-width: 767px) {
  .btn {
    min-width: 120px;
    height: 64px;
    margin-right: 10px;
    padding: 0 40px;
    border-width: 1px;
    border-radius: 100px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 4;
  }

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

  .btn.md {
    min-width: 80px;
    height: 48px;
    padding: 0 26px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 3.6923076923;
  }

  .btn.md.icon {
    padding-right: 18px;
  }

  .btn.sm {
    min-width: 64px;
    height: 40px;
    padding: 0 16px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 3.6363636364;
  }

  .btn.arrow span {
    width: 20px;
    height: 20px;
  }

  .btn.arrow span:before {
    margin-top: 5px;
    margin-right: 5px;
  }

  .btn.more {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.25;
    border: 0;
  }

  .btn.more .arrow {
    width: 24px;
    height: 24px;
    margin-left: 10px;
  }

  .btn.more .arrow:before {
    right: 8px;
    width: 8px;
    height: 8px;
    margin-top: 5px;
    margin-right: 5px;
  }

  .btn.more .arrow:after {
    right: 8px;
    width: 8px;
    height: 8px;
  }

  .btn.delete {
    top: 12px;
    right: 20px;
    width: 24px;
    height: 24px;
  }

  .btn.down span {
    width: 16px;
    height: 16px;
    margin: -2px 0 0 10px;
  }

  .btn.down span:before {
    width: 16px;
    height: 16px;
    margin-top: -16px;
  }

  .btn.down span:after {
    width: 16px;
    height: 16px;
  }

  .btn.down.sm span {
    width: 12px;
    height: 12px;
    margin: -2px 0 0 10px;
  }

  .btn.down.sm span:before {
    width: 12px;
    height: 12px;
    margin-top: -12px;
  }

  .btn.down.sm span:after {
    width: 12px;
    height: 12px;
  }

  .btn.down.black span {
    width: 24px;
    height: 24px;
  }

  .btn.down.black span:before,
  .btn.down.black span:after {
    width: 12px;
    height: 12px;
    right: 6px;
  }

  .btn.down.black span::before {
    margin-top: -12px;
  }
}

.pageArea {
  margin-top: max(39.6px, 3.90625vw);
}

.pageArea.pc {
  display: block;
}

.pageArea.mobile {
  display: none;
}

@media (max-width: 1023px) {
  .pageArea {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .pageArea {
    margin-top: 50px;
  }

  .pageArea.pc {
    display: none;
  }

  .pageArea.mobile {
    display: block;
  }
}

.pageArea .page {
  font-size: 0;
  text-align: center;
}

.pageArea .page .arrow {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.pageArea .page .arrow a {
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999px;
  background: no-repeat center;
}

.pageArea .page .num {
  display: inline-block;
  vertical-align: middle;
  color: #878d96;
}

.pageArea .page .total {
  display: none;
}

@media (max-width: 767px) {
  .pageArea .page a.num {
    display: none;
  }

  .pageArea .page .num {
    width: auto;
    height: auto;
    font-size: 12px;
    letter-spacing: -0.0005em;
    line-height: 1.3333333333;
  }

  .pageArea .page .total {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 16px;
    font-size: 12px;
    letter-spacing: -0.0005em;
    line-height: 1.3333333333;
    color: #343a3f;
  }

  .pageArea .page .total::before {
    content: "/";
    position: absolute;
    top: 0;
    left: 0;
    font: inherit;
    color: inherit;
  }
}

.pageArea .type1 .page .arrow {
  vertical-align: -1px;
}

.pageArea .type1 .page .arrow.left {
  margin-right: max(26.4px, 2.6041666667vw);
}

.pageArea .type1 .page .arrow.right {
  margin-left: max(26.4px, 2.6041666667vw);
}

.pageArea .type1 .page .arrow a {
  width: max(10.56px, 1.0416666667vw);
  height: max(10.56px, 1.0416666667vw);
}

.pageArea .type1 .page .arrow a.first {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/paging/ico_paging_first.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  margin-right: max(13.2px, 1.3020833333vw);
}

.pageArea .type1 .page .arrow a.prev {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/paging/ico_paging_prev.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.pageArea .type1 .page .arrow a.next {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/paging/ico_paging_next.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  margin-right: max(13.2px, 1.3020833333vw);
}

.pageArea .type1 .page .arrow a.last {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/paging/ico_paging_last.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.pageArea .type1 .page .num {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.0005em;
  line-height: 1.375;
}

.pageArea .type1 .page .num+.num {
  margin-left: max(16.5px, 1.6276041667vw);
}

@media (max-width: 1023px) {
  .pageArea .type1 .page .arrow {
    vertical-align: -1px;
  }

  .pageArea .type1 .page .arrow.left {
    margin-right: 40px;
  }

  .pageArea .type1 .page .arrow.right {
    margin-left: 40px;
  }

  .pageArea .type1 .page .arrow a {
    width: 16px;
    height: 16px;
  }

  .pageArea .type1 .page .arrow a.first {
    margin-right: 20px;
  }

  .pageArea .type1 .page .arrow a.next {
    margin-right: 20px;
  }

  .pageArea .type1 .page .num {
    font-size: 16px;
    letter-spacing: -0.0005em;
    line-height: 1.375;
  }

  .pageArea .type1 .page .num+.num {
    margin-left: 25px;
  }
}

@media (max-width: 767px) {
  .pageArea .type1 .page .arrow {
    vertical-align: -1px;
  }

  .pageArea .type1 .page .arrow.left {
    margin-right: 40px;
  }

  .pageArea .type1 .page .arrow.right {
    margin-left: 40px;
  }

  .pageArea .type1 .page .arrow a {
    width: 16px;
    height: 16px;
  }

  .pageArea .type1 .page .arrow a.first {
    margin-right: 20px;
  }

  .pageArea .type1 .page .arrow a.next {
    margin-right: 20px;
  }

  .pageArea .type1 .page .num {
    width: auto;
    height: auto;
    margin-right: 5px;
    font-size: 12px;
    letter-spacing: -0.0005em;
    line-height: 1.3333333333;
  }

  .pageArea .type1 .page .num+.num {
    margin-left: 0;
  }
}

.pageArea .type1 .page-theme3 .arrow a.first,
.pageArea .type1 .page-theme3 .arrow a.next {
  margin-right: max(3.3px, 0.3255208333vw);
}

.pageArea .type1 .page-theme3 .arrow.left {
  margin-right: max(13.2px, 1.3020833333vw);
}

.pageArea .type1 .page-theme3 .arrow.right {
  margin-left: max(13.2px, 1.3020833333vw);
}

.pageArea .type1 .page-theme3 span.num {
  color: #3553d1;
  border-bottom: max(1.32px, 0.1302083333vw) solid #3553d1;
}

@media (max-width: 1023px) {

  .pageArea .type1 .page-theme3 .arrow a.first,
  .pageArea .type1 .page-theme3 .arrow a.next {
    margin-right: 5px;
  }

  .pageArea .type1 .page-theme3 .arrow.left {
    margin-right: 20px;
  }

  .pageArea .type1 .page-theme3 .arrow.right {
    margin-left: 20px;
  }

  .pageArea .type1 .page-theme3 span.num {
    border-bottom-width: 2px;
  }
}

@media (max-width: 767px) {

  .pageArea .type1 .page-theme3 .arrow a.first,
  .pageArea .type1 .page-theme3 .arrow a.next {
    margin-right: 5px;
  }

  .pageArea .type1 .page-theme3 .arrow.left {
    margin-right: 20px;
  }

  .pageArea .type1 .page-theme3 .arrow.right {
    margin-left: 20px;
  }

  .pageArea .type1 .page-theme3 span.num {
    border-bottom-width: 2px;
  }

  .pageArea .type1 .page-theme3 .num {
    margin-top: 0;
  }
}

.pageArea .type2 a,
.pageArea .type2 .num {
  width: auto;
  height: auto;
  margin: 0 max(5.28px, 0.5208333333vw);
  text-align: center;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.pageArea .type2 .arrow.left {
  margin-right: max(7.92px, 0.78125vw);
}

.pageArea .type2 .arrow.right {
  margin-left: max(7.92px, 0.78125vw);
}

.pageArea .type2 .arrow a {
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  margin: 0;
}

.pageArea .type2 .arrow a.first {
  margin-right: max(7.92px, 0.78125vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/paging/ico_paging_first.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.pageArea .type2 .arrow a.prev {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/paging/ico_paging_prev.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.pageArea .type2 .arrow a.next {
  margin-right: max(7.92px, 0.78125vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/paging/ico_paging_next.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.pageArea .type2 .arrow a.last {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/paging/ico_paging_last.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 1023px) {

  .pageArea .type2 a,
  .pageArea .type2 .num {
    margin: 0 8px;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .pageArea .type2 .arrow.left {
    margin-right: 12px;
  }

  .pageArea .type2 .arrow.right {
    margin-left: 12px;
  }

  .pageArea .type2 .arrow a {
    width: 24px;
    height: 24px;
  }

  .pageArea .type2 .arrow a.first {
    margin-right: 12px;
  }

  .pageArea .type2 .arrow a.next {
    margin-right: 12px;
  }
}

@media (max-width: 767px) {

  .pageArea .type2 a,
  .pageArea .type2 .num {
    margin: 0 7px;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.7142857143;
  }

  .pageArea .type2 .total {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 24px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.7142857143;
    text-align: center;
  }

  .pageArea .type2 .arrow.left {
    margin-right: 12px;
  }

  .pageArea .type2 .arrow.right {
    margin-left: 12px;
  }

  .pageArea .type2 .arrow a {
    width: 24px;
    height: 24px;
  }

  .pageArea .type2 .arrow a.first {
    margin-right: 12px;
  }

  .pageArea .type2 .arrow a.next {
    margin-right: 12px;
  }
}

.pageArea .type2 .page-theme1 span.num {
  color: #121619;
}

/* plugin */
/* pages */
.main .content {
  padding-top: 0;
}

.main h2 {
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-family: "Cafe24Ohsquare";
  font-weight: 400;
  color: #5e2bb8;
  text-align: center;
}

@media (max-width: 1023px) {
  .main h2 {
    margin-bottom: 6px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .main h2 {
    margin-bottom: 6px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.main .sec_tit {
  display: block;
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare";
  font-weight: 400;
  color: #121619;
  text-align: center;
}

@media (max-width: 1023px) {
  .main .sec_tit {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }
}

@media (max-width: 767px) {
  .main .sec_tit {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.main .sec {
  width: 100%;
  height: 100%;
}

.main .sec+.sec {
  padding-top: max(105.6px, 10.4166666667vw);
}

.main .sec+.sec02 {
  padding-top: max(79.2px, 7.8125vw);
}

.main .sec+.sec03 {
  padding-top: max(73.92px, 7.2916666667vw);
}

@media (max-width: 1023px) {
  .main .sec+.sec {
    padding-top: 128px;
  }

  .main .sec+.sec02 {
    padding-top: 100px;
  }

  .main .sec+.sec03 {
    padding-top: 54px;
  }
}

@media (max-width: 767px) {
  .main .sec+.sec {
    padding-top: 80px;
  }

  .main .sec+.sec02 {
    padding-top: 60px;
  }

  .main .sec+.sec03 {
    padding-top: 80px;
  }
}

.main .sec.main_visual {
  height: calc(var(--vh, 1vh) * 100);
}

.main .sec.main_visual .kv_flip_wrapper {
  height: 100%;
  perspective: 1000px;
  transform-style: preserve-3d;
}

.main .sec.main_visual .kv_slider {
  overflow: visible;
  height: 100%;
  transform-style: preserve-3d;
}

.main .sec.main_visual .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main .sec.main_visual .swiper-slide {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.main .sec.main_visual .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.main .sec.main_visual .swiper-slide.imgScale img {
  animation: imgScale 7s forwards;
}

@keyframes imgScale {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

.main .sec.main_visual .slide_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.main .sec.main_visual .slide_wrap .dim {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background: linear-gradient(#000 0%, rgba(102, 102, 102, 0) 100%);
}

.main .sec.main_visual .slide_wrap video,
.main .sec.main_visual .slide_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main .sec.main_visual .kv_wrap {
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 0;
  padding: 0 max(52.8px, 5.2083333333vw);
  animation: kvTitleMotion 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;
  width: 60vw;
}

.main .sec.main_visual .kv_wrap strong {
  display: inline-block;
  font-size: max(38.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare";
  font-weight: bold;
  color: #ffffff;
}

.main .sec.main_visual .kv_wrap .btn {
  margin-top: max(7.92px, 0.78125vw);
}

.main .sec.main_visual .kv_wrap .arrow {
  margin-left: max(5.28px, 0.5208333333vw);
}

.main .sec.main_visual .kv_wrap p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-family: "Pretendard";
  font-size: max(17px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.1111111111;
  color: #ffffff;
}

.main .sec.main_visual .kv_wrap p.fst {
  margin-top: max(10.56px, 1.0416666667vw);
}

.main .sec.main_visual .control_wrap {
  display: inline-flex;
  align-items: center;
  position: absolute;
  left: max(52.8px, 5.2083333333vw);
  bottom: max(81.84px, 8.0729166667vw);
  width: auto;
  height: max(15.84px, 1.5625vw);
}

.main .sec.main_visual .swiper-pagination {
  position: relative;
  margin-bottom: max(1.32px, 0.1302083333vw);
  text-align: left;
  animation: controllerMotion 0.8s linear 0.5s both;
}

.main .sec.main_visual .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  margin: 0 max(2.64px, 0.2604166667vw);
  background-color: transparent;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.main .sec.main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  height: max(5.28px, 0.5208333333vw);
  border-radius: 999px;
  background-color: #ffffff;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.main .sec.main_visual .swiper-pagination.pause .swiper-pagination-bullet {
  pointer-events: none;
}

.main .sec.main_visual .swiper-pagination.none {
  display: none;
}

.main .sec.main_visual .btn_controller {
  display: inline-block;
  position: relative;
  z-index: 1;
  animation: controllerMotion 0.8s linear 0.5s both;
}

.main .sec.main_visual .btn_controller a {
  display: block;
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/btn_stop.svg") center no-repeat;
  background-size: cover;
}

.main .sec.main_visual .btn_controller a.pause {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/btn_play.svg") center no-repeat;
  background-size: cover;
}

@keyframes flipMotion {
  0% {
    transform: rotateX(-180deg);
  }

  100% {
    transform: rotateX(0);
  }
}

@keyframes kvTitleMotion {
  0% {
    opacity: 0;
    bottom: max(0px, 0vw);
  }

  100% {
    opacity: 1;
    bottom: max(118.8px, 11.71875vw);
  }
}

@keyframes controllerMotion {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (max-width: 1023px) {
  @keyframes kvTitleMotion {
    0% {
      opacity: 0;
      bottom: 0;
    }

    100% {
      opacity: 1;
      bottom: 114px;
    }
  }

  .main .sec.main_visual .kv_wrap {
    bottom: 0;
    padding: 0 40px;
  }

  .main .sec.main_visual .kv_wrap strong {
    margin-bottom: 0;
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .main .sec.main_visual .kv_wrap .btn {
    margin-top: 18px;
  }

  .main .sec.main_visual .kv_wrap .arrow {
    margin-left: 8px;
  }

  .main .sec.main_visual .kv_wrap p {
    margin-top: 8px;
    font-family: "Pretendard";
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.1176470588;
  }

  .main .sec.main_visual .kv_wrap p.fst {
    margin-top: 14px;
  }

  .main .sec.main_visual .control_wrap {
    left: 40px;
    bottom: 64px;
    height: 24px;
  }

  .main .sec.main_visual .swiper-pagination {
    margin-bottom: 0;
  }

  .main .sec.main_visual .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border: 1px solid #ffffff;
  }

  .main .sec.main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .main .sec.main_visual .btn_controller a {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 767px) {
  @keyframes kvTitleMotion {
    0% {
      opacity: 0;
      bottom: 0;
    }

    100% {
      opacity: 1;
      bottom: 114px;
    }
  }

  .main .sec.main_visual .kv_wrap {
    bottom: 0;
    padding: 0 20px;
    width: 80vw;
  }

  .main .sec.main_visual .kv_wrap strong {
    margin-bottom: 0;
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .main .sec.main_visual .kv_wrap .btn {
    margin-top: 12px;
  }

  .main .sec.main_visual .kv_wrap .arrow {
    margin-left: 10px;
  }

  .main .sec.main_visual .kv_wrap p {
    margin-top: 8px;
    font-family: "Pretendard";
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.125;
  }

  .main .sec.main_visual .kv_wrap p.fst {
    margin-top: 14px;
  }

  .main .sec.main_visual .control_wrap {
    left: 20px;
    bottom: 64px;
    height: 24px;
  }

  .main .sec.main_visual .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border: 1px solid #ffffff;
  }

  .main .sec.main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .main .sec.main_visual .btn_controller a {
    width: 24px;
    height: 24px;
  }
}

.main .sec01 .highlight_box {
  width: max(1804.44px, 177.9947916667vw);
  height: max(316.8px, 31.25vw);
  margin-top: max(34.32px, 3.3854166667vw);
  padding: 0 max(52.8px, 5.2083333333vw);
  text-align: center;
}

.main .sec01 .flip_box_inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  transition-timing-function: linear;
}

.main .sec01 .flip_box_front {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main .sec01 .ani {
  position: relative;
  float: left;
  height: max(149.16px, 14.7135416667vw);
  margin-right: max(18.48px, 1.8229166667vw);
  border-radius: max(7.92px, 0.78125vw);
  perspective: 1000px;
  transition: transform 1.2s;
  transform-style: preserve-3d;
}

.main .sec01 .ani.lst {
  margin-right: 0;
}

.main .sec01 .ani .flip {
  height: 100%;
  padding-left: max(26.4px, 2.6041666667vw);
  padding-right: max(13.2px, 1.3020833333vw);
  text-align: left;
}

.main .sec01 .ani .flip dt {
  margin-bottom: max(7.92px, 0.78125vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #121619;
}

.main .sec01 .ani .flip dd span:first-child {
  font-size: max(38.28px, 3.7760416667vw);
  letter-spacing: -0.02em;
  line-height: 1;
  font-weight: bold;
  font-family: "Spoqa Han Sans Neo";
  color: #5e2bb8;
}

.main .sec01 .ani .flip dd .num_unit {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 400;
  color: #5e2bb8;
}

.main .sec01 .ani .flip img {
  border-radius: max(7.92px, 0.78125vw);
}

.main .sec01 .ani01 {
  float: left;
  width: max(244.2px, 24.0885416667vw);
  height: 100%;
}

.main .sec01 .ani01 .flip_box_inner {
  transform: rotateY(180deg);
}

.main .sec01 .ani01 .flip_box_front {
  background-color: #E5E9F1;
}

.main .sec01 .ani01.active .flip_box_inner {
  transform: rotateY(0);
  transition-delay: 0s;
}

.main .sec01 .ani01 .flip {
  padding-left: 0;
  padding-right: 0;
}

.main .sec01 .ani01 .flip .img {
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.main .sec01 .ani02 {
  width: max(330px, 32.5520833333vw);
}

.main .sec01 .ani02 .flip_box_inner {
  transform: rotateX(-180deg);
}

.main .sec01 .ani02 .flip_box_front {
  background-color: #08d1d9;
}

.main .sec01 .ani02.active .flip_box_inner {
  transform: rotateX(0);
  transform-origin: center top;
  transition-delay: 0.2s;
}

.main .sec01 .ani02 .flip {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}

.main .sec01 .ani02 .flip dl {
  position: relative;
  padding: 0 max(6.6px, 0.6510416667vw) 0 max(26.4px, 2.6041666667vw);
}

.main .sec01 .ani02 .flip dl:first-of-type {
  width: max(169.62px, 16.7317708333vw);
}

.main .sec01 .ani02 .flip dl:last-of-type {
  width: max(159.06px, 15.6901041667vw);
}

.main .sec01 .ani02 .flip dl::after {
  content: "";
  display: block;
  position: absolute;
  bottom: max(1.32px, 0.1302083333vw);
  right: 0;
  width: max(1.32px, 0.1302083333vw);
  height: max(29.7px, 2.9296875vw);
  background-color: #ffffff;
  opacity: 0.3;
}

.main .sec01 .ani02 .flip dl:last-child::after {
  display: none;
}

.main .sec01 .ani02 .flip dt {
  color: #106c80;
}

.main .sec01 .ani02 .flip dd span:first-child {
  color: #ffffff;
}

.main .sec01 .ani02 .flip dd .num_unit {
  color: #ffffff;
}

.main .sec01 .ani03 {
  width: max(171.6px, 16.9270833333vw);
}

.main .sec01 .ani03 .flip_box_inner {
  transform: rotateY(180deg);
}

.main .sec01 .ani03 .flip_box_front {
  background-color: #E5E9F1;
}

.main .sec01 .ani03.active .flip_box_inner {
  transform: rotateY(0);
  transition-delay: 0.4s;
}

.main .sec01 .ani03 .flip {
  padding-top: max(34.32px, 3.3854166667vw);
}

.main .sec01 .ani04 {
  width: max(264px, 26.0416666667vw);
}

.main .sec01 .ani04 .flip_box_inner {
  transform: rotateX(-180deg);
}

.main .sec01 .ani04 .flip_box_front {
  background-color: #E5E9F1;
}

.main .sec01 .ani04.active .flip_box_inner {
  transform: rotateX(0);
  transition-delay: 0.6s;
  transform-origin: center center;
}

.main .sec01 .ani04 .flip {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.main .sec01 .ani04 img {
  width: max(72.6px, 7.1614583333vw);
  height: max(99px, 9.765625vw);
  margin-right: max(18.48px, 1.8229166667vw);
}

.main .sec01 .ani05 {
  width: max(343.2px, 33.8541666667vw);
}

.main .sec01 .ani05 .flip_box_inner {
  transform: rotateY(180deg);
}

.main .sec01 .ani05 .flip_box_front {
  background-color: #E5E9F1;
}

.main .sec01 .ani05.active .flip_box_inner {
  transform: rotateY(0);
  transition-delay: 0.2s;
}

.main .sec01 .ani05 .flip {
  padding: max(26.4px, 2.6041666667vw) 0 0 0;
}

.main .sec01 .ani05 img {
  width: max(301.62px, 29.7526041667vw);
  height: max(97.68px, 9.6354166667vw);
  margin: 0 auto;
}

.main .sec01 .ani06 {
  width: max(184.8px, 18.2291666667vw);
}

.main .sec01 .ani06 .flip_box_inner {
  transform: rotateY(-180deg);
}

.main .sec01 .ani06 .flip_box_front {
  background-color: #E5E9F1;
}

.main .sec01 .ani06.active .flip_box_inner {
  transform: rotateY(0);
  transition-delay: 0.3s;
}

.main .sec01 .ani06 .flip {
  padding-top: max(42.9px, 4.2317708333vw);
}

.main .sec01 .ani07 {
  width: max(316.8px, 31.25vw);
}

.main .sec01 .ani07 .flip_box_inner {
  transform: rotateX(-180deg);
}

.main .sec01 .ani07 .flip_box_front {
  background-color: #E5E9F1;
}

.main .sec01 .ani07.active .flip_box_inner {
  transform: rotateX(0);
  transition-delay: 0.7s;
}

.main .sec01 .ani07.active .graph_motion::after {
  height: 0;
  transition-delay: 1.2s;
}

.main .sec01 .ani07 .flip {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-right: 0;
}

.main .sec01 .ani07 img {
  width: max(179.52px, 17.7083333333vw);
  height: max(149.16px, 14.7135416667vw);
  border-radius: 0 0 max(7.92px, 0.78125vw) 0;
}

.main .sec01 .ani07 .graph_motion {
  position: relative;
}

.main .sec01 .ani07 .graph_motion::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E5E9F1;
  transform-origin: top;
  transition-timing-function: ease-in-out;
  transition-duration: 1.6s;
}

.main .sec01 .ani08 {
  width: max(264px, 26.0416666667vw);
}

.main .sec01 .ani08 .flip_box_inner {
  transform: rotateY(180deg);
}

.main .sec01 .ani08 .flip_box_front {
  background-color: #D7D8DF;
}

.main .sec01 .ani08.active .flip_box_inner {
  transform: rotateY(0);
  transition-delay: 0.8s;
}

.main .sec01 .ani08 .flip {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: max(14.52px, 1.4322916667vw);
}

.main .sec01 .ani08 img {
  width: 100%;
  height: auto;
}

.main .sec01 .ani09 {
  width: max(343.2px, 33.8541666667vw);
}

.main .sec01 .ani09 .flip_box_inner {
  transform: rotateX(-180deg);
}

.main .sec01 .ani09 .flip_box_front {
  background-color: #6940C3;
}

.main .sec01 .ani09.active .flip_box_inner {
  transform: rotateX(0);
  transition-delay: 0.4s;
  transform-origin: center top;
}

.main .sec01 .ani09 .flip {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}

.main .sec01 .ani09 .flip dl {
  position: relative;
  padding-left: max(26.4px, 2.6041666667vw);
  padding-right: max(6.6px, 0.6510416667vw);
}

.main .sec01 .ani09 .flip dl:first-of-type {
  width: max(175.56px, 17.3177083333vw);
}

.main .sec01 .ani09 .flip dl:last-of-type {
  width: max(166.32px, 16.40625vw);
}

.main .sec01 .ani09 .flip dl::after {
  content: "";
  display: block;
  position: absolute;
  bottom: max(1.32px, 0.1302083333vw);
  right: 0;
  width: max(1.32px, 0.1302083333vw);
  height: max(29.7px, 2.9296875vw);
  background-color: #ffffff;
  opacity: 0.3;
}

.main .sec01 .ani09 .flip dl:last-child::after {
  display: none;
}

.main .sec01 .ani09 .flip dt {
  color: #ffffff;
}

.main .sec01 .ani09 .flip dd span:first-child {
  color: #ffffff;
}

.main .sec01 .ani09 .flip dd .num_unit {
  color: #ffffff;
}

.main .sec01 .ani10 {
  float: left;
  width: max(253.44px, 25vw);
  height: 100%;
}

.main .sec01 .ani10 .flip_box_inner {
  transform: rotateY(180deg);
}

.main .sec01 .ani10 .flip_box_front {
  background-color: #E5E9F1;
}

.main .sec01 .ani10.active .flip_box_inner {
  transform: rotateY(0);
  transition-delay: 0.2s;
}

.main .sec01 .ani10 .flip {
  padding-left: 0;
  padding-right: 0;
}

.main .sec01 .ani10 .flip .img {
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  background-size: 100% 100%;
  background-position: 50% 50%;
}

.main .sec01 .card_lists {
  float: left;
  width: calc(100% - max(516.12px, 50.9114583333vw));
}

.main .sec01 .card_lists .ani:nth-child(-n+4) {
  margin-bottom: max(18.48px, 1.8229166667vw);
}

.main .sec01 .card_lists .ani:nth-child(4n) {
  margin-right: 0;
}

.main .sec01 .highlight_progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: max(47.52px, 4.6875vw);
  height: max(1.32px, 0.1302083333vw);
  margin-top: max(18.48px, 1.8229166667vw);
}

.main .sec01 .highlight_progress .drag_bar {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background-color: #C1C7CD;
}

.main .sec01 .highlight_progress .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: max(19.8px, 1.953125vw);
  height: 100%;
  border-radius: 999px;
  background-color: #878D96;
}

.main .sec01 .date_box {
  margin-top: max(13.2px, 1.3020833333vw);
  text-align: right;
}

.main .sec01 .date_box span {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #697077;
}

@media (max-width: 1023px) {
  .main .sec01 .highlight_box {
    width: 2302px;
    height: 412px;
    margin-top: 42px;
    padding: 0 40px;
  }

  .main .sec01 .flip_box_front {
    border-radius: 12px;
  }

  .main .sec01 .ani {
    height: 196px;
    margin-right: 20px;
    border-radius: 12px;
  }

  .main .sec01 .ani .flip {
    padding-left: 32px;
    padding-right: 10px;
  }

  .main .sec01 .ani .flip dt {
    margin-bottom: 12px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .main .sec01 .ani .flip dd span:first-child {
    font-size: 46px;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .main .sec01 .ani .flip dd .num_unit {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .main .sec01 .ani01 {
    width: 318px;
    height: 100%;
  }

  .main .sec01 .ani01 .flip {
    padding-left: 0;
  }

  .main .sec01 .ani02 {
    width: 406px;
  }

  .main .sec01 .ani02 .flip {
    padding: 0;
  }

  .main .sec01 .ani02 .flip dl {
    padding: 0 10px 0 32px;
  }

  .main .sec01 .ani02 .flip dl:first-of-type {
    width: 211px;
  }

  .main .sec01 .ani02 .flip dl:last-of-type {
    width: 193px;
  }

  .main .sec01 .ani02 .flip dl::after {
    bottom: 2px;
    width: 2px;
    height: 45px;
  }

  .main .sec01 .ani03 {
    width: 240px;
  }

  .main .sec01 .ani03.active .flip_box_inner {
    transition-delay: 0s;
  }

  .main .sec01 .ani03 .flip {
    padding-top: 49px;
  }

  .main .sec01 .ani04 {
    width: 380px;
  }

  .main .sec01 .ani04.active .flip_box_inner {
    transition-delay: 0s;
  }

  .main .sec01 .ani04 img {
    width: 110px;
    height: 150px;
    margin-right: 28px;
  }

  .main .sec01 .ani05 {
    width: 460px;
  }

  .main .sec01 .ani05.active .flip_box_inner {
    transition-delay: 0s;
  }

  .main .sec01 .ani05 .flip {
    padding: 32px 0 0 0;
  }

  .main .sec01 .ani05 img {
    width: 411px;
    height: 133px;
  }

  .main .sec01 .ani06 {
    width: 240px;
  }

  .main .sec01 .ani06 .flip {
    padding-top: 56px;
  }

  .main .sec01 .ani07 {
    width: 406px;
  }

  .main .sec01 .ani07.active .graph_motion::after {
    transition-delay: 1s;
  }

  .main .sec01 .ani07 img {
    width: 262px;
    height: 196px;
    margin-left: 0;
    border-radius: 0 0 12px 0;
  }

  .main .sec01 .ani07 .graph_motion::after {
    transition-duration: 1.4s;
  }

  .main .sec01 .ani08 {
    width: 380px;
  }

  .main .sec01 .ani08.active .flip_box_inner {
    transition-delay: 0s;
  }

  .main .sec01 .ani08 .flip {
    padding-left: 22px;
  }

  .main .sec01 .ani09 {
    width: 460px;
  }

  .main .sec01 .ani09.active .flip_box_inner {
    transition-delay: 0.2s;
  }

  .main .sec01 .ani09 .flip {
    padding: 0;
  }

  .main .sec01 .ani09 .flip dl {
    padding-left: 32px;
    padding-right: 10px;
  }

  .main .sec01 .ani09 .flip dl:first-of-type {
    width: 226px;
  }

  .main .sec01 .ani09 .flip dl:last-of-type {
    width: 232px;
  }

  .main .sec01 .ani09 .flip dl::after {
    bottom: 2px;
    width: 2px;
    height: 45px;
  }

  .main .sec01 .ani10 {
    width: 318px;
    height: 100%;
  }

  .main .sec01 .ani10 .flip {
    padding: 0;
  }

  .main .sec01 .card_lists {
    width: calc(100% - 656px);
  }

  .main .sec01 .card_lists .ani:nth-child(-n+4) {
    margin-bottom: 20px;
  }

  .main .sec01 .date_box {
    margin-top: 16px;
  }

  .main .sec01 .date_box span {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

@media (max-width: 767px) {
  .main .sec01 .highlight_box {
    width: 2116px;
    height: 386px;
    margin-top: 32px;
    padding: 0 20px;
  }

  .main .sec01 .flip_box_front {
    border-radius: 12px;
  }

  .main .sec01 .ani {
    height: 183px;
    margin-right: 20px;
    border-radius: 12px;
  }

  .main .sec01 .ani .flip {
    padding-left: 32px;
    padding-right: 10px;
  }

  .main .sec01 .ani .flip dt {
    margin-bottom: 12px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  .main .sec01 .ani .flip dd span:first-child {
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .main .sec01 .ani .flip dd .num_unit {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .main .sec01 .ani01 {
    width: 295px;
    height: 100%;
  }

  .main .sec01 .ani01 .flip {
    padding: 0;
  }

  .main .sec01 .ani02 {
    width: 364px;
  }

  .main .sec01 .ani02 .flip {
    padding: 0;
  }

  .main .sec01 .ani02 .flip dl {
    padding: 0 10px 0 32px;
  }

  .main .sec01 .ani02 .flip dl:first-of-type {
    width: 188px;
  }

  .main .sec01 .ani02 .flip dl:last-of-type {
    width: 174px;
  }

  .main .sec01 .ani02 .flip dl::after {
    bottom: 2px;
    width: 2px;
    height: 32px;
  }

  .main .sec01 .ani03 {
    width: 213px;
  }

  .main .sec01 .ani03 .flip {
    padding-top: 49px;
  }

  .main .sec01 .ani04 {
    width: 356px;
  }

  .main .sec01 .ani04 img {
    width: 100px;
    height: 136px;
    margin-right: 28px;
  }

  .main .sec01 .ani05 {
    width: 430px;
  }

  .main .sec01 .ani05 .flip {
    padding: 30px 0 0 0;
  }

  .main .sec01 .ani05 img {
    width: 380px;
    height: 122px;
  }

  .main .sec01 .ani06 {
    width: 213px;
  }

  .main .sec01 .ani06 .flip {
    padding-top: 56px;
  }

  .main .sec01 .ani07 {
    width: 364px;
  }

  .main .sec01 .ani07.active .flip_box_inner {
    transition-delay: 0s;
  }

  .main .sec01 .ani07.active .graph_motion::after {
    transition-delay: 0.6s;
  }

  .main .sec01 .ani07 img {
    width: 228px;
    height: 176px;
    margin-left: 0;
    border-radius: 0 0 12px 0;
  }

  .main .sec01 .ani07 .graph_motion::after {
    transition-duration: 1s;
  }

  .main .sec01 .ani08 {
    width: 356px;
  }

  .main .sec01 .ani08 .flip {
    padding-left: 22px;
  }

  .main .sec01 .ani09 {
    width: 430px;
  }

  .main .sec01 .ani09 .flip {
    padding: 0;
  }

  .main .sec01 .ani09 .flip dl {
    padding-left: 32px;
    padding-right: 10px;
  }

  .main .sec01 .ani09 .flip dl:first-of-type {
    width: 210px;
  }

  .main .sec01 .ani09 .flip dl:last-of-type {
    width: 218px;
  }

  .main .sec01 .ani09 .flip dl::after {
    bottom: 2px;
    width: 2px;
    height: 32px;
  }

  .main .sec01 .ani10 {
    width: 318px;
    height: 100%;
  }

  .main .sec01 .ani10.active .flip_box_inner {
    transition-delay: 0s;
  }

  .main .sec01 .ani10 .flip {
    padding: 0;
  }

  .main .sec01 .card_lists {
    width: calc(100% - 633px);
  }

  .main .sec01 .card_lists .ani:nth-child(-n+4) {
    margin-bottom: 20px;
  }

  .main .sec01 .date_box {
    margin-top: 16px;
  }

  .main .sec01 .date_box span {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }
}

.main .sec02 {
  height: auto;
}

.main .sec02 .cont01 {
  position: relative;
}

.main .sec02 .cont01 .inner {
  max-width: max(679.8px, 67.0572916667vw);
  margin: 0 auto;
}

.main .sec02 .cont01 .flipcard_wrap {
  overflow: visible;
  margin-top: max(34.32px, 3.3854166667vw);
}

.main .sec02 .cont01 .flipcard_wrap .swiper-pagination {
  display: none;
}

.main .sec02 .cont01 .card_box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.main .sec02 .cont01 .card {
  overflow: hidden;
  position: relative;
  width: calc(33.333% - max(13.2px, 1.3020833333vw));
  height: max(264px, 26.0416666667vw);
  border-radius: max(7.92px, 0.78125vw);
  perspective: 1000rem;
  transition-duration: 0.8s;
  pointer-events: none;
}

@media (min-width: 1540px) and (pointer: fine) {
  .main .sec02 .cont01 .card:hover {
    overflow: visible;
  }

  .main .sec02 .cont01 .card:hover .card_inner {
    transform: rotateY(180deg);
  }

  .main .sec02 .cont01 .card:hover .card_flip_reverse {
    clip-path: none;
  }
}

.main .sec02 .cont01 .card .card_inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  white-space: normal;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}

.main .sec02 .cont01 .card .card_flip_content {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: max(23.76px, 2.34375vw) 0 0 max(18.48px, 1.8229166667vw);
  border-radius: max(9.24px, 0.9114583333vw);
  transform: translateZ(0.1px);
  transition: box-shadow 1s;
  clip-path: inset(max(0.66px, 0.0651041667vw));
}

.main .sec02 .cont01 .card .card_flip_content strong {
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-family: "Cafe24Ohsquare";
  color: #ffffff;
}

.main .sec02 .cont01 .card .m_flip_cont {
  display: none;
}

.main .sec02 .cont01 .card .card_flip_reverse {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: max(23.76px, 2.34375vw) max(26.4px, 2.6041666667vw) max(26.4px, 2.6041666667vw) max(18.48px, 1.8229166667vw);
  border-radius: max(7.92px, 0.78125vw);
  transform: rotateY(180deg) translateZ(0.1px);
  box-shadow: calc(max(1.98px, 0.1953125vw) * -1) calc(max(1.98px, 0.1953125vw) * -1) max(79.2px, 7.8125vw) 0 rgba(207, 200, 219, 0.7);
  clip-path: inset(max(0.66px, 0.0651041667vw));
  background-color: #ffffff;
}

.main .sec02 .cont01 .card .card_flip_reverse dt {
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-family: "Cafe24Ohsquare";
  color: #5e2bb8;
}

.main .sec02 .cont01 .card .card_flip_reverse dd {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #343a3f;
  word-break: keep-all;
  word-wrap: break-word;
}

.main .sec02 .cont01 .card.active {
  transform: translate(0, 0);
  pointer-events: all;
}

.main .sec02 .cont01 .flow_motion {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 7.5rem;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #F7F7F7;
  white-space: nowrap;
}

.main .sec02 .cont01 .flow_motion span {
  font-size: max(38.28px, 3.7760416667vw);
  letter-spacing: -0.03em;
  line-height: 1;
  color: rgba(94, 43, 184, 0.15);
  text-transform: uppercase;
}

.main .sec02 .cont01 .flow_motion span i {
  display: inline-block;
  width: max(39.6px, 3.90625vw);
  height: max(39.6px, 3.90625vw);
  margin: 0 max(10.56px, 1.0416666667vw) max(3.96px, 0.390625vw) max(19.8px, 1.953125vw);
  vertical-align: middle;
}

.main .sec02 .cont01 .rolling_list_box {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: normal;
  width: max-content;
  backface-visibility: hidden;
}

.main .sec02 .cont01 .rolling_list_box2 {
  margin-top: max(10.56px, 1.0416666667vw);
}

.main .sec02 .cont01 .rolling_list_box2 .rolling_list {
  flex-direction: row-reverse;
}

.main .sec02 .cont01 .rolling_list_box1 .rolling_list.list1 {
  animation: flowTextleft01 350s linear infinite;
}

.main .sec02 .cont01 .rolling_list_box1 .rolling_list.list2 {
  animation: flowTextleft02 350s linear infinite;
}

.main .sec02 .cont01 .rolling_list_box2 {
  transform: translateX(-40%);
}

.main .sec02 .cont01 .rolling_list_box2 .rolling_list.list1 {
  animation: flowTextleft03 370s linear infinite;
}

.main .sec02 .cont01 .rolling_list_box2 .rolling_list.list2 {
  animation: flowTextleft04 370s linear infinite;
}

.main .sec02 .cont01 .rolling_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: normal;
  width: max-content;
}

@keyframes flowTextleft01 {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-100%);
  }

  50.01% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes flowTextleft02 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-200%);
  }
}

@keyframes flowTextleft03 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(200%);
  }
}

@keyframes flowTextleft04 {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(100%);
  }

  50.01% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

.main .sec02 .cont02 {
  padding-top: max(79.2px, 7.8125vw);
}

.main .sec02 .cont02 h2,
.main .sec02 .cont02 .sec_tit {
  text-align: left;
}

.main .sec02 .cont02 #mapImgBox {
  position: relative;
}

.main .sec02 .cont02 #mapImgBox img {
  width: 100%;
}

.main .sec02 .cont02 .marker_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@keyframes dotpulse {
  0% {
    transform: scale(0.6);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.6);
  }
}

.main .sec02 .cont02 .marker {
  position: absolute;
  opacity: 0;
}

.main .sec02 .cont02 .marker1 {
  top: max(161.04px, 15.8854166667vw);
  left: max(26.73px, 2.63671875vw);
}

.main .sec02 .cont02 .marker2 {
  top: max(254.76px, 25.1302083333vw);
  left: max(296.6634px, 29.263671875vw);
}

.main .sec02 .cont02 .marker3 {
  top: max(285.12px, 28.125vw);
  left: max(309.54px, 30.5338541667vw);
}

.main .sec02 .cont02 .marker3 .nation_name::after {
  width: max(15.84px, 1.5625vw);
}

.main .sec02 .cont02 .marker4 {
  top: max(171.6px, 16.9270833333vw);
  left: max(308.88px, 30.46875vw);
}

.main .sec02 .cont02 .marker4 .nation_name.lt_up {
  top: calc(max(26.4px, 2.6041666667vw) * -1);
  right: max(26.4px, 2.6041666667vw);
}

.main .sec02 .cont02 .marker4 .nation_name.lt_up::after {
  top: max(23.1px, 2.2786458333vw);
  right: calc(max(23.76px, 2.34375vw) * -1);
  width: max(27.72px, 2.734375vw);
  transform: rotate(45deg);
}

.main .sec02 .cont02 .marker5 {
  top: max(261.36px, 25.78125vw);
  left: max(311.52px, 30.7291666667vw);
}

.main .sec02 .cont02 .marker6 {
  top: max(224.4px, 22.1354166667vw);
  left: max(320.1px, 31.5755208333vw);
}

.main .sec02 .cont02 .marker7 {
  top: max(180.84px, 17.8385416667vw);
  left: max(343.86px, 33.9192708333vw);
}

.main .sec02 .cont02 .marker7 .nation_name {
  /* border-color: #5e2bb8;
  background-color: #5e2bb8; */
  color: #ffffff;
}

.main .sec02 .cont02 .marker7 .nation_name.rt_up {
  bottom: max(36.96px, 3.6458333333vw);
  left: max(29.04px, 2.8645833333vw);
}

.main .sec02 .cont02 .marker7 .nation_name.rt_up::after {
  bottom: calc(max(13.2px, 1.3020833333vw) * -1);
  left: calc(max(29.04px, 2.8645833333vw) * -1);
  width: max(39.6px, 3.90625vw);
  /* background-color: #5e2bb8; */
  transform: rotate(310deg);
}

.main .sec02 .cont02 .marker7 .point span {
  /* background-color: #5e2bb8; */
}

.main .sec02 .cont02 .marker7 .point em::after {
  /* background-color: #5e2bb8; */
}

.main .sec02 .cont02 .marker8 {
  top: max(246.84px, 24.3489583333vw);
  left: max(352.1034px, 34.732421875vw);
}

.main .sec02 .cont02 .marker8 .nation_name.rt_down {
  bottom: calc(max(15.18px, 1.4973958333vw) * -1);
  left: max(15.18px, 1.4973958333vw);
}

.main .sec02 .cont02 .marker8 .nation_name.rt_down::after {
  width: max(13.2px, 1.3020833333vw);
  bottom: max(19.14px, 1.8880208333vw);
  left: calc(max(11.022px, 1.0872395833vw) * -1);
}

.main .sec02 .cont02 .marker9 {
  top: max(188.76px, 18.6197916667vw);
  left: max(374.88px, 36.9791666667vw);
}

.main .sec02 .cont02 .nation_name {
  position: absolute;
  z-index: 12;
  width: auto;
  min-width: max(39.6px, 3.90625vw);
  padding: max(3.96px, 0.390625vw) max(13.2px, 1.3020833333vw);
  border: max(0.66px, 0.0651041667vw) solid #08d1d9;
  border-radius: 999px;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: 500;
  color: #697077;
  background-color: #fff;
  text-align: center;
  word-break: keep-all;
  white-space: nowrap;
}

.main .sec02 .cont02 .nation_name::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: max(18.48px, 1.8229166667vw);
  height: max(0.66px, 0.0651041667vw);
  background-color: #08d1d9;
}

.main .sec02 .cont02 .nation_name.rt_up {
  bottom: max(20.46px, 2.0182291667vw);
  left: max(13.86px, 1.3671875vw);
}

.main .sec02 .cont02 .nation_name.rt_up::after {
  bottom: calc(max(5.94px, 0.5859375vw) * -1);
  left: calc(max(11.22px, 1.1067708333vw) * -1);
  width: max(18.48px, 1.8229166667vw);
  transform: rotate(310deg);
}

.main .sec02 .cont02 .nation_name.rt_down {
  bottom: calc(max(22.44px, 2.2135416667vw) * -1);
  left: max(15.18px, 1.4973958333vw);
}

.main .sec02 .cont02 .nation_name.rt_down::after {
  bottom: max(23.76px, 2.34375vw);
  left: calc(max(11.682px, 1.15234375vw) * -1);
  transform: rotate(45deg);
}

.main .sec02 .cont02 .nation_name.lt_up {
  top: calc(max(24.42px, 2.4088541667vw) * -1);
  right: max(13.86px, 1.3671875vw);
}

.main .sec02 .cont02 .nation_name.lt_up::after {
  top: max(25.08px, 2.4739583333vw);
  right: calc(max(11.22px, 1.1067708333vw) * -1);
  transform: rotate(45deg);
}

.main .sec02 .cont02 .nation_name.lt_down {
  bottom: calc(max(18.48px, 1.8229166667vw) * -1);
  right: max(15.84px, 1.5625vw);
}

.main .sec02 .cont02 .nation_name.lt_down::after {
  top: calc(max(1.32px, 0.1302083333vw) * -1);
  right: calc(max(11.88px, 1.171875vw) * -1);
  transform: rotate(310deg);
}

.main .sec02 .cont02 .point {
  position: relative;
  display: inline-block;
  width: max(14.52px, 1.4322916667vw);
  height: max(14.52px, 1.4322916667vw);
}

.main .sec02 .cont02 .point span {
  position: absolute;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: max(14.52px, 1.4322916667vw);
  height: max(14.52px, 1.4322916667vw);
  background-color: #08d1d9;
  border-radius: 50%;
  opacity: 0.2;
  transition: 0.3s;
  transform: translate(-50%, -50%);
  animation: dotpulse 1.5s ease-out infinite;
}

.main .sec02 .cont02 .point em {
  display: block;
  z-index: 11;
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
}

.main .sec02 .cont02 .point em::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(2.64px, 0.2604166667vw);
  height: max(2.64px, 0.2604166667vw);
  border-radius: 50%;
  background-color: #08d1d9;
  transform: translate(-50%, -50%);
}

.main .sec02 .cont02 .tit_box {
  position: absolute;
  top: max(151.8px, 14.9739583333vw);
  left: max(468.6px, 46.2239583333vw);
}

.main .sec02 .cont02 .tit_box .sec_tit {
  margin-bottom: max(15.84px, 1.5625vw);
}

.main .sec02 .cont02 .network_area {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: max(21.12px, 2.0833333333vw);
}

.main .sec02 .cont02 .network_area .network_counter {
  position: relative;
  width: max(89.1px, 8.7890625vw);
  margin-right: max(5.61px, 0.5533854167vw);
  padding: max(10.56px, 1.0416666667vw) max(13.2px, 1.3020833333vw);
  border-radius: max(7.92px, 0.78125vw);
  box-shadow: max(3.96px, 0.390625vw) max(7.92px, 0.78125vw) max(9.24px, 0.9114583333vw) 0px rgba(0, 0, 0, 0.06);
}

.main .sec02 .cont02 .network_area .network_counter:last-child {
  margin-right: 0;
}

.main .sec02 .cont02 .network_area .network_counter::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
  opacity: 0.7;
}

.main .sec02 .cont02 .network_area .network_counter>span {
  display: block;
  position: relative;
  z-index: 1;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #697077;
}

.main .sec02 .cont02 .network_area .counter {
  display: inline-block;
  vertical-align: bottom;
  font-size: 0;
}

.main .sec02 .cont02 .network_area .counter>* {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: max(34.32px, 3.3854166667vw);
  margin-bottom: max(2.64px, 0.2604166667vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-family: "Spoqa Han Sans Neo";
  font-weight: bold;
  color: #5e2bb8;
  vertical-align: bottom;
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  .main .sec02 .cont01 .inner {
    max-width: 752px;
  }

  .main .sec02 .cont01 .flipcard_wrap {
    margin-top: 42px;
  }

  .main .sec02 .cont01 .card {
    overflow: visible;
    width: 240px;
    height: 344px;
  }

  .main .sec02 .cont01 .card .card_flip_content {
    height: 160px;
    padding: 20px 0 0 20px;
    border-radius: 8px 8px 0 0;
    clip-path: inset(0);
  }

  .main .sec02 .cont01 .card .card_flip_content strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .main .sec02 .cont01 .card .m_flip_cont {
    display: block;
    height: 100%;
    padding-top: 160px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 16px 50px 0 rgba(207, 200, 219, 0.5);
  }

  .main .sec02 .cont01 .card .m_flip_cont .m_flip_inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
    padding: 24px 20px;
  }

  .main .sec02 .cont01 .card .m_flip_cont p {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.5333333333;
    color: #343A3F;
    word-break: keep-all;
    word-wrap: break-word;
  }

  .main .sec02 .cont01 .card .m_flip_cont .btn {
    width: 100%;
  }

  .main .sec02 .cont01 .card .card_flip_reverse {
    display: none;
  }

  .main .sec02 .cont01 .card01 .card_flip_content {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/main/card_flip_m01.png") center no-repeat;
    background-size: 100% 160px;
  }

  .main .sec02 .cont01 .card02 .card_flip_content {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/main/card_flip_m02.png") center no-repeat;
    background-size: 100% 160px;
  }

  .main .sec02 .cont01 .card03 .card_flip_content {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/main/card_flip_m03.png") center no-repeat;
    background-size: 100% 160px;
  }

  .main .sec02 .cont01 .flow_motion span {
    font-size: 46px;
    letter-spacing: -0.03em;
    line-height: 1;
  }

  .main .sec02 .cont01 .flow_motion span i {
    width: 48px;
    height: 48px;
    margin: 0 14px 6px 30px;
  }

  .main .sec02 .cont01 .rolling_list_box2 {
    margin-top: 16px;
  }

  .main .sec02 .cont02 {
    padding-top: 120px;
  }

  .main .sec02 .cont02 .row_wrap {
    padding: 0 26px;
  }

  .main .sec02 .cont02 h2,
  .main .sec02 .cont02 .sec_tit {
    text-align: center;
  }

  .main .sec02 .cont02 .marker_box {
    display: none;
  }

  .main .sec02 .cont02 .tit_box {
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .main .sec02 .cont02 .tit_box .sec_tit {
    margin-bottom: 19px;
  }

  .main .sec02 .cont02 .network_area {
    justify-content: center;
    margin-top: 26px;
  }

  .main .sec02 .cont02 .network_area .network_counter {
    width: 157.5px;
    margin-right: 6px;
    padding: 12px 20px;
    border-radius: 12px;
    box-shadow: 6px 12px 14px 0px rgba(0, 0, 0, 0.06);
    text-align: left;
  }

  .main .sec02 .cont02 .network_area .network_counter::after {
    border-radius: 12px;
  }

  .main .sec02 .cont02 .network_area .network_counter>span {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .main .sec02 .cont02 .network_area .counter>* {
    height: 47px;
    margin-bottom: 3px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }
}

@media (max-width: 767px) {
  .main .sec02 .cont01 .inner {
    max-width: 752px;
  }

  .main .sec02 .cont01 .flipcard_wrap {
    margin-top: 42px;
  }

  .main .sec02 .cont01 .flipcard_wrap .swiper-pagination {
    display: block;
    position: unset;
    margin-top: 24px;
  }

  .main .sec02 .cont01 .flipcard_wrap .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border: 1px solid #878D96;
    opacity: 1;
  }

  .main .sec02 .cont01 .flipcard_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    background-color: #5e2bb8;
    border: 1px solid #5e2bb8;
    opacity: 1;
  }

  .main .sec02 .cont01 .card {
    width: 240px;
    height: 312px;
    transform: none;
    pointer-events: all;
  }

  .main .sec02 .cont01 .card .card_flip_content {
    padding: 20px 0 0 20px;
    border-radius: 8px 8px 0 0;
    clip-path: inset(1px);
  }

  .main .sec02 .cont01 .card .card_flip_content strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  .main .sec02 .cont01 .card .m_flip_cont {
    padding-top: 160px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 16px 50px 0 rgba(207, 200, 219, 0.5);
  }

  .main .sec02 .cont01 .card .m_flip_cont .m_flip_inner {
    padding: 24px 20px;
  }

  .main .sec02 .cont01 .card .m_flip_cont p {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.5384615385;
  }

  .main .sec02 .cont01 .card .m_flip_cont .btn {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .main .sec02 .cont01 .card .card_flip_reverse {
    padding: 28px 40px 28px 22px;
    border-radius: 12px;
    box-shadow: -10px -18px 50px 0 rgba(207, 200, 219, 0.5);
    clip-path: inset(1px);
  }

  .main .sec02 .cont01 .card .card_flip_reverse dt {
    margin-bottom: 12px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .main .sec02 .cont01 .card .card_flip_reverse dd {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .main .sec02 .cont01 .flow_motion {
    display: none;
  }

  .main .sec02 .cont02 {
    height: 440px;
    padding-top: 110px;
  }

  .main .sec02 .cont02 .row_wrap {
    padding: 0 13px;
  }

  .main .sec02 .cont02 .tit_box {
    top: -36px;
  }

  .main .sec02 .cont02 .tit_box .sec_tit {
    margin-bottom: 19px;
  }

  .main .sec02 .cont02 .network_area {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 26px;
  }

  .main .sec02 .cont02 .network_area .network_counter {
    width: calc(50% - 6px);
    margin-right: 0;
    padding: 12px 20px;
    border-radius: 12px;
    box-shadow: 6px 12px 14px 0px rgba(0, 0, 0, 0.06);
  }

  .main .sec02 .cont02 .network_area .network_counter:nth-child(-n+2) {
    margin-bottom: 6px;
  }

  .main .sec02 .cont02 .network_area .network_counter::after {
    border-radius: 12px;
  }

  .main .sec02 .cont02 .network_area .network_counter>span {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .main .sec02 .cont02 .network_area .counter>* {
    height: 36px;
    margin-bottom: 3px;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }
}

.main .sec03 h2,
.main .sec03 .sec_tit {
  color: #ffffff;
}

.main .sec03 .esg_container {
  position: relative;
  height: calc(var(--vh, 1vh) * 100);
}

.main .sec03 .swiper-button-next,
.main .sec03 .swiper-button-prev {
  display: none;
}

.main .sec03 .slide01 .cont_area .inner_txt {
  top: calc(50% - max(75.24px, 7.421875vw));
}

.main .sec03 .swiper-slide.scale img {
  transform: scale(1.1);
  transition-duration: 3s;
}

.main .sec03 .swiper-slide.active .inner_txt .motion_box {
  transition-duration: 1.5s;
  transform: translateY(0);
  opacity: 1;
}

.main .sec03 .cont_area {
  height: 100%;
}

.main .sec03 .cont_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main .sec03 .cont_area .inner_txt {
  position: absolute;
  top: calc(50% - max(52.8px, 5.2083333333vw));
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.main .sec03 .cont_area .inner_txt .motion_box {
  transform: translateY(100px);
  opacity: 0;
}

.main .sec03 .cont_area .inner_txt .btn {
  margin-top: max(18.48px, 1.8229166667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  background-color: transparent;
  color: #ffffff;
}

.main .sec03 .txt_box {
  margin-top: max(21.12px, 2.0833333333vw);
}

.main .sec03 .txt_box li {
  width: 100%;
  margin-bottom: max(2.64px, 0.2604166667vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
}

.main .sec03 .tab_slide_progress {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: max(0.66px, 0.0651041667vw) solid rgba(255, 255, 255, 0.4);
  text-align: center;
}

.main .sec03 .tab_slide_progress li {
  position: relative;
  width: 25%;
  height: max(52.8px, 5.2083333333vw);
  margin: 0;
  padding-top: max(17.16px, 1.6927083333vw);
  border-right: max(0.66px, 0.0651041667vw) solid rgba(255, 255, 255, 0.4);
  border-radius: 0;
  cursor: pointer;
}

.main .sec03 .tab_slide_progress li:last-child {
  border-right: 0;
}

.main .sec03 .tab_slide_progress li .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: max(52.8px, 5.2083333333vw);
  background: rgba(0, 0, 0, 0.2);
}

.main .sec03 .tab_slide_progress li.swiper-pagination-bullet-active {
  background: transparent;
}

.main .sec03 .tab_slide_progress li.swiper-pagination-bullet-active .bar {
  animation-name: countingBar;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.main .sec03 .tab_slide_progress li.swiper-pagination-bullet-active .tab_txt {
  font-weight: bold;
}

.main .sec03 .tab_slide_progress li.swiper-pagination-bullet-active.reset .bar {
  -webkit-animation: notexistent;
  animation: notexistent;
}

.main .sec03 .tab_slide_progress li .tab_txt {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #ffffff;
}

.main .sec03 .tab_slide_progress .swiper-pagination-bullet {
  background: transparent;
  opacity: 1;
}

@keyframes countingBar {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .main .sec03 .esg_container {
    height: 667px;
  }

  .main .sec03 .slide01 .cont_area .inner_txt {
    top: calc(50% - 34px);
  }

  .main .sec03 .cont_area .inner_txt {
    top: 50%;
  }

  .main .sec03 .cont_area .inner_txt .btn {
    margin-top: 22px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .main .sec03 .txt_box {
    margin-top: 26px;
  }

  .main .sec03 .txt_box li {
    margin-bottom: 4px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .main .sec03 .tab_slide_progress {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }

  .main .sec03 .tab_slide_progress li {
    height: 60px;
    padding-top: 17px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
  }

  .main .sec03 .tab_slide_progress li .bar {
    height: 60px;
  }

  .main .sec03 .tab_slide_progress li .tab_txt {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .main .sec03 .esg_container {
    height: 520px;
  }

  .main .sec03 .swiper-button-next,
  .main .sec03 .swiper-button-prev {
    display: block;
    z-index: 99;
    position: absolute;
    bottom: 18px;
    top: auto;
    width: 24px;
    height: 24px;
  }

  .main .sec03 .swiper-button-next::after,
  .main .sec03 .swiper-button-prev::after {
    display: none;
  }

  .main .sec03 .swiper-button-prev {
    left: 8px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/main/arrow_btn_left.svg") 0 0 no-repeat;
    background-size: cover;
  }

  .main .sec03 .swiper-button-next {
    right: 8px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/main/arrow_btn_right.svg") 0 0 no-repeat;
    background-size: cover;
  }

  .main .sec03 .slide01 .cont_area .inner_txt {
    top: calc(50% - 38px);
  }

  .main .sec03 .cont_area .inner_txt .btn {
    margin-top: 22px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .main .sec03 .txt_box {
    margin-top: 26px;
  }

  .main .sec03 .txt_box li {
    margin-bottom: 4px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .main .sec03 .tab_slide_progress {
    height: 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }

  .main .sec03 .tab_slide_progress li {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    opacity: 0;
  }

  .main .sec03 .tab_slide_progress li .bar {
    height: 60px;
  }

  .main .sec03 .tab_slide_progress li.swiper-pagination-bullet-active {
    display: block;
    opacity: 1;
  }

  .main .sec03 .tab_slide_progress li .tab_txt {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }
}

.main .sec04 {
  padding-bottom: max(105.6px, 10.4166666667vw);
  background-color: #f2f4f8;
}

.main .sec04 .people_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: max(34.98px, 3.4505208333vw);
}

.main .sec04 .people_box {
  position: relative;
  width: 59.3%;
  height: 100%;
}

.main .sec04 .people_box .link_box {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  white-space: normal;
}

.main .sec04 .people_box .sec04_img {
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  background-size: cover;
  background-position: 50% 50%;
  transition-duration: 0.6s;
}

.main .sec04 .people_box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  background-color: rgba(0, 0, 0, 0.2);
  transition-duration: 0.4s;
  opacity: 0;
}

@media (min-width: 1540px) and (pointer: fine) {
  .main .sec04 .people_box:hover .sec04_img {
    transform: scale(1.1);
  }

  .main .sec04 .people_box:hover::after {
    opacity: 1;
  }
}

.main .sec04 .link_area {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: max(91.08px, 8.984375vw);
  padding: max(15.84px, 1.5625vw) max(21.12px, 2.0833333333vw) max(18.48px, 1.8229166667vw);
  background-color: rgba(81, 81, 81, 0.25);
  backdrop-filter: blur(max(7.92px, 0.78125vw));
  border-radius: 0 0 max(7.92px, 0.78125vw) max(7.92px, 0.78125vw);
}

.main .sec04 .position_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: max(7.92px, 0.78125vw);
}

.main .sec04 .position_info dt {
  margin-right: max(6.6px, 0.6510416667vw);
  padding: max(6.6px, 0.6510416667vw) max(9.24px, 0.9114583333vw);
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3846153846;
  font-weight: bold;
  border-radius: 999px;
  color: #5e2bb8;
  background-color: #ffffff;
}

.main .sec04 .position_info dd {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: 500;
  color: #ffffff;
}

.main .sec04 .position_info dd em {
  display: inline-block;
  margin: 0 max(5.28px, 0.5208333333vw);
  width: max(0.66px, 0.0651041667vw);
  height: max(6.6px, 0.6510416667vw);
  background-color: #ffffff;
}

.main .sec04 .position_tit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.main .sec04 .position_tit p {
  width: 90%;
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.2857142857;
  max-height: 1.2857142857em;
}

.main .sec04 .banner_lists {
  width: 39%;
}

.main .sec04 .banner_lists li {
  margin-bottom: max(13.2px, 1.3020833333vw);
  border: max(0.66px, 0.0651041667vw) solid transparent;
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
  cursor: pointer;
  transition-duration: 0.4s;
}

.main .sec04 .banner_lists li strong {
  display: inline-block;
  margin-bottom: max(4.62px, 0.4557291667vw);
  padding: max(6.6px, 0.6510416667vw) max(9.24px, 0.9114583333vw);
  border-radius: 999px;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #08d1d9;
  background-color: #ffffff;
}

.main .sec04 .banner_lists li:first-child {
  background-color: #08d1d9;
}

.main .sec04 .banner_lists li:first-child .link_btn {
  padding: max(23.76px, 2.34375vw) max(21.12px, 2.0833333333vw) max(24.42px, 2.4088541667vw);
}

.main .sec04 .banner_lists li:last-child {
  margin-bottom: 0;
}

.main .sec04 .banner_lists li:hover {
  border: max(0.66px, 0.0651041667vw) solid #5e2bb8;
}

.main .sec04 .banner_lists li:hover:first-child {
  border: max(0.66px, 0.0651041667vw) solid #106c80;
}

.main .sec04 .banner_lists .link_btn {
  width: 100%;
  padding: max(21.12px, 2.0833333333vw);
}

.main .sec04 .banner_lists .banner_txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.main .sec04 .banner_lists .banner_txt dt {
  margin-bottom: max(2.64px, 0.2604166667vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-family: "Cafe24Ohsquare";
  font-weight: bold;
  color: #5e2bb8;
}

.main .sec04 .banner_lists .banner_txt dd {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #121619;
}

.main .sec04 .banner_lists .banner_txt .txt {
  width: 85%;
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-weight: bold;
  color: #ffffff;
  white-space: normal;
  word-break: keep-all;
  word-wrap: break-word;
}

.main .sec04 .banner_lists .banner_txt span {
  margin-left: 0;
}

@media (max-width: 1023px) {
  .main .sec04 {
    padding-bottom: 128px;
  }

  .main .sec04 .people_wrap {
    margin-top: 42px;
  }

  .main .sec04 .people_box {
    width: 49%;
    height: 410px;
    margin-bottom: 16px;
  }

  .main .sec04 .people_box .link_box {
    width: 100%;
    height: 100%;
    border-radius: 12px;
  }

  .main .sec04 .people_box .sec04_img {
    height: 234px;
    border-radius: 12px 12px 0 0;
  }

  .main .sec04 .link_area {
    position: relative;
    width: 100%;
    height: 177px;
    margin-top: -1px;
    padding: 28px 20px 39px;
    backdrop-filter: blur(6px);
    border-radius: 0 0 12px 12px;
  }

  .main .sec04 .position_info {
    margin-bottom: 12px;
  }

  .main .sec04 .position_info dt {
    margin-right: 6px;
    padding: 8px 10px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
    color: #ffffff;
    background-color: #5e2bb8;
  }

  .main .sec04 .position_info dd {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .main .sec04 .position_info dd em {
    margin: 0 8px;
    width: 1px;
    height: 10px;
  }

  .main .sec04 .position_tit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }

  .main .sec04 .position_tit p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.3076923077;
    max-height: 2.6153846154em;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .main .sec04 .banner_lists {
    width: 49%;
  }

  .main .sec04 .banner_lists li {
    margin-bottom: 12px;
    border-radius: 12px;
  }

  .main .sec04 .banner_lists li strong {
    margin-bottom: 7px;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .main .sec04 .banner_lists li:first-child .link_btn {
    padding: 28px 20px;
  }

  .main .sec04 .banner_lists .link_btn {
    padding: 20px 20px 22px 20px;
  }

  .main .sec04 .banner_lists .banner_txt dt {
    margin-bottom: 4px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .main .sec04 .banner_lists .banner_txt dd {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .main .sec04 .banner_lists .banner_txt .txt {
    width: 90%;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }
}

@media (max-width: 767px) {
  .main .sec04 {
    padding-bottom: 80px;
  }

  .main .sec04 .people_wrap {
    flex-direction: column;
    margin-top: 42px;
  }

  .main .sec04 .people_box {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .main .sec04 .people_box .link_box {
    width: 100%;
    border-radius: 12px;
  }

  .main .sec04 .people_box .sec04_img {
    border-radius: 12px 12px 0 0;
  }

  .main .sec04 .link_area {
    height: auto;
    margin-top: -1px;
    padding: 20px;
    backdrop-filter: blur(6px);
    border-radius: 0 0 12px 12px;
  }

  .main .sec04 .position_info {
    margin-bottom: 9px;
  }

  .main .sec04 .position_info dt {
    margin-right: 6px;
    padding: 8px 10px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .main .sec04 .position_info dd {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .main .sec04 .position_info dd em {
    margin: 0 8px;
    width: 1px;
    height: 10px;
  }

  .main .sec04 .position_tit {
    flex-direction: column;
    align-items: flex-start;
  }

  .main .sec04 .position_tit p {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.2916666667;
    max-height: 2.5833333333em;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.2916666667;
  }

  .main .sec04 .banner_lists {
    width: 100%;
  }

  .main .sec04 .banner_lists li {
    margin-bottom: 16px;
    border-radius: 12px;
  }

  .main .sec04 .banner_lists li strong {
    margin-bottom: 7px;
    padding: 10px 14px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .main .sec04 .banner_lists li:first-child .link_btn {
    padding: 28px 16px 28px 20px;
  }

  .main .sec04 .banner_lists .link_btn {
    padding: 20px 16px 22px 20px;
  }

  .main .sec04 .banner_lists .banner_txt dt {
    margin-bottom: 4px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .main .sec04 .banner_lists .banner_txt dd {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .main .sec04 .banner_lists .banner_txt .txt {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

.main .sec05 .inner {
  max-width: max(755.04px, 74.4791666667vw);
  margin: 0 auto;
}

.main .sec05 .type3 .board_list {
  margin-bottom: 0;
}

.main .sec05 .type3 .board {
  margin-bottom: 0;
}

.main .sec05 .type3 .board li.jobs .thumb_area {
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  background-color: transparent;
}

.main .sec05 .type3 .board .cate.mint {
  color: #08d1d9;
}

.main .sec05 .table_area {
  margin-top: max(34.32px, 3.3854166667vw);
}

@media (max-width: 1023px) {
  .main .sec05 .inner {
    max-width: 100%;
    margin: 0 40px;
  }

  .main .sec05 .table_area {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .main .sec05 .inner {
    max-width: 100%;
    margin: 0 20px;
  }

  .main .sec05 .table_area {
    margin-top: 32px;
  }
}

.main_popup .popup-multiple {
  z-index: 100003;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.main_popup .popup-multiple.popup-multiple--open {
  display: block;
}

.main_popup .popup-multiple__inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: max(250.8px, 24.7395833333vw);
  transform: translate(-50%, -50%);
}

.main_popup .popup-multiple__inner .popup_inner {
  width: 100%;
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.main_popup .popup-multiple .swiper-container {
  background-color: #ffffff;
}

.main_popup .popup-multiple .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.main_popup .popup-multiple .swiper-slide a {
  display: block;
  width: 100%;
  height: max(303.6px, 29.9479166667vw);
}

.main_popup .popup-multiple .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.main_popup .popup-multiple .swiper-slide.txt_slide a {
  padding: max(39.6px, 3.90625vw) max(13.2px, 1.3020833333vw) 0 max(13.2px, 1.3020833333vw);
  text-align: center;
}

.main_popup .popup-multiple .swiper-slide.txt_slide strong {
  display: block;
  padding-bottom: max(13.2px, 1.3020833333vw);
  margin-bottom: max(15.84px, 1.5625vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #121619;
}

.main_popup .popup-multiple .swiper-slide.txt_slide p {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #343a3f;
}

.main_popup .popup-multiple .swiper-slide.txt_slide p.txt2 {
  margin-top: max(15.84px, 1.5625vw);
}

.main_popup .popup-multiple .swiper-slide .btn_wrap {
  margin-top: max(21.12px, 2.0833333333vw);
}

.main_popup .popup-multiple .swiper-slide .btn_wrap .btn {
  background-color: #5e2bb8;
  border-color: #5e2bb8;
  color: #ffffff;
}

.main_popup .popup-multiple .swiper-pagination {
  left: 0;
  bottom: max(15.84px, 1.5625vw);
  display: block;
  width: 100%;
  font-size: 0;
  text-align: center;
}

.main_popup .popup-multiple .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  opacity: 1;
  background-color: transparent;
  border: 1px solid #C1C7CD;
  box-sizing: border-box;
  border-radius: max(659.34px, 65.0390625vw);
  margin: 0 max(2.64px, 0.2604166667vw);
}

.main_popup .popup-multiple .swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  background-color: #C1C7CD;
}

.main_popup .popup-multiple .btm-cont {
  width: 100%;
  text-align: center;
  font-size: 0;
  border-top: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.main_popup .popup-multiple .btm-cont__close {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: max(12.54px, 1.2369791667vw) 0 max(13.2px, 1.3020833333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #697077;
  background-color: #ffffff;
}

.main_popup .popup-multiple .btm-cont__close.today__close {
  border-right: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

@media (max-width: 1023px) {
  .main_popup .popup-multiple__inner {
    width: 380px;
  }

  .main_popup .popup-multiple__inner .popup_inner {
    border-radius: 12px;
  }

  .main_popup .popup-multiple .swiper-slide a {
    height: 460px;
  }

  .main_popup .popup-multiple .swiper-slide.txt_slide a {
    padding: 60px 20px 0 20px;
  }

  .main_popup .popup-multiple .swiper-slide.txt_slide strong {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .main_popup .popup-multiple .swiper-slide.txt_slide p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .main_popup .popup-multiple .swiper-slide.txt_slide p.txt2 {
    margin-top: 24px;
  }

  .main_popup .popup-multiple .swiper-slide .btn_wrap {
    margin-top: 32px;
  }

  .main_popup .popup-multiple .swiper-pagination {
    bottom: 24px;
  }

  .main_popup .popup-multiple .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    margin: 0 4px;
  }

  .main_popup .popup-multiple .swiper-pagination-bullet-active {
    width: 16px;
  }

  .main_popup .popup-multiple .btm-cont {
    border-width: 1px;
  }

  .main_popup .popup-multiple .btm-cont__close {
    padding: 19px 0 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .main_popup .popup-multiple .btm-cont__close.today__close {
    border-right-width: 1px;
  }
}

@media (max-width: 767px) {
  .main_popup .popup-multiple__inner {
    width: calc(100% - 40px);
  }

  .main_popup .popup-multiple__inner .popup_inner {
    border-radius: 12px;
  }

  .main_popup .popup-multiple .swiper-slide a {
    height: 405px;
  }

  .main_popup .popup-multiple .swiper-slide.txt_slide a {
    padding: 48px 20px 0 20px;
  }

  .main_popup .popup-multiple .swiper-slide.txt_slide strong {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.2916666667;
  }

  .main_popup .popup-multiple .swiper-slide.txt_slide p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .main_popup .popup-multiple .swiper-slide.txt_slide p.txt2 {
    margin-top: 20px;
  }

  .main_popup .popup-multiple .swiper-slide .btn_wrap {
    margin-top: 32px;
  }

  .main_popup .popup-multiple .swiper-pagination {
    bottom: 20px;
  }

  .main_popup .popup-multiple .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    margin: 0 4px;
  }

  .main_popup .popup-multiple .swiper-pagination-bullet-active {
    width: 16px;
  }

  .main_popup .popup-multiple .btm-cont {
    border-width: 1px;
  }

  .main_popup .popup-multiple .btm-cont__close {
    padding: 21px 0;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .main_popup .popup-multiple .btm-cont__close.today__close {
    border-right-width: 1px;
  }
}

#error {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/common/error_pc_bg.jpg") 0 0 no-repeat;
  background-size: cover;
}

#error .inner {
  width: 100%;
  text-align: center;
}

#error i {
  display: block;
  width: max(47.52px, 4.6875vw);
  margin: 0 auto;
}

#error i img {
  width: 100%;
}

#error strong {
  display: block;
  margin: max(21.12px, 2.0833333333vw) 0 max(13.2px, 1.3020833333vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.425;
  font-weight: bold;
  color: #ffffff;
}

#error p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #ffffff;
}

#error .btn {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}

@media (min-width: 1540px) and (pointer: fine) {
  #error .btn:not(.disabled):hover {
    /* background-color: #5e2bb8;
    border-color: #5e2bb8; */
    color: #ffffff;
    transition: all 0.3s ease-in-out;
  }
}

@media (max-width: 1023px) {
  #error {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/common/error_tablet_bg.jpg") 0 0 no-repeat;
    background-size: cover;
  }

  #error i {
    width: 72px;
  }

  #error strong {
    display: block;
    margin: 26px 0 16px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }

  #error p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  #error {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/common/error_m_bg.jpg") 0 0 no-repeat;
    background-size: cover;
  }

  #error i {
    width: 72px;
  }

  #error strong {
    margin: 26px 0 16px;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  #error p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

/* pages - COMPANY */
.company.history .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/history_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .company.history .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/history_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.company.global_network .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/global_network_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .company.global_network .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/global_network_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.company.ci .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/ci_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .company.ci .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/ci_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.company.service_identity .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/service_identity_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .company.service_identity .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/service_identity_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.company.about .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/about_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .company.about .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/about_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.company.global_network .sec01 {
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

.company.global_network .sec01 #mapImgWrap {
  position: relative;
  margin-top: max(39.6px, 3.90625vw);
}

.company.global_network .sec01 #mapImgWrap img {
  width: 100%;
}

.company.global_network .sec01 #mapImgWrap .map_on_img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  transform-origin: center;
}

.company.global_network .sec01 #mapImgWrap .marker_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}

@keyframes dotpulse {
  0% {
    transform: scale(0.6);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.6);
  }
}

.company.global_network .sec01 #mapImgWrap .marker_box .marker {
  position: absolute;
  width: max(6.6px, 0.6510416667vw);
  height: max(6.6px, 0.6510416667vw);
  background-color: #5e2bb8;
  border-radius: 50%;
}

.company.global_network .sec01 #mapImgWrap .marker_box .marker::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max(19.8px, 1.953125vw);
  height: max(19.8px, 1.953125vw);
  background-color: #5e2bb8;
  border-radius: 50%;
  opacity: 0.3;
  transition: 0.3s;
}

.company.global_network .sec01 #mapImgWrap .marker_box .marker::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max(6.6px, 0.6510416667vw);
  height: max(6.6px, 0.6510416667vw);
  background-color: #5e2bb8;
  border: max(1.32px, 0.1302083333vw) solid #ffffff;
  border-radius: 50%;
  z-index: 1;
}

.company.global_network .sec01 #mapImgWrap .marker_box.active {
  opacity: 1;
}

.company.global_network .sec01 #mapImgWrap .marker_box.active span {
  animation: dotpulse 1.5s ease-out infinite;
}

.company.global_network .sec01 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-top: max(26.4px, 2.6041666667vw);
}

.company.global_network .sec01 .list dl {
  width: calc(33.333333% - max(8.79999978px, 0.8680555339vw));
  padding: max(15.84px, 1.5625vw) max(6.6px, 0.6510416667vw) max(16.5px, 1.6276041667vw) max(26.4px, 2.6041666667vw);
  background-color: #ffffff;
  border-radius: max(7.92px, 0.78125vw);
  box-shadow: max(2.64px, 0.2604166667vw) max(7.92px, 0.78125vw) max(21.12px, 2.0833333333vw) 0 rgba(0, 0, 0, 0.06);
}

.company.global_network .sec01 .list dl+dl {
  margin-left: max(13.2px, 1.3020833333vw);
}

.company.global_network .sec01 .list dt {
  margin-bottom: max(2.64px, 0.2604166667vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #4d5358;
}

.company.global_network .sec01 .list dt span {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.6714285714;
}

.company.global_network .sec01 .list dd {
  font-size: 0;
}

.company.global_network .sec01 .list dd>* {
  display: inline-block;
  vertical-align: text-bottom;
}

.company.global_network .sec01 .list dd .number {
  margin-right: max(5.28px, 0.5208333333vw);
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1;
  font-family: "Spoqa Han Sans Neo";
  font-weight: bold;
  color: #5e2bb8;
}

.company.global_network .sec01 .list dd .unit {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #5e2bb8;
}

@media (max-width: 1023px) {
  .company.global_network .sec01 {
    padding: 128px 0 96px;
  }

  .company.global_network .sec01 #mapImgWrap {
    max-width: 100%;
    margin-top: 48px;
  }

  .company.global_network .sec01 #mapImgWrap .marker_box {
    display: none;
  }

  .company.global_network .sec01 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin-top: 32px;
  }

  .company.global_network .sec01 .list dl {
    width: calc(33.333333% - 10.666666px);
    padding: 20px 10px 20px 32px;
    border-radius: 12px;
    box-shadow: 4px 12px 32px 0 rgba(0, 0, 0, 0.06);
  }

  .company.global_network .sec01 .list dl+dl {
    margin-left: 16px;
  }

  .company.global_network .sec01 .list dt {
    margin-bottom: 4px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .company.global_network .sec01 .list dd .number {
    margin-right: 8px;
    font-size: 44px;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .company.global_network .sec01 .list dd .unit {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }
}

@media (max-width: 767px) {
  .company.global_network .sec01 {
    padding: 80px 0;
  }

  .company.global_network .sec01 #mapImgWrap {
    margin-top: 48px;
  }

  .company.global_network .sec01 .list {
    margin-top: 32px;
  }

  .company.global_network .sec01 .list dl {
    width: calc(50% - 8px);
    padding: 20px 10px 20px 32px;
    border-radius: 12px;
    box-shadow: 4px 12px 32px 0 rgba(0, 0, 0, 0.06);
  }

  .company.global_network .sec01 .list dl+dl {
    margin-left: 16px;
  }

  .company.global_network .sec01 .list dl:last-of-type {
    width: 100%;
    margin: 16px 0 0 0;
  }

  .company.global_network .sec01 .list dt {
    margin-bottom: 4px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .company.global_network .sec01 .list dd .number {
    margin-right: 8px;
    font-size: 34px;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .company.global_network .sec01 .list dd .unit {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

.company.global_network .sec02 {
  padding-top: max(79.2px, 7.8125vw);
}

.company.global_network .sec02 .tab_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-left: calc(max(2.64px, 0.2604166667vw) * -1);
}

.company.global_network .sec02 .tab_list li {
  margin: max(2.64px, 0.2604166667vw);
}

.company.global_network .sec02 .con {
  padding-top: max(39.6px, 3.90625vw);
}

.company.global_network .sec02 .con h4 {
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #121619;
}

.company.global_network .sec02 .con .sub_tit {
  display: block;
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-weight: bold;
  color: #5e2bb8;
}

.company.global_network .sec02 .con .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.global_network .sec02 .con .list li {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  padding: max(19.8px, 1.953125vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

.company.global_network .sec02 .con .list li:nth-of-type(even) {
  margin-left: max(13.2px, 1.3020833333vw);
}

.company.global_network .sec02 .con .list li:nth-of-type(n + 3) {
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.global_network .sec02 .con .list.full {
  display: block;
}

.company.global_network .sec02 .con .list.full li {
  width: 100%;
}

.company.global_network .sec02 .con .list.full li:nth-of-type(even) {
  margin-left: 0;
}

.company.global_network .sec02 .con .list.full li:nth-of-type(n + 2) {
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.global_network .sec02 .con .list strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #121619;
  font-weight: bold;
}

.company.global_network .sec02 .con .list span {
  display: block;
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.global_network .sec02 .con .list .num_box {
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.global_network .sec02 .con .list .num_box .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}

.company.global_network .sec02 .con .list .num_box .box+.box {
  margin-top: max(2.64px, 0.2604166667vw);
}

.company.global_network .sec02 .con .list .num_box .box p {
  position: relative;
  padding-left: max(14.52px, 1.4322916667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #4D5358;
}

.company.global_network .sec02 .con .list .num_box .box p::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: max(10.56px, 1.0416666667vw);
  height: max(10.56px, 1.0416666667vw);
}

.company.global_network .sec02 .con .list .num_box .box a {
  display: none;
}

.company.global_network .sec02 .con .list .num_box .box a img {
  width: 100%;
}

.company.global_network .sec02 .con .list .num_box .box button {
  width: max(15.18px, 1.4973958333vw);
  height: max(15.18px, 1.4973958333vw);
  padding: max(1.98px, 0.1953125vw);
}

.company.global_network .sec02 .con .list .num_box .box button img {
  width: 100%;
}

.company.global_network .sec02 .con .list .num_box .call_box p::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/global-network/call_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

.company.global_network .sec02 .con .list .num_box .fax_box p::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/global-network/fax_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

.company.global_network .sec02 .con .list .num_box .mail_box p::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/global-network/mail_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

.company.global_network .sec02 .con .list .btn {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .company.global_network .sec02 {
    padding-top: 96px;
  }

  .company.global_network .sec02 .tab_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin-left: -4px;
  }

  .company.global_network .sec02 .tab_list li {
    margin: 4px;
  }

  .company.global_network .sec02 .con {
    padding-top: 48px;
  }

  .company.global_network .sec02 .con h4 {
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .company.global_network .sec02 .con .sub_tit {
    margin: 24px 0 0 0;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .company.global_network .sec02 .con .list {
    margin-top: 16px;
  }

  .company.global_network .sec02 .con .list li {
    width: calc(50% - 10px);
    padding: 30px;
    border-width: 1px;
    border-radius: 12px;
  }

  .company.global_network .sec02 .con .list li:nth-of-type(even) {
    margin-left: 20px;
  }

  .company.global_network .sec02 .con .list li:nth-of-type(n + 3) {
    margin-top: 20px;
  }

  .company.global_network .sec02 .con .list.full li:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .company.global_network .sec02 .con .list.m_full {
    display: block;
  }

  .company.global_network .sec02 .con .list.m_full li {
    width: 100%;
  }

  .company.global_network .sec02 .con .list.m_full li:nth-of-type(even) {
    margin-left: 0;
  }

  .company.global_network .sec02 .con .list.m_full li:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .company.global_network .sec02 .con .list strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.global_network .sec02 .con .list span {
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.global_network .sec02 .con .list .num_box {
    margin-top: 20px;
  }

  .company.global_network .sec02 .con .list .num_box .box+.box {
    margin-top: 4px;
  }

  .company.global_network .sec02 .con .list .num_box .box p {
    padding-left: 22px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.global_network .sec02 .con .list .num_box .box p::before {
    width: 16px;
    height: 16px;
  }

  .company.global_network .sec02 .con .list .num_box .box button {
    width: 23px;
    height: 23px;
    padding: 3px;
  }

  .company.global_network .sec02 .con .list .btn {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .company.global_network .sec02 {
    padding-top: 80px;
  }

  .company.global_network .sec02 .tab_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin-left: -4px;
  }

  .company.global_network .sec02 .tab_list li {
    margin: 4px;
  }

  .company.global_network .sec02 .con {
    padding-top: 48px;
  }

  .company.global_network .sec02 .con h4 {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .company.global_network .sec02 .con .sub_tit {
    margin: 24px 0 0 0;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .company.global_network .sec02 .con .list {
    display: block;
    margin-top: 16px;
  }

  .company.global_network .sec02 .con .list li {
    width: 100%;
    padding: 30px;
    border-width: 1px;
    border-radius: 12px;
  }

  .company.global_network .sec02 .con .list li:nth-of-type(even) {
    margin-left: 0;
  }

  .company.global_network .sec02 .con .list li:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .company.global_network .sec02 .con .list.full li:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .company.global_network .sec02 .con .list.m_full li:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .company.global_network .sec02 .con .list strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .company.global_network .sec02 .con .list span {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .company.global_network .sec02 .con .list .num_box {
    margin-top: 20px;
  }

  .company.global_network .sec02 .con .list .num_box .box+.box {
    margin-top: 4px;
  }

  .company.global_network .sec02 .con .list .num_box .box p {
    padding-left: 22px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .company.global_network .sec02 .con .list .num_box .box p::before {
    width: 16px;
    height: 16px;
  }

  .company.global_network .sec02 .con .list .num_box .box a {
    position: relative;
    display: block;
    margin-left: 3px;
    width: 23px;
    height: 23px;
    padding: 3px;
  }

  .company.global_network .sec02 .con .list .num_box .box a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 8px;
    background-color: #C1C7CD;
  }

  .company.global_network .sec02 .con .list .num_box .box button {
    width: 23px;
    height: 23px;
    padding: 3px;
  }

  .company.global_network .sec02 .con .list .btn {
    margin-top: 20px;
  }
}

.company.our_commitment #header {
  position: absolute;
}

.company.our_commitment .content {
  padding-top: 0;
}

.company.our_commitment .sec01 .banner_box {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: top 0.8s;
  transition-timing-function: cubic-bezier(0.34, 0.02, 0.61, 0.98);
}

.company.our_commitment .sec01 .banner_box.widthW {
  width: 100%;
}

.company.our_commitment .sec01 .banner_box.widthW svg {
  width: 100%;
  height: auto;
}

.company.our_commitment .sec01 .banner_box.heightH {
  height: calc(100vh - max(99px, 9.765625vw));
}

.company.our_commitment .sec01 .banner_box.heightH svg {
  width: auto;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.company.our_commitment .sec01 .banner_box svg {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.company.our_commitment .sec01 .banner_box svg path {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.company.our_commitment .sec01 .banner_box .m_svg {
  display: none;
}

.company.our_commitment .sec01 .banner_box p {
  position: absolute;
  bottom: max(92.4px, 9.1145833333vw);
  left: 0;
  width: 100%;
  padding: 0 max(13.2px, 1.3020833333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #343A3F;
  text-align: center;
}

.company.our_commitment .sec01 .banner_box.active {
  top: -100%;
}

.company.our_commitment .sec01 .video_wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  backface-visibility: hidden;
  transition-property: clip-path;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
  clip-path: inset(0 0 0 0);
}

.company.our_commitment .sec01 .video_wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.company.our_commitment .sec01 .video_wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.company.our_commitment .sec01 .video_wrap.active {
  clip-path: inset(max(26.4px, 2.6041666667vw) max(52.8px, 5.2083333333vw) max(26.4px, 2.6041666667vw) max(52.8px, 5.2083333333vw));
}

.company.our_commitment .sec01 .txt_motion_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 max(13.2px, 1.3020833333vw);
  color: #ffffff;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion>* {
  display: block;
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion01 strong {
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  font-weight: 400;
  transform: translateY(calc(max(66px, 6.5104166667vw) * -1));
  opacity: 0;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion01 p {
  margin-top: max(10.56px, 1.0416666667vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  transform: translateY(max(66px, 6.5104166667vw));
  opacity: 0;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion01.active strong,
.company.our_commitment .sec01 .txt_motion_box .txt_motion01.active p {
  transform: translateY(0);
  opacity: 1;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion01.none strong,
.company.our_commitment .sec01 .txt_motion_box .txt_motion01.none p {
  opacity: 0;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion02>span {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  transform: translateY(calc(max(66px, 6.5104166667vw) * -1));
  opacity: 0;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion02 strong {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-family: "Cafe24Ohsquare", sans-serif;
  font-weight: 400;
  transform: translateY(calc(max(66px, 6.5104166667vw) * -1));
  opacity: 0;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion02 .color_change {
  margin-top: max(3.3px, 0.3255208333vw);
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion02 p {
  margin-top: max(15.84px, 1.5625vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  transform: translateY(max(66px, 6.5104166667vw));
  opacity: 0;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.our_commitment .sec01 .txt_motion_box .txt_motion02.active>* {
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1023px) {
  .company.our_commitment .sec01 .banner_box {
    height: calc(100vh - 120px);
    overflow: hidden;
  }

  .company.our_commitment .sec01 .banner_box .pc_svg {
    display: none;
  }

  .company.our_commitment .sec01 .banner_box .m_svg {
    display: block;
  }

  .company.our_commitment .sec01 .banner_box svg {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100% !important;
    height: auto !important;
  }

  .company.our_commitment .sec01 .banner_box p {
    top: 55.5vw;
    bottom: auto;
    padding: 0 50px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.our_commitment .sec01 .video_wrap.active {
    clip-path: inset(28px 40px 28px 40px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion {
    padding: 0 40px;
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion01 strong {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
    transform: translateY(-100px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion01 p {
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    transform: translateY(100px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion02>span {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    transform: translateY(-100px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion02 strong {
    margin-top: 10px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
    transform: translateY(-100px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion02 .color_change {
    margin-top: 5px;
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion02 p {
    margin-top: 20px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
    transform: translateY(100px);
  }
}

@media (max-width: 767px) {
  .company.our_commitment .sec01 .banner_box {
    height: calc(100vh - 120px);
  }

  .company.our_commitment .sec01 .banner_box p {
    padding: 0 50px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.our_commitment .sec01 .video_wrap.active {
    clip-path: inset(28px 20px 28px 20px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion {
    padding: 0 40px;
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion01 strong {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    transform: translateY(-100px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion01 p {
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
    transform: translateY(100px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion02>span {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
    transform: translateY(-100px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion02 strong {
    margin-top: 10px;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
    transform: translateY(-100px);
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion02 .color_change {
    margin-top: 5px;
  }

  .company.our_commitment .sec01 .txt_motion_box .txt_motion02 p {
    margin-top: 28px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
    transform: translateY(100px);
  }
}

.company.our_commitment .sec02 {
  position: relative;
  padding-top: max(79.2px, 7.8125vw);
  padding-bottom: max(105.6px, 10.4166666667vw);
}

@keyframes dot-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.company.our_commitment .sec02 .wave_box {
  position: absolute;
  bottom: max(39.6px, 3.90625vw);
  left: 0;
  width: 100vw;
  height: max(66px, 6.5104166667vw);
  overflow: hidden;
}

.company.our_commitment .sec02 .wave_box.active .dot {
  animation: dot-rotate 4s linear infinite;
}

.company.our_commitment .sec02 .wave_box.active .dot1 {
  top: max(33px, 3.2552083333vw);
  left: 3vw;
}

.company.our_commitment .sec02 .wave_box.active .dot2 {
  top: max(33px, 3.2552083333vw);
  left: 11vw;
}

.company.our_commitment .sec02 .wave_box.active .dot3 {
  top: max(33px, 3.2552083333vw);
  left: 80vw;
}

.company.our_commitment .sec02 .wave_box.active .dot4 {
  top: max(6.6px, 0.6510416667vw);
  left: 97vw;
}

.company.our_commitment .sec02 .dot_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.company.our_commitment .sec02 .dot_box .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  transition-property: top, left;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
  background-color: #ffffff;
  border-radius: 50%;
}

.company.our_commitment .sec02 .dot_box .dot::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.company.our_commitment .sec02 .dot_box .dot.purple::before {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  background-color: #5e2bb8;
}

.company.our_commitment .sec02 .dot_box .dot.mint::before {
  width: max(3.3px, 0.3255208333vw);
  height: max(3.3px, 0.3255208333vw);
  background-color: #08d1d9;
}

.company.our_commitment .sec02 svg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: max(66px, 6.5104166667vw);
  overflow: hidden;
  z-index: -1;
}

.company.our_commitment .sec02 svg path {
  stroke: #ececec !important;
  stroke-width: 1px;
}

.company.our_commitment .sec02 .tit_box {
  width: 100%;
  max-width: max(415.8px, 41.015625vw);
  margin: 0 auto;
}

.company.our_commitment .sec02 .tit_box h3 {
  position: relative;
  width: 100%;
  font-size: max(52.8px, 5.2083333333vw);
  letter-spacing: -0.02em;
  line-height: 1;
  font-family: "Cafe24Ohsquare", sans-serif;
  font-weight: 400;
  color: #121619;
}

.company.our_commitment .sec02 .tit_box strong {
  display: block;
  transition-property: transform;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
  background-color: #ffffff;
}

.company.our_commitment .sec02 .tit_box strong:first-of-type {
  transform: translateX(calc(max(66px, 6.5104166667vw) * -1));
  opacity: 0.3;
}

.company.our_commitment .sec02 .tit_box strong:last-of-type {
  margin-top: max(13.2px, 1.3020833333vw);
  transform: translateX(max(132px, 13.0208333333vw));
}

.company.our_commitment .sec02 .tit_box.active strong:first-of-type {
  transform: translateX(0);
}

.company.our_commitment .sec02 .tit_box.active strong:last-of-type {
  transform: translateX(0);
}

.company.our_commitment .sec02 .list {
  max-width: max(415.8px, 41.015625vw);
  padding-left: max(134.64px, 13.28125vw);
  margin: 0 auto;
}

.company.our_commitment .sec02 .list li {
  padding-top: max(52.8px, 5.2083333333vw);
  overflow: hidden;
}

.company.our_commitment .sec02 .list li+li {
  padding-top: max(39.6px, 3.90625vw);
}

.company.our_commitment .sec02 .list li .txt_box {
  transition-property: transform;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
  transform: translateX(-100%);
}

.company.our_commitment .sec02 .list li i {
  display: block;
  width: max(31.68px, 3.125vw);
}

.company.our_commitment .sec02 .list li strong {
  display: block;
  margin: max(13.2px, 1.3020833333vw) 0 max(7.92px, 0.78125vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.company.our_commitment .sec02 .list li strong span {
  color: #878D96;
}

.company.our_commitment .sec02 .list li p {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.company.our_commitment .sec02 .list li.active .txt_box {
  transform: translateX(0);
}

@media (max-width: 1023px) {
  .company.our_commitment .sec02 {
    padding-top: 96px;
    padding-bottom: 128px;
  }

  .company.our_commitment .sec02 .row {
    padding-left: 25%;
  }

  .company.our_commitment .sec02 .wave_box {
    position: absolute;
    bottom: 84px;
    height: 100px;
  }

  .company.our_commitment .sec02 .wave_box.active .dot1 {
    top: 50px;
    left: 3vw;
  }

  .company.our_commitment .sec02 .wave_box.active .dot2 {
    top: 50px;
    left: 11vw;
  }

  .company.our_commitment .sec02 .wave_box.active .dot3 {
    top: 50px;
    left: 80vw;
  }

  .company.our_commitment .sec02 .wave_box.active .dot4 {
    top: 10px;
    left: 97vw;
  }

  .company.our_commitment .sec02 .dot_box .dot.purple::before {
    width: 8px;
    height: 8px;
  }

  .company.our_commitment .sec02 .dot_box .dot.mint::before {
    width: 5px;
    height: 5px;
  }

  .company.our_commitment .sec02 svg {
    height: 100px;
  }

  .company.our_commitment .sec02 .tit_box {
    width: 100%;
    max-width: 100%;
  }

  .company.our_commitment .sec02 .tit_box h3 {
    font-size: 50px;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .company.our_commitment .sec02 .tit_box strong:first-of-type {
    transform: translateX(-100px);
  }

  .company.our_commitment .sec02 .tit_box strong:last-of-type {
    margin-top: max(6.6px, 0.6510416667vw);
    transform: translateX(200px);
  }

  .company.our_commitment .sec02 .list {
    max-width: 100%;
    padding-left: 0;
  }

  .company.our_commitment .sec02 .list li {
    padding-top: 64px;
  }

  .company.our_commitment .sec02 .list li+li {
    padding-top: 48px;
  }

  .company.our_commitment .sec02 .list li i {
    width: 48px;
  }

  .company.our_commitment .sec02 .list li strong {
    margin: 20px 0 12px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .company.our_commitment .sec02 .list li p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .company.our_commitment .sec02 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .company.our_commitment .sec02 .row {
    padding-left: 0;
  }

  .company.our_commitment .sec02 .wave_box {
    position: absolute;
    bottom: 10px;
    height: 100px;
  }

  .company.our_commitment .sec02 .wave_box.active .dot1 {
    top: 70px;
    left: 20vw;
  }

  .company.our_commitment .sec02 .wave_box.active .dot2 {
    top: 60px;
    left: 70vw;
  }

  .company.our_commitment .sec02 .wave_box.active .dot3 {
    display: none;
  }

  .company.our_commitment .sec02 .wave_box.active .dot4 {
    display: none;
  }

  .company.our_commitment .sec02 .dot_box .dot.purple::before {
    width: 8px;
    height: 8px;
  }

  .company.our_commitment .sec02 .dot_box .dot.mint::before {
    width: 5px;
    height: 5px;
  }

  .company.our_commitment .sec02 svg {
    height: 100px;
  }

  .company.our_commitment .sec02 .tit_box h3 {
    font-size: 40px;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .company.our_commitment .sec02 .tit_box strong:first-of-type {
    transform: translateX(-100px);
  }

  .company.our_commitment .sec02 .tit_box strong:last-of-type {
    margin-top: max(6.6px, 0.6510416667vw);
    transform: translateX(100px);
  }

  .company.our_commitment .sec02 .list li {
    padding-top: 64px;
  }

  .company.our_commitment .sec02 .list li+li {
    padding-top: 48px;
  }

  .company.our_commitment .sec02 .list li i {
    width: 48px;
  }

  .company.our_commitment .sec02 .list li strong {
    margin: 20px 0 12px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.2916666667;
  }

  .company.our_commitment .sec02 .list li p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.company.our_commitment .sec03 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding-top: max(105.6px, 10.4166666667vw);
  padding-bottom: max(123.42px, 12.1744791667vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/our-commitment/sec02_con02_pc_img.jpg") 0 0 no-repeat;
  background-size: cover;
}

.company.our_commitment .sec03 .left_tit {
  transform: translateY(max(66px, 6.5104166667vw));
  opacity: 0;
  color: #ffffff;
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.company.our_commitment .sec03 .sub_txt {
  color: #ffffff;
}

.company.our_commitment .sec03 .list_hidden_box {
  transform: translateY(max(66px, 6.5104166667vw));
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.company.our_commitment .sec03 .list {
  margin-top: max(26.4px, 2.6041666667vw);
}

.company.our_commitment .sec03 .list li {
  width: 100%;
  padding: max(21.12px, 2.0833333333vw) max(44.88px, 4.4270833333vw) max(21.12px, 2.0833333333vw) max(21.12px, 2.0833333333vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
}

.company.our_commitment .sec03 .list li+li {
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.our_commitment .sec03 .list li:nth-of-type(1) strong::before {
  content: "1";
}

.company.our_commitment .sec03 .list li:nth-of-type(2) strong::before {
  content: "2";
}

.company.our_commitment .sec03 .list li:nth-of-type(3) strong::before {
  content: "3";
}

.company.our_commitment .sec03 .list li:nth-of-type(4) strong::before {
  content: "4";
}

.company.our_commitment .sec03 .list li:nth-of-type(5) strong::before {
  content: "5";
}

.company.our_commitment .sec03 .list li:nth-of-type(6) strong::before {
  content: "6";
}

.company.our_commitment .sec03 .list li:nth-of-type(7) strong::before {
  content: "7";
}

.company.our_commitment .sec03 .list strong {
  position: relative;
  display: block;
  padding-left: max(23.76px, 2.34375vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  word-break: keep-all;
  word-wrap: break-word;
  color: #121619;
}

.company.our_commitment .sec03 .list strong::before {
  position: absolute;
  top: 0;
  left: 0;
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  border-radius: 50%;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  background-color: #5e2bb8;
  color: #ffffff;
  text-align: center;
}

.company.our_commitment .sec03 .list p {
  margin-top: max(13.2px, 1.3020833333vw);
  padding-left: max(23.76px, 2.34375vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #697077;
}

.company.our_commitment .sec03.active .left_tit {
  transform: translateY(0);
  opacity: 1;
}

.company.our_commitment .sec03.active .list_hidden_box {
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1023px) {
  .company.our_commitment .sec03 {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/our-commitment/sec02_con02_m_img.jpg") 0 0 no-repeat;
    background-size: cover;
    padding-top: 128px;
    padding-bottom: 154px;
  }

  .company.our_commitment .sec03 .left_tit {
    transform: translateY(100px);
  }

  .company.our_commitment .sec03 .list_hidden_box {
    transform: translateY(100px);
  }

  .company.our_commitment .sec03 .list {
    margin-top: 32px;
  }

  .company.our_commitment .sec03 .list li {
    padding: 26px 62px 26px 26px;
    border-radius: 8px;
  }

  .company.our_commitment .sec03 .list li+li {
    margin-top: 20px;
  }

  .company.our_commitment .sec03 .list strong {
    padding-left: 36px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.our_commitment .sec03 .list strong::before {
    width: 24px;
    height: 24px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.our_commitment .sec03 .list p {
    margin-top: 16px;
    padding-left: 36px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5882352941;
    color: #697077;
  }
}

@media (max-width: 767px) {
  .company.our_commitment .sec03 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .company.our_commitment .sec03 .left_tit {
    transform: translateY(100px);
  }

  .company.our_commitment .sec03 .list_hidden_box {
    transform: translateY(100px);
  }

  .company.our_commitment .sec03 .list {
    margin-top: 32px;
  }

  .company.our_commitment .sec03 .list li {
    padding: 26px;
    border-radius: 8px;
  }

  .company.our_commitment .sec03 .list li+li {
    margin-top: 20px;
  }

  .company.our_commitment .sec03 .list strong {
    padding-left: 34px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .company.our_commitment .sec03 .list strong::before {
    width: 24px;
    height: 24px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.7142857143;
  }

  .company.our_commitment .sec03 .list p {
    margin-top: 16px;
    padding-left: 34px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.company.our_commitment .sec04 {
  padding-top: max(39.6px, 3.90625vw);
}

@media (max-width: 1023px) {
  .company.our_commitment .sec04 {
    padding-top: 48px;
  }
}

@media (max-width: 767px) {
  .company.our_commitment .sec04 {
    padding-top: 48px;
  }
}

.company.ci .content {
  padding-bottom: 0;
}

.company.ci .right_top_txt {
  margin-bottom: max(26.4px, 2.6041666667vw);
}

@media (max-width: 1023px) {
  .company.ci .right_top_txt {
    margin-bottom: 42px;
  }
}

@media (max-width: 767px) {
  .company.ci .right_top_txt {
    margin-bottom: 42px;
  }
}

.company.ci .right_top_sub {
  display: block;
  margin-top: max(13.2px, 1.3020833333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 400;
  color: #697077;
}

@media (max-width: 1023px) {
  .company.ci .right_top_sub {
    margin-top: 16px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .company.ci .right_top_sub {
    margin-top: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
}

.company.ci .right_img_box .symbol {
  display: block;
  width: 100%;
  padding: max(52.8px, 5.2083333333vw) 0;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/ci/symbol_bg.png") 0 0 no-repeat;
  background-size: cover;
}

.company.ci .right_img_box .symbol img {
  width: max(86.46px, 8.5286458333vw);
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .company.ci .right_img_box .symbol {
    padding: 80px 0;
    border-width: 1px;
    border-radius: 12px;
  }

  .company.ci .right_img_box .symbol img {
    width: 131px;
  }
}

@media (max-width: 767px) {
  .company.ci .right_img_box .symbol {
    padding: 60px 0;
    border-width: 1px;
    border-radius: 12px;
  }

  .company.ci .right_img_box .symbol img {
    width: 87px;
  }
}

.company.ci .sub_info_txt {
  display: inline-block;
  margin-top: max(13.2px, 1.3020833333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .company.ci .sub_info_txt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

@media (max-width: 767px) {
  .company.ci .sub_info_txt {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }
}

.company.ci .sec {
  margin-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .company.ci .sec {
    margin-top: 128px;
  }
}

@media (max-width: 767px) {
  .company.ci .sec {
    margin-top: 80px;
  }
}

.company.ci .sec02 .list_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.company.ci .sec02 .list_box li {
  width: calc(50% - max(6.6px, 0.6510416667vw));
}

.company.ci .sec02 .list_box li:nth-child(-n+2) {
  margin-bottom: max(26.4px, 2.6041666667vw);
}

.company.ci .sec02 .list_box strong {
  display: inline-block;
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.company.ci .sec02 .list_box .logo_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: max(99px, 9.765625vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

@media (max-width: 1023px) {
  .company.ci .sec02 .list_box li {
    width: calc(50% - 10px);
  }

  .company.ci .sec02 .list_box li:nth-child(-n+2) {
    margin-bottom: 24px;
  }

  .company.ci .sec02 .list_box strong {
    margin-bottom: 16px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.ci .sec02 .list_box .logo_box {
    height: 150px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }
}

@media (max-width: 767px) {
  .company.ci .sec02 .list_box li {
    width: 100%;
    margin-bottom: 24px;
  }

  .company.ci .sec02 .list_box li:last-child {
    margin-bottom: 0;
  }

  .company.ci .sec02 .list_box strong {
    margin-bottom: 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .company.ci .sec02 .list_box .logo_box {
    height: 150px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }
}

.company.ci .sec03 .right_slogan_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: max(184.8px, 18.2291666667vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

@media (max-width: 1023px) {
  .company.ci .sec03 .right_slogan_box {
    height: 280px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }
}

@media (max-width: 767px) {
  .company.ci .sec03 .right_slogan_box {
    height: 200px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .company.ci .sec03 .right_slogan_box img {
    width: 187px;
  }
}

.company.ci .sec04 .con {
  margin-bottom: max(39.6px, 3.90625vw);
}

.company.ci .sec04 .con:last-child {
  margin-bottom: 0;
}

.company.ci .sec04 .con .con_tit {
  display: inline-block;
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.company.ci .sec04 .con .system_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.company.ci .sec04 .con .system_box>div {
  border-radius: max(7.92px, 0.78125vw);
}

.company.ci .sec04 .con .system_box .bg_purple {
  background-color: #5e2bb8;
}

.company.ci .sec04 .con .system_box .bg_mint {
  background-color: #08d1d9;
}

.company.ci .sec04 .con .system_box .bg_white {
  background-color: #ffffff;
}

.company.ci .sec04 .con .system_box .bg_black {
  background-color: #000000;
}

.company.ci .sec04 .con .system_box strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-family: "Cafe24Ohsquare";
  color: #ffffff;
}

.company.ci .sec04 .con .system_box span {
  display: inline-block;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #ffffff;
}

.company.ci .sec04 .con01 .system_box>div {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  padding: max(26.4px, 2.6041666667vw);
}

.company.ci .sec04 .con01 .system_box strong {
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.company.ci .sec04 .con01 .system_box span {
  width: 100%;
  margin-bottom: max(2.64px, 0.2604166667vw);
}

.company.ci .sec04 .con01 .system_box span:last-child {
  margin-bottom: 0;
}

.company.ci .sec04 .con02 .system_box {
  flex-wrap: wrap;
}

.company.ci .sec04 .con02 .system_box>div {
  width: 100%;
  padding: max(26.4px, 2.6041666667vw);
}

.company.ci .sec04 .con02 .system_box strong {
  margin-bottom: max(5.28px, 0.5208333333vw);
}

.company.ci .sec04 .con02 .system_box span {
  margin-right: max(13.2px, 1.3020833333vw);
}

.company.ci .sec04 .con02 .system_box span:last-child {
  margin-right: 0;
}

.company.ci .sec04 .con02 .system_box .bg_white {
  margin-top: max(13.2px, 1.3020833333vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.company.ci .sec04 .con02 .system_box .bg_white strong {
  color: #121619;
}

.company.ci .sec04 .con02 .system_box .bg_white span {
  color: #697077;
}

.company.ci .sec04 .con03 .system_box>div {
  width: 33.333%;
}

.company.ci .sec04 .con03 .system_box .option_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: max(13.2px, 1.3020833333vw);
  height: max(99px, 9.765625vw);
}

.company.ci .sec04 .con03 .system_box .option_box.box01 {
  background-color: #ffffff;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-right: 0;
  border-radius: max(7.92px, 0.78125vw) 0 0 max(7.92px, 0.78125vw);
}

.company.ci .sec04 .con03 .system_box .option_box.box02 {
  background-color: #5e2bb8;
}

.company.ci .sec04 .con03 .system_box .option_box.box03 {
  background-color: #08d1d9;
  border-radius: 0 max(7.92px, 0.78125vw) max(7.92px, 0.78125vw) 0;
}

.company.ci .sec04 .con03 dt {
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.company.ci .sec04 .con03 dd {
  padding-right: max(13.2px, 1.3020833333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #697077;
}

@media (max-width: 1023px) {
  .company.ci .sec04 .con {
    margin-bottom: 48px;
  }

  .company.ci .sec04 .con .con_tit {
    margin-bottom: 16px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.ci .sec04 .con .system_box>div {
    border-radius: 12px;
  }

  .company.ci .sec04 .con .system_box strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.ci .sec04 .con .system_box span {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.ci .sec04 .con01 .system_box>div {
    width: calc(50% - 10px);
    padding: 28px 32px;
  }

  .company.ci .sec04 .con01 .system_box strong {
    margin-bottom: 20px;
  }

  .company.ci .sec04 .con01 .system_box span {
    margin-bottom: 4px;
  }

  .company.ci .sec04 .con02 .system_box>div {
    padding: 28px 32px;
  }

  .company.ci .sec04 .con02 .system_box strong {
    margin-bottom: 8px;
  }

  .company.ci .sec04 .con02 .system_box span {
    margin-right: 20px;
  }

  .company.ci .sec04 .con02 .system_box .bg_white {
    margin-top: 20px;
    border: 1px solid #DDE1E6;
  }

  .company.ci .sec04 .con03 .system_box .option_box {
    margin-bottom: 24px;
    height: 150px;
  }

  .company.ci .sec04 .con03 .system_box .option_box.box01 {
    border: 1px solid #DDE1E6;
    border-radius: 12px 0 0 12px;
  }

  .company.ci .sec04 .con03 .system_box .option_box.box03 {
    border-radius: 0 12px 12px 0;
  }

  .company.ci .sec04 .con03 dt {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.ci .sec04 .con03 dd {
    padding-right: 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .company.ci .sec04 .con {
    margin-bottom: 48px;
  }

  .company.ci .sec04 .con .con_tit {
    margin-bottom: 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .company.ci .sec04 .con .system_box {
    display: block;
  }

  .company.ci .sec04 .con .system_box>div {
    width: 100%;
    border-radius: 12px;
  }

  .company.ci .sec04 .con .system_box strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .company.ci .sec04 .con .system_box span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .company.ci .sec04 .con01 .system_box>div {
    width: 100%;
    margin-bottom: 16px;
    padding: 28px 32px;
  }

  .company.ci .sec04 .con01 .system_box strong {
    margin-bottom: 16px;
  }

  .company.ci .sec04 .con01 .system_box span {
    margin-bottom: 4px;
  }

  .company.ci .sec04 .con02 .system_box>div {
    padding: 28px 32px;
  }

  .company.ci .sec04 .con02 .system_box strong {
    margin-bottom: 16px;
  }

  .company.ci .sec04 .con02 .system_box span {
    width: 100%;
    margin-bottom: 4px;
    margin-right: 0;
  }

  .company.ci .sec04 .con02 .system_box .bg_white {
    margin-top: 16px;
    border: 1px solid #DDE1E6;
  }

  .company.ci .sec04 .con03 .system_box {
    align-items: flex-start;
  }

  .company.ci .sec04 .con03 .system_box>div {
    margin-bottom: 24px;
  }

  .company.ci .sec04 .con03 .system_box .option_box {
    margin-bottom: 16px;
    height: 150px;
    border-radius: 12px;
  }

  .company.ci .sec04 .con03 .system_box .option_box.box01 {
    border-radius: 12px;
    border: 1px solid #DDE1E6;
  }

  .company.ci .sec04 .con03 .system_box .option_box.box03 {
    border-radius: 12px;
  }

  .company.ci .sec04 .con03 dt {
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .company.ci .sec04 .con03 dd {
    padding-right: 0;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}

.company.ci .sec05 {
  padding: max(105.6px, 10.4166666667vw) 0;
  background-color: #F2F4F8;
}

.company.ci .sec05 .right_top_tit {
  display: inline-block;
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.company.ci .sec05 .typo_bg {
  width: 100%;
  height: max(184.8px, 18.2291666667vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/ci/typo_bg.png") 0 0 no-repeat;
  background-size: 100% max(184.8px, 18.2291666667vw);
}

.company.ci .sec05 .typo_box {
  height: 100%;
  padding: max(54.78px, 5.4036458333vw) 0 0 max(92.4px, 9.1145833333vw);
}

.company.ci .sec05 #typed {
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare";
  color: #121619;
}

.company.ci .sec05 #typed.light p {
  font-weight: 300;
}

.company.ci .sec05 #typed.regular p {
  font-weight: 400;
}

.company.ci .sec05 #typed.bold p {
  font-weight: bold;
}

.company.ci .sec05 .progress_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: max(128.04px, 12.6302083333vw);
  margin: 0 auto;
  padding-top: max(21.12px, 2.0833333333vw);
}

.company.ci .sec05 .typo_progress {
  position: relative;
  z-index: 1;
  margin-top: max(26.4px, 2.6041666667vw);
}

.company.ci .sec05 .progress_bullet {
  position: relative;
  width: 33.333%;
  text-align: center;
}

.company.ci .sec05 .progress_bullet span {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #697077;
}

.company.ci .sec05 .progress_bullet span.weight::before {
  position: absolute;
  top: calc(max(21.78px, 2.1484375vw) * -1);
  left: 50%;
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  transform: translateX(-50%);
  border-radius: 100%;
  background: #697077;
  transition: 0.3s;
  content: "";
}

.company.ci .sec05 .progress_bullet span.weight::after {
  position: absolute;
  top: -64%;
  left: 50%;
  z-index: -2;
  transform: translate(-50%, calc(max(19.8px, 1.953125vw) * -1)) scale(0);
  width: max(19.8px, 1.953125vw);
  height: max(19.8px, 1.953125vw);
  border-radius: 100%;
  transition: 0.5s;
  background: rgba(94, 43, 184, 0.5);
  content: "";
}

.company.ci .sec05 .progress_bullet::before {
  position: absolute;
  top: calc(max(19.8px, 1.953125vw) * -1);
  left: 54%;
  width: 100%;
  height: max(1.32px, 0.1302083333vw);
  background: #A2A9B0;
  transition-duration: 0.4s;
  content: "";
}

.company.ci .sec05 .progress_bullet::after {
  position: absolute;
  top: calc(max(19.8px, 1.953125vw) * -1);
  left: 54%;
  width: 0;
  height: max(1.32px, 0.1302083333vw);
  background: #5e2bb8;
  content: "";
}

.company.ci .sec05 .progress_bullet:last-child::before {
  display: none;
}

.company.ci .sec05 .progress_bullet.on::after {
  width: 100%;
  transition-delay: 2s;
  transition-duration: 3s;
}

.company.ci .sec05 .progress_bullet.progress_bullet-active {
  background: none;
}

.company.ci .sec05 .progress_bullet.progress_bullet-active span.weight {
  color: #5e2bb8;
}

.company.ci .sec05 .progress_bullet.progress_bullet-active span.weight::before {
  background: #5e2bb8;
}

.company.ci .sec05 .progress_bullet.progress_bullet-active span.weight::after {
  transform: translate(-50%, calc(max(19.8px, 1.953125vw) * -1)) scale(1);
}

@media (max-width: 1023px) {
  .company.ci .sec05 {
    padding: 128px 0;
  }

  .company.ci .sec05 .right_top_tit {
    margin-bottom: 5px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.ci .sec05 .typo_bg {
    height: 280px;
    background-size: 100% 280px;
  }

  .company.ci .sec05 .typo_box {
    padding: 90px 0 0 100px;
  }

  .company.ci .sec05 #typed {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .company.ci .sec05 .progress_inner {
    width: 194px;
    padding-top: 32px;
  }

  .company.ci .sec05 .typo_progress {
    margin-top: 40px;
  }

  .company.ci .sec05 .progress_bullet span {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.ci .sec05 .progress_bullet span.weight::before {
    top: -33px;
    width: 8px;
    height: 8px;
  }

  .company.ci .sec05 .progress_bullet span.weight::after {
    transform: translate(-50%, -30px) scale(0);
    width: 30px;
    height: 30px;
  }

  .company.ci .sec05 .progress_bullet::before {
    top: -30px;
    height: 2px;
  }

  .company.ci .sec05 .progress_bullet::after {
    top: -30px;
    height: 2px;
  }

  .company.ci .sec05 .progress_bullet.progress_bullet-active span.weight::after {
    transform: translate(-50%, -30px) scale(1);
  }
}

@media (max-width: 767px) {
  .company.ci .sec05 {
    padding: 80px 0;
  }

  .company.ci .sec05 .right_top_tit {
    margin-bottom: 5px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .company.ci .sec05 .typo_bg {
    height: 200px;
    background-size: 100% 200px;
  }

  .company.ci .sec05 .typo_box {
    padding: 26px 80px 26px 30px;
  }

  .company.ci .sec05 #typed {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3666666667;
  }

  .company.ci .sec05 .progress_inner {
    width: 194px;
    padding-top: 32px;
  }

  .company.ci .sec05 .typo_progress {
    margin-top: 40px;
  }

  .company.ci .sec05 .progress_bullet span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .company.ci .sec05 .progress_bullet span.weight::before {
    top: -31px;
    width: 8px;
    height: 8px;
  }

  .company.ci .sec05 .progress_bullet span.weight::after {
    transform: translate(-50%, -30px) scale(0);
    width: 30px;
    height: 30px;
  }

  .company.ci .sec05 .progress_bullet::before {
    top: -28px;
    height: 2px;
  }

  .company.ci .sec05 .progress_bullet::after {
    top: -28px;
    height: 2px;
  }

  .company.ci .sec05 .progress_bullet.progress_bullet-active span.weight::after {
    transform: translate(-50%, -30px) scale(1);
  }
}

@media (max-width: 1023px) {
  .company.history .content {
    padding-bottom: 160px;
  }
}

@media (max-width: 767px) {
  .company.history .content {
    padding-bottom: 80px;
  }
}

.company.history #historytabWrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: max(31.68px, 3.125vw);
  background-color: #5e2bb8;
  white-space: noWrap;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.5s;
}

.company.history #historytabWrap.active {
  opacity: 1;
}

.company.history #historytabWrap.break {
  position: relative;
}

.company.history #historytabWrap .history_scroll {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.company.history #historytabWrap .history_scroll .mCSB_dragger_bar {
  display: none;
}

.company.history #historytabWrap .history_tab {
  position: relative;
  width: 100%;
  padding: max(2.64px, 0.2604166667vw) 0;
  background-color: #5e2bb8;
  text-align: center;
  font-size: 0;
}

.company.history #historytabWrap .history_tab li {
  display: inline-block;
  vertical-align: middle;
  width: max(89.1px, 8.7890625vw);
  text-align: center;
}

.company.history #historytabWrap .history_tab li a {
  display: block;
  width: 100%;
  background-color: transparent;
  border-radius: max(659.34px, 65.0390625vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 2.5;
  color: #ffffff;
  font-weight: 500;
  transition: color 0.3s;
}

.company.history #historytabWrap .history_tab li.active a {
  background-color: #ffffff;
  color: #121619;
}

@media (max-width: 1023px) {
  .company.history #historytabWrap {
    height: 48px;
  }

  .company.history #historytabWrap .history_scroll .mCSB_dragger_bar {
    display: block;
  }

  .company.history #historytabWrap .history_tab {
    padding: 4px 61px;
    text-align: center;
  }

  .company.history #historytabWrap .history_tab li {
    width: 120px;
    margin-right: 24px;
  }

  .company.history #historytabWrap .history_tab li:last-of-type {
    margin-right: 0;
  }

  .company.history #historytabWrap .history_tab li a {
    border-radius: 999px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 2.5;
  }
}

@media (max-width: 767px) {
  .company.history #historytabWrap {
    height: 48px;
  }

  .company.history #historytabWrap .history_tab {
    padding: 4px 20px;
    text-align: left;
  }

  .company.history #historytabWrap .history_tab li {
    width: 120px;
    margin-right: 24px;
  }

  .company.history #historytabWrap .history_tab li a {
    border-radius: 999px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 2.8571428571;
  }
}

.company.history .sec01 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.company.history .sec01 .con {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.company.history .sec01 .con .area_year {
  width: max(198px, 19.53125vw);
}

.company.history .sec01 .con .area_year h3 {
  position: relative;
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-weight: bold;
  color: #121619;
}

.company.history .sec01 .con .area_year h3::before,
.company.history .sec01 .con .area_year h3::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.3s;
  border-radius: 50%;
}

.company.history .sec01 .con .area_year h3::before {
  right: calc(max(3.96px, 0.390625vw) * -1);
  z-index: 2;
  width: max(7.26px, 0.7161458333vw);
  height: max(7.26px, 0.7161458333vw);
  background-color: #5e2bb8;
}

.company.history .sec01 .con .area_year h3::after {
  right: calc(max(9.24px, 0.9114583333vw) * -1);
  z-index: 1;
  width: max(17.16px, 1.6927083333vw);
  height: max(17.16px, 1.6927083333vw);
  background-color: #eee9f7;
  border: max(0.66px, 0.0651041667vw) solid #5e2bb8;
  transform: translateY(-50%) scale(0);
}

.company.history .sec01 .con .area_history {
  position: relative;
  width: calc(100% - max(198px, 19.53125vw));
  padding: max(11.88px, 1.171875vw) 0 max(52.8px, 5.2083333333vw) max(36.3px, 3.5807291667vw);
}

.company.history .sec01 .con .area_history::before {
  content: "";
  display: block;
  position: absolute;
  top: max(20.46px, 2.0182291667vw);
  left: 0;
  width: max(0.66px, 0.0651041667vw);
  height: 100%;
  background-color: #DDE1E6;
}

.company.history .sec01 .con .area_history .progress {
  position: absolute;
  top: max(20.46px, 2.0182291667vw);
  left: 0;
  width: max(0.66px, 0.0651041667vw);
  height: 0;
  background-color: #5e2bb8;
}

.company.history .sec01 .con .history_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.company.history .sec01 .con .history_cont+.history_cont {
  margin-top: max(15.84px, 1.5625vw);
}

.company.history .sec01 .con .history_cont strong {
  width: max(39.6px, 3.90625vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.company.history .sec01 .con .history_cont .cont_box {
  width: calc(100% - max(39.6px, 3.90625vw));
}

.company.history .sec01 .con .history_cont .box+.box {
  margin-top: max(5.28px, 0.5208333333vw);
}

.company.history .sec01 .con .history_cont .box .img_box {
  width: 100%;
  max-width: max(242.88px, 23.9583333333vw);
  margin: max(7.92px, 0.78125vw) 0;
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.company.history .sec01 .con .history_cont .box .img_box img {
  width: 100%;
}

.company.history .sec01 .con .history_cont .box p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.history .sec01 .con.active .area_year h3::after {
  transform: translateY(-50%) scale(1);
}

.company.history .sec01 .con:last-of-type .area_history::before {
  display: none;
}

.company.history .sec01 .con:last-of-type .progress {
  display: none;
}

@media (max-width: 1023px) {
  .company.history .sec01 {
    padding-top: 128px;
  }

  .company.history .sec01 .con .area_year {
    width: 155px;
  }

  .company.history .sec01 .con .area_year h3 {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .company.history .sec01 .con .area_year h3::before {
    right: -6px;
    width: 11px;
    height: 11px;
  }

  .company.history .sec01 .con .area_year h3::after {
    right: -14px;
    width: 26px;
    height: 26px;
    border-width: 1px;
  }

  .company.history .sec01 .con .area_history {
    width: calc(100% - 155px);
    padding: 10px 0 64px 48px;
  }

  .company.history .sec01 .con .area_history::before {
    top: 20px;
    width: 1px;
  }

  .company.history .sec01 .con .area_history .progress {
    top: 20px;
    width: 1px;
  }

  .company.history .sec01 .con .history_cont+.history_cont {
    margin-top: 24px;
  }

  .company.history .sec01 .con .history_cont strong {
    width: 50px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.history .sec01 .con .history_cont .cont_box {
    width: calc(100% - 50px);
  }

  .company.history .sec01 .con .history_cont .box+.box {
    margin-top: 8px;
  }

  .company.history .sec01 .con .history_cont .box .img_box {
    max-width: 368px;
    margin: 10px 0;
    border-radius: 12px;
  }

  .company.history .sec01 .con .history_cont .box p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .company.history .sec01 {
    padding-top: 80px;
  }

  .company.history .sec01 .con {
    position: relative;
    display: block;
    padding: 0 0 64px 47px;
  }

  .company.history .sec01 .con:last-of-type {
    padding-bottom: 0;
  }

  .company.history .sec01 .con .area_year {
    width: 100%;
  }

  .company.history .sec01 .con .area_year h3 {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3666666667;
  }

  .company.history .sec01 .con .area_year h3::before {
    right: auto;
    left: -39px;
    width: 11px;
    height: 11px;
  }

  .company.history .sec01 .con .area_year h3::after {
    right: auto;
    left: -47px;
    width: 26px;
    height: 26px;
    border-width: 1px;
  }

  .company.history .sec01 .con .area_history {
    position: static;
    width: 100%;
    padding: 24px 0 0 0;
  }

  .company.history .sec01 .con .area_history::before {
    top: 20px;
    left: 13px;
    width: 1px;
  }

  .company.history .sec01 .con .area_history .progress {
    top: 20px;
    left: 13px;
    width: 1px;
  }

  .company.history .sec01 .con .history_cont+.history_cont {
    margin-top: 24px;
  }

  .company.history .sec01 .con .history_cont strong {
    width: 50px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .company.history .sec01 .con .history_cont .cont_box {
    width: calc(100% - 50px);
  }

  .company.history .sec01 .con .history_cont .box+.box {
    margin-top: 8px;
  }

  .company.history .sec01 .con .history_cont .box .img_box {
    max-width: 100%;
    margin: 10px 0;
    border-radius: 8px;
  }

  .company.history .sec01 .con .history_cont .box p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
}

body[data-scroll=up] .history #historytabWrap.active .fixed_area {
  top: calc(max(52.8px, 5.2083333333vw) * -1);
}

@media (max-width: 1023px) {
  body[data-scroll=up] .history #historytabWrap.active .fixed_area {
    top: -80px;
  }
}

@media (max-width: 767px) {
  body[data-scroll=up] .history #historytabWrap.active .fixed_area {
    top: -60px;
  }
}

@media (max-width: 1023px) {
  .company.service_identity .content {
    padding-bottom: 160px;
  }
}

.company.service_identity .sec:not(.bg_color, .sec_visual) {
  padding-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .company.service_identity .sec:not(.bg_color, .sec_visual) {
    padding-top: max(84.48px, 8.3333333333vw);
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec:not(.bg_color, .sec_visual) {
    padding-top: 80px;
  }
}

.company.service_identity .sec.bg_color {
  margin-top: max(105.6px, 10.4166666667vw);
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

@media (max-width: 1023px) {
  .company.service_identity .sec.bg_color {
    margin-top: max(84.48px, 8.3333333333vw);
    padding: max(52.8px, 5.2083333333vw) 0;
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec.bg_color {
    margin-top: 128px;
    padding: 80px 0;
  }
}

.company.service_identity .sec .sub_tit {
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .company.service_identity .sec .sub_tit {
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec .sub_tit {
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.company.service_identity .sec01 .cont+.cont {
  margin-top: max(26.4px, 2.6041666667vw);
}

.company.service_identity .sec01 .cont01 .img_box01 {
  margin-top: max(26.4px, 2.6041666667vw);
}

.company.service_identity .sec01 .cont01 .img_box02 {
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.company.service_identity .sec01 .cont03 .img_box {
  background-color: #f2f4f8;
  border-radius: max(7.92px, 0.78125vw);
  padding: max(26.4px, 2.6041666667vw) max(6.6px, 0.6510416667vw);
}

.company.service_identity .sec01 .cont03 .img_box img {
  width: max(207.9px, 20.5078125vw);
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .company.service_identity .sec01 .cont+.cont {
    margin-top: 32px;
  }

  .company.service_identity .sec01 .cont01 .img_box01 {
    margin-top: 32px;
  }

  .company.service_identity .sec01 .cont01 .img_box02 {
    border-radius: 8px;
  }

  .company.service_identity .sec01 .cont03 .img_box {
    border-radius: 8px;
    padding: 34px 10px;
  }

  .company.service_identity .sec01 .cont03 .img_box img {
    width: 273px;
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec01 .cont+.cont {
    margin-top: 32px;
  }

  .company.service_identity .sec01 .cont01 .img_box01 {
    margin-top: 32px;
  }

  .company.service_identity .sec01 .cont01 .img_box02 {
    border-radius: 8px;
  }

  .company.service_identity .sec01 .cont03 .img_box {
    border-radius: 8px;
    padding: 17px 10px;
  }

  .company.service_identity .sec01 .cont03 .img_box img {
    width: 133px;
  }
}

.company.service_identity .sec02 .cont+.cont {
  margin-top: max(39.6px, 3.90625vw);
}

.company.service_identity .sec02 .cont01 .sub_txt {
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.service_identity .sec02 .cont03 .sub_tit {
  margin-bottom: max(7.92px, 0.78125vw);
}

.company.service_identity .sec02 .cont03 .txt_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.company.service_identity .sec02 .cont03 .txt_box dl {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  padding: max(21.12px, 2.0833333333vw) max(13.2px, 1.3020833333vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
}

.company.service_identity .sec02 .cont03 .txt_box dl+dl {
  margin-left: max(13.2px, 1.3020833333vw);
}

.company.service_identity .sec02 .cont03 .txt_box dt {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.company.service_identity .sec02 .cont03 .txt_box dd {
  margin-top: max(7.92px, 0.78125vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.service_identity .sec02 .cont04 .sub_tit {
  margin-bottom: max(7.92px, 0.78125vw);
}

.company.service_identity .sec02 .cont04 .certification_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.company.service_identity .sec02 .cont04 .certification_list li {
  width: calc(33.333333% - max(8.79999978px, 0.8680555339vw));
}

.company.service_identity .sec02 .cont04 .certification_list li+li {
  margin-left: max(13.2px, 1.3020833333vw);
}

.company.service_identity .sec02 .cont04 .certification_list .img_box {
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.company.service_identity .sec02 .cont04 .certification_list span {
  display: block;
  margin-top: max(7.92px, 0.78125vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.company.service_identity .sec02 .cont05 img {
  max-width: max(166.98px, 16.4713541667vw);
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .company.service_identity .sec02 .cont+.cont {
    margin-top: 48px;
  }

  .company.service_identity .sec02 .cont01 .sub_txt {
    margin-top: 16px;
  }

  .company.service_identity .sec02 .cont03 .sub_tit {
    margin-bottom: 12px;
  }

  .company.service_identity .sec02 .cont03 .txt_box dl {
    width: calc(50% - 8px);
    padding: 32px 20px;
    border-width: 1px;
    border-radius: 8px;
  }

  .company.service_identity .sec02 .cont03 .txt_box dl+dl {
    margin-left: 16px;
  }

  .company.service_identity .sec02 .cont03 .txt_box dt {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .company.service_identity .sec02 .cont03 .txt_box dd {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.service_identity .sec02 .cont04 .sub_tit {
    margin-bottom: 12px;
  }

  .company.service_identity .sec02 .cont04 .certification_list li {
    width: calc(50% - 8px);
  }

  .company.service_identity .sec02 .cont04 .certification_list li:nth-of-type(even) {
    margin-left: 16px;
  }

  .company.service_identity .sec02 .cont04 .certification_list li:nth-of-type(n + 3) {
    margin-top: 16px;
  }

  .company.service_identity .sec02 .cont04 .certification_list li+li {
    margin-left: 0;
  }

  .company.service_identity .sec02 .cont04 .certification_list .img_box {
    border-width: 1px;
    border-radius: 8px;
  }

  .company.service_identity .sec02 .cont04 .certification_list span {
    margin-top: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.service_identity .sec02 .cont05 img {
    max-width: 253px;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec02 .cont+.cont {
    margin-top: 48px;
  }

  .company.service_identity .sec02 .cont01 .sub_txt {
    margin-top: 16px;
  }

  .company.service_identity .sec02 .cont03 .sub_tit {
    margin-bottom: 12px;
  }

  .company.service_identity .sec02 .cont03 .txt_box {
    display: block;
  }

  .company.service_identity .sec02 .cont03 .txt_box dl {
    width: 100%;
    padding: 32px 20px;
    border-width: 1px;
    border-radius: 8px;
  }

  .company.service_identity .sec02 .cont03 .txt_box dl+dl {
    margin: 16px 0 0 0;
  }

  .company.service_identity .sec02 .cont03 .txt_box dt {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .company.service_identity .sec02 .cont03 .txt_box dd {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.service_identity .sec02 .cont04 .sub_tit {
    margin-bottom: 12px;
  }

  .company.service_identity .sec02 .cont04 .certification_list {
    display: block;
  }

  .company.service_identity .sec02 .cont04 .certification_list li {
    width: 100%;
  }

  .company.service_identity .sec02 .cont04 .certification_list li:nth-of-type(even) {
    margin-left: 0;
  }

  .company.service_identity .sec02 .cont04 .certification_list li:nth-of-type(n + 2) {
    margin-top: 16px;
  }

  .company.service_identity .sec02 .cont04 .certification_list .img_box {
    border-width: 1px;
    border-radius: 8px;
  }

  .company.service_identity .sec02 .cont04 .certification_list span {
    margin-top: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.service_identity .sec02 .cont05 img {
    max-width: 253px;
    margin-top: 20px;
  }
}

.company.service_identity .sec03 .certification {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  padding: max(26.4px, 2.6041666667vw) max(21.12px, 2.0833333333vw);
  background-color: #ffffff;
  border-radius: max(7.92px, 0.78125vw);
}

.company.service_identity .sec03 .certification+.certification {
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.service_identity .sec03 .certification .img_box {
  max-width: max(79.2px, 7.8125vw);
}

.company.service_identity .sec03 .certification .txt_box {
  width: calc(100% - max(79.2px, 7.8125vw));
  padding-left: max(21.12px, 2.0833333333vw);
}

.company.service_identity .sec03 .certification strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.service_identity .sec03 .certification p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #697077;
}

.company.service_identity .sec03 .certification .btn {
  margin-top: max(16.5px, 1.6276041667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
}

@media (max-width: 1023px) {
  .company.service_identity .sec03 .certification {
    padding: 40px 26px;
    border-radius: 12px;
  }

  .company.service_identity .sec03 .certification+.certification {
    margin-top: 16px;
  }

  .company.service_identity .sec03 .certification .img_box {
    max-width: 120px;
  }

  .company.service_identity .sec03 .certification .txt_box {
    width: calc(100% - 120px);
    padding-left: 26px;
  }

  .company.service_identity .sec03 .certification strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.service_identity .sec03 .certification p {
    margin-top: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .company.service_identity .sec03 .certification .btn {
    margin-top: 24px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec03 .certification {
    display: block;
    padding: 40px 26px;
    border-radius: 12px;
  }

  .company.service_identity .sec03 .certification+.certification {
    margin-top: 16px;
  }

  .company.service_identity .sec03 .certification .img_box {
    max-width: 120px;
  }

  .company.service_identity .sec03 .certification .txt_box {
    width: 100%;
    padding: 26px 0 0 0;
  }

  .company.service_identity .sec03 .certification strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.service_identity .sec03 .certification p {
    margin-top: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .company.service_identity .sec03 .certification .btn {
    margin-top: 24px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

.company.service_identity .sec04 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  gap: max(26.4px, 2.6041666667vw);
}

.company.service_identity .sec04 .list li {
  display: flex;
  justify-content: space-between;
  gap: max(15.84px, 1.5625vw);
}

.company.service_identity .sec04 .list .img_box {
  width: max(203.94px, 20.1171875vw);
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.company.service_identity .sec04 .list .img_box img {
  width: 100%;
}

.company.service_identity .sec04 .list .txt_box {
  width: calc(100% - max(203.94px, 20.1171875vw));
}

.company.service_identity .sec04 .list span {
  display: block;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: bold;
  color: #5e2bb8;
}

.company.service_identity .sec04 .list strong {
  display: block;
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.company.service_identity .sec04 .list p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .company.service_identity .sec04 .list {
    gap: 16px;
  }

  .company.service_identity .sec04 .list li {
    gap: 24px;
  }

  .company.service_identity .sec04 .list .img_box {
    width: 336px;
    border-radius: 8px;
  }

  .company.service_identity .sec04 .list .txt_box {
    width: calc(100% - 336px);
  }

  .company.service_identity .sec04 .list span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .company.service_identity .sec04 .list strong {
    margin-top: 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.service_identity .sec04 .list p {
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec04 .list {
    gap: 32px;
  }

  .company.service_identity .sec04 .list li {
    flex-direction: column;
  }

  .company.service_identity .sec04 .list .img_box {
    width: 100%;
    border-radius: 8px;
  }

  .company.service_identity .sec04 .list .txt_box {
    width: 100%;
  }

  .company.service_identity .sec04 .list span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .company.service_identity .sec04 .list strong {
    margin-top: 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.service_identity .sec04 .list p {
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.company.service_identity .sec05 .acco_cont .info_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  padding: max(18.48px, 1.8229166667vw) max(13.2px, 1.3020833333vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
}

.company.service_identity .sec05 .acco_cont .img_box {
  width: max(203.94px, 20.1171875vw);
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.company.service_identity .sec05 .acco_cont .img_box img {
  width: 100%;
}

.company.service_identity .sec05 .acco_cont p {
  width: calc(100% - max(203.94px, 20.1171875vw));
  padding-left: max(26.4px, 2.6041666667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .company.service_identity .sec05 .acco_cont .info_box {
    padding: 28px 20px;
    border-radius: 12px;
  }

  .company.service_identity .sec05 .acco_cont .img_box {
    width: 309px;
    border-radius: 12px;
  }

  .company.service_identity .sec05 .acco_cont p {
    width: calc(100% - 309px);
    padding-left: 32px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec05 .acco_cont .info_box {
    display: block;
    padding: 28px 20px;
    border-radius: 12px;
  }

  .company.service_identity .sec05 .acco_cont .img_box {
    width: 100%;
    border-radius: 12px;
  }

  .company.service_identity .sec05 .acco_cont p {
    width: 100%;
    padding: 32px 0 0 0;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.company.service_identity .sec06 .con_wrap {
  padding-left: max(13.2px, 1.3020833333vw);
}

.company.service_identity .sec06 .con_wrap .con {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.company.service_identity .sec06 .con_wrap .con:last-of-type .last_history {
  padding-bottom: 0;
}

.company.service_identity .sec06 .con_wrap .con:last-of-type .last_history::before {
  display: none;
}

.company.service_identity .sec06 .con_wrap .con:last-of-type .last_history .progress {
  display: none !important;
}

.company.service_identity .sec06 .con_wrap .area_box {
  width: calc(100% - max(146.52px, 14.453125vw));
}

.company.service_identity .sec06 .con_wrap .area_history {
  position: relative;
  padding: 0 0 max(13.2px, 1.3020833333vw) max(36.3px, 3.5807291667vw);
}

.company.service_identity .sec06 .con_wrap .area_history::before {
  content: "";
  display: block;
  position: absolute;
  top: max(5.28px, 0.5208333333vw);
  left: max(9.24px, 0.9114583333vw);
  width: max(0.66px, 0.0651041667vw);
  height: 100%;
  background-color: #DDE1E6;
}

.company.service_identity .sec06 .con_wrap .area_history .progress {
  position: absolute;
  top: max(5.28px, 0.5208333333vw);
  left: max(9.24px, 0.9114583333vw);
  width: max(0.66px, 0.0651041667vw);
  height: 0;
  background-color: #5e2bb8;
}

.company.service_identity .sec06 .con_wrap .area_history.last_history {
  padding-bottom: max(52.8px, 5.2083333333vw);
}

.company.service_identity .sec06 .con_wrap .area_history.top_history {
  width: max(146.52px, 14.453125vw);
  padding: 0;
}

.company.service_identity .sec06 .con_wrap .area_history.top_history::before {
  width: 0;
  height: 0;
}

.company.service_identity .sec06 .con_wrap .area_history.top_history .progress {
  display: none;
}

.company.service_identity .sec06 .con_wrap .area_history.top_history strong {
  display: block;
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #5e2bb8;
}

.company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .history_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.company.service_identity .sec06 .con_wrap .area_history:not(.top_history) strong {
  width: max(46.2px, 4.5572916667vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .cont_box {
  width: calc(100% - max(46.2px, 4.5572916667vw));
}

.company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .box+.box {
  margin-top: max(5.28px, 0.5208333333vw);
}

.company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .box p {
  display: inline-block;
  vertical-align: top;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #697077;
}

.company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .img_box+.img_box {
  margin-top: max(10.56px, 1.0416666667vw);
}

.company.service_identity .sec06 .con_wrap .area_history>span,
.company.service_identity .sec06 .con_wrap .area_history .history_cont>strong {
  position: relative;
}

.company.service_identity .sec06 .con_wrap .area_history>span::before,
.company.service_identity .sec06 .con_wrap .area_history>span::after,
.company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::before,
.company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::after {
  content: "";
  display: block;
  position: absolute;
  transition: 0.3s;
  border-radius: 50%;
}

.company.service_identity .sec06 .con_wrap .area_history>span::before,
.company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::before {
  left: calc(max(30.36px, 2.9947916667vw) * -1);
  z-index: 2;
  width: max(7.26px, 0.7161458333vw);
  height: max(7.26px, 0.7161458333vw);
  background-color: #5e2bb8;
}

.company.service_identity .sec06 .con_wrap .area_history>span::after,
.company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::after {
  top: 0;
  left: calc(max(35.64px, 3.515625vw) * -1);
  z-index: 1;
  width: max(17.16px, 1.6927083333vw);
  height: max(17.16px, 1.6927083333vw);
  background-color: #eee9f7;
  border: max(0.66px, 0.0651041667vw) solid #5e2bb8;
  transform: scale(0);
}

.company.service_identity .sec06 .con_wrap .area_history>span::before {
  top: max(3.3px, 0.3255208333vw);
}

.company.service_identity .sec06 .con_wrap .area_history>span::after {
  top: calc(max(1.98px, 0.1953125vw) * -1);
}

.company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::before {
  top: max(5.28px, 0.5208333333vw);
}

.company.service_identity .sec06 .con_wrap .area_history .history_slide {
  position: relative;
  max-width: max(242.88px, 23.9583333333vw);
  margin-top: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-slide {
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-slide img {
  width: 100%;
}

.company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination {
  position: absolute;
  bottom: max(13.2px, 1.3020833333vw);
  left: 0;
}

.company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  margin: max(2.64px, 0.2604166667vw);
  border-radius: 50%;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  background-color: transparent;
  opacity: 1;
}

.company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination .swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  border-radius: max(659.34px, 65.0390625vw);
  background-color: #ffffff;
}

.company.service_identity .sec06 .con_wrap .area_history.active>span::after,
.company.service_identity .sec06 .con_wrap .area_history.active .history_cont>strong::after {
  transform: scale(1);
}

@media (max-width: 1023px) {
  .company.service_identity .sec06 .con_wrap {
    padding-left: 0;
  }

  .company.service_identity .sec06 .con_wrap .area_box {
    width: calc(100% - 178px);
  }

  .company.service_identity .sec06 .con_wrap .area_history {
    position: relative;
    padding: 0 0 16px 75px;
  }

  .company.service_identity .sec06 .con_wrap .area_history::before {
    top: 8px;
    left: 13px;
    width: 1px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .progress {
    top: 8px;
    left: 13px;
    width: 1px;
  }

  .company.service_identity .sec06 .con_wrap .area_history.last_history {
    padding-bottom: 48px;
  }

  .company.service_identity .sec06 .con_wrap .area_history.top_history {
    width: 178px;
    padding-right: 48px;
  }

  .company.service_identity .sec06 .con_wrap .area_history.top_history strong {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) strong {
    width: 66px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .cont_box {
    width: calc(100% - 66px);
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .box+.box {
    margin-top: 8px;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .box p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .img_box+.img_box {
    margin-top: 16px;
  }

  .company.service_identity .sec06 .con_wrap .area_history>span::before,
  .company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::before {
    left: -67px;
    width: 11px;
    height: 11px;
  }

  .company.service_identity .sec06 .con_wrap .area_history>span::after,
  .company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::after {
    top: 2px;
    left: -76px;
    width: 26px;
    height: 26px;
    border-width: 1px;
  }

  .company.service_identity .sec06 .con_wrap .area_history>span::before {
    top: 5px;
  }

  .company.service_identity .sec06 .con_wrap .area_history>span::after {
    top: -3px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::before {
    top: 10px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide {
    max-width: 368px;
    margin-top: 12px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-slide {
    border-radius: 12px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination {
    bottom: 8px;
    left: 0;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 4px;
    border-width: 1px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination .swiper-pagination-bullet-active {
    width: 16px;
    border-radius: 999px;
  }
}

@media (max-width: 767px) {
  .company.service_identity .sec06 .con_wrap .con {
    display: block;
  }

  .company.service_identity .sec06 .con_wrap .area_box {
    width: 100%;
  }

  .company.service_identity .sec06 .con_wrap .area_history {
    position: relative;
    padding: 0 0 16px 47px;
  }

  .company.service_identity .sec06 .con_wrap .area_history::before {
    top: 8px;
    left: 13px;
    width: 1px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .progress {
    top: 8px;
    left: 13px;
    width: 1px;
  }

  .company.service_identity .sec06 .con_wrap .area_history.last_history {
    padding-bottom: 48px;
  }

  .company.service_identity .sec06 .con_wrap .area_history.top_history {
    width: 100%;
    padding-bottom: 24px;
  }

  .company.service_identity .sec06 .con_wrap .area_history.top_history::before {
    width: 1px;
    height: 100%;
  }

  .company.service_identity .sec06 .con_wrap .area_history.top_history .progress {
    display: block;
  }

  .company.service_identity .sec06 .con_wrap .area_history.top_history strong {
    position: relative;
    z-index: 1;
    width: 250px;
    padding: 13px 5px;
    border-radius: 999px;
    border: 1px solid #5e2bb8;
    text-align: center;
    background-color: #ffffff;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) {
    display: block;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) strong {
    width: 100%;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .cont_box {
    width: 100%;
    padding-top: 8px;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .box+.box {
    margin-top: 8px;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .box p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .company.service_identity .sec06 .con_wrap .area_history:not(.top_history) .img_box+.img_box {
    margin-top: 8px;
  }

  .company.service_identity .sec06 .con_wrap .area_history>span::before,
  .company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::before {
    left: -39px;
    width: 11px;
    height: 11px;
  }

  .company.service_identity .sec06 .con_wrap .area_history>span::after,
  .company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::after {
    top: 2px;
    left: -48px;
    width: 26px;
    height: 26px;
    border-width: 1px;
  }

  .company.service_identity .sec06 .con_wrap .area_history>span::before {
    top: 5px;
  }

  .company.service_identity .sec06 .con_wrap .area_history>span::after {
    top: -3px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_cont>strong::before {
    top: 10px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide {
    max-width: 100%;
    margin-top: 12px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-slide {
    border-radius: 12px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination {
    bottom: 8px;
    left: 0;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 4px;
    border-width: 1px;
  }

  .company.service_identity .sec06 .con_wrap .area_history .history_slide .swiper-pagination .swiper-pagination-bullet-active {
    width: 16px;
    border-radius: 999px;
  }
}

#wrap #lnbWrap {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
  z-index: 13;
}

#wrap.hidden .header_wrap {
  top: calc(max(52.8px, 5.2083333333vw) * -1);
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  #wrap.hidden .header_wrap {
    top: -80px;
  }
}

@media (max-width: 767px) {
  #wrap.hidden .header_wrap {
    top: -60px;
  }
}

#wrap.hidden #lnbWrap {
  opacity: 0;
}

.company.about .content {
  padding-bottom: 0;
}

.company.about .sec_visual .bg_box.active .dim {
  display: none;
}

.company.about .sec_visual .bg_box.active .bg {
  background: none;
}

@media (max-width: 1023px) {
  .company.about .sec_visual .bg {
    height: 100vh;
  }
}

@media (max-width: 767px) {
  .company.about .sec_visual .bg {
    height: 100vh;
  }
}

.company.about .sec01 {
  position: relative;
  padding-top: max(105.6px, 10.4166666667vw);
}

.company.about .sec01 .card_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: normal;
  flex-flow: row;
  gap: max(13.2px, 1.3020833333vw);
}

.company.about .sec01 .card {
  position: relative;
}

.company.about .sec01 .card1 {
  width: max(140.58px, 13.8671875vw);
  height: max(211.2px, 20.8333333333vw);
}

.company.about .sec01 .card2 {
  width: max(217.14px, 21.4192708333vw);
  height: max(145.2px, 14.3229166667vw);
}

.company.about .sec01 .card3 {
  width: max(140.58px, 13.8671875vw);
  height: max(211.2px, 20.8333333333vw);
}

.company.about .sec01 .card img {
  position: relative;
  width: 100%;
  border-radius: max(7.92px, 0.78125vw);
}

.company.about .sec01 .card_box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  gap: max(13.2px, 1.3020833333vw);
}

.company.about .sec01 .left_card {
  position: absolute;
  top: max(65.34px, 6.4453125vw);
  left: calc(max(100.98px, 9.9609375vw) * -1);
  width: max(217.14px, 21.4192708333vw);
  height: max(145.2px, 14.3229166667vw);
  border-radius: max(7.92px, 0.78125vw);
}

.company.about .sec01 .right_card {
  position: absolute;
  top: max(98.34px, 9.7005208333vw);
  right: calc(max(24.42px, 2.4088541667vw) * -1);
  width: max(140.58px, 13.8671875vw);
  height: max(211.2px, 20.8333333333vw);
  border-radius: max(7.92px, 0.78125vw);
}

.company.about .sec01 .card_left_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: end;
  flex-flow: column;
  width: max(217.14px, 21.4192708333vw);
}

.company.about .sec01 .card_center_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  flex-flow: row wrap;
  width: max(294.36px, 29.0364583333vw);
  padding-top: max(52.8px, 5.2083333333vw);
}

.company.about .sec01 .motion_card_wrap {
  width: max(294.36px, 29.0364583333vw);
  height: max(211.2px, 20.8333333333vw);
}

.company.about .sec01 .motion_card {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center max(39.6px, 3.90625vw);
  z-index: 1;
  width: max(294.36px, 29.0364583333vw);
  height: max(211.2px, 20.8333333333vw);
  box-shadow: 0 max(26.4px, 2.6041666667vw) max(26.4px, 2.6041666667vw) rgba(0, 0, 0, 0.4);
  border-radius: max(7.92px, 0.78125vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/about_pc_visual.jpg") center no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 11;
}

.company.about .sec01 .motion_card::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.company.about .sec01 .motion_card.pin {
  position: fixed;
  top: 0;
}

.company.about .sec01 .motion_card.pin .txt_box1 {
  opacity: 1;
}

.company.about .sec01 .motion_card.pin .txt_box1.active {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.company.about .sec01 .motion_card.pin .txt_box2 {
  opacity: 0;
}

.company.about .sec01 .motion_card.pin .txt_box2.active {
  transition-property: opacity;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.company.about .sec01 .motion_card .txt_box {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  color: #ffffff;
}

.company.about .sec01 .motion_card .txt_box1 {
  top: max(118.8px, 11.71875vw);
  opacity: 1;
}

.company.about .sec01 .motion_card .txt_box1 span {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.01em;
  line-height: 1.5;
  font-family: "Cafe24Ohsquare", sans-serif;
}

.company.about .sec01 .motion_card .txt_box1 p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.about .sec01 .motion_card .txt_box1.active {
  opacity: 0;
}

.company.about .sec01 .motion_card .txt_box2 {
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

.company.about .sec01 .motion_card .txt_box2 span {
  display: block;
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.03em;
  line-height: 1.3;
  font-family: "Cafe24Ohsquare", sans-serif;
}

.company.about .sec01 .motion_card .txt_box2 strong {
  display: block;
  font-size: max(52.8px, 5.2083333333vw);
  letter-spacing: 0;
  line-height: 1;
  font-family: "Cafe24Ohsquare", sans-serif;
}

.company.about .sec01 .motion_card .txt_box2.active {
  opacity: 1;
}

.company.about .sec01 .card_right_box {
  width: max(217.14px, 21.4192708333vw);
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: normal;
  flex-flow: column;
}

.company.about .sec01 .center_txt {
  padding-top: max(39.6px, 3.90625vw);
  text-align: center;
}

.company.about .sec01 .center_txt strong {
  position: relative;
  display: block;
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: 0.02em;
  line-height: 1.3;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #121619;
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.75s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
  transform: translateY(max(66px, 6.5104166667vw));
}

.company.about .sec01 .center_txt.active strong {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1023px),
(max-width: 1540px) {
  .company.about .sec01 .right_card {
    right: calc(max(99px, 9.765625vw) * -1);
  }
}

@media (max-width: 1023px) {
  .company.about .sec01 {
    padding-top: 128px;
  }

  .company.about .sec01 .card_inner {
    gap: 20px;
  }

  .company.about .sec01 .card1 {
    width: 157px;
    height: 235px;
  }

  .company.about .sec01 .card2 {
    width: 246px;
    height: 164px;
  }

  .company.about .sec01 .card3 {
    width: 157px;
    height: 235px;
  }

  .company.about .sec01 .card img {
    border-radius: 12px;
  }

  .company.about .sec01 .card_box {
    gap: 20px;
  }

  .company.about .sec01 .left_card {
    display: none;
  }

  .company.about .sec01 .right_card {
    display: none;
  }

  .company.about .sec01 .card_left_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: end;
    flex-flow: column;
    width: 246px;
  }

  .company.about .sec01 .card_center_box {
    width: 334px;
    padding-top: 48px;
  }

  .company.about .sec01 .motion_card_wrap {
    width: 334px;
    height: 240px;
  }

  .company.about .sec01 .motion_card {
    transform-origin: center 48px;
    width: 334px;
    height: 240px;
    box-shadow: 0 40px 40px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/about_m_visual.jpg") center no-repeat;
    background-size: cover;
  }

  .company.about .sec01 .motion_card .txt_box1 {
    top: 160px;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 40px;
  }

  .company.about .sec01 .motion_card .txt_box1 span {
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }

  .company.about .sec01 .motion_card .txt_box1 p {
    margin-top: 6px;
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .company.about .sec01 .motion_card .txt_box2 span {
    font-size: 26px;
    letter-spacing: -0.03em;
    line-height: 1;
  }

  .company.about .sec01 .motion_card .txt_box2 strong {
    display: block;
    margin-top: 4px;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 1;
  }

  .company.about .sec01 .card_right_box {
    width: 246px;
  }

  .company.about .sec01 .center_txt {
    padding: 48px 20px 0 20px;
  }

  .company.about .sec01 .center_txt strong {
    font-size: 36px;
    letter-spacing: 0.02em;
    line-height: 1.3055555556;
    transform: translateY(100px);
  }
}

@media (max-width: 767px) {
  .company.about .sec01 {
    padding-top: 80px;
  }

  .company.about .sec01 .card_inner {
    gap: 16px;
  }

  .company.about .sec01 .card1 {
    width: 106px;
    height: 160px;
  }

  .company.about .sec01 .card2 {
    width: 160px;
    height: 106px;
  }

  .company.about .sec01 .card3 {
    width: 106px;
    height: 160px;
  }

  .company.about .sec01 .card img {
    border-radius: 12px;
  }

  .company.about .sec01 .card_box {
    gap: 16px;
  }

  .company.about .sec01 .card_left_box {
    width: 160px;
  }

  .company.about .sec01 .card_center_box {
    width: 224px;
    padding-top: 20px;
  }

  .company.about .sec01 .motion_card_wrap {
    width: 224px;
    height: 160px;
  }

  .company.about .sec01 .motion_card {
    transform-origin: center 20px;
    width: 224px;
    height: 160px;
    box-shadow: 0 40px 40px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
  }

  .company.about .sec01 .motion_card .txt_box1 {
    top: 140px;
    width: 100%;
    left: 0;
    transform: none;
    padding: 0 20px;
  }

  .company.about .sec01 .motion_card .txt_box1 span {
    font-size: 18px;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }

  .company.about .sec01 .motion_card .txt_box1 p {
    margin-top: 6px;
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.about .sec01 .motion_card .txt_box2 span {
    font-size: 16px;
    letter-spacing: -0.03em;
    line-height: 1;
  }

  .company.about .sec01 .motion_card .txt_box2 strong {
    margin-top: 4px;
    font-size: 42px;
    letter-spacing: 0;
    line-height: 1;
  }

  .company.about .sec01 .card_right_box {
    width: 160px;
  }

  .company.about .sec01 .center_txt {
    padding: 48px 20px 0 20px;
  }

  .company.about .sec01 .center_txt strong {
    font-size: 28px;
    letter-spacing: 0.02em;
    line-height: 1.3214285714;
    transform: translateY(100px);
  }
}

.company.about .sec02 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.company.about .sec02 .txt_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1.2s;
  overflow: hidden;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.company.about .sec02 .txt_wrap.active {
  opacity: 1;
}

.company.about .sec02 .txt_wrap .txt_box {
  text-align: center;
  transform: translateY(100%);
  transition-property: transform;
  transition-duration: 0.75s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.company.about .sec02 .txt_wrap .txt_box p {
  padding: max(13.2px, 1.3020833333vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #5e2bb8;
}

.company.about .sec02 .txt_wrap .mobile_txt_box {
  display: none;
}

.company.about .sec02 .list {
  position: absolute;
  width: calc(100% - max(105.6px, 10.4166666667vw));
  height: max(375.54px, 37.0442708333vw);
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.company.about .sec02 .list li {
  position: absolute;
  top: calc(var(--vh, 1vh) * 100);
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  width: 100%;
  height: 100%;
  padding: max(59.4px, 5.859375vw) max(76.56px, 7.5520833333vw) 0 max(76.56px, 7.5520833333vw);
  border-radius: max(23.76px, 2.34375vw);
  overflow: hidden;
}

.company.about .sec02 .list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.company.about .sec02 .list li:nth-of-type(1) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec02_list01_pc_img.jpg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(1) .box:nth-of-type(1)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list01_icon01.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(1) .box:nth-of-type(2)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list01_icon02.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(1) .box:nth-of-type(3)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list01_icon03.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(2) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec02_list02_pc_img.jpg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(2) .box:nth-of-type(1)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list02_icon01.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(2) .box:nth-of-type(2)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list02_icon02.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(2) .box:nth-of-type(3)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list02_icon03.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(3) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec02_list03_pc_img.jpg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(3) .box:nth-of-type(1)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list03_icon01.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(3) .box:nth-of-type(2)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list03_icon02.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list li:nth-of-type(3) .box:nth-of-type(3)::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/company/overview/about/sec02_list03_icon03.svg") center no-repeat;
  background-size: cover;
}

.company.about .sec02 .list .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.company.about .sec02 .list h3 {
  position: relative;
  z-index: 1;
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-weight: bold;
  color: #ffffff;
}

.company.about .sec02 .list .txt_box {
  width: max(370.92px, 36.5885416667vw);
}

.company.about .sec02 .list .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: max(76.56px, 7.5520833333vw);
  padding: 0 max(19.8px, 1.953125vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
}

.company.about .sec02 .list .box::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: max(19.8px, 1.953125vw);
  transform: translateY(-50%);
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
}

.company.about .sec02 .list .box+.box {
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.about .sec02 .list span {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 500;
  color: #121619;
}

@media (max-width: 1023px) {
  .company.about .sec02 .txt_wrap {
    padding: 0 20px;
    transform: translate(-50%, 100%);
    width: 100%;
    transition-property: opacity, transform;
  }

  .company.about .sec02 .txt_wrap.active {
    transform: translate(-50%, -50%);
  }

  .company.about .sec02 .txt_wrap.up_active {
    opacity: 0;
  }

  .company.about .sec02 .txt_wrap .txt_box {
    display: none;
    transform: translateY(0);
  }

  .company.about .sec02 .txt_wrap .mobile_txt_box {
    display: block;
    text-align: center;
  }

  .company.about .sec02 .txt_wrap .mobile_txt_box p {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
    font-weight: bold;
    color: #000000;
    word-break: keep-all;
    word-wrap: break-word;
  }

  .company.about .sec02 .list {
    width: calc(100% - 40px);
    height: 587px;
  }

  .company.about .sec02 .list li {
    padding: 40px;
    border-radius: 24px;
    align-items: flex-end;
    align-content: flex-end;
  }

  .company.about .sec02 .list li.type1 {
    padding-top: 40px;
  }

  .company.about .sec02 .list li.type1 h3 {
    padding-top: 0;
  }

  .company.about .sec02 .list li:nth-of-type(1) {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec02_list01_m_img.jpg") center no-repeat;
    background-size: cover;
  }

  .company.about .sec02 .list li:nth-of-type(2) {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec02_list02_m_img.jpg") center no-repeat;
    background-size: cover;
  }

  .company.about .sec02 .list li:nth-of-type(3) {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec02_list03_m_img.jpg") center no-repeat;
    background-size: cover;
  }

  .company.about .sec02 .list h3 {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .company.about .sec02 .list .txt_box {
    width: 100%;
    padding-top: 32px;
  }

  .company.about .sec02 .list .box {
    height: 108px;
    padding: 0 32px;
    border-radius: 12px;
  }

  .company.about .sec02 .list .box::before {
    right: 32px;
    width: 48px;
    height: 48px;
  }

  .company.about .sec02 .list .box+.box {
    margin-top: 16px;
  }

  .company.about .sec02 .list span {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .company.about .sec02 .txt_wrap {
    padding: 0 20px;
  }

  .company.about .sec02 .txt_wrap .mobile_txt_box p {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .company.about .sec02 .list {
    top: 46%;
    width: calc(100% - 20px);
    height: calc(var(--vh, 1vh) * 100 - 200px);
  }

  .company.about .sec02 .list li {
    padding: 20px;
    border-radius: 24px;
    align-items: center;
    align-content: center;
  }

  .company.about .sec02 .list li.type1 {
    padding-top: 20px;
  }

  .company.about .sec02 .list h3 {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.about .sec02 .list .txt_box {
    padding-top: 20px;
  }

  .company.about .sec02 .list .box {
    height: auto;
    padding: 26px;
    border-radius: 12px;
  }

  .company.about .sec02 .list .box::before {
    position: static;
    display: inline-block;
    vertical-align: top;
    width: 48px;
    height: 48px;
    transform: none;
  }

  .company.about .sec02 .list .box+.box {
    margin-top: 16px;
  }

  .company.about .sec02 .list span {
    width: calc(100% - 48px);
    padding-left: 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }
}

.company.about .sec03 {
  position: relative;
  padding: max(83.16px, 8.203125vw) 0;
}

.company.about .sec03 h3 {
  margin-bottom: max(26.4px, 2.6041666667vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.425;
  font-weight: bold;
  color: #121619;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.about .sec03 .img_box {
  width: 100%;
  max-width: max(679.8px, 67.0572916667vw);
  margin: 0 auto;
}

.company.about .sec03 .img_box img {
  width: 100%;
}

.company.about .sec03 .wave_box {
  position: absolute;
  bottom: max(33px, 3.2552083333vw);
  left: 0;
  width: 100vw;
  height: max(52.8px, 5.2083333333vw);
  overflow: hidden;
}

.company.about .sec03 .wave_box.active .dot {
  animation: dot-rotate 4s linear infinite;
}

.company.about .sec03 .wave_box.active .dot1 {
  top: max(39.6px, 3.90625vw);
  left: 3vw;
}

.company.about .sec03 .wave_box.active .dot2 {
  top: max(33px, 3.2552083333vw);
  left: 11vw;
}

.company.about .sec03 .wave_box.active .dot3 {
  top: max(19.8px, 1.953125vw);
  left: 80vw;
}

.company.about .sec03 .wave_box.active .dot4 {
  top: max(6.6px, 0.6510416667vw);
  left: 97vw;
}

.company.about .sec03 .dot_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.company.about .sec03 .dot_box .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  transition-property: top, left;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
  background-color: #ffffff;
  border-radius: 50%;
}

.company.about .sec03 .dot_box .dot::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.company.about .sec03 .dot_box .dot.purple::before {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  background-color: #5e2bb8;
}

.company.about .sec03 .dot_box .dot.mint::before {
  width: max(3.3px, 0.3255208333vw);
  height: max(3.3px, 0.3255208333vw);
  background-color: #08d1d9;
}

.company.about .sec03 svg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: max(52.8px, 5.2083333333vw);
  overflow: hidden;
  z-index: -1;
}

.company.about .sec03 svg path {
  stroke: #ececec !important;
  stroke-width: max(0.66px, 0.0651041667vw);
}

@media (max-width: 1023px) {
  .company.about .sec03 {
    padding: 128px 0;
  }

  .company.about .sec03 h3 {
    margin-bottom: 32px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }

  .company.about .sec03 .img_box {
    max-width: 100%;
  }

  .company.about .sec03 .wave_box {
    bottom: 50px;
    height: 80px;
  }

  .company.about .sec03 .wave_box.active .dot1 {
    top: 60px;
  }

  .company.about .sec03 .wave_box.active .dot2 {
    top: 50px;
  }

  .company.about .sec03 .wave_box.active .dot3 {
    top: 30px;
  }

  .company.about .sec03 .wave_box.active .dot4 {
    top: 10px;
  }

  .company.about .sec03 .dot_box .dot.purple::before {
    width: 8px;
    height: 8px;
  }

  .company.about .sec03 .dot_box .dot.mint::before {
    width: 5px;
    height: 5px;
  }

  .company.about .sec03 svg {
    height: 80px;
  }

  .company.about .sec03 svg path {
    stroke-width: 1px;
  }
}

@media (max-width: 767px) {
  .company.about .sec03 {
    padding: 80px 0;
  }

  .company.about .sec03 h3 {
    margin-bottom: 32px;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .company.about .sec03 .enlargement_img {
    padding: 32px 10px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .company.about .sec03 .wave_box {
    display: none;
  }
}

.company.about .sec04 {
  padding: max(70.62px, 6.9661458333vw) 0 max(71.28px, 7.03125vw);
}

.company.about .sec04 h3 {
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.425;
  font-weight: bold;
  color: #121619;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.about .sec04 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  gap: max(13.2px, 1.3020833333vw);
  margin-top: max(26.4px, 2.6041666667vw);
}

.company.about .sec04 .list li {
  position: relative;
  flex: 1;
  height: max(244.2px, 24.0885416667vw);
  border-radius: max(7.92px, 0.78125vw);
  transition: 0.5s ease-in-out;
}

.company.about .sec04 .list li:nth-of-type(1) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec04_img01_pc.jpg") center no-repeat;
  background-size: cover;
}

.company.about .sec04 .list li:nth-of-type(2) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec04_img02_pc.jpg") center no-repeat;
  background-size: cover;
}

.company.about .sec04 .list li:nth-of-type(3) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec04_img03_pc.jpg") center no-repeat;
  background-size: cover;
}

@media (min-width: 1540px) and (pointer: fine) {
  .company.about .sec04 .list li:hover {
    flex: 2.6;
  }

  .company.about .sec04 .list li:hover .txt_box {
    height: max(73.92px, 7.2916666667vw);
  }
}

.company.about .sec04 .list .txt_box {
  height: max(36.96px, 3.6458333333vw);
  position: absolute;
  left: max(19.8px, 1.953125vw);
  bottom: max(19.8px, 1.953125vw);
  color: #ffffff;
  overflow: hidden;
  transition: height 0.5s;
}

.company.about .sec04 .list span {
  display: block;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  font-weight: 500;
}

.company.about .sec04 .list strong {
  display: block;
  margin: max(2.64px, 0.2604166667vw) 0 max(5.28px, 0.5208333333vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-weight: bold;
}

.company.about .sec04 .list .txt {
  height: 0;
  overflow: hidden;
}

.company.about .sec04 .list p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  .company.about .sec04 {
    padding: 0 0 80px;
  }

  .company.about .sec04 h3 {
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }

  .company.about .sec04 .list {
    display: block;
    margin-top: 48px;
  }

  .company.about .sec04 .list li {
    width: 100%;
    height: 400px;
    border-radius: 24px;
  }

  .company.about .sec04 .list li:nth-of-type(1) {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec04_img01_m.jpg") center no-repeat;
    background-size: cover;
  }

  .company.about .sec04 .list li:nth-of-type(2) {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec04_img02_m.jpg") center no-repeat;
    background-size: cover;
  }

  .company.about .sec04 .list li:nth-of-type(3) {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec04_img03_m.jpg") center no-repeat;
    background-size: cover;
  }

  .company.about .sec04 .list li+li {
    margin-top: 16px;
  }

  .company.about .sec04 .list .txt_box {
    height: auto;
    position: absolute;
    left: 26px;
    bottom: 26px;
    padding-right: 26px;
  }

  .company.about .sec04 .list span {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .company.about .sec04 .list strong {
    margin: 4px 0 8px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .company.about .sec04 .list .txt {
    height: auto;
    overflow: visible;
  }

  .company.about .sec04 .list p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .company.about .sec04 {
    padding: 0 0 80px;
  }

  .company.about .sec04 h3 {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .company.about .sec04 .list {
    margin-top: 32px;
  }

  .company.about .sec04 .list li {
    height: 337px;
    border-radius: 12px;
  }

  .company.about .sec04 .list li+li {
    margin-top: 16px;
  }

  .company.about .sec04 .list .txt_box {
    left: 26px;
    bottom: 26px;
    padding-right: 26px;
  }

  .company.about .sec04 .list span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .company.about .sec04 .list strong {
    margin: 4px 0 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.about .sec04 .list p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.company.about .sec05 {
  height: 100vh;
  overflow: hidden;
  padding: max(105.6px, 10.4166666667vw) 0;
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec05_pc_bg.jpg") 0 0 no-repeat;
  background-size: 100% auto;
}

.company.about .sec05 .left_tit {
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.company.about .sec05 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.company.about .sec05 .list::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.company.about .sec05 .list li {
  width: calc(50% - max(6.6px, 0.6510416667vw));
}

.company.about .sec05 .list li:nth-of-type(2) {
  margin-top: max(105.6px, 10.4166666667vw);
}

.company.about .sec05 .list li:nth-of-type(n + 3) {
  margin-top: max(13.2px, 1.3020833333vw);
}

.company.about .sec05 .list li:nth-of-type(3),
.company.about .sec05 .list li:nth-of-type(5) {
  margin-top: calc(max(92.4px, 9.1145833333vw) * -1);
}

.company.about .sec05 .list li:nth-of-type(even) {
  margin-left: max(13.2px, 1.3020833333vw);
}

.company.about .sec05 .list li .box {
  position: relative;
  opacity: 0;
  transform: translateY(max(66px, 6.5104166667vw));
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: max(264px, 26.0416666667vw);
  background-color: #ffffff;
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.company.about .sec05 .list li.active .box {
  opacity: 1;
  transform: translateY(0);
}

.company.about .sec05 .list .covid img {
  width: 100%;
  height: 100%;
}

.company.about .sec05 .list .covid img.m_img {
  display: none;
}

.company.about .sec05 .list .covid .box {
  display: block;
  position: relative;
  text-align: left;
  font-size: 0;
  padding: 0;
}

.company.about .sec05 .list .covid .box>strong {
  position: absolute;
  top: max(19.8px, 1.953125vw);
  left: max(19.8px, 1.953125vw);
  z-index: 1;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
  margin: 0;
}

.company.about .sec05 .list .box {
  text-align: center;
}

.company.about .sec05 .list .box>strong {
  display: block;
  margin: max(19.8px, 1.953125vw) 0 max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.company.about .sec05 .list .box>span {
  display: block;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.company.about .sec05 .list .box .img_box {
  margin: 0 auto;
}

.company.about .sec05 .list .box .img_box01 {
  width: max(72.6px, 7.1614583333vw);
}

.company.about .sec05 .list .box .img_box02 {
  width: max(79.2px, 7.8125vw);
}

.company.about .sec05 .list .box .img_box03 {
  width: max(110.88px, 10.9375vw);
}

.company.about .sec05 .list .box .img_box04 {
  width: max(114.84px, 11.328125vw);
}

.company.about .sec05 .list .box img {
  width: 100%;
}

@media (max-width: 1023px) {
  .company.about .sec05 {
    padding: 128px 0;
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec05_m_bg.jpg") 0 0 no-repeat;
    background-size: 100% auto;
  }

  .company.about .sec05 .list li {
    width: calc(50% - 10px);
  }

  .company.about .sec05 .list li:nth-of-type(2) {
    margin-top: 128px;
  }

  .company.about .sec05 .list li:nth-of-type(n + 3) {
    margin-top: 16px;
  }

  .company.about .sec05 .list li:nth-of-type(3),
  .company.about .sec05 .list li:nth-of-type(5) {
    margin-top: -112px;
  }

  .company.about .sec05 .list li:nth-of-type(even) {
    margin-left: 20px;
  }

  .company.about .sec05 .list li .box {
    transform: translateY(100px);
    height: 400px;
    border-radius: 12px;
  }

  .company.about .sec05 .list .covid img.pc_img {
    display: none;
  }

  .company.about .sec05 .list .covid img.m_img {
    display: block;
  }

  .company.about .sec05 .list .covid .box>strong {
    top: 30px;
    left: 30px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.about .sec05 .list .box>strong {
    margin: 24px 0 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .company.about .sec05 .list .box>span {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .company.about .sec05 .list .box .img_box01 {
    width: 110px;
  }

  .company.about .sec05 .list .box .img_box02 {
    width: 216px;
  }

  .company.about .sec05 .list .box .img_box03 {
    width: 168px;
  }

  .company.about .sec05 .list .box .img_box04 {
    width: 174px;
  }
}

@media (max-width: 767px) {
  .company.about .sec05 {
    padding: 80px 0 63px;
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/overview/about/sec05_m_bg.jpg") 0 0 no-repeat;
    background-size: cover;
  }

  .company.about .sec05 .list {
    display: block;
  }

  .company.about .sec05 .list li {
    width: 100%;
    height: auto;
  }

  .company.about .sec05 .list li:nth-of-type(n + 2) {
    margin-top: 16px !important;
  }

  .company.about .sec05 .list li:nth-of-type(even) {
    margin-left: 0;
  }

  .company.about .sec05 .list li .box {
    display: block;
    transform: translateY(100px);
    height: auto;
    padding: 32px;
    border-radius: 12px;
  }

  .company.about .sec05 .list .covid .box {
    height: auto;
  }

  .company.about .sec05 .list .covid .box>strong {
    top: 26px;
    left: 26px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  .company.about .sec05 .list .box>strong {
    margin: 17px 0 8px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  .company.about .sec05 .list .box>span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .company.about .sec05 .list .box .img_box01 {
    width: 92px;
  }

  .company.about .sec05 .list .box .img_box02 {
    width: 180px;
  }

  .company.about .sec05 .list .box .img_box03 {
    width: 140px;
  }

  .company.about .sec05 .list .box .img_box04 {
    width: 146px;
  }
}

.company.domestic .sec01 #mapImgWrap {
  max-width: max(446.16px, 44.0104166667vw);
}

.company.domestic .sec01 #mapImgWrap .map_on_img {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/global-network/domestic/global_map_on_img.png") center no-repeat;
  background-size: cover;
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker1 {
  top: max(76.56px, 7.5520833333vw);
  left: max(125.4px, 12.3697916667vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker2 {
  top: max(48.84px, 4.8177083333vw);
  left: max(221.76px, 21.875vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker3 {
  top: max(71.28px, 7.03125vw);
  right: max(144.54px, 14.2578125vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker4 {
  top: max(104.94px, 10.3515625vw);
  left: max(136.62px, 13.4765625vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker5 {
  top: max(87.78px, 8.6588541667vw);
  left: max(176.88px, 17.4479166667vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker6 {
  top: max(121.44px, 11.9791666667vw);
  left: max(159.72px, 15.7552083333vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker7 {
  top: max(110.22px, 10.8723958333vw);
  left: max(198.66px, 19.5963541667vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker8 {
  top: max(156.42px, 15.4296875vw);
  left: max(136.62px, 13.4765625vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker9 {
  top: max(138.6px, 13.671875vw);
  left: max(232.98px, 22.9817708333vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker10 {
  top: max(194.7px, 19.2057291667vw);
  left: max(198.66px, 19.5963541667vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker11 {
  left: max(165.66px, 16.3411458333vw);
  bottom: max(203.28px, 20.0520833333vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker12 {
  right: max(178.86px, 17.6432291667vw);
  bottom: max(219.12px, 21.6145833333vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker13 {
  left: max(136.62px, 13.4765625vw);
  bottom: max(152.46px, 15.0390625vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker14 {
  right: max(172.92px, 17.0572916667vw);
  bottom: max(169.62px, 16.7317708333vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker15 {
  right: max(133.32px, 13.1510416667vw);
  bottom: max(174.9px, 17.2526041667vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker16 {
  left: max(170.94px, 16.8619791667vw);
  bottom: max(77.88px, 7.6822916667vw);
}

.company.domestic .sec01 #mapImgWrap .marker_box .marker17 {
  left: max(142.56px, 14.0625vw);
  bottom: max(15.18px, 1.4973958333vw);
}

@media (max-width: 1023px) {
  .company.domestic .sec01 #mapImgWrap {
    display: none;
  }
}

.company.overseas .sec01 #mapImgWrap .map_on_img {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/global-network/overseas/global_map_on_img.png") center no-repeat;
  background-size: cover;
}

.company.overseas .sec01 #mapImgWrap .marker_box .marker1 {
  top: max(71.94px, 7.0963541667vw);
  left: max(32.34px, 3.1901041667vw);
}

.company.overseas .sec01 #mapImgWrap .marker_box .marker2 {
  top: max(145.2px, 14.3229166667vw);
  left: max(234.3px, 23.1119791667vw);
}

.company.overseas .sec01 #mapImgWrap .marker_box .marker3 {
  left: max(245.52px, 24.21875vw);
  bottom: max(114.18px, 11.2630208333vw);
}

.company.overseas .sec01 #mapImgWrap .marker_box .marker4 {
  top: max(97.02px, 9.5703125vw);
  left: max(273.24px, 26.953125vw);
}

.company.overseas .sec01 #mapImgWrap .marker_box .marker5 {
  top: max(157.08px, 15.4947916667vw);
  left: max(261.36px, 25.78125vw);
}

.company.overseas .sec01 #mapImgWrap .marker_box .marker6 {
  top: max(133.32px, 13.1510416667vw);
  left: max(273.24px, 26.953125vw);
}

.company.overseas .sec01 #mapImgWrap .marker_box .marker7 {
  left: max(293.7px, 28.9713541667vw);
  bottom: max(140.58px, 13.8671875vw);
}

.company.overseas .sec01 #mapImgWrap .marker_box .marker8 {
  top: max(97.68px, 9.6354166667vw);
  left: max(326.7px, 32.2265625vw);
}

@media (max-width: 1023px) {
  .company.overseas .sec01 #mapImgWrap {
    display: none;
  }
}

.company.kvac .sec01 #mapImgWrap .map_on_img {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/company/global-network/kvac/global_map_on_img.png") center no-repeat;
  background-size: cover;
}

.company.kvac .sec01 #mapImgWrap .marker_box .marker1 {
  top: max(143.88px, 14.1927083333vw);
  left: max(252.12px, 24.8697916667vw);
}

.company.kvac .sec01 #mapImgWrap .marker_box .marker2 {
  top: max(77.22px, 7.6171875vw);
  left: max(283.14px, 27.9296875vw);
}

.company.kvac .sec01 #mapImgWrap .marker_box .marker3 {
  top: max(153.12px, 15.1041666667vw);
  left: max(289.08px, 28.515625vw);
}

@media (max-width: 1023px) {
  .company.kvac .sec01 #mapImgWrap {
    display: none;
  }
}

/* pages - BUSINESS */
.business.partners .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/partners_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .business.partners .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/partners_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.business.biz .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/biz_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .business.biz .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/biz_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.business.group .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/group_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .business.group .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/group_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.business.contact_us .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/contact_us_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .business.contact_us .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/contact_us_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.business.online_service .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/online_service_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .business.online_service .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/online_service_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.business .sec+.sec {
  padding-top: max(105.6px, 10.4166666667vw);
}

.business .sec h3 {
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #121619;
}

.business .sec h4 {
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
  word-break: keep-all;
  word-wrap: break-word;
}

.business .sec .sec_common_txt01 {
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #343a3f;
  word-break: keep-all;
  word-wrap: break-word;
}

.business .sec .sec_common_txt02 {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .business .sec+.sec {
    padding-top: 128px;
  }

  .business .sec h3 {
    margin-bottom: 24px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business .sec h4 {
    margin-bottom: 5px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business .sec .sec_common_txt01 {
    margin-bottom: 5px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business .sec .sec_common_txt02 {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .business .sec+.sec {
    padding-top: 80px;
  }

  .business .sec h3 {
    margin-bottom: 24px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business .sec h4 {
    margin-bottom: 5px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.55;
  }

  .business .sec .sec_common_txt01 {
    margin-bottom: 5px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .business .sec .sec_common_txt02 {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
}

.business .sec_visual .tit_box {
  width: 100%;
  padding: 0 max(26.4px, 2.6041666667vw);
  text-align: center;
}

.business .sec_visual .tit_box h2 {
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-family: "Cafe24Ohsquare";
  color: #5e2bb8;
}

.business .sec_visual .tit_box p {
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare";
  color: #121619;
}

@media (max-width: 1023px) {
  .business .sec_visual .tit_box {
    width: 70%;
    margin: 0 auto;
    padding: 0 40px;
  }

  .business .sec_visual .tit_box h2 {
    margin-bottom: 6px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business .sec_visual .tit_box p {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.3157894737;
  }
}

@media (max-width: 767px) {
  .business .sec_visual .tit_box {
    width: 100%;
    padding: 0 20px;
  }

  .business .sec_visual .tit_box h2 {
    margin-bottom: 6px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .business .sec_visual .tit_box p {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.4;
  }
}

.business .circle_box {
  position: absolute;
  width: max(475.2px, 46.875vw);
  height: max(475.2px, 46.875vw);
  border-radius: 50%;
  transform: scale(0);
  transform-origin: center center;
  transition: all 1s;
}

.business .circle_box.active {
  transform: scale(1);
}

.business .circle_box.left {
  top: max(69.96px, 6.9010416667vw);
  left: calc(max(237.6px, 23.4375vw) * -1);
  opacity: 0.22;
  background: radial-gradient(50% 50% at 50% 50%, #5e2bb8 0%, #fff 100%);
}

.business .circle_box.right {
  top: max(205.26px, 20.2473958333vw);
  right: calc(max(237.6px, 23.4375vw) * -1);
  opacity: 0.2;
  background: radial-gradient(50% 50% at 50% 50%, #08d1d9 0%, #fff 100%);
}

@media (max-width: 1023px) {
  .business .circle_box {
    width: 576px;
    height: 576px;
  }

  .business .circle_box.left {
    top: 204px;
    left: -277px;
  }

  .business .circle_box.right {
    top: 312px;
    right: -254px;
  }
}

@media (max-width: 767px) {
  .business .circle_box {
    width: 576px;
    height: 576px;
  }

  .business .circle_box.left {
    top: 128px;
    left: -467px;
  }

  .business .circle_box.right {
    top: 332px;
    right: -461px;
  }
}

.business.travel-service .sec.sec_visual {
  /* slide01, slide04 */
  /* // slide01, slide04 */
  /* slide02, slide03 */
  /* // slide02, slide03 */
}

.business.travel-service .sec.sec_visual .kv_inner {
  position: relative;
  height: 100%;
}

.business.travel-service .sec.sec_visual .kv_container {
  position: unset;
}

.business.travel-service .sec.sec_visual .slide_dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
}

.business.travel-service .sec.sec_visual .slide_dim.on {
  display: none;
}

.business.travel-service .sec.sec_visual .swiper-slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}

.business.travel-service .sec.sec_visual .swiper-slide .bg_inner {
  overflow: hidden;
  position: relative;
  width: calc(100% - max(257.4px, 25.390625vw));
  height: max(481.14px, 47.4609375vw);
  margin: 0 auto;
}

.business.travel-service .sec.sec_visual .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: max(23.76px, 2.34375vw) max(23.76px, 2.34375vw) 0 0;
}

.business.travel-service .sec.sec_visual .bg_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #ffffff;
  transform: translate(-50%, 0);
  text-align: center;
  transition-duration: 0.6s;
  opacity: 0;
}

.business.travel-service .sec.sec_visual .bg_txt.active {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.business.travel-service .sec.sec_visual .slide01 .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/travel-service/visual_slide_img01.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.business.travel-service .sec.sec_visual .slide04 .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/travel-service/visual_slide_img06.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.business.travel-service .sec.sec_visual .slide04 .bg_txt {
  font-family: "Pretendard", sans-serif;
  font-weight: bold;
}

.business.travel-service .sec.sec_visual .slide02 .bg_inner,
.business.travel-service .sec.sec_visual .slide03 .bg_inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - max(132px, 13.0208333333vw));
}

.business.travel-service .sec.sec_visual .txt_box,
.business.travel-service .sec.sec_visual .img_box {
  width: 50%;
  height: 100%;
}

.business.travel-service .sec.sec_visual .txt_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding-left: max(105.6px, 10.4166666667vw);
}

.business.travel-service .sec.sec_visual .txt_box span {
  display: block;
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.3214285714;
  color: #343a3f;
}

.business.travel-service .sec.sec_visual .txt_box span:first-child {
  margin-bottom: max(15.84px, 1.5625vw);
}

.business.travel-service .sec.sec_visual .txt_box span.bold {
  font-weight: bold;
  color: #121619;
}

.business.travel-service .sec.sec_visual .txt_box span b {
  font-weight: bold;
  color: #121619;
}

.business.travel-service .sec.sec_visual .img_box {
  position: relative;
}

.business.travel-service .sec.sec_visual .img_item {
  position: absolute;
}

.business.travel-service .sec.sec_visual .img_item.img01 {
  z-index: 1;
  bottom: 0;
  right: max(206.58px, 20.3776041667vw);
  width: max(306.9px, 30.2734375vw);
  height: max(347.82px, 34.3098958333vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/travel-service/visual_slide_img02.jpg") 0 0 no-repeat;
  background-size: cover;
}

.business.travel-service .sec.sec_visual .img_item.img02 {
  bottom: max(243.54px, 24.0234375vw);
  right: 0;
  width: max(269.94px, 26.6276041667vw);
  height: max(237.6px, 23.4375vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/travel-service/visual_slide_img03.jpg") 0 0 no-repeat;
  background-size: cover;
}

.business.travel-service .sec.sec_visual .img_item.img03 {
  z-index: 1;
  bottom: max(39.6px, 3.90625vw);
  right: max(259.38px, 25.5859375vw);
  width: max(293.7px, 28.9713541667vw);
  height: max(225.06px, 22.2005208333vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/travel-service/visual_slide_img04.png") 0 0 no-repeat;
  background-size: cover;
}

.business.travel-service .sec.sec_visual .img_item.img04 {
  bottom: max(147.18px, 14.5182291667vw);
  right: 0;
  width: max(423.72px, 41.796875vw);
  height: max(333.96px, 32.9427083333vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/travel-service/visual_slide_img05.jpg") 0 0 no-repeat;
  background-size: cover;
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  .business.travel-service .sec.sec_visual {
    /* slide01, slide04 */
    /* // slide01, slide04 */
    /* slide02, slide03 */
    /* // slide02, slide03 */
  }

  .business.travel-service .sec.sec_visual .kv_container .swiper-wrapper {
    flex-direction: column;
  }

  .business.travel-service .sec.sec_visual .swiper-slide {
    height: 80vh;
  }

  .business.travel-service .sec.sec_visual .swiper-slide .bg_inner {
    flex-direction: column;
    width: calc(100% - 80px);
    height: 100%;
    transform: translate3d(0, 0, 0) !important;
  }

  .business.travel-service .sec.sec_visual .swiper-slide .trigger_inner {
    height: 100%;
    opacity: 0;
    transform: translateY(80px);
    transition-duration: 0.6s;
  }

  .business.travel-service .sec.sec_visual .swiper-slide .trigger_inner.active {
    opacity: 1;
    transform: translateY(0);
  }

  .business.travel-service .sec.sec_visual .slide_dim {
    display: none;
  }

  .business.travel-service .sec.sec_visual .bg {
    border-radius: 36px 36px 0 0;
  }

  .business.travel-service .sec.sec_visual .bg_txt {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .business.travel-service .sec.sec_visual .slide01 .bg {
    background-position: 67% 50%;
  }

  .business.travel-service .sec.sec_visual .slide02 .bg_inner,
  .business.travel-service .sec.sec_visual .slide03 .bg_inner {
    width: calc(100% - 40px);
  }

  .business.travel-service .sec.sec_visual .txt_box,
  .business.travel-service .sec.sec_visual .img_box {
    width: 100%;
  }

  .business.travel-service .sec.sec_visual .txt_box {
    justify-content: center;
    padding-top: 130px;
    padding-left: 60px;
  }

  .business.travel-service .sec.sec_visual .txt_box span {
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.travel-service .sec.sec_visual .txt_box span:first-child {
    margin-bottom: 19px;
  }

  .business.travel-service .sec.sec_visual .img_item.img01 {
    right: 190px;
    width: 298px;
    height: 338px;
  }

  .business.travel-service .sec.sec_visual .img_item.img02 {
    bottom: 306px;
    width: 262px;
    height: 230px;
  }

  .business.travel-service .sec.sec_visual .img_item.img03 {
    bottom: 109px;
    right: 252px;
    width: 285px;
    height: 218px;
  }

  .business.travel-service .sec.sec_visual .img_item.img04 {
    bottom: 213px;
    width: 411px;
    height: 324px;
  }
}

@media (max-width: 767px) {
  .business.travel-service .sec.sec_visual {
    /* slide01, slide04 */
    /* // slide01, slide04 */
    /* slide02, slide03 */
    /* // slide02, slide03 */
  }

  .business.travel-service .sec.sec_visual .kv_container {
    margin-top: 42px;
  }

  .business.travel-service .sec.sec_visual .swiper-slide {
    height: auto;
  }

  .business.travel-service .sec.sec_visual .swiper-slide .bg_inner {
    width: calc(100% - 40px);
    height: 100%;
  }

  .business.travel-service .sec.sec_visual .bg {
    border-radius: 36px 36px 0 0;
  }

  .business.travel-service .sec.sec_visual .bg_txt {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.travel-service .sec.sec_visual .slide01 {
    height: 508px;
  }

  .business.travel-service .sec.sec_visual .slide01 .bg {
    background-position: 75% 50%;
  }

  .business.travel-service .sec.sec_visual .slide04 {
    height: 508px;
    margin-top: 70px;
  }

  .business.travel-service .sec.sec_visual .slide02 .bg_inner,
  .business.travel-service .sec.sec_visual .slide03 .bg_inner {
    width: calc(100% - 40px);
  }

  .business.travel-service .sec.sec_visual .slide02 .txt_box,
  .business.travel-service .sec.sec_visual .slide03 .txt_box {
    margin-top: 70px;
  }

  .business.travel-service .sec.sec_visual .slide02 .bg_inner {
    flex-direction: column-reverse;
    margin-top: 70px;
  }

  .business.travel-service .sec.sec_visual .slide02 .img_box .trigger_inner {
    display: flex;
    width: 296px;
  }

  .business.travel-service .sec.sec_visual .slide03 .bg_inner {
    flex-direction: column;
  }

  .business.travel-service .sec.sec_visual .slide03 .img_box {
    margin-top: 70px;
  }

  .business.travel-service .sec.sec_visual .slide03 .img_box .trigger_inner {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .business.travel-service .sec.sec_visual .txt_box,
  .business.travel-service .sec.sec_visual .img_box {
    width: 100%;
  }

  .business.travel-service .sec.sec_visual .txt_box {
    justify-content: center;
    padding-top: 0;
    padding-left: 20px;
  }

  .business.travel-service .sec.sec_visual .txt_box span {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.travel-service .sec.sec_visual .txt_box span:first-child {
    margin-bottom: 19px;
  }

  .business.travel-service .sec.sec_visual .img_item {
    position: relative;
  }

  .business.travel-service .sec.sec_visual .img_item.img01 {
    margin-top: 70px;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    width: 160px;
    height: 181px;
  }

  .business.travel-service .sec.sec_visual .img_item.img02 {
    margin-left: -32px;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    width: 136px;
    height: 120px;
  }

  .business.travel-service .sec.sec_visual .img_item.img03 {
    top: auto;
    bottom: auto;
    right: auto;
    width: 155px;
    height: 110px;
  }

  .business.travel-service .sec.sec_visual .img_item.img04 {
    margin-bottom: 90px;
    margin-left: -94px;
    top: auto;
    bottom: auto;
    right: auto;
    width: 207px;
    height: 194px;
  }
}

.business.travel-service .sec01 {
  position: relative;
  padding-bottom: max(105.6px, 10.4166666667vw);
  background-color: #f2f4f8;
}

.business.travel-service .sec01 .con+.con {
  padding-top: max(105.6px, 10.4166666667vw);
}

.business.travel-service .sec01 .brand_lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: max(26.4px, 2.6041666667vw);
}

.business.travel-service .sec01 .brand_lists li {
  position: relative;
  width: calc(50% - max(18.15px, 1.7903645833vw));
  border-radius: max(7.92px, 0.78125vw);
}

.business.travel-service .sec01 .brand_lists li .trigger_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.business.travel-service .sec01 .brand_lists li:nth-child(even) {
  margin-top: max(39.6px, 3.90625vw);
}

.business.travel-service .sec01 .brand_lists li:nth-child(even) .trigger_box {
  top: calc(50% - max(19.8px, 1.953125vw));
}

.business.travel-service .sec01 .brand_lists li>a {
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  background-color: transparent;
  opacity: 0;
  transform: translateY(max(99px, 9.765625vw));
  transition: opacity 0.8s, transform 0.6s;
  white-space: normal;
}

.business.travel-service .sec01 .brand_lists li.active>a {
  opacity: 1;
  transform: translateY(0);
}

.business.travel-service .sec01 .brand_lists li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: max(7.92px, 0.78125vw) max(7.92px, 0.78125vw) 0 0;
}

@media (min-width: 1540px) and (pointer: fine) {
  .business.travel-service .sec01 .brand_lists li:hover>a {
    box-shadow: 0 max(13.2px, 1.3020833333vw) max(13.2px, 1.3020833333vw) 0 rgba(0, 0, 0, 0.1);
    transform: translateY(calc(max(13.2px, 1.3020833333vw) * -1));
  }
}

.business.travel-service .sec01 .brand_lists dt {
  margin-bottom: max(2.64px, 0.2604166667vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-family: "Cafe24Ohsquare";
  font-weight: bold;
  color: #5e2bb8;
}

.business.travel-service .sec01 .brand_lists dd {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #121619;
}

.business.travel-service .sec01 .brand_lists .arrow {
  flex-shrink: 0;
}

.business.travel-service .sec01 .brand_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  padding: max(15.84px, 1.5625vw) max(13.2px, 1.3020833333vw);
  border-radius: 0 0 max(7.92px, 0.78125vw) max(7.92px, 0.78125vw);
  background-color: #ffffff;
}

.business.travel-service .sec01 .brand_bg {
  width: 100%;
  height: max(158.4px, 15.625vw);
  border-radius: max(7.92px, 0.78125vw) max(7.92px, 0.78125vw) 0 0;
}

@media (max-width: 1023px) {
  .business.travel-service .sec01 {
    padding-bottom: 128px;
  }

  .business.travel-service .sec01 .con+.con {
    padding-top: 128px;
  }

  .business.travel-service .sec01 .brand_lists {
    margin-top: 40px;
  }

  .business.travel-service .sec01 .brand_lists li {
    width: calc(50% - 10px);
    border-radius: 12px;
  }

  .business.travel-service .sec01 .brand_lists li:nth-child(even) {
    margin-top: 48px;
  }

  .business.travel-service .sec01 .brand_lists li:nth-child(even) .trigger_box {
    top: calc(50% - 30px);
  }

  .business.travel-service .sec01 .brand_lists li>a {
    border-radius: 12px;
    transform: translateY(100px);
  }

  .business.travel-service .sec01 .brand_lists li img {
    border-radius: 12px 12px 0 0;
  }

  .business.travel-service .sec01 .brand_lists dt {
    margin-bottom: 3px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .business.travel-service .sec01 .brand_lists dd {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .business.travel-service .sec01 .brand_box {
    padding: 24px 20px;
    border-radius: 0 0 12px 12px;
  }

  .business.travel-service .sec01 .brand_bg {
    height: 217px;
    border-radius: 12px 12px 0 0;
  }
}

@media (max-width: 767px) {
  .business.travel-service .sec01 {
    padding-bottom: 80px;
  }

  .business.travel-service .sec01 .con+.con {
    padding-top: 80px;
  }

  .business.travel-service .sec01 .brand_lists {
    margin-top: 40px;
  }

  .business.travel-service .sec01 .brand_lists li {
    width: 100%;
    margin-bottom: 28px;
    border-radius: 12px;
  }

  .business.travel-service .sec01 .brand_lists li:nth-child(even) {
    margin-top: 0;
  }

  .business.travel-service .sec01 .brand_lists li:nth-child(even) .trigger_box {
    top: 0;
  }

  .business.travel-service .sec01 .brand_lists li:last-child {
    margin-bottom: 0;
  }

  .business.travel-service .sec01 .brand_lists li>a {
    border-radius: 12px;
    transform: translateY(100px);
  }

  .business.travel-service .sec01 .brand_lists li img {
    border-radius: 12px 12px 0 0;
  }

  .business.travel-service .sec01 .brand_lists dt {
    margin-bottom: 3px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .business.travel-service .sec01 .brand_lists dd {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .business.travel-service .sec01 .brand_box {
    padding: 24px 20px;
    border-radius: 0 0 12px 12px;
  }

  .business.travel-service .sec01 .brand_bg {
    height: 217px;
    border-radius: 12px 12px 0 0;
  }
}

.business.travel-service .sec02 h3 {
  margin-bottom: max(7.92px, 0.78125vw);
}

.business.travel-service .sec02 .service_lists {
  margin-top: max(13.2px, 1.3020833333vw);
}

.business.travel-service .sec02 .table_area .board {
  margin-bottom: max(39.6px, 3.90625vw);
}

.business.travel-service .sec02 .service_slider {
  position: relative;
  overflow: hidden;
  border-radius: max(7.92px, 0.78125vw);
}

.business.travel-service .sec02 .service_slider .btn {
  white-space: normal;
  margin-right: 0;
}

.business.travel-service .sec02 .service_slider .swiper-pagination {
  position: absolute;
  z-index: 1;
  width: auto;
  left: max(29.04px, 2.8645833333vw);
  bottom: max(29.04px, 2.8645833333vw);
}

.business.travel-service .sec02 .service_slider .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  background-color: transparent;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.business.travel-service .sec02 .service_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  height: max(5.28px, 0.5208333333vw);
  border-radius: max(659.34px, 65.0390625vw);
  background-color: #ffffff;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.business.travel-service .sec02 .swiper-slide {
  position: relative;
  width: 100%;
  height: max(237.6px, 23.4375vw);
}

.business.travel-service .sec02 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 85% 0;
  border-radius: max(7.92px, 0.78125vw);
}

.business.travel-service .sec02 .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition-duration: 0.4s;
  opacity: 0;
}

.business.travel-service .sec02 .swiper-slide:hover::after {
  opacity: 1;
}

.business.travel-service .sec02 .txt_wrap {
  position: absolute;
  z-index: 1;
  left: max(31.68px, 3.125vw);
  bottom: max(55.44px, 5.46875vw);
}

.business.travel-service .sec02 .txt_wrap strong {
  display: block;
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-family: "Cafe24Ohsquare";
  font-weight: bold;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.travel-service .sec02 .txt_wrap .sub_txt {
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.travel-service .sec02 .shortcut_area {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .business.travel-service .sec02 h3 {
    margin-bottom: 10px;
  }

  .business.travel-service .sec02 .service_lists {
    margin-top: 20px;
  }

  .business.travel-service .sec02 .table_area .board {
    margin-bottom: 48px;
  }

  .business.travel-service .sec02 .service_slider {
    border-radius: 12px;
  }

  .business.travel-service .sec02 .service_slider .swiper-pagination {
    left: 36px;
    bottom: 36px;
  }

  .business.travel-service .sec02 .service_slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .business.travel-service .sec02 .service_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #ffffff;
  }

  .business.travel-service .sec02 .swiper-slide {
    height: 360px;
  }

  .business.travel-service .sec02 .swiper-slide img {
    border-radius: 12px;
  }

  .business.travel-service .sec02 .txt_wrap {
    left: 40px;
    bottom: 70px;
  }

  .business.travel-service .sec02 .txt_wrap strong {
    margin-bottom: 13px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.travel-service .sec02 .txt_wrap .sub_txt {
    margin-bottom: 16px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .business.travel-service .sec02 .shortcut_area {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .business.travel-service .sec02 h3 {
    margin-bottom: 10px;
  }

  .business.travel-service .sec02 .service_lists {
    margin-top: 20px;
  }

  .business.travel-service .sec02 .table_area .board {
    margin-bottom: 48px;
  }

  .business.travel-service .sec02 .table_area .board li {
    margin-top: 20px;
  }

  .business.travel-service .sec02 .table_area .board li:first-child {
    margin-top: 0;
  }

  .business.travel-service .sec02 .service_slider {
    border-radius: 12px;
  }

  .business.travel-service .sec02 .service_slider .swiper-pagination {
    left: 16px;
    bottom: 20px;
  }

  .business.travel-service .sec02 .service_slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .business.travel-service .sec02 .service_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #ffffff;
  }

  .business.travel-service .sec02 .swiper-slide {
    height: 360px;
  }

  .business.travel-service .sec02 .swiper-slide img {
    border-radius: 12px;
  }

  .business.travel-service .sec02 .txt_wrap {
    width: calc(100% - 40px);
    left: 20px;
    bottom: 54px;
  }

  .business.travel-service .sec02 .txt_wrap strong {
    margin-bottom: 13px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.travel-service .sec02 .txt_wrap .sub_txt {
    margin-bottom: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .business.travel-service .sec02 .shortcut_area {
    margin-top: 20px;
  }
}

.service_layer_popup .popup_tit span {
  display: block;
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-family: "Cafe24Ohsquare";
  word-break: keep-all;
  word-wrap: break-word;
  color: #343a3f;
}

.service_layer_popup .popup_tit strong {
  display: block;
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-family: "Cafe24Ohsquare";
  font-weight: bold;
  color: #5e2bb8;
}

.service_layer_popup .popup_tit p {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.service_layer_popup .contents_box {
  margin-top: max(21.12px, 2.0833333333vw);
  padding-top: max(21.12px, 2.0833333333vw);
  border-top: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.service_layer_popup .contents_box li {
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.service_layer_popup .contents_box li:last-child {
  margin-bottom: 0;
}

.service_layer_popup .contents_box strong {
  display: inline-block;
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-weight: bold;
  color: #343a3f;
  word-break: keep-all;
  word-wrap: break-word;
}

.service_layer_popup .contents_box p {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .service_layer_popup .popup_tit span {
    margin-bottom: 6px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .service_layer_popup .popup_tit strong {
    margin-bottom: 13px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }

  .service_layer_popup .popup_tit p {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .service_layer_popup .contents_box {
    margin-top: 24px;
    padding-top: 26px;
    border-top: 1px solid #DDE1E6;
  }

  .service_layer_popup .contents_box li {
    margin-bottom: 16px;
  }

  .service_layer_popup .contents_box strong {
    margin-bottom: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .service_layer_popup .contents_box p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .service_layer_popup .popup_tit span {
    margin-bottom: 6px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .service_layer_popup .popup_tit strong {
    margin-bottom: 13px;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.3928571429;
  }

  .service_layer_popup .popup_tit p {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .service_layer_popup .contents_box {
    margin-top: 24px;
    padding-top: 26px;
    border-top: 1px solid #DDE1E6;
  }

  .service_layer_popup .contents_box li {
    margin-bottom: 16px;
  }

  .service_layer_popup .contents_box strong {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .service_layer_popup .contents_box p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}

@media (max-width: 767px) {
  .business.online_service .sec h4 {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec .sec_common_txt02 {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

.business.online_service .sec01 {
  padding-bottom: max(105.6px, 10.4166666667vw);
}

.business.online_service .sec01 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.business.online_service .sec01 .row:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .business.online_service .sec01 .row {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .business.online_service .sec01 .row {
    margin-bottom: 64px;
  }
}

.business.online_service .sec02 {
  overflow: hidden;
  position: relative;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
  padding-top: 0;
}

.business.online_service .sec02 .intro_motion {
  position: relative;
  width: 100%;
  height: 100%;
}

.business.online_service .sec02 .intro_motion .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: max(13.2px, 1.3020833333vw);
  position: relative;
  height: 100%;
  padding: 0 max(19.8px, 1.953125vw);
}

.business.online_service .sec02 .intro_motion .fake_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: max(13.2px, 1.3020833333vw);
}

.business.online_service .sec02 .intro_motion .fake_wrap .fake {
  width: max(171.6px, 16.9270833333vw);
  height: max(207.9px, 20.5078125vw);
  background-size: cover !important;
  border-radius: max(15.84px, 1.5625vw);
}

.business.online_service .sec02 .intro_motion .fake_wrap.left .fake:nth-child(1) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/online-service/fake_01.jpg") 0 0 no-repeat;
}

.business.online_service .sec02 .intro_motion .fake_wrap.left .fake:nth-child(2) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/online-service/fake_02.jpg") 0 0 no-repeat;
}

.business.online_service .sec02 .intro_motion .fake_wrap.right .fake:nth-child(1) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/online-service/fake_03.jpg") 0 0 no-repeat;
}

.business.online_service .sec02 .intro_motion .fake_wrap.right .fake:nth-child(2) {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/online-service/fake_04.jpg") 0 0 no-repeat;
}

.business.online_service .sec02 .intro_motion .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max(237.6px, 23.4375vw);
  height: max(343.2px, 33.8541666667vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/online-service/expand.jpg") 0 0 no-repeat;
  background-size: cover !important;
  background-position: center !important;
  border-radius: max(15.84px, 1.5625vw);
  will-change: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: width 0.8s, height 0.8s, border-radius 0.8s;
}

.business.online_service .sec02 .intro_motion .center .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  will-change: opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: opacity 0.8s;
}

.business.online_service .sec02 .intro_motion .center p {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-align: center;
  font-family: "Cafe24Ohsquare";
  color: #fff;
}

.business.online_service .sec02 .intro_motion .center p.small {
  padding-bottom: max(13.2px, 1.3020833333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid rgba(255, 255, 255, 0.5);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: normal;
}

.business.online_service .sec02 .intro_motion .center p.small~.big {
  padding-top: max(13.2px, 1.3020833333vw);
}

.business.online_service .sec02 .intro_motion .center p.big {
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
}

.business.online_service .sec02 .fade_motion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fafafa;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s;
  transition-delay: 0.5s;
}

.business.online_service .sec02 .fade_motion.fade_in {
  opacity: 1;
  visibility: visible;
}

.business.online_service .sec02 .cnt {
  position: relative;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
}

.business.online_service .sec02 .cnt .bg_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.business.online_service .sec02 .cnt .bg_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.business.online_service .sec02 .cnt .bg_wrap img:first-child {
  display: block;
}

.business.online_service .sec02 .txt_wrap {
  display: flex;
  align-items: center;
  height: calc(var(--vh, 1vh) * 100);
}

.business.online_service .sec02 .txt_wrap .inner {
  width: 100%;
}

.business.online_service .sec02 .txt_wrap .title {
  margin-bottom: max(39.6px, 3.90625vw);
}

.business.online_service .sec02 .txt_wrap .title span {
  display: block;
  width: fit-content;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5);
}

.business.online_service .sec02 .txt_wrap .title h5 {
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
}

.business.online_service .sec02 .txt_wrap .desc_wrap {
  position: relative;
  min-height: max(71.28px, 7.03125vw);
}

.business.online_service .sec02 .txt_wrap .desc_wrap p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s;
}

.business.online_service .sec02 .txt_wrap .desc_wrap p:first-child {
  opacity: 1;
  visibility: visible;
}

.business.online_service .sec02 .cnt_controller {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: max(5.28px, 0.5208333333vw);
  margin-bottom: max(19.8px, 1.953125vw);
}

.business.online_service .sec02 .cnt_controller li {
  height: max(26.4px, 2.6041666667vw);
}

.business.online_service .sec02 .cnt_controller li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 max(10.56px, 1.0416666667vw);
  background-color: #fff;
  border-radius: 999px;
  word-break: keep-all;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #121619;
  transition-property: opacity, background;
  transition-duration: 0.3s;
}

.business.online_service .sec02 .cnt_controller li:hover a,
.business.online_service .sec02 .cnt_controller li.active a {
  background-color: #5e2bb8;
  color: #fff;
}

.business.online_service .sec02 .swiper-button-next,
.business.online_service .sec02 .swiper-button-prev {
  z-index: 99;
  position: absolute;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  width: max(33px, 3.2552083333vw);
  height: max(33px, 3.2552083333vw);
}

.business.online_service .sec02 .swiper-button-next::after,
.business.online_service .sec02 .swiper-button-prev::after {
  display: none;
}

.business.online_service .sec02 .swiper-button-prev {
  left: max(52.8px, 5.2083333333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/online-service/ic_prev.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.online_service .sec02 .swiper-button-next {
  right: max(52.8px, 5.2083333333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/online-service/ic_next.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.online_service .sec02 .tab_slide_progress {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: max(0.66px, 0.0651041667vw) solid rgba(255, 255, 255, 0.4);
  text-align: center;
}

.business.online_service .sec02 .tab_slide_progress.autoplay_stop li.swiper-pagination-bullet-active .bar {
  width: 100%;
  animation: none;
}

.business.online_service .sec02 .tab_slide_progress li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 25%;
  min-height: max(33px, 3.2552083333vw);
  padding: max(11.22px, 1.1067708333vw) max(13.2px, 1.3020833333vw);
  margin: 0;
  border-right: max(0.66px, 0.0651041667vw) solid rgba(255, 255, 255, 0.4);
  border-radius: 0;
  cursor: pointer;
}

.business.online_service .sec02 .tab_slide_progress li:last-child {
  border-right: 0;
}

.business.online_service .sec02 .tab_slide_progress li .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: max(52.8px, 5.2083333333vw);
  background: rgba(0, 0, 0, 0.2);
}

.business.online_service .sec02 .tab_slide_progress li.swiper-pagination-bullet-active {
  background: transparent;
}

.business.online_service .sec02 .tab_slide_progress li.swiper-pagination-bullet-active .bar {
  animation-name: countingBar;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.business.online_service .sec02 .tab_slide_progress li.swiper-pagination-bullet-active.reset .bar {
  -webkit-animation: notexistent;
  animation: notexistent;
}

.business.online_service .sec02 .tab_slide_progress li.swiper-pagination-bullet-active .tab_txt {
  font-weight: bold;
}

.business.online_service .sec02 .tab_slide_progress li .tab_txt {
  position: relative;
  z-index: 1;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #ffffff;
}

.business.online_service .sec02 .tab_slide_progress .swiper-pagination-bullet {
  background: transparent;
  opacity: 1;
}

.business.online_service .sec02 .m_cnt {
  display: none;
}

@media (max-width: 1023px) {
  .business.online_service .sec02 .intro_motion .inner {
    gap: 20px;
    padding: 0;
  }

  .business.online_service .sec02 .intro_motion .fake_wrap {
    flex-direction: column;
    gap: 20px;
    position: relative;
    height: fit-content;
  }

  .business.online_service .sec02 .intro_motion .fake_wrap .fake {
    width: 260px;
    height: 315px;
    border-radius: 24px;
  }

  .business.online_service .sec02 .intro_motion .fake_wrap.left,
  .business.online_service .sec02 .intro_motion .fake_wrap.right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .business.online_service .sec02 .intro_motion .fake_wrap.left {
    left: -60px;
  }

  .business.online_service .sec02 .intro_motion .fake_wrap.right {
    right: -60px;
  }

  .business.online_service .sec02 .intro_motion .center {
    width: calc(55% - 60px);
    height: 520px;
    border-radius: 24px;
  }

  .business.online_service .sec02 .intro_motion .center p.small {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .intro_motion .center p.small~.big {
    padding-top: 20px;
  }

  .business.online_service .sec02 .intro_motion .center p.big {
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .txt_wrap {
    justify-content: center;
  }

  .business.online_service .sec02 .txt_wrap .title {
    margin-bottom: 24px;
  }

  .business.online_service .sec02 .txt_wrap .title span {
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .txt_wrap .title h5 {
    text-align: center;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .txt_wrap .desc_wrap {
    display: none;
  }

  .business.online_service .sec02 .cnt_controller {
    justify-content: center;
    gap: 8px;
    max-width: 466px;
    margin: 0 auto;
  }

  .business.online_service .sec02 .cnt_controller li {
    height: 40px;
  }

  .business.online_service .sec02 .cnt_controller li a {
    padding: 0 16px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    color: #fff;
  }

  .business.online_service .sec02 .cnt_controller li:hover a,
  .business.online_service .sec02 .cnt_controller li.active a {
    background-color: transparent;
    color: #fff;
  }

  .business.online_service .sec02 .swiper-button-next,
  .business.online_service .sec02 .swiper-button-prev {
    display: none;
  }

  .business.online_service .sec02 .tab_slide_progress {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }

  .business.online_service .sec02 .tab_slide_progress li {
    min-height: 64px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
  }

  .business.online_service .sec02 .tab_slide_progress li .bar {
    min-height: 64px;
  }

  .business.online_service .sec02 .tab_slide_progress li .tab_txt {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .m_cnt {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    width: 65.5vw;
    height: 65vh;
    padding: 48px 20px 0;
    background-color: #F2F4F8;
    filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.15));
    border-radius: 12px;
  }

  .business.online_service .sec02 .m_cnt.active {
    display: block;
  }

  .business.online_service .sec02 .m_cnt .btn_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/button/button_delete_gray02.svg") 0 0 no-repeat;
    background-size: cover !important;
  }

  .business.online_service .sec02 .m_cnt .inner {
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding-bottom: 48px;
  }

  .business.online_service .sec02 .m_cnt .title {
    display: block;
    margin-bottom: 16px;
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    font-weight: bold;
    color: #5e2bb8;
  }

  .business.online_service .sec02 .m_cnt p {
    margin-bottom: 48px;
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    color: #697077;
  }

  .business.online_service .sec02 .m_cnt .img_wrap {
    display: flex;
    justify-content: center;
  }

  .business.online_service .sec02 .m_cnt .img_wrap img {
    display: none;
  }
}

@media (max-width: 767px) {
  .business.online_service .sec02 .intro_motion .fake_wrap {
    display: none;
  }

  .business.online_service .sec02 .intro_motion .center {
    width: calc(100% - 40px);
    height: 61vh;
  }

  .business.online_service .sec02 .txt_wrap .title {
    margin-bottom: 24px;
  }

  .business.online_service .sec02 .txt_wrap .title span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .txt_wrap .title h5 {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .cnt_controller {
    gap: 8px;
    max-width: calc(100% - 60px);
  }

  .business.online_service .sec02 .cnt_controller li {
    height: 40px;
  }

  .business.online_service .sec02 .cnt_controller li a {
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: #fff;
  }

  .business.online_service .sec02 .swiper-button-next,
  .business.online_service .sec02 .swiper-button-prev {
    display: block;
    z-index: 99;
    position: absolute;
    bottom: 14px;
    transform: unset;
    top: auto;
    width: 34px;
    height: 34px;
  }

  .business.online_service .sec02 .swiper-button-next::after,
  .business.online_service .sec02 .swiper-button-prev::after {
    display: none;
  }

  .business.online_service .sec02 .swiper-button-prev {
    left: 3px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/main/arrow_btn_left.svg") center no-repeat;
    background-size: 24px 24px;
  }

  .business.online_service .sec02 .swiper-button-next {
    right: 3px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/main/arrow_btn_right.svg") center no-repeat;
    background-size: 24px 24px;
  }

  .business.online_service .sec02 .tab_slide_progress {
    height: 64px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }

  .business.online_service .sec02 .tab_slide_progress li {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 64px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    opacity: 0;
  }

  .business.online_service .sec02 .tab_slide_progress li .bar {
    height: 64px;
  }

  .business.online_service .sec02 .tab_slide_progress li.swiper-pagination-bullet-active {
    display: flex;
    opacity: 1;
  }

  .business.online_service .sec02 .tab_slide_progress li .tab_txt {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .m_cnt {
    width: calc(100vw - 40px);
    padding: 48px 20px 0;
    filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.15));
    border-radius: 12px;
  }

  .business.online_service .sec02 .m_cnt .btn_close {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
  }

  .business.online_service .sec02 .m_cnt .inner {
    padding-bottom: 48px;
  }

  .business.online_service .sec02 .m_cnt .title {
    margin-bottom: 16px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .m_cnt p {
    margin-bottom: 48px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.online_service .sec02 .m_cnt .img_wrap img {
    width: 100%;
  }
}

.business.online_service .sec03 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.business.online_service .sec03 .sec_common_txt02 {
  margin: max(7.92px, 0.78125vw) 0 max(13.2px, 1.3020833333vw);
}

.business.online_service .sec03 .table_area .type3 .board_list .board .txt_area .tit {
  margin-top: 0;
  height: max(19.8px, 1.953125vw);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.5;
  max-height: 1.5em;
}

.business.online_service .sec03 .service_slider {
  position: relative;
  overflow: hidden;
  border-radius: max(7.92px, 0.78125vw);
}

.business.online_service .sec03 .service_slider .btn {
  white-space: normal;
  margin-right: 0;
}

.business.online_service .sec03 .service_slider .swiper-pagination {
  position: absolute;
  z-index: 1;
  width: auto;
  left: max(31.68px, 3.125vw);
  bottom: max(29.04px, 2.8645833333vw);
}

.business.online_service .sec03 .service_slider .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  background-color: transparent;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.business.online_service .sec03 .service_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  height: max(5.28px, 0.5208333333vw);
  border-radius: max(659.34px, 65.0390625vw);
  background-color: #ffffff;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.business.online_service .sec03 .swiper-slide {
  position: relative;
  width: 100%;
  height: max(237.6px, 23.4375vw);
}

.business.online_service .sec03 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: max(7.92px, 0.78125vw);
}

.business.online_service .sec03 .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition-duration: 0.4s;
  opacity: 0;
}

@media (min-width: 1540px) and (pointer: fine) {
  .business.online_service .sec03 .swiper-slide:hover::after {
    opacity: 1;
  }
}

.business.online_service .sec03 .txt_wrap {
  position: absolute;
  z-index: 1;
  left: max(31.68px, 3.125vw);
  bottom: max(55.44px, 5.46875vw);
}

.business.online_service .sec03 .txt_wrap strong {
  display: block;
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-family: "Cafe24Ohsquare";
  font-weight: bold;
  color: #ffffff;
}

.business.online_service .sec03 .txt_wrap .sub_txt {
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.online_service .sec03 .shortcut_area {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .business.online_service .sec03 {
    padding-top: 96px;
  }

  .business.online_service .sec03 .sec_common_txt02 {
    margin: 10px 0 20px;
  }

  .business.online_service .sec03 .table_area .type3 .board_list .board .txt_area .tit {
    height: 30px;
  }

  .business.online_service .sec03 .service_slider {
    border-radius: 12px;
  }

  .business.online_service .sec03 .service_slider .swiper-pagination {
    left: 40px;
    bottom: 36px;
  }

  .business.online_service .sec03 .service_slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .business.online_service .sec03 .service_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #ffffff;
  }

  .business.online_service .sec03 .swiper-slide {
    height: 360px;
  }

  .business.online_service .sec03 .swiper-slide img {
    border-radius: 12px;
  }

  .business.online_service .sec03 .txt_wrap {
    left: 40px;
    bottom: 70px;
  }

  .business.online_service .sec03 .txt_wrap strong {
    margin-bottom: 13px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.online_service .sec03 .txt_wrap .sub_txt {
    margin-bottom: 16px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .business.online_service .sec03 .shortcut_area {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .business.online_service .sec03 {
    padding-top: 80px;
  }

  .business.online_service .sec03 .sec_common_txt02 {
    margin: 10px 0 20px;
  }

  .business.online_service .sec03 .table_area .type3 .board_list .board .txt_area .tit {
    height: auto;
    display: block;
    overflow: visible;
    max-height: inherit;
  }

  .business.online_service .sec03 .service_slider {
    border-radius: 12px;
  }

  .business.online_service .sec03 .service_slider .swiper-pagination {
    left: 20px;
    bottom: 20px;
  }

  .business.online_service .sec03 .service_slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .business.online_service .sec03 .service_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #ffffff;
  }

  .business.online_service .sec03 .swiper-slide {
    height: 360px;
  }

  .business.online_service .sec03 .swiper-slide img {
    border-radius: 12px;
  }

  .business.online_service .sec03 .txt_wrap {
    width: calc(100% - 40px);
    left: 20px;
    bottom: 54px;
  }

  .business.online_service .sec03 .txt_wrap strong {
    margin-bottom: 13px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.online_service .sec03 .txt_wrap .sub_txt {
    margin-bottom: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .business.online_service .sec03 .shortcut_area {
    margin-top: 20px;
  }
}

.business.b2b-business .sec+.sec {
  padding-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .business.b2b-business .sec+.sec {
    padding-top: 128px;
  }
}

@media (max-width: 767px) {
  .business.b2b-business .sec+.sec {
    padding-top: 80px;
  }
}

.business.b2b-business .b2b_sub_txt {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.b2b-business .partners_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: max(39.6px, 3.90625vw);
}

.business.b2b-business .partners_item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: calc(33.33% - max(6.6px, 0.6510416667vw));
  padding: max(22.44px, 2.2135416667vw) 0 max(16.5px, 1.6276041667vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #f2f4f8;
  text-align: center;
}

.business.b2b-business .partners_item i {
  display: inline-block;
  width: max(23.76px, 2.34375vw);
  height: max(23.76px, 2.34375vw);
}

.business.b2b-business .partners_item strong {
  display: inline-block;
  margin: max(3.96px, 0.390625vw) 0 max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-weight: bold;
  color: #121619;
}

.business.b2b-business .partners_item em .number {
  font-family: "Spoqa Han Sans Neo";
  font-size: max(34.32px, 3.3854166667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: bold;
  color: #5e2bb8;
}

.business.b2b-business .partners_item em span {
  display: inline-block;
  margin-left: max(1.32px, 0.1302083333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-family: "Pretendard", sans-serif;
  color: #697077;
}

.business.b2b-business .benefits_wrap {
  margin-top: max(26.4px, 2.6041666667vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

.business.b2b-business .benefits_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: max(21.78px, 2.1484375vw) max(21.12px, 2.0833333333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.business.b2b-business .benefits_list:last-child {
  border-bottom: 0;
}

.business.b2b-business .benefits_list img {
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
  margin-right: max(13.2px, 1.3020833333vw);
}

.business.b2b-business .cont_box {
  width: 100%;
}

.business.b2b-business .cont_box strong {
  display: inline-block;
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-weight: bold;
  color: #343a3f;
}

.business.b2b-business .cont_box .sub_txt {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.b2b-business .contact_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: max(26.4px, 2.6041666667vw);
  padding: max(26.4px, 2.6041666667vw) max(21.12px, 2.0833333333vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

.business.b2b-business .contact_wrap .email_icon {
  display: inline-block;
  margin-right: max(21.12px, 2.0833333333vw);
  width: max(52.8px, 5.2083333333vw);
  height: max(52.8px, 5.2083333333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/partners/contact_email.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.b2b-business .contact_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: calc(100% - max(73.92px, 7.2916666667vw));
}

.business.b2b-business .contact_box strong {
  display: inline-block;
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-weight: bold;
  color: #5e2bb8;
}

.business.b2b-business .contact_box p {
  display: inline-block;
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.b2b-business .contact_box .copy_email {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.business.b2b-business .contact_box .copy_email i {
  display: inline-block;
  margin-right: max(3.96px, 0.390625vw);
  width: max(10.56px, 1.0416666667vw);
  height: max(10.56px, 1.0416666667vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/partners/ico_mail.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.b2b-business .contact_box .copy_email .mail_txt {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #4D5358;
}

.business.b2b-business .contact_box .copy_email .link {
  display: inline-block;
  width: max(14.52px, 1.4322916667vw);
  height: max(14.52px, 1.4322916667vw);
  padding: max(3.96px, 0.390625vw);
}

.business.b2b-business .contact_box .copy_email .link img {
  width: 100%;
}

.business.b2b-business .partners_slider {
  position: relative;
  overflow: hidden;
  border-radius: max(7.92px, 0.78125vw);
}

.business.b2b-business .partners_slider .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition-duration: 0.4s;
  opacity: 0;
}

@media (min-width: 1540px) and (pointer: fine) {
  .business.b2b-business .partners_slider .swiper-slide:hover::after {
    opacity: 1;
  }
}

.business.b2b-business .partners_slider .btn {
  white-space: normal;
  margin-right: 0;
}

.business.b2b-business .partners_slider .pc_slide_img {
  display: block;
}

.business.b2b-business .partners_slider .tablet_slide_img {
  display: none;
}

.business.b2b-business .partners_slider .m_slide_img {
  display: none;
}

.business.b2b-business .swiper-pagination {
  position: absolute;
  z-index: 1;
  width: auto;
  left: max(29.04px, 2.8645833333vw);
  bottom: max(29.04px, 2.8645833333vw);
}

.business.b2b-business .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  background-color: transparent;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.business.b2b-business .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  height: max(5.28px, 0.5208333333vw);
  border-radius: max(659.34px, 65.0390625vw);
  background-color: #ffffff;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.business.b2b-business .swiper-slide {
  position: relative;
  width: 100%;
  height: max(237.6px, 23.4375vw);
}

.business.b2b-business .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 85% 0;
  border-radius: max(7.92px, 0.78125vw);
}

.business.b2b-business .txt_wrap {
  position: absolute;
  z-index: 1;
  left: max(31.68px, 3.125vw);
  bottom: max(55.44px, 5.46875vw);
}

.business.b2b-business .txt_wrap strong {
  display: block;
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-family: "Cafe24Ohsquare";
  font-weight: bold;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.b2b-business .txt_wrap .slide_sub_txt {
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.b2b-business .shortcut_area {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .business.b2b-business .b2b_sub_txt {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .business.b2b-business .partners_wrap {
    display: block;
    margin-top: 48px;
  }

  .business.b2b-business .partners_wrap::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

  .business.b2b-business .partners_item {
    float: left;
    width: 48.54%;
    margin-right: 2.9%;
    padding: 32px 0;
    border-radius: 12px;
  }

  .business.b2b-business .partners_item i {
    width: 36px;
    height: 36px;
  }

  .business.b2b-business .partners_item:nth-child(2) {
    margin-right: 0;
  }

  .business.b2b-business .partners_item:last-child {
    width: 100%;
    margin-top: 20px;
    margin-right: 0;
  }

  .business.b2b-business .partners_item strong {
    margin: 6px 0 4px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .business.b2b-business .partners_item em .number {
    font-size: 42px;
    letter-spacing: -0.02em;
    line-height: 1.3095238095;
  }

  .business.b2b-business .partners_item em span {
    margin-left: 3px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .business.b2b-business .benefits_wrap {
    margin-top: 28px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .business.b2b-business .benefits_list {
    padding: 26px;
    border-bottom: 1px solid #DDE1E6;
  }

  .business.b2b-business .benefits_list img {
    width: 48px;
    height: 48px;
    margin-right: 20px;
  }

  .business.b2b-business .cont_box strong {
    margin-bottom: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5882352941;
  }

  .business.b2b-business .cont_box .sub_txt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.b2b-business .contact_wrap {
    margin-top: 28px;
    padding: 28px 26px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .business.b2b-business .contact_wrap .email_icon {
    margin-right: 20px;
    width: 48px;
    height: 48px;
  }

  .business.b2b-business .contact_box {
    width: calc(100% - 68px);
  }

  .business.b2b-business .contact_box strong {
    margin-bottom: 8px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .business.b2b-business .contact_box p {
    margin-bottom: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.b2b-business .contact_box .copy_email i {
    margin-right: 6px;
    width: 16px;
    height: 16px;
  }

  .business.b2b-business .contact_box .copy_email .mail_txt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.b2b-business .contact_box .copy_email .link {
    width: 22px;
    height: 22px;
    padding: 6px;
  }

  .business.b2b-business .partners_slider {
    border-radius: 12px;
  }

  .business.b2b-business .partners_slider .pc_slide_img {
    display: none;
  }

  .business.b2b-business .partners_slider .tablet_slide_img {
    display: block;
  }

  .business.b2b-business .partners_slider .m_slide_img {
    display: none;
  }

  .business.b2b-business .swiper-pagination {
    left: 36px;
    bottom: 36px;
  }

  .business.b2b-business .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .business.b2b-business .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #ffffff;
  }

  .business.b2b-business .swiper-slide {
    height: 360px;
  }

  .business.b2b-business .swiper-slide img {
    border-radius: 12px;
  }

  .business.b2b-business .txt_wrap {
    left: 40px;
    bottom: 70px;
  }

  .business.b2b-business .txt_wrap strong {
    margin-bottom: 13px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.b2b-business .txt_wrap .slide_sub_txt {
    margin-bottom: 16px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .business.b2b-business .shortcut_area {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .business.b2b-business .b2b_sub_txt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .business.b2b-business .partners_wrap {
    margin-top: 48px;
  }

  .business.b2b-business .partners_item {
    float: none;
    width: 100%;
    margin-top: 20px;
    margin-right: 0;
    padding: 32px 0;
    border-radius: 12px;
  }

  .business.b2b-business .partners_item i {
    width: 36px;
    height: 36px;
  }

  .business.b2b-business .partners_item:last-child {
    width: 100%;
    margin-top: 20px;
  }

  .business.b2b-business .partners_item strong {
    margin: 6px 0 4px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .business.b2b-business .partners_item em .number {
    font-size: 34px;
    letter-spacing: -0.02em;
    line-height: 1.3823529412;
  }

  .business.b2b-business .partners_item em span {
    margin-left: 3px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .business.b2b-business .benefits_wrap {
    margin-top: 28px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .business.b2b-business .benefits_list {
    flex-direction: column;
    padding: 26px;
    border-bottom: 1px solid #DDE1E6;
  }

  .business.b2b-business .benefits_list img {
    width: 48px;
    height: 48px;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .business.b2b-business .cont_box strong {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .business.b2b-business .cont_box .sub_txt {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .business.b2b-business .contact_wrap {
    flex-direction: column;
    margin-top: 28px;
    padding: 28px 24px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .business.b2b-business .contact_wrap .email_icon {
    margin-right: 0;
    margin-bottom: 20px;
    width: 48px;
    height: 48px;
  }

  .business.b2b-business .contact_box {
    width: 100%;
  }

  .business.b2b-business .contact_box strong {
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .business.b2b-business .contact_box p {
    margin-bottom: 16px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .business.b2b-business .contact_box .copy_email i {
    margin-right: 6px;
    width: 16px;
    height: 16px;
  }

  .business.b2b-business .contact_box .copy_email .mail_txt {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .business.b2b-business .contact_box .copy_email .link {
    width: 22px;
    height: 22px;
    padding: 6px;
  }

  .business.b2b-business .partners_slider {
    border-radius: 12px;
  }

  .business.b2b-business .partners_slider .pc_slide_img {
    display: none;
  }

  .business.b2b-business .partners_slider .tablet_slide_img {
    display: none;
  }

  .business.b2b-business .partners_slider .m_slide_img {
    display: block;
  }

  .business.b2b-business .swiper-pagination {
    left: 16px;
    bottom: 20px;
  }

  .business.b2b-business .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .business.b2b-business .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #ffffff;
  }

  .business.b2b-business .swiper-slide {
    height: 360px;
  }

  .business.b2b-business .swiper-slide img {
    border-radius: 12px;
  }

  .business.b2b-business .txt_wrap {
    left: 20px;
    bottom: 54px;
  }

  .business.b2b-business .txt_wrap strong {
    margin-bottom: 13px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.b2b-business .txt_wrap .slide_sub_txt {
    margin-bottom: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .business.b2b-business .shortcut_area {
    margin-top: 20px;
  }
}

.business.partners .sec01 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.business.partners .sec01 .b2b_sub_txt {
  margin-top: max(39.6px, 3.90625vw);
}

.business.partners .sec01 .partners_item:nth-child(1) i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/partners/sec01_icon01.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.partners .sec01 .partners_item:nth-child(2) i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/partners/sec01_icon02.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.partners .sec01 .partners_item:nth-child(3) i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/partners/sec01_icon03.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.partners .sec01 dl {
  margin-top: max(39.6px, 3.90625vw);
}

.business.partners .sec01 dt {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.business.partners .sec01 dd {
  margin-top: max(7.92px, 0.78125vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .business.partners .sec01 {
    padding-top: 128px;
  }

  .business.partners .sec01 .b2b_sub_txt {
    margin-top: 48px;
  }

  .business.partners .sec01 dl {
    margin-top: 48px;
  }

  .business.partners .sec01 dt {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.partners .sec01 dd {
    margin-top: 16px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .business.partners .sec01 {
    padding-top: 80px;
  }

  .business.partners .sec01 .b2b_sub_txt {
    margin-top: 48px;
  }

  .business.partners .sec01 dl {
    margin-top: 48px;
  }

  .business.partners .sec01 dt {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.55;
  }

  .business.partners .sec01 dd {
    margin-top: 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
}

.business.partners .sec02 {
  /* slide01, slide04 */
  /* // slide01, slide04 */
  /* slide02, slide03 */
  /* // slide02, slide03 */
}

.business.partners .sec02 .kv_inner {
  position: relative;
  height: 100%;
}

.business.partners .sec02 .kv_container {
  position: unset;
}

.business.partners .sec02 .slide_dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
}

.business.partners .sec02 .slide_dim.on {
  display: none;
}

.business.partners .sec02 .swiper-slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}

.business.partners .sec02 .swiper-slide .bg_inner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.business.partners .sec02 .swiper-slide.scale .bg {
  transform: scale(1.1);
}

.business.partners .sec02 .swiper-slide-active .bg_inner {
  z-index: 1;
}

.business.partners .sec02 .bg {
  transition-duration: 3s;
}

.business.partners .sec02 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.business.partners .sec02 .txt_motion01 {
  position: absolute;
  top: max(105.6px, 10.4166666667vw);
  left: max(129.36px, 12.7604166667vw);
}

.business.partners .sec02 .txt_motion01 strong {
  display: block;
  width: 100%;
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-family: "Cafe24Ohsquare", sans-serif;
  font-weight: bold;
  color: #ffffff;
  opacity: 0.3;
  transition-duration: 0.6s;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.partners .sec02 .txt_motion01 .txt01 {
  margin-bottom: max(15.84px, 1.5625vw);
}

.business.partners .sec02 .txt_motion01.active .txt02 {
  opacity: 1;
}

.business.partners .sec02 .slide01 .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/partners/visual_slide_img01.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.business.partners .sec02 .slide04 .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/partners/visual_slide_img06.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.business.partners .sec02 .slide04 .bg_txt {
  font-family: "Pretendard", sans-serif;
  font-weight: bold;
}

.business.partners .sec02 .bg_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #ffffff;
  transform: translate(-50%, 0);
  text-align: center;
  transition-duration: 0.6s;
  transition-delay: 1s;
  opacity: 0;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.partners .sec02 .bg_txt.active {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.business.partners .sec02 .slide02 .bg_inner,
.business.partners .sec02 .slide03 .bg_inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.business.partners .sec02 .txt_box,
.business.partners .sec02 .img_box {
  width: 50%;
  height: 100%;
}

.business.partners .sec02 .txt_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding-left: max(129.36px, 12.7604166667vw);
}

.business.partners .sec02 .txt_box .bold {
  display: block;
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.business.partners .sec02 .img_box {
  position: relative;
}

.business.partners .sec02 .img_item {
  position: absolute;
}

.business.partners .sec02 .img_item.img01 {
  bottom: max(194.7px, 19.2057291667vw);
  right: max(118.8px, 11.71875vw);
  width: max(376.86px, 37.1744791667vw);
  height: max(285.78px, 28.1901041667vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/partners/visual_slide_img02.jpg") 0 0 no-repeat;
  background-size: cover;
}

.business.partners .sec02 .img_item.img02 {
  z-index: 1;
  bottom: 0;
  right: 0;
  width: max(360.36px, 35.546875vw);
  height: max(237.6px, 23.4375vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/partners/visual_slide_img03.jpg") 0 0 no-repeat;
  background-size: cover;
}

.business.partners .sec02 .img_item.img03 {
  z-index: 1;
  bottom: max(39.6px, 3.90625vw);
  right: max(227.7px, 22.4609375vw);
  width: max(301.62px, 29.7526041667vw);
  height: max(221.1px, 21.8098958333vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/partners/visual_slide_img04.jpg") 0 0 no-repeat;
  background-size: cover;
}

.business.partners .sec02 .img_item.img04 {
  bottom: max(195.36px, 19.2708333333vw);
  right: 0;
  width: max(394.68px, 38.9322916667vw);
  height: max(285.78px, 28.1901041667vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/partners/visual_slide_img05.jpg") 0 0 no-repeat;
  background-size: cover;
}

@media (max-width: 1023px),
(max-width: 1540px) and (pointer: coarse) {
  .business.partners .sec02 {
    /* slide01, slide04 */
    /* // slide01, slide04 */
    /* slide02, slide03 */
    /* // slide02, slide03 */
  }

  .business.partners .sec02 .kv_container .swiper-wrapper {
    flex-direction: column;
  }

  .business.partners .sec02 .swiper-slide {
    height: 80vh;
  }

  .business.partners .sec02 .swiper-slide .bg_inner {
    flex-direction: column;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0) !important;
  }

  .business.partners .sec02 .swiper-slide .trigger_inner {
    height: 100%;
    opacity: 0;
    transform: translateY(80px);
    transition-duration: 0.6s;
  }

  .business.partners .sec02 .swiper-slide .trigger_inner.active {
    opacity: 1;
    transform: translateY(0);
  }

  .business.partners .sec02 .slide_dim {
    display: none;
  }

  .business.partners .sec02 .txt_motion01 {
    top: 128px;
    left: 40px;
  }

  .business.partners .sec02 .txt_motion01 strong {
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .business.partners .sec02 .txt_motion01 .txt01 {
    margin-bottom: 24px;
  }

  .business.partners .sec02 .txt_motion02 {
    bottom: 96px;
    right: 40px;
  }

  .business.partners .sec02 .txt_motion02 strong {
    margin-bottom: 6px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.partners .sec02 .txt_motion02 span {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .business.partners .sec02 .slide01 .bg {
    background-position: 67% 50%;
  }

  .business.partners .sec02 .slide04 .bg_txt {
    opacity: 1;
  }

  .business.partners .sec02 .bg_txt {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .business.partners .sec02 .slide02 .bg_inner,
  .business.partners .sec02 .slide03 .bg_inner {
    width: 100%;
  }

  .business.partners .sec02 .slide02 .txt_box {
    padding-top: 130px;
  }

  .business.partners .sec02 .txt_box,
  .business.partners .sec02 .img_box {
    width: 100%;
  }

  .business.partners .sec02 .txt_box {
    justify-content: center;
    padding-top: 0;
    padding-left: 60px;
  }

  .business.partners .sec02 .txt_box span {
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.partners .sec02 .txt_box span:first-child {
    margin-bottom: 19px;
  }

  .business.partners .sec02 .img_item.img01 {
    bottom: auto;
    top: -204px;
    right: 71px;
    width: 400px;
    height: 240px;
  }

  .business.partners .sec02 .img_item.img02 {
    bottom: auto;
    top: 0;
    width: 299px;
    height: 197px;
  }

  .business.partners .sec02 .img_item.img03 {
    bottom: 160px;
    right: 217px;
    width: 287px;
    height: 210px;
  }

  .business.partners .sec02 .img_item.img04 {
    bottom: 313px;
    right: 0;
    width: 376px;
    height: 272px;
  }
}

@media (max-width: 767px) {
  .business.partners .sec02 {
    /* slide01, slide04 */
    /* // slide01, slide04 */
    /* slide02, slide03 */
    /* // slide02, slide03 */
  }

  .business.partners .sec02 .swiper-slide {
    height: auto;
  }

  .business.partners .sec02 .swiper-slide .bg_inner {
    width: 100%;
    height: 100%;
  }

  .business.partners .sec02 .txt_motion01 {
    top: 70px;
    left: 40px;
  }

  .business.partners .sec02 .txt_motion01 strong {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.partners .sec02 .txt_motion01 .txt01 {
    margin-bottom: 24px;
  }

  .business.partners .sec02 .txt_motion02 {
    bottom: 80px;
    right: auto;
    left: 40px;
  }

  .business.partners .sec02 .txt_motion02 strong {
    margin-bottom: 6px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.partners .sec02 .txt_motion02 span {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .business.partners .sec02 .slide01 {
    height: 508px;
  }

  .business.partners .sec02 .slide01 .bg {
    background-position: 50% 50%;
  }

  .business.partners .sec02 .slide04 {
    height: 508px;
    margin-top: 70px;
  }

  .business.partners .sec02 .slide04 .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/partners/visual_slide_img06.jpg") 50% 50% no-repeat;
    background-size: cover;
  }

  .business.partners .sec02 .bg_txt {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3666666667;
  }

  .business.partners .sec02 .slide02 .bg_inner,
  .business.partners .sec02 .slide03 .bg_inner {
    width: 100%;
  }

  .business.partners .sec02 .slide02 .txt_box,
  .business.partners .sec02 .slide03 .txt_box {
    margin-top: 70px;
  }

  .business.partners .sec02 .slide02 .txt_box {
    padding-top: 0;
  }

  .business.partners .sec02 .slide02 .bg_inner {
    flex-direction: column-reverse;
    margin-top: 70px;
  }

  .business.partners .sec02 .slide02 .img_box .trigger_inner {
    display: flex;
    width: 557px;
  }

  .business.partners .sec02 .slide03 .bg_inner {
    flex-direction: column;
  }

  .business.partners .sec02 .slide03 .img_box {
    margin-top: 70px;
  }

  .business.partners .sec02 .slide03 .img_box .trigger_inner {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .business.partners .sec02 .txt_box,
  .business.partners .sec02 .img_box {
    width: 100%;
  }

  .business.partners .sec02 .txt_box {
    justify-content: center;
    padding-top: 0;
    padding-left: 40px;
  }

  .business.partners .sec02 .txt_box span {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.partners .sec02 .txt_box span:first-child {
    margin-bottom: 0;
  }

  .business.partners .sec02 .img_item {
    position: relative;
  }

  .business.partners .sec02 .img_item.img01 {
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    width: 319px;
    height: 191px;
  }

  .business.partners .sec02 .img_item.img02 {
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    width: 238px;
    height: 157px;
    margin-top: 163px;
    margin-left: -182px;
  }

  .business.partners .sec02 .img_item.img03 {
    bottom: auto;
    right: auto;
    left: auto;
    width: 213px;
    height: 156px;
  }

  .business.partners .sec02 .img_item.img04 {
    bottom: auto;
    right: auto;
    width: 280px;
    height: 202px;
    margin-bottom: 110px;
    margin-left: -118px;
  }
}

.business.partners .sec03 .cont_box li {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.partners .sec03 .cont_box ol:not(.depth)>li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.business.partners .sec03 .cont_box ol:not(.depth)>li .num {
  display: inline-block;
  margin-right: max(3.96px, 0.390625vw);
}

.business.partners .sec03 .cont_box ol.depth .txt {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.business.partners .sec03 .cont_box ol.depth .txt .num {
  display: inline-block;
  margin-right: max(3.96px, 0.390625vw);
}

.business.partners .sec03 .cont_box .dot_list>li {
  position: relative;
  padding-left: max(15.18px, 1.4973958333vw);
}

.business.partners .sec03 .cont_box .dot_list>li::before {
  content: "";
  position: absolute;
  top: max(6.6px, 0.6510416667vw);
  left: max(6.6px, 0.6510416667vw);
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  border-radius: 50%;
  background-color: #697077;
}

.business.partners .sec03 .link_btn {
  display: inline-block;
  margin-top: max(26.4px, 2.6041666667vw);
}

.business.partners .sec03 .link_btn strong {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #121619;
}

@media (max-width: 1023px) {
  .business.partners .sec03 .cont_box strong {
    margin-bottom: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5882352941;
  }

  .business.partners .sec03 .cont_box li {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.partners .sec03 .cont_box ol:not(.depth)>li .num {
    margin-right: 6px;
  }

  .business.partners .sec03 .cont_box ol.depth .txt .num {
    margin-right: 6px;
  }

  .business.partners .sec03 .cont_box .dot_list>li {
    padding-left: 23px;
  }

  .business.partners .sec03 .cont_box .dot_list>li::before {
    top: 10px;
    left: 10px;
    width: 3px;
    height: 3px;
  }

  .business.partners .sec03 .link_btn {
    margin-top: 28px;
  }

  .business.partners .sec03 .link_btn strong {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

@media (max-width: 767px) {
  .business.partners .sec03 .cont_box strong {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .business.partners .sec03 .cont_box li {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .business.partners .sec03 .cont_box ol:not(.depth)>li .num {
    margin-right: 6px;
  }

  .business.partners .sec03 .cont_box ol.depth .txt .num {
    margin-right: 6px;
  }

  .business.partners .sec03 .cont_box .dot_list>li {
    padding-left: 23px;
  }

  .business.partners .sec03 .cont_box .dot_list>li::before {
    top: 10px;
    left: 10px;
    width: 3px;
    height: 3px;
  }

  .business.partners .sec03 .link_btn {
    margin-top: 28px;
  }

  .business.partners .sec03 .link_btn strong {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

:root {
  --swiper-theme-color: #5e2bb8;
}

.business.biz .sec01 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.business.biz .sec01 .partners_item:nth-child(1) i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec01_icon01.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec01 .partners_item:nth-child(2) i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec01_icon02.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec01 .partners_item:nth-child(3) i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec01_icon03.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec01 .benefits_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

.business.biz .sec01 .benefits_list img {
  margin-right: max(18.48px, 1.8229166667vw);
}

.business.biz .sec01 .b2b_sub_txt {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .business.biz .sec01 {
    padding-top: 128px;
  }

  .business.biz .sec01 .benefits_wrap {
    margin-top: 48px;
  }

  .business.biz .sec01 .benefits_list img {
    margin-right: 20px;
  }

  .business.biz .sec01 .b2b_sub_txt {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .business.biz .sec01 {
    padding-top: 80px;
  }

  .business.biz .sec01 .benefits_wrap {
    margin-top: 48px;
  }

  .business.biz .sec01 .benefits_list img {
    margin-right: 0;
  }

  .business.biz .sec01 .b2b_sub_txt {
    margin-top: 16px;
  }
}

.business.biz .sec02 {
  backface-visibility: hidden;
}

.business.biz .sec02 .sec02_container {
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  backface-visibility: hidden;
}

.business.biz .sec02 .sec02_container .progress_bar {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  height: max(2.64px, 0.2604166667vw);
  background: rgba(0, 0, 0, 0.5);
}

.business.biz .sec02 .sec02_container .progress_bar progress {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: max(2.64px, 0.2604166667vw);
  border: none;
  background-color: transparent;
}

.business.biz .sec02 .sec02_container .progress_bar progress:root {
  --swiper-theme-color: $brandPurple;
}

.business.biz .sec02 .sec02_container .progress_bar progress::-webkit-progress-bar {
  background: transparent;
}

.business.biz .sec02 .sec02_container .progress_bar progress::-webkit-progress-value {
  background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
  background-attachment: fixed;
}

.business.biz .sec02 .sec02_container .progress_bar progress::-moz-progress-bar {
  background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
  background-attachment: fixed;
}

.business.biz .sec02 .sec02_container .progress_bar progress[value]::-webkit-progress-bar {
  background: transparent;
}

.business.biz .sec02 .sec02_container .progress_bar progress[value] {
  -webkit-appearance: none;
}

.business.biz .sec02 .sec02_container .progress_bar progress[value]::-webkit-progress-value {
  background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
  background-attachment: fixed;
}

.business.biz .sec02 .section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.business.biz .sec02 .section:nth-child(1) .section_visual {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/biz/sec02_slide_img01.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(2) .section_visual {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/biz/sec02_slide_img02.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(3) .section_visual {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/biz/sec02_slide_img03.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(4) .section_visual {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/b2b-business/biz/sec02_slide_img04.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(2) .scene_answer li:nth-child(1) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list02_01.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(2) .scene_answer li:nth-child(2) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list02_02.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(2) .scene_answer li:nth-child(3) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list02_03.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(3) .scene_answer li:nth-child(1) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list03_01.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(3) .scene_answer li:nth-child(2) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list03_02.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(3) .scene_answer li:nth-child(3) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list03_03.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(4) .scene_answer li:nth-child(1) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list04_01.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(4) .scene_answer li:nth-child(2) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list04_02.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section:nth-child(4) .scene_answer li:nth-child(3) .tit_box i {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/b2b-business/biz/sec02_list04_03.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.biz .sec02 .section01 {
  z-index: 10;
}

.business.biz .sec02 .section02 {
  z-index: 9;
}

.business.biz .sec02 .section03 {
  z-index: 8;
}

.business.biz .sec02 .section04 {
  z-index: 7;
}

.business.biz .sec02 .section_wrap {
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  backface-visibility: hidden;
}

.business.biz .sec02 .section_visual {
  width: 100%;
  height: 100%;
}

.business.biz .sec02 .section_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.business.biz .sec02 .section_content .sec_tit {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}

.business.biz .sec02 .content_inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.business.biz .sec02 .scene_box {
  position: absolute;
  top: max(105.6px, 10.4166666667vw);
  left: max(129.36px, 12.7604166667vw);
  backface-visibility: hidden;
}

.business.biz .sec02 .scene_box strong {
  display: inline-block;
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.biz .sec02 .scene_box .scene_txt {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.biz .sec02 .scene_answer {
  position: absolute;
  top: max(105.6px, 10.4166666667vw);
  right: max(129.36px, 12.7604166667vw);
  backface-visibility: hidden;
}

.business.biz .sec02 .scene_answer>ul>li {
  width: max(242.88px, 23.9583333333vw);
  height: max(151.8px, 14.9739583333vw);
  margin-bottom: max(13.2px, 1.3020833333vw);
  padding: max(15.84px, 1.5625vw) max(21.12px, 2.0833333333vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(max(8.25px, 0.8138020833vw));
  opacity: 0;
}

.business.biz .sec02 .scene_answer>ul>li:last-child {
  margin-bottom: 0;
}

.business.biz .sec02 .scene_answer .tit_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: max(10.56px, 1.0416666667vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.business.biz .sec02 .scene_answer .tit_box strong {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.biz .sec02 .scene_answer .tit_box i {
  flex-shrink: 0;
  display: inline-block;
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
}

.business.biz .sec02 .scene_answer .list_box {
  padding-top: max(10.56px, 1.0416666667vw);
}

.business.biz .sec02 .scene_answer .list_box>li,
.business.biz .sec02 .scene_answer .list_box p {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.business.biz .sec02 .scene_answer .list_box>li {
  position: relative;
  padding-left: max(7.26px, 0.7161458333vw);
  margin-bottom: max(2.64px, 0.2604166667vw);
}

.business.biz .sec02 .scene_answer .list_box>li:last-child {
  margin-bottom: 0;
}

.business.biz .sec02 .scene_answer .list_box>li::before {
  content: "";
  position: absolute;
  top: max(6.6px, 0.6510416667vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  border-radius: 50%;
  background-color: #ffffff;
}

@media (max-width: 1023px) {
  .business.biz .sec02 .sec02_container .progress_bar {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.5);
  }

  .business.biz .sec02 .sec02_container .progress_bar progress {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border: none;
    background-color: transparent;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress:root {
    --swiper-theme-color: $brandPurple;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress::-webkit-progress-bar {
    background: transparent;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress::-webkit-progress-value {
    background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
    background-attachment: fixed;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress::-moz-progress-bar {
    background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
    background-attachment: fixed;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress[value]::-webkit-progress-bar {
    background: transparent;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress[value] {
    -webkit-appearance: none;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress[value]::-webkit-progress-value {
    background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
    background-attachment: fixed;
  }

  .business.biz .sec02 .section:nth-child(1) .section_visual {
    background-position: 85% 50%;
  }

  .business.biz .sec02 .section:nth-child(2) .section_visual {
    background-position: 85% 50%;
  }

  .business.biz .sec02 .section:nth-child(3) .section_visual {
    background-position: 85% 50%;
  }

  .business.biz .sec02 .section:nth-child(4) .section_visual {
    background-position: 85% 50%;
  }

  .business.biz .sec02 .section_visual {
    height: calc(var(--vh, 1vh) * 100);
  }

  .business.biz .sec02 .section_content .sec_tit {
    width: 100%;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }

  .business.biz .sec02 .content_inner {
    padding-top: 110px;
    padding-left: 40px;
  }

  .business.biz .sec02 .scene_box {
    position: relative;
    top: 0;
    left: 0;
    padding-bottom: 48px;
  }

  .business.biz .sec02 .scene_box strong {
    margin-bottom: 8px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }

  .business.biz .sec02 .scene_box .scene_txt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.biz .sec02 .scene_answer {
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
  }

  .business.biz .sec02 .scene_answer>ul>li {
    width: 100%;
    height: 208px;
    margin-bottom: 20px;
    padding: 24px 32px;
    border-radius: 12px;
    backdrop-filter: blur(12.5px);
  }

  .business.biz .sec02 .scene_answer .tit_box {
    padding-bottom: 16px;
    border-bottom: 1px solid #DDE1E6;
  }

  .business.biz .sec02 .scene_answer .tit_box strong {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .business.biz .sec02 .scene_answer .tit_box i {
    width: 48px;
    height: 48px;
  }

  .business.biz .sec02 .scene_answer .list_box {
    padding-top: 16px;
  }

  .business.biz .sec02 .scene_answer .list_box>li,
  .business.biz .sec02 .scene_answer .list_box p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.biz .sec02 .scene_answer .list_box>li {
    padding-left: 11px;
    margin-bottom: 4px;
  }

  .business.biz .sec02 .scene_answer .list_box>li::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

@media (max-width: 767px) {
  .business.biz .sec02 .sec02_container .progress_bar {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.5);
  }

  .business.biz .sec02 .sec02_container .progress_bar progress {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border: none;
    background-color: transparent;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress:root {
    --swiper-theme-color: $brandPurple;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress::-webkit-progress-bar {
    background: transparent;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress::-webkit-progress-value {
    background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
    background-attachment: fixed;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress::-moz-progress-bar {
    background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
    background-attachment: fixed;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress[value]::-webkit-progress-bar {
    background: transparent;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress[value] {
    -webkit-appearance: none;
  }

  .business.biz .sec02 .sec02_container .progress_bar progress[value]::-webkit-progress-value {
    background: linear-gradient(to left, var(--swiper-theme-color), var(--swiper-theme-color));
    background-attachment: fixed;
  }

  .business.biz .sec02 .section:nth-child(1) .section_visual {
    background-position: 50% 50%;
  }

  .business.biz .sec02 .section:nth-child(2) .section_visual {
    background-position: 78% 50%;
  }

  .business.biz .sec02 .section:nth-child(3) .section_visual {
    background-position: 50% 50%;
  }

  .business.biz .sec02 .section:nth-child(4) .section_visual {
    background-position: 58% 50%;
  }

  .business.biz .sec02 .section_visual {
    height: calc(var(--vh, 1vh) * 100);
  }

  .business.biz .sec02 .section_content .sec_tit {
    width: 100%;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.3928571429;
  }

  .business.biz .sec02 .content_inner {
    padding-top: 114px;
    padding-left: 20px;
  }

  .business.biz .sec02 .scene_box {
    top: 0;
    left: 0;
    padding-bottom: 48px;
  }

  .business.biz .sec02 .scene_box strong {
    margin-bottom: 8px;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.3928571429;
  }

  .business.biz .sec02 .scene_box .scene_txt {
    width: calc(100% - 20px);
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .business.biz .sec02 .scene_answer {
    top: 0;
    left: 0;
    width: calc(100% - 20px);
  }

  .business.biz .sec02 .scene_answer>ul>li {
    height: auto;
    margin-bottom: 20px;
    padding: 24px 32px;
    border-radius: 12px;
    backdrop-filter: blur(12.5px);
  }

  .business.biz .sec02 .scene_answer .tit_box {
    padding-bottom: 16px;
    border-bottom: 1px solid #DDE1E6;
  }

  .business.biz .sec02 .scene_answer .tit_box strong {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .business.biz .sec02 .scene_answer .tit_box i {
    width: 48px;
    height: 48px;
  }

  .business.biz .sec02 .scene_answer .list_box {
    padding-top: 16px;
  }

  .business.biz .sec02 .scene_answer .list_box>li,
  .business.biz .sec02 .scene_answer .list_box p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .business.biz .sec02 .scene_answer .list_box>li {
    padding-left: 11px;
    margin-bottom: 4px;
  }

  .business.biz .sec02 .scene_answer .list_box>li::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

.business.group .content {
  padding-bottom: 0;
}

.business.group .sec {
  padding: 0;
}

.business.group .sec01 {
  padding: max(89.76px, 8.8541666667vw) 0;
}

.business.group .sec01 .cnt_wrap {
  padding: 0 max(26.4px, 2.6041666667vw);
}

.business.group .sec01 .text_wrap p {
  text-align: center;
  font-size: max(17.16px, 1.6927083333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #343A3F;
}

.business.group .sec01 .text_wrap p strong {
  font-size: max(17.16px, 1.6927083333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  display: block;
  margin-top: max(13.2px, 1.3020833333vw);
  font-weight: bold;
}

@media (max-width: 1023px) {
  .business.group .sec01 {
    padding: 128px 0;
  }

  .business.group .sec01 .cnt_wrap {
    padding: 0 40px;
  }

  .business.group .sec01 .text_wrap p {
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.group .sec01 .text_wrap p strong {
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .business.group .sec01 {
    padding: 80px 0;
  }

  .business.group .sec01 .cnt_wrap {
    padding: 0 20px;
  }

  .business.group .sec01 .text_wrap p {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.2916666667;
  }

  .business.group .sec01 .text_wrap p strong {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.2916666667;
    margin-top: 20px;
  }
}

.business.group .sec02 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}

.business.group .sec02 .cnt_lnb_wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  width: 100%;
}

.business.group .sec02 .cnt_lnb_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: max(31.68px, 3.125vw);
  background-color: #fff;
}

.business.group .sec02 .cnt_lnb_scroll {
  width: 100%;
  height: max(31.68px, 3.125vw);
  font-size: 0;
  white-space: noWrap;
  box-sizing: border-box;
  text-align: center;
}

.business.group .sec02 .cnt_lnb_scroll .list {
  display: inline-block;
  vertical-align: top;
}

.business.group .sec02 .cnt_lnb_scroll.hidden {
  overflow: auto hidden;
}

.business.group .sec02 .cnt_lnb {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: max(940.5px, 92.7734375vw);
  padding: 0 max(26.4px, 2.6041666667vw);
  height: max(31.68px, 3.125vw);
  background-color: #fff;
  white-space: nowrap;
}

.business.group .sec02 .cnt_lnb .mCustomScrollBox {
  width: max(940.5px, 92.7734375vw);
}

.business.group .sec02 .cnt_lnb .list {
  width: auto;
  height: max(31.68px, 3.125vw);
  padding-right: max(83.16px, 8.203125vw);
}

.business.group .sec02 .cnt_lnb .list:last-child {
  padding-right: 0;
}

.business.group .sec02 .cnt_lnb a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.625;
  font-weight: normal;
  color: #5e2bb8;
  word-break: keep-all;
  opacity: 0.6;
}

.business.group .sec02 .cnt_lnb a.active {
  font-weight: bold;
  opacity: 1;
}

.business.group .sec02 .cnt_container {
  height: 100vh;
  transition: transform 0.5s cubic-bezier(0.29, 1.08, 1, 1);
}

.business.group .sec02 .cnt_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.business.group .sec02 .cnt_wrap.unset_transition_delay::before {
  transition-delay: unset;
}

.business.group .sec02 .cnt_wrap.unset_transition_delay .bg {
  transition-delay: unset;
}

.business.group .sec02 .cnt_wrap.unset_transition_delay .text_area {
  transition-delay: unset;
}

.business.group .sec02 .cnt_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}

.business.group .sec02 .cnt_wrap .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.05);
  width: 100%;
  height: 100%;
  transition: 0.5s;
  transition-delay: 0.5s;
}

.business.group .sec02 .cnt_wrap .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business.group .sec02 .cnt_wrap .text_area {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
  max-width: max(524.7px, 51.7578125vw);
  height: calc(var(--vh, 1vh) * 100);
  padding-bottom: max(54.12px, 5.3385416667vw);
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
  transition-delay: 0.5s;
}

.business.group .sec02 .cnt_wrap .text_area h4 {
  margin-bottom: max(10.56px, 1.0416666667vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
}

.business.group .sec02 .cnt_wrap .text_area p {
  margin-bottom: max(26.4px, 2.6041666667vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #fff;
}

.business.group .sec02 .cnt_wrap .text_area a {
  width: fit-content;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.business.group .sec02 .cnt_wrap.active::before {
  opacity: 1;
}

.business.group .sec02 .cnt_wrap.active .bg {
  transform: translate(-50%, -50%) scale(1);
}

.business.group .sec02 .cnt_wrap.active .text_area {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1023px) {
  .business.group .sec02 {
    overflow: initial;
    height: auto;
  }

  .business.group .sec02 .cnt_lnb_wrap.fixed {
    position: fixed;
  }

  .business.group .sec02 .cnt_lnb_bg {
    height: 48px;
  }

  .business.group .sec02 .cnt_lnb {
    transform: unset;
    width: 100%;
    max-width: unset;
    height: 48px;
    padding: 0 40px;
  }

  .business.group .sec02 .cnt_lnb .mCustomScrollBox {
    width: 100%;
  }

  .business.group .sec02 .cnt_lnb .list {
    height: 48px;
    padding-right: 60px;
  }

  .business.group .sec02 .cnt_lnb .list:last-of-type {
    padding-right: 60px;
  }

  .business.group .sec02 .cnt_lnb a {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.625;
  }

  .business.group .sec02 .cnt_lnb_scroll {
    height: 48px;
  }

  .business.group .sec02 .cnt_container {
    height: auto;
  }

  .business.group .sec02 .cnt_wrap {
    height: 667px;
  }

  .business.group .sec02 .cnt_wrap::before {
    transition-delay: 0.2s;
  }

  .business.group .sec02 .cnt_wrap .bg {
    transition-delay: 0.2s;
  }

  .business.group .sec02 .cnt_wrap .row_wrap,
  .business.group .sec02 .cnt_wrap .row,
  .business.group .sec02 .cnt_wrap .col-10 {
    height: 100%;
  }

  .business.group .sec02 .cnt_wrap .col-10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
  }

  .business.group .sec02 .cnt_wrap .text_area {
    max-width: unset;
    height: 100%;
    padding-bottom: 65px;
    transition-delay: 0.2s;
  }

  .business.group .sec02 .cnt_wrap .text_area h4 {
    margin-bottom: 8px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3s;
  }

  .business.group .sec02 .cnt_wrap .text_area p {
    margin-bottom: 32px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.group .sec02 .cnt_wrap .text_area a {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .business.group .sec02 .cnt_lnb {
    width: 100%;
    height: 48px;
    padding: 0 20px;
  }

  .business.group .sec02 .cnt_lnb .list {
    height: 48px;
    padding-right: 20px;
  }

  .business.group .sec02 .cnt_lnb .list:last-of-type {
    padding-right: 20px;
  }

  .business.group .sec02 .cnt_lnb a {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.7142857143;
  }

  .business.group .sec02 .cnt_lnb_scroll {
    height: 48px;
  }

  .business.group .sec02 .cnt_wrap::before {
    transition-delay: 0.2s;
  }

  .business.group .sec02 .cnt_wrap .bg {
    transition-delay: 0.2s;
  }

  .business.group .sec02 .cnt_wrap .text_area {
    padding-bottom: 48px;
    transition-delay: 0.2s;
  }

  .business.group .sec02 .cnt_wrap .text_area h4 {
    margin-bottom: 10px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3s;
  }

  .business.group .sec02 .cnt_wrap .text_area p {
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .business.group .sec02 .cnt_wrap .text_area a {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }
}

@keyframes rollingLeft1 {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-100%);
  }

  50.01% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes rollingLeft2 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-200%);
  }
}

.business.group .rolling_list_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

.business.group .rolling_list_wrap.active .rolling_list_box1 .rolling_list.list1 {
  animation: rollingLeft1 60s linear infinite;
}

.business.group .rolling_list_wrap.active .rolling_list_box1 .rolling_list.list2 {
  animation: rollingLeft2 60s linear infinite;
}

.business.group .rolling_list_wrap .rolling_list_box {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: normal;
  width: max-content;
  backface-visibility: hidden;
}

.business.group .rolling_list_wrap .rolling_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: normal;
  width: max-content;
}

.business.group .rolling_list_wrap .rolling_list li {
  margin-right: max(13.2px, 1.3020833333vw);
  height: max(158.4px, 15.625vw);
}

.business.group .rolling_list_wrap .rolling_list li img {
  height: 100%;
}

@media (max-width: 1023px) {
  .business.group .rolling_list_wrap {
    margin-top: 48px;
  }

  .business.group .rolling_list_wrap.active .rolling_list_box1 .rolling_list.list1 {
    animation-duration: 80s;
  }

  .business.group .rolling_list_wrap.active .rolling_list_box1 .rolling_list.list2 {
    animation-duration: 80s;
  }

  .business.group .rolling_list_wrap .rolling_list li {
    margin-right: 16px;
    height: 192px;
  }
}

@media (max-width: 767px) {
  .business.group .rolling_list_wrap {
    margin-top: 48px;
  }

  .business.group .rolling_list_wrap .rolling_list li {
    margin-right: 16px;
    height: 154px;
  }
}

.business.contact_us .content {
  padding-bottom: 0;
}

.business.contact_us .sec01 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.business.contact_us .sec01 .step_circle {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: normal;
  flex-wrap: nowrap;
  padding: max(13.2px, 1.3020833333vw);
  border: max(0.66px, 0.0651041667vw) dashed #DDE1E6;
  border-radius: max(330px, 32.5520833333vw);
}

.business.contact_us .sec01 .step_circle li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: max(138.6px, 13.671875vw);
  height: 13.672vw;
  border: max(0.66px, 0.0651041667vw) solid #3e1c96;
  border-radius: 50%;
  box-shadow: 0 0 max(6.6px, 0.6510416667vw) rgba(94, 43, 184, 0.3);
}

.business.contact_us .sec01 .step_circle li::after {
  content: "";
  display: block;
  position: absolute;
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  top: 50%;
  right: calc(max(28.38px, 2.7994791667vw) * -1);
  transform: translateY(-50%);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/contact-us/step_arrow_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

.business.contact_us .sec01 .step_circle li:nth-of-type(2) {
  margin: 0 max(42.24px, 4.1666666667vw);
}

.business.contact_us .sec01 .step_circle li:last-of-type::after {
  display: none;
}

.business.contact_us .sec01 .step_circle .txt {
  width: 100%;
  text-align: center;
}

.business.contact_us .sec01 .step_circle span {
  display: block;
  font-size: max(7.26px, 0.7161458333vw);
  letter-spacing: -0.02em;
  line-height: 1.2727272727;
  font-weight: bold;
  color: #5e2bb8;
}

.business.contact_us .sec01 .step_circle strong {
  display: block;
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.business.contact_us .sec01 .step_txt {
  margin-top: max(13.2px, 1.3020833333vw);
}

.business.contact_us .sec01 .step_txt li {
  padding: max(26.4px, 2.6041666667vw) 0;
}

.business.contact_us .sec01 .step_txt li+li {
  border-top: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.business.contact_us .sec01 .step_txt li:last-child {
  padding-bottom: 0;
}

.business.contact_us .sec01 .step_txt .step_tit {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}

.business.contact_us .sec01 .step_txt span {
  width: max(45.54px, 4.4921875vw);
  padding: max(5.28px, 0.5208333333vw) 0;
  background-color: #eee9f7;
  border-radius: max(659.34px, 65.0390625vw);
  font-size: max(7.26px, 0.7161458333vw);
  letter-spacing: -0.02em;
  line-height: 1.2727272727;
  font-weight: bold;
  color: #5e2bb8;
  text-align: center;
}

.business.contact_us .sec01 .step_txt strong {
  width: calc(100% - max(45.54px, 4.4921875vw));
  padding-left: max(6.6px, 0.6510416667vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-weight: bold;
  color: #121619;
}

.business.contact_us .sec01 .step_txt p {
  margin-top: max(10.56px, 1.0416666667vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .business.contact_us .sec01 {
    padding-top: 128px;
  }

  .business.contact_us .sec01 .step_circle {
    padding: 20px;
    border-width: 1px;
    border-radius: 500px;
  }

  .business.contact_us .sec01 .step_circle li {
    width: calc(33.333333% - 36px);
    height: 24.801vw;
    border-width: 1px;
    box-shadow: 0 0 10px rgba(94, 43, 184, 0.3);
  }

  .business.contact_us .sec01 .step_circle li::after {
    width: 24px;
    height: 24px;
    right: -39px;
  }

  .business.contact_us .sec01 .step_circle li:nth-of-type(2) {
    margin: 0 54px;
  }

  .business.contact_us .sec01 .step_circle span {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.contact_us .sec01 .step_circle strong {
    margin-top: 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.contact_us .sec01 .step_txt {
    margin-top: 16px;
  }

  .business.contact_us .sec01 .step_txt li {
    padding: 32px 0;
  }

  .business.contact_us .sec01 .step_txt li+li {
    border-top-width: 1px;
  }

  .business.contact_us .sec01 .step_txt span {
    width: 69px;
    padding: 6px 0;
    border-radius: 999px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.contact_us .sec01 .step_txt strong {
    width: calc(100% - 69px);
    padding-left: 10px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .business.contact_us .sec01 .step_txt p {
    margin-top: 16px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }
}

@media (max-width: 767px) {
  .business.contact_us .sec01 {
    padding-top: 80px;
  }

  .business.contact_us .sec01 .step_circle {
    display: block;
    width: 182px;
    margin: 0 auto;
    padding: 16px;
    border-width: 1px;
    border-radius: 1000px;
  }

  .business.contact_us .sec01 .step_circle li {
    width: 100%;
    height: 148px;
    border-width: 1px;
    box-shadow: 0 0 10px rgba(94, 43, 184, 0.3);
  }

  .business.contact_us .sec01 .step_circle li::after {
    width: 24px;
    height: 24px;
    top: auto;
    right: auto;
    left: 50%;
    bottom: -32px;
    transform: translateX(-50%) rotate(90deg);
  }

  .business.contact_us .sec01 .step_circle li:nth-of-type(2) {
    margin: 40px 0;
  }

  .business.contact_us .sec01 .step_circle span {
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.3636363636;
  }

  .business.contact_us .sec01 .step_circle strong {
    margin-top: 8px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.contact_us .sec01 .step_txt {
    margin-top: 24px;
  }

  .business.contact_us .sec01 .step_txt li {
    padding: 24px 0;
  }

  .business.contact_us .sec01 .step_txt li+li {
    border-top-width: 1px;
  }

  .business.contact_us .sec01 .step_txt span {
    width: 69px;
    padding: 6px 0;
    border-radius: 999px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.3636363636;
  }

  .business.contact_us .sec01 .step_txt strong {
    width: calc(100% - 69px);
    padding-left: 10px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .business.contact_us .sec01 .step_txt p {
    margin-top: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

.business.contact_us .sec02 {
  margin-top: max(105.6px, 10.4166666667vw);
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

.business.contact_us .sec02 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.business.contact_us .sec02 li {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  padding: max(19.8px, 1.953125vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
}

.business.contact_us .sec02 li:nth-of-type(even) {
  margin-left: max(13.2px, 1.3020833333vw);
}

.business.contact_us .sec02 li:nth-of-type(n + 3) {
  margin-top: max(13.2px, 1.3020833333vw);
}

.business.contact_us .sec02 i {
  display: block;
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
}

.business.contact_us .sec02 i img {
  width: 100%;
}

.business.contact_us .sec02 strong {
  display: block;
  margin-top: max(13.2px, 1.3020833333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.business.contact_us .sec02 .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  margin-top: max(5.28px, 0.5208333333vw);
}

.business.contact_us .sec02 .box p {
  position: relative;
  padding-left: max(14.52px, 1.4322916667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #4D5358;
}

.business.contact_us .sec02 .box p::before {
  content: "";
  display: block;
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  width: max(10.56px, 1.0416666667vw);
  height: max(10.56px, 1.0416666667vw);
}

.business.contact_us .sec02 .box button {
  width: max(14.52px, 1.4322916667vw);
  height: max(14.52px, 1.4322916667vw);
  margin-top: max(1.32px, 0.1302083333vw);
  padding: max(3.96px, 0.390625vw);
}

.business.contact_us .sec02 .box button img {
  width: 100%;
}

.business.contact_us .sec02 .mail_box p::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/business/contact-us/mail_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .business.contact_us .sec02 {
    margin-top: max(84.48px, 8.3333333333vw);
    padding: 128px 0;
  }

  .business.contact_us .sec02 li {
    width: calc(50% - 10px);
    padding: 30px;
    border-radius: 12px;
  }

  .business.contact_us .sec02 li:nth-of-type(even) {
    margin-left: 20px;
  }

  .business.contact_us .sec02 li:nth-of-type(n + 3) {
    margin-top: 20px;
  }

  .business.contact_us .sec02 i {
    width: 48px;
    height: 48px;
  }

  .business.contact_us .sec02 strong {
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .business.contact_us .sec02 .box p {
    padding-left: 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .business.contact_us .sec02 .box p::before {
    width: 16px;
    height: 16px;
  }

  .business.contact_us .sec02 .box button {
    width: 22px;
    height: 22px;
    margin-top: 1px;
    padding: 6px;
  }
}

@media (max-width: 767px) {
  .business.contact_us .sec02 {
    margin-top: max(52.8px, 5.2083333333vw);
    padding: 80px 0;
  }

  .business.contact_us .sec02 .list {
    display: block;
  }

  .business.contact_us .sec02 li {
    width: 100%;
    padding: 30px;
    border-radius: 12px;
  }

  .business.contact_us .sec02 li:nth-of-type(even) {
    margin-left: 0;
  }

  .business.contact_us .sec02 li:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .business.contact_us .sec02 i {
    width: 48px;
    height: 48px;
  }

  .business.contact_us .sec02 strong {
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.contact_us .sec02 .box p {
    padding-left: 20px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .business.contact_us .sec02 .box p::before {
    width: 16px;
    height: 16px;
  }

  .business.contact_us .sec02 .box button {
    width: 22px;
    height: 22px;
    margin-top: 2px;
    padding: 6px;
  }
}

.business.contact_us .sec03 {
  padding: max(79.2px, 7.8125vw) 0;
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/contact-us/sec03_pc_bg.jpg") center no-repeat;
  background-size: cover;
}

.business.contact_us .sec03 .top_txt {
  text-align: center;
}

.business.contact_us .sec03 .top_txt h3 {
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #ffffff;
}

.business.contact_us .sec03 .top_txt p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #ffffff;
}

.business.contact_us .sec03 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  width: 100%;
  margin-top: max(26.4px, 2.6041666667vw);
}

.business.contact_us .sec03 li {
  width: calc(33.333333% - max(8.79999978px, 0.8680555339vw));
  padding: max(21.12px, 2.0833333333vw);
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: max(7.92px, 0.78125vw);
}

.business.contact_us .sec03 li+li {
  margin-left: max(13.2px, 1.3020833333vw);
}

.business.contact_us .sec03 i {
  display: block;
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
}

.business.contact_us .sec03 i img {
  width: 100%;
}

.business.contact_us .sec03 .txt {
  margin-top: max(18.48px, 1.8229166667vw);
}

.business.contact_us .sec03 strong {
  display: block;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-weight: bold;
  color: #ffffff;
}

.business.contact_us .sec03 p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .business.contact_us .sec03 {
    padding: 128px 0;
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/business/contact-us/sec03_m_bg.jpg") center no-repeat;
    background-size: cover;
  }

  .business.contact_us .sec03 .top_txt h3 {
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .business.contact_us .sec03 .top_txt p {
    margin-top: 8px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .business.contact_us .sec03 .list {
    display: block;
    margin-top: 42px;
  }

  .business.contact_us .sec03 li {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    width: 100%;
    padding: 27px 26px;
    border-radius: 12px;
  }

  .business.contact_us .sec03 li+li {
    margin: 20px 0 0 0;
  }

  .business.contact_us .sec03 i {
    width: 48px;
    height: 48px;
  }

  .business.contact_us .sec03 .txt {
    width: calc(100% - 48px);
    padding-left: 20px;
    margin-top: 0;
  }

  .business.contact_us .sec03 strong {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .business.contact_us .sec03 p {
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .business.contact_us .sec03 {
    padding: 80px 0;
  }

  .business.contact_us .sec03 .top_txt h3 {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .business.contact_us .sec03 .top_txt p {
    margin-top: 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .business.contact_us .sec03 .list {
    margin-top: 24px;
  }

  .business.contact_us .sec03 li {
    display: block;
    padding: 26px;
    border-radius: 12px;
  }

  .business.contact_us .sec03 li+li {
    margin: 20px 0 0 0;
  }

  .business.contact_us .sec03 i {
    width: 48px;
    height: 48px;
  }

  .business.contact_us .sec03 .txt {
    width: 100%;
    padding: 20px 0 0 0;
    margin-top: 0;
  }

  .business.contact_us .sec03 strong {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .business.contact_us .sec03 p {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }
}

/* pages - ESG */
.esg.environmental .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/environmental_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .esg.environmental .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/environmental_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.esg.social .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/social_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .esg.social .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/social_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.esg.governance .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/governance_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .esg.governance .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/governance_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.esg.ethics .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/ethics_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .esg.ethics .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/ethics_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.esg.inquiry .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/inquiry_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .esg.inquiry .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/inquiry_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.esg .circle_box {
  position: absolute;
  width: max(475.2px, 46.875vw);
  height: max(475.2px, 46.875vw);
  border-radius: 50%;
  z-index: -1;
  transform: scale(0);
  transform-origin: center center;
  transition: all 1s;
}

.esg .circle_box.active {
  transform: scale(1);
}

.esg .circle_box.left {
  top: max(69.96px, 6.9010416667vw);
  left: calc(max(237.6px, 23.4375vw) * -1);
  opacity: 0.22;
  background: radial-gradient(50% 50% at 50% 50%, #5e2bb8 0%, #fff 100%);
}

.esg .circle_box.right {
  top: max(205.26px, 20.2473958333vw);
  right: calc(max(237.6px, 23.4375vw) * -1);
  opacity: 0.2;
  background: radial-gradient(50% 50% at 50% 50%, #08d1d9 0%, #fff 100%);
}

@media (max-width: 1023px) {
  .esg .circle_box {
    width: 576px;
    height: 576px;
  }

  .esg .circle_box.left {
    top: 204px;
    left: -277px;
  }

  .esg .circle_box.right {
    top: 312px;
    right: -254px;
  }
}

@media (max-width: 767px) {
  .esg .circle_box {
    width: 576px;
    height: 576px;
  }

  .esg .circle_box.left {
    top: 128px;
    left: -467px;
  }

  .esg .circle_box.right {
    top: 332px;
    right: -461px;
  }
}

.esg .shortcut_area .list {
  flex-wrap: wrap;
}

.esg .shortcut_area.bg_gray li a {
  background-color: #f2f4f8;
}

@media (min-width: 1540px) and (pointer: fine) {
  .esg .shortcut_area.bg_gray li a:not(.disable):hover {
    background-color: #f2f4f8;
  }
}

.esg .shortcut_area li {
  flex: unset;
  width: calc(50% - max(6.6px, 0.6510416667vw));
  height: max(59.4px, 5.859375vw);
}

.esg .shortcut_area li a {
  background-color: #ffffff;
}

@media (min-width: 1540px) and (pointer: fine) {
  .esg .shortcut_area li a:not(.disable):hover {
    background-color: #ffffff;
  }
}

@media (max-width: 1023px) {
  .esg .shortcut_area li {
    width: calc(50% - 10px);
    height: 90px;
  }
}

@media (max-width: 767px) {
  .esg .shortcut_area {
    gap: 20px;
  }

  .esg .shortcut_area li {
    width: 100%;
    height: 90px;
  }
}

.esg .ic_list {
  margin-top: max(21.12px, 2.0833333333vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: 12px;
}

.esg .ic_list li {
  display: flex;
  gap: max(13.2px, 1.3020833333vw);
  padding: max(21.78px, 2.1484375vw) max(21.12px, 2.0833333333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg .ic_list li:last-child {
  border-bottom: 0;
}

.esg .ic_list li i {
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
}

.esg .ic_list li i img {
  width: 100%;
  object-fit: cover;
}

.esg .ic_list li .txt_wrap {
  width: calc(100% - max(31.68px, 3.125vw));
}

.esg .ic_list li .txt_wrap strong {
  display: block;
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #343a3f;
}

@media (max-width: 1023px) {
  .esg .ic_list {
    margin-top: 32px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .esg .ic_list li {
    gap: 20px;
    padding: 26px;
    border-bottom: 1px solid #DDE1E6;
  }

  .esg .ic_list li i {
    width: 48px;
    height: 48px;
  }

  .esg .ic_list li .txt_wrap {
    width: calc(100% - 48px);
  }

  .esg .ic_list li .txt_wrap strong {
    margin-bottom: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg .ic_list {
    margin-top: 32px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .esg .ic_list li {
    flex-direction: column;
    gap: 20px;
    padding: 26px;
    border-bottom: 1px solid #DDE1E6;
  }

  .esg .ic_list li i {
    width: 48px;
    height: 48px;
  }

  .esg .ic_list li .txt_wrap {
    width: 100%;
  }

  .esg .ic_list li .txt_wrap strong {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

.esg .img_thumb_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: max(13.2px, 1.3020833333vw);
}

.esg .img_thumb_list.no_padding_left dl {
  padding-left: 0;
}

.esg .img_thumb_list li {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.esg .img_thumb_list li:last-child {
  margin-bottom: 0;
}

.esg .img_thumb_list li img {
  width: 100%;
}

.esg .img_thumb_list .txt {
  padding: max(15.84px, 1.5625vw) max(13.2px, 1.3020833333vw);
  background-color: #fff;
  border-bottom-left-radius: max(7.92px, 0.78125vw);
  border-bottom-right-radius: max(7.92px, 0.78125vw);
}

.esg .img_thumb_list .txt strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg .img_thumb_list .txt p {
  margin-top: max(5.28px, 0.5208333333vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

@media (max-width: 1023px) {
  .esg .img_thumb_list {
    gap: 20px;
  }

  .esg .img_thumb_list li {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }

  .esg .img_thumb_list .txt {
    padding: 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .esg .img_thumb_list .txt strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg .img_thumb_list .txt p {
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .esg .img_thumb_list {
    gap: 0;
  }

  .esg .img_thumb_list li {
    width: 100%;
    margin-bottom: 20px;
  }

  .esg .img_thumb_list .txt {
    padding: 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .esg .img_thumb_list .txt strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg .img_thumb_list .txt p {
    margin-top: 6px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}

.esg .btn_open_popup {
  height: auto;
  padding: max(9.9px, 0.9765625vw) max(19.8px, 1.953125vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
}

@media (max-width: 1023px) {
  .esg .btn_open_popup {
    padding: 15px 30px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg .btn_open_popup {
    padding: 15px 30px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.esg.overview .content {
  padding: 0;
}

.esg.overview .sec01 {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: max(132px, 13.0208333333vw) 0 max(158.4px, 15.625vw);
}

.esg.overview .sec01 .bg_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/overview/sec01_pc_bg.jpg") 0 0 no-repeat;
  background-size: cover;
  transform: scale(1.05);
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-duration: 1s;
}

.esg.overview .sec01 .bg_box.active {
  transform: scale(1);
}

.esg.overview .sec01 .con01 {
  text-align: center;
  color: #ffffff;
}

.esg.overview .sec01 .con01 h2 {
  position: relative;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-family: "Cafe24Ohsquare", sans-serif;
  opacity: 0;
  transform: translateY(max(66px, 6.5104166667vw));
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.esg.overview .sec01 .con01 strong {
  position: relative;
  display: block;
  margin: max(5.28px, 0.5208333333vw) 0 max(15.18px, 1.4973958333vw);
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  opacity: 0;
  transform: translateY(max(66px, 6.5104166667vw));
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-delay: 0.1s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.esg.overview .sec01 .con01 p {
  position: relative;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(max(66px, 6.5104166667vw));
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-delay: 0.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.esg.overview .sec01 .con01.active h2 {
  opacity: 1;
  transform: translateY(0);
}

.esg.overview .sec01 .con01.active strong {
  opacity: 1;
  transform: translateY(0);
}

.esg.overview .sec01 .con01.active p {
  opacity: 1;
  transform: translateY(0);
}

.esg.overview .sec01 .con02 {
  position: relative;
  z-index: 1;
  padding-top: max(370.92px, 36.5885416667vw);
}

.esg.overview .sec01 .con02 .row+.row {
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.overview .sec01 .con02 .info_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}

.esg.overview .sec01 .con02 .info_box.type2 {
  flex-direction: row-reverse;
}

.esg.overview .sec01 .con02 .info_box.type2 .txt_box {
  text-align: right;
}

.esg.overview .sec01 .con02 .info_box.type2 .box {
  position: relative;
  left: auto;
  right: max(125.4px, 12.3697916667vw);
}

.esg.overview .sec01 .con02 .img_box {
  width: max(230.34px, 22.7213541667vw);
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.esg.overview .sec01 .con02 .img_box img {
  position: relative;
  width: 100%;
  opacity: 0;
  transform: translateY(max(66px, 6.5104166667vw));
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.esg.overview .sec01 .con02 .img_box.active img {
  transform: translateY(0);
  opacity: 1;
}

.esg.overview .sec01 .con02 .txt_box {
  width: calc(100% - max(230.34px, 22.7213541667vw));
  color: #ffffff;
}

.esg.overview .sec01 .con02 .txt_box .box {
  position: relative;
  left: max(75.9px, 7.4869791667vw);
  opacity: 0;
  transform: translateY(max(66px, 6.5104166667vw));
  transition-property: transform, opacity;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01);
}

.esg.overview .sec01 .con02 .txt_box h3 {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-family: "Cafe24Ohsquare", sans-serif;
}

.esg.overview .sec01 .con02 .txt_box strong {
  display: block;
  margin: max(21.12px, 2.0833333333vw) 0;
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
}

.esg.overview .sec01 .con02 .txt_box p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  margin-bottom: max(21.12px, 2.0833333333vw);
}

.esg.overview .sec01 .con02 .txt_box.active .box {
  opacity: 1;
  transform: translateY(0);
}

.esg.overview .sec01 .video_wrap {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: max(330px, 32.5520833333vw);
  overflow: hidden;
}

.esg.overview .sec01 .video_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: max(118.8px, 11.71875vw);
  transform: rotate(180deg);
  background: linear-gradient(180deg, rgba(153, 191, 225, 0) 1.87%, #99bfe1 100%);
}

.esg.overview .sec01 .video_wrap video {
  position: absolute;
  top: 0;
  width: 100%;
  height: max(330px, 32.5520833333vw);
  object-fit: fill;
}

@media (max-width: 1023px) {
  .esg.overview .sec01 {
    padding: 160px 0 180px;
  }

  .esg.overview .sec01 .bg_box {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/overview/sec01_tablet_bg.jpg") 0 0 no-repeat;
    background-size: cover;
  }

  .esg.overview .sec01 .con01 h2 {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con01 strong {
    margin: 6px 0 20px;
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con01 p {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con02 {
    padding-top: 515px;
  }

  .esg.overview .sec01 .con02 .row+.row {
    padding-top: 128px;
  }

  .esg.overview .sec01 .con02 .info_box.type2 .box {
    right: 68px;
  }

  .esg.overview .sec01 .con02 .img_box {
    width: 266px;
    border-radius: 8px;
    overflow: hidden;
  }

  .esg.overview .sec01 .con02 .img_box img {
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con02 .txt_box {
    width: calc(100% - 266px);
  }

  .esg.overview .sec01 .con02 .txt_box .box {
    left: 68px;
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con02 .txt_box h3 {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.overview .sec01 .con02 .txt_box strong {
    margin: 26px 0;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }

  .esg.overview .sec01 .con02 .txt_box p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
    margin-bottom: 26px;
  }

  .esg.overview .sec01 .video_wrap {
    display: none;
  }
}

@media (max-width: 767px) {
  .esg.overview .sec01 {
    padding: 140px 0 80px;
  }

  .esg.overview .sec01 .bg_box {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/overview/sec01_mobile_bg.jpg") 0 0 no-repeat;
    background-size: cover;
  }

  .esg.overview .sec01 .con01 {
    padding-top: 140px;
  }

  .esg.overview .sec01 .con01 h2 {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con01 strong {
    margin: 6px 0 20px;
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con01 p {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con02 {
    padding-top: 515px;
  }

  .esg.overview .sec01 .con02 .row+.row {
    padding-top: 80px;
  }

  .esg.overview .sec01 .con02 .info_box {
    display: block;
  }

  .esg.overview .sec01 .con02 .info_box.type2 .box {
    right: auto;
    text-align: left;
  }

  .esg.overview .sec01 .con02 .img_box {
    width: 100%;
    border-radius: 8px;
  }

  .esg.overview .sec01 .con02 .img_box img {
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con02 .txt_box {
    width: 100%;
    padding-top: 24px;
  }

  .esg.overview .sec01 .con02 .txt_box .box {
    left: auto;
    transform: translateY(100px);
  }

  .esg.overview .sec01 .con02 .txt_box h3 {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.overview .sec01 .con02 .txt_box strong {
    margin: 26px 0;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .esg.overview .sec01 .con02 .txt_box p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    margin-bottom: 26px;
  }
}

.esg.overview .sec02 {
  padding-top: max(79.2px, 7.8125vw);
}

.esg.overview .sec02 .table_area col {
  width: 17%;
}

.esg.overview .sec02 .table_area col.col1 {
  width: 32%;
}

.esg.overview .sec02 .table_area td {
  color: #121619;
}

.esg.overview .sec02 .table_area td.sticky {
  color: #697077;
}

.esg.overview .sec02 .table_area tbody tr td:first-child {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.esg.overview .sec02 .txt_wrap {
  margin-top: max(13.2px, 1.3020833333vw);
  text-align: right;
}

.esg.overview .sec02 .txt_wrap span {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #697077;
}

@media (max-width: 1023px) {
  .esg.overview .sec02 {
    padding-top: 96px;
  }

  .esg.overview .sec02 .table_area col {
    width: 20.3%;
  }

  .esg.overview .sec02 .table_area col.col1 {
    width: 18.8%;
  }

  .esg.overview .sec02 .table_area tbody tr td:first-child {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.overview .sec02 .txt_wrap {
    margin-top: 16px;
  }

  .esg.overview .sec02 .txt_wrap span {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.overview .sec02 {
    padding-top: 80px;
  }

  .esg.overview .sec02 .table_area table {
    min-width: 688px;
  }

  .esg.overview .sec02 .table_area tbody tr td:first-child {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.overview .sec02 .txt_wrap {
    margin-top: 16px;
  }

  .esg.overview .sec02 .txt_wrap span {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

.esg.overview .sec03 {
  margin-top: max(105.6px, 10.4166666667vw);
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

.esg.overview .sec03 .row+.row {
  margin-top: max(52.8px, 5.2083333333vw);
}

.esg.overview .sec03 .activity_slider {
  position: relative;
  overflow: hidden;
  border-radius: max(7.92px, 0.78125vw);
}

.esg.overview .sec03 .activity_slider .btn {
  white-space: normal;
  margin-right: 0;
}

.esg.overview .sec03 .activity_slider .swiper-pagination {
  position: absolute;
  z-index: 1;
  width: auto;
  left: max(31.68px, 3.125vw);
  bottom: max(29.04px, 2.8645833333vw);
}

.esg.overview .sec03 .activity_slider .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  background-color: transparent;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.esg.overview .sec03 .activity_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  height: max(5.28px, 0.5208333333vw);
  border-radius: max(659.34px, 65.0390625vw);
  background-color: #ffffff;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.esg.overview .sec03 .swiper-slide {
  position: relative;
  width: 100%;
  height: max(237.6px, 23.4375vw);
}

.esg.overview .sec03 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: max(7.92px, 0.78125vw);
}

.esg.overview .sec03 .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition-duration: 0.4s;
  opacity: 0;
}

.esg.overview .sec03 .swiper-slide:hover::after {
  opacity: 1;
}

.esg.overview .sec03 .txt_wrap {
  position: absolute;
  z-index: 1;
  left: max(31.68px, 3.125vw);
  bottom: max(55.44px, 5.46875vw);
}

.esg.overview .sec03 .txt_wrap strong {
  display: block;
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-family: "Cafe24Ohsquare";
  font-weight: bold;
  color: #ffffff;
}

.esg.overview .sec03 .txt_wrap .sub_txt {
  margin-bottom: max(18.48px, 1.8229166667vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.esg.overview .sec03 .table_area .board {
  border-top: 0;
}

.esg.overview .sec03 .table_area li {
  padding-right: max(18.48px, 1.8229166667vw);
  min-height: max(59.4px, 5.859375vw);
  border-bottom: 0;
  border-radius: max(7.92px, 0.78125vw);
}

.esg.overview .sec03 .table_area li:hover {
  background-color: #fff;
}

.esg.overview .sec03 .table_area li+li {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.overview .sec03 .table_area li .tit {
  padding-left: max(18.48px, 1.8229166667vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
}

@media (max-width: 1023px) {
  .esg.overview .sec03 {
    margin-top: 128px;
    padding: 96px 0;
  }

  .esg.overview .sec03 .row+.row {
    margin-top: 64px;
  }

  .esg.overview .sec03 .activity_slider {
    border-radius: 12px;
  }

  .esg.overview .sec03 .activity_slider .swiper-pagination {
    left: 40px;
    bottom: 36px;
  }

  .esg.overview .sec03 .activity_slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .esg.overview .sec03 .activity_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #ffffff;
  }

  .esg.overview .sec03 .swiper-slide {
    height: 360px;
  }

  .esg.overview .sec03 .swiper-slide img {
    border-radius: 12px;
  }

  .esg.overview .sec03 .txt_wrap {
    left: 40px;
    bottom: 70px;
  }

  .esg.overview .sec03 .txt_wrap strong {
    margin-bottom: 13px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .esg.overview .sec03 .txt_wrap .sub_txt {
    margin-bottom: 22px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .esg.overview .sec03 .table_area li {
    min-height: 90px;
    padding-right: 7px;
    border-radius: 12px;
  }

  .esg.overview .sec03 .table_area li+li {
    margin-top: 20px;
  }

  .esg.overview .sec03 .table_area li .tit {
    padding-left: 28px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.overview .sec03 .table_area li .down_wrap .btn {
    min-height: 90px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 5.625;
  }
}

@media (max-width: 767px) {
  .esg.overview .sec03 {
    margin-top: 83px;
    padding: 96px 0;
  }

  .esg.overview .sec03 .row+.row {
    margin-top: 64px;
  }

  .esg.overview .sec03 .activity_slider {
    border-radius: 12px;
  }

  .esg.overview .sec03 .activity_slider .swiper-pagination {
    left: 20px;
    bottom: 20px;
  }

  .esg.overview .sec03 .activity_slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #ffffff;
  }

  .esg.overview .sec03 .activity_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #ffffff;
  }

  .esg.overview .sec03 .swiper-slide {
    height: 360px;
  }

  .esg.overview .sec03 .swiper-slide img {
    border-radius: 12px;
  }

  .esg.overview .sec03 .txt_wrap {
    width: calc(100% - 40px);
    left: 20px;
    bottom: 54px;
  }

  .esg.overview .sec03 .txt_wrap strong {
    margin-bottom: 13px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.overview .sec03 .txt_wrap .sub_txt {
    margin-bottom: 22px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .esg.overview .sec03 .table_area li {
    min-height: auto;
    border-radius: 12px;
    padding: 32px 28px;
  }

  .esg.overview .sec03 .table_area li+li {
    margin-top: 20px;
  }

  .esg.overview .sec03 .table_area li .tit {
    padding: 0;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.overview .sec03 .table_area li .down_wrap .btn {
    min-height: auto;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 26px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .esg.overview .sec03 .table_area li .down_wrap .btn:last-child {
    margin-right: 0;
  }
}

.esg.supply_chain_management .content {
  padding-bottom: 0;
}

.esg.supply_chain_management .sec01 {
  padding: max(105.6px, 10.4166666667vw) 0;
}

.esg.supply_chain_management .sec01 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.esg.supply_chain_management .sec01 .row:last-child {
  margin-bottom: 0;
}

.esg.supply_chain_management .sec01 .row:nth-child(3) .img_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.supply_chain_management .sec01 .img_wrap {
  margin-top: max(26.4px, 2.6041666667vw);
}

.esg.supply_chain_management .sec01 .img_wrap img {
  width: 100%;
}

.esg.supply_chain_management .sec01 .img_thumb_list {
  margin-top: max(26.4px, 2.6041666667vw);
}

.esg.supply_chain_management .sec01 .img_thumb_list .txt {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1023px) {
  .esg.supply_chain_management .sec01 {
    padding: 128px 0;
  }

  .esg.supply_chain_management .sec01 .row {
    margin-bottom: 128px;
  }

  .esg.supply_chain_management .sec01 .row:nth-child(3) .img_wrap {
    margin-top: 48px;
  }

  .esg.supply_chain_management .sec01 .img_wrap {
    margin-top: 32px;
  }

  .esg.supply_chain_management .sec01 .img_thumb_list {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .esg.supply_chain_management .sec01 {
    padding: 80px 0;
  }

  .esg.supply_chain_management .sec01 .row {
    margin-bottom: 80px;
  }

  .esg.supply_chain_management .sec01 .row:nth-child(3) .img_wrap {
    margin-top: 48px;
  }

  .esg.supply_chain_management .sec01 .img_wrap {
    margin-top: 32px;
  }

  .esg.supply_chain_management .sec01 .img_thumb_list {
    margin-top: 32px;
  }
}

.esg.supply_chain_management .sec02 {
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

.esg.supply_chain_management .sec02 dl {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.supply_chain_management .sec02 dl dd {
  margin-bottom: max(39.6px, 3.90625vw);
}

.esg.supply_chain_management .sec02 dl dd:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .esg.supply_chain_management .sec02 {
    padding: 96px 0;
  }

  .esg.supply_chain_management .sec02 dl {
    margin-top: 48px;
  }

  .esg.supply_chain_management .sec02 dl dd {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .esg.supply_chain_management .sec02 {
    padding: 96px 0;
  }

  .esg.supply_chain_management .sec02 dl {
    margin-top: 48px;
  }

  .esg.supply_chain_management .sec02 dl dd {
    margin-bottom: 60px;
  }
}

.esg.supply_chain_management .sec03 {
  padding: max(105.6px, 10.4166666667vw) 0;
}

.esg.supply_chain_management .sec03 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.esg.supply_chain_management .sec03 .row:first-child dl {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.supply_chain_management .sec03 .row:first-child dl dd {
  margin-bottom: max(39.6px, 3.90625vw);
}

.esg.supply_chain_management .sec03 .row:first-child dl dd:last-child {
  margin-bottom: 0;
}

.esg.supply_chain_management .sec03 .row:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .esg.supply_chain_management .sec03 {
    padding: 128px 0;
  }

  .esg.supply_chain_management .sec03 .row {
    margin-bottom: 128px;
  }

  .esg.supply_chain_management .sec03 .row:first-child dl {
    margin-top: 48px;
  }

  .esg.supply_chain_management .sec03 .row:first-child dl dd {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .esg.supply_chain_management .sec03 {
    padding: 80px 0;
  }

  .esg.supply_chain_management .sec03 .row {
    margin-bottom: 80px;
  }

  .esg.supply_chain_management .sec03 .row:first-child dl {
    margin-top: 48px;
  }

  .esg.supply_chain_management .sec03 .row:first-child dl dd {
    margin-bottom: 60px;
  }
}

.esg.supply_chain_management .sec04 {
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

@media (max-width: 1023px) {
  .esg.supply_chain_management .sec04 {
    padding: 96px 0;
  }
}

@media (max-width: 767px) {
  .esg.supply_chain_management .sec04 {
    padding: 96px 0;
  }
}

.esg.supply_chain_management .sub_tit {
  margin-bottom: max(7.92px, 0.78125vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .esg.supply_chain_management .sub_tit {
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.supply_chain_management .sub_tit {
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.esg.supply_chain_management .simple_accordion {
  margin-top: max(26.4px, 2.6041666667vw);
  border-top: max(0.66px, 0.0651041667vw) solid #121619;
}

.esg.supply_chain_management .simple_accordion dt {
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.supply_chain_management .simple_accordion dt a {
  display: block;
  position: relative;
  padding: max(18.48px, 1.8229166667vw) max(13.2px, 1.3020833333vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg.supply_chain_management .simple_accordion dt a::after {
  content: "";
  position: absolute;
  right: max(13.2px, 1.3020833333vw);
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: max(13.2px, 1.3020833333vw);
  height: max(13.2px, 1.3020833333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sustainability/social/supply-chain-management/ic_up.svg") 0 0 no-repeat;
  background-size: cover;
  opacity: 0.7;
}

.esg.supply_chain_management .simple_accordion dt a:hover::after {
  opacity: 1;
}

.esg.supply_chain_management .simple_accordion dt.active {
  border-bottom: 0;
}

.esg.supply_chain_management .simple_accordion dt.active a::after {
  transform: translateY(-50%) rotate(0);
  opacity: 1;
}

.esg.supply_chain_management .simple_accordion dd {
  display: none;
  padding-bottom: max(18.48px, 1.8229166667vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.supply_chain_management .simple_accordion dd p {
  padding: max(18.48px, 1.8229166667vw) max(13.2px, 1.3020833333vw);
  background-color: #f6f6f6;
  border-radius: max(7.92px, 0.78125vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .esg.supply_chain_management .simple_accordion {
    margin-top: 32px;
    border-top: 1px solid #121619;
  }

  .esg.supply_chain_management .simple_accordion dt {
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.supply_chain_management .simple_accordion dt a {
    padding: max(18.48px, 1.8229166667vw) 20px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.supply_chain_management .simple_accordion dt a::after {
    right: 20px;
    width: 20px;
    height: 20px;
  }

  .esg.supply_chain_management .simple_accordion dd {
    padding-bottom: 28px;
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.supply_chain_management .simple_accordion dd p {
    padding: 28px 20px;
    border-radius: 12px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .esg.supply_chain_management .simple_accordion {
    margin-top: 32px;
    border-top: 1px solid #121619;
  }

  .esg.supply_chain_management .simple_accordion dt {
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.supply_chain_management .simple_accordion dt a {
    padding: 28px 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .esg.supply_chain_management .simple_accordion dt a::after {
    right: 20px;
    width: 20px;
    height: 20px;
  }

  .esg.supply_chain_management .simple_accordion dd {
    padding-bottom: 28px;
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.supply_chain_management .simple_accordion dd p {
    padding: 28px 20px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}

.esg.human_rights_and_safety .sub_tit {
  margin-bottom: 0;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.esg.human_rights_and_safety .sub_tit.above_txt {
  margin-bottom: max(5.28px, 0.5208333333vw);
}

.esg.human_rights_and_safety .sub_tit.above_img {
  margin-bottom: max(7.92px, 0.78125vw);
}

.esg.human_rights_and_safety .sub_tit+dd .img_wrap img {
  width: 100%;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .sub_tit {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sub_tit.above_txt {
    margin-bottom: 12px;
  }

  .esg.human_rights_and_safety .sub_tit.above_img {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .sub_tit {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.human_rights_and_safety .sub_tit.above_txt {
    margin-bottom: 12px;
  }

  .esg.human_rights_and_safety .sub_tit.above_img {
    margin-bottom: 10px;
  }
}

.esg.human_rights_and_safety .border_area {
  display: flex;
  flex-direction: column;
  gap: max(13.2px, 1.3020833333vw);
  padding: max(39.6px, 3.90625vw) max(31.68px, 3.125vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .border_area {
    gap: 20px;
    padding: 48px 38px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .border_area {
    gap: 20px;
    padding: 48px 38px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }
}

.esg.human_rights_and_safety .ic_card_list {
  display: flex;
  flex-wrap: wrap;
  gap: max(13.2px, 1.3020833333vw);
}

.esg.human_rights_and_safety .ic_card_list li {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  height: max(152.46px, 15.0390625vw);
  padding: max(18.48px, 1.8229166667vw);
  background-color: #fff;
  border-radius: max(7.92px, 0.78125vw);
}

.esg.human_rights_and_safety .ic_card_list dt {
  margin-bottom: max(5.28px, 0.5208333333vw);
}

.esg.human_rights_and_safety .ic_card_list dt i {
  display: block;
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
  margin-bottom: max(7.92px, 0.78125vw);
}

.esg.human_rights_and_safety .ic_card_list dt i img {
  width: 100%;
}

.esg.human_rights_and_safety .ic_card_list dt span {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .ic_card_list {
    gap: 20px;
  }

  .esg.human_rights_and_safety .ic_card_list li {
    width: calc(50% - 10px);
    height: 228px;
    padding: 28px;
    border-radius: 8px;
  }

  .esg.human_rights_and_safety .ic_card_list dt {
    margin-bottom: 8px;
  }

  .esg.human_rights_and_safety .ic_card_list dt i {
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
  }

  .esg.human_rights_and_safety .ic_card_list dt span {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .ic_card_list {
    gap: 20px;
  }

  .esg.human_rights_and_safety .ic_card_list li {
    width: 100%;
    height: 228px;
    padding: 28px;
    border-radius: 8px;
  }

  .esg.human_rights_and_safety .ic_card_list dt {
    margin-bottom: 8px;
  }

  .esg.human_rights_and_safety .ic_card_list dt i {
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
  }

  .esg.human_rights_and_safety .ic_card_list dt span {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.esg.human_rights_and_safety .list_bg {
  display: flex;
  flex-direction: column;
  gap: max(13.2px, 1.3020833333vw);
}

.esg.human_rights_and_safety .list_bg li {
  padding: max(21.12px, 2.0833333333vw);
  background-color: #fff;
  border-radius: max(7.92px, 0.78125vw);
  box-shadow: max(13.2px, 1.3020833333vw) max(14.52px, 1.4322916667vw) max(33px, 3.2552083333vw) 0 rgba(0, 0, 0, 0.12);
}

.esg.human_rights_and_safety .list_bg li span {
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #121619;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .list_bg {
    gap: 20px;
  }

  .esg.human_rights_and_safety .list_bg li {
    padding: 32px;
    border-radius: 8px;
    box-shadow: 20px 22px 50px 0 rgba(0, 0, 0, 0.12);
  }

  .esg.human_rights_and_safety .list_bg li span {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .list_bg {
    gap: 20px;
  }

  .esg.human_rights_and_safety .list_bg li {
    padding: 32px;
    border-radius: 8px;
    box-shadow: 20px 22px 50px 0 rgba(0, 0, 0, 0.12);
  }

  .esg.human_rights_and_safety .list_bg li span {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.esg.human_rights_and_safety dl.cnt_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.human_rights_and_safety dl.cnt_wrap dd {
  margin-bottom: max(26.4px, 2.6041666667vw);
}

.esg.human_rights_and_safety dl.cnt_wrap dd:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety dl.cnt_wrap {
    margin-top: 48px;
  }

  .esg.human_rights_and_safety dl.cnt_wrap dd {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety dl.cnt_wrap {
    margin-top: 48px;
  }

  .esg.human_rights_and_safety dl.cnt_wrap dd {
    margin-bottom: 60px;
  }
}

.esg.human_rights_and_safety .sec01 {
  padding: max(105.6px, 10.4166666667vw) 0 max(89.76px, 8.8541666667vw) 0;
}

.esg.human_rights_and_safety .sec01 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.esg.human_rights_and_safety .sec01 .row:last-child {
  margin-bottom: 0;
}

.esg.human_rights_and_safety .sec01 .img_wrap {
  margin-top: max(26.4px, 2.6041666667vw);
}

.esg.human_rights_and_safety .sec01 .img_wrap img {
  width: 100%;
}

.esg.human_rights_and_safety .sec01 .signature {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: max(31.68px, 3.125vw);
}

.esg.human_rights_and_safety .sec01 .signature span {
  margin-bottom: max(7.92px, 0.78125vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg.human_rights_and_safety .sec01 .signature img {
  width: fit-content;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .sec01 {
    padding: 128px 0;
  }

  .esg.human_rights_and_safety .sec01 .img_wrap {
    margin-top: 32px;
  }

  .esg.human_rights_and_safety .sec01 .signature {
    margin-top: 38px;
  }

  .esg.human_rights_and_safety .sec01 .signature span {
    margin-bottom: 12px;
    font-size: max(11.22px, 1.1067708333vw);
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .sec01 {
    padding: 80px 0;
  }

  .esg.human_rights_and_safety .sec01 .img_wrap {
    margin-top: 32px;
  }

  .esg.human_rights_and_safety .sec01 .signature {
    margin-top: 38px;
  }

  .esg.human_rights_and_safety .sec01 .signature span {
    margin-bottom: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

.esg.human_rights_and_safety .sec02 {
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .sec02 {
    padding: 96px 0 111px;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .sec02 {
    padding: 96px 0 111px;
  }
}

.esg.human_rights_and_safety .sec03 {
  padding: max(105.6px, 10.4166666667vw) 0;
}

.esg.human_rights_and_safety .sec03 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.esg.human_rights_and_safety .sec03 .row:last-child {
  margin-bottom: 0;
}

.esg.human_rights_and_safety .sec03 .btn_wrap {
  margin-top: max(26.4px, 2.6041666667vw);
}

.esg.human_rights_and_safety .sec03 .table_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.human_rights_and_safety .sec03 .table_wrap col:first-child {
  width: 1%;
}

.esg.human_rights_and_safety .sec03 .table_wrap .dot {
  display: block;
  position: relative;
  width: fit-content;
  padding-left: max(7.92px, 0.78125vw);
  margin-bottom: max(2.64px, 0.2604166667vw);
  text-align: left;
  font-size: inherit;
  color: #697077;
}

.esg.human_rights_and_safety .sec03 .table_wrap .dot:last-child {
  margin-bottom: 0;
}

.esg.human_rights_and_safety .sec03 .table_wrap .dot::before {
  content: "";
  position: absolute;
  top: max(7.92px, 0.78125vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  background-color: #697077;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .sec03 {
    padding: 128px 0;
  }

  .esg.human_rights_and_safety .sec03 .row {
    margin-bottom: 128px;
  }

  .esg.human_rights_and_safety .sec03 .btn_wrap {
    margin-top: 32px;
  }

  .esg.human_rights_and_safety .sec03 .table_wrap {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .sec03 {
    padding: 80px 0;
  }

  .esg.human_rights_and_safety .sec03 .row {
    margin-bottom: 80px;
  }

  .esg.human_rights_and_safety .sec03 .btn_wrap {
    margin-top: 32px;
  }

  .esg.human_rights_and_safety .sec03 .table_wrap {
    margin-top: 48px;
  }
}

.esg.human_rights_and_safety .sec03_popup .top_tit {
  display: block;
  margin-bottom: max(15.84px, 1.5625vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #5e2bb8;
}

.esg.human_rights_and_safety .sec03_popup .table_wrap col:last-child {
  width: 50.5%;
}

.esg.human_rights_and_safety .sec03_popup .table_wrap td {
  text-align: left;
}

.esg.human_rights_and_safety .sec03_popup dl.cnt_wrap {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .sec03_popup .top_tit {
    margin-bottom: 19px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec03_popup .table_wrap th:last-child {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .sec03_popup .top_tit {
    margin-bottom: 19px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.esg.human_rights_and_safety .sec04 {
  padding: max(105.6px, 10.4166666667vw) 0;
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/social/human-rights-and-safety/sec04_bg.jpg") 0 0 no-repeat;
  background-size: cover;
}

.esg.human_rights_and_safety .sec04 .left_tit {
  color: #fff;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .sec04 {
    padding: 128px 0;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .sec04 {
    padding: 80px 0;
  }
}

.esg.human_rights_and_safety .sec05 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.human_rights_and_safety .sec05 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.esg.human_rights_and_safety .sec05 .row:last-child {
  margin-bottom: 0;
}

.esg.human_rights_and_safety .sec05 .ic_list {
  margin-top: 0;
}

.esg.human_rights_and_safety .sec05 .ic_list .txt_wrap p {
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.esg.human_rights_and_safety .sec05 .table_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.human_rights_and_safety .sec05 .table_wrap .table_tit {
  display: block;
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.esg.human_rights_and_safety .sec05 .table_wrap table colgroup col:first-child {
  width: 6.2%;
}

.esg.human_rights_and_safety .sec05 .table_wrap tbody tr td {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.esg.human_rights_and_safety .sec05 .table_wrap tbody tr td:first-child {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #121619;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .sec05 {
    padding-top: 128px;
  }

  .esg.human_rights_and_safety .sec05 .row {
    margin-bottom: 128px;
  }

  .esg.human_rights_and_safety .sec05 .ic_list .txt_wrap p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.human_rights_and_safety .sec05 .table_wrap {
    margin-top: 48px;
  }

  .esg.human_rights_and_safety .sec05 .table_wrap .table_tit {
    margin-bottom: 16px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.human_rights_and_safety .sec05 .table_wrap tbody tr td {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.human_rights_and_safety .sec05 .table_wrap tbody tr td:first-child {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .sec05 {
    padding-top: 80px;
  }

  .esg.human_rights_and_safety .sec05 .row {
    margin-bottom: 80px;
  }

  .esg.human_rights_and_safety .sec05 .ic_list .txt_wrap p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .esg.human_rights_and_safety .sec05 .table_wrap {
    margin-top: 48px;
  }

  .esg.human_rights_and_safety .sec05 .table_wrap .table_tit {
    margin-bottom: 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .esg.human_rights_and_safety .sec05 .table_wrap tbody tr td {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.human_rights_and_safety .sec05 .table_wrap tbody tr td:first-child {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

.esg.human_rights_and_safety .sec06 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.human_rights_and_safety .sec06 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.esg.human_rights_and_safety .sec06 .row:last-child {
  margin-bottom: 0;
}

.esg.human_rights_and_safety .sec06 .safety_joy .sub_tit {
  margin-bottom: max(7.92px, 0.78125vw);
}

.esg.human_rights_and_safety .sec06 .safety_joy .sub_txt {
  margin-top: max(13.2px, 1.3020833333vw);
  margin-bottom: max(39.6px, 3.90625vw);
}

.esg.human_rights_and_safety .sec06 .table_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.human_rights_and_safety .sec06 .table_wrap .table_tit {
  display: block;
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.esg.human_rights_and_safety .sec06 .bg_list_wrap {
  padding: max(31.68px, 3.125vw) max(26.4px, 2.6041666667vw) max(26.4px, 2.6041666667vw);
  border-radius: max(7.92px, 0.78125vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/social/human-rights-and-safety/safety_joy_bg.jpg") 0 0 no-repeat;
  background-size: cover;
}

.esg.human_rights_and_safety .sec06 .bg_list_wrap .title {
  margin-bottom: max(18.48px, 1.8229166667vw);
  text-align: center;
}

.esg.human_rights_and_safety .sec06 .bg_list_wrap .title p {
  margin-bottom: max(7.92px, 0.78125vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #fff;
}

.esg.human_rights_and_safety .sec06 .bg_list_wrap .title p b {
  display: block;
  margin-top: max(2.64px, 0.2604166667vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
}

.esg.human_rights_and_safety .sec06 .bg_list_wrap .title span {
  font-family: "Cafe24Ohsquare", sans-serif;
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 li {
  display: flex;
  gap: max(13.2px, 1.3020833333vw);
  margin-bottom: max(7.92px, 0.78125vw);
  padding: max(21.12px, 2.0833333333vw);
  background-color: #fff;
  border-radius: max(7.92px, 0.78125vw);
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 li:last-child {
  margin-bottom: 0;
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 li i {
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 li i img {
  width: 100%;
  object-fit: cover;
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap span {
  display: block;
  margin-bottom: max(2.64px, 0.2604166667vw);
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #5e2bb8;
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dt {
  margin-bottom: max(7.92px, 0.78125vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #343A3F;
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dd {
  position: relative;
  margin-bottom: max(2.64px, 0.2604166667vw);
  padding-left: max(7.26px, 0.7161458333vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dd:last-child {
  margin-bottom: 0;
}

.esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dd::before {
  content: "";
  position: absolute;
  top: max(6.6px, 0.6510416667vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  background-color: #697077;
}

@media (max-width: 1023px) {
  .esg.human_rights_and_safety .sec06 {
    padding-top: 128px;
  }

  .esg.human_rights_and_safety .sec06 .row {
    margin-bottom: 128px;
  }

  .esg.human_rights_and_safety .sec06 .safety_joy .sub_tit {
    margin-bottom: 10px;
  }

  .esg.human_rights_and_safety .sec06 .safety_joy .sub_txt {
    margin-top: 20px;
    margin-bottom: 48px;
  }

  .esg.human_rights_and_safety .sec06 .table_wrap {
    margin-top: 48px;
  }

  .esg.human_rights_and_safety .sec06 .table_wrap .table_tit {
    margin-bottom: 16px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap {
    padding: 38px 20px 20px;
    border-radius: 8px;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap .title {
    margin-bottom: 22px;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap .title p {
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap .title p b {
    margin-top: 4px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap .title span {
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 li {
    gap: 20px;
    margin-bottom: 12px;
    padding: 26px;
    border-radius: 8px;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 li i {
    width: 48px;
    height: 48px;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap span {
    margin-bottom: 4px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dt {
    margin-bottom: 12px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dd {
    margin-bottom: 4px;
    padding-left: 11px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dd::before {
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
  }
}

@media (max-width: 767px) {
  .esg.human_rights_and_safety .sec06 {
    padding-top: 80px;
  }

  .esg.human_rights_and_safety .sec06 .row {
    margin-bottom: 80px;
  }

  .esg.human_rights_and_safety .sec06 .safety_joy .sub_tit {
    margin-bottom: 10px;
  }

  .esg.human_rights_and_safety .sec06 .safety_joy .sub_txt {
    margin-top: 20px;
    margin-bottom: 48px;
  }

  .esg.human_rights_and_safety .sec06 .table_wrap {
    margin-top: 48px;
  }

  .esg.human_rights_and_safety .sec06 .table_wrap .table_tit {
    margin-bottom: 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap {
    padding: 38px 20px 20px;
    border-radius: 8px;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap .title {
    margin-bottom: 22px;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap .title p {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap .title p b {
    margin-top: 4px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .bg_list_wrap .title span {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 li {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 12px;
    padding: 26px;
    border-radius: 8px;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 li i {
    width: 48px;
    height: 48px;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap span {
    margin-bottom: 4px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dt {
    margin-bottom: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dd {
    margin-bottom: 4px;
    padding-left: 11px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.human_rights_and_safety .sec06 .ic_list_type2 .txt_wrap dd::before {
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
  }
}

.esg.information_protection .sec:not(.sec_visual, .sec03) {
  padding-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .esg.information_protection .sec:not(.sec_visual, .sec03) {
    padding-top: 128px;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec:not(.sec_visual, .sec03) {
    padding-top: 80px;
  }
}

.esg.information_protection .sec .cont {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.information_protection .sec .cont>strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.esg.information_protection .sec .cont>p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .esg.information_protection .sec .cont {
    margin-top: 48px;
  }

  .esg.information_protection .sec .cont>strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.information_protection .sec .cont>p {
    margin-top: 12px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec .cont {
    margin-top: 48px;
  }

  .esg.information_protection .sec .cont>strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.information_protection .sec .cont>p {
    margin-top: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
}

.esg.information_protection .sec .img_box {
  margin-top: max(7.92px, 0.78125vw);
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.esg.information_protection .sec .img_box img {
  width: 100%;
}

@media (max-width: 1023px) {
  .esg.information_protection .sec .img_box {
    margin-top: 10px;
    border-radius: 8px;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec .img_box {
    margin-top: 10px;
    border-radius: 8px;
  }
}

.esg.information_protection .sec01 .img_box {
  margin-top: max(26.4px, 2.6041666667vw);
}

@media (max-width: 1023px) {
  .esg.information_protection .sec01 .img_box {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec01 .img_box {
    margin-top: 32px;
  }
}

.esg.information_protection .sec02 .declaration_box {
  width: 100%;
  margin-top: max(39.6px, 3.90625vw);
  padding: max(39.6px, 3.90625vw) max(31.68px, 3.125vw);
  border-radius: max(7.92px, 0.78125vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.information_protection .sec02 .declaration_box .top_txt {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  color: #343a3f;
  word-break: keep-all;
  word-wrap: break-word;
}

.esg.information_protection .sec02 .declaration_box .txt_box {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.information_protection .sec02 .declaration_box .txt_box dl+dl {
  margin-top: max(19.8px, 1.953125vw);
}

.esg.information_protection .sec02 .declaration_box .txt_box dt,
.esg.information_protection .sec02 .declaration_box .txt_box p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.esg.information_protection .sec02 .declaration_box .txt_box dt {
  margin-bottom: max(6.6px, 0.6510416667vw);
}

.esg.information_protection .sec02 .declaration_box .txt_box p {
  position: relative;
  padding-left: max(17.16px, 1.6927083333vw);
}

.esg.information_protection .sec02 .declaration_box .txt_box p span {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.esg.information_protection .sec02 .declaration_box .txt_box p.no_padding {
  padding: 0;
}

.esg.information_protection .sec02 .declaration_box .name_box {
  margin-top: max(31.68px, 3.125vw);
  text-align: right;
}

.esg.information_protection .sec02 .declaration_box .name_box strong {
  display: block;
  margin-bottom: max(7.92px, 0.78125vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #121619;
  font-weight: bold;
}

.esg.information_protection .sec02 .declaration_box .name_box img {
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1023px) {
  .esg.information_protection .sec02 .declaration_box {
    margin-top: 24px;
    padding: 48px 38px;
    border-radius: 12px;
    border-width: 1px;
  }

  .esg.information_protection .sec02 .declaration_box .top_txt {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box {
    margin-top: 20px;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box dl+dl {
    margin-top: 30px;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box dt,
  .esg.information_protection .sec02 .declaration_box .txt_box p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box dt {
    margin-bottom: 10px;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box p {
    padding-left: 26px;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box p span {
    padding-left: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .esg.information_protection .sec02 .declaration_box .name_box {
    margin-top: 38px;
  }

  .esg.information_protection .sec02 .declaration_box .name_box strong {
    margin-bottom: 12px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec02 .declaration_box {
    margin-top: 24px;
    padding: 48px 38px;
    border-radius: 12px;
    border-width: 1px;
  }

  .esg.information_protection .sec02 .declaration_box .top_txt {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box {
    margin-top: 20px;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box dl+dl {
    margin-top: 30px;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box dt,
  .esg.information_protection .sec02 .declaration_box .txt_box p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box dt {
    margin-bottom: 10px;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box p {
    padding-left: 22px;
  }

  .esg.information_protection .sec02 .declaration_box .txt_box p span {
    padding-left: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .esg.information_protection .sec02 .declaration_box .name_box {
    margin-top: 38px;
  }

  .esg.information_protection .sec02 .declaration_box .name_box strong {
    margin-bottom: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }
}

.esg.information_protection .sec03 {
  margin-top: max(105.6px, 10.4166666667vw);
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

@media (max-width: 1023px) {
  .esg.information_protection .sec03 {
    margin-top: 128px;
    padding: 96px 0;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec03 {
    margin-top: 80px;
    padding: 80px 0;
  }
}

.esg.information_protection .sec04 .cont03 .certification_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-top: max(7.92px, 0.78125vw);
}

.esg.information_protection .sec04 .cont03 .certification_list li {
  width: calc(33.333333% - max(8.79999978px, 0.8680555339vw));
  margin-right: max(13.2px, 1.3020833333vw);
  padding: max(21.12px, 2.0833333333vw) max(13.2px, 1.3020833333vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
  text-align: center;
}

.esg.information_protection .sec04 .cont03 .certification_list li:last-of-type {
  margin-right: 0;
}

.esg.information_protection .sec04 .cont03 .certification_list li img {
  width: max(43.56px, 4.296875vw);
  margin: 0 auto;
}

.esg.information_protection .sec04 .cont03 .certification_list li span {
  display: block;
  margin-top: max(13.2px, 1.3020833333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .esg.information_protection .sec04 .cont03 .certification_list {
    margin-top: 10px;
  }

  .esg.information_protection .sec04 .cont03 .certification_list li {
    width: calc(33.333333% - 13.333333px);
    margin-right: 20px;
    padding: 32px 20px;
    border-width: 1px;
    border-radius: 12px;
  }

  .esg.information_protection .sec04 .cont03 .certification_list li img {
    width: 66px;
  }

  .esg.information_protection .sec04 .cont03 .certification_list li span {
    margin-top: 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec04 .cont03 .certification_list {
    display: block;
    margin-top: 10px;
  }

  .esg.information_protection .sec04 .cont03 .certification_list li {
    width: 100%;
    margin-right: 0;
    padding: 32px 20px;
    border-width: 1px;
    border-radius: 12px;
  }

  .esg.information_protection .sec04 .cont03 .certification_list li+li {
    margin-top: 20px;
  }

  .esg.information_protection .sec04 .cont03 .certification_list li img {
    width: 66px;
  }

  .esg.information_protection .sec04 .cont03 .certification_list li span {
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}

.esg.information_protection .sec05 .acco_list {
  margin-top: max(26.4px, 2.6041666667vw);
}

.esg.information_protection .sec05 .acco_list dl {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  margin-right: 0;
  background-color: #f6f6f6;
}

.esg.information_protection .sec05 .acco_list dl:nth-of-type(even) {
  margin-left: max(13.2px, 1.3020833333vw);
}

.esg.information_protection .sec05 .acco_list dl:nth-of-type(n + 3) {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .esg.information_protection .sec05 .acco_list {
    margin-top: 32px;
  }

  .esg.information_protection .sec05 .acco_list .list_wrap {
    display: block;
  }

  .esg.information_protection .sec05 .acco_list dl {
    width: 100%;
  }

  .esg.information_protection .sec05 .acco_list dl:nth-of-type(even) {
    margin-left: 0;
  }

  .esg.information_protection .sec05 .acco_list dl:nth-of-type(n + 2) {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec05 .acco_list {
    margin-top: 32px;
  }

  .esg.information_protection .sec05 .acco_list dl:nth-of-type(n + 2) {
    margin-top: 16px;
  }
}

.esg.information_protection .sec06 .btn_wrap {
  margin-top: max(21.12px, 2.0833333333vw);
}

@media (max-width: 1023px) {
  .esg.information_protection .sec06 .btn_wrap {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .esg.information_protection .sec06 .btn_wrap {
    margin-top: 32px;
  }
}

.esg.social_contribution .content {
  padding-bottom: 0;
}

.esg.social_contribution .sec:not(.sec_visual, .sec03) {
  padding-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .esg.social_contribution .sec:not(.sec_visual, .sec03) {
    padding-top: 128px;
  }
}

@media (max-width: 767px) {
  .esg.social_contribution .sec:not(.sec_visual, .sec03) {
    padding-top: 80px;
  }
}

.esg.social_contribution .sec01 .sub_txt {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.social_contribution .sec01 .img_box {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.social_contribution .sec01 .img_box img {
  width: 100%;
}

@media (max-width: 1023px) {
  .esg.social_contribution .sec01 .sub_txt {
    margin-top: 16px;
  }

  .esg.social_contribution .sec01 .img_box {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .esg.social_contribution .sec01 .sub_txt {
    margin-top: 16px;
  }

  .esg.social_contribution .sec01 .img_box {
    margin-top: 48px;
  }
}

.esg.social_contribution .sec02 .img_box img {
  width: 100%;
}

.esg.social_contribution .sec03 {
  margin-top: max(105.6px, 10.4166666667vw);
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

.esg.social_contribution .sec03 .cont+.cont {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.social_contribution .sec03 .slide_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  width: 100%;
  margin-top: max(21.12px, 2.0833333333vw);
}

.esg.social_contribution .sec03 .slide_wrap .slide_box {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.esg.social_contribution .sec03 .slide_wrap .slide_box:nth-of-type(even) {
  margin-left: max(13.2px, 1.3020833333vw);
}

.esg.social_contribution .sec03 .slide_wrap .slide_box:nth-of-type(n+3) {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.social_contribution .sec03 .slide_wrap .social_slide {
  position: relative;
  width: 100%;
}

.esg.social_contribution .sec03 .slide_wrap .swiper-slide {
  padding-top: 61%;
  background-color: #eee;
}

.esg.social_contribution .sec03 .slide_wrap .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.esg.social_contribution .sec03 .slide_wrap .txt {
  width: 100%;
  padding: max(15.84px, 1.5625vw) max(13.2px, 1.3020833333vw);
  background-color: #ffffff;
}

.esg.social_contribution .sec03 .slide_wrap .txt strong {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg.social_contribution .sec03 .slide_wrap .swiper-pagination {
  bottom: max(13.2px, 1.3020833333vw);
  font-size: 0;
}

.esg.social_contribution .sec03 .slide_wrap .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  margin: 0 max(2.64px, 0.2604166667vw);
  background-color: transparent;
  border: max(0.66px, 0.0651041667vw) solid #ffffff;
  opacity: 1;
}

.esg.social_contribution .sec03 .slide_wrap .swiper-pagination .swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  background-color: #ffffff;
  border-radius: 999px;
}

@media (max-width: 1023px) {
  .esg.social_contribution .sec03 {
    margin-top: 128px;
    padding: 96px 0;
  }

  .esg.social_contribution .sec03 .cont+.cont {
    margin-top: 48px;
  }

  .esg.social_contribution .sec03 .slide_wrap {
    margin-top: 32px;
  }

  .esg.social_contribution .sec03 .slide_wrap .slide_box {
    width: calc(50% - 10px);
    border-radius: 8px;
  }

  .esg.social_contribution .sec03 .slide_wrap .slide_box:nth-of-type(even) {
    margin-left: 20px;
  }

  .esg.social_contribution .sec03 .slide_wrap .slide_box:nth-of-type(n+3) {
    margin-top: 20px;
  }

  .esg.social_contribution .sec03 .slide_wrap .txt {
    padding: 20px;
  }

  .esg.social_contribution .sec03 .slide_wrap .txt strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.social_contribution .sec03 .slide_wrap .swiper-pagination {
    bottom: 20px;
  }

  .esg.social_contribution .sec03 .slide_wrap .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-width: 1px;
  }

  .esg.social_contribution .sec03 .slide_wrap .swiper-pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}

@media (max-width: 767px) {
  .esg.social_contribution .sec03 {
    margin-top: 80px;
    padding: 80px 0;
  }

  .esg.social_contribution .sec03 .cont+.cont {
    margin-top: 48px;
  }

  .esg.social_contribution .sec03 .slide_wrap {
    display: block;
    margin-top: 32px;
  }

  .esg.social_contribution .sec03 .slide_wrap .slide_box {
    width: 100%;
    border-radius: 8px;
  }

  .esg.social_contribution .sec03 .slide_wrap .slide_box:nth-of-type(even) {
    margin-left: 0;
  }

  .esg.social_contribution .sec03 .slide_wrap .slide_box:nth-of-type(n+2) {
    margin-top: 20px;
  }

  .esg.social_contribution .sec03 .slide_wrap .swiper-slide {
    padding-top: 62%;
  }

  .esg.social_contribution .sec03 .slide_wrap .txt {
    padding: 20px;
  }

  .esg.social_contribution .sec03 .slide_wrap .txt strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.social_contribution .sec03 .slide_wrap .swiper-pagination {
    bottom: 20px;
  }

  .esg.social_contribution .sec03 .slide_wrap .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-width: 1px;
  }

  .esg.social_contribution .sec03 .slide_wrap .swiper-pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}

.esg.environmental_guidelines .sec:not(.sec_visual) {
  padding-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .esg.environmental_guidelines .sec:not(.sec_visual) {
    padding-top: 128px;
  }
}

@media (max-width: 767px) {
  .esg.environmental_guidelines .sec:not(.sec_visual) {
    padding-top: 80px;
  }
}

.esg.environmental_guidelines .sec01 .txt_list {
  margin-top: max(19.8px, 1.953125vw);
  border-radius: max(7.92px, 0.78125vw);
  padding: max(21.12px, 2.0833333333vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.environmental_guidelines .sec01 .txt_list li+li {
  margin-top: max(7.92px, 0.78125vw);
}

.esg.environmental_guidelines .sec01 .txt_list li p {
  padding-left: max(7.26px, 0.7161458333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
  position: relative;
}

.esg.environmental_guidelines .sec01 .txt_list li p:before {
  display: block;
  position: absolute;
  top: max(6.6px, 0.6510416667vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  content: "";
  background-color: #697077;
}

@media (max-width: 1023px) {
  .esg.environmental_guidelines .sec01 .txt_list {
    margin-top: 24px;
    border-radius: 8px;
    padding: 26px;
    border-width: 1px;
  }

  .esg.environmental_guidelines .sec01 .txt_list li+li {
    margin-top: 12px;
  }

  .esg.environmental_guidelines .sec01 .txt_list li p {
    padding-left: 11px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .esg.environmental_guidelines .sec01 .txt_list li p::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

@media (max-width: 767px) {
  .esg.environmental_guidelines .sec01 .txt_list {
    margin-top: 24px;
    border-radius: 8px;
    padding: 26px;
    border-width: 1px;
  }

  .esg.environmental_guidelines .sec01 .txt_list li+li {
    margin-top: 12px;
  }

  .esg.environmental_guidelines .sec01 .txt_list li p {
    padding-left: 11px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .esg.environmental_guidelines .sec01 .txt_list li p::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

.esg.environmental_guidelines .sec02 {
  margin-top: max(105.6px, 10.4166666667vw);
  padding-bottom: max(105.6px, 10.4166666667vw);
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/environmental/environmental-guidelines/sec02_pc_bg.jpg") center no-repeat;
  background-size: cover;
}

.esg.environmental_guidelines .sec02 .left_tit,
.esg.environmental_guidelines .sec02 .right_top_txt,
.esg.environmental_guidelines .sec02 .sub_txt {
  color: #ffffff;
}

.esg.environmental_guidelines .sec02 .sub_txt {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.environmental_guidelines .sec02 .list_box {
  margin-top: max(26.4px, 2.6041666667vw);
}

.esg.environmental_guidelines .sec02 .list_box dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  width: 100%;
  padding: max(21.12px, 2.0833333333vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
}

.esg.environmental_guidelines .sec02 .list_box dl+dl {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.environmental_guidelines .sec02 .list_box dl dt {
  width: max(106.26px, 10.4817708333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #121619;
  font-weight: bold;
}

.esg.environmental_guidelines .sec02 .list_box dl dd {
  width: calc(100% - max(106.26px, 10.4817708333vw));
  padding-left: max(13.2px, 1.3020833333vw);
}

.esg.environmental_guidelines .sec02 .list_box dl dd span {
  display: block;
  padding-left: max(7.26px, 0.7161458333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  position: relative;
}

.esg.environmental_guidelines .sec02 .list_box dl dd span+span {
  margin-top: max(5.28px, 0.5208333333vw);
}

.esg.environmental_guidelines .sec02 .list_box dl dd span:before {
  display: block;
  position: absolute;
  top: max(6.6px, 0.6510416667vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  content: "";
  background-color: #697077;
}

@media (max-width: 1023px) {
  .esg.environmental_guidelines .sec02 {
    margin-top: 128px;
    padding-bottom: 128px;
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/sustainability/environmental/environmental-guidelines/sec02_m_bg.jpg") center no-repeat;
    background-size: cover;
  }

  .esg.environmental_guidelines .sec02 .sub_txt {
    margin-top: 16px;
  }

  .esg.environmental_guidelines .sec02 .list_box {
    margin-top: 32px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl {
    padding: 26px;
    border-radius: 8px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl+dl {
    margin-top: 20px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dt {
    width: 161px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dd {
    width: calc(100% - 161px);
    padding-left: 20px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dd span {
    padding-left: 11px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dd span::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dd span+span {
    margin-top: 8px;
  }
}

@media (max-width: 767px) {
  .esg.environmental_guidelines .sec02 {
    margin-top: 80px;
    padding-bottom: 80px;
  }

  .esg.environmental_guidelines .sec02 .sub_txt {
    margin-top: 16px;
  }

  .esg.environmental_guidelines .sec02 .list_box {
    margin-top: 32px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl {
    display: block;
    padding: 26px;
    border-radius: 8px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl+dl {
    margin-top: 20px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dt {
    width: 100%;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dd {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dd span {
    padding-left: 11px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dd span::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }

  .esg.environmental_guidelines .sec02 .list_box dl dd span+span {
    margin-top: 8px;
  }
}

.esg.environmental_guidelines .sec03 .img_box {
  margin-top: max(26.4px, 2.6041666667vw);
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.esg.environmental_guidelines .sec03 .img_box img {
  width: 100%;
}

@media (max-width: 1023px) {
  .esg.environmental_guidelines .sec03 .img_box {
    margin-top: 32px;
    border-radius: 8px;
  }
}

@media (max-width: 767px) {
  .esg.environmental_guidelines .sec03 .img_box {
    margin-top: 32px;
    border-radius: 8px;
  }
}

.esg.environmental_guidelines .sec04 .acco_list {
  margin-top: max(26.4px, 2.6041666667vw);
}

@media (max-width: 1023px) {
  .esg.environmental_guidelines .sec04 .acco_list {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .esg.environmental_guidelines .sec04 .acco_list {
    margin-top: 32px;
  }
}

.esg.environmental_action .content {
  padding-bottom: 0;
}

.esg.environmental_action .bg_color {
  background-color: #E5E9F1 !important;
}

.esg.environmental_action .sec01 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.environmental_action .sec01 .activity_slide {
  margin-top: max(39.6px, 3.90625vw);
  padding-bottom: max(26.4px, 2.6041666667vw);
}

.esg.environmental_action .sec01 .activity_slide .swiper-slide {
  width: max(242.88px, 23.9583333333vw);
}

.esg.environmental_action .sec01 .activity_slide .img_box {
  overflow: hidden;
  position: relative;
  padding-bottom: 66.5760869565%;
  border-radius: max(7.92px, 0.78125vw);
  background: #eee;
}

.esg.environmental_action .sec01 .activity_slide .img_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 0;
  object-fit: cover;
}

.esg.environmental_action .sec01 .activity_slide .txt_box {
  padding-top: max(13.2px, 1.3020833333vw);
}

.esg.environmental_action .sec01 .activity_slide dl dt {
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: bold;
}

.esg.environmental_action .sec01 .activity_slide dl dt.purple_color {
  color: #5e2bb8;
}

.esg.environmental_action .sec01 .activity_slide dl dt.mint_color {
  color: #08d1d9;
}

.esg.environmental_action .sec01 .activity_slide dl dd {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.esg.environmental_action .sec01 .activity_slide .swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: max(2.64px, 0.2604166667vw);
}

.esg.environmental_action .sec01 .activity_slide .swiper-pagination-progressbar {
  background-color: #d9d9d9;
}

.esg.environmental_action .sec01 .activity_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #5e2bb8;
}

@media (max-width: 1023px) {
  .esg.environmental_action .sec01 {
    padding-top: 128px;
  }

  .esg.environmental_action .sec01 .activity_slide {
    margin-top: 48px;
    padding-bottom: 36px;
  }

  .esg.environmental_action .sec01 .activity_slide .swiper-slide {
    width: auto;
  }

  .esg.environmental_action .sec01 .activity_slide .img_box {
    padding-bottom: 66.4670658683%;
    border-radius: 8px;
  }

  .esg.environmental_action .sec01 .activity_slide .img_box img {
    height: 100%;
  }

  .esg.environmental_action .sec01 .activity_slide .txt_box {
    padding-top: 20px;
  }

  .esg.environmental_action .sec01 .activity_slide dl dt {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .esg.environmental_action .sec01 .activity_slide dl dd {
    margin-top: 6px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.environmental_action .sec01 .activity_slide .swiper-pagination {
    height: 4px;
  }
}

@media (max-width: 767px) {
  .esg.environmental_action .sec01 {
    padding-top: 80px;
  }

  .esg.environmental_action .sec01 .activity_slide {
    margin-top: 48px;
    padding-bottom: 36px;
  }

  .esg.environmental_action .sec01 .activity_slide .img_box {
    border-radius: 8px;
  }

  .esg.environmental_action .sec01 .activity_slide .txt_box {
    padding-top: 20px;
  }

  .esg.environmental_action .sec01 .activity_slide dl dt {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.environmental_action .sec01 .activity_slide dl dd {
    margin-top: 6px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .esg.environmental_action .sec01 .activity_slide .swiper-pagination {
    height: 4px;
  }
}

.esg.environmental_action .sec02 {
  margin-top: max(105.6px, 10.4166666667vw);
  padding: 130px 0 max(98.34px, 9.7005208333vw);
  background-color: #f2f4f8;
}

.esg.environmental_action .sec02 .cont+.cont {
  margin-top: max(52.8px, 5.2083333333vw);
}

.esg.environmental_action .sec02 .cont02 col {
  width: 15%;
}

.esg.environmental_action .sec02 .cont02 col.col1 {
  width: 16.3%;
}

.esg.environmental_action .sec02 .cont02 col.col2 {
  width: 23.7%;
}

.esg.environmental_action .sec02 .cont03 col {
  width: 15%;
}

.esg.environmental_action .sec02 .cont03 col.col1 {
  width: 40%;
}

.esg.environmental_action .sec02 .cont .chart_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-top: max(26.4px, 2.6041666667vw);
}

.esg.environmental_action .sec02 .cont .chart_wrap .chart_box {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  background-color: #ffffff;
  border-radius: max(7.92px, 0.78125vw);
  padding: max(19.8px, 1.953125vw);
}

.esg.environmental_action .sec02 .cont .chart_wrap .chart_box:first-of-type {
  margin-right: max(13.2px, 1.3020833333vw);
}

.esg.environmental_action .sec02 .cont .chart_wrap .chart_txt strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #121619;
  font-weight: bold;
}

.esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin: max(3.96px, 0.390625vw) 0 0 calc(max(5.28px, 0.5208333333vw) * -1);
}

.esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope li {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  margin: max(1.32px, 0.1302083333vw) max(5.28px, 0.5208333333vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
}

.esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope li:last-of-type {
  margin-right: 0;
}

.esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope li span {
  display: inline-block;
  vertical-align: middle;
  width: max(6.6px, 0.6510416667vw);
  height: max(6.6px, 0.6510416667vw);
  margin-right: max(3.3px, 0.3255208333vw);
  border-radius: 50%;
}

.esg.environmental_action .sec02 .cont .chart_wrap .chart_item {
  margin-top: max(15.84px, 1.5625vw);
  padding: 0;
}

.esg.environmental_action .sec02 .cont .top_txt strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
  font-weight: bold;
}

.esg.environmental_action .sec02 .cont .top_txt p {
  margin-top: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.esg.environmental_action .sec02 .cont .top_txt p.txt_right {
  margin-top: max(18.48px, 1.8229166667vw);
  text-align: right;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.03em;
  line-height: 1.3;
}

.esg.environmental_action .sec02 .cont .table_area {
  margin-top: max(7.92px, 0.78125vw);
}

.esg.environmental_action .sec02 .cont .table_area th,
.esg.environmental_action .sec02 .cont .table_area td {
  background-color: #f2f4f8;
}

.esg.environmental_action .sec02 .cont .table_area .sticky {
  color: #121619;
}

.esg.environmental_action .sec02 .cont .table_area .t_bold {
  font-weight: bold;
}

@media (max-width: 1023px) {
  .esg.environmental_action .sec02 {
    margin-top: 128px;
    padding: 96px 0 128px;
  }

  .esg.environmental_action .sec02 .cont+.cont {
    margin-top: 64px;
  }

  .esg.environmental_action .sec02 .cont02 col {
    width: 15.1162790698%;
  }

  .esg.environmental_action .sec02 .cont02 col.col1 {
    width: 16.2790697674%;
  }

  .esg.environmental_action .sec02 .cont02 col.col2 {
    width: 23.4011627907%;
  }

  .esg.environmental_action .sec02 .cont03 col {
    width: 16.7151162791%;
  }

  .esg.environmental_action .sec02 .cont03 col.col1 {
    width: 33.7209302326%;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap {
    margin-top: 32px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_box {
    width: calc(50% - 10px);
    border-radius: 8px;
    padding: 20px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_box:first-of-type {
    margin-right: 20px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_txt strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope {
    margin: 6px 0 0 -8px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope li {
    margin: 2px 8px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope li span {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_item {
    margin-top: 24px;
    padding: 0;
  }

  .esg.environmental_action .sec02 .cont .top_txt strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.environmental_action .sec02 .cont .top_txt p {
    margin-top: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .esg.environmental_action .sec02 .cont .top_txt p.txt_right {
    margin-top: 28px;
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 1.3;
  }

  .esg.environmental_action .sec02 .cont .table_area {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .esg.environmental_action .sec02 {
    margin-top: 80px;
    padding: 80px 0;
  }

  .esg.environmental_action .sec02 .cont+.cont {
    margin-top: 64px;
  }

  .esg.environmental_action .sec02 .cont02 table {
    min-width: 688px;
  }

  .esg.environmental_action .sec02 .cont03 table {
    min-width: 688px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap {
    display: block;
    margin-top: 32px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_box {
    width: 100%;
    border-radius: 8px;
    padding: 20px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_box:first-of-type {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_txt strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope {
    margin: 6px 0 0 -8px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope li {
    margin: 2px 8px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.5833333333;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_txt .graph_scope li span {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }

  .esg.environmental_action .sec02 .cont .chart_wrap .chart_item {
    margin-top: 24px;
  }

  .esg.environmental_action .sec02 .cont .top_txt strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .esg.environmental_action .sec02 .cont .top_txt p {
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }

  .esg.environmental_action .sec02 .cont .top_txt p.txt_right {
    margin-top: 28px;
    font-size: 13px;
    letter-spacing: -0.03em;
    line-height: 1.3;
  }

  .esg.environmental_action .sec02 .cont .table_area {
    margin-top: 10px;
  }

  .esg.environmental_action .sec02 .cont .table_area .type1 {
    left: 112px;
  }

  .esg.environmental_action .sec02 .cont03 .table_area .scroll__visible::before {
    top: 3%;
  }
}

@keyframes rollingleft1 {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-100%);
  }

  50.01% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes rollingleft2 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-200%);
  }
}

@keyframes rollingleft3 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(200%);
  }
}

@keyframes rollingleft4 {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(100%);
  }

  50.01% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

.esg.sustainable_travel .sec .rolling_list_wrap {
  padding-top: max(52.8px, 5.2083333333vw);
}

.esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box1 .rolling_list.list1 {
  animation: rollingleft1 50s linear infinite;
}

.esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box1 .rolling_list.list2 {
  animation: rollingleft2 50s linear infinite;
}

.esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box2 {
  transform: translateX(-50%);
}

.esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box2 .rolling_list.list1 {
  animation: rollingleft3 75s linear infinite;
}

.esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box2 .rolling_list.list2 {
  animation: rollingleft4 75s linear infinite;
}

.esg.sustainable_travel .sec .rolling_list_wrap .rolling_list_box {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: normal;
  width: max-content;
  backface-visibility: hidden;
}

.esg.sustainable_travel .sec .rolling_list_wrap .rolling_list_box2 {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.sustainable_travel .sec .rolling_list_wrap .rolling_list_box2 .rolling_list {
  flex-direction: row-reverse;
}

.esg.sustainable_travel .sec .rolling_list_wrap .rolling_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: normal;
  width: max-content;
}

.esg.sustainable_travel .sec .rolling_list_wrap .rolling_list li {
  height: max(158.4px, 15.625vw);
  margin-right: max(13.2px, 1.3020833333vw);
}

.esg.sustainable_travel .sec .rolling_list_wrap .rolling_list li img {
  height: 100%;
}

@media (max-width: 1023px) {
  .esg.sustainable_travel .sec .rolling_list_wrap {
    padding-top: 64px;
  }

  .esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box1 .rolling_list.list1 {
    animation-duration: 80s;
  }

  .esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box1 .rolling_list.list2 {
    animation-duration: 80s;
  }

  .esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box2 .rolling_list.list1 {
    animation-duration: 120s;
  }

  .esg.sustainable_travel .sec .rolling_list_wrap.active .rolling_list_box2 .rolling_list.list2 {
    animation-duration: 120s;
  }

  .esg.sustainable_travel .sec .rolling_list_wrap .rolling_list li {
    height: 192px;
    margin-right: 16px;
  }
}

@media (max-width: 767px) {
  .esg.sustainable_travel .sec .rolling_list_wrap {
    padding-top: 64px;
  }

  .esg.sustainable_travel .sec .rolling_list_wrap .rolling_list li {
    height: 154px;
    margin-right: 16px;
  }
}

.esg.sustainable_travel .sec .number_list {
  padding: max(26.4px, 2.6041666667vw);
  border-radius: max(7.92px, 0.78125vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.sustainable_travel .sec .number_list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.esg.sustainable_travel .sec .number_list li+li {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.sustainable_travel .sec .number_list li span {
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  border-radius: 50%;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  background-color: #5e2bb8;
  color: #ffffff;
  text-align: center;
}

.esg.sustainable_travel .sec .number_list li p {
  width: calc(100% - max(15.84px, 1.5625vw));
  padding-left: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .esg.sustainable_travel .sec .number_list {
    padding: 32px;
    border-radius: 12px;
    border-width: 1px;
  }

  .esg.sustainable_travel .sec .number_list li+li {
    margin-top: 16px;
  }

  .esg.sustainable_travel .sec .number_list li span {
    width: 24px;
    height: 24px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.sustainable_travel .sec .number_list li p {
    width: calc(100% - 24px);
    padding-left: 10px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .esg.sustainable_travel .sec .number_list {
    padding: 20px;
    border-radius: 12px;
    border-width: 1px;
  }

  .esg.sustainable_travel .sec .number_list li+li {
    margin-top: 16px;
  }

  .esg.sustainable_travel .sec .number_list li span {
    width: 24px;
    height: 24px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.7142857143;
  }

  .esg.sustainable_travel .sec .number_list li p {
    width: calc(100% - 24px);
    padding-left: 10px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.esg.sustainable_travel .sec .travel_slide {
  position: relative;
  margin-top: max(39.6px, 3.90625vw);
  padding-bottom: max(29.04px, 2.8645833333vw);
}

@media (min-width: 1540px) and (pointer: fine) {
  .esg.sustainable_travel .sec .travel_slide.type1 a:hover .txt_box::after {
    background: url("https://ksse.kr/html/company/resources/kr/images/common/sustainability/plus_icon_on.svg") 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .esg.sustainable_travel .sec .travel_slide.type1 a:hover .txt_list {
    height: auto;
    overflow: visible;
    transform: translateY(0);
  }
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide {
  width: max(370.92px, 36.5885416667vw);
  margin-right: max(13.2px, 1.3020833333vw);
  border-radius: max(7.92px, 0.78125vw);
  overflow: hidden;
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide a {
  position: relative;
  white-space: unset;
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide:last-of-type {
  margin-right: 0;
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide .img_box {
  overflow: hidden;
  position: relative;
  padding-bottom: 64.0569395018%;
  border-radius: max(7.92px, 0.78125vw);
  background: #eee;
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 0;
  object-fit: cover;
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: max(57.42px, 5.6640625vw);
  padding: max(18.48px, 1.8229166667vw) max(21.12px, 2.0833333333vw) 0 max(21.12px, 2.0833333333vw);
  background-color: rgba(81, 81, 81, 0.25);
  backdrop-filter: blur(max(8.25px, 0.8138020833vw));
  color: #ffffff;
  transition: height 0.5s;
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: max(18.48px, 1.8229166667vw);
  right: max(21.12px, 2.0833333333vw);
  width: max(19.8px, 1.953125vw);
  height: max(19.8px, 1.953125vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sustainability/plus_icon_off.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box strong {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-weight: bold;
}

.esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box .txt_list {
  height: 0;
  overflow: hidden;
  margin-top: max(5.28px, 0.5208333333vw);
  transform: translateY(200%);
  transition: transform 0.5s;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 2;
}

.esg.sustainable_travel .sec .travel_slide .swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: max(2.64px, 0.2604166667vw);
}

.esg.sustainable_travel .sec .travel_slide .swiper-pagination.hidden {
  display: none;
}

.esg.sustainable_travel .sec .travel_slide .swiper-pagination-progressbar {
  background-color: #d9d9d9;
}

.esg.sustainable_travel .sec .travel_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #5e2bb8;
}

.esg.sustainable_travel .sec .travel_slide .arrow {
  position: absolute;
  bottom: max(18.48px, 1.8229166667vw);
  right: max(21.12px, 2.0833333333vw);
}

@media (max-width: 1023px) {
  .esg.sustainable_travel .sec .travel_slide {
    margin-top: 48px;
    padding-bottom: 36px;
    overflow: hidden;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide {
    width: auto;
    margin-right: 0;
    border-radius: 0;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide a img {
    height: 100%;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .img_box {
    padding-bottom: 64.1791044776%;
    border-radius: 12px;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box {
    position: relative;
    height: auto;
    padding: max(14.52px, 1.4322916667vw) 43px 0 12px;
    background-color: transparent;
    backdrop-filter: blur(0);
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box::after {
    display: none;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box strong {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
    color: #121619;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box .txt_list {
    height: auto;
    transform: translateY(0);
    transition: none;
    margin-top: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.875;
    color: #343a3f;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-pagination {
    height: 4px;
  }

  .esg.sustainable_travel .sec .travel_slide .arrow {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 12px;
  }
}

@media (max-width: 767px) {
  .esg.sustainable_travel .sec .travel_slide {
    margin-top: 48px;
    padding-bottom: 36px;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .img_box {
    border-radius: 12px;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box {
    padding: 22px 43px 0 12px;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-slide .txt_box .txt_list {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.8571428571;
  }

  .esg.sustainable_travel .sec .travel_slide .swiper-pagination {
    height: 4px;
  }

  .esg.sustainable_travel .sec .travel_slide .arrow {
    position: absolute;
    bottom: 0px;
    right: 12px;
  }
}

.esg.sustainable_travel .sec01 {
  position: relative;
  overflow: hidden;
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.sustainable_travel .sec01 .con01 .cont+.cont {
  margin-top: max(39.6px, 3.90625vw);
}

@media (max-width: 1023px) {
  .esg.sustainable_travel .sec01 {
    padding-top: 128px;
  }

  .esg.sustainable_travel .sec01 .con01 .cont+.cont {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .esg.sustainable_travel .sec01 {
    padding-top: 80px;
  }

  .esg.sustainable_travel .sec01 .con01 .cont+.cont {
    margin-top: 48px;
  }
}

.esg.sustainable_travel .sec02 {
  margin-top: max(105.6px, 10.4166666667vw);
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

.esg.sustainable_travel .sec02 .con01 .right_top_txt {
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.esg.sustainable_travel .sec02 .con02 .travel_slide .arrow {
  display: none;
}

@media (max-width: 1023px) {
  .esg.sustainable_travel .sec02 {
    margin-top: 128px;
    padding: 96px 0;
  }

  .esg.sustainable_travel .sec02 .con02 .travel_slide .arrow {
    display: block;
  }
}

@media (max-width: 767px) {
  .esg.sustainable_travel .sec02 {
    margin-top: 80px;
    padding: 80px 0;
  }
}

.esg.sustainable_travel .sec03 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.sustainable_travel .sec03 .con01 .cont+.cont {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.sustainable_travel .sec03 .con02 .travel_slide .swiper-slide .txt_box::after {
  display: none;
}

@media (max-width: 1023px) {
  .esg.sustainable_travel .sec03 {
    padding-top: 96px;
  }
}

@media (max-width: 767px) {
  .esg.sustainable_travel .sec03 {
    padding-top: 80px;
  }
}

.esg.directors .content {
  padding-bottom: 0;
}

.esg.directors .sec .table_area table th,
.esg.directors .sec .table_area table td {
  text-align: left;
}

.esg.directors .sec .table_area table th:not(.sticky),
.esg.directors .sec .table_area table td:not(.sticky) {
  padding-left: 0;
}

.esg.directors .sec .table_area table .sticky {
  color: #121619;
}

.esg.directors .sec .table_area table td {
  padding-top: max(10.56px, 1.0416666667vw);
  padding-bottom: max(10.56px, 1.0416666667vw);
}

.esg.directors .sec .table_area table td:not(.t_left) {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
}

.esg.directors .sec .table_area table td span {
  display: block;
}

.esg.directors .sec .table_area table td span+span {
  margin-top: max(2.64px, 0.2604166667vw);
}

@media (max-width: 1023px) {
  .esg.directors .sec .table_area table {
    min-width: 795px;
  }

  .esg.directors .sec .table_area table td {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .esg.directors .sec .table_area table td:not(.t_left) {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .esg.directors .sec .table_area table td p+p {
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  .esg.directors .sec .table_area table {
    min-width: 795px;
  }

  .esg.directors .sec .table_area table td {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .esg.directors .sec .table_area table td:not(.t_left) {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .esg.directors .sec .table_area table td p+p {
    margin-top: 4px;
  }
}

.esg.directors .sec .custom_select_box {
  text-align: right;
}

@media (max-width: 767px) {
  .esg.directors .sec .custom_select_box {
    text-align: left;
  }
}

.esg.directors .sec .custom_select_area {
  max-width: max(105.6px, 10.4166666667vw);
  text-align: left;
}

.esg.directors .sec .custom_select_area .current {
  color: #343a3f;
}

@media (max-width: 1023px) {
  .esg.directors .sec .custom_select_area {
    max-width: 157px;
  }
}

@media (max-width: 767px) {
  .esg.directors .sec .custom_select_area {
    max-width: 157px;
  }
}

.esg.directors .sec .sub_txt {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .esg.directors .sec .sub_txt {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .esg.directors .sec .sub_txt {
    margin-top: 16px;
  }
}

.esg.directors .sec01 {
  padding-top: max(118.8px, 11.71875vw);
}

.esg.directors .sec01 .table_area {
  margin-top: max(39.6px, 3.90625vw);
}

@media (max-width: 1023px) {
  .esg.directors .sec01 {
    padding-top: 128px;
  }

  .esg.directors .sec01 .table_area {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .esg.directors .sec01 {
    padding-top: 80px;
  }

  .esg.directors .sec01 .table_area {
    margin-top: 48px;
  }
}

.esg.directors .sec02 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.directors .sec02 .table_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.directors .sec02 .table_wrap .table_area {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .esg.directors .sec02 {
    padding-top: 128px;
  }

  .esg.directors .sec02 .table_wrap {
    margin-top: 48px;
  }

  .esg.directors .sec02 .table_wrap .table_area {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .esg.directors .sec02 {
    padding-top: 80px;
  }

  .esg.directors .sec02 .table_wrap {
    margin-top: 48px;
  }

  .esg.directors .sec02 .table_wrap .table_area {
    margin-top: 16px;
  }
}

.esg.directors .sec03 {
  margin-top: max(113.52px, 11.1979166667vw);
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

@media (max-width: 1023px) {
  .esg.directors .sec03 {
    margin-top: 128px;
    padding: 96px 0;
  }
}

@media (max-width: 767px) {
  .esg.directors .sec03 {
    margin-top: 80px;
    padding: 80px 0;
  }
}

.esg.committees .content {
  padding-bottom: 0;
}

.esg.committees .sec .table_area table th,
.esg.committees .sec .table_area table td {
  text-align: left;
}

.esg.committees .sec .table_area table th:not(.sticky),
.esg.committees .sec .table_area table td:not(.sticky) {
  padding-left: 0;
}

.esg.committees .sec .table_area table .sticky {
  color: #121619;
}

.esg.committees .sec .table_area table td {
  padding-top: max(10.56px, 1.0416666667vw);
  padding-bottom: max(10.56px, 1.0416666667vw);
}

.esg.committees .sec .table_area table td:not(.t_left) {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
}

.esg.committees .sec .table_area table td span {
  display: block;
}

.esg.committees .sec .table_area table td span+span {
  margin-top: max(2.64px, 0.2604166667vw);
}

@media (max-width: 1023px) {
  .esg.committees .sec .table_area table td {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .esg.committees .sec .table_area table td:not(.t_left) {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .esg.committees .sec .table_area table td p+p {
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  .esg.committees .sec .table_area table {
    min-width: 688px;
  }

  .esg.committees .sec .table_area table td {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .esg.committees .sec .table_area table td:not(.t_left) {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .esg.committees .sec .table_area table td p+p {
    margin-top: 4px;
  }
}

.esg.committees .sec .top_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.esg.committees .sec .top_box strong {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

@media (max-width: 1023px) {
  .esg.committees .sec .top_box strong {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .esg.committees .sec .top_box {
    display: block;
  }

  .esg.committees .sec .top_box strong {
    display: block;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.55;
  }
}

.esg.committees .sec .custom_select_area {
  max-width: max(105.6px, 10.4166666667vw);
  text-align: left;
}

.esg.committees .sec .custom_select_area .current {
  color: #343a3f;
}

@media (max-width: 1023px) {
  .esg.committees .sec .custom_select_area {
    max-width: 157px;
  }
}

@media (max-width: 767px) {
  .esg.committees .sec .custom_select_area {
    max-width: 157px;
    margin-top: 16px;
  }
}

.esg.committees .sec .sub_txt {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .esg.committees .sec .sub_txt {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .esg.committees .sec .sub_txt {
    margin-top: 16px;
  }
}

.esg.committees .sec01 {
  padding-top: max(118.8px, 11.71875vw);
}

.esg.committees .sec01 .table_area {
  margin-top: max(39.6px, 3.90625vw);
}

@media (max-width: 1023px) {
  .esg.committees .sec01 {
    padding-top: 128px;
  }

  .esg.committees .sec01 .table_area {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .esg.committees .sec01 {
    padding-top: 80px;
  }

  .esg.committees .sec01 .table_area {
    margin-top: 48px;
  }
}

.esg.committees .sec02 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.committees .sec02 .cont+.cont {
  margin-top: max(52.8px, 5.2083333333vw);
}

.esg.committees .sec02 .table_area {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .esg.committees .sec02 {
    padding-top: 128px;
  }

  .esg.committees .sec02 .left_tit {
    margin-bottom: 48px;
  }

  .esg.committees .sec02 .cont+.cont {
    margin-top: 64px;
  }

  .esg.committees .sec02 .table_area {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .esg.committees .sec02 {
    padding-top: 80px;
  }

  .esg.committees .sec02 .left_tit {
    margin-bottom: 48px;
  }

  .esg.committees .sec02 .cont+.cont {
    margin-top: 64px;
  }

  .esg.committees .sec02 .table_area {
    margin-top: 16px;
  }
}

.esg.committees .sec03 {
  margin-top: max(105.6px, 10.4166666667vw);
  padding: max(79.2px, 7.8125vw) 0;
  background-color: #f2f4f8;
}

@media (max-width: 1023px) {
  .esg.committees .sec03 {
    margin-top: 128px;
    padding: 96px 0;
  }
}

@media (max-width: 767px) {
  .esg.committees .sec03 {
    margin-top: 80px;
    padding: 80px 0;
  }
}

.esg.ethics .content {
  padding-bottom: 0;
}

.esg.ethics .sec:not(.sec_visual) {
  padding-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .esg.ethics .sec:not(.sec_visual) {
    padding-top: 128px;
  }
}

@media (max-width: 767px) {
  .esg.ethics .sec:not(.sec_visual) {
    padding-top: 80px;
  }
}

.esg.ethics .sec.sec01 {
  padding-top: max(118.8px, 11.71875vw);
}

.esg.ethics .sec.sec01 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.esg.ethics .sec.sec01 .row:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .esg.ethics .sec.sec01 {
    padding-top: 128px;
  }

  .esg.ethics .sec.sec01 .row {
    margin-bottom: 128px;
  }
}

@media (max-width: 767px) {
  .esg.ethics .sec.sec01 {
    padding-top: 80px;
  }

  .esg.ethics .sec.sec01 .row {
    margin-bottom: 80px;
  }
}

.esg.ethics .sec.sec02 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.esg.ethics .sec.sec02 .row:last-child {
  margin-bottom: 0;
}

.esg.ethics .sec.sec02 .table_area col {
  width: 15%;
}

.esg.ethics .sec.sec02 .table_area col.col1 {
  width: 70%;
}

@media (max-width: 1023px) {
  .esg.ethics .sec.sec02 .row {
    margin-bottom: 128px;
  }

  .esg.ethics .sec.sec02 .table_area table {
    min-width: 100%;
  }
}

@media (max-width: 767px) {
  .esg.ethics .sec.sec02 .row {
    margin-bottom: 80px;
  }

  .esg.ethics .sec.sec02 .table_area table {
    min-width: 520px;
  }

  .esg.ethics .sec.sec02 .table_area col {
    width: 23%;
  }

  .esg.ethics .sec.sec02 .table_area col.col1 {
    width: 25%;
  }
}

.esg.ethics .sec.sec03 {
  margin-top: max(105.6px, 10.4166666667vw);
  background: #f2f4f8;
}

.esg.ethics .sec.sec03 .row:first-child {
  padding-bottom: max(39.6px, 3.90625vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #C1C7CD;
}

.esg.ethics .sec.sec03 .row:last-child {
  padding-top: max(39.6px, 3.90625vw);
  padding-bottom: max(79.2px, 7.8125vw);
}

@media (max-width: 1023px) {
  .esg.ethics .sec.sec03 {
    margin-top: 128px;
  }

  .esg.ethics .sec.sec03 .row:first-child {
    padding-bottom: 48px;
    border-bottom: 1px solid #C1C7CD;
  }

  .esg.ethics .sec.sec03 .row:last-child {
    padding-bottom: 48px;
    padding-bottom: 98px;
  }
}

@media (max-width: 767px) {
  .esg.ethics .sec.sec03 {
    margin-top: 80px;
  }

  .esg.ethics .sec.sec03 .row:first-child {
    padding-bottom: 48px;
    border-bottom: 1px solid #C1C7CD;
  }

  .esg.ethics .sec.sec03 .row:last-child {
    padding-top: 48px;
    padding-bottom: 96px;
  }
}

.esg.ethics .description_area p {
  word-break: keep-all;
  word-wrap: break-word;
  color: #343a3f;
}

.esg.ethics .description_area p.mb20 {
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.esg.ethics .description_area p.mb8 {
  margin-bottom: max(5.28px, 0.5208333333vw);
}

.esg.ethics .description_area p.big {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.esg.ethics .description_area p.small {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.esg.ethics .description_area p.xs {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.esg.ethics .description_area p.medium {
  font-weight: 500;
}

.esg.ethics .description_area p.gray {
  color: #697077;
}

.esg.ethics .description_area dl {
  margin-top: max(39.6px, 3.90625vw);
}

.esg.ethics .description_area dl dt {
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
  font-weight: bold;
}

.esg.ethics .description_area dl dd {
  margin-bottom: max(39.6px, 3.90625vw);
}

.esg.ethics .description_area dl dd:last-of-type {
  margin-bottom: 0;
}

.esg.ethics .description_area dl dd .img_wrap {
  padding-top: max(2.64px, 0.2604166667vw);
}

@media (max-width: 1023px) {
  .esg.ethics .description_area p.mb20 {
    margin-bottom: 16px;
  }

  .esg.ethics .description_area p.mb8 {
    margin-bottom: 6px;
  }

  .esg.ethics .description_area p.big {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .description_area p.small {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.ethics .description_area p.xs {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .description_area dl {
    margin-top: 60px;
  }

  .esg.ethics .description_area dl dt {
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.ethics .description_area dl dd {
    margin-bottom: 60px;
  }

  .esg.ethics .description_area dl dd .img_wrap {
    padding-top: 2px;
  }
}

@media (max-width: 767px) {
  .esg.ethics .description_area p.mb20 {
    margin-bottom: 16px;
  }

  .esg.ethics .description_area p.mb8 {
    margin-bottom: 6px;
  }

  .esg.ethics .description_area p.big {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.55;
  }

  .esg.ethics .description_area p.small {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .description_area p.xs {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .esg.ethics .description_area dl {
    margin-top: 60px;
  }

  .esg.ethics .description_area dl dt {
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.ethics .description_area dl dd {
    margin-bottom: 60px;
  }

  .esg.ethics .description_area dl dd .img_wrap {
    padding-top: 2px;
  }
}

.esg.ethics .btn_wrap {
  margin-top: max(21.12px, 2.0833333333vw);
}

@media (max-width: 1023px) {
  .esg.ethics .btn_wrap {
    margin-top: 26px;
  }
}

@media (max-width: 767px) {
  .esg.ethics .btn_wrap {
    margin-top: 26px;
  }
}

.esg.ethics .table_wrap {
  margin-top: max(39.6px, 3.90625vw);
}

@media (max-width: 1023px) {
  .esg.ethics .table_wrap {
    margin-top: 48px;
  }

  .esg.ethics .table_wrap col:first-child {
    width: 6.33%;
  }
}

@media (max-width: 767px) {
  .esg.ethics .table_wrap {
    margin-top: 48px;
  }
}

.esg.ethics .ethics_popup .top_tit {
  display: block;
  margin-bottom: max(15.84px, 1.5625vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #5e2bb8;
}

.esg.ethics .ethics_popup p {
  word-break: keep-all;
  word-wrap: break-word;
}

.esg.ethics .ethics_popup p.fz_big {
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
}

.esg.ethics .ethics_popup p.fz_medium {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.esg.ethics .ethics_popup p.black {
  color: #121619;
}

.esg.ethics .ethics_popup p.gray {
  color: #697077;
}

.esg.ethics .ethics_popup .signature {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: max(31.68px, 3.125vw);
}

.esg.ethics .ethics_popup .signature span {
  margin-bottom: max(7.92px, 0.78125vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg.ethics .ethics_popup .signature img {
  width: fit-content;
}

.esg.ethics .ethics_popup dl dt {
  margin-bottom: max(7.92px, 0.78125vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.esg.ethics .ethics_popup dl dd {
  margin-bottom: max(26.4px, 2.6041666667vw);
}

.esg.ethics .ethics_popup dl dd:last-child {
  margin-bottom: 0;
}

.esg.ethics .ethics_popup .items {
  display: flex;
  justify-content: space-between;
  gap: max(13.2px, 1.3020833333vw);
}

.esg.ethics .ethics_popup .items li {
  display: flex;
  flex-direction: column;
  padding: max(21.12px, 2.0833333333vw) max(18.48px, 1.8229166667vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

.esg.ethics .ethics_popup .items li span {
  margin-bottom: max(6.6px, 0.6510416667vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg.ethics .ethics_popup .items li p {
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.esg.ethics .ethics_popup .items li .copy_btn {
  position: relative;
  width: fit-content;
  text-align: left;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.esg.ethics .ethics_popup .items li .copy_btn::after {
  content: "";
  position: absolute;
  right: calc(max(9.24px, 0.9114583333vw) * -1);
  top: 50%;
  transform: translateY(-50%);
  width: max(6.6px, 0.6510416667vw);
  height: max(6.6px, 0.6510416667vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sustainability/ethics/ic_copy.svg") 0 0 no-repeat;
  background-size: cover;
}

.esg.ethics .ethics_popup .btn_wrap {
  margin-top: max(13.2px, 1.3020833333vw);
}

.esg.ethics .ethics_popup .btn_wrap a {
  flex: 1;
  height: max(59.4px, 5.859375vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 max(18.48px, 1.8229166667vw);
  background-color: #f2f4f8;
  border-radius: max(7.92px, 0.78125vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

@media (max-width: 1023px) {
  .esg.ethics .ethics_popup .top_tit {
    margin-bottom: 19px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.ethics .ethics_popup p.fz_big {
    margin-bottom: 16px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .ethics_popup p.fz_medium {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .ethics_popup .signature {
    margin-top: 38px;
  }

  .esg.ethics .ethics_popup .signature span {
    margin-bottom: 12px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.ethics .ethics_popup dl dt {
    margin-bottom: 12px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .ethics_popup dl dd {
    margin-bottom: 40px;
  }

  .esg.ethics .ethics_popup .items {
    gap: 20px;
  }

  .esg.ethics .ethics_popup .items li {
    padding: 32px 28px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .esg.ethics .ethics_popup .items li span {
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.ethics .ethics_popup .items li p {
    margin-bottom: 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .ethics_popup .items li .copy_btn {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .ethics_popup .items li .copy_btn::after {
    right: -14px;
    width: 10px;
    height: 10px;
  }

  .esg.ethics .ethics_popup .btn_wrap {
    margin-top: 20px;
  }

  .esg.ethics .ethics_popup .btn_wrap a {
    height: 90px;
    padding: 0 28px;
    border-radius: 12px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.ethics .ethics_popup .top_tit {
    margin-bottom: 19px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.2916666667;
  }

  .esg.ethics .ethics_popup p.fz_big {
    margin-bottom: 16px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.55;
  }

  .esg.ethics .ethics_popup p.fz_medium {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .ethics_popup .signature {
    margin-top: 38px;
  }

  .esg.ethics .ethics_popup .signature span {
    margin-bottom: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .esg.ethics .ethics_popup dl dt {
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .esg.ethics .ethics_popup dl dd {
    margin-bottom: 32px;
  }

  .esg.ethics .ethics_popup .items {
    flex-direction: column;
    gap: 20px;
  }

  .esg.ethics .ethics_popup .items li {
    padding: 32px 28px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .esg.ethics .ethics_popup .items li span {
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.ethics .ethics_popup .items li p {
    margin-bottom: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .ethics_popup .items li .copy_btn {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.ethics .ethics_popup .items li .copy_btn::after {
    right: -14px;
    width: 10px;
    height: 10px;
  }

  .esg.ethics .ethics_popup .btn_wrap {
    margin-top: 20px;
  }

  .esg.ethics .ethics_popup .btn_wrap a {
    height: 90px;
    padding: 0 28px;
    border-radius: 12px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.esg.inquiry .sec.sec01 {
  padding: max(118.8px, 11.71875vw) 0 max(105.6px, 10.4166666667vw) 0;
}

@media (max-width: 1023px) {
  .esg.inquiry .sec.sec01 {
    padding: 128px 0;
  }
}

@media (max-width: 767px) {
  .esg.inquiry .sec.sec01 {
    padding: 80px 0;
  }
}

.esg.inquiry .sec.sec02 {
  padding: max(79.2px, 7.8125vw) 0 max(69.96px, 6.9010416667vw) 0;
  background-color: #f2f4f8;
}

@media (max-width: 1023px) {
  .esg.inquiry .sec.sec02 {
    padding: 96px 0;
  }
}

@media (max-width: 767px) {
  .esg.inquiry .sec.sec02 {
    padding: 96px 0;
  }
}

.esg.inquiry .sec.sec03 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.esg.inquiry .sec.sec03 .row {
  padding-bottom: max(105.6px, 10.4166666667vw);
}

.esg.inquiry .sec.sec03 .row:last-child {
  padding-bottom: 0;
}

@media (max-width: 1023px) {
  .esg.inquiry .sec.sec03 {
    padding-top: 128px;
  }

  .esg.inquiry .sec.sec03 .row {
    padding-bottom: 128px;
  }
}

@media (max-width: 767px) {
  .esg.inquiry .sec.sec03 {
    padding-top: 80px;
  }

  .esg.inquiry .sec.sec03 .row {
    padding-bottom: 80px;
  }
}

.esg.inquiry .gray_dot_list {
  margin-top: max(13.2px, 1.3020833333vw);
  padding: max(21.12px, 2.0833333333vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

.esg.inquiry .gray_dot_list li {
  position: relative;
  margin-bottom: max(13.2px, 1.3020833333vw);
  padding-left: max(7.92px, 0.78125vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.esg.inquiry .gray_dot_list li::before {
  content: "";
  position: absolute;
  top: max(6.6px, 0.6510416667vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  background-color: #697077;
}

.esg.inquiry .gray_dot_list li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .esg.inquiry .gray_dot_list {
    margin-top: 24px;
    padding: 26px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .esg.inquiry .gray_dot_list li {
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .esg.inquiry .gray_dot_list li::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

@media (max-width: 767px) {
  .esg.inquiry .gray_dot_list {
    margin-top: 24px;
    padding: 26px;
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .esg.inquiry .gray_dot_list li {
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.inquiry .gray_dot_list li::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

.esg.inquiry .tab_area .red {
  color: #E32D1B;
}

.esg.inquiry .tab_area .bold {
  font-weight: bold;
}

.esg.inquiry .tab_menu {
  display: flex;
  margin-bottom: max(10.56px, 1.0416666667vw);
}

.esg.inquiry .tab_menu a {
  flex: 1;
  padding: max(13.2px, 1.3020833333vw);
  background-color: #f2f4f8;
  text-align: center;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #121619;
}

.esg.inquiry .tab_menu a:first-child {
  border-radius: max(7.92px, 0.78125vw) 0 0 0;
}

.esg.inquiry .tab_menu a:last-child {
  border-radius: 0 max(7.92px, 0.78125vw) 0 0;
}

.esg.inquiry .tab_menu a.active {
  background-color: #5e2bb8;
  font-weight: bold;
  color: #fff;
}

.esg.inquiry .tab_menu+.tip {
  margin-bottom: max(7.92px, 0.78125vw);
  text-align: right;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
}

@media (max-width: 1023px) {
  .esg.inquiry .tab_menu {
    margin-bottom: 13px;
  }

  .esg.inquiry .tab_menu a {
    padding: 20px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.inquiry .tab_menu a:first-child {
    border-radius: 12px 0 0 0;
  }

  .esg.inquiry .tab_menu a:last-child {
    border-radius: 0 12px 0 0;
  }

  .esg.inquiry .tab_menu+.tip {
    margin-bottom: 10px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.inquiry .tab_menu {
    margin-bottom: 13px;
  }

  .esg.inquiry .tab_menu a {
    padding: 20px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .esg.inquiry .tab_menu a:first-child {
    border-radius: 12px 0 0 0;
  }

  .esg.inquiry .tab_menu a:last-child {
    border-radius: 0 12px 0 0;
  }

  .esg.inquiry .tab_menu+.tip {
    margin-bottom: 10px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.3636363636;
  }
}

.esg.inquiry .form_wrap .informant_wrap .type {
  margin-bottom: max(15.84px, 1.5625vw);
}

.esg.inquiry .form_wrap .type {
  width: 100%;
  display: block;
  padding-bottom: max(7.92px, 0.78125vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #121619;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg.inquiry .form_wrap ul>li {
  display: flex;
  gap: max(13.2px, 1.3020833333vw);
}

.esg.inquiry .form_wrap ul>li>label {
  flex: 1;
  max-width: max(92.4px, 9.1145833333vw);
  margin-top: max(9.24px, 0.9114583333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li {
  padding-bottom: max(15.84px, 1.5625vw);
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.attachment,
.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha {
  padding-top: max(15.84px, 1.5625vw);
  border-top: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .captcha_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .img {
  max-width: max(132px, 13.0208333333vw);
  width: auto;
  height: 100%;
  box-sizing: border-box;
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha img {
  width: 100%;
  height: 100%;
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .captcha_area {
  height: 100%;
  margin-left: max(5.28px, 0.5208333333vw);
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .btn {
  display: block;
  width: max(52.8px, 5.2083333333vw);
  height: max(26.4px, 2.6041666667vw);
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: 500;
  color: #ffffff;
  background-color: #878D96;
  border-color: #878D96;
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .input_area {
  margin-top: max(2.64px, 0.2604166667vw);
}

.esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .input_area input {
  border-color: #C1C7CD;
}

.esg.inquiry .form_wrap ul.detail>li>div {
  flex: 3;
  max-width: unset;
}

.esg.inquiry .form_wrap ul.detail.type1>li:last-child {
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.inquiry .form_wrap ul.detail .textarea_area textarea {
  color: #878d96;
}

.esg.inquiry .form_wrap ul.detail .textarea_area textarea:focus {
  color: #343a3f;
}

.esg.inquiry .form_wrap ul.detail .textarea_area textarea:focus::placeholder {
  color: transparent;
}

.esg.inquiry .form_wrap ul.informant>li>div:not(.email_wrap) {
  width: max(288.42px, 28.4505208333vw);
  max-width: unset;
}

.esg.inquiry .form_wrap ul.informant>li:last-child {
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.inquiry .form_wrap #toggleContent {
  margin-top: max(52.8px, 5.2083333333vw);
}

.esg.inquiry .form_wrap .agreement_wrap {
  margin-top: max(52.8px, 5.2083333333vw);
}

.esg.inquiry .form_wrap .email_wrap {
  display: flex;
  gap: max(5.28px, 0.5208333333vw);
  justify-content: space-between;
  align-items: center;
  width: calc(100% - max(105.6px, 10.4166666667vw));
}

.esg.inquiry .form_wrap .email_wrap .input_area {
  position: relative;
}

.esg.inquiry .form_wrap .email_wrap .input_area:first-child {
  width: max(108.9px, 10.7421875vw);
}

.esg.inquiry .form_wrap .email_wrap .input_area+.input_area {
  flex: 1;
  padding-left: max(15.84px, 1.5625vw);
}

.esg.inquiry .form_wrap .email_wrap .input_area+.input_area::before {
  content: "@";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(10.56px, 1.0416666667vw);
  text-align: center;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #343a3f;
}

.esg.inquiry .form_wrap .email_wrap .custom_select_area {
  width: max(132px, 13.0208333333vw);
}

.esg.inquiry .form_wrap .btn_wrap {
  text-align: center;
  margin-top: max(39.6px, 3.90625vw);
}

.esg.inquiry .form_wrap .btn_wrap .btn {
  height: max(31.68px, 3.125vw);
  padding: 0 max(19.8px, 1.953125vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
}

@media (max-width: 1023px) {
  .esg.inquiry .form_wrap .informant_wrap .type {
    margin-bottom: 20px;
  }

  .esg.inquiry .form_wrap .type {
    padding-bottom: 12px;
    border-bottom: 1px solid #121619;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.inquiry .form_wrap ul>li {
    gap: 16px;
  }

  .esg.inquiry .form_wrap ul>li>label {
    max-width: 130px;
    margin-top: 14px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li {
    padding-bottom: 20px;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.attachment,
  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha {
    padding-top: 20px;
    border-top: 1px solid #DDE1E6;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .img {
    max-width: 200px;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .captcha_area {
    margin-left: 8px;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .btn {
    width: 80px;
    height: 40px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .input_area {
    margin-top: 4px;
  }

  .esg.inquiry .form_wrap ul.detail.type1>li:last-child {
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.inquiry .form_wrap ul.informant>li>div:not(.email_wrap) {
    width: 360px;
  }

  .esg.inquiry .form_wrap ul.informant>li:last-child {
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.inquiry .form_wrap #toggleContent {
    margin-top: 64px;
  }

  .esg.inquiry .form_wrap .agreement_wrap {
    margin-top: 64px;
  }

  .esg.inquiry .form_wrap .email_wrap {
    gap: 8px;
    width: calc(100% - 156px);
  }

  .esg.inquiry .form_wrap .email_wrap .input_area:first-child {
    width: 165px;
  }

  .esg.inquiry .form_wrap .email_wrap .input_area+.input_area {
    flex: 1;
    padding-left: 24px;
  }

  .esg.inquiry .form_wrap .email_wrap .input_area+.input_area::before {
    width: 15px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.inquiry .form_wrap .email_wrap .custom_select_area {
    width: 200px;
  }

  .esg.inquiry .form_wrap .btn_wrap {
    margin-top: 48px;
  }

  .esg.inquiry .form_wrap .btn_wrap .btn {
    height: 48px;
    padding: 0 30px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .esg.inquiry .form_wrap .informant_wrap .type {
    margin-bottom: 20px;
  }

  .esg.inquiry .form_wrap .type {
    padding-bottom: 12px;
    border-bottom: 1px solid #121619;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .esg.inquiry .form_wrap ul>li {
    flex-direction: column;
    gap: 10px;
  }

  .esg.inquiry .form_wrap ul>li>label {
    max-width: unset;
    margin-top: 0;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li {
    padding-bottom: 20px;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.attachment,
  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha {
    padding-top: 20px;
    border-top: 1px solid #DDE1E6;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .captcha_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 10px;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .img {
    max-width: 200px;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .captcha_area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .btn {
    flex-shrink: 0;
    width: 80px;
    height: 40px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .esg.inquiry .form_wrap ul:not(.agreement, .mCustomScrollbar)>li.captcha .input_area {
    width: 100%;
    margin-top: 0;
  }

  .esg.inquiry .form_wrap ul.informant>li>div:not(.email_wrap) {
    width: 100%;
  }

  .esg.inquiry .form_wrap ul.informant>li:last-child {
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.inquiry .form_wrap #toggleContent {
    margin-top: 64px;
  }

  .esg.inquiry .form_wrap .agreement_wrap {
    margin-top: 64px;
  }

  .esg.inquiry .form_wrap .email_wrap {
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }

  .esg.inquiry .form_wrap .email_wrap .input_area:first-child {
    flex: 1;
    width: auto;
  }

  .esg.inquiry .form_wrap .email_wrap .input_area+.input_area {
    padding-left: 32px;
  }

  .esg.inquiry .form_wrap .email_wrap .input_area+.input_area::before {
    left: 4px;
    width: 15px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .esg.inquiry .form_wrap .email_wrap .custom_select_area {
    width: 100%;
  }

  .esg.inquiry .form_wrap .btn_wrap {
    margin-top: 48px;
  }

  .esg.inquiry .form_wrap .btn_wrap .btn {
    height: 48px;
    padding: 0 30px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.esg.inquiry .agree_accordion {
  width: 100%;
}

.esg.inquiry .agree_accordion li {
  display: block !important;
  padding-bottom: 0 !important;
}

.esg.inquiry .agree_accordion li.on .check_wrap {
  border-bottom: 0;
}

.esg.inquiry .agree_accordion li.on .trigger {
  transform: translateY(-50%) rotate(0);
  opacity: 1;
}

.esg.inquiry .agree_accordion li.on .check_cont {
  display: block;
}

.esg.inquiry .agree_accordion label {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.esg.inquiry .agree_accordion .check_wrap {
  position: relative;
  padding: max(11.88px, 1.171875vw) max(13.2px, 1.3020833333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.inquiry .agree_accordion .check_wrap .trigger {
  position: absolute;
  right: max(13.2px, 1.3020833333vw);
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: max(13.2px, 1.3020833333vw);
  height: max(13.2px, 1.3020833333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/sustainability/ethics/inquiry/ic_up.svg") 0 0 no-repeat;
  background-size: cover;
  opacity: 0.7;
}

.esg.inquiry .agree_accordion .check_wrap .trigger:hover {
  opacity: 1;
}

.esg.inquiry .agree_accordion .check_cont {
  display: none;
  width: 100%;
  padding: 0 max(13.2px, 1.3020833333vw) max(11.88px, 1.171875vw) max(34.32px, 3.3854166667vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.esg.inquiry .agree_accordion .check_cont p {
  padding: max(18.48px, 1.8229166667vw) max(13.2px, 1.3020833333vw);
  background-color: #f6f6f6;
  border-radius: max(7.92px, 0.78125vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.esg.inquiry .agree_accordion .check_cont p span {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.4285714286;
}

@media (max-width: 1023px) {
  .esg.inquiry .agree_accordion label {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .esg.inquiry .agree_accordion .check_wrap {
    padding: 20px;
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.inquiry .agree_accordion .check_wrap .trigger {
    right: 20px;
    width: 24px;
    height: 24px;
  }

  .esg.inquiry .agree_accordion .check_cont {
    padding: 0 20px 18px 52px;
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.inquiry .agree_accordion .check_cont p {
    padding: 28px 20px;
    border-radius: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .esg.inquiry .agree_accordion .check_cont p span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.4285714286;
  }
}

@media (max-width: 767px) {
  .esg.inquiry .agree_accordion label {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .esg.inquiry .agree_accordion .check_wrap {
    padding: 18px 20px;
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.inquiry .agree_accordion .check_wrap .trigger {
    right: 20px;
    width: 24px;
    height: 24px;
  }

  .esg.inquiry .agree_accordion .check_cont {
    padding: 0 20px 18px 52px;
    border-bottom: 1px solid #DDE1E6;
  }

  .esg.inquiry .agree_accordion .check_cont p {
    padding: 28px 20px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .esg.inquiry .agree_accordion .check_cont p span {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.6666666667;
  }
}

.esg.inquiry .agreement_wrap.captcha_wrap {
  display: flex;
  justify-content: center;
  margin-top: max(26.4px, 2.6041666667vw);
}

.esg.inquiry .captcha_wrap li {
  padding-bottom: 0 !important;
}

@media (max-width: 1023px) {
  .esg.inquiry .captcha_wrap {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .esg.inquiry .captcha_wrap {
    margin-top: 32px;
  }
}

/* pages - INVESTORS */
.investors .sec+.sec {
  padding-top: max(79.2px, 7.8125vw);
}

.investors .sec01 {
  padding-top: max(66px, 6.5104166667vw);
}

@media (max-width: 1023px) {
  .investors .sec+.sec {
    padding-top: 96px;
  }

  .investors .sec01 {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .investors .sec+.sec {
    padding-top: 96px;
  }

  .investors .sec01 {
    padding-top: 80px;
  }
}

.investors .info_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.investors .info_box.right {
  justify-content: flex-end;
}

.investors .info_box .invest_tit {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #121619;
}

.investors .info_box .sub_txt {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.3571428571;
  color: #697077;
}

.investors .info_box .sub_txt span {
  margin: 0 max(5.28px, 0.5208333333vw);
}

@media (max-width: 1023px) {
  .investors .info_box {
    margin-bottom: 16px;
  }

  .investors .info_box .invest_tit {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .investors .info_box .sub_txt {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

@media (max-width: 767px) {
  .investors .info_box {
    margin-bottom: 16px;
  }

  .investors .info_box .invest_tit {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .investors .info_box .sub_txt {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3846153846;
  }
}

.investors .sec_common_stock .stock_area .ic {
  position: relative;
  padding-left: max(13.86px, 1.3671875vw);
}

.investors .sec_common_stock .stock_area .ic::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(10.56px, 1.0416666667vw);
  height: max(9.24px, 0.9114583333vw);
  background-repeat: no-repeat;
  background-size: contain;
}

.investors .sec_common_stock .stock_area .ic.up::before {
  background-image: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/ic_up.svg");
}

.investors .sec_common_stock .stock_area .ic.down::before {
  background-image: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/ic_down.svg");
}

.investors .sec_common_stock .stock_area .ic.equal::before {
  background-image: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/ic_equal.svg");
}

.investors .sec_common_stock .stock_area .up {
  color: #E91B49 !important;
}

.investors .sec_common_stock .stock_area .down {
  color: #2496FF !important;
}

.investors .sec_common_stock .stock_area .equal {
  color: #121619 !important;
}

.investors .sec_common_stock .stock_area dt,
.investors .sec_common_stock .stock_area dd {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #121619;
}

.investors .sec_common_stock .stock_area .stock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: max(13.2px, 1.3020833333vw);
  padding: max(39.6px, 3.90625vw) 0;
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.investors .sec_common_stock .stock_area .stock>div {
  flex: 1;
  display: flex;
}

.investors .sec_common_stock .stock_area .stock .big {
  justify-content: center;
}

.investors .sec_common_stock .stock_area .stock .big dt {
  margin-bottom: max(5.28px, 0.5208333333vw);
}

.investors .sec_common_stock .stock_area .stock .big dd {
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
}

.investors .sec_common_stock .stock_area .stock .big dd span {
  margin-left: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.investors .sec_common_stock .stock_area .stock .small {
  justify-content: space-between;
  gap: max(13.2px, 1.3020833333vw);
  position: relative;
  height: fit-content;
}

.investors .sec_common_stock .stock_area .stock .small::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: max(0.66px, 0.0651041667vw);
  height: 100%;
  background: #DDE1E6;
}

.investors .sec_common_stock .stock_area .stock .small dl {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.investors .sec_common_stock .stock_area .stock .small dt {
  margin-right: max(13.2px, 1.3020833333vw);
}

.investors .sec_common_stock .stock_area .square_area {
  display: flex;
  gap: max(13.2px, 1.3020833333vw);
  padding: max(26.4px, 2.6041666667vw) 0 max(43.56px, 4.296875vw) 0;
}

.investors .sec_common_stock .stock_area .square_area dl {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.investors .sec_common_stock .stock_area .square_area dl dt {
  margin-bottom: max(7.92px, 0.78125vw);
}

.investors .sec_common_stock .stock_area .square_area dl dd {
  font-variant-numeric: tabular-nums;
}

.investors .sec_common_stock .stock_area .square_area.four dl {
  flex: unset;
  width: 25%;
}

@media (max-width: 1023px) {
  .investors .sec_common_stock .stock_area .ic {
    padding-left: 21px;
  }

  .investors .sec_common_stock .stock_area .ic::before {
    width: 16px;
    height: 14px;
  }

  .investors .sec_common_stock .stock_area dt,
  .investors .sec_common_stock .stock_area dd {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors .sec_common_stock .stock_area .stock {
    gap: unset;
    padding: 42px 0;
    border-top: 2px solid #121619;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors .sec_common_stock .stock_area .stock>div {
    flex: unset;
    padding: 0 40px;
  }

  .investors .sec_common_stock .stock_area .stock .big {
    justify-content: flex-start;
    width: 50%;
    margin-bottom: 34px;
  }

  .investors .sec_common_stock .stock_area .stock .big dt {
    margin-bottom: 8px;
  }

  .investors .sec_common_stock .stock_area .stock .big dd {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors .sec_common_stock .stock_area .stock .big dd span {
    margin-left: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors .sec_common_stock .stock_area .stock .small {
    order: 3;
    gap: 80px;
    width: 100%;
  }

  .investors .sec_common_stock .stock_area .stock .small::after {
    width: 1px;
  }

  .investors .sec_common_stock .stock_area .stock .small dl {
    justify-content: space-between;
  }

  .investors .sec_common_stock .stock_area .square_area {
    gap: unset;
    padding: 0;
  }

  .investors .sec_common_stock .stock_area .square_area.four {
    flex-wrap: wrap;
    padding: 42px 0;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors .sec_common_stock .stock_area .square_area.four dl {
    flex: unset;
    width: 50%;
  }

  .investors .sec_common_stock .stock_area .square_area.four dl:nth-child(1),
  .investors .sec_common_stock .stock_area .square_area.four dl:nth-child(2) {
    margin-bottom: 20px;
  }

  .investors .sec_common_stock .stock_area .square_area.first {
    margin-top: 32px;
    margin-bottom: 20px;
  }

  .investors .sec_common_stock .stock_area .square_area.last {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 38px;
  }

  .investors .sec_common_stock .stock_area .square_area dl {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 40px;
  }

  .investors .sec_common_stock .stock_area .square_area dl dt {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .investors .sec_common_stock .stock_area .ic {
    padding-left: 21px;
  }

  .investors .sec_common_stock .stock_area .ic::before {
    width: 16px;
    height: 14px;
  }

  .investors .sec_common_stock .stock_area dt,
  .investors .sec_common_stock .stock_area dd {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .investors .sec_common_stock .stock_area .stock {
    flex-direction: column;
    padding: 28px 0;
    border-top: 2px solid #121619;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors .sec_common_stock .stock_area .stock>div {
    flex: unset;
    padding: 0 20px;
  }

  .investors .sec_common_stock .stock_area .stock .big {
    width: 100%;
  }

  .investors .sec_common_stock .stock_area .stock .big dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .investors .sec_common_stock .stock_area .stock .big dt {
    margin-bottom: 0;
  }

  .investors .sec_common_stock .stock_area .stock .big dd {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3666666667;
  }

  .investors .sec_common_stock .stock_area .stock .big dd span {
    margin-left: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .investors .sec_common_stock .stock_area .stock .small {
    flex-direction: column;
    gap: 20px;
    padding: 28px 20px 0 20px;
    border-top: 1px solid #DDE1E6;
  }

  .investors .sec_common_stock .stock_area .stock .small::after {
    display: none;
  }

  .investors .sec_common_stock .stock_area .square_area {
    flex-direction: column;
    gap: 8px;
  }

  .investors .sec_common_stock .stock_area .square_area.four {
    padding: 28px 0;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors .sec_common_stock .stock_area .square_area.four dl {
    width: 100%;
  }

  .investors .sec_common_stock .stock_area .square_area.four dl:nth-child(1),
  .investors .sec_common_stock .stock_area .square_area.four dl:nth-child(2) {
    margin-bottom: 0;
  }

  .investors .sec_common_stock .stock_area .square_area.first {
    margin-top: 28px;
    margin-bottom: 8px;
  }

  .investors .sec_common_stock .stock_area .square_area.last {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 40px;
  }

  .investors .sec_common_stock .stock_area .square_area dl {
    padding: 0 20px;
  }
}

.investors .flex_wrap {
  display: flex;
  margin-bottom: max(10.56px, 1.0416666667vw);
}

.investors .flex_wrap.mo_only {
  display: none;
}

@media (max-width: 1023px) {
  .investors .flex_wrap {
    margin-bottom: 16px;
  }

  .investors .flex_wrap.mo_only {
    display: flex;
  }
}

@media (max-width: 767px) {
  .investors .flex_wrap {
    margin-bottom: 16px;
  }
}

.investors .custom_select_area {
  margin-left: auto;
  max-width: max(140.58px, 13.8671875vw);
}

@media (max-width: 1023px) {
  .investors .custom_select_area {
    max-width: 213px;
  }
}

@media (max-width: 767px) {
  .investors .custom_select_area {
    max-width: unset;
    width: 100%;
  }
}

.investors .view_content .list_txt {
  margin-bottom: max(23.76px, 2.34375vw);
}

.investors .view_content .cont_tit {
  display: block;
  margin-bottom: max(23.76px, 2.34375vw);
  font-size: max(15.84px, 1.5625vw) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
  font-weight: bold;
  color: #121619;
  word-break: keep-all;
  word-wrap: break-word;
}

.investors .view_content .list_tit {
  display: block;
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(11.88px, 1.171875vw) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
  font-weight: bold;
  color: #5e2bb8;
}

@media (max-width: 1023px) {
  .investors .view_content .list_txt {
    margin-bottom: 28px;
  }

  .investors .view_content .cont_tit {
    margin-bottom: 28px;
    font-size: 22px !important;
  }

  .investors .view_content .list_tit {
    margin-bottom: 17px;
    font-size: 17px !important;
  }
}

@media (max-width: 767px) {
  .investors .view_content .list_txt {
    margin-bottom: 28px;
  }

  .investors .view_content .cont_tit {
    margin-bottom: 28px;
    font-size: 20px !important;
  }

  .investors .view_content .list_tit {
    margin-bottom: 17px;
    font-size: 16px !important;
  }
}

.investors .common_view_download {
  margin-bottom: max(39.6px, 3.90625vw);
}

.investors .common_view_download .down {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: max(5.28px, 0.5208333333vw);
  padding: max(9.9px, 0.9765625vw) max(13.2px, 1.3020833333vw);
  background-color: #f6f6f6;
}

.investors .common_view_download .down .txt {
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  color: #343a3f;
}

.investors .common_view_download .down::after {
  content: "";
  position: absolute;
  top: 50%;
  right: max(5.28px, 0.5208333333vw);
  width: max(13.2px, 1.3020833333vw);
  height: max(13.2px, 1.3020833333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/button/icon_download_bk.svg") center center no-repeat;
  background-size: max(7.92px, 0.78125vw) max(7.92px, 0.78125vw);
  transform: translate(-50%, -50%);
}

@media (min-width: 1540px) and (pointer: fine) {
  .investors .common_view_download .down:hover {
    text-decoration: underline;
  }
}

.investors .common_view_download .down:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .investors .common_view_download {
    margin-bottom: 48px;
  }

  .investors .common_view_download .down {
    margin-bottom: 8px;
    padding: 16px 20px;
  }

  .investors .common_view_download .down .txt {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .investors .common_view_download .down::after {
    right: 8px;
    width: 20px;
    height: 20px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/button/icon_download_bk.svg") center center no-repeat;
    background-size: 12px 12px;
  }
}

@media (max-width: 767px) {
  .investors .common_view_download {
    margin-bottom: 48px;
  }

  .investors .common_view_download .down {
    margin-bottom: 8px;
    padding: 16px 20px;
  }

  .investors .common_view_download .down .txt {
    display: inline-block;
    width: 90%;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.4166666667;
  }

  .investors .common_view_download .down::after {
    right: 8px;
    width: 20px;
    height: 20px;
    background: url("https://ksse.kr/html/company/resources/kr/images/common/button/icon_download_bk.svg") center center no-repeat;
    background-size: 12px 12px;
  }
}

@media (max-width: 767px) {
  .investors .info_box {
    flex-direction: column;
    align-items: flex-start;
  }

  .investors .info_box .invest_tit {
    margin-bottom: 12px;
  }
}

.investors.overview .content {
  padding-top: 0;
}

.investors.overview .sec+.sec {
  padding-top: max(105.6px, 10.4166666667vw);
}

.investors.overview .sec01 {
  padding-bottom: max(66px, 6.5104166667vw);
}

@media (max-width: 1023px) {
  .investors.overview .sec+.sec {
    padding-top: 128px;
  }

  .investors.overview .sec01 {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .investors.overview .sec+.sec {
    padding-top: 80px;
  }

  .investors.overview .sec01 {
    padding-bottom: 80px;
  }
}

.investors.overview .sec01 {
  background: #F2F4F8;
}

.investors.overview .sec01 .title_area {
  margin-bottom: max(34.32px, 3.3854166667vw);
  text-align: center;
}

.investors.overview .sec01 .title_area h2 {
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-family: "Cafe24Ohsquare", sans-serif;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.01em;
  line-height: 1.5;
  color: #5e2bb8;
}

.investors.overview .sec01 .title_area p {
  font-family: "Cafe24Ohsquare", sans-serif;
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  word-break: keep-all;
  word-wrap: break-word;
  color: #121619;
}

.investors.overview .sec01 .box_area .row {
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.investors.overview .sec01 .box_area .row:last-child {
  margin-bottom: 0;
}

.investors.overview .sec01 .box_area .box_half {
  display: flex;
  overflow: hidden;
  position: relative;
  background: #FFF;
  border-radius: max(7.92px, 0.78125vw);
  box-shadow: max(2.64px, 0.2604166667vw) max(7.92px, 0.78125vw) max(21.12px, 2.0833333333vw) 0 rgba(0, 0, 0, 0.06);
}

.investors.overview .sec01 .box_area .box_half.border_right {
  position: relative;
}

.investors.overview .sec01 .box_area .box_half.border_right::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: max(24.42px, 2.4088541667vw);
  width: max(0.66px, 0.0651041667vw);
  height: max(51.48px, 5.078125vw);
  background: rgba(18, 22, 25, 0.15);
}

.investors.overview .sec01 .box_area .box_half .inner {
  width: 50%;
  padding: max(23.76px, 2.34375vw) 0 max(23.76px, 2.34375vw) max(26.4px, 2.6041666667vw);
}

.investors.overview .sec01 .box_area .box_half.bg_img::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

.investors.overview .sec01 .box_area .box_half.bg_img.graph::after {
  right: calc(max(17.82px, 1.7578125vw) * -1);
  width: max(191.4px, 18.8802083333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/box_graph.svg") 0 0 no-repeat;
  background-size: cover;
}

.investors.overview .sec01 .box_area .box_half.bg_img.spot::after {
  top: 50%;
  right: max(36.3px, 3.5807291667vw);
  transform: translateY(-50%);
  width: max(79.2px, 7.8125vw);
  height: max(79.2px, 7.8125vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/box_spot.svg") 0 0 no-repeat;
  background-size: cover;
}

.investors.overview .sec01 .box_area .box_half.bg_img.luggage {
  margin-bottom: 0;
}

.investors.overview .sec01 .box_area .box_half.bg_img.luggage::after {
  top: max(3.3px, 0.3255208333vw);
  right: calc(max(12.54px, 1.2369791667vw) * -1);
  width: max(190.08px, 18.75vw);
  height: max(118.8px, 11.71875vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/box_luggage.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.investors.overview .sec01 .box_area .box_half.bg_img .inner {
  width: 100%;
}

.investors.overview .sec01 .box_area .square_area {
  display: flex;
  gap: max(13.2px, 1.3020833333vw);
}

.investors.overview .sec01 .box_area .square_area>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: max(132px, 13.0208333333vw);
  padding: 0 0 0 max(26.4px, 2.6041666667vw);
  background: #fff;
  border-radius: max(7.92px, 0.78125vw);
  box-shadow: max(2.64px, 0.2604166667vw) max(7.92px, 0.78125vw) max(21.12px, 2.0833333333vw) 0 rgba(0, 0, 0, 0.06);
  width: 50%;
}

.investors.overview .sec01 .box_area .square_area.bg_color>div:not(.no_color) * {
  color: #fff;
}

.investors.overview .sec01 .box_area .square_area.bg_color>div.purple_color {
  background: #5e2bb8;
}

.investors.overview .sec01 .box_area .square_area.bg_color>div.mint_color {
  background: #08d1d9;
}

.investors.overview .sec01 .box_area .square_area.bg_color>div.mint_color dt,
.investors.overview .sec01 .box_area .square_area.bg_color>div.mint_color dt>span {
  color: #106c80;
}

.investors.overview .sec01 .box_area dl+.up_and_down {
  margin-top: max(10.56px, 1.0416666667vw);
}

.investors.overview .sec01 .box_area dt {
  margin-bottom: max(11.88px, 1.171875vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #4D5358;
}

.investors.overview .sec01 .box_area dt span {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.6714285714;
}

.investors.overview .sec01 .box_area dd .number {
  margin-right: max(2.64px, 0.2604166667vw);
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1;
  font-family: "Spoqa Han Sans Neo";
  font-weight: bold;
  color: #5e2bb8;
}

.investors.overview .sec01 .box_area dd .unit {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #5e2bb8;
}

.investors.overview .sec01 .box_area .up_and_down {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(10.56px, 1.0416666667vw);
  width: fit-content;
  padding: max(3.96px, 0.390625vw) max(6.6px, 0.6510416667vw);
  background: #F2F4F8;
  border-radius: 999px;
}

.investors.overview .sec01 .box_area .up_and_down li {
  position: relative;
  padding-left: max(13.86px, 1.3671875vw);
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #878d96;
}

.investors.overview .sec01 .box_area .up_and_down li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: max(10.56px, 1.0416666667vw);
  height: max(9.24px, 0.9114583333vw);
  background-size: contain;
  background-repeat: no-repeat;
}

.investors.overview .sec01 .box_area .up_and_down .up::before {
  background-image: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/ic_up.svg");
}

.investors.overview .sec01 .box_area .up_and_down .down::before {
  background-image: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/ic_down.svg");
}

.investors.overview .sec01 .box_area .up_and_down .equal::before {
  background-image: url("https://ksse.kr/html/company/resources/kr/images/common/investors/overview/ic_equal.svg");
}

.investors.overview .sec01 .as_of_year {
  text-align: right;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #878d96;
}

@media (max-width: 1023px) {
  .investors.overview .sec01 .title_area {
    margin-bottom: 42px;
  }

  .investors.overview .sec01 .title_area h2 {
    margin-bottom: 6px;
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }

  .investors.overview .sec01 .title_area p {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors.overview .sec01 .box_area .row {
    margin-bottom: 16px;
  }

  .investors.overview .sec01 .box_area .box_half {
    border-radius: 12px;
    box-shadow: 4px 12px 32px 0 rgba(0, 0, 0, 0.06);
  }

  .investors.overview .sec01 .box_area .box_half.border_right::after {
    bottom: 28px;
    width: 1px;
    height: 78px;
  }

  .investors.overview .sec01 .box_area .box_half.m_thin .inner {
    padding: 28px 32px;
  }

  .investors.overview .sec01 .box_area .box_half .inner {
    width: 50%;
    padding: 40px;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img {
    margin-bottom: 16px;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img.graph::after {
    right: -22px;
    bottom: -12px;
    width: 366px;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img.spot::after {
    right: 55px;
    width: 120px;
    height: 120px;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img.luggage::after {
    top: 5px;
    right: -19px;
    width: 288px;
    height: 180px;
  }

  .investors.overview .sec01 .box_area .square_area {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: unset;
  }

  .investors.overview .sec01 .box_area .square_area>div {
    width: calc((100% - 16px) / 2);
    height: 164px;
    padding: 0 0 0 32px;
    border-radius: 12px;
    box-shadow: 4px 12px 32px 0 rgba(0, 0, 0, 0.06);
  }

  .investors.overview .sec01 .box_area .square_area.bg_color {
    margin-bottom: 16px;
  }

  .investors.overview .sec01 .box_area .square_area.bg_color>div {
    width: calc((100% - 32px) / 3);
  }

  .investors.overview .sec01 .box_area dl+.up_and_down {
    margin-top: 12px;
  }

  .investors.overview .sec01 .box_area dt {
    margin-bottom: 12px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors.overview .sec01 .box_area dt span {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors.overview .sec01 .box_area dd .number {
    margin-right: 8px;
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .investors.overview .sec01 .box_area dd .unit {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors.overview .sec01 .box_area .up_and_down {
    gap: 16px;
    padding: 6px 10px;
  }

  .investors.overview .sec01 .box_area .up_and_down li {
    padding-left: 21px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors.overview .sec01 .box_area .up_and_down li::before {
    width: 16px;
    height: 14px;
  }

  .investors.overview .sec01 .as_of_year {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .investors.overview .sec01 .title_area {
    margin-bottom: 42px;
  }

  .investors.overview .sec01 .title_area h2 {
    margin-bottom: 6px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .investors.overview .sec01 .title_area p {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3666666667;
  }

  .investors.overview .sec01 .box_area .row {
    margin-bottom: 16px;
  }

  .investors.overview .sec01 .box_area .box_half {
    border-radius: 12px;
    box-shadow: 4px 12px 32px 0 rgba(0, 0, 0, 0.06);
  }

  .investors.overview .sec01 .box_area .box_half.border_right::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 64px);
    height: 1px;
  }

  .investors.overview .sec01 .box_area .box_half.m_thin {
    flex-direction: column;
  }

  .investors.overview .sec01 .box_area .box_half.m_thin .inner {
    width: 100%;
    padding: 28px 32px;
  }

  .investors.overview .sec01 .box_area .box_half .inner {
    width: 50%;
    padding: 28px 32px;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img {
    margin-bottom: 16px;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img.graph {
    height: 300px;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img.graph::after {
    right: -32px;
    bottom: -28px;
    width: 100vw;
    height: 54vw;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img.spot::after {
    right: 20px;
    width: 100px;
    height: 100px;
  }

  .investors.overview .sec01 .box_area .box_half.bg_img.luggage::after {
    top: 0;
    right: 0;
    width: 150px;
    height: auto;
  }

  .investors.overview .sec01 .box_area .square_area>div {
    width: calc((100% - 16px) / 2);
    height: 128px;
    padding: 28px 0 28px 32px;
    border-radius: 12px;
    box-shadow: 4px 12px 32px 0 rgba(0, 0, 0, 0.06);
  }

  .investors.overview .sec01 .box_area .square_area.bg_color>div {
    width: calc((100% - 16px) / 2);
  }

  .investors.overview .sec01 .box_area .square_area.bg_color>div:last-child {
    width: 100%;
    margin-top: 16px;
  }

  .investors.overview .sec01 .box_area .square_area.bg_color {
    margin-bottom: 16px;
  }

  .investors.overview .sec01 .box_area .square_area.bg_color>div {
    width: calc((100% - 16px) / 2);
  }

  .investors.overview .sec01 .box_area dl+.up_and_down {
    margin-top: 12px;
  }

  .investors.overview .sec01 .box_area dt {
    margin-bottom: 12px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .investors.overview .sec01 .box_area dt span {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .investors.overview .sec01 .box_area dt span.m_block {
    display: block;
  }

  .investors.overview .sec01 .box_area dd .number {
    margin-right: 8px;
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1;
  }

  .investors.overview .sec01 .box_area dd .unit {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .investors.overview .sec01 .box_area .up_and_down {
    gap: 16px;
    position: relative;
    z-index: 1;
    padding: 6px 10px;
  }

  .investors.overview .sec01 .box_area .up_and_down li {
    padding-left: 21px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .investors.overview .sec01 .box_area .up_and_down li::before {
    width: 16px;
    height: 14px;
  }

  .investors.overview .sec01 .as_of_year {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.investors.overview .sec03 .title_area {
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.investors.overview .sec03 .title_area h3 {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.investors.overview .sec03 .table_area .type2 .board_list .board {
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
}

@media (max-width: 1023px) {
  .investors.overview .sec03 .title_area {
    margin-bottom: 16px;
  }

  .investors.overview .sec03 .title_area h3 {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors.overview .sec03 .table_area .type2 .board_list .board {
    border-top: 2px solid #121619;
  }
}

@media (max-width: 767px) {
  .investors.overview .sec03 .title_area {
    margin-bottom: 16px;
  }

  .investors.overview .sec03 .title_area h3 {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors.overview .sec03 .table_area .type2 .board_list .board {
    border-top: 2px solid #121619;
  }
}

.stocks.stock-chart .sec .square_area {
  padding: max(26.4px, 2.6041666667vw) 0;
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

@media (max-width: 1023px) {
  .stocks.stock-chart .sec .square_area {
    padding: 42px 0;
    border-bottom-width: 1px;
  }
}

@media (max-width: 767px) {
  .stocks.stock-chart .sec .square_area {
    padding: 24px 0;
    border-bottom-width: 1px;
  }
}

.stocks.stock-chart .sec .table_area .type4 col {
  width: 14.25%;
}

.stocks.stock-chart .sec .table_area .type4 col.col1 {
  width: 14.5%;
}

.stocks.stock-chart .sec .table_area .type4 td {
  color: #121619;
}

@media (max-width: 1023px) {
  .stocks.stock-chart .sec .table_area .type4 col {
    width: 13.083333%;
  }

  .stocks.stock-chart .sec .table_area .type4 col.col1 {
    width: 21.5%;
  }
}

@media (max-width: 767px) {
  .stocks.stock-chart .sec .table_area .type4 table {
    min-width: 662px;
  }

  .stocks.stock-chart .sec .table_area .type4 col {
    width: 13.5951661631%;
  }

  .stocks.stock-chart .sec .table_area .type4 col.col1 {
    width: 18.4290030211%;
  }
}

@media (max-width: 767px) {
  .stocks.shareholder .sec01 .info_box {
    flex-direction: column;
    align-items: flex-start;
  }

  .stocks.shareholder .sec01 .info_box .invest_tit {
    margin-bottom: 12px;
  }

  .stocks.shareholder .sec01 .table_area table {
    min-width: 400px;
  }
}

.stocks.shareholder .sec02 .chart_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: max(39.6px, 3.90625vw) max(52.8px, 5.2083333333vw);
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.stocks.shareholder .sec02 .chart_wrap .pie_chart {
  width: max(242.88px, 23.9583333333vw);
  height: max(242.88px, 23.9583333333vw);
}

.stocks.shareholder .sec02 .chart_wrap .pie_chart canvas {
  width: 100% !important;
  height: 100% !important;
}

.stocks.shareholder .sec02 .chart_wrap .chart_info {
  width: 52%;
  margin-left: max(66px, 6.5104166667vw);
}

.stocks.shareholder .sec02 .chart_wrap .info_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.stocks.shareholder .sec02 .chart_wrap .info_list:last-child {
  margin-bottom: 0;
}

.stocks.shareholder .sec02 .graph_txt {
  width: 50%;
}

.stocks.shareholder .sec02 .graph_txt .txt {
  margin-bottom: max(2.64px, 0.2604166667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.stocks.shareholder .sec02 .graph_txt span {
  position: relative;
  display: inline-block;
  width: max(5.94px, 0.5859375vw);
  height: max(6.6px, 0.6510416667vw);
  border-radius: 50%;
  margin: 0 max(4.62px, 0.4557291667vw) max(0.66px, 0.0651041667vw) 0;
}

.stocks.shareholder .sec02 .graph_txt strong {
  display: inline-block;
  padding-left: max(10.56px, 1.0416666667vw);
  font-size: max(26.4px, 2.6041666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #121619;
}

@media (max-width: 1023px) {
  .stocks.shareholder .sec02 .chart_wrap {
    flex-direction: column;
    padding: 42px 0 48px;
    border-top: 2px solid #121619;
    border-bottom: 1px solid #DDE1E6;
  }

  .stocks.shareholder .sec02 .chart_wrap .pie_chart {
    width: 368px;
    height: 368px;
  }

  .stocks.shareholder .sec02 .chart_wrap .pie_chart canvas {
    width: 100% !important;
    height: 100% !important;
  }

  .stocks.shareholder .sec02 .chart_wrap .chart_info {
    width: 100%;
    margin: 42px 0 0 0;
    padding-left: 18px;
  }

  .stocks.shareholder .sec02 .chart_wrap .info_list {
    margin-bottom: 16px;
  }

  .stocks.shareholder .sec02 .graph_txt .txt {
    margin-bottom: 4px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .stocks.shareholder .sec02 .graph_txt span {
    width: 10px;
    height: 10px;
    margin: 0 8px 1px 0;
  }

  .stocks.shareholder .sec02 .graph_txt strong {
    padding-left: 18px;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.3055555556;
  }
}

@media (max-width: 767px) {
  .stocks.shareholder .sec02 .info_box {
    flex-direction: column;
    align-items: flex-start;
  }

  .stocks.shareholder .sec02 .info_box .invest_tit {
    margin-bottom: 12px;
  }

  .stocks.shareholder .sec02 .chart_wrap {
    padding: 42px 0 48px;
    border-top: 2px solid #121619;
    border-bottom: 1px solid #DDE1E6;
  }

  .stocks.shareholder .sec02 .chart_wrap .pie_chart {
    width: 268px;
    height: 268px;
  }

  .stocks.shareholder .sec02 .chart_wrap .pie_chart canvas {
    width: 100% !important;
    height: 100% !important;
  }

  .stocks.shareholder .sec02 .chart_wrap .chart_info {
    margin: 42px 0 0 0;
    padding-left: 0;
  }

  .stocks.shareholder .sec02 .chart_wrap .info_list {
    margin-bottom: 12px;
  }

  .stocks.shareholder .sec02 .graph_txt .txt {
    margin-bottom: 4px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .stocks.shareholder .sec02 .graph_txt span {
    width: 10px;
    height: 10px;
    margin: 0 8px 1px 0;
  }

  .stocks.shareholder .sec02 .graph_txt strong {
    padding-left: 18px;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.4642857143;
  }
}

@media (max-width: 767px) {
  .stocks.shareholder .sec03 .table_area table {
    min-width: 500px;
  }
}

.investors h1 {
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3181818182;
  font-family: "Cafe24Ohsquare";
  color: #121619;
  text-align: center;
}

@media (max-width: 1023px) {
  .investors h1 {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.3157894737;
  }
}

@media (max-width: 767px) {
  .investors h1 {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.4;
  }
}

.investors .bot_txt_box {
  margin-top: max(13.2px, 1.3020833333vw);
}

.investors .bot_txt_box span {
  display: block;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
}

.investors .bot_txt_box span+span {
  margin-top: max(5.28px, 0.5208333333vw);
}

@media (max-width: 1023px) {
  .investors .bot_txt_box span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .investors .bot_txt_box span+span {
    margin-top: 8px;
  }
}

@media (max-width: 767px) {
  .investors .bot_txt_box span {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .investors .bot_txt_box span+span {
    margin-top: 8px;
  }
}

.investors.financial .sec+.sec {
  padding-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .investors.financial .sec+.sec {
    padding-top: 128px;
  }
}

@media (max-width: 767px) {
  .investors.financial .sec+.sec {
    padding-top: 80px;
  }
}

@media (max-width: 1023px) {
  .investors.financial .sec .table_area table {
    min-width: 910px;
  }
}

@media (max-width: 767px) {
  .investors.financial .sec .table_area table {
    min-width: 910px;
  }
}

.investors.financial .sec01 .graph_scope {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.investors.financial .sec01 .graph_scope li {
  position: relative;
  margin-right: max(13.2px, 1.3020833333vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
}

.investors.financial .sec01 .graph_scope li span {
  display: inline-block;
  width: max(6.6px, 0.6510416667vw);
  height: max(6.6px, 0.6510416667vw);
  margin: 0 max(3.3px, 0.3255208333vw) 0 0;
  border-radius: 50%;
}

.investors.financial .sec01 .graph_scope li:last-child {
  margin-right: 0;
}

.investors.financial .sec01 .highlight_chart {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
}

.investors.financial .sec01 .highlight_chart .chart_lists {
  width: 33.333%;
  padding: max(19.8px, 1.953125vw);
  border-right: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.investors.financial .sec01 .highlight_chart .chart_lists:last-child {
  border-right: 0;
}

.investors.financial .sec01 .highlight_chart .chart_txt {
  margin-bottom: max(19.8px, 1.953125vw);
}

.investors.financial .sec01 .highlight_chart .chart_txt strong {
  display: block;
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #121619;
}

.investors.financial .sec01 .highlight_chart .chart_txt span {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #697077;
}

@media (max-width: 1023px) {
  .investors.financial .sec01 .graph_scope li {
    margin-right: 20px;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .investors.financial .sec01 .graph_scope li span {
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
  }

  .investors.financial .sec01 .highlight_chart {
    border: 1px solid #DDE1E6;
    border-top: 2px solid #121619;
  }

  .investors.financial .sec01 .highlight_chart .chart_lists {
    padding: 24px 17px 24px 20px;
    border-right: 1px solid #DDE1E6;
  }

  .investors.financial .sec01 .highlight_chart .chart_txt {
    margin-bottom: 24px;
  }

  .investors.financial .sec01 .highlight_chart .chart_txt strong {
    margin-bottom: 6px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .investors.financial .sec01 .highlight_chart .chart_txt span {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

@media (max-width: 767px) {
  .investors.financial .sec01 .info_box {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 22px;
  }

  .investors.financial .sec01 .info_box .invest_tit {
    margin-bottom: 12px;
  }

  .investors.financial .sec01 .graph_scope li {
    margin-right: 20px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3846153846;
  }

  .investors.financial .sec01 .graph_scope li span {
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
  }

  .investors.financial .sec01 .highlight_chart {
    flex-direction: column;
    border: 1px solid #DDE1E6;
  }

  .investors.financial .sec01 .highlight_chart .chart_lists {
    width: 100%;
    padding: 24px 20px;
    border-top: 2px solid #121619;
    border-right: 0;
  }

  .investors.financial .sec01 .highlight_chart .chart_txt {
    margin-bottom: 24px;
  }

  .investors.financial .sec01 .highlight_chart .chart_txt strong {
    margin-bottom: 6px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .investors.financial .sec01 .highlight_chart .chart_txt span {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3846153846;
  }
}

.disclosure_Information.disclosure .sec01 .table_area .type2 .board_list a {
  width: 100%;
}

.disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .tit {
  width: calc(100% - max(213.84px, 21.09375vw));
}

.disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .date {
  width: max(121.44px, 11.9791666667vw);
}

.disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .name {
  width: max(92.4px, 9.1145833333vw);
}

@media (max-width: 1023px) {
  .disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .tit {
    width: calc(100% - 180px);
  }

  .disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .date {
    width: 90px;
  }

  .disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .name {
    width: 90px;
  }
}

@media (max-width: 767px) {
  .disclosure_Information.disclosure .sec01 .table_area .type2 .board_list li {
    padding-bottom: 24px;
  }

  .disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .link {
    padding-bottom: 0;
  }

  .disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .tit {
    width: 100%;
    font-weight: bold;
  }

  .disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .date {
    width: auto;
  }

  .disclosure_Information.disclosure .sec01 .table_area .type2 .board_list .name {
    width: auto;
  }
}

.investors.shareholder_return .invest_tit {
  margin-bottom: 0;
}

.investors.shareholder_return .sec01 .txt_box {
  width: 100%;
  padding: max(26.4px, 2.6041666667vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

.investors.shareholder_return .sec01 .txt_box p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .investors.shareholder_return .sec01 .txt_box {
    padding: max(21.12px, 2.0833333333vw);
    border-width: 1px;
    border-radius: 8px;
  }

  .investors.shareholder_return .sec01 .txt_box p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .investors.shareholder_return .sec01 .txt_box {
    padding: 32px;
    border-width: 1px;
    border-radius: 8px;
  }

  .investors.shareholder_return .sec01 .txt_box p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
}

.investors.shareholder_return .sec02 .table_area col {
  width: 14.25%;
}

.investors.shareholder_return .sec02 .table_area col.col1 {
  width: 14.5%;
}

.investors.shareholder_return .sec02 .table_area col.col2 {
  width: 14.25%;
}

.investors.shareholder_return .sec02 .table_area table {
  min-width: max(528px, 52.0833333333vw);
}

@media (max-width: 1023px) {
  .investors.shareholder_return .sec02 table {
    min-width: 800px;
  }
}

@media (max-width: 767px) {
  .investors.shareholder_return .sec02 .table_area col {
    width: 14.54%;
  }

  .investors.shareholder_return .sec02 .table_area col.col1 {
    width: 14.54%;
  }

  .investors.shareholder_return .sec02 .table_area col.col2 {
    width: 12.75%;
  }

  .investors.shareholder_return .sec02 .table_area table {
    min-width: 784px;
  }

  .investors.shareholder_return .sec02 .table_area .sticky1 {
    left: 113px;
  }
}

.archive.traveler_report .sec01 .abroad_chart {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.archive.traveler_report .sec01 .abroad_chart .chart_wrap {
  width: calc(50% - max(13.2px, 1.3020833333vw));
}

.archive.traveler_report .sec01 .abroad_chart .chart_wrap:last-child {
  margin-right: 0;
}

.archive.traveler_report .sec01 .abroad_chart .chart_wrap .unit {
  float: right;
  margin-top: max(13.2px, 1.3020833333vw);
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  color: #697077;
}

.archive.traveler_report .sec01 .abroad_chart .chart_inner {
  overflow: hidden;
  padding: max(19.8px, 1.953125vw);
  border-top: max(1.32px, 0.1302083333vw) solid #121619 !important;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.archive.traveler_report .sec01 .abroad_chart .chart_txt {
  margin-bottom: max(22.44px, 2.2135416667vw);
}

.archive.traveler_report .sec01 .abroad_chart .chart_txt strong {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: 500;
  color: #121619;
}

.archive.traveler_report .sec01 .abroad_chart .graph_scope {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: max(5.28px, 0.5208333333vw);
}

.archive.traveler_report .sec01 .abroad_chart .graph_scope li {
  margin: 0 max(13.2px, 1.3020833333vw) max(3.96px, 0.390625vw) 0;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
}

.archive.traveler_report .sec01 .abroad_chart .graph_scope li span {
  display: inline-block;
  width: max(6.6px, 0.6510416667vw);
  height: max(6.6px, 0.6510416667vw);
  margin-right: max(3.3px, 0.3255208333vw);
  border-radius: 50%;
}

.archive.traveler_report .sec01 .abroad_chart .graph_scope li:last-child {
  margin-right: 0;
}

.archive.traveler_report .sec01 .abroad_chart .growth_info {
  float: right;
  margin-top: max(7.92px, 0.78125vw);
  padding: max(10.56px, 1.0416666667vw);
  border-radius: 999px;
  background-color: #f2f4f8;
}

.archive.traveler_report .sec01 .abroad_chart .growth_info::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.archive.traveler_report .sec01 .abroad_chart .growth_info .graph_box {
  float: left;
  margin-right: max(10.56px, 1.0416666667vw);
}

.archive.traveler_report .sec01 .abroad_chart .growth_info .graph_box:last-child {
  margin-right: 0;
}

.archive.traveler_report .sec01 .abroad_chart .growth_info .info_tit {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: 500;
  color: #121619;
}

.archive.traveler_report .sec01 .abroad_chart .growth_info .info_txt {
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  color: #343A3F;
}

.archive.traveler_report .sec01 .abroad_chart .growth_info .icon_level {
  display: inline-block;
  width: max(9.24px, 0.9114583333vw);
  height: max(7.26px, 0.7161458333vw);
}

.archive.traveler_report .sec01 .abroad_chart .growth_info .icon_level.up {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/investors/archive/arrow_graph_up.svg") 0 0 no-repeat;
  background-size: cover;
}

.archive.traveler_report .sec01 .abroad_chart .growth_info .icon_level.down {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/investors/archive/arrow_graph_down.svg") 0 0 no-repeat;
  background-size: cover;
}

.archive.traveler_report .sec01 .abroad_chart .growth_info .icon_level.equal {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/investors/archive/arrow_graph_equal.svg") 0 0 no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .archive.traveler_report .sec01 .abroad_chart .chart_wrap {
    width: calc(50% - 20px);
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_wrap .unit {
    margin-top: 16px;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_inner {
    padding: 20px;
    border-top: 2px solid #121619 !important;
    border: 1px solid #DDE1E6;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_txt {
    margin-bottom: 24px;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_txt strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .archive.traveler_report .sec01 .abroad_chart .graph_scope {
    margin-top: 6px;
  }

  .archive.traveler_report .sec01 .abroad_chart .graph_scope li {
    margin: 0 6px 6px 0;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .archive.traveler_report .sec01 .abroad_chart .graph_scope li span {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info {
    margin-top: 10px;
    padding: 6px 10px;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info .graph_box {
    margin-right: 16px;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info .info_tit {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info .info_txt {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info .icon_level {
    width: 14px;
    height: 11px;
  }
}

@media (max-width: 767px) {
  .archive.traveler_report .sec01 .abroad_chart {
    flex-direction: column;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_wrap {
    width: 100%;
    margin-bottom: 32px;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_wrap .unit {
    margin-top: 16px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3846153846;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_wrap:last-child {
    margin-bottom: 0;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_inner {
    padding: 24px 20px;
    border-top: 2px solid #121619 !important;
    border: 1px solid #DDE1E6;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_txt {
    margin-bottom: 24px;
  }

  .archive.traveler_report .sec01 .abroad_chart .chart_txt strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .archive.traveler_report .sec01 .abroad_chart .graph_scope {
    margin-top: 6px;
  }

  .archive.traveler_report .sec01 .abroad_chart .graph_scope li {
    margin: 0 6px 6px 0;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3846153846;
  }

  .archive.traveler_report .sec01 .abroad_chart .graph_scope li span {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: normal;
    width: 100%;
    float: none;
    margin-top: 10px;
    padding: 6px 10px;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info .graph_box {
    float: none;
    margin-right: 16px;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info .info_tit {
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.3636363636;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info .info_txt {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .archive.traveler_report .sec01 .abroad_chart .growth_info .icon_level {
    width: 14px;
    height: 11px;
  }
}

.investors.general-meeting .sec01 {
  padding-top: max(66px, 6.5104166667vw);
}

.investors.general-meeting .sec01 .title_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: max(10.56px, 1.0416666667vw);
}

.investors.general-meeting .sec01 .title_area h2 {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.investors.general-meeting .sec01 .info_list {
  display: none;
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.investors.general-meeting .sec01 .info_list.active {
  display: block;
}

.investors.general-meeting .sec01 .info_list li {
  padding: max(26.4px, 2.6041666667vw) 0;
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.investors.general-meeting .sec01 .info_list li:last-child {
  border-bottom: 0;
}

.investors.general-meeting .sec01 .info_list .info h3 {
  margin-bottom: max(10.56px, 1.0416666667vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.investors.general-meeting .sec01 .info_list .info p {
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #4D5358;
}

.investors.general-meeting .sec01 .info_list .info p.bold {
  font-weight: 500;
  color: #121619;
}

.investors.general-meeting .sec01 .info_list .info p:last-of-type {
  margin-bottom: 0;
}

.investors.general-meeting .sec01 .info_list .info .info_txt_box p+p {
  margin-top: max(6.6px, 0.6510416667vw);
}

.investors.general-meeting .sec01 .info_list .info>p {
  margin-bottom: max(21.12px, 2.0833333333vw);
}

.investors.general-meeting .sec01 .info_list .info .btn_wrap {
  display: flex;
  margin-top: max(21.12px, 2.0833333333vw);
}

@media (max-width: 1023px) {
  .investors.general-meeting .sec01 {
    padding-top: 110px;
  }

  .investors.general-meeting .sec01 .title_area {
    padding-bottom: 13px;
  }

  .investors.general-meeting .sec01 .title_area h2 {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .investors.general-meeting .sec01 .info_list {
    border-top: 2px solid #121619;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors.general-meeting .sec01 .info_list li {
    padding: 40px 0;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors.general-meeting .sec01 .info_list li:nth-of-type(2) .info h3 {
    margin-bottom: 4px;
  }

  .investors.general-meeting .sec01 .info_list .info h3 {
    margin-bottom: 13px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .investors.general-meeting .sec01 .info_list .info p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .investors.general-meeting .sec01 .info_list .info .info_txt_box p+p {
    margin-top: max(8.58px, 0.8463541667vw);
  }

  .investors.general-meeting .sec01 .info_list .info>p {
    margin-bottom: max(7.92px, 0.78125vw);
  }

  .investors.general-meeting .sec01 .info_list .info .btn_wrap {
    margin-top: 26px;
  }
}

@media (max-width: 767px) {
  .investors.general-meeting .sec01 {
    padding-top: 80px;
  }

  .investors.general-meeting .sec01 .title_area {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 32px;
  }

  .investors.general-meeting .sec01 .title_area h2 {
    margin-bottom: 12px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.35;
  }

  .investors.general-meeting .sec01 .info_list {
    padding: 8px 0;
    border-top: 2px solid #121619;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors.general-meeting .sec01 .info_list li {
    padding: 24px 0;
  }

  .investors.general-meeting .sec01 .info_list li:nth-of-type(2) .info h3 {
    margin-bottom: 8px;
  }

  .investors.general-meeting .sec01 .info_list .info h3 {
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .investors.general-meeting .sec01 .info_list .info p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .investors.general-meeting .sec01 .info_list .info p span {
    display: block;
    margin-top: 4px;
  }

  .investors.general-meeting .sec01 .info_list .info .info_txt_box p+p {
    margin-top: 4px;
  }

  .investors.general-meeting .sec01 .info_list .info>p {
    margin-bottom: 12px;
  }

  .investors.general-meeting .sec01 .info_list .info .btn_wrap {
    flex-direction: column;
    margin-top: 24px;
  }

  .investors.general-meeting .sec01 .info_list .info .btn_wrap .btn {
    text-align: center;
  }

  .investors.general-meeting .sec01 .info_list .info .btn_wrap .btn.down {
    width: 100%;
    margin: 0 0 10px;
  }

  .investors.general-meeting .sec01 .info_list .info .btn_wrap .btn:last-of-type {
    margin-bottom: 0;
  }
}

.investors.general-meeting .sec02 {
  padding-top: max(79.2px, 7.8125vw);
}

.investors.general-meeting .sec02 .agenda_list {
  display: none;
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
}

.investors.general-meeting .sec02 .agenda_list.active {
  display: block;
}

.investors.general-meeting .sec02 .agenda_list>li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: max(52.8px, 5.2083333333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.investors.general-meeting .sec02 .agenda_list>li:first-child span {
  font-weight: bold;
}

.investors.general-meeting .sec02 .agenda_list>li:last-child {
  border-bottom: 0;
}

.investors.general-meeting .sec02 .agenda_list>li .title {
  padding: 0 max(13.2px, 1.3020833333vw);
}

.investors.general-meeting .sec02 .agenda_list>li .approval_rate {
  width: max(92.4px, 9.1145833333vw);
  text-align: center;
}

.investors.general-meeting .sec02 .agenda_list>li .approval_rate span {
  font-weight: 400;
}

.investors.general-meeting .sec02 .agenda_list>li span {
  display: inline-block;
  vertical-align: middle;
  min-width: max(66px, 6.5104166667vw);
  max-width: max(66px, 6.5104166667vw);
  margin-right: max(13.2px, 1.3020833333vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3333333333;
  font-weight: 700;
  color: #121619;
}

.investors.general-meeting .sec02 .agenda_list>li p {
  display: inline-block;
  vertical-align: middle;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3333333333;
  color: #4D5358;
}

.investors.general-meeting .sec02 .comment {
  padding-top: max(13.2px, 1.3020833333vw);
}

.investors.general-meeting .sec02 .comment li {
  margin-bottom: max(5.28px, 0.5208333333vw);
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #878d96;
}

.investors.general-meeting .sec02 .comment li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .investors.general-meeting .sec02 {
    padding-top: 96px;
  }

  .investors.general-meeting .sec02 .agenda_list {
    border-top: 2px solid #121619;
  }

  .investors.general-meeting .sec02 .agenda_list>li {
    min-height: unset;
    padding: 21px 0;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors.general-meeting .sec02 .agenda_list>li:first-child {
    display: none;
  }

  .investors.general-meeting .sec02 .agenda_list>li:last-child {
    padding: 0;
  }

  .investors.general-meeting .sec02 .agenda_list>li .title {
    width: calc(100% - 80px);
    padding: 0 20px;
  }

  .investors.general-meeting .sec02 .agenda_list>li .approval_rate {
    width: 80px;
  }

  .investors.general-meeting .sec02 .agenda_list>li .approval_rate span {
    min-width: 80px;
    max-width: 80px;
    margin-right: 0;
  }

  .investors.general-meeting .sec02 .agenda_list>li span {
    min-width: 88px;
    max-width: 88px;
    margin-right: 20px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3529411765;
  }

  .investors.general-meeting .sec02 .agenda_list>li p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3529411765;
  }

  .investors.general-meeting .sec02 .comment {
    padding-top: 16px;
  }

  .investors.general-meeting .sec02 .comment li {
    margin-bottom: 8px;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.2666666667;
  }
}

@media (max-width: 767px) {
  .investors.general-meeting .sec02 {
    padding-top: 96px;
  }

  .investors.general-meeting .sec02 .agenda_list {
    border-top: 2px solid #121619;
  }

  .investors.general-meeting .sec02 .agenda_list>li {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    border-bottom: 1px solid #DDE1E6;
  }

  .investors.general-meeting .sec02 .agenda_list>li .title {
    width: 100%;
    padding: 0;
  }

  .investors.general-meeting .sec02 .agenda_list>li .approval_rate {
    width: 100%;
    padding: 0;
    text-align: left;
  }

  .investors.general-meeting .sec02 .agenda_list>li .approval_rate span {
    min-width: 100%;
    max-width: 100%;
  }

  .investors.general-meeting .sec02 .agenda_list>li span {
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.375;
  }

  .investors.general-meeting .sec02 .agenda_list>li p {
    display: block;
    margin: 12px 0;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.375;
  }

  .investors.general-meeting .sec02 .comment {
    padding-top: 16px;
  }

  .investors.general-meeting .sec02 .comment li {
    margin-bottom: 8px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }
}

.notice .table_area .type2 .board_list .board li a.link {
  width: 100%;
}

.announcement.notice .view_content {
  font-size: max(10.56px, 1.0416666667vw) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.5 !important;
}

@media (max-width: 1023px) {
  .announcement.notice .view_content {
    font-size: 16px !important;
  }
}

@media (max-width: 767px) {
  .announcement.notice .view_content {
    font-size: 14px !important;
  }
}

/* pages - NEWSROOM */
.newsroom .table_area .board_list {
  margin-bottom: 0;
}

.newsroom .sec .list_container {
  margin-top: max(26.4px, 2.6041666667vw);
}

@media (max-width: 1023px) {
  .newsroom .sec .list_container .list_container {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .newsroom .sec .list_container .list_container {
    margin-top: 32px;
  }
}

.newsroom .sec01 .top_slider {
  overflow: hidden;
  height: 100%;
  padding-bottom: max(21.12px, 2.0833333333vw);
}

.newsroom .sec01 .top_slider .swiper-pagination {
  bottom: 0;
  left: 0;
}

.newsroom .sec01 .top_slider .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  background-color: transparent;
  border: max(0.66px, 0.0651041667vw) solid #878d96;
  opacity: 0.6;
}

.newsroom .sec01 .top_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  height: max(5.28px, 0.5208333333vw);
  border-radius: max(659.34px, 65.0390625vw);
  background-color: #5e2bb8;
  border-color: #5e2bb8;
  opacity: 1;
}

.newsroom .sec01 .link_news {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: normal;
  width: 100%;
  height: 100%;
}

.newsroom .sec01 .view_img {
  position: relative;
  width: 50%;
  border-top-left-radius: max(7.92px, 0.78125vw);
  border-bottom-left-radius: max(7.92px, 0.78125vw);
}

.newsroom .sec01 .view_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsroom .sec01 .view_inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
  padding: 0 max(31.68px, 3.125vw);
  background-color: #f2f4f8;
  border-radius: 0 max(7.92px, 0.78125vw) max(7.92px, 0.78125vw) 0;
}

.newsroom .sec01 .view_inner .view_tit {
  display: block;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  font-weight: bold;
  color: #5e2bb8;
}

.newsroom .sec01 .view_inner strong {
  display: inline-block;
  margin: max(10.56px, 1.0416666667vw) 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.2857142857;
  max-height: 2.5714285714em;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #121619;
}

.newsroom .sec01 .view_inner .view_desc {
  margin-bottom: max(10.56px, 1.0416666667vw);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.5;
  max-height: 3em;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.newsroom .sec01 .view_inner .date {
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  color: #878d96;
}

@media (max-width: 1023px) {
  .newsroom .sec01 .top_slider {
    padding-bottom: 26px;
  }

  .newsroom .sec01 .top_slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-width: 1px;
  }

  .newsroom .sec01 .top_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
  }

  .newsroom .sec01 .view_img {
    border-radius: 12px 0 0 12px;
  }

  .newsroom .sec01 .view_inner {
    padding: 0 20px;
  }

  .newsroom .sec01 .view_inner .view_tit {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .newsroom .sec01 .view_inner strong {
    margin: 8px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.3076923077;
    max-height: 2.6153846154em;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .newsroom .sec01 .view_inner .view_desc {
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.5;
    max-height: 3em;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .newsroom .sec01 .view_inner .date {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }
}

@media (max-width: 767px) {
  .newsroom .sec01 .top_slider {
    padding-bottom: 32px;
  }

  .newsroom .sec01 .top_slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-width: 1px;
  }

  .newsroom .sec01 .top_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    border-radius: 999px;
  }

  .newsroom .sec01 .link_news {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: normal;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  .newsroom .sec01 .view_img {
    width: 100%;
    border-radius: 12px 12px 0 0;
  }

  .newsroom .sec01 .view_img img {
    border-radius: 12px 12px 0 0;
  }

  .newsroom .sec01 .view_inner {
    display: block;
    width: 100%;
    padding: 32px 20px;
    border-radius: 0 0 12px 12px;
  }

  .newsroom .sec01 .view_inner .view_tit {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .newsroom .sec01 .view_inner strong {
    margin: 8px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.3076923077;
    max-height: 2.6153846154em;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .newsroom .sec01 .view_inner .view_desc {
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.5;
    max-height: 3em;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .newsroom .sec01 .view_inner .date {
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.3636363636;
  }
}

.newsroom .sec02 .sec_inner {
  margin-top: max(39.6px, 3.90625vw);
}

@media (max-width: 1023px) {
  .newsroom .sec02 .sec_inner {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .newsroom .sec02 .sec_inner {
    margin-top: 48px;
  }
}

.newsroom.list .sec01 .top_slider {
  height: max(250.8px, 24.7395833333vw);
}

.newsroom.list .sec01 .top_slider .link_news {
  height: 100%;
}

.newsroom.list .sec01 .top_slider .view_img {
  overflow: hidden;
  position: relative;
}

.newsroom.list .sec01 .top_slider .view_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease-in-out;
}

@media (min-width: 768px) {
  .newsroom.list .sec01 .top_slider:hover .view_img {
    z-index: 1;
  }

  .newsroom.list .sec01 .top_slider:hover .view_img img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@media (max-width: 1023px) {
  .newsroom.list .sec01 .top_slider {
    min-height: 228px;
  }

  .newsroom.list .sec01 .top_slider .view_img {
    overflow: hidden;
  }

  .newsroom.list .sec01 .top_slider .view_inner {
    padding: 20px;
  }

  .newsroom.list .sec01 .top_slider .view_inner strong {
    height: auto;
    max-height: 68px;
  }
}

@media (max-width: 767px) {
  .newsroom.list .sec01 .top_slider {
    height: auto;
    min-height: auto;
  }

  .newsroom.list .sec01 .top_slider .link_news {
    height: auto;
  }

  .newsroom.list .sec01 .top_slider .view_img {
    padding-top: 60%;
  }
}

@media (max-width: 767px) {
  .newsroom.list .sec02 .type3 .board li a {
    position: relative;
    z-index: 1;
  }

  .newsroom.list .sec02 .type3 .board li a .thumb_area img {
    width: auto;
    height: 100%;
    max-width: unset;
    max-height: 100%;
    transform: translate(-50%, -50%) scale(1);
  }
}

.newsroom.view .view_type01 .title_box {
  padding-left: 0;
  padding-right: 0;
}

.newsroom.advertising .table_area .type3 .board_list .board .thumb_area {
  padding-top: 56.25%;
}

.newsroom.advertising .sec01 .top_slider {
  height: max(211.86px, 20.8984375vw);
  border-radius: max(7.92px, 0.78125vw);
}

@media (min-width: 768px) {
  .newsroom.advertising .sec01 .top_slider .view_img {
    overflow: hidden;
    position: relative;
  }

  .newsroom.advertising .sec01 .top_slider .view_img::before,
  .newsroom.advertising .sec01 .top_slider .view_img::after {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
  }

  .newsroom.advertising .sec01 .top_slider .view_img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: max(7.92px, 0.78125vw) 0 0 max(7.92px, 0.78125vw);
    background: rgba(0, 0, 0, 0.3);
  }

  .newsroom.advertising .sec01 .top_slider .view_img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: max(39.6px, 3.90625vw);
    height: max(39.6px, 3.90625vw);
    transform: translate(-50%, -50%);
    background: url("https://ksse.kr/html/company/resources/kr/images/common/newsroom/btn_play.svg") 0 0 no-repeat;
    background-size: cover;
  }

  .newsroom.advertising .sec01 .top_slider .view_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.4s ease-in-out;
  }

  .newsroom.advertising .sec01 .top_slider:hover .view_img {
    position: relative;
    z-index: 1;
  }

  .newsroom.advertising .sec01 .top_slider:hover .view_img::before,
  .newsroom.advertising .sec01 .top_slider:hover .view_img::after {
    opacity: 1;
    visibility: visible;
  }

  .newsroom.advertising .sec01 .top_slider:hover .view_img img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@media (max-width: 1023px) {
  .newsroom.advertising .sec01 .top_slider {
    height: 228px;
    border-radius: 12px;
  }

  .newsroom.advertising .sec01 .top_slider .view_img {
    overflow: hidden;
  }

  .newsroom.advertising .sec01 .top_slider .view_inner {
    padding: 20px;
  }

  .newsroom.advertising .sec01 .top_slider .view_inner strong {
    height: auto;
    max-height: 68px;
  }
}

@media (max-width: 767px) {
  .newsroom.advertising .sec01 .top_slider {
    height: auto;
    border-radius: 12px;
  }

  .newsroom.advertising .sec01 .link_news .view_img {
    position: relative;
    z-index: 1;
  }

  .newsroom.advertising .sec01 .link_news .view_img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px 12px 0 0;
    background: rgba(0, 0, 0, 0.3);
  }

  .newsroom.advertising .sec01 .link_news .view_img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    background: url("https://ksse.kr/html/company/resources/kr/images/common/newsroom/btn_play.svg") 0 0 no-repeat;
    background-size: cover;
  }
}

.newsroom.advertising .sec02 .top_box {
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .newsroom.advertising .sec02 .type3 .board_list .board li a {
    position: relative;
    z-index: 1;
  }

  .newsroom.advertising .sec02 .type3 .board_list .board li a .thumb_area::before,
  .newsroom.advertising .sec02 .type3 .board_list .board li a .thumb_area::after {
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
  }

  .newsroom.advertising .sec02 .type3 .board_list .board li a .thumb_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 12px 0 0 12px;
    background: rgba(0, 0, 0, 0.3);
  }

  .newsroom.advertising .sec02 .type3 .board_list .board li a .thumb_area::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: max(39.6px, 3.90625vw);
    height: max(39.6px, 3.90625vw);
    background: url("https://ksse.kr/html/company/resources/kr/images/common/newsroom/btn_play.svg") 0 0 no-repeat;
    background-size: cover;
  }

  .newsroom.advertising .sec02 .type3 .board_list .board li a:hover .thumb_area::before,
  .newsroom.advertising .sec02 .type3 .board_list .board li a:hover .thumb_area::after {
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .newsroom.advertising .sec02 .type3 .board_list .board li a {
    position: relative;
    z-index: 1;
  }

  .newsroom.advertising .sec02 .type3 .board_list .board li a .thumb_area img {
    width: auto;
    height: 100%;
    max-width: unset;
    max-height: 100%;
    transform: translate(-50%, -50%) scale(1);
  }

  .newsroom.advertising .sec02 .type3 .board_list .board li a .thumb_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 12px 0 0 12px;
    background: rgba(0, 0, 0, 0.3);
  }

  .newsroom.advertising .sec02 .type3 .board_list .board li a .thumb_area::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: max(39.6px, 3.90625vw);
    height: max(39.6px, 3.90625vw);
    background: url("https://ksse.kr/html/company/resources/kr/images/common/newsroom/btn_play.svg") 0 0 no-repeat;
    background-size: cover;
  }
}

.layer_popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.layer_popup .popup_inner {
  position: relative;
  width: 100%;
  height: max(316.8px, 31.25vw);
}

.layer_popup img,
.layer_popup iframe {
  border-radius: max(7.92px, 0.78125vw);
}

.layer_popup iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.layer_popup--open {
  display: block;
}

.layer_popup .popup-multiple {
  position: absolute;
  top: 59%;
  left: 50%;
  max-width: max(600.6px, 59.2447916667vw);
  width: 100%;
  max-height: max(380.16px, 37.5vw);
  transform: translate(-50%, -50%);
}

.layer_popup .btn_close {
  position: absolute;
  top: calc(max(33px, 3.2552083333vw) * -1);
  right: 0;
  width: max(19.8px, 1.953125vw);
  height: max(19.8px, 1.953125vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/newsroom/close_btn.svg") 0 0 no-repeat;
  background-size: cover;
  text-indent: -9999px;
}

@media (max-width: 1023px) {

  .layer_popup img,
  .layer_popup iframe {
    border-radius: 12px;
  }

  .layer_popup .popup-multiple {
    max-width: 100%;
    width: calc(100% - 80px);
    max-height: 435px;
  }

  .layer_popup .popup_inner {
    height: 435px;
  }

  .layer_popup .btn_close {
    top: -46px;
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 767px) {

  .layer_popup img,
  .layer_popup iframe {
    border-radius: 12px;
  }

  .layer_popup .popup-multiple {
    width: calc(100% - 40px);
    max-width: 100%;
    height: 60vw;
    max-height: unset;
  }

  .layer_popup .popup_inner {
    height: 100%;
  }

  .layer_popup .btn_close {
    top: -46px;
    width: 30px;
    height: 30px;
  }
}

.newsroom.awards .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/newsroom/awards/awards_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .newsroom.awards .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/newsroom/awards/awards_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.newsroom.awards .sec01 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.newsroom.awards .sec01 .con01 h3 {
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.newsroom.awards .sec01 .con01 .awards_slide {
  width: 100%;
  margin-top: max(13.2px, 1.3020833333vw);
}

.newsroom.awards .sec01 .con01 .swiper-wrapper {
  width: 100%;
}

.newsroom.awards .sec01 .con01 .swiper-slide {
  height: auto;
  padding: max(26.4px, 2.6041666667vw) max(9.9px, 0.9765625vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
  text-align: center;
}

.newsroom.awards .sec01 .con01 .awards_img {
  height: max(66px, 6.5104166667vw);
}

.newsroom.awards .sec01 .con01 .awards_img img {
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.newsroom.awards .sec01 .con01 .txt_box {
  margin-top: max(13.2px, 1.3020833333vw);
}

.newsroom.awards .sec01 .con01 .txt_box strong {
  display: block;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.newsroom.awards .sec01 .con01 .txt_box span {
  display: block;
  margin-top: max(2.64px, 0.2604166667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

.newsroom.awards .sec01 .con01 .swiper-pagination {
  position: static;
  margin-top: max(15.84px, 1.5625vw);
  text-align: center;
  font-size: 0;
}

.newsroom.awards .sec01 .con01 .swiper-pagination .swiper-pagination-bullet {
  width: max(5.28px, 0.5208333333vw);
  height: max(5.28px, 0.5208333333vw);
  border: max(0.66px, 0.0651041667vw) solid #878D96;
  background-color: #ffffff;
  margin: 0 max(2.64px, 0.2604166667vw);
  border-radius: 50%;
  opacity: 1;
}

.newsroom.awards .sec01 .con01 .swiper-pagination .swiper-pagination-bullet-active {
  width: max(10.56px, 1.0416666667vw);
  background-color: #5e2bb8;
  border-color: #5e2bb8;
  border-radius: 999px;
}

@media (max-width: 1023px) {
  .newsroom.awards .sec01 {
    padding-top: 128px;
  }

  .newsroom.awards .sec01 .con01 h3 {
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .newsroom.awards .sec01 .con01 .awards_slide {
    width: 100% !important;
    margin-top: 24px;
  }

  .newsroom.awards .sec01 .con01 .swiper-slide {
    padding: 28px 15px;
    border-width: 1px;
    border-radius: 12px;
  }

  .newsroom.awards .sec01 .con01 .awards_img {
    height: 100px;
  }

  .newsroom.awards .sec01 .con01 .txt_box {
    margin-top: 20px;
  }

  .newsroom.awards .sec01 .con01 .txt_box strong {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .newsroom.awards .sec01 .con01 .txt_box span {
    margin-top: 4px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .newsroom.awards .sec01 .con01 .swiper-pagination {
    margin-top: 24px;
  }

  .newsroom.awards .sec01 .con01 .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-width: 1px;
    margin: 0 4px;
  }

  .newsroom.awards .sec01 .con01 .swiper-pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}

@media (max-width: 767px) {
  .newsroom.awards .sec01 {
    padding-top: 80px;
  }

  .newsroom.awards .sec01 .con01 h3 {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .newsroom.awards .sec01 .con01 .awards_slide {
    margin-top: 24px;
  }

  .newsroom.awards .sec01 .con01 .swiper-slide {
    padding: 28px 15px;
    border-width: 1px;
    border-radius: 12px;
  }

  .newsroom.awards .sec01 .con01 .awards_img {
    height: 100px;
  }

  .newsroom.awards .sec01 .con01 .txt_box {
    margin-top: 20px;
  }

  .newsroom.awards .sec01 .con01 .txt_box strong {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .newsroom.awards .sec01 .con01 .txt_box span {
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .newsroom.awards .sec01 .con01 .swiper-pagination {
    margin-top: 24px;
  }

  .newsroom.awards .sec01 .con01 .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-width: 1px;
    margin: 0 4px;
  }

  .newsroom.awards .sec01 .con01 .swiper-pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}

.newsroom.awards .sec02 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.newsroom.awards .sec02 .con_wrap {
  position: relative;
  overflow: hidden;
}

.newsroom.awards .sec02 .con_wrap::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: max(79.2px, 7.8125vw);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}

.newsroom.awards .sec02 .con_wrap.active {
  height: 100% !important;
}

.newsroom.awards .sec02 .con_wrap.active::after {
  display: none;
}

.newsroom.awards .sec02 .con {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.newsroom.awards .sec02 .con .area_year {
  width: max(198px, 19.53125vw);
}

.newsroom.awards .sec02 .con .area_year h3 {
  position: relative;
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-weight: bold;
  color: #121619;
}

.newsroom.awards .sec02 .con .area_year h3::before,
.newsroom.awards .sec02 .con .area_year h3::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.3s;
  border-radius: 50%;
}

.newsroom.awards .sec02 .con .area_year h3::before {
  right: calc(max(3.96px, 0.390625vw) * -1);
  z-index: 2;
  width: max(7.26px, 0.7161458333vw);
  height: max(7.26px, 0.7161458333vw);
  background-color: #5e2bb8;
}

.newsroom.awards .sec02 .con .area_year h3::after {
  right: calc(max(9.24px, 0.9114583333vw) * -1);
  z-index: 1;
  width: max(17.16px, 1.6927083333vw);
  height: max(17.16px, 1.6927083333vw);
  background-color: #eee9f7;
  border: max(0.66px, 0.0651041667vw) solid #5e2bb8;
  transform: translateY(-50%) scale(0);
}

.newsroom.awards .sec02 .con .area_history {
  position: relative;
  width: calc(100% - max(198px, 19.53125vw));
  padding: max(11.88px, 1.171875vw) 0 max(79.2px, 7.8125vw) max(36.3px, 3.5807291667vw);
}

.newsroom.awards .sec02 .con .area_history::before {
  content: "";
  display: block;
  position: absolute;
  top: max(20.46px, 2.0182291667vw);
  left: 0;
  width: max(0.66px, 0.0651041667vw);
  height: 100%;
  background-color: #DDE1E6;
}

.newsroom.awards .sec02 .con .area_history .progress {
  position: absolute;
  top: max(20.46px, 2.0182291667vw);
  left: 0;
  width: max(0.66px, 0.0651041667vw);
  height: 0;
  background-color: #5e2bb8;
}

.newsroom.awards .sec02 .con .history_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}

.newsroom.awards .sec02 .con .history_cont+.history_cont {
  margin-top: max(23.76px, 2.34375vw);
}

.newsroom.awards .sec02 .con .history_cont strong {
  width: max(39.6px, 3.90625vw);
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #121619;
}

.newsroom.awards .sec02 .con .history_cont .cont_box {
  width: calc(100% - max(39.6px, 3.90625vw));
}

.newsroom.awards .sec02 .con .history_cont .box+.box {
  margin-top: max(5.28px, 0.5208333333vw);
}

.newsroom.awards .sec02 .con .history_cont .box .img_box {
  width: 100%;
  margin: max(7.92px, 0.78125vw) 0;
}

.newsroom.awards .sec02 .con .history_cont .box .img_box img {
  width: 100%;
}

.newsroom.awards .sec02 .con .history_cont .box p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.newsroom.awards .sec02 .con.active .area_year h3::after {
  transform: translateY(-50%) scale(1);
}

.newsroom.awards .sec02 .con:last-of-type .area_history::before {
  display: none;
}

.newsroom.awards .sec02 .con:last-of-type .progress {
  display: none;
}

.newsroom.awards .sec02 .btn_wrap {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .newsroom.awards .sec02 {
    padding-top: 128px;
  }

  .newsroom.awards .sec02 .con_wrap::after {
    height: 48px;
  }

  .newsroom.awards .sec02 .con .area_year {
    width: 155px;
  }

  .newsroom.awards .sec02 .con .area_year h3 {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .newsroom.awards .sec02 .con .area_year h3::before {
    right: -6px;
    width: 11px;
    height: 11px;
  }

  .newsroom.awards .sec02 .con .area_year h3::after {
    right: -14px;
    width: 26px;
    height: 26px;
    border-width: 1px;
  }

  .newsroom.awards .sec02 .con .area_history {
    width: calc(100% - 155px);
    padding: 10px 0 96px 48px;
  }

  .newsroom.awards .sec02 .con .area_history::before {
    top: 20px;
    width: 1px;
  }

  .newsroom.awards .sec02 .con .area_history .progress {
    top: 20px;
    width: 1px;
  }

  .newsroom.awards .sec02 .con .history_cont+.history_cont {
    margin-top: 34px;
  }

  .newsroom.awards .sec02 .con .history_cont strong {
    width: 50px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .newsroom.awards .sec02 .con .history_cont .cont_box {
    width: calc(100% - 50px);
  }

  .newsroom.awards .sec02 .con .history_cont .box+.box {
    margin-top: 8px;
  }

  .newsroom.awards .sec02 .con .history_cont .box .img_box {
    margin: 10px 0;
  }

  .newsroom.awards .sec02 .con .history_cont .box p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .newsroom.awards .sec02 {
    padding-top: 80px;
  }

  .newsroom.awards .sec02 .con_wrap::after {
    height: 48px;
  }

  .newsroom.awards .sec02 .con {
    position: relative;
    display: block;
    padding: 0 0 106px 47px;
  }

  .newsroom.awards .sec02 .con .area_year {
    width: 100%;
  }

  .newsroom.awards .sec02 .con .area_year h3 {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3666666667;
  }

  .newsroom.awards .sec02 .con .area_year h3::before {
    right: auto;
    left: -39px;
    width: 11px;
    height: 11px;
  }

  .newsroom.awards .sec02 .con .area_year h3::after {
    right: auto;
    left: -47px;
    width: 26px;
    height: 26px;
    border-width: 1px;
  }

  .newsroom.awards .sec02 .con .area_history {
    position: static;
    width: 100%;
    padding: 24px 0 0 0;
  }

  .newsroom.awards .sec02 .con .area_history::before {
    top: 20px;
    left: 13px;
    width: 1px;
  }

  .newsroom.awards .sec02 .con .area_history .progress {
    top: 20px;
    left: 13px;
    width: 1px;
  }

  .newsroom.awards .sec02 .con .history_cont+.history_cont {
    margin-top: 34px;
  }

  .newsroom.awards .sec02 .con .history_cont strong {
    width: 50px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
  }

  .newsroom.awards .sec02 .con .history_cont .cont_box {
    width: calc(100% - 50px);
  }

  .newsroom.awards .sec02 .con .history_cont .box+.box {
    margin-top: 8px;
  }

  .newsroom.awards .sec02 .con .history_cont .box .img_box {
    margin: 10px 0;
  }

  .newsroom.awards .sec02 .con .history_cont .box p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5625;
  }
}

/* pages - CAREERS */
.careers.life .sec_visual .bg {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life_pc_visual.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .careers.life .sec_visual .bg {
    background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life_m_visual.jpg") center no-repeat;
    background-size: cover;
  }
}

.careers .shortcut_area.bg_gray li a {
  background-color: #f2f4f8;
}

@media (min-width: 1540px) and (pointer: fine) {
  .careers .shortcut_area.bg_gray li a:not(.disable):hover {
    background-color: #f2f4f8;
  }
}

.careers.culture .sec01 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.careers.culture .sec01 .row {
  margin-bottom: max(105.6px, 10.4166666667vw);
}

.careers.culture .sec01 .row:last-child {
  margin-bottom: 0;
}

.careers.culture .sec01 .shortcut_area {
  margin-top: max(26.4px, 2.6041666667vw);
}

@media (max-width: 1023px) {
  .careers.culture .sec01 {
    padding-top: 128px;
  }

  .careers.culture .sec01 .row {
    margin-bottom: 128px;
  }

  .careers.culture .sec01 .shortcut_area {
    margin-top: 42px;
  }
}

@media (max-width: 767px) {
  .careers.culture .sec01 {
    padding-top: 80px;
  }

  .careers.culture .sec01 .row {
    margin-bottom: 80px;
  }

  .careers.culture .sec01 .shortcut_area {
    margin-top: 42px;
  }
}

.careers.culture .img_card_list {
  display: flex;
  flex-wrap: wrap;
  column-gap: max(36.3px, 3.5807291667vw);
  margin-top: max(26.4px, 2.6041666667vw);
}

.careers.culture .img_card_list li {
  position: relative;
  width: calc((100% - max(36.3px, 3.5807291667vw)) / 2);
  height: max(297px, 29.296875vw);
}

.careers.culture .img_card_list li .trigger_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.careers.culture .img_card_list li .inner {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  border-radius: max(7.92px, 0.78125vw);
  transform: translateY(max(99px, 9.765625vw));
  transition: opacity 1s, transform 1s;
  transition-delay: 0.5s;
  opacity: 0;
}

.careers.culture .img_card_list li:nth-child(even) {
  margin-top: max(39.6px, 3.90625vw);
}

.careers.culture .img_card_list li:nth-child(even) .trigger_box {
  top: 50%;
}

.careers.culture .img_card_list li:nth-child(odd) {
  margin-top: calc(max(39.6px, 3.90625vw) * -1);
}

.careers.culture .img_card_list li:nth-child(odd) .trigger_box {
  top: max(39.6px, 3.90625vw);
}

.careers.culture .img_card_list li:nth-child(1) {
  margin-top: 0;
}

.careers.culture .img_card_list li:nth-child(2) {
  margin-top: max(79.2px, 7.8125vw);
}

.careers.culture .img_card_list li:nth-child(2) .trigger_box {
  top: calc(50% - max(19.8px, 1.953125vw));
}

.careers.culture .img_card_list li:nth-child(1) .inner {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life/culture/img_card_list_01.jpg") 0 0 no-repeat;
  background-size: cover;
}

.careers.culture .img_card_list li:nth-child(2) .inner {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life/culture/img_card_list_02.jpg") 0 0 no-repeat;
  background-size: cover;
}

.careers.culture .img_card_list li:nth-child(3) .inner {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life/culture/img_card_list_03.jpg") 0 0 no-repeat;
  background-size: cover;
}

.careers.culture .img_card_list li:nth-child(4) .inner {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life/culture/img_card_list_04.jpg") 0 0 no-repeat;
  background-size: cover;
}

.careers.culture .img_card_list li:nth-child(5) .inner {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life/culture/img_card_list_05.jpg") 0 0 no-repeat;
  background-size: cover;
}

.careers.culture .img_card_list li:nth-child(6) .inner {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life/culture/img_card_list_06.jpg") 0 0 no-repeat;
  background-size: cover;
}

.careers.culture .img_card_list li:nth-child(7) .inner {
  background: url("../../../../image.hanatourcompany.com/company/resources/kr/images/careers/life/culture/img_card_list_07.jpg") 0 0 no-repeat;
  background-size: cover;
}

.careers.culture .img_card_list li.active .inner {
  opacity: 1;
  transform: translateY(0);
}

.careers.culture .img_card_list dl {
  padding: max(21.12px, 2.0833333333vw) max(18.48px, 1.8229166667vw);
}

.careers.culture .img_card_list dl dt {
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-family: "Cafe24Ohsquare", sans-serif;
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
}

.careers.culture .img_card_list dl dd span {
  display: block;
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}

.careers.culture .img_card_list dl dd p {
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #fff;
}

@media (max-width: 1023px) {
  .careers.culture .img_card_list {
    gap: 20px;
    margin-top: 32px;
    padding-top: 50px;
  }

  .careers.culture .img_card_list li {
    width: calc((100% - 20px) / 2);
    height: 450px;
  }

  .careers.culture .img_card_list li:nth-child(even) {
    margin-top: 28px;
  }

  .careers.culture .img_card_list li:nth-child(odd) {
    margin-top: -92px;
    margin-bottom: 120px;
  }

  .careers.culture .img_card_list li:nth-child(odd) .trigger_box {
    top: 60px;
  }

  .careers.culture .img_card_list li:nth-child(1) {
    margin-top: -50px !important;
  }

  .careers.culture .img_card_list li:nth-child(2) {
    margin-top: 70px !important;
  }

  .careers.culture .img_card_list li:nth-child(2) .trigger_box {
    top: calc(50% - 30px);
  }

  .careers.culture .img_card_list li:last-child {
    margin-bottom: 0;
  }

  .careers.culture .img_card_list li .inner {
    border-radius: 12px;
    transform: translateY(150px);
  }

  .careers.culture .img_card_list dl {
    padding: 32px 28px;
  }

  .careers.culture .img_card_list dl dt {
    margin-bottom: 20px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .careers.culture .img_card_list dl dd span {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .careers.culture .img_card_list dl dd p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .careers.culture .img_card_list {
    gap: 20px;
    margin-top: 32px;
    padding-top: 50px;
  }

  .careers.culture .img_card_list li {
    width: 100%;
    height: 450px;
    border-radius: 12px;
  }

  .careers.culture .img_card_list li:nth-child(even) {
    margin-top: 0;
  }

  .careers.culture .img_card_list li:nth-child(even) .trigger_box {
    top: 60px;
  }

  .careers.culture .img_card_list li:nth-child(odd) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .careers.culture .img_card_list li:nth-child(odd) .trigger_box {
    top: 60px;
  }

  .careers.culture .img_card_list li:nth-child(2) {
    margin-top: 0 !important;
  }

  .careers.culture .img_card_list li:nth-child(2) .trigger_box {
    top: 60px;
  }

  .careers.culture .img_card_list li .inner {
    border-radius: 12px;
  }

  .careers.culture .img_card_list dl {
    padding: 28px 32px;
  }

  .careers.culture .img_card_list dl dt {
    margin-bottom: 20px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .careers.culture .img_card_list dl dd span {
    margin-bottom: 8px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .careers.culture .img_card_list dl dd p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}

.careers.benefit .sec01 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.careers.benefit .sec01 p.sub_tit {
  margin-bottom: max(39.6px, 3.90625vw);
}

.careers.benefit .sec01 dt.sub_tit {
  margin-bottom: max(7.92px, 0.78125vw);
}

.careers.benefit .sec01 dd {
  margin-bottom: max(79.2px, 7.8125vw);
}

.careers.benefit .sec01 dd:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .careers.benefit .sec01 {
    padding-top: 96px;
  }

  .careers.benefit .sec01 p.sub_tit {
    margin-bottom: 42px;
  }

  .careers.benefit .sec01 dt.sub_tit {
    margin-bottom: 12px;
  }

  .careers.benefit .sec01 dd {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .careers.benefit .sec01 {
    padding-top: 96px;
  }

  .careers.benefit .sec01 p.sub_tit {
    margin-bottom: 42px;
  }

  .careers.benefit .sec01 dt.sub_tit {
    margin-bottom: 12px;
  }

  .careers.benefit .sec01 dd {
    margin-bottom: 60px;
  }
}

.careers.benefit .ic_list {
  margin-top: 0;
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: 12px;
}

.careers.benefit .ic_list li {
  display: flex;
  gap: max(13.2px, 1.3020833333vw);
  padding: max(21.78px, 2.1484375vw) max(21.12px, 2.0833333333vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.careers.benefit .ic_list li:last-child {
  border-bottom: 0;
}

.careers.benefit .ic_list li i {
  flex-shrink: 0;
  width: max(31.68px, 3.125vw);
  height: max(31.68px, 3.125vw);
}

.careers.benefit .ic_list li i img {
  width: 100%;
  object-fit: cover;
}

.careers.benefit .ic_list li .txt_wrap {
  width: calc(100% - max(31.68px, 3.125vw));
}

.careers.benefit .ic_list li .txt_wrap strong {
  display: block;
  margin-bottom: max(5.28px, 0.5208333333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #343a3f;
}

.careers.benefit .ic_list li .txt_wrap p {
  word-break: keep-all;
  word-wrap: break-word;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

@media (max-width: 1023px) {
  .careers.benefit .ic_list {
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .careers.benefit .ic_list li {
    gap: 20px;
    padding: 26px;
    border-bottom: 1px solid #DDE1E6;
  }

  .careers.benefit .ic_list li i {
    width: 48px;
    height: 48px;
  }

  .careers.benefit .ic_list li .txt_wrap {
    width: calc(100% - 48px);
  }

  .careers.benefit .ic_list li .txt_wrap strong {
    margin-bottom: 8px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .careers.benefit .ic_list li .txt_wrap p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .careers.benefit .ic_list {
    border: 1px solid #DDE1E6;
    border-radius: 12px;
  }

  .careers.benefit .ic_list li {
    flex-direction: column;
    gap: 20px;
    padding: 26px;
    border-bottom: 1px solid #DDE1E6;
  }

  .careers.benefit .ic_list li i {
    width: 48px;
    height: 48px;
  }

  .careers.benefit .ic_list li .txt_wrap {
    width: 100%;
  }

  .careers.benefit .ic_list li .txt_wrap strong {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .careers.benefit .ic_list li .txt_wrap p {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}

.careers.faq.list h1 {
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #121619;
  text-align: center;
}

.careers.faq.list .acco_list {
  margin-top: max(66px, 6.5104166667vw);
}

.careers.faq.list .acco_list .acco_cont {
  margin-bottom: max(19.14px, 1.8880208333vw);
  padding: max(26.4px, 2.6041666667vw);
  background-color: #f2f4f8;
  border-radius: max(7.92px, 0.78125vw);
}

.careers.faq.list .acco_list .acco_cont p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #4D5358;
}

.careers.faq.list .con02 {
  padding-top: max(79.2px, 7.8125vw);
}

.careers.faq.list .con02 .contact_banner {
  width: 100%;
  border-radius: max(7.92px, 0.78125vw);
  background-color: #f2f4f8;
}

.careers.faq.list .con02 .contact_banner a {
  position: relative;
  display: block;
  width: 100%;
  padding: max(19.8px, 1.953125vw) max(13.2px, 1.3020833333vw) max(19.8px, 1.953125vw) max(112.2px, 11.0677083333vw);
}

.careers.faq.list .con02 .contact_banner a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: max(39.6px, 3.90625vw);
  transform: translateY(-50%);
  width: max(52.8px, 5.2083333333vw);
  height: max(52.8px, 5.2083333333vw);
  background: url("https://ksse.kr/html/company/resources/kr/images/common/careers/faq/list/contact_banner_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

.careers.faq.list .con02 .contact_banner strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.careers.faq.list .con02 .contact_banner p {
  margin: max(5.28px, 0.5208333333vw) 0 max(2.64px, 0.2604166667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
  word-break: keep-all;
  word-wrap: break-word;
}

.careers.faq.list .con02 .contact_banner span {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #697077;
}

@media (max-width: 1023px) {
  .careers.faq.list h1 {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .careers.faq.list .acco_list {
    margin-top: 80px;
  }

  .careers.faq.list .acco_list .acco_cont {
    margin-bottom: 25px;
    padding: 40px;
    border-radius: 8px;
  }

  .careers.faq.list .acco_list .acco_cont p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .careers.faq.list .con02 {
    padding-top: 96px;
  }

  .careers.faq.list .con02 .contact_banner {
    border-radius: 12px;
  }

  .careers.faq.list .con02 .contact_banner a {
    padding: 28px 20px 28px 140px;
  }

  .careers.faq.list .con02 .contact_banner a::before {
    left: 32px;
    width: 80px;
    height: 80px;
  }

  .careers.faq.list .con02 .contact_banner strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .careers.faq.list .con02 .contact_banner p {
    margin: 8px 0 4px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .careers.faq.list .con02 .contact_banner span {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .careers.faq.list h1 {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3666666667;
  }

  .careers.faq.list .acco_list {
    margin-top: 80px;
  }

  .careers.faq.list .acco_list .acco_cont {
    margin-bottom: 17px;
    padding: 40px;
    border-radius: 8px;
  }

  .careers.faq.list .acco_list .acco_cont p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .careers.faq.list .con02 {
    padding-top: 96px;
  }

  .careers.faq.list .con02 .contact_banner {
    border-radius: 12px;
  }

  .careers.faq.list .con02 .contact_banner a {
    padding: 28px 20px;
  }

  .careers.faq.list .con02 .contact_banner a::before {
    position: static;
    transform: none;
    width: 48px;
    height: 48px;
  }

  .careers.faq.list .con02 .contact_banner strong {
    margin-top: 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .careers.faq.list .con02 .contact_banner p {
    margin: 8px 0 4px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .careers.faq.list .con02 .contact_banner span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}

.careers.jobs.list .sec01 h1 {
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #121619;
  text-align: center;
}

.careers.jobs.list .sec01 .form_inner {
  margin-top: max(66px, 6.5104166667vw);
}

.careers.jobs.list .sec01 .jobs_list {
  margin-top: max(26.4px, 2.6041666667vw);
  border-top: max(1.32px, 0.1302083333vw) solid #121619;
}

.careers.jobs.list .sec01 .jobs_list li {
  position: relative;
  padding: max(26.4px, 2.6041666667vw);
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  transition: background 0.5s;
  background-color: #ffffff;
}

.careers.jobs.list .sec01 .jobs_list li .tit_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  width: 100%;
}

.careers.jobs.list .sec01 .jobs_list li .tit_box .d_day {
  display: inline-block;
  vertical-align: top;
  min-width: max(42.24px, 4.1666666667vw);
  height: max(26.4px, 2.6041666667vw);
  padding: 0 max(10.56px, 1.0416666667vw);
  background-color: #5e2bb8;
  border-radius: 999px;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 3.0769230769;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}

.careers.jobs.list .sec01 .jobs_list li .tit_box strong {
  width: calc(100% - max(52.8px, 5.2083333333vw));
  padding-left: max(13.2px, 1.3020833333vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #121619;
}

.careers.jobs.list .sec01 .jobs_list li .info {
  margin: max(13.2px, 1.3020833333vw) 0 max(5.28px, 0.5208333333vw);
  font-size: 0;
}

.careers.jobs.list .sec01 .jobs_list li .info span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 max(7.92px, 0.78125vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  font-weight: bold;
  color: #121619;
}

.careers.jobs.list .sec01 .jobs_list li .info span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: max(0.66px, 0.0651041667vw);
  height: max(9.24px, 0.9114583333vw);
  background-color: #878D96;
}

.careers.jobs.list .sec01 .jobs_list li .info span:first-of-type {
  padding-left: 0;
}

.careers.jobs.list .sec01 .jobs_list li .info span:last-of-type {
  padding-right: 0;
}

.careers.jobs.list .sec01 .jobs_list li .info span:last-of-type::after {
  display: none;
}

.careers.jobs.list .sec01 .jobs_list li .date {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #878d96;
}

.careers.jobs.list .sec01 .jobs_list li .btn {
  position: absolute;
  bottom: max(26.4px, 2.6041666667vw);
  right: max(26.4px, 2.6041666667vw);
  background-color: transparent;
}

@media (min-width: 1540px) and (pointer: fine) {
  .careers.jobs.list .sec01 .jobs_list li:hover {
    background-color: #f6f6f6;
  }

  .careers.jobs.list .sec01 .jobs_list li:hover .btn span:before {
    animation: outlinkAnimationBefore 0.3s forwards 0.3s;
  }

  @keyframes outlinkAnimationBefore {
    from {
      margin-top: max(2.64px, 0.2604166667vw);
      margin-right: max(2.64px, 0.2604166667vw);
      opacity: 0;
    }

    to {
      margin-top: 0;
      margin-right: 0;
      opacity: 1;
    }
  }

  .careers.jobs.list .sec01 .jobs_list li:hover .btn span:after {
    animation: outlinkAnimationAfter 0.3s forwards;
  }

  @keyframes outlinkAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
      margin-right: 0;
    }

    to {
      opacity: 0;
      margin-top: calc(max(2.64px, 0.2604166667vw) * -1);
      margin-right: calc(max(2.64px, 0.2604166667vw) * -1);
    }
  }
}

@media (max-width: 1023px) {
  .careers.jobs.list .sec01 h1 {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }

  .careers.jobs.list .sec01 .form_inner {
    margin-top: 80px;
  }

  .careers.jobs.list .sec01 .jobs_list {
    margin-top: 32px;
    border-top-width: 2px;
  }

  .careers.jobs.list .sec01 .jobs_list li {
    padding: 40px;
    border-bottom-width: 1px;
  }

  .careers.jobs.list .sec01 .jobs_list li .tit_box .d_day {
    min-width: 64px;
    height: 40px;
    padding: 0 16px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 3.0769230769;
  }

  .careers.jobs.list .sec01 .jobs_list li .tit_box strong {
    width: calc(100% - 80px);
    padding-left: 16px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .careers.jobs.list .sec01 .jobs_list li .info {
    margin: 24px 0 8px;
  }

  .careers.jobs.list .sec01 .jobs_list li .info span {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
    padding: 0 12px;
  }

  .careers.jobs.list .sec01 .jobs_list li .info span::after {
    width: 1px;
    height: 14px;
  }

  .careers.jobs.list .sec01 .jobs_list li .date {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .careers.jobs.list .sec01 .jobs_list li .btn {
    position: static;
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .careers.jobs.list .sec01 h1 {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3666666667;
  }

  .careers.jobs.list .sec01 .form_inner {
    margin-top: 80px;
  }

  .careers.jobs.list .sec01 .jobs_list {
    margin-top: 32px;
    border-top-width: 2px;
  }

  .careers.jobs.list .sec01 .jobs_list li {
    padding: 32px 10px 32px 0;
    border-bottom-width: 1px;
  }

  .careers.jobs.list .sec01 .jobs_list li .tit_box {
    display: block;
  }

  .careers.jobs.list .sec01 .jobs_list li .tit_box .d_day {
    min-width: 64px;
    height: 40px;
    padding: 0 16px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 3.6363636364;
  }

  .careers.jobs.list .sec01 .jobs_list li .tit_box strong {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 8px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .careers.jobs.list .sec01 .jobs_list li .info {
    margin: 16px 0 8px;
  }

  .careers.jobs.list .sec01 .jobs_list li .info span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
    padding: 0 12px;
  }

  .careers.jobs.list .sec01 .jobs_list li .info span::after {
    width: 1px;
    height: 14px;
  }

  .careers.jobs.list .sec01 .jobs_list li .date {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .careers.jobs.list .sec01 .jobs_list li .btn {
    position: static;
    margin-top: 24px;
  }
}

.careers.jobs.view .view_content {
  border-bottom: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

.careers.jobs.view .txt_list {
  padding: 0 max(76.56px, 7.5520833333vw);
}

.careers.jobs.view .txt_list dl+dl {
  margin-top: max(23.76px, 2.34375vw);
}

.careers.jobs.view .txt_list dt {
  margin-bottom: max(10.56px, 1.0416666667vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-weight: bold;
  color: #121619;
}

.careers.jobs.view .txt_list dd {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 1.9 !important;
  color: #4D5358;
}

.careers.jobs.view .txt_list dd+dd {
  margin-top: max(2.64px, 0.2604166667vw);
}

.careers.jobs.view .btn_wrap {
  margin-top: max(45.54px, 4.4921875vw);
}

.careers.jobs.view .btn {
  min-width: max(84.48px, 8.3333333333vw);
}

@media (max-width: 1023px) {
  .careers.jobs.view .view_content {
    border-bottom-width: 1px;
  }

  .careers.jobs.view .txt_list {
    padding: 0;
  }

  .careers.jobs.view .txt_list dl+dl {
    margin-top: 28px;
  }

  .careers.jobs.view .txt_list dt {
    margin-bottom: 16px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .careers.jobs.view .txt_list dd {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    word-break: keep-all;
    word-wrap: break-word;
  }

  .careers.jobs.view .txt_list dd+dd {
    margin-top: 4px;
  }

  .careers.jobs.view .btn_wrap {
    margin-top: 48px;
  }

  .careers.jobs.view .btn {
    min-width: 128px;
  }
}

@media (max-width: 767px) {
  .careers.jobs.view .view_content {
    border-bottom-width: 1px;
  }

  .careers.jobs.view .txt_list {
    padding: 0;
  }

  .careers.jobs.view .txt_list dl+dl {
    margin-top: 28px;
  }

  .careers.jobs.view .txt_list dt {
    margin-bottom: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .careers.jobs.view .txt_list dd {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .careers.jobs.view .txt_list dd+dd {
    margin-top: 4px;
  }

  .careers.jobs.view .btn_wrap {
    margin-top: 48px;
  }

  .careers.jobs.view .btn {
    min-width: 128px;
  }
}

.careers.people.list .content {
  padding-top: 0;
}

.careers.people.list .sec+.sec {
  padding-top: max(105.6px, 10.4166666667vw);
}

@media (max-width: 1023px) {
  .careers.people.list .sec+.sec {
    padding-top: 128px;
  }
}

@media (max-width: 767px) {
  .careers.people.list .sec+.sec {
    padding-top: 128px;
  }
}

.careers.people.list .sec01 {
  padding: max(66px, 6.5104166667vw) 0 max(79.2px, 7.8125vw);
  background-color: #f2f4f8;
}

.careers.people.list .sec01 .interview_slider {
  position: relative;
  overflow: hidden;
  margin-top: max(34.32px, 3.3854166667vw);
}

.careers.people.list .sec01 .interview_slider .swiper-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: max(0.66px, 0.0651041667vw);
  width: auto;
}

.careers.people.list .sec01 .interview_slider .swiper-pagination .line_icon {
  display: inline-block;
  width: max(0.66px, 0.0651041667vw);
  height: max(6.6px, 0.6510416667vw);
  margin: 0 max(7.92px, 0.78125vw);
  background-color: #697077;
}

.careers.people.list .sec01 .interview_slider .swiper-slide {
  width: 100% !important;
}

.careers.people.list .sec01 .interview_slider .pagination_wrap {
  position: absolute;
  bottom: max(29.04px, 2.8645833333vw);
  left: max(31.68px, 3.125vw);
  width: max(89.1px, 8.7890625vw);
  height: max(15.84px, 1.5625vw);
}

.careers.people.list .sec01 .interview_slider .swiper-pagination-current {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  font-weight: bold;
  color: #5e2bb8;
}

.careers.people.list .sec01 .interview_slider .swiper-pagination-total {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.3125;
  color: #878d96;
}

.careers.people.list .sec01 .interview_slider .swiper-button-next,
.careers.people.list .sec01 .interview_slider .swiper-button-prev {
  top: auto;
  bottom: 0;
  width: max(15.84px, 1.5625vw);
  height: max(15.84px, 1.5625vw);
  color: transparent;
}

.careers.people.list .sec01 .interview_slider .swiper-button-prev {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/careers/people/list/slider_arrow_prev.svg") 0 0 no-repeat;
  background-size: cover;
}

.careers.people.list .sec01 .interview_slider .swiper-button-prev {
  left: 0;
}

.careers.people.list .sec01 .interview_slider .swiper-button-next {
  right: 0;
}

.careers.people.list .sec01 .interview_slider .swiper-button-next {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/careers/people/list/slider_arrow_next.svg") 0 0 no-repeat;
  background-size: cover;
}

.careers.people.list .sec01 .interview_box {
  overflow: hidden;
  width: 100%;
  height: max(250.8px, 24.7395833333vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #ffffff;
}

.careers.people.list .sec01 .interview_box.active .ask_tit {
  opacity: 1;
  transform: translateY(0);
}

.careers.people.list .sec01 .interview_box.active .box_answer {
  opacity: 1;
  transform: translateY(0);
}

.careers.people.list .sec01 .box_ask {
  float: left;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 35%;
  margin: max(31.68px, 3.125vw) 0 0 max(31.68px, 3.125vw);
}

.careers.people.list .sec01 .box_ask .ask_num {
  display: inline-block;
  margin-bottom: max(10.56px, 1.0416666667vw);
  padding: max(3.96px, 0.390625vw) max(10.56px, 1.0416666667vw);
  border-radius: 999px;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3846153846;
  font-weight: bold;
  color: #ffffff;
  background-color: #878D96;
}

.careers.people.list .sec01 .box_ask .ask_tit {
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #121619;
  transform: translateY(max(33px, 3.2552083333vw));
  opacity: 0;
  transition-duration: 0.6s;
  transition-delay: 0.2s;
  word-break: keep-all;
  word-wrap: break-word;
}

.careers.people.list .sec01 .box_answer {
  float: right;
  width: 51%;
  height: calc(100% - max(31.68px, 3.125vw));
  margin: max(31.68px, 3.125vw) max(15.84px, 1.5625vw) 0 0;
  transform: translateY(max(33px, 3.2552083333vw));
  opacity: 0;
  transition-duration: 0.6s;
  transition-delay: 0.2s;
}

.careers.people.list .sec01 .box_answer .box_inner {
  height: 100%;
  padding-right: max(14.52px, 1.4322916667vw);
}

.careers.people.list .sec01 .box_answer .box_inner .mCustomScrollBox {
  padding-bottom: max(13.2px, 1.3020833333vw);
}

.careers.people.list .sec01 .box_answer .box_inner .mCSB_scrollTools {
  opacity: 1;
  width: max(2.64px, 0.2604166667vw);
  margin-bottom: max(13.2px, 1.3020833333vw);
}

.careers.people.list .sec01 .box_answer .box_inner .mCSB_outside+.mCSB_scrollTools {
  right: 0;
}

.careers.people.list .sec01 .box_answer .box_inner .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #5e2bb8;
}

.careers.people.list .sec01 .box_answer .box_inner .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: max(2.64px, 0.2604166667vw);
  background-color: #d9d9d9;
}

.careers.people.list .sec01 .list_answer {
  margin-bottom: max(13.2px, 1.3020833333vw);
  padding: max(21.12px, 2.0833333333vw);
  background-color: #5e2bb8;
  border-radius: max(7.92px, 0.78125vw);
}

.careers.people.list .sec01 .list_answer .txt_answer {
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #ffffff;
  word-break: keep-all;
  word-wrap: break-word;
}

.careers.people.list .sec01 .list_answer:nth-child(2n) {
  background-color: #08d1d9;
}

.careers.people.list .sec01 .list_answer:nth-child(2n) .txt_job {
  color: #106c80;
}

.careers.people.list .sec01 .list_answer:last-child {
  margin-bottom: 0;
}

.careers.people.list .sec01 .answer_info {
  margin-top: max(7.92px, 0.78125vw);
}

.careers.people.list .sec01 .answer_info .txt_job {
  display: inline-block;
  margin-right: max(6.6px, 0.6510416667vw);
  padding: max(6.6px, 0.6510416667vw) max(9.24px, 0.9114583333vw);
  border-radius: 999px;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3846153846;
  font-weight: bold;
  color: #5e2bb8;
  background-color: #eee9f7;
}

.careers.people.list .sec01 .answer_info .txt_name {
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .careers.people.list .sec01 {
    padding: 80px 0;
  }

  .careers.people.list .sec01 .interview_slider {
    margin-top: 42px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-pagination {
    bottom: 1px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-pagination .line_icon {
    width: 1px;
    height: 10px;
    margin: 0 12px;
  }

  .careers.people.list .sec01 .interview_slider .pagination_wrap {
    bottom: 28px;
    left: 32px;
    width: 135px;
    height: 24px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-pagination-current {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .careers.people.list .sec01 .interview_slider .swiper-pagination-total {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .careers.people.list .sec01 .interview_slider .swiper-button-next:after,
  .careers.people.list .sec01 .interview_slider .swiper-button-prev:after {
    width: 24px;
    height: 24px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-button-next,
  .careers.people.list .sec01 .interview_slider .swiper-button-prev {
    width: 24px;
    height: 24px;
  }

  .careers.people.list .sec01 .interview_box {
    height: 380px;
    border-radius: 12px;
  }

  .careers.people.list .sec01 .box_ask {
    width: 38%;
    margin: 28px 0 0 32px;
  }

  .careers.people.list .sec01 .box_ask .ask_num {
    margin-bottom: 16px;
    padding: 6px 16px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .careers.people.list .sec01 .box_ask .ask_tit {
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
    transform: translateY(50px);
  }

  .careers.people.list .sec01 .box_answer {
    width: 48%;
    height: calc(100% - 28px);
    margin: 28px 14px 0 0;
    transform: translateY(50px);
  }

  .careers.people.list .sec01 .box_answer .box_inner {
    padding-right: 0;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCustomScrollBox {
    padding-bottom: 28px;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCSB_scrollTools {
    width: 4px;
    margin-bottom: 28px;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCSB_outside+.mCSB_scrollTools {
    right: 0;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCSB_inside>.mCSB_container {
    margin-right: 18px;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
  }

  .careers.people.list .sec01 .list_answer {
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 12px;
  }

  .careers.people.list .sec01 .list_answer .txt_answer {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .careers.people.list .sec01 .answer_info {
    margin-top: 12px;
  }

  .careers.people.list .sec01 .answer_info .txt_job {
    margin-right: 10px;
    padding: 10px 14px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .careers.people.list .sec01 .answer_info .txt_name {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

@media (max-width: 767px) {
  .careers.people.list .sec01 {
    padding: 80px 0;
  }

  .careers.people.list .sec01 .interview_slider {
    margin-top: 42px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-pagination {
    bottom: 1px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-pagination .line_icon {
    width: 1px;
    height: 10px;
    margin: 0 12px;
  }

  .careers.people.list .sec01 .interview_slider .pagination_wrap {
    top: 28px;
    bottom: auto;
    left: auto;
    right: 32px;
    width: 135px;
    height: 24px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-pagination-current {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .careers.people.list .sec01 .interview_slider .swiper-pagination-total {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.3571428571;
  }

  .careers.people.list .sec01 .interview_slider .swiper-button-next:after,
  .careers.people.list .sec01 .interview_slider .swiper-button-prev:after {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }

  .careers.people.list .sec01 .interview_slider .swiper-button-next,
  .careers.people.list .sec01 .interview_slider .swiper-button-prev {
    width: 24px;
    height: 24px;
    padding: 20px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-button-next {
    right: -8px;
    bottom: -7px;
  }

  .careers.people.list .sec01 .interview_slider .swiper-button-prev {
    left: -8px;
    bottom: -8px;
  }

  .careers.people.list .sec01 .interview_box {
    height: 596px;
    border-radius: 12px;
  }

  .careers.people.list .sec01 .box_ask {
    width: auto;
    margin: 28px 32px 0 32px;
  }

  .careers.people.list .sec01 .box_ask .ask_num {
    margin-bottom: 16px;
    padding: 6px 16px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 1.3636363636;
  }

  .careers.people.list .sec01 .box_ask .ask_tit {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
    transform: translateY(50px);
  }

  .careers.people.list .sec01 .box_answer {
    width: auto;
    height: 66%;
    margin: 28px 14px 0 32px;
    transform: translateY(50px);
  }

  .careers.people.list .sec01 .box_answer .box_inner {
    padding-right: 0;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCustomScrollBox {
    padding-bottom: 28px;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCSB_scrollTools {
    width: 4px;
    margin-bottom: 28px;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCSB_outside+.mCSB_scrollTools {
    right: 0;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCSB_inside>.mCSB_container {
    margin-right: 18px;
  }

  .careers.people.list .sec01 .box_answer .box_inner .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
  }

  .careers.people.list .sec01 .list_answer {
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 12px;
  }

  .careers.people.list .sec01 .list_answer .txt_answer {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .careers.people.list .sec01 .answer_info {
    margin-top: 12px;
  }

  .careers.people.list .sec01 .answer_info .txt_job {
    margin-right: 10px;
    padding: 10px 14px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .careers.people.list .sec01 .answer_info .txt_name {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3846153846;
  }
}

.careers.people.list .sec02 .common_top_inner {
  margin-top: max(13.2px, 1.3020833333vw);
}

.careers.people.list .sec02 .board_list {
  margin-bottom: 0;
}

.careers.people.list .sec02 .list_container {
  margin-top: max(26.4px, 2.6041666667vw);
}

.careers.people.list .sec02 .table_area .type3 .board_list .board li {
  width: calc(50% - max(6.6px, 0.6510416667vw));
}

.careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(3n+1) {
  margin-left: max(13.2px, 1.3020833333vw);
}

.careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(-n+3) {
  margin-top: max(39.6px, 3.90625vw);
}

.careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(2n+1) {
  margin-left: 0;
}

.careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(-n+2) {
  margin-top: 0;
}

.careers.people.list .sec02 .table_area .type3 .board_list .board li .tit {
  height: max(19.8px, 1.953125vw);
  margin: max(7.92px, 0.78125vw) 0;
  font-size: max(14.52px, 1.4322916667vw);
  letter-spacing: -0.02em;
  line-height: 1.3181818182;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.2916666667;
  max-height: 1.2916666667em;
}

.careers.people.list .sec02 .category {
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3076923077;
  font-weight: bold;
  color: #5e2bb8;
}

.careers.people.list .sec02 .job_info {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.careers.people.list .sec02 .job_info dt {
  display: inline-block;
  margin-right: max(6.6px, 0.6510416667vw);
  padding: max(6.6px, 0.6510416667vw) max(9.24px, 0.9114583333vw);
  border-radius: 999px;
  background-color: #eee9f7;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3846153846;
  font-weight: bold;
  color: #5e2bb8;
}

.careers.people.list .sec02 .job_info dd {
  position: relative;
  margin: 0 max(5.28px, 0.5208333333vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #697077;
}

.careers.people.list .sec02 .job_info dd::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: calc(max(5.94px, 0.5859375vw) * -1);
  width: max(0.66px, 0.0651041667vw);
  height: max(6.6px, 0.6510416667vw);
  background-color: #697077;
  transform: translateY(-50%);
}

.careers.people.list .sec02 .job_info dd:last-child::after {
  display: none;
}

@media (max-width: 1023px) {
  .careers.people.list .sec02 .common_top_inner {
    margin-top: 16px;
  }

  .careers.people.list .sec02 .list_container {
    margin-top: 32px;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li {
    width: calc(50% - 10px);
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(3n+1) {
    margin-left: 20px;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(-n+3) {
    margin-top: 48px;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(2n+1) {
    margin-left: 0;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(-n+2) {
    margin-top: 0;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li .tit {
    height: 30px;
    margin: 6px 0 20px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.5;
    max-height: 1.5em;
  }

  .careers.people.list .sec02 .category {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .careers.people.list .sec02 .job_info dt {
    margin-right: 10px;
    padding: 10px 14px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .careers.people.list .sec02 .job_info dd {
    margin: 0 8px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .careers.people.list .sec02 .job_info dd::after {
    right: -9px;
    width: 1px;
    height: 10px;
  }
}

@media (max-width: 767px) {
  .careers.people.list .sec02 .common_top_inner {
    margin-top: 16px;
  }

  .careers.people.list .sec02 .list_container {
    margin-top: 32px;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li {
    width: 100%;
    margin-top: 48px !important;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li:first-child {
    margin-top: 0 !important;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(3n+1) {
    margin-left: 0;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li:nth-child(-n+3) {
    margin-top: 48px;
  }

  .careers.people.list .sec02 .table_area .type3 .board_list .board li .tit {
    height: 30px;
    margin: 6px 0 16px;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.6666666667;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.5;
    max-height: 1.5em;
  }

  .careers.people.list .sec02 .category {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .careers.people.list .sec02 .job_info dt {
    margin-right: 10px;
    padding: 10px 14px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .careers.people.list .sec02 .job_info dd {
    margin: 0 8px;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .careers.people.list .sec02 .job_info dd::after {
    right: -9px;
    width: 1px;
    height: 10px;
  }
}

.careers.people.view .sec .job_info {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.careers.people.view .sec .job_info dt {
  display: inline-block;
  margin-right: max(6.6px, 0.6510416667vw);
  padding: max(6.6px, 0.6510416667vw) max(9.24px, 0.9114583333vw);
  border-radius: 999px;
  font-size: max(8.58px, 0.8463541667vw);
  letter-spacing: -0.02em;
  line-height: 1.3846153846;
  font-weight: bold;
  color: #5e2bb8;
}

.careers.people.view .sec .job_info dd {
  position: relative;
  margin: 0 max(5.28px, 0.5208333333vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #697077;
}

.careers.people.view .sec .job_info dd::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: calc(max(5.94px, 0.5859375vw) * -1);
  top: 50%;
  transform: translateY(-50%);
  width: max(0.66px, 0.0651041667vw);
  height: max(6.6px, 0.6510416667vw);
  background-color: #697077;
}

.careers.people.view .sec .job_info dd:last-child::after {
  display: none;
}

@media (max-width: 1023px) {
  .careers.people.view .sec .job_info dt {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2857142857;
  }

  .careers.people.view .sec .job_info dd {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .careers.people.view .sec .job_info dd::after {
    right: -7px;
    width: 1px;
    height: 10px;
  }
}

@media (max-width: 767px) {
  .careers.people.view .sec .job_info dt {
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.4166666667;
  }

  .careers.people.view .sec .job_info dd {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3846153846;
  }

  .careers.people.view .sec .job_info dd::after {
    right: -7px;
    width: 1px;
    height: 10px;
  }
}

.careers.people.view .sec01 .title_box {
  position: relative;
}

.careers.people.view .sec01 .title_box .pagination_wrap a {
  position: absolute;
  top: max(26.4px, 2.6041666667vw);
  display: inline-block;
  width: max(33px, 3.2552083333vw);
  height: max(33px, 3.2552083333vw);
}

.careers.people.view .sec01 .title_box .pagination_wrap a.btn_prev_view {
  left: 0;
  background: url("https://ksse.kr/html/company/resources/kr/images/common/careers/people/view/btn_prev_view.svg") 0 0 no-repeat;
  background-size: cover;
}

.careers.people.view .sec01 .title_box .pagination_wrap a.btn_next_view {
  right: 0;
  background: url("https://ksse.kr/html/company/resources/kr/images/common/careers/people/view/btn_next_view.svg") 0 0 no-repeat;
  background-size: cover;
}

.careers.people.view .sec01 .tit {
  margin-bottom: max(6.6px, 0.6510416667vw);
  padding: 0 max(6.6px, 0.6510416667vw);
}

.careers.people.view .sec01 .job_info dt {
  background-color: #eee9f7;
}

.careers.people.view .sec01 .copy_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: max(21.12px, 2.0833333333vw);
}

.careers.people.view .sec01 .copy_box a {
  margin-right: max(5.28px, 0.5208333333vw);
}

.careers.people.view .sec01 .copy_box a:last-child {
  margin-right: 0;
}

.careers.people.view .sec01 .view_content {
  position: relative;
  padding-left: max(76.56px, 7.5520833333vw);
  padding-right: max(76.56px, 7.5520833333vw);
}

.careers.people.view .sec01 .view_content::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - max(153.12px, 15.1041666667vw));
  height: max(0.66px, 0.0651041667vw);
  background-color: #DDE1E6;
  transform: translateX(-50%);
}

.careers.people.view .sec01 .view_content:nth-child(1 of .view_content)::before {
  display: none;
}

.careers.people.view .sec01 .view_content .list_txt {
  padding: 0;
}

.careers.people.view .sec01 .view_content h5 {
  font-size: max(15.84px, 1.5625vw) !important;
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.careers.people.view .sec01 .view_content dl {
  margin-top: max(23.76px, 2.34375vw);
}

.careers.people.view .sec01 .view_content dt {
  font-size: max(11.88px, 1.171875vw) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.5 !important;
  font-weight: bold;
  color: #5e2bb8;
}

.careers.people.view .sec01 .view_content dd {
  margin-top: max(10.56px, 1.0416666667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.4375;
  color: #4D5358;
  word-break: keep-all;
  word-wrap: break-word;
}

.careers.people.view .sec01 .view_content .img {
  margin-top: max(23.76px, 2.34375vw);
  padding: 0;
}

.careers.people.view .sec01 .btn_wrap {
  margin-top: 0;
  padding-top: max(39.6px, 3.90625vw);
  border-top: max(0.66px, 0.0651041667vw) solid #DDE1E6;
}

@media (max-width: 1023px) {
  .careers.people.view .sec01 .title_box .pagination_wrap a {
    top: 40px;
    width: 50px;
    height: 50px;
  }

  .careers.people.view .sec01 .tit {
    margin-bottom: 12px;
    padding: 0 10px;
  }

  .careers.people.view .sec01 .copy_box {
    margin-top: 26px;
  }

  .careers.people.view .sec01 .copy_box a {
    margin-right: 8px;
  }

  .careers.people.view .sec01 .view_content {
    padding-right: 0;
    padding-left: 0;
  }

  .careers.people.view .sec01 .view_content::before {
    width: 100%;
    height: 1px;
  }

  .careers.people.view .sec01 .view_content h5 {
    font-size: 22px !important;
  }

  .careers.people.view .sec01 .view_content dl {
    margin-top: 28px;
  }

  .careers.people.view .sec01 .view_content dt {
    font-size: 17px !important;
    letter-spacing: -0.02em !important;
    line-height: 1.5 !important;
  }

  .careers.people.view .sec01 .view_content dd {
    margin-top: 17px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .careers.people.view .sec01 .view_content .img {
    margin-top: 28px;
    padding: 0;
  }

  .careers.people.view .sec01 .btn_wrap {
    padding-top: 48px;
    border-top: 1px solid #DDE1E6;
  }
}

@media (max-width: 767px) {
  .careers.people.view .sec01 .title_box .pagination_wrap a {
    top: 64px;
    width: 32px;
    height: 32px;
  }

  .careers.people.view .sec01 .tit {
    margin-bottom: 12px;
    padding: 0 10px;
  }

  .careers.people.view .sec01 .copy_box {
    margin-top: 26px;
  }

  .careers.people.view .sec01 .copy_box a {
    margin-right: 8px;
  }

  .careers.people.view .sec01 .view_content::before {
    width: 100%;
    height: 1px;
  }

  .careers.people.view .sec01 .view_content h5 {
    font-size: 22px !important;
  }

  .careers.people.view .sec01 .view_content dl {
    margin-top: 28px;
  }

  .careers.people.view .sec01 .view_content dt {
    font-size: 16px !important;
    letter-spacing: -0.02em !important;
    line-height: 1.5 !important;
  }

  .careers.people.view .sec01 .view_content dd {
    margin-top: 17px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .careers.people.view .sec01 .view_content .img {
    margin-top: 28px;
    padding: 0;
  }

  .careers.people.view .sec01 .btn_wrap {
    padding-top: 48px;
    border-top: 1px solid #DDE1E6;
  }
}

.careers.people.view .sec02 {
  padding-top: max(105.6px, 10.4166666667vw);
}

.careers.people.view .sec02 .banner_wrap h3 {
  margin-bottom: max(13.2px, 1.3020833333vw);
  font-size: max(18.48px, 1.8229166667vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #121619;
}

.careers.people.view .sec02 .banner_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.careers.people.view .sec02 .banner_box .link_interview {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  padding: max(22.44px, 2.2135416667vw) max(19.8px, 1.953125vw);
  border-radius: max(7.92px, 0.78125vw);
  background-color: #f2f4f8;
}

.careers.people.view .sec02 .banner_box .link_interview strong {
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.careers.people.view .sec02 .banner_box .link_interview .job_info {
  justify-content: flex-start;
  margin-top: max(5.28px, 0.5208333333vw);
}

.careers.people.view .sec02 .banner_box .link_interview .job_info dt {
  background-color: #ffffff;
}

@media (max-width: 1023px) {
  .careers.people.view .sec02 {
    padding-top: 128px;
  }

  .careers.people.view .sec02 .banner_wrap h3 {
    margin-bottom: 24px;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1.3076923077;
  }

  .careers.people.view .sec02 .banner_box {
    flex-direction: column;
  }

  .careers.people.view .sec02 .banner_box .link_interview {
    width: 100%;
    margin-bottom: 20px;
    padding: 28px 32px;
    border-radius: 12px;
  }

  .careers.people.view .sec02 .banner_box .link_interview strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .careers.people.view .sec02 .banner_box .link_interview .job_info {
    margin-top: 8px;
  }
}

@media (max-width: 767px) {
  .careers.people.view .sec02 {
    padding-top: 128px;
  }

  .careers.people.view .sec02 .banner_wrap h3 {
    margin-bottom: 24px;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.5416666667;
  }

  .careers.people.view .sec02 .banner_box .link_interview {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 12px;
  }

  .careers.people.view .sec02 .banner_box .link_interview strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .careers.people.view .sec02 .banner_box .link_interview .job_info {
    margin-top: 8px;
  }
}

/* pages - GUIDE */
.guide h1 {
  font-size: max(29.04px, 2.8645833333vw);
  letter-spacing: -0.02em;
  line-height: 1.2954545455;
  font-family: "Cafe24Ohsquare", sans-serif;
  color: #121619;
  text-align: center;
}

@media (max-width: 1023px) {
  .guide h1 {
    font-size: 38px;
    letter-spacing: -0.02em;
    line-height: 1.2894736842;
  }
}

@media (max-width: 767px) {
  .guide h1 {
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
}

.guide .sec01 {
  padding-top: max(66px, 6.5104166667vw);
}

@media (max-width: 1023px) {
  .guide .sec01 {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .guide .sec01 {
    padding-top: 80px;
  }
}

.guide .sec .purple_color {
  color: #5e2bb8;
}

.guide .sec .top_area .custom_select_wrap {
  text-align: right;
}

.guide .sec .top_area .custom_select_area {
  text-align: left;
}

.guide .sec .top_area .top_txt {
  margin-top: max(26.4px, 2.6041666667vw);
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  font-weight: 500;
  color: #343A3F;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .guide .sec .top_area .top_txt {
    margin-top: 32px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.5454545455;
  }
}

@media (max-width: 767px) {
  .guide .sec .top_area .top_txt {
    margin-top: 32px;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.guide .sec .dot {
  padding-left: max(7.26px, 0.7161458333vw);
  position: relative;
}

.guide .sec .dot:before {
  display: block;
  position: absolute;
  top: max(6.6px, 0.6510416667vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  content: "";
  background-color: #697077;
}

.guide .sec .dot.black::before {
  background-color: #121619;
}

@media (max-width: 1023px) {
  .guide .sec .dot {
    padding-left: 11px;
  }

  .guide .sec .dot::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

@media (max-width: 767px) {
  .guide .sec .dot {
    padding-left: 11px;
  }

  .guide .sec .dot::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

.guide .sec .guide_wrap {
  padding-top: max(39.6px, 3.90625vw);
}

@media (max-width: 1023px) {
  .guide .sec .guide_wrap {
    padding-top: 48px;
  }
}

@media (max-width: 767px) {
  .guide .sec .guide_wrap {
    padding-top: 48px;
  }
}

.guide .sec dl+dl {
  padding-top: max(79.2px, 7.8125vw);
}

.guide .sec dl dt {
  font-size: max(15.84px, 1.5625vw);
  letter-spacing: -0.02em;
  line-height: 1.2916666667;
  font-weight: bold;
  color: #121619;
}

.guide .sec dl dd {
  margin-top: max(13.2px, 1.3020833333vw);
}

.guide .sec dl .sub_txt {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
}

.guide .sec dl .sub_txt+.sub_txt {
  margin-top: max(19.8px, 1.953125vw);
}

@media (max-width: 1023px) {
  .guide .sec dl+dl {
    padding-top: 96px;
  }

  .guide .sec dl dt {
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.3181818182;
  }

  .guide .sec dl dd {
    margin-top: 16px;
  }

  .guide .sec dl .sub_txt {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .guide .sec dl .sub_txt+.sub_txt {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .guide .sec dl+dl {
    padding-top: 80px;
  }

  .guide .sec dl dt {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .guide .sec dl dd {
    margin-top: 16px;
  }

  .guide .sec dl .sub_txt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .guide .sec dl .sub_txt+.sub_txt {
    margin-top: 30px;
  }
}

.guide .sec .table_area {
  margin-top: max(26.4px, 2.6041666667vw);
}

.guide .sec .table_area table tbody tr td {
  color: #121619;
}

.guide .sec .table_area table .dot {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  padding-top: max(2.64px, 0.2604166667vw);
  font-weight: 400;
  color: #697077;
}

.guide .sec .table_area table .dot::before {
  top: max(9.24px, 0.9114583333vw);
}

.guide .sec .table_area .sm_txt {
  margin-top: max(2.64px, 0.2604166667vw);
}

.guide .sec .table_area span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #697077;
}

.guide .sec .table_area span::before {
  content: "※";
  display: inline-block;
  vertical-align: top;
  margin-right: max(2.64px, 0.2604166667vw);
  font-size: max(9.24px, 0.9114583333vw);
  letter-spacing: -0.02em;
  line-height: 1.2857142857;
  color: #697077;
}

@media (max-width: 1023px) {
  .guide .sec .table_area {
    margin-top: 32px;
  }

  .guide .sec .table_area table .dot {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
    padding-top: 4px;
  }

  .guide .sec .table_area table .dot::before {
    top: 13px;
  }

  .guide .sec .table_area .sm_txt {
    margin-top: 4px;
  }

  .guide .sec .table_area span {
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.2666666667;
    color: #697077;
  }

  .guide .sec .table_area span::before {
    margin-right: 4px;
    font-size: 15px;
    letter-spacing: -0.02em;
    line-height: 1.2666666667;
  }
}

@media (max-width: 767px) {
  .guide .sec .table_area {
    margin-top: 32px;
  }

  .guide .sec .table_area table .dot {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    padding-top: 4px;
  }

  .guide .sec .table_area table .dot::before {
    top: 13px;
  }

  .guide .sec .table_area .sm_txt {
    margin-top: 4px;
  }

  .guide .sec .table_area span {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.1538461538;
    color: #697077;
  }

  .guide .sec .table_area span::before {
    margin-right: 4px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.1538461538;
  }
}

.guide .sec .table_wrap {
  margin-top: max(41.58px, 4.1015625vw);
}

.guide .sec .table_wrap p {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  color: #121619;
  font-weight: bold;
}

.guide .sec .table_wrap p::before {
  top: max(5.94px, 0.5859375vw);
}

@media (max-width: 1023px) {
  .guide .sec .table_wrap {
    margin-top: 32px;
  }

  .guide .sec .table_wrap p {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.2777777778;
  }

  .guide .sec .table_wrap p::before {
    top: 8px;
  }
}

@media (max-width: 767px) {
  .guide .sec .table_wrap {
    margin-top: 32px;
  }

  .guide .sec .table_wrap p {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .guide .sec .table_wrap p::before {
    top: 7px;
  }
}

.guide .sec .num_list {
  margin-top: max(13.2px, 1.3020833333vw);
}

.guide .sec .num_list li {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
}

.guide .sec .num_list li+li {
  margin-top: max(10.56px, 1.0416666667vw);
}

.guide .sec .num_list li:nth-of-type(1)>p:before {
  content: "①";
}

.guide .sec .num_list li:nth-of-type(2)>p:before {
  content: "②";
}

.guide .sec .num_list li:nth-of-type(3)>p:before {
  content: "③";
}

.guide .sec .num_list li:nth-of-type(4)>p:before {
  content: "④";
}

.guide .sec .num_list li:nth-of-type(5)>p:before {
  content: "⑤";
}

.guide .sec .num_list li:nth-of-type(6)>p:before {
  content: "⑥";
}

.guide .sec .num_list li:nth-of-type(7)>p:before {
  content: "⑦";
}

.guide .sec .num_list li:nth-of-type(8)>p:before {
  content: "⑧";
}

.guide .sec .num_list li:nth-of-type(9)>p:before {
  content: "⑨";
}

.guide .sec .num_list li:nth-of-type(10)>p:before {
  content: "⑩";
}

.guide .sec .num_list li>p {
  position: relative;
  padding-left: max(16.5px, 1.6276041667vw);
  width: 100%;
}

.guide .sec .num_list li>p::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
}

.guide .sec .num_list .txt_box {
  padding-left: max(16.5px, 1.6276041667vw);
}

.guide .sec .num_list .txt_box p {
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1023px) {
  .guide .sec .num_list {
    margin-top: 32px;
  }

  .guide .sec .num_list li {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .guide .sec .num_list li+li {
    margin-top: 12px;
  }

  .guide .sec .num_list li>p {
    padding-left: 24px;
  }

  .guide .sec .num_list li>p::before {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }

  .guide .sec .num_list .txt_box {
    padding-left: 24px;
  }
}

@media (max-width: 767px) {
  .guide .sec .num_list {
    margin-top: 32px;
  }

  .guide .sec .num_list li {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .guide .sec .num_list li+li {
    margin-top: 12px;
  }

  .guide .sec .num_list li>p {
    padding-left: 23px;
  }

  .guide .sec .num_list li>p::before {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .guide .sec .num_list .txt_box {
    padding-left: 23px;
  }
}

.guide .sec .dot_list_wrap {
  margin-top: max(26.4px, 2.6041666667vw);
}

.guide .sec .dot_list_wrap>strong {
  display: block;
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.2777777778;
  font-weight: bold;
  color: #121619;
}

.guide .sec .dot_list_wrap .dot_list {
  margin-top: max(5.28px, 0.5208333333vw);
}

@media (max-width: 1023px) {
  .guide .sec .dot_list_wrap {
    margin-top: 32px;
  }

  .guide .sec .dot_list_wrap>strong {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.2941176471;
  }

  .guide .sec .dot_list_wrap .dot_list {
    margin-top: 8px;
  }
}

@media (max-width: 767px) {
  .guide .sec .dot_list_wrap {
    margin-top: 32px;
  }

  .guide .sec .dot_list_wrap>strong {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.3125;
  }

  .guide .sec .dot_list_wrap .dot_list {
    margin-top: 8px;
  }
}

.guide .sec .dot_list {
  margin-top: max(26.4px, 2.6041666667vw);
}

.guide .sec .dot_list li+li {
  margin-top: max(2.64px, 0.2604166667vw);
}

.guide .sec .dot_list .dot {
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
}

@media (max-width: 1023px) {
  .guide .sec .dot_list {
    margin-top: 32px;
  }

  .guide .sec .dot_list li+li {
    margin-top: 4px;
  }

  .guide .sec .dot_list .dot {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .guide .sec .dot_list {
    margin-top: 32px;
  }

  .guide .sec .dot_list li+li {
    margin-top: 4px;
  }

  .guide .sec .dot_list .dot {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.guide .sec .info_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-top: max(26.4px, 2.6041666667vw);
}

.guide .sec .info_wrap .info_inner {
  width: calc(50% - max(6.6px, 0.6510416667vw));
  padding: max(19.8px, 1.953125vw) max(15.84px, 1.5625vw) max(19.8px, 1.953125vw) max(19.8px, 1.953125vw);
  border: max(0.66px, 0.0651041667vw) solid #DDE1E6;
  border-radius: max(7.92px, 0.78125vw);
}

.guide .sec .info_wrap .info_inner:nth-of-type(2) {
  margin-left: max(13.2px, 1.3020833333vw);
}

.guide .sec .info_wrap strong {
  display: block;
  font-size: max(13.2px, 1.3020833333vw);
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-weight: bold;
  color: #121619;
}

.guide .sec .info_wrap .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  margin-top: max(13.2px, 1.3020833333vw);
}

.guide .sec .info_wrap .info_box {
  width: max(145.2px, 14.3229166667vw);
}

.guide .sec .info_wrap .info_box span {
  display: block;
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #4D5358;
}

.guide .sec .info_wrap .info_box span+span {
  margin-top: max(2.64px, 0.2604166667vw);
}

.guide .sec .info_wrap .num_box {
  width: max(158.4px, 15.625vw);
}

.guide .sec .info_wrap .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}

.guide .sec .info_wrap .box+.box {
  margin-top: max(2.64px, 0.2604166667vw);
}

.guide .sec .info_wrap .box p {
  position: relative;
  padding-left: max(14.52px, 1.4322916667vw);
  font-size: max(10.56px, 1.0416666667vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #4D5358;
}

.guide .sec .info_wrap .box p::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: max(10.56px, 1.0416666667vw);
  height: max(10.56px, 1.0416666667vw);
}

.guide .sec .info_wrap .box a {
  display: none;
}

.guide .sec .info_wrap .box a img {
  width: 100%;
}

.guide .sec .info_wrap .box button {
  width: max(15.18px, 1.4973958333vw);
  height: max(15.18px, 1.4973958333vw);
  padding: max(1.98px, 0.1953125vw);
}

.guide .sec .info_wrap .box button img {
  width: 100%;
}

.guide .sec .info_wrap .call_box p::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/call_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

.guide .sec .info_wrap .fax_box p::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/fax_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

.guide .sec .info_wrap .mail_box p::before {
  background: url("https://ksse.kr/html/company/resources/kr/images/common/mail_icon.svg") 0 0 no-repeat;
  background-size: cover;
}

@media (max-width: 1023px) {
  .guide .sec .info_wrap {
    margin-top: 32px;
  }

  .guide .sec .info_wrap .info_inner {
    width: calc(50% - 10px);
    padding: 30px;
    border-width: 1px;
    border-radius: 12px;
  }

  .guide .sec .info_wrap .info_inner:nth-of-type(2) {
    margin-left: 20px;
  }

  .guide .sec .info_wrap strong {
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .guide .sec .info_wrap .inner {
    display: block;
    margin-top: 16px;
  }

  .guide .sec .info_wrap .info_box {
    width: 100%;
  }

  .guide .sec .info_wrap .info_box span {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: #4D5358;
  }

  .guide .sec .info_wrap .info_box span+span {
    margin-top: 8px;
  }

  .guide .sec .info_wrap .num_box {
    width: 100%;
    margin-top: 8px;
  }

  .guide .sec .info_wrap .box+.box {
    margin-top: 8px;
  }

  .guide .sec .info_wrap .box p {
    padding-left: 22px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .guide .sec .info_wrap .box p::before {
    width: 16px;
    height: 16px;
  }

  .guide .sec .info_wrap .box button {
    width: 23px;
    height: 23px;
    padding: 3px;
  }
}

@media (max-width: 767px) {
  .guide .sec .info_wrap {
    display: block;
    margin-top: 32px;
  }

  .guide .sec .info_wrap .info_inner {
    width: 100%;
    padding: 30px;
    border-width: 1px;
    border-radius: 12px;
  }

  .guide .sec .info_wrap .info_inner:nth-of-type(2) {
    margin: 16px 0 0 0;
  }

  .guide .sec .info_wrap strong {
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }

  .guide .sec .info_wrap .inner {
    margin-top: 16px;
  }

  .guide .sec .info_wrap .info_box span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .guide .sec .info_wrap .info_box span+span {
    margin-top: 8px;
  }

  .guide .sec .info_wrap .num_box {
    width: 100%;
    margin-top: 8px;
  }

  .guide .sec .info_wrap .box+.box {
    margin-top: 8px;
  }

  .guide .sec .info_wrap .box p {
    padding-left: 22px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }

  .guide .sec .info_wrap .box p::before {
    width: 16px;
    height: 16px;
  }

  .guide .sec .info_wrap .box a {
    position: relative;
    display: block;
    margin-left: 3px;
    width: 23px;
    height: 23px;
    padding: 3px;
  }

  .guide .sec .info_wrap .box a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 8px;
    background-color: #C1C7CD;
  }

  .guide .sec .info_wrap .box button {
    width: 23px;
    height: 23px;
    padding: 3px;
  }
}

.guide .sec .desc {
  margin-top: max(13.2px, 1.3020833333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: #121619;
}

@media (max-width: 1023px) {
  .guide .sec .desc {
    margin-top: 16px;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
  }
}

@media (max-width: 767px) {
  .guide .sec .desc {
    margin-top: 16px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
}

.guide .sec .date_box {
  padding-top: max(79.2px, 7.8125vw);
}

.guide .sec .date_box p {
  padding-left: max(7.26px, 0.7161458333vw);
  font-size: max(11.88px, 1.171875vw);
  letter-spacing: -0.02em;
  line-height: 1.5;
  position: relative;
}

.guide .sec .date_box p:before {
  display: block;
  position: absolute;
  top: max(7.26px, 0.7161458333vw);
  left: 0;
  width: max(1.98px, 0.1953125vw);
  height: max(1.98px, 0.1953125vw);
  content: "";
  background-color: #121619;
}

.guide .sec .date_box p+p {
  margin-top: max(2.64px, 0.2604166667vw);
}

@media (max-width: 1023px) {
  .guide .sec .date_box {
    padding-top: 96px;
  }

  .guide .sec .date_box p {
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.5294117647;
    padding-left: 11px;
  }

  .guide .sec .date_box p::before {
    top: 10px;
    width: 3px;
    height: 3px;
  }

  .guide .sec .date_box p+p {
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  .guide .sec .date_box {
    padding-top: 80px;
  }

  .guide .sec .date_box p {
    padding-left: 11px;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 1.5;
  }

  .guide .sec .date_box p::before {
    top: 9px;
    width: 3px;
    height: 3px;
  }

  .guide .sec .date_box p+p {
    margin-top: 4px;
  }
}

.guide.privacy #privacy1 table {
  min-width: max(706.2px, 69.6614583333vw);
}

.guide.privacy #privacy1 table .col1 {
  width: 33.3%;
}

.guide.privacy #privacy1 table .col2 {
  width: 16.6%;
}

.guide.privacy #privacy1 table .col3 {
  width: 16.6%;
}

.guide.privacy #privacy1 table .col4 {
  width: 33.5%;
}

@media (max-width: 1023px) {
  .guide.privacy #privacy1 table {
    min-width: 1034px;
  }

  .guide.privacy #privacy1 table .col1 {
    width: 32.1495327103%;
  }

  .guide.privacy #privacy1 table .col2 {
    width: 16.0747663551%;
  }

  .guide.privacy #privacy1 table .col3 {
    width: 16.0747663551%;
  }

  .guide.privacy #privacy1 table .col4 {
    width: 35.7009345794%;
  }
}

@media (max-width: 767px) {
  .guide.privacy #privacy1 table {
    min-width: 790px;
  }

  .guide.privacy #privacy1 table .col1 {
    width: 21.4457831325%;
  }

  .guide.privacy #privacy1 table .col2 {
    width: 20.4819277108%;
  }

  .guide.privacy #privacy1 table .col3 {
    width: 20.4819277108%;
  }

  .guide.privacy #privacy1 table .col4 {
    width: 32.7710843373%;
  }
}

.guide.privacy #privacy2 table col {
  width: 37.5%;
}

.guide.privacy #privacy2 table col1 {
  width: 25%;
}

@media (max-width: 1023px) {
  .guide.privacy #privacy2 table col {
    width: 33.333333%;
  }

  .guide.privacy #privacy2 table col.col1 {
    width: 33.333333%;
  }
}

.guide.privacy #privacy4 .table_area {
  margin-top: max(13.2px, 1.3020833333vw);
}

.guide.privacy #privacy4 .table_area1 {
  margin-top: max(11.22px, 1.1067708333vw);
}

.guide.privacy #privacy4 .table_area2 .col1 {
  width: 25%;
}

.guide.privacy #privacy4 .table_area2 .col2 {
  width: 50%;
}

.guide.privacy #privacy4 .table_area2 .col3 {
  width: 25%;
}

@media (max-width: 1023px) {
  .guide.privacy #privacy4 .table_area {
    margin-top: 16px;
  }

  .guide.privacy #privacy4 .table_area1 {
    margin-top: 32px;
  }

  .guide.privacy #privacy4 .table_area1 table {
    min-width: 860px;
  }

  .guide.privacy #privacy4 .table_area2 .col1 {
    width: 25%;
  }

  .guide.privacy #privacy4 .table_area2 .col2 {
    width: 37.5%;
  }

  .guide.privacy #privacy4 .table_area2 .col3 {
    width: 37.5%;
  }

  .guide.privacy #privacy4 .table_area2 .scroll__visible::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .guide.privacy #privacy4 .table_area {
    margin-top: 16px;
  }

  .guide.privacy #privacy4 .table_area1 {
    margin-top: 32px;
  }

  .guide.privacy #privacy4 .table_area1 table {
    min-width: 650px;
  }

  .guide.privacy #privacy4 .table_area2 table {
    min-width: 522px;
  }

  .guide.privacy #privacy4 .table_area2 table .col1 {
    width: 21.8390804598%;
  }

  .guide.privacy #privacy4 .table_area2 table .col2 {
    width: 39.0804597701%;
  }

  .guide.privacy #privacy4 .table_area2 table .col3 {
    width: 39.0804597701%;
  }

  .guide.privacy #privacy4 .table_area2 .scroll__visible::before {
    display: block;
  }
}

.guide.media #media1 .dot_list {
  margin-top: max(2.64px, 0.2604166667vw);
}

.guide.media #media2 .table_area {
  margin-top: 0;
}

@media (max-width: 767px) {
  .guide.media #media2 table {
    min-width: 539px;
  }
}

@media (max-width: 767px) {
  .guide.media #media3 table {
    min-width: 684px;
  }
}

.guide.media #media4 .table_area {
  margin-top: 0;
}

.guide.media #media4 table .col1 {
  width: 25%;
}

.guide.media #media4 table .col2 {
  width: 37.5%;
}

.guide.media #media4 table .col3 {
  width: 37.5%;
}

@media (max-width: 767px) {
  .guide.media #media4 table {
    min-width: 522px;
  }

  .guide.media #media4 table .col1 {
    width: 21.8390804598%;
  }

  .guide.media #media4 table .col2 {
    width: 39.0804597701%;
  }

  .guide.media #media4 table .col3 {
    width: 39.0804597701%;
  }
}

.guide.media #media6 .dot_list {
  margin-top: max(13.2px, 1.3020833333vw);
}

@media (max-width: 1023px) {
  .guide.media #media6 .dot_list {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .guide.media #media6 .dot_list {
    margin-top: 16px;
  }
}

.tit_box {
  width: clamp(425px, 35vw, 620px)
}

@media (max-width: 1023px) {
  .tit_box {
    width: 425px;
  }
}

@media (max-width: 767px) {
  .tit_box {
    width: 345px;
  }
}