/** {cursor:none !important;}*/


img {
    -webkit-user-drag: none;
    user-select: none;
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


svg {
    overflow: hidden;
    vertical-align: middle;
}

.modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;opacity: 0;transition: all .3s ease;background:rgba(0,0,0,.8);}
.modal.active{z-index:10001;opacity: 1;}
.modal > div{width:780px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.modal > div .modal_tit{padding:15px;text-align: center;position:relative;}
.modal > div .modal_tit h2{color:#fff;font-family: "Noto Sans CJK KR Bold",dotum,sans-serif;font-size:2em;}
.modal > div .modal_tit .close{position:absolute;right:15px;top:50%;transform: translateY(-50%);width:30px;height:30px;}
.modal > div .modal_tit .close span{position:absolute;top:50%;left:50%;width:110%;height:2px;border-radius: 4px;display:block;background:#fff;}
.modal > div .modal_tit .close span:first-child{transform:translate(-50%,-50%) rotate(45deg);}
.modal > div .modal_tit .close span:last-child{transform:translate(-50%,-50%) rotate(-45deg);}
.modal > div .modal_con{padding:15px;background:#fff;border-radius: 10px;height:65vh;}
.modal > div .modal_con .agree_box{padding:15px;border:1px solid #ddd;font-size:1.3em;overflow-y: auto;height:100%;}
.modal > div#detail {width:960px;}
.modal > div#detail .close{position:absolute;top:0;right:-55px;width:50px;height:50px;mix-blend-mode: difference}
.modal > div#detail .close span{position:absolute;top:50%;left:50%;width:110%;height:3px;background:#fff;display:block;border-radius: 3px;}
.modal > div#detail .close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.modal > div#detail .close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.modal > div#detail img{width:100%;border-radius: 30px;}
.modal > div#detail video{width:100%;border-radius: 30px;}
.modal > div#detail iframe{width:100%;border-radius: 30px;height:534px;}

.width-fixed{width:1600px;position: relative;margin:0 auto;height:100%;}

.all_menu{position:fixed;top:-100vh;left:0;width:100%;height:100%;background:#000;display:flex;align-items: center;justify-content: center;z-index:-1;opacity: 0;transition: all .4s ease;}
.all_menu.active{top:0;z-index:10009;opacity: 1;}
.all_menu > div {width:650px;}
.all_menu > div .menu_close{position:absolute;top:50px;right:100px;width:50px;height:50px;cursor: pointer}
.all_menu > div .menu_close span{position:absolute;top:50%;left:50%;width:120%;height:1px;background:#fff;display:block;}
.all_menu > div .menu_close span:first-child{transform:translate(-50%,-50%) rotate(-45deg);}
.all_menu > div .menu_close span:last-child{transform:translate(-50%,-50%) rotate(45deg);}
.all_menu > div ul li + li{margin-top:15px;}
.all_menu > div ul li a{font-size:5em;font-family: "Gmarket Sans Bold",dotum,sans-serif;color:#fff;position:relative;}
.all_menu > div ul li a:after{content:"";width:100%;height:2px;top:calc(50% - 6px);left:0;transform:translateY(-50%);display:block;background:#fff;position:absolute;opacity: 0;transition: opacity .3s ease;}
.all_menu > div ul li a:hover:after{opacity: 1;}
.all_menu > div .sns {margin-top:50px;}
.all_menu > div .sns a + a{margin-left:25px;}
.all_menu > div .sns a img{height:35px;}

.main-top{height:100vh;width:100%;overflow: hidden;position:relative;z-index: 1;background:#000;display:flex;align-items: center;justify-content: center}
.main-top .txt{z-index:4;opacity: 0;transition: all 2s linear;text-align: center;}
.main-top .txt.on{opacity: 1;bottom:120px;}
.main-top .txt h3{color:#fff;font-size:8em;line-height: 1}
.main-top .txt h3 br{display:none;}
.main-top .txt p{color:#fff;font-size:2em;margin-top:15px;word-break: keep-all}

.main-top .scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%); text-align: center;width:300px;z-index: 3}
.main-top .scroll img{width:auto}
.main-top .scroll span{font-size:1.2em;color:#fff;display:block;margin-top:14px;}
/*.progress {width: 0;height: 4px;background:rgba(255,255,255,.7);position:absolute;bottom:0;left:0;z-index: 10;}*/
.main-top .scroll > img {
    animation: scroll ease-in-out 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: scroll ease-in-out 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: scroll ease-in-out 1s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: scroll ease-in-out 1s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: scroll ease-in-out 1s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

@keyframes scroll{
    0% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    }
    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
        transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    }
    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    }
    57% {
        -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
        transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
    }
    64% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    100% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}

.main-top .bg_video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.main-top .bg_video #bgVideo{opacity: 0.4;position:absolute;top:50%;left:50%;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);object-fit: cover;width: auto;height: auto;}

.main-sec{background:#fff;position: relative;height:100vh;display: grid;
    place-items: center;
    line-height: 1.2;
    grid-template-areas:'title''layout''...';
    z-index: 110;
}
.main-sec.is-active{background: #171717;transition: background 0.5s ease;}
.main-sec .rolling1{width: 100%;position: absolute;z-index: -1;height: 160px;overflow: hidden;top: 0;}
.main-sec .rolling1 span{font-weight: 900;color:#c5c5c5;font-size:10.6em;overflow: hidden;white-space: nowrap;display:block;position:absolute;animation: rolling 30s linear infinite;}
.main-sec .rolling2{width: 100%;position: absolute;z-index: -1;height: 160px;overflow: hidden;bottom: 0;}
.main-sec .rolling2 span{font-weight: 900;color:#c5c5c5;font-size:10.6em;overflow: hidden;white-space: nowrap;display:block;position:absolute;animation: rolling-right 30s linear infinite;}

@keyframes rolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
@keyframes rolling-right {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0%);
    }
}
.main-sec .sec-img{grid-area:layout}
.main-sec .img_wrap{--img-ar: auto;--img-inner-margin-x: 0px;--img-inner-margin-y: 0px;position: relative;overflow: hidden;display: grid;place-items: center;width: var(--img-width);height: var(--img-height);aspect-ratio: var(--img-ar);--img-width: 100vw;--img-height: 91.5vh;}

.main-sec .img_box{grid-area: 1 / -1;width: calc(100% + 0px * 2);height: calc(100% + 0px * 2);background-size: cover;background-position: 50% 50%;display: flex;align-items: center;    object-fit: cover;}
.main-sec .img_box.img_hidden{opacity: 0;}
.main-sec .sec-txt{position: relative;z-index: 100;text-transform: uppercase;display: flex;justify-content:center;flex-direction: column;justify-self: start;padding: 3rem;grid-area: layout;align-self: center;margin: auto;width: 100%;max-width: 1920px;height:100vh;background:#000;text-align: center}
.main-sec .sec-txt h5{color:#fff;font-size:2.5em;font-weight: 400;word-break: keep-all}
.main-sec .sec-txt h3{color:#fff;font-size:5em;margin-top:20px;line-height: 1;font-weight:800;word-break: keep-all}
.main-sec .sec-txt p{color:#fff;font-size:2em;display:block;margin-top:90px;font-weight: normal}

.main-service {padding:100px 0;background:#000}
h2.service-h2{font-size:5em;font-weight: 900;color:#fff;text-align: center;-webkit-text-fill-color: rgba(255, 255, 255, 0.1);background-image: linear-gradient(#fff, #fff);-webkit-background-clip: text;background-repeat: no-repeat;background-size: 0% 100%;transition: opacity 0.3s;}

.service-list{display:grid;grid-template-columns: 1fr 1fr;gap:50px;margin-top:100px;}
.service-list > div{width:100%;border-radius: 30px;position:relative;overflow: hidden;transform:translate(0,-100px);transition: all 2s ease}
.service-list > div .img{width:100%;height:450px;}
.service-list > div .img .img_box{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(1);transition: all 3s ease-in}
.service-list > div:hover .img .img_box{transform:translate(-50%,-50%) scale(1.16);}
.service-list > div .txt{position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;background: rgba(0,0,0,.6);display:flex;align-items: center;justify-content: center;flex-direction: column;transition: all .5s;text-align: center}
.service-list > div:hover .txt{opacity: 1;}
.service-list > div .txt h4{color:#fff;font-size:2.5em;margin-bottom:15px;}
.service-list > div .txt p{font-size:1.5em;color:#fff;word-break: keep-all;letter-spacing: -0.7px;}
.service-list > div .txt p + p{margin-top:5px;}
.service-list > div .txt a{font-size:1.4em;display:block;width:200px;border:1px solid #fff;padding:10px;margin-top:60px;color:#fff;position:relative;}
.service-list > div .txt a:after{content:"▶";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:0.7em}

.main_last{background:#000;height:calc(100vh - 168px)}
.main_last .last_wrap{text-align: center;display:flex;align-items: center;justify-content: center;height:100%;flex-direction: column}
.main_last .last_wrap > div{display:block;overflow: hidden;}
.main_last .last_wrap > div:nth-child(2){margin-bottom:100px;}
.main_last .last_wrap > div span{font-size:4.8em;color:#fff;font-family: "Gmarket Sans Bold",dotum,sans-serif;transition: all 1s }
.main_last .last_wrap > div h2{font-size:4.8em;color:#fff;font-family: "Gmarket Sans Bold",dotum,sans-serif;transition: all 1s }
a.main_btn{padding:8px 15px;font-size:1.3em;color:#fff;display:flex;align-items: center;justify-content: space-between;border-radius:30px 30px;border:1px solid #fff;transition: all .3s }
a.main_btn:hover{color:#000;border:1px solid #000;background:#fff;}
a.main_btn.black{color:#000;border:1px solid #000;width:170px;margin-top:20px;}
a.main_btn:hover.black{color:#fff;border:1px solid #fff;background:#000;}
a.main_btn span:first-child{margin-right:20px;}
a.main_btn span:last-child{font-size:0.85em;}

#ft{background:#000;border-top:1px solid #fff;padding:50px 0;text-align: left}
#ft p{color:#fff;font-size:16px;}
#ft .width-fixed > div {margin-top:10px;}
#ft .width-fixed > div > div{display:inline-block;vertical-align: middle;color:#fff;font-size:16px;}
#ft .width-fixed > div > div strong{margin-right:10px;}
#ft .width-fixed > div > div + div{margin-left:20px;}
#ft .width-fixed > div:last-child{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:10px 20px;border:1px solid #fff;border-radius: 40px 40px;}
#ft .width-fixed > div:last-child label{color:#fff;font-size:1.3em;display:flex;align-items: center;}
#ft .width-fixed > div:last-child label:after{content:"▼";margin-left:14px;font-size:0.6em;}
#ft .width-fixed > div:last-child select{display:none;}
#ft .width-fixed > div:last-child #family{display:none;position:absolute;bottom:calc(1.3em + 20px);left:0;width:100%;border:1px solid #fff;border-radius: 20px;background:#000;}
#ft .width-fixed > div:last-child.active #family{display:block;}
#ft .width-fixed > div:last-child.active #family a{color:#fff;font-size:1em;padding:10px 20px;display:block;}

.quick_btn{position:fixed;top:50%;right:0;transform:translateY(-50%);mix-blend-mode: exclusion;z-index:100001;}
/*.quick_btn .txt{writing-mode: vertical-rl;text-orientation: mixed;transform:rotate(180deg);font-family: "Gmarket Sans Bold",dotum,sans-serif;color:#000;font-size:2em;padding:10px;background:#000;mix-blend-mode: exclusion}*/
.quick_btn img{width:35px;}

.all_menu > div > div:last-child{background:#000;padding:50px 0;text-align: left}
.all_menu > div > div:last-child p{color:#fff;font-size:16px;}
.all_menu > div > div:last-child > div {margin-top:10px;display:flex;align-items: center;}
.all_menu > div > div:last-child > div > div{display:inline-block;vertical-align: middle;color:#fff;font-size:16px;}
.all_menu > div > div:last-child > div > div strong{margin-right:10px;}
.all_menu > div > div:last-child > div > div + div{margin-left:20px;}

@keyframes myAnim {
    0% {
        transform: translate(-50%,-50%) rotate(0);
        opacity: 1;
    }
    100% {
        transform: translate(-50%,-50%) rotate(360deg);
        opacity: 0;
    }
}
@keyframes myAnim2 {
    0% {
        transform: translate(-50%,-50%) rotate(360deg);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,-50%) rotate(0);
        opacity: 1;
    }
}
@keyframes myAnim3 {
    0% {
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 1;
    }
    100% {
        transform: translate(-50%,-50%) rotate(450deg);
        opacity: 0;
    }
}
@keyframes myAnim4 {
    0% {
        transform: translate(-50%,-50%) rotate(450deg);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 1;
    }
}


:root{
    --color-dark-1: #000;
    --color-dark-2: #171717;
    --color-dark-3: #222;
    --color-dark-4: #333;
    --color-light-1: #fff;
    --color-light-2: #eee;
    --color-light-3: #ddd;
    --color-light-4: #ccc;
    --color-gray-1: #ddd;
    --color-gray-2: #888;
    --color-gray-2: #888;
    --color-white: #fff;
    --color-red-1: #ff0000;
    --gutter-horizontal: 120px;
    --gutter-vertical: 80px;
    --distance-max-xlarge: 400;
    --distance-min-xlarge: 160;
    --distance-max-large: 240;
    --distance-min-large: 100;
    --distance-max-medium: 160;
    --distance-min-medium: 40;
    --distance-max-small: 80;
    --distance-min-small: 30;
    --distance-max-xsmall: 50;
    --distance-min-xsmall: 30;
    --paragraph-max-font-size: 16;
    --paragraph-min-font-size: 14;
    --paragraph-color-dark: #000;
    --paragraph-color-light: #fff;
    --xxl-max-font-size: 287;
    --xxl-min-font-size: 60;
    --xxl-color-dark: #000;
    --xxl-color-light: #fff;
    --xl-max-font-size: 162;
    --xl-min-font-size: 54;
    --xl-color-dark: #000;
    --xl-color-light: #fff;
    --h1-max-font-size: 88;
    --h1-min-font-size: 46;
    --h1-color-dark: #000;
    --h1-color-light: #fff;
    --h2-max-font-size: 64;
    --h2-min-font-size: 35;
    --h2-color-dark: #000;
    --h2-color-light: #fff;
    --h3-max-font-size: 42;
    --h3-min-font-size: 28;
    --h3-color-dark: #000;
    --h3-color-light: #fff;
    --h4-max-font-size: 26;
    --h4-min-font-size: 22;
    --h4-color-dark: #000;
    --h4-color-light: #fff;
    --h5-max-font-size: 18;
    --h5-min-font-size: 16;
    --h5-color-dark: #000;
    --h5-color-light: #fff;
    --h6-max-font-size: 13;
    --h6-min-font-size: 12;
    --h6-color-dark: #000;
    --h6-color-light: #fff;
    --subheading-max-font-size: 13;
    --subheading-min-font-size: 10;
    --subheading-color-dark: #000;
    --subheading-color-light: #fff;
    --blockquote-max-font-size: 24;
    --blockquote-min-font-size: 16;
    --blockquote-color-dark: #000;
    --blockquote-color-light: #fff;
    --dropcap-max-font-size: 94;
    --dropcap-min-font-size: 60;
    --dropcap-color-dark: #000;
    --dropcap-color-light: #fff;
    --logo-title-max-font-size: 20;
    --logo-title-min-font-size: 16;
    --logo-tagline-max-font-size: 12;
    --logo-tagline-min-font-size: 12;
    --preloader-circle-max-size: 500;
    --preloader-circle-min-size: 250;
}

.about_top{width:100%;height:100vh;display:flex;align-items: center;justify-content: center;background:url('../img/about_bg.jpg') center / cover no-repeat;position:relative}
.about_top:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.7);z-index:0}
.about_top .txt{position:relative;z-index: 1;text-align: center;padding:0 30px;width:100%;}
.about_top .txt h3{color:#fff;font-size:7.3em;line-height: 1;word-break: keep-all}
.about_top .txt h3 span{font-weight: 200;display:block;}
.about_top .txt h3 strong{font-weight: 900;display:block;}
.about_top .txt p{color:#fff;font-size:1.8em;margin-top:50px;word-break: keep-all}

.about_group{background:#000;padding:100px 0;}
.about_group .top span{color:#fff;font-size:1.65em;display:block;margin-bottom:15px;}
.about_group .top h2{color:#fff;font-size:7em;line-height: 1;font-weight:800}
.about_group .members{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:30px;margin-top:90px;}
.about_group .members > div{display:flex;align-items: center;gap:20px;}
.about_group .members > div .img{width:124px;height:124px;border-radius: 50% 50%;background:#eee;}
.about_group .members > div .txt{width:calc(100% - 144px);}
.about_group .members > div .txt strong{color:#fff;font-size:1.3em;display:block;}
.about_group .members > div .txt span{color:#fff;font-size:1.1em;display:block;}

.about_info{padding:180px 0;display:flex;align-items: center;justify-content: center;background:url('../img/about_bg_fixed.jpg')center / cover no-repeat fixed;}
.about_info .txt h3{color:#fff;font-size:3.6em;text-align: center}

.about_detail{padding:180px 0 70px 0;background:#fff;}
.about_detail .top {text-align: right;}
.about_detail .top h3{font-size:7em;line-height: 1;font-weight:800;word-break: keep-all}
.about_detail .top p{font-size:1.65em;display:block;margin-top:20px;word-break: keep-all}
.about_detail .btm {background: url("../img/about_bg.jpg") 54% 68% / 140% auto no-repeat fixed;margin-top:100px;}
.about_detail .btm h4{font-size:3em;mix-blend-mode: lighten;color:#000;text-align: right;width:100%;height:100%;background:#fff;}

/*
.envi_tit {padding-top:90px;}
.envi_tit div{overflow: hidden;}
.envi_tit span{font-size:1.4em;display:block;margin-bottom:20px;}
.envi_tit h2{font-size:6em;font-family: "Gmarket Sans Bold",dotum,sans-serif;color:#000;line-height: 1.2;letter-spacing: -2px;}
.envi_tit p{font-size:1.5em;color:#000;margin-top:20px;word-break: keep-all}



.event_list{position:relative;overflow: hidden;padding:0;background:#fff;}
.event_list .width-fixed{padding-top:0;}
.event_list .top_tit {margin:50px 0;text-align: center;}
.event_list .top_tit .ani_wrap{overflow: hidden}
.event_list .top_tit .ani_wrap h3{font-size:42px;color:#fff;font-family: "Gmarket Sans Bold",dotum,sans-serif;opacity: 0;line-height: 130%;transition:all 1s ;}
.event_list .top_tit .ani_wrap.active h3{animation: ani_up 0.8s 0.2s;animation-fill-mode: both;}
.event_list .top_tit .ani_wrap span{font-size:20px;color:#fab94a;display:block;margin-top:10px;opacity: 0;line-height: 130%;transition:all 1s ;}
.event_list .top_tit .ani_wrap.active span{animation: ani_up 0.8s 0.5s;animation-fill-mode: both;}

.event_list #particles-js{display:none;position:absolute; width: 100%; height: 100%; background-color: #000000; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index:0;top:0;left:0;}

.event_list .wrap2 {padding-top: 5%;background:#fff;}
.event_list .slide_wrap {height: 31.75rem;width: 700px;margin-left: 100px;}
.event_list .slide_wrap .slide_cont {white-space: nowrap;position: absolute;transition: all 1s ease-out;}
.event_list .slide_box{display: inline-block;margin-right: 200px;vertical-align: bottom;position: relative;opacity: 1;}
.event_list .slide_box .img_box{overflow: hidden;position: relative;z-index:0;}
.event_list .slide_box .img_box img{max-width: 100%;font-size:14px;}
.event_list .slide_box .img_box img.pc_im{display:block;}
.event_list .slide_box .img_box img.mo_im{display:none;}
.event_list .slide_box.box_left{opacity:1;transition-delay: 3s;}
.event_list .slide_box.n02 {vertical-align: top;}
.event_list .slide_box.n05 {vertical-align: top;}
.event_list .slide_box.n06 {vertical-align: top;}
.event_list .slide_box .img_box .overlay{position: absolute;z-index: 4;width: 100%;background: rgba(0,0,0,.8);top: 0;left: 0;bottom: 0;transform-origin: 50% 100%;opacity: 1;transition: all 2s ease;-webkit-transition: all 2s ease;height: 200%;box-sizing: border-box;border-top: 700px solid #000;}
.event_list.on .slide_box.n02 .img_box{z-index:9}
.event_list.on .slide_box.on .img_box{z-index:9}

.event_list.on .slide_box.box_left .overlay{top: -200%;}
.event_list.on .slide_box:nth-child(3n-1) .img_box .overlay{bottom:-200%;}
.event_list.on .slide_box.box_left.n02 .overlay{transition-delay: .3s}
.event_list.on .slide_box.n01 .overlay{background:rgba(0,0,0,.8)}
.event_list.on .slide_box.n03 .overlay{background:rgba(0,0,0,.8)}
.event_list.on .slide_box.n04 .overlay{background:rgba(0,0,0,.8)}
.event_list.on .slide_box.n05 .overlay{background:rgba(0,0,0,.8)}
.event_list.on .slide_box.n06 .overlay{background:rgba(0,0,0,.8)}
.event_list.on .slide_box.btm_top2 .overlay{bottom: -200%;top: auto !important;border: none;border-bottom: 700px solid #000;}
.event_list .slide_box .img_box .slide_img{position: relative;width: 100%;height: 100%;transform-origin: center;}
.event_list .slide_box.on .overlay {top: -200%;}
.event_list .slide_box.on .img_box .slide_img{animation-name: image-intro;animation-duration: 1.5s;animation-timing-function: ease-in-out;}
.event_list .slide_box.n01 .img_box .slide_img {width: 43.75rem;}
.event_list .slide_box.n02 .img_box .slide_img {width: 39rem;}
.event_list .slide_box.n03 .img_box .slide_img {width: 39rem;}
.event_list .slide_box.n04 .img_box .slide_img {width: 43.75rem;}
.event_list .slide_box.n05 .img_box .slide_img {width: 43.75rem;}
.event_list .slide_box.n06 .img_box .slide_img {width: 39rem;}
.event_list .slide_box.on_lr .overlay{border-top: none;border-right: 700px solid #000;width: 200%;height: 100%;left: -100%;}
.event_list .slide_box.on_lr.on .overlay {top: auto;left: 100%;}

.event_list .slide_box.on{opacity: 1;}*/
/*.project_title {font-size: 5rem;font-weight: bold;line-height: .97;overflow: hidden;padding-bottom: 4px;position: absolute;text-align: left;transition: .8s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 99;display:none !important;}
.project_title span {opacity: 1;display: block;white-space: nowrap;transform-style: preserve-3d;overflow: hidden;transform-origin: 0 85%;position: relative;}
.project_title span .word::after {content: "";display: block;clear: both;position: absolute;height: 4px;width: 0%;background-color: #fff;bottom: 5px;left: 0;transition: all .8s cubic-bezier(0.165, 0.84, 0.44, 1);}
.project_title .word-f {display: block;}
.project_title .word-f:last-child {font-weight: bold;display: inline-block;transition-delay: .5s;}
.event_list .slide_box .event_list_title{opacity: 0;display: inline-block;z-index: 10;position: absolute;right: -12rem;bottom: 3rem;}
.event_list.on .slide_box .event_list_title{opacity: 1;}
.event_list .slide_box .event_list_title span {line-height: 1.5;color: #fff;}
.event_list .slide_box:hover .project_title span{opacity: 1;transform: none;transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1)}
.event_list .slide_box:hover .project_title .word, .event_list .slide_box:hover .project_title .word2{transform: none;transition: all .8s cubic-bezier(0.165, 0.84, 0.44, 1);}
.event_list .slide_box:hover .project_title .word2{    transition-delay: .3s;}
.event_list .slide_box:hover .project_title .word:after, .event_list .slide_box:hover .project_title .word2:after {width: 100%;transition: width .8s cubic-bezier(0.165, 0.84, 0.44, 1);}
.event_list .slide_box:hover .project_title .word2:after {transition-delay: .4s;}
.event_list .slide_box.n02 .event_list_title{bottom:1rem;}
.event_list .slide_box.n02 .word-f:first-child{display: inline-block;}
.event_list .slide_box.n02 .word-f:last-child{display: block;}
.event_list .slide_box.n03 .event_list_title{right: -6rem;bottom:1rem}
.event_list .slide_box.n04 .event_list_title{right: -5rem;bottom: 1rem;}
.event_list .slide_box.n05 .event_list_title{right: -6rem;bottom: 1rem;}
.event_list .slide_box.n05 .word-f:first-child{display: inline-block;}
.event_list .slide_box.n05 .word-f:last-child{display: block;}
.event_list .slide_box.n06 .event_list_title{right: -9rem;bottom:1rem}

.event_list .slide_box .img_box .hover_txt{display:flex;align-items: center;justify-content: center;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 10;}
.event_list .slide_box .img_box .hover_txt div{overflow: hidden;text-align: center;position:relative;z-index:10}
.event_list .slide_box .img_box .hover_txt div span{font-size:1.2rem;opacity: 0;color:#fff;transition: all .3s ease ;top:-50px;position:relative;}
.event_list .slide_box:hover .img_box .hover_txt div span{top:0;opacity: 1;}
.event_list .slide_box .img_box .hover_txt:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(0,0,0,.5);transition: all .3s;z-index:2}
.event_list .slide_box:hover .img_box .hover_txt:after{left:0;}


.event_list .slide_box .txt_bx .num {color: rgba(255,255,255,.12);font-size: 13rem;font-weight: bold;z-index: 0;position: absolute;font-family: "Gmarket Sans Bold",dotum,sans-serif;display:none !important;}
.event_list .slide_box.n01 .txt_bx .num {right: -30%;top: 50%;transform: translateY(-50%);transition-delay: .35s;}
.event_list .slide_box.n02 .txt_bx .num {left:0;bottom: -50%;}
.event_list .slide_box.n03 .txt_bx .num {left: -37%;bottom: -28%;transform: translateY(-50%);}
.event_list .slide_box.n04 .txt_bx .num {right: -30%;top: 50%;transform: translateY(-50%);transition-delay: .35s;}
.event_list .slide_box.n05 .txt_bx .num {right: -30%;top: 50%;transform: translateY(-50%);transition-delay: .35s;}
.event_list .slide_box.n06 .txt_bx .num {right: -30%;top: 0;}
.event_list.on .slide_box.n01 .txt_bx .num {z-index: -2;}
.business_txt {position: relative;display: flex;gap: 0.5rem;left:0;bottom:0;transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);margin-top:10px;}
.business_txt span{font-weight: bold;font-size: 1.3rem;transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);;color:#000;font-family: "Gmarket Sans bold",dotum,sans-serif;}
.business_txt span.down01 {transition-delay: .1s;}
!*.slide_box:hover .business_txt span {opacity: 0;transition: all .8s cubic-bezier(0.165, 0.84, 0.44, 1);transform: translate(-25%) translateZ(0);}
.slide_box:hover .business_txt span.down01 {transition-delay: .1s;}*!
.event_list .slide_box.n02 .txt_bx .business_txt{position:absolute;left: -2.2rem;writing-mode: vertical-lr;transform: rotate(180deg);top: 0;bottom: inherit;margin-top:0;}
.event_list .slide_box.n03 .txt_bx .business_txt{position:absolute;top: -3.2rem;bottom: auto;}
.event_list .slide_box.n04 .txt_bx .business_txt{position:absolute;left: -2.2rem;writing-mode: vertical-lr;transform: rotate(180deg);top: 0;bottom: inherit;margin-top:0;}
.event_list .slide_box.n06 .txt_bx .business_txt{position:absolute;left: -2.2rem;writing-mode: vertical-lr;transform: rotate(180deg);top: 0;bottom: inherit;margin-top:0;}

.business_txt_mo{display:none;writing-mode: vertical-lr;transform: rotate(180deg) translateY(-50px);position: absolute;right: -33px;top: 0;font-weight: 600;opacity: 0;transition: transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98);color:#000;font-size:3vw}
.event_list .slide_box.on .business_txt_mo {opacity: 1;transform: rotate(180deg) translateY(0px);}

.project_tit_mo {display: none;position: absolute;right: -83px;bottom: 41px;z-index: 10;}

@keyframes image-intro {
    0% {
        transform: scale(1.4);
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes ani_up {
    0% {
        transform: translate3d(0, 250%, 0);
        visibility: visible;
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.img-ani, .yh_ani2, .yh_ani3, .img-ani2, .copy-ani {
    -webkit-transition: all 1s cubic-bezier(0,.72,.44,.99);
    -moz-transition: all 1s cubic-bezier(0,.72,.44,.99);
    -ms-transition: all 1s cubic-bezier(0,.72,.44,.99);
    -o-transition: all 1s cubic-bezier(0,.72,.44,.99);
    transition: all 1s cubic-bezier(0,.72,.44,.99);
    opacity: 0;
}
.bottom-top {
    transform: translate(0,100px);
    -webkit-transform: translate(0,100px);
    -moz-transform: translate(0,100px);
    -ms-transform: translate(0,100px);
    -o-transform: translate(0,100px);
}


.img-aniload {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    opacity: 1;
}*/

/*body #magicMouseCursor
{
    border:2px solid #fff !important;
    mix-blend-mode: exclusion;
}*/

/*
body #magicMouseCursor {
    mix-blend-mode: difference;
    z-index: 10000000!important;
    height: 5px;
    width: 5px;
    top: 0;
    left: 0;
    position: fixed;
    background: #fff;
    border-radius: 50%;
    pointer-events: none;
    transition: background .2s , width .2s , height .2s , box-shadow .2s;
}*/


.works{padding:100px 0;background:#000;}
.works h2.works-h2{font-size:5em;font-weight: 900;color:#fff;text-align: center;-webkit-text-fill-color: rgba(255, 255, 255, 0.1);background-image: linear-gradient(#fff, #fff);-webkit-background-clip: text;background-repeat: no-repeat;background-size: 0% 100%;transition: opacity 0.3s;}

.works .works-tab{margin:50px 0;}
.works .works-tab ul{display:flex;align-items: center;gap:10px;}
.works .works-tab ul li{font-size:1.45em;color:#fff;border:1px solid #fff;border-radius: 30px;padding:10px 30px;text-align: center;transition: all .4s;cursor: pointer}
.works .works-tab ul li:hover,
.works .works-tab ul li.active{background:#fff;color:#000;}

.works .works-list > div {width:100%;}
.works .works-list > div + div{margin-top:50px;}
.works .works-list > div.top{display:grid;grid-template-areas:'top-left right''bottom-left right';gap:50px;grid-template-columns: calc(40% - 25px) calc(60% - 25px) ;grid-template-rows:1fr 1fr;height:550px}
.works .works-list > div.mid{display:grid;grid-template-columns:1fr;gap:50px;height:500px}
.works .works-list > div.btm{display:grid;grid-template-columns:1fr 1fr;gap:50px;height:450px}
.works .works-list > div .item{width:100%;position:relative;border-radius: 30px;overflow: hidden;transform:translate(0px,100px);opacity: 0;transition: all 2s ease}
.works .works-list > div .item .img{width:100%;height:100%;position:relative;}
.works .works-list > div .item .img .img_box{width:100%;height:100%;position:relative;transition: all .2s;}
.works .works-list > div .item:hover .img .img_box{transform:scale(1.1);}
.works .works-list > div .item .img span{position:absolute;top:15px;left:15px;background:rgba(0,0,0,.5);color:#fff;font-size:1em;font-weight: 500;border-radius: 30px;padding:7px 14px;}
.works .works-list > div .item .img img{display:none;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%) scale(1);}
.works .works-list > div .item .tit{font-size:2.2em;color:#fff;padding:1em;position:absolute;bottom:0;left:15px;width:calc(100% - 15px);font-weight:600;}
.works .works-list > div.top .item:first-child{grid-area:top-left;}
.works .works-list > div.top .item:nth-child(2){grid-area:bottom-left;}
.works .works-list > div.top .item:last-child{grid-area:right;}
.works .works-list > div.mid .item{}
.works .works-list > div.empty_works{padding:150px 20px;text-align: center;font-size:2.2em;color:#fff;font-weight:bold;}



.works_container{padding:150px 0;background:#000;}
.works_container .works_wrap{position: relative;}
.works_container .works_wrap .fixed_lnb{position:sticky;top:150px;left:0;width:250px;}
.works_container .works_wrap .fixed_lnb span{font-size:2em;font-family: 'Gmarket Sans Light',dotum,sans-serif;display:block;margin-bottom:20px;color:#fff}
.works_container .works_wrap .fixed_lnb ul {}
.works_container .works_wrap .fixed_lnb ul li {display:flex;align-items: center;}
.works_container .works_wrap .fixed_lnb ul li input[type=radio]{width:2em;height:2em;accent-color:#000;}
.works_container .works_wrap .fixed_lnb ul li label{font-size:1.5em;margin-left:10px;color:#fff;}
.works_container .works_wrap .fixed_lnb ul li + li{margin-top:10px;}

.works_container .works_wrap .work_list{width:calc(100% - 250px);margin-left:250px;margin-top:-300px;min-height:100vh;}
.works_container .works_wrap .work_list:after{content:"";clear:both;display:block;}
.works_container .works_wrap .work_list > div{width:calc(33.33% - 30px);margin:25px 15px;float:left;transition: all .2s;}
.works_container .works_wrap .work_list > div .img{width:100%;height:16vw;border-radius: 30px;overflow: hidden;position: relative;}
.works_container .works_wrap .work_list > div .img img{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.45);transition: all 1s ease}
.works_container .works_wrap .work_list > div .img .img_box{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.45);transition: all 1s ease}
.works_container .works_wrap .work_list > div .img video{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);transition: all 1s ease}
.works_container .works_wrap .work_list > div .img:hover .img_box{transform:translate(-50%,-50%) scale(1.65);}
.works_container .works_wrap .work_list > div .img:hover video{transform:translate(-50%,-50%) scale(1.25);}
.works_container .works_wrap .work_list > div .txt{padding:10px 0 0 0;}
.works_container .works_wrap .work_list > div .txt span{font-size:1.3em;color:#fff;}
.works_container .works_wrap .work_list > div .txt h3{font-size:1.6em;font-family: 'Noto Sans CJK KR Medium',dotum,sans-serif;color:#fff;}

.contact{background:#000;padding:150px 0 150px 0;min-height:90vh;}

.contact_tit{text-align: center;}
.contact_tit h2{font-size:5em;font-family: "Gmarket Sans Bold",dotum,sans-serif;color:#fff;}
.contact_tit h2.board_tit{font-size:3em;text-align: left;width:950px;margin:0 auto;}
.contact_wrap {display:flex;align-items: center;padding:0 80px;margin-top:100px;}
.contact_wrap .left{width:50%;padding-right:60px;border-right:1px solid #5c5c5c;}
.contact_wrap .left form > div{font-size:1.3em;color:#666666;text-align: right;margin-bottom:20px;}
.contact_wrap .left form > div span{color:red;}
.contact_wrap .left ul {width:100%;}
.contact_wrap .left ul li{width:100%;display:flex;align-items: center;}
.contact_wrap .left ul li.top{align-items: flex-start}
.contact_wrap .left ul li + li{margin-top:15px}
.contact_wrap .left ul li div:first-child{width:120px;color:#fff;font-size:1.5em;}
.contact_wrap .left ul li.top div:first-child{padding-top:6px;}
.contact_wrap .left ul li div:first-child span{color:red;}
.contact_wrap .left ul li div:last-child{width:calc(100% - 120px);text-align: center;}
.contact_wrap .left ul li div input[type=text]{width:100%;background:#222222;border-radius: 10px;border:none;padding:10px;font-size:1.5em;color:#fff;}
.contact_wrap .left ul li div textarea{width:100%;height:150px;background:#222222;border-radius: 10px;border:none;padding:10px;font-size:1.5em;resize:none;color:#fff;}
.contact_wrap .left ul li div.agree {padding:10px 0;display:flex;justify-content: center;}
.contact_wrap .left ul li div.agree input[type=checkbox]{display:none;}
.contact_wrap .left ul li div.agree input[type=checkbox] + label{color:#fff;font-size:1.2em;display: flex;justify-content: center;align-items: center;cursor: pointer}
.contact_wrap .left ul li div.agree input[type=checkbox] + label span{background:url("../img/in_agree_chk.png")center / contain no-repeat;width:1.2em;height:1.2em;display:block;margin-right:6px;}
.contact_wrap .left ul li div.agree input[type=checkbox]:checked + label span{background:url("../img/in_agree_chk_on.png")center / contain no-repeat;width:1.2em;height:1.2em;display:block;margin-right:6px;}
.contact_wrap .left ul li div.agree input[type=checkbox] + label a{font-weight:bold;color:#fff;padding-left:4px;}

.contact_wrap .left ul li div button{border:1px solid #fff;border-radius:38px;background:#000;color:#fff;padding:14px 30px;font-size:1.4em;font-family: "Noto Sans CJK KR Medium",dotum,sans-serif;}
.contact_wrap .right{width:50%;padding-left:60px;}
.contact_wrap .right #map{height:380px;width:100%;border-radius: 10px;}
.contact_wrap .right .addr {margin-top:30px;}
.contact_wrap .right .addr h5{color:#fff;font-family: "Noto Sans CJK KR Bold",dotum,sans-serif;font-size:1.5em;margin:20px 0 10px 0;}
.contact_wrap .right .addr p{color:#fff;font-size:1.3em;}
.contact_wrap .right .addr div{display:flex;align-items: center;margin-top:10px;}
.contact_wrap .right .addr div div + div{margin-left:20px;}
.contact_wrap .right .addr div div strong{color:#fff;font-size:1.3em;margin-right:10px;}
.contact_wrap .right .addr div div span{color:#fff;font-size:1.3em;}

#magicMouseCursor{display:none !important;}
#magicPointer{}

.kakao_btn{border-radius: 50%; width:50px;height:50px;position:fixed;bottom:115px;right:30px;mix-blend-mode: difference}
.kakao_btn a{display:flex;width:100%;height:100%;align-items: center;justify-content: center;}
.kakao_btn img{width:100%;}

.work_top{display:flex;align-items: center;}
.work_top div{display:flex;align-items: center;margin-right:40px;}
.work_top span{font-size:1.6em;color: #808080;margin-right:18px;display:block;}
.work_top strong{font-size:1.6em;color: #000;display:block;}
a.link_btn{padding:10px 30px;font-size:1.6em;background:#000;color:#fff;display:inline-block;}

.bg .work_top span{color: #a7a7a7;}
.bg .work_top strong{color: #fff;}
.bg a.link_btn{background:#fff;color:#000;}

.bg .video_thumb span{color:#fff;}

.top_img{margin:50px 0;}
.top_img img{width:100%;}

.work_video{height:910px;margin:100px 0;}
.work_video .video_txt{display: block;font-size: 1.6em;margin-bottom: 20px;}
.work_video video{width:100%;height:100%;}

.work_imgs {margin:80px 0 0 0;}
.work_imgs > div + div {margin-top:60px;}
.work_imgs span{display:block;font-size:1.6em;margin-bottom:20px;}
.work_imgs img{width:100%;}

/*.nascom_wrap{background:url('../img/nascom_bg.jpg')center / 100% auto no-repeat;margin:60px 0;}
.nascom_wrap .phones{display:flex;align-items: center;justify-content: center;}
.nascom_wrap .phones img{width:30%;}*/

.prev_btn{position:fixed;top:50%;left:0;width:220px;height:70vh;transform: translateY(-50%);z-index:10000;}
.prev_btn a{display:block;width:100%;height:100%;font-size:0;line-height: 0;}


.next_btn{position:fixed;top:50%;right:0;width:220px;height:70vh;transform: translateY(-50%);z-index:10000;}
.next_btn a{display:block;width:100%;height:100%;font-size:0;line-height: 0;}

.video_thumb {margin:150px auto 50px auto;overflow: hidden;width:calc(100% - 100px)}
.video_thumb span {display:block;font-size:1.6em;margin-bottom:20px;}
.video_thumb .img{position:relative;overflow: hidden;width:100%;height:36vw;}
.video_thumb .img.video{height:910px;}
.video_thumb .img video{width:100%;height:100%;}
.video_thumb img{width:100%;position:absolute;;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition: all 1s ease}
.video_thumb .img.video iframe{width:100%;height:440px;}
.video_thumb:hover img{transform:translate(-50%,-50%) scale(1.3);}

.video_pop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:-1;opacity: 0;transition: all .4s }
.video_pop .close{position:absolute;top:20px;right:20px;width:30px;height:30px;cursor: pointer}
.video_pop .close span{width:110%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:50%;}
.video_pop .close span:first-child{transform:translate(-50%,-50%) rotate(45deg);}
.video_pop .close span:last-child{transform:translate(-50%,-50%) rotate(-45deg);}
.video_pop iframe{height:80vh;width:80vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;}
.video_pop.active{z-index:100002;opacity: 1;}

.carousel-cell{margin-right:50px;}
.carousel-cell img{height:350px;}
.work_detail .main-carousel {width:calc(100% - 100px);margin:0 auto}
.work_detail .flickity-page-dots {display:flex;align-items: center;margin-top:30px;}
.work_detail .flickity-page-dots .dot{flex:1 auto;height:3px;background:#d9d9d9;transition:  all .4s;border-radius: 0;margin:0;opacity: 1;}
.work_detail .flickity-page-dots .dot.is-selected{background:#000}

.bg .work_detail .flickity-page-dots .dot.is-selected{background: #888;}


.video_txt2{display: block;font-size: 1.6em;margin-bottom: 20px;margin-top:80px;}

.work_top2{display:flex;}
.work_top2 > div{width:50%;}
.work_top2 > div:first-child{margin-right:1.5%;width:calc(47.6%);}
.work_top2 > div:last-child{margin-left:1.5%;width:calc(53.4%)}
.work_top2 > div:last-child div:first-child {overflow: hidden;width:100%;height:48%;position:relative;}
.work_top2 > div:last-child div:first-child > img{transform:translate(-50%,-50%) scale(1);transition: all 1s ease;width:100%;position:absolute;top:50%;left:50%;}
.work_top2 > div:last-child div:first-child:hover > img{transform:translate(-50%,-50%) scale(1.3);}
.work_top2 > div img{width:100%;}
.work_top2 > div > div + div{margin-top:5%;}