@charset "utf-8";

/* Pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../fonts/Pretendard-Black.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../fonts/Pretendard-ExtraBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../fonts/Pretendard-Bold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../fonts/Pretendard-SemiBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../fonts/Pretendard-Medium.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../fonts/Pretendard-Regular.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../fonts/Pretendard-Light.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../fonts/Pretendard-ExtraLight.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../fonts/Pretendard-Thin.woff2) format('woff2');
}

/* Paperlogy */
@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Paperlogy-3Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Paperlogy-5Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Paperlogy-7Bold.ttf) format('truetype');
}

/* 여백 초기화 */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
html,
body {
  position: relative;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  font-family: 'Pretandard';
  letter-spacing: -0.3;
  color: #2C3038;
}
body {
  line-height: 1.5;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul,
li {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
/*-------------------------------------------------------------------
 @input style
-------------------------------------------------------------------*/
button {
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
input[type="button"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="search"],
input[type="tel"],
input[type="email"] {
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 16px;
}
/*-------------------------------------------------------------------
 @select
-------------------------------------------------------------------*/
select {
  font-family: "Pretendard";
  font-size: 19px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/sub/Regular-S.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 15px;
  background-color: #fff;
  border: none;
  width: 100%;
  height: 44px;
  padding: 12px 24px;
  box-sizing: border-box;
  border: 1px solid #707070;
  border-radius: 8px;
  opacity: 1;
  outline: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #000;
}
/*-------------------------------------------------------------------
 @select IE10,11의 네이티브 화살표 숨기기
-------------------------------------------------------------------*/
select::-ms-expand {
  display: none;
}
/*-------------------------------------------------------------------
 @clearfix
-------------------------------------------------------------------*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: block;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.flex {
  display: flex;
  justify-content: space-between;
}
.flex1 {
  display: flex;
  align-items: center;
}
.tr_bg {
  transition: background .3s ease;
}
.tr_cl {
  transition: color .3s ease;
}
.tr_cl_bg {
  transition: color .3s ease, background .3s ease;
}
/*-------------------------------------------------------------------
 @공통서브
-------------------------------------------------------------------*/
section {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.inner {
  width: 100%;
  max-width: 1180px;
  padding: 0px 40px;
  box-sizing: border-box;
  margin: 0 auto;
}
.inner.wide {
  max-width: 1380px;
}
.flex {
  display: flex;
}
.flex-l {
  display: flex;
  justify-content: flex-start;
}
.flex-lc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.align-center {
  align-items: center;
}
.flex-lr {
  display: flex;
  justify-content: space-between;
}
.flex-lrc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-r {
  display: flex;
  justify-content: flex-end;
}
.flex-rc {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-c {
  display: flex;
  justify-content: center;
}
.flex-cc {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer {}
.radio-buttons-1,
.radio-buttons-2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.radio-buttons-1 .radio-button,
.radio-buttons-2 .radio-button {
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  padding-top: 3px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -1.26px;
  color: #000000;
  margin-right: 40px;
}
/* 기존 라디오 버튼 삭제 */
.radio-button input[type="radio"] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
/* 1번 그룹 라디오 버튼, 외부 원 */
.radio-buttons-1 .radio-button .custom-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #eee;
}
/* 1번 그룹 라디오 버튼 선택 시 배경 색상 변경, 외부 원 */
.radio-buttons-1 .radio-button input[type="radio"]:checked~.custom-radio {
  background-color: #2196f3;
}
/* 1번 그룹 라디오 버튼, 내부 원 */
.radio-buttons-1 .custom-radio:after {
  content: "";
  position: absolute;
  /* 최초 display none */
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}
/* 1번 그룹 라디오 버튼 선택 시 화면 표출, 내부 원 */
.radio-buttons-1 .radio-button input[type="radio"]:checked~.custom-radio:after {
  display: block;
}
/* 2번 그룹 커스텀 라디오 버튼, 외부 원 (border) */
.radio-buttons-2 .radio-button .custom-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #eee;
}
/* 2번 그룹 라디오 버튼 선택 시 배경 색상 변경, 외부 원 (border) */
.radio-buttons-2 .radio-button input[type="radio"]:checked~.custom-radio {
  border: 2px solid #631BFA;
}
/* 2번 그룹 라디오 버튼, 내부 원 */
.radio-buttons-2 .custom-radio:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #eee;
}
/* 2번 그룹 라디오 버튼 선택 시 색상 변경, 내부 원 */
.radio-buttons-2 .radio-button input[type="radio"]:checked~.custom-radio:after {
  background-color: #631BFA;
}
.popupAlert {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 0%;
  visibility: hidden;
  overflow: hidden;
  transition: height 0s .4s, visibility 0s .4s;
}
.popupAlert.open {
  transition: height 0s 0s, visibility 0s 0s;
  height: 100%;
  visibility: visible;
}
.popupAlert .popup_content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  box-sizing: border-box;
  min-width: 500px;
  min-height: 350px;
  z-index: 2;
  background-image: url('../images/sub/popup_line_bg.png');
  background-position: center 40px;
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-color: #fff;
  opacity: 0;
  transition: opacity .2s ease 0s;
}
.popupAlert.open .popup_content {
  transition: opacity .2s ease .2s;
  opacity: 1;
}
.popupAlert .popup_content .article {
  position: relative;
  z-index: 1;
  padding: 30px;
  padding-top: 80px;
}
.popupAlert .popup_content:after {
  content: "";
  z-index: 0;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-position: 90% 80px;
  background-image: url('../images/sub/char_1.png');
  background-repeat: no-repeat;
}
.popupAlert.bg1 .popup_content:after {
  background-image: url('../images/sub/char_1.png');
}
.popupAlert.bg2 .popup_content:after {
  background-image: url('../images/sub/char_2.png');
}
.popupAlert.bg3 .popup_content:after {
  background-image: url('../images/sub/char_3.png');
}
.popupAlert.bg4 .popup_content:after {
  background-image: url('../images/sub/char_4.png');
}
.popupAlert.bg5 .popup_content:after {
  background-image: url('../images/sub/char_5.png');
}
.popupAlert.bg6 .popup_content:after {
  background-image: url('../images/sub/char_6.png');
}
.popupAlert.bg7 .popup_content:after {
  background-image: url('../images/sub/char_7.png');
}
.popupAlert.bg8 .popup_content:after {
  background-image: url(../images/sub/char_8.png);
}
.popupAlert .popup_content .txt {
  width: 65%;
  display: inline-block;
  word-break: keep-all;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  color: #222;
  height: 180px;
}
.popupAlert .bg {
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity .2s ease .2s;
}
.popupAlert.open .bg {
  transition: opacity .2s ease 0s;
  opacity: 1;
}
.scroll_hide {
  overflow: hidden;
}
.popupAlert .btn_wrap {
  font-size: 0;
  text-align: center;
}
.popupAlert .link_wrap a {
  cursor: pointer;
  vertical-align: top;
  line-height: 20px;
  border-bottom: 1px solid #8150FF;
  color: #8150FF;
  font-size: 18px;
  font-weight: 300;
  display: inline-block;
  padding-top: 20px;
}
.popupAlert .btn_wrap button {
  cursor: pointer;
  vertical-align: top;
  margin: 0px 5px;
  line-height: 55px;
  height: 55px;
  width: 35%;
  border-radius: 3px;
  background: #8150FF;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  outline: none;
  border: 0;
}
.popupAlert .btn_wrap button.cancel {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #999;
  font-size: 18px;
}
.tab_selector .slick-slide {
  margin: 0 5px;
}
.tab_selector .slick-list {
  margin: 0 -5px;
}
.tab_selector .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  font-size: 0;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  background: url('../images/sub/arrow1.svg') center center no-repeat #fff;
  border: 2px solid #8150FF;
  border-radius: 50%;
  z-index: 1;
}
.tab_selector .slick-arrow[aria-disabled="true"] {
  display: none !important;
}
.tab_selector .slick-arrow.slick-prev {
  left: -22px;
  transform: translateY(-50%) scale(-1);
}
.tab_selector .slick-arrow.slick-next {
  right: -22px;
}

/* add */
img { max-width: 100%; }
.mc-only { display: none !important; }
.pc-only { display: block !important; }
.table.pc-only { display: table !important; }
span.mc-only { display: none !important; }
span.pc-only { display: inline-block !important; }
th.pc-only, td.pc-only { display: table-cell !important; }
.bg-white { background-color: #ffffff !important; }
.bg-light { background-color: #f4f5f9 !important; }
.inner.wider { max-width: 1440px; }
.rounded { border-radius: 12px !important; }
.border { border: 1px solid #D7DCE3; }
.m-auto { margin: auto !important;}
.w-100 { width: 100%; }
.p-0 { padding: 0px !important; }
.p-6 { padding: 6px !important; }
.p-12 { padding: 12px !important; }
.p-24 { padding: 24px !important; }
.p-36 { padding: 36px !important; }
.px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.px-6 { padding-left: 6px !important; padding-right: 6px !important; }
.px-12 { padding-left: 12px !important; padding-right: 12px !important; }
.px-24 { padding-left: 24px !important; padding-right: 24px !important; }
.px-36 { padding-left: 36px !important; padding-right: 36px !important; }
.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.py-6 { padding-top: 6px !important; padding-bottom: 6px !important; }
.py-12 { padding-top: 12px !important; padding-bottom: 12px !important; }
.py-24 { padding-top: 24px !important; padding-bottom: 24px !important; }
.py-36 { padding-top: 36px !important; padding-bottom: 36px !important; }
.pt-0 { padding-top: 0px !important; }
.pt-6 { padding-top: 6px !important; }
.pt-12 { padding-top: 12px !important; }
.pt-24 { padding-top: 24px !important; }
.pt-36 { padding-top: 36px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-6 { padding-bottom: 6px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pb-24 { padding-bottom: 24px !important; }
.pb-36 { padding-bottom: 36px !important; }
.ps-0 { padding-left: 0px !important; }
.ps-6 { padding-left: 6px !important; }
.ps-12 { padding-left: 12px !important; }
.ps-24 { padding-left: 24px !important; }
.ps-36 { padding-left: 36px !important; }
.pe-0 { padding-right: 0px !important; }
.pe-6 { padding-right: 6px !important; }
.pe-12 { padding-right: 12px !important; }
.pe-24 { padding-right: 24px !important; }
.pe-36 { padding-right: 36px !important; }
.m-0 { margin: 0px !important; }
.m-6 { margin: 6px !important; }
.m-12 { margin: 12px !important; }
.m-24 { margin: 24px !important; }
.m-36 { margin: 36px !important; }
.mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
.mx-6 { margin-left: 6px !important; margin-right: 6px !important; }
.mx-12 { margin-left: 12px !important; margin-right: 12px !important; }
.mx-24 { margin-left: 24px !important; margin-right: 24px !important; }
.mx-36 { margin-left: 36px !important; margin-right: 36px !important; }
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.my-6 { margin-top: 6px !important; margin-bottom: 6px !important; }
.my-12 { margin-top: 12px !important; margin-bottom: 12px !important; }
.my-24 { margin-top: 24px !important; margin-bottom: 24px !important; }
.my-36 { margin-top: 36px !important; margin-bottom: 36px !important; }
.mt-0 { margin-top: 0px !important; }
.mt-6 { margin-top: 6px !important; }
.mt-12 { margin-top: 12px !important; }
.mt-24 { margin-top: 24px !important; }
.mt-36 { margin-top: 36px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-6 { margin-bottom: 6px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mb-24 { margin-bottom: 24px !important; }
.mb-36 { margin-bottom: 36px !important; }
.ms-0 { margin-left: 0px !important; }
.ms-6 { margin-left: 12px !important; }
.ms-12 { margin-left: 12px !important; }
.ms-24 { margin-left: 24px !important; }
.ms-36 { margin-left: 36px !important; }
.me-0 { margin-right: 0px !important; }
.me-6 { margin-right: 6px !important; }
.me-12 { margin-right: 12px !important; }
.me-24 { margin-right: 24px !important; }
.me-36 { margin-right: 36px !important; }
.rounded-0 { border-radius: 0px !important; }
.rounded-6 { border-radius: 6px !important; }
.rounded-12 { border-radius: 12px !important; }
.rounded-24 { border-radius: 24px !important; }
.rounded-36 { border-radius: 36px !important; }
.rounded-pill { border-radius: 50px !important; }
.thumbnail-img { background-position: center; background-repeat: no-repeat; background-size: cover; }
.bg-primary { background-color: #EF3B29 !important; }
.btn-outline-primary { display: inline-block; border: 1px solid #EF3B29 !important; color: #EF3B29 !important; padding: 16px 32px !important; font-size: 18px !important; font-weight: bold; text-align: center; }
.btn-outline-primary span { line-height: 24px; display: inline-block; }
.btn-sm.btn-outline-primary { padding: 10px 20px !important; }
.btn-icon { display: inline-block; vertical-align: sub; padding-left: 12px; }
.fw-normal { font-weight: normal; }
.fw-sb { font-weight: 600; }
.fw-bold { font-weight: bold; }
.text-center { text-align: center; }
.font-pretendard { font-family: 'Pretendard' !important; }
.font-paperlogy { font-family: 'Paperlogy' !important; font-weight: bold; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-28 { font-size: 28px !important; }
.fs-32 { font-size: 32px !important; }
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav .nav-item { width: auto; }
.nav .nav-link { display: block; padding: 12px 32px; text-decoration: none; }
.nav.nav-sm .nav-link { padding: 10px 26px !important; font-size: 20px; }
.nav-pills .nav-item, .nav-pills a { border-radius: 6px; }
.nav-rounded { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 0 auto; justify-content: flex-start; max-width: 100%; }
.nav-rounded .nav-item, .nav-rounded a { border-radius: 40px; }
.nav-red .nav-item { border: 1px solid #EF3B29; }
.nav-red .nav-link { background-color: #FFF; color: #EF3B29; font-size: 22px; font-weight: bold; }
.nav-red .active, .nav-red .active a { background-color: #EF3B29; color: #FFF; }
.scroll { display: flex; width: 100%; }
.scroll-nowrap { display: flex; width: 100%; }
.scroll-table.scroll-table-lg  { overflow-x: scroll; width: calc(100% + 60px); }
.main-bg { background-color: #f4f5f9 !important; }
.d-block { display: block; }
.d-flex { display: flex; }
.flex-fill { flex: 1 1 auto !important; }
.justify-content-start { justify-content: start; }
.justify-content-end { justify-content: end; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.align-items-start { align-items: start; }
.align-items-end { align-items: end; }
.align-items-center { align-items: center; }
.flex-container { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: -10px; margin-right: -5px; margin-left: -5px; }
.flex-container>* { flex-shrink: 0; width: 100%; max-width: 100%; box-sizing: border-box; padding-right: 5px; padding-left: 5px; margin-top: 10px; }
.flex-container .column { flex: 1 0 0%; }
.flex-container .column-1 { flex: 0 0 auto; width: 8.33333333%; }
.flex-container .column-2 { flex: 0 0 auto; width: 16.66666667%; }
.flex-container .column-3 { flex: 0 0 auto; width: 25%; }
.flex-container .column-4 { flex: 0 0 auto; width: 33.33333333%; }
.flex-container .column-5 { flex: 0 0 auto; width: 41.66666667%; }
.flex-container .column-6 { flex: 0 0 auto; width: 50%; }
.flex-container .column-7 { flex: 0 0 auto; width: 58.33333333%; }
.flex-container .column-8 { flex: 0 0 auto; width: 66.66666667%; }
.flex-container .column-9 { flex: 0 0 auto; width: 75%; }
.flex-container .column-10 { flex: 0 0 auto; width: 83.33333333%; }
.flex-container .column-11 { flex: 0 0 auto; width: 91.66666667%; }
.flex-container .column-12 { flex: 0 0 auto; width: 100%; }

.border-0 { border: none !important; }
.bg-0 { background-color: transparent !important; }
.text-white { color: #FFF; }
.text-gray { color: #565D6B; }
.opacity-70 { opacity: 0.7; }
.opacity-50 { opacity: 0.5; }
.opacity-30 { opacity: 0.3; }
.gap-12 { gap: 12px !important; }
.gap-24 { gap: 24px !important; }
.gap-30 { gap: 30px !important; }
.gap-36 { gap: 30px !important; }
.lh-sm { line-height: 1.25 !important; }
.lh-base { line-height: 1.5 !important; }
.lh-lg { line-height: 2 !important; }
.minheight-auto { min-height: auto !important; }
.padding-sm { padding: 12px !important; }
.padding-base { padding: 24px !important; }
.padding-lg { padding: 36px !important; }
.disabled { pointer-events: none; cursor: default; text-decoration: none; }

@media only screen and (max-width: 1024px) {
  .nav .nav-link { padding: 12px 24px; min-width: max-content; }
  .nav.nav-sm { gap: 5px; }
  .nav.nav-sm .nav-link { padding: 9px 18px !important; font-size: 14px; }
  .nav-red .nav-link { font-size: 16px; }
  .scroll { overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; }
  .scroll-nowrap { overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; width: calc(100% + 40px); margin-left: -20px; }
  .scroll .nav { flex-wrap: nowrap; }
  .scroll-nowrap .nav { flex-wrap: nowrap; padding-left: 20px; justify-content: start; }
  .scroll-table { overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; width: calc(100% + 20px); }
  .scroll-table.scroll-table-lg { width: calc(100% + 20px); }
  .btn-outline-primary { font-size: 16px; padding: 11px 20px !important; }
  .fs-12 { font-size: 10px !important; }
  .fs-14 { font-size: 10px !important; }
  .fs-16 { font-size: 11px !important; }
  .fs-18 { font-size: 12px !important; }
  .fs-20 { font-size: 14px !important; }
  .fs-22 { font-size: 16px !important; }
  .fs-24 { font-size: 18px !important; }
  .fs-28 { font-size: 20px !important; }
  .fs-32 { font-size: 24px !important; }
  .pc-only { display: none !important; }
	.mc-only { display: block !important; }
  .table.pc-only { display: none !important; }
  .table.mc-only { display: table !important; }
	span.pc-only { display: none !important; }
	span.mc-only { display: inline-block !important; }
	th.pc-only, td.pc-only { display: none !important; }
	th.mc-only, td.mc-only { display: table-cell !important; }
  .flex-container .column { flex: 0 0 auto; width: 100%  }
  .flex-container .column-1 { width: auto  }
  .flex-container .column-2 { width: auto  }
  .flex-container .column-3 { width: 100%  }
  .flex-container .column-4 { width: 100%  }
  .flex-container .column-5 { width: 100%  }
  .flex-container .column-6 { width: 100%  }
  .flex-container .column-7 { width: 100%  }
  .flex-container .column-8 { width: 100%  }
  .flex-container .column-9 { width: 100%  }
  .flex-container .column-10 { width: 100%  }
  .flex-container .column-11 { width: 100%  }
  .flex-container .column-12 { width: 100%  }
  .flex-container .column-mc-1 { width: 8.33333333%; }
  .flex-container .column-mc-2 { width: 16.66666667%; }
  .flex-container .column-mc-3 { width: 25%; }
  .flex-container .column-mc-4 { width: 33.33333333%; }
  .flex-container .column-mc-5 { width: 41.66666667%; }
  .flex-container .column-mc-6 { width: 50%; }
  .flex-container .column-mc-7 { width: 58.33333333%; }
  .flex-container .column-mc-8 { width: 66.66666667%; }
  .flex-container .column-mc-9 { width: 75%; }
  .flex-container .column-mc-10 { width: 83.33333333%; }
  .flex-container .column-mc-11 { width: 91.66666667%; }
  .flex-container .column-mc-12 { width: 100%; }
  .mc-space-around { justify-content: space-around; }
  .mc-space-between { justify-content: space-between; }
  .mc-flex-column { flex-direction: column; }
  .mc-d-block { display: block; }
  .mc-w-100 { width: 100%; }
  .mc-justify-content-start { justify-content: start; }
  .mc-justify-content-center { justify-content: center; }
  .mc-justify-content-between { justify-content: space-between; }
  .mc-text-start { text-align: start; }
  .mc-text-center { text-align: center; }
  .minheight-sm-auto { min-height: auto !important; }
  .padding-sm { padding: 6px !important; }
  .padding-base { padding: 12px !important; }
  .padding-lg { padding: 24px !important; }
  
}
@media only screen and (max-width: 640px) {
  .inner {
    padding: 0 20px;
  }
}