@charset "utf-8";

@font-face {
    font-family: 'gsl';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gsm';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gsb';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* reset */
* { margin: 0; padding:0; }
li { list-style:none; }
a { text-decoration: none !important; color:inherit; }
img { vertical-align: top; object-fit: cover;}

/* common */
html { overflow-x: hidden; font-size:10px; }
html.fix { overflow: hidden; }
.wrap { max-width:1284px; width:100%; margin:0 auto; position: relative; padding: 0 15px; box-sizing: border-box; }
.wrap * { word-break: keep-all; }
.cl:after { content:""; clear:both; display: block; }
.blind { position:absolute; width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.fl:after { display:none; }
.fld { flex-direction: column; }
.spb { justify-content: space-between; }
.tac { text-align: center; }
.dn { display:none !important; }
.shd { box-shadow: 2px 2px 8px rgba(0,0,0,0.2); border-radius: 16px; overflow: hidden; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { width: 100%; height: 100%; background-position: center;  background-size: cover; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 

.wh { color:#fff; }
.cp { color:rgb(0, 163, 77); }
.cb { background: rgb(0, 163, 77); color:#fff; }

.f60 { font-size:6rem; }
.f50 { font-size:5rem; }
.f48 { font-size:4.8rem; }
.f42 { font-size:4.2rem; }
.f40 { font-size:4rem; }
.f36 { font-size:3.6rem; }
.f32 { font-size:3.2rem; }
.f30 { font-size:3rem; }
.f28 { font-size:2.8rem; }
.f24 { font-size:2.4rem; }
.f22 { font-size:2.2rem; }
.f20 { font-size:2rem; }
.f18 { font-size:1.8rem; }
.f16 { font-size:1.6rem; }
.f15 { font-size:1.5rem; }
.f14 { font-size:1.4rem; }
.f13 { font-size:1.3rem; }
.f12 { font-size:1.2rem; }

.ptt { font-family: ptt; }
.ptel { font-family: ptel; }
.ptl { font-family: ptl; }
.ptr { font-family: ptr; }
.ptm { font-family: ptm; }
.ptsb { font-family: ptsb; }
.ptb { font-family: ptb; }
.pteb { font-family: pteb; }
.ptbl { font-family: ptbl; }

.stt { font-family: stt; }
.stl { font-family: stl; }
.str { font-family: str; }
.stm { font-family: stm; }
.stsb { font-family: stsb; }
.stb { font-family: stb; }
.steb { font-family: steb; }
.sth { font-family: sth; }

.gsl { font-family: gsl; }
.gsm { font-family: gsm; }
.gsb { font-family: gsb; }


@media (max-width:800px) { 
html { font-size:10px; }
.pc { display: none !important; }
.wrap { width: 94%; font-size:13px; }


}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
}