@charset "UTF-8";
@import url("fonts.css");
@import url("animate.css");
@import url("keyframes.css");
@import url("swiper-bundle.min.css");
html {
  -webkit-text-size-adjust: 100%;
}

body {
  text-size-adjust: 100%;
  position: relative;
  width: 100%;
  min-height: 100vh;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  overflow-x: hidden;
}

html,
body {
  letter-spacing: -0.4px;
}

* {
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

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

a:not([class]) {
  text-decoration-skip-ink: auto;
}

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

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

ol,
ul {
  list-style: none;
}

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

input:required,
input {
  box-shadow: none;
  appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset;
  box-shadow: 0 0 0 30px white inset;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

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

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

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

[hidden] {
  display: none;
}

img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}

picture {
  display: inline-block;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

[disabled] {
  pointer-events: none;
}

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

button {
  border: 0;
  background: transparent;
}

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

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

hr {
  box-sizing: content-box;
  overflow: visible;
  background: var(--c-bk);
  border: 0;
  height: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
  page-break-after: always;
  width: 100%;
}

pre {
  font-family: monospace, monospace;
  font-size: 100%;
}

a {
  background-color: transparent;
  text-decoration: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

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

small {
  font-size: 75%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -5px;
}

sup {
  top: -5px;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  appearance: none;
  border-radius: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
  outline: 0;
}

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

fieldset {
  min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
  display: block;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

template {
  display: none;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-style: normal;
  font-family: var(--font-b);
  color: var(--c-bk);
}

p,
a,
li,
button,
input,
textarea,
td,
th,
div,
dl,
dd,
dt {
  font-family: var(--font-r);
  color: var(--c-bk);
}

strong,
em {
  font-style: normal;
  font-family: var(--font-b);
}

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

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

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

@keyframes bgScale {
  0% {
    transform: scale(1) rotate(0.01deg);
  }
  100% {
    transform: scale(1.1) rotate(0.01deg);
  }
}
.bg_1 {
  background-image: url("../images/common/subvisual/sub_visual_1.jpg");
}

.bg_2 {
  background-image: url("../images/common/subvisual/sub_visual_2.jpg");
}

.bg_3 {
  background-image: url("../images/common/subvisual/sub_visual_3.jpg");
}

.bg_4 {
  background-image: url("../images/common/subvisual/sub_visual_4.jpg");
}

.bg_5 {
  background-image: url("../images/common/subvisual/sub_visual_5.jpg");
}

.bg_6 {
  background-image: url("../images/common/subvisual/sub_visual_6.jpg");
}

.bg_7 {
  background-image: url("../images/common/subvisual/sub_visual_7.jpg");
}

.bg_8 {
  background-image: url("../images/common/subvisual/sub_visual_8.jpg");
}

.bg_9 {
  background-image: url("../images/common/subvisual/sub_visual_9.jpg");
}

.bg_10 {
  background-image: url("../images/common/subvisual/sub_visual_10.jpg");
}

.bg_11 {
  background-image: url("../images/common/subvisual/sub_visual_11.jpg");
}

@keyframes translateinfinite {
  100% {
    transform: translateX(-2400px);
  }
}
@keyframes titMotion {
  0% {
    opacity: 0;
    top: 100%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
:root {
  --header-size: 80px;
  --mo-lnb-size: 145px;
  --font-r: "NotoSansSc-r", sans-serif; /* Regular 400 */
  --font-m: "NotoSansSc-m", sans-serif; /* Medium */
  --font-sb: "NotoSansSc-sb", sans-serif; /* SemiBold */
  --font-b: "NotoSansSc-b", sans-serif; /* Bold 700 */
  --font-i: "Inter", sans-serif; /* Inter */
  --text-dark: #191919;
  /* color */
  --c-main: #ffbb00;
  --c-sub: #0072c6;
  --c-wt: #ffffff;
  --c-bk: #000000;
  --c-dk: #222222;
  --c-gray: #d9d9d9;
  --c-g-66: #666666;
  --c-g-77: #777777;
  --c-g-88: #888888;
  --c-g-99: #999999;
  --c-g-ee: #eeeeee;
  --c-g-ed: #ededed;
  --c-g-bc: #bcbcbc;
  --c-g-de: #dedede;
  --c-g-f6: #f6f6f6;
  --c-line: #f0f0f0;
}

@media (max-width: 1024px) {
  :root {
    --header-size: 60px;
  }
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  transition: all 0.3s ease 0s;
}
.btn:hover {
  transition: all 0.3s ease 0s;
}
.btn.w-100 {
  width: 100%;
}
.btn.bg {
  background-color: var(-c-sub);
  border: 1px solid var(--c-wt);
  color: var(--text-light);
}
.btn.bg:hover {
  background-color: var(--c-wt);
  color: var(-c-sub);
}
.btn.more {
  border-radius: 100px;
  width: 140px;
  height: 45px;
  padding: 10px;
  color: var(--c-wt);
  font-size: 18px;
  font-family: var(--font-sb);
  border: 1px solid var(--c-wt);
  position: relative;
  overflow: hidden;
}
.btn.more::before,
.btn.more::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.4s ease 0s;
}
.btn.more::after {
  border-radius: 100px;
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
  z-index: -1;
  background-color: transparent;
}
.btn.more:hover,
.btn.more:focus,
.btn.more:active {
  border: 1px solid transparent;
  color: var(--c-wt);
}
.btn.more:hover::after,
.btn.more:focus::after,
.btn.more:active::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--c-sub);
}
.btn.more-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-family: var(--font-b);
  font-size: 18px;
  color: var(--c-bk);
  position: relative;
}
.btn.more-txt i {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  top: -1px;
}
.btn.more-txt i::before,
.btn.more-txt i::after {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background-color: var(--c-gray);
}
.btn.more-txt i::after {
  transform: rotate(-90deg);
  margin-top: -2px;
}
.btn.more-txt:hover i {
  animation-name: rotate;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.arrow-box {
  display: grid;
}

.btn-arrow {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  height: 48px;
  padding: 0 50px 0 20px;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid var(--c-gray);
  border-radius: 24px;
  font-size: 18px;
  font-family: var(--font-m);
}
.btn-arrow:after,
.btn-arrow:before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.5s ease-in-out;
}
.btn-arrow:before {
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  transform-origin: 50% 50%;
  transform: translate(0, -5px) rotate(45deg);
  box-shadow: inset -2px 2px 0 0 var(--c-main);
  border-radius: 0 1.5px 0 0;
}
.btn-arrow:after {
  top: 50%;
  right: 20px;
  width: 15px;
  height: 2px;
  transform: translate(0, -1px);
  background-color: var(--c-main);
}
.btn-arrow:hover:before {
  transform: translate(0.5em, -5px) rotate(45deg);
}
.btn-arrow:hover:after {
  transform: translate(0.5em, -1px);
}

@media (max-width: 1755px) {
  .btn.more {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .btn.more {
    font-size: 12px;
    width: 100px;
    height: 30px;
  }
  .btn.more-txt {
    font-size: 14px;
  }
  .btn.more-txt i {
    margin-left: 7px;
    top: -1px;
  }
  .btn.more-txt i::before,
  .btn.more-txt i::after {
    width: 12px;
  }
}
/* svg */
*[class*="svg_"] {
  display: inline-block;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.svg_youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.02 13.39' style='enable-background:new 0 0 19.02 13.39;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M18.83,2.89c0,0-0.19-1.31-0.76-1.89c-0.72-0.76-1.53-0.76-1.91-0.81C13.51,0,9.51,0,9.51,0H9.51 c0,0-3.99,0-6.65,0.19C2.48,0.24,1.67,0.24,0.95,1C0.38,1.58,0.19,2.89,0.19,2.89S0,4.43,0,5.97v1.44c0,1.54,0.19,3.08,0.19,3.08 s0.19,1.31,0.75,1.89c0.72,0.76,1.68,0.73,2.1,0.81c1.52,0.14,6.47,0.19,6.47,0.19s4-0.01,6.66-0.2c0.37-0.04,1.18-0.05,1.91-0.81 c0.57-0.58,0.76-1.89,0.76-1.89s0.19-1.54,0.19-3.08V5.97C19.02,4.43,18.83,2.89,18.83,2.89z M7.54,9.16V3.81l5.14,2.68L7.54,9.16z '/%3E%3C/g%3E%3C/svg%3E");
}
.svg_yubase {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 435.3 114.2' style='enable-background:new 0 0 435.3 114.2;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M164.5,32.5h-19.8c-0.9,4.3-7.6,35.6-7.6,35.6c-1,4.4-4.3,7.5-8.1,7.5c-2,0-3.6-0.7-4.6-2 c-0.8-1.1-1.3-2.6-1.3-4.3c0-0.8,0.1-1.7,0.3-2.6c0,0,6.8-32.7,7.1-34.2h-19.8c-0.9,4.5-8,38.2-8,38.2c-0.3,1.6-0.5,3.2-0.5,4.6 c0,3.2,0.8,5.9,2.5,8c2.3,3,6.1,4.3,10.8,4.6c11.1,0.6,19.7-8.1,19.7-8.1l0,1.7c0,0.6,0,1.2,0,1.8c0,1.1,0.1,2.2,0.2,3.2h19.9 c-0.4-1.2-0.6-2.5-0.6-4c0-2.3,0.4-5,0.8-7.7C155.5,74.9,164.1,34,164.5,32.5z M317.3,30.2c-15.9-0.3-26.8,6-29,16.9 c-2.5,12.3,7.2,15.3,15.9,18.1c6,1.9,11.2,3.6,10.3,8.2c-0.7,3.2-3.9,5.3-7.9,5.3c-2.1,0-3.7-0.9-4.7-2.4c-0.5-0.8-0.8-2-0.8-3.6 c0-0.8,0.1-1.8,0.2-2.9l-17.8-0.3c-0.2,1.4-0.3,2.8-0.3,4c0,4.1,0.9,7.2,2.9,9.5c3.1,3.8,9.2,5.8,18.5,5.9 c15.6,0.3,27.2-6.8,29.5-18.1c2.6-12.6-7.9-15.6-16.3-18c-5.9-1.7-10.9-3.1-10-7.4c0.6-3,3.5-4.9,7.1-4.8c2.1,0,3.5,0.5,4.3,1.6 c0.7,0.9,1,2,1,3.6c0,0.6-0.1,1.4-0.2,2.2l17.5,0.3c0.1-1,0.2-2,0.2-3c0-4-1-7.2-2.9-9.5C331.7,32.2,326,30.3,317.3,30.2z M258.5,30 c-9.1,0-24.6,2.3-27.7,17.7h17.8c1.1-5.1,3.6-7.5,8-7.5c2.3,0,4.1,0.6,5,1.9c0.8,1,1.1,2.4,0.8,4.1c-0.6,3.8-2.9,5.7-7.8,6.7 c0,0-8.7,1.8-8.7,1.8c-13.4,2.7-19.1,7.3-20.3,17.6c-0.6,5-0.1,8.8,2,11.4c2.4,2.9,6.5,4.3,12.4,4.4c9.6,0,16.7-7.8,16.7-7.8 s-0.3,3.3,0.2,6.4H276c-0.4-1.2-0.6-2.5-0.6-4c0-2.3,0.4-5,0.9-7.7l4.3-25.9c0.2-1.5,0.4-2.8,0.4-4.1c0-3.5-0.9-6.4-2.7-8.7 C274.9,32.1,268.2,30,258.5,30z M259,66.9c-1.2,6.9-4,10.2-8.6,9.8c-3.5-0.3-5.4-2.8-5.2-6.7c0.1-3.7,2.3-6.5,6.2-8 c1.4-0.5,8.9-2.6,8.9-2.6L259,66.9z M370.4,29.9c-15.3,0.2-27.3,12.2-29.9,29.9c-1.4,9.2,0.1,16.7,4.2,21.6c3.9,4.6,10.1,6.9,18,6.8 c12.6-0.2,22.7-6.6,27.2-17c-1.8,0-15.8,0.3-16.2,0.3c-1.9,2.5-5.2,4.1-8.7,4.2c-2.6,0.1-4.7-0.8-6.2-2.4c-1.6-1.7-2.4-4.3-2.4-7.6 l0.1-2.2l36-0.6c0.6-3.9,0.9-7.4,0.9-10.5c0-7.2-1.5-12.5-4.6-16.1C385,31.8,379,29.8,370.4,29.9z M377.3,52.6l-0.1,0.5L358,53.5 l0.2-0.8c1.9-6.5,5.9-10,11.6-10.2c2.3,0,4.3,0.8,5.6,2.5C377.1,46.8,377.7,49.6,377.3,52.6z M381.1,0h-327C24.2,0,0,25.6,0,57.1 c0,31.5,24.2,57.1,54.1,57.1h327c29.9,0,54.1-25.6,54.1-57.1C435.3,25.6,411,0,381.1,0z M189.6,59c2.3-12,4.1-16.2,9.5-16.2 c1.8,0,3.1,0.5,3.9,1.5c1.6,2,1.5,5.8-0.3,15c-2.3,11.9-4.1,16.2-9.6,16.2c-1.8,0-3-0.5-3.7-1.4C187.7,72,187.8,68.2,189.6,59z M380.4,106H80.6c2.3-0.1,4.6-3.4,5.3-6.2c0,0,14-65.8,14.3-67.3H80.4c-0.2,1-6.9,33.9-6.9,33.9c-1.2,5.4-4.4,8.8-8.4,8.8 c-2,0-3.6-0.7-4.6-2c-0.9-1.1-1.3-2.6-1.3-4.4c0-0.8,0.1-1.6,0.3-2.5c0,0,6.6-32.4,6.9-33.9H46.5c-0.9,4.5-7.8,37.8-7.8,37.8 c-0.3,1.6-0.5,3.1-0.5,4.5c0,3.3,0.8,6,2.5,8.2c2.3,3,6.2,4.4,10.8,4.6c10.1,0.4,19-7,19-7s-2.8,14-2.8,14 c-1.2,6.2-4.2,11.3-6.7,11.4h-6.2C29.3,106,8.5,84.1,8.5,57.1S29.3,8.2,54.9,8.2h124.7c-3.2,16.5-14.9,77.1-15.2,78.4h19.1 c0.2-0.9,1.5-7.7,1.5-7.7s3,9.5,13.3,9.2c13.1-0.5,20.1-8.8,24.3-30.3c2.2-11.5,1.7-19.1-1.7-23.4c-2.3-2.9-6.1-4.6-11.6-4.3 c-9.2,0.5-15.7,7.8-15.7,7.8s4-20.6,5.7-29.7h181c25.6,0,46.4,21.9,46.4,48.9C426.8,84.1,406,106,380.4,106z'/%3E%3C/svg%3E");
}
.svg_zic {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 233.4 74.1' style='enable-background:new 0 0 233.4 74.1;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23222222' d='M172,15.6h61.4V0h-82.5c-6.7,0-12,5.4-12,12v50c0,6.7,5.4,12,12,12l82.5,0V58.4H172 c-1.4,0-2.6-1.2-2.6-2.6V18.2C169.4,16.8,170.5,15.6,172,15.6z'/%3E%3Cpath fill='%23222222' d='M113.8,0c-6.7,0-12,5.4-12,12v53c0,3.3-1.7,5.4-2.9,6.6c-0.1,0.1-0.4,0-0.4-0.2v-1c0-6.7-5.4-12-12-12h-45 l49.2-39.6c3.2-2.5,4.6-6.7,3.6-10.8c-1.2-4.8-5.6-8-10.5-8L2,0v15.6h51.1L3.9,55.2c-2.5,2-3.9,5-3.9,8.2v0 C0,69.3,4.7,74,10.6,74l109.7,0c6.7,0,12-5.4,12-12V9c0-5.3,4.2-7.6,4.2-7.6V0H113.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.svg_search_open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28.2 28.6' style='enable-background:new 0 0 28.2 28.6;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M11.2,3c2.2,0,4.3,0.9,5.8,2.4s2.4,3.6,2.4,5.8s-0.9,4.3-2.4,5.8s-3.6,2.4-5.8,2.4S7,18.6,5.4,17.1 C3.9,15.5,3,13.4,3,11.2C3,9,3.9,7,5.4,5.4C7,3.9,9,3,11.2,3 M11.2,0C8.4,0,5.5,1.1,3.3,3.3c-4.4,4.4-4.4,11.5,0,15.9 c2.2,2.2,5.1,3.3,7.9,3.3s5.8-1.1,7.9-3.3c4.4-4.4,4.4-11.5,0-15.9C17,1.1,14.1,0,11.2,0L11.2,0z'/%3E%3Crect x='21.1' y='16.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -9.6282 22.7446)' fill='%23222222' width='3' height='12.7'/%3E%3C/svg%3E%0A");
}
.svg_search_close {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30.56 30.56' style='enable-background:new 0 0 30.56 30.56;' xml:space='preserve'%3E%3Crect x='-4.72' y='13.67' transform='matrix(0.7071 0.7071 -0.7071 0.7071 15.2797 -6.329)' fill='%23222222' width='40' height='3.22'/%3E%3Crect x='-4.72' y='13.67' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 36.8884 15.2797)' fill='%23222222' width='40' height='3.22'/%3E%3C/svg%3E%0A");
}
.svg_search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35.38 37.32' style='enable-background:new 0 0 35.38 37.32;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M35.38,34.13l-9.99-9.99c2.27-2.56,3.66-5.92,3.66-9.61C29.05,6.52,22.54,0,14.53,0S0,6.52,0,14.53 s6.52,14.53,14.53,14.53c2.69,0,5.2-0.75,7.37-2.03l10.29,10.29L35.38,34.13z M4,14.53C4,8.72,8.72,4,14.53,4 s10.53,4.72,10.53,10.53s-4.72,10.53-10.53,10.53S4,20.33,4,14.53z'/%3E%3C/svg%3E");
}
.svg_search_del {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 29.81 29.81' style='enable-background:new 0 0 29.81 29.81;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M14.91,0C6.67,0,0,6.67,0,14.91c0,8.23,6.67,14.91,14.91,14.91c8.23,0,14.91-6.67,14.91-14.91 C29.81,6.67,23.14,0,14.91,0z M21.98,20.91l-1.07,1.07l-6.01-6.01L8.9,21.98l-1.07-1.07l6.01-6.01L7.83,8.9L8.9,7.83l6.01,6.01 l6.01-6.01l1.07,1.07l-6.01,6.01L21.98,20.91z'/%3E%3C/svg%3E%0A");
}
.svg_lang {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 106.3 107.22' style='enable-background:new 0 0 106.3 107.22;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M53.61,0C24.05,0,0,24.06,0,53.61c0,29.57,24.05,53.61,53.61,53.61s53.61-24.04,53.61-53.61 C107.22,24.06,83.18,0,53.61,0z M87.32,62c-1.58,0.55-3.29,1.04-5.06,1.5c0.31-3.2,0.48-6.5,0.48-9.89c0-3.39-0.17-6.68-0.48-9.88 c1.76,0.46,3.47,0.96,5.06,1.51c8.15,2.83,11.8,6.25,11.8,8.37C99.11,55.74,95.46,59.16,87.32,62z M8.11,53.61 c0-2.13,3.65-5.54,11.8-8.38c1.59-0.55,3.29-1.04,5.06-1.51c-0.31,3.2-0.48,6.5-0.48,9.89c0,3.39,0.17,6.69,0.48,9.89 c-1.76-0.46-3.47-0.95-5.06-1.5C11.76,59.16,8.11,55.74,8.11,53.61z M32.59,53.61c0-3.99,0.27-7.88,0.75-11.64 c5.06-0.82,10.52-1.34,16.22-1.51v26.3c-5.7-0.17-11.16-0.68-16.22-1.51C32.86,61.5,32.59,57.6,32.59,53.61z M57.67,9.08 c3.65,1.7,7.17,5.62,10.06,11.32c1.95,3.85,3.49,8.31,4.64,13.13c-4.74-0.65-9.7-1.05-14.7-1.19V9.08z M49.56,9.08v23.27 c-5,0.14-9.96,0.54-14.7,1.19c1.14-4.82,2.69-9.28,4.64-13.13C42.38,14.69,45.91,10.78,49.56,9.08z M49.56,74.88v23.27 c-3.65-1.7-7.17-5.62-10.06-11.33c-1.95-3.85-3.49-8.31-4.64-13.13C39.6,74.34,44.56,74.74,49.56,74.88z M57.67,98.15V74.88 c5-0.14,9.96-0.54,14.7-1.19c-1.15,4.82-2.69,9.28-4.64,13.13C64.84,92.53,61.31,96.45,57.67,98.15z M57.67,66.76v-26.3 c5.7,0.16,11.16,0.68,16.22,1.51c0.48,3.76,0.75,7.65,0.75,11.64c0,3.99-0.27,7.89-0.75,11.65C68.82,66.08,63.36,66.6,57.67,66.76z M97.23,40.69c-4.39-2.37-9.97-4.25-16.22-5.63c-1.77-9.08-4.81-16.96-8.75-22.93C84.23,17.53,93.45,27.94,97.23,40.69z M34.96,12.13c-3.94,5.97-6.98,13.85-8.75,22.93c-6.25,1.38-11.83,3.25-16.22,5.63C13.77,27.94,23,17.53,34.96,12.13z M9.99,66.54 c4.38,2.38,9.97,4.25,16.22,5.63c1.77,9.09,4.81,16.96,8.76,22.94C23,89.7,13.77,79.28,9.99,66.54z M72.26,95.1 c3.94-5.97,6.99-13.85,8.76-22.94c6.25-1.37,11.83-3.25,16.22-5.63C93.45,79.29,84.22,89.7,72.26,95.1z'/%3E%3C/svg%3E%0A");
}
.svg_link {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:none;stroke:%23222222;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpolygon fill='%23222222' points='14.13,16 0,16 0,1.87 7.07,1.87 7.07,3.87 2,3.87 2,14 12.13,14 12.13,8.93 14.13,8.93 '/%3E%3Cpath class='st1' d='M13.62,8.88'/%3E%3Cpath class='st1' d='M7.18,2.39'/%3E%3C/g%3E%3Crect x='5.67' y='4.02' transform='matrix(0.7072 -0.707 0.707 0.7072 -0.3148 9.2821)' fill='%23222222' width='10.77' height='2'/%3E%3Cpolygon fill='%23222222' points='16,6.13 14,6.13 14,2 9.87,2 9.87,0 16,0 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* skip nav common */
#skip-navi-info {
  text-indent: -99999px;
}

#skip-navi {
  height: 0;
}
#skip-navi a {
  position: fixed;
  width: 100%;
  height: 30px;
  line-height: 30px;
  top: -30px;
  background-color: var(--c-dk);
  text-align: center;
  opacity: 0.6;
  z-index: 99999;
  color: var(--c-wt);
}
#skip-navi a:focus {
  left: 0;
  top: 0;
  color: var(--c-wt);
}

.intro_before #skip-navi a {
  height: auto;
  font-size: 12px;
  line-height: 110%;
  padding: 5px 0;
}

#header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-size);
  background-color: var(--c-wt);
  z-index: 100;
  overflow: visible;
}
#header::after {
  content: "";
  display: block;
  position: absolute;
  top: var(--header-size);
  width: 100%;
  height: 1px;
  opacity: 1;
  background-color: rgba(221, 221, 221, 0.5);
}

.gnb_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
  transition: all 0.4s cubic-bezier(0.46, 0.87, 0.18, 1.01);
}

.logo_area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  height: var(--header-size);
  z-index: 10;
  position: relative;
}

#gnb {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
#gnb > li {
  margin: 0 20px;
}
#gnb > li > a {
  position: relative;
  display: block;
  height: var(--header-size);
  line-height: var(--header-size);
  text-align: center;
  font-size: 16px;
  color: var(--c-bk);
  font-family: var(--font-m);
}
#gnb > li > a::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: var(--c-main);
  transition: all 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01);
}
#gnb > li > a.current {
  color: var(--c-main);
  font-family: var(--font-b);
}
#gnb > li > a.current::before {
  left: 50%;
  width: 100%;
}
#gnb > li:hover a,
#gnb > li:focus a {
  color: var(--c-main);
}
#gnb > li:hover a::before,
#gnb > li:focus a::before {
  left: 50%;
  width: 100%;
}

.gnb_inner {
  position: relative;
}

.util {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  position: absolute;
  right: 30px;
}
.util .link_list > ul > li {
  position: relative;
}
.util .link_list > ul > li:last-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: -13px;
  width: 2px;
  height: 12px;
  background-color: var(--c-gray);
}
.util .link_list ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 32px;
  font-size: 14px;
  font-family: var(--font-m);
}
.util .link_list ul .lang_area {
  position: relative;
  padding-right: 12px;
  margin-right: 12px;
}
.util .link_list ul .lang_area .arrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto;
  background-image: url("../images/common/lang_arrow.png");
  padding-left: 15px;
  width: 10px;
  height: 6px;
  vertical-align: middle;
}
.util .link_list ul.lang_sel {
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  height: unset;
  background-color: var(--c-wt);
  padding: 15px 25px 0px;
  box-shadow: 0 -3px 15px 0 rgba(0, 0, 0, 0.03),
    0 -3px 15px 0 rgba(0, 0, 0, 0.03);
  min-width: unset;
  z-index: 301;
}
.util .link_list ul.lang_sel::before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 15px solid var(--c-wt);
}
.util .link_list ul.lang_sel li {
  display: block;
}
.util .link_list ul.lang_sel li a {
  font-family: var(--font-m);
  display: block;
  height: unset;
  width: 100%;
  font-size: 14px;
  color: #939393;
  text-align: center;
  position: relative;
  line-height: 100%;
  margin-bottom: 15px;
}
.util .link_list ul.lang_sel li a:hover,
.util .link_list ul.lang_sel li a:focus {
  color: var(--c-main);
}
.util .link_list ul.lang_sel li a.current {
  font-family: var(--font-b);
  color: var(--c-bk);
}
.util .link_list ul.lang_sel li a.current:hover,
.util .link_list ul.lang_sel li a.current:focus {
  color: var(--c-main);
}
.util .link_list ul.lang_sel.on {
  display: block;
}

.search_area {
  position: relative;
  z-index: 300;
}
.search_area .search_inner {
  position: fixed;
  top: var(--header-size);
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 440px;
  background-color: var(--c-wt);
  z-index: 10;
}
.search_area .search_inner .svg_search_close {
  position: absolute;
  top: 30px;
  right: 80px;
}
.search_area .search_inner .search_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  padding: 0 20px;
  height: 440px;
}
.search_area .search_inner .search_box .line_drawing {
  position: relative;
  width: 760px;
  height: 80px;
  box-shadow: 0 0 0 3px inset var(--c-gray);
}
.search_area .search_inner .search_box .line_drawing::before,
.search_area .search_inner .search_box .line_drawing::after {
  content: "";
  display: block;
  transition: all 0.3s linear;
  position: absolute;
  background: var(--c-sub);
  z-index: 100;
}
.search_area .search_inner .search_box .line_drawing::before {
  top: 0;
  left: 0;
  right: 100%;
  height: 3px;
}
.search_area .search_inner .search_box .line_drawing::after {
  top: 0;
  right: 0;
  bottom: 100%;
  width: 3px;
}
.search_area .search_inner .search_box .line_drawing .animated_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  width: 100%;
  height: 100%;
}
.search_area .search_inner .search_box .line_drawing .animated_box::before,
.search_area .search_inner .search_box .line_drawing .animated_box::after {
  content: "";
  display: block;
  transition: all 0.1s linear;
  position: absolute;
  background: var(--c-sub);
  z-index: 100;
}
.search_area .search_inner .search_box .line_drawing .animated_box::before {
  bottom: 0;
  left: 0;
  top: 100%;
  width: 3px;
}
.search_area .search_inner .search_box .line_drawing .animated_box::after {
  bottom: 0;
  right: 0;
  left: 100%;
  height: 3px;
}
.search_area .search_inner .search_box input[type="text"] {
  height: 60px;
  width: calc(100% - 135px);
  box-sizing: border-box;
  padding-left: 30px;
  background-color: transparent;
  border: 0;
  outline: none;
  font-size: 28px;
  font-family: var(--font-sb);
  color: var(--c-g-77);
  z-index: 3;
}
.search_area .search_inner .search_box input[type="text"]::placeholder {
  font-family: var(--font-sb);
  font-size: 22px;
  color: #757575;
}
.search_area .search_inner .search_box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.search_area .search_inner .search_box .svg_search_del {
  right: 85px;
}
.search_area .search_inner .search_box .svg_search {
  right: 28px;
}
.search_area.on .search_inner .search_box .line_drawing::before {
  transition-delay: 0.15s;
  right: 0;
}
.search_area.on .search_inner .search_box .line_drawing::after {
  transition-delay: 0.25s;
  bottom: 0;
}
.search_area.on .search_inner .search_box .animated_box::after {
  transition-delay: 0.35s;
  left: 0;
}
.search_area.on .search_inner .search_box .animated_box::before {
  transition-delay: 0.45s;
  top: 0;
}

.sns_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  height: var(--header-size);
  min-width: 265px;
}
.sns_list a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  display: inline-block;
  color: var(--c-wt);
  font-family: var(--font-b);
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.sns_list a:hover,
.sns_list a:focus {
  color: var(--c-sub);
}

/* end */
#footer {
  background-color: var(--c-dk);
  width: 100%;
}

.footer_wrap {
  margin: 0 auto;
}
.footer_wrap .f-head {
  border-bottom: 1px solid #dedede;
}
.footer_wrap .f-head .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 70px;
}
.footer_wrap .f-head .a-l ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}
.footer_wrap .f-head .a-l ul li {
  padding-right: 20px;
  margin-right: 20px;
  position: relative;
}
.footer_wrap .f-head .a-l ul li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 13px;
  background-color: #585858;
}
.footer_wrap .f-head .a-l ul li a {
  font-family: var(--font-m);
  color: var(--c-dk);
  font-size: 16px;
}
.footer_wrap .f-head .a-l ul li em {
  color: var(--c-sub);
  display: inline-block;
  margin-right: 5px;
}
.footer_wrap .f-head .sns_list a {
  color: var(--c-dk);
}
.footer_wrap .f-head .sns_list .ico.svg_youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.02 13.39' style='enable-background:new 0 0 19.02 13.39;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M18.83,2.89c0,0-0.19-1.31-0.76-1.89c-0.72-0.76-1.53-0.76-1.91-0.81C13.51,0,9.51,0,9.51,0H9.51 c0,0-3.99,0-6.65,0.19C2.48,0.24,1.67,0.24,0.95,1C0.38,1.58,0.19,2.89,0.19,2.89S0,4.43,0,5.97v1.44c0,1.54,0.19,3.08,0.19,3.08 s0.19,1.31,0.75,1.89c0.72,0.76,1.68,0.73,2.1,0.81c1.52,0.14,6.47,0.19,6.47,0.19s4-0.01,6.66-0.2c0.37-0.04,1.18-0.05,1.91-0.81 c0.57-0.58,0.76-1.89,0.76-1.89s0.19-1.54,0.19-3.08V5.97C19.02,4.43,18.83,2.89,18.83,2.89z M7.54,9.16V3.81l5.14,2.68L7.54,9.16z '/%3E%3C/g%3E%3C/svg%3E");
}
.footer_wrap .f-head .sns_list .ico.svg_yubase {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 435.3 114.2' style='enable-background:new 0 0 435.3 114.2;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M164.5,32.5h-19.8c-0.9,4.3-7.6,35.6-7.6,35.6c-1,4.4-4.3,7.5-8.1,7.5c-2,0-3.6-0.7-4.6-2 c-0.8-1.1-1.3-2.6-1.3-4.3c0-0.8,0.1-1.7,0.3-2.6c0,0,6.8-32.7,7.1-34.2h-19.8c-0.9,4.5-8,38.2-8,38.2c-0.3,1.6-0.5,3.2-0.5,4.6 c0,3.2,0.8,5.9,2.5,8c2.3,3,6.1,4.3,10.8,4.6c11.1,0.6,19.7-8.1,19.7-8.1l0,1.7c0,0.6,0,1.2,0,1.8c0,1.1,0.1,2.2,0.2,3.2h19.9 c-0.4-1.2-0.6-2.5-0.6-4c0-2.3,0.4-5,0.8-7.7C155.5,74.9,164.1,34,164.5,32.5z M317.3,30.2c-15.9-0.3-26.8,6-29,16.9 c-2.5,12.3,7.2,15.3,15.9,18.1c6,1.9,11.2,3.6,10.3,8.2c-0.7,3.2-3.9,5.3-7.9,5.3c-2.1,0-3.7-0.9-4.7-2.4c-0.5-0.8-0.8-2-0.8-3.6 c0-0.8,0.1-1.8,0.2-2.9l-17.8-0.3c-0.2,1.4-0.3,2.8-0.3,4c0,4.1,0.9,7.2,2.9,9.5c3.1,3.8,9.2,5.8,18.5,5.9 c15.6,0.3,27.2-6.8,29.5-18.1c2.6-12.6-7.9-15.6-16.3-18c-5.9-1.7-10.9-3.1-10-7.4c0.6-3,3.5-4.9,7.1-4.8c2.1,0,3.5,0.5,4.3,1.6 c0.7,0.9,1,2,1,3.6c0,0.6-0.1,1.4-0.2,2.2l17.5,0.3c0.1-1,0.2-2,0.2-3c0-4-1-7.2-2.9-9.5C331.7,32.2,326,30.3,317.3,30.2z M258.5,30 c-9.1,0-24.6,2.3-27.7,17.7h17.8c1.1-5.1,3.6-7.5,8-7.5c2.3,0,4.1,0.6,5,1.9c0.8,1,1.1,2.4,0.8,4.1c-0.6,3.8-2.9,5.7-7.8,6.7 c0,0-8.7,1.8-8.7,1.8c-13.4,2.7-19.1,7.3-20.3,17.6c-0.6,5-0.1,8.8,2,11.4c2.4,2.9,6.5,4.3,12.4,4.4c9.6,0,16.7-7.8,16.7-7.8 s-0.3,3.3,0.2,6.4H276c-0.4-1.2-0.6-2.5-0.6-4c0-2.3,0.4-5,0.9-7.7l4.3-25.9c0.2-1.5,0.4-2.8,0.4-4.1c0-3.5-0.9-6.4-2.7-8.7 C274.9,32.1,268.2,30,258.5,30z M259,66.9c-1.2,6.9-4,10.2-8.6,9.8c-3.5-0.3-5.4-2.8-5.2-6.7c0.1-3.7,2.3-6.5,6.2-8 c1.4-0.5,8.9-2.6,8.9-2.6L259,66.9z M370.4,29.9c-15.3,0.2-27.3,12.2-29.9,29.9c-1.4,9.2,0.1,16.7,4.2,21.6c3.9,4.6,10.1,6.9,18,6.8 c12.6-0.2,22.7-6.6,27.2-17c-1.8,0-15.8,0.3-16.2,0.3c-1.9,2.5-5.2,4.1-8.7,4.2c-2.6,0.1-4.7-0.8-6.2-2.4c-1.6-1.7-2.4-4.3-2.4-7.6 l0.1-2.2l36-0.6c0.6-3.9,0.9-7.4,0.9-10.5c0-7.2-1.5-12.5-4.6-16.1C385,31.8,379,29.8,370.4,29.9z M377.3,52.6l-0.1,0.5L358,53.5 l0.2-0.8c1.9-6.5,5.9-10,11.6-10.2c2.3,0,4.3,0.8,5.6,2.5C377.1,46.8,377.7,49.6,377.3,52.6z M381.1,0h-327C24.2,0,0,25.6,0,57.1 c0,31.5,24.2,57.1,54.1,57.1h327c29.9,0,54.1-25.6,54.1-57.1C435.3,25.6,411,0,381.1,0z M189.6,59c2.3-12,4.1-16.2,9.5-16.2 c1.8,0,3.1,0.5,3.9,1.5c1.6,2,1.5,5.8-0.3,15c-2.3,11.9-4.1,16.2-9.6,16.2c-1.8,0-3-0.5-3.7-1.4C187.7,72,187.8,68.2,189.6,59z M380.4,106H80.6c2.3-0.1,4.6-3.4,5.3-6.2c0,0,14-65.8,14.3-67.3H80.4c-0.2,1-6.9,33.9-6.9,33.9c-1.2,5.4-4.4,8.8-8.4,8.8 c-2,0-3.6-0.7-4.6-2c-0.9-1.1-1.3-2.6-1.3-4.4c0-0.8,0.1-1.6,0.3-2.5c0,0,6.6-32.4,6.9-33.9H46.5c-0.9,4.5-7.8,37.8-7.8,37.8 c-0.3,1.6-0.5,3.1-0.5,4.5c0,3.3,0.8,6,2.5,8.2c2.3,3,6.2,4.4,10.8,4.6c10.1,0.4,19-7,19-7s-2.8,14-2.8,14 c-1.2,6.2-4.2,11.3-6.7,11.4h-6.2C29.3,106,8.5,84.1,8.5,57.1S29.3,8.2,54.9,8.2h124.7c-3.2,16.5-14.9,77.1-15.2,78.4h19.1 c0.2-0.9,1.5-7.7,1.5-7.7s3,9.5,13.3,9.2c13.1-0.5,20.1-8.8,24.3-30.3c2.2-11.5,1.7-19.1-1.7-23.4c-2.3-2.9-6.1-4.6-11.6-4.3 c-9.2,0.5-15.7,7.8-15.7,7.8s4-20.6,5.7-29.7h181c25.6,0,46.4,21.9,46.4,48.9C426.8,84.1,406,106,380.4,106z'/%3E%3C/svg%3E");
}
.footer_wrap .f-head .sns_list .ico.svg_zic {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 233.4 74.1' style='enable-background:new 0 0 233.4 74.1;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23222222' d='M172,15.6h61.4V0h-82.5c-6.7,0-12,5.4-12,12v50c0,6.7,5.4,12,12,12l82.5,0V58.4H172 c-1.4,0-2.6-1.2-2.6-2.6V18.2C169.4,16.8,170.5,15.6,172,15.6z'/%3E%3Cpath fill='%23222222' d='M113.8,0c-6.7,0-12,5.4-12,12v53c0,3.3-1.7,5.4-2.9,6.6c-0.1,0.1-0.4,0-0.4-0.2v-1c0-6.7-5.4-12-12-12h-45 l49.2-39.6c3.2-2.5,4.6-6.7,3.6-10.8c-1.2-4.8-5.6-8-10.5-8L2,0v15.6h51.1L3.9,55.2c-2.5,2-3.9,5-3.9,8.2v0 C0,69.3,4.7,74,10.6,74l109.7,0c6.7,0,12-5.4,12-12V9c0-5.3,4.2-7.6,4.2-7.6V0H113.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.footer_wrap .f-body {
  padding: 60px 300px;
  width: 100%;
}
.footer_wrap .f-body .inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1.1fr;
  padding: 0;
}
.footer_wrap .f-body .inner > div ul,
.footer_wrap .f-body .inner > div div p {
  margin-top: 20px;
}
.footer_wrap .f-body .inner .tit {
  font-size: 16px;
  color: var(--c-wt);
  font-family: var(--font-b);
}
.footer_wrap .f-body .inner a,
.footer_wrap .f-body .inner p {
  color: var(--c-g-88);
  font-size: 12px;
}
.footer_wrap .f-body .inner .follow-list li {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: var(--c-main);
}
.footer_wrap .f-body .inner .follow-list li:nth-child(1) {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px auto;
  background-image: url("../images/common/icon_follow01.png");
}
.footer_wrap .f-body .inner .follow-list li:nth-child(2) {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px auto;
  background-image: url("../images/common/icon_follow02.png");
}
.footer_wrap .f-body .inner .follow-list li:nth-child(3) {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
  background-image: url("../images/common/icon_follow03.png");
}
.footer_wrap .f-body .inner .follow-list a {
  display: block;
  width: inherit;
  height: inherit;
}
.footer_wrap .f-body .inner .follow-list a.qr {
  position: absolute;
  top: 30px;
  left: 0;
  width: 200px;
  height: 200px;
  border-radius: 5px;
  background-color: var(--c-main);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  z-index: 10;
}
.footer_wrap .f-body .inner .follow-list a.qr::before {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: 10px;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var(--c-main);
}
.footer_wrap .f-foot {
  width: 100%;
  height: 65px;
  padding: 0 100px;
  border-top: 1px solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.footer_wrap .f-foot div {
  color: var(--c-g-88);
  font-size: 12px;
  line-height: 65px;
  margin: 0 40px;
}
.footer_wrap .f-foot ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.footer_wrap .f-foot ul li {
  position: relative;
  padding-right: 10px;
  margin-left: 10px;
}
.footer_wrap .f-foot ul li a {
  color: var(--c-g-88);
}
.footer_wrap .f-foot ul li:first-child {
  margin: 0;
}
.footer_wrap .f-foot ul li:first-child:before {
  display: none;
}
.footer_wrap .f-foot ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -9px;
  margin-top: -4px;
  width: 1px;
  height: 10px;
  background-color: var(--c-g-88);
}

body.home {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
body.home.load {
  opacity: 1;
}
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  appearance: none;
}
body::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}

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

.inner {
  padding: 0 80px;
}

.notScroll {
  overflow: hidden !important;
  width: 100%;
  height: 100vh;
}

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

a,
button {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a:hover,
a:focus,
button:hover,
button:focus {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pc {
  display: block;
}

.mo {
  display: none;
}

span.br {
  display: block;
}

.logo {
  position: relative;
  height: 34px;
}
.logo a {
  display: inline-block;
  background-image: url("../images/common/logo.png");
  width: 140px;
  height: 100%;
  background-size: 140px 100%;
  background-repeat: no-repeat;
  background-position: center left;
}

.ico_group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0 40px 0 0;
}
.ico_group li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}
.ico_group li:not(:last-child) {
  margin-right: 10px;
}

.ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ico:hover {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ico.svg_youtube {
  width: 19px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.02 13.39' style='enable-background:new 0 0 19.02 13.39;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M18.83,2.89c0,0-0.19-1.31-0.76-1.89c-0.72-0.76-1.53-0.76-1.91-0.81C13.51,0,9.51,0,9.51,0H9.51 c0,0-3.99,0-6.65,0.19C2.48,0.24,1.67,0.24,0.95,1C0.38,1.58,0.19,2.89,0.19,2.89S0,4.43,0,5.97v1.44c0,1.54,0.19,3.08,0.19,3.08 s0.19,1.31,0.75,1.89c0.72,0.76,1.68,0.73,2.1,0.81c1.52,0.14,6.47,0.19,6.47,0.19s4-0.01,6.66-0.2c0.37-0.04,1.18-0.05,1.91-0.81 c0.57-0.58,0.76-1.89,0.76-1.89s0.19-1.54,0.19-3.08V5.97C19.02,4.43,18.83,2.89,18.83,2.89z M7.54,9.16V3.81l5.14,2.68L7.54,9.16z '/%3E%3C/g%3E%3C/svg%3E");
}
.ico.svg_youtube:hover,
.ico.svg_youtube:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.02 13.39' style='enable-background:new 0 0 19.02 13.39;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%230072C6' d='M18.83,2.89c0,0-0.19-1.31-0.76-1.89c-0.72-0.76-1.53-0.76-1.91-0.81C13.51,0,9.51,0,9.51,0H9.51 c0,0-3.99,0-6.65,0.19C2.48,0.24,1.67,0.24,0.95,1C0.38,1.58,0.19,2.89,0.19,2.89S0,4.43,0,5.97v1.44c0,1.54,0.19,3.08,0.19,3.08 s0.19,1.31,0.75,1.89c0.72,0.76,1.68,0.73,2.1,0.81c1.52,0.14,6.47,0.19,6.47,0.19s4-0.01,6.66-0.2c0.37-0.04,1.18-0.05,1.91-0.81 c0.57-0.58,0.76-1.89,0.76-1.89s0.19-1.54,0.19-3.08V5.97C19.02,4.43,18.83,2.89,18.83,2.89z M7.54,9.16V3.81l5.14,2.68L7.54,9.16z '/%3E%3C/g%3E%3C/svg%3E");
}
.ico.svg_yubase {
  width: 54px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 435.3 114.2' style='enable-background:new 0 0 435.3 114.2;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M164.5,32.5h-19.8c-0.9,4.3-7.6,35.6-7.6,35.6c-1,4.4-4.3,7.5-8.1,7.5c-2,0-3.6-0.7-4.6-2 c-0.8-1.1-1.3-2.6-1.3-4.3c0-0.8,0.1-1.7,0.3-2.6c0,0,6.8-32.7,7.1-34.2h-19.8c-0.9,4.5-8,38.2-8,38.2c-0.3,1.6-0.5,3.2-0.5,4.6 c0,3.2,0.8,5.9,2.5,8c2.3,3,6.1,4.3,10.8,4.6c11.1,0.6,19.7-8.1,19.7-8.1l0,1.7c0,0.6,0,1.2,0,1.8c0,1.1,0.1,2.2,0.2,3.2h19.9 c-0.4-1.2-0.6-2.5-0.6-4c0-2.3,0.4-5,0.8-7.7C155.5,74.9,164.1,34,164.5,32.5z M317.3,30.2c-15.9-0.3-26.8,6-29,16.9 c-2.5,12.3,7.2,15.3,15.9,18.1c6,1.9,11.2,3.6,10.3,8.2c-0.7,3.2-3.9,5.3-7.9,5.3c-2.1,0-3.7-0.9-4.7-2.4c-0.5-0.8-0.8-2-0.8-3.6 c0-0.8,0.1-1.8,0.2-2.9l-17.8-0.3c-0.2,1.4-0.3,2.8-0.3,4c0,4.1,0.9,7.2,2.9,9.5c3.1,3.8,9.2,5.8,18.5,5.9 c15.6,0.3,27.2-6.8,29.5-18.1c2.6-12.6-7.9-15.6-16.3-18c-5.9-1.7-10.9-3.1-10-7.4c0.6-3,3.5-4.9,7.1-4.8c2.1,0,3.5,0.5,4.3,1.6 c0.7,0.9,1,2,1,3.6c0,0.6-0.1,1.4-0.2,2.2l17.5,0.3c0.1-1,0.2-2,0.2-3c0-4-1-7.2-2.9-9.5C331.7,32.2,326,30.3,317.3,30.2z M258.5,30 c-9.1,0-24.6,2.3-27.7,17.7h17.8c1.1-5.1,3.6-7.5,8-7.5c2.3,0,4.1,0.6,5,1.9c0.8,1,1.1,2.4,0.8,4.1c-0.6,3.8-2.9,5.7-7.8,6.7 c0,0-8.7,1.8-8.7,1.8c-13.4,2.7-19.1,7.3-20.3,17.6c-0.6,5-0.1,8.8,2,11.4c2.4,2.9,6.5,4.3,12.4,4.4c9.6,0,16.7-7.8,16.7-7.8 s-0.3,3.3,0.2,6.4H276c-0.4-1.2-0.6-2.5-0.6-4c0-2.3,0.4-5,0.9-7.7l4.3-25.9c0.2-1.5,0.4-2.8,0.4-4.1c0-3.5-0.9-6.4-2.7-8.7 C274.9,32.1,268.2,30,258.5,30z M259,66.9c-1.2,6.9-4,10.2-8.6,9.8c-3.5-0.3-5.4-2.8-5.2-6.7c0.1-3.7,2.3-6.5,6.2-8 c1.4-0.5,8.9-2.6,8.9-2.6L259,66.9z M370.4,29.9c-15.3,0.2-27.3,12.2-29.9,29.9c-1.4,9.2,0.1,16.7,4.2,21.6c3.9,4.6,10.1,6.9,18,6.8 c12.6-0.2,22.7-6.6,27.2-17c-1.8,0-15.8,0.3-16.2,0.3c-1.9,2.5-5.2,4.1-8.7,4.2c-2.6,0.1-4.7-0.8-6.2-2.4c-1.6-1.7-2.4-4.3-2.4-7.6 l0.1-2.2l36-0.6c0.6-3.9,0.9-7.4,0.9-10.5c0-7.2-1.5-12.5-4.6-16.1C385,31.8,379,29.8,370.4,29.9z M377.3,52.6l-0.1,0.5L358,53.5 l0.2-0.8c1.9-6.5,5.9-10,11.6-10.2c2.3,0,4.3,0.8,5.6,2.5C377.1,46.8,377.7,49.6,377.3,52.6z M381.1,0h-327C24.2,0,0,25.6,0,57.1 c0,31.5,24.2,57.1,54.1,57.1h327c29.9,0,54.1-25.6,54.1-57.1C435.3,25.6,411,0,381.1,0z M189.6,59c2.3-12,4.1-16.2,9.5-16.2 c1.8,0,3.1,0.5,3.9,1.5c1.6,2,1.5,5.8-0.3,15c-2.3,11.9-4.1,16.2-9.6,16.2c-1.8,0-3-0.5-3.7-1.4C187.7,72,187.8,68.2,189.6,59z M380.4,106H80.6c2.3-0.1,4.6-3.4,5.3-6.2c0,0,14-65.8,14.3-67.3H80.4c-0.2,1-6.9,33.9-6.9,33.9c-1.2,5.4-4.4,8.8-8.4,8.8 c-2,0-3.6-0.7-4.6-2c-0.9-1.1-1.3-2.6-1.3-4.4c0-0.8,0.1-1.6,0.3-2.5c0,0,6.6-32.4,6.9-33.9H46.5c-0.9,4.5-7.8,37.8-7.8,37.8 c-0.3,1.6-0.5,3.1-0.5,4.5c0,3.3,0.8,6,2.5,8.2c2.3,3,6.2,4.4,10.8,4.6c10.1,0.4,19-7,19-7s-2.8,14-2.8,14 c-1.2,6.2-4.2,11.3-6.7,11.4h-6.2C29.3,106,8.5,84.1,8.5,57.1S29.3,8.2,54.9,8.2h124.7c-3.2,16.5-14.9,77.1-15.2,78.4h19.1 c0.2-0.9,1.5-7.7,1.5-7.7s3,9.5,13.3,9.2c13.1-0.5,20.1-8.8,24.3-30.3c2.2-11.5,1.7-19.1-1.7-23.4c-2.3-2.9-6.1-4.6-11.6-4.3 c-9.2,0.5-15.7,7.8-15.7,7.8s4-20.6,5.7-29.7h181c25.6,0,46.4,21.9,46.4,48.9C426.8,84.1,406,106,380.4,106z'/%3E%3C/svg%3E");
}
.ico.svg_yubase:hover,
.ico.svg_yubase:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 435.3 114.2' style='enable-background:new 0 0 435.3 114.2;' xml:space='preserve'%3E%3Cpath fill='%230072C6' d='M164.5,32.5h-19.8c-0.9,4.3-7.6,35.6-7.6,35.6c-1,4.4-4.3,7.5-8.1,7.5c-2,0-3.6-0.7-4.6-2 c-0.8-1.1-1.3-2.6-1.3-4.3c0-0.8,0.1-1.7,0.3-2.6c0,0,6.8-32.7,7.1-34.2h-19.8c-0.9,4.5-8,38.2-8,38.2c-0.3,1.6-0.5,3.2-0.5,4.6 c0,3.2,0.8,5.9,2.5,8c2.3,3,6.1,4.3,10.8,4.6c11.1,0.6,19.7-8.1,19.7-8.1l0,1.7c0,0.6,0,1.2,0,1.8c0,1.1,0.1,2.2,0.2,3.2h19.9 c-0.4-1.2-0.6-2.5-0.6-4c0-2.3,0.4-5,0.8-7.7C155.5,74.9,164.1,34,164.5,32.5z M317.3,30.2c-15.9-0.3-26.8,6-29,16.9 c-2.5,12.3,7.2,15.3,15.9,18.1c6,1.9,11.2,3.6,10.3,8.2c-0.7,3.2-3.9,5.3-7.9,5.3c-2.1,0-3.7-0.9-4.7-2.4c-0.5-0.8-0.8-2-0.8-3.6 c0-0.8,0.1-1.8,0.2-2.9l-17.8-0.3c-0.2,1.4-0.3,2.8-0.3,4c0,4.1,0.9,7.2,2.9,9.5c3.1,3.8,9.2,5.8,18.5,5.9 c15.6,0.3,27.2-6.8,29.5-18.1c2.6-12.6-7.9-15.6-16.3-18c-5.9-1.7-10.9-3.1-10-7.4c0.6-3,3.5-4.9,7.1-4.8c2.1,0,3.5,0.5,4.3,1.6 c0.7,0.9,1,2,1,3.6c0,0.6-0.1,1.4-0.2,2.2l17.5,0.3c0.1-1,0.2-2,0.2-3c0-4-1-7.2-2.9-9.5C331.7,32.2,326,30.3,317.3,30.2z M258.5,30 c-9.1,0-24.6,2.3-27.7,17.7h17.8c1.1-5.1,3.6-7.5,8-7.5c2.3,0,4.1,0.6,5,1.9c0.8,1,1.1,2.4,0.8,4.1c-0.6,3.8-2.9,5.7-7.8,6.7 c0,0-8.7,1.8-8.7,1.8c-13.4,2.7-19.1,7.3-20.3,17.6c-0.6,5-0.1,8.8,2,11.4c2.4,2.9,6.5,4.3,12.4,4.4c9.6,0,16.7-7.8,16.7-7.8 s-0.3,3.3,0.2,6.4H276c-0.4-1.2-0.6-2.5-0.6-4c0-2.3,0.4-5,0.9-7.7l4.3-25.9c0.2-1.5,0.4-2.8,0.4-4.1c0-3.5-0.9-6.4-2.7-8.7 C274.9,32.1,268.2,30,258.5,30z M259,66.9c-1.2,6.9-4,10.2-8.6,9.8c-3.5-0.3-5.4-2.8-5.2-6.7c0.1-3.7,2.3-6.5,6.2-8 c1.4-0.5,8.9-2.6,8.9-2.6L259,66.9z M370.4,29.9c-15.3,0.2-27.3,12.2-29.9,29.9c-1.4,9.2,0.1,16.7,4.2,21.6c3.9,4.6,10.1,6.9,18,6.8 c12.6-0.2,22.7-6.6,27.2-17c-1.8,0-15.8,0.3-16.2,0.3c-1.9,2.5-5.2,4.1-8.7,4.2c-2.6,0.1-4.7-0.8-6.2-2.4c-1.6-1.7-2.4-4.3-2.4-7.6 l0.1-2.2l36-0.6c0.6-3.9,0.9-7.4,0.9-10.5c0-7.2-1.5-12.5-4.6-16.1C385,31.8,379,29.8,370.4,29.9z M377.3,52.6l-0.1,0.5L358,53.5 l0.2-0.8c1.9-6.5,5.9-10,11.6-10.2c2.3,0,4.3,0.8,5.6,2.5C377.1,46.8,377.7,49.6,377.3,52.6z M381.1,0h-327C24.2,0,0,25.6,0,57.1 c0,31.5,24.2,57.1,54.1,57.1h327c29.9,0,54.1-25.6,54.1-57.1C435.3,25.6,411,0,381.1,0z M189.6,59c2.3-12,4.1-16.2,9.5-16.2 c1.8,0,3.1,0.5,3.9,1.5c1.6,2,1.5,5.8-0.3,15c-2.3,11.9-4.1,16.2-9.6,16.2c-1.8,0-3-0.5-3.7-1.4C187.7,72,187.8,68.2,189.6,59z M380.4,106H80.6c2.3-0.1,4.6-3.4,5.3-6.2c0,0,14-65.8,14.3-67.3H80.4c-0.2,1-6.9,33.9-6.9,33.9c-1.2,5.4-4.4,8.8-8.4,8.8 c-2,0-3.6-0.7-4.6-2c-0.9-1.1-1.3-2.6-1.3-4.4c0-0.8,0.1-1.6,0.3-2.5c0,0,6.6-32.4,6.9-33.9H46.5c-0.9,4.5-7.8,37.8-7.8,37.8 c-0.3,1.6-0.5,3.1-0.5,4.5c0,3.3,0.8,6,2.5,8.2c2.3,3,6.2,4.4,10.8,4.6c10.1,0.4,19-7,19-7s-2.8,14-2.8,14 c-1.2,6.2-4.2,11.3-6.7,11.4h-6.2C29.3,106,8.5,84.1,8.5,57.1S29.3,8.2,54.9,8.2h124.7c-3.2,16.5-14.9,77.1-15.2,78.4h19.1 c0.2-0.9,1.5-7.7,1.5-7.7s3,9.5,13.3,9.2c13.1-0.5,20.1-8.8,24.3-30.3c2.2-11.5,1.7-19.1-1.7-23.4c-2.3-2.9-6.1-4.6-11.6-4.3 c-9.2,0.5-15.7,7.8-15.7,7.8s4-20.6,5.7-29.7h181c25.6,0,46.4,21.9,46.4,48.9C426.8,84.1,406,106,380.4,106z'/%3E%3C/svg%3E");
}
.ico.svg_zic {
  width: 47px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 233.4 74.1' style='enable-background:new 0 0 233.4 74.1;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M172,15.6h61.4V0h-82.5c-6.7,0-12,5.4-12,12v50c0,6.7,5.4,12,12,12l82.5,0V58.4H172 c-1.4,0-2.6-1.2-2.6-2.6V18.2C169.4,16.8,170.5,15.6,172,15.6z'/%3E%3Cpath fill='%23ffffff' d='M113.8,0c-6.7,0-12,5.4-12,12v53c0,3.3-1.7,5.4-2.9,6.6c-0.1,0.1-0.4,0-0.4-0.2v-1c0-6.7-5.4-12-12-12h-45 l49.2-39.6c3.2-2.5,4.6-6.7,3.6-10.8c-1.2-4.8-5.6-8-10.5-8L2,0v15.6h51.1L3.9,55.2c-2.5,2-3.9,5-3.9,8.2v0 C0,69.3,4.7,74,10.6,74l109.7,0c6.7,0,12-5.4,12-12V9c0-5.3,4.2-7.6,4.2-7.6V0H113.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.ico.svg_zic:hover,
.ico.svg_zic:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 233.4 74.1' style='enable-background:new 0 0 233.4 74.1;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230072C6' d='M172,15.6h61.4V0h-82.5c-6.7,0-12,5.4-12,12v50c0,6.7,5.4,12,12,12l82.5,0V58.4H172 c-1.4,0-2.6-1.2-2.6-2.6V18.2C169.4,16.8,170.5,15.6,172,15.6z'/%3E%3Cpath fill='%230072C6' d='M113.8,0c-6.7,0-12,5.4-12,12v53c0,3.3-1.7,5.4-2.9,6.6c-0.1,0.1-0.4,0-0.4-0.2v-1c0-6.7-5.4-12-12-12h-45 l49.2-39.6c3.2-2.5,4.6-6.7,3.6-10.8c-1.2-4.8-5.6-8-10.5-8L2,0v15.6h51.1L3.9,55.2c-2.5,2-3.9,5-3.9,8.2v0 C0,69.3,4.7,74,10.6,74l109.7,0c6.7,0,12-5.4,12-12V9c0-5.3,4.2-7.6,4.2-7.6V0H113.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.ico.svg_search_open {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28.2 28.6' style='enable-background:new 0 0 28.2 28.6;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M11.2,3c2.2,0,4.3,0.9,5.8,2.4s2.4,3.6,2.4,5.8s-0.9,4.3-2.4,5.8s-3.6,2.4-5.8,2.4S7,18.6,5.4,17.1 C3.9,15.5,3,13.4,3,11.2C3,9,3.9,7,5.4,5.4C7,3.9,9,3,11.2,3 M11.2,0C8.4,0,5.5,1.1,3.3,3.3c-4.4,4.4-4.4,11.5,0,15.9 c2.2,2.2,5.1,3.3,7.9,3.3s5.8-1.1,7.9-3.3c4.4-4.4,4.4-11.5,0-15.9C17,1.1,14.1,0,11.2,0L11.2,0z'/%3E%3Crect x='21.1' y='16.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -9.6282 22.7446)' fill='%23ffffff' width='3' height='12.7'/%3E%3C/svg%3E%0A");
}
.ico.svg_search_open:hover,
.ico.svg_search_open:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28.2 28.6' style='enable-background:new 0 0 28.2 28.6;' xml:space='preserve'%3E%3Cpath fill='%230072C6' d='M11.2,3c2.2,0,4.3,0.9,5.8,2.4s2.4,3.6,2.4,5.8s-0.9,4.3-2.4,5.8s-3.6,2.4-5.8,2.4S7,18.6,5.4,17.1 C3.9,15.5,3,13.4,3,11.2C3,9,3.9,7,5.4,5.4C7,3.9,9,3,11.2,3 M11.2,0C8.4,0,5.5,1.1,3.3,3.3c-4.4,4.4-4.4,11.5,0,15.9 c2.2,2.2,5.1,3.3,7.9,3.3s5.8-1.1,7.9-3.3c4.4-4.4,4.4-11.5,0-15.9C17,1.1,14.1,0,11.2,0L11.2,0z'/%3E%3Crect x='21.1' y='16.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -9.6282 22.7446)' fill='%230072C6' width='3' height='12.7'/%3E%3C/svg%3E%0A");
}
.ico.svg_search_close {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30.56 30.56' style='enable-background:new 0 0 30.56 30.56;' xml:space='preserve'%3E%3Crect x='-4.72' y='13.67' transform='matrix(0.7071 0.7071 -0.7071 0.7071 15.2797 -6.329)' fill='%23222222' width='40' height='3.22'/%3E%3Crect x='-4.72' y='13.67' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 36.8884 15.2797)' fill='%23222222' width='40' height='3.22'/%3E%3C/svg%3E%0A");
}
.ico.svg_search_close:hover,
.ico.svg_search_close:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30.56 30.56' style='enable-background:new 0 0 30.56 30.56;' xml:space='preserve'%3E%3Crect x='-4.72' y='13.67' transform='matrix(0.7071 0.7071 -0.7071 0.7071 15.2797 -6.329)' fill='%230072C6' width='40' height='3.22'/%3E%3Crect x='-4.72' y='13.67' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 36.8884 15.2797)' fill='%230072C6' width='40' height='3.22'/%3E%3C/svg%3E%0A");
}
.ico.svg_search {
  width: 36px;
  height: 38px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35.38 37.32' style='enable-background:new 0 0 35.38 37.32;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M35.38,34.13l-9.99-9.99c2.27-2.56,3.66-5.92,3.66-9.61C29.05,6.52,22.54,0,14.53,0S0,6.52,0,14.53 s6.52,14.53,14.53,14.53c2.69,0,5.2-0.75,7.37-2.03l10.29,10.29L35.38,34.13z M4,14.53C4,8.72,8.72,4,14.53,4 s10.53,4.72,10.53,10.53s-4.72,10.53-10.53,10.53S4,20.33,4,14.53z'/%3E%3C/svg%3E");
}
.ico.svg_search:hover,
.ico.svg_search:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35.38 37.32' style='enable-background:new 0 0 35.38 37.32;' xml:space='preserve'%3E%3Cpath fill='%230072C6' d='M35.38,34.13l-9.99-9.99c2.27-2.56,3.66-5.92,3.66-9.61C29.05,6.52,22.54,0,14.53,0S0,6.52,0,14.53 s6.52,14.53,14.53,14.53c2.69,0,5.2-0.75,7.37-2.03l10.29,10.29L35.38,34.13z M4,14.53C4,8.72,8.72,4,14.53,4 s10.53,4.72,10.53,10.53s-4.72,10.53-10.53,10.53S4,20.33,4,14.53z'/%3E%3C/svg%3E");
}
.ico.svg_search_del {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 29.81 29.81' style='enable-background:new 0 0 29.81 29.81;' xml:space='preserve'%3E%3Cpath fill='%23222222' d='M14.91,0C6.67,0,0,6.67,0,14.91c0,8.23,6.67,14.91,14.91,14.91c8.23,0,14.91-6.67,14.91-14.91 C29.81,6.67,23.14,0,14.91,0z M21.98,20.91l-1.07,1.07l-6.01-6.01L8.9,21.98l-1.07-1.07l6.01-6.01L7.83,8.9L8.9,7.83l6.01,6.01 l6.01-6.01l1.07,1.07l-6.01,6.01L21.98,20.91z'/%3E%3C/svg%3E%0A");
}
.ico.svg_search_del:hover,
.ico.svg_search_del:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 29.81 29.81' style='enable-background:new 0 0 29.81 29.81;' xml:space='preserve'%3E%3Cpath fill='%230072C6' d='M14.91,0C6.67,0,0,6.67,0,14.91c0,8.23,6.67,14.91,14.91,14.91c8.23,0,14.91-6.67,14.91-14.91 C29.81,6.67,23.14,0,14.91,0z M21.98,20.91l-1.07,1.07l-6.01-6.01L8.9,21.98l-1.07-1.07l6.01-6.01L7.83,8.9L8.9,7.83l6.01,6.01 l6.01-6.01l1.07,1.07l-6.01,6.01L21.98,20.91z'/%3E%3C/svg%3E%0A");
}
.ico.svg_lang {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 106.3 107.22' style='enable-background:new 0 0 106.3 107.22;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M53.61,0C24.05,0,0,24.06,0,53.61c0,29.57,24.05,53.61,53.61,53.61s53.61-24.04,53.61-53.61 C107.22,24.06,83.18,0,53.61,0z M87.32,62c-1.58,0.55-3.29,1.04-5.06,1.5c0.31-3.2,0.48-6.5,0.48-9.89c0-3.39-0.17-6.68-0.48-9.88 c1.76,0.46,3.47,0.96,5.06,1.51c8.15,2.83,11.8,6.25,11.8,8.37C99.11,55.74,95.46,59.16,87.32,62z M8.11,53.61 c0-2.13,3.65-5.54,11.8-8.38c1.59-0.55,3.29-1.04,5.06-1.51c-0.31,3.2-0.48,6.5-0.48,9.89c0,3.39,0.17,6.69,0.48,9.89 c-1.76-0.46-3.47-0.95-5.06-1.5C11.76,59.16,8.11,55.74,8.11,53.61z M32.59,53.61c0-3.99,0.27-7.88,0.75-11.64 c5.06-0.82,10.52-1.34,16.22-1.51v26.3c-5.7-0.17-11.16-0.68-16.22-1.51C32.86,61.5,32.59,57.6,32.59,53.61z M57.67,9.08 c3.65,1.7,7.17,5.62,10.06,11.32c1.95,3.85,3.49,8.31,4.64,13.13c-4.74-0.65-9.7-1.05-14.7-1.19V9.08z M49.56,9.08v23.27 c-5,0.14-9.96,0.54-14.7,1.19c1.14-4.82,2.69-9.28,4.64-13.13C42.38,14.69,45.91,10.78,49.56,9.08z M49.56,74.88v23.27 c-3.65-1.7-7.17-5.62-10.06-11.33c-1.95-3.85-3.49-8.31-4.64-13.13C39.6,74.34,44.56,74.74,49.56,74.88z M57.67,98.15V74.88 c5-0.14,9.96-0.54,14.7-1.19c-1.15,4.82-2.69,9.28-4.64,13.13C64.84,92.53,61.31,96.45,57.67,98.15z M57.67,66.76v-26.3 c5.7,0.16,11.16,0.68,16.22,1.51c0.48,3.76,0.75,7.65,0.75,11.64c0,3.99-0.27,7.89-0.75,11.65C68.82,66.08,63.36,66.6,57.67,66.76z M97.23,40.69c-4.39-2.37-9.97-4.25-16.22-5.63c-1.77-9.08-4.81-16.96-8.75-22.93C84.23,17.53,93.45,27.94,97.23,40.69z M34.96,12.13c-3.94,5.97-6.98,13.85-8.75,22.93c-6.25,1.38-11.83,3.25-16.22,5.63C13.77,27.94,23,17.53,34.96,12.13z M9.99,66.54 c4.38,2.38,9.97,4.25,16.22,5.63c1.77,9.09,4.81,16.96,8.76,22.94C23,89.7,13.77,79.28,9.99,66.54z M72.26,95.1 c3.94-5.97,6.99-13.85,8.76-22.94c6.25-1.37,11.83-3.25,16.22-5.63C93.45,79.29,84.22,89.7,72.26,95.1z'/%3E%3C/svg%3E%0A");
}
.ico.svg_lang:hover,
.ico.svg_lang:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='레이어_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 106.3 107.22' style='enable-background:new 0 0 106.3 107.22;' xml:space='preserve'%3E%3Cpath fill='%230072C6' d='M53.61,0C24.05,0,0,24.06,0,53.61c0,29.57,24.05,53.61,53.61,53.61s53.61-24.04,53.61-53.61 C107.22,24.06,83.18,0,53.61,0z M87.32,62c-1.58,0.55-3.29,1.04-5.06,1.5c0.31-3.2,0.48-6.5,0.48-9.89c0-3.39-0.17-6.68-0.48-9.88 c1.76,0.46,3.47,0.96,5.06,1.51c8.15,2.83,11.8,6.25,11.8,8.37C99.11,55.74,95.46,59.16,87.32,62z M8.11,53.61 c0-2.13,3.65-5.54,11.8-8.38c1.59-0.55,3.29-1.04,5.06-1.51c-0.31,3.2-0.48,6.5-0.48,9.89c0,3.39,0.17,6.69,0.48,9.89 c-1.76-0.46-3.47-0.95-5.06-1.5C11.76,59.16,8.11,55.74,8.11,53.61z M32.59,53.61c0-3.99,0.27-7.88,0.75-11.64 c5.06-0.82,10.52-1.34,16.22-1.51v26.3c-5.7-0.17-11.16-0.68-16.22-1.51C32.86,61.5,32.59,57.6,32.59,53.61z M57.67,9.08 c3.65,1.7,7.17,5.62,10.06,11.32c1.95,3.85,3.49,8.31,4.64,13.13c-4.74-0.65-9.7-1.05-14.7-1.19V9.08z M49.56,9.08v23.27 c-5,0.14-9.96,0.54-14.7,1.19c1.14-4.82,2.69-9.28,4.64-13.13C42.38,14.69,45.91,10.78,49.56,9.08z M49.56,74.88v23.27 c-3.65-1.7-7.17-5.62-10.06-11.33c-1.95-3.85-3.49-8.31-4.64-13.13C39.6,74.34,44.56,74.74,49.56,74.88z M57.67,98.15V74.88 c5-0.14,9.96-0.54,14.7-1.19c-1.15,4.82-2.69,9.28-4.64,13.13C64.84,92.53,61.31,96.45,57.67,98.15z M57.67,66.76v-26.3 c5.7,0.16,11.16,0.68,16.22,1.51c0.48,3.76,0.75,7.65,0.75,11.64c0,3.99-0.27,7.89-0.75,11.65C68.82,66.08,63.36,66.6,57.67,66.76z M97.23,40.69c-4.39-2.37-9.97-4.25-16.22-5.63c-1.77-9.08-4.81-16.96-8.75-22.93C84.23,17.53,93.45,27.94,97.23,40.69z M34.96,12.13c-3.94,5.97-6.98,13.85-8.75,22.93c-6.25,1.38-11.83,3.25-16.22,5.63C13.77,27.94,23,17.53,34.96,12.13z M9.99,66.54 c4.38,2.38,9.97,4.25,16.22,5.63c1.77,9.09,4.81,16.96,8.76,22.94C23,89.7,13.77,79.28,9.99,66.54z M72.26,95.1 c3.94-5.97,6.99-13.85,8.76-22.94c6.25-1.37,11.83-3.25,16.22-5.63C93.45,79.29,84.22,89.7,72.26,95.1z'/%3E%3C/svg%3E%0A");
}
.ico.svg_link {
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpolygon fill='%23999999' points='14.13,16 0,16 0,1.87 7.07,1.87 7.07,3.87 2,3.87 2,14 12.13,14 12.13,8.93 14.13,8.93 '/%3E%3Cpath class='st1' d='M13.62,8.88'/%3E%3Cpath class='st1' d='M7.18,2.39'/%3E%3C/g%3E%3Crect x='5.67' y='4.02' transform='matrix(0.7072 -0.707 0.707 0.7072 -0.3148 9.2821)' fill='%23999999' width='10.77' height='2'/%3E%3Cpolygon fill='%23999999' points='16,6.13 14,6.13 14,2 9.87,2 9.87,0 16,0 '/%3E%3C/g%3E%3C/svg%3E%0A");
  margin-left: 7px;
}
.ico.svg_link:hover,
.ico.svg_link:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:none;stroke:%230072C6;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpolygon fill='%230072C6' points='14.13,16 0,16 0,1.87 7.07,1.87 7.07,3.87 2,3.87 2,14 12.13,14 12.13,8.93 14.13,8.93 '/%3E%3Cpath class='st1' d='M13.62,8.88'/%3E%3Cpath class='st1' d='M7.18,2.39'/%3E%3C/g%3E%3Crect x='5.67' y='4.02' transform='matrix(0.7072 -0.707 0.707 0.7072 -0.3148 9.2821)' fill='%230072C6' width='10.77' height='2'/%3E%3Cpolygon fill='%230072C6' points='16,6.13 14,6.13 14,2 9.87,2 9.87,0 16,0 '/%3E%3C/g%3E%3C/svg%3E%0A");
}
.ico.svg_sns {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0709484 13.7754L0.00933128 12.4555C-0.275882 5.5214 6.01259 0.453155 14.0031 0.0244617C21.993 -0.404878 28.7018 4.86875 28.987 11.8028C29.2122 17.284 26.5129 22.1415 21.0424 24.9588C20.2893 25.456 18.075 26.5605 18.075 26.5605L14.9854 27.7273L13.665 28H12.3865L11.8416 27.4127C11.8416 27.4127 11.6261 26.9737 11.5484 26.6119C11.5399 26.572 11.533 26.5332 11.5283 26.4959C11.5151 26.3927 11.5184 26.3019 11.5482 26.2382L12.4995 25.3304C12.8459 24.5872 12.593 24.5633 12.0025 24.5076C11.9049 24.4983 11.7981 24.4883 11.6833 24.4739C11.6394 24.4684 11.5944 24.4623 11.5482 24.4554C11.197 24.403 10.8507 24.3421 10.5098 24.273C4.59953 23.0748 0.302087 19.3917 0.0709484 13.7754ZM14.6937 25.5509C14.7504 25.3396 14.7923 25.0999 14.7944 24.8448C14.7973 24.4788 14.7202 24.0095 14.434 23.5521C14.1488 23.0966 13.7672 22.8304 13.4622 22.6806C13.0025 22.4547 12.5155 22.4079 12.3768 22.3946C12.3683 22.3938 12.361 22.3931 12.3552 22.3925C12.2743 22.3841 12.2106 22.3781 12.1556 22.373C12.0462 22.3627 11.9714 22.3557 11.8646 22.3397L11.8642 22.3396L11.8639 22.3396C5.99887 21.4632 2.39322 18.2145 2.20691 13.6874L2.20667 13.6815L2.1453 12.3675C2.14522 12.3656 2.14514 12.3637 2.14506 12.3618C1.93041 7.05501 6.78476 2.55413 14.1175 2.16072L14.1177 2.16071C21.2207 1.77903 26.6264 6.42974 26.851 11.8908C27.0411 16.5168 24.815 20.6099 20.0642 23.0566L19.9616 23.1094L19.8653 23.173C19.5968 23.3503 18.9567 23.6999 18.2872 24.0495C17.9727 24.2138 17.6801 24.3634 17.4659 24.4722C17.3616 24.5251 17.2762 24.5681 17.2165 24.5981L14.6937 25.5509Z' fill='%23ffffff'/%3E%3Cpath d='M7.46629 16.3545C6.90292 16.3545 6.36303 16.2807 5.84661 16.133C5.33019 15.9787 4.91437 15.7807 4.59915 15.5391L5.15246 14.3108C5.45426 14.5256 5.80972 14.7035 6.21883 14.8444C6.63465 14.9786 7.05382 15.0458 7.47635 15.0458C7.79827 15.0458 8.05648 15.0156 8.25098 14.9551C8.45218 14.888 8.59973 14.7974 8.69362 14.6833C8.78752 14.5692 8.83446 14.4384 8.83446 14.2907C8.83446 14.1028 8.76069 13.9551 8.61314 13.8477C8.46559 13.7336 8.2711 13.643 8.02965 13.5759C7.78821 13.5021 7.51994 13.435 7.22484 13.3746C6.93645 13.3074 6.64471 13.2269 6.34961 13.1329C6.06122 13.039 5.79631 12.9182 5.55487 12.7705C5.31342 12.6229 5.11557 12.4282 4.96132 12.1866C4.81377 11.945 4.74 11.6363 4.74 11.2604C4.74 10.8577 4.8473 10.4919 5.06192 10.1631C5.28324 9.82747 5.61187 9.56237 6.04781 9.36773C6.49046 9.16638 7.04376 9.06571 7.70773 9.06571C8.15038 9.06571 8.58631 9.1194 9.01554 9.22679C9.44478 9.32746 9.82371 9.48183 10.1523 9.68989L9.64933 10.9282C9.3207 10.7403 8.99207 10.6027 8.66344 10.5154C8.33481 10.4215 8.01289 10.3745 7.69767 10.3745C7.38245 10.3745 7.12424 10.4114 6.92304 10.4852C6.72184 10.559 6.57764 10.6564 6.49046 10.7772C6.40327 10.8913 6.35967 11.0255 6.35967 11.1799C6.35967 11.3611 6.43345 11.5087 6.581 11.6228C6.72855 11.7302 6.92304 11.8175 7.16448 11.8846C7.40593 11.9517 7.67084 12.0188 7.95923 12.0859C8.25433 12.153 8.54607 12.2302 8.83446 12.3175C9.12956 12.4047 9.39783 12.5222 9.63927 12.6698C9.88072 12.8175 10.0752 13.0121 10.2228 13.2538C10.377 13.4954 10.4541 13.8007 10.4541 14.1699C10.4541 14.5659 10.3435 14.9283 10.1222 15.2572C9.90084 15.586 9.56885 15.8511 9.12621 16.0525C8.69027 16.2538 8.13696 16.3545 7.46629 16.3545Z' fill='%23ffffff'/%3E%3Cpath d='M10.9641 16.2337V9.18652H12.3122L16.467 14.2605H15.8131V9.18652H17.4227V16.2337H16.0847L11.9199 11.1597H12.5738V16.2337H10.9641Z' fill='%23ffffff'/%3E%3Cpath d='M20.7991 16.3545C20.2357 16.3545 19.6958 16.2807 19.1794 16.133C18.663 15.9787 18.2472 15.7807 17.932 15.5391L18.4853 14.3108C18.7871 14.5256 19.1425 14.7035 19.5516 14.8444C19.9674 14.9786 20.3866 15.0458 20.8091 15.0458C21.1311 15.0458 21.3893 15.0156 21.5838 14.9551C21.785 14.888 21.9325 14.7974 22.0264 14.6833C22.1203 14.5692 22.1673 14.4384 22.1673 14.2907C22.1673 14.1028 22.0935 13.9551 21.9459 13.8477C21.7984 13.7336 21.6039 13.643 21.3625 13.5759C21.121 13.5021 20.8527 13.435 20.5576 13.3746C20.2693 13.3074 19.9775 13.2269 19.6824 13.1329C19.394 13.039 19.1291 12.9182 18.8877 12.7705C18.6462 12.6229 18.4484 12.4282 18.2941 12.1866C18.1466 11.945 18.0728 11.6363 18.0728 11.2604C18.0728 10.8577 18.1801 10.4919 18.3947 10.1631C18.616 9.82747 18.9447 9.56237 19.3806 9.36773C19.8233 9.16638 20.3766 9.06571 21.0405 9.06571C21.4832 9.06571 21.9191 9.1194 22.3483 9.22679C22.7776 9.32746 23.1565 9.48183 23.4851 9.68989L22.9821 10.9282C22.6535 10.7403 22.3249 10.6027 21.9962 10.5154C21.6676 10.4215 21.3457 10.3745 21.0305 10.3745C20.7153 10.3745 20.457 10.4114 20.2558 10.4852C20.0546 10.559 19.9104 10.6564 19.8233 10.7772C19.7361 10.8913 19.6925 11.0255 19.6925 11.1799C19.6925 11.3611 19.7662 11.5087 19.9138 11.6228C20.0613 11.7302 20.2558 11.8175 20.4973 11.8846C20.7387 11.9517 21.0036 12.0188 21.292 12.0859C21.5871 12.153 21.8789 12.2302 22.1673 12.3175C22.4624 12.4047 22.7306 12.5222 22.9721 12.6698C23.2135 12.8175 23.408 13.0121 23.5556 13.2538C23.7098 13.4954 23.7869 13.8007 23.7869 14.1699C23.7869 14.5659 23.6763 14.9283 23.455 15.2572C23.2336 15.586 22.9016 15.8511 22.459 16.0525C22.0231 16.2538 21.4698 16.3545 20.7991 16.3545Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.ico.svg_sns:hover,
.ico.svg_sns:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0709484 13.7754L0.00933128 12.4555C-0.275882 5.5214 6.01259 0.453155 14.0031 0.0244617C21.993 -0.404878 28.7018 4.86875 28.987 11.8028C29.2122 17.284 26.5129 22.1415 21.0424 24.9588C20.2893 25.456 18.075 26.5605 18.075 26.5605L14.9854 27.7273L13.665 28H12.3865L11.8416 27.4127C11.8416 27.4127 11.6261 26.9737 11.5484 26.6119C11.5399 26.572 11.533 26.5332 11.5283 26.4959C11.5151 26.3927 11.5184 26.3019 11.5482 26.2382L12.4995 25.3304C12.8459 24.5872 12.593 24.5633 12.0025 24.5076C11.9049 24.4983 11.7981 24.4883 11.6833 24.4739C11.6394 24.4684 11.5944 24.4623 11.5482 24.4554C11.197 24.403 10.8507 24.3421 10.5098 24.273C4.59953 23.0748 0.302087 19.3917 0.0709484 13.7754ZM14.6937 25.5509C14.7504 25.3396 14.7923 25.0999 14.7944 24.8448C14.7973 24.4788 14.7202 24.0095 14.434 23.5521C14.1488 23.0966 13.7672 22.8304 13.4622 22.6806C13.0025 22.4547 12.5155 22.4079 12.3768 22.3946C12.3683 22.3938 12.361 22.3931 12.3552 22.3925C12.2743 22.3841 12.2106 22.3781 12.1556 22.373C12.0462 22.3627 11.9714 22.3557 11.8646 22.3397L11.8642 22.3396L11.8639 22.3396C5.99887 21.4632 2.39322 18.2145 2.20691 13.6874L2.20667 13.6815L2.1453 12.3675C2.14522 12.3656 2.14514 12.3637 2.14506 12.3618C1.93041 7.05501 6.78476 2.55413 14.1175 2.16072L14.1177 2.16071C21.2207 1.77903 26.6264 6.42974 26.851 11.8908C27.0411 16.5168 24.815 20.6099 20.0642 23.0566L19.9616 23.1094L19.8653 23.173C19.5968 23.3503 18.9567 23.6999 18.2872 24.0495C17.9727 24.2138 17.6801 24.3634 17.4659 24.4722C17.3616 24.5251 17.2762 24.5681 17.2165 24.5981L14.6937 25.5509Z' fill='%230072C6'/%3E%3Cpath d='M7.46629 16.3545C6.90292 16.3545 6.36303 16.2807 5.84661 16.133C5.33019 15.9787 4.91437 15.7807 4.59915 15.5391L5.15246 14.3108C5.45426 14.5256 5.80972 14.7035 6.21883 14.8444C6.63465 14.9786 7.05382 15.0458 7.47635 15.0458C7.79827 15.0458 8.05648 15.0156 8.25098 14.9551C8.45218 14.888 8.59973 14.7974 8.69362 14.6833C8.78752 14.5692 8.83446 14.4384 8.83446 14.2907C8.83446 14.1028 8.76069 13.9551 8.61314 13.8477C8.46559 13.7336 8.2711 13.643 8.02965 13.5759C7.78821 13.5021 7.51994 13.435 7.22484 13.3746C6.93645 13.3074 6.64471 13.2269 6.34961 13.1329C6.06122 13.039 5.79631 12.9182 5.55487 12.7705C5.31342 12.6229 5.11557 12.4282 4.96132 12.1866C4.81377 11.945 4.74 11.6363 4.74 11.2604C4.74 10.8577 4.8473 10.4919 5.06192 10.1631C5.28324 9.82747 5.61187 9.56237 6.04781 9.36773C6.49046 9.16638 7.04376 9.06571 7.70773 9.06571C8.15038 9.06571 8.58631 9.1194 9.01554 9.22679C9.44478 9.32746 9.82371 9.48183 10.1523 9.68989L9.64933 10.9282C9.3207 10.7403 8.99207 10.6027 8.66344 10.5154C8.33481 10.4215 8.01289 10.3745 7.69767 10.3745C7.38245 10.3745 7.12424 10.4114 6.92304 10.4852C6.72184 10.559 6.57764 10.6564 6.49046 10.7772C6.40327 10.8913 6.35967 11.0255 6.35967 11.1799C6.35967 11.3611 6.43345 11.5087 6.581 11.6228C6.72855 11.7302 6.92304 11.8175 7.16448 11.8846C7.40593 11.9517 7.67084 12.0188 7.95923 12.0859C8.25433 12.153 8.54607 12.2302 8.83446 12.3175C9.12956 12.4047 9.39783 12.5222 9.63927 12.6698C9.88072 12.8175 10.0752 13.0121 10.2228 13.2538C10.377 13.4954 10.4541 13.8007 10.4541 14.1699C10.4541 14.5659 10.3435 14.9283 10.1222 15.2572C9.90084 15.586 9.56885 15.8511 9.12621 16.0525C8.69027 16.2538 8.13696 16.3545 7.46629 16.3545Z' fill='%230072C6'/%3E%3Cpath d='M10.9641 16.2337V9.18652H12.3122L16.467 14.2605H15.8131V9.18652H17.4227V16.2337H16.0847L11.9199 11.1597H12.5738V16.2337H10.9641Z' fill='%230072C6'/%3E%3Cpath d='M20.7991 16.3545C20.2357 16.3545 19.6958 16.2807 19.1794 16.133C18.663 15.9787 18.2472 15.7807 17.932 15.5391L18.4853 14.3108C18.7871 14.5256 19.1425 14.7035 19.5516 14.8444C19.9674 14.9786 20.3866 15.0458 20.8091 15.0458C21.1311 15.0458 21.3893 15.0156 21.5838 14.9551C21.785 14.888 21.9325 14.7974 22.0264 14.6833C22.1203 14.5692 22.1673 14.4384 22.1673 14.2907C22.1673 14.1028 22.0935 13.9551 21.9459 13.8477C21.7984 13.7336 21.6039 13.643 21.3625 13.5759C21.121 13.5021 20.8527 13.435 20.5576 13.3746C20.2693 13.3074 19.9775 13.2269 19.6824 13.1329C19.394 13.039 19.1291 12.9182 18.8877 12.7705C18.6462 12.6229 18.4484 12.4282 18.2941 12.1866C18.1466 11.945 18.0728 11.6363 18.0728 11.2604C18.0728 10.8577 18.1801 10.4919 18.3947 10.1631C18.616 9.82747 18.9447 9.56237 19.3806 9.36773C19.8233 9.16638 20.3766 9.06571 21.0405 9.06571C21.4832 9.06571 21.9191 9.1194 22.3483 9.22679C22.7776 9.32746 23.1565 9.48183 23.4851 9.68989L22.9821 10.9282C22.6535 10.7403 22.3249 10.6027 21.9962 10.5154C21.6676 10.4215 21.3457 10.3745 21.0305 10.3745C20.7153 10.3745 20.457 10.4114 20.2558 10.4852C20.0546 10.559 19.9104 10.6564 19.8233 10.7772C19.7361 10.8913 19.6925 11.0255 19.6925 11.1799C19.6925 11.3611 19.7662 11.5087 19.9138 11.6228C20.0613 11.7302 20.2558 11.8175 20.4973 11.8846C20.7387 11.9517 21.0036 12.0188 21.292 12.0859C21.5871 12.153 21.8789 12.2302 22.1673 12.3175C22.4624 12.4047 22.7306 12.5222 22.9721 12.6698C23.2135 12.8175 23.408 13.0121 23.5556 13.2538C23.7098 13.4954 23.7869 13.8007 23.7869 14.1699C23.7869 14.5659 23.6763 14.9283 23.455 15.2572C23.2336 15.586 22.9016 15.8511 22.459 16.0525C22.0231 16.2538 21.4698 16.3545 20.7991 16.3545Z' fill='%230072C6'/%3E%3C/svg%3E%0A");
}

#btn_top {
  position: fixed;
  bottom: 0;
  right: 80px;
  height: 60px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in-out;
  z-index: 50;
}
#btn_top button {
  width: 60px;
  height: 60px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='15' viewBox='0 0 26 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.5 14L13 2L1.5 14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-color: var(--c-main);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 12px;
}
#btn_top.on {
  opacity: 1;
  visibility: visible;
}
#btn_top.fixed {
  position: absolute;
}
/* 客服开始 */
#customer_service{
    position: fixed;
    bottom: 200px;
    right: 40px;
    width: 60px;
    z-index: 50;
}

.cs-main-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--c-main);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cs-main-btn img{
  width: 30px;
  height: 30px;
}
#customer_service:hover .cs-main-btn  {
    height: 140px;
    border-radius: 30px;
    background-color: #fff;
}
#customer_service:hover .cs-main-btn  img{
    display: none;
}
#customer_service:hover .cs-main-btn::after {
    content: "";
}

.cs-sub-buttons {
    position: absolute;
    bottom: 30px;
    left: 10%;
    /* transform: translate(-50%); */
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

#customer_service:hover .cs-sub-buttons {
    opacity: 1;
    visibility: visible;
}

.cs-sub-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--c-main);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    font-size: 20px;
}

.cs-sub-btn:hover {
    transform: scale(1.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.qrcode-popup,
.contact-popup {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.qrcode-popup.show,
.contact-popup.show {
    opacity: 1;
    visibility: visible;
}

.qrcode-popup::after,
.contact-popup::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    border: 8px solid transparent;
    border-left-color: #fff;
}
.qrcode-popup p {
    margin: 10px 0 0 0;
    text-align: center;
    color: #333;
    font-size: 14px;
}

.contact-popup {
    min-width: 120px;
}

.contact-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}

.contact-item:last-child {
    margin-bottom: 0;
}

.contact-label {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.contact-value {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

/* 客服结束 */




.animate {
  opacity: 0;
  transform: translateY(100px);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s;
  transition-delay: 0s;
}
.animate.animated {
  opacity: 1;
  transform: translateY(0);
  transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s;
}
.animate.animated.delay-1 {
  transition-delay: 0.1s;
}
.animate.animated.delay-2 {
  transition-delay: 0.2s;
}
.animate.animated.delay-3 {
  transition-delay: 0.3s;
}
.animate.animated.delay-4 {
  transition-delay: 0.4s;
}
.animate.animated.delay-5 {
  transition-delay: 0.5s;
}
.animate.animated.delay-6 {
  transition-delay: 0.6s;
}
.animate.animated.delay-7 {
  transition-delay: 0.7s;
}
.animate.animated.delay-8 {
  transition-delay: 0.8s;
}
.animate.animated.delay-9 {
  transition-delay: 0.9s;
}
.animate.animated.delay-10 {
  transition-delay: 1s;
}
.animate.animated.delay-11 {
  transition-delay: 1.1s;
}
.animate.animated.delay-12 {
  transition-delay: 1.2s;
}
.animate.animated.delay-13 {
  transition-delay: 1.3s;
}
.animate.animated.delay-14 {
  transition-delay: 1.4s;
}
.animate.animated.delay-15 {
  transition-delay: 1.5s;
}
.animate.animated.delay-16 {
  transition-delay: 1.6s;
}
.animate.animated.delay-17 {
  transition-delay: 1.7s;
}
.animate.animated.delay-18 {
  transition-delay: 1.8s;
}
.animate.animated.delay-19 {
  transition-delay: 1.9s;
}
.animate.animated.delay-20 {
  transition-delay: 2s;
}

.fp-watermark {
  display: none;
}

.fp-auto-height.fp-section {
  height: auto !important;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
  display: none !important;
}

.data_none {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 18% 0;
}
.data_none i {
  display: block;
  width: 112px;
  height: 112px;
  border-radius: 100%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 111.3 111.3' style='enable-background:new 0 0 111.3 111.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D1D1D1;%7D%0A%3C/style%3E%3Cpath class='st0' d='M55.6,0C24.9,0,0,24.9,0,55.6s24.9,55.6,55.6,55.6s55.6-24.9,55.6-55.6S86.4,0,55.6,0z M52.6,29.7h6.2 c1.3,0,1.3,0.1,1.2,1.9l-1,34.7v0.8c-0.1,0.2-0.1,0.3-0.1,0.3c-0.1,0.1-0.4,0.1-1,0.1h-5.1c-0.2,0-0.3-0.1-0.3-0.1 c-0.1-0.1-0.2-0.5-0.2-1.1l-1-34.7C51.2,29.8,51.2,29.7,52.6,29.7z M55.6,81.6c-2.8,0-4.9-2-4.9-4.6c0-2.6,2.1-4.7,4.9-4.7 c2.8,0,4.9,2.1,4.9,4.7C60.5,79.5,58.4,81.6,55.6,81.6z'/%3E%3C/svg%3E%0A");
}
.data_none p {
  margin-top: 30px;
  font-family: var(--font-m);
  color: var(--c-gray); /* 25.01.07 */
  font-size: 22px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  a,
  button {
    transition: unset;
  }
  a:hover,
  a:focus,
  button:hover,
  button:focus {
    transition: unset;
  }
}
@media (max-width: 1755px) {
  .inner {
    padding: 0 40px;
  }
  #btn_top {
    position: fixed;
    bottom: 0;
    right: 40px;
  }
  #btn_top.fixed {
    position: absolute;
    bottom: 0;
    right: 40px;
  }
}
@media (max-width: 1300px) {
  .lt_pc {
    display: none;
  }
}
.main {
  padding-top: var(--header-size);
}
.main .swiper-container,
.main .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.main section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  text-align: center;
}
.main h2 {
  position: relative;
  font-size: 38px;
  font-family: var(--font-b);
}
.main h2 span {
  display: block;
  margin: 8px 0 50px;
  font-size: 22px;
  font-family: var(--font-sb);
}
.main h3 {
  font-size: 20px;
  font-family: var(--font-m);
  margin-bottom: 160px;
}
.main .inner {
  position: relative;
  min-width: 1320px;
  max-width: 100%;
  padding: 100px 0;
}
.main__visual {
  overflow: hidden;
  width: 100%;
  height: 780px;
  margin: 0 auto;
}
.main__visual .text-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  max-height: 100%;
  text-align: center;
  z-index: 10;
}
.main__visual .text-box p {
  font-size: 54px;
  color: var(--c-wt);
  font-family: var(--font-b);
}
.main__visual .text-box p span {
  font-family: var(--font-m);
  font-size: 26px;
}
.main__visual .img-box {
  width: 100%;
  height: 100%;
}
.main__visual .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main__visual .main-swiper {
  width: 100%;
  height: 100%;
}
.main__visual .main-swiper .swiper-slide .text-box p {
  opacity: 0;
  transition: all 1s ease 0.4s;
  transform: translateY(-25%);
}
.main__visual .main-swiper .swiper-slide-active .text-box p {
  opacity: 1;
  transform: translateY(0%);
}
.main__visual .main-swiper .swiper-pagination {
  bottom: 20px;
}
.main__visual .main-swiper .swiper-pagination-bullet {
  width: 50px;
  height: 3px;
  border-radius: 3px;
}
.main__visual .main-swiper .swiper-pagination-bullet-active {
  background-color: #fff;
}
.main__search {
  height: 116px;
  background-color: var(--c-main);
}
.search-dio {
  position: absolute;
  background-color: #f3f3f3f5;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 480px;
  height: 350px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 20px 0;
  animation-name: fadeIn; /* 引用关键帧名称 */
  animation-duration: 0.5s; /* 动画持续时间 */
  animation-fill-mode: forwards; /* 保持动画结束时的状态 */
}
@keyframes search-dio {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 设置半透明背景 */
  z-index: 98; /* 确保遮罩层位于其他内容之上 */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.search-content {
  width: 800px;
  max-height: 80vh;
  overflow-y: auto;
  background: #fff;
  z-index: 999; /* 确保遮罩层位于其他内容之上 */
  border-radius: 10px;
}
.search-res {
  display: flex;
  text-align: left;
  padding: 0 20px;
  width: 100%;
  overflow: auto;
}

.search-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffbb00;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-input {
  margin-top: 10px;
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 4px 11px;
  color: #000000d9;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  border: 0;
  outline: none;
  border: 1px solid var(--c-main);
}
.ant-btn {
  color: #fff;
  border-color: var(--c-main);
  background: var(--c-main);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px #0000000b;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 2px;
}
.main__search .form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 480px;
  height: 54px;
  padding: 0 5px;
  border-radius: 50px;
  background-color: var(--c-wt);
  position: relative;
}
.main__search .form input {
  width: 390px;
  height: 54px;
  padding-left: 10px;
  border-radius: 50px;
  border: none;
  outline: none;
}
.main__search .form button {
  width: 60px;
  height: 44px;
  border-radius: 60px;
  background-color: var(--c-bk);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url("../images/common/icon_search.png");
}
.main__search a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 112px;
  height: 54px;
  margin-left: 10px;
  font-family: var(--font-b);
  color: var(--c-wt);
  font-size: 18px;
  background-color: var(--c-bk);
  border-radius: 50px;
}
.main__product ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  justify-content: space-between;
}
.main__product ul li:before {
  content: "";
  display: block;
  width: 427px;
  height: 300px;
}
.main__product ul li:nth-child(1):before {
  background-image: url("../images/main/img_service01.png");
}
.main__product ul li:nth-child(2):before {
  background-image: url("../images/main/img_service02.png");
}
.main__product ul li:nth-child(3):before {
  background-image: url("../images/main/img_service03.png");
}
.main__product ul li div p {
  margin-top: 16px;
  font-size: 16px;
}
.main__product ul li div p:first-child {
  font-family: var(--font-b);
  font-size: 36px;
}
.main__product .btn-arrow {
  display: inline-block;
  line-height: 45px;
  margin-top: 60px;
}
.main__service {
  background-color: #f1f0eb;
}
.main__service p {
  font-size: 16px;
  margin-top: 24px;
}
.main__service .btn-arrow {
  display: inline-block;
  line-height: 45px;
  margin-top: 40px;
}

/* 서브공통 */
[class*="js-scrollmotion_"][class*="scrollmotion_"] {
  transition: all 0.5s ease-out;
}

.js-scrollmotion_up {
  opacity: 0;
  transform: translateY(60px);
}
.js-scrollmotion_up.scrollmotion_up {
  opacity: 1;
  transform: translateY(0);
}

.js-scrollmotion_left {
  opacity: 0;
  transform: translateX(-50px);
}
.js-scrollmotion_left.scrollmotion_left {
  opacity: 1;
  transform: translateX(0);
}

.js-scrollmotion_right {
  opacity: 0;
  transform: translateX(50px);
}
.js-scrollmotion_right.scrollmotion_right {
  opacity: 1;
  transform: translateX(0);
}

.sc {
  width: 100%;
  padding-bottom: 30px;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.sc table {
  min-width: 500px;
}
.sc::-webkit-scrollbar {
  height: 4px;
}
.sc::-webkit-scrollbar-thumb {
  background-color: var(--c-dk);
  background-clip: padding-box;
}
.sc::-webkit-scrollbar-track {
  background-color: var(--c-g-de);
}

table {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid var(--c-dk);
}
table thead {
  border-bottom: 1px solid var(--c-g-99);
}
table th,
table td {
  font-family: var(--font-sb);
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid var(--c-g-99);
  padding: 15px 2%;
}
table th:last-child,
table td:last-child {
  border-right: none;
}
table th {
  height: 80px;
  color: var(--c-dk);
  font-size: 20px;
  border-right: 1px solid var(--c-g-99);
}
table td {
  height: 80px;
  border-right: 1px solid var(--c-g-99);
}
table td,
table td * {
  color: var(--c-gray);
  font-size: 18px;
}
table.ty1 td {
  height: 230px;
}
table.ty2 th {
  border-right: 0;
}
table.ty2 tr:nth-child(2n) {
  background: #f9f9f9;
}
table.ty2 td {
  height: 100px;
}
table.ty2 th:last-child,
table.ty2 td:last-child {
  width: 46%;
}

.tab-area ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 1px solid var(--c-g-de);
}
.tab-area ul li {
  margin-bottom: -1px;
  margin-left: -1px;
}
.tab-area ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  min-width: 160px;
  height: 60px;
  padding: 0 20px;
  border: 1px solid var(--c-g-de);
  color: var(--c-gray);
  font-size: 20px;
  font-family: var(--font-sb);
  line-height: 38px;
  text-align: center;
}
.tab-area ul li a em {
  font-size: 18px;
  font-family: var(--font-m);
  color: var(--c-g-77);
  padding: 0 0 0 5px;
}
.tab-area ul li.on * {
  color: var(--c-main);
  font-family: var(--font-b);
  border-color: var(--c-main);
  z-index: 1;
}

.sub {
  margin: var(--header-size) 0 0;
}
.sub .sub_inner {
  position: relative;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
.sub .sub_inner.w1320 {
  max-width: 3960px;
}
.sub .sub_inner h2 {
  margin-bottom: 50px;
  font-size: 38px;
  font-family: var(--font-b);
  text-align: center;
}
.sub .sub_inner h2 span {
  display: block;
  margin: 8px 0 50px;
  font-size: 22px;
  font-family: var(--font-sb);
}
.sub .sub_inner h2 strong {
  display: block;
  margin: 12px 0 50px;
  font-size: 68px;
  font-weight: 700;
  font-family: var(--font-i);
}
.sub .sub_inner.bg_gray {
  position: relative;
}
.sub .sub_inner.bg_gray:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -50%;
  z-index: -1;
  width: 2600px;
  height: 100%;
  background-color: #f1f0ea;
}
.sub .sub_inner.bg_darkgray {
  position: relative;
}
.sub .sub_inner.bg_darkgray:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -50%;
  z-index: -1;
  width: 2600px;
  height: 100%;
  background-color: var(--c-dk);
}
.sub .sub_inner.bg_darkgray h2 {
  color: var(--c-wt);
}

.subvisual_area {
  position: relative;
  overflow: hidden;
  height: 400px;
  margin-bottom: 80px;
}
.subvisual_area .bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 1.5s ease 0s;
  transform: scale(1.2);
}
.subvisual_area .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  max-width: 1000px;
  height: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.subvisual_area .txt * {
  color: var(--c-wt);
  text-align: center;
  line-height: 140%;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.6s ease;
}
.subvisual_area .txt .tit {
  display: grid;
  grid-template-rows: 30px 1fr;
}
.subvisual_area .txt .tit strong {
  font-family: var(--font-b);
  font-size: 68px;
}
.subvisual_area .txt .tit span {
  font-family: var(--font-m);
  font-size: 20px;
}

.load .subvisual_area .bg {
  transform: scale(1);
}
.load .subvisual_area .txt * {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.load .subvisual_area .txt .tit strong {
  transition: all 0.8s ease 0.3s;
}
.load .subvisual_area .txt .tit span {
  transition: all 0.8s ease 0.5s;
}

/* 에러페이지 */
.error {
  text-align: center;
  padding: 80px 20px 0 20px;
}
.error .box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.error .box i {
  width: 275px;
  height: 223px;
  background: url(../images/common/ico_error.png) no-repeat;
}
.error .box span {
  position: absolute;
  top: 50%;
  color: var(--c-main);
  font-family: var(--font-b);
  font-size: 50px;
  margin-top: -40px;
}
.error p {
  padding: 0 0 40px 0;
  color: var(--c-gray);
  font-family: var(--font-m);
  font-size: 22px;
  line-height: 34px;
}
.error p strong {
  display: block;
  color: var(--c-dk);
  font-size: 36px;
  line-height: 130%;
  padding: 0 0 30px 0;
}
.error button {
  width: 140px;
  font-family: var(--font-sb);
  font-size: 18px;
  color: var(--c-dk);
  padding: 12px 0;
  border: 1px solid var(--c-dk);
}

@media (max-width: 1755px) {
  /* 서브공통 */
  .sub .sub_inner {
    padding: 0 40px;
  }
}
/*
 *
 * SUMMARY:
 * 00) common
 * 01) only
 * 02) cursor
 * 03) icon
 * 04) background
 * 05) flex grid
 * 06) motion
 */
/* common */
.content {
}

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

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

.h4 {
  font-size: 20px;
  font-family: var(--font-b);
  color: #222222;
}

/* only */
.only-pc {
  display: block !important;
}

.only-mb {
  display: none !important;
}

/* cursor */
.global_cursor {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate(calc(-50% + 15px), -50%);
  transition: all 0.2s ease-out;
  z-index: 20;
  opacity: 0;
}

.global_cursor.hover {
  width: 74px;
  height: 74px;
  background-color: #b3cf0a;
  opacity: 0.4;
}

/* icon */
.form-search-x {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.form-search-x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -60px -60px;
  width: 40px;
  height: 40px;
}

.form-search {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.form-search::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -120px 0px;
  width: 40px;
  height: 40px;
}

.icon-page_menu_arrow-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-page_menu_arrow-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -30px -243px;
  width: 25px;
  height: 25px;
}

.icon-location_home {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-location_home::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -630px -594px;
  width: 18px;
  height: 18px;
}

.icon-more_arrow {
  display: inline-block;
  width: 18px;
  height: 29px;
}

.icon-more_arrow::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -470px -366px;
  width: 18px;
  height: 29px;
}

.icon-golink_arrow-sus {
  display: inline-block;
  width: 30px;
  height: 10px;
}

.icon-golink_arrow-sus::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -330px -258px;
  width: 30px;
  height: 10px;
}

.icon-banner_out {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-banner_out::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -84px -546px;
  width: 30px;
  height: 30px;
}

.icon-banner_link {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-banner_link::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -44px -546px;
  width: 30px;
  height: 30px;
}

.icon-eag_report {
  display: inline-block;
  width: 68px;
  height: 68px;
}

.icon-eag_report::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -420px -78px;
  width: 68px;
  height: 68px;
}

.icon-eag_data {
  display: inline-block;
  width: 68px;
  height: 68px;
}

.icon-eag_data::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -240px -336px;
  width: 68px;
  height: 68px;
}

.icon-esg_link {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-esg_link::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -270px -594px;
  width: 20px;
  height: 20px;
}

.icon-pdf-link {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-pdf-link::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -146px -624px;
  width: 20px;
  height: 20px;
}

.icon-eag_performance::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -420px 0px;
  width: 68px;
  height: 68px;
}

.icon-eag_doc::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -318px -336px;
  width: 68px;
  height: 68px;
}

.icon-tab_link {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-tab_link::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -570px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_next {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_next::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -390px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_nextnext {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_nextnext::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -420px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_next_gr {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_next_gr::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -450px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_prev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prev::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -480px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_prevprev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prevprev::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -510px -594px;
  width: 20px;
  height: 20px;
}

.icon-download_h24 {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-download_h24::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_125_1337);
  background-position: -625px -391px;
  width: 24px;
  height: 24px;
}

.icon-download_h24-2x {
  display: inline-block;
  width: 19px;
  height: 19px;
}

.icon-download_h24-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_125_1337);
  background-size: 327.5px 324.5px;
  background-position: -182px -139px;
  width: 19px;
  height: 19px;
}

.icon-eag_data {
  display: inline-block;
  width: 68px;
  height: 68px;
}

.icon-eag_data::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -240px -336px;
  width: 68px;
  height: 68px;
}

.icon-eag_data-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-eag_data-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: 0px 0px;
  width: 50px;
  height: 50px;
}

.icon-global_map {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-global_map::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -364px -546px;
  width: 30px;
  height: 30px;
}

.icon-global_map-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-global_map-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -210px -148px;
  width: 30px;
  height: 30px;
}

.icon-global_accordion_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-global_accordion_arrow::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -300px -594px;
  width: 20px;
  height: 20px;
}

.icon-play-wht {
  display: inline-block;
  width: 47px;
  height: 53px;
}

.icon-play-wht::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -568px 0px;
  width: 47px;
  height: 53px;
}

.icon-play-wht-2x {
  display: inline-block;
  width: 23.5px;
  height: 26.5px;
}

.icon-play-wht-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -284px -31.5px;
  width: 23.5px;
  height: 26.5px;
}

.dep3_name i {
  vertical-align: top;
  margin-top: 5px;
}

.btn.btn_lgg {
  padding: 12px 18px 12px;
  font-size: 18px;
  line-height: 0px;
  font-family: "suit-sb";
}

.btn.btn_lgg span {
  font-size: 18px;
  line-height: 25px;
  font-family: "suit-sb";
}

.btn.btn_lg {
  padding: 12px 18px 12px;
  font-size: 18px;
  color: #333;
  line-height: 24px;
  font-family: "suit-sb";
}

.btn.btn_lg span {
  font-size: 18px;
  line-height: 24px;
  font-family: "suit-sb";
  color: #333;
}

.btn.btn_gray_grayline {
  background: #f9f9f9;
  border: 1px solid #dedede;
  color: #222222;
}

.btn span {
  font-size: 16px;
  line-height: 20px;
  box-sizing: border-box;
  vertical-align: middle;
}

.btn span + i {
  margin-left: 10px;
}

.btn i {
  vertical-align: middle;
}

.btn i + span {
  margin-left: 6px;
}

.icon-link_h24 {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.is_pc .btn.motion_drawing:hover i.icon-link_h24::after {
  background-image: url(../images/common/sp_icons.png);
  background-position: -625px -425px;
  width: 24px;
  height: 24px;
}

.icon-link_h24::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -625px -459px;
  width: 24px;
  height: 24px;
}

.is_pc .btn.btn_lgg.motion_drawing {
  border: 0;
  box-shadow: inset 0 0 0 1px #222;
  color: #222;
  transition: color 0.25s 0.08333s;
  position: relative;
}

.is_pc .btn.btn_lgg.motion_drawing:hover {
  color: #55a30f;
}

.is_pc .btn.btn_lgg.motion_drawing:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}

.is_pc .btn.btn_lgg.motion_drawing:hover::before,
.is_pc .btn.btn_lgg.motion_drawing:hover::after {
  border-color: #55a30f;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}

.is_pc .btn.btn_lgg.motion_drawing::before,
.is_pc .btn.btn_lgg.motion_drawing::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}

.is_pc .btn.btn_lgg.motion_drawing::before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.is_pc .btn.btn_lgg.motion_drawing::after {
  border-top-width: 1px;
  border-right-width: 1px;
}

.is_pc .btn.btn_lgg.motion_drawing:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}

.is_pc .btn.btn_lgg.motion_drawing:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

/* background */
.sustainability-page.bg {
  background: url(../images/reporting/bg_esg_report.png) no-repeat right 935px;
}

.reporting-page {
  background: url(../images/reporting/bg_esg_report.png) no-repeat right 200px;
}

[class$="-section"] .section-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

[class$="-section"] .section-wrap.sv-1_1 {
  background-image: url(../images/common/subvisual/sv-1_1.jpg);
}

[class$="-section"] .section-wrap.sv-1_2 {
  background-image: url(../images/common/subvisual/sv-1_2.jpg);
}

[class$="-section"] .section-wrap.sv-1_3 {
  background-image: url(../images/common/subvisual/sv-1_3.jpg);
}

[class$="-section"] .section-wrap.sv-1_4 {
  background-image: url(../images/common/subvisual/sv-1_4.jpg);
}

[class$="-section"] .section-wrap.sv-1_5 {
  background-image: url(../images/common/subvisual/sv-1_5.jpg);
}

[class$="-section"] .section-wrap.sv-1_6 {
  background-image: url(../images/common/subvisual/sv-1_6.jpg);
}

[class$="-section"] .section-wrap.sv-2_0 {
  background-image: url(../images/common/subvisual/sv-2_0.jpg);
}

[class$="-section"] .section-wrap.sv-2_1 {
  background-image: url(../images/common/subvisual/sv-2_1.jpg);
}

[class$="-section"] .section-wrap.sv-2_2 {
  background-image: url(../images/common/subvisual/sv-2_2.jpg);
}

[class$="-section"] .section-wrap.sv-2_3 {
  background-image: url(../images/common/subvisual/sv-2_3.jpg);
}

[class$="-section"] .section-wrap.sv-2_4 {
  background-image: url(../images/common/subvisual/sv-2_4.jpg);
}

[class$="-section"] .section-wrap.sv-2_5 {
  background-image: url(../images/common/subvisual/sv-2_5.jpg);
}

[class$="-section"] .section-wrap.sv-2_6 {
  background-image: url(../images/common/subvisual/sv-2_6.jpg);
}

[class$="-section"] .section-wrap.sv-3_1 {
  background-image: url(../images/common/subvisual/sv-3_1.jpg);
}

[class$="-section"] .section-wrap.sv-3_2 {
  background-image: url(../images/common/subvisual/sv-3_2.jpg);
}

[class$="-section"] .section-wrap.sv-3_3 {
  background-image: url(../images/common/subvisual/sv-3_3.jpg);
}

[class$="-section"] .section-wrap.sv-3_4 {
  background-image: url(../images/common/subvisual/sv-3_4.jpg);
}

[class$="-section"] .section-wrap.sv-4_1 {
  background-image: url(../images/common/subvisual/sv-4_1.jpg);
  background-size: auto 340px;
  background-position: center top;
}

[class$="-section"] .section-wrap.sv-4_2 {
  background-image: url(../images/common/subvisual/sv-4_2.jpg);
  background-size: auto 340px;
  background-position: center top;
}

[class$="-section"] .section-wrap.sv-4_3 {
  background-image: url(../images/common/subvisual/sv-4_3.jpg);
  background-size: auto 340px;
  background-position: center top;
}

[class$="-section"] .section-wrap.sv-trading {
  background-image: url(../images/common/subvisual/sv-trading.jpg);
}

[class$="-section"] .section-wrap.sv-gov_1 {
  background-image: url(../images/common/subvisual/sv-gov_1.jpg);
}

[class$="-section"] .section-wrap.sv-n3_1 {
  background-image: url(../images/common/subvisual/sv-n3_1.jpg);
}

[class$="-section"] .section-wrap.sv-n3_2 {
  background-image: url(../images/common/subvisual/sv-n3_2.jpg);
}

[class$="-section"] .section-wrap.sv-n3_3 {
  background-image: url(../images/common/subvisual/sv-n3_3.jpg);
}

[class$="-section"] .section-wrap.sv-n3_4 {
  background-image: url(../images/common/subvisual/sv-n3_4.jpg);
}

/* flex grid */
.rowflex {
  display: flex;
}

.rowflex.margin-x {
  width: calc(100% + 10px);
  margin-left: -5px;
}

.rowflex.margin-x > * {
  margin: 0 5px;
}

.rowflex.padding-x {
  width: calc(100% + 10px);
  margin-left: -5px;
}

.rowflex.padding-x > * {
  padding: 0 5px;
}

.rowflex.flexwrap {
  flex-wrap: wrap;
}

.rowflex.flexwrap > .col {
  flex: 1 0 0%;
}

.rowflex.flexwrap > .col-auto {
  width: auto;
  flex: 0 0 auto;
}

.rowflex.jcc {
  justify-content: center;
}

.rowflex.jcsb {
  justify-content: space-between;
}

.rowflex.jcfs {
  justify-content: flex-start;
}

.rowflex.jcfe {
  justify-content: flex-end;
}

/* ---------------------------- float grid .rowfloat1~8 > li, div  */
.rowfloat:after {
  content: "";
  display: block;
  clear: both;
}

.rowfloat.padding-x {
  width: calc(100% + 10px);
  margin-left: -5px;
}

.rowfloat.padding-x > * {
  padding: 0 5px;
}

.rowfloat > li,
.rowfloat > div {
  float: left;
}

.rowfloat.fl > li,
.rowfloat.lf > div {
  float: left;
}

.rowfloat.fr > li,
.rowfloat.lr > div {
  float: right;
}

.rowfloat.fc,
.rowfloat.lc {
  text-align: center;
}

.rowfloat.fc > li,
.rowfloat.fc > div,
.rowfloat.lc > li,
.rowfloat.lc > div {
  float: none;
  display: inline-block;
}

.rowfloat .fl {
  float: left;
}

.rowfloat .fr {
  float: right;
}

/* 엘리먼트 비율 col-ep0~12 (열에 컬럼 겟수) */
.col-ep0 {
  width: Infinity;
}

.col-ep1 {
  width: 100%;
}

.col-ep2 {
  width: 50%;
}

.col-ep3 {
  width: 33.33333%;
}

.col-ep4 {
  width: 25%;
}

.col-ep5 {
  width: 20%;
}

.col-ep6 {
  width: 16.66667%;
}

.col-ep7 {
  width: 14.28571%;
}

.col-ep8 {
  width: 12.5%;
}

.col-ep9 {
  width: 11.11111%;
}

.col-ep10 {
  width: 10%;
}

.col-ep11 {
  width: 9.09091%;
}

.col-ep12 {
  width: 8.33333%;
}

.col-ep13 {
  width: 66.66666%;
}

/* 엘리먼트 퍼센트 col-p0~100 : 5% 배수  */
.col-p0 {
  width: 0%;
}

.col-p5 {
  width: 5%;
}

.col-p10 {
  width: 10%;
}

.col-p15 {
  width: 15%;
}

.col-p20 {
  width: 20%;
}

.col-p25 {
  width: 25%;
}

.col-p30 {
  width: 30%;
}

.col-p35 {
  width: 35%;
}

.col-p40 {
  width: 40%;
}

.col-p45 {
  width: 45%;
}

.col-p50 {
  width: 50%;
}

.col-p55 {
  width: 55%;
}

.col-p60 {
  width: 60%;
}

.col-p65 {
  width: 65%;
}

.col-p70 {
  width: 70%;
}

.col-p75 {
  width: 75%;
}

.col-p80 {
  width: 80%;
}

.col-p85 {
  width: 85%;
}

.col-p90 {
  width: 90%;
}

.col-p95 {
  width: 95%;
}

.col-p100 {
  width: 100%;
}

.col-auto {
  width: auto;
}

/* js-scrollmotion */
[class*="js-scrollmotion_"][class*="scrollmotion_"] {
  transition: all 0.5s ease-out;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay1 {
  transition-delay: 0.1s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay2 {
  transition-delay: 0.2s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay3 {
  transition-delay: 0.3s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay4 {
  transition-delay: 0.4s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay5 {
  transition-delay: 0.5s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay6 {
  transition-delay: 0.6s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay7 {
  transition-delay: 0.7s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay8 {
  transition-delay: 0.8s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay9 {
  transition-delay: 0.9s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay10 {
  transition-delay: 1s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc1 {
  transition-delay: 0.1s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc2 {
  transition-delay: 0.2s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc3 {
  transition-delay: 0.3s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc4 {
  transition-delay: 0.4s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc5 {
  transition-delay: 0.5s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc6 {
  transition-delay: 0.6s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc7 {
  transition-delay: 0.7s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc8 {
  transition-delay: 0.8s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc9 {
  transition-delay: 0.9s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc10 {
  transition-delay: 1s;
}

.js-scrollmotion_up {
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translateY(50px);
}

.js-scrollmotion_up.scrollmotion_up {
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translateY(0);
}

.js-scrollmotion_left {
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translateX(-50px);
}

.js-scrollmotion_left.scrollmotion_left {
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translateX(0);
}

.js-scrollmotion_right {
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translateX(50px);
}

.js-scrollmotion_right.scrollmotion_right {
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translateX(0);
}

.js-scrollmotion_zoomin {
  filter: alpha(opacity=0);
  opacity: 0;
  transform: scale(0.7);
}

.js-scrollmotion_zoomin.scrollmotion_zoomin {
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scale(1);
}

/* error */
.error {
  display: table;
  width: 100%;
  text-align: center;
  padding: 80px 20px 200px 20px;
}

.error .ico {
  width: 275px;
  height: 223px;
  background-image: url(../images/common/ico_error.png);
}

.error p {
  padding: 40px 0;
  color: #555;
  font-family: var(--font-m);
  font-size: 22px;
  line-height: 34px;
}

.error strong {
  display: block;
  color: #222;
  font-size: 36px;
  line-height: 130%;
  padding: 0 0 30px 0;
}

.error .box {
  display: flex;
  justify-content: center;
  position: relative;
}

.error .box span {
  position: absolute;
  top: 50%;
  color: #55a30f;
  font-family: var(--font-b);
  font-size: 50px;
  margin-top: -40px;
}

.error button {
  width: 140px;
}

.sub.introduction .sub_inner {
  padding: 120px 0;
}
.sub.introduction .sub_inner:first-of-type {
  padding-top: 80px;
}
.sub.introduction .intro_text {
  display: flex;
  align-items: end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 1280px;
  height: 520px;
  margin: 0 auto;
  padding-right: 72px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url("../images/sub/bg_company_intro.png");
}
.sub.introduction .intro_text p {
  width: 600px;
  margin-bottom: 30px;
  color: var(--c-wt);
}
.sub.introduction .culture-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  row-gap: 60px;
}
.sub.introduction .culture-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  position: relative;
  height: 472px;
  padding-top: 300px;
  border-radius: 30px;
  background-color: #fff;
  text-align: center;
}
.sub.introduction .culture-list li h3 {
  font-family: var(--font-b);
  color: #191919;
  font-size: 26px;
}
.sub.introduction .culture-list li p {
  font-family: var(--font-m);
  font-size: 16px;
  color: #474041;
}
.sub.introduction .culture-list li p:first-of-type {
  margin-bottom: 12px;
  font-family: var(--font-b);
  font-size: 26px;
  color: var(--c-bk);
}
.sub.introduction .culture-list li:nth-child(1):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: auto;
  background-image: url("../images/sub/corporate_culture01.png");
}
.sub.introduction .culture-list li:nth-child(2):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: auto;
  background-image: url("../images/sub/corporate_culture02.png");
}
.sub.introduction .culture-list li:nth-child(3):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: auto;
  background-image: url("../images/sub/corporate_culture03.png");
}
.sub.introduction .culture-list li:nth-child(4):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: auto;
  background-image: url("../images/sub/corporate_culture04.png");
}
.sub.introduction .culture-list li:nth-child(5):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: auto;
  background-image: url("../images/sub/corporate_culture05.png");
}
.sub.introduction .culture-list li:nth-child(6):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: auto;
  background-image: url("../images/sub/corporate_culture06.png");
}
.sub.introduction .resource-list:before {
  content: "";
  display: block;
  width: 100%;
  height: 520px;
  margin-bottom: 60px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: auto;
  background-image: url("../images/sub/bg_clearance_resources.png");
}
.sub.introduction .resource-list div {
  display: grid;
  grid-template-columns: 165px auto;
  width: 820px;
  padding: 26px 0;
  margin: 0 auto;
  border-bottom: 1px dashed #444;
}
.sub.introduction .resource-list div:first-child {
  padding-top: 0;
}
.sub.introduction .resource-list div:last-child {
  padding-bottom: 0;
  border: none;
}
.sub.introduction .resource-list div dt {
  font-family: var(--font-b);
  font-size: 20px;
  color: var(--c-main);
}
.sub.introduction .resource-list div dd {
  color: var(--c-wt);
  font-size: 16px;
}
.sub.introduction .mainline-resources {
  margin: 100px auto 60px;
  padding-top: 120px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: auto;
  background-image: url("../images/sub/bg_mainline_resources.png");
}
.sub.introduction .mainline-resources h2 {
  margin-bottom: 0;
  color: var(--c-wt);
}
.sub.introduction .mainline-resources dl {
  width: 100%;
  text-align: center;
}
.sub.introduction .mainline-resources dl > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding-bottom: 20px;
}
.sub.introduction .mainline-resources dl > div dt {
  font-family: var(--font-b);
  font-size: 20px;
  color: var(--c-main);
}
.sub.introduction .mainline-resources dl > div dd {
  color: var(--c-wt);
  font-size: 16px;
}
.sub.introduction .mainline-resources dl > div dd span {
  padding-left: 20px;
}
.sub.introduction .culture p {
  margin-bottom: 30px;
  text-align: center;
}
.sub.introduction .culture ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 80px;
}
.sub.introduction .logo_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 1320px;
  height: 80px;
  margin: 80px auto 0;
}
.sub.introduction .logo_wrap .logo_box {
  position: relative;
  overflow: hidden;
}
.sub.introduction .logo_wrap .logo_box::before,
.sub.introduction .logo_wrap .logo_box::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 9;
  width: 100px;
  height: 100%;
}
.sub.introduction .logo_wrap .logo_box::before {
  top: 0;
  left: 0;
  background: linear-gradient(
    to right,
    rgb(255, 255, 255) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.sub.introduction .logo_wrap .logo_box::after {
  top: 0;
  right: 0;
  background: linear-gradient(
    to left,
    rgb(255, 255, 255) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.sub.introduction .logo_wrap ul.line1 {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  gap: 60px;
  width: 3200px;
  height: 100%;
}
.sub.introduction .logo_wrap ul.line1 li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 200px;
  animation: translateinfinite 25s linear infinite;
}
.sub.introduction .logo_wrap ul.line1 li.w120 {
  width: 120px;
}
.sub.introduction .logo_wrap ul.line1 li.w160 {
  width: 160px;
}
.sub.introduction .logo_wrap ul.line2 {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  gap: 30px;
  width: 3600px;
  height: 100%;
}
.sub.introduction .logo_wrap ul.line2 li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 200px;
  animation: translateinfinite 25s linear infinite;
}
.sub.introduction .follow_us {
  padding-bottom: 160px;
  background: linear-gradient(
    0deg,
    rgb(255, 255, 255) 0%,
    rgb(241, 241, 241) 100%
  );
}
.sub.introduction .follow_us:after {
  background: linear-gradient(
    0deg,
    rgb(255, 255, 255) 0%,
    rgb(241, 241, 241) 100%
  );
}
.sub.introduction .follow_us > p {
  font-family: var(--font-m);
  font-size: 20px;
  margin-top: -30px;
  text-align: center;
}
.sub.introduction .follow_us ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  row-gap: 60px;
  margin-top: 60px;
}
.sub.introduction .follow_us ul li {
  height: 340px;
  border-radius: 30px;
  background-color: var(--c-wt);
  text-align: center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.sub.introduction .follow_us ul li p {
  padding: 27px 0;
  margin: 0 33px 19px;
  font-family: var(--font-m);
  border-bottom: 1px dashed #ddd;
}

.sub.product_service .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg01.png");
}
.sub.product_service ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding-bottom: 160px;
}
.sub.product_service ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: column;
  position: relative;
  height: 450px;
  padding: 60px 0 40px;
  border-radius: 30px;
  background-color: #f1f0ea;
  text-align: center;
}
.sub.product_service ul li h3 {
  font-family: var(--font-b);
  color: #191919;
  font-size: 26px;
}
.sub.product_service ul li p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 100px;
  font-family: var(--font-m);
  color: var(--c-g-66);
}
.sub.product_service ul li:nth-child(1) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service01.png");
}
.sub.product_service ul li:nth-child(2) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service02.png");
}
.sub.product_service ul li:nth-child(3) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service03.png");
}
.sub.product_service ul li:nth-child(4) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service04.png");
}
.sub.product_service ul li:nth-child(5) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service05.png");
}
.sub.product_service ul li:nth-child(6) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service06.png");
}
.sub.product_service ul li:nth-child(7) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service07.png");
}
.sub.product_service ul li:nth-child(8) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service08.png");
}
.sub.product_service ul li:nth-child(9) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service09.png");
}
.sub.product_service ul li:nth-child(10) {
  background-repeat: no-repeat;
  background-position: center 159px;
  background-size: auto;
  background-image: url("../images/sub/product_service010.png");
}

.sub.mobile_ordering .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg02.png");
}
.sub.mobile_ordering .sub_inner h2 span {
  margin: 30px 0 80px;
  font-size: 20px;
}
.sub.mobile_ordering .mobile_qr_wrap {
  margin-bottom: 100px;
  text-align: center;
}
.sub.mobile_ordering .mobile_qr_wrap > div > h2 {
  margin-bottom: 40px;
}
.sub.mobile_ordering .mobile_qr_wrap.sub_border {
  padding-top: 80px;
  border-top: 1px solid #eee;
}
.sub.mobile_ordering .mobile_qr_wrap img {
  border-radius: 30px;
  margin: 0 0 40px;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.12);
}
.sub.mobile_ordering .mobile_qr_wrap p {
  font-size: 18px;
}
.sub.mobile_ordering .mobile_qr_box {
  background-color: #f1f0ea;
  padding: 60px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.sub.mobile_ordering .mobile_qr_box > div {
  flex: 1;
}
.sub.mobile_ordering .mobile_qr_box .mobile_odr_icon {
  border-right: 1px solid #cecbb9;
}
.sub.mobile_ordering .mobile_qr_box .mobile_odr_icon h4 {
  margin: 0 0 15px;
  font-size: 32px;
}
.sub.mobile_ordering .mobile_odr_split {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 160px;
}
.sub.mobile_ordering .mobile_odr_split > div {
  flex: 1;
}
.sub.mobile_ordering .mobile_odr_split > div:first-child {
  margin-right: 20px;
}
.sub.mobile_ordering .mobile_odr_split > div > div {
  border-radius: 30px;
  padding: 117px 60px;
  background-color: #f1f0ea;
}

.sub.storefront_inquiry {
  padding-bottom: 140px;
}
.sub.storefront_inquiry .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg03.png");
}
.sub.storefront_inquiry .storefront_top {
  border-radius: 30px;
  background-color: #f1f0ea;
  width: 1320px;
  height: 580px;
  padding: 40px 40px 0;
}
.sub.storefront_inquiry .storefront_top .store_list {
  position: relative;
  width: 600px;
  padding: 20px;
}
.sub.storefront_inquiry .storefront_top .store_list li {
  border-radius: 50px;
  display: inline-block;
  padding: 14px 20px;
  margin: 0 10px 10px 0;
  background-color: var(--c-wt);
  font-size: 18px;
  font-family: var(--font-m);
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.sub.storefront_inquiry .storefront_top .store_list li.on {
  background-color: var(--c-main);
}
.sub.storefront_inquiry .storefront_top .store_list li.on:after {
  display: block;
  opacity: 1;
}
.sub.storefront_inquiry .storefront_top .store_list li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -625px;
  display: none;
  width: 625px;
  height: 500px;
  opacity: 0;
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(1):after {
  background-image: url("../images/sub//map/storefront_map01.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(2):after {
  background-image: url("../images/sub//map/storefront_map02.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(3):after {
  background-image: url("../images/sub//map/storefront_map03.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(4):after {
  background-image: url("../images/sub//map/storefront_map04.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(5):after {
  background-image: url("../images/sub//map/storefront_map05.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(6):after {
  background-image: url("../images/sub//map/storefront_map06.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(7):after {
  background-image: url("../images/sub//map/storefront_map07.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(8):after {
  background-image: url("../images/sub//map/storefront_map08.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(9):after {
  background-image: url("../images/sub//map/storefront_map09.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(10):after {
  background-image: url("../images/sub//map/storefront_map010.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(11):after {
  background-image: url("../images/sub//map/storefront_map011.png");
}
.sub.storefront_inquiry .storefront_top .store_list li:nth-child(12):after {
  background-image: url("../images/sub//map/storefront_map012.png");
}
.sub.storefront_inquiry .storefront_bottom {
  display: none;
  margin: -130px 0 130px;
}
.sub.storefront_inquiry .storefront_bottom:first-of-type {
  display: block;
}
.sub.storefront_inquiry .storefront_bottom h2 {
  margin-bottom: 140px;
  padding-left: 60px;
  font-size: 48px;
  text-align: left;
}
.sub.storefront_inquiry .storefront_bottom h2 .text-motion {
  position: relative;
  display: block;
  height: 64px;
  overflow: hidden;
}
.sub.storefront_inquiry .storefront_bottom h2 .text-motion span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 48px;
  line-height: 60px;
  animation: titMotion 0.6s ease-in-out forwards;
}
.sub.storefront_inquiry .storefront_bottom .map_list {
  display: grid;
  width: 850px;
  margin: 0 auto;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 40px;
  margin-bottom: 30px;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li h3 {
  font-size: 26px;
  padding-bottom: 16px;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li .store_qr {
  font-size: 11px;
  font-family: var(--font-m);
  text-align: center;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li .store_qr p {
  margin-top: 10px;
}

.sub.want_to_join .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg04.png");
}
.sub.want_to_join .sub_inner h2 {
  margin-bottom: 60px;
}
.sub.want_to_join .sub_inner ul li {
  padding: 0 0 40px;
  margin: 0 0 60px;
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}
.sub.want_to_join .sub_inner ul li .join_txt_box h3 {
  position: relative;
  margin: 0 0 20px;
  padding-left: 78px;
  font-size: 36px;
}
.sub.want_to_join .sub_inner ul li .join_txt_box h3:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 36px;
  font-family: var(--font-i);
  font-weight: bold;
  line-height: 52px;
}
.sub.want_to_join .sub_inner ul li .join_txt_box p {
  padding-left: 78px;
  font-size: 16px;
  color: var(--c-g-66);
}
.sub.want_to_join .sub_inner ul li img {
  border-radius: 30px;
}
.sub.want_to_join .sub_inner ul li::after {
  position: absolute;
  left: 24px;
  bottom: 0;
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: url("../images/sub//join_line.png") no-repeat 0 100%;
}
.sub.want_to_join .sub_inner ul li:last-child {
  margin-bottom: 120px;
}
.sub.want_to_join .sub_inner ul li:last-child::after {
  display: none;
}
.sub.want_to_join .sub_inner ul li:nth-child(1) .join_txt_box h3:before {
  content: "01.";
}
.sub.want_to_join .sub_inner ul li:nth-child(2) .join_txt_box h3:before {
  content: "02.";
}
.sub.want_to_join .sub_inner ul li:nth-child(3) .join_txt_box h3:before {
  content: "03.";
}
.sub.want_to_join .sub_inner ul li:nth-child(4) .join_txt_box h3:before {
  content: "04.";
}
.sub.want_to_join .sub_inner ul li:nth-child(5) .join_txt_box h3:before {
  content: "05.";
}
.sub.want_to_join .sub_inner ul li:nth-child(6) .join_txt_box h3:before {
  content: "06.";
}
.sub.want_to_join .sub_inner ul li:nth-child(7) .join_txt_box h3:before {
  content: "07.";
}
.sub.want_to_join .sub_inner ul li:nth-child(8) .join_txt_box h3:before {
  content: "08.";
}
.sub.want_to_join .join_bn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  height: 480px;
  margin: 0 0 160px;
  background-color: var(--c-main);
  border-radius: 30px;
}
.sub.want_to_join .join_bn > div {
  flex: 1;
}
.sub.want_to_join .join_bn > div h2 {
  margin-bottom: 30px;
  text-align: left;
}
.sub.want_to_join .join_bn > div p {
  font-family: var(--font-m);
}
.sub.want_to_join .join_bn > div.join_bn_txt {
  padding-right: 95px;
}
.sub.want_to_join .join_bn > div.join_bn_txt > div {
  padding-left: 222px;
}

.sub.contact_us .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg05.png");
}
.sub.contact_us .sub_inner h2 {
  font-size: 46px;
}
.sub.contact_us .sub_inner h2 span {
  margin: 24px 0 40px;
  font-size: 20px;
}
.sub.contact_us .contact_form {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 160px;
  padding: 55px 55px 50px 55px;
  border-top: 1px solid var(--c-bk);
  border-bottom: 1px solid var(--c-gray);
}
.sub.contact_us .contact_form ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0 0 20px;
}
.sub.contact_us .contact_form ul li label {
  width: 150px;
  font-family: var(--font-b);
  font-size: 20px;
}
.sub.contact_us .contact_form ul li select,
.sub.contact_us .contact_form ul li input,
.sub.contact_us .contact_form ul li textarea {
  width: 100%;
  max-width: 820px;
  height: 54px;
  line-height: 54px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}
.sub.contact_us .contact_form ul li select {
  width: 300px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/sub//select_arrow.png") no-repeat right 20px top
    24px;
  cursor: pointer;
}
.sub.contact_us .contact_form ul li option {
  font-size: 18px;
  color: var(--c-bk);
}
.sub.contact_us .contact_form ul li input[type="text"]::placeholder,
.sub.contact_us .contact_form ul li textarea::placeholder {
  color: #ccc;
  font-size: 18px;
}
.sub.contact_us .contact_form ul li textarea {
  height: 300px;
  line-height: normal;
  padding-top: 11px;
}
.sub.contact_us .contact_form ul .consult_textarea {
  align-items: start;
}
.sub.contact_us .contact_form ul .consult_textarea label {
  padding-top: 14px;
}
.sub.contact_us .contact_form .consult_submit {
  margin-top: 30px;
  text-align: center;
}
.sub.contact_us .contact_form .consult_submit input[type="submit"] {
  width: 180px;
  height: 54px;
  line-height: 54px;
  background-color: var(--c-main);
  font-size: 20px;
  font-family: var(--font-b);
  border-radius: 30px;
}
.sub.contact_us .contact_korean,
.sub.contact_us .contact_china {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.sub.contact_us .contact_korean h2,
.sub.contact_us .contact_china h2 {
  font-size: 38px;
}
.sub.contact_us .contact_korean h2 span,
.sub.contact_us .contact_china h2 span {
  margin: 12px 0 60px;
  font-size: 22px;
  font-family: var(--font-i);
  font-weight: 600;
}
.sub.contact_us .contact_korean {
  margin-bottom: 160px;
}
.sub.contact_us .contact_korean > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0 0 80px;
}
.sub.contact_us .contact_korean > ul > li > div {
  flex: 1;
}
.sub.contact_us .contact_korean > ul > li .contact_img img {
  border-radius: 30px;
}
.sub.contact_us .contact_korean > ul > li .contact_info {
  text-align: left;
}
.sub.contact_us .contact_korean > ul > li .contact_info > div {
  padding: 0 0 0 80px;
}
.sub.contact_us .contact_korean > ul > li .contact_info h3 {
  padding-bottom: 30px;
  color: var(--c-main);
  font-size: 38px;
  overflow: hidden;
}
.sub.contact_us .contact_korean > ul > li .contact_info li {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0 0 26px;
}
.sub.contact_us .contact_korean > ul > li .contact_info li:first-child {
  padding-top: 30px;
  border-top: 1px solid var(--c-g-ee);
}
.sub.contact_us .contact_korean > ul > li .contact_info li h4 {
  width: 147px;
  font-size: 20px;
}
.sub.contact_us .contact_korean > ul > li .contact_info li span {
  font-size: 16px;
}
.sub.contact_us .contact_korean > ul > li:nth-child(2n) .contact_info > div {
  padding: 0 80px 0 0;
}
.sub.contact_us .contact_china {
  padding: 100px 0 160px;
}
.sub.contact_us .contact_china > h2,
.sub.contact_us .contact_china > h2 span {
  margin-bottom: 40px;
}
.sub.contact_us .contact_china > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-radius: 30px;
  padding: 75px 60px 80px;
  background-color: var(--c-wt);
  text-align: left;
}
.sub.contact_us .contact_china .contact_img img {
  border-radius: 30px;
}
.sub.contact_us .contact_china .contact_info {
  margin-left: 80px;
}
.sub.contact_us .contact_china .contact_info > ul > li {
  margin-bottom: 50px;
}
.sub.contact_us .contact_china .contact_info > ul > li h3 {
  margin-bottom: 20px;
  font-size: 26px;
}
.sub.contact_us .contact_china .contact_info > ul > li li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 16px;
}
.sub.contact_us .contact_china .contact_info > ul > li li h4 {
  padding-right: 20px;
  font-size: 20px;
  font-family: var(--font-m);
}
.sub.contact_us .contact_china .contact_info > ul > li li.hotline_nb {
  margin-bottom: 20px;
}
.sub.contact_us .contact_china .contact_info > ul > li li.hotline_nb h4 {
  font-size: 26px;
  font-family: var(--font-b);
}
.sub.contact_us .contact_china .contact_info > ul > li li:last-child {
  margin-bottom: 0;
}
.sub.contact_us .contact_china .contact_info > ul > li:last-child {
  margin-bottom: 0;
}
.timeline {
  position: relative;
  max-height: 700px;
}

.timeline .ul {
  list-style-type: none;
  padding: 20px;
  max-height: 600px;
  width: 100%;
  overflow: auto;
}

.timeline .ul .li {
  position: relative;
  padding-left: 20px;
}

.timeline .ul .li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--c-main);
  box-sizing: border-box;
}
.timeline .ul .li:first-child:before {
  border: none;
  background-color: var(--c-main);
}

.timeline .ul .li .content {
  position: relative;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  text-align: left;
}