html {
  font-size: 16px;
  scroll-behavior: smooth
}
body {
  box-sizing: border-box;
  line-height: inherit
}
body * {
  box-sizing: inherit
}
a {
  color: unset
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}
ol,
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
button {
  border: 0;
  padding: unset;
  background: 0 0;
  cursor: pointer;
  color: transparent
}
@media screen and (max-width:1024px) {
  html {
    font-size: 14px
  }
}
@media screen and (max-width:768px) {
  html {
    font-size: 12px
  }
}
@font-face {
  font-family: SUIT;
  src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}
.sz-blind {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0
}
.sr-only {
  border: 0;
  clip: rect(1px,1px,1px,1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px;
  word-wrap: normal!important
}
.sz-clearfix::after {
  content: "";
  display: block;
  clear: both
}
@keyframes gnbAni {
  0% {
    height: 0
  }
  100% {
    height: 3px
  }
}
body {
  font-family: Pretendard,sans-serif;
  overflow-x: hidden;
  word-break: keep-all
}
img {
  display: block;
  max-width: 100%
}
.contents img.section {
  display: block;
  width: 100%;
  height: auto
}
.contents .section_search {
  background-color: #041070;
  padding: 80px 30px 90px;
  font-family: SUIT,sans-serif
}
.contents .section_search .search-contents {
  display: flex;
  gap: 7px;
  width: 100%;
  max-width: 841px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px
}
.contents .section_search .search-title {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 10px
}
.contents .section_search .search-title p {
  font-size: 28px;
  color: #fff;
  position: relative
}
.contents .section_search .search-title img.search {
  width: 100%;
  height: auto;
  display: block
}
.contents .section_search .search-title img.search.title {
  max-width: 256px
}
.contents .section_search .search-title img.search.icon {
  max-width: 23px;
  position: absolute;
  right: -18px;
  top: -22px
}
.select_box {
  position: relative
}
.select_absolute {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  line-height: 34px;
  cursor: pointer;
  color: #000;
  font-size: 18px;
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
  padding: 0 16px
}
.select_absolute.b {
  cursor: unset
}
.select_box_close {
  height: 34px
}
.select_box_open {
  height: auto;
  overflow: auto
}
.option_box {
  float: left;
  width: 100%;
  text-align: left;
  cursor: pointer
}
.option {
  float: left;
  width: calc(100% - 40px);
  padding: 0 20px
}
.select_box_title {
  width: 100%;
  background-color: #52a7ff;
  padding: 7px 0;
  font-size: 21px;
  color: #000;
  text-align: center
}
.select_box_wrap {
  display: flex;
  flex-direction: column;
  width: 150px
}
.select_box_wrap.b {
  width: 180px
}
.select_box_wrap.c {
  width: 340px
}
.sbx-inner {
  position: relative;
  width: 100%;
  height: 34px;
  background-color: #fff
}
.seldd {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  line-height: 34px;
  padding-left: 16px;
  padding-right: 32px
}
.seldd__dw {
  display: block;
  position: absolute;
  right: 6px;
  top: 8px;
  width: 20px;
  height: 17px;
  background: no-repeat center/contain url(../images/search-arrow.png?v=513)
}
.seldd--none ~ .seldd__dw {
  display: none
}
.search-results {
  max-width: 841px;
  margin-left: auto;
  margin-right: auto;
  height: 0;
  overflow: hidden
}
.search-results.active {
  margin-top: 12px;
  height: auto;
  overflow: visible
}
.search-results__ul {
  display: block
}
.search-results__item {
  display: flex;
  gap: 7px;
  margin-top: 5px
}
.search-results__item:first-child {
  margin-top: 0
}
.search-results__item .c {
  display: block;
  height: 34px
}
.search-results__item .c1 {
  width: 150px
}
.search-results__item .c3 {
  width: 180px
}
.search-results__item .c4 {
  width: 340px
}
.search-results__item .itxt {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding-left: 16px;
  padding-right: 16px
}
@media screen and (max-width:720px) {
  .contents .section_search .search-title img.search.title {
    max-width: 200px
  }
  .contents .section_search .search-title p {
    font-size: 17px
  }
  .select_absolute {
    font-size: 16px
  }
  .select_box_title {
    font-size: 18px
  }
  .select_box_wrap.a1 {
    flex-grow: 1
  }
  .select_box_wrap.b,
  .select_box_wrap.c {
    display: none
  }
  .search-results__item .c1 {
    display: none
  }
  .search-results__item .c3 {
    flex-grow: 1
  }
  .search-results__item .c4 {
    flex-grow: 1.3
  }
  .search-results__item .itxt {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px
  }
  .footer-ref .f-ref__in {
    padding: 35px
  }
  .footer-ref .f-ref__t {
    font-size: 18px
  }
}
@media screen and (max-width:500px) {
  .contents .section_video img.video-txt {
    margin: 8% 0 0 11px
  }
}
@media screen and (max-width:768px) {
  img.video-btn {
    width: 80px
  }
}
@media screen and (max-width:1080px) {
  .contents .section_video {
    padding: 11%
  }
  .contents .section_video img.vs-text {
    margin: 0 auto 5%
  }
  .contents .section_video img.vs-text.b {
    margin: 0 auto 7%
  }
}
@media screen and (min-width:1080px) {
  .contents .section_bg img.point.content.mw {
    width: 100%
  }
}
@media screen and (min-width:1300px) {
  .contents .section_bg img.point.content.m {
    bottom: -10%
  }
}
@media screen and (min-width:1500px) {
  .footer-ref {
    padding: 3% 9%
  }
}
@media screen and (min-width:1800px) {
  .contents .section_bg img.point.content.m {
    bottom: -15%
  }
}
@media screen and (min-width:1600px) {
  .contents .section_bg img.point.content.p4 {
    margin-top: -3%
  }
}
.footer {
  position: relative
}
.footer .bb-line {
  width: 100%
}
.footer .p-info {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 89.5%;
  max-width: 967px;
  padding-top: min(8%,80px);
  padding-bottom: min(3.5%,40px)
}
.footer .sp-line {
  position: absolute;
  bottom: 1.2%;
  width: 100%
}
.footer .sp-w {
  max-width: 1220px;
  margin: 0 auto
}
.footer .sp-w p {
  padding-left: 6.8%;
  font-size: max(9px,1vw)
}
@media screen and (min-width:1220px) {
  .footer .sp-w p {
    font-size: 12px
  }
}
.footer-ref {
  background-color: #d5d5d5;
  padding-top: min(4%,44px);
  padding-bottom: min(7.8%,85px)
}
.footer-ref .ref-w {
  max-width: 1080px;
  margin: 0 auto;
  padding-left: min(11%,120px);
  padding-right: min(11%,120px)
}
.footer-ref .ref {
  max-width: 100%;
  width: auto;
  height: auto
}
.sect__boxed > .innr {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto
}
.kv {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: absolute;
  right: 0;
  top: 1%
}
.kv-cont {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/kv-bg3.jpg)
}
.kv-cont .kv-w {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto
}
.kv-cont .kv__c {
  position: relative
}
.kv-cont .bg {
  width: 100%
}
.kv-cont .logo1 {
  position: absolute;
  top: 4.18%;
  left: 4.18%;
  width: max(94px,15.83%)
}
.kv-cont .logo2 {
  position: absolute;
  top: 4.18%;
  right: calc(4.18% + 125px);
  width: max(30px,5.052%)
}
.kv-cont .toptitle {
  position: absolute;
  top: 11.77%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center
}
.kv-cont .toptitle img {
  width: 57.552%;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, .5))
}
.kv-cont .top-bm {
  position: absolute;
  right: 5px;
  bottom: 16px;
  color: #fff;
  font-size: 11px;
  text-align: right
}
@media screen and (max-width:600px) {
  .kv-cont .top-bm {
    font-size: 10px;
    bottom: 5px;
    right: 0;
    padding: 0 6px
  }
  .kv-cont .top-bm span {
    display: block
  }
}
.sect--video {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/s2_video/vst-bg.jpg);
  padding-top: 8.333%;
  padding-bottom: 9.896%
}
.sect--video .ae-tit .tt-1 {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: max(170px,40.73%);
  margin-bottom: 1.25%
}
.sect--video .ae-tit .tt-2 {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: max(230px,55.26%);
  margin-bottom: 2.71%
}
.sect--video .v-frm {
  margin: 0 auto;
  width: max(320px,74.427%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/s2_video/v-box.webp);
  background-size: 100% 100%;
  padding: .7%
}
.sect--video .video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  z-index: 1
}
.sect--video .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.sect--video .v-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover
}
.sect--video .play-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center
}
.sect--video .play-btn img {
  width: 32.735%
}
.sect--video .v-bottom {
  margin: 8px auto 0;
  padding: 0 4px;
  width: max(320px,74.427%);
  text-align: right;
  color: #fff;
  font-size: 12px
}
.sect--video .b-line {
  margin-top: 20px;
  text-align: center
}
.sect--video .info-modal-btn {
  width: max(180px,32.24%)
}
.sect--video .info-modal-btn img {
  width: 100%
}
@media screen and (max-width:600px) {
  .sect--video .v-bottom {
    font-size: 11px
  }
}
.sect--info {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/s3_info/sungbg-full.jpg);
  padding-top: 9.06%;
  padding-bottom: 7.6%
}
.sect--info .inf__h {
  margin-bottom: 6.25%
}
.sect--info .tp-txt {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 61.77%;
  margin-bottom: 2.5%
}
.sect--info .tp-img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: max(280px,62.5%)
}
.sect--info .inf__b {
  margin: 0 auto;
  width: 90.1%
}
.sect--info .inf__b img {
  width: 100%
}
.sect--eff {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/s4_eff/eff-bg.jpg);
  padding-top: 7.6%;
  padding-bottom: 7.6%
}
.sect--eff .tp-txt {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: max(220px,44.6354%);
  margin-bottom: 4%
}
.sect--eff .tp-img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: max(300px,54.167%)
}
.section_search .find-tit {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: max(260px,47%)
}
.section_search .section_search-w {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto
}
.lang-zh-CN .kv-cont .logo1 {
  width: max(65px,10.1%)
}
.lang-zh-CN .kv-cont .logo2 {
  top: 4.8%;
  width: max(50px,8.4375%)
}
.lang-zh-CN .toptitle img {
  width: 73.6%
}
.lang-zh-CN .sect--video .ae-tit .tt-1 {
  width: max(174px,42.24%)
}
.lang-zh-CN .sect--video .ae-tit .tt-2 {
  width: max(324px,73.38%)
}
.lang-zh-CN .sect--info .tp-txt {
  width: 62.24%
}
.lang-zh-CN .sect--eff .tp-txt {
  width: max(200px,36%)
}
.lang-zh-CN .section_search .find-tit {
  width: max(260px,54%)
}
.footer-ref {
  display: none!important
}
.modal {
  position: fixed;
  inset: 0;
  background-color: rgba(0,0,0,.4);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease;
  z-index: 999;
  overflow: auto
}
.modal.show {
  opacity: 1;
  visibility: visible
}
.modal-content {
  position: relative;
  max-height: 100%;
  transform: translateY(10px);
  transition: transform .2s ease
}
.modal.show .modal-content {
  transform: translateY(0)
}
.modal-content .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.37%;
  min-width: 30px
}
.modal-content .close img {
  width: 100%
}
.pop-info {
  width: 740px
}
.lang-dropdown__w {
  position: absolute;
  top: calc(4.18% - 6px);
  right: 4.18%;
  z-index: 1
}
.lang-dropdown {
  position: relative;
  width: 100px;
  transition: transform 250ms,opacity 250ms,visibility 250ms
}
.lang-dropdown .dropdown-btn {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  color: #000;
  border: 1px solid rgba(255,255,255,.5019607843);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700
}
.lang-dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0,0,0,.2)
}
.lang-dropdown .arrow {
  transform: rotate(180deg)
}
.lang-dropdown .dropdown-menu li a {
  display: block;
  padding: 12px;
  color: #333;
  text-decoration: none;
  text-align: center;
  transition: background .2s
}
.lang-dropdown .dropdown-menu li a:focus,
.lang-dropdown .dropdown-menu li a:hover {
  background-color: #f0f0f0;
  outline: 0
}
.lang-dropdown .dropdown-menu li a[aria-current=page] {
  font-weight: 700;
  color: #1a253a
}
.lang-dropdown.active .dropdown-btn {
  border-bottom-color: transparent;
  border-radius: 8px 8px 0 0;
  background-color: #1a253a;
  color: #fff
}
.lang-dropdown.active .dropdown-menu {
  display: block
}
.lang-dropdown.active .arrow {
  transform: rotate(0)
}
.lang-dropdown.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  pointer-events: none
}
@media screen and (max-width:768px) {
  .kv-cont .logo2 {
    right: calc(2.5% + 70px)
  }
  .lang-dropdown__w {
    right: 2.5%
  }
  .lang-dropdown {
    width: 60px
  }
  .lang-dropdown .dropdown-btn {
    padding: 6px 8px;
    font-size: 12px
  }
  .lang-dropdown .arrow {
    font-size: 9px
  }
  .lang-dropdown .dropdown-menu li a {
    padding: 7px 10px
  }
}