/* reset */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

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

/* common */
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
#w_header, section, #w_footer { font:300 16px/1.6 "Inter"; }
.wrap { width:1440px; margin:0 auto; position: relative;  }
.wrap * { word-break: keep-all; }
.wrap:after, ul:after, .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:#0a302e; }
.cb { background: #0a302e; color:#fff; }

.f60 { font-size:60px; line-height:1.3; }
.f50 { font-size:50px; line-height:1.3; }
.f45 { font-size:45px; line-height:1.2; }
.f42 { font-size:42px; line-height:1.2; }
.f40 { font-size:40px; line-height:1.3; }
.f36 { font-size:36px; line-height:1.4; }
.f32 { font-size:32px; line-height:1.4; }
.f30 { font-size:30px; line-height:1.4; }
.f28 { font-size:28px; line-height:1.4; }
.f24 { font-size:24px; line-height:1.4; }
.f22 { font-size:22px; }
.f20 { font-size:20px; }
.f18 { font-size:18px; line-height:1.6; }
.f16 { font-size:16px; line-height:1.6; }
.f14 { font-size:14px; line-height:1.6; }

.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; }

.in { font-family: "Inter", sans-serif; }
.cz { font-family: "Cinzel", serif; }

.more { border:1px solid #fff; padding:0 30px; height: 44px; border-radius: 50px; display:inline-flex; }
.more i { margin-left: 14px; font-size:20px; }

.pad { padding:100px 0; }
.pt100 { padding-top: 100px; }
.pb100 { padding-bottom: 100px; }

h1, h2, h3, h4, h5, h6 { font-family: inherit; }


@media (max-width:800px) { 
.pc { display: none !important; }
.wrap { width: 94%; font-size:13px; }
#w_header, section, #w_footer { font-size:13px; }

.f60 { font-size:40px; }
.f50 { font-size:36px; }
.f45 { font-size:34px; }
.f42 { font-size:30px; }
.f40 { font-size:28px; }
.f36 { font-size:24px; }
.f32 { font-size:22px; }
.f30 { font-size:20px; }
.f28 { font-size:19px; }
.f24 { font-size:18px; }
.f22 { font-size:16px; }
.f20 { font-size:15px; }
.f18 { font-size:14px; }
.f16 { font-size:13px; }
.f14 { font-size:12px; }

.pad { padding:80px 0; }
.pt100 { padding-top: 80px; }
.pb100 { padding-bottom: 80px; }

}

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