* {margin:0; padding:0; font-family: "Roboto", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; word-break:keep-all;}

.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}

html,body {font-size:16px; overflow-x:hidden;}
a {text-decoration:none; color:inherit;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
img {max-width:100%;}

.light{font-weight: 300;}
.bold {font-weight:600;}
.bolder {font-weight:700;}

.dp_ib{display:inline-block;}
.dp_b {display:block;}
.p_r {position:relative;}
.v_m {vertical-align:middle;}

.txtC {text-align:center;}
.txtL {text-align:left;}
.txtR {text-align:right;}

.mo_only1 {display:none;}

.c_red {color:#e60819;}
.c_blk {color:#222;}
.c_gry {color:#878787;}

.f14{font-size:0.875rem;}
.f15{font-size:0.938rem;}
.f16{font-size:1rem;}
.f18{font-size:1.125rem;}
.f20{font-size:1.250rem;}
.f22{font-size:1.375rem;}
.f24{font-size:1.5rem;}
.f26{font-size:1.625rem;}
.f28{font-size:1.75rem;}
.f30{font-size:1.875rem;}
.f32{font-size:2rem;}
.f34{font-size:2.125rem;}
.f38{font-size:2.375rem;}
.f42{font-size:2.625rem;}
.f44{font-size:2.75rem;}
.f48{font-size:3rem;}
.f54{font-size:3.375rem;}
.f58{font-size:3.625rem;}
.f62{font-size:3.875rem;}
.f72{font-size:4.5rem;}
.f86{font-size:5.375rem;}


.m-12{margin-top: 12px;}
.m-20{margin-top: 20px;}
.m-24{margin-top: 24px;}
.m-28{margin-top: 28px;}
.m-32{margin-top: 32px;}
.m-36{margin-top: 36px;}
.m-42{margin-top: 42px;}
.m-48{margin-top: 48px;}
.m-60{margin-top: 60px;}
.m-72{margin-top: 72px;}
.m-80{margin-top: 80px;}
.m-100{margin-top: 100px;}

.m_12{margin-bottom: 12px;}
.m_20{margin-bottom: 20px;}
.m_24{margin-bottom: 24px;}
.m_28{margin-bottom: 28px;}
.m_32{margin-bottom: 32px;}
.m_36{margin-bottom: 36px;}
.m_42{margin-bottom: 42px;}
.m_48{margin-bottom: 48px;}
.m_60{margin-bottom: 60px;}
.m_72{margin-bottom: 72px;}
.m_80{margin-bottom: 80px;}
.m_100{margin-bottom: 100px;}


.p-12{padding-top: 12px;}
.p-20{padding-top: 20px;}
.p-24{padding-top: 24px;}
.p-28{padding-top: 28px;}
.p-32{padding-top: 32px;}
.p-36{padding-top: 36px;}
.p-42{padding-top: 42px;}
.p-48{padding-top: 48px;}
.p-60{padding-top: 60px;}
.p-72{padding-top: 72px;}
.p-80{padding-top: 80px;}
.p-100{padding-top: 100px;}

.p_12{padding-bottom: 12px;}
.p_20{padding-bottom: 20px;}
.p_24{padding-bottom: 24px;}
.p_28{padding-bottom: 28px;}
.p_32{padding-bottom: 32px;}
.p_36{padding-bottom: 36px;}
.p_42{padding-bottom: 42px;}
.p_48{padding-bottom: 48px;}
.p_60{padding-bottom: 60px;}
.p_72{padding-bottom: 72px;}
.p_80{padding-bottom: 80px;}
.p_100{padding-bottom: 100px;}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #E60819;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
  border:1px solid #E60819 !important;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #BF0816;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btns {display:inline-block; padding:10px 20px; border-radius:4px;}
.btns.blk {background-color:#333; color:#fff;}
.btns.blk:hover {background-color:#222; transition:.2s;}

.btns.gry {background-color:#777; color:#fff;}
.btns.gry:hover {background-color:#666; transition:.2s;}