/**************** font ****************/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/*********************setting.css*********************/
*{cursor: none;}
section {height: 100vh;}

.custom-cursor {position: fixed;opacity: 0;pointer-events: none;mix-blend-mode: difference;width: 36px;height: 36px;border-radius: 50%;background-color: white;transition: transform 250ms ease;transform: translate(-50%, -50%) scale(0.5);z-index: 9999;}
.custom-cursor--link{background-color: #BDFF00;transform: translate(-50%, -50%) scale(1);cursor: none;}

.header_logo_wrap{mix-blend-mode: difference !important;}
.header_logo_wrap a{mix-blend-mode: difference !important;}
.header_logo_wrap img{display: flex;width: 270px;padding: 6px 0.011px 0px 0px;justify-content: center;align-items: center;mix-blend-mode: difference !important;margin:6px 24px;}

/**************** header ****************/
header#hd{z-index:999;}
header#hd.hd_zindex .logo_on{display:block;transition-duration:.3s;}
header#hd.hd_zindex .logo_off{display:none;transition-duration:.3s;}
header#hd.hd_zindex.gnb_1dul li.gnb_1dli a{color:#333;}
header#hd.hd_zindex .gnb_1dul li.gnb_1dli:after{background:#333;}
#hd{position:fixed;width:100%;left:0px;top:0px;mix-blend-mode: difference;}

/* 메뉴 */
#gnb{position:relative; text-align:center;}
#gnb_1dul{z-index:101;height:100%;margin:0px 24px;}
#gnb_1dul .gnb_1dli{float:left;position:relative;height:100%;}
#gnb .gnb_1dli{position:relative;display:inline-block;zoom:1;letter-spacing:.05em;}
#gnb_1dul .gnb_1dli1{padding:0;}
#gnb_1dul .gnb_1da{
    /*padding:15px 12px;font-weight:600;display:inline-block;font-size:16px;color:#fff;letter-spacing:-.02em;text-align:center;transition: all ease .5s;*/
    color: #FFF;
    text-align: center;
    font-family: Urbane;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 44.8px */
    text-transform: uppercase;
    height:80px;
    line-height:80px;
    display:block;
}
#gnb_1dul .gnb_1dli{
    margin-right:28px;
}
#gnb_1dul .gnb_1dli:last-child{
    margin-right:0px;
}

/* 대메뉴 오버시 */
#gnb .gnb_1dli:hover .gnb_1da{color:#BDFF00;text-decoration:underline;}


/* 모바일 */
ul.mo_gnb{display:none;}
#mo_menu_wrap{display:none;}
#mo_menu_wrap #m_nav_icon-bar{width:48px;}
#mo_menu_wrap.open #m_nav_icon-bar{display: none;}


#mo_menu_wrap #m_nav_icon {transition:0.2s;z-index: 9999;width: 48px;height:48px;position: absolute;cursor: pointer;left: 16px;top:33px;}
#mo_menu_wrap.open #m_nav_icon{}

#mo_menu_wrap #m_nav_icon .menu_bar {width: 100%;height:1px;position: absolute;left: 0;transition: .25s ease-in-out;}
#mo_menu_wrap #m_nav_icon .menu_bar{background: #fff;}
#mo_menu_wrap.open #m_nav_icon .menu_bar{background: #111;}


#mo_menu_wrap #m_nav_icon.close .menu_bar:nth-child(1) {top:15px;transform: rotate(45deg);}
#mo_menu_wrap #m_nav_icon.close .menu_bar:nth-child(2) {top:15px;transform: rotate(-45deg);}

header#hd.active {min-height:60px;mix-blend-mode: initial;}
header#hd.active {background: linear-gradient(to left, transparent, #fff 50%, transparent);background-size: 200% 100%;animation: transparentGradient 1s forwards;}
@keyframes transparentGradient { 0% {background-position: 100% 0;} 100% {background-position: 0 0;} }

body.active header#hd{background: transparent;border-bottom:none;box-shadow:none;}

#m_gnb{position:fixed;overflow-y:auto;z-index:9998;top:0;bottom: 0;left: -105%;width:100%;padding-top:20px;background-color:#BDFF00;line-height:1.5;transition: left 0.4s;box-shadow: 0 0 3px 5px rgb(0 0 0 / 5%);}

#m_gnb.open{left:0;height:100%; overflow-y: auto;}
#m_gnb.open main#container:before{content:'';background:rgba(0,0,0,.4);width:100%;height:100%;z-index:999;position:absolute;top:0;left:0;}

#m_gnb .gnb_wrap{padding:0 0px;}
#m_gnb #gnb_1dul .gnb_1dli{
    display: flex;
    width: 375px;
    height: 92px;
    padding: 23px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-top: 1px solid #111;
    background: var(--text-BDFF00, #BDFF00);
}
#m_gnb #gnb_1dul .gnb_1da{color: var(--text-111111, #111);
    font-family: Urbane;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 44.8px */
    text-align:center;
    height:auto;
}
#m_gnb a.gnb_1da.open:after{transform: rotate(135deg)!important;}
#m_gnb #gnb_1dul .gnb_1dli{width:100%;height: auto;text-align: left;}

#m_gnb .gnb_2dul{background: #f4f4f4;padding: 10px 20px;margin: 2px 10px;}
#m_gnb .gnb_2dli a.gnb_2da{color:#999;text-align: left;}
#m_gnb .gnb_2dli a.gnb_2da:hover{color:#333;}
#m_gnb  #gnb_1dul .gnb_1dli:before{display:none;}

#m_gnb .add_menu_wrap {position: absolute;top: 30px;left: 25px;}
#m_gnb a.hd_log_btn.login:after{background:#333;}
#m_gnb .logo {position: absolute;bottom: 60px;left: 50%;transform: translate(-50%, -0);opacity:0.6;}

#m_gnb .header_logo {position: absolute;top: 20px;left: 15px;}
#m_gnb .header_logo img{width:50%;}

body{right:0;transition: right 0.4s;width: 100%;position: relative;}
body.active {/*right: 300px;transition: right 0.4s;*/}
body.active:before {content: '';position: absolute;z-index:999;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);}
#hd.active .header_logo_wrap{display:none;}

#m_gnb .hd-menu{display:grid;width: 100%;grid-template-columns: repeat(2, 1fr);gap:6px;margin:0 auto;}
#m_gnb .hd-menu a{width: 100% !important;height: 40px;font-size: 14px !important;}

.mobile-menu{display:grid;width: 100%;grid-template-columns: repeat(2, 1fr);gap:6px;border-bottom: 1px solid #ddd;}
body .mobile-menu a{width: 100% !important;height: 40px;font-size: 14px !important;}

.header_wrap {display:flex;justify-content: space-between;}

.mobile{display:none;}
@media(max-width:768px) {
    .header_wrap{z-index:200;max-width:1740px;height:60px;margin:0 auto;zoom:1;padding:0 16px;text-align:center;display:flex;justify-content:space-between;}
    #mo_menu_wrap{ height: 100%;display: flex;align-items: center;justify-content: flex-end;}
    .gnb_wrap{height:auto;}
    #gnb_1dul{height:auto;position: relative;margin:27px auto; ;}
    ul.gnb_1dul{display:none;}
    a.hd_icon_btn.btn03.close{margin-top:0;}
    #gnb_btn{display:none;}
    #hd{position:fixed;z-index:1000;top:0;left:0;width:100%;transition-duration:.3s;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);}
    .mobile{display:flex;}
    .header_logo_wrap img{width:183px;margin:7px 0px;}
    .m_copyright{color: var(--text-111111, #111);
        font-family: Urbane;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%; /* 19.6px */

        padding:47px 0px !important;

    }
    .m_logo{margin-top:7px;}
}

.chat_icon{position:fixed;right:12px;bottom:60px;z-index:99;}
.chat_icon img{width:120px;height:120px;}
@media(max-width:768px) {
    .chat_icon{right:0px;bottom:0px;}
    .chat_icon img{width:100px;height:100px;}
}

.sub-container{/*padding:24px;*/}
@media(max-width:768px) {
    .sub-container{/*padding:16px;*/}
}

/******* footer *******************************/
footer{background:#F8F8F8;}
footer .info_wrap{display: inline-flex;
    padding: 40px 24px 120px 24px;
    justify-content: space-between;
    align-items: flex-start;
    width:100%;
}

footer .info_wrap:nth-child(1){
    border-top: 1px solid var(--BG-111111, #111);
}

footer .info_wrap .item-l{
    color: var(--BG-111111, #111);
    font-family: Urbane;
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    width:50%;
}

footer .info_wrap .item-r{
    width:50%;
}

footer .info_wrap .item-r .text{color: var(--BG-111111, #111);
    font-family: Urbane;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
footer .info_wrap .item-r .text small{display:block;--BG-111111, #111);
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    letter-spacing: -0.5px;}

footer .info_wrap .item-r a:hover{text-decoration:underline;}

@media(max-width:768px) {
    footer .info_wrap{
        padding: 40px 16px 120px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 60px;
    }
    footer .info_wrap .item-l,footer .info_wrap .item-r{
        width:100%;
    }
    footer .info_wrap .item-l{
        font-family: Urbane;
        font-size: 48px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%; /* 67.2px */
    }
    footer .info_wrap .item-r .text{
        font-family: Urbane;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 44.8px */
    }
}

footer .foot_logo{padding-left:6px;padding-right:8px;}
footer .foot_logo img{max-width:initial;width:100%;}

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


/* partner */
.marquee {height:200px;display: flex;overflow: hidden;user-select: none;gap: 40px;align-items:center;}
.marquee__group {flex-shrink: 0;display: flex;align-items: center;/*justify-content: space-around;*/gap: 40px;/*min-width: 100%;*/animation_x: scroll-x 30s linear infinite;}
.marquee--reverse .marquee__group {animation-direction: reverse;animation-delay: -3s;}

.marquee .logo_img {background: transparent;display: grid;transition: 0.3s;place-items: center;width: 200px;height: 100px;padding: 0;}
.marquee .logo_img img {width: 200px;height: 100px;object-fit: contain;}


@keyframes scroll-x { from {transform: translateX(calc(-100% - 40px));} to {transform: translateX(0);} }
@keyframes scroll-y { from {transform: translateY(var(--scroll-start));} to {transform: translateY(var(--scroll-end));}}
@keyframes fade { to {opacity: 0;visibility: hidden;} }
@media (prefers-color-scheme: dark) {  :root {--color-text: papayawhip;--color-bg: navy;--color-bg-accent: #2626a0;}  }
@media (prefers-reduced-motion: reduce) {  .marquee__group {animation-play-state: paused;}  }
:root {--color-text: navy;--color-bg: papayawhip;--color-bg-accent: #ecdcc0;--size: clamp(10rem, 1rem + 40vmin, 30rem);--gap: calc(var(--size) / 14);--duration: 60s;--scroll-start: 0;--scroll-end: calc(-100% - var(--gap));}

@media (max-width: 410px) {
    .marquee {height:92px;gap: 20px;}
    .marquee__group{gap: 20px}
    .marquee .logo_img {width: 100px;height: 50px;}
    .marquee .logo_img img {width: 100px;height: 50px;}
}