body{
    margin: 0;
}
/*============ COLOR ============*/
:root {
    --light_gray_scale-300: #F0F0F0;
    --Sementic-Color-goast_ui: rgba(255, 255, 255, 0.70);
    --Sementic-Color-dim_ui: rgba(77, 77, 77, 0.40);
    --Sementic-Color-photo_cover_ui: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 52%, rgba(0, 0, 0, 0.50) 100%);
    --Sementic-Color-default_ui_background: #FFF;
    --Sementic-Color-ui_covered_01: #F5F5F5;
    --Sementic-Color-ui_covered_02: #F0F0F0;
    --Sementic-Color-ui_covered_03: #CCC;
    --gray_scale-800: #333;
    --Sementic-Color-text_emphasize: #1A1A1A;
    --Sementic-Color-text_02: #B3B3B3;
    --Sementic-Color-text_03: #FAFAFA;
    --Sementic-Color-text_04: #FFF;
    --Sementic-Color-text_default: #333;
    --Sementic-Color-error: #FF5733;
    --Sementic-Color-like_emphasize: #FF795C;
    --Sementic-Color-primary: #0E4A0A;
    --management_primary: #013F9B;
    --Sementic-Color-primary_press: #0E4A0A;
    --Sementic-Color-primary_hover_focus: #3E6E3B;
    --Sementic-Color-secondary: #FFE766;
    --Sementic-Color-success_ui: #ECF3FE;
    --Sementic-Color-complete_ui: #E7EDE6;
    --Sementic-Color-access_waiting_ui: #FFF4F2;
    --Sementic-Color-forsale_ui: #F6FAF6;
    --Sementic-Color-waiting_ui: #F5F5F5;
    --Sementic-Color-access_waiting: #FF5733;
}

/* ui */
.ghost_ui {
    border: 1px solid var(--light_gray_scale-300, #F0F0F0);
    background: var(--Sementic-Color-goast_ui, rgba(255, 255, 255, 0.70));
    backdrop-filter: blur(2px);
}

.dim_ui {
    border: 1px solid var(--light_gray_scale-300, #F0F0F0);
    background: var(--Sementic-Color-dim_ui, rgba(77, 77, 77, 0.40));
    backdrop-filter: blur(2px);
}

.photo_cover_ui {
    border: 1px solid var(--light_gray_scale-300, #F0F0F0);
    background: var(--Sementic-Color-photo_cover_ui, linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 52%, rgba(0, 0, 0, 0.50) 100%));
    backdrop-filter: blur(2px);
}

.default_ui_background {
    border: 1px solid var(--light_gray_scale-300, #F0F0F0);
    background: var(--Sementic-Color-default_ui_background, #FFF);
}

.ui_covered_01 {
    /*border: 1px solid var(--light_gray_scale-300, #F0F0F0);*/
    background: var(--Sementic-Color-ui_covered_01, #F5F5F5);
}

.ui_covered_02 {
    /*border: 1px solid var(--light_gray_scale-300, #F0F0F0);*/
    background: var(--Sementic-Color-ui_covered_02, #F0F0F0);
}

.ui_covered_03 {
    /*border: 1px solid var(--light_gray_scale-300, #F0F0F0);*/
    background: var(--Sementic-Color-ui_covered_03, #CCC);
}

/* text */
.text_emphasize {
    color: var(--Sementic-Color-text_emphasize, #1A1A1A);
}

.text_01 {
    color: #666;
}

.text_02 {
    color: var(--Sementic-Color-text_02, #B3B3B3);
}

.text_03 {
    color: var(--Sementic-Color-text_03, #FAFAFA);
}

.text_04 {
    color: var(--Sementic-Color-text_04, #FFF);
}

.text_default {
    color: var(--Sementic-Color-text_default, #333);
}

.text_error {
    color: var(--Sementic-Color-error, #FF5733);
}

/* background */
.error {
    background: var(--Sementic-Color-error, #FF5733);
}

.like_emphasize {
    background: var(--Sementic-Color-like_emphasize, #FF795C);
}

.primary {
    background: var(--Sementic-Color-primary, #0E4A0A);
}

.manager_primary {
    background: var(--management_primary, #013F9B);
}
.download_qr_partner_btn{
    background : #FAE696
}
.primary_press {
    background: var(--Sementic-Color-primary_press, #0E4A0A);
}

.primary_hover_focus {
    background: var(--Sementic-Color-primary_hover_focus, #3E6E3B);
}

.secondary {
    background: var(--Sementic-Color-secondary, #FFE766);
}

/* ============ ============*/
a {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.drop_txt {
    /*color: black;*/
    /*text-decoration: none;*/
    width: 100%;
    cursor: pointer;
}

.drop_txt:hover {
    text-decoration: underline 2px;
    text-underline-offset: 4px;
}

.header_void_div {
    display: flex;
    justify-content: center;
    width: 100%;
    background: transparent;
    position: fixed;
    top: 24px;
    z-index: 99;
}

.web_header_wrap {
    display: flex;
    width: 56.25rem;
    align-items: flex-start;
    border-radius: 0.75rem;
    /*box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.10);*/
}

.header {
    display: flex;
    width: 56.25rem;
    padding: 0.75rem 1rem;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 1rem;
    border: 1px solid var(--Sementic-Color-ui_covered_03, #CCC);
    background: #FFF;

    position: relative;
    z-index: 100;
    box-sizing: border-box;
}

.header_content_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}

.logo {
    display: flex;
    width: 6.5rem;
    height: 1.11431rem;
    background-image: url("/img/logo/header_logo-69b7f122139b4c3406b6723122a07a6c.png");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;

    box-sizing: border-box;
}

.site_menu_wrap {
    display: flex;
    padding-right: 3.75rem;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;

    box-sizing: border-box;
}

.site_menu_content_wrap {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.site_menu1 {
    position: relative;
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    cursor: pointer;

    box-sizing: border-box;
}

.site_menu2 {
    position: relative;
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    cursor: pointer;

    box-sizing: border-box;
}

.site_menu3 {
    position: relative;
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    cursor: pointer;

    box-sizing: border-box;
}

.site_menu1:hover {
    background: var(--Sementic-Color-ui_covered_01, #F5F5F5);
}

.site_menu1:hover .site_menu1_txt {
    color: var(--Sementic-Color-primary, #0E4A0A);
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
}

.site_menu1:hover .sub_menu_list1 {
    display: flex;
}

.site_menu2:hover {
    background: var(--Sementic-Color-ui_covered_01, #F5F5F5);
}

.site_menu2:hover .site_menu2_txt {
    color: var(--Sementic-Color-primary, #0E4A0A);
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
}

.site_menu2:hover .sub_menu_list2 {
    display: flex;
}

.site_menu3:hover {
    background: var(--Sementic-Color-ui_covered_01, #F5F5F5);
}

.site_menu3:hover .site_menu3_txt {
    color: var(--Sementic-Color-primary, #0E4A0A);
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
}

.site_menu1_txt {
    width: 83px;
    text-align: center;
}

.site_menu2_txt {
    width: 83px;
    text-align: center;
}

.site_menu3_txt {
    width: 83px;
    text-align: center;
}

.management_btn {
    display: flex;
    box-sizing: border-box;
}

.management_icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    background: url("/img/management_icon-9aba992cabb65b57ab5c9b5e68ca1ab8.svg") center no-repeat;
    background-size: contain;
}

.language_dropdown_wrap {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.language_icon {
    width: 1.5rem;
    height: 1.5rem;
    background: url('/img/language-7be9675ae08144c9cf968e7ae414f449.svg');
}

.present_language {
    display: flex;
    align-items: flex-start;
    gap: 2.25rem;
    color: var(--text_default, #333);
}

.language_more_icon {
    width: 1.5rem;
    height: 1.5rem;
    background: url('/img/middle/arrow_below-edf50d87c6da74a65bbad46862b7e3dc.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.language_more_wrap_big {
    display: none;
}

.language_select_wrap {
    position: absolute;
    top: 3rem;
    left: 1rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.75rem;
    background: #FFF;
}

.language_txt {
    /*color: var(--text_emphasize, #1A1A1A);*/
    color: var(--text_02, #B3B3B3);
    text-align: center;
    width: 100%;
    padding: 0.55rem 1.5rem 0.25rem;
    /*border: 1px solid red;*/
    box-sizing: border-box;
}

.management_btn_txt {
    color: var(--default_ui_background, #FFF);
    text-align: center;
}

.body_container {
    width: 100%;
}

.basic_icon_wrap {
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
}

.sub_menu_list {
    display: none;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    position: absolute;
    left: -5.5px;
    bottom: -156px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.site_menu1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 195%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.site_menu2::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 195%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.sub_menu1_wrap {
    display: flex;
    padding: 12px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    cursor: pointer;

    box-sizing: border-box;
}

.sub_menu1_wrap:hover {
    background: var(--Sementic-Color-ui_covered_01, #F5F5F5);
}

.sub_menu1_wrap:hover .sub_menu1_txt {
    color: var(--Sementic-Color-primary, #0E4A0A);
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
}

.sub_menu2_wrap:hover {
    background: var(--Sementic-Color-ui_covered_01, #F5F5F5);
}

.sub_menu2_wrap:hover .sub_menu2_txt {
    color: var(--Sementic-Color-primary, #0E4A0A);
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
}

.sub_menu1_txt {
    width: 100px;
    color: var(--text_default, #333);
    text-align: center;
}

.sub_menu2_wrap {
    display: flex;
    padding: 12px 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 12px;
    cursor: pointer;

    box-sizing: border-box;
}

.sub_menu2_txt {
    width: 100px;
    color: var(--text_default, #333);
    text-align: center;
}

.footer_void_div {
    display: flex;
    justify-content: center;
    width: 100%;
    border-top: 1px solid #D9D9D9;
    background: #FFF;
}

.footer {
    display: flex;
    min-width: 22.5rem;
    max-width: 120rem;
    padding: 7.5rem 10rem;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 2.5rem;
    align-self: stretch;
    flex-wrap: wrap;

    background: var(--default_ui_background, #FFF);
    box-sizing: border-box;
}

.sns_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.25rem;

}

.corp_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.25rem;
}

.sns_content_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.company_cs_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.official_number_txt_wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
}

.cs_time_txt_wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
}

.logo_img {
    display: flex;
    width: 11.375rem;
    height: 2.8125rem;
    justify-content: center;
    align-items: center;
    background: url('/img/logo/elegant_logo_md-7e7ed0001840e28beac021914bed512e.svg') center no-repeat;
    background-size: contain;
}

.company_wrap {
    display: flex;
    max-width: 30rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.footer_link_wrap {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.company_txt_wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    cursor: pointer;
}

.privacy_txt_wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    border-bottom: 1px solid var(--text_default, #333);
    cursor: pointer;
}

.terms_txt_wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    border-bottom: 1px solid var(--text_default, #333);
    cursor: pointer;
}

.service_info_txt {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    cursor: pointer;
}

.link_text_btn {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    cursor: pointer;
    border-bottom: 1px solid var(--text_default, #333);
}

.company_info_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    align-self: stretch;
}

.company_name_txt_wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
}

.company_address_txt {
    align-self: stretch;
    color: var(--text_default, #333);
}

.company_detail_info_wrap {
    display: flex;
    width: 100%;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.25rem;
    align-self: stretch;
    flex-wrap: wrap;
}

.ceo_name_txt {
    color: var(--text_default, #333);
}

.company_business_number_wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
}

.company_business_number_txt {
    color: var(--text_default, #333);
}

.company_mail_order_business_number_wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
}

.email_txt {
    color: var(--text_default, #333);
}

.footer_copyright_txt {
    color: var(--text_default, #333);
}

.c_badge {
    display: flex;
    min-width: 1.3125rem;
    min-height: 1.3125rem;
    padding: var(---strokeWidth, 0.125rem) 0.3125rem var(---strokeWidth, 0.125rem) var(---spacing-space1, 0.25rem);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 1rem;
    background: var(--Sementic-Color-like_emphasize, #FF795C);
}

.c_text_badge_txt {
    color: #FFF;
    text-align: center;

    /* mobile_typo/caption_sm */
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.05rem */
    letter-spacing: -0.018rem;
}

.test_ver123 {
    width: 2%;
}

.desktop_popup_wrap {
    position: fixed; /* 화면의 고정 위치로 설정합니다. */
    top: 50%;
    left: 50%;
    width: 23.75rem;
    transform: translate(-50%, -50%);
    display: none;
    padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    flex-direction: column;
    align-items: center;
    gap: 2rem;

    border-radius: 0.75rem;
    background: var(--Grey-White, #FFF);
    box-shadow: -4px 4px 20px 0px rgba(0, 0, 0, 0.10);
    z-index: 100; /* 다른 요소 위에 표시되도록 설정합니다. */

    box-sizing: border-box;
}

.desktop_popup_content_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(---spacing-space1, 0.25rem);
}

.dim {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: transparent;
}

.middle {
    display: none;
}

.small {
    display: none;
}

.sub_middle {
    display: none;
}

.color_white {
    color: white;
}

.color_primary {
    color: #0E4A0A !important;
}

.color_emphasize{
    color: var(--Sementic-Color-like_emphasize, #FF795C) !important;
}

.color_666666{
    color: #666666;
}

.color_013f9b {
    color: var(--Sementic-Color-management_primary, #013F9B);
}

.border_013f9b_1px {
    border: 1px solid var(--Sementic-Color-management_primary, #013F9B);
}

.border_ccc_1px {
    border: 1px solid var(--Sementic-Color-ui_covered_03, #CCC);
}
.background_fff {
    background: #fff;
}
.background_e8f0fe {
    background: #E8F0FE;
}
.background_f5f5f5 {
    background: #F5F5F5;
}
.background_ccc {
    background: #ccc;
}
.background_red {
    background: red;
}