@charset "utf-8";
@import url('/css/swiper-bundle.min.css') layer(swiper);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@layer swiper, base, layout, main;

/*
* base CSS Document
*/

/* 루트 설정 */
:root{
    --header-height: 100rem;
    --inr-narrow: 1400;
    --inr: 1600;
    --inr-wide: 1920;
    --inr-width: .92;
    --primary: #0D933A;
    --white: #fff;
    --black: #000;
    --blue : #233D4D;
    --grey : #E1E1E1;
    --dgrey : #444444;
    --yellow : #FCCA46;
    --lgrey : #E1E1E1;
    --font : "Pretendard Variable", Pretendard, -apple-system, sans-serif;
}

/* 스크롤 */
/* ::-webkit-scrollbar{ display: none; } */
/* @media(prefers-reduced-motion:no-preference){
    html{ scroll-behavior: smooth; }
} */

/* reset */
*, *::before, *::after{ box-sizing: border-box; }
html{ accent-color: var(--primary); font-family: var(--font); line-height:auto; color:var(--black); word-break: keep-all; }
@media(min-width:1280px){
    html{ font-size: clamp(0px, calc( ( 100 / ( var(--inr) / var(--inr-width) ) ) * 1vw ), 1px ); }
}
@media(min-width:1921px){
    html{ font-size: clamp(0px, calc( ( 100 / 1920 ) * 1vw ), 500px ); }
}
@media(max-width:1279px) and (min-width:768px){
    html{ font-size: clamp(0px, calc( ( 100 / 768 ) * .75vw ), 5px ); }
}
@media(max-width:767px){
    html{ font-size: clamp(0px, calc( ( 100 / 412 ) * .875vw ), 5px ); }
}
body{ font-size: 16rem; }
@layer base{
    body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,button{margin:0; padding:0;}
    input,textarea,button,select{ font-family: inherit; font-size: inherit; color: inherit; }
    img, fieldset, button{border:0;}
    textarea{overflow:auto; resize: none; }
    button{ background: 0; font-weight: inherit; color: inherit; cursor:pointer; }
    img{vertical-align:middle;}
    address, em{font-style:normal;}
    table{border-spacing:0; border-collapse:collapse;}
    caption{overflow:hidden; line-height:0; text-indent:-2000em;}
    legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
    i{font-style:normal;}
    summary::-webkit-details-marker{ display: none; }

    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, hgroup, menu {display:block;}
    figure{padding:0px; margin:0px;}
}
.hidden { display: none !important; visibility: hidden; }
.row { flex-direction: row !important; }

/* 링크 기본값 */
a{ text-decoration: none; color: inherit; }

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* mobile */
body{-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

/* 선택자 */
::selection{ background: transparent; color: var(--primary); }
.selection-reverse::selection,
.selection-reverse *::selection{ background: var(--white); color: var(--primary); }

/* 아웃라인 */
*{ outline-color: var(--primary); }

/* 말줄임표 */
.ellipsis{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; word-break: break-all; }

/* hide */
@media(min-width: 768px){
    #wrap .show-mo{ display: none; }
}
@media(min-width: 1280px){
    #wrap .show-tab{ display: none; }
}
@media(max-width: 1279px){
    #wrap .hide-tab{ display: none; }
    #wrap .show-tab.block{ display: block; }
    #wrap .show-tab.flex{ display: flex; }
    #wrap .show-tab.inline_block{ display: inline-block; }
    #wrap .show-tab.inline_flex{ display: inline-flex; }
}
@media(max-width: 767px){
    #wrap .hide-mo{ display: none; }
    #wrap .show-mo.block{ display: block; }
    #wrap .show-mo.flex{ display: flex; }
    #wrap .show-mo.inline_block{ display: inline-block; }
    #wrap .show-mo.inline_flex{ display: inline-flex; }
}

/* font size */
:root{
    --fs68: clamp(46rem, calc( 68 / var(--inr) * 100vw ), 68rem);
    --fs64: clamp(46rem, calc( 64 / var(--inr) * 100vw ), 64rem);
    --fs60: clamp(48rem, calc( 60 / var(--inr) * 100vw ), 60rem);
    --fs50: clamp(40rem, calc( 50 / var(--inr) * 100vw ), 50rem);
    --fs48: clamp(40rem, calc( 48 / var(--inr) * 100vw ), 48rem);
    --fs45: clamp(36rem, calc( 45 / var(--inr) * 100vw ), 45rem);
    --fs44: clamp(34rem, calc( 44 / var(--inr) * 100vw ), 44rem);
    --fs42: clamp(36rem, calc( 42 / var(--inr) * 100vw ), 42rem);
    --fs40: clamp(34rem, calc( 40 / var(--inr) * 100vw ), 40rem);
    --fs36: clamp(28rem, calc( 36 / var(--inr) * 100vw ), 36rem);
    --fs34: clamp(28rem, calc( 34 / var(--inr) * 100vw ), 34rem);
    --fs32: clamp(26rem, calc( 32 / var(--inr) * 100vw ), 32rem);
    --fs30: clamp(28rem, calc( 30 / var(--inr) * 100vw ), 30rem);
    --fs28: clamp(26rem, calc( 28 / var(--inr) * 100vw ), 28rem);
    --fs26: clamp(24rem, calc( 26 / var(--inr) * 100vw ), 26rem);
    --fs24: clamp(22rem, calc( 24 / var(--inr) * 100vw ), 24rem);
    --fs22: clamp(20rem, calc( 22 / var(--inr) * 100vw ), 22rem);
    --fs20: clamp(18rem, calc( 20 / var(--inr) * 100vw ), 20rem);
    --fs18: clamp(16rem, calc( 18 / var(--inr) * 100vw ), 18rem);
    --fs16: clamp(14rem, calc( 16 / var(--inr) * 100vw ), 16rem);
    --fs14: clamp(12rem, calc( 14 / var(--inr) * 100vw ), 14rem);
    --fs12: clamp(10rem, calc( 12 / var(--inr) * 100vw ), 12rem);
}

/* tailwindcss */
.fill-none{fill:none;}
.inline-block{ display: inline-block; }
.text-center{ text-align: center; }
.text-balck{ color: var(--black); }
.text-primary{ color: var(--primary); }
.text-secondary{ color: var(--secondary); }
.text-white{ color: var(--white); }
.relative{ position: relative; }
.ml-0 {margin-left: 0 !important;}