@charset "UTF-8";
/* 기본 설정들 */
html {overflow-x: hidden;}
body{position: relative;overflow: hidden;background-color: #0A0909;}
html *{ word-break: keep-all;}
html, body {font-family: 'Pretendard' ,"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 ;}
.fb{font-family: 'Pretendard' ,"Noto Sans KR"; font-weight: 600; font-style: bold;}
/* html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;} */

.sub{position: relative;}
.sub_con{max-width: 1250px;margin: 0 auto;}


/* 부드럽게 넘어가기 */
.bottom_linear{position: absolute;z-index: 3; bottom: -1px;left: 0;width: 100%;height: 150px;background: linear-gradient(to bottom, transparent, #0A0909 85%);}
.top_linear{position: absolute;z-index: 3; top: -1px;left: 0;width: 100%;height: 150px;background: linear-gradient(to top, transparent, #0A0909 85%);}

@media screen and (max-width:767px) {
    .bottom_linear,
    .top_linear{height: 100px;}
}

/* header */
header{ position: fixed;z-index: 999; top: 0;left: 0;width: calc(100% + 4px);border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
header .header_con{height: 85px;width: 80%;padding: 0px; margin: 0 auto;justify-content: space-between;align-items: center;display: flex;box-sizing: border-box;}
header .logo{cursor: pointer;}
header .logo img{width: 50px;}
header .header_right{font-family: "Spectral", serif; display: flex;align-items: center;gap: 49px;color: #fff;font-size: 18px;font-weight: 500;}
header .header_lang{cursor: pointer;}
header .header_ham{width: 60px;height: 45px;border: 1px solid #fff;cursor: pointer;position: relative;}
header .header_ham_bar{width: 32px;transition: transform 0.2s , top 0.2s 0.2s; height: 2px;background-color: #fff;position: absolute;left: 50%;transform: translate(-50%, -50%);}
header .header_ham_bar:nth-child(1){ top: calc(50% - 5px);}
header .header_ham_bar:nth-child(2){top: calc(50% + 5px);}
header{}

.menu{opacity: 0; position: fixed;transition: 0.8s ease; display: flex;gap: 8.5%;align-items: center; top: 0; right: 0;left: 0;bottom: 0;z-index: 998;background-color: #0A0909;transform: translateY(-100%);}
.menu_img_group{width: 45%;height: 100%;position: relative;}
.menu_img{width: 100%; height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.menu_img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);transition: 1.5s ease-out;}
.menu_list_group{color: #fff;display: flex;flex-direction: column;gap: 50px;}
.menu_big_list {opacity: 0;transition: 0.6s; width: max-content; padding-right: 20px; height: 48px;display: flex;align-items: center;gap: 20px;}
.menu_tit{position: relative; width: 80px;font-size: 20px;font-weight: 600;cursor: pointer; font-family: "Noto Serif KR", serif;}
.menu_tit_wrap{position: relative;width: max-content;}
.menu_tit_wrap::after{content: ''; position: absolute;left: 0; bottom: -7px;width: 0;height: 1px;background-color: #fff;transition: 0.4s;}
.menu_sub_list_group{transition: 0.4s; display: flex;gap: 20px;font-size: 18px;color: #ffffff6b;}
.menu_sub{cursor: pointer;}

.menu_img{opacity: 0;transition: 0.4s ease;}
.menu_img.on{opacity: 1;}
.menu_img.on img{transform: scale(1);}
.menu_big_list:hover .menu_tit_wrap::after{width: 100%;}
.menu_big_list:hover .menu_sub_list_group{color: #fff;}


html.ham_on .header_ham_bar{transition: transform 0.2s 0.2s, top 0.2s ;}
html.ham_on .header_ham_bar:nth-child(1){top: 50%;transform: translate(-50%, -50%) rotate(30deg);}
html.ham_on .header_ham_bar:nth-child(2){top: 50%;transform: translate(-50%, -50%) rotate(-30deg);}
html.ham_on{overflow: hidden;}
html.ham_on .header{width: calc(100%);}
html.ham_on .menu{transform: translateY(0);opacity: 1;}
html.ham_on .menu_big_list{opacity: 1;}
html.ham_on .menu_big_list:nth-child(1){transition-delay: 0.2s;}
html.ham_on .menu_big_list:nth-child(2){transition-delay: 0.4s;}
html.ham_on .menu_big_list:nth-child(3){transition-delay: 0.6s;}
html.ham_on .menu_big_list:nth-child(4){transition-delay: 0.8s;}
html.ham_on .menu_big_list:nth-child(5){transition-delay: 1.0s;}


@media screen and (max-width:1250px) {
    .menu{gap: 4%;}

    header .header_ham{width: 40px;height: 28px;}
    header .header_ham_bar:nth-child(1){top: calc(50% - 3px);}
    header .header_ham_bar:nth-child(2){top: calc(50% + 3px);}
}
@media screen and (max-width:1024px) {
    .menu{justify-content: center;}
    .menu_img_group{display: none;}

    header .header_con{width: 90%;}
    header .header_ham_bar{width: 20px;}
    header .header_right{gap: 20px;}
}

@media screen and (max-width:767px) {
   .header{width: calc(100%);}
   .menu_list_group{width: 90%;gap: 30px;}

    header .header_con{height: 54px;}
    header .logo img{width: 40px;}
}

@media screen and (max-width:600px) {
    .menu_big_list{flex-direction: column;gap: 20px;height: auto;align-items: flex-start;}
    .menu_tit_wrap::after{display: none;}
    /* .menu_sub_list_group{flex-direction: column;} */
    .menu_big_list:hover .menu_sub_list_group{color: #ffffff6b;}

    
}

@media screen and (max-width:450px) {
    .menu_sub_list_group{gap: 20px;row-gap: 10px;}
    .menu_big_list{padding-right: 0;width: 100%;}
    .menu_tit{width: 100%;}
    .menu_sub_list_group{flex-wrap: wrap;width: 90%;}
}


/* footer  */
.footer{position: relative;padding: 150px 0 0;}
.footer .footer1{max-width: 90%;margin: 0 auto; display: flex;justify-content: center;gap: 18%;color: #fff;padding-bottom: 10px;margin-bottom: -150px;position: relative;z-index: 4;}
.footer .footer1 .footer1_left_group{display: flex;flex-direction: column;gap: 40px;}
.footer .footer1 .footer1_tit{color: #C2B297;font-size: 30px;font-weight:600;font-family: "Spectral", serif;text-transform: uppercase; }
.footer .footer1 .footer1_btn_group{display: flex;gap: 16px;}
.footer .footer1 .footer1_btn{width: 45px;border-radius: 50%;cursor: pointer;transition: 0.4s ease;}
.footer .footer1 .footer1_btn:hover{filter: brightness(0.8);}
.footer .footer1 .footer1_right_group{max-width: 800px;width: 100%;display: flex;flex-direction: column;gap: 20px;}
.footer .footer1 .footer1_right1{display: flex;flex-direction: column;}
.footer .footer1 .footer1_right1_list{display: flex;padding: 20px 0;border-bottom: 1px solid #fff;}
.footer .footer1 .footer1_right1_list>div{width: 50%;}
.footer .footer1 .footer1_right1_list_tit{font-size: 18px;font-weight: 700;}
.footer .footer1 .footer1_right1_list_txt{font-size: 18px;}
.footer .footer1 .footer1_right1_list:nth-child(1){border-top: 1px solid #fff;}
.footer .footer1 .footer1_right1_list:last-child{border-bottom: 1px solid #ffffff6e;}
.footer .footer1 .footer1_right1_logo_group{display: flex;gap: 20px;color: rgb(255, 255, 255, 0.5);align-items: center;}
.footer .footer1{}
.footer .footer2{position: relative;width: 100%;overflow: hidden;margin-top: -1px;max-height: 345px;}
.footer .footer2 img{width: 100%; transform: translateY(-300px);}
.footer .footer1_btn img{display: block;}
/* footer onenter */
.footer .footer1_tit,
.footer .footer1_btn img,
.footer .footer1_right1_list,
.footer .footer1_right1_logo_group{transform: translateY(50px);transition: 1s ease;opacity: 0;}
.footer.on .footer1_tit,
.footer.on .footer1_btn img,
.footer.on .footer1_right1_list,
.footer.on .footer1_right1_logo_group{transform: translateY(0);opacity: 1;}
.footer.on .footer1_tit{transition-delay: 0s;}
.footer.on .footer1_btn:nth-child(1) img{transition-delay: 0.2s;}
.footer.on .footer1_btn:nth-child(2) img{transition-delay: 0.3s;}
.footer.on .footer1_btn:nth-child(3) img{transition-delay: 0.4s;}
.footer.on .footer1_btn:nth-child(4) img{transition-delay: 0.5s;}
.footer.on .footer1_right1_list:nth-child(1){transition-delay: 0.4s;}
.footer.on .footer1_right1_list:nth-child(2){transition-delay: 0.5s;}
.footer.on .footer1_right1_list:nth-child(3){transition-delay: 0.6s;}
.footer.on .footer1_right1_list:nth-child(4){transition-delay: 0.7s;}
.footer.on .footer1_right1_list:nth-child(5){transition-delay: 0.8s;}
.footer.on .footer1_right1_list:nth-child(6){transition-delay: 0.9s;}
.footer.on .footer1_right1_logo_group{transition-delay: 1s;}
.footer .footer1_right1_logo_txt{line-height: 1.3;}
@media screen and (max-width:1370px) {
    .footer .footer1{gap: 10%;}
    .footer .footer1 .footer1_right_group{max-width: 660px;}
    .footer .footer1 .footer1_right1_list_tit{font-size: 16px;line-height: 1.2;}
    .footer .footer1 .footer1_right1_list_txt{font-size: 16px;line-height: 1.2;}
    
}

@media screen and (max-width:767px) {
    .footer{padding: 60px 0 0;}
    .footer .footer1{flex-direction: column;gap: 60px;}
    
    .footer .footer1 .footer1_right1_logo_group{flex-direction: column;align-items: flex-start;}
    .footer .footer1 .footer1_left_group{align-items: center;gap: 30px;}
    .footer .footer1 .footer1_tit{font-size: 20px;}
    .footer .footer1 .footer1_btn{}
    /* .footer .footer1 .footer1_right1_list>div{word-break: normal;} */
    
}

/* sub_footer */
.sub_footer{padding: 100px 0 200px; width: 90%;margin: 0 auto;max-width: 1280px;display: flex;flex-direction: column;gap: 20px;}
.sub_footer1{display: flex;flex-direction: column;gap: 20px;}
.sub_footer1_1{line-height: 1.5;border-bottom: 1px solid #c2b297; font-family: "Spectral", serif;font-size: 30px;color: #c2b297;font-weight: 700; }
.sub_footer1_2{color: #fff;font-size: 18px;display: flex;flex-direction: column;gap: 12px;}
.sub_footer1_2>div{gap: 20px;display: flex;flex-wrap: wrap;row-gap: 12px;}
.sub_footer1_2_1{}
.sub_footer1_2_2{}
.sub_footer1_3{display: flex;gap: 20px;color: rgb(255, 255, 255, 0.5);align-items: center;}
.sub_footer2{display: flex;gap: 16px;margin-left: auto;}
.sub_footer2>div{width: 45px;height: 45px;cursor: pointer;transition: 0.6s ease;}
.sub_footer2>div:hover{filter: brightness(0.8);}

@media screen and (max-width:767px) {
    .sub_footer1_2{font-size: 14px;}
    .sub_footer1_3{flex-direction: column;align-items: flex-start;gap: 10px;font-size: 12px;}
    .sub_footer1_3 .footer1_right1_logo{width: 120px;}

    .sub_footer2{margin: 0 auto;}
}




.b_1250{display: none;}
.b_1024{display: none;}
.b_767{display: none;}
.b_400{display: none;}
.b_800{display: none;}
.b_500{display: none;}

@media screen and (max-width: 1250px) {
    .b_1250{display: block;}
    .n_1250{display: none;}

    .p{display: none;}
    .t{display: block;}
    .cont{width: 90%;margin: 0 auto;max-width:1250px}
}

@media screen and (max-width: 1024px) {
    .sub_con{width: 90%;}
    .b_1024{display: block;}
    .n_1024{display: none;}
}



@media screen and (max-width:800px) {
    .b_800{display: block;}
    .n_800{display: none;}
    
}



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

@media screen and (max-width:500px) {
    .n_500{display: none;}
    .b_500{display: block;}
    
}


@media screen and (max-width:400px) {
    .b_400{display: block;} 
    .n_400{display: none;}
    
}
/* 기본 설정들 */