@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%;
  font-size: 62.5%;
}

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

html,
body {
  width: 100%;
  margin: 0 auto !important;
  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 {
  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(-70rem);
  }
}
@keyframes translateinfinite2 {
  100% {
    transform: translateX(-65rem);
  }
}
@keyframes titMotion {
  0% {
    opacity: 0;
    top: 100%;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
:root {
  --header-size: 5.6rem;
  --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;
}

.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: 4.8rem;
  padding: 0 4.6rem 0 2rem;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid var(--c-gray);
  border-radius: 2.4rem;
  font-size: 1.8rem;
  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);
  padding: 0 20px;
  background-color: var(--c-wt);
  z-index: 100;
  overflow: visible;
}

.logo_area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  height: var(--header-size);
  z-index: 10;
  position: relative;
}

.btn-menu {
  position: absolute;
  top: 0.8rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  border-radius: 4rem;
  background-color: var(--c-main);
}
.btn-menu .menu-bar {
  position: absolute;
  top: 1.3rem;
  left: 1.1rem;
  width: 1.8rem;
  height: 1.4rem;
}
.btn-menu .menu-bar > i {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #fff;
}
.btn-menu .menu-bar > i:nth-child(1) {
  top: 0;
  transition: top 200ms 250ms, transform 200ms;
}
.btn-menu .menu-bar > i:nth-child(2) {
  top: 6px;
  transition: opacity 0ms 300ms;
}
.btn-menu .menu-bar > i:nth-child(3) {
  top: 12px;
  transition: top 100ms 300ms, transform 200ms;
}
.btn-menu.close {
  background-color: var(--c-wt);
}
.btn-menu.close .menu-bar {
  top: 0.9rem;
  left: 0.9rem;
  width: 2.4rem;
  height: 2.4rem;
  transform: scale3d(0.9, 0.9, 0.9);
}
.btn-menu.close .menu-bar > i {
  top: 1rem;
  background: #222;
}
.btn-menu.close .menu-bar > i:nth-child(1) {
  transform: rotate3d(0, 0, 1, 45deg);
  transition: top 100ms, transform 200ms 250ms;
}
.btn-menu.close .menu-bar > i:nth-child(2) {
  opacity: 0;
  transition: opacity 100ms;
}
.btn-menu.close .menu-bar > i:nth-child(3) {
  transform: rotate3d(0, 0, 1, -45deg);
  transition: top 200ms, transform 200ms 250ms;
}

.gnb_wrap {
  position: fixed;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding-top: var(--header-size);
  transition: left ease 0.5s;
  background-color: var(--c-wt);
}
.gnb_wrap.open {
  left: 0;
  transition: left ease 0.5s;
}

.scroll-area {
  padding: 3rem 2rem;
  overflow-y: auto;
  width: 100%;
  height: 100vh;
}

#gnb {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
#gnb > li > a {
  position: relative;
  display: block;
  font-size: 3.2rem;
  margin-bottom: 1.6rem;
  line-height: 4.6rem;
  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:hover a,
#gnb > li:focus a {
  color: var(--c-main);
}
#gnb > li:hover a::before,
#gnb > li:focus a::before {
  left: 50%;
  width: 100%;
}

.util .link_list {
  margin: 6rem 0;
}
.util .link_list ul {
  font-size: 1.4rem;
  font-family: var(--font-m);
}
.util .link_list ul .lang_area {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 1.6rem;
}
.util .link_list ul.lang_sel {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}
.util .link_list ul.lang_sel li {
  position: relative;
  margin-left: 1rem;
  padding-right: 1rem;
}
.util .link_list ul.lang_sel li:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 10px;
  background-color: var(--c-g-bc);
}
.util .link_list ul.lang_sel li a.current {
  color: var(--c-main);
}
.util .link_list ul.lang_sel.on {
  display: block;
}

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

.footer_wrap {
  padding: 0 2rem;
  margin: 0 auto;
}
.footer_wrap .f-head {
  margin: 0 0.2rem;
  padding: 2rem;
  border-bottom: 0.1rem solid #444;
}
.footer_wrap .f-head ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.footer_wrap .f-head ul li {
  position: relative;
  padding-right: 2.4rem;
  margin-left: 2.4rem;
}
.footer_wrap .f-head ul li a {
  font-size: 1.2rem;
  color: var(--c-g-88);
}
.footer_wrap .f-head ul li:first-child {
  margin: 0;
}
.footer_wrap .f-head ul li:first-child:before {
  display: none;
}
.footer_wrap .f-head ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -2.2rem;
  margin-top: -0.2rem;
  width: 1px;
  height: 10px;
  background-color: #444;
}
.footer_wrap .f-body {
  padding: 30px 0 0;
}
.footer_wrap .f-body .inner {
  padding: 0;
}
.footer_wrap .f-body .inner .logo_area {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 4rem;
}
.footer_wrap .f-body .inner .logo_area .logo {
  height: 4rem;
}
.footer_wrap .f-body .inner .logo_area .logo a {
  background-image: url("../images/common/footer_logo.png");
  width: 16.6rem;
  background-size: 16.6rem 100%;
}
.footer_wrap .f-body .inner .logo_area + div {
  width: 100%;
  margin-bottom: 5rem;
}
.footer_wrap .f-body .inner .logo_area + div > div p {
  margin-bottom: 2rem;
}
.footer_wrap .f-body .inner .grid_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.footer_wrap .f-body .inner .grid_wrap > div {
  margin-bottom: 5rem;
}
.footer_wrap .f-body .inner .grid_wrap > div ul li {
  margin-bottom: 0.6rem;
}
.footer_wrap .f-body .inner .tit {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  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: 1.2rem;
}
.footer_wrap .f-body .inner .follow-list {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}
.footer_wrap .f-body .inner .follow-list li {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.5rem;
  margin-right: 1.6rem;
  background-color: var(--c-main);
}
.footer_wrap .f-body .inner .follow-list li:nth-child(2) {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.2rem auto;
  background-image: url("../images/common/icon_follow01.png");
}
.footer_wrap .f-body .inner .follow-list li:nth-child(3) {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem auto;
  background-image: url("../images/common/icon_follow02.png");
}
.footer_wrap .f-body .inner .follow-list li:nth-child(1) {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.9rem 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: 4.5rem;
  left: 0;
  width: 8.3rem;
  height: 8.8rem;
  border-radius: 5px;
  background-color: var(--c-main);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7.9rem;
}
.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 {
  padding: 2rem 0;
  border-top: 1px solid #444;
}
.footer_wrap .f-foot p {
  color: var(--c-g-88);
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
.footer_wrap .f-foot p:first-child {
  margin-top: 0;
}

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 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  height: 2.7rem;
}
.logo a {
  display: inline-block;
  background-image: url("../images/common/logo.png");
  width: 11.2rem;
  height: 100%;
  background-size: 11.2rem 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: 2rem;
  height: 3.5rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in-out;
  z-index: 50;
}
#btn_top button {
  width: 3.5rem;
  height: 3.5rem;
  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 1rem;
}
#btn_top.on {
  opacity: 1;
  visibility: visible;
}
#btn_top.fixed {
  position: absolute;
}

.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;
  }
}
.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: 2.8rem;
  font-family: var(--font-b);
}
.main h2 span {
  display: block;
  margin: 0.4rem 0 4rem;
  font-size: 1.8rem;
  font-family: var(--font-sb);
}
.main .inner {
  position: relative;
  width: 100%;
  padding: 80px 0;
}
.main__visual {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100svh;
}
.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: 3.2rem;
  color: var(--c-wt);
  font-family: var(--font-b);
}
.main__visual .text-box p span {
  font-family: var(--font-m);
  font-size: 1.8rem;
}
.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(-45%);
}
.main__visual .main-swiper .swiper-slide-active .text-box p {
  opacity: 1;
  transform: translateY(0%);
}
.main__visual .main-swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  top: 5.6rem;
  bottom: auto;
  left: 0;
  padding: 2rem;
}
.main__visual .main-swiper .swiper-pagination-bullet {
  position: relative;
  width: 49%;
  height: auto;
  text-align: left;
  border-radius: 0;
  opacity: 1;
  margin: 0 !important;
  background-color: transparent;
  border-radius: 0.3rem;
}
.main__visual .main-swiper .swiper-pagination-bullet i {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.3);
}
.main__visual .main-swiper .swiper-pagination-bullet b {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 0%;
  height: 0.2rem;
  background-color: rgb(255, 255, 255);
}
.main__visual .main-swiper .swiper-pagination-bullet-active {
  background-color: transparent;
}
.main__visual .main-swiper .swiper-pagination-bullet-active b {
  animation-name: countingBar;
  animation-duration: 10s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
@keyframes countingBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.main__visual .search-box {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  z-index: 10;
  padding: 2rem;
}
.main__visual .search-box form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  width: calc(100% - 9.4rem);
  height: 5rem;
  padding: 0 0.3rem;
  border-radius: 5rem;
  background-color: var(--c-wt);
}
.main__visual .search-box form input {
  width: 100%;
  height: 5rem;
  padding-left: 1.5rem;
  border-radius: 5rem;
  border: none;
  outline: none;
  font-size: 1.2rem;
}
.main__visual .search-box form button {
  width: 4.8rem;
  height: 4.4rem;
  border-radius: 5rem;
  background-color: var(--c-main);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url("../images/common/icon_search.png");
}
.main__visual .search-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 8.4rem;
  height: 5rem;
  margin-left: 1rem;
  font-family: var(--font-b);
  color: var(--c-wt);
  font-size: 1.4rem;
  background-color: var(--c-bk);
  border-radius: 5rem;
}
.main__product {
  padding: 0 2rem 4rem;
}
.main__product ul {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 5rem;
}
.main__product ul li:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 2rem;
  height: 24.8rem;
}
.main__product ul li:before img {
  width: 100%;
}
.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: 1.2rem;
  font-size: 1.4rem;
}
.main__product ul li div p:first-child {
  font-family: var(--font-b);
  font-size: 2.2rem;
  margin-top: 2.6rem;
}
.main__product .btn-arrow {
  margin-top: 60px;
  display: inline-block;
  line-height: 48px;
}
.main__service {
  background-color: #f1f0eb;
}
.main__service p {
  font-size: 1.4rem;
  margin-top: 2.4rem;
}
.main__service .btn-arrow {
  display: inline-block;
  line-height: 48px;
  margin-top: 4rem;
}

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

.js-scrollmotion_up {
  opacity: 0;
  transform: translateY(2rem);
}
.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;
  padding-bottom: 16rem;
}
.sub .sub_inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.sub .sub_inner h2 {
  position: relative;
  font-size: 2.8rem;
  font-family: var(--font-b);
  margin: 0 0 4rem;
  text-align: center;
}
.sub .sub_inner h2 span {
  display: block;
  margin: 0.4rem 0 4rem;
  font-size: 1.8rem;
  font-family: var(--font-sb);
}
.sub .sub_inner h2 strong {
  display: block;
  margin: 0.8rem 0 4rem;
  font-size: 1.8rem;
  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: 0;
  z-index: -1;
  width: 100%;
  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: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--c-dk);
}
.sub .sub_inner.bg_darkgray h2 {
  color: var(--c-wt);
}

.subvisual_area {
  position: relative;
  overflow: hidden;
  height: 24rem;
  margin-bottom: 6rem;
}
.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%;
  height: 100%;
  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: 2.4rem 1fr;
}
.subvisual_area .txt .tit strong {
  font-family: var(--font-b);
  font-size: 3.2rem;
}
.subvisual_area .txt .tit span {
  font-size: 1.8rem;
}

.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);
}

/*
 *
 * SUMMARY:
 * 00) common
 * 01) only
 * 02) cursor
 * 03) icon
 * 04) background
 * 05) flex grid
 * 06) motion
 */
/* common */
.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(2rem);
}

.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: 8rem 0;
}
.sub.introduction .sub_inner:first-child {
  padding-top: 4rem;
}
.sub.introduction .intro_text {
  padding: 0 2rem;
}
.sub.introduction .intro_text::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 2rem;
  height: 24.8rem;
  margin-bottom: 3rem;
  background-image: url("../images/sub/bg_company_intro.png");
}
.sub.introduction .intro_text p {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.sub.introduction .sub-swiper {
  padding: 2rem 2rem 4rem;
}
.sub.introduction .sub-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  position: relative;
  height: 40rem;
  border-radius: 2rem;
  padding-top: 20rem;
  background-color: #fff;
  text-align: center;
}
.sub.introduction .sub-swiper .swiper-slide h3 {
  font-family: var(--font-b);
  color: #191919;
  font-size: 2rem;
}
.sub.introduction .sub-swiper .swiper-slide p {
  font-family: var(--font-m);
  font-size: 1.4rem;
  color: #474041;
}
.sub.introduction .sub-swiper .swiper-slide p:first-of-type {
  margin-bottom: 12px;
  font-family: var(--font-b);
  font-size: 26px;
  color: var(--c-bk);
}
.sub.introduction .sub-swiper .swiper-slide:nth-child(1):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 20rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url("../images/sub/corporate_culture01.png");
}
.sub.introduction .sub-swiper .swiper-slide:nth-child(2):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 20rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url("../images/sub/corporate_culture02.png");
}
.sub.introduction .sub-swiper .swiper-slide:nth-child(3):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 20rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url("../images/sub/corporate_culture03.png");
}
.sub.introduction .sub-swiper .swiper-slide:nth-child(4):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 20rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url("../images/sub/corporate_culture04.png");
}
.sub.introduction .sub-swiper .swiper-slide:nth-child(5):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 20rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url("../images/sub/corporate_culture05.png");
}
.sub.introduction .sub-swiper .swiper-slide:nth-child(6):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 20rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url("../images/sub/corporate_culture06.png");
}
.sub.introduction .sub-swiper .swiper-pagination {
  bottom: 0;
}
.sub.introduction .sub-swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: rgba(0, 0, 0, 0.8);
}
.sub.introduction
  .sub-swiper
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: var(--c-main);
}
.sub.introduction .resource-list {
  padding: 0 2rem;
}
.sub.introduction .resource-list:before {
  content: "";
  display: block;
  width: 100%;
  height: 26rem;
  border-radius: 2rem;
  margin-bottom: 3rem;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url("../images/sub/bg_clearance_resources.png");
}
.sub.introduction .resource-list div {
  display: grid;
  grid-template-rows: 3.6rem 1fr;
  padding: 2.4rem 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: 1.8rem;
  color: var(--c-main);
}
.sub.introduction .resource-list div dd {
  color: var(--c-wt);
  font-size: 1.4rem;
}
.sub.introduction .mainline-resources h2 {
  padding-top: 6rem;
  margin: 0 2rem;
  height: 60rem;
  font-size: 1.8rem;
  color: var(--c-wt);
  border-radius: 2rem;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  background-image: url("../images/sub/bg_mainline_resources.png");
}
.sub.introduction .mainline-resources h2 strong {
  font-size: 4.4rem;
  font-family: var(--font-i);
}
.sub.introduction .mainline-resources dl {
  position: absolute;
  top: 40rem;
  left: 0;
  width: 100%;
  text-align: center;
}
.sub.introduction .mainline-resources dl > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  padding-bottom: 2rem;
}
.sub.introduction .mainline-resources dl > div dt {
  padding-bottom: 1.6rem;
  font-family: var(--font-b);
  font-size: 2rem;
  color: var(--c-main);
}
.sub.introduction .mainline-resources dl > div dd {
  color: var(--c-wt);
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
}
.sub.introduction .mainline-resources dl > div dd span {
  padding: 1.2rem;
}
.sub.introduction .culture p {
  padding: 0 2rem;
  font-size: 1.4rem;
  margin-bottom: 3rem;
  color: #474041;
}
.sub.introduction .culture .welfare-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 13rem;
  margin: 4rem auto;
}
.sub.introduction .culture .welfare-wrap .welfare-box {
  position: relative;
  overflow: hidden;
}
.sub.introduction .culture .welfare-wrap ul.line1 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 2rem;
  width: 130rem;
  height: 100%;
}
.sub.introduction .culture .welfare-wrap ul.line1 li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 13rem;
  animation: translateinfinite2 15s linear infinite;
}
.sub.introduction .logo_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  height: 5rem;
  margin: 2rem auto 0;
}
.sub.introduction .logo_wrap .logo_box {
  position: relative;
  overflow: hidden;
}
.sub.introduction .logo_wrap ul.line1 {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  gap: 3rem;
  width: 96rem;
  height: 100%;
}
.sub.introduction .logo_wrap ul.line1 li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 6rem;
  animation: translateinfinite 20s linear infinite;
}
.sub.introduction .logo_wrap ul.line1 li.w80 {
  width: 8rem;
}
.sub.introduction .logo_wrap ul.line2 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.6rem;
  width: 116rem;
  height: 100%;
}
.sub.introduction .logo_wrap ul.line2 li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 10rem;
  animation: translateinfinite 25s linear infinite;
}
.sub.introduction .logo_wrap ul.line2 li.w80 {
  width: 8rem;
}
.sub.introduction .logo_wrap ul.line3 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.6rem;
  width: 124rem;
  height: 100%;
}
.sub.introduction .logo_wrap ul.line3 li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 10rem;
  animation: translateinfinite 20s linear infinite;
}
.sub.introduction .logo_wrap ul.line3 li.w120 {
  width: 12rem;
}
.sub.introduction .follow_us {
  padding: 8rem 2rem 0;
  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: 1.6rem;
  margin-top: -3rem;
  text-align: center;
}
.sub.introduction .follow_us ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.3rem;
  row-gap: 3rem;
  margin-top: 5rem;
}
.sub.introduction .follow_us ul li {
  height: 21rem;
  border-radius: 2rem;
  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: 1.5rem 0;
  margin: 0 1.3rem 1.4rem;
  font-size: 1.4rem;
  font-family: var(--font-m);
  border-bottom: 1px dashed #ddd;
}
.sub.introduction .follow_us ul li img {
  width: 12.8rem;
}

.sub.product_service .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg01.png");
}
.sub.product_service ul {
  display: grid;
  grid-template-rows: 1fr;
  gap: 40px;
  padding: 0 2rem;
}
.sub.product_service ul li {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: nowrap;
  flex-direction: column;
  position: relative;
  height: 37.4rem;
  padding: 0 0 4rem;
  border-radius: 3rem;
  background-color: #f1f0ea;
  text-align: center;
}
.sub.product_service ul li h3 {
  margin-bottom: 1.6rem;
  font-family: var(--font-b);
  color: #191919;
  font-size: 2rem;
}
.sub.product_service ul li p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  font-family: var(--font-m);
  color: var(--c-g-66);
  font-size: 1.4rem;
}
.sub.product_service ul li:nth-child(1) {
  background-repeat: no-repeat;
  background-position: center 7rem;
  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 7rem;
  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 7rem;
  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 7rem;
  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 7rem;
  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 7rem;
  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 7rem;
  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 7rem;
  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 7rem;
  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 7rem;
  background-size: auto;
  background-image: url("../images/sub/product_service010.png");
}
.sub.product_service ul li:nth-child(4) {
  background-repeat: no-repeat;
  background-position: center 5rem;
  background-size: auto;
}
.sub.product_service ul li:nth-child(9) {
  background-repeat: no-repeat;
  background-position: center 8rem;
  background-size: auto;
}
.sub.product_service ul li:nth-child(10) {
  background-repeat: no-repeat;
  background-position: center 10rem;
  background-size: auto;
}

.sub.mobile_ordering .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg02.png");
}
.sub.mobile_ordering .sub_inner h2 span {
  margin: 2.4rem 0 6rem;
  font-size: 1.4rem;
}
.sub.mobile_ordering .mobile_qr_wrap {
  margin-bottom: 8rem;
  padding: 0 2rem;
  text-align: center;
}
.sub.mobile_ordering .mobile_qr_wrap > div > h2 {
  margin-bottom: 6rem;
}
.sub.mobile_ordering .mobile_qr_wrap.sub_border > div {
  padding-top: 6rem;
  border-top: 1px solid #eee;
}
.sub.mobile_ordering .mobile_qr_wrap img {
  border-radius: 1.6rem;
  margin: 0 0 8rem;
  box-shadow: 0 0.8rem 3rem 0 rgba(0, 0, 0, 0.12);
}
.sub.mobile_ordering .mobile_qr_wrap .mobile_odr_icon {
  margin: 0 0 5rem;
}
.sub.mobile_ordering .mobile_qr_wrap .mobile_odr_icon img {
  margin: -3rem 0 2.4rem;
}
.sub.mobile_ordering .mobile_qr_wrap .mobile_odr_qr img {
  margin: 0 0 2rem;
}
.sub.mobile_ordering .mobile_qr_wrap h4 {
  margin-bottom: 1rem;
  font-size: 2rem;
}
.sub.mobile_ordering .mobile_qr_wrap p {
  font-size: 1.4rem;
}
.sub.mobile_ordering .mobile_qr_box {
  padding: 0 0 4rem;
  background-color: #f1f0ea;
  border-radius: 1.6rem;
}
.sub.mobile_ordering .mobile_odr_split > div > h2 {
  margin-bottom: 3rem;
}
.sub.mobile_ordering .mobile_odr_split .mobile_qr_box {
  padding: 6rem 0;
}
.sub.mobile_ordering > section:last-child {
  margin-bottom: 0;
}

.sub.storefront_inquiry .subvisual_area {
  margin-bottom: 4rem;
}
.sub.storefront_inquiry .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg03.png");
}
.sub.storefront_inquiry .storefront_top {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.sub.storefront_inquiry .storefront_top .store_list {
  display: inline-flex;
  justify-content: space-between;
  padding: 0 2rem;
}
.sub.storefront_inquiry .storefront_top .store_list li {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  font-family: var(--font-m);
  padding: 10px;
  border-radius: 10px;
  margin-right: 10px;
}
.sub.storefront_inquiry .storefront_top .store_list li.on {
  border: none;
  background-color: var(--c-main);
  /*
  &: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: 100%;
  height: 283px;
  opacity: 0;
  padding: 0 2rem;
}
.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_top::-webkit-scrollbar {
  display: none;
}
.sub.storefront_inquiry .store_img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 0 2rem;
  margin: 2rem 2rem 0;
  border-radius: 2rem;
  background-color: #f1f0ea;
}
.sub.storefront_inquiry .store_img img {
  border-radius: 2rem;
}
.sub.storefront_inquiry .storefront_bottom {
  display: none;
}
.sub.storefront_inquiry .storefront_bottom:first-of-type {
  display: block;
}
.sub.storefront_inquiry .storefront_bottom h2 {
  display: none;
}
.sub.storefront_inquiry .storefront_bottom .map_list {
  padding: 4rem 2rem 0;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li {
  padding: 0 0 5rem;
  margin: 0 0 5rem;
  border-bottom: 1px solid #d9d9d9;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li .store_info {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li .store_info h3 {
  font-size: 2rem;
  padding-bottom: 1.6rem;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li .store_qr {
  margin: 3rem 0 0;
  font-size: 1.2rem;
  font-family: var(--font-m);
  text-align: center;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li .store_qr p {
  margin-top: 0.8rem;
}
.sub.storefront_inquiry .storefront_bottom .map_list > li:last-child {
  margin-bottom: 0;
}

.sub.want_to_join .subvisual_area .bg {
  background-image: url("../images/sub//subvisual/sub_bg04.png");
}
.sub.want_to_join .sub_inner ul {
  padding: 0 2rem;
}
.sub.want_to_join .sub_inner ul li {
  margin: 0 0 6rem;
}
.sub.want_to_join .sub_inner ul li .join_txt_box img {
  border-radius: 2rem;
  width: 100%;
}
.sub.want_to_join .sub_inner ul li .join_txt_box h3 {
  margin: 3rem 0 1.6rem;
  font-size: 2rem;
}
.sub.want_to_join .sub_inner ul li .join_txt_box h3:before {
  content: "";
  display: block;
  display: inline-block;
  font-size: 2rem;
  font-family: var(--font-i);
  font-weight: bold;
}
.sub.want_to_join .sub_inner ul li .join_txt_box p {
  font-size: 1.4rem;
  color: var(--c-g-66);
}
.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 {
  position: relative;
  min-height: 56rem;
  padding: 4rem 0 0;
  margin: 12rem 2rem 0;
  background-color: var(--c-main);
  text-align: center;
  border-radius: 2rem;
}
.sub.want_to_join .join_bn h2 {
  margin-bottom: 1.6rem;
}
.sub.want_to_join .join_bn p {
  font-family: var(--font-m);
}
.sub.want_to_join .join_bn img {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.sub.contact_us {
  padding-bottom: 0;
}
.sub.contact_us .subvisual_area .bg {
  background-repeat: no-repeat;
  background-position: 85% center;
  background-size: cover;
  background-image: url("../images/sub//subvisual/sub_bg05.png");
}
.sub.contact_us .sub_inner h2 {
  margin-top: 9rem;
}
.sub.contact_us .sub_inner h2 span {
  margin-top: 0.8rem;
  font-size: 1.4rem;
}
.sub.contact_us .contact_form {
  margin: 0 2rem;
  padding: 0 0 6rem;
  border-bottom: 1px solid var(--c-gray);
}
.sub.contact_us .contact_form ul li {
  margin: 0 0 1.6rem;
}
.sub.contact_us .contact_form ul li label {
  display: block;
  margin: 0 0 0.4rem;
  font-size: 1.4rem;
  font-family: var(--font-b);
}
.sub.contact_us .contact_form ul li select,
.sub.contact_us .contact_form ul li input,
.sub.contact_us .contact_form ul li textarea {
  display: block;
  width: 100%;
  height: 4rem;
  padding-left: 1.6rem;
  border: 1px solid #d9d9d9;
  border-radius: 0.8rem;
}
.sub.contact_us .contact_form ul li select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/sub//select_arrow.png") no-repeat right 2rem top
    50%;
  cursor: pointer;
}
.sub.contact_us .contact_form ul li option {
  font-size: 1.4rem;
  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: 1.4rem;
}
.sub.contact_us .contact_form ul li textarea {
  height: 11rem;
  line-height: normal;
  padding-top: 1rem;
}
.sub.contact_us .contact_form .consult_submit {
  margin-top: 3rem;
  text-align: center;
}
.sub.contact_us .contact_form .consult_submit input[type="submit"] {
  width: 16rem;
  height: 5.4rem;
  line-height: 5.4rem;
  background-color: var(--c-main);
  font-size: 2rem;
  font-family: var(--font-b);
  border-radius: 3rem;
}
.sub.contact_us .contact_korean h2 span,
.sub.contact_us .contact_china h2 span {
  font-family: var(--font-i);
  font-weight: 600;
}
.sub.contact_us .contact_korean > ul {
  padding: 0 2rem;
}
.sub.contact_us .contact_korean > ul > li {
  margin: 0 0 8rem;
}
.sub.contact_us .contact_korean > ul > li .contact_img img {
  border-radius: 2rem;
  width: 100%;
}
.sub.contact_us .contact_korean > ul > li .contact_info > div {
  padding: 2.4rem 0 0;
}
.sub.contact_us .contact_korean > ul > li .contact_info h3 {
  padding: 0 0 1.6rem;
  color: var(--c-main);
}
.sub.contact_us .contact_korean > ul > li .contact_info ul {
  padding-top: 1.6rem;
  border-top: 1px solid var(--c-g-ee);
}
.sub.contact_us .contact_korean > ul > li .contact_info li {
  margin: 0 0 1.2rem;
}
.sub.contact_us .contact_korean > ul > li .contact_info li h4 {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
}
.sub.contact_us .contact_korean > ul > li .contact_info li span {
  font-size: 1.4rem;
}
.sub.contact_us .contact_korean > ul > li:last-child {
  margin-bottom: 12rem;
}
.sub.contact_us .contact_china {
  padding: 8rem 2rem 10rem;
}
.sub.contact_us .contact_china > h2 {
  margin-top: 0;
}
.sub.contact_us .contact_china .contact_img img {
  width: 100%;
  border-radius: 2rem;
}
.sub.contact_us .contact_china .contact_info {
  background-color: var(--c-wt);
  padding: 3rem 2rem;
  margin: 1.2rem 0 0;
  border-radius: 3rem;
}
.sub.contact_us .contact_china .contact_info > ul > li {
  margin-bottom: 4rem;
}
.sub.contact_us .contact_china .contact_info > ul > li h3 {
  margin-bottom: 2rem;
  font-size: 2rem;
}
.sub.contact_us .contact_china .contact_info > ul > li li {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
}
.sub.contact_us .contact_china .contact_info > ul > li li h4 {
  margin-bottom: 0.4rem;
  font-size: 1.8rem;
}
.sub.contact_us .contact_china .contact_info > ul > li li.hotline_nb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 2rem;
}
.sub.contact_us .contact_china .contact_info > ul > li li.hotline_nb h4 {
  font-size: 2rem;
  margin: 0 1rem 0 0;
}
.sub.contact_us .contact_china .contact_info > ul > li:last-child {
  margin-bottom: 0;
}