@font-face { font-family: 'Pretendard Variable'; font-weight: 45 920; font-style:normal; font-display: swap; src:
            url('/assets/css/fonts/PretendardVariable.woff2') format('woff2-variations'),
            url('/assets/css/fonts/PretendardVariable.woff') format('woff-variations'); }

@font-face { font-family: 'InkLipquid'; src: url('/assets/css/fonts/InkLipquid.woff2') format('woff2'),url('/assets/css/fonts/InkLipquid.woff') format('woff'); font-weight: normal; font-style: normal; }

body{ background-color:var(--color-dark3); }

:root { --primary : #ffffff; --color-brown :#CDB67C; --color-dark :#40403F; --color-dark2 : #242423; --color-dark3 : #252523; --color-white :#EFEFEF; --color-white2 : #EDEDED; --color-beige: #E5E4E2; --color-beige2: #E0E0DF; --color-grey: #E7E7E7; --color-grey2: #D7D7D7; --color-black :#111111; --color-black2: #1A1A1A; --color-footer-font1 :#332E21; --color-footer-grey: #E0E0E0; --color-footer-font2: #EFEFEF; --color-footer-black :#191919; --color-blue:#5080FF; --color-blue2:#486DFB; --color-orange: #FFA800 }

*{ font-family: 'Pretendard Variable'; }

.round{ border-radius:9999px; border-width:1px; border-color:var(--primary); white-space:nowrap; }

.menu-round{ border-radius:40px; border-width:1px; border-color:var(--primary); white-space:nowrap; }

.menu-product-round{ border-radius:20px; border-width:1px; white-space:nowrap; }

#menu-fx3{ background: url('/assets/images/main/menu_fx3.png') no-repeat right center #484D48; background-size: cover; direction:initial; width:543px; height:117px; margin-bottom:8px; }

#menu-fx3:hover{ background: url('/assets/images/main/menu_fx3.png') no-repeat right center #5D665C; background-size: cover; direction:initial; }

#menu-fx3>a, #menu-fx2>a, #menu-fx7>a{ background-color:transparent !important; }

#menu-fx2{ background:url('/assets/images/main/menu_fx2.png') no-repeat right center #68474C; background-size: cover; direction:initial; width:543px; height:117px; margin-top:22px; margin-bottom:18px; }

#menu-fx2:hover{ background:url('/assets/images/main/menu_fx2.png') no-repeat right center #875A63; background-size: cover; direction:initial; }

#menu-fx5{ background:url('/assets/images/main/menu_fx5.png') no-repeat right center #B09887; background-size: cover; direction:initial; width:543px; height:117px; margin-bottom:18px; }

#menu-fx5:hover{ background:url('/assets/images/main/menu_fx5.png') no-repeat right center #c4a48e; background-size: cover; direction:initial; }

.content-area { width: 80vw; max-width: 1300px; margin-top: 70px; margin-bottom: 60px; padding: 100px 0px; }

.content-area-xl { width: 90vw; padding: 100px 0px; margin:0 auto; }

.tit_wrap { padding-bottom: 50px; }

#sub-container.main, #container.main { max-width: 100%; width: 100%; margin: 0; }

#sub-container{ background-color: var(--primary); }

#container .tit_wrap p { font-size: 32px; font-weight: 300; line-height: 48px; letter-spacing: -0.06em; }

.main-section { display: flex; justify-content: center; position: relative; align-items:center; }


@media (min-width: 1920px) {
    .container { max-width: 1440px !important; }
    .sub-container { width: 1440px; max-width: 1440px; }
    .title { font-size: 64px; font-weight: 600; line-height: 125%; }
    .pc-d-none { display: none !important; }
    #float-menu-center { width: 195px; height: 75px; font-size: 24px; font-weight: 600; height: 75px; display: flex; align-items: center; bottom: 20px; }
    #float-menu img { bottom: 20px; }
    .pc-w-100{ width:100%; } .pc-h-100{ height:100%; }
    .footer-text-bold{font-size:18px; font-weight:600; line-height:180%;}
    .footer-text{font-size:18px; font-weight:400; line-height:180%;}
    .hd-d-none{display:none !important;}
    .footer-text1{width:160px;}
    #footer{padding-top:80px; height:690px;}
    .footer_logo{margin-bottom:10px;}
    .gnb-arrow-dark, .gnb-arrow-light{margin-left:12.42px;}

    .logo-section img{width:107px;}
    .img-div-radius{border-radius:30px;}

    .language-select a { margin-left: 14px; /* 국기 아이콘 사이의 간격 조정 */ }

    .language-select img { width: 40px; height: 40px; cursor: pointer; }

    .language-select { position:fixed; display: flex; gap: 10px; left: 90%; margin-top:40px; transition: .5s; transition-timing-function:cubic-bezier(.5,0,0,1); z-index: 3; }

    #pc_top_menu { position:fixed; z-index:9; margin-top:24px; padding:12px 14px; transition: .5s; transition-timing-function:cubic-bezier(.5,0,0,1); font-size:16px; font-weight:600; line-height:150%; width: 85%; left: 5%; display: flex; justify-content: space-between; }

    #pc_top_logo { position:fixed; flex-grow: 1; display: flex; justify-content: left; left: 7%; } }

@media (min-width: 1440px) and (max-width: 1919px) {
    .container { max-width: 1272px !important; }
    .sub-container { width: 1160px; max-width: 1160px; }
    .title { font-size: 60px; font-weight: 600; line-height: 125%; }
    .pc-d-none { display: none !important; }
    #float-menu-center {
        width: 195px;
        height: 75px;
        font-size: 24px;
        font-weight: 600;
        height: 75px;
        display: flex;
        align-items: center;
        bottom: 20px;
    }
    #float-menu img {
        bottom: 20px;
    }
    .pc-w-100{ width:100%; } .pc-h-100{ height:100%; }
    .footer-text-bold{font-size:18px; font-weight:600; line-height:180%;}
    .footer-text{font-size:18px; font-weight:400; line-height:180%;}
    .hd-d-none{display:none !important;}
    .footer-text1{width:160px;}
    #footer{padding-top:80px; height:580px;}
    .footer_logo{margin-bottom:10px;}
    .gnb-arrow-dark, .gnb-arrow-light{margin-left:12.42px;}

    .logo-section img{width:107px;}
    .img-div-radius{border-radius:20px;}

    .language-select a { margin-left: 10px; }

    .language-select img { width: 40px; height: 40px; cursor: pointer; }

    .language-select { position:fixed; display: flex; gap: 10px; left: 88%; margin-top:40px; transition: .5s; transition-timing-function:cubic-bezier(.5,0,0,1); z-index: 3; }

    #pc_top_menu { position:fixed; z-index:9; margin-top:24px; padding:12px 14px; transition: .5s; transition-timing-function:cubic-bezier(.5,0,0,1); font-size:16px; font-weight:600; line-height:150%; width: 82%; left: 5%; display: flex; justify-content: space-between; }

    #pc_top_logo { position:fixed; flex-grow: 1; display: flex; justify-content: left; left: 7%; } }

@media (min-width: 1280px) and (max-width: 1439px) {
    .container { max-width: 1160px !important; }
    .sub-container { width: 1160px; max-width: 1160px; }
    .title {
        font-size: 50px;
        font-weight: 400;
        line-height: 125%;
    }
    #sub-container .title {
        font-size: 60px;
        font-weight: 600;
        line-height: 125%;
    }
    #sub-container .sub-title {
        font-size: 30px;
        font-weight: 400;
    }
    .pc-d-none { display: none !important; }
    #float-menu-center{width:135px; height:48px; font-size:18px; font-weight:600; height:48px; display: flex; align-items: center; bottom:20px; }
    #float-menu img { bottom: 20px; }
    .pc-w-100{ width:100%; } .pc-h-100{ height:100%; }
    .footer-text-bold{font-size:18px; font-weight:600; line-height:180%;}
    .footer-text{font-size:18px; font-weight:400; line-height:180%;}
    .hd-d-none{display:none !important;}
    .footer-text1{width:160px;}
    #footer{padding-top:80px; height:535px;}
    .footer_logo{margin-bottom:10px;}
    .gnb-arrow-dark, .gnb-arrow-light{margin-left:12.42px;}

    .logo-section img{width:107px;}
    .img-div-radius{border-radius:20px;}

    .language-select a { margin-left: 10px; }

    .language-select img { width: 40px; height: 40px; cursor: pointer; }

    .language-select { position:fixed; display: flex; gap: 10px; left: 88%; margin-top:40px; transition: .5s; transition-timing-function:cubic-bezier(.5,0,0,1); z-index: 3; }

    #pc_top_menu { position:fixed; z-index:9; margin-top:24px; padding:12px 14px; transition: .5s; transition-timing-function:cubic-bezier(.5,0,0,1); font-size:16px; font-weight:600; line-height:150%; width: 82%; left: 5%; display: flex; justify-content: space-between; }

    #pc_top_logo { position:fixed; flex-grow: 1; display: flex; justify-content: left; left: 7%; } }

@media (min-width: 834px) and (max-width: 1279px) {
    .container { max-width: 738px !important; }
    .sub-container { width: 738px; min-width: 738px; }
    .pad-d-none { display: none !important; }
    .pad-text-center { text-align: center; }
    .title { font-size: 36px; font-weight: 400; line-height: 125%; }
    #float-menu-center {
        width: 135px;
        height: 48px;
        font-size: 16px;
        font-weight: 600;
        height: 48px;
        display: flex;
        align-items: center;
        bottom: 16px;
    }
    .menu-text { font-size: 36px; font-weight: 600; line-height: 125%; width: 412px; }
    #float-menu img { bottom: 16px; }
    .pad-w-100{ width:100%; } .pad-h-100{ height:100%; }
    .footer-text-bold{font-size:18px; font-weight:600; line-height:180%;}
    .footer-text{font-size:18px; font-weight:400; line-height:180%;}
    .mobile_menu_img{max-height:160px; margin-left:12px;}
    .mobile_menu_img_last{margin-right:12px; margin-bottom:88px;}
    #mobile_top_menu{margin-top:39px !important;margin-right: 36px;}
    .language-select{margin-top:49px !important;}
    .footer-text1{width:246px;}
    #footer{padding-top:60px; height:685px;}
    .footer_logo{margin-top:80px; margin-bottom:10px;}
    .menu-div{margin-top:26px;}
    #mobile_top_menu_down hr{margin:26px 0px;}
    #pad_top_menu_exit img{width:56px;}
    .menu5_arrow, .mobile-menu-arrow{right:7px;}
    .mobile_top_menu_on{padding-top:34px; margin-bottom:20px;}
    .mobile_top_menu_logo{width:145px;}
    .text-over-image{left:42px;}
    .logo-section img{width:107px;}
    .img-div-radius{border-radius:10px;}

    .language-select { display: flex; align-items: center; position: absolute; z-index: 3; transition: .5s; transition-timing-function: cubic-bezier(.5,0,0,1); margin-right: 111px; }
    .language-select img { width: 39px; height: 39px; cursor: pointer; }
    .language-select a { margin-left: 16px; /* 국기 아이콘 사이의 간격 조정 */ }
    .logo-section { display: flex;  justify-content: center;  position:absolute; width:100%; height: 120px; }
    .mobile-log-img { position: absolute; left: 76px; top: 45px; display: flex; z-index: 3; } }

@media (max-width: 833px) {
    body{ font-size:14px; font-weight:300; }
    .container { max-width: 312px !important; }
    .sub-container { width: 312px; max-width: 312px; }
    .title{ font-size:24px; font-weight:400;line-height:125%; }
    .mobile-text-center{ text-align:center; }
    .mobile-d-none{ display:none !important; }
    .mobile-d-block{ display:block; }
    #float-menu-center {
        width: 25%;
        height: 38px;
        font-size: 14px;
        font-weight: 600;
        display: flex;
        align-items: center;
        bottom: 14px;
    }
    .menu-text {
        font-size: 16px;
        font-weight: 600;
        line-height: 120%;
        width: 148px;
    }
    #float-menu img {
        bottom: 14px;
    }
    .footer_last{
        margin-top: 60px;
    }
    .mobile-w-100{ width:100%; height:100%} .mobile-h-100{ height:100%; }
    .footer-text-bold{font-size:13px; font-weight:600; line-height:135%;}
    .footer-text{font-size:13px; font-weight:400; line-height:135%;	letter-spacing: -0.03em;}
    .mobile_menu_img{max-height:80px;}
    .mobile_menu_img_last{margin-bottom:88px;}
    #mobile_top_menu, #mobile_top_menu>img {width:50px;height: 50px;}
    #mobile_top_menu{margin-top:15px !important;right: 18px;}
    .language-select{margin-top:25px !important;}
    .logo-section {padding-top:14px;}
    .logo-section img{width:71px;}
    footer-text1{width:130px;} .footer-text1:not(:last-child){margin-bottom:8px;align-content: center;}
    .footer_div >div:nth-of-type(2){
        margin-bottom: 2%;
    }
    #footer{padding-top:50px; height:545px;}
    .footer_logo{margin-top:40px; margin-bottom:2px; width:56px;}
    .footer-mobile{gap:46px;}
    #mobile_top_menu_down hr{margin:12px 0px;}
    #mobile_top_menu_exit img{width:38px;}
    .menu-div{margin-top:12px;}
    #mobile_top_menu_down hr{margin:12px 0px;}
    .menu5_arrow, .mobile-menu-arrow{width:30px; right:12px;}
    .mobile-menu-arrow{margin-right:12px;}
    .mobile_top_menu_on{padding-top:26.5px;}
    .mobile_top_menu_logo{width:71px;}
    .text-over-image{left:20px;}
    .img-div-radius{border-radius:10px;}
    .language-select img { width: 27px; height: 27px; cursor: pointer; }
    .language-select{ display: flex; align-items: center; /* top: 3.5%; */
        right: 79px; position: absolute; z-index: 3; transition: .5s; transition-timing-function: cubic-bezier(.5,0,0,1); }
    .language-select a { margin-left: 11px; /* 국기 아이콘 사이의 간격 조정 */ }
    .logo-section { display: flex;  justify-content: center;  position:absolute; width:100%; height: 80px; }
    .mobile-log-img { position: absolute; left: 23px; top: 25px; display: flex; z-index: 3; width: 76px; height: 35px;}
}


#footer.dark a{ color: #ffffff; text-decoration: none; }

#footer.light a, #float-menu a{ color: #000000; text-decoration: none; }

.text-white{ color:var(--color-white); }
.text-brown{ color:var(--color-brown); }
.text-blue{ color:var(--color-blue); }

.text-orange{ color:var(--color-orange) !important; }

.w-20{ width:20% !important; }

.mb-10px{margin-bottom:10px;}
.my-10px{margin:10px 0;}

#header{ display:block; width: 100%; }

.nav{ direction:rtl; margin:0 auto; }

.nav_close{ margin-top:-130px !important; }

.dark #pc_top_menu, .dark #pc_top_menu a { background-color:var(--color-footer-font1); color:var(--color-white); text-decoration:none; }

.light #pc_top_menu { background-color:var(--color-grey); }

.light #pc_top_menu a { color:#000000; text-decoration:none; }

.light #pc_top_menu #pc_top_menu2_down a{ color:#ffffff; }

#pc_top_menu2_down { display: none; background-color: var(--color-footer-font1); width: max-content; padding: 10px 0; z-index: 4; }

.pc_top_menu a div, .pc_top_menu>div{ display:flex; justify-content:center; align-items:center; padding:10px 20px; text-align:center; transition: all .5s cubic-bezier(.5,0,0,1); height:52px; }

#pc_top_menu1 a div{ width:127px; padding: 20px;margin-right: 18px;}

#pc_top_menu2 div{ width:143px; padding: 20px;margin-right: 18px;}

#pc_top_menu3 a div{ width:96px; padding: 20px; margin-right: 18px; }

#pc_top_menu4 a div{ width:127px; }

.menu-on a div{ background-color:var(--color-orange); color:#000000; }

#mobile_top_menu { position:fixed; margin-top:30px; z-index:10; }

#mobile_top_menu_down{ width:100vw; height:100vh; position:fixed; top:0; z-index:15; overflow:scroll; overscroll-behavior: contain; }

.dark #mobile_top_menu_down{ background:linear-gradient(180deg, #2f2e2b 0%, #161613 100%); }

.light #mobile_top_menu_down{ background-color:var(--color-grey); }


.menu-text2 { font-size: 36px; font-weight: 600; line-height:125%; margin-left:36px;}

#mobile_top_menu_down hr{ color:#4C4B49; }

.text-over-image { position: absolute; top: 50%; transform: translateY(-50%); }

#footer.dark{ background-color:var(--color-black2); color:#FFFFFF; }

#footer.light{ background-color:var(--color-beige2); }

.bg-black{ background-color:#111111; }

.bg-brown{ background-color:var(--color-brown); }

.bg-dark{ background-color:var(--color-dark2); }


.bg-orange{ background-color:var(--color-orange); }

.bg-grey{ background-color:var(--color-grey); }

.bg-grey2{ background-color:var(--color-grey2); }

.bg-transparent{ background-color:transparent; }

#top-logo-light{ background-color:var(--color-white2); }

#top-logo-dark{ background-color:var(--color-footer-font1); }

#float-menu-center{ position: fixed; z-index:14; left: 50%; transform: translateX(-50%); display:flex; justify-content:center; align-items:center; }

#float-menu img{ position:fixed; z-index:14; right: 20px; }

.cursor-pointer{ cursor: pointer; }

.light .gnb-arrow-dark{ display:none; }

.dark .gnb-arrow-light{ display:none; }

.active .gnb-arrow-light{ filter: invert(100%); }


.light .menu-text{ color:black; }

.dark .menu-text{ color:white; }

.light .mobile-menu-arrow, .light .footer_logo{ filter:invert(100%); }

.modal-content{ color:black; }


.privacy-text1{ font-size:20px; font-weight:500; line-height:135%; }

.privacy-text2{ font-size:16px; font-weight:500; line-height:135%; color:#000000; }

.privacy-text3{ font-size:13px; font-weight:300; line-height:135%; color:#000000; }

.menu5_arrow{ position: absolute; top: 50%; transform: translateY(-50%); }

.img-div{ display: flex; justify-content: center; align-items: center; overflow: hidden; }


#mobile_top_menu_down::-webkit-scrollbar { width: 0px; }