:root {
    /* font */
    --font-tit:'Outfit','OneMobile',sans-serif;
    --font-kor:'OneMobile',sans-serif;
    /* font: [font-style] [font-variant] [font-weight] *[font-size/line-height] *[font-family, generic-family] */
    --font-eng-h1 : 700 95px/1.1 var(--font-tit);
    --font-eng-h2 : 700 70px/1.1 var(--font-tit);
    --font-eng-h3 : 700 40px/1.175 var(--font-tit);
    --font-eng-h4 : 600 29px/1.2 var(--font-tit);
    --font-eng-h5 : 400 19px/1.25 var(--font-tit);
    --font-eng-h6 : 400 17px/1.17 var(--font-tit);
    --font-kor-h1 : 700 29px/1.31 var(--font-kor);
    --font-kor-h2 : 700 25px/1.28 var(--font-kor);
    --font-kor-h3 : 400 20px/1.5 var(--font-kor);
    /* color */
    --color-main-01:#000000;
    --color-bg-01:#090909;
    --color-bg-02:#0A0A0A;
    --color-bg-03:#191919;
    --color-main-02:#FFFFFF;
    --color-sub:#AAAAAA;
    --color-border-01:#FFFFFF73;
    --color-border-02:#ffffff33;
    --color-point:#F9D107;
    --color-bg-transblack:#00000066;
    /* size */
    --base-space:5px;
    --border-radius-btn:calc(var(--base-space) * 2);
    --border-radius-sec:calc(var(--base-space) * 6);
    /* border */
    --border-01:1px solid var(--color-border-01);
}

* {cursor:none;} /* hide default cursor */

*::selection {
    color: var(--color-point);
    background: var(--color-bg-03);
}

body {
    background-color:var(--color-main-01);
    color:var(--color-main-02);
    cursor: none;
    min-width:320px;
}

body::-webkit-scrollbar {display:none;}

.loading {
    position:absolute;
    z-index:990;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:var(--color-main-01);
}


/* cursor */
#cursor {
    pointer-events: none;
    position: fixed;
    top: -10%;
    left: -10%;
    z-index: 999;
    background:var(--color-point);
    opacity:0.4;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition:width 0.3s,height 0.3s;
    -webkit-transition:width 0.3s,height 0.3s;
    -moz-transition:width 0.3s,height 0.3s;
    -ms-transition:width 0.3s,height 0.3s;
    -o-transition:width 0.3s,height 0.3s;
}

#cursor::after {
    display:block;
    content:'';
    width:20%;
    height:20%;
    position:absolute;
    top:25%;
    left:25%;
    background:var(--color-main-01);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    backdrop-filter: ;
}

#cursor.hover {
    width:60px;
    height:60px;
    opacity:0.8;
    background:0;
    border:5px solid var(--color-point);
    border:5px solid var(--color-border-01);
}
#cursor.hover::after {
    background:var(--color-border-01);
}

.btn_top {
    display:none;
    position:fixed;
    z-index:800;
    width:80px;
    height:80px;
    bottom:30px;
    right:60px;
    color:var(--color-border-01);
    padding:10px;
}
.btn_top svg {
    transition: stroke-width.3s;
    -webkit-transition: stroke-width.3s;
    -moz-transition: stroke-width.3s;
    -ms-transition: stroke-width.3s;
    -o-transition: stroke-width.3s;
}
.btn_top:hover svg {
    color:var(--color-point);
    stroke-width: 2px;
}

/* header */
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 900;
    width: 100%;
    height: calc(var(--base-space) * 20);
    padding: 0 5.5em;
    background: var(--color-bg-transblack);
    border-bottom: var(--border-01);
    color: var(--color-main-02);
}

.img_logo {
    width: calc(var(--base-space) * 20);
}

#myMenu {
    display: flex;
    gap: calc(var(--base-space) * 4);
    font: var(--font-eng-h5);
}

#myMenu li.active a::after {
    background-color: var(--color-point);
}

#myMenu li.active a {
    color: var(--color-point);
}

#myMenu a {
    position: relative;
    transition: letter-spacing .3s;
    -webkit-transition: letter-spacing .3s;
    -moz-transition: letter-spacing .3s;
    -ms-transition: letter-spacing .3s;
    -o-transition: letter-spacing .3s;
    padding:0 1em;
    height: calc(var(--base-space) * 20);
    line-height: calc(var(--base-space) * 20);
    display:flex;
}

#myMenu a:hover {
    font-weight: 700;
    letter-spacing: 0.1em;
}

#myMenu a::after {
    content: '';
    background-color: var(--color-main-02);
    position: absolute;
    z-index: 1;
    top: calc(var(--base-space) * 7);
    left: calc(var(--base-space) * 2);
    width: 0.3em;
    height: 0.3em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
}

#myMenu a:hover::after {
    opacity: 1;
}

.fp-viewing-page02 li[data-menuanchor="page01"],
.fp-viewing-page03 li[data-menuanchor="page01"] {
    color: var(--color-point);
}

.fp-viewing-page07 li[data-menuanchor="page06"] {
    color: var(--color-point);}

/* sitemap */
.btn_sitemap {
    position:relative;
    top:2px;
}
.btn_sitemap img {
    width:2rem;
    height:2rem;
    object-fit: contain;
}
.btn_sitemap:hover img {
    opacity:.5;
}
.sitemap_wr {
    visibility: hidden;
    pointer-events: none;
    position:absolute;
    width:100vw;
    height:100vh;
    top:0;
    right:0;
}
.sitemap_wr.active {
    visibility:initial;
    pointer-events: initial;
}
.sitemap_wr::after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:min(40vw,40vh);
    height:min(40vw,40vh);
    transform: translate(50%,-50%);
    -webkit-transform: translate(50%,-50%);
    -moz-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition:width 0.6s ease-in-out, height 0.6s ease-in-out;
    -webkit-transition:width 0.6s ease-in-out, height 0.6s ease-in-out;
    -moz-transition:width 0.6s ease-in-out, height 0.6s ease-in-out;
    -ms-transition:width 0.6s ease-in-out, height 0.6s ease-in-out;
    -o-transition:width 0.6s ease-in-out, height 0.6s ease-in-out;
}
.sitemap_wr.active::after {
    background:var(--color-bg-02);
    width:max(300vw,00vh);
    height:max(300vw,300vh);
}
.sitemap {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap:1em;
    margin:1.5em;
    height: calc(100% - 3em);
    font:var(--font-eng-h1);
}
.sitemap__item {
    position:relative;
    z-index:1;
    opacity:0;
    animation:0;
    -webkit-animation:0;
    transition:letter-spacing .3s;
    -webkit-transition:letter-spacing .3s;
    -moz-transition:letter-spacing .3s;
    -ms-transition:letter-spacing .3s;
    -o-transition:letter-spacing .3s;
}
.sitemap__item.active {
    animation:slideToLeft 1s both, fadeIn 1s both;
    -webkit-animation:slideToLeft 1s both, fadeIn 1s both;
}
.sitemap__item:hover {
    color:var(--color-point);
    letter-spacing: 0.2em;
}
.sitemap__arrow {
    box-sizing: border-box;
    position: absolute;
    top:0;
    right:-1.2em;
    display: block;
    width: 1em;
    height: 1em;
    opacity:0;
    transition:opacity .3s;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
}
.sitemap__item:hover .sitemap__arrow {
    opacity:1;
}
.sitemap__arrow::after,
.sitemap__arrow::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right:0;
}
.sitemap__arrow::after {
    width: 16px;
    height: 16px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: calc(50% - 7px);
}
.sitemap__arrow::before {
    width: 0.2em;
    height: 2px;
    bottom: 50%;
    background: currentColor
}
.sitemap__item:hover .sitemap__arrow::before {
    width: 0.6em;
}
.btn_close {
    padding:1em;
    position:absolute;
    z-index:1;
    right:4.5em;
    top:1em;
    transition:transform .3s;
    -webkit-transition:transform .3s;
    -moz-transition:transform .3s;
    -ms-transition:transform .3s;
    -o-transition:transform .3s;
}
.btn_close:hover {
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}

/* footer */

footer {
    display:flex;
    flex-flow:column nowrap;
    align-items: center;
    gap:calc(var(--base-space) * 3);
    padding:calc(var(--base-space) * 16) 16px;
    background:var(--color-bg-01);
}
.footer__img {
    width:calc(var(--base-space) * 22);
}
.footer__logo {
    width:110px;
    height:48px;
    background-color: #777777;
    -webkit-mask: url(/images/img_logo_black.svg) no-repeat center;
    mask: url(/images/img_logo_black.svg) no-repeat center;
}
.footer__txt {
    width:100%;
    font-size:0.813rem;
    line-height: 1.4;
    color:#777777;
    text-align: center;
}
.footer__br {
    display:none;
}


/* section */
.section {
    overflow: hidden;
}
.section--main {
    background:url(/images/img_bg_main.jpg) center;
    background-size:cover;
}
.section--vision {
    counter-reset: counter-vision;
    background:url(/images/img_symbol.svg) 80% calc(var(--base-space) * 40) no-repeat;
    background-size:calc(var(--base-space) * 120);
}
.section--hashtag {
    text-align: center;
    position:relative;
}
.section--hashtag::before {
    font-family:var(--font-tit);
    content:'BUSINESS';
    font-size:20rem;
    font-weight:700;
    position:absolute;
    left:50%;
    top:60%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    color:var(--color-bg-01);
}
.section--process {
    text-align: center;
    background: url(/images/img_bg_process.jpg) center;
    background-size: cover;
    -webkit-filter:brightness(.z5);
}

/* section items */
.sec__con {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding-top:calc(var(--base-space) * 20);
    position: relative;
    z-index: 1;overflow: hidden;
}
.sec__con--contact {
    display:flex;
    gap:calc(var(--base-space)*18);
}
.sec__subcon--info {
    display:flex;
    flex-flow:column nowrap;
    justify-content: space-between;
}
.sec__subcon--map {
    width:min(60vh,calc(var(--base-space) * 150),90vw);
    height:min(60vh, calc(var(--base-space) * 150),90vw);
    flex-shrink: 0; /* 크기 작아지지 않음 */
    overflow:hidden;
    border-radius: calc(var(--base-space) * 4);
    -webkit-border-radius: calc(var(--base-space) * 4);
    -moz-border-radius: calc(var(--base-space) * 4);
    -ms-border-radius: calc(var(--base-space) * 4);
    -o-border-radius: calc(var(--base-space) * 4);
    border:var(--border-01);
    position:relative;
}
.sec__subcon--map img {
    width:100%;
}
.sec__img svg {
    width:calc(var(--base-space) * 20);
}
.sec__tit {
    font:var(--font-eng-h2);
}
.sec__tit--highlight {
    color:var(--color-point);
}
.sec__tit--slogan {
    padding:0 1em;
    font:var(--font-eng-h1);
}
.letter {
    opacity:0;
}
.sec__subtit {
    font:var(--font-eng-h4);
    color:var(--color-point);
}

.sec__subtit--vision {
    margin-bottom: calc(var(--base-space) * 3);
}
.sec__subtit--vision:before {
    counter-increment: counter-vision;
    content:'0'counter(counter-vision);
    position:absolute;
    left:0;
}
.sec__subtit--trans {
    color:var(--color-sub);
    font:var(--font-eng-h6);
    margin-left: calc(var(--base-space) * 2);
}
.sec__subtit--process {
    color:var(--color-main-02);
    margin-top:calc(var(--base-space) * 9);
    margin-bottom:calc(var(--base-space) * 18);
}
.sec__subtit--hashtag {
    margin-top:calc(var(--base-space) * 8);
    margin-bottom:calc(var(--base-space) * 4);
}
.sec__subtit--cname {
    color:var(--color-main-02);
    font:var(--font-kor-h1);
}
.sec__subtit--cinfo {
    color:var(--color-border-01);
    font:var(--font-eng-h6);
}

.sec__txt {
    margin-top:calc(var(--base-space) * 6);
    margin-bottom:calc(var(--base-space) * 8);
    font:var(--font-kor-h3);
}
.sec__txt--justify {
    text-align: justify;
}
.sec__txt--vision {
    font:var(--font-kor-h2);
    margin-bottom:calc(var(--base-space) * 18);
}
.sec__txt--cinfo {
    margin:0;
    margin-top:0.2em;
}

.sec__subtxt {
    font:var(--font-kor-h3);
}

.sec__img {
    text-align: center;
}
.sec__img--btmborder {
    margin:calc(var(--base-space) * 6) 0;
}
.sec__img--btmborder::after {
    display:block;
    content:'';
    position:relative;
    left:50%;
    width:calc(var(--base-space) * 15);
    height:1px;
    margin-top:calc(var(--base-space) * 6);
    background:var(--color-border-01);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.sec__list {
    display:flex;
    gap:calc(var(--base-space) * 7);
}
.sec__list--vision {
    flex-direction: column;
    gap:0;
}
.sec__list--hashtag {
    gap:0;
    justify-content: center;
}
.sec__list--cinfo {
    display:flex;
    flex-flow:row wrap;
    gap:1em 2em;
}
.sec__list--mlink {
    display:flex;
    flex-flow:row wrap;
    gap:calc(var(--base-space) *  5);
}
.sec__item {
    flex:1;
    padding:calc(var(--base-space) * 8) calc(var(--base-space) * 4);
}
.sec__item--hashtag {
    position: relative;
    max-width:calc(var(--base-space) *  100);
}
.sec__item--who {
    border-radius: var(--border-radius-sec);
    -webkit-border-radius: var(--border-radius-sec);
    -moz-border-radius: var(--border-radius-sec);
    -ms-border-radius: var(--border-radius-sec);
    -o-border-radius: var(--border-radius-sec);
    border:var(--border-01);
    text-align: center;
    position:relative;
    top:0;
    overflow: hidden;
    transition:top .3s;
    -webkit-transition:top .3s;
    -moz-transition:top .3s;
    -ms-transition:top .3s;
    -o-transition:top .3s;
}
.sec__item--who::after {
    content:'';
    background-color:#ffffff33;
    position:absolute;
    z-index:-1;
    top:120%;
    left:120%;
    width:2000px;
    height:2000px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    filter:blur(100px);
    -webkit-filter:blur(100px);
    transition:top .3s, left .3s;
    -webkit-transition:top .3s, left .3s;
    -moz-transition:top .3s, left .3s;
    -ms-transition:top .3s, left .3s;
    -o-transition:top .3s, left .3s;
}

.sec__item--vision {
    padding:calc(var(--base-space) * 8);
    padding-left:calc(var(--base-space) * 10);
    border-bottom:var(--border-01);
    position:relative;
}
.sec__item--vision:first-child  {
    padding-top:0;
}
.sec__item--hashtag:not(:last-child)::after {
    content:'';
    position:absolute;
    right:0;
    top:50%;
    width:2px;
    height:calc(var(--base-space) * 20);
    background:var(--color-border-01);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.sec__item--cinfo:nth-child(1) {
    width:100%;
}
.sec__link {
    flex-grow:1;
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:1em;
    position:relative;
    z-index:0;
    overflow:hidden;
    padding:1em 1.5em;
    border:var(--border-01);
    border-radius: var(--border-radius-btn);
    -webkit-border-radius: var(--border-radius-btn);
    -moz-border-radius: var(--border-radius-btn);
    -ms-border-radius: var(--border-radius-btn);
    -o-border-radius: var(--border-radius-btn);
    font:var(--font-kor-h3);
    font-weight:700;
    transition:transform .3s;
    -webkit-transition:transform .3s;
    -moz-transition:transform .3s;
    -ms-transition:transform .3s;
    -o-transition:transform .3s;
}

.sec__link::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:var(--color-point);
    transition:left .3s;
    -webkit-transition:left .3s;
    -moz-transition:left .3s;
    -ms-transition:left .3s;
    -o-transition:left .3s;
}
.sec__link:hover::before {
    left:0%;
}
.sec__link::after {
    display:inline-block;
    content:'';
    width:0.8em;
    height:0.8em;
    background-color: var(--color-main-02);
    -webkit-mask: url(/images/ico_arrow_right.svg) no-repeat center;
    mask: url(/images/ico_arrow_right.svg) no-repeat center;
}
.sec__link:hover::after {
    background: var(--color-main-01);
}


/* icon */
.ico_scroll_container {
    position:absolute;
    width:100%;
    bottom:calc(var(--base-space) * 10);
    text-align: center;
    opacity:0;
    animation:floating 0.75s infinite alternate ease,fadeIn 1s 2.5s both;
    -webkit-animation:floating 0.75s infinite alternate ease,fadeIn 1s 2.5s both;
}
.ico_scroll_container img {
    width:4rem;
}

.ico_map_location {
    width:2rem;
    height:2rem;
    position:absolute;
    z-index:1;
    top:50%;
    left:36%;
    background:url(/images/ico_map_location.svg) center no-repeat;
    background-size:contain;
    animation:floatingMarker 0.6s infinite alternate;
    -webkit-animation:floatingMarker 0.6s infinite alternate;
}

.txt_dot {
    margin:0 calc(var(--base-space) * 1);
}

.sec__item svg,
.sec__item path {
    transition:transform .3s cubic-bezier(0,-1.72, 0.87, 2.45), fill .3s;
    -webkit-transition:transform .3s cubic-bezier(0,-1.72, 0.87, 2.45), fill .3s;
    -moz-transition:transform .3s cubic-bezier(0,-1.72, 0.87, 2.45), fill .3s;
    -ms-transition:transform .3s cubic-bezier(0,-1.72, 0.87, 2.45), fill .3s;
    -o-transition:transform .3s cubic-bezier(0,-1.72, 0.87, 2.45), fill .3s;
    transform-origin: center;
}

/* light */
.light {
    content:'';
    position:absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background:rgb(236, 235, 133);
    animation:growShrink 0.8s linear infinite alternate;
    -webkit-animation:growShrink 0.8s linear infinite alternate;
}
.light01 {
    width:30px;
    height:30px;
    top:25%;
    left:20%;
    filter:blur(10px);
    -webkit-filter:blur(10px);
}
.light02 {
    width:30px;
    height:30px;
    top:40%;
    left:70%;
    filter:blur(10px);
    -webkit-filter:blur(10px);
    animation-duration: 1.3s;
}
.light03 {
    width:40px;
    height:40px;
    top:80%;
    left:15%;
    filter:blur(20px);
    -webkit-filter:blur(20px);
    animation-duration: 1.2s;
}
.light04 {
    width:40px;
    height:40px;
    top:75%;
    left:85%;
    filter:blur(20px);
    -webkit-filter:blur(20px);
    animation-duration: 0.9s;
}
.light05 {
    width:25px;
    height:25px;
    top:80%;
    left:55%;
    filter:blur(10px);
    -webkit-filter:blur(10px);
    animation-duration: 1s;
}
.light06 {
    width:25px;
    height:25px;
    top:60%;
    left:40%;
    filter:blur(10px);
    -webkit-filter:blur(10px);
    animation-duration: 0.7s;
}

/* slogan letters */
/* .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
}

.letter {
    display: inline-block;
    line-height: 1em;
    transform-origin: 0 0;
} */


/* slider */
.slider {
    width:60rem;
    max-width:100%;
    margin:0 auto;
    display:flex !important;
}
.slick-slide.slider__item {
    height:350px;
    display:flex;
    flex-flow:column nowrap;
    justify-content: center;
    align-items: center;
    padding:calc(var(--base-space) * 14) 2rem;
    margin:0 calc(var(--base-space) * 10);
    border:var(--border-01);
    background:var(--color-bg-transblack);
    border-radius: var(--border-radius-sec);
    -webkit-border-radius: var(--border-radius-sec);
    -moz-border-radius: var(--border-radius-sec);
    -ms-border-radius: var(--border-radius-sec);
    -o-border-radius: var(--border-radius-sec);
}
.slider__num {
    margin-bottom:calc(var(--base-space) * 3);
    font:var(--font-eng-h4);
}
.slider__tit {
    font:var(--font-eng-h3);
}
.slider__tit::after {
    display:block;
    content:'';
    position:relative;
    left:50%;
    width:calc(var(--base-space) * 15);
    height:1px;
    margin:calc(var(--base-space) * 5) 0;
    background:var(--color-border-01);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
} 
.slider__txt {
    font:var(--font-kor-h3);
}
.slider__btn {
    color:var(--color-point);
    font:var(--font-eng-h4);
    text-transform: uppercase;
    display:flex;
    gap:8px;
    align-items: center;
}
.slider__btn i {
    display:inline-block;
    width:0.8em;
    height:0.8em;
    background-color: var(--color-point);
    -webkit-mask: url(/images/ico_arrow_right.svg) no-repeat center;
    mask: url(/images/ico_arrow_right.svg) no-repeat center;
}
.slider__btn--prev i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/* animation */

@keyframes floating {
    0% {
        transform: translateY(-10%);
        -webkit-transform: translateY(-10%);
        -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        -o-transform: translateY(-10%);
    }
    100% {
        transform: translateY(10%);
        -webkit-transform: translateY(10%);
        -moz-transform: translateY(10%);
        -ms-transform: translateY(10%);
        -o-transform: translateY(10%);
    }
}
@keyframes floatingMarker {
    0% {
        transform: translate(-50%,-60%);
        -webkit-transform: translate(-50%,-60%);
        -moz-transform: translate(-50%,-60%);
        -ms-transform: translate(-50%,-60%);
        -o-transform: translate(-50%,-60%);
    }
    100% {
        transform: translate(-50%,-40%);
        -webkit-transform: translate(-50%,-40%);
        -moz-transform: translate(-50%,-40%);
        -ms-transform: translate(-50%,-40%);
        -o-transform: translate(-50%,-40%);
    }
}
@keyframes growShrink {
    0% {
            transform: scale(0.6);
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
    }
    100% {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
@keyframes slideToLeft {
    0% {
        opacity:0;
        transform: translateX(2em);
        -webkit-transform: translateX(2em);
        -moz-transform: translateX(2em);
        -ms-transform: translateX(2em);
        -o-transform: translateX(2em);
}
    100% {
        opacity:1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}
@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}


/*
device
*/

/* touch device */
@media (pointer:coarse) {
    * {cursor:initial;}
    #cursor {
        display:none;
    }
    .ico_scroll_container {
        display:none;
    }
}
/* pointer device */
/* 마우스오버 이벤트 */
@media (pointer:fine) {
    @media (min-width:768px) {
        .sec__item--on {
            top:-10px;
        }
        .sec__item--on .svg_pop, 
        .sec__item--on .svg_path--pop {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
}
        .sec__item--on .svg_path--rotate {
            transform-origin: 38% 51%;
            animation:rotate 5s infinite linear;
            -webkit-animation:rotate 5s infinite linear;
        }
        .sec__item--on .svg_path--rotate-reverse {
            transform-origin: 75% 77%;
            animation:rotate 5s infinite linear reverse;
            -webkit-animation:rotate 5s infinite linear reverse;
        }
        .sec__item--on .svg_path {
            fill:#b6a75b;
        }
        .sec__item--on .svg_path--highlight {
            fill:#F9D107;
        }
    }
    .sec__link:hover {
        color:#000;
        border-color:var(--color-point);
        transform:translateY(-5px);
        -webkit-transform:translateY(-5px);
        -moz-transform:translateY(-5px);
        -ms-transform:translateY(-5px);
        -o-transform:translateY(-5px);
    }
}


/*
screen responsive
*/

/* laptop */
@media screen and (max-width:1440px) {
    :root {
        --base-space:3px;
        /* font */
        --font-tit:'Outfit','OneMobile',sans-serif;
        --font-kor:'OneMobile',sans-serif;
        /* font: [font-style] [font-variant] [font-weight] [font-size/line-height] [font-family, generic-family] */
        /* font-size와 family는 필수 속성, line-height는 size/ 다음에 입력하되 옵션 */
        --font-eng-h1 : 700 76px/1.1 var(--font-tit);
        --font-eng-h2 : 700 56px/1.1 var(--font-tit);
        --font-eng-h3 : 700 32px/1.175 var(--font-tit);
        --font-eng-h4 : 600 24px/1.2 var(--font-tit);
        --font-eng-h5 : 400 15px/1.25 var(--font-tit);
        --font-eng-h6 : 400 13px/1.17 var(--font-tit);
        --font-kor-h1 : 700 24px/1.31 var(--font-kor);
        --font-kor-h2 : 700 20px/1.28 var(--font-kor);
        --font-kor-h3 : 400 16px/1.5 var(--font-kor);
    }
    /* 스타일 가이드에 맞추기 위해 폰트 사이즈에 px 사용 */
    /* html {
        font-size:0.813rem;
    } */
    .sec__con {
        padding-left:60px;
        padding-right:60px;
    }
    .sec__con--contact {
        gap:calc(var(--base-space)*10);
    }
    .sec__img img,
    .sec__img svg {
        width:calc(var(--base-space)*20);
    }
    .sec__img--btmborder::after {
        display:none;
    }
    .sec__item--vision {
        padding-left: calc(var(--base-space) * 14);
    }
    .sec__link {
        padding: 1em;
    }
    .sec__link--view {
        display:none;
    }
    .btn_top {
        bottom:10px;
        right:10px;
    }
    .slider {
        width:42rem;
    }
    .slick-slide.slider__item {
        height:280px;
    }
}

/* tablet */
@media screen and (max-width:1000px) {
    header {
        padding:0 16px;
    }
    .sitemap_wr::after {
        top:10px;
        right:10px;
    }
    .sec__con {
        padding-left:16px;
        padding-right:16px;
    }
    .sec__subcon--info {
        gap:calc(var(--base-space) * 6);
    }
    .sec__tit--contact {
        font-size:2.4rem;
    }
    .sec__subtit--hashtag {
        height:2.2em;
    }
    .sec__subtxt br {
        display:none;
        word-break: break-all;
    }
    .sec__link {
        padding:0.6em 1em;
        white-space: nowrap;
    }
    .btn_close {
        top:10px;
        right:10px;
    }
}

/* mobile */
@media screen and (max-width:768px) {    
    :root {
        /* font */
        --font-eng-h1 : 700 58px/1.1 var(--font-tit);
        --font-eng-h2 : 700 48px/1.1 var(--font-tit);
        --font-eng-h3 : 700 28px/1.175 var(--font-tit);
        --font-eng-h4 : 600 17px/1.2 var(--font-tit);
        --font-kor-h3 : 400 13px/1.5 var(--font-kor);
    }
    #myMenu {
        display:none;
    }
    .sec__con--contact {
        flex-flow:column nowrap;
        max-width:calc(min(60vh,calc(var(--base-space) * 150),90vw) + 20px); /* sec__subcon--map 너비 */
        min-width:320px;
    }
    .sec__subcon--map {
        width: 100%;
        min-height: 300px;
    }
    .sec__txt br,
    .sec__subtit br,
    .sec__subtxt br {
        display:none;
    }
    .sec__subtit--who {
        margin-bottom:0.5em;
    }
    .sec__txt {
        margin-top:calc(var(--base-space) * 10);
        margin-bottom:calc(var(--base-space) * 15);
    }
    .sec__txt--cinfo {
        margin:0;
    }
    .sec__txt--justify {
        word-break: break-all;
    }
    .sec__list--who {
        flex-flow:column nowrap;
    }
    .sec__item--who {
        text-align: left;
        padding:0;
        padding-left:120px;
        position:relative;
        border:0;
    }
    .sec__img--btmborder {
        margin:0;
        position:absolute;
        top:50%;
        left:30px;
        transform:translateY(-50%);
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
    }
    .slider {
        width:26em;
    }
    .slick-slide.slider__item {
        padding:1em;
        margin:0 20px 40px;
    }
    .slider__btn {
        position: absolute;
        z-index:1;
        bottom:0;
    }
    .slider__btn--prev {
        left:20px;
    }
    .slider__btn--next {
        right:20px;
    }


}
@media screen and (max-width:500px) {
    :root {
        /* font */
        --font-eng-h1 : 700 44px/1.1 var(--font-tit);
        --font-eng-h2 : 700 35px/1.1 var(--font-tit);
    }
    .sec__con {
        margin:calc(var(--base-space) * 10) 0;
    }
    .sec__tit--slogan {
        padding: 0 0.5em;
    }
    .sec__item--hashtag:not(:last-child)::after {
        height: calc(var(--base-space) * 50);
    }
    .sec__item--hashtag:nth-child(1){
        padding-left:0;
    }
    .sec__item--hashtag:nth-child(3){
        padding-right:0;
    }
    .sitemap {
        font:var(--font-eng-h3);
    }
    .btn_close {
        right:1em;
    }
    .sec__con--contact {
        gap:calc(var(--base-space) * 5);
    }
    .sec__subcon--map img {
        width: 124%;
        position: relative;
        top: -2%;
        left: -16%;
    }
    .slider__txt br {
        display:none;
    }
    .ico_map_location {
        top:58%;
        left:29%;
    }
    .footer__br {
        display:inline;
    }

}