@charset "utf-8";
@import url('swiper.min.css');
@import url('font.css'); 
@import url('aos.css');
@import url('style.min.css');

html {height: 100%; font-size: 0.05208333178113vw; scroll-behavior: smooth;}
body { margin-top: 0 !important; min-width: 320px; color: #fff; line-height: 1.46; font-size: 23rem; font-family: 'Pretendard', sans-serif; word-wrap: break-word; word-break: keep-all;  font-weight: 400; letter-spacing: -1.5px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin: 0; padding: 0; -webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5{ font-size: inherit;}
b{ font-weight: inherit;}
strong{ font-weight: 700;}
span{ display: inline-block;}
i{ display: block;}
em{ color: #F55407;}
h1{ font-family: 'Vitro', sans-serif; font-weight: 700;}
h2{ font-weight: 600; line-height: 1.2;}
fieldset, img, abbr, acronym {border: 0 none;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}
address, caption, cite, code, dfn, em, var {font-style: inherit; font-weight: inherit;}
ol, ul {list-style: none;}
q:before, q:after {content:'';}
table {border-collapse: collapse; border-spacing: 0;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
hr {display: none;}
a { display: block; color: inherit; text-decoration: none; cursor: pointer;}
button {border: 0 none; background: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
button, input, select, textarea { color: inherit; vertical-align: middle; font-size: inherit; font-weight: inherit;}
select { -webkit-border-radius: 0;}
select::-ms-expand {
    display: none;
}

input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="button"],input[type="submit"],textarea {
    -webkit-appearance: none;-moz-appearance: none; background-color: transparent; border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button; font-family: inherit;}
input[type="checkbox"],
input[type="radio"] {width: 0; height: 0; opacity: 0; overflow: hidden; display: inline;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
img {  vertical-align: top; }
textarea {overflow: auto; resize: none;}
input::-webkit-input-placeholder,
input:-moz-input-placeholder,
input::-moz-input-placeholder,
input:-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder{ color:#e0e0e0; font-weight: 300;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object {display: block; margin: 0; padding: 0;}
audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;}

/* Disable orange highlight */
label, a, button {-o-tap-highlight-color:rgba(0, 0, 0, 0);-ms-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color rgba(0, 0, 0, 0);-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}


/* global */
.dB{display: block;}
.dIB{display: inline-block;vertical-align: top;}
.clearfix {*zoom:1}
.clearfix:after{display: block;content:'';clear: both;}
.taC{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.orient{ -webkit-box-orient: vertical;}


/* @media screen and ( max-width:1280px ) and ( min-width:720px ){
  html { font-size: 0.12vw;}
} */

br.mo{display:none}
@media screen and ( max-width:720px ){
  html { font-size: 0.278vw;}
  body { font-size: 14rem; letter-spacing: -1px;}
  br.mo{display:block!important}
}