@font-face {
    font-family: 'MaruBuri';
    src: url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2') format('woff2'),
         url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
  }


.fw3 { font-weight: 300; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }
.fw8 { font-weight: 800; }
.fw9 { font-weight: 900; }

.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f23 { font-size: 23px; }
.f24 { font-size: 24px; }
.f25 { font-size: 25px; }
.f26 { font-size: 26px; }
.f27 { font-size: 27px; }
.f28 { font-size: 28px; }
.f29 { font-size: 29px; }
.f30 { font-size: 30px; }
.f31 { font-size: 31px; }
.f32 { font-size: 32px; }
.f33 { font-size: 33px; }
.f34 { font-size: 34px; }
.f35 { font-size: 35px; }
.f36 { font-size: 36px; }
.f37 { font-size: 37px; }
.f38 { font-size: 38px; }
.f39 { font-size: 39px; }
.f40 { font-size: 40px; }
.f41 { font-size: 41px; }
.f42 { font-size: 42px; }
.f43 { font-size: 43px; }
.f44 { font-size: 44px; }
.f45 { font-size: 45px; }
.f46 { font-size: 46px; }
.f47 { font-size: 47px; }
.f48 { font-size: 48px; }
.f49 { font-size: 49px; }
.f50 { font-size: 50px; }
.f51 { font-size: 51px; }
.f52 { font-size: 52px; }
.f53 { font-size: 53px; }
.f54 { font-size: 54px; }
.f55 { font-size: 55px; }
.f56 { font-size: 56px; }
.f57 { font-size: 57px; }
.f58 { font-size: 58px; }
.f59 { font-size: 59px; }
.f60 { font-size: 60px; }

.position-unset { 
  position: unset !important;}


:root {
    --green: #626B50;
    --cream: #FAF7F2;
    --beige: #F0E8D9;
    --gold: #C8A666;
    --dark: #302F2E;
}

.bg_green{background-color: var(--green) !important;}
.bg_cream{background-color: var(--cream) !important;}
.bg_beige{background-color: var(--beige) !important;}
.bg_gold{background-color: var(--gold) !important;}
.bg_dark{background-color: var(--dark) !important;}
.text_green{color: var(--green) !important;}
.text_cream{color: var(--cream) !important;}
.text_beige{color: var(--beige) !important;}
.text_gold{color: var(--gold) !important;}




/* 기본(PC) — 1200px 이상 */
body {font-family: var(--font-primary)!important;}
:root {
    --font-primary: 'Pretendard', 'East Sea Dokdo', 'MaruBuri', sans-serif;
    --font-pretendard: 'Pretendard', sans-serif;
    --font-dokdo: 'East Sea Dokdo', sans-serif;
    --font-maruburi: 'MaruBuri', sans-serif;
  }  
  .preten { font-family: var(--font-pretendard) !important; }  
  .dokdo { font-family: var(--font-dokdo) !important; }
  .maru { font-family: var(--font-maruburi) !important; }

.mainTitle {font-size: var(--mainTitle) !important; font-weight: 500 !important; font-family: var(--font-dokdo) !important;}
.mainServTitle{font-size: var(--mainServTitle) !important; font-weight: 600 !important; font-family: var(--font-maruburi) !important;}
.naviPretan{font-size: var(--naviPretan) !important; font-weight: 600 !important; font-family: var(--font-maruburi) !important; letter-spacing: -0.5px;color: #444;}
.secServTitle{font-size: var(--secServTitle) !important; font-weight: 600 !important; font-family: var(--font-maruburi) !important;}
.secTitle{font-size: var(--secTitle) !important; font-weight: 600 !important; font-family: var(--font-maruburi) !important;}
.imgNavi{font-size: var(--imgNavi) !important; font-weight: 500 !important; font-family: var(--font-dokdo) !important;}
.basic{font-size: var(--basic) !important; font-weight: 300 !important; font-family: var(--font-pretendard) !important;}
.basic2{font-size: var(--basic2) !important; font-weight: 300 !important; font-family: var(--font-pretendard) !important;}
.prodName{font-size: var(--prodName) !important; font-weight: 600 !important; font-family: var(--font-maruburi) !important;}
.mainMiniTitle{font-size: var(--mainMiniTitle) !important; font-weight: 600 !important; font-family: var(--font-maruburi) !important;}
.jy_notice{font-size: var(--notice) !important; font-weight: 700 !important; font-family: var(--font-pretendard) !important;}
.pageTitle{font-size: var(--pageTitle) !important; font-weight: 600 !important; font-family: var(--font-maruburi) !important;}

:root {
    --mainTitle: 96px;
    --mainServTitle: 20px;
    --naviPretan: 18px;
    --secServTitle: 24px;
    --secTitle: 35px;
    --imgNavi: 35px;
    --basic: 16px;
    --basic2: 20px;
    --prodName: 22px;
    --mainMiniTitle: 15px;
    --notice: 15px;
    --pageTitle: 40px;
}

.jy_container {
  width: 85%; /* d-flex 경우대비*/
  max-width: 1500px;
  margin: 0 auto;
  box-sizing: border-box;
}
.jy_secPadding {padding: 100px 0;}

.header_default {background-color: white;}
.header_scrolled { background-color: rgba(255, 255, 255, 0.8) !important; transition: all .3s ease;}
.header_scrolled .nav-link{  color: #000;}

/* 태블릿(1200px 이하) */
@media (max-width: 1200px) {
    :root {
        --mainTitle: 85px;
        --mainServTitle: 19px;
        --naviPretan: 16px;
        --secServTitle: 20px;
        --secTitle: 30px;
        --imgNavi: 25px;
        --basic: 15px;
        --basic2: 18px;
        --prodName: 20px;
        --mainMiniTitle: 15px;
        --notice: 14px;
        --pageTitle: 30px;
    }

    .jy_container {
        max-width: 80vw;
    }

    .jy_secPadding{
        padding: 80px 0;
    }

}

/* 모바일(768px 이하) */
@media (max-width: 768px) {
    :root {
      --mainTitle: 64px;
      --mainServTitle: 18px;
      --naviPretan: 16px;
      --secServTitle: 15px;
      --secTitle: 25px;
      --imgNavi: 20px;
      --basic: 14px;
      --basic2: 16px;
      --prodName: 18px;
      --mainMiniTitle: 14px;
      --notice: 13px;
      --pageTitle: 24px;
    }

    .jy_container {
        max-width: 90vw;
    }

    .jy_secPadding{
        padding: 60px 0;
    }
}

.vertical-text {
  writing-mode: vertical-rl;
  /* text-orientation: upright; */
}


/* 모달창 */
#imageModal{padding: unset !important;}
.modal-open{padding: unset !important;}
.modal-content{width: auto;}