@charset "UTF-8";
@import "vendors/aos.css";
@import "vendors/swiper.css";
@import "vendors/jquery.fullpage.css";
@import "vendors/icon-font.min.css";
@import "vendors/znd2dme.css";
@import url("vendors/pretendard-dynamic-subset.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@100..900&display=swap');

:root {
  --main-color: #3761a8;
}
video::-webkit-media-controls {
  display: none;
}
.blind, .hide {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  overflow: hidden;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "TrajanPro";
  src: url("../fonts/TrajanPro-Bold.eot");
  src: url("../fonts/TrajanPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TrajanPro-Bold.woff2") format("woff2"), url("../fonts/TrajanPro-Bold.woff") format("woff");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "TrajanPro";
  src: url("../fonts/TrajanPro-Regular.eot");
  src: url("../fonts/TrajanPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TrajanPro-Regular.woff2") format("woff2"), url("../fonts/TrajanPro-Regular.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

*, body {
  font-family: "Noto Sans KR", "Pretendard", "Malgun Gothic", "맑은 고딕", sans-serif;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}
@media all and (max-width: 910px) {
  html {
    font-size: 14px;
  }
}

a,
a:hover,
a:focus,
a:active,
a:link {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

img {
  border: 0;
  vertical-align: middle;
  border: 0 none; 
  font-size: 0;
  line-height: 0;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}
button:focus {
  outline: none;
}

strong,
b {
  color: inherit;
  font-size: inherit;
}

i,
em {
  font-style: normal;
}

mark {
  color: inherit;
  background: none;
}

button {
  -webkit-appearance: none;
}

input {
  -webkit-border-radius: 0;
}

input:matches([type=password], [type=search]),
input[type=text],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

table {
  border-collapse: collapse;
}

body.overflow-hidden {
  overflow: hidden;
}
[data-aos=left-motion] {
  opacity: 0;
  -webkit-clip-path: polygon(0 0, 1% 0, 1% 100%, 0 100%);
  clip-path: polygon(0 0, 1% 0, 1% 100%, 0 100%);
  transform: translate3d(0, 0, 0) scale(1);
}
[data-aos=left-motion].aos-animate {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  transform: scale(1);
  transition: transform 2s 0.2s ease-out, opacity 2s 0.2s ease-out, -webkit-clip-path 2s 0.2s ease-out;
  transition: transform 2s 0.2s ease-out, opacity 2s 0.2s ease-out, clip-path 2s 0.2s ease-out;
  transition: transform 2s 0.2s ease-out, opacity 2s 0.2s ease-out, clip-path 2s 0.2s ease-out, -webkit-clip-path 2s 0.2s ease-out;
}
[data-aos=down-motion] {
  opacity: 0;
  -webkit-clip-path: polygon(1% 0, 100% 1%, 100% 0, 0 0);
  clip-path: polygon(1% 0, 100% 1%, 100% 0, 0 0);
  transform: translate3d(0, 0, 0) scale(1);
}
[data-aos=down-motion].aos-animate {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  transform: scale(1);
  transition: transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out, -webkit-clip-path 0.8s 0.2s ease-out;
  transition: transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out, clip-path 0.8s 0.2s ease-out;
  transition: transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out, clip-path 0.8s 0.2s ease-out, -webkit-clip-path 0.8s 0.2s ease-out;
}
[data-aos][data-aos][data-aos-duration="3200"].aos-animate,
body[data-aos-duration="3200"] [data-aos].aos-animate {
  transition-duration: 3.2s;
}

[data-aos][data-aos][data-aos-duration="3400"].aos-animate,
body[data-aos-duration="3400"] [data-aos].aos-animate {
  transition-duration: 3.4s;
}

[data-aos][data-aos][data-aos-duration="3600"].aos-animate,
body[data-aos-duration="3600"] [data-aos].aos-animate {
  transition-duration: 3.6s;
}

[data-aos][data-aos][data-aos-duration="4200"].aos-animate,
body[data-aos-duration="4200"] [data-aos].aos-animate {
  transition-duration: 4.2s;
}
[data-aos][data-aos][data-aos-delay="3200"].aos-animate,
body[data-aos-delay="3200"] [data-aos].aos-animate {
  transition-delay: 3.2s;
}

[data-aos][data-aos][data-aos-delay="3400"].aos-animate,
body[data-aos-delay="3400"] [data-aos].aos-animate {
  transition-delay: 3.4s;
}

[data-aos][data-aos][data-aos-delay="3600"].aos-animate,
body[data-aos-delay="3600"] [data-aos].aos-animate {
  transition-delay: 3.6s;
}

[data-aos][data-aos][data-aos-delay="4200"].aos-animate,
body[data-aos-delay="4200"] [data-aos].aos-animate {
  transition-delay: 4.2s;
}
/*sub-page-notice*/
.page_info {
  width: 100%;
  color: #888;
  padding: 1rem 2rem;
  /* border: 1px solid #d1d1d1; */
  margin: 4rem auto;
  letter-spacing: -0.04rem;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page_info li {
  font-size: 14px;
  color: #878787;
  line-height: 1.1rem;
}
.page_info li + li {
  margin-top: 10px;
}

.page_info LI:before {
  content: "※";
  display: inline-block;
  margin-right: 0.1rem;
  color: #878787;
  font-size: 14px;
}

.bounce-mouse {
  animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(-30px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(-30px);
  }
}

.sub .top-button {
  display: block;
}
.sub .quick-sub-top {
  display: block;
  height: 437px;
  margin-bottom: 90px;
}
.sub .quick-sub-top__item {
  height: 180px;
  background: #1d1e20;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Noto Sans KR", "Montserrat", "Malgun Gothic", "맑은 고딕", sans-serif;
  letter-spacing: -0.5px;
  line-height: 1;
}
.sub .quick-sub-top__item span {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}
.sub .quick-sub-top__item b {
  font-size: 25px;
}

html {
  -webkit-font-smoothing: antialiased;
}

.layout {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
	z-index: 1;
}
.layout::after {
  content: "";
  display: block;
  clear: both;
}
.layout.is--content-center {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .layout {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 990px) {
  .layout {
    padding-left: 0;
    padding-right: 0;
  }
}


@media screen and (min-width: 991px) {
  .is--mobile {
    display: none !important;
  }
}

@media screen and (max-width: 990px) {
  .is--pc {
    display: none !important;
  }
  
  img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
  }
}

.img-circle {
  vertical-align: baseline;
}

[data-aos][data-aos][data-aos-delay="3200"].aos-animate,
body[data-aos-delay="3200"] [data-aos].aos-animate {
  transition-delay: 3.2s;
}

[data-aos][data-aos][data-aos-delay="3400"].aos-animate,
body[data-aos-delay="3400"] [data-aos].aos-animate {
  transition-delay: 3.4s;
}

[data-aos][data-aos][data-aos-delay="3600"].aos-animate,
body[data-aos-delay="3600"] [data-aos].aos-animate {
  transition-delay: 3.6s;
}

[data-aos][data-aos][data-aos-delay="4200"].aos-animate,
body[data-aos-delay="4200"] [data-aos].aos-animate {
  transition-delay: 4.2s;
}

body.is--overflow-hidden {
  overflow-y: hidden;
}

.color--red {
  color: red;
}

.header { 
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0;
  right: 0;
  z-index: 19;
  width: 100%;
  height: 100px;
  padding: 10px 5vw 0 4vw;
  transition: height ease-in-out 0.4s 0s, background-color ease-in-out 0.4s 0s;
  box-sizing: border-box;
  border-bottom: 1px solid #bbb;
}

.header:after {
  opacity: 0;
  position: fixed;
  top: 100px;
  right: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  transition: opacity ease-in-out 0.4s 0s, height ease-in-out 0.4s 0s;
}

.header .logo {
  display: block;
  width: 207px;
  height: 55px;
}

.header .logo_link { display: block; width: 100%; height: 100%; background: url("../images/common/logo.png") 0 0 no-repeat; background-size: 100% auto; }


.header .header-menu-button {
  position: relative;
  z-index: 1111;
  display: block;
  width: 50px;
  height: 50px;
  font-family: "trajan-pro-3";
  font-size: 16px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.header.is-active-header .header-menu-button {
  color: #000;
}

.header .header-menu-button p {
  margin-left: 12px;
  margin-top: -30px;
}

.header .header-menu-button .menu-button__line {
  width: 24px;
  height: 0;
  margin: 0 auto 0;
  background: #fff;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.header.is-active-header .header-menu-button .menu-button__line {
  background: #000;
}
.header .header-menu-button .menu-button__line:before, .header .header-menu-button .menu-button__line:after {
  width: 50px;
  height: 2px;
  background: inherit;
  display: block;
  -webkit-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  content: "";
  position: absolute;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.header .header-menu-button .menu-button__line:before {
  top: 19px;
}
.header .header-menu-button .menu-button__line:after {
  top: 30px;
  width: 38px;
}

.header.is--active .menu-button__line:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: #000;
  top: 24px;
}
.header.is--active .menu-button__line:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background-color: #000;
  top: 24px;
  width: 50px;
}
.header.is--active .header-menu-button p {
}
.header.is--active .header-menu-button { left: 60px;}
.header.is--active .menu-button__line {background-color: rgba(0,0,0,0);}

.header .gnb_area { 
  display: inline-block; 
}

.header .gnb_area::before, .header .gnb_area::after { content: ''; display: block; clear: both; }

.header .gnb_item {
	position: relative; 
	float: left; 
	padding: 0 1vw; 
	width: 8vw; 
  text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.header .gnb_item.is-active .gnb_link { font-weight: 600; }
.header .gnb_item.is-active .gnb_link:hover { color: #000; }

.header .gnb_item.is-active .gnb_link:after { width: 100%; }

.header .gnb_link {
  position: relative; 
  padding: 25px 0; 
  color: #fff; 
  font-size: 18px; 
  box-sizing: border-box; 
	text-align: center;
}
.header .gnb_link span {height: 26px;font-weight: 500;}
.header .gnb_link .eng {
	font-family: inherit;
	display: block;
}
.header .gnb_link .kor {
	display: none;
}
.header .gnb_item.is-active .eng {
	display: none;
}
.header .gnb_item.is-active .kor {
	display: block;
}

.header .gnb_link:after { position: absolute; bottom: -9px; left: 0; width: 0; height: 3px; background: #3761a8; transition-property: width; transition-timing-function: ease-in-out; transition-duration: .3s; content: ''; }

.header .gnb .sub_menu { 
  position: absolute;
  left: 0;
  overflow: hidden; 
  height: 0; 
  opacity: 0; 
  width: 100%;
  transition-property: opacity, height; 
  transition-timing-function: ease-in-out;
  transition-duration: .6s; 
  text-align: center;
  box-sizing: border-box; 
}

.header .gnb .sub_item { padding: 6px 0;  }

.header .gnb .sub_link { display: block; color: #999999; font-weight: 300; letter-spacing: -.5px; font-size: 16px;}

.header .gnb .sub_link:hover, .header .gnb .sub_link:focus { font-weight: 500; color: #3761a8; }

.header .header-menu { 
  text-align: center; 
  position: fixed; 
  top: 0; 
  left: -100%; 
  z-index: 20; 
  height: 100%;
  width: 100%; 
  transition: all .6s ease;
}
.header.is--active {background-color: #fff;}
.header.is--active .logo_link {background: url("../images/common/logo-color.png"); background-size: 100% auto; }
.header.is--active .header-menu {left: 0;}
.header.is--active .gnb {display: none;}

.header.is--active .header-menu .header-menu-menu { opacity: 1;}

.header.is--active .header-menu .header-menu-list.active { opacity: 1;right: 0; z-index: 30;}

.header .header-menu .header-menu-menu { 
  opacity: 0; 
  position: relative;
  float:left;
  z-index: 3; 
  width: 100%; 
  height: 100%; 
  text-align: left; 
  background-color: #1e1f22; 
  transition: all .1s ease; 
}

.header .header-menu .header-menu-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1e1f22;
  opacity: 0.9;
  /* background: url("../images/common/header-menu-bg.png"); */
}

.header .header-menu .header-menu-header { position: absolute; top: 0; left: 0; }

.header .header-menu .header-menu-list { 
  position: absolute;
  right: -200%;
  opacity: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 60px 100px;
  color: #333;
  box-sizing: border-box;
  border-left: 1px solid rgba(0,0,0,0.2);
  transition: all .6s ease;
}
.header .header-menu .header-menu__item {
  width: 100%;
  padding: 0px 0px 20px;
  box-sizing: border-box;
  transition: all .6s; 
}
.header .header-menu .header-menu__item .menu-group {
  display: inline-block;
  padding-right: 70px;
}
.header .header-menu .header-menu__item .menu-group:first-child {
  display: block;
}
.header .header-menu .header-menu__item:last-child {
  border-right: 0px solid rgba(0,0,0,0.17);
  margin-top: 30px;
}

.header .header-menu .header-menu__item .header-menu-depth { 
  padding-top: 0px;
  transition: all .6s ease;
  display: flex;
  padding-bottom: 30px;
}
.header .header-menu .header-menu__link { position: relative; display: grid; box-sizing: border-box; cursor: pointer; width: 100%; }

.header .header-menu .header-menu__link:hover span.eng, .header .header-menu .header-menu__link:focus span.eng, .header .header-menu .header-menu__link:active span.eng {  }

.header .header-menu .header-menu__link span { display: inline-block; }

.header .header-menu .header-menu__link span.eng { font-size: 34px; line-height: 60px; padding-bottom: 5px;font-weight: bold; color: #000; font-family: "Montserrat", sans-serif;}
.header .header-menu .header-menu__link span.kor { font-size: 24px; padding-bottom: 5px;font-weight: 600; color: #3761a8; font-family: "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";}

.header .header-menu .header-menu-depth .header-menu-depth__item { margin-right: 20px; padding: 0px 0; }
.header .header-menu .header-menu-depth .header-menu-depth__link {display: block; font-size: 18px; color: #aaa; font-family: "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕"; }
.header .header-menu .header-menu-depth .header-menu-depth__link span {position: relative; font-family: inherit; font-weight: 500;}
.header .header-menu .header-menu-depth .header-menu-depth__link span:after {
	content:"";
	position: absolute;
	left: 0;
	bottom:0;
	width: 0;
	height:2px;
	background: var(--main-color);
}
.header .header-menu .header-menu__item.is-active .header-menu-depth { 
  /* transform: translateX(10px); */
}
.header .header-menu .header-menu__item.is-active .header-menu-depth__link:hover { 
  color: var(--main-color);
}
.header .header-menu .header-menu__item.is-active .header-menu-depth__link:hover span { 
  width: 100%;
  color: #3761a8;
}
.header .header-menu .header-menu__item.is-active .header-menu-depth__link:hover span:after { 
  width: 100%;
	transition: width ease .5s;
	background: #3761a8;
}

.header .header-menu .header-menu__item.menu-inline {
  display: flex;
}

.header .menu-copy-btn {
	position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	display: flex;
	text-align: center;
}
.header .menu-btn01 {
	background: #3761a8;
	width: 50%;
	padding: 10px;
}
.header .menu-btn02 {
	background: #03113c;
	width: 50%;
	padding: 10px;
}

.header-right {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	position: relative;
}
.header-right span {
	font-family: "Montserrat", sans-serif;
}
.header-right span:before {
	content: '';
	background: url(../images/common/header-tel.png) 0 0 no-repeat;
	background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
	width: 18px;
	height: 19px;
	margin-top: 8px;
	margin-left: -26px;
}

.header.sub-header { background-color: #fff; border-bottom: 1px solid #eee; }

.header.sub-header .gnb_link { color: #a4a4a4; }

.header.is-active-header { background: #fff; }

.header.is-active-header .logo_link { background: url(../images/common/logo-color.png) 0 0 no-repeat; background-size: 100% auto; }

.header.is-active-header .header-right {
	color: #222;
}
.header.is-active-header .header-right span:before {
	background: url(../images/common/header-tel-color.png);
	color: #222;
}

.header.is-active-header .gnb_link { color: #a4a4a4; }

.header.is-active-header .gnb .sub_menu { opacity: 1; height: auto; padding-top: 60px; }

.header.is-active-header:after { opacity: 1; height: 230px; }

.header.is-active-header .header-menu-button .menu-button__line {}

.left_menu { overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; z-index: 10; }

.left_menu #menu { display: none; }

.left_menu #menu .menu_links { display: block; font-family: "Montserrat"; font-size: 10px; color: #a3805a; transition: opacity 0.2s ease-in; }

.left_menu #menu .menu_links.active { opacity: 1; width: auto; }

.quick_menu { position: fixed; right: 75px; bottom: 75px; z-index: 20; }

.quick_menu a, .quick_menu button { position: relative; display: block; width: 78px; height: 78px; margin: 8px 0; }

.quick_menu a:hover span, .quick_menu button:hover span { display: block; }

.footer {
  background: #fcfcfc;
  padding: 40px 100px 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.footer-left {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.footer-left .copy-logo {
  margin: 15px 40px;
  width: 200px;
}

.footer-text__item {
  font-size: 14px;
  color: rgba(153, 153, 153, 0.8);
  line-height: 18px;
  letter-spacing: -0.5px;
  margin: 17px 0 10px;
}

.footer-text__item.color-point {
  color: #766c5e;
}
.footer-text__item:first-child {
  margin-top: 0;
}
.footer-text__item-copyright {
  font-size: 12px;
  color: #ccc;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Montserrat", "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";

}
.footer-separator {
  font-size: 14px;
  color: rgba(154, 154, 154, 0.4);
  margin: 0 8px;
}
.footer-text__item-notice {
  font-size: 12px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.header .header-menu .header-menu__link__path span.kor {
    font-weight: 600;
    color: #3761a8;
    font-family: "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";
	font-size: 24px;
    letter-spacing: -0.05em;
    padding: 0 40px 0 0;
}


.tabs {
	width: 100%;
	margin: 0 auto 8rem;
	display: flex;
	justify-content: center;
}
.tabs:after {content: ""; display: block; clear: both;}
.tabs li {
	width: 25%;
	text-align: center;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	line-height: 4rem;
	font-size: 1.25rem;
	font-weight: 300;
	color: #4F003D;
	cursor: pointer;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease;
}
.tabs li + li {
	margin-left: 10px;
}
.tabs li:hover {
	background: #4F003D; color: #fff;
}

.tabs li a{display: block;line-height: 3rem;}
.tabs li.current  {
	color: #fff;
	background: #4F003D;
}

.type-title {font-size: 1.8rem; color: #333; line-height: 2.4rem; text-align: center; font-weight: 500}
.paid-wrap {width: 100%; max-width: 1200px; font-size: .88rem; color: #888; line-height: 1.4rem; padding: 1rem 2rem; border: 1px solid #d1d1d1; margin: 1rem auto 4rem;}
.paid-wrap H3 {font-size: .88rem; color: #de2856; line-height: 1.4rem; display: inline-block; margin-right: 1rem;}
.paid-wrap H3.paid {color: #4372c1;}
.paid-wrap SPAN:before {content: ','; display: inline-block; margin-right: .3rem;}
.paid-wrap SPAN.none:before {content: none; display: inline-block; margin-right: 0rem;}


.tab-area{display: none;}
.tab-area.current{display: inherit; clear:both;}
.tab-area IMG {display: block;}

.tab-content{width: 100%; max-width: 1200px; margin: 0 auto; display: none;}
.tab-content.current{display: flex; clear:both;}
.tab-content IMG {display: block;}

.tabs.tab-style2 li {width: 50%;}

ul.floor-tabs li {
	border: 1px solid #e7e7e7;
	color: #666;
}
.tabs2.floor-tabs li:nth-child(1):hover {
	background: #5fc2c7;
}
.tabs2.floor-tabs li:nth-child(2):hover {
	background: #ef7951;
}
.tabs2.floor-tabs li:nth-child(3):hover {
	background: #6abd79;
}
.tabs2.floor-tabs li:nth-child(4):hover {
	background: #ec6d74;
}
.tabs2.floor-tabs li:nth-child(5):hover {
	background: #a67fb8;
}
.tabs2.floor-tabs li:nth-child(6):hover {
	background: #a67fb8;
}
ul.floor-tabs li:nth-child(1).current {background: #5fc2c7;}
ul.floor-tabs li:nth-child(2).current {background: #ef7951;}
ul.floor-tabs li:nth-child(3).current {background: #6abd79;}
ul.floor-tabs li:nth-child(4).current {background: #ec6d74;}
ul.floor-tabs li:nth-child(5).current {background: #a67fb8;}
ul.floor-tabs li:nth-child(6).current {background: #a67fb8;}

.sub .tabs2 {
	width: 100%;
	margin: 5rem 0 1.5rem 0;
	display: flex;
	gap: 5px;
	justify-content: flex-end;
}
.tabs2 {
	width: 96%;
	margin: 5rem 0 4rem 0;
	display: flex;
	gap: 5px;
}
.tabs2:after {content: ""; display: block; clear: both;}
.tabs2 li {
	width: 11%;
	text-align: center;
	line-height: 3rem;
	font-size: 16px;
	color: #666;
	font-weight: 500;
	letter-spacing: -1px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease;
}

.tabs2 li:hover {
	background: #03113c; color: #fff;
}
.tabs2 li.current {background: #03113c; color: #fff;}

.tabs2 li a{display: block;line-height: 3rem;}
.tabs2 li.current a {color: #fff;}

ul.unit-tabs2 li {
	border: 1px solid #e7e7e7;
	color: #666;
}
.tabs2.unit-tabs2 li:nth-child(1):hover {
	background: #a7d282;
}
.tabs2.unit-tabs2 li:nth-child(2):hover {
	background: #f6af5f;
}
ul.unit-tabs2 li:nth-child(1).current {background: #a7d282;}
ul.unit-tabs2 li:nth-child(2).current {background: #f6af5f;}

ul.display-button {
	display:flex;
	justify-content:flex-end;
	margin-bottom: 2vw;
}
ul.display-button li {
	display: flex;
	width: 20%;
	justify-content: center;
	align-items: center;
	height: 5vh;
	padding: 0 15px;
	background: #c2a772;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}


@media screen and (max-width:990px) {

	.tabs2 {
		width: 100%;
		margin: 2rem 0 1rem 0;
		display: flex;
		flex-wrap: wrap;
		gap: 1px;
	}
	.tabs2 li {
		width: 32.3%;
		line-height: 3rem;
		font-size: 14px;
	}

}


@media screen and (max-width:1200px) {
  .gnb {display: none;}
}

@media screen and (max-width:990px) {
  .header {
    height: 16vw;
    padding: 0vw 3vw 0;
  }
  .header .logo {
    display: block;
    width: 35vw;
	margin-top: 27px;
  }
  .header .header-menu-button p {
	  display: none;
	}
  .header .header-menu-button {
    position: relative;
    z-index: 1111;
    display: block;
    width: 10vw;
    height: 10vw;
    font-family: "trajan-pro-3";
    font-size: 16px;
    color: var(--main-color);
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
  }
  .header .header-menu-button .menu-button__line {
    width: 24px;
    height: 0;
    margin: 0 auto 0;
    background: #fff;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .header .header-menu-button .menu-button__line:before, .header .header-menu-button .menu-button__line:after {
    width: 6vw;
  }
  .header .header-menu-button .menu-button__line:before {
    top: 4vw;
  }
  .header .header-menu-button .menu-button__line:after {
    top: 6vw;
  }
  .header.is--active .menu-button__line:before {
    top: 5vw;
  }
  .header.is--active .menu-button__line:after {
    top: 5vw;
  }
  .header .header-menu .header-menu__item {
    width: 100%;
    padding: 1vw 0;
    border: none;
  }
  .header .header-menu .header-menu__item:last-child {
    border: none;
	margin-top: 0;
  }
  .header .header-menu .header-menu-list { 
    flex-direction: column;
		justify-content: flex-start;
    padding: 12vw 6vw 6vw;
  }
  .header .header-menu .header-menu__item { margin-bottom: 25px; }
  .header .header-menu .header-menu__item .header-menu-depth { display: none; padding-top: 2vw; transition: none; }
  .header .header-menu .header-menu-depth .header-menu-depth__link {
    font-size: 4vw;
  }
  .header .header-menu .header-menu__item.active .header-menu__link, .header .header-menu .header-menu__item.is--open .header-menu__link { color: #d6af71; }

  .header .header-menu .header-menu__item.active .header-menu__link:after, .header .header-menu .header-menu__item.is--open .header-menu__link:after { -khtml-transform: scaleY(100%); transform: scaleY(100%); }
  .header .header-menu .header-menu__item.active .header-menu__link span.eng, .header .header-menu .header-menu__item.is--open .header-menu__link span.eng { color: #2762AD; }
  .header .header-menu .header-menu__link:after { position: absolute; top: -15%; left: -55px; width: 1px; height: 130%; background-color: #d6af71; content: ''; transform-origin: 50% 50%; transition: all .8s ease; -khtml-transform: scaleY(0); transform: scaleY(0); }
  .header .header-menu .header-menu__link:hover:after, .header .header-menu .header-menu__link:focus:after, .header .header-menu .header-menu__link:active:after { -khtml-transform: scaleY(100%); transform: scaleY(100%); }
  .header .header-menu .header-menu__link span.kor {
    font-size: 16px;
    letter-spacing: -0.05em;
    padding: 0;
  }
  .header .header-menu .header-menu__link span.eng {
    font-size: 18px;
	line-height: 30px;
  }
	.header .header-menu { 

	}
	.header.is--active .header-menu {
	  overflow: scroll;
	}
  .footer {
    padding: 5vw;
    box-sizing: border-box;
  }
  .footer-left {
    display: flex;
    gap: 0;
    align-items: flex-start;
    flex-direction: column;
  }

  .footer-text__item {
    font-size: 12px;
  }
  .footer-text__item-copyright {
    font-size: 10px;
  }
  .footer-left .copy-logo {
    margin: 15px 40px 15px 0;
  }

  .header .menu-copy-btn {
    position: fixed;
    z-index: 100;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    text-align: center;
  }
  .header .header-menu .header-menu__item .menu-group {
    display: grid;
	padding-right: 0;
  }
  .header .header-menu .header-menu-depth .header-menu-depth__item {
    margin-right: 20px;
    padding: 0px 0;
    display: inline-block;
  }
  .header .header-menu .header-menu-menu {
    opacity: 0;
    position: relative;
    float: left;
    z-index: 3;
    width: 100%;
    height: 150%;
    text-align: left;
    background-color: #1e1f22;
    transition: all .1s ease;
  }
  .header.is--active .header-menu-button {
    left: 0px;
	background: #222;
  }
  .header .header-menu-button .menu-button__line:before, .header .header-menu-button .menu-button__line:after {
    background: #fff;
  }

  .header .header-menu .header-menu__link__path span.kor {
    font-weight: 600;
    color: #3761a8;
    font-family: "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";
	font-size: 16px;
    letter-spacing: -0.05em;
    padding: 0;
  }

  .header .header-menu .header-menu__item.menu-inline {
    display: block;
  }

      .header .header-menu .header-menu__item.menu-inline .menu-group {
        margin-bottom: 25px;
    }

}