@charset "UTF-8";

body:before {
  content: "";
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 120px;
  margin: 0 auto;
  z-index: 99;
  transition: transform 0.6s;
  transform: translateY(0);
  font-family: "Sen", serif;
  font-weight:400
}
header.active {
  transform: translateY(-100%);
}
header > div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 60px;
  background-color: #fff;
  border-bottom: 1px solid #BEDEFC;
  transition: background 0.3s, border 0.3s;
}
header .inner {
  width: calc(100% - 190px);
  max-width: 100%;
  padding: 0;
}
header .gnb_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
header h1 a {
  display: block;
}
header h1 a .logo {
  font-size: 0;
  text-indent: -9999px;
  display: block;
  width: 160px;
  height: 30px;
  background-image: url(/images/logo.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  
}
header nav {
  margin: 0 auto;
}
header nav > ul {
  display: flex;   
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
header nav > ul > li {
  position: relative;
  padding: 0 20px;
  cursor: pointer;
  
}
header nav > ul > li.long {
  margin: 0;
}
header nav > ul > li.on > a, header nav > ul > li.current > a {
  color: #107AF2;
}
header nav > ul > li.on > a:after, header nav > ul > li.current > a:after {
  width: 100%;
}
header nav > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  padding: 40px 25px;
  text-align: center;
  font-size: 20px;
  letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 600;
  color: #333333;
  transition: all 0.15s ease-in-out;
}
header nav > ul > li > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background-color: #107AF2;
  transition: all 0.15s ease-in-out;
}
header nav .depth2 {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 26px 0 58px;
}
header nav .depth2 a {
  display: block;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  letter-spacing: -0.03em;
  font-family: 'Pretendard-Regular', sans-serif ;
}
header nav .depth2 a.current, header nav .depth2 a:hover {
  color: #107AF2;
}
header nav .depth2 span {
  display: block;
  font-size: 12px;
  letter-spacing: 0em;
  /* 0.0625 * 16 = 1px */
  line-height: 0.875rem;
}


header .mo_menu {
  display: none;
}


body.gnb-open:before {
  display: block;
}
@media (max-width: 1399px) {
  body.gnb-open {
    overflow: hidden;
  }
  body.gnb-open:before {
    display: none;
  }
}
body.gnb-open header {
  background-color: transparent;
}
body.gnb-open header nav .depth2 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 0.2s;
}
@media (max-width: 1399px) {
  body.gnb-open header nav .depth2 {
    transition: none;
    transition-delay: unset;
  }
}
body.gnb-open header .banner {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 0.2s;
}





@media (min-width: 1399px) {
  #gnbDim {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #fff;
    z-index: -9999;
    transition: height 0.4s linear;
  }
  body.gnb-open #gnbDim {
    border-bottom: 1px solid #BEDEFC;
  }
}

@media (max-width: 1399px) {
  body.gnb-open {
    overflow: hidden;
  }
  body.gnb-open header .inner,
  body.gnb-open header .utility,
  body.gnb-open header .search-box {
    right: 0;
  }
  body.gnb-open header .search-box {
    opacity: 1;
    visibility: visible;
  }
  body.gnb-open header .help {
    display: none;
  }
  body.gnb-open header .mo_menu {
    top: 14px;
    right: 20px;
    animation-name: opacity;
    animation-duration: 0.25s;
    z-index: 999;
  }
  body.gnb-open header .mo_menu:after {
    background-image: url(/images/icon_close.svg?ver=1.2);
  }
  body.gnb-open #gnbDim {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.3);
    transition: none !important;
    z-index: -1;
  }
  header {
    height: 68px;
  }
  header > div {
    align-items: flex-start;
    padding: 16px 65px;
  }
  header .inner {
    position: fixed;
    top: 0;
    right: -100%;
    transition: right 0.3s linear;
    z-index: 9;
  }
  header .gnb_wrap {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 440px;
    min-height: 100vh;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    z-index: 999;
  }
  header .gnb_wrap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  header .mo_menu {
    display: block;
    position: absolute;
    top: 14px;
    right: 65px;
    width: 40px;
    height: 40px;
    margin-right: -8px;
    z-index: 10;
  }
  header .mo_menu:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-image: url(/images/icon_menu_bk.svg?ver=1.1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  header nav {
    display: block;
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    min-height: 100vh;
    padding: 0 20px;
    overflow-y: auto;
    background-color: #fff;
  }
  header nav > ul {
    flex-direction: column;
    align-items: baseline;
  }
  header nav > ul > li {
    width: 100%;
    margin: 0;
  }
  header nav > ul > li.on > a:after, header nav > ul > li.current > a:after {
    width: 0;
  }
  header nav > ul > li.on .depth2, header nav > ul > li.current .depth2 {
    height: auto;
    opacity: 1;
  }
  header nav > ul > li > a {
    width: 100%;
    padding: 20px 0;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1;
  }
  header nav > ul > li > a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url(../images/common/icon_plus_bk.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  header nav > ul > li .depth2 ul {
    padding: 12px 24px;
    background-color: #f3f3f3;
    border-top: 1px solid #107AF2;
    border-bottom: 1px solid #107AF2;
  }
  header nav > ul > li .depth2 a {
    padding: 12px 0;
  }
  header nav > ul > li .depth2 a.active {
    color: #107AF2 !important;
  }
  header nav > ul > li .depth2 span {
    display: inline-block;
  }
  header nav > ul > li.open > a {
    color: #107AF2 !important;
  }
  header nav > ul > li.open > a:before {
    height: 2px;
    background-image: url(../images/common/icon_minus.svg);
  }
  header nav .depth2 {
    position: static;
    transform: none;
    height: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
  }
  header nav .depth2 a {
    text-align: left;
  }



}
@media (max-width: 1023px) {
  header > div {
    padding: 16px 20px;
  }
  header .mo_menu {
    right: 20px;
  }
}
@media (max-width: 767px) {
  header .inner {
    width: 100%;
  }
  header .gnb_wrap {
    max-width: 100%;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
footer {
  position: relative;
  width: 100%;
  margin: 192px auto 0;
  background-color: #242424;

 
}





#wrap {
  overflow: hidden;
}

body {
  position: relative;
}

.inner {
  width: 100%;
  max-width: 1380px;
  /* padding: 0 65px; */
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .inner {
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .inner {
    padding: 0 20px;
  }
}

/* visual_wrap */
.sub_visual {
  padding-top: 165px;
  margin: 0 auto;
}
.sub_visual[data-motion] #breadCrumbWrap {
  transform: translateY(100%);
  transition: transform 0.75s;
}
.sub_visual[data-motion] h2 {
  transform: translateY(30%);
  transition: transform 0.75s;
}
.sub_visual[data-motion] p {
  transform: translateY(100%);
  transition: transform 0.75s;
}
.sub_visual[data-motion] .input_area {
  transform: translateY(100%);
  transition: transform 0.75s;
}
.sub_visual[data-motion] .vision_area {
  transform: translateY(10%);
  transition: transform 0.75s;
}
.sub_visual[data-motion].is_animated #breadCrumbWrap {
  transform: translateY(0);
}
.sub_visual[data-motion].is_animated h2 {
  transform: translateY(0);
}
.sub_visual[data-motion].is_animated p {
  transform: translateY(0);
}
.sub_visual[data-motion].is_animated .input_area {
  transform: translateY(0);
}
.sub_visual[data-motion].is_animated .vision_area {
  transform: translateY(0);
}
@media (max-width: 767px) {
  .sub_visual[data-motion] p {
    transform: translateY(50%);
  }
  .sub_visual[data-motion].is_animated p {
    transform: translateY(0);
  }
}
@media (max-width: 1023px) {
  .sub_visual {
    padding-top: 145px;
  }
}
.sub_visual #breadCrumbWrap {
  display: block;
  width: 100%;
  margin-bottom: 80px;
  text-align: right;
  font-size: 16px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 1rem;
  color: #000000;
}
.sub_visual #breadCrumbWrap .breadCrumb_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: normal;
}
.sub_visual #breadCrumbWrap .breadCrumb_inner > div {
  position: relative;
  display: inline-block;
  padding-right: 26px;
}
.sub_visual #breadCrumbWrap .breadCrumb_inner > div:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
  background: url("../images/common/icon_arrow_sm.svg") center no-repeat;
}
.sub_visual #breadCrumbWrap .breadCrumb_inner > div:last-child {
  padding-right: 0;
}
.sub_visual #breadCrumbWrap .breadCrumb_inner > div:last-child:after {
  display: none;
}
.sub_visual #breadCrumbWrap a {
  display: inline-block;
  font-size: 16px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 1rem;
  color: #666666;
}
@media (max-width: 1023px) {
  .sub_visual #breadCrumbWrap {
    display: none;
  }
}
.sub_visual .page_title {
  margin-bottom: 80px;
}
.sub_visual .page_title.mixed {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}
.sub_visual .page_title.mixed .input_area {
  width: 400px;
}
.sub_visual .page_title.mixed .input_area input {
  padding: 14px 60px 14px 16px;
}
.sub_visual .page_title.mixed .input_area label {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  cursor: pointer;
}
.sub_visual .page_title.mixed .input_area label:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url("../images/common/icon_search.svg") center no-repeat;
  background-size: cover;
}
.sub_visual .page_title h2 {
  font-size: 70px;
  letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 600;
  color: #000000;
}
.sub_visual .page_title p {
  margin-top: 24px;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: 22px;
  letter-spacing: -0.03em;
  line-height: 1;
  line-height: 1.4;
}
@media (max-width: 1023px) {
  .sub_visual .page_title {
    margin-bottom: 40px;
  }
  .sub_visual .page_title.mixed > div {
    width: 100%;
  }
  .sub_visual .page_title.mixed .right {
    width: 100%;
    margin-top: 48px;
  }
  .sub_visual .page_title h2 {
    font-size: 40px;
    letter-spacing: -0.015em;
    line-height: 1;
  }
  .sub_visual .page_title p {
    margin-top: 16px;
    font-size: 17px;
    letter-spacing: -0.03em;
    line-height: 1;
    line-height: 1.4;
  }
}
.sub_visual .vision_area {
  position: relative;
  width: 100%;
  height: 562px;
  padding: 1px 0;
  margin: 0 auto 160px;
  overflow: hidden;
  box-sizing: border-box;
  backface-visibility: hidden;
}
.sub_visual .vision_area:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 10;
}
.sub_visual .vision_area:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 10;
}
.sub_visual .vision_area .curtain_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.sub_visual .vision_area .curtain_wrap > div {
  position: absolute;
  top: 0;
  width: calc(50% - 600px);
  height: 100%;
  background-color: #fff;
}
.sub_visual .vision_area .curtain_wrap .left {
  left: 0;
}
.sub_visual .vision_area .curtain_wrap .right {
  right: 0;
}
.people .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_people.jpg");
}
.jobs .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_jobs.jpg");
}
.welfare .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_welfare.jpg");
}
.newsroom .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_newsroom.jpg");
}
.site .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_site.jpg");
}
.esg .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_esg.jpg");
}
.scope-lift .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_scope-lift.jpg");
}
.new-installation .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_new-installation.jpg");
}
.full-replacement .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_full-replacement.jpg");
}
.project .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_project.jpg");
}
.gs-careplus .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_gs-careplus.jpg");
}
.partial-replacement .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_partial-replacement.jpg");
}
.parts-information .sub_visual .vision_area .bg {
  background-image: url("../images/sub_visual/visual_parts-information.jpg");
}
.sub_visual .vision_area .bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  min-width: 1920px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  z-index: 10;
}
@media (max-width: 1023px) {
  .sub_visual .vision_area {
    width: 100%;
    height: 0;
    padding-top: 66.666%;
    margin: 0 auto 80px;
  }
  .sub_visual .vision_area .curtain_wrap {
    display: none;
  }
  .sub_visual .vision_area .bg {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
  }
}

/* components */
/* loading */
.loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99999;
  display: none;
}
.loading i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
  .loading i img {
    width: 60px;
    height: 60px;
  }
}

/* tab_cont */
body .tabpanel {
  display: none;
  width: 100%;
}
body .tabpanel.active {
  display: block;
}
body .result_none .results .none p {
  margin: 32px 0 100px 0;
}

/* font */
h2 {
  font-size: 50px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 4.625rem;
  font-weight: 600;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 34px;
    letter-spacing: -0.015em;
    /* 0.0625 * 16 = 1px */
    line-height: 3rem;
  }
}

h3, .h3 {
  font-size: 34px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 3.0625rem;
  font-weight: 600;
}
@media (max-width: 1023px) {
  h3, .h3 {
    font-size: 26px;
    letter-spacing: -0.015em;
    /* 0.0625 * 16 = 1px */
    line-height: 2.25rem;
  }
}

h4 {
  font-size: 26px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 2.375rem;
  font-weight: 600;
}
@media (max-width: 1023px) {
  h4 {
    font-size: 22px;
    letter-spacing: -0.015em;
    /* 0.0625 * 16 = 1px */
    line-height: 1.875rem;
  }
}

h5 {
  font-size: 22px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 2rem;
  font-weight: 600;
}
@media (max-width: 1023px) {
  h5 {
    font-size: 18px;
    letter-spacing: -0.015em;
    /* 0.0625 * 16 = 1px */
    line-height: 1.5625rem;
  }
}

.p1 {
  font-size: 20px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 1.75rem;
}
@media (max-width: 1023px) {
  .p1 {
    font-size: 17px;
    letter-spacing: -0.015em;
    /* 0.0625 * 16 = 1px */
    line-height: 1.5625rem;
  }
}

.p2 {
  font-size: 18px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 1.5625rem;
}
@media (max-width: 1023px) {
  .p2 {
    font-size: 15px;
    letter-spacing: -0.015em;
    /* 0.0625 * 16 = 1px */
    line-height: 1.3125rem;
  }
}

.p3 {
  font-size: 16px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 1.375rem;
}
@media (max-width: 1023px) {
  .p3 {
    font-size: 14px;
    letter-spacing: -0.015em;
    /* 0.0625 * 16 = 1px */
    line-height: 1.25rem;
  }
}

.p4 {
  font-size: 14px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 1.25rem;
}
@media (max-width: 1023px) {
  .p4 {
    font-size: 12px;
    letter-spacing: -0.015em;
    /* 0.0625 * 16 = 1px */
    line-height: 1.0625rem;
  }
}

/* btn */
.btn_wrap {
  width: 100%;
  margin-top: 48px;
  font-size: 0;
  text-align: center;
  vertical-align: top;
}
.btn_wrap .btn {
  margin-right: 16px;
  border: 1px solid #107AF2;
}
.btn_wrap .btn:last-child {
  margin-right: 0;
}
@media (max-width: 1023px) {
  .btn_wrap .btn {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .btn_wrap {
    margin-top: 24px;
  }
  .btn_wrap .btn + .btn {
    margin-left: 8px;
  }
  .btn_wrap .btn.full + .btn {
    margin-top: 8px;
    margin-left: 0;
  }
}
/*
.btn {
  position: relative;
  display: inline-block;
  min-width: 160px;
  width: auto;
  padding: 16px 24px;
  border-radius: 99px;
  font-size: 20px;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #107AF2;
  overflow: hidden;
  transition: color 0.2s linear;
}
.btn span {
  position: relative;
  display: block;
  width: 100%;
}
.btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #3463C1;
  transition: height 0.2s linear;
}
.btn.min200 {
  min-width: 200px;
  padding: 19px 10px;
}
@media (max-width: 1023px) {
  .btn.min200 {
    min-width: 200px;
  }
}	*/
.btn.small {
  min-width: 84px;
  padding: 8px 16px;
  border-radius: 99px;
  font-size: 14px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 1.125rem;
}
.btn.small.grayLine.arrow span {
  padding-right: 16px;
}
.btn.small.grayLine.arrow span:after {
  width: 11px;
  height: 12px;
  transform: translateY(-50%);
  background-image: url("../images/common/btn_more.svg");
}
@media (min-width: 1024px) {
  .btn:hover:before {
    height: 100%;
  }
}
.btn.arrow span:after {
  background-image: url("../images/common/btn_arrow.svg");
}
.btn.blueLine {
  background-color: #107AF2;
  border: 1px solid #107AF2;
  color: #107AF2;
}
.btn.blueLine:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: bottom 0.2s linear;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .btn.blueLine:hover {
    color: #fff;
  }
  .btn.blueLine:hover:before {
    bottom: 100%;
  }
}
@media (max-width: 1023px) {
  .btn.blueLine:hover {
    background-color: #fff;
  }
}
.btn.blueLine.arrow span:after {
  background-image: url("../images/common/btn_arrow_bl.svg");
  transition: all 0.2s linear;
}
@media (min-width: 1024px) {
  .btn.blueLine.arrow:hover span:after {
    background-image: url("../images/common/btn_arrow.svg");
  }
}
.btn.grayLine {
  background-color: #fff;
  border: 1px solid #CaCaCa;
  color: #333333;
  transition: border 0.25s linear;
}
@media (min-width: 1024px) {
  .btn.grayLine:hover {
    border-color: #000000;
  }
  .btn.grayLine:hover:before {
    height: 0;
  }
}
.btn.grayLine.arrow span:after {
  background-image: url("../images/common/btn_arrow_bk.svg");
}
.btn:disabled.type1 {
  background-color: #B8B8B8;
}
.btn:disabled.type1.arrow span:after {
  background-image: url("../images/common/btn_arrow.svg");
}
.btn:disabled.type2 {
  color: #999999;
  background-color: #DBDBDB;
  border: 1px solid #CaCaCa;
}
.btn:disabled.type2.arrow span:after {
  background-image: url("../images/common/btn_arrow_gray.svg");
}
.btn:disabled:hover:before {
  height: 0;
}
.btn.arrow {
  text-align: left;
}
.btn.arrow span {
  padding-right: 32px;
}
.btn.arrow span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 17px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.btn.redirect span:after {
  transform: translateY(-50%) rotate(-45deg);
}
.btn.download {
  transition: all 0.25s linear;
}
.btn.download span {
  padding-right: 32px;
}
.btn.download span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: background 0.25s linear;
  width: 20px;
  height: 20px;
  background-image: url("../images/common/icon_download.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.btn.download.blueLine span:after {
  background-image: url("../images/common/icon_download_hover.svg");
}
@media (min-width: 1024px) {
  .btn.download.blueLine:hover span:after {
    background-image: url("../images/common/icon_download.svg");
  }
}
@media (min-width: 1024px) {
  .btn.download:hover span:after {
    background-image: url("../images/common/icon_download.svg");
  }
}
.btn.more span {
  text-align: left;
}
.btn.more span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: background 0.25s linear;
  width: 17px;
  height: 17px;
  background-image: url("../images/common/btn_plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 1024px) {
  .btn.more:hover span:after {
    background-image: url("../images/common/btn_plus_hover.svg");
  }
}
@media (max-width: 1023px) {
  .btn {
    min-width: 150px;
    padding: 14px 24px;
    font-size: 16px;
    letter-spacing: -0.015em;
    line-height: 1;
  }
  .btn.full {
    min-width: 200px;
  }
  .btn.full.arrow {
    text-align: center;
  }
  .btn.full.arrow span {
    display: inline-block;
    width: auto;
    padding-right: 0;
  }
  .btn.full.arrow span:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -32px;
    width: 17px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .btn.full.redirect span:after {
    transform: translateY(-50%) rotate(-45deg);
  }
  .btn.download.icon {
    min-width: auto;
    width: 21px;
    height: 21px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
  }
  .btn.download.icon:before {
    border: none;
  }
  .btn.download.icon:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: background 0.25s linear;
    width: 20px;
    height: 20px;
    background-image: url("../images/common/icon_download_hover.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  .btn.download.icon span {
    display: none;
  }
}
@media (max-width: 767px) {
  .btn.full {
    min-width: auto;
    width: 100%;
    padding: 16px 10px;
  }
}


.scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #107AF2;
  border-radius: 10px;
  background-clip: padding-box;
}
.scroll::-webkit-scrollbar-track {
  background-color: #D9D9D9;
  border-radius: 10px;
}

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

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

.m_none {
  display: inline-block;
}
@media (min-width: 768px) {
  .m_none {
    display: block;
  }
}






#content {min-height:800px}





#wrap.main header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
#wrap.main header > div {
  background-color: transparent;
  border-bottom-color: transparent;
}
#wrap.main header h1 a .logo {
  background-image: url("/images/logo_w.svg");
}
#wrap.main header nav > ul > li > a {
  color: #fff;
}
#wrap.main header nav > ul > li.on > a, #wrap.main header nav > ul > li.current > a {
  color: #107AF2;
}
#wrap.main header .utility > li.search button:before {
  background-image: url("../images/common/icon_search_white.svg");
}
#wrap.main header .utility > li.search button:hover:before {
  background-image: url("../images/common/icon_search_hover.svg");
}
#wrap.main header .utility > li.search button:hover:after {
  width: 0;
}
#wrap.main header .utility > li.search.open button:after {
  width: 100%;
}
#wrap.main header .utility > li.lang button:before {
  background-image: url("../images/common/icon_lang_white.svg");
}
#wrap.main header .utility > li.lang.open button:before {
  background-image: url("../images/common/icon_lang_hover.svg");
}
#wrap.main header .help {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
@media (min-width: 1024px) {
  #wrap.main header .help:hover {
    background-color: #3463C1;
  }
  #wrap.main header .help:hover span {
    transform: rotate(180deg);
    transition: transform 0.5s;
  }
}
#wrap.main header .mo_menu:after {
  background-image: url(/images/icon_menu.svg);
}
#wrap.main header.white > div {
  background-color: #fff;
  border-bottom-color: #BEDEFC;
}
#wrap.main header.white h1 a .logo {
  background-image: url("/images/logo.svg");
}
#wrap.main header.white nav > ul > li > a {
  color: #333;
}
#wrap.main header.white .utility > li.search button:before {
  background-image: url("../images/common/icon_search.svg");
}
#wrap.main header.white .utility > li.search button:hover:before {
  background-image: url("../images/common/icon_search_hover.svg");
}
#wrap.main header.white .utility > li.search button:hover:after {
  width: 100%;
}
#wrap.main header.white .utility > li.lang button:before {
  background-image: url("../images/common/icon_lang.svg");
}
#wrap.main header.white .utility > li.lang button:hover:before {
  background-image: url("../images/common/icon_lang_hover.svg");
}
#wrap.main header.white .help {
  background: #107AF2;
}
@media (min-width: 1024px) {
  #wrap.main header.white .help:hover {
    background-color: #3463C1;
  }
  #wrap.main header.white .help:hover span {
    transform: rotate(180deg);
    transition: transform 0.5s;
  }
}
#wrap.main header.white .mo_menu:after {
  background-image: url(../images/common/icon_menu_bk.svg);
}
#wrap.main #content .header_main {
  height: 100px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#wrap.main #content .header_main header {
  width: 100%;
  position: absolute;
}
#wrap.main #content .header_main header .inner {
  width: calc(100% - 154px);
  max-width: none;
}
#wrap.main footer {
  margin-top: 0;
}
#wrap.main .tit {
  margin-bottom: 30px;
}
#wrap.main .tit h3 {
  font-size: 65px;
  letter-spacing: -0.03em;
  /* 0.0625 * 16 = 1px */
  line-height: 1.2;
  font-weight: 600;
  color: #000;
}
#wrap.main .tit p {
  font-size: 26px;
  letter-spacing: -0.03em;
  line-height: 1;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 1.4;
  font-weight: 400;
  color: #333;
  margin-top: 30px;
}
#wrap.main .tit .btn {
  margin-top: 45px;
}
#wrap.main .tit.white h3, #wrap.main .tit.white p {
  color: #fff;
}
#wrap.main .tit.left {
  text-align: left;
}
#wrap.main .tit[data-motion] h3 {
  opacity: 0;
  transform: translateY(100%);
  transition: 0.4s;
}
#wrap.main .tit[data-motion] p {
  opacity: 0;
  transform: translateY(100%);
  transition: 0.4s;
}
#wrap.main .tit[data-motion] .btn {
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.4s, opacity 0.4s, color 0.2s linear;
}
#wrap.main .tit[data-motion].is_animated h3 {
  opacity: 1;
  transform: translateY(0);
}
#wrap.main .tit[data-motion].is_animated p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.15s;
}
#wrap.main .tit[data-motion].is_animated a {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
  transition: transform 0.6s 0.3s, opacity 0.6s 0.3s, color 0.2s linear;
}
@media (max-width: 1539px) {
  #wrap.main .tit {
    margin-bottom: 48px;
  }
  #wrap.main .tit h3 {
    font-size: 56px;
    letter-spacing: -0.03em;
    /* 0.0625 * 16 = 1px */
    line-height: 3.5rem;
  }
  #wrap.main .tit p {
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 1;
    line-height: 1.4;
  }
}
@media (max-width: 1023px) {
  #wrap.main .tit {
    margin-bottom: 35px;
  }
  #wrap.main .tit h3 {
    font-size: 36px;
    letter-spacing: -0.03em;
    /* 0.0625 * 16 = 1px */
    line-height: 2.25rem;
  }
  #wrap.main .tit p {
    font-size: 18px;
    letter-spacing: -0.03em;
    line-height: 1;
    line-height: 1.4;
    margin-top: 16px;
  }
  #wrap.main .tit .btn {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  #wrap.main .tit p br {
    display: none;
  }
}
#wrap.main #content .inner {
  width: 100%;
  max-width: 1730px;
  margin: 0 auto;
  position: relative;
}
#wrap.main .sec_visual {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
#wrap.main .sec_visual .dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #000;
}
#wrap.main .sec_visual .video_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#wrap.main .sec_visual .video_wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.main .sec_visual .box {
  position: absolute;
  left: 0;
  bottom: 100px;
  width: 100%;
  z-index: 2;
}
#wrap.main .sec_visual .box .txt_area {
  position: relative;
  overflow: hidden;
}
#wrap.main .sec_visual .box .txt_area .motion {
  transform: translateY(100%);
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0.3s;
}
#wrap.main .sec_visual .box .txt_area h3 {
  font-size: 100px;
  letter-spacing: 0em;
  /* 0.0625 * 16 = 1px */
  line-height: 1.2;
  color: #fff;
  font-weight: 600;
}
#wrap.main .sec_visual .box .txt_area h3 span {
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
#wrap.main .sec_visual .box .txt_area p {
  font-size: 26px;
  letter-spacing: -0.03em;
  line-height: 1;
  line-height: 1.4;
  color: #fff;
  font-weight: 400;
  margin-top: 30px;
  word-break: keep-all;
  word-wrap: break-word;
}
#wrap.main .sec_visual .box .txt_area p span {
  font-size: 32px;
}
#wrap.main .sec_visual .box .txt_area p br {
  display: none;
}
#wrap.main .sec_visual .box .txt_area.active .motion {
  transform: translateY(0);
}
/* #wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(1) {
  width: 413px;
  transition: width 1s 1.5s;
}
#wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(2) {
  width: 135px;
  transition: width 1s 2s;
}		*/
#wrap.main .sec_visual .box .txt_area.active .motion span.visual_point {
  font-size:90px;
}	
#wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(1) {
  width: 760px;
  transition: width 1s 1.5s;
}

#wrap.main .sec_visual .box .txt_area.active .motion p span:nth-of-type(1)  {
  width: 760px;
  transition: width 1s 1.5s;
}
#wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(2) {
  width: 135px;
  transition: width 1s 2s;
}	
#wrap.main .sec_visual .box .bot_btn {
  position: relative;
}
#wrap.main .sec_visual .box .bot_btn .progress_area {
  margin-top: 96px;
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
#wrap.main .sec_visual .box .bot_btn .progress_area .bar {
  display: block;
  width: 0;
  height: 100%;
  background-color: #fff;
}
#wrap.main .sec_visual .box .bot_btn .controller_btn {
  position: absolute;
  right: 0;
  bottom: 98px;
}
#wrap.main .sec_visual .box .bot_btn .controller_btn a {
  display: block;
  width: 56px;
  height: 56px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#wrap.main .sec_visual .box .bot_btn .controller_btn a.pause {
  background-image: url("../images/main/btn_pause.svg");
}
#wrap.main .sec_visual .box .bot_btn .controller_btn a.play {
  background-image: url("../images/main/btn_play.svg");
}
@media (max-width: 1539px) {
  #wrap.main .sec_visual .box {
    bottom: 80px;
  }
  #wrap.main .sec_visual .box .txt_area h3 {
    font-size: 84px;
    letter-spacing: 0em;
    line-height: 1;
    line-height: 1.1;
  }
  #wrap.main .sec_visual .box .txt_area p {
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 1;
    line-height: 1.4;
  }
  #wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(1) {
    width: 346px;
  }
  #wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(2) {
    width: 114px;
  }
  #wrap.main .sec_visual .box .bot_btn .progress_area {
    margin-top: 67px;
  }
  #wrap.main .sec_visual .box .bot_btn .controller_btn {
    bottom: 70px;
  }
}
@media (max-width: 1023px) {
  #wrap.main .sec_visual .box {
    bottom: 48px;
  }
  #wrap.main .sec_visual .box .txt_area h3 {
    font-size: 60px;
    letter-spacing: 0em;
    line-height: 1;
    line-height: 1.1;
  }
  #wrap.main .sec_visual .box .txt_area p {
    font-size: 20px;
    letter-spacing: -0.03em;
    line-height: 1;
    line-height: 1.4;
    margin-top: 24px;
  }
  #wrap.main .sec_visual .box .txt_area p br {
    display: block;
  }
  #wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(1) {
    width: 248px;
  }
  #wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(2) {
    width: 81px;
  }
  #wrap.main .sec_visual .box .bot_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }
  #wrap.main .sec_visual .box .bot_btn .progress_area {
    width: calc(100% - 66px);
    margin-top: 0;
  }
  #wrap.main .sec_visual .box .bot_btn .controller_btn {
    width: 66px;
    padding-left: 26px;
    box-sizing: border-box;
    position: relative;
    inset: auto;
  }
  #wrap.main .sec_visual .box .bot_btn .controller_btn a {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  #wrap.main .sec_visual .box .txt_area h3 {
    font-size: 46px;
    letter-spacing: -0.03em;
    line-height: 1;
    line-height: 1.1;
  }
  #wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(1) {
    width: 178px;
  }
  #wrap.main .sec_visual .box .txt_area.active .motion h3 span:nth-of-type(2) {
    width: 58px;
  }
}
#wrap.main .sec01 {
  background: #fff;
  padding: 120px 0;
  overflow: hidden;
  text-align:center
}
#wrap.main .sec01 .inner {
  max-width: 1930px;
}

@media (max-width: 1539px) {
  #wrap.main .sec01 {
    padding: 144px 0;
  }
}
@media (max-width: 1023px) {
  #wrap.main .sec01 {
    padding: 80px 0;
  }
}






@media (min-width: 1400px) {
  body.gnb-open #wrap.main header > div {
    background: #fff;
    border-bottom-color: #BEDEFC;
  }
  body.gnb-open #wrap.main header > div:not(.bg) {
    transition: 0s;
  }
  body.gnb-open #wrap.main header h1 a .logo {
    background-image: url("/images/logo.svg");
  }
  body.gnb-open #wrap.main header nav > ul > li > a {
    color: #333333;
  }
  body.gnb-open #wrap.main header nav > ul > li.current > a {
    color: #107AF2;
  }

  body.gnb-open #wrap.main header .mo_menu:after, body.gnb-search #wrap.main header .mo_menu:after {
    background-image: url(/images/icon_close.svg?ver=1.1);
  }
}
@media (max-width: 1399px) {
  body.gnb-open #wrap.main header nav > ul > li > a {
    color: #333333;
  }
  body.gnb-open #wrap.main header nav > ul > li.current > a {
    color: #107AF2;
  }

  body.gnb-open #wrap.main header .mo_menu:after, body.gnb-search #wrap.main header .mo_menu:after {
    background-image: url(/images/icon_close.svg?ver=1.1);
  }
}






	.spec {width:100%;border-top:solid 1px #dedede;}
	.spec th {width:250px; padding:20px; vertical-align:top;border-bottom:solid 1px #dedede; line-height:1.5; color:#0046a6; border-right:solid 1px #dedede}
	.spec td { padding:20px; border-bottom:solid 1px #dedede; line-height:1.5}
	.table_bg {background:#f7f8fa}



.specTableBox {
	overflow: auto;
}
.specTableBox::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
	background-color: #f1f1f1;
}
.specTableBox::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #f1f1f1;
}
.specTableBox::-webkit-scrollbar-thumb {
	background: #0052a4;
}
.specTable {
	min-width: 800px;
}
.specItem {
	padding: 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	background-color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 17px;
	line-height: 1.5;
	letter-spacing: 0;
}
.specItem:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.specItem:nth-child(2n) {
	background-color: #f7f8fa;
}
.specItem .title {
	width: 207px;
	line-height:1.5;
	padding-left: 20px;
	font-weight: 500;
	color: #0052a4;
	font-size:18px
}
.specItem .text {
	width: calc(100% - 207px);
	opacity: 0.8;
	color: #333;
	position: relative;
	padding-left: 20px;
}
.specItem .text:before {
	content: "";
	position: absolute;
	left: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 1180px) {
	.specItem {
		font-size: 15px;
	}
	.specItem .title {
		width: 170px;
		font-size:15px;
	}
	.specItem .text {
		width: calc(100% - 170px);
	}
}


.mt_50 {margin-top:50px}
.mb_50 {margin-bottom:50px}
.mb_20 {margin-bottom:20px}
.mb_10 {margin-bottom:10px}
.mb_100 {margin-bottom:100px} 



.side_wrap { background:#f9fafd;padding:100px 50px; font-size:16px}
.side_inner {max-width:1280px; width:100%; margin:0px auto;}
.side_inner2 {width:100%; margin:0px auto;}
.side_close {text-align:right}
.pop_inner {max-width:800px;  width:100%; margin:0px auto; }
.pop_tit {text-align:center; margin:50px 0}
.pop_con {margin-bottom:150px}
.pop_tit h3 {font-size:45px; padding:0 0 20px 0}
.pop_text {font-size:20px; margin-bottom:10px; line-height:1.2}
.input_flex_inner {margin-bottom:30px}
.input_label {margin-bottom:10px}
.w_input { border:solid 1px #dedede; padding:12px 5px; width:100%; border-radius:5px !important}
.w_input::placeholder {color: #999999;font-size:16px!important}
.w_select {  border:solid 1px #dedede; padding:12px 5px;border-radius:5px !important ; font-size:16px  } 
.select_lable {padding:0 5px;line-height:1;  position:relative; top:4px}
.w_radio_wrap {}
.w_radio_wrap label{margin-right:10px!important}
.w_radio {position:relative; top:3px}
.w_textarea {   border:solid 1px #dedede; padding:12px; width:100%; min-height:100px; background:#fff; border-radius:5px} 
.w_textarea_text  {background:#000; border:none; border:solid 2px #555; padding:12px; width:100%; height:100px; overflow-y:scroll}  
.input_flex {display:flex; gap:20px; margin-bottom:50px }
.input_flex.input_flex_m10{ margin-bottom:10px }
.input_btn {text-align:center}
.input_btn span{ width:100%; height:50px; text-align:center; display:inline-block; line-height:50px; background:#0053db; color:#fff; border-radius:5px !important  }
.map_info {margin-top:100px;}
.map_info table {width:100%; border-top:solid 2px #000}
.map_info table tr th { border-bottom:solid 1px #dedede; text-align:left; padding:20px; font-weight:900; width:20% }
.map_info table tr td { border-bottom:solid 1px #dedede; text-align:left; padding:20px; } 


.visual_wrap {background:url(/images/visual_001.png) no-repeat; background-size:cover; height:700px;width:100%; display:flex;align-items: center;}
.visual_wrap h1 {font-family: "Sen", serif; font-weight:600; font-size:50px; color:#fff;text-transform:uppercase; margin-bottom:30px}
.visual_wrap p {font-family: "Sen", serif;font-size:20px;color:#fff; line-height:1.5; word-break:keep-all}

.main_contents .tit {font-size:38px; font-family: "Sen", 'Pretendard-Regular', sans-serif ; text-transform:uppercase; font-weight:700; text-align:center}
.main_contents .tit_text {font-size:20px; line-height:1.5;text-transform:uppercase; margin-bottom:60px; text-align:center}

.sec01 .box {background-size:cover; margin-bottom:50px; height:420px; padding:60px 70px; text-align:left;color:#fff;font-family: "Sen", 'Pretendard-Regular', sans-serif ; }
.sec01 .box .tit {font-size:30px; font-weight:600; text-align:left}
.sec01 .box .text {font-size:18px; line-height:1.5; margin-bottom:50px}
.sec01 .box .link {font-size:18px; font-weight:600}
.sec01 .box01 {background:url(/images/main_01.png) no-repeat; }
.sec01 .box02 {background:url(/images/main_02.png) no-repeat;}
.sec01 .box03 {background:url(/images/main_04.png) no-repeat;}
.sec01 .box04 {background:url(/images/main_03.png) no-repeat;}

.sec02 {display:flex;align-items: center; text-align:left; padding:0 0 200px 0}
.sec02 .left {width:55%; padding:0 50px}
.sec02 .right {width:45%}
.sec02 .tit {font-size:58px; font-weight:700; text-align:left}
.sec02 .text {font-family: "Sen", 'Pretendard-Regular', sans-serif ; font-size:22px; line-height:1.5; margin-bottom:30px}
.sec02 .link {font-family: "Sen", 'Pretendard-Regular', sans-serif ; font-size:22px; line-height:1.5; font-weight:700}



@media (max-width: 720px) {
	.sec02 {display:block;}
	.sec02 .left {width:100%; padding:0 0 50px 0 }
	.sec02 .right {width:100%}
	.sec02 .tit {font-size:40px; font-weight:700; text-align:left}
	.sec02 .text {font-family: "Sen", 'Pretendard-Regular', sans-serif ; font-size:22px; line-height:1.5; margin-bottom:30px}
	.sec02 .link {font-family: "Sen", 'Pretendard-Regular', sans-serif ; font-size:22px; line-height:1.5; font-weight:700}
}




.event_list {text-align:center; padding:150px 0}


.footer_info {display:flex; flex:1; padding:100px 0; font-size:14px;justify-content: flex-start;font-family: "Sen", 'Pretendard-Regular', sans-serif ;}
.footer_info .left { flex:1;}
.footer_info .left .logo img {height:20px}
.footer_info .left .logo  {margin-bottom:50px}
.footer_info .left .info { color:#fff; line-height:2}
.footer_info .left .info span {color:#8c8c8c}
.footer_info .right {display:flex; flex:1; font-size:14px}
.footer_info .right .nav {display:block;flex:1;}
.footer_info .right .nav .depth1 {margin-bottom:30px}
.footer_info .right .nav .depth1 a{color:#fff; font-weight:700}
.footer_info .right .nav .depth2 li {margin-bottom:10px}
.footer_info .right .nav .depth2 a{color:#b4b4b4}
.footer_copy {border-top:solid 1px #666666; padding:40px 0; text-align:center;color:#b4b4b4}


@media (max-width: 720px) {
	.footer_info .right {display:none}
}






@media screen and (min-width:981px){

    br.br_m{display: none;}
}
@media screen and (max-width:980px){

    br.br_d{display: none;}
}


@media (max-width:1480px) {
	.w_container_main {width:100%;  padding:0 50px 0 50px;}
}



@media (max-width:1200px){
	br.br_1200{display: none;}
	.w_container_0 {width:100%;}

}


@media (max-width:1480px) {
	.w_container {width:100%;  padding:0 50px 0 50px;}

}



@media (max-width:1200px) {
	.w_container {width:100%;  padding:0 20px 0 20px;}
	.w_container_main {width:100%;  padding:0 20px 0 20px;}
}



@media (max-width:720px) {
	.w_container {width:100%;  padding:0 10px 0 10px;}
	.w_container_main {width:100%;  padding:0 10px 0 10px;}
	
}


.font_resize {font-size:1.2em;}
img {max-width:100%; vertical-align:middle;}
.clear {clear:both}



/*-------------------------------------------------------------------------------------*
 *                                                                                     *
 *-------------------------------------------------------------------------------------*/
.w_sub_visual {height:500px;  background-size:cover; position:relative; background-position:center;  }
.w_sub_visual .inner {  position:relative; max-width:1380px; margin:0px auto;  }
.sub_visual_font {position:absolute; left:0; top:50%;transform:translateY(-20%); word-break:keep-all;   width:100%; text-align:center;font-family: "Sen", 'Pretendard-Regular', sans-serif ; }
.sub_visual_font01 {font-size:50px; font-weight:700; color:#fff; word-break:keep-all;margin-bottom:20px;}
.sub_visual_font02 {font-size:18px; color:#fff;  line-height:1.5}
.sub_visual_font03 {font-size:16px; ; color:#fff; font-weight:normal}
.ceo {line-height:1.5; font-size:20px; padding-bottom:50px; word-break:keep-all}
.ceo_bottom  {line-height:1.5; font-size:20px; padding-top:50px; display:flex; word-break:keep-all;}
.ceo_bottom_inner {flex:1;}
.ceo_bottom_inner.left {padding-right:50px; padding-top:50px; padding-bottom:50px}
.ceo_tit {font-size:50px; font-weight:600;  margin-top:100px; line-height:1}
.ceo_tit span {height:3px; width:35px; background:#00447a; display:inline-block; line-height:1; margin-bottom:10px}
.company_name {font-family:'Montserrat'; font-weight:900; font-size:70px;   text-align:center}
.company_name_inner {font-family:'Montserrat'; font-weight:900; font-size:35px;  line-height:1;   border:solid 1px #dedede; flex:1; padding:20px; text-align:center}
.company_name_inner .point {font-size:50px; color:#00447a}
.snb_tit {padding:150px 0 50px 0}
.snb_tit h2{font-size:70px; font-weight:600; margin-bottom:20px;font-family: "Sen", 'Pretendard-Regular', sans-serif ;}
.snb_tit p {font-size:25px;}

.point {font-size:30px}
.ceo_flex {display:flex;gap : 40px}
.ceo_flex2 {display:flex; gap : 20px}
.ceo_flex .ceo_flex_inner {flex:1;justify-content: center; text-align:center}
.ceo_flex .ceo_flex_inner .img {border:solid 1px #dedede;padding:30px 10px}
.ceo_flex .ceo_flex_inner .text {font-size:20px; padding:10px}
.snb_wrap { position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); height:50px; width:100%;z-index:999}
.snb_wrap .inner {max-width:1330px; margin:0px auto}
.snb_wrap ul {width:100%;   display:flex;border-left:solid 1px rgba(255,255,255,0.3);  }
.snb_wrap li {float:left; font-size:18px; border-right:solid 1px rgba(255,255,255,0.3); width:16.6666%; text-align:center }
.snb_wrap li a span{display:inline-block; width:100%; height:50px; line-height:50px;color:#fff;}
.snb_home {width:50px; height:50px; line-height:50px;color:#fff; border-left:solid 1px #dedede;border-right:solid 1px #dedede;display:inline-block; text-align:center; position:absolute; left:0; top:0}
.snb_wrap li a span.w_snb_on {background:#107af2; color:#fff; display:inline-block;}

@media (max-width:1200px) {
	.ceo_flex2 {display:block}
	.company_name_inner { font-size:30px;  line-height:1; margin-bottom:10px}

}


@media (max-width:980px) {
	.snb_home {display:none}
	.snb_wrap {display:block}
	.snb_wrap ul {padding:0; display:block}
	.snb_wrap li {width:33.3333% !important;}	
	.snb_wrap li:nth-child(1), .snb_wrap li:nth-child(2), .snb_wrap li:nth-child(3) {border-bottom:solid 1px #dedede !important}
	.company_name { font-size:50px;}
	.company_name_inner { font-size:30px;  line-height:1; margin-bottom:10px}
	.company_name_inner .point {font-size:40px; color:#00447a}

}



@media (max-width:720px) {
	.w_sub_visual {height:500px; padding-top:250px }
	.sub_visual_font01 {font-size:35px; color:#fff; }
	.sub_visual_font02 {font-size:20px; font-weight:700;word-break:keep-all; color:#fff; margin-bottom:20px; line-height:1.2}
	.sub_visual_font03 {font-size:16px; ; color:#fff; font-weight:normal}
	.sub_visual_font {transform:translate(-50%,-30%);  }
	.ceo { font-size:18px}
	.ceo_bottom  {  font-size:18px; display:block; margin-top:0 }

	.ceo_tit {font-size:35px;margin-top:50px}
	.ceo_flex {gap : 20px}
	.ceo_flex .ceo_flex_inner .img {padding:10px}
	.point {font-size:22px}
	.sub_visual {height:350px; padding:100px 0 0 0  }
	.sub_visual_font {position:absolute; left:50%; top:50%;transform:translate(-50%,-100%); word-break:keep-all; text-align:center ; width:100%; padding:0 20px 0 20px }
	.company_name { font-size:30px;}

	.snb_tit h2{font-size:30px;}


}



.sub_top {padding:180px 0 0 0;}
.w_location {margin-bottom:10px;}


.sub_tit {padding:0 0 0 0;  letter-spacing:-1px}
.sub_tit h3 {font-size:25px;}
.sub_tit h2 {font-size:40px;font-weight:700}
.sub_tit h2 b {font-weight:bold;}
.sub_tit p {color:#a5a5a5; font-size:20px; padding:10px 0 0 0; line-height:1.5}


@media(max-width:980px) {
	.sub_tit h3 {font-size:20px; }
	.sub_tit h2 {font-size:40px; }
}


@media(max-width:720px) {
	.sub_tit h3 {font-size:18px; }
	.sub_tit h2 {font-size:30px; }
	.w_sub_con {padding:70px 0 100px 0;  }
	.sub_tit p {  font-size:16px;  }
}
.sub_contents {padding:50px 0 100px 0}
.w_history_wrap {border-top:solid 2px #293c8d; display:table; width:100%}
.w_history_row { display:table-row; }
.w_history_left { border-bottom:solid 1px rgba(0,0,0,0.1);width:60%; padding:80px 0 80px 0; line-height:1; display:table-cell; vertical-align:middle; font-size:130px;font-family:'Montserrat'; color:#d1d1d1 ; font-weight:bold;}
.w_history_right { border-bottom:solid 1px rgba(0,0,0,0.1);width:40%; padding:80px 50px; display:table-cell;vertical-align:middle;letter-spacing:-1px}
.w_history_right table {width:100%; }
.w_history_right table .td01 {width:20px; padding:0 10px 15px 0; vertical-align:top}
.w_history_right table .td01 span{width:10px; height:10px; border-radius:10px; display:inline-block; background:#293c8d; }
.w_history_right table .td02 { font-size:20px;  padding:0 0 15px 0; word-break:kee-all}
.w_history_right table ul {margin:10px 0 20px 0}
.w_history_right table ul > li {color:#a4a4a4; font-size:18px;padding:0 0 0 0; line-height:1.8}

@media(max-width:980px) {
	.w_history_left {  width:35%; padding:50px 0 50px 0;  font-size:100px; }
	.w_history_right { width:65%; padding:50px 30px;  }
	.w_history_right table .td02 { font-size:18px;  }
	.w_history_right table ul > li { font-size:16px; }

}


@media(max-width:720px) {
	.w_history_wrap {display:block;}
	.w_history_row  {display:block;}
	.w_history_left {display:block; border-bottom:0;  width:100%; padding:40px 0 20px 0; text-align:center; font-size:60px; }
	.w_history_right {display:block;width:100%; padding:30px 0px;  }
	.w_history_right table .td02 { font-size:18px;  }
	.w_history_right table ul > li { font-size:16px; }

}



.blog_list {border-top:solid 2px #000; width:100%}
.blog_list li {border-bottom:solid 1px #dedede; padding:10px; position:relative}
.blog_list li span {position:absolute; right:10px; color:#777}



.map_flex {display:flex;gap:50px;font-size:18px; margin-top:50px}
.map_left {width:50%;}
.map_left strong, .map_right strong{font-weight:600}
.map_right {width:50%; justify-content: center;align-items: center;}


@media(max-width:980px) {
	.map_flex {display:block;width:100%}
	.map_left {width:100%;}
	.map_right {width:100%; }
	.blog_list li {padding-right:200px;}

}

.soft_point {font-size:18px; font-weight:600; word-break:keep-all; padding:20px; border:solid 1px #dedede; margin-bottom:50px}
.soft_tit {font-size:16px; font-weight:600; word-break:keep-all; border-radius:5px; background:#00447a; color:#fff; display:inline-block; padding:3px 15px}
.soft_table {margin-bottom:40px; word-break:keep-all}
.soft_text {font-size:16px; margin-bottom:30px; word-break:keep-all}
.soft_table .tit {font-weight:600; word-break:keep-all}
.soft_table .text {margin-bottom:20px}



.catch{
    display:none;
  }

.mv_fade_in{
    display: block;
    padding: 20px;
    background-color: cadetblue;
}

.fade_in{
    margin-top: 50px;
}


.u-fade-type-left{
    transform: translateX(-100px);
    opacity: 0;
}


.u-fade-type-left.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}


.u-fade-type-right{
    transform: translateX(100px);
    opacity: 0;
}


.u-fade-type-right.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}


.u-fade-type-down{
    transform: translateY(100px);
    opacity: 0;
}

.u-fade-type-down.is-active{
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}

.u-fade-type-up{
    transform: translateY(-100px);
    opacity: 0;
}


.u-fade-type-up.is-active{
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}


.u-fade-type-static{
    opacity: 0;
}


.u-fade-type-static.is-active{
    transition: 2s;
    opacity: 1;
}




.sub_s_tit {font-size:30px; font-weight:600; border-bottom:solid 1px #dedede; padding-bottom:10px}	
.so_textbox {font-size:18px; padding:50px 0 50px 0}
.mb_100 {margin-bottom:100px}
.sub_Table {display:table; width:100%}
.sub_Table_cell {vertical-align:middle; display:table-cell; width:50%}
.sub_Table_cell img {width:100%}
.sub_Table_cell.gray {background:#f3f3f3; padding:0 70px 0 70px;display:table-cell}
.sub_Table_cell.gray .tit {font-size:30px; font-weight:600; margin-bottom:30px; line-height:1.2}
.sub_Table_cell.gray .text {font-size:18px; line-height:1.2}
.moview {display:none}
.subbox {margin-top:100px}
.dot {width:10px; height:10px; background:#00447a; display:inline-block}
.gray_box {background:#f3f3f3; padding:50px; border:solid 1px #dedede; text-align:center}

.subbox .tit {font-size:30px; font-weight:600;margin-bottom:30px}
.gray_box img {width:70%}
.white_box img{width:80%}

.sub_flex {display:flex;gap:10px;}
.sub_flex_inner {flex:1;  text-align:center}
.sub_flex_inner_ {width:100%; padding:50px 0; background:#f1f1f1; font-size:20px;font-weight:600;border-radius:5px}
@media (max-width:720px) {
		.sub_Table {display:block}
		.sub_Table_cell {width:100%}
		.sub_Table_cell img {width:100%}
		.sub_Table_cell.gray { padding:50px;display:block}
		.sub_Table_cell.gray .tit {font-size:20px;  }
		.sub_Table_cell.gray .text {font-size:16px;  }
		.pcview {display:none}
		.moview {display:block}
		.subbox {margin-bottom:50px}
		.so_textbox {font-size:16px; padding:50px 0 50px 0}
			.subbox .tit {font-size:20px; font-weight:600;}
			.gray_box {background:#f3f3f3; padding:30px}
			.gray_box img {width:100%}
			.white_box img {width:100%}

			.sub_flex {display:block; }
.sub_flex_inner {width:33.3333%; padding:0 5px; display:inline-block; margin-right:-4px; margin-bottom:10px}
.sub_flex_inner_ {width:100%; padding:30px 0; background:#f1f1f1; font-size:18px;font-weight:600;border-radius:5px}

}



.about_img {background:url(/images/about_img.png) no-repeat; background-size:cover; padding:200px 150px;font-family: "Sen", 'Pretendard-Regular', sans-serif ;}
		.about_text01 {font-size:35px; color:#fff;  margin-bottom:20px}
		.about_text02 {font-size:50px; color:#fff; font-weight:600;}
		.company_get {padding:100px 150px; font-size:18px; line-height:1.5;word-break:keep-all}
		.get_point {font-size:30px; font-weight:600; margin-bottom:20px; }


		@media (max-width: 720px) {
			.about_img {padding:50px}
			.about_text01 {font-size:20px; color:#fff;  margin-bottom:20px}
			.about_text02 {font-size:25px; color:#fff; font-weight:600;}
			.company_get {padding:50px}
		}
.emb_flex {display:flex; margin-top:100px;}	
.emb_flex h3 {font-family: "Sen", 'Pretendard-Regular', sans-serif ; font-size:50px; font-weight:600; margin-bottom:50px; }
.emb_flex h4 {margin-bottom:30px}
.emb_flex p {font-size:18px; line-height:1.5; word-break:keep-all;padding-right:50px; padding-bottom:300px }
.hw_left {width:50%; padding-right:50px}
.hw_right {position:relative; width:50%; overflow: visible;}
.hw_right .hw_img {position:absolute;left:0;top:0}
.hw_right .hw_img img {max-width: none;}

.os_left {position:relative; width:50%;overflow: visible;}
.os_left .os_img {position:absolute;right:0;top:0}
.os_left .os_img img {max-width: none;}
.os_right {width:50%; padding-left:50px}
.mo_view{display:none}


@media (max-width:720px) {
.emb_flex {display:block; margin-top:0; margin-bottom:100px}	
.emb_flex h3 {font-family: "Sen", 'Pretendard-Regular', sans-serif ; font-size:40px; font-weight:600; margin-bottom:50px; }
.emb_flex h4 {margin-bottom:30px}
.emb_flex p {font-size:18px; line-height:1.5; word-break:keep-all;padding-right:50px; padding-bottom:0 }
.hw_left {width:100%; padding-right:0}
.hw_right {position:relative; width:100%; overflow: hidden;}
.hw_right .hw_img {position:relative}
.hw_right .hw_img img {max-width: 100%;}

.os_left {position:relative; width:100%;overflow: hidden;}
.os_left .os_img {position:relative}
.os_left .os_img img {max-width: 100%;}
.os_right {width:100%; padding-left:0}

.pc_view {display:none}
.mo_view{display:block}
}


.emb_sup {margin-top:150px}
.emb_sup h3 {font-family: "Sen", 'Pretendard-Regular', sans-serif ; font-size:40px; font-weight:600; margin-bottom:50px; }
.emb_sup_flex {display:flex;gap:30px}
.emb_sup_flex_inner {flex:1;position:relative;}
.emb_sup_flex_inner p {position:absolute;left:0;bottom:0; padding:15px; color:#fff; font-weight:600;word-break:keep-all; line-height:1.5; font-size:22px }

	
@media (max-width:720px) {


.emb_sup_flex {display:block}
.emb_sup_flex_inner {flex:1;position:relative;display:inline-block; width:50%; margin-right:-4px; padding:0 10px 20px 10px}
.emb_sup_flex_inner p {font-size:18px; line-height:1.2; padding:30px;bottom:20px; }
}

.hard h3 {margin-bottom:30px}
.hard p {font-size:22px;margin-bottom:50px; line-height:1.2; word-break:keep-all}

.partner {display:flex; gap:20px;text-align:center}
.partner_inner {flex:1}
.partner_wrap {margin-top:100px}
.partner_wrap h3 {margin-bottom:30px} 
.partner .p_img {margin-bottom:20px} 
.partner .p_text {font-weight:700; margin-bottom:10px; font-size:22px;text-align:center }
.partner .p_name {text-align:center }

@media (max-width:720px) {
	.hard p {font-size:16px;}
	.partner {display:block;}
	.partner_inner {display:inline-block; margin-right:-4px; padding:0 10px 0 10px; width:50%; vertical-align:top; margin-bottom:50px}
	.partner_wrap {margin-top:100px}
	.partner_wrap h3 {margin-bottom:30px} 
	.partner .p_img {margin-bottom:20px} 
	.partner .p_text {font-weight:700; margin-bottom:10px; font-size:18px }
}


.pro {display:flex;flex:1; font-family: "Sen", 'Pretendard-Regular', sans-serif ;}
.pro_left {flex:1; width:50%;padding:50px; border:solid 1px #dedede}
.pro_right {flex:1; width:50%;padding:50px; background:#f9f9f9 ;border:solid 1px #dedede; border-left:0}
.location {text-align:right; margin-bottom:30px}
.pro_cate {font-size:16px; font-weight:100; color:#0046a6;letter-spacing:0}
.pro_name {font-size:40px; line-height:1;letter-spacing:0}
.pro_info {font-size:20px; line-height:1.5; margin-top:20px; margin-bottom:30px;font-weight:600;  word-break:keep-all;letter-spacing:0}
.pro_key {font-size:30px; font-weight:600; color:#0046a6; margin-top:50px; margin-bottom:20px;letter-spacing:0}
.key_list {font-size:18px; word-break:keep-all; line-height:1.5;letter-spacing:0; padding-left:20px; margin-bottom:10px; background:url(/images/dot.jpg) no-repeat; background-position:left 10px; background-size:5px}
.pro_link {margin-top:20px}
.pro_link li {float:left;;letter-spacing:0}
.pro_link li:first-child {width:calc(50% - 5px); margin-right:5px; margin-bottom:10px }
.pro_link li:first-child a{width:100%; background:#ffffff; color:#0046a6; border:solid 1px #0046a6; height:50px; display:inline-block; font-size:16px; text-align:center; line-height:50px}
.pro_link li:nth-child(2) {width:calc(50% - 5px); margin-left:5px; margin-bottom:10px  }
.pro_link li:nth-child(2) a{width:100%; background:#0046a6; color:#ffffff; height:50px; display:inline-block;  font-size:16px; text-align:center; line-height:50px}
.pro_link li:nth-child(3) {width:100%; }
.pro_link li:nth-child(3) a{width:100%; background:#0046a6; color:#ffffff; height:50px; display:inline-block;  font-size:16px; text-align:center; line-height:50px}
.pro_info_list li {list-style:square; line-height:1.5}
.pro_info_list li p {line-height:1.5;}
.img-item {padding:50px !important}

@media (max-width:720px) {
	.pro {display:block}
	.pro_left {display:block; width:100%;padding:0; border:solid 1px #dedede}
	.pro_right {display:block; width:100%;padding:20px; background:none ;border:none; border-left:0}
	.img-item {padding:20px !important}
}