@charset "UTF-8";
/* 기본 설정들 */
html {overflow-x: hidden;}
body{position: relative;overflow: hidden;}
html *{ word-break: keep-all;}
html, body {font-family: "Noto Sans KR", sans-serif;}
img, p, span, h1, h2, h3, h4, h5, h6 {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; }
.p{display: block ;}
.t{display: none;}
.m{display: none ;}
.mt{display: none;}
.fb{font-family: "Noto Sans KR"; font-weight: 600; font-style: bold;}
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;}

.bold{font-weight: 600;}
.md{font-weight: 500;}

/* header */
.header{position: fixed;top: 0;left: 0;width: 100%;padding: 22px 0;z-index: 999999;}
.header_con{width: calc(100% - 80px);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}

.header_list_group{display: flex;gap: 78px; }
.header_list{font-size: 16px;font-family: 'Gotham Bold', sans-serif;cursor: pointer;transition: 0.4s; }
.header_list_txt{padding: 0 5px 5px; transition: 0.4s;}
.you_btn {overflow: hidden; position: relative; transition: 0.4s; width: 147px;cursor: pointer;display: flex;font-family: 'Gotham Bold', sans-serif; justify-content: center;gap: 5px;background-color: #FF0000;color: #fff;border-radius: 50px;height: 43px;align-items: center;font-size: 16px;}
.you_bg{transition: 0.4s; position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #fff;z-index: 0;}
.logo{cursor: pointer;width: 92px;transition: 0.4s;}

.you_txt,.you_logo{transition: 0.4s;}
.you_btn:hover .you_logo, .you_btn:hover .you_txt{filter: invert(1);}
.you_btn:hover{box-shadow: 0 0 15px #0000003d;}
.you_btn:hover .you_bg{width: 100%;}
html.invert_header header .logo{filter: invert(1);transition-delay: 0.4s;}
html.invert_header header .header_list_txt{color: #fff;transition-delay: 0.4s;}

.list_line_group{display: flex;align-items: center;}
.list_line{width: 100%;height: 1px;}
.list_line_wh{width: 100%;height: 100%;background-color: #FF0066;transform: scaleX(0);transform-origin: bottom right; transition: transform 0.25s ease-out; }
.header_list:hover .list_line_wh{transform: scaleX(1); transform-origin: bottom left; }
.header_list.on .list_line_wh{transform: scale(1);}

.mouse{transition: 0.4s 0.4s; position: fixed;z-index: 999;bottom: 42px;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;gap: 10px;align-items: center;}
.arr_img{animation: arr_ani 1s ease-in-out infinite alternate ;}

.mouse_img, .arr_img{transition: 0.4s; transition-delay: 0.4s;}
/* html.invert_header .mouse_img, html.invert_header .arr_img{filter: invert(1);transition-delay: 0s !important;} */
.mouse_img,.arr_img{filter: invert(1);transition-delay: 0s !important;}

.sub_header_icon_group{transition: 0.6s;filter: brightness(100);}
.sub_header{transition: 0.6s;}
.sub_header_con{transition: 0.6s;}
html.popup_open .sub_header_icon_group{margin-right: 40px;}
html.popup_open .sub_header_con{filter: invert(1);}
html.popup_open .sub_header{background-color: #fff;}
html.popup_open{}

.contact_btn{border-radius: 50px;box-shadow: 0 0 15px #00000010;transition: 0.4s; position: fixed;bottom: 40px;right: 40px;z-index: 999;cursor: pointer;}
.contact_btn:hover{box-shadow: 0 0 15px #00000049;filter: invert(1);}
.contact_btn>img{transition: 0.4s;}
.popup1_img, .popup3_img{position: absolute;top: 0;left: 0;opacity: 0;}

.ham_open_group{display: none;}

/* footer */
.footer1{background-color: #000;margin-top: -1px;}
.footer2{margin-top: -1px; height: calc(100vh - 87px); background-color: #000;position: relative;overflow: hidden;}
.footer2_con{}
.footer2_con>div{ position: absolute;display: flex;height: 80px;}
.footer2_1{z-index: 2;transform: rotate(70deg) ;right: -50%;}
.footer2_2{z-index: 1;transform: rotate(-15deg) ;left: -10%;animation: floatAni2 60s linear infinite forwards;}

.float_wrap{display: flex;flex: 0 0 auto; transform: translateX(0);animation: floatAni1 180s linear infinite forwards;}
.footer2_con .float_wrap>img{width: max-content; flex: 0 0 auto;object-fit: cover;margin-left: -1px;margin-right: -1px;display: block;}

@keyframes floatAni1 {
    100%{
        transform: translateX(-80%);
    }
}
.footer3{margin-top: -1px; position: relative;z-index: 2; background-color: #000;color: #fff;font-family: 'GmarketSans';}
.footer3_con{align-items: flex-end; padding-top: 80px;padding-bottom: 100px;max-width: 1400px;display: flex;justify-content: space-between;margin: 0 auto; margin-top: -100px;}
.footer3_left{display: flex;flex-direction: column;gap: 30px;}
.footer3_left_1{display: flex;flex-direction: column;gap: 10px;}
.footer3_left_1_2{font-size: 30px;line-height: 50px;display: flex;flex-direction: column;}
.footer3_left_2{font-size: 30px;line-height: 50px;}

.footer3_right_group{font-size: 30px;line-height: 50px; width: 560px;display: flex;align-items: center;justify-content: space-between;}
.footer3_right_1{display: flex;gap: 8px;align-items: center;}
.footer3_right_1_1{display: flex;align-items: center;justify-content: center;}
.footer3_right_1_2{margin-top: 10px;font-weight: 600;}



/* sub_header */
.sub_header{font-weight: 400; position: fixed;z-index: 99999; height: 87px;background-color: #000;display: flex;align-items: center;top: 0;width: 100%;left: 0;}
.sub_header_con{align-items: center; display: flex;justify-content: space-between;width: 90%;margin: 0 auto;}
.sub_header_logo{width: 140px;height: 40px; }
.sub_header_logo img{width: 40px;height: 40px; cursor: pointer;}
.sub_header_sort_group{height: 87px; font-family: 'Afacad', sans-serif; font-size: 20px;color: #fff;display: flex;gap: 20px;}
.sub_header_sort_group1{display: flex;gap: 0px;align-items: center;}
.sub_header_sort{align-items: center; cursor: pointer;display: flex;gap: 5px;width: 137px;justify-content: center;}
.sub_header_sort_txt1{}
.sub_header_sort_txt2{width: 0;overflow: hidden;transition: 0.4s;white-space: nowrap; }
.sub_header_sort:hover .sub_header_sort_txt2{width: 95px;}


.sub_header_sort_group2{display: flex;align-items: center;cursor: pointer;position: relative;width: 137px;justify-content: center;}
.select_group{padding: 0px 35px 0px;height: 0;box-sizing: border-box;overflow: hidden; transition: 0.6s; background-color: #00000062; width: max-content;text-align: center;flex-direction: column; display: flex;gap: 20px; position: absolute;top: 87px;left: 50%;transform: translateX(-50%);}
.select_group.on{padding: 15px 35px 35px;height: 234px;}
.select{width: max-content;margin: 0 auto; padding-bottom: 10px;border-bottom: 1px solid #fff;}

.sub_header_icon_group{display: flex;gap: 20px;align-items: center;height: max-content;}
.sub_header_icon{width: 35px;cursor: pointer;}
.sub_header_icon.invert{}
.sub_header_icon.nonin{width: 30px;}
.sub_mb_ham_group{display: none;}
.sub_ham_menu{display: none;}

/* sub_footer */
.sub_footer{background-color: #c3f615;padding: 50px 0;}
.sub_footer_con{width: max-content;margin: 0 auto;}
.sub_footer_tit{font-size: 25px; font-family: 'Gotham Black';text-align: center;}
.sub_footer_txt_group{margin-top: 30px;display: flex;flex-direction: column;gap: 15px;}
.sub_footer_txt{display: flex;}
.sub_footer_txt1{ font-family: 'Gotham Black';width: 250px;font-size: 20px;}
.sub_footer_txt2{font-family: 'Afacad', sans-serif;font-size: 20px;}


.footer1_img_mb{display: none;}



@keyframes arr_ani {
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}

@media screen and (max-width:1440px) {
    .footer_family_group{flex-direction: column;}
    
}

@media screen and (max-width: 1250px) {
    .p{display: none;}
    .t{display: block;}
    .mt{display: block;}
    .cont{width: 90%;margin: 0 auto;max-width:1250px}
}


@media screen and (max-width:1025px) {
    .mouse{display: none;}
    .header_list_group{gap: 40px;}

    .footer3_right_group{font-size: 18px;line-height: 1.5;width: 350px;}
    .footer3_left_1_2{font-size: 18px;line-height: 1.5;}
    .footer3_left_2{font-size: 18px;line-height: 1.5;}
    .footer3_con{width: 90%;}
}

@media screen and (max-width:767px) {
    
    .m{display: block;}
    .pt{display: none;}
    .cont{max-width:767px}

    .header_con{width: calc(100% - 40px);}

    .header_list_group{display: none;}
    .logo{width: 70px;}
    .you_txt{display: none;}
    .you_btn{width: 33px;height: 33px;margin-right: 43px;}
    .you_logo{width: 15px;display: flex;align-items: center;justify-content: center;}
    
    .header_right{display: flex;gap: 10px;}
    .ham_btn{top: 22px;transition: 0.4s; position: fixed;z-index: 999999999; right: 20px; display: flex;width: 33px;height: 33px;background-color: #000;border-radius: 50px;}
    .ham_btn>div{transition: 0.4s; position: absolute; width: 14px;height: 1px;background-color: #fff;left: 50%;transform: translate(-50%, -50%);}
    .ham_btn>div:nth-child(1){top: calc(50% - 4px);}
    .ham_btn>div:nth-child(2){top: 50%;transform: scaleX(1) translate(-50%, -50%);}
    .ham_btn>div:nth-child(3){top: calc(50% + 4px);}

    html.invert_header .ham_btn{background-color: #fff;}
    html.invert_header .ham_btn>div{background-color: #000;}
    html.ham_open.invert_header .ham_btn{background-color: #000;}
    html.ham_open.invert_header .ham_btn>div{background-color: #fff;transition-delay: 0; }

    .contact_btn{width: 55px;height: 55px;right: 15px;bottom: 15px;}

    .ham_open_group{ display: block; position: fixed;z-index: 9999998;width: calc(100% - 150px);height: 100vh;right: -100%;top: 0;transition: 0.4s;}
    .ham_filter{background-color: #000000;transition: 0.4s; opacity: 0; position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
    .ham_cont_bx{overflow-y: auto; position: absolute;right: 0;top: 0;min-width: 210px; max-width: 210px; width: calc(100%);z-index: 2; background-color: #fff;bottom: 0;}

    html.ham_open .ham_btn{transition: 0.4s;}
    html.ham_open .ham_btn>div:nth-child(1){transform: rotate(45deg) translate(-50%, -50%);top: calc(50% + 5px);left: calc(50% - 2px);}
    html.ham_open .ham_btn>div:nth-child(2){transform: scaleX(0) translate(-50%, -50%);}
    html.ham_open .ham_btn>div:nth-child(3){transform: rotate(-45deg) translate(-50%, -50%);top: calc(50% - 5px);left: calc(50% - 2px);}

    html.ham_open .ham_open_group{right: 0;}
    html.ham_open .ham_filter{z-index: 9999997;opacity: 0.7;}

    .ham_cont_group{width: 90%;padding-top: 75px;margin: 0 auto;height: max-content;}
    .ham_cont{align-items: center; display: flex;flex-direction: column;gap: 10px;padding-bottom: 10px;border-bottom: 1px solid #F6F6F6;padding-top: 30px;}
    .ham_txt{text-align: center;font-size: 15px;font-weight: 200;line-height: 20px;}
    .ham_bold{font-weight: 500;}
    .ham_img{max-width: 190px;}

    .ham_cont:last-child{border-bottom: none;}


    /* sub_header */
    .sub_header_icon_group{display: none;}
    .sub_header_sort_group{display: none;}

    .sub_header{height: 60px;}
    .sub_mb_ham_group{transition: 0.6s; display: block;position: relative; width: 17px;height: 18px;}
    .sub_mb_ham{position: absolute;transition: 0.6s; left: 0;width: 100%;height: 2px;background-color: #fff;border-radius: 50px;]}
    .sub_mb_ham:nth-child(1){top: 0;}
    .sub_mb_ham:nth-child(2){top: 8px;transform-origin: right;}
    .sub_mb_ham:nth-child(3){top: 16px;}

    html.sub_ham_open .sub_mb_ham_group{width: 21px;}
    html.sub_ham_open .sub_mb_ham:nth-child(1){transform: rotate(45deg);top: 5px;}
    html.sub_ham_open .sub_mb_ham:nth-child(2){transform: scaleX(0);}
    html.sub_ham_open .sub_mb_ham:nth-child(3){transform: rotate(-45deg);top: 5px;}

    .sub_ham_menu{display: block;position: fixed;transition: 0.6s ; top: 59px;left: 100%;width: 100%;height: 100%;z-index: 999;background-color: #1D1D1D;}
    .sub_ham_menu_con{padding-top: 30px;gap: 30px; display: flex;flex-direction: column;align-items: center;}
    .sub_header_icon_group_m{display: flex;align-items: center;justify-content: center;gap: 20px;}
    .sub_header_menu_group{text-align: center; display: flex;flex-direction: column;gap: 40px;font-family: 'Afacad', sans-serif; color: #fff;font-size: 20px;}


    html.sub_ham_open .sub_ham_menu{left: 0%;}

    .sub_header_menu_sub_group{overflow: hidden;height: 0;transition: 0.6s; display: flex;flex-direction: column;gap: 15px;font-size: 18px;}
    .sub_header_menu_sub_group.on{height: 117px;margin-top: 20px;}

    .sub_footer{padding: 40px 0;}
    .sub_footer_txt_group{align-items: center;text-align: center;}
    .sub_footer_txt{flex-direction: column;gap: 10px;}

    .sub_footer_tit{font-size: 20px;}
    .sub_footer_txt1{font-size: 15px;}
    .sub_footer_txt2{font-size: 14px;}




    .footer3_con{padding-bottom: 50px; flex-direction: column;align-items: flex-start;gap: 20px;}
    .footer2{height: 600px;}


    .footer1_img{display: none;}
    .footer1_img_mb{display: block;}
    .footer2_1{right: 15%;top: 10%;}
    .footer2_2 {transform: rotate(23deg);top: 38%;}

}
/* 기본 설정들 */