/* text */
.contents_title_xxlarge_en { font-family: "Arapey", serif; font-size: 64px; letter-spacing: -4px;  color: #fff;} 
.contents_title_xlarge_en { font-family: "Arapey", serif; font-size: 48px; letter-spacing: -2.5px; }
.contents_title_large_en { font-family: "Arapey", serif; font-size: 44px; letter-spacing: -2px; }
.contents_title_medium_en { font-family: "Arapey", serif; font-size: 36px; letter-spacing: -1.5px; }
.contents_title_small_en { font-family: "Arapey", serif; font-size: 32px; letter-spacing: -1px; }
.contents_title_xsmall_en { font-family: "Arapey", serif; font-size: 20px; letter-spacing: -0.5px; }

.contents_title_large_kr { font-size: 30px; font-weight: 600; letter-spacing: -1.5px; }
.contents_title_medium_kr { font-size: 24px; font-weight: 700; letter-spacing: -1px; }
.contents_title_small_kr { font-size: 20px; font-weight: 700; letter-spacing: -0.7px; }
.contents_title_xsmall_kr { font-size: 16px; font-weight: 600; letter-spacing: -0.5px; }
.contents_title_xxsmall_kr { font-size: 16px; font-weight: 400; letter-spacing: -0.5px; }

.contents_article_large { font-size: 24px; font-weight: 400; letter-spacing: -2px; }
.contents_article_medium { font-size: 20px; font-weight:400; letter-spacing: -1px; color: #fff;}
.contents_article_small { font-size: 12px; font-weight: 300; letter-spacing: -0.5px; }

.gnb_text { font-size: 15px; font-weight: 600; letter-spacing: -1px;  color: #fff;}


/* btn */

    .btn_01 {
    display: inline-flex; align-items: center; gap: 8px; height: 46px; line-height: 46px;
    padding: 0px 42px; background: black; color: white;  border-radius: 999px;
    font-size: 16px; font-weight: 700; letter-spacing: -0.5px; transition: .3s;
    }
    .btn_01 i {
    font-size: 18px;
    }
    .btn_01:hover { background: #fff; color: #000;} 


    .btn_02 {
    display: inline-flex; align-items: center; gap: 8px; height: 35px; line-height: 35px;
    border: 0.76px solid #A79466;
    padding: 0px 32px;  color: #A79466;  border-radius: 999px;
    font-size: 12px; font-weight: 600; letter-spacing: -0.5px; transition: .3s;
    }
    .btn_02 i {
    font-size: 14px;
    }
    .btn_02:hover { background: #A79466; color: #fff;} 



    .btn_line01 {
    display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: -0.6px;
    text-transform: uppercase; color: #fff; position: relative; padding: 4px 8px;
    }
    .btn_line01 .border-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none;  overflow: visible;
    }
    .btn_line01 .border-svg path {
    fill: none; stroke: #fff; stroke-width: 1; stroke-dasharray: var(--perim, 9999);
    stroke-dashoffset: var(--hide, 9999);  transition: stroke-dashoffset 0.55s ease;
    }
    .btn_line01:hover .border-svg path {
    stroke-dashoffset: 0;
    }


    .btn_line02 {
        display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: -0.6px;
    text-transform: uppercase; color: #A79466; position: relative; padding: 4px 8px;
    }
    .btn_line02 .border-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none;  overflow: visible;
    }
    .btn_line02 .border-svg path {
    fill: none; stroke: #A79466; stroke-width: 1; stroke-dasharray: var(--perim, 9999);
    stroke-dashoffset: var(--hide, 9999);  transition: stroke-dashoffset 0.55s ease;
    }
    .btn_line02:hover .border-svg path {
    stroke-dashoffset: 0;
    }

/* btn 끝 */