/* =============== swiper =============== */
.swiper {width: 100%; height: 100%;}
.swiper-slide {
    text-align: center;
    background: #fff;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* =============== header =============== */
header {position: fixed; top: 0; left: 0; z-index: 50; width: 100%;}
header * {font-family: 'Pretendard-Regular', sans-serif;}
.top_header {width: 100%; height: 50px; background: #FFC246;}
.top_header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header ul {display: flex; align-items: center; height: 100%;}
.top_header ul li {display: flex; align-items: center; height: 100%; color: #36383F;}
.top_header li a {font-size: 14px;}
.top_header li:hover a {color: #36383F}
.user_type li:hover {background-color: #FFDC96;}
.user_type li {padding: 0 30px; cursor: pointer;}
.user_type li.active {background: #fff;}
.login_list {gap: 40px;}
.header_menu {display: flex; align-items: center; width: 100%; height: 100px; background: #fff;}
.header_menu .container {display: flex; align-items: center; justify-content: space-between;}
.logo a {width: 172px;}
.logo a img {width: 100%;}
.nav {display: flex; align-items: center; gap: 42px;}
.gnb {gap: 42px;}
.gnb li {font-size: 18px; cursor: pointer;}
.gnb li::after {}
.gnb li.active {border-bottom: 5px solid #FFC246;}
.lang_list {display: flex; align-items: center; gap: 10px;}
.lang_list li {cursor: pointer;}
.lang_list li img.on {display: none;}
.lang_list li.active img {display: none;}
.lang_list li.active img.on {display: block;}


/* =============== footer =============== */
footer {width: 100%; background: #36383F; padding: 85px 0;}
footer h1 {width: 172px; margin-bottom: 22px;}
.footer_list {display: flex; align-items: flex-start; justify-content: space-between;}
.footer_box {width: 285px; padding-top: 22px; border-top: 2px solid #D9D9D9;}
.footer_box * {font-size: 14px; color: #9f9f9f; font-weight: 300; font-family: 'Pretendard-Regular', sans-serif;}
.footer_box p {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 16px;}
.footer_box p:last-child {margin-bottom: 0;}
footer .lang_list {margin-bottom: 15px;}
.sns_list, .corp_list {display: flex; align-items: center; gap: 18px; margin-bottom: 15px;}
.sns_list a, .corp_list a {display: inline-block; border-bottom: 1px solid #9f9f9f;}
.mb_footer_btn {display: none;}



/* =============== popup =============== */
/* video */
.popup {display: none;}
.popup.on {display: block;}
.popup_blank {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(1,1,1,0.5); z-index: 80;}
.popup_inner {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100;}
.popup_video .popup_inner {width: 1050px;}
.popup_inner.on {display: block;}
.popup_video iframe {width: 100%; height: 553px; background: #fff;}
.close_btn {position: absolute; right: -38px; top: 0; cursor: pointer;}

/* password */
.popup * {font-family: 'Pretendard-Regular', sans-serif; letter-spacing: 0.2px;}
.popup_password .popup_inner {width: 445px; background: #fff; border-radius: 10px; border-top: 14px solid #FFC246;}
.password_box {padding: 64px 50px;}
.popup_password .close_btn {top: 6px; right: 6px}
.popup_password h2 {font-size: 28px; font-weight: 900; text-align: center;}
.popup_password p {font-size: 14px; text-align: center; line-height: 1.4; font-weight: 500;
    background: #F3F3F3; padding: 15px; margin-top: 14px;}
.popup_password .input_row {margin-top: 28px;}
.basic_btn {width: 100%; height: 45px; background: #FFC246; border-bottom: 2px solid #36383F;
    font-size: 16px; margin-top: 58px; cursor: pointer;}




@media screen and (max-width:1280px){
    /* =============== header =============== */
    .top_header {height: calc(100vw*(50/1280));}
    .top_header li a {font-size: calc(100vw*(14/1280));}
    .user_type li {padding: 0 calc(100vw*(30/1280));}
    .login_list {gap: calc(100vw*(40/1280));}
    .header_menu {height: calc(100vw*(100/1280));}
    .logo a {width: calc(100vw*(172/1280));}
    .nav {gap: calc(100vw*(42/1280));}
    .gnb {gap: calc(100vw*(42/1280));}
    .gnb li {font-size: calc(100vw*(18/1280));}
    .lang_list {gap: calc(100vw*(10/1280));}
    
    
    /* =============== footer =============== */
    footer {padding: calc(100vw*(85/1280)) 0;}
    footer h1 {width: calc(100vw*(172/1280)); margin-bottom: calc(100vw*(22/1280));}
    footer h1 img {width: 100%;}
    .footer_box {width: calc(100vw*(285/1280)); padding-top: calc(100vw*(22/1280));}
    .footer_box * {font-size: calc(100vw*(14/1280));}
    .footer_box p {margin-bottom: calc(100vw*(16/1280));}
    footer .lang_list {margin-bottom: calc(100vw*(15/1280));}
    .sns_list, .corp_list {gap: calc(100vw*(18/1280)); margin-bottom: calc(100vw*(15/1280));}
    
    
    /* =============== popup =============== */
    /* video */
    .popup_video .popup_inner {width: calc(100vw*(1050/1280));}
    .popup_video iframe {height: calc(100vw*(553/1280));}
    .close_btn {right: calc(100vw*(-38/1280));}
    
    /* password */
    .popup_password .popup_inner {width: calc(100vw*(445/1280)); border-radius: calc(100vw*(10/1280));}
    .password_box {padding: calc(100vw*(64/1280)) calc(100vw*(50/1280));}
    .popup_password .close_btn {top: calc(100vw*(6/1280)); right: calc(100vw*(6/1280))}
    .popup_password h2 {font-size: calc(100vw*(28/1280));}
    .popup_password p {font-size: calc(100vw*(14/1280)); padding: calc(100vw*(15/1280)); margin-top: calc(100vw*(14/1280));}
    .popup_password .input_row {margin-top: calc(100vw*(28/1280));}
    .basic_btn {height: calc(100vw*(45/1280)); font-size: calc(100vw*(16/1280)); margin-top: calc(100vw*(58/1280));}
}



@media screen and (max-width:700px){
    /* =============== header =============== */
    .top_header {height: calc(100vw*(30/430));}
    .top_header li a {font-size: calc(100vw*(12/430));}
    .user_type li {padding: 0 calc(100vw*(15/430));}
    .login_list {gap: calc(100vw*(12/430));}
    .login_list li a {font-size: calc(100vw*(11/430)); color: #fff; font-weight: 100;}
    .header_menu {height: auto;}
    .header_menu .container {display: block; padding-top: calc(100vw*(10/430));}
    .logo a {width: calc(100vw*(135/430));}
    .nav {display: block; width: 100%;}
    .gnb {width: 100%; justify-content: center; gap: calc(100vw*(50/430)); margin-top: calc(100vw*(6/430));}
    .gnb li {font-size: calc(100vw*(14/430)); padding: calc(100vw*(12/430)) 0;}
    .lang_list {display: none;}
    
    
    /* =============== footer =============== */
    footer {position: relative; padding: calc(100vw*(28/430)) 0;}
    footer h1 {width: calc(100vw*(150/430)); margin: 0 auto calc(100vw*(22/430));}
    .footer_list {flex-direction: column; gap: calc(100vw*(48/430)); align-items: center; width: 100%; padding: calc(100vw*(100/430)) 0 calc(100vw*(50/430));}
    .footer_box {width: calc(100vw*(285/430)); padding-top: calc(100vw*(22/430));}
    .footer_box * {font-size: calc(100vw*(14/430));}
    .footer_box p {justify-content: center; margin-bottom: calc(100vw*(16/430));}
    .footer_box p a {margin-left: calc(100vw*(2/430));}
    footer .lang_list {position: absolute; top: calc(100vw*(88/430)); left: 50%; display: flex; gap: calc(100vw*(10/430)); transform: translateX(-50%);}
    .sns_list, .corp_list {justify-content: center; gap: calc(100vw*(18/430)); margin-bottom: calc(100vw*(15/430));}
    .corp_list {position: absolute; top: calc(100vw*(130/430)); left: 50%; transform: translateX(-50%);}
    address {width: 100%; text-align: center;}
    /* address {position: absolute; top: calc(100vw*(154/430)); left: 50%; transform: translateX(-50%); width: 100%; text-align: center;} */
    .mb_footer_btn {display: block; width: 100%; height: calc(100vw*(38/430)); font-size: calc(100vw*(14/430)); color: #D9D9D9;
        background: #5F6066 url('../../img/custom_img/icon/icon_footer_btn_on.svg') no-repeat center right calc(100vw*(150/430))/calc(100vw*(8/430));
        font-family: 'Pretendard-Regular', sans-serif; font-weight: 500; cursor: pointer;}
    
    footer.ft_hidden {height: calc(100vw*(240/430)); overflow: hidden;}
    footer.ft_hidden .footer_box {border: none;}
    footer.ft_hidden .footer_box p {display: none;}
    footer.ft_hidden .footer_box p, footer.ft_hidden .sns_list {display: none;}
    footer.ft_hidden .mb_footer_btn {position: absolute; bottom: calc(100vw*(28/430)); left: 50%; transform: translateX(-50%);
        width: calc(100vw*(386/430)); background-image: url('../../img/custom_img/icon/icon_footer_btn.svg');}
    
    
    /* =============== popup =============== */
    /* video */
    .popup_video .popup_inner {width: 100%;}
    .popup_video iframe {height: calc(100vw*(242/430));}
    .close_btn {top: calc(100vw*(-45/430)); right: calc(100vw*(22/430));}
    
    /* password */
    .popup_password .popup_inner {width: calc(100vw*(330/430)); border-radius: calc(100vw*(10/430));}
    .password_box {padding: calc(100vw*(60/430)) calc(100vw*(26/430));}
    .popup_password .close_btn {top: calc(100vw*(6/430)); right: calc(100vw*(6/430))}
    .popup_password h2 {font-size: calc(100vw*(20/430));}
    .popup_password p {font-size: calc(100vw*(14/430)); padding: calc(100vw*(20/430)) calc(100vw*(24/430)); margin-top: calc(100vw*(14/430)); word-break: keep-all;}
    .popup_password p br {display: none;}
    .popup_password .input_row {margin-top: calc(100vw*(28/430));}
    .basic_btn {height: calc(100vw*(45/430)); font-size: calc(100vw*(16/430)); margin-top: calc(100vw*(58/430));}
}