@font-face {
    font-family: "NEXON Lv1 Gothic OTF";
    src: url("../gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NEXON Lv1 Gothic OTF Light";
    src: url("../gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NEXON Lv1 Gothic OTF Bold";
    src: url("../gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@media(max-width: 768px) {
    .hidden-xs {
        display: none;
    }
}

.fwl {
    font-family: "NEXON Lv1 Gothic OTF Light";
}

.bold,
.fwb,
b,
strong {
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

.fwn {
    font-family: "NEXON Lv1 Gothic OTF";
}

a:focus {
    outline: 0;
}

.fz14 {
    font-size: 14rem !important;
}

.fz16 {
    font-size: 16rem !important;
}

.fz18 {
    font-size: 18rem !important;
}

.fz21 {
    font-size: 21rem !important;
}

@media(max-width: 768px) {
    .fz21 {
        font-size: 15rem !important;
    }
}

.fz30 {
    font-size: 30rem !important;
}

@media(max-width: 768px) {
    .fz30 {
        font-size: 26rem !important;
    }
}

.fz40 {
    font-size: 40rem !important;
}

.fz41 {
    font-size: 40rem !important;
}

@media(max-width: 768px) {
    .fz41 {
        font-size: 20rem !important;
        line-height: 1.3;
    }
}

.fz50 {
    font-size: 50rem !important;
}

.gap20 {
    gap: 20rem;
}

.gap40 {
    gap: 40rem;
}

.gap60 {
    gap: 60rem;
}

@media(max-width: 768px) {
    .gap60 {
        gap: 30rem;
    }
}

.lh12 {
    line-height: 1.2;
}

.lh14 {
    line-height: 1.4;
}

.lh16 {
    line-height: 1.6;
}

.lh17 {
    line-height: 1.7;
}

.lh18 {
    line-height: 1.8;
}

.jcse {
    justify-content: space-evenly;
}

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

.pt10 {
    padding-top: 10rem;
}

.pb10 {
    padding-bottom: 10rem;
}

.mt-100 {
    margin-top: -100rem !important;
}

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

.mb0 {
    margin-bottom: 0 !important;
}

.mb-100 {
    margin-bottom: -100rem !important;
}

@media(max-width: 768px) {
    .mb-100 {
        margin-bottom: 0rem !important;
    }
}

.mb100 {
    margin-bottom: 100rem !important;
}

@media(max-width: 768px) {
    .mb100 {
        margin-bottom: 100rem !important;
    }
}

@media(max-width: 768px) {
    .mo-h300 {
        height: 300rem;
    }
}

:root {
    --black: #232323;
    --white: #fff;
    --bgGray: #eff1f0;
    --darkGreen: #375542;
    --yellowGreen: #9c9e39;
    --lightKhaki: #5a7f71;
    --deepGreen: #2a3930;
    --green: #247943;
    --darkMint: #60b193;
    --skyblue: #39ced8;
    --lightBlue: #87d1e6;
}

.darkGreen {
    color: var(--darkGreen);
}

.yellowGreen {
    color: var(--yellowGreen);
}

.lightKhaki {
    color: var(--lightKhaki);
}

.white {
    color: var(--white) !important;
}

.black {
    color: var(--black) !important;
}

.bgGreen {
    background-color: var(--green);
}

.bgDarkGreen {
    background-color: var(--darkGreen);
}

.bgDeepGreen {
    background-color: var(--deepGreen);
}

.bgyellowGreen {
    background-color: var(--yellowGreen);
}

.bgWhite {
    background-color: var(--white);
}

.bgGray {
    background-color: var(--bgGray);
}

::-moz-selection {
    background: var(--yellowGreen);
    color: #fff;
}

::selection {
    background: var(--yellowGreen);
    color: #fff;
}

.highlight {
    box-shadow: inset 0 -8rem 0 rgba(156, 158, 57, .2);
}

*::-webkit-scrollbar {
    width: 2rem;
    height: 2rem;
}

*::-webkit-scrollbar-track {
    border-radius: 10rem;
}

*::-webkit-scrollbar-thumb {
    background: var(--yellowGreen);
    border-radius: 10rem;
}

html {
    font-size: 6.25%;
}

@media(min-width: 2000px) {
    html {
        font-size: 0.0525486075vw;
    }
}

@media(max-width: 1280px) {
    html {
        font-size: 0.0724636vw;
    }
}

@media(max-width: 768px) {
    html {
        font-size: 0.2vw;
    }
}

html.scrollLock {
    overflow: hidden;
}

html.scrollLock body {
    overflow: hidden;
}

html.scrollLock #main {
    overflow: hidden;
}

body {
    font-size: 16rem;
    word-break: keep-all;
    background: var(--white);
    color: var(--black);
    letter-spacing: -0.04rem;
}

p,
span {
    word-break: keep-all;
    line-height: 1.7;
}

@media(max-width: 768px) {

    p,
    span {
        font-size: 16rem;
    }
}

body,
html {
    overflow-x: clip;
    font-family: "NEXON Lv1 Gothic OTF";
    letter-spacing: -0.02em;
}

.visible-xs {
    display: none;
}

@media(max-width: 768px) {
    .visible-xs {
        display: inherit !important;
    }
}

.hidden-xs {
    display: inherit;
}

@media(max-width: 768px) {
    .hidden-xs {
        display: none !important;
    }
}

.container-1200 {
    width: 1200rem;
    max-width: 85%;
    margin: 0 auto;
}

@media(max-width: 768px) {
    .container-1200 {
        max-width: 90%;
        margin: 0 auto;
    }
}

.container-1400 {
    width: 1400rem;
    max-width: 90%;
    margin: 0 auto;
}

.subTop p.desc {
    max-width: 67%;
}

@media(max-width: 768px) {
    .subTop p.desc {
        max-width: 100%;
    }
}

.title_wrap h2.title {
    font-family: "NEXON Lv1 Gothic OTF Bold";
    font-size: 40rem;
    color: var(--darkGreen);
    line-height: 1.2;
}

@media(max-width: 768px) {
    .title_wrap h2.title {
        font-family: "NEXON Lv1 Gothic OTF Bold";
        font-size: 20rem;
        color: var(--darkGreen);
        line-height: 1.2;
        margin-top: 10rem;
    }
}

.title_wrap p.desc {
    margin-top: 10rem;
    font-size: 20rem;
}

.title_wrap p.desc1 {
    margin-top: 10rem;
    font-size: 22rem;
}

@media(max-width: 768px) {
    .title_wrap p.desc {
        margin-top: 10rem;
        font-size: 14rem;
        text-align: justify;
        line-height: 1.4em;
    }
}

@media(max-width: 768px) {
    .title_wrap p.desc1 {
        margin-top: 10rem;
        font-size: 16rem;
        text-align: center;
        line-height: 1.4em;
    }
}

@media(max-width: 768px) {
    .title_wrap p.desc2 {
        margin-top: 0rem;
        font-size: 16rem;
        text-align: left;
        line-height: 1.4em;
    }
}

.title_wrap.bbs {
    text-align: center;
}

.appendEn {
    font-family: "NEXON Lv1 Gothic OTF Bold";
    text-transform: uppercase;
    font-size: 21rem;
    color: var(--yellowGreen);
    text-align: center;
}

@media(max-width: 768px) {
    .appendEn {
        font-size: 14rem;
    }
}

.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.aic {
    align-items: center !important;
}

.jcc {
    justify-content: center;
}

.jce {
    justify-content: flex-end;
}


/* header */
header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
}

header.mobile .header-moblie-bg {
    display: none;
}

.visual.mobile .mobile-bottom-bg {
    display: block;
}

header .header-moblie-bg {
    display: none;
    width: 100%;
    height: 64px;
    position: absolute;
    z-index: -10;
    top: 0;
    left: 0;
}

header .header-moblie-bg img {
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.more-grey-arrow {
    width: 7px;
    height: 12px;
    transform: rotate(90deg);
}

.visual .mobile-bottom-bg {
    display: none;
    width: 100%;
    height: 362px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
}

.visual .mobile-bottom-bg img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

header.active .header-white-bg {
    width: 100%;
    top: 40px;
    left: 0;
    height: 500px;
    background-color: var(--yellowGreen);
    position: absolute;
    z-index: 9999;
}

header.active .header-static {}

header .header-active {
    display: none;
}

header.active .header-active {
    display: block;
}

header .inner {
    display: flex;
    height: 140px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 60px;
    position: relative;
}

header .logo img {
    width: 100%;
    height: 100%;
}

header .navi {
    display: flex;
    justify-content: space-between;
    align-items: center;

    position: relative;
    height: 70rem;
    background: #fff;
    width: 1400rem;
    margin: 0 auto;
}

header .sitemap-btn {
    display: none;
    z-index: 500;
    position: absolute;
    display: flex;
    top: 22px;
    right: 70px;
}

header .sitemap-btn.x {
    transform: translateX(-5px);
    transform: scale(1.3);
    margin-top: 12px;
}

header .sitemap-btn.x div,
header.dark .sitemap-btn div,
header.active .sitemap-btn div {
    background-color: #333;
}

header .sitemap-btn.x div {
    transition: 0.5s;
    position: absolute;
}

header .sitemap-btn.x div:nth-of-type(2) {
    display: none;
}

header .sitemap-btn.x div:nth-of-type(1) {
    transform: rotate(45deg);
}

header .sitemap-btn.x div:nth-of-type(3) {
    transform: rotate(130deg);
}

header .depth-1 {
    display: flex;
    width: 1110px;
    justify-content: space-between;
}

header .main-menu>li {
    position: relative;
    width: 245px;
    /* padding: 60px 0; */
    text-align: center;
}

header.active .main-menu li:hover .depth-2 li {
    background-color: #f7f7f7;
}

header .main-menu>li .depth-2::before {
    width: 0;
}


header.active .main-menu>li:hover .depth-2::before {
    transform: scaleX(1);
}

header .depth-1>li>a {
    font-weight: bold;
    font-size: 22px;
    color: white;
}

header.active .depth-1 li a {
    color: #fff;
}

header .depth-2 {
    display: none;
    position: absolute;
    width: 100%;
    top: 45px;
    box-sizing: border-box;
    z-index: 100;
    height: 252px;
    border: 1px solid #abad3b;
    padding-top: 10px
}

header.active .depth-2 {
    display: block;
}

header.active .main-menu>li:hover .depth-2 {
    background-color: #f7f7f7;
    height: 250px;

}


header.active .main-menu .depth-2 li a {
    position: relative;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    transition: color 0.3s;
}

header.active .main-menu .depth-2 li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: var(--darkGreen);
    transition: width 0.3s ease;
}


header .utility-menu>li>a {
    color: white;
    padding: 0 15px;
}

header.active .utility-menu>li>a {
    color: #333;
    font-weight: 600;
}

/* header .utility-menu>li:nth-of-type(2)>a {
      color: #00a3e4;
  } */

header .utility-menu>li:first-of-type {
    border-right: 1px solid #ddd;
}

header .light {
    display: inline-block;
}

header .sitemap-contents {
    opacity: 0;
    filter: Alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: white;
    z-index: -1;
    transition: 0.5s 0.6s;
}

header .sitemap-contents.on {
    opacity: 1;
    filter: Alpha(opacity=100);
    visibility: visible;
    z-index: 180;
    transition: 0.3s 0s;
}

header .sitemap-menu {
    justify-content: space-between;
    width: calc(100% - 165px);
    height: 100vh;
    background-color: #333;
    box-sizing: border-box;
    display: flex;
    opacity: 0;
    transition: 1s 0.4s;
    visibility: hidden;
}

header .sitemap-menu.active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition: 1s 0s;
}

header .sitemap-btn.x {
    transform: scale(1);
}

header .sitemap-menu>li {
    display: flex;
    padding: 350px 0;
    flex-direction: column;
    width: 25%;
    background-color: white;
    border-right: 1px solid #ddd;
    transition: 1s cubic-bezier(0.47, 0, 0.31, 1.04) 0.3s;
    transform: scaleX(0);
    transform-origin: left;
    text-align: center;
}

header .sitemap-menu.active>li {
    transform: scaleX(1);
    transform-origin: left;
    opacity: 1;
    transition: 1s cubic-bezier(0.47, 0, 0.31, 1.04) 0.3s;
}

header .sitemap-menu>li>a {
    font-weight: bold;
    color: #000;
    padding-bottom: 60px;
    font-size: 26px;
    width: 100%;
    position: relative;
}

header .sitemap-menu>li:hover>a {
    color: #9c9e39;
}

header .sitemap-menu>li>a img {
    display: none;
}

header .sitemap-menu .depth02>li {
    position: relative;
}

header .sitemap-menu .depth02>li>a::after {
    background: #9c9e39;
    content: "";
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    transition: 0.5s;
}

header .sitemap-menu .depth02>li:hover>a::after {
    width: 100%;
}

header .sitemap-menu .depth02>li>a {
    padding: 0;
    color: #333;
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}

header .sitemap-menu .depth02>li:hover a {
    color: #fff;
}

header .sitemap-menu .depth02 li a img {
    display: none;
}

/* template header */
header.template {
    background-color: white;
    position: static;
}

header .main-menu.template>li>a {
    color: #000;
}

header .utility-menu.template>li>a {
    color: #333;
    font-weight: 600;
}

header .utility-menu.template>li:nth-of-type(2)>a {
    color: #9c9e39;
}

header .sitemap-btn.template {
    display: flex;
}

header .template-navi {
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 70px;
    background-color: rgba(27, 157, 218, 0.5);
    position: relative;
    z-index: 10;
    margin-top: -70px;
}

header .template-navi-list {
    width: 1800px;
    height: 70px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

header .template-navi-list>li {
    float: left;
    height: 50px;
}

header .template-navi-list>li>a {
    border-left: 1px solid #ddd;
    width: 100%;
    padding: 0 20px;
    color: #000;
    font-size: 18px;
    line-height: 3;
}

header .template-navi-list>li>a>span {
    margin-right: auto;
}

header .template-navi-list>li>.template-more {
    float: right;
}

header .template-navi-list>li:first-of-type>a {
    border-left: 0;
}

header .template-sub-menu01 {
    width: 200px;
}

header .template-sub-menu02 {
    width: 280px;
    box-sizing: border-box;
}

header .template-sub-menu01 a img {
    float: right;
    padding: 25px 20px;
}

header .template-sub-menu02 a {
    box-sizing: border-box;
}

header .template-sub-menu02 a img {
    float: right;
    padding-top: 25px;
    margin-right: 20px;
}

header .template-navi-depth01 {
    display: none;
    background-color: white;
    box-sizing: border-box;
    margin-top: 6px;
    position: absolute;
    z-index: 1;
}

header .template-navi-depth01.active {
    display: block;
}

header .template-navi-depth01>li {
    width: 200px;
    border: 1px solid #eee;
    border-top: 0;
    padding: 0 20px;
    box-sizing: border-box;
}

header .template-navi-depth01>li>a {
    line-height: 3;
    color: #333;
    font-size: 17px;
    display: block;
}

header .template-navi-depth01>li:hover>a {
    color: #9c9e39;
}

header .template-navi-depth02 {
    display: none;
    background-color: white;
    box-sizing: border-box;
    margin-top: 6px;
    position: absolute;
    z-index: 1;
}

header .template-navi-depth02.active {
    display: block;
}

header .template-navi-depth02>li {
    width: 300px;
    border: 1px solid #eee;
    border-top: 0;
    padding: 0 20px;
    box-sizing: border-box;
}

header .template-navi-depth02>li>a {
    line-height: 3;
    font-size: 17px;
    color: #333;
    display: block;
}

header .template-navi-depth02>li:hover>a {
    color: #9c9e39;
}

header .template-sub-menu02 a {
    box-sizing: border-box;
    display: block;
}

header .template-sub-menu01 a {
    box-sizing: border-box;
    display: block;
}



header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

header.active {
    background-color: white !important;
}

header.active.logo img {
    background: url("../img/images/logo.svg");

}

header.mobile .header-moblie-bg {
    display: block;
}

.visual.mobile .mobile-bottom-bg {
    display: block;
}

header .header-moblie-bg {
    display: none;
    width: 100%;
    height: 58px;
    position: absolute;
    z-index: -10;
    top: 0;
    left: 0;
}

header .header-moblie-bg img {
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.visual .mobile-bottom-bg {
    display: none;
    width: 100%;
    height: 362px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
}

.visual .mobile-bottom-bg img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

header.template.active .header-white-bg {
    width: 100%;
    top: 0px;
    left: 0;
    height: 250px;
    position: absolute;
    z-index: 1;
}

header.active .header-white-bg {
    width: 100%;
    top: 69px;
    left: 0;
    height: 252px;
    position: absolute;
    z-index: 1;
    border-bottom: 1px solid #ddd;
}

header.active .header-white-bg.engheader {
    height: 252px;
}

header .header-active {
    display: none;
}

header.active .header-active {
    display: block;
}

header .inner {
    display: flex;
    height: 140px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 60px;
    position: relative;
}

header .logo {
    width: 350px;
    height: 48px;
}

header .logo img {
    width: 100%;
    height: 100%;
}

header .sitemap-btn.x {
    transform: translateX(-5px);
    transform: scale(1.4);
    margin-top: 12px;
}

header .sitemap-btn.x div,
header.dark .sitemap-btn div,
header.active .sitemap-btn div {
    background-color: #333;
}

header .sitemap-btn.x div {
    transition: 0.5s;
    position: absolute;
}

header .sitemap-btn.x div:nth-of-type(2) {
    display: none;
}

header .sitemap-btn.x div:nth-of-type(1) {
    transform: rotate(45deg);
}

header .sitemap-btn.x div:nth-of-type(3) {
    transform: rotate(130deg);
}

header .depth-1 {
    display: flex;
    justify-content: space-between;
}

header .main-menu>li {
    position: relative;
    text-align: center;
}

header.active .main-menu>li:hover>a {
    color: #9c9e39;
}

header.active .main-menu li:hover .depth-2 li {
    background-color: #abad3b;

}

header .main-menu>li .depth-2::before {
    width: 0;
}


header.active .main-menu>li:hover .depth-2::before {
    transform: scaleX(1);
}

header .depth-1>li>a {
    font-weight: 500;
    font-size: 20px;
    color: #333;
}

header.active .depth-1 li a {
    color: #333;
}

header .depth-2.depth-2eng {
    width: 200px;
    height: 252px;
}

header.active .depth-2 {
    display: block;
}

header.active .main-menu>li:hover .depth-2 {
    background-color: #abad3b;


}

header.active .main-menu .depth-2 li {
    padding: 10px 0;
}

header.active .main-menu .depth-2 li a {
    display: inline-block;
    text-align: center;
    color: #fff;
}

header.active .main-menu .depth-2 li:hover a {
    color: #2A4532;
}

header.active .main-menu .depth-2 li:hover a::after {
    width: 100%;
}


header.dark .depth-1 li a.active {
    color: #2A4532;
}

header .utility-menu {
    display: flex;
    width: auto;
    justify-content: flex-start;
    align-items: center;
}

header .utility-menu>li>a {
    color: #fff;
    padding: 0 15px;
}

header.active .utility-menu>li>a {
    color: #333;
    font-weight: normal;
}

header.active .utility-menu>li:nth-of-type(2)>a {
    font-weight: normal;
}

header .utility-menu>li.on>a {
    color: #9c9e39;
}

header .utility-menu>li.no-padding>a {
    color: #9c9e39;
}

header .utility-menu>li:first-of-type {
    border-right: 1px solid rgba(255, 255, 255);
}

header.dark .utility-menu>li:first-of-type {
    border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
}

header .light {
    display: inline-block;
}

header .sitemap-contents {
    opacity: 0;
    filter: Alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: white;
    z-index: -1;
    transition: 0.5s 0.6s;
}

header .sitemap-contents.on {
    opacity: 1;
    filter: Alpha(opacity=100);
    visibility: visible;
    z-index: 180;
    transition: 0.3s 0s;
}

header .sitemap-menu {
    justify-content: space-between;
    width: calc(100% - 165px);
    height: 100vh;
    background-color: #333;
    box-sizing: border-box;
    display: flex;
    opacity: 0;
    transition: 1s 0.4s;
    visibility: hidden;
}

header .sitemap-menu.active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition: 1s 0s;
}

header .sitemap-btn.x {
    transform: scale(1);
}

header .sitemap-menu>li {
    display: flex;
    padding: 350px 0;
    flex-direction: column;
    width: 25%;
    background-color: white;
    border-right: 1px solid #ddd;
    transition: 1s cubic-bezier(0.47, 0, 0.31, 1.04) 0.3s;
    transform: scaleX(0);
    transform-origin: left;
    text-align: center;
}

header .sitemap-menu.active>li {
    transform: scaleX(1);
    transform-origin: left;
    opacity: 1;
    transition: 1s cubic-bezier(0.47, 0, 0.31, 1.04) 0.3s;
}

header .sitemap-menu>li>a {
    font-weight: bold;
    color: #000;
    padding-bottom: 60px;
    font-size: 26px;
    width: 100%;
    position: relative;
}

header .sitemap-menu>li:hover>a {
    color: #9c9e39;
}

header .sitemap-menu>li>a img {
    display: none;
}

header .sitemap-menu .depth02>li {
    position: relative;
    height: 50px;
    line-height: 50px;
}

header .sitemap-menu .depth02>li>a::after {
    background: #9c9e39;
    content: "";
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    transition: 0.5s;
}

header .sitemap-menu .depth02>li:hover>a::after {
    width: 100%;
}

header .sitemap-menu .depth02>li>a {
    padding: 0;
    color: #333;
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}

header .sitemap-menu .depth02>li:hover a {
    color: #fff;
}

header .sitemap-menu .depth02 li a img {
    display: none;
}

/* template header */
header.template {
    background-color: white;
    position: static;
}

header .main-menu.template>li>a {
    color: #000;
}

header .utility-menu.template>li>a {
    color: #333;
    font-weight: 600;
}

header .utility-menu.template>li:nth-of-type(2)>a {
    color: #9c9e39;
}

header .sitemap-btn.template {
    display: flex;
}

header .template-navi {
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 70px;
    background-color: rgba(27, 157, 218, 0.5);
    position: relative;
    z-index: 10;
    margin-top: -70px;
}

header .template-navi-list {
    width: 1800px;
    height: 70px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

header .template-navi-list>li {
    float: left;
    height: 50px;
}

header .template-navi-list>li>a {
    border-left: 1px solid #ddd;
    width: 100%;
    padding: 0 20px;
    color: #000;
    font-size: 18px;
    line-height: 3;
}

header .template-navi-list>li>a>span {
    margin-right: auto;
}

header .template-navi-list>li>.template-more {
    float: right;
}

header .template-navi-list>li:first-of-type>a {
    border-left: 0;
}

header .template-sub-menu01 {
    width: 250px;
}

header .template-sub-menu02 {
    width: 280px;
    box-sizing: border-box;
}

header .template-sub-menu02 a {
    box-sizing: border-box;
    display: block;
}

header .template-sub-menu01 a {
    box-sizing: border-box;
    display: block;
}

header .template-navi-depth01 {
    display: none;
    background-color: white;
    box-sizing: border-box;
    margin-top: 6px;
    position: absolute;
    z-index: 1;
}

header .template-navi-depth01.active {
    display: block;
}

header .template-navi-depth01>li {
    width: 250px;
    border: 1px solid #eee;
    border-top: 0;
    padding: 0 20px;
    box-sizing: border-box;
}

header .template-navi-depth01>li>a {
    line-height: 3;
    color: #333;
    font-size: 17px;
    display: block;
}

header .template-navi-depth01>li:hover>a {
    color: #9c9e39;
}

header .template-navi-depth02 {
    display: none;
    background-color: white;
    box-sizing: border-box;
    margin-top: 6px;
    position: absolute;
    z-index: 1;
}

header .template-navi-depth02.active {
    display: block;
}

header .template-navi-depth02>li {
    width: 280px;
    border: 1px solid #eee;
    border-top: 0;
    padding: 0 20px;
    box-sizing: border-box;
}

header .template-navi-depth02>li>a {
    line-height: 3;
    font-size: 17px;
    color: #333;
    display: block;
}

header .template-navi-depth02>li:hover>a {
    color: #9c9e39;
}

.sitemap-btn {
    width: 28px;
    height: 24px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-left: 0px;
}

@media(max-width: 768px) {
    .sitemap-btn {
        width: 28px;
        height: 18px;
    }
}

.sitemap-btn div {
    width: 28px;
    height: 2px;
    background: #333;
    transition: 0.5s;
}

.login_wrap {
    display: flex;
    gap: 20rem;
    font-size: 14rem;
    align-items: center;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

@media(max-width: 768px) {
    .login_wrap {
        display: none;
    }
}


@media screen and (min-width: 2399px) {
    header .inner {
        padding: 0 60px;
        width: 2400px;
    }
}

@media screen and (max-width: 2400px) {
    header .inner {
        width: 100%;
    }

    .side-navi {
        right: 60px;
    }

    .scroll-down {
        left: 0px;
    }

    header .sitemap-menu>li {
        pointer-events: auto;
    }

    header .sitemap-menu>li:first-of-type {
        border-left: 0;
    }
}



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

    header .depth-1 {
        width: 70%;
    }

    header .depth-2 {
        width: 171px;
    }
}

@media screen and (max-width: 1500px) {
    header .depth-2 {
        width: 159px;
    }
}

@media screen and (max-width: 1400px) {
    header .depth-2 {
        width: 157px;
    }
}

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

    header .main-menu>li {
        position: relative;
        width: 147px;
    }

}

@media screen and (max-width: 1350px) {
    header .depth-2 {
        width: 150px;
    }

    header.active .main-menu .depth-2 li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1400px) {
    header {
        height: auto;
    }

    .sitemap-btn div {
        background: #333;
    }

    header .sitemap-btn {}

    header .inner {
        height: 100%;
        padding: 0 20px;
    }

    .header-moblie-bg {
        display: none;
    }

    header .logo {
        width: 100px;
    }

    header .navi {
        z-index: 300;
        top: 0px;
        padding: 10px;
        height: 50px;
    }

    header.dark .header-white-bg {
        width: 0;
        height: 0;
    }

    header .sitemap-contents {
        z-index: 50;
        background-color: white;
        transform: translateX(100%);
        transition: 1s;
        top: 0;
    }

    header .sitemap-contents.on {
        transform: translateX(0);
        transition: 1s;
    }

    header .sitemap-menu {
        margin-top: 100px;
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
        background-color: white;
        padding: 0;
        transform: translateX(100%);
        transition: 1s 0.8s;
    }

    header .sitemap-menu.active {
        transform: translateX(0);
        transition: 0s 0s;
        margin-top: 50px;
    }

    header .sitemap-btn {
        top: 14px;
        right: 30px;
    }

    header .sitemap-menu.active>li {
        transition: 0s;
    }

    header .sitemap-menu>li {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        border: 0;
        transition: 0s 0.8s;
    }

    header .sitemap-menu>li>a {
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        font-size: 13px;
        transition: none;
    }

    header .sitemap-menu>li>a img {
        display: inline-block;
    }

    header .sitemap-menu.mobile .depth02 {
        display: none;
        background-color: #f7f7f7;
        padding: 10px 0;
    }

    header .sitemap-menu .depth02 li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        line-height: 2.5;
        font-size: 12px;
    }

    header .sitemap-menu .depth02 .more-grey-arrow {
        transform: rotate(360deg);
    }

    header .sitemap-menu .depth02 li a img {
        display: block;
    }

    header .sitemap-menu.active>li {
        transition: 0s 0s;
    }

    header .sitemap-menu.active>li.active {
        transition: 0s 0s;
    }

    header .sitemap-menu .depth02>li {
        transition: 0;
        height: 25px;
        line-height: 35px;
    }

    header .sitemap-menu .depth02>li>a {
        transition: none;
        box-sizing: border-box;
    }

    header .sitemap-menu .depth02>li>a::after {
        display: none;
        transition: none;
    }

    header .sitemap-menu .depth02>li:hover>a {
        color: #9c9e39;
    }
}

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

    header .main-menu,
    .header-white-bg {
        display: none;
    }
}


@media(max-width: 768px) {
    header .sitemap-menu>li>a {
        padding: 15px 0;
    }
}

/*



.header {
    position: fixed;
    z-index: 300;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    border-bottom: 1rem solid #e5e5e5;
}
.header .container {
    width: 1400rem;
    max-width: 90%;
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: space-between;
    height: 70rem;
}
.header .logo_wrap {
    display: inline-block;
    width: 190rem;
    height: 40rem;
}
.header .logo_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.header .nav_wrap {
    flex-grow: 1;
    transition: 0.35s ease;
}
@media(max-width: 768px) {
    .header .nav_wrap {
        position: fixed;
        top: 0;
        right: -100%;
        width: 60vw;
        height: 100vh;
        background: #fff;
        z-index: 301;
        padding: 80rem 0 60rem 40rem;
        overflow-y: scroll;
    }
}
.header .nav_wrap .depth01 {
    font-size: 18rem;
    display: flex;
    justify-content: space-evenly;
}
@media(max-width: 768px) {
    .header .nav_wrap .depth01 {
        flex-direction: column;
        justify-content: start;
        gap: 20rem;
        font-size: 30rem;
    }
}
.header .nav_wrap .depth01 > li {
    min-width: 150rem;
    text-align: center;
    position: relative;
}
.header .nav_wrap .depth01 > li.hov {
    color: var(--yellowGreen);
    font-family: "NEXON Lv1 Gothic OTF Bold";
}
.header .nav_wrap .depth01 > li.hov .depth02 {
    display: block;
}
@media(max-width: 768px) {
    .header .nav_wrap .depth01 > li.hov .depth02 {
        display: none;
    }
}
.header .nav_wrap.on {
    right: 0;
}
.header .nav_wrap .depth02 {
    font-size: 16rem;
    display: none;
    position: absolute;
    top: 30rem;
    left: 50%;
    transform: translateX(-50%);
    color: var(--white);
    background-color: var(--yellowGreen);
    padding: 30rem 10rem;
    width: 100%;
    text-align: center;
    font-family: "NEXON Lv1 Gothic OTF";
}
@media(max-width: 768px) {
    .header .nav_wrap .depth02 {
        position: static;
        transform: unset;
        font-size: 24rem;
        margin-top: 10rem;
    }
}
.header .nav_wrap .depth02 li {
    transition: 0.35s ease;
}
.header .nav_wrap .depth02 li:not(:first-child) {
    margin-top: 20rem;
}
.header .nav_wrap .depth02 li:hover {
    color: var(--darkGreen);
}
.header .nav_wrap .depth02 li:hover a::after {
    transform: translateX(-50%) scaleX(1);
} */
/* 
.nav_wrap:hover .depth02 {
    display: block !important;
/* } 

@media(max-width: 768px) {
    .header .nav_wrap .depth02 li:not(:first-child) {
        margin-top: 14rem;
    }
}
.header .nav_wrap .depth02 li a {
    position: relative;
    padding: 10rem 0;
}
.header .nav_wrap .depth02 li a::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 6rem;
    height: 2rem;
    background-color: var(--darkGreen);
    transform: translateX(-50%) scaleX(0);
    transition: 0.35s ease;
}

.header .nav_btn {
    cursor: pointer;
    display: none;
    letter-spacing: -2rem;
    position: relative;
    z-index: 9999;
    transform: rotate(90deg);
    padding: 20rem;
    margin-right: -20rem;
}
@media(max-width: 768px) {
    .header .nav_btn {
        display: block;
    }
} */
@media(max-width: 768px) {
    [class^=section] {
        position: relative;
        overflow: hidden;
    }
}

#main {
    width: 100%;
    height: 100vh;
    position: relative;
}

@media(max-width: 768px) {
    #main {
        overflow-x: hidden;
    }
}

@media(max-width: 768px) {
    #main .main-container {
        overflow-y: scroll;
    }
}

#main .swiper-pagination-main {
    position: absolute;
    z-index: 10;
    right: unset;
    left: 10rem;
}

#main .swiper-pagination-main .swiper-pagination-bullet {
    width: auto;
    height: auto;
    margin: 20rem 0;
    display: flex;
    gap: 4rem;
    align-items: center;
    background: none;
    color: rgba(0, 0, 0, 0);
    transition: 0.35s ease;
}

#main .swiper-pagination-main .swiper-pagination-bullet::before {
    content: "";
    display: block;
    width: 8rem;
    height: 8rem;
    transition: 0.35s ease;
    border-radius: 50%;
    background: #000;
    transform: translateY(-1rem);
}

#main .swiper-pagination-main .swiper-pagination-bullet.swiper-pagination-bullet-active,
#main .swiper-pagination-main .swiper-pagination-bullet:hover {
    color: #fff;
    opacity: 1;
}

#main .swiper-pagination-main .swiper-pagination-bullet.swiper-pagination-bullet-active.black,
#main .swiper-pagination-main .swiper-pagination-bullet:hover.black {
    color: #000;
}

#main .swiper-pagination-main .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
#main .swiper-pagination-main .swiper-pagination-bullet:hover::before {
    background: var(--yellowGreen);
}

#main>.swiper-wrapper>.swiper-slide {
    overflow: hidden;
}

.section01 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section01 .vimeoWrap {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin: 0;
}

.section01 .vimeoWrap embed,
.section01 .vimeoWrap iframe,
.section01 .vimeoWrap object {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300vw;
    height: 120vh;
}

.section01 .video_wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.section01 .video_wrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .15);
    z-index: 1;
}

.section01 .content_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.section01 .content_wrap .text_wrap {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    color: #fff;
    text-shadow: 0 0 10rem rgba(0, 0, 0, .2);
}

.section01 .content_wrap .text_wrap .title {
    font-size: 32rem;
    text-align: center;
    font-family: "NEXON Lv1 Gothic OTF";
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}

.section01 .content_wrap .text_wrap .desc {
    margin-top: 16rem;
    font-size: 60rem;
    text-align: center;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    line-height: 1.2;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}

@media(max-width: 768px) {
    .section01 .content_wrap .text_wrap .title {
        font-size: 20rem;
        text-align: center;
        font-family: "NEXON Lv1 Gothic OTF Bold";
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
    }

    .section01 .content_wrap .text_wrap .desc {
        margin-top: 16rem;
        font-size: 36rem;
        text-align: center;
        font-family: "NEXON Lv1 Gothic OTF Bold";
        line-height: 1.2;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
    }
}

.section02 .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media(max-width: 768px) {

    /*
	#hd_pop {
        z-index: -1;
    }
	*/
    #hd_pop {
        z-index: 90;
        width: 90%;
    }

    #hd_pop p {
        display: none;
    }

    .section02 .bg {
        position: relative;
        height: 600rem;
    }




}

@media(max-width: 768px) {
    .section02 .bg.swiper .swiper-slide {
        height: 100%;
    }
}

.section02 .bg.swiper .swiper-slide .img_wrap {
    width: 100%;
    height: 100vh;
    position: relative;
    position: absolute;
    z-index: -1;
}

@media(max-width: 768px) {
    .section02 .bg.swiper .swiper-slide .img_wrap {
        height: 100%;
    }
}

.section02 .bg.swiper .swiper-slide .img_wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.45;
}

.section02 .bg.swiper .swiper-slide .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section02 .bg.swiper .swiper-slide .text_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.section02 .bg.swiper .swiper-slide .text_wrap .quote,
.section02 .bg.swiper .swiper-slide .text_wrap .title {
    font-size: 60rem;
    line-height: 1.15;
    text-shadow: 0 0 5rem rgba(0, 0, 0, .2);
}

.section02 .bg.swiper .swiper-slide .text_wrap .desc {
    font-size: 28rem;
    margin-top: 30rem;
}

.section02 .content {
    width: 1400rem;
    max-width: 90%;
    height: 30%;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
}

@media(max-width: 768px) {
    .section02 .content {
        height: auto;
    }
}

.section02 .content .text_wrap {
    padding: 20rem 0;
    font-size: 60rem;
    color: #fff;
}

@media(max-width: 768px) {
    .section02 .content .text_wrap {
        font-size: 26rem;
        line-height: 1.2;
    }
}

.section02 .content .text_wrap .desc {
    margin-top: 30rem;
    font-size: 28rem;
}

@media(max-width: 768px) {
    .section02 .content .text_wrap .desc {
        font-size: 16rem;
    }
}

.section02 .content::after {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, .3);
    left: 50rem;
    bottom: 26rem;
    width: 150rem;
    height: 2rem;
    z-index: 8;
}

.section02 .content .swiper-slide {
    padding-bottom: 90rem;
    height: 100%;
}

.section02 .content .swiper-slide.swiper-slide-active::before {
    content: "";
    position: absolute;
    background-color: #fff;
    transform: scale(0);
    left: 50rem;
    bottom: 26rem;
    width: 150rem;
    height: 2rem;
    z-index: 9;
    -webkit-animation: progressbar 5s ease forwards;
    animation: progressbar 5s ease forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    transform-origin: left;
}

.section02 .content .swiper-pagination {
    color: #fff;
    width: auto;
}

.section02 .content [class^=swiper-button] {
    width: 70rem;
    height: 70rem;
    left: unset;
    right: unset;
    top: unset;
    bottom: 0;
    border-radius: 50%;
    transition: 0.25s ease;
}

@media(max-width: 768px) {
    .section02 .content [class^=swiper-button] {
        width: 50rem;
        height: 50rem;
    }
}

.section02 .content [class^=swiper-button]::after {
    content: unset;
}

.section02 .content [class^=swiper-button]:hover {
    background-color: #9c9e3978;
    ;
}

.section02 .content .swiper-button-prev {
    background: url("../img/images/btn_prev.svg") no-repeat center center/contain;
    right: 360rem;
}

@media(max-width: 768px) {
    .section02 .content .swiper-button-prev {
        right: 80rem;
    }
}

.section02 .content .swiper-button-next {
    background: url("../img/images/btn_next.svg") no-repeat center center/contain;
    right: 260rem;
}

@media(max-width: 768px) {
    .section02 .content .swiper-button-next {
        right: 0;
    }
}

.section02 .content .swiper-pagination {
    bottom: 10rem;
    left: 0;
    color: rgba(0, 0, 0, 0);
}

.section02 .content .swiper-pagination .swiper-pagination-current,
.section02 .content .swiper-pagination .swiper-pagination-total {
    color: #fff;
    position: absolute;
    bottom: 10rem;
    font-size: 19rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

@media(max-width: 768px) {

    .section02 .content .swiper-pagination .swiper-pagination-current,
    .section02 .content .swiper-pagination .swiper-pagination-total {
        color: #fff;
        position: absolute;
        bottom: 10rem;
        font-size: 14rem;
        font-family: "NEXON Lv1 Gothic OTF Bold";
    }
}

.section02 .content .swiper-pagination .swiper-pagination-current::before,
.section02 .content .swiper-pagination .swiper-pagination-total::before {
    content: "0";
}

.section02 .content .swiper-pagination .swiper-pagination-current {
    left: 0;
    bottom: 0;
}

.section02 .content .swiper-pagination .swiper-pagination-total {
    left: 220rem;
    bottom: 0;
}

.section02 .waves {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
    z-index: 1;
}

@media(max-width: 768px) {
    .section02 .waves {
        height: 5vh;
        margin-bottom: -7rem;
        min-height: 60rem;
        max-height: 100rem;
    }
}

.section02 .parallax>use {
    -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.section02 .parallax>use:nth-child(1) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
}

.section02 .parallax>use:nth-child(2) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

.section02 .parallax>use:nth-child(3) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 13s;
    animation-duration: 13s;
}

.section02 .parallax>use:nth-child(4) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}

.section03 {
    padding-top: 70rem;
}

@media(max-width: 768px) {
    .section03 {
        padding-top: 70rem;
    }
}

.section03 .title {
    text-align: center;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    font-size: 40rem;
    color: #232323;
    margin-top: 16rem;
}

@media(max-width: 768px) {
    .section03 .title {
        font-size: 22rem;
        margin-top: 10rem;
    }
}

.section03 .flex_wrap {
    margin-top: 20rem;
    height: 80%;
}

@media(max-width: 768px) {
    .section03 .flex_wrap {
        flex-direction: column;
        height: auto;
        margin-top: 20rem;
    }
}

.section03 .flex_wrap .content_wrap {
    display: grid;
    flex: 1;
    position: relative;
    color: #fff;
    transition: 0.5s ease;
}

.section03 .flex_wrap .content_wrap .content_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section03 .flex_wrap .content_wrap.rightSide .content_box {
    align-items: flex-start;
}

@media(max-width: 768px) {
    .section03 .flex_wrap .content_wrap.rightSide .content_box {
        align-items: center;
    }
}

.section03 .flex_wrap .content_wrap.leftSide .content_box {
    align-items: flex-end;
}

@media(max-width: 768px) {
    .section03 .flex_wrap .content_wrap.leftSide .content_box {
        align-items: center;
    }
}

.section03 .flex_wrap .content_wrap.leftSide .content_box .hov_wrap {
    text-align: right;
}

.section03 .flex_wrap .content_wrap.on {
    flex: 1.5;
}

.section03 .flex_wrap .content_wrap.on .bgImg::after {
    opacity: 0.65;
}

.section03 .flex_wrap .content_wrap .hov_wrap {
    display: none;
}

@media(max-width: 768px) {
    .section03 .flex_wrap .content_wrap .hov_wrap {
        display: block !important;
    }
}

.section03 .flex_wrap .content_wrap .bgImg {
    width: 100%;
    height: 100%;
    position: relative;
    position: absolute;
    z-index: -1;
}

.section03 .flex_wrap .content_wrap .bgImg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
}

.section03 .flex_wrap .content_wrap .bgImg::after {
    transition: 0.3s;
}

.section03 .flex_wrap .content_wrap .bgImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section03 .flex_wrap .content_wrap .content_box {
    padding: 40rem 70rem;
}

.section03 .flex_wrap .content_wrap .title {
    font-size: 60rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: #fff;
}

@media(max-width: 768px) {
    .section03 .flex_wrap .content_wrap .title {
        font-size: 20rem;
    }
}

.section03 .flex_wrap .content_wrap .desc {
    margin-top: 20rem;
    font-size: 16rem;
    line-height: 1.4;
}

@media(max-width: 768px) {
    .section03 .flex_wrap .content_wrap .desc {
        text-align: center;
        width: 80%;
        margin: 20rem auto 0;
    }
}

.section03 .flex_wrap .content_wrap .cicle_wrap {
    display: flex;
    gap: 45rem;
    margin-top: 58rem;
}

@media(max-width: 768px) {
    .section03 .flex_wrap .content_wrap .cicle_wrap {
        flex-direction: column;
        align-items: center;
        gap: 10rem;
        margin-top: 20rem;
    }
}

.section03 .flex_wrap .content_wrap .cicle_wrap .item {
    display: grid;
    place-content: center;
    width: 180rem;
    height: 180rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    font-size: 14rem;
    text-align: center;
    transition: 0.3s ease;
}

@media(max-width: 768px) {
    .section03 .flex_wrap .content_wrap .cicle_wrap .item {
        width: 120%;
        height: auto;
        border-radius: 20rem;
        padding: 30rem;
    }
}

.section03 .flex_wrap .content_wrap .cicle_wrap .item:hover {
    background-color: rgba(255, 255, 255, .1);
}

.section03 .flex_wrap .content_wrap .viewmore_btn {
    margin-top: 70rem;
    display: inline-block;
    background: var(--yellowGreen);
    padding: 14rem 30rem;
    border-radius: 30rem;
    font-size: 14rem;
    transition: 0.3s ease;
}

.section03 .flex_wrap .content_wrap .viewmore_btn:hover {
    background: var(--yellowGreen) d0;
}

@media(max-width: 768px) {
    .section03 .flex_wrap .content_wrap .viewmore_btn {
        display: block;
        width: 160rem;
        text-align: center;
        margin: 20rem auto 0;
        padding: 15rem;
    }
}

.section04 {
    width: 1660rem;
    max-width: 90%;
    margin-left: auto;
    /* background: url("../img/images/logo_bg_wht_5.svg") no-repeat left bottom/30%; */
    padding-top: 140rem;
}

@media(max-width: 768px) {
    .section04 {
        padding-top: 60rem;
    }
}

.section04 .content_wrap {
    border-radius: 70rem 0 0 0;
    background: linear-gradient(to bottom, var(--darkGreen) 350rem, #fff 350rem);
    padding-top: 50rem;
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap {
        flex-direction: column;
    }
}

.section04 .content_wrap .flex_wrap .leftSide {
    margin-top: 140rem;
    margin-left: 40rem;
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .leftSide {
        margin-top: 0;
    }
}

.section04 .content_wrap .flex_wrap .leftSide .button_wrap {
    display: flex;
    gap: 30rem;
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .leftSide .button_wrap {
        display: none;
    }
}

.section04 .content_wrap .flex_wrap .leftSide .button_wrap [class^=swiper-button] {
    width: 70rem;
    height: 70rem;
    cursor: pointer;
    border-radius: 50%;
}

.section04 .content_wrap .flex_wrap .leftSide .button_wrap [class^=swiper-button]:hover {
    background-color: #fff;
}

.section04 .content_wrap .flex_wrap .leftSide .button_wrap .swiper-button-prev-04 {
    background: url("../img/images/btn_prev.svg") no-repeat center center/99%;
}

.section04 .content_wrap .flex_wrap .leftSide .button_wrap .swiper-button-next-04 {
    background: url("../img/images/btn_next.svg") no-repeat center center/99%;
}

.section04 .content_wrap .flex_wrap .leftSide .text_wrap {
    margin-top: 110rem;
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .leftSide .text_wrap {
        margin-top: 0;
    }
}

.section04 .content_wrap .flex_wrap .leftSide .text_wrap .appendEn {
    text-align: left;
}

.section04 .content_wrap .flex_wrap .leftSide .text_wrap .title {
    margin-top: 16rem;
    font-size: 26rem;
    line-height: 1.2;
    white-space: nowrap;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .leftSide .text_wrap .title {
        color: #fff;
        font-size: 22rem;
        margin-top: 10rem;
    }
}

.section04 .content_wrap .flex_wrap .rightSide {
    width: 1260rem;
    margin-left: 60rem;
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .rightSide {
        margin-top: 40rem;
        margin-left: 0;
        width: 90%;
    }
}

.section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .img_wrap {
    height: 400rem;
}

.section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .text_wrap {
    box-shadow: 0 10rem 10rem rgba(0, 0, 0, .05);
    /* min-height: 170rem; */
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .text_wrap {
        box-shadow: 0 10rem 10rem rgba(0, 0, 0, .05);
        min-height: 0rem;
    }
}

.section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .category {
    color: var(--yellowGreen);
    text-align: center;
    font-size: 21rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    margin-top: 30rem;
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .category {
        font-size: 18rem;
    }
}

.section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .desc {
    font-size: 16rem;
    line-height: 21rem;
    width: 80%;
    margin: 20rem auto 0;
    text-align: center;
    word-break: keep-all;
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .desc {
        font-size: 16rem;
        line-height: 18rem;
    }
}

.section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .author {
    margin-top: 20rem;
    font-size: 16px;
    text-align: center;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: #bdbdbd;
    padding-bottom: 30rem;
    margin-bottom: 30rem;
}

@media(max-width: 768px) {
    .section04 .content_wrap .flex_wrap .rightSide .swiper-wrapper .swiper-slide .author {
        font-size: 14px;
    }
}

.section05 {
    padding-top: 100rem;
}

@media(max-width: 768px) {
    .section05 {
        padding-bottom: 50rem;
        padding-top: 0rem;
    }
}

.section05 .flex_wrap {
    width: 1400rem;
    max-width: 90%;
    margin: 0 auto;
    flex-direction: row-reverse;
    gap: 90rem;
}

@media(max-width: 768px) {
    .section05 .flex_wrap {
        max-width: 90%;
        margin: 0 auto;
        flex-direction: row-reverse;
        gap: 0rem;
    }
}

@media(max-width: 768px) {
    .section05 .flex_wrap {
        flex-direction: column;
    }
}

.section05 .flex_wrap .title_wrap {
    margin-top: 40rem;
    position: relative;
}

.section05 .flex_wrap .title_wrap .appendEn {
    text-align: left;
}

@media(max-width: 768px) {
    .section05 .flex_wrap .title_wrap .appendEn {
        text-align: center;
    }
}

.section05 .flex_wrap .title_wrap .title {
    margin-top: 20rem;
    font-size: 40rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

@media(max-width: 768px) {
    .section05 .flex_wrap .title_wrap .title {
        font-size: 22rem;
        font-family: "NEXON Lv1 Gothic OTF Bold";
    }
}


@media(max-width: 768px) {
    .section05 .flex_wrap .title_wrap .title {
        text-align: center;
        width: 80%;
        margin: 10rem auto 0;
    }
}

.section05 .flex_wrap .title_wrap .subBgTit {
    position: absolute;
    top: 100rem;
    transform: rotate(90deg);
    transform-origin: bottom left;
    font-size: 75rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: #232323;
    opacity: 0.04;
    white-space: nowrap;
}

@media(max-width: 768px) {
    .section05 .flex_wrap .title_wrap .subBgTit {
        top: 15rem;
    }
}

.section05 .flex_wrap .content_wrap ul {
    display: flex;
    gap: 20rem;
}

@media(max-width: 768px) {
    .section05 .flex_wrap .content_wrap ul {
        flex-direction: column;
        gap: 0rem;
    }
}

.section05 .flex_wrap .content_wrap ul li {
    display: flex;
    flex-direction: column;
    gap: 40rem;
}

@media(max-width: 768px) {
    .section05 .flex_wrap .content_wrap ul li {
        flex-direction: row;
        gap: 0rem;
    }
}

.section05 .flex_wrap .content_wrap ul li .item {
    width: 260rem;
    min-height: 300rem;
    overflow: hidden;
    position: relative;
}

.section05 .flex_wrap .content_wrap ul li .item .img_wrap {
    width: 310rem;
    height: 420rem;
    width: 100%;
    height: 100%;
    transition: 0.35s ease;
    position: relative;
}

.section05 .flex_wrap .content_wrap ul li .item .img_wrap .af,
.section05 .flex_wrap .content_wrap ul li .item .img_wrap .bf {
    transition: 0.35s ease;
}

.section05 .flex_wrap .content_wrap ul li .item .img_wrap .af {
    opacity: 0;
}

.section05 .flex_wrap .content_wrap ul li .item .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
    filter: brightness(0.8);
}

.section05 .flex_wrap .content_wrap ul li .item .text {
    position: absolute;
    width: 70%;
    text-align: center;
    line-height: 1.4;
    bottom: 40rem;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    color: #fff;
    font-size: 16rem;
}

@media(max-width: 768px) {
    .section05 .flex_wrap .content_wrap ul li .item .text {
        font-size: 14rem;
    }
}


.section05 .flex_wrap .content_wrap ul li .item:hover .img_wrap .bf {
    opacity: 0;
}

.section05 .flex_wrap .content_wrap ul li .item:hover .img_wrap .af {
    opacity: 1;
}

.section05 .flex_wrap .content_wrap ul li:nth-child(1) {
    margin-top: 30rem;
}

.section05 .flex_wrap .content_wrap ul li:nth-child(2) {
    margin-top: 30rem;
}


@media(max-width: 768px) {
    .section05 .flex_wrap .content_wrap ul li:nth-child(2) {
        margin-top: 0rem;
    }
}

.section05 .flex_wrap .content_wrap ul li:nth-child(3) {
    margin-top: 30rem;
}

@media(max-width: 768px) {
    .section05 .flex_wrap .content_wrap ul li:nth-child(3) {
        margin-top: 0rem;
    }
}

.section06 {
    background: rgba(55, 85, 66, .1);
    padding-top: 140rem;
}

@media(max-width: 768px) {
    .section06 {
        padding-bottom: 60rem;
        padding-top: 60rem;
    }
}

.section06 .title {
    margin-top: 16rem;
    font-size: 40rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    text-align: center;
}

.section06 .desc {
    font-size: 18rem;
    margin-top: 30rem;
    text-align: center;
}

@media(max-width: 768px) {
    .section06 .desc {
        width: 80%;
        margin: 30rem auto 0;
    }
}

.section06 .equip {
    margin-top: 70rem;
}

@media(max-width: 768px) {
    .section06 .equip {
        margin-top: 50rem;
    }
}

.section06 .swiper-slide {
    box-shadow: 0 0 14rem rgba(0, 0, 0, .1);
    background: #fff;
    opacity: 0.3;
    width: 310rem;
    height: 420rem;
    display: grid;
    place-content: center;
}

.section06 .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.section06 .swiper-slide.swiper-slide-active .text {
    color: var(--yellowGreen);
}

.section06 .swiper-slide .img_wrap {
    max-width: 100%;
    max-height: 100%;
    margin: -20rem auto 0;
}

.section06 .swiper-slide .img_wrap img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.section06 .swiper-slide .text {
    position: absolute;
    bottom: 30rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 21rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--darkGreen);
    text-align: center;
    width: 100%;
    white-space: nowrap;
}

@media(max-width: 768px) {
    .section06 .swiper-slide .text {
        bottom: 50rem;
        font-size: 16rem;
    }
}

.section06 [class^=swiper-button] {
    width: 70rem;
    height: 70rem;
}

.section06 [class^=swiper-button]::after {
    content: "";
    display: block;
    width: 70rem;
    height: 70rem;
    border-radius: 50%;
}

.section06 .swiper-button-prev {
    left: 38%;
}

@media(max-width: 768px) {
    .section06 .swiper-button-prev {
        left: 8%;
    }
}

.section06 .swiper-button-prev::after {
    background: url("../img/images/button_full_prev.svg") no-repeat center center/100%;
}

@media(max-width: 768px) {
    .section06 .swiper-button-prev::after {
        background: url("../img/images/button_full_prev.svg") no-repeat center center/70%;
    }
}

.section06 .swiper-button-next {
    right: 38%;
}

@media(max-width: 768px) {
    .section06 .swiper-button-next {
        right: 8%;
    }
}

.section06 .swiper-button-next::after {
    background: url("../img/images/button_full_next.svg") no-repeat center center/100%;
}

@media(max-width: 768px) {
    .section06 .swiper-button-next::after {
        background: url("../img/images/button_full_next.svg") no-repeat center center/70%;
    }
}

.section07 {
    padding-top: 80rem;
}

@media(max-width: 768px) {
    .section07 {
        padding-top: 0rem;
    }
}

.section07 .flex_wrap {
    flex-direction: row-reverse;
}

@media(max-width: 768px) {
    .section07 .flex_wrap {
        flex-direction: column;
    }
}

.section07 .title_wrap {
    flex: 0.3;
    background: #f6f6ec;
    padding: 74rem 50rem;
}

@media(max-width: 768px) {
    .section07 .title_wrap {
        padding: 40rem 10%;
    }
}

.section07 .title_wrap .appendEn {
    text-align: left;
}

.section07 .title_wrap .title {
    margin-top: 16rem;
    font-size: 40rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    line-height: 1.3;
}

@media(max-width: 768px) {
    .section07 .title_wrap .title {
        margin-top: 10rem;
        font-size: 22rem;
        font-family: "NEXON Lv1 Gothic OTF Bold";
        line-height: 1.3;
    }
}

.section07 .title_wrap .info_wrap {
    margin-top: 54rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
    row-gap: 10rem;
    font-size: 17rem;
    color: #232323;
}

@media(max-width: 768px) {
    .section07 .title_wrap .info_wrap {
        margin-top: 40rem;
    }
}


.section07 .title_wrap .info_wrap .time_list li {
    display: flex;
}

.section07 .title_wrap .info_wrap .time_list li span:first-child {
    flex-basis: 160rem;
}

.section07 .title_wrap .info_wrap .time_list li span:nth-child(2) {
    flex-basis: 116rem;
    text-align: justify;
}

.section07 .title_wrap .info_wrap .time_list li span:nth-child(2)::after {
    content: "";
    display: inline-block;
    width: 100%;
    font-size: 0;
    height: 0;
}

.section07 .title_wrap .info_wrap .time_list li:not(:first-child) {
    margin-top: -20rem;
}

.section07 .title_wrap .info_wrap .tit {
    font-size: 17rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--darkGreen);
}

@media(max-width: 768px) {
    .section07 .title_wrap .info_wrap .tit {
        margin-top: 6rem;
    }
}

.section07 .title_wrap .info_wrap .holiday {
    color: #fd3c33;
}

.section07 .title_wrap .info_wrap .desc {
    margin-top: 0;
    line-height: 1.4;
}

.section07 .title_wrap .info_wrap .telLink {
    font-size: 32rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--yellowGreen);
}

.section07 .map {
    flex: 0.7;
}

@media(max-width: 768px) {
    .section07 .map {
        flex: unset;
        width: 100%;
        height: 300rem;
    }
}

.section07 .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media(max-width: 768px) {
    .section07 .footer {
        position: static;
    }
}

.footer .container {
    width: 1400rem;
    max-width: 90%;
    margin: 0 auto;
}

.footer .upside {
    background: rgba(55, 85, 66, .2);
    color: var(--darkGreen);
    font-size: 16rem;
}

.footer .upside .noti {
    display: flex;
    padding: 20rem 0;
    gap: 30rem;
}

@media(max-width: 768px) {
    .footer .upside .noti {
        flex-wrap: wrap;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        justify-content: center;
    }

    .footer .upside {
        background: rgba(55, 85, 66, .2);
        color: var(--darkGreen);
        font-size: 14rem;
    }
}

.footer .upside .noti li:hover {
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

.footer .downside {
    background: var(--darkGreen);
    color: #fff;
    padding-bottom: 60rem;
}


.footer .downside .container {
    padding: 32rem 0 38rem;
    display: flex;
    align-items: center;
    gap: 90rem;
}

@media(max-width: 768px) {
    .footer .downside .container {
        flex-direction: column;
        gap: 20rem;
    }
}

.footer .downside .logo_wrap {
    width: 190rem;
    height: 60rem;
}

.footer .downside .logo_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media(max-width: 768px) {
    .footer .downside .logo_wrap {
        width: 120rem;
        height: 60rem;
    }
}

.footer .downside .infolist {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

@media(max-width: 768px) {
    .footer .downside .infolist {
        row-gap: 10rem;
        width: 80%;
        margin: 0 auto;
        justify-content: center;
        text-align: center;
        font-size: 12rem;
    }
}

.footer .downside .infolist li {
    line-height: 1.3;
}

.footer .downside .infolist li:not(:last-child)::after {
    content: "|";
    margin: 0 16rem;
}


@media(max-width: 768px) {
    .footer .downside .infolist li:not(:last-child)::after {
        content: "";
        margin: 0 5rem;
    }
}

.footer .downside .copyright {
    margin-top: 10rem;
}

@media(max-width: 768px) {
    .footer .downside .copyright {
        text-align: center;
        margin-top: 20rem;
        font-size: 12rem;
    }
}

@-webkit-keyframes progressbar {
    0% {
        transform: scalex(0);
    }

    100% {
        transform: scalex(1);
    }
}

@keyframes progressbar {
    0% {
        transform: scalex(0);
    }

    100% {
        transform: scalex(1);
    }
}

@-webkit-keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

.bottom_db {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80rem;
    bottom: 0;
    background-color: rgba(60, 84, 82, .65);
    z-index: 200;
    transition: 0.35s ease;
}

.bottom_db.active {
    bottom: 0;
}

@media(max-width: 768px) {
    .bottom_db {
        height: 300rem;
        bottom: -300rem;
    }
}

.bottom_db .toggleBtn {
    position: absolute;
    top: -40rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 10rem 30rem;
    height: 40rem;
    border-radius: 15rem 15rem 0 0;
    border: none;
    color: #fff;
    font-size: 16rem;
    background-color: #5a7f71;
    display: none;
}

@media(max-width: 768px) {
    .bottom_db .toggleBtn {
        display: block;
    }
}

.bottom_db .img_wrap {
    position: absolute;
    left: 5%;
    top: 0;
    width: 170rem;
    height: 80rem;
}

.bottom_db .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.bottom_db .form_wrap {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1400rem;
    max-width: 90%;
}

@media(max-width: 768px) {
    .bottom_db .form_wrap {
        padding: 20rem 0 0;
        flex-direction: column;
        row-gap: 10rem;
    }
}

.bottom_db .form_wrap .db_title {
    padding-right: 35rem;
    display: inline-block;
    height: 30rem;
    color: #fff;
    font-size: 24rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    border-right: 1rem solid #fff;
}

@media(max-width: 768px) {
    .bottom_db .form_wrap .db_title {
        padding: 0;
        border: none;
        text-align: center;
        font-size: 18rem;
    }
}

.bottom_db .form_wrap .db_form {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-grow: 1;
}

@media(max-width: 768px) {
    .bottom_db .form_wrap .db_form {
        flex-direction: column;
        row-gap: 10rem;
        width: 100%;
    }
}

.bottom_db .form_wrap .db_form .select_box {
    width: 200rem;
    height: 40rem;
    border-radius: 10rem;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    color: #333;
    text-indent: 25rem;
}

@media(max-width: 768px) {
    .bottom_db .form_wrap .db_form .select_box {
        width: 100%;
    }
}

.bottom_db .form_wrap .db_form .name {
    width: 160rem;
    height: 40rem;
    border-radius: 10rem;
    border: none;
    text-indent: 25rem;
}

@media(max-width: 768px) {
    .bottom_db .form_wrap .db_form .name {
        width: 100%;
    }
}

.bottom_db .form_wrap .db_form .phone_number {
    width: 280rem;
    height: 40rem;
    border-radius: 10rem;
    border: none;
    text-indent: 25rem;
}

@media(max-width: 768px) {
    .bottom_db .form_wrap .db_form .phone_number {
        width: 100%;
    }
}

.bottom_db .form_wrap .db_form .checkbox {
    color: #fff;
    font-size: 15rem;
}

@media(max-width: 768px) {
    .bottom_db .form_wrap .db_form .checkbox {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.bottom_db .form_wrap .db_form .checkbox input {
    margin-right: 10rem;
    border: none;
}

.bottom_db .form_wrap .db_form .submit {
    width: 200rem;
    height: 80rem;
    background-color: rgba(55, 85, 66, .65);
    color: #fff;
    font-size: 17rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    border: none;
}

@media(max-width: 768px) {
    .bottom_db .form_wrap .db_form .submit {
        height: 50rem;
    }
}

.bottom_db .adm_quick_list {
    position: absolute;
    font-size: 12rem;
    padding: 6px 10px;
    background: #000;
    color: #fff;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    top: 50%;
    right: 40rem;
    transform: translateY(-50%);
}

@media(max-width: 768px) {
    .bottom_db .adm_quick_list {
        top: 30rem;
    }
}

.bottom_db input[type=number]::-webkit-inner-spin-button,
.bottom_db input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bbs_subTop {
    height: 400rem;
    margin-bottom: 70rem;
}

@media(max-width: 768px) {
    .bbs_subTop {
        height: 250rem;
        margin-bottom: 50rem;
    }
}

.bbs_subTop .img_wrap {
    width: 100%;
    height: 100%;
}

.bbs_subTop .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.boardTable table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2rem solid #333;
}

.boardTable table th {
    width: 10%;
    background: #fafafa;
}

@media(max-width: 768px) {
    .boardTable table th {
        width: auto;
    }
}

.boardTable table td,
.boardTable table th {
    padding: 15rem;
    border-bottom: 1rem solid #eee;
}

@media(max-width: 768px) {

    .boardTable table td,
    .boardTable table th {
        padding: 10rem;
    }
}

.tbl_wrap table {
    border-collapse: collapse;
    border-top: 2rem solid #333;
}

.tbl_head01 tbody td {
    padding: 4rem;
}

.tbl_head01 td {
    height: auto;
    padding: 20rem 5rem;
}

.bo_notice .notice_icon {
    display: inline-block;
    border-radius: 5px;
    padding: 3px 5px;
    background: #333;
    color: #fff;
}

#bo_list .bo_tit .new_icon {
    color: #fff;
    background: #333;
}

#mb_login {
    box-shadow: 0 0 10rem rgba(0, 0, 0, .15);
    font-size: 18rem;
}

#mb_login.mbskin {
    width: 400rem;
    margin: 25vh auto;
}

#mb_login.mbskin .mbskin_box {
    border: none;
}

#mb_login legend {
    display: none;
}

.register {
    width: 1380rem;
    max-width: 90%;
    margin: 200rem auto;
}

#login_fs {
    padding: 40rem 20rem;
}

.btn_submit {
    background: #444;
    border-radius: 26rem;
}

.btn_submit:hover {
    background: #222;
}

#login_password_lost {
    color: #333;
}

#hd_top {
    background: #333;
    height: 50rem;
}

#hd_top #btn_gnb {
    background: url("../adm/img/menu-cl.png") 50% 50% no-repeat #333;
    width: 50rem;
    height: 50rem;
}

#hd_top #logo {
    background: #333;
}

#hd_top .tnb_shop {
    display: none;
}

#hd_top #tnb .tnb_service {
    background: #000;
}

#hd_top #tnb button {
    background: #000;
}

#hd_top #tnb button span {
    background: url("../adm/img/op_btn.png") 50% 50% no-repeat #000;
}

#gnb .gnb_oparea li .on,
#gnb .gnb_oparea li a:hover {
    color: #000;
    position: relative;
}

#gnb .gnb_oparea li .on::after,
#gnb .gnb_oparea li a:hover::after {
    content: "·";
    position: absolute;
    left: -6rem;
    top: 50%;
    transform: translateY(-50%);
}

#bo_v_atc {
    padding: 40rem 20rem;
}

#bo_gall,
#bo_list,
#bo_v,
#bo_w {
    width: 1380rem;
    max-width: 90%;
    margin: 100rem auto;
}

@media(max-width: 768px) {

    #bo_gall,
    #bo_list,
    #bo_v,
    #bo_w {
        width: 1380rem;
        max-width: 90%;
        margin: 30rem auto;
    }
}

.tbl_frm01 td {
    padding: 10rem 3rem;
}

.btn_admin,
a.btn_admin {
    color: #000;
}

.btn_admin:hover,
a.btn_admin:hover {
    color: #333;
}

#ctt {
    width: 1380rem;
    max-width: 90%;
    margin: 100rem auto;
}

@media(max-width: 768px) {
    #ctt {
        width: 1380rem;
        max-width: 100%;
        margin: 50rem auto 20rem;
    }
}

#ctt h2.title {
    font-size: 40rem;
    font-weight: 300;
    text-align: center;
}

#fregister p {
    background: #afaf00;
}

#fregister p::before {
    background: var(--darkGreen);
}

.flex_wrap {
    display: flex;
}

.blurOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .05);
    -webkit-backdrop-filter: blur(50rem);
    backdrop-filter: blur(50rem);
    transition: 0.35s ease;
    z-index: 1;
}

.moveText {
    font-size: 150rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    color: rgba(35, 35, 35, .03);
    transition: 0.7s ease;
    z-index: -1;
}

section[class*=bgImg-0] {
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}

.bgImg-01 {
    background-image: url("../img/images/sub/common/bgImg-01.jpg");
}

.bgImg-02 {
    background-image: url("../img/images/sub/common/bgImg-02.jpg");
}

.bgImg-03 {
    background-image: url("../img/images/sub/common/bgImg-03.jpg");
}

.bgImg-04 {
    background-image: url("../img/images/sub/common/bgImg-04.jpg");
}

.bgImg-05 {
    background-image: url("../img/images/sub/common/bgImg-05.jpg");
}

.bgImg-06 {
    background-image: url("../img/images/sub/common/bgImg-06.jpg");
}

.bgImg-07 {
    background-image: url("../img/images/sub/common/bgImg-07.jpg");
}

.bgImg-08 {
    background-image: url("../img/images/sub/common/bgImg-08.jpg");
}

.bgImg-09 {
    background-image: url("../img/images/sub/common/bgImg-09.jpg");
}

.bgImg-blue,
.bgImg-green {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.bgImg-green {
    background-image: url("../img/images/sub/common/bgImg-green.jpg");
}

.bgImg-blue {
    background-image: url("../img/images/sub/common/bgImg-blue.jpg");
}

.subSec {
    margin-top: 50rem;
    margin-bottom: 100rem;
}

@media(max-width: 768px) {
    .subSec {
        margin-top: 0rem;
        margin-bottom: 50rem;
    }
}

.subSec .title_wrap q {
    font-size: 18rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--darkGreen);
}

@media(max-width: 768px) {
    .subSec .title_wrap q {
        font-size: 14rem;
    }
}

.subSec .txt {
    line-height: 1.7;
}

.subSec .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.subSec .img_wrap.contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.subSec .content_wrap.img_wrap {
    margin-top: 56rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.img_wrap {
        margin-top: 20rem;
    }
}

.subSec .content_wrap.txt-img-img .flex_wrap {
    margin-top: 54rem;
    gap: 20rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.txt-img-img .flex_wrap {
        margin-top: 20rem;
    }
}

.subSec .content_wrap.txt-img-img .flex_wrap:not(:first-child) {
    margin-top: 20rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.txt-img-img .flex_wrap {
        gap: 0;
    }
}

.subSec .content_wrap.txt-img-img .txt {
    flex: 3;
    display: grid;
    align-content: center;
    padding-left: 50rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.txt-img-img .txt {
        padding: 5rem;
        text-align: center;
    }
}

.subSec .content_wrap.txt-img-img .img_wrap {
    flex: 4.4;
}

.subSec .content_wrap.txt-img_cols .flex_wrap {
    margin-top: 54rem;
    gap: 20rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.txt-img_cols .flex_wrap {
        margin-top: 20rem;
    }
}


.subSec .content_wrap.txt-img_cols .flex_wrap:not(:first-child) {
    margin-top: 20rem;
}

.subSec .content_wrap.txt-img_cols .content_box {
    flex: 1;
}

.subSec .content_wrap.txt-img_cols .content_box .tit {
    padding: 16rem 0;
    text-align: center;
}

@media(max-width: 768px) {
    .subSec .content_wrap.txt-img_cols .content_box .tit {
        padding: 10rem 0;
        text-align: center;
    }
}

.subSec .content_wrap.txt-img_cols .content_box .txt {
    min-height: 200rem;
    display: grid;
    place-content: center;
    text-align: center;
}

@media(max-width: 768px) {
    .subSec .content_wrap.txt-img_cols .content_box .txt {
        min-height: unset;
        padding: 20rem;
    }
}

.subSec .content_wrap.tit-img .txt,
.subSec .content_wrap.tit-txt_list .txt {
    text-align: center;
    padding: 14rem 20rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

@media(max-width: 768px) {

    .subSec .content_wrap.tit-img .txt,
    .subSec .content_wrap.tit-txt_list .txt {
        padding: 5rem 20rem;
    }
}

.subSec .content_wrap.tit-img>.flex_wrap,
.subSec .content_wrap.tit-txt_list>.flex_wrap {
    margin-top: 60rem;
}

@media(max-width: 768px) {

    .subSec .content_wrap.tit-img>.flex_wrap,
    .subSec .content_wrap.tit-txt_list>.flex_wrap {
        margin-top: 20rem;
    }
}

.subSec .content_wrap.tit-txt_list .listDot {
    margin-top: 10rem;
    color: var(--black);
    list-style-type: "· ";
    list-style-position: inside;
    padding: 36rem 46rem;
    line-height: 1.7;
    min-height: 300rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-txt_list .listDot {
        padding: 20rem 20rem;
        min-height: 150rem;
    }
}


.subSec .content_wrap.tit-txt_list .circle_list {
    margin-top: 50rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16rem 26rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-txt_list .circle_list {
        margin-top: 20rem;
    }
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-txt_list .circle_list {
        grid-template-columns: 1fr;
    }
}


.subSec .content_wrap.tit-txt_list .circle_list li {
    display: flex;
    align-items: center;
    gap: 20rem;
}

.subSec .content_wrap.tit-txt_list .circle_list li:nth-child(1) h3.tit {
    background-color: var(--yellowGreen);
}

.subSec .content_wrap.tit-txt_list .circle_list li:nth-child(2) h3.tit {
    background-color: var(--darkMint);
}

.subSec .content_wrap.tit-txt_list .circle_list li:nth-child(3) h3.tit {
    background-color: var(--green);
}

.subSec .content_wrap.tit-txt_list .circle_list li:nth-child(4) h3.tit {
    background-color: var(--lightKhaki);
}

.subSec .content_wrap.tit-txt_list .circle_list li:nth-child(5) h3.tit {
    background-color: var(--darkGreen);
}

.subSec .content_wrap.tit-txt_list .circle_list h3.tit {
    display: grid;
    place-content: center;
    border-radius: 50%;
    min-width: 200rem;
    height: 200rem;
    background-color: var(--darkGreen);
    text-align: center;
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-txt_list .circle_list h3.tit {
        min-width: 100rem;
        width: 100rem;
        height: 100rem;
    }
}

.subSec .content_wrap.tit-txt_list .circle_list .txt {
    text-align: left !important;
    color: var(--black);
    font-family: "NEXON Lv1 Gothic OTF";
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-txt_list .circle_list .txt {
        font-size: 14rem;
    }
}

.subSec .content_wrap.tit-txt-bot h3.tit {
    font-family: "NEXON Lv1 Gothic OTF Bold";
    border-bottom: 0.5rem solid #e4ede7;
    text-align: center;
}

.subSec .content_wrap.tit-txt-bot .bot,
.subSec .content_wrap.tit-txt-bot .tit {
    padding: 25rem 0;
}

.subSec .content_wrap.tit-txt-bot .flex_wrap {
    gap: 20rem;
}

.subSec .content_wrap.tit-txt-bot .content_box {
    display: flex;
    flex-direction: column;
    padding: 0 45rem;
    flex: 1;
    background-image: url("../img/images/logo_symbol_wht_10.svg");
    background-repeat: no-repeat;
    background-size: 320rem 320rem;
    background-position: right 30rem bottom -40rem;
}

.subSec .content_wrap.tit-txt-bot .content_box .txt {
    flex-grow: 1;
    padding: 35rem 0;
    min-height: 356rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-txt-bot .content_box .txt {
        min-height: 50rem;
        padding: 20rem 0;
    }
}

.subSec .content_wrap.tit-txt-bot .content_box .txt li {
    display: flex;
    gap: 10rem;
    line-height: 1.4;
}

.subSec .content_wrap.tit-txt-bot .content_box .txt li:not(:first-child) {
    margin-top: 20rem;
}

.subSec .content_wrap.tit-txt-bot .content_box .txt li span {
    white-space: nowrap;
    line-height: 1.4;
}

.subSec .content_wrap.tit-txt-bot .content_box .txt li::before {
    content: url("../img/images/Ellipse_10.svg");
}

.subSec .content_wrap.tit-txt-bot .bot {
    border-top: 0.5rem solid #e4ede7;
    justify-self: flex-end;
    font-size: 18rem;
    min-height: 69rem;
    line-height: 1.4;
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-txt-bot .bot {
        font-size: 14rem;
        min-height: 0rem;
    }
}

.subSec .content_wrap.tit-img-txt {
    margin-top: 70rem;
    text-align: center;
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-img-txt {
        margin-top: 20rem;
    }
}

.subSec .content_wrap.tit-img-txt .tit {
    color: var(--white);
    font-family: "NEXON Lv1 Gothic OTF Bold";
    padding: 20rem 0;
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-img-txt .tit {
        padding: 10rem 0;
    }
}

.subSec .content_wrap.tit-img-txt .img_wrap {
    width: 100%;
    height: 300rem;
}

.subSec .content_wrap.tit-img-txt .txt {
    background-color: #f6f6ef;
    padding: 50rem 10rem 70rem;
    min-height: 300rem;
}

@media(max-width: 768px) {
    .subSec .content_wrap.tit-img-txt .txt {
        font-size: 14rem;
        min-height: unset;
        padding: 20rem 10rem 20rem;
        line-height: 1.4;
    }
}

.subSec .title_wrap {
    text-align: center;
}

.subSec .title_wrap .desc {
    margin-top: 20rem;
}

.subSec .title_wrap .desc.center {
    margin-left: auto;
    margin-right: auto;
}

.subSec p {
    font-size: 21rem;
}

@media(max-width: 768px) {
    .subSec p {
        font-size: 16rem;
    }
}

@media(max-width: 768px) {
    .subSec .flex_wrap.mo-col {
        flex-direction: column;
    }
}

.subSec .flex_wrap.colList .content_box {
    flex: 1;
    flex-grow: 1;
}

.subSec .flex_wrap.col-2 {
    gap: 20rem;
}

.subSec .flex_wrap.col-3 {
    gap: 45rem;
}

@media(max-width: 768px) {
    .subSec .flex_wrap.col-3 {
        gap: 20rem;
    }
}

section[class*=bg].subSec {
    padding: 130rem 0;
}

@media(max-width: 768px) {
    section[class*=bg].subSec {
        padding: 50rem 0;
    }
}


.common_bottom_01 .title_wrap {
    text-align: left;
}

.common_bottom_01 h2.title {
    margin-top: 30rem;
    color: var(--black);
}

@media(max-width: 768px) {
    .common_bottom_01 h2.title {
        margin-top: 10rem;
    }

}

.common_bottom_01 p.desc {
    margin-top: 34rem;
}

.common_bottom_01 .flex_wrap {
    align-items: center;
}

@media(max-width: 768px) {
    .common_bottom_01 .flex_wrap {
        gap: 30rem;
    }
}

.common_bottom_01 .title_wrap {
    flex: 5.72;
}

@media(max-width: 768px) {
    .common_bottom_01 .title_wrap {
        width: 100%;
    }
}

.common_bottom_01 .content_wrap {
    flex: 8.08;
}

@media(max-width: 768px) {
    .common_bottom_01 .content_wrap {
        width: 100%;
        height: 300rem;
        flex: unset;
    }
}

.common_bottom_01 .swiper-slide {
    opacity: 0.5;
    transition: 0.35s ease;
}

.common_bottom_01 .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.common_bottom_01 .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.subTop .blurOverlay {
    -webkit-animation: blurClear 2s ease forwards;
    animation: blurClear 2s ease forwards;
}

.subTop .img_wrap {
    height: 350rem;
    width: 100%;
    position: relative;
}

@media(max-width: 768px) {
    .subTop .img_wrap {
        height: 250rem;
        width: 100%;
        position: relative;
    }
}

.subTop img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 30% 50%;
    object-position: 30% 50%;
}

.subTop .container-1400 {
    padding: 100rem 0;
    position: relative;
    /* border-bottom: 2rem dashed rgba(0, 0, 0, .1); */
}

@media(max-width: 768px) {
    .subTop .container-1400 {
        padding: 70rem 0 50rem;
        position: relative;
        /* border-bottom: 2rem dashed rgba(0, 0, 0, .1); */
    }
}

.subTop .container-1400 .category_tit {
    position: absolute;
    right: 0;
    top: -70rem;
    z-index: 3;
    background-color: var(--darkGreen);
    background-image: url("../img/images/logo_symbol_wht_10.svg");
    background-repeat: no-repeat;
    background-position: bottom -25rem right 24rem;
    background-size: 210rem 230rem;
    padding: 28rem 54rem;
    display: flex;
    align-items: flex-end;
    min-width: 400rem;
    min-height: 230rem;
    opacity: 0;
    transform: translateY(100rem);
    -webkit-animation: bottomUp 2s ease forwards;
    animation: bottomUp 2s ease forwards;
}

@media(max-width: 768px) {
    .subTop .container-1400 .category_tit {
        min-width: 240rem;
        padding: 20rem 30rem;
        background-position: right center;
        background-size: 35%;
        top: -23rem;
        min-height: 45rem;
        align-items: center;
    }
}

.subTop .container-1400 .category_tit .text {
    font-size: 30rem;
    color: #fff;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    text-shadow: 0 0 5rem rgba(0, 0, 0, .2);
}

@media(max-width: 768px) {
    .subTop .container-1400 .category_tit .text {
        font-size: 16rem;
    }
}

.subTop .container-1400 .title_wrap {
    opacity: 0;
    transform: translateY(100rem);
    -webkit-animation: bottomUp 1s ease forwards;
    animation: bottomUp 1s ease forwards;
}

@-webkit-keyframes blurClear {
    0% {
        -webkit-backdrop-filter: blur(50rem);
        backdrop-filter: blur(50rem);
    }

    100% {
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
    }
}

@keyframes blurClear {
    0% {
        -webkit-backdrop-filter: blur(50rem);
        backdrop-filter: blur(50rem);
    }

    100% {
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
    }
}

@-webkit-keyframes bottomUp {
    0% {
        opacity: 0;
        transform: translateY(100rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bottomUp {
    0% {
        opacity: 0;
        transform: translateY(100rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.introduce {
    padding: 110rem 0;
    opacity: 0;
    transform: translateY(100rem);
    -webkit-animation: bottomUp 2s ease 0.5s forwards;
    animation: bottomUp 2s ease 0.5s forwards;
}

@media(max-width: 768px) {
    .introduce {
        padding: 0;
    }

}

.introduce .logo_wrap {
    width: 520rem;
    margin: 0 auto;
}

@media(max-width: 768px) {
    .introduce .logo_wrap {
        width: 60%;
    }
}

.introduce .logo_wrap img {
    width: 100%;
    height: auto;
}

.introduce .main_title {
    margin-top: 80rem;
    text-align: center;
}

@media(max-width: 768px) {
    .introduce .main_title {
        margin-top: 30rem;
    }
}

.introduce .main_title .tit {
    margin-top: 40rem;
}

.introduce .tit {
    margin-top: 40rem;
}

@media(max-width: 768px) {
    .introduce .tit {
        margin-top: 0rem;
    }
}

.introduce h3.tit {
    font-size: 30rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--darkGreen);
}

.introduce main {
    margin-top: 110rem;
}

@media(max-width: 768px) {
    .introduce main {
        margin-top: 40rem;
    }
}

.introduce .flex_wrap {
    align-items: center;
    gap: 50rem;
}

@media(max-width: 768px) {
    .introduce .flex_wrap {
        align-items: center;
        gap: 30rem;
    }
}

.introduce .flex_wrap.rev {
    flex-direction: row-reverse;
}

@media(max-width: 768px) {
    .introduce .flex_wrap.rev {
        flex-direction: column;
    }
}

@media(max-width: 768px) {
    .introduce .flex_wrap {
        flex-direction: column;
    }
}

.introduce .flex_wrap:not(:first-child) {
    margin-top: 70rem;
}

@media(max-width: 768px) {
    .introduce .flex_wrap:not(:first-child) {
        margin-top: 40rem;
    }
}

.introduce .flex_wrap .text,
.introduce .flex_wrap img {
    flex: 1;
}

.introduce .flex_wrap img {
    max-width: 570rem;
    height: 350rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media(max-width: 768px) {
    .introduce .flex_wrap img {
        max-width: 100%;
    }
}

@media(max-width: 768px) {
    .introduce .flex_wrap .text {
        text-align: center;
    }
}

.introduce .flex_wrap .text .tit {
    font-size: 30rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

@media(max-width: 768px) {
    .introduce .flex_wrap .text .tit {
        font-size: 18rem;
    }
}

.introduce .flex_wrap .text .desc {
    margin-top: 46rem;
    font-size: 21rem;
    font-weight: 400;
}

@media(max-width: 768px) {
    .introduce .flex_wrap .text .desc {
        margin-top: 20rem;
        font-size: 15rem;
        line-height: 1.4;
    }

}


.flex_right_text {
    background-attachment: fixed;
    background-image: url("../img/images/sub/intro/common/bg_flex_right_text.jpg");
    background-repeat: no-repeat;
    background-position: bottom 100rem center;
    background-size: cover;
    padding: 160rem 0;
}

@media(max-width: 768px) {
    .flex_right_text {
        text-align: center;
        padding: 60rem 0;
        background-size: auto;
    }
}

.flex_right_text .flex_wrap {
    align-items: center;
    font-size: 30rem;
    line-height: 1.6;
}

@media(max-width: 768px) {
    .flex_right_text .flex_wrap {
        font-size: 20rem;
        line-height: 1.4;
    }
}

.flex_right_text .flex_wrap .none,
.flex_right_text .flex_wrap .tit {
    flex: 1;
}

@media(max-width: 768px) {
    .flex_right_text .flex_wrap .none {
        display: none;
    }
}

.intro_doctor {
    position: relative;
}

.intro_doctor .moveText {
    position: absolute;
    top: 70rem;
    right: 0;
    transform: translateX(100%);
}

.intro_doctor .flex_wrap {
    align-items: flex-end;
    margin-top: 70rem;
}

@media(max-width: 768px) {
    .intro_doctor .flex_wrap {
        flex-direction: column;
        align-items: start;
        margin-top: 0rem;
    }
}

.intro_doctor .flex_wrap .content_wrap,
.intro_doctor .flex_wrap .img_wrap {
    flex: 1;
}

.intro_doctor .flex_wrap .img_wrap img {
    width: 100%;
    height: auto;
}

@media(max-width: 768px) {
    .intro_doctor .flex_wrap .img_wrap img {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
}

.intro_doctor .flex_wrap .content_wrap {
    padding: 0 0 60rem 30rem;
    font-size: 21rem;
}

@media(max-width: 768px) {
    .intro_doctor .flex_wrap .content_wrap {
        padding: 30rem 0;
        margin: 0 auto;
    }
}

.intro_doctor .flex_wrap .name_wrap .name,
.intro_doctor .flex_wrap .name_wrap .tit {
    color: var(--darkGreen);
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

.intro_doctor .flex_wrap .name_wrap .name {
    font-size: 30rem;
    display: inline-block;
    margin-left: 10rem;
}

@media(max-width: 768px) {
    .intro_doctor .flex_wrap .name_wrap .name {
        font-size: 26rem;
    }
}

.intro_doctor .flex_wrap ul {
    margin-top: 30rem;
}

@media(max-width: 768px) {
    .intro_doctor .flex_wrap ul {
        margin-left: 0rem;
    }
}

.intro_doctor .flex_wrap ul li {
    font-size: 21rem;
    line-height: 1.6;
}

@media(max-width: 768px) {
    .intro_doctor .flex_wrap ul li {
        font-size: 14rem;
    }
}

.preview {
    margin-top: 60rem;
}

@media(max-width: 768px) {
    .preview {
        margin-top: 0rem;
    }
}

.preview .tab-nav {
    display: flex;
}

.preview .tab-nav li {
    flex: 1;
    padding: 10rem 0;
    text-align: center;
    font-size: 21rem;
    background-color: #80908e;
    color: var(--white);
    border: 1px solid #eee;
    cursor: pointer;
}

@media(max-width: 768px) {
    .preview .tab-nav li {
        font-size: 16rem;
    }
}

.preview .tab-nav li.active {
    background-color: var(--darkGreen);
    font-family: "NEXON Lv1 Gothic OTF Bold";
    border: none;
}

.preview .tab-content {
    margin-top: 30rem;
    overflow: hidden;
    margin-bottom: 100rem;
}

@media(max-width: 768px) {
    .preview .tab-content {
        margin-bottom: 0rem;
    }
}

.preview .tab-content .swiper {
    overflow: visible;
    width: 1080rem;
    height: 500rem;
    margin-left: unset;
    display: none;
}

@media(max-width: 768px) {
    .preview .tab-content .swiper {
        width: 100%;
        height: 300rem;
        margin: 0 auto;
    }
}

.preview .tab-content .swiper .tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10rem 0;
    text-align: center;
    background-color: var(--darkGreen);
    color: var(--white);
    font-size: 21rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    display: none;
}

@media(max-width: 768px) {
    .preview .tab-content .swiper .tit {
        display: none;
    }
}

.preview .tab-content .swiper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.preview .tab-content .swiper.active {
    display: inherit;
}

.preview .tab-content .swiper .swiper-pagination {
    left: unset;
    width: auto;
    right: -250rem;
    top: 60%;
    transform: translateY(-50%);
}

@media(max-width: 768px) {
    .preview .tab-content .swiper .swiper-pagination {
        display: none;
    }
}

.preview .tab-content .swiper .swiper-pagination .swiper-pagination-bullet {
    display: flex;
    gap: 20rem;
    align-items: center;
    height: auto;
    background: none;
    color: #919191;
    opacity: 1;
    position: relative;
    transition: 0.25s ease;
    width: 200rem;
}

.preview .tab-content .swiper .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10rem;
    width: 5rem;
    height: 5rem;
    display: block;
    border-radius: 50%;
    background: #919191;
    transform: translate(-50%, -50%);
}

.preview .tab-content .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: var(--darkGreen);
    font-size: 21rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

.preview .tab-content .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background-color: var(--darkGreen);
}

.vr_preview {
    margin-top: 60rem;
}

.vr_preview .tab-nav {
    display: flex;
}

.vr_preview .tab-nav li {
    flex: 1;
    padding: 10rem 0;
    text-align: center;
    font-size: 21rem;
    background-color: #80908e;
    color: var(--white);
    border: 1px solid #eee;
    cursor: pointer;
}

.vr_preview .tab-nav li.active {
    background-color: var(--darkGreen);
    font-family: "NEXON Lv1 Gothic OTF Bold";
    border: none;
}

.vr_preview .tab-content {
    margin-top: 30rem;
    overflow: hidden;
    margin-bottom: 100rem;
}

.vr_preview .tab-content .tc {
    display: none;
}

.vr_preview .tab-content .tc iframe {
    width: 100%;
    height: 600rem;
}

.vr_preview .tab-content .tc.active {
    display: inherit;
}

.contactus {
    margin-top: 50rem;
}

@media(max-width: 768px) {
    .contactus {
        margin-top: 0rem;
        margin-bottom: 20rem;
    }
}

.contactus .tab-nav {
    display: flex;
    gap: 20rem;
}

.contactus .tab-nav>li {
    flex: 1;
    color: var(--white);
    padding: 15rem 0;
    font-size: 24rem;
    text-align: center;
    cursor: pointer;
}

@media(max-width: 768px) {
    .contactus .tab-nav>li {
        font-size: 16rem;
        padding: 10rem 0;
    }
}

.contactus .tab-nav>li.active {
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

.contactus .tab-nav>li.publicTrans-nav {
    background-color: var(--darkGreen);
}

.contactus .tab-nav>li.vehicle-nav {
    background-color: var(--yellowGreen);
}

.contactus .tab-content_wrap {
    margin-top: 10rem;
}

.contactus .tab-content_wrap .tab-content {
    display: none;
}

.contactus .tab-content_wrap .tab-content.vehicle {
    border: 1px solid var(--yellowGreen);
}

.contactus .tab-content_wrap .tab-content.publicTrans {
    border: 1px solid var(--darkGreen);
}

.contactus .tab-content_wrap .tab-content.active {
    display: inherit;
}

.contactus .tab-content_wrap .vehicle.active {
    display: flex;
}

@media(max-width: 768px) {
    .contactus .tab-content_wrap .vehicle.active {
        flex-direction: column;
    }
}

.contactus .tab-content_wrap .sub_tab-nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    flex: 3;
}

.contactus .tab-content_wrap .sub_tab-nav li {
    padding-left: 15%;
    color: var(--black);
    font-size: 21rem;
    display: flex;
    gap: 12rem;
    align-items: center;
    flex: 1;
    position: relative;
    cursor: pointer;
}

@media(max-width: 768px) {
    .contactus .tab-content_wrap .sub_tab-nav li {
        padding-left: 0%;
        color: var(--black);
        font-size: 15rem;
        display: flex;
        gap: 12rem;
        align-items: center;
        flex: 1;
        position: relative;
        cursor: pointer;
        justify-content: space-around;
        padding: 5rem;
    }
}

.contactus .tab-content_wrap .sub_tab-nav li:not(:last-child) {
    border-bottom: 1rem solid var(--yellowGreen);
}

.contactus .tab-content_wrap .sub_tab-nav li .num {
    display: grid;
    place-content: center;
    width: 34rem;
    height: 34rem;
    color: var(--black);
    background-color: var(--bgGray);
    border-radius: 50%;
}

.contactus .tab-content_wrap .sub_tab-nav li::after {
    content: "";
    display: inline-block;
    width: 15rem;
    height: 30rem;
    background: url("../img/images/yellowGreen_triangle_90deg.svg") no-repeat center center/contain;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 0;
    transform: translate(0, -50%);
    transition: transform 0.35s ease;
}

@media(max-width: 768px) {
    .contactus .tab-content_wrap .sub_tab-nav li::after {
        display: none;
    }
}

.contactus .tab-content_wrap .sub_tab-nav li.active {
    background-color: var(--yellowGreen);
    color: var(--white);
}

.contactus .tab-content_wrap .sub_tab-nav li.active .num {
    background-color: var(--white);
    color: var(--yellowGreen);
}

.contactus .tab-content_wrap .sub_tab-nav li.active::after {
    opacity: 1;
    transform: translate(100%, -50%);
}

.contactus .tab-content_wrap .vehicle-img {
    flex: 11;
    height: 580rem;
    border-left: 1rem solid var(--yellowGreen);
}

.contactus .tab-content_wrap .vehicle-img img {
    display: none;
}

.contactus .tab-content_wrap .vehicle-img img.active {
    display: block;
}

.contactus .tab-content_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

@media(max-width: 768px) {
    .contactus .tab-content_wrap img {
        width: 100%;
        height: 100%;
    }

}

.contactus .tab-content_wrap .publicTrans .flex_wrap {
    padding: 70rem 100rem;
}

@media(max-width: 768px) {
    .contactus .tab-content_wrap .publicTrans .flex_wrap {
        padding: 20rem;
        flex-direction: column;
        gap: 50rem;
    }
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .bus,
.contactus .tab-content_wrap .publicTrans .flex_wrap .subway {
    flex: 1;
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .tit_wrap {
    display: flex;
    align-items: center;
    gap: 32rem;
    font-size: 21rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap {
    margin-top: 50rem;
}

@media(max-width: 768px) {
    .contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap {
        margin-top: 20rem;
    }
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content {
    font-size: 21rem;
}

@media(max-width: 768px) {
    .contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content {
        font-size: 15rem;
    }

}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content:nth-child(2) {
    margin-top: 20rem;
}

@media(max-width: 768px) {
    .contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content:nth-child(2) {
        margin-top: 10rem;
    }
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content:nth-child(2) .text {
    background-color: #f77329;
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content .num,
.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content .text {
    color: var(--white);
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content .num {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30rem;
    height: 30rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content .num:nth-child(1) {
    background-color: #f77329;
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content .num:nth-child(2) {
    background-color: var(--yellowGreen);
}

.contactus .tab-content_wrap .publicTrans .flex_wrap .content_wrap .content .text {
    border-radius: 22rem;
    padding: 8rem 24rem;
    background-color: var(--lightKhaki);
}

.map_tel {
    margin-top: 100rem;
    margin-bottom: 100rem;
}

@media(max-width: 768px) {
    .map_tel {
        margin-top: 0rem;
        margin-bottom: 50rem;
    }

}

.map_tel .container-1400 {
    display: flex;
}

@media(max-width: 768px) {
    .map_tel .container-1400 {
        flex-direction: column;
    }
}

.map_tel .img_wrap {
    flex: 69;
    min-height: 300rem;
}

@media(max-width: 768px) {
    .map_tel .img_wrap {
        flex: 69;
        min-height: 300rem;
        margin-bottom: 20rem;
    }
}

.map_tel .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.map_tel .content_wrap {
    flex: 71;
    background: #f6f6ec;
    padding: 60rem 70rem 50rem 74rem;
}

@media(max-width: 768px) {
    .map_tel .content_wrap {
        padding: 40rem 10%;
    }
}

.map_tel .content_wrap .title {
    color: var(--yellowGreen);
    font-size: 40rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    line-height: 1.3;
}

@media(max-width: 768px) {
    .map_tel .content_wrap .title {
        font-size: 22rem;
        text-align: center;
    }
}

.map_tel .content_wrap .info_wrap {
    margin-top: 54rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
    row-gap: 30rem;
    font-size: 17rem;
    color: #232323;
}

@media(max-width: 768px) {
    .map_tel .content_wrap .info_wrap {
        margin-top: 30rem;
        ;
    }
}

.map_tel .content_wrap .info_wrap .time_list li {
    display: flex;
}

.map_tel .content_wrap .info_wrap .time_list li span:first-child {
    flex-basis: 160rem;
}

.map_tel .content_wrap .info_wrap .time_list li span:nth-child(2) {
    flex-basis: 116rem;
    text-align: justify;
}

@media(max-width: 768px) {
    .map_tel .content_wrap .info_wrap .time_list li span:nth-child(2) {
        flex-basis: 120rem;
        text-align: justify;
    }
}


.map_tel .content_wrap .info_wrap .time_list li span:nth-child(2)::after {
    content: "";
    display: inline-block;
    width: 100%;
    font-size: 0;
    height: 0;
}

.map_tel .content_wrap .info_wrap .time_list li:not(:first-child) {
    margin-top: -20rem;
}

.map_tel .content_wrap .info_wrap .tit {
    font-size: 17rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--darkGreen);
    margin-top: 6rem;
}

@media(max-width: 768px) {
    .map_tel .content_wrap .info_wrap .tit {
        margin-top: 6rem;
    }
}

.map_tel .content_wrap .info_wrap .holiday {
    color: #fd3c33;
}

.map_tel .content_wrap .info_wrap .desc {
    margin-top: 0;
    line-height: 1.4;
}

@media(max-width: 768px) {
    .map_tel .content_wrap .info_wrap .desc {
        margin-top: 0;
        line-height: 1.4;
        font-size: 16rem;
    }
}

.map_tel .content_wrap .info_wrap .telLink {
    font-size: 32rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--yellowGreen);
}

.equipment .swiper {
    min-height: 420rem;
    margin-top: 100rem;
}

@media(max-width: 768px) {
    .equipment .swiper {
        margin-top: 40rem;
    }
}

.equipment .swiper-wrapper {
    align-items: center;
}

.equipment .swiper-slide {
    width: 184rem;
    height: 210rem;
    transform: scale(0.7);
    transition: transform 0.35s ease;
}

.equipment .swiper-slide .name {
    margin-top: 60rem;
    font-size: 21rem;
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--yellowGreen);
    text-align: center;
    display: none;
}

@media(max-width: 768px) {
    .equipment .swiper-slide .name {
        font-size: 16rem;
    }
}

.equipment .swiper-slide .img_wrap {
    filter: grayscale(1);
    opacity: 0.5;
    transition: 0.35s ease;
    background-color: var(--white);
    border: 1px solid #eee;
    border-radius: 7rem;
}

.equipment .swiper-slide .hov_icon,
.equipment .swiper-slide .hov_txt {
    opacity: 0;
}

.equipment .swiper-slide.swiper-slide-active {
    width: 310rem;
    height: 420rem;
    transform: scale(1);
}

.equipment .swiper-slide.swiper-slide-active .img_wrap {
    filter: grayscale(0);
    opacity: 1;
}

.equipment .swiper-slide.swiper-slide-active .name {
    display: block;
}

.equipment .swiper-slide.swiper-slide-active .hov_icon {
    display: grid;
}

.equipment .swiper-slide.swiper-slide-active:hover .hov_icon {
    opacity: 1;
}

.equipment .swiper-slide.swiper-slide-active .hov_txt {
    opacity: 1;
}

.equipment .img_wrap {
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
}

.equipment .img_wrap img {
    width: 70%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
}

.equipment .hov_icon,
.equipment .hov_txt {
    position: absolute;
}

.equipment .hov_icon {
    width: 25rem;
    height: 25rem;
    display: none;
    border-radius: 50%;
    place-content: center;
    z-index: 1;
    top: 15%;
    right: 20%;
    opacity: 0;
    transition: 0.35s ease;
}

.equipment .hov_icon img {
    width: 100%;
    height: 100%;
}

.equipment .hov_txt {
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    place-content: center;
    text-align: center;
    background-color: rgba(90, 127, 113, .9);
    color: var(--white);
    padding: 20rem;
    font-size: 16rem;
    display: none;
    line-height: 1.6;
}

@media(max-width: 768px) {
    .equipment .hov_txt {
        font-size: 15rem;
        line-height: 1.4;
    }

}

.equipment .hov_txt.on {
    display: grid;
}

.bgFullContent .container-700 {
    width: 700rem;
    max-width: 100%;
    padding: 80rem;
}

@media(max-width: 768px) {
    .bgFullContent .container-700 {
        padding: 30rem;
    }
}

@media(max-width: 768px) {
    .bgFullContent .container-700.bgWhite {
        background-color: rgba(255, 255, 255, .6);
    }
}

@media(max-width: 768px) {
    .bgFullContent .img_wrap {
        max-width: 100%;
        margin: 0 auto;
    }
}

.bgFullContent.bgGreenContent .title_wrap {
    padding: 50rem 0 50rem;
}

@media(max-width: 768px) {
    .bgFullContent.bgGreenContent .title_wrap {
        padding: 40rem;
    }
}

@media(max-width: 768px) {
    .bgFullContent.bgGreenContent .text {
        text-align: justify;
        margin-top: 20rem;
        font-size: 15rem;
        line-height: 1.4;
    }
}

.bgFullContent .desc li {
    gap: 20rem;
}

.bgFullContent .desc li:not(:first-child) {
    margin-top: 20rem;
}

@media(max-width: 768px) {
    .bgFullContent .desc li:not(:first-child) {
        margin-top: 10rem;
    }
}

.bgFullContent .desc.shadow {
    text-shadow: 0 0 5rem rgba(0, 0, 0, .2);
}

.bgFullContent .checklist {
    margin-top: 40rem;
}

@media(max-width: 768px) {
    .bgFullContent .checklist.fz21 {
        font-size: 16rem !important;
    }
}

.bgFullContent .checklist li {
    display: flex;
    align-items: center;
    gap: 12rem;
}

.bgFullContent .checklist li::before {
    content: "";
    width: 14rem;
    height: 14rem;
    display: inline-block;
    background: url("../img/images/common/icon_checkedBox.svg") no-repeat center center/contain;
    flex-shrink: 0;
}

@media(max-width: 768px) {
    .fullText.fz40 {
        font-size: 26rem !important;
    }
}

@media(max-width: 768px) {
    .fullText.fz41 {
        font-size: 18rem !important;
    }
}

.accordion {
    margin-top: 60rem;
}

@media(max-width: 768px) {
    .accordion {
        margin-top: 20rem;
    }
}

.accordion .title {
    margin-top: 3rem;
    font-size: 21rem;
    color: var(--white);
    padding: 26rem 0;
    position: relative;
    font-family: "NEXON Lv1 Gothic OTF Bold";
}

@media(max-width: 768px) {
    .accordion .title {
        font-size: 16rem;
        padding: 5rem 0;
    }

}

.accordion .title::after {
    content: "";
    display: inline-block;
    width: 24rem;
    height: 24rem;
    position: absolute;
    top: 50%;
    right: 36rem;
    transform: translateY(-50%);
    background: url("../img/images/common/accordion_plus.svg") no-repeat center center/contain;
}

.accordion .title.ui-state-active::after {
    background-image: url("../img/images/common/accordion_minus.svg");
}

.accordion .title:nth-of-type(1) {
    background-color: var(--yellowGreen);
}

.accordion .title:nth-of-type(2) {
    background-color: var(--green);
}

.accordion .title:nth-of-type(3) {
    background-color: var(--darkGreen);
}

.accordion .content {
    padding: 40rem 100rem 60rem;
    line-height: 1.7;
}

@media(max-width: 768px) {
    .accordion .content {
        padding: 40rem 30rem 40rem;
    }
}

.accordion .content>.img_wrap {
    width: 100%;
    height: 300rem;
    margin-top: 40rem;
}

@media(max-width: 768px) {
    .accordion .content>.img_wrap {
        margin-top: 20rem;
    }

}

.accordion .text {
    font-size: 18rem;
}

@media(max-width: 768px) {
    .accordion .text {
        font-size: 14rem;
        text-align: justify;
        line-height: 1.4;
    }

}

.accordion .img_txt {
    background-color: var(--white);
    margin-top: 40rem;
}

@media(max-width: 768px) {
    .accordion .img_txt {
        background-color: var(--white);
        margin-top: 20rem;
    }

}

@media(max-width: 768px) {
    .accordion .img_txt {
        align-items: center;
    }
}

.accordion .img_txt .img_wrap {
    width: 260rem;
    height: 340rem;
    flex-shrink: 0;
}

@media(max-width: 768px) {
    .accordion .img_txt .img_wrap {
        padding-top: 30rem;
    }

}

.accordion .img_txt .tit {
    font-size: 21rem;
}

@media(max-width: 768px) {
    .accordion .img_txt .tit {
        font-size: 16rem;
    }

}

.accordion .img_txt .str,
.accordion .img_txt .tit {
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--darkGreen);
}

.accordion .img_txt .text_wrap {
    padding: 66rem 40rem 42rem;
    text-align: left;
}

@media(max-width: 768px) {
    .accordion .img_txt .text_wrap {
        padding: 30rem 40rem 30rem;
    }

}

@media(max-width: 768px) {
    .accordion .img_txt .text_wrap {
        text-align: center;
    }
}

.accordion .img_txt .desc {
    margin-top: 24rem;
    font-size: 18rem;
}

@media(max-width: 768px) {
    .accordion .img_txt .desc {
        font-size: 14rem;
        text-align: justify;
        line-height: 1.4;
    }


}


.accordion .img_txt .str {
    margin-top: 16rem;
}

.table .table_wrap {
    margin-top: 60rem;
}

@media(max-width: 768px) {
    .table .table_wrap {
        margin-top: 30rem;
    }
}

@media(max-width: 768px) {
    .table .table_wrap {
        overflow-x: scroll;
    }
}

.table .table_wrap table {
    border-collapse: collapse;
    font-size: 18rem;
    background: var(--white);
}

@media(max-width: 768px) {
    .table .table_wrap table {
        font-size: 12rem;
    }

}

.table .table_wrap table thead {
    border-bottom: 3rem solid var(--green);
}

.table .table_wrap table thead th {
    padding: 10rem 30rem;
    text-align: left;
}

.table .table_wrap table thead th:first-child {
    background-color: var(--white);
}

@media(max-width: 768px) {
    .table .table_wrap table thead th:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
    }
}

.table .table_wrap table th {
    font-family: "NEXON Lv1 Gothic OTF Bold";
    color: var(--darkGreen);
}

.table .table_wrap table tbody {
    line-height: 2;
}

@media(max-width: 768px) {

    .table .table_wrap table tbody {
        line-height: 1.4;
    }
}

.table .table_wrap table tbody tr {
    border-top: 1px solid var(--green);
}

.table .table_wrap table tbody td,
.table .table_wrap table tbody th {
    padding: 30rem;
}

@media(max-width: 768px) {

    .table .table_wrap table tbody td,
    .table .table_wrap table tbody th {
        padding: 10rem;
    }
}

.table .table_wrap table tbody th {
    width: 150rem;
    text-align: left;
    background-color: var(--white);
}

@media(max-width: 768px) {
    .table .table_wrap table tbody th {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
    }
}

.table .table_wrap table tbody td {
    width: 350rem;
    min-width: 300rem;
}

.caution .grid_wrap {
    margin-top: 50rem;
    -moz-column-gap: 20rem;
    column-gap: 20rem;
    row-gap: 18rem;
}

@media(max-width: 768px) {
    .caution .grid_wrap {
        margin-top: 20rem;
    }
}


.caution li {
    height: 100rem;
    background-color: #eff1f0;
    display: flex;
    align-items: center;
    line-height: 1.7;
    padding-left: 46rem;
    font-size: 18rem;
}

@media(max-width: 768px) {
    .caution li {
        height: 50rem;
        line-height: 1.4;
    }
}


.caution li:nth-child(4n+0),
.caution li:nth-child(4n+1) {
    background-color: #f6f6ef;
}

@media(max-width: 768px) {
    .caution li {
        font-size: 14rem;
        padding-left: 34rem;
    }

    .caution li:nth-child(4n+0),
    .caution li:nth-child(4n+1) {
        background-color: unset;
    }

    .caution li:nth-child(4n+1) {
        background-color: #eff1f0;
    }

    .caution li:nth-child(2n) {
        background-color: #f6f6ef;
    }
}

.grid_wrap {
    display: grid;
}

.grid_wrap.col2 {
    grid-template-columns: repeat(2, 1fr);
}

@media(max-width: 768px) {
    .grid_wrap.mo-col1 {
        grid-template-columns: 1fr;
    }
}

.justice .tit-img-txt .item:nth-child(1) .tit {
    background-color: var(--yellowGreen);
}

.justice .tit-img-txt .item:nth-child(2) .tit {
    background-color: var(--lightKhaki);
}

.justice .tit-img-txt .item:nth-child(3) .tit {
    background-color: var(--green);
}

.justice .tit-img-txt .item:nth-child(4) .tit {
    background-color: var(--darkGreen);
}

.howto .content_wrap {
    margin-top: 46rem;
}

@media(max-width: 768px) {
    .howto .content_wrap {
        margin-top: 20rem;
    }
}

.side_float_menu {
    position: fixed;
    bottom: 100rem;
    right: 25rem;
    z-index: 190;
}

@media(max-width: 768px) {
    .side_float_menu {
        bottom: 50rem;
    }
}

.side_float_menu .btn {
    cursor: pointer;
}

.side_float_menu .menu_list li {
    width: 50rem;
    height: 50rem;
    position: absolute;
    top: 3rem;
    right: 3rem;
    z-index: -1;
    transition: transform 0.3s ease, background 0.2s ease;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.side_float_menu .menu_list li a {
    position: relative;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: center;
    place-items: center;
}

.side_float_menu .menu_list li a .icon_wrap {
    width: 90%;
    height: 90%;
}

.side_float_menu .menu_list li a .icon_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.side_float_menu .menu_list li .text {
    position: absolute;
    right: 54rem;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    white-space: nowrap;
}

.side_float_menu .menu_list li:hover .text {
    display: block;
}

.side_float_menu .menu_list.active li:nth-child(1) {
    transform: translate3d(0, -70rem, 0);
}

.side_float_menu .menu_list.active li:nth-child(2) {
    transform: translate3d(0, -130rem, 0);
}

.side_float_menu .menu_list.active li:nth-child(3) {
    transform: translate3d(0, -190rem, 0);
}

.side_float_menu .menu_list.active li:nth-child(4) {
    transform: translate3d(0, -250rem, 0);
}

.side_float_menu .menu_list.active+.side_btn {
    transform: rotate(-45deg);
}

.side_float_menu .side_btn {
    width: 56rem;
    height: 56rem;
    cursor: pointer;
    transition: 0.15s ease;
    display: grid;
    place-content: center;
    place-items: center;
}

.side_float_menu .side_btn img {
    width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
}

.side_float_menu .menu_list li,
.side_float_menu .side_btn {
    border-radius: 50%;
    background-color: var(--yellowGreen);
}

.simple .desc {
    max-width: 90%;
    margin: 0 auto;
}