/*폰트불러오기*/

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean");

/* font-family: 'Noto Sans KR', sans-serif; */



@font-face {

  font-family: "Pretendard";

  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff")

  format("woff");

  font-weight: 300;

  font-style: normal;

}

@font-face {

  font-family: "Pretendard";

  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")

  format("woff");

  font-weight: 400;

  font-style: normal;

}

@font-face {

  font-family: "Pretendard";

  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")

  format("woff");

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: "Pretendard";

  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff")

  format("woff");

  font-weight: 600;

  font-style: normal;

}

@font-face {

  font-family: "Pretendard";

  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")

  format("woff");

  font-weight: 700;

  font-style: normal;

}

@font-face {

  font-family: "Pretendard";

  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff")

  format("woff");

  font-weight: 800;

  font-style: normal;

}



@font-face {

  font-family: "S-CoreDream-2ExtraLight";

  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff")

  format("woff");

  font-weight: normal;

  font-style: normal;

}



.S-CoreDream {

  font-family: "S-CoreDream-2ExtraLight";

}



/* 초기화 */

html {

  font-size: 10px;

  overflow-x: hidden;

}

body {

  margin: 0;

  padding: 0;

  font-family: "Pretendard";

  color: #222;

  font-weight: 300;

  letter-spacing: -0.04rem;

  font-size: 1.6rem;

  -ms-overflow-style: none;

}

/* 스크롤 */

::-webkit-scrollbar {

  /*display: none;*/

}



html,

h1,

h2,

h3,

h4,

h5,

h6,

form,

fieldset,

img {

  margin: 0;

  padding: 0;

  border: 0;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 1rem;

  color: #222;

  font-weight: bold;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}



ul,

dl,

dt,

dd {

  margin: 0;

  padding: 0;

  list-style: none;

}

legend {

  position: absolute;

  margin: 0;

  padding: 0;

  font-size: 0;

  line-height: 0;

  text-indent: -9999em;

  overflow: hidden;

}

label,

input,

button,

select,

img {

  vertical-align: middle;

  font-size: 1em;

}

input,

button {

  margin: 0;

  padding: 0;

  font-size: 1em;

}

input[type="submit"] {

  cursor: pointer;

}

button {

  cursor: pointer;

}

textarea,

select {

  font-size: 1em;

}

select {

  margin: 0;

}

p {

  margin: 0;

  padding: 0;

  word-break: keep-all;

}

hr {

  display: none;

}

a {

  color: #222;

  text-decoration: none;

}

a:hover {

  text-decoration: none;

  cursor: pointer;

  color: inherit;

}

a,

button {

  transition: all 0.1s linear;

  -o-transition: all 0.1s linear;

  -moz-transition: all 0.1s linear;

  -webkit-transition: all 0.1s linear;

}

a:hover,

button:hover {

  transition: all 0.1s linear;

  -o-transition: all 0.1s linear;

  -moz-transition: all 0.1s linear;

  -webkit-transition: all 0.1s linear;

}



*,

:after,

:before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



input[type="text"],

input[type="password"],

textarea {

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  outline: none;

}

input[type="text"]:focus,

input[type="password"]:focus,

textarea:focus,

select:focus,

.btn:focus {

  border: ;

  box-shadow: none;

  outline: none;

}

input::-webkit-input-placeholder {

  color: #aaa !important;

  font-weight: 500;

}

input:-ms-input-placeholder {

  color: #aaa !important;

  font-weight: 500;

}



/* ////input */

select {

  -webkit-appearance: none; /* 네이티브 외형 감추기 */

  -moz-appearance: none;

  appearance: none;

  background: url(../img/icon_arr_dw.png) no-repeat 95% 50%; /* 화살표 이미지 */

}



select.selcbox{color: #aaa;}



option {

  color: #aaa;

}

/* select {

  color: #121212;

} */



textarea::-webkit-input-placeholder {

  color: #9ea0b9 !important;

  font-weight: 500;

}

textarea:-ms-input-placeholder {

  color: #9ea0b9 !important;

  font-weight: 500;

}



.form-control:disabled,

.form-control[readonly] {

  background-color: #f5f5f5;

  opacity: 1;

}



.form-group {

  margin-bottom: 0;

}



/* ///////file_upload */

.filebox .upload-name {

  display: inline-block;

  vertical-align: middle;

  color: #777;

}

.filebox label {

  display: inline-block;

  vertical-align: middle;

  cursor: pointer;

  height: 40px;

  margin-left: 10px;

  border-radius: 5px;

}

.filebox input[type="file"] {

  position: absolute;

  width: 0;

  height: 0;

  padding: 0;

  overflow: hidden;

  border: 0;

}



/* /////input date */

input::-webkit-clear-button {

  /* Removes blue cross */

  /* -webkit-appearance: none;

    margin: 0; */

}



/* input.date::-webkit-input-placeholder {

    background-image: url(../img/icon_date.png);

    background-size: contain;

    background-position: right center;

    background-repeat: no-repeat;

    text-indent: 0;

    text-align: left;

  } */

/* .datepicker-toggle {

    display: inline-block;

    position: relative;

    width: 18px;

    height: 19px;

  }

  .datepicker-toggle-button {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height:100%;



  }

  .datepicker-input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

    box-sizing: border-box;

  }

  .datepicker-input::-webkit-calendar-picker-indicator {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    cursor: pointer;

  } */

.br_03 {

  border-radius: 0.3rem;

}

/* //////input type[radio] */



label {

  margin-bottom: 0 !important;

}

.check_cus input[type="radio"] {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



.check_cus input[type="radio"] + label {

  display: inline-block;

  width: 20px;

  height: 20px;

  background: url(../img/non_check.png) no-repeat center;

  cursor: pointer;

  margin-right: 3px;

  margin-top: -3px;

  background-size: contain;

}

.check_cus:after {

  display: block;

  clear: both;

  content: "";

}



.check_cus input[type="radio"]:checked + label {

  background: url(../img/check.png) no-repeat center/20px 20px;

}



img {

  max-width: 100%;

  display: block;

  height: auto;

}

th,

td {

  vertical-align: middle;

}

figure {

  margin: 0;

}

strong {

  font-weight: 700;

  line-height: 100%;

}



/* ////ol reset*/

ol,

li {

  list-style: none;

}



/* ///// */

.modal-dialog {

  max-width: 750px;

  margin: 10rem auto;

}

.modal {

  overflow-x: hidden;

}

.modal-dialog-scrollable .modal-body {

  overflow-x: hidden;

}

/* 부트 커스텀 */

:root {

  --main: #003288;

  --main-hover: #003288;

  --second: #444088;

  --second-hover: #26235e;

  --yellow: #ffaa17;

  --green: #13bf80;

  --orange: #f15939;

  --breakpoint-xs: 0;

  --breakpoint-sm: 576px;

  --breakpoint-md: 768px;

  --breakpoint-lg: 992px;

  --breakpoint-xl: 1200px;

  --breakpoint-xxl: 1400px;

  --max-width-sm: 540px;

  --max-width-md: 720px;

  --max-width-lg: 960px;

  --max-width-xl: 1140px;

  --max-width-xxl: 1290px;

  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",

  Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,

  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,

  "Liberation Mono", "Courier New", monospace;

}

/* 부트 인풋 */

.form-control {

  display: block;

  width: 100%;

  height: calc(1.5em + 1.8rem + 2px);

  padding: 0.5rem 1.4rem;

  font-size: 1.5rem;

  font-weight: 400;

  line-height: 1.5;

  color: #222;

  border: 1px solid #e3e3e3;

  border-radius: 0.3rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.form-control-sm {

  height: calc(1.5em + 1.3rem + 2px);

  padding: 0.25rem 1rem;

  font-size: 1.4rem;

  line-height: 1.5;

  border-radius: 0.2rem;

}



.form-control-lg {

  height: calc(1.5em + 3rem + 2px);

  padding: 0.5rem 1.4rem;

  font-size: 1.6rem;

  line-height: 1.5;

  border-radius: 0.3rem;

}



/* ////부트페이저 */

.pagination {

  border-radius: 0;

}

.page-link {

  border: 0;

}

.page-link:hover {

  color: inherit;

  border-radius: 50%;

  background-color: #fff;

  color: #0056b3;

  border-color: #fff;

}

.page-item.active .page-link {

  z-index: 3;

  color: #fff;

  background-color: var(--primary);

  border-color: var(--primary);

  border-radius: 50%;

  padding: 0.5rem 1rem;

}



#app_write .modal-dialog,#loca_reserv .modal-dialog{max-height: 80vh;}



#pop01{z-index: 2000;}



/* 부트 마진 , 패딩 */

.m-0 {

  margin: 0 !important;

}



.mt-0,

.my-0 {

  margin-top: 0 !important;

}



.mr-0,

.mx-0 {

  margin-right: 0 !important;

}



.mb-0,

.my-0 {

  margin-bottom: 0 !important;

}



.ml-0,

.mx-0 {

  margin-left: 0 !important;

}

.m-05 {

  margin: 0.5rem !important;

}



.mt-05,

.my-05 {

  margin-top: 0.5rem !important;

}



.mr-05,

.mx-05 {

  margin-right: 0.5rem !important;

}



.mb-05,

.my-05 {

  margin-bottom: 0.5rem !important;

}



.ml-05,

.mx-05 {

  margin-left: 0.5rem !important;

}



.m-1 {

  margin: 1rem !important;

}



.mt-1,

.my-1 {

  margin-top: 1rem !important;

}



.mr-1,

.mx-1 {

  margin-right: 1rem !important;

}



.mb-1,

.my-1 {

  margin-bottom: 1rem !important;

}



.ml-1,

.mx-1 {

  margin-left: 1rem !important;

}



.m-2 {

  margin: 2rem !important;

}



.mt-2,

.my-2 {

  margin-top: 2rem !important;

}



.mr-2,

.mx-2 {

  margin-right: 2rem !important;

}



.mb-2,

.my-2 {

  margin-bottom: 2rem !important;

}



.ml-2,

.mx-2 {

  margin-left: 2rem !important;

}



.m-3 {

  margin: 3rem !important;

}



.mt-3,

.my-3 {

  margin-top: 3rem !important;

}



.mr-3,

.mx-3 {

  margin-right: 3rem !important;

}



.mb-3,

.my-3 {

  margin-bottom: 3rem !important;

}



.ml-3,

.mx-3 {

  margin-left: 3rem !important;

}



.m-4 {

  margin: 4rem !important;

}



.mt-4,

.my-4 {

  margin-top: 4rem !important;

}



.mr-4,

.mx-4 {

  margin-right: 4rem !important;

}



.mb-4,

.my-4 {

  margin-bottom: 4rem !important;

}



.ml-4,

.mx-4 {

  margin-left: 4rem !important;

}



.m-5 {

  margin: 5rem !important;

}



.mt-5,

.my-5 {

  margin-top: 5rem !important;

}



.mr-5,

.mx-5 {

  margin-right: 5rem !important;

}



.mb-5,

.my-5 {

  margin-bottom: 5rem !important;

}



.ml-5,

.mx-5 {

  margin-left: 5rem !important;

}



.m-15 {

  margin: 1.5rem !important;

}



.mt-15,

.my-15 {

  margin-top: 1.5rem !important;

}



.mr-15,

.mx-15 {

  margin-right: 1.5rem !important;

}



.mb-15,

.my-15 {

  margin-bottom: 1.5rem !important;

}



.ml-15,

.mx-15 {

  margin-left: 1.5rem !important;

}



.m-25 {

  margin: 2.5rem !important;

}



.mt-25,

.my-25 {

  margin-top: 2.5rem !important;

}



.mr-25,

.mx-25 {

  margin-right: 2.5rem !important;

}



.mb-25,

.my-25 {

  margin-bottom: 2.5rem !important;

}



.ml-25,

.mx-25 {

  margin-left: 2.5rem !important;

}



.m-35 {

  margin: 3.5rem !important;

}



.mt-35,

.my-35 {

  margin-top: 3.5rem !important;

}



.mr-35,

.mx-35 {

  margin-right: 3.5rem !important;

}



.mb-35,

.my-35 {

  margin-bottom: 3.5rem !important;

}



.ml-35,

.mx-35 {

  margin-left: 3.5rem !important;

}



.m-45 {

  margin: 4.5rem !important;

}



.mt-45,

.my-45 {

  margin-top: 4.5rem !important;

}



.mr-45,

.mx-45 {

  margin-right: 4.5rem !important;

}



.mb-45,

.my-45 {

  margin-bottom: 4.5rem !important;

}



.ml-45,

.mx-45 {

  margin-left: 4.5rem !important;

}



.m-55 {

  margin: 5.5rem !important;

}



.mt-55,

.my-55 {

  margin-top: 5.5rem !important;

}



.mr-55,

.mx-55 {

  margin-right: 5.5rem !important;

}



.mb-55,

.my-55 {

  margin-bottom: 5.5rem !important;

}



.ml-55,

.mx-55 {

  margin-left: 5.5rem !important;

}



.p-0 {

  padding: 0 !important;

}



.pt-0,

.py-0 {

  padding-top: 0 !important;

}



.pr-0,

.px-0 {

  padding-right: 0 !important;

}



.pb-0,

.py-0 {

  padding-bottom: 0 !important;

}



.pl-0,

.px-0 {

  padding-left: 0 !important;

}



.pt-03,

.py-03 {

  padding-top: 0.3rem !important;

}

.pb-03,

.py-03 {

  padding-bottom: 0.3rem !important;

}



.p-05 {

  padding: 0.5rem !important;

}



.pt-05,

.py-05 {

  padding-top: 0.5rem !important;

}



.pr-05,

.px-05 {

  padding-right: 0.5rem !important;

}



.pb-05,

.py-05 {

  padding-bottom: 0.5rem !important;

}



.pl-05,

.px-05 {

  padding-left: 0.5rem !important;

}



.p-1 {

  padding: 1rem !important;

}



.pt-1,

.py-1 {

  padding-top: 1rem !important;

}



.pr-1,

.px-1 {

  padding-right: 1rem !important;

}



.pb-1,

.py-1 {

  padding-bottom: 1rem !important;

}



.pl-1,

.px-1 {

  padding-left: 1rem !important;

}



.p-2 {

  padding: 2rem !important;

}



.pt-2,

.py-2 {

  padding-top: 2rem !important;

}



.pr-2,

.px-2 {

  padding-right: 2rem !important;

}



.pb-2,

.py-2 {

  padding-bottom: 2rem !important;

}



.pl-2,

.px-2 {

  padding-left: 2rem !important;

}



.p-3 {

  padding: 3rem !important;

}



.pt-3,

.py-3 {

  padding-top: 3rem !important;

}



.pr-3,

.px-3 {

  padding-right: 3rem !important;

}



.pb-3,

.py-3 {

  padding-bottom: 3rem !important;

}



.pl-3,

.px-3 {

  padding-left: 3rem !important;

}



.p-4 {

  padding: 4rem !important;

}



.pt-4,

.py-4 {

  padding-top: 4rem !important;

}



.pr-4,

.px-4 {

  padding-right: 4rem !important;

}



.pb-4,

.py-4 {

  padding-bottom: 4rem !important;

}



.pl-4,

.px-4 {

  padding-left: 4rem !important;

}



.p-5 {

  padding: 5rem !important;

}



.pt-5,

.py-5 {

  padding-top: 5rem !important;

}



.pr-5,

.px-5 {

  padding-right: 5rem !important;

}



.pb-5,

.py-5 {

  padding-bottom: 5rem !important;

}



.pl-5,

.px-5 {

  padding-left: 5rem !important;

}



.p-15 {

  padding: 1.5rem !important;

}



.pt-15,

.py-15 {

  padding-top: 1.5rem !important;

}



.pr-15,

.px-15 {

  padding-right: 1.5rem !important;

}



.pb-15,

.py-15 {

  padding-bottom: 1.5rem !important;

}



.pl-15,

.px-15 {

  padding-left: 1.5rem !important;

}



.p-25 {

  padding: 2.5rem !important;

}



.pt-25,

.py-25 {

  padding-top: 2.5rem !important;

}



.pr-25,

.px-25 {

  padding-right: 2.5rem !important;

}



.pb-25,

.py-25 {

  padding-bottom: 2.5rem !important;

}



.pl-25,

.px-25 {

  padding-left: 2.5rem !important;

}



.p-35 {

  padding: 3.5rem !important;

}



.pt-35,

.py-35 {

  padding-top: 3.5rem !important;

}



.pr-35,

.px-35 {

  padding-right: 3.5rem !important;

}



.pb-35,

.py-35 {

  padding-bottom: 3.5rem !important;

}



.pl-35,

.px-35 {

  padding-left: 3.5rem !important;

}



.p-45 {

  padding: 4.5rem !important;

}



.pt-45,

.py-45 {

  padding-top: 4.5rem !important;

}



.pr-45,

.px-45 {

  padding-right: 4.5rem !important;

}



.pb-45,

.py-45 {

  padding-bottom: 4.5rem !important;

}



.pl-45,

.px-45 {

  padding-left: 4.5rem !important;

}



.p-55 {

  padding: 5.5rem !important;

}



.pt-55,

.py-55 {

  padding-top: 5.5rem !important;

}



.pr-55,

.px-55 {

  padding-right: 5.5rem !important;

}



.pb-55,

.py-55 {

  padding-bottom: 5.5rem !important;

}



.pl-55,

.px-55 {

  padding-left: 5.5rem !important;

}



.m-n05 {

  margin: -0.5rem !important;

}



.mt-n05,

.my-n05 {

  margin-top: -0.5rem !important;

}



.mr-n05,

.mx-n05 {

  margin-right: -0.5rem !important;

}



.mb-n05,

.my-n05 {

  margin-bottom: -0.5rem !important;

}



.ml-n05,

.mx-n05 {

  margin-left: -0.5rem !important;

}



.m-n1 {

  margin: -1rem !important;

}



.mt-n1,

.my-n1 {

  margin-top: -1rem !important;

}



.mr-n1,

.mx-n1 {

  margin-right: -1rem !important;

}



.mb-n1,

.my-n1 {

  margin-bottom: -1rem !important;

}



.ml-n1,

.mx-n1 {

  margin-left: -1rem !important;

}



.m-n2 {

  margin: -2rem !important;

}



.mt-n2,

.my-n2 {

  margin-top: -2rem !important;

}



.mr-n2,

.mx-n2 {

  margin-right: -2rem !important;

}



.mb-n2,

.my-n2 {

  margin-bottom: -2rem !important;

}



.ml-n2,

.mx-n2 {

  margin-left: -2rem !important;

}



.m-n3 {

  margin: -3rem !important;

}



.mt-n3,

.my-n3 {

  margin-top: -3rem !important;

}



.mr-n3,

.mx-n3 {

  margin-right: -3rem !important;

}



.mb-n3,

.my-n3 {

  margin-bottom: -3rem !important;

}



.ml-n3,

.mx-n3 {

  margin-left: -3rem !important;

}



.m-n4 {

  margin: -4rem !important;

}



.mt-n4,

.my-n4 {

  margin-top: -4rem !important;

}



.mr-n4,

.mx-n4 {

  margin-right: -4rem !important;

}



.mb-n4,

.my-n4 {

  margin-bottom: -4rem !important;

}



.ml-n4,

.mx-n4 {

  margin-left: -4rem !important;

}



.m-n5 {

  margin: -5rem !important;

}



.mt-n5,

.my-n5 {

  margin-top: -5rem !important;

}



.mr-n5,

.mx-n5 {

  margin-right: -5rem !important;

}



.mb-n5,

.my-n5 {

  margin-bottom: -5rem !important;

}



.ml-n5,

.mx-n5 {

  margin-left: -5rem !important;

}



.m-n1 {

  margin: -1rem !important;

}



.mt-n15,

.my-n15 {

  margin-top: -1.5rem !important;

}



.mr-n15,

.mx-n15 {

  margin-right: -1.5rem !important;

}



.mb-n15,

.my-n15 {

  margin-bottom: -1.5rem !important;

}



.ml-n15,

.mx-n15 {

  margin-left: -1.5rem !important;

}



.m-n25 {

  margin: -2.5rem !important;

}



.mt-n25,

.my-n25 {

  margin-top: -2.5rem !important;

}



.mr-n25,

.mx-n25 {

  margin-right: -2.5rem !important;

}



.mb-n25,

.my-n25 {

  margin-bottom: -2.5rem !important;

}



.ml-n25,

.mx-n25 {

  margin-left: -2.5rem !important;

}



.m-n35 {

  margin: -3.5rem !important;

}



.mt-n35,

.my-n35 {

  margin-top: -3.5rem !important;

}



.mr-n35,

.mx-n35 {

  margin-right: -3.5rem !important;

}



.mb-n35,

.my-n35 {

  margin-bottom: -3.5rem !important;

}



.ml-n35,

.mx-n35 {

  margin-left: -3.5rem !important;

}



.m-n45 {

  margin: -4.5rem !important;

}



.mt-n45,

.my-n45 {

  margin-top: -4.5rem !important;

}



.mr-n45,

.mx-n45 {

  margin-right: -4.5rem !important;

}



.mb-n45,

.my-n45 {

  margin-bottom: -4.5rem !important;

}



.ml-n45,

.mx-n45 {

  margin-left: -4.5rem !important;

}



.m-n55 {

  margin: -5.5rem !important;

}



.mt-n55,

.my-n55 {

  margin-top: -5.5rem !important;

}



.mr-n55,

.mx-n55 {

  margin-right: -5.5rem !important;

}



.mb-n55,

.my-n55 {

  margin-bottom: -5.5rem !important;

}



.ml-n55,

.mx-n55 {

  margin-left: -5.5rem !important;

}



.m-auto {

  margin: auto !important;

}



.mt-auto,

.my-auto {

  margin-top: auto !important;

}



.mr-auto,

.mx-auto {

  margin-right: auto !important;

}



.mb-auto,

.my-auto {

  margin-bottom: auto !important;

}



.ml-auto,

.mx-auto {

  margin-left: auto !important;

}



@media (min-width: 576px) {

  .m-sm-0 {

    margin: 0 !important;

  }

  .mt-sm-0,

  .my-sm-0 {

    margin-top: 0 !important;

  }

  .mr-sm-0,

  .mx-sm-0 {

    margin-right: 0 !important;

  }

  .mb-sm-0,

  .my-sm-0 {

    margin-bottom: 0 !important;

  }

  .ml-sm-0,

  .mx-sm-0 {

    margin-left: 0 !important;

  }

  .m-sm-05 {

    margin: 0.5rem !important;

  }

  .mt-sm-05,

  .my-sm-05 {

    margin-top: 0.5rem !important;

  }

  .mr-sm-05,

  .mx-sm-05 {

    margin-right: 0.5rem !important;

  }

  .mb-sm-05,

  .my-sm-05 {

    margin-bottom: 0.5rem !important;

  }

  .ml-sm-05,

  .mx-sm-05 {

    margin-left: 0.5rem !important;

  }

  .m-sm-1 {

    margin: 1rem !important;

  }

  .mt-sm-1,

  .my-sm-1 {

    margin-top: 1rem !important;

  }

  .mr-sm-1,

  .mx-sm-1 {

    margin-right: 1rem !important;

  }

  .mb-sm-1,

  .my-sm-1 {

    margin-bottom: 1rem !important;

  }

  .ml-sm-1,

  .mx-sm-1 {

    margin-left: 1rem !important;

  }

  .m-sm-2 {

    margin: 2rem !important;

  }

  .mt-sm-2,

  .my-sm-2 {

    margin-top: 2rem !important;

  }

  .mr-sm-2,

  .mx-sm-2 {

    margin-right: 2rem !important;

  }

  .mb-sm-2,

  .my-sm-2 {

    margin-bottom: 2rem !important;

  }

  .ml-sm-2,

  .mx-sm-2 {

    margin-left: 2rem !important;

  }

  .m-sm-3 {

    margin: 3rem !important;

  }

  .mt-sm-3,

  .my-sm-3 {

    margin-top: 3rem !important;

  }

  .mr-sm-3,

  .mx-sm-3 {

    margin-right: 3rem !important;

  }

  .mb-sm-3,

  .my-sm-3 {

    margin-bottom: 3rem !important;

  }

  .ml-sm-3,

  .mx-sm-3 {

    margin-left: 3rem !important;

  }

  .m-sm-4 {

    margin: 4rem !important;

  }

  .mt-sm-4,

  .my-sm-4 {

    margin-top: 4rem !important;

  }

  .mr-sm-4,

  .mx-sm-4 {

    margin-right: 4rem !important;

  }

  .mb-sm-4,

  .my-sm-4 {

    margin-bottom: 4rem !important;

  }

  .ml-sm-4,

  .mx-sm-4 {

    margin-left: 4rem !important;

  }

  .m-sm-5 {

    margin: 5rem !important;

  }

  .mt-sm-5,

  .my-sm-5 {

    margin-top: 5rem !important;

  }

  .mr-sm-5,

  .mx-sm-5 {

    margin-right: 5rem !important;

  }

  .mb-sm-5,

  .my-sm-5 {

    margin-bottom: 5rem !important;

  }

  .ml-sm-5,

  .mx-sm-5 {

    margin-left: 5rem !important;

  }

  .mt-sm-15,

  .my-sm-15 {

    margin-top: 1.5rem !important;

  }

  .mr-sm-15,

  .mx-sm-15 {

    margin-right: 1.5rem !important;

  }

  .mb-sm-15,

  .my-sm-15 {

    margin-bottom: 1.5rem !important;

  }

  .ml-sm-15,

  .mx-sm-15 {

    margin-left: 1.5rem !important;

  }

  .m-sm-25 {

    margin: 2.5rem !important;

  }

  .mt-sm-25,

  .my-sm-25 {

    margin-top: 2.5rem !important;

  }

  .mr-sm-25,

  .mx-sm-25 {

    margin-right: 2.5rem !important;

  }

  .mb-sm-25,

  .my-sm-25 {

    margin-bottom: 2.5rem !important;

  }

  .ml-sm-25,

  .mx-sm-25 {

    margin-left: 2.5rem !important;

  }

  .m-sm-35 {

    margin: 3.5rem !important;

  }

  .mt-sm-35,

  .my-sm-35 {

    margin-top: 3.5rem !important;

  }

  .mr-sm-35,

  .mx-sm-35 {

    margin-right: 3.5rem !important;

  }

  .mb-sm-35,

  .my-sm-35 {

    margin-bottom: 3.5rem !important;

  }

  .ml-sm-35,

  .mx-sm-35 {

    margin-left: 3.5rem !important;

  }

  .m-sm-45 {

    margin: 4.5rem !important;

  }

  .mt-sm-45,

  .my-sm-45 {

    margin-top: 4.5rem !important;

  }

  .mr-sm-45,

  .mx-sm-45 {

    margin-right: 4.5rem !important;

  }

  .mb-sm-45,

  .my-sm-45 {

    margin-bottom: 4.5rem !important;

  }

  .ml-sm-45,

  .mx-sm-45 {

    margin-left: 4.5rem !important;

  }

  .m-sm-55 {

    margin: 5.5rem !important;

  }

  .mt-sm-55,

  .my-sm-55 {

    margin-top: 5.5rem !important;

  }

  .mr-sm-55,

  .mx-sm-55 {

    margin-right: 5.5rem !important;

  }

  .mb-sm-55,

  .my-sm-55 {

    margin-bottom: 5.5rem !important;

  }

  .ml-sm-55,

  .mx-sm-55 {

    margin-left: 5.5rem !important;

  }

  .p-sm-0 {

    padding: 0 !important;

  }

  .pt-sm-0,

  .py-sm-0 {

    padding-top: 0 !important;

  }

  .pr-sm-0,

  .px-sm-0 {

    padding-right: 0 !important;

  }

  .pb-sm-0,

  .py-sm-0 {

    padding-bottom: 0 !important;

  }

  .pl-sm-0,

  .px-sm-0 {

    padding-left: 0 !important;

  }

  .p-sm-05 {

    padding: 0.5 !important;

  }

  .pt-sm-05,

  .py-sm-05 {

    padding-top: 0.5 !important;

  }

  .pr-sm-05,

  .px-sm-05 {

    padding-right: 0.5 !important;

  }

  .pb-sm-05,

  .py-sm-05 {

    padding-bottom: 0.5 !important;

  }

  .pl-sm-05,

  .px-sm-05 {

    padding-left: 0.5 !important;

  }

  .p-sm-1 {

    padding: 1rem !important;

  }

  .pt-sm-1,

  .py-sm-1 {

    padding-top: 1rem !important;

  }

  .pr-sm-1,

  .px-sm-1 {

    padding-right: 1rem !important;

  }

  .pb-sm-1,

  .py-sm-1 {

    padding-bottom: 1rem !important;

  }

  .pl-sm-1,

  .px-sm-1 {

    padding-left: 1rem !important;

  }

  .p-sm-2 {

    padding: 2rem !important;

  }

  .pt-sm-2,

  .py-sm-2 {

    padding-top: 2rem !important;

  }

  .pr-sm-2,

  .px-sm-2 {

    padding-right: 2rem !important;

  }

  .pb-sm-2,

  .py-sm-2 {

    padding-bottom: 2rem !important;

  }

  .pl-sm-2,

  .px-sm-2 {

    padding-left: 2rem !important;

  }

  .p-sm-3 {

    padding: 3rem !important;

  }

  .pt-sm-3,

  .py-sm-3 {

    padding-top: 3rem !important;

  }

  .pr-sm-3,

  .px-sm-3 {

    padding-right: 3rem !important;

  }

  .pb-sm-3,

  .py-sm-3 {

    padding-bottom: 3rem !important;

  }

  .pl-sm-3,

  .px-sm-3 {

    padding-left: 3rem !important;

  }

  .p-sm-4 {

    padding: 4rem !important;

  }

  .pt-sm-4,

  .py-sm-4 {

    padding-top: 4rem !important;

  }

  .pr-sm-4,

  .px-sm-4 {

    padding-right: 4rem !important;

  }

  .pb-sm-4,

  .py-sm-4 {

    padding-bottom: 4rem !important;

  }

  .pl-sm-4,

  .px-sm-4 {

    padding-left: 4rem !important;

  }

  .p-sm-5 {

    padding: 5rem !important;

  }

  .pt-sm-5,

  .py-sm-5 {

    padding-top: 5rem !important;

  }

  .pr-sm-5,

  .px-sm-5 {

    padding-right: 5rem !important;

  }

  .pb-sm-5,

  .py-sm-5 {

    padding-bottom: 5rem !important;

  }

  .pl-sm-5,

  .px-sm-5 {

    padding-left: 5rem !important;

  }

  .p-sm-15 {

    padding: 1.5rem !important;

  }

  .pt-sm-15,

  .py-sm-15 {

    padding-top: 1.5rem !important;

  }

  .pr-sm-15,

  .px-sm-15 {

    padding-right: 1.5rem !important;

  }

  .pb-sm-15,

  .py-sm-15 {

    padding-bottom: 1.5rem !important;

  }

  .pl-sm-15,

  .px-sm-15 {

    padding-left: 1.5rem !important;

  }

  .p-sm-25 {

    padding: 2.5rem !important;

  }

  .pt-sm-25,

  .py-sm-25 {

    padding-top: 2.5rem !important;

  }

  .pr-sm-25,

  .px-sm-25 {

    padding-right: 2.5rem !important;

  }

  .pb-sm-25,

  .py-sm-25 {

    padding-bottom: 2.5rem !important;

  }

  .pl-sm-25,

  .px-sm-25 {

    padding-left: 2.5rem !important;

  }

  .p-sm-35 {

    padding: 3.5rem !important;

  }

  .pt-sm-35,

  .py-sm-35 {

    padding-top: 3.5rem !important;

  }

  .pr-sm-35,

  .px-sm-35 {

    padding-right: 3.5rem !important;

  }

  .pb-sm-35,

  .py-sm-35 {

    padding-bottom: 3.5rem !important;

  }

  .pl-sm-35,

  .px-sm-35 {

    padding-left: 3.5rem !important;

  }

  .p-sm-45 {

    padding: 4.5rem !important;

  }

  .pt-sm-45,

  .py-sm-45 {

    padding-top: 4.5rem !important;

  }

  .pr-sm-45,

  .px-sm-45 {

    padding-right: 4.5rem !important;

  }

  .pb-sm-45,

  .py-sm-45 {

    padding-bottom: 4.5rem !important;

  }

  .pl-sm-45,

  .px-sm-45 {

    padding-left: 4.5rem !important;

  }

  .p-sm-55 {

    padding: 5.5rem !important;

  }

  .pt-sm-55,

  .py-sm-55 {

    padding-top: 5.5rem !important;

  }

  .pr-sm-55,

  .px-sm-55 {

    padding-right: 5.5rem !important;

  }

  .pb-sm-55,

  .py-sm-55 {

    padding-bottom: 5.5rem !important;

  }

  .pl-sm-55,

  .px-sm-55 {

    padding-left: 5.5rem !important;

  }

  .m-sm-n05 {

    margin: -0.5rem !important;

  }

  .mt-sm-n05,

  .my-sm-n05 {

    margin-top: -0.5rem !important;

  }

  .mr-sm-n05,

  .mx-sm-n05 {

    margin-right: -0.5rem !important;

  }

  .mb-sm-n05,

  .my-sm-n05 {

    margin-bottom: -0.5rem !important;

  }

  .ml-sm-n05,

  .mx-sm-n05 {

    margin-left: -0.5rem !important;

  }

  .m-sm-n1 {

    margin: -1rem !important;

  }

  .mt-sm-n1,

  .my-sm-n1 {

    margin-top: -1rem !important;

  }

  .mr-sm-n1,

  .mx-sm-n1 {

    margin-right: -1rem !important;

  }

  .mb-sm-n1,

  .my-sm-n1 {

    margin-bottom: -1rem !important;

  }

  .ml-sm-n1,

  .mx-sm-n1 {

    margin-left: -1rem !important;

  }

  .m-sm-n2 {

    margin: -2rem !important;

  }

  .mt-sm-n2,

  .my-sm-n2 {

    margin-top: -2rem !important;

  }

  .mr-sm-n2,

  .mx-sm-n2 {

    margin-right: -2rem !important;

  }

  .mb-sm-n2,

  .my-sm-n2 {

    margin-bottom: -2rem !important;

  }

  .ml-sm-n2,

  .mx-sm-n2 {

    margin-left: -2rem !important;

  }

  .m-sm-n3 {

    margin: -3rem !important;

  }

  .mt-sm-n3,

  .my-sm-n3 {

    margin-top: -3rem !important;

  }

  .mr-sm-n3,

  .mx-sm-n3 {

    margin-right: -3rem !important;

  }

  .mb-sm-n3,

  .my-sm-n3 {

    margin-bottom: -3rem !important;

  }

  .ml-sm-n3,

  .mx-sm-n3 {

    margin-left: -3rem !important;

  }

  .m-sm-n4 {

    margin: -4rem !important;

  }

  .mt-sm-n4,

  .my-sm-n4 {

    margin-top: -4rem !important;

  }

  .mr-sm-n4,

  .mx-sm-n4 {

    margin-right: -4rem !important;

  }

  .mb-sm-n4,

  .my-sm-n4 {

    margin-bottom: -4rem !important;

  }

  .ml-sm-n4,

  .mx-sm-n4 {

    margin-left: -4rem !important;

  }

  .m-sm-n5 {

    margin: -5rem !important;

  }

  .mt-sm-n5,

  .my-sm-n5 {

    margin-top: -5rem !important;

  }

  .mr-sm-n5,

  .mx-sm-n5 {

    margin-right: -5rem !important;

  }

  .mb-sm-n5,

  .my-sm-n5 {

    margin-bottom: -5rem !important;

  }

  .ml-sm-n5,

  .mx-sm-n5 {

    margin-left: -5rem !important;

  }

  .m-sm-n15 {

    margin: -1.5rem !important;

  }

  .mt-sm-n15,

  .my-sm-n15 {

    margin-top: -1.5rem !important;

  }

  .mr-sm-n15,

  .mx-sm-n15 {

    margin-right: -1.5rem !important;

  }

  .mb-sm-n15,

  .my-sm-n15 {

    margin-bottom: -1.5rem !important;

  }

  .ml-sm-n15,

  .mx-sm-n15 {

    margin-left: -1.5rem !important;

  }

  .m-sm-n25 {

    margin: -2.5rem !important;

  }

  .mt-sm-n25,

  .my-sm-n25 {

    margin-top: -2.5rem !important;

  }

  .mr-sm-n25,

  .mx-sm-n25 {

    margin-right: -2.5rem !important;

  }

  .mb-sm-n25,

  .my-sm-n25 {

    margin-bottom: -2.5rem !important;

  }

  .ml-sm-n25,

  .mx-sm-n25 {

    margin-left: -2.5rem !important;

  }

  .m-sm-n35 {

    margin: -3.5rem !important;

  }

  .mt-sm-n35,

  .my-sm-n35 {

    margin-top: -3.5rem !important;

  }

  .mr-sm-n35,

  .mx-sm-n35 {

    margin-right: -3.5rem !important;

  }

  .mb-sm-n35,

  .my-sm-n35 {

    margin-bottom: -3.5rem !important;

  }

  .ml-sm-n35,

  .mx-sm-n35 {

    margin-left: -3.5rem !important;

  }

  .m-sm-n45 {

    margin: -4.5rem !important;

  }

  .mt-sm-n45,

  .my-sm-n45 {

    margin-top: -4.5rem !important;

  }

  .mr-sm-n45,

  .mx-sm-n45 {

    margin-right: -4.5rem !important;

  }

  .mb-sm-n45,

  .my-sm-n45 {

    margin-bottom: -4.5rem !important;

  }

  .ml-sm-n45,

  .mx-sm-n45 {

    margin-left: -4.5rem !important;

  }

  .m-sm-n55 {

    margin: -5.5rem !important;

  }

  .mt-sm-n55,

  .my-sm-n55 {

    margin-top: -5.5rem !important;

  }

  .mr-sm-n55,

  .mx-sm-n55 {

    margin-right: -5.5rem !important;

  }

  .mb-sm-n55,

  .my-sm-n55 {

    margin-bottom: -5.5rem !important;

  }

  .ml-sm-n55,

  .mx-sm-n55 {

    margin-left: -5.5rem !important;

  }

  .m-sm-auto {

    margin: auto !important;

  }

  .mt-sm-auto,

  .my-sm-auto {

    margin-top: auto !important;

  }

  .mr-sm-auto,

  .mx-sm-auto {

    margin-right: auto !important;

  }

  .mb-sm-auto,

  .my-sm-auto {

    margin-bottom: auto !important;

  }

  .ml-sm-auto,

  .mx-sm-auto {

    margin-left: auto !important;

  }

}



@media (min-width: 768px) {

  .m-md-0 {

    margin: 0 !important;

  }

  .mt-md-0,

  .my-md-0 {

    margin-top: 0 !important;

  }

  .mr-md-0,

  .mx-md-0 {

    margin-right: 0 !important;

  }

  .mb-md-0,

  .my-md-0 {

    margin-bottom: 0 !important;

  }

  .ml-md-0,

  .mx-md-0 {

    margin-left: 0 !important;

  }

  .m-md-05 {

    margin: 0.5rem !important;

  }

  .mt-md-05,

  .my-md-05 {

    margin-top: 0.5rem !important;

  }

  .mr-md-05,

  .mx-md-05 {

    margin-right: 0.5rem !important;

  }

  .mb-md-05,

  .my-md-05 {

    margin-bottom: 0.5rem !important;

  }

  .ml-md-05,

  .mx-md-05 {

    margin-left: 0.5rem !important;

  }

  .m-md-1 {

    margin: 1rem !important;

  }

  .mt-md-1,

  .my-md-1 {

    margin-top: 1rem !important;

  }

  .mr-md-1,

  .mx-md-1 {

    margin-right: 1rem !important;

  }

  .mb-md-1,

  .my-md-1 {

    margin-bottom: 1rem !important;

  }

  .ml-md-1,

  .mx-md-1 {

    margin-left: 1rem !important;

  }

  .m-md-2 {

    margin: 2rem !important;

  }

  .mt-md-2,

  .my-md-2 {

    margin-top: 2rem !important;

  }

  .mr-md-2,

  .mx-md-2 {

    margin-right: 2rem !important;

  }

  .mb-md-2,

  .my-md-2 {

    margin-bottom: 2rem !important;

  }

  .ml-md-2,

  .mx-md-2 {

    margin-left: 2rem !important;

  }

  .m-md-3 {

    margin: 3rem !important;

  }

  .mt-md-3,

  .my-md-3 {

    margin-top: 3rem !important;

  }

  .mr-md-3,

  .mx-md-3 {

    margin-right: 3rem !important;

  }

  .mb-md-3,

  .my-md-3 {

    margin-bottom: 3rem !important;

  }

  .ml-md-3,

  .mx-md-3 {

    margin-left: 3rem !important;

  }

  .m-md-4 {

    margin: 4rem !important;

  }

  .mt-md-4,

  .my-md-4 {

    margin-top: 4rem !important;

  }

  .mr-md-4,

  .mx-md-4 {

    margin-right: 4rem !important;

  }

  .mb-md-4,

  .my-md-4 {

    margin-bottom: 4rem !important;

  }

  .ml-md-4,

  .mx-md-4 {

    margin-left: 4rem !important;

  }

  .m-md-5 {

    margin: 5rem !important;

  }

  .mt-md-5,

  .my-md-5 {

    margin-top: 5rem !important;

  }

  .mr-md-5,

  .mx-md-5 {

    margin-right: 5rem !important;

  }

  .mb-md-5,

  .my-md-5 {

    margin-bottom: 5rem !important;

  }

  .ml-md-5,

  .mx-md-5 {

    margin-left: 5rem !important;

  }

  .m-md-15 {

    margin: 1.5rem !important;

  }

  .mt-md-15,

  .my-md-15 {

    margin-top: 1.5rem !important;

  }

  .mr-md-15,

  .mx-md-15 {

    margin-right: 1.5rem !important;

  }

  .mb-md-15,

  .my-md-15 {

    margin-bottom: 1.5rem !important;

  }

  .ml-md-15,

  .mx-md-15 {

    margin-left: 1.5rem !important;

  }

  .m-md-25 {

    margin: 2.5rem !important;

  }

  .mt-md-25,

  .my-md-25 {

    margin-top: 2.5rem !important;

  }

  .mr-md-25,

  .mx-md-25 {

    margin-right: 2.5rem !important;

  }

  .mb-md-25,

  .my-md-25 {

    margin-bottom: 2.5rem !important;

  }

  .ml-md-25,

  .mx-md-25 {

    margin-left: 2.5rem !important;

  }

  .m-md-35 {

    margin: 3.5rem !important;

  }

  .mt-md-35,

  .my-md-35 {

    margin-top: 3.5rem !important;

  }

  .mr-md-35,

  .mx-md-35 {

    margin-right: 3.5rem !important;

  }

  .mb-md-35,

  .my-md-35 {

    margin-bottom: 3.5rem !important;

  }

  .ml-md-35,

  .mx-md-35 {

    margin-left: 3.5rem !important;

  }

  .m-md-45 {

    margin: 4.5rem !important;

  }

  .mt-md-45,

  .my-md-45 {

    margin-top: 4.5rem !important;

  }

  .mr-md-45,

  .mx-md-45 {

    margin-right: 4.5rem !important;

  }

  .mb-md-45,

  .my-md-45 {

    margin-bottom: 4.5rem !important;

  }

  .ml-md-45,

  .mx-md-45 {

    margin-left: 4.5rem !important;

  }

  .m-md-55 {

    margin: 5.5rem !important;

  }

  .mt-md-55,

  .my-md-55 {

    margin-top: 5.5rem !important;

  }

  .mr-md-55,

  .mx-md-55 {

    margin-right: 5.5rem !important;

  }

  .mb-md-55,

  .my-md-55 {

    margin-bottom: 5.5rem !important;

  }

  .ml-md-55,

  .mx-md-55 {

    margin-left: 5.5rem !important;

  }

  .p-md-0 {

    padding: 0 !important;

  }

  .pt-md-0,

  .py-md-0 {

    padding-top: 0 !important;

  }

  .pr-md-0,

  .px-md-0 {

    padding-right: 0 !important;

  }

  .pb-md-0,

  .py-md-0 {

    padding-bottom: 0 !important;

  }

  .pl-md-0,

  .px-md-0 {

    padding-left: 0 !important;

  }

  .p-md-05 {

    padding: 0.5rem !important;

  }

  .pt-md-05,

  .py-md-05 {

    padding-top: 0.5rem !important;

  }

  .pr-md-05,

  .px-md-05 {

    padding-right: 0.5rem !important;

  }

  .pb-md-05,

  .py-md-05 {

    padding-bottom: 0.5rem !important;

  }

  .pl-md-05,

  .px-md-05 {

    padding-left: 0.5rem !important;

  }

  .p-md-1 {

    padding: 1rem !important;

  }

  .pt-md-1,

  .py-md-1 {

    padding-top: 1rem !important;

  }

  .pr-md-1,

  .px-md-1 {

    padding-right: 1rem !important;

  }

  .pb-md-1,

  .py-md-1 {

    padding-bottom: 1rem !important;

  }

  .pl-md-1,

  .px-md-1 {

    padding-left: 1rem !important;

  }

  .p-md-2 {

    padding: 2rem !important;

  }

  .pt-md-2,

  .py-md-2 {

    padding-top: 2rem !important;

  }

  .pr-md-2,

  .px-md-2 {

    padding-right: 2rem !important;

  }

  .pb-md-2,

  .py-md-2 {

    padding-bottom: 2rem !important;

  }

  .pl-md-2,

  .px-md-2 {

    padding-left: 2rem !important;

  }

  .p-md-3 {

    padding: 3rem !important;

  }

  .pt-md-3,

  .py-md-3 {

    padding-top: 3rem !important;

  }

  .pr-md-3,

  .px-md-3 {

    padding-right: 3rem !important;

  }

  .pb-md-3,

  .py-md-3 {

    padding-bottom: 3rem !important;

  }

  .pl-md-3,

  .px-md-3 {

    padding-left: 3rem !important;

  }

  .p-md-4 {

    padding: 4rem !important;

  }

  .pt-md-4,

  .py-md-4 {

    padding-top: 4rem !important;

  }

  .pr-md-4,

  .px-md-4 {

    padding-right: 4rem !important;

  }

  .pb-md-4,

  .py-md-4 {

    padding-bottom: 4rem !important;

  }

  .pl-md-4,

  .px-md-4 {

    padding-left: 4rem !important;

  }

  .p-md-5 {

    padding: 5rem !important;

  }

  .pt-md-5,

  .py-md-5 {

    padding-top: 5rem !important;

  }

  .pr-md-5,

  .px-md-5 {

    padding-right: 5rem !important;

  }

  .pb-md-5,

  .py-md-5 {

    padding-bottom: 5rem !important;

  }

  .pl-md-5,

  .px-md-5 {

    padding-left: 5rem !important;

  }

  .p-md-15 {

    padding: 1.5rem !important;

  }

  .pt-md-15,

  .py-md-15 {

    padding-top: 1.5rem !important;

  }

  .pr-md-15,

  .px-md-15 {

    padding-right: 1.5rem !important;

  }

  .pb-md-15,

  .py-md-15 {

    padding-bottom: 1.5rem !important;

  }

  .pl-md-15,

  .px-md-15 {

    padding-left: 1.5rem !important;

  }

  .p-md-25 {

    padding: 2.5rem !important;

  }

  .pt-md-25,

  .py-md-25 {

    padding-top: 2.5rem !important;

  }

  .pr-md-25,

  .px-md-25 {

    padding-right: 2.5rem !important;

  }

  .pb-md-25,

  .py-md-25 {

    padding-bottom: 2.5rem !important;

  }

  .pl-md-25,

  .px-md-25 {

    padding-left: 2.5rem !important;

  }

  .p-md-35 {

    padding: 3.5rem !important;

  }

  .pt-md-35,

  .py-md-35 {

    padding-top: 3.5rem !important;

  }

  .pr-md-35,

  .px-md-35 {

    padding-right: 3.5rem !important;

  }

  .pb-md-35,

  .py-md-35 {

    padding-bottom: 3.5rem !important;

  }

  .pl-md-35,

  .px-md-35 {

    padding-left: 3.5rem !important;

  }

  .p-md-45 {

    padding: 4.5rem !important;

  }

  .pt-md-45,

  .py-md-45 {

    padding-top: 4.5rem !important;

  }

  .pr-md-45,

  .px-md-45 {

    padding-right: 4.5rem !important;

  }

  .pb-md-45,

  .py-md-45 {

    padding-bottom: 4.5rem !important;

  }

  .pl-md-45,

  .px-md-45 {

    padding-left: 4.5rem !important;

  }

  .p-md-55 {

    padding: 5.5rem !important;

  }

  .pt-md-55,

  .py-md-55 {

    padding-top: 5.5rem !important;

  }

  .pr-md-55,

  .px-md-55 {

    padding-right: 5.5rem !important;

  }

  .pb-md-55,

  .py-md-55 {

    padding-bottom: 5.5rem !important;

  }

  .pl-md-55,

  .px-md-55 {

    padding-left: 5.5rem !important;

  }

  .m-md-n05 {

    margin: -0.5rem !important;

  }

  .mt-md-n05,

  .my-md-n05 {

    margin-top: -0.5rem !important;

  }

  .mr-md-n05,

  .mx-md-n05 {

    margin-right: -0.5rem !important;

  }

  .mb-md-n05,

  .my-md-n05 {

    margin-bottom: -0.5rem !important;

  }

  .ml-md-n05,

  .mx-md-n05 {

    margin-left: -0.5rem !important;

  }

  .m-md-n1 {

    margin: -1rem !important;

  }

  .mt-md-n1,

  .my-md-n1 {

    margin-top: -1rem !important;

  }

  .mr-md-n1,

  .mx-md-n1 {

    margin-right: -1rem !important;

  }

  .mb-md-n1,

  .my-md-n1 {

    margin-bottom: -1rem !important;

  }

  .ml-md-n1,

  .mx-md-n1 {

    margin-left: -1rem !important;

  }

  .m-md-n2 {

    margin: -2rem !important;

  }

  .mt-md-n2,

  .my-md-n2 {

    margin-top: -2rem !important;

  }

  .mr-md-n2,

  .mx-md-n2 {

    margin-right: -2rem !important;

  }

  .mb-md-n2,

  .my-md-n2 {

    margin-bottom: -2rem !important;

  }

  .ml-md-n2,

  .mx-md-n2 {

    margin-left: -2rem !important;

  }

  .m-md-n3 {

    margin: -3rem !important;

  }

  .mt-md-n3,

  .my-md-n3 {

    margin-top: -3rem !important;

  }

  .mr-md-n3,

  .mx-md-n3 {

    margin-right: -3rem !important;

  }

  .mb-md-n3,

  .my-md-n3 {

    margin-bottom: -3rem !important;

  }

  .ml-md-n3,

  .mx-md-n3 {

    margin-left: -3rem !important;

  }

  .m-md-n4 {

    margin: -4rem !important;

  }

  .mt-md-n4,

  .my-md-n4 {

    margin-top: -4rem !important;

  }

  .mr-md-n4,

  .mx-md-n4 {

    margin-right: -4rem !important;

  }

  .mb-md-n4,

  .my-md-n4 {

    margin-bottom: -4rem !important;

  }

  .ml-md-n4,

  .mx-md-n4 {

    margin-left: -4rem !important;

  }

  .m-md-n5 {

    margin: -5rem !important;

  }

  .mt-md-n5,

  .my-md-n5 {

    margin-top: -5rem !important;

  }

  .mr-md-n5,

  .mx-md-n5 {

    margin-right: -5rem !important;

  }

  .mb-md-n5,

  .my-md-n5 {

    margin-bottom: -5rem !important;

  }

  .ml-md-n5,

  .mx-md-n5 {

    margin-left: -5rem !important;

  }

  .m-md-n15 {

    margin: -1.5rem !important;

  }

  .mt-md-n15,

  .my-md-n15 {

    margin-top: -1.5rem !important;

  }

  .mr-md-n15,

  .mx-md-n15 {

    margin-right: -1.5rem !important;

  }

  .mb-md-n15,

  .my-md-n15 {

    margin-bottom: -1.5rem !important;

  }

  .ml-md-n15,

  .mx-md-n15 {

    margin-left: -1.5rem !important;

  }

  .m-md-n25 {

    margin: -2.5rem !important;

  }

  .mt-md-n25,

  .my-md-n25 {

    margin-top: -2.5rem !important;

  }

  .mr-md-n25,

  .mx-md-n25 {

    margin-right: -2.5rem !important;

  }

  .mb-md-n25,

  .my-md-n25 {

    margin-bottom: -2.5rem !important;

  }

  .ml-md-n25,

  .mx-md-n25 {

    margin-left: -2.5rem !important;

  }

  .m-md-n35 {

    margin: -3.5rem !important;

  }

  .mt-md-n35,

  .my-md-n35 {

    margin-top: -3.5rem !important;

  }

  .mr-md-n35,

  .mx-md-n35 {

    margin-right: -3.5rem !important;

  }

  .mb-md-n35,

  .my-md-n35 {

    margin-bottom: -3.5rem !important;

  }

  .ml-md-n35,

  .mx-md-n35 {

    margin-left: -3.5rem !important;

  }

  .m-md-n45 {

    margin: -4.5rem !important;

  }

  .mt-md-n45,

  .my-md-n45 {

    margin-top: -4.5rem !important;

  }

  .mr-md-n45,

  .mx-md-n45 {

    margin-right: -4.5rem !important;

  }

  .mb-md-n45,

  .my-md-n45 {

    margin-bottom: -4.5rem !important;

  }

  .ml-md-n45,

  .mx-md-n45 {

    margin-left: -4.5rem !important;

  }

  .m-md-n55 {

    margin: -5.5rem !important;

  }

  .mt-md-n55,

  .my-md-n55 {

    margin-top: -5.5rem !important;

  }

  .mr-md-n55,

  .mx-md-n55 {

    margin-right: -5.5rem !important;

  }

  .mb-md-n55,

  .my-md-n55 {

    margin-bottom: -5.5rem !important;

  }

  .ml-md-n55,

  .mx-md-n55 {

    margin-left: -5.5rem !important;

  }

  .m-md-auto {

    margin: auto !important;

  }

  .mt-md-auto,

  .my-md-auto {

    margin-top: auto !important;

  }

  .mr-md-auto,

  .mx-md-auto {

    margin-right: auto !important;

  }

  .mb-md-auto,

  .my-md-auto {

    margin-bottom: auto !important;

  }

  .ml-md-auto,

  .mx-md-auto {

    margin-left: auto !important;

  }

}



@media (min-width: 992px) {

  .m-lg-0 {

    margin: 0 !important;

  }

  .mt-lg-0,

  .my-lg-0 {

    margin-top: 0 !important;

  }

  .mr-lg-0,

  .mx-lg-0 {

    margin-right: 0 !important;

  }

  .mb-lg-0,

  .my-lg-0 {

    margin-bottom: 0 !important;

  }

  .ml-lg-0,

  .mx-lg-0 {

    margin-left: 0 !important;

  }



  .m-lg-05 {

    margin: 0.5rem !important;

  }

  .mt-lg-05,

  .my-lg-05 {

    margin-top: 0.5rem !important;

  }

  .mr-lg-05,

  .mx-lg-05 {

    margin-right: 0.5rem !important;

  }

  .mb-lg-05,

  .my-lg-05 {

    margin-bottom: 0.5rem !important;

  }

  .ml-lg-05,

  .mx-lg-05 {

    margin-left: 0.5rem !important;

  }

  .m-lg-1 {

    margin: 1rem !important;

  }

  .mt-lg-1,

  .my-lg-1 {

    margin-top: 1rem !important;

  }

  .mr-lg-1,

  .mx-lg-1 {

    margin-right: 1rem !important;

  }

  .mb-lg-1,

  .my-lg-1 {

    margin-bottom: 1rem !important;

  }

  .ml-lg-1,

  .mx-lg-1 {

    margin-left: 1rem !important;

  }

  .m-lg-2 {

    margin: 2rem !important;

  }

  .mt-lg-2,

  .my-lg-2 {

    margin-top: 2rem !important;

  }

  .mr-lg-2,

  .mx-lg-2 {

    margin-right: 2rem !important;

  }

  .mb-lg-2,

  .my-lg-2 {

    margin-bottom: 2rem !important;

  }

  .ml-lg-2,

  .mx-lg-2 {

    margin-left: 2rem !important;

  }

  .m-lg-3 {

    margin: 3rem !important;

  }

  .mt-lg-3,

  .my-lg-3 {

    margin-top: 3rem !important;

  }

  .mr-lg-3,

  .mx-lg-3 {

    margin-right: 3rem !important;

  }

  .mb-lg-3,

  .my-lg-3 {

    margin-bottom: 3rem !important;

  }

  .ml-lg-3,

  .mx-lg-3 {

    margin-left: 3rem !important;

  }

  .m-lg-4 {

    margin: 4rem !important;

  }

  .mt-lg-4,

  .my-lg-4 {

    margin-top: 4rem !important;

  }

  .mr-lg-4,

  .mx-lg-4 {

    margin-right: 4rem !important;

  }

  .mb-lg-4,

  .my-lg-4 {

    margin-bottom: 4rem !important;

  }

  .ml-lg-4,

  .mx-lg-4 {

    margin-left: 4rem !important;

  }

  .m-lg-5 {

    margin: 5rem !important;

  }

  .mt-lg-5,

  .my-lg-5 {

    margin-top: 5rem !important;

  }

  .mr-lg-5,

  .mx-lg-5 {

    margin-right: 5rem !important;

  }

  .mb-lg-5,

  .my-lg-5 {

    margin-bottom: 5rem !important;

  }

  .ml-lg-5,

  .mx-lg-5 {

    margin-left: 5rem !important;

  }

  .m-lg-15 {

    margin: 1.5rem !important;

  }

  .mt-lg-15,

  .my-lg-15 {

    margin-top: 1.5rem !important;

  }

  .mr-lg-15,

  .mx-lg-15 {

    margin-right: 1.5rem !important;

  }

  .mb-lg-15,

  .my-lg-15 {

    margin-bottom: 1.5rem !important;

  }

  .ml-lg-15,

  .mx-lg-15 {

    margin-left: 1.5rem !important;

  }

  .m-lg-25 {

    margin: 2.5rem !important;

  }

  .mt-lg-25,

  .my-lg-25 {

    margin-top: 2.5rem !important;

  }

  .mr-lg-25,

  .mx-lg-25 {

    margin-right: 2.5rem !important;

  }

  .mb-lg-25,

  .my-lg-25 {

    margin-bottom: 2.5rem !important;

  }

  .ml-lg-25,

  .mx-lg-25 {

    margin-left: 2.5rem !important;

  }

  .m-lg-35 {

    margin: 3.5rem !important;

  }

  .mt-lg-35,

  .my-lg-35 {

    margin-top: 3.5rem !important;

  }

  .mr-lg-35,

  .mx-lg-35 {

    margin-right: 3.5rem !important;

  }

  .mb-lg-35,

  .my-lg-35 {

    margin-bottom: 3.5rem !important;

  }

  .ml-lg-35,

  .mx-lg-35 {

    margin-left: 3.5rem !important;

  }

  .m-lg-45 {

    margin: 4.5rem !important;

  }

  .mt-lg-45,

  .my-lg-45 {

    margin-top: 4.5rem !important;

  }

  .mr-lg-45,

  .mx-lg-45 {

    margin-right: 4.5rem !important;

  }

  .mb-lg-45,

  .my-lg-45 {

    margin-bottom: 4.5rem !important;

  }

  .ml-lg-45,

  .mx-lg-45 {

    margin-left: 4.5rem !important;

  }

  .m-lg-55 {

    margin: 5.5rem !important;

  }

  .mt-lg-55,

  .my-lg-55 {

    margin-top: 5.5rem !important;

  }

  .mr-lg-55,

  .mx-lg-55 {

    margin-right: 5.5rem !important;

  }

  .mb-lg-55,

  .my-lg-55 {

    margin-bottom: 5.5rem !important;

  }

  .ml-lg-55,

  .mx-lg-55 {

    margin-left: 5.5rem !important;

  }

  .p-lg-0 {

    padding: 0 !important;

  }

  .pt-lg-0,

  .py-lg-0 {

    padding-top: 0 !important;

  }

  .pr-lg-0,

  .px-lg-0 {

    padding-right: 0 !important;

  }

  .pb-lg-0,

  .py-lg-0 {

    padding-bottom: 0 !important;

  }

  .pl-lg-0,

  .px-lg-0 {

    padding-left: 0 !important;

  }

  .p-lg-05 {

    padding: 0.5rem !important;

  }

  .pt-lg-05,

  .py-lg-05 {

    padding-top: 0.5rem !important;

  }

  .pr-lg-05,

  .px-lg-05 {

    padding-right: 0.5rem !important;

  }

  .pb-lg-05,

  .py-lg-05 {

    padding-bottom: 0.5rem !important;

  }

  .pl-lg-05,

  .px-lg-05 {

    padding-left: 0.5rem !important;

  }

  .p-lg-1 {

    padding: 1rem !important;

  }

  .pt-lg-1,

  .py-lg-1 {

    padding-top: 1rem !important;

  }

  .pr-lg-1,

  .px-lg-1 {

    padding-right: 1rem !important;

  }

  .pb-lg-1,

  .py-lg-1 {

    padding-bottom: 1rem !important;

  }

  .pl-lg-1,

  .px-lg-1 {

    padding-left: 1rem !important;

  }

  .p-lg-2 {

    padding: 2rem !important;

  }

  .pt-lg-2,

  .py-lg-2 {

    padding-top: 2rem !important;

  }

  .pr-lg-2,

  .px-lg-2 {

    padding-right: 2rem !important;

  }

  .pb-lg-2,

  .py-lg-2 {

    padding-bottom: 2rem !important;

  }

  .pl-lg-2,

  .px-lg-2 {

    padding-left: 2rem !important;

  }

  .p-lg-3 {

    padding: 3rem !important;

  }

  .pt-lg-3,

  .py-lg-3 {

    padding-top: 3rem !important;

  }

  .pr-lg-3,

  .px-lg-3 {

    padding-right: 3rem !important;

  }

  .pb-lg-3,

  .py-lg-3 {

    padding-bottom: 3rem !important;

  }

  .pl-lg-3,

  .px-lg-3 {

    padding-left: 3rem !important;

  }

  .p-lg-4 {

    padding: 4rem !important;

  }

  .pt-lg-4,

  .py-lg-4 {

    padding-top: 4rem !important;

  }

  .pr-lg-4,

  .px-lg-4 {

    padding-right: 4rem !important;

  }

  .pb-lg-4,

  .py-lg-4 {

    padding-bottom: 4rem !important;

  }

  .pl-lg-4,

  .px-lg-4 {

    padding-left: 4rem !important;

  }

  .p-lg-5 {

    padding: 5rem !important;

  }

  .pt-lg-5,

  .py-lg-5 {

    padding-top: 5rem !important;

  }

  .pr-lg-5,

  .px-lg-5 {

    padding-right: 5rem !important;

  }

  .pb-lg-5,

  .py-lg-5 {

    padding-bottom: 5rem !important;

  }

  .pl-lg-5,

  .px-lg-5 {

    padding-left: 5rem !important;

  }

  .p-lg-15 {

    padding: 1.5rem !important;

  }

  .pt-lg-15,

  .py-lg-15 {

    padding-top: 1.5rem !important;

  }

  .pr-lg-15,

  .px-lg-15 {

    padding-right: 1.5rem !important;

  }

  .pb-lg-15,

  .py-lg-15 {

    padding-bottom: 1.5rem !important;

  }

  .pl-lg-15,

  .px-lg-15 {

    padding-left: 1.5rem !important;

  }

  .p-lg-25 {

    padding: 2.5rem !important;

  }

  .pt-lg-25,

  .py-lg-25 {

    padding-top: 2.5rem !important;

  }

  .pr-lg-25,

  .px-lg-25 {

    padding-right: 2.5rem !important;

  }

  .pb-lg-25,

  .py-lg-25 {

    padding-bottom: 2.5rem !important;

  }

  .pl-lg-25,

  .px-lg-25 {

    padding-left: 2.5rem !important;

  }

  .p-lg-35 {

    padding: 3.5rem !important;

  }

  .pt-lg-35,

  .py-lg-35 {

    padding-top: 3.5rem !important;

  }

  .pr-lg-35,

  .px-lg-35 {

    padding-right: 3.5rem !important;

  }

  .pb-lg-35,

  .py-lg-35 {

    padding-bottom: 3.5rem !important;

  }

  .pl-lg-35,

  .px-lg-35 {

    padding-left: 3.5rem !important;

  }

  .p-lg-45 {

    padding: 4.5rem !important;

  }

  .pt-lg-45,

  .py-lg-45 {

    padding-top: 4.5rem !important;

  }

  .pr-lg-45,

  .px-lg-45 {

    padding-right: 4.5rem !important;

  }

  .pb-lg-45,

  .py-lg-45 {

    padding-bottom: 4.5rem !important;

  }

  .pl-lg-45,

  .px-lg-45 {

    padding-left: 4.5rem !important;

  }

  .p-lg-55 {

    padding: 5.5rem !important;

  }

  .pt-lg-55,

  .py-lg-55 {

    padding-top: 5.5rem !important;

  }

  .pr-lg-55,

  .px-lg-55 {

    padding-right: 5.5rem !important;

  }

  .pb-lg-55,

  .py-lg-55 {

    padding-bottom: 5.5rem !important;

  }

  .pl-lg-55,

  .px-lg-55 {

    padding-left: 5.5rem !important;

  }

  .m-lg-n05 {

    margin: -0.5rem !important;

  }

  .mt-lg-n05,

  .my-lg-n05 {

    margin-top: -0.5rem !important;

  }

  .mr-lg-n05,

  .mx-lg-n05 {

    margin-right: -0.5rem !important;

  }

  .mb-lg-n05,

  .my-lg-n05 {

    margin-bottom: -0.5rem !important;

  }

  .ml-lg-n05,

  .mx-lg-n05 {

    margin-left: -0.5rem !important;

  }

  .m-lg-n1 {

    margin: -1rem !important;

  }

  .mt-lg-n1,

  .my-lg-n1 {

    margin-top: -1rem !important;

  }

  .mr-lg-n1,

  .mx-lg-n1 {

    margin-right: -1rem !important;

  }

  .mb-lg-n1,

  .my-lg-n1 {

    margin-bottom: -1rem !important;

  }

  .ml-lg-n1,

  .mx-lg-n1 {

    margin-left: -1rem !important;

  }

  .m-lg-n2 {

    margin: -2rem !important;

  }

  .mt-lg-n2,

  .my-lg-n2 {

    margin-top: -2rem !important;

  }

  .mr-lg-n2,

  .mx-lg-n2 {

    margin-right: -2rem !important;

  }

  .mb-lg-n2,

  .my-lg-n2 {

    margin-bottom: -2rem !important;

  }

  .ml-lg-n2,

  .mx-lg-n2 {

    margin-left: -2rem !important;

  }

  .m-lg-n3 {

    margin: -3rem !important;

  }

  .mt-lg-n3,

  .my-lg-n3 {

    margin-top: -3rem !important;

  }

  .mr-lg-n3,

  .mx-lg-n3 {

    margin-right: -3rem !important;

  }

  .mb-lg-n3,

  .my-lg-n3 {

    margin-bottom: -3rem !important;

  }

  .ml-lg-n3,

  .mx-lg-n3 {

    margin-left: -3rem !important;

  }

  .m-lg-n4 {

    margin: -4rem !important;

  }

  .mt-lg-n4,

  .my-lg-n4 {

    margin-top: -4rem !important;

  }

  .mr-lg-n4,

  .mx-lg-n4 {

    margin-right: -4rem !important;

  }

  .mb-lg-n4,

  .my-lg-n4 {

    margin-bottom: -4rem !important;

  }

  .ml-lg-n4,

  .mx-lg-n4 {

    margin-left: -4rem !important;

  }

  .m-lg-n5 {

    margin: -5rem !important;

  }

  .mt-lg-n5,

  .my-lg-n5 {

    margin-top: -5rem !important;

  }

  .mr-lg-n5,

  .mx-lg-n5 {

    margin-right: -5rem !important;

  }

  .mb-lg-n5,

  .my-lg-n5 {

    margin-bottom: -5rem !important;

  }

  .ml-lg-n5,

  .mx-lg-n5 {

    margin-left: -5rem !important;

  }

  .m-lg-n15 {

    margin: -1.5rem !important;

  }

  .mt-lg-n15,

  .my-lg-n15 {

    margin-top: -1.5rem !important;

  }

  .mr-lg-n15,

  .mx-lg-n15 {

    margin-right: -1.5rem !important;

  }

  .mb-lg-n15,

  .my-lg-n15 {

    margin-bottom: -1.5rem !important;

  }

  .ml-lg-n15,

  .mx-lg-n15 {

    margin-left: -1.5rem !important;

  }

  .m-lg-n25 {

    margin: -2.5rem !important;

  }

  .mt-lg-n25,

  .my-lg-n25 {

    margin-top: -2.5rem !important;

  }

  .mr-lg-n25,

  .mx-lg-n25 {

    margin-right: -2.5rem !important;

  }

  .mb-lg-n25,

  .my-lg-n25 {

    margin-bottom: -2.5rem !important;

  }

  .ml-lg-n25,

  .mx-lg-n25 {

    margin-left: -2.5rem !important;

  }

  .m-lg-n35 {

    margin: -3.5rem !important;

  }

  .mt-lg-n35,

  .my-lg-n35 {

    margin-top: -3.5rem !important;

  }

  .mr-lg-n35,

  .mx-lg-n35 {

    margin-right: -3.5rem !important;

  }

  .mb-lg-n35,

  .my-lg-n35 {

    margin-bottom: -3.5rem !important;

  }

  .ml-lg-n35,

  .mx-lg-n35 {

    margin-left: -3.5rem !important;

  }

  .m-lg-n45 {

    margin: -4.5rem !important;

  }

  .mt-lg-n45,

  .my-lg-n45 {

    margin-top: -4.5rem !important;

  }

  .mr-lg-n45,

  .mx-lg-n45 {

    margin-right: -4.5rem !important;

  }

  .mb-lg-n45,

  .my-lg-n45 {

    margin-bottom: -4.5rem !important;

  }

  .ml-lg-n45,

  .mx-lg-n45 {

    margin-left: -4.5rem !important;

  }

  .m-lg-n55 {

    margin: -5.5rem !important;

  }

  .mt-lg-n55,

  .my-lg-n55 {

    margin-top: -5.5rem !important;

  }

  .mr-lg-n55,

  .mx-lg-n55 {

    margin-right: -5.5rem !important;

  }

  .mb-lg-n55,

  .my-lg-n55 {

    margin-bottom: -5.5rem !important;

  }

  .ml-lg-n55,

  .mx-lg-n55 {

    margin-left: -5.5rem !important;

  }

  .m-lg-auto {

    margin: auto !important;

  }

  .mt-lg-auto,

  .my-lg-auto {

    margin-top: auto !important;

  }

  .mr-lg-auto,

  .mx-lg-auto {

    margin-right: auto !important;

  }

  .mb-lg-auto,

  .my-lg-auto {

    margin-bottom: auto !important;

  }

  .ml-lg-auto,

  .mx-lg-auto {

    margin-left: auto !important;

  }

}



@media (min-width: 1200px) {

  .m-xl-0 {

    margin: 0 !important;

  }

  .mt-xl-0,

  .my-xl-0 {

    margin-top: 0 !important;

  }

  .mr-xl-0,

  .mx-xl-0 {

    margin-right: 0 !important;

  }

  .mb-xl-0,

  .my-xl-0 {

    margin-bottom: 0 !important;

  }

  .ml-xl-0,

  .mx-xl-0 {

    margin-left: 0 !important;

  }

  .m-xl-05 {

    margin: 0.5rem !important;

  }

  .mt-xl-05,

  .my-xl-05 {

    margin-top: 0.5rem !important;

  }

  .mr-xl-05,

  .mx-xl-05 {

    margin-right: 0.5rem !important;

  }

  .mb-xl-05,

  .my-xl-05 {

    margin-bottom: 0.5rem !important;

  }

  .ml-xl-05,

  .mx-xl-05 {

    margin-left: 0.5rem !important;

  }

  .m-xl-1 {

    margin: 1rem !important;

  }

  .mt-xl-1,

  .my-xl-1 {

    margin-top: 1rem !important;

  }

  .mr-xl-1,

  .mx-xl-1 {

    margin-right: 1rem !important;

  }

  .mb-xl-1,

  .my-xl-1 {

    margin-bottom: 1rem !important;

  }

  .ml-xl-1,

  .mx-xl-1 {

    margin-left: 1rem !important;

  }

  .m-xl-2 {

    margin: 2rem !important;

  }

  .mt-xl-2,

  .my-xl-2 {

    margin-top: 2rem !important;

  }

  .mr-xl-2,

  .mx-xl-2 {

    margin-right: 2rem !important;

  }

  .mb-xl-2,

  .my-xl-2 {

    margin-bottom: 2rem !important;

  }

  .ml-xl-2,

  .mx-xl-2 {

    margin-left: 2rem !important;

  }

  .m-xl-3 {

    margin: 3rem !important;

  }

  .mt-xl-3,

  .my-xl-3 {

    margin-top: 3rem !important;

  }

  .mr-xl-3,

  .mx-xl-3 {

    margin-right: 3rem !important;

  }

  .mb-xl-3,

  .my-xl-3 {

    margin-bottom: 3rem !important;

  }

  .ml-xl-3,

  .mx-xl-3 {

    margin-left: 3rem !important;

  }

  .m-xl-4 {

    margin: 4rem !important;

  }

  .mt-xl-4,

  .my-xl-4 {

    margin-top: 4rem !important;

  }

  .mr-xl-4,

  .mx-xl-4 {

    margin-right: 4rem !important;

  }

  .mb-xl-4,

  .my-xl-4 {

    margin-bottom: 4rem !important;

  }

  .ml-xl-4,

  .mx-xl-4 {

    margin-left: 4rem !important;

  }

  .m-xl-5 {

    margin: 5rem !important;

  }

  .mt-xl-5,

  .my-xl-5 {

    margin-top: 5rem !important;

  }

  .mr-xl-5,

  .mx-xl-5 {

    margin-right: 5rem !important;

  }

  .mb-xl-5,

  .my-xl-5 {

    margin-bottom: 5rem !important;

  }

  .ml-xl-5,

  .mx-xl-5 {

    margin-left: 5rem !important;

  }

  .m-xl-15 {

    margin: 1.5rem !important;

  }

  .mt-xl-15,

  .my-xl-15 {

    margin-top: 1.5rem !important;

  }

  .mr-xl-15,

  .mx-xl-15 {

    margin-right: 1.5rem !important;

  }

  .mb-xl-15,

  .my-xl-15 {

    margin-bottom: 1.5rem !important;

  }

  .ml-xl-15,

  .mx-xl-15 {

    margin-left: 1.5rem !important;

  }

  .m-xl-25 {

    margin: 2.5rem !important;

  }

  .mt-xl-25,

  .my-xl-25 {

    margin-top: 2.5rem !important;

  }

  .mr-xl-25,

  .mx-xl-25 {

    margin-right: 2.5rem !important;

  }

  .mb-xl-25,

  .my-xl-25 {

    margin-bottom: 2.5rem !important;

  }

  .ml-xl-25,

  .mx-xl-25 {

    margin-left: 2.5rem !important;

  }

  .m-xl-35 {

    margin: 3.5rem !important;

  }

  .mt-xl-35,

  .my-xl-35 {

    margin-top: 3.5rem !important;

  }

  .mr-xl-35,

  .mx-xl-35 {

    margin-right: 3.5rem !important;

  }

  .mb-xl-35,

  .my-xl-35 {

    margin-bottom: 3.5rem !important;

  }

  .ml-xl-35,

  .mx-xl-35 {

    margin-left: 3.5rem !important;

  }

  .m-xl-45 {

    margin: 4.5rem !important;

  }

  .mt-xl-45,

  .my-xl-45 {

    margin-top: 4.5rem !important;

  }

  .mr-xl-45,

  .mx-xl-45 {

    margin-right: 4.5rem !important;

  }

  .mb-xl-45,

  .my-xl-45 {

    margin-bottom: 4.5rem !important;

  }

  .ml-xl-45,

  .mx-xl-45 {

    margin-left: 4.5rem !important;

  }

  .m-xl-55 {

    margin: 5.5rem !important;

  }

  .mt-xl-55,

  .my-xl-55 {

    margin-top: 5.5rem !important;

  }

  .mr-xl-55,

  .mx-xl-55 {

    margin-right: 5.5rem !important;

  }

  .mb-xl-55,

  .my-xl-55 {

    margin-bottom: 5.5rem !important;

  }

  .ml-xl-55,

  .mx-xl-55 {

    margin-left: 5.5rem !important;

  }

  .p-xl-0 {

    padding: 0 !important;

  }

  .pt-xl-0,

  .py-xl-0 {

    padding-top: 0 !important;

  }

  .pr-xl-0,

  .px-xl-0 {

    padding-right: 0 !important;

  }

  .pb-xl-0,

  .py-xl-0 {

    padding-bottom: 0 !important;

  }

  .pl-xl-0,

  .px-xl-0 {

    padding-left: 0 !important;

  }

  .p-xl-05 {

    padding: 0.5rem !important;

  }

  .pt-xl-05,

  .py-xl-05 {

    padding-top: 0.5rem !important;

  }

  .pr-xl-05,

  .px-xl-05 {

    padding-right: 0.5rem !important;

  }

  .pb-xl-05,

  .py-xl-05 {

    padding-bottom: 0.5rem !important;

  }

  .pl-xl-05,

  .px-xl-05 {

    padding-left: 0.5rem !important;

  }

  .p-xl-1 {

    padding: 1rem !important;

  }

  .pt-xl-1,

  .py-xl-1 {

    padding-top: 1rem !important;

  }

  .pr-xl-1,

  .px-xl-1 {

    padding-right: 1rem !important;

  }

  .pb-xl-1,

  .py-xl-1 {

    padding-bottom: 1rem !important;

  }

  .pl-xl-1,

  .px-xl-1 {

    padding-left: 1rem !important;

  }

  .p-xl-2 {

    padding: 2rem !important;

  }

  .pt-xl-2,

  .py-xl-2 {

    padding-top: 2rem !important;

  }

  .pr-xl-2,

  .px-xl-2 {

    padding-right: 2rem !important;

  }

  .pb-xl-2,

  .py-xl-2 {

    padding-bottom: 2rem !important;

  }

  .pl-xl-2,

  .px-xl-2 {

    padding-left: 2rem !important;

  }

  .p-xl-3 {

    padding: 3rem !important;

  }

  .pt-xl-3,

  .py-xl-3 {

    padding-top: 3rem !important;

  }

  .pr-xl-3,

  .px-xl-3 {

    padding-right: 3rem !important;

  }

  .pb-xl-3,

  .py-xl-3 {

    padding-bottom: 3rem !important;

  }

  .pl-xl-3,

  .px-xl-3 {

    padding-left: 3rem !important;

  }

  .p-xl-4 {

    padding: 4rem !important;

  }

  .pt-xl-4,

  .py-xl-4 {

    padding-top: 4rem !important;

  }

  .pr-xl-4,

  .px-xl-4 {

    padding-right: 4rem !important;

  }

  .pb-xl-4,

  .py-xl-4 {

    padding-bottom: 4rem !important;

  }

  .pl-xl-4,

  .px-xl-4 {

    padding-left: 4rem !important;

  }

  .p-xl-5 {

    padding: 5rem !important;

  }

  .pt-xl-5,

  .py-xl-5 {

    padding-top: 5rem !important;

  }

  .pr-xl-5,

  .px-xl-5 {

    padding-right: 5rem !important;

  }

  .pb-xl-5,

  .py-xl-5 {

    padding-bottom: 5rem !important;

  }

  .pl-xl-5,

  .px-xl-5 {

    padding-left: 5rem !important;

  }

  .p-xl-15 {

    padding: 1.5rem !important;

  }

  .pt-xl-15,

  .py-xl-15 {

    padding-top: 1.5rem !important;

  }

  .pr-xl-15,

  .px-xl-15 {

    padding-right: 1.5rem !important;

  }

  .pb-xl-15,

  .py-xl-15 {

    padding-bottom: 1.5rem !important;

  }

  .pl-xl-15,

  .px-xl-15 {

    padding-left: 1.5rem !important;

  }

  .p-xl-25 {

    padding: 2.5rem !important;

  }

  .pt-xl-25,

  .py-xl-25 {

    padding-top: 2.5rem !important;

  }

  .pr-xl-25,

  .px-xl-25 {

    padding-right: 2.5rem !important;

  }

  .pb-xl-25,

  .py-xl-25 {

    padding-bottom: 2.5rem !important;

  }

  .pl-xl-25,

  .px-xl-25 {

    padding-left: 2.5rem !important;

  }

  .p-xl-35 {

    padding: 3.5rem !important;

  }

  .pt-xl-35,

  .py-xl-35 {

    padding-top: 3.5rem !important;

  }

  .pr-xl-35,

  .px-xl-35 {

    padding-right: 3.5rem !important;

  }

  .pb-xl-35,

  .py-xl-35 {

    padding-bottom: 3.5rem !important;

  }

  .pl-xl-35,

  .px-xl-35 {

    padding-left: 3.5rem !important;

  }

  .p-xl-45 {

    padding: 4.5rem !important;

  }

  .pt-xl-45,

  .py-xl-45 {

    padding-top: 4.5rem !important;

  }

  .pr-xl-45,

  .px-xl-45 {

    padding-right: 4.5rem !important;

  }

  .pb-xl-45,

  .py-xl-45 {

    padding-bottom: 4.5rem !important;

  }

  .pl-xl-45,

  .px-xl-45 {

    padding-left: 4.5rem !important;

  }

  .p-xl-55 {

    padding: 5.5rem !important;

  }

  .pt-xl-55,

  .py-xl-55 {

    padding-top: 5.5rem !important;

  }

  .pr-xl-55,

  .px-xl-55 {

    padding-right: 5.5rem !important;

  }

  .pb-xl-55,

  .py-xl-55 {

    padding-bottom: 5.5rem !important;

  }

  .pl-xl-55,

  .px-xl-55 {

    padding-left: 5.5rem !important;

  }

  .m-xl-n05 {

    margin: -0.5rem !important;

  }

  .mt-xl-n05,

  .my-xl-n05 {

    margin-top: -0.5rem !important;

  }

  .mr-xl-n05,

  .mx-xl-n05 {

    margin-right: -0.5rem !important;

  }

  .mb-xl-n05,

  .my-xl-n05 {

    margin-bottom: -0.5rem !important;

  }

  .ml-xl-n05,

  .mx-xl-n05 {

    margin-left: -0.5rem !important;

  }

  .m-xl-n1 {

    margin: -1rem !important;

  }

  .mt-xl-n1,

  .my-xl-n1 {

    margin-top: -1rem !important;

  }

  .mr-xl-n1,

  .mx-xl-n1 {

    margin-right: -1rem !important;

  }

  .mb-xl-n1,

  .my-xl-n1 {

    margin-bottom: -1rem !important;

  }

  .ml-xl-n1,

  .mx-xl-n1 {

    margin-left: -1rem !important;

  }

  .m-xl-n2 {

    margin: -2rem !important;

  }

  .mt-xl-n2,

  .my-xl-n2 {

    margin-top: -2rem !important;

  }

  .mr-xl-n2,

  .mx-xl-n2 {

    margin-right: -2rem !important;

  }

  .mb-xl-n2,

  .my-xl-n2 {

    margin-bottom: -2rem !important;

  }

  .ml-xl-n2,

  .mx-xl-n2 {

    margin-left: -2rem !important;

  }

  .m-xl-n3 {

    margin: -3rem !important;

  }

  .mt-xl-n3,

  .my-xl-n3 {

    margin-top: -3rem !important;

  }

  .mr-xl-n3,

  .mx-xl-n3 {

    margin-right: -3rem !important;

  }

  .mb-xl-n3,

  .my-xl-n3 {

    margin-bottom: -3rem !important;

  }

  .ml-xl-n3,

  .mx-xl-n3 {

    margin-left: -3rem !important;

  }

  .m-xl-n4 {

    margin: -4rem !important;

  }

  .mt-xl-n4,

  .my-xl-n4 {

    margin-top: -4rem !important;

  }

  .mr-xl-n4,

  .mx-xl-n4 {

    margin-right: -4rem !important;

  }

  .mb-xl-n4,

  .my-xl-n4 {

    margin-bottom: -4rem !important;

  }

  .ml-xl-n4,

  .mx-xl-n4 {

    margin-left: -4rem !important;

  }

  .m-xl-n5 {

    margin: -5rem !important;

  }

  .mt-xl-n5,

  .my-xl-n5 {

    margin-top: -5rem !important;

  }

  .mr-xl-n5,

  .mx-xl-n5 {

    margin-right: -5rem !important;

  }

  .mb-xl-n5,

  .my-xl-n5 {

    margin-bottom: -5rem !important;

  }

  .ml-xl-n5,

  .mx-xl-n5 {

    margin-left: -5rem !important;

  }

  .m-xl-n15 {

    margin: -1.5rem !important;

  }

  .mt-xl-n15,

  .my-xl-n15 {

    margin-top: -1.5rem !important;

  }

  .mr-xl-n15,

  .mx-xl-n15 {

    margin-right: -1.5rem !important;

  }

  .mb-xl-n15,

  .my-xl-n15 {

    margin-bottom: -1.5rem !important;

  }

  .ml-xl-n15,

  .mx-xl-n15 {

    margin-left: -1.5rem !important;

  }

  .m-xl-n25 {

    margin: -2.5rem !important;

  }

  .mt-xl-n25,

  .my-xl-n25 {

    margin-top: -2.5rem !important;

  }

  .mr-xl-n25,

  .mx-xl-n25 {

    margin-right: -2.5rem !important;

  }

  .mb-xl-n25,

  .my-xl-n25 {

    margin-bottom: -2.5rem !important;

  }

  .ml-xl-n25,

  .mx-xl-n25 {

    margin-left: -2.5rem !important;

  }

  .m-xl-n35 {

    margin: -3.5rem !important;

  }

  .mt-xl-n35,

  .my-xl-n35 {

    margin-top: -3.5rem !important;

  }

  .mr-xl-n35,

  .mx-xl-n35 {

    margin-right: -3.5rem !important;

  }

  .mb-xl-n35,

  .my-xl-n35 {

    margin-bottom: -3.5rem !important;

  }

  .ml-xl-n35,

  .mx-xl-n35 {

    margin-left: -3.5rem !important;

  }

  .m-xl-n45 {

    margin: -4.5rem !important;

  }

  .mt-xl-n45,

  .my-xl-n45 {

    margin-top: -4.5rem !important;

  }

  .mr-xl-n45,

  .mx-xl-n45 {

    margin-right: -4.5rem !important;

  }

  .mb-xl-n45,

  .my-xl-n45 {

    margin-bottom: -4.5rem !important;

  }

  .ml-xl-n45,

  .mx-xl-n45 {

    margin-left: -4.5rem !important;

  }

  .m-xl-n55 {

    margin: -5.5rem !important;

  }

  .mt-xl-n55,

  .my-xl-n55 {

    margin-top: -5.5rem !important;

  }

  .mr-xl-n55,

  .mx-xl-n55 {

    margin-right: -5.5rem !important;

  }

  .mb-xl-n55,

  .my-xl-n55 {

    margin-bottom: -5.5rem !important;

  }

  .ml-xl-n55,

  .mx-xl-n55 {

    margin-left: -5.5rem !important;

  }

  .m-xl-auto {

    margin: auto !important;

  }

  .mt-xl-auto,

  .my-xl-auto {

    margin-top: auto !important;

  }

  .mr-xl-auto,

  .mx-xl-auto {

    margin-right: auto !important;

  }

  .mb-xl-auto,

  .my-xl-auto {

    margin-bottom: auto !important;

  }

  .ml-xl-auto,

  .mx-xl-auto {

    margin-left: auto !important;

  }

}



a.text-primary:hover,

a.text-primary:focus {

  color: var(--main-hover) !important;

}

.border {

  border: 1px solid #e3e3e3 !important;

}



.border-top {

  border-top: 1px solid #e3e3e3 !important;

}



.border-right {

  border-right: 1px solid #e3e3e3 !important;

}



.border-bottom {

  border-bottom: 1px solid #e3e3e3 !important;

}



.border-left {

  border-left: 1px solid #e3e3e3 !important;

}



.bor_1212_bom {

  border-bottom: 1px solid #121212;

}

.bor_1212_top {

  border-top: 1px solid #121212;

}



.bor_aaa {

  border: 1px solid #aaa !important;

}



.bor_aaa_top {

  border-top: 1px solid #aaa !important;

}

.bor_aaa_right {

  border-right: 1px solid #aaa !important;

}

.bor_aaa_bottom {

  border-bottom: 1px solid #aaa !important;

}

.bor_aaa_left {

  border-left: 1px solid #aaa !important;

}



.bor_aaa_bottom2 {

  border-bottom: 2px solid #aaa;

}



.bor_blue {

  border: 1px solid #003288 !important;

}



.bor_blue_top {

  border-top: 1px solid #003288 !important;

}

.bor_blue_right {

  border-right: 1px solid #003288 !important;

}

.bor_blue_bottom {

  border-bottom: 1px solid #003288 !important;

}

.bor_blue_left {

  border-left: 1px solid #003288 !important;

}



.border-primary {

  border-color: var(--main) !important;

}



.rounded_lg {

  border-radius: 1.5em;

}

.rounded_md {

  border-radius: 1em;

}

.rounded_sm {

  border-radius: 0.5rem;

}



/*버튼커스텀*/

.btn {

  word-break: keep-all;

  display: inline-block;

  font-weight: 700;

  color: #222;

  text-align: center;

  vertical-align: middle;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-color: transparent;

  border: 1px solid transparent;

  padding: 1rem 2.5rem;

  font-size: 1.6rem;

  line-height: 1.5;

  border-radius: 0.4rem;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,

  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.btn-lg,

.btn-group-lg > .btn {

  padding: 1.35rem 6.4rem;

  font-size: 1.8rem;

  line-height: 1.5;

  border-radius: 0.4rem;

}



@media (prefers-reduced-motion: reduce) {

  .btn {

    transition: none;

  }

}



.btn:hover {

  color: #212529;

  text-decoration: none;

}



.btn:focus,

.btn.focus {

  outline: 0;

  box-shadow: none;

}



.btn.disabled,

.btn:disabled {

  opacity: 0.65;

}



.btn:not(:disabled):not(.disabled) {

  cursor: pointer;

}



a.btn.disabled,

fieldset:disabled a.btn {

  pointer-events: none;

}



.btn-primary {

  color: #fff;

  background-color: var(--main);

  border-color: var(--main);

}



.btn-primary:hover {

  color: #fff;

  background-color: var(--main-hover);

  border-color: var(--main-hover);

}



.btn-primary:focus,

.btn-primary.focus {

  color: #fff;

  background-color: var(--main-hover);

  border-color: var(--main-hover);

  box-shadow: 0 0 0 0.1rem var(--main-hover);

}



.btn-primary.disabled,

.btn-primary:disabled {

  color: #fff;

  background-color: var(--main);

  border-color: var(--main);

}



.btn-primary:not(:disabled):not(.disabled):active,

.btn-primary:not(:disabled):not(.disabled).active,

.show > .btn-primary.dropdown-toggle {

  color: #fff;

  background-color: var(--main-hover);

  border-color: var(--main-hover);

}



.btn-primary:not(:disabled):not(.disabled):active:focus,

.btn-primary:not(:disabled):not(.disabled).active:focus,

.show > .btn-primary.dropdown-toggle:focus {

  box-shadow: 0 0 0 0.1rem var(--main-hover);

}



.btn-outline-primary {

  color: #222;

  border-color: #e3e3e3;

}



.btn-outline-primary:hover {

  color: #fff !important;

  background-color: var(--main);

  border-color: var(--main);

}



.btn-outline-primary:focus,

.btn-outline-primary.focus {

  box-shadow: 0 0 0 0.1rem var(--main);

}



.btn-outline-primary:not(:disabled):not(.disabled):active,

.btn-outline-primary:not(:disabled):not(.disabled).active,

.show > .btn-outline-primary.dropdown-toggle {

  color: #fff;

  background-color: var(--main);

  border-color: var(--main);

}



.btn-outline-primary:not(:disabled):not(.disabled):active:focus,

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-primary.dropdown-toggle:focus {

  box-shadow: 0 0 0 0.1rem var(--main);

}



.btn-secondary {

  color: #fff;

  background-color: var(--second);

  border-color: var(--second);

}



.btn-secondary:hover {

  color: #fff;

  background-color: var(--second-hover);

  border-color: var(--second-hover);

}



.btn-secondary:focus,

.btn-secondary.focus {

  color: #fff;

  background-color: var(--second-hover);

  border-color: var(--second-hover);

  box-shadow: 0 0 0 0.2rem var(--second-hover);

}



.btn-secondary.disabled,

.btn-secondary:disabled {

  color: #fff;

  background-color: var(--second);

  border-color: var(--second);

}



.btn-secondary:not(:disabled):not(.disabled):active,

.btn-secondary:not(:disabled):not(.disabled).active,

.show > .btn-secondary.dropdown-toggle {

  color: #fff;

  background-color: var(--second-hover);

  border-color: var(--second-hover);

}



.btn-secondary:not(:disabled):not(.disabled):active:focus,

.btn-secondary:not(:disabled):not(.disabled).active:focus,

.show > .btn-secondary.dropdown-toggle:focus {

  box-shadow: 0 0 0 0.2rem var(--second-hover);

}



/* ///card */

.card {

  width: 100%;

}

.card-img,

.card-img-top {

  /* max-height: 190px; */

  object-fit: cover;

}

.h_mx190 {

  max-height: 190px;

}

.h_mx230 {

  max-height: 230px;

}



.text_super {

  vertical-align: super;

}

/* .card img{transition: all ease-in-out 0.3s;}

.card img:hover{transform: scale(1.005);} */



/*로마로 버튼 스타일*/



.btn_blue {

  background-color: var(--primary);

  border-radius: 5px;

  padding: 1.5rem 0;

  width: 100%;

  transition: all ease-in-out 0.3s;

}

.btn_blue:hover {

  background-color: var(--gray-222);

  color: #fff !important;

  border-color: var(--gray-222);

}



.btn_bgbl {

  border: 1px solid var(--primary);

  color: #fff;

  background-color: var(--primary);

  transition: all ease-in-out 0.3s;

}

.btn_bgbl:hover {

  border-color: var(--gray-222);

  color: #fff;

  background-color: var(--gray-222);

}

.btn_line {

  border: 1px solid var(--primary);

  color: var(--primary);

  background-color: #fff;

  transition: all ease-in-out 0.3s;

}

.btn_line:hover {

  border: 1px solid var(--primary);

  color: #fff;

  background-color: var(--primary);

}



.btn_777 {

  color: #777;

  border: 1px solid #aaa;

  background-color: #fff;

}



textarea {

  resize: none;

}



/* //////말줄임 */

.text-truncate {

  display: block;

}



/* ////preline */

.preline {

  white-space: pre-line;

}

.keep-all {

  word-break: keep-all;

}



/* /////이미지//// */

.obfit_contain {

  object-fit: contain;

}



/* /////////flex-center */

.fx_center {

  display: flex;

  align-items: center;

  justify-content: center;

}



/* ////////linheight */



.line_h1 {

  line-height: 1rem;

}

.line_h1_1 {

  line-height: 1.1rem;

}

.line_h1_2 {

  line-height: 1.2rem;

}

.line_h1_3 {

  line-height: 1.3rem;

}

.line_h1_4 {

  line-height: 1.4rem;

}

.line_h1_5 {

  line-height: 1.5rem;

}

.line_h1_6 {

  line-height: 1.6rem;

}

.line_h1_7 {

  line-height: 1.7rem;

}

.line_h1_8 {

  line-height: 1.8rem;

}

.line_h1_9 {

  line-height: 1.9rem;

}

.line_h2 {

  line-height: 2rem;

}

.line_h2_25 {

  line-height: 2.25rem;

}

.line_h3 {

  line-height: 3rem;

}



/*폰트커스텀 기본사이즈 10px*/

h2 {

  font-size: 3.6rem;

}

h3 {

  font-size: 2.6rem;

}

h4 {

  font-size: 1.8rem;

}



.fs_0 {

  font-size: 0rem;

  text-indent: 99999;

}



.fs_8 {

  font-size: 0.8rem;

}

.fs_9 {

  font-size: 0.9rem;

}

.fs_10 {

  font-size: 1rem;

}

.fs_11 {

  font-size: 1.1rem;

}

.fs_12 {

  font-size: 1.2rem;

}

.fs_13 {

  font-size: 1.3rem;

}

.fs_14 {

  font-size: 1.4rem;

}

.fs_15 {

  font-size: 1.5rem;

}

.fs_16 {

  font-size: 1.6rem;

}

/* .fs_17 {font-size: 1.7rem;} */

.fs_18 {

  font-size: 1.8rem;

}

/* .fs_19 {font-size: 1.9rem;} */

.fs_20 {

  font-size: 2rem;

}

.fs_22 {

  font-size: 2.2rem;

}

.fs_24 {

  font-size: 2.4rem;

}

.fs_25 {

  font-size: 2.5rem;

}

.fs_27 {

  font-size: 2.7rem;

}

.fs_30 {

  font-size: 3rem;

}

.fs_35 {

  font-size: 3.5rem;

}

.fs_38 {

  font-size: 3.8rem;

}

/* .fs_21 {font-size: 2.1rem;}

.fs_23 {font-size: 2.3rem;}

.fs_24 {font-size: 2.4rem;}



.fs_26 {font-size: 2.6rem;}



.fs_28 {font-size: 2.8rem;}

.fs_29 {font-size: 2.9rem;}



.fs_31 {font-size: 3.1rem;}

.fs_32 {font-size: 3.2rem;}

.fs_33 {font-size: 3.3rem;}

.fs_34 {font-size: 3.4rem;}



.fs_36 {font-size: 3.6rem;}

.fs_37 {font-size: 3.7rem;}

.fs_38 {font-size: 3.8rem;}

.fs_39 {font-size: 3.9rem;} */

.fs_40 {

  font-size: 4rem;

}

.fs_41 {

  font-size: 4.1rem;

}

.fs_42 {

  font-size: 4.2rem;

}

.fs_43 {

  font-size: 4.3rem;

}

.fs_44 {

  font-size: 4.4rem;

}

.fs_45 {

  font-size: 4.5rem;

}

.fs_46 {

  font-size: 4.6rem;

}

.fs_47 {

  font-size: 4.7rem;

}

.fs_48 {

  font-size: 4.8rem;

}

.fs_49 {

  font-size: 4.9rem;

}

.fs_50 {

  font-size: 5rem;

}

.fs_51 {

  font-size: 5.1rem;

}

.fs_52 {

  font-size: 5.2rem;

}



/* .fw_100 {font-weight: 100;}

.fw_200 {font-weight: 200;}

.fw_300 {font-weight: 300;}

.fw_400 {font-weight: 400;}

.fw_500 {font-weight: 500;}

.fw_600 {font-weight: 600;}

.fw_700 {font-weight: 700;}

.fw_800 {font-weight: 800;} */



.fw_light {

  font-weight: 300;

}

.fw_regular {

  font-weight: 400;

}

.fw_medium {

  font-weight: 500;

}

.fw_semibold {

  font-weight: 600;

}

.fw_bold {

  font-weight: 700;

}

.fw_extrabold {

  font-weight: 800;

}



.fc_wh {

  color: #fff;

}

.fc_1212 {

  color: #121212;

}

.fc_222 {

  color: #222;

}

.fc_777 {

  color: #777777;

}

.fc_aaa {

  color: #aaaaaa;

}

.fc_blue {

  color: #003288;

}

.fc_e3e3 {

  color: #e3e3e3;

}

.fc_red {

  color: #ff2727;

}

/*.fc_or{color:#e46300;}

.fc_lgr{color:#37383A;}

.fc_dgr{color:#37383A;}

.fc_pp{color:#00AEEF;}

.fc_grn{color:#00987E;}

.fc_sky{color:#0090FF;}

.fc_lgr{color:#e3e3e3;}

.fc_grb4b4b4{color:#B4B4B4;}

.fc_graaa{color:#aaa;}

.fc_gr999{color:#999;}

.fc_gr777{color:#777;}

.fc_gr666{color:#666;}

.fc_gr444{color:#666;}

.fc_gr222{color:#222;}

.fc_bk{color:#000;} */

.text-danger {

  color: #f9564f !important;

}

.text-success {

  color: #00aeef !important;

}

.text-primary {

  color: var(--main) !important;

}



/* ////text-deco */

.underline {

  text-decoration: underline;

}



/* .text-secondary{color: var(--second) !important;} */



/* /////bgcolor */



.bg_blue {

  background-color: #003288;

}

.bg_lgblue {

  background-color: #b5d0ff33;

}

.bg-primary {

  background-color: var(--main) !important;

}

.bg-secondary {

  background-color: var(--second) !important;

}

.bg_gray {

  background-color: #f5f5f5;

}

.bg_e3e3_50 {

  background-color: #e3e3e371;

}

.bg_aaa {

  background-color: #aaa;

}

.bg_12_30 {

  background-color: #12121234;

}

.clear {

  clear: both;

}

.clear:after {

  content: "";

  display: block;

  clear: both;

}



.cont_wr {

  max-width: 1230px;

  margin: 0 auto;

  padding: 0 15px;

  position: relative;

}

.cont_wr:after {

  content: "";

  display: block;

  clear: both;

}



.container-xl {

  max-width: 1800px;

}

.container-fluid {

  max-width: 1920px;

}

.container-min {

  max-width: 788px;

}



/* 이미지 정사각형 만드는 클래스 */

.rect {

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  width: 100%;

  height: 100%;

}

.rect::after {

  content: "";

  display: block;

  padding-bottom: 100%;

}

.rect > img {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* 이미지 세로 직사각형 */

.rect2 {

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  width: 100%;

  height: 100%;

}

.rect2::after {

  content: "";

  display: block;

  padding-bottom: 123.3333%;

}

.rect2 > img {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* 이미지 가로 직사각형 */

.rect3 {

  overflow: hidden;

  position: relative;

  width: 100%;

  height: 100%;

}

.rect3::after {

  content: "";

  display: block;

  padding-bottom: 70%;

}

.rect3 > img {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 15px;

}



.text_nowrap {

  white-space: nowrap;

}



/*너비 넓이*/

.w-5 {

  width: 5%;

}

.w-10 {

  width: 10%;

}

.w-15 {

  width: 15%;

}

.w-20 {

  width: 20%;

}

.w-30 {

  width: 30%;

}

.w-35 {

  width: 35%;

}

.w-40 {

  width: 40%;

}

.w-45 {

  width: 45%;

}

.w-55 {

  width: 55%;

}

.w-60 {

  width: 60%;

}

.w-65 {

  width: 65%;

}

.w-70 {

  width: 70%;

}

.w-80 {

  width: 80%;

}

.w-85 {

  width: 85%;

}

.w-90 {

  width: 90%;

}

.w-95 {

  width: 95%;

}



.w-md-50 {

  width: 50%;

}



.min-w60 {

  min-width: 60px;

}

.min-w80 {

  min-width: 80px;

}

.max-w110 {

  max-width: 110px;

}



.txt_line {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}





/*반응형 max 1200 xl*/

@media (max-width: 1199.98px) {

  .fs_40 {

    font-size: 3.5rem;

  }

}



/*반응형 max 992px lg*/

@media (max-width: 991.98px) {

  .fs_40 {

    font-size: 3rem;

  }

  .fs_35 {

    font-size: 2.8rem;

  }



  .fs_30 {

    font-size: 2.3rem;

  }

  .fs_25 {

    font-size: 2rem;

  }

  .fs_20 {

    font-size: 1.8rem;

  }

  .fs_18 {

    font-size: 1.6rem;

  }



  .fs_15 {

    font-size: 1.4rem;

  }

}



/*반응형 max 767px md*/

@media (max-width: 767.98px) {

  .w-md-50 {

    width: 100%;

  }



  .form-control {

    font-size: 1.4rem;

  }

}



/*반응형 max 576px sm*/

@media (max-width: 575.98px) {

  .fs_15 {

    font-size: 1.4rem;

  }

  .fs_14 {

    font-size: 1.2rem;

  }

  .fs_16 {

    font-size: 1.4rem;

  }

  .fs_18 {

    font-size: 1.6rem;

  }

  .fs_20 {

    font-size: 1.6rem;

  }

  .fs_25 {

    font-size: 1.8rem;

  }



  .fs_30 {

    font-size: 1.8rem;

  }

  .fs_35 {

    font-size: 2rem;

  }

  .fs_40 {

    font-size: 2rem;

  }

  .btn_sm_blue {

    padding: 1.2rem 0;

  }



  /* /////체크 radio */

  .check_cus input[type="radio"] + label {

    width: 13px;

    height: 13px;

    background: url(../img/non_check.png) no-repeat center;

    background-size: contain;

    margin-top: 0px;

  }



  .selc_posi select {

    background-position: 80% 50%;

  }

}

.keyword li{margin-bottom: 0.5rem}

/*.multiple2 .slick-track{margin-left:unset;}*/