/*
@import url('../font/Gothic_A1.css');
@import url('../font/Noto_Sans_KR.css');
@import url('../font/roboto.css');
*/
:root {
  --nlibrary-font-family: 'Noto Sans KR','Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif;
  --nlibrary-grid-divider-color: rgba(0,0,0,.1);
}

body {
  font-family: var(--nlibrary-font-family);
  letter-spacing: -.03rem;
}

a:hover {
  text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

::-webkit-file-upload-button { cursor:pointer; }
/* Chrome Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  -webkit-box-shadow: none;
}

/* IE loaded show */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    display: none;
  }
}

/* pre line break */
pre {
  font-family: var(--nlibrary-font-family);
  letter-spacing: -.03rem;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  color: inherit;
}

/* mega-menu */
.mega-dropdown {
  position: static;
}.mega-menu {
  width: 100%;
  border: 0px;
  border-bottom: 1px solid rgba(0,0,0,.15);
}.mega-menu .container {
  display: block;
}

/* grid-divider */
.grid-divider {
  position: relative;
} .grid-divider > * {
  position: relative;
  height: auto;
}
.grid-divider > [class*="col-"]:nth-child(n+2):before {
  content: '';
  background-color: var(--nlibrary-grid-divider-color);
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;

  /* default breakpoint */
  position: absolute;
  width: 1px;
  height: auto;
  left: -1px;
}
/* grid-divider breakpoint */
@media (max-width: 575px) {
  .grid-divider > [class*="col-sm"]:nth-child(n+2):before {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .grid-divider > [class*="col-sm"]:nth-child(n+2):before {
    position: absolute;
    width: 1px;
    height: auto;
    left: -1px;
  }
}
@media (max-width: 767px) {
  .grid-divider > [class*="col-md"]:nth-child(n+2):before {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .grid-divider > [class*="col-md"]:nth-child(n+2):before {
    position: absolute;
    width: 1px;
    height: auto;
    left: -1px;
  }
}
@media (max-width: 991px) {
  .grid-divider > [class*="col-lg"]:nth-child(n+2):before {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .grid-divider > [class*="col-lg"]:nth-child(n+2):before {
    position: absolute;
    width: 1px;
    height: auto;
    left: -1px;
  }
}
/* border style */
.dotted {
  border-style: dotted;
}.dashed {
  border-style: dashed;
}

/* hover 처리 */
.nhover:hover:before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,0.2);
  mix-blend-mode: overlay;
  /*z-index:1;*/
}.nhover-inverse:hover:before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(255,255,255,0.2);
  mix-blend-mode: overlay;
  /*z-index:1;*/
}

/* price */
i.dollars,i.wons { font-family: Roboto, sans-serif; font-style: normal; }
.dollars:before { content:'$'; }
.wons:before { content:'₩'; }
.price { font-size: 1.7rem; }

/* mark */
mark {
  display: inline-block;
  line-height: 0rem;
  padding: 0;
  padding-bottom: 0.5rem;
  background-color: rgba(255, 255, 0, 1);
  color: inherit;
}

/* font-size */
.font-8 { font-size: 8px !important; }
.font-9 { font-size: 9px !important; }
.font-10 { font-size: 10px !important; }
.font-11 { font-size: 11px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-17 { font-size: 17px !important; }
.font-18 { font-size: 18px !important; }
.font-19 { font-size: 19px !important; }
.font-20 { font-size: 20px !important; }
.font-21 { font-size: 21px !important; }
.font-22 { font-size: 22px !important; }
.font-23 { font-size: 23px !important; }
.font-24 { font-size: 24px !important; }
.font-25 { font-size: 25px !important; }
.font-26 { font-size: 26px !important; }
.font-27 { font-size: 27px !important; }
.font-28 { font-size: 28px !important; }
.font-29 { font-size: 29px !important; }
.font-30 { font-size: 30px !important; }
.font-31 { font-size: 31px !important; }
.font-32 { font-size: 32px !important; }
.font-33 { font-size: 33px !important; }
.font-34 { font-size: 34px !important; }
.font-35 { font-size: 35px !important; }
.font-36 { font-size: 36px !important; }
.font-37 { font-size: 37px !important; }
.font-38 { font-size: 38px !important; }
.font-39 { font-size: 39px !important; }
.font-40 { font-size: 40px !important; }
.font-41 { font-size: 41px !important; }
.font-42 { font-size: 42px !important; }
.font-43 { font-size: 43px !important; }
.font-44 { font-size: 44px !important; }
.font-45 { font-size: 45px !important; }
.font-46 { font-size: 46px !important; }
.font-47 { font-size: 47px !important; }
.font-48 { font-size: 48px !important; }
.font-49 { font-size: 49px !important; }
.font-50 { font-size: 50px !important; }
.font-initial { font-size: initial !important; }
.font-inherit { font-size: inherit !important; }
@media (min-width: 576px) {  
  .font-sm-8 { font-size: 8px !important; }
  .font-sm-9 { font-size: 9px !important; }
  .font-sm-10 { font-size: 10px !important; }
  .font-sm-11 { font-size: 11px !important; }
  .font-sm-12 { font-size: 12px !important; }
  .font-sm-13 { font-size: 13px !important; }
  .font-sm-14 { font-size: 14px !important; }
  .font-sm-15 { font-size: 15px !important; }
  .font-sm-16 { font-size: 16px !important; }
  .font-sm-17 { font-size: 17px !important; }
  .font-sm-18 { font-size: 18px !important; }
  .font-sm-19 { font-size: 19px !important; }
  .font-sm-20 { font-size: 20px !important; }
  .font-sm-21 { font-size: 21px !important; }
  .font-sm-22 { font-size: 22px !important; }
  .font-sm-23 { font-size: 23px !important; }
  .font-sm-24 { font-size: 24px !important; }
  .font-sm-25 { font-size: 25px !important; }
  .font-sm-26 { font-size: 26px !important; }
  .font-sm-27 { font-size: 27px !important; }
  .font-sm-28 { font-size: 28px !important; }
  .font-sm-29 { font-size: 29px !important; }
  .font-sm-30 { font-size: 30px !important; }
  .font-sm-31 { font-size: 31px !important; }
  .font-sm-32 { font-size: 32px !important; }
  .font-sm-33 { font-size: 33px !important; }
  .font-sm-34 { font-size: 34px !important; }
  .font-sm-35 { font-size: 35px !important; }
  .font-sm-36 { font-size: 36px !important; }
  .font-sm-37 { font-size: 37px !important; }
  .font-sm-38 { font-size: 38px !important; }
  .font-sm-39 { font-size: 39px !important; }
  .font-sm-40 { font-size: 40px !important; }
  .font-sm-41 { font-size: 41px !important; }
  .font-sm-42 { font-size: 42px !important; }
  .font-sm-43 { font-size: 43px !important; }
  .font-sm-44 { font-size: 44px !important; }
  .font-sm-45 { font-size: 45px !important; }
  .font-sm-46 { font-size: 46px !important; }
  .font-sm-47 { font-size: 47px !important; }
  .font-sm-48 { font-size: 48px !important; }
  .font-sm-49 { font-size: 49px !important; }
  .font-sm-50 { font-size: 50px !important; }
  .font-sm-initial { font-size: initial !important; }
  .font-sm-inherit { font-size: inherit !important; }
}
@media (min-width: 768px) {  
  .font-md-8 { font-size: 8px !important; }
  .font-md-9 { font-size: 9px !important; }
  .font-md-10 { font-size: 10px !important; }
  .font-md-11 { font-size: 11px !important; }
  .font-md-12 { font-size: 12px !important; }
  .font-md-13 { font-size: 13px !important; }
  .font-md-14 { font-size: 14px !important; }
  .font-md-15 { font-size: 15px !important; }
  .font-md-16 { font-size: 16px !important; }
  .font-md-17 { font-size: 17px !important; }
  .font-md-18 { font-size: 18px !important; }
  .font-md-19 { font-size: 19px !important; }
  .font-md-20 { font-size: 20px !important; }
  .font-md-21 { font-size: 21px !important; }
  .font-md-22 { font-size: 22px !important; }
  .font-md-23 { font-size: 23px !important; }
  .font-md-24 { font-size: 24px !important; }
  .font-md-25 { font-size: 25px !important; }
  .font-md-26 { font-size: 26px !important; }
  .font-md-27 { font-size: 27px !important; }
  .font-md-28 { font-size: 28px !important; }
  .font-md-29 { font-size: 29px !important; }
  .font-md-30 { font-size: 30px !important; }
  .font-md-31 { font-size: 31px !important; }
  .font-md-32 { font-size: 32px !important; }
  .font-md-33 { font-size: 33px !important; }
  .font-md-34 { font-size: 34px !important; }
  .font-md-35 { font-size: 35px !important; }
  .font-md-36 { font-size: 36px !important; }
  .font-md-37 { font-size: 37px !important; }
  .font-md-38 { font-size: 38px !important; }
  .font-md-39 { font-size: 39px !important; }
  .font-md-40 { font-size: 40px !important; }
  .font-md-41 { font-size: 41px !important; }
  .font-md-42 { font-size: 42px !important; }
  .font-md-43 { font-size: 43px !important; }
  .font-md-44 { font-size: 44px !important; }
  .font-md-45 { font-size: 45px !important; }
  .font-md-46 { font-size: 46px !important; }
  .font-md-47 { font-size: 47px !important; }
  .font-md-48 { font-size: 48px !important; }
  .font-md-49 { font-size: 49px !important; }
  .font-md-50 { font-size: 50px !important; }
  .font-md-initial { font-size: initial !important; }
  .font-md-inherit { font-size: inherit !important; }
}
@media (min-width: 992px) {
  .font-lg-8 { font-size: 8px !important; }
  .font-lg-9 { font-size: 9px !important; }
  .font-lg-10 { font-size: 10px !important; }
  .font-lg-11 { font-size: 11px !important; }
  .font-lg-12 { font-size: 12px !important; }
  .font-lg-13 { font-size: 13px !important; }
  .font-lg-14 { font-size: 14px !important; }
  .font-lg-15 { font-size: 15px !important; }
  .font-lg-16 { font-size: 16px !important; }
  .font-lg-17 { font-size: 17px !important; }
  .font-lg-18 { font-size: 18px !important; }
  .font-lg-19 { font-size: 19px !important; }
  .font-lg-20 { font-size: 20px !important; }
  .font-lg-21 { font-size: 21px !important; }
  .font-lg-22 { font-size: 22px !important; }
  .font-lg-23 { font-size: 23px !important; }
  .font-lg-24 { font-size: 24px !important; }
  .font-lg-25 { font-size: 25px !important; }
  .font-lg-26 { font-size: 26px !important; }
  .font-lg-27 { font-size: 27px !important; }
  .font-lg-28 { font-size: 28px !important; }
  .font-lg-29 { font-size: 29px !important; }
  .font-lg-30 { font-size: 30px !important; }
  .font-lg-31 { font-size: 31px !important; }
  .font-lg-32 { font-size: 32px !important; }
  .font-lg-33 { font-size: 33px !important; }
  .font-lg-34 { font-size: 34px !important; }
  .font-lg-35 { font-size: 35px !important; }
  .font-lg-36 { font-size: 36px !important; }
  .font-lg-37 { font-size: 37px !important; }
  .font-lg-38 { font-size: 38px !important; }
  .font-lg-39 { font-size: 39px !important; }
  .font-lg-40 { font-size: 40px !important; }
  .font-lg-41 { font-size: 41px !important; }
  .font-lg-42 { font-size: 42px !important; }
  .font-lg-43 { font-size: 43px !important; }
  .font-lg-44 { font-size: 44px !important; }
  .font-lg-45 { font-size: 45px !important; }
  .font-lg-46 { font-size: 46px !important; }
  .font-lg-47 { font-size: 47px !important; }
  .font-lg-48 { font-size: 48px !important; }
  .font-lg-49 { font-size: 49px !important; }
  .font-lg-50 { font-size: 50px !important; }
  .font-lg-initial { font-size: initial !important; }
  .font-lg-inherit { font-size: inherit !important; }
}
@media (min-width: 1200px) {  
  .font-xl-8 { font-size: 8px !important; }
  .font-xl-9 { font-size: 9px !important; }
  .font-xl-10 { font-size: 10px !important; }
  .font-xl-11 { font-size: 11px !important; }
  .font-xl-12 { font-size: 12px !important; }
  .font-xl-13 { font-size: 13px !important; }
  .font-xl-14 { font-size: 14px !important; }
  .font-xl-15 { font-size: 15px !important; }
  .font-xl-16 { font-size: 16px !important; }
  .font-xl-17 { font-size: 17px !important; }
  .font-xl-18 { font-size: 18px !important; }
  .font-xl-19 { font-size: 19px !important; }
  .font-xl-20 { font-size: 20px !important; }
  .font-xl-21 { font-size: 21px !important; }
  .font-xl-22 { font-size: 22px !important; }
  .font-xl-23 { font-size: 23px !important; }
  .font-xl-24 { font-size: 24px !important; }
  .font-xl-25 { font-size: 25px !important; }
  .font-xl-26 { font-size: 26px !important; }
  .font-xl-27 { font-size: 27px !important; }
  .font-xl-28 { font-size: 28px !important; }
  .font-xl-29 { font-size: 29px !important; }
  .font-xl-30 { font-size: 30px !important; }
  .font-xl-31 { font-size: 31px !important; }
  .font-xl-32 { font-size: 32px !important; }
  .font-xl-33 { font-size: 33px !important; }
  .font-xl-34 { font-size: 34px !important; }
  .font-xl-35 { font-size: 35px !important; }
  .font-xl-36 { font-size: 36px !important; }
  .font-xl-37 { font-size: 37px !important; }
  .font-xl-38 { font-size: 38px !important; }
  .font-xl-39 { font-size: 39px !important; }
  .font-xl-40 { font-size: 40px !important; }
  .font-xl-41 { font-size: 41px !important; }
  .font-xl-42 { font-size: 42px !important; }
  .font-xl-43 { font-size: 43px !important; }
  .font-xl-44 { font-size: 44px !important; }
  .font-xl-45 { font-size: 45px !important; }
  .font-xl-46 { font-size: 46px !important; }
  .font-xl-47 { font-size: 47px !important; }
  .font-xl-48 { font-size: 48px !important; }
  .font-xl-49 { font-size: 49px !important; }
  .font-xl-50 { font-size: 50px !important; }
  .font-xl-initial { font-size: initial !important; }
  .font-xl-inherit { font-size: inherit !important; }
}
/* font-weight */
.font-weight-100 { font-weight: 100 !important; }
.font-weight-200 { font-weight: 200 !important; }
.font-weight-300 { font-weight: 300 !important; }
.font-weight-400 { font-weight: 400 !important; }
.font-weight-500 { font-weight: 500 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }
.font-weight-800 { font-weight: 800 !important; }
.font-weight-900 { font-weight: 900 !important; }
.font-weight-initial { font-weight: initial !important; }
.font-weight-inherit { font-weight: inherit !important; }
@media (min-width: 576px) {  
  .font-weight-sm-100 { font-weight: 100 !important; }
  .font-weight-sm-200 { font-weight: 200 !important; }
  .font-weight-sm-300 { font-weight: 300 !important; }
  .font-weight-sm-400 { font-weight: 400 !important; }
  .font-weight-sm-500 { font-weight: 500 !important; }
  .font-weight-sm-600 { font-weight: 600 !important; }
  .font-weight-sm-700 { font-weight: 700 !important; }
  .font-weight-sm-800 { font-weight: 800 !important; }
  .font-weight-sm-900 { font-weight: 900 !important; }
  .font-weight-sm-initial { font-weight: initial !important; }
  .font-weight-sm-inherit { font-weight: inherit !important; }
}
@media (min-width: 768px) {  
  .font-weight-md-100 { font-weight: 100 !important; }
  .font-weight-md-200 { font-weight: 200 !important; }
  .font-weight-md-300 { font-weight: 300 !important; }
  .font-weight-md-400 { font-weight: 400 !important; }
  .font-weight-md-500 { font-weight: 500 !important; }
  .font-weight-md-600 { font-weight: 600 !important; }
  .font-weight-md-700 { font-weight: 700 !important; }
  .font-weight-md-800 { font-weight: 800 !important; }
  .font-weight-md-900 { font-weight: 900 !important; }
  .font-weight-md-initial { font-weight: initial !important; }
  .font-weight-md-inherit { font-weight: inherit !important; }
}
@media (min-width: 992px) {
  .font-weight-lg-100 { font-weight: 100 !important; }
  .font-weight-lg-200 { font-weight: 200 !important; }
  .font-weight-lg-300 { font-weight: 300 !important; }
  .font-weight-lg-400 { font-weight: 400 !important; }
  .font-weight-lg-500 { font-weight: 500 !important; }
  .font-weight-lg-600 { font-weight: 600 !important; }
  .font-weight-lg-700 { font-weight: 700 !important; }
  .font-weight-lg-800 { font-weight: 800 !important; }
  .font-weight-lg-900 { font-weight: 900 !important; }
  .font-weight-lg-initial { font-weight: initial !important; }
  .font-weight-lg-inherit { font-weight: inherit !important; }
}
@media (min-width: 1200px) {  
  .font-weight-xl-100 { font-weight: 100 !important; }
  .font-weight-xl-200 { font-weight: 200 !important; }
  .font-weight-xl-300 { font-weight: 300 !important; }
  .font-weight-xl-400 { font-weight: 400 !important; }
  .font-weight-xl-500 { font-weight: 500 !important; }
  .font-weight-xl-600 { font-weight: 600 !important; }
  .font-weight-xl-700 { font-weight: 700 !important; }
  .font-weight-xl-800 { font-weight: 800 !important; }
  .font-weight-xl-900 { font-weight: 900 !important; }
  .font-weight-xl-initial { font-weight: initial !important; }
  .font-weight-xl-inherit { font-weight: inherit !important; }
}

/* letter-spacing */
.letterspacing-1 { letter-spacing: .01rem !important; }
.letterspacing-2 { letter-spacing: .03rem !important; }
.letterspacing-3 { letter-spacing: .05rem !important; }
.letterspacing-4 { letter-spacing: .07rem !important; }
.letterspacing-5 { letter-spacing: .09rem !important; }
.letterspacing--1 { letter-spacing: -.01rem !important; }
.letterspacing--2 { letter-spacing: -.03rem !important; }
.letterspacing--3 { letter-spacing: -.05rem !important; }
.letterspacing--4 { letter-spacing: -.07rem !important; }
.letterspacing--5 { letter-spacing: -.09rem !important; }
.letterspacing-initial { letter-spacing: initial !important; }
.letterspacing-inherit { letter-spacing: inherit !important; }
@media (min-width: 576px) {
  /* letter-spacing */
  .letterspacing-sm-1 { letter-spacing: .01rem !important; }
  .letterspacing-sm-2 { letter-spacing: .03rem !important; }
  .letterspacing-sm-3 { letter-spacing: .05rem !important; }
  .letterspacing-sm-4 { letter-spacing: .07rem !important; }
  .letterspacing-sm-5 { letter-spacing: .09rem !important; }
  .letterspacing-sm--1 { letter-spacing: -.01rem !important; }
  .letterspacing-sm--2 { letter-spacing: -.03rem !important; }
  .letterspacing-sm--3 { letter-spacing: -.05rem !important; }
  .letterspacing-sm--4 { letter-spacing: -.07rem !important; }
  .letterspacing-sm--5 { letter-spacing: -.09rem !important; }
  .letterspacing-sm-initial { letter-spacing: initial !important; }
  .letterspacing-sm-inherit { letter-spacing: inherit !important; }
}
@media (min-width: 768px) {
  /* letter-spacing */
  .letterspacing-md-1 { letter-spacing: .01rem !important; }
  .letterspacing-md-2 { letter-spacing: .03rem !important; }
  .letterspacing-md-3 { letter-spacing: .05rem !important; }
  .letterspacing-md-4 { letter-spacing: .07rem !important; }
  .letterspacing-md-5 { letter-spacing: .09rem !important; }
  .letterspacing-md--1 { letter-spacing: -.01rem !important; }
  .letterspacing-md--2 { letter-spacing: -.03rem !important; }
  .letterspacing-md--3 { letter-spacing: -.05rem !important; }
  .letterspacing-md--4 { letter-spacing: -.07rem !important; }
  .letterspacing-md--5 { letter-spacing: -.09rem !important; }
  .letterspacing-md-initial { letter-spacing: initial !important; }
  .letterspacing-md-inherit { letter-spacing: inherit !important; }
}
@media (min-width: 992px) {
  /* letter-spacing */
  .letterspacing-lg-1 { letter-spacing: .01rem !important; }
  .letterspacing-lg-2 { letter-spacing: .03rem !important; }
  .letterspacing-lg-3 { letter-spacing: .05rem !important; }
  .letterspacing-lg-4 { letter-spacing: .07rem !important; }
  .letterspacing-lg-5 { letter-spacing: .09rem !important; }
  .letterspacing-lg--1 { letter-spacing: -.01rem !important; }
  .letterspacing-lg--2 { letter-spacing: -.03rem !important; }
  .letterspacing-lg--3 { letter-spacing: -.05rem !important; }
  .letterspacing-lg--4 { letter-spacing: -.07rem !important; }
  .letterspacing-lg--5 { letter-spacing: -.09rem !important; }
  .letterspacing-lg-initial { letter-spacing: initial !important; }
  .letterspacing-lg-inherit { letter-spacing: inherit !important; }
}
@media (min-width: 1200px) {
  /* letter-spacing */
  .letterspacing-xl-1 { letter-spacing: .01rem !important; }
  .letterspacing-xl-2 { letter-spacing: .03rem !important; }
  .letterspacing-xl-3 { letter-spacing: .05rem !important; }
  .letterspacing-xl-4 { letter-spacing: .07rem !important; }
  .letterspacing-xl-5 { letter-spacing: .09rem !important; }
  .letterspacing-xl--1 { letter-spacing: -.01rem !important; }
  .letterspacing-xl--2 { letter-spacing: -.03rem !important; }
  .letterspacing-xl--3 { letter-spacing: -.05rem !important; }
  .letterspacing-xl--4 { letter-spacing: -.07rem !important; }
  .letterspacing-xl--5 { letter-spacing: -.09rem !important; }
  .letterspacing-xl-initial { letter-spacing: initial !important; }
  .letterspacing-xl-inherit { letter-spacing: inherit !important; }
}

/* line-height */
.lineheight-8 { line-height: 8px !important; }
.lineheight-9 { line-height: 9px !important; }
.lineheight-10 { line-height: 10px !important; }
.lineheight-11 { line-height: 11px !important; }
.lineheight-12 { line-height: 12px !important; }
.lineheight-13 { line-height: 13px !important; }
.lineheight-14 { line-height: 14px !important; }
.lineheight-15 { line-height: 15px !important; }
.lineheight-16 { line-height: 16px !important; }
.lineheight-17 { line-height: 17px !important; }
.lineheight-18 { line-height: 18px !important; }
.lineheight-19 { line-height: 19px !important; }
.lineheight-20 { line-height: 20px !important; }
.lineheight-21 { line-height: 21px !important; }
.lineheight-22 { line-height: 22px !important; }
.lineheight-23 { line-height: 23px !important; }
.lineheight-24 { line-height: 24px !important; }
.lineheight-25 { line-height: 25px !important; }
.lineheight-26 { line-height: 26px !important; }
.lineheight-27 { line-height: 27px !important; }
.lineheight-28 { line-height: 28px !important; }
.lineheight-29 { line-height: 29px !important; }
.lineheight-30 { line-height: 30px !important; }
.lineheight-31 { line-height: 31px !important; }
.lineheight-32 { line-height: 32px !important; }
.lineheight-33 { line-height: 33px !important; }
.lineheight-34 { line-height: 34px !important; }
.lineheight-35 { line-height: 35px !important; }
.lineheight-36 { line-height: 36px !important; }
.lineheight-37 { line-height: 37px !important; }
.lineheight-38 { line-height: 38px !important; }
.lineheight-39 { line-height: 39px !important; }
.lineheight-40 { line-height: 40px !important; }
.lineheight-41 { line-height: 41px !important; }
.lineheight-42 { line-height: 42px !important; }
.lineheight-43 { line-height: 43px !important; }
.lineheight-44 { line-height: 44px !important; }
.lineheight-45 { line-height: 45px !important; }
.lineheight-46 { line-height: 46px !important; }
.lineheight-47 { line-height: 47px !important; }
.lineheight-48 { line-height: 48px !important; }
.lineheight-49 { line-height: 49px !important; }
.lineheight-50 { line-height: 50px !important; }
.lineheight-initial { line-height: initial !important; }
.lineheight-inherit { line-height: inherit !important; }
@media (min-width: 576px) {
  /* line-height */
  .lineheight-sm-8 { line-height: 8px !important; }
  .lineheight-sm-9 { line-height: 9px !important; }
  .lineheight-sm-10 { line-height: 10px !important; }
  .lineheight-sm-11 { line-height: 11px !important; }
  .lineheight-sm-12 { line-height: 12px !important; }
  .lineheight-sm-13 { line-height: 13px !important; }
  .lineheight-sm-14 { line-height: 14px !important; }
  .lineheight-sm-15 { line-height: 15px !important; }
  .lineheight-sm-16 { line-height: 16px !important; }
  .lineheight-sm-17 { line-height: 17px !important; }
  .lineheight-sm-18 { line-height: 18px !important; }
  .lineheight-sm-19 { line-height: 19px !important; }
  .lineheight-sm-20 { line-height: 20px !important; }
  .lineheight-sm-21 { line-height: 21px !important; }
  .lineheight-sm-22 { line-height: 22px !important; }
  .lineheight-sm-23 { line-height: 23px !important; }
  .lineheight-sm-24 { line-height: 24px !important; }
  .lineheight-sm-25 { line-height: 25px !important; }
  .lineheight-sm-26 { line-height: 26px !important; }
  .lineheight-sm-27 { line-height: 27px !important; }
  .lineheight-sm-28 { line-height: 28px !important; }
  .lineheight-sm-29 { line-height: 29px !important; }
  .lineheight-sm-30 { line-height: 30px !important; }
  .lineheight-sm-31 { line-height: 31px !important; }
  .lineheight-sm-32 { line-height: 32px !important; }
  .lineheight-sm-33 { line-height: 33px !important; }
  .lineheight-sm-34 { line-height: 34px !important; }
  .lineheight-sm-35 { line-height: 35px !important; }
  .lineheight-sm-36 { line-height: 36px !important; }
  .lineheight-sm-37 { line-height: 37px !important; }
  .lineheight-sm-38 { line-height: 38px !important; }
  .lineheight-sm-39 { line-height: 39px !important; }
  .lineheight-sm-40 { line-height: 40px !important; }
  .lineheight-sm-41 { line-height: 41px !important; }
  .lineheight-sm-42 { line-height: 42px !important; }
  .lineheight-sm-43 { line-height: 43px !important; }
  .lineheight-sm-44 { line-height: 44px !important; }
  .lineheight-sm-45 { line-height: 45px !important; }
  .lineheight-sm-46 { line-height: 46px !important; }
  .lineheight-sm-47 { line-height: 47px !important; }
  .lineheight-sm-48 { line-height: 48px !important; }
  .lineheight-sm-49 { line-height: 49px !important; }
  .lineheight-sm-50 { line-height: 50px !important; }
  .lineheight-sm-initial { line-height: initial !important; }
  .lineheight-sm-inherit { line-height: inherit !important; }
}
@media (min-width: 768px) {
  /* line-height */
  .lineheight-md-8 { line-height: 8px !important; }
  .lineheight-md-9 { line-height: 9px !important; }
  .lineheight-md-10 { line-height: 10px !important; }
  .lineheight-md-11 { line-height: 11px !important; }
  .lineheight-md-12 { line-height: 12px !important; }
  .lineheight-md-13 { line-height: 13px !important; }
  .lineheight-md-14 { line-height: 14px !important; }
  .lineheight-md-15 { line-height: 15px !important; }
  .lineheight-md-16 { line-height: 16px !important; }
  .lineheight-md-17 { line-height: 17px !important; }
  .lineheight-md-18 { line-height: 18px !important; }
  .lineheight-md-19 { line-height: 19px !important; }
  .lineheight-md-20 { line-height: 20px !important; }
  .lineheight-md-21 { line-height: 21px !important; }
  .lineheight-md-22 { line-height: 22px !important; }
  .lineheight-md-23 { line-height: 23px !important; }
  .lineheight-md-24 { line-height: 24px !important; }
  .lineheight-md-25 { line-height: 25px !important; }
  .lineheight-md-26 { line-height: 26px !important; }
  .lineheight-md-27 { line-height: 27px !important; }
  .lineheight-md-28 { line-height: 28px !important; }
  .lineheight-md-29 { line-height: 29px !important; }
  .lineheight-md-30 { line-height: 30px !important; }
  .lineheight-md-31 { line-height: 31px !important; }
  .lineheight-md-32 { line-height: 32px !important; }
  .lineheight-md-33 { line-height: 33px !important; }
  .lineheight-md-34 { line-height: 34px !important; }
  .lineheight-md-35 { line-height: 35px !important; }
  .lineheight-md-36 { line-height: 36px !important; }
  .lineheight-md-37 { line-height: 37px !important; }
  .lineheight-md-38 { line-height: 38px !important; }
  .lineheight-md-39 { line-height: 39px !important; }
  .lineheight-md-40 { line-height: 40px !important; }
  .lineheight-md-41 { line-height: 41px !important; }
  .lineheight-md-42 { line-height: 42px !important; }
  .lineheight-md-43 { line-height: 43px !important; }
  .lineheight-md-44 { line-height: 44px !important; }
  .lineheight-md-45 { line-height: 45px !important; }
  .lineheight-md-46 { line-height: 46px !important; }
  .lineheight-md-47 { line-height: 47px !important; }
  .lineheight-md-48 { line-height: 48px !important; }
  .lineheight-md-49 { line-height: 49px !important; }
  .lineheight-md-50 { line-height: 50px !important; }
  .lineheight-md-initial { line-height: initial !important; }
  .lineheight-md-inherit { line-height: inherit !important; }
}
@media (min-width: 992px) {
  /* line-height */
  .lineheight-lg-8 { line-height: 8px !important; }
  .lineheight-lg-9 { line-height: 9px !important; }
  .lineheight-lg-10 { line-height: 10px !important; }
  .lineheight-lg-11 { line-height: 11px !important; }
  .lineheight-lg-12 { line-height: 12px !important; }
  .lineheight-lg-13 { line-height: 13px !important; }
  .lineheight-lg-14 { line-height: 14px !important; }
  .lineheight-lg-15 { line-height: 15px !important; }
  .lineheight-lg-16 { line-height: 16px !important; }
  .lineheight-lg-17 { line-height: 17px !important; }
  .lineheight-lg-18 { line-height: 18px !important; }
  .lineheight-lg-19 { line-height: 19px !important; }
  .lineheight-lg-20 { line-height: 20px !important; }
  .lineheight-lg-21 { line-height: 21px !important; }
  .lineheight-lg-22 { line-height: 22px !important; }
  .lineheight-lg-23 { line-height: 23px !important; }
  .lineheight-lg-24 { line-height: 24px !important; }
  .lineheight-lg-25 { line-height: 25px !important; }
  .lineheight-lg-26 { line-height: 26px !important; }
  .lineheight-lg-27 { line-height: 27px !important; }
  .lineheight-lg-28 { line-height: 28px !important; }
  .lineheight-lg-29 { line-height: 29px !important; }
  .lineheight-lg-30 { line-height: 30px !important; }
  .lineheight-lg-31 { line-height: 31px !important; }
  .lineheight-lg-32 { line-height: 32px !important; }
  .lineheight-lg-33 { line-height: 33px !important; }
  .lineheight-lg-34 { line-height: 34px !important; }
  .lineheight-lg-35 { line-height: 35px !important; }
  .lineheight-lg-36 { line-height: 36px !important; }
  .lineheight-lg-37 { line-height: 37px !important; }
  .lineheight-lg-38 { line-height: 38px !important; }
  .lineheight-lg-39 { line-height: 39px !important; }
  .lineheight-lg-40 { line-height: 40px !important; }
  .lineheight-lg-41 { line-height: 41px !important; }
  .lineheight-lg-42 { line-height: 42px !important; }
  .lineheight-lg-43 { line-height: 43px !important; }
  .lineheight-lg-44 { line-height: 44px !important; }
  .lineheight-lg-45 { line-height: 45px !important; }
  .lineheight-lg-46 { line-height: 46px !important; }
  .lineheight-lg-47 { line-height: 47px !important; }
  .lineheight-lg-48 { line-height: 48px !important; }
  .lineheight-lg-49 { line-height: 49px !important; }
  .lineheight-lg-50 { line-height: 50px !important; }
  .lineheight-lg-initial { line-height: initial !important; }
  .lineheight-lg-inherit { line-height: inherit !important; }
}
@media (min-width: 1200px) {
  /* line-height */
  .lineheight-xl-8 { line-height: 8px !important; }
  .lineheight-xl-9 { line-height: 9px !important; }
  .lineheight-xl-10 { line-height: 10px !important; }
  .lineheight-xl-11 { line-height: 11px !important; }
  .lineheight-xl-12 { line-height: 12px !important; }
  .lineheight-xl-13 { line-height: 13px !important; }
  .lineheight-xl-14 { line-height: 14px !important; }
  .lineheight-xl-15 { line-height: 15px !important; }
  .lineheight-xl-16 { line-height: 16px !important; }
  .lineheight-xl-17 { line-height: 17px !important; }
  .lineheight-xl-18 { line-height: 18px !important; }
  .lineheight-xl-19 { line-height: 19px !important; }
  .lineheight-xl-20 { line-height: 20px !important; }
  .lineheight-xl-21 { line-height: 21px !important; }
  .lineheight-xl-22 { line-height: 22px !important; }
  .lineheight-xl-23 { line-height: 23px !important; }
  .lineheight-xl-24 { line-height: 24px !important; }
  .lineheight-xl-25 { line-height: 25px !important; }
  .lineheight-xl-26 { line-height: 26px !important; }
  .lineheight-xl-27 { line-height: 27px !important; }
  .lineheight-xl-28 { line-height: 28px !important; }
  .lineheight-xl-29 { line-height: 29px !important; }
  .lineheight-xl-30 { line-height: 30px !important; }
  .lineheight-xl-31 { line-height: 31px !important; }
  .lineheight-xl-32 { line-height: 32px !important; }
  .lineheight-xl-33 { line-height: 33px !important; }
  .lineheight-xl-34 { line-height: 34px !important; }
  .lineheight-xl-35 { line-height: 35px !important; }
  .lineheight-xl-36 { line-height: 36px !important; }
  .lineheight-xl-37 { line-height: 37px !important; }
  .lineheight-xl-38 { line-height: 38px !important; }
  .lineheight-xl-39 { line-height: 39px !important; }
  .lineheight-xl-40 { line-height: 40px !important; }
  .lineheight-xl-41 { line-height: 41px !important; }
  .lineheight-xl-42 { line-height: 42px !important; }
  .lineheight-xl-43 { line-height: 43px !important; }
  .lineheight-xl-44 { line-height: 44px !important; }
  .lineheight-xl-45 { line-height: 45px !important; }
  .lineheight-xl-46 { line-height: 46px !important; }
  .lineheight-xl-47 { line-height: 47px !important; }
  .lineheight-xl-48 { line-height: 48px !important; }
  .lineheight-xl-49 { line-height: 49px !important; }
  .lineheight-xl-50 { line-height: 50px !important; }
  .lineheight-xl-initial { line-height: initial !important; }
  .lineheight-xl-inherit { line-height: inherit !important; }
}

/* height */
.height-8 { height: 8px !important; }
.height-9 { height: 9px !important; }
.height-10 { height: 10px !important; }
.height-11 { height: 11px !important; }
.height-12 { height: 12px !important; }
.height-13 { height: 13px !important; }
.height-14 { height: 14px !important; }
.height-15 { height: 15px !important; }
.height-16 { height: 16px !important; }
.height-17 { height: 17px !important; }
.height-18 { height: 18px !important; }
.height-19 { height: 19px !important; }
.height-20 { height: 20px !important; }
.height-21 { height: 21px !important; }
.height-22 { height: 22px !important; }
.height-23 { height: 23px !important; }
.height-24 { height: 24px !important; }
.height-25 { height: 25px !important; }
.height-26 { height: 26px !important; }
.height-27 { height: 27px !important; }
.height-28 { height: 28px !important; }
.height-29 { height: 29px !important; }
.height-30 { height: 30px !important; }
.height-31 { height: 31px !important; }
.height-32 { height: 32px !important; }
.height-33 { height: 33px !important; }
.height-34 { height: 34px !important; }
.height-35 { height: 35px !important; }
.height-36 { height: 36px !important; }
.height-37 { height: 37px !important; }
.height-38 { height: 38px !important; }
.height-39 { height: 39px !important; }
.height-40 { height: 40px !important; }
.height-41 { height: 41px !important; }
.height-42 { height: 42px !important; }
.height-43 { height: 43px !important; }
.height-44 { height: 44px !important; }
.height-45 { height: 45px !important; }
.height-46 { height: 46px !important; }
.height-47 { height: 47px !important; }
.height-48 { height: 48px !important; }
.height-49 { height: 49px !important; }
.height-50 { height: 50px !important; }
.height-initial { height: initial !important; }
.height-inherit { height: inherit !important; }
@media (min-width: 576px) {
  .height-sm-8 { height: 8px !important; }
  .height-sm-9 { height: 9px !important; }
  .height-sm-10 { height: 10px !important; }
  .height-sm-11 { height: 11px !important; }
  .height-sm-12 { height: 12px !important; }
  .height-sm-13 { height: 13px !important; }
  .height-sm-14 { height: 14px !important; }
  .height-sm-15 { height: 15px !important; }
  .height-sm-16 { height: 16px !important; }
  .height-sm-17 { height: 17px !important; }
  .height-sm-18 { height: 18px !important; }
  .height-sm-19 { height: 19px !important; }
  .height-sm-20 { height: 20px !important; }
  .height-sm-21 { height: 21px !important; }
  .height-sm-22 { height: 22px !important; }
  .height-sm-23 { height: 23px !important; }
  .height-sm-24 { height: 24px !important; }
  .height-sm-25 { height: 25px !important; }
  .height-sm-26 { height: 26px !important; }
  .height-sm-27 { height: 27px !important; }
  .height-sm-28 { height: 28px !important; }
  .height-sm-29 { height: 29px !important; }
  .height-sm-30 { height: 30px !important; }
  .height-sm-31 { height: 31px !important; }
  .height-sm-32 { height: 32px !important; }
  .height-sm-33 { height: 33px !important; }
  .height-sm-34 { height: 34px !important; }
  .height-sm-35 { height: 35px !important; }
  .height-sm-36 { height: 36px !important; }
  .height-sm-37 { height: 37px !important; }
  .height-sm-38 { height: 38px !important; }
  .height-sm-39 { height: 39px !important; }
  .height-sm-40 { height: 40px !important; }
  .height-sm-41 { height: 41px !important; }
  .height-sm-42 { height: 42px !important; }
  .height-sm-43 { height: 43px !important; }
  .height-sm-44 { height: 44px !important; }
  .height-sm-45 { height: 45px !important; }
  .height-sm-46 { height: 46px !important; }
  .height-sm-47 { height: 47px !important; }
  .height-sm-48 { height: 48px !important; }
  .height-sm-49 { height: 49px !important; }
  .height-sm-50 { height: 50px !important; }
  .height-sm-initial { height: initial !important; }
  .height-sm-inherit { height: inherit !important; }
}
@media (min-width: 768px) {
  .height-md-8 { height: 8px !important; }
  .height-md-9 { height: 9px !important; }
  .height-md-10 { height: 10px !important; }
  .height-md-11 { height: 11px !important; }
  .height-md-12 { height: 12px !important; }
  .height-md-13 { height: 13px !important; }
  .height-md-14 { height: 14px !important; }
  .height-md-15 { height: 15px !important; }
  .height-md-16 { height: 16px !important; }
  .height-md-17 { height: 17px !important; }
  .height-md-18 { height: 18px !important; }
  .height-md-19 { height: 19px !important; }
  .height-md-20 { height: 20px !important; }
  .height-md-21 { height: 21px !important; }
  .height-md-22 { height: 22px !important; }
  .height-md-23 { height: 23px !important; }
  .height-md-24 { height: 24px !important; }
  .height-md-25 { height: 25px !important; }
  .height-md-26 { height: 26px !important; }
  .height-md-27 { height: 27px !important; }
  .height-md-28 { height: 28px !important; }
  .height-md-29 { height: 29px !important; }
  .height-md-30 { height: 30px !important; }
  .height-md-31 { height: 31px !important; }
  .height-md-32 { height: 32px !important; }
  .height-md-33 { height: 33px !important; }
  .height-md-34 { height: 34px !important; }
  .height-md-35 { height: 35px !important; }
  .height-md-36 { height: 36px !important; }
  .height-md-37 { height: 37px !important; }
  .height-md-38 { height: 38px !important; }
  .height-md-39 { height: 39px !important; }
  .height-md-40 { height: 40px !important; }
  .height-md-41 { height: 41px !important; }
  .height-md-42 { height: 42px !important; }
  .height-md-43 { height: 43px !important; }
  .height-md-44 { height: 44px !important; }
  .height-md-45 { height: 45px !important; }
  .height-md-46 { height: 46px !important; }
  .height-md-47 { height: 47px !important; }
  .height-md-48 { height: 48px !important; }
  .height-md-49 { height: 49px !important; }
  .height-md-50 { height: 50px !important; }
  .height-md-initial { height: initial !important; }
  .height-md-inherit { height: inherit !important; }
}
@media (min-width: 992px) {
  .height-lg-8 { height: 8px !important; }
  .height-lg-9 { height: 9px !important; }
  .height-lg-10 { height: 10px !important; }
  .height-lg-11 { height: 11px !important; }
  .height-lg-12 { height: 12px !important; }
  .height-lg-13 { height: 13px !important; }
  .height-lg-14 { height: 14px !important; }
  .height-lg-15 { height: 15px !important; }
  .height-lg-16 { height: 16px !important; }
  .height-lg-17 { height: 17px !important; }
  .height-lg-18 { height: 18px !important; }
  .height-lg-19 { height: 19px !important; }
  .height-lg-20 { height: 20px !important; }
  .height-lg-21 { height: 21px !important; }
  .height-lg-22 { height: 22px !important; }
  .height-lg-23 { height: 23px !important; }
  .height-lg-24 { height: 24px !important; }
  .height-lg-25 { height: 25px !important; }
  .height-lg-26 { height: 26px !important; }
  .height-lg-27 { height: 27px !important; }
  .height-lg-28 { height: 28px !important; }
  .height-lg-29 { height: 29px !important; }
  .height-lg-30 { height: 30px !important; }
  .height-lg-31 { height: 31px !important; }
  .height-lg-32 { height: 32px !important; }
  .height-lg-33 { height: 33px !important; }
  .height-lg-34 { height: 34px !important; }
  .height-lg-35 { height: 35px !important; }
  .height-lg-36 { height: 36px !important; }
  .height-lg-37 { height: 37px !important; }
  .height-lg-38 { height: 38px !important; }
  .height-lg-39 { height: 39px !important; }
  .height-lg-40 { height: 40px !important; }
  .height-lg-41 { height: 41px !important; }
  .height-lg-42 { height: 42px !important; }
  .height-lg-43 { height: 43px !important; }
  .height-lg-44 { height: 44px !important; }
  .height-lg-45 { height: 45px !important; }
  .height-lg-46 { height: 46px !important; }
  .height-lg-47 { height: 47px !important; }
  .height-lg-48 { height: 48px !important; }
  .height-lg-49 { height: 49px !important; }
  .height-lg-50 { height: 50px !important; }
  .height-lg-initial { height: initial !important; }
  .height-lg-inherit { height: inherit !important; }
}
@media (min-width: 1200px) {
  .height-xl-8 { height: 8px !important; }
  .height-xl-9 { height: 9px !important; }
  .height-xl-10 { height: 10px !important; }
  .height-xl-11 { height: 11px !important; }
  .height-xl-12 { height: 12px !important; }
  .height-xl-13 { height: 13px !important; }
  .height-xl-14 { height: 14px !important; }
  .height-xl-15 { height: 15px !important; }
  .height-xl-16 { height: 16px !important; }
  .height-xl-17 { height: 17px !important; }
  .height-xl-18 { height: 18px !important; }
  .height-xl-19 { height: 19px !important; }
  .height-xl-20 { height: 20px !important; }
  .height-xl-21 { height: 21px !important; }
  .height-xl-22 { height: 22px !important; }
  .height-xl-23 { height: 23px !important; }
  .height-xl-24 { height: 24px !important; }
  .height-xl-25 { height: 25px !important; }
  .height-xl-26 { height: 26px !important; }
  .height-xl-27 { height: 27px !important; }
  .height-xl-28 { height: 28px !important; }
  .height-xl-29 { height: 29px !important; }
  .height-xl-30 { height: 30px !important; }
  .height-xl-31 { height: 31px !important; }
  .height-xl-32 { height: 32px !important; }
  .height-xl-33 { height: 33px !important; }
  .height-xl-34 { height: 34px !important; }
  .height-xl-35 { height: 35px !important; }
  .height-xl-36 { height: 36px !important; }
  .height-xl-37 { height: 37px !important; }
  .height-xl-38 { height: 38px !important; }
  .height-xl-39 { height: 39px !important; }
  .height-xl-40 { height: 40px !important; }
  .height-xl-41 { height: 41px !important; }
  .height-xl-42 { height: 42px !important; }
  .height-xl-43 { height: 43px !important; }
  .height-xl-44 { height: 44px !important; }
  .height-xl-45 { height: 45px !important; }
  .height-xl-46 { height: 46px !important; }
  .height-xl-47 { height: 47px !important; }
  .height-xl-48 { height: 48px !important; }
  .height-xl-49 { height: 49px !important; }
  .height-xl-50 { height: 50px !important; }
  .height-xl-initial { height: initial !important; }
  .height-xl-inherit { height: inherit !important; }
}

/* ellipsis */
.ellipsis {
  -webkit-line-clamp: 1;
  overflow:hidden;            /* "overflow" value must be different from "visible" */ 
  text-overflow:ellipsis;     /* IE, Safari */
  -o-text-overflow:ellipsis;      /* Opera under 10.7 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-binding: url('ellipsis.xml#ellipsis');
}
.ellipsis-2 {
  -webkit-line-clamp: 2;
}
.ellipsis-3 {
  -webkit-line-clamp: 3;
}
.ellipsis-4 {
  -webkit-line-clamp: 4;
}
.ellipsis-5 {
  -webkit-line-clamp: 5;
}

/* max-width */
.max-300 {
  max-width: 300px;
}.max-400 {
  max-width: 400px;
}.max-500 {
  max-width: 500px;
}.max-600 {
  max-width: 600px;
}
.max-320 {
  max-width: 320px;
}.max-512 {
  max-width: 512px;
}.max-540 {
  max-width: 540px;
}.max-640 {
  max-width: 640px;
}.max-800 {
  max-width: 800px;
}
.max-576 {
  max-width: 576px;
}.max-768 {
  max-width: 768px;
}.max-992 {
  max-width: 992px;
}.max-1200 {
  max-width: 1200px;
}.max-1400 {
  max-width: 1400px;
}

/* cursor */
.cursor-alias {cursor: alias !important;}
.cursor-all-scroll {cursor: all-scroll !important;}
.cursor-auto {cursor: auto !important;}
.cursor-cell {cursor: cell !important;}
.cursor-context-menu {cursor: context-menu !important;}
.cursor-col-resize {cursor: col-resize !important;}
.cursor-copy {cursor: copy !important;}
.cursor-crosshair {cursor: crosshair !important;}
.cursor-default {cursor: default !important;}
.cursor-e-resize {cursor: e-resize !important;}
.cursor-ew-resize {cursor: ew-resize !important;}
.cursor-grab {cursor: -webkit-grab !important; cursor: grab !important;}
.cursor-grabbing {cursor: -webkit-grabbing !important; cursor: grabbing !important;}
.cursor-help {cursor: help !important;}
.cursor-move {cursor: move !important;}
.cursor-n-resize {cursor: n-resize !important;}
.cursor-ne-resize {cursor: ne-resize !important;}
.cursor-nesw-resize {cursor: nesw-resize !important;}
.cursor-ns-resize {cursor: ns-resize !important;}
.cursor-nw-resize {cursor: nw-resize !important;}
.cursor-nwse-resize {cursor: nwse-resize !important;}
.cursor-no-drop {cursor: no-drop !important;}
.cursor-none {cursor: none !important;}
.cursor-not-allowed {cursor: not-allowed !important;}
.cursor-pointer {cursor: pointer !important;}
.cursor-progress {cursor: progress !important;}
.cursor-row-resize {cursor: row-resize !important;}
.cursor-s-resize {cursor: s-resize !important;}
.cursor-se-resize {cursor: se-resize !important;}
.cursor-sw-resize {cursor: sw-resize !important;}
.cursor-text {cursor: text !important;}
.cursor-w-resize {cursor: w-resize !important;}
.cursor-wait {cursor: wait !important;}
.cursor-zoom-in {cursor: zoom-in !important;}
.cursor-zoom-out {cursor: zoom-out !important;}

/* aspect rato box */
.naspectbox {
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 0;
  display: block;
}.naspectbox > img{
  /*position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}.naspectbox > .content{
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.naspectbox-rato-5by1 {
  padding-top: 20%;
}
.naspectbox-rato-24by9, .naspectbox-rato-8by3 {
  padding-top: 37.5%;
}
.naspectbox-rato-21by9, .naspectbox-rato-7by3 {
  padding-top: 42.857143%;
}
.naspectbox-rato-18by9, .naspectbox-rato-2by1 {
  padding-top: 50%;
}
.naspectbox-rato-16by9 {
  padding-top: 56.25%;
}
.naspectbox-rato-10by6 {
  padding-top: 60%;
}
.naspectbox-rato-14by9 {
  padding-top: 64%;
}
.naspectbox-rato-18by27 {
  padding-top: 66%;
}
.naspectbox-rato-4by3 {
  padding-top: 75%;
}
.naspectbox-rato-1by1 {
  padding-top: 100%;
}
.naspectbox-portrait {
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 0;
  display: block;
}.naspectbox-portrait > img{
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  height: 100%;
  width: auto;
  max-width: none;
}.naspectbox-portrait > .content{
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.naspectbox-portrait.naspectbox-rato-24by9, .naspectbox-portrait.naspectbox-rato-8by3 {
  padding-top: 266%;
}
.naspectbox-portrait.naspectbox-rato-21by9, .naspectbox-portrait.naspectbox-rato-7by3 {
  padding-top: 233%;
}
.naspectbox-portrait.naspectbox-rato-18by9, .naspectbox-portrait.naspectbox-rato-2by1 {
  padding-top: 200%;
}
.naspectbox-portrait.naspectbox-rato-16by9 {
  padding-top: 177%;
}
.naspectbox-portrait.naspectbox-rato-10by6 {
  padding-top: 166%;
}
.naspectbox-portrait.naspectbox-rato-14by9 {
  padding-top: 155%;
}
.naspectbox-portrait.naspectbox-rato-18by27 {
  padding-top: 150%;
}
.naspectbox-portrait.naspectbox-rato-4by3 {
  padding-top: 130%;
}


/* animate css */
.s900,.animate__s900 {
  -webkit-animation-duration: 900ms;
  animation-duration: 900ms;
  transition-duration: 900ms;
}.s800,.animate__s800 {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  transition-duration: 800ms;
}.s700,.animate__s700 {
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  transition-duration: 700ms;
}.s600,.animate__s600 {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  transition-duration: 600ms;
}.s500,.animate__s500 {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  transition-duration: 500ms;
}.s400,.animate__s400 {
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  transition-duration: 400ms;
}.s300,.animate__s300 {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  transition-duration: 300ms;
}.s200,.animate__s200 {
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  transition-duration: 200ms;
}.s100,.animate__s100 {
  -webkit-animation-duration: 100ms;
  animation-duration: 100ms;
  transition-duration: 100ms;
}.s0,.animate__s0 {
  -webkit-animation-duration: 0ms;
  animation-duration: 0ms;
  transition-duration: 0ms;
}.s3000,.animate__s3000 {
  -webkit-animation-duration: 3000ms;
  animation-duration: 3000ms;
  transition-duration: 3000ms;
}


/* marquee */
.marquee {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}.marquee > div {
  margin: 0;
  display: inline-block;
  padding-left: 100%;
  text-indent: 0;
  animation-name: marquee;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  flex-shrink: 0;
  animation-delay: 1s;
  width: auto;
}.marquee > div:hover {
  /*animation-play-state: paused;*/
}
@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}

/* ms fix */
::-ms-clear {
  display: none;
}

/* placeholder */
::placeholder {
  color: #999 !important;
}

.material-icons {
  font-size: inherit;
  line-height: inherit;
}

/* Bootstrap ----------------------------------------------------------- */
*:focus {
  outline: none !important; 
  box-shadow: none !important;
}
input {
  outline: none !important; 
}
.rounded-1 { border-radius: 1px; }
.rounded-2 { border-radius: 2px; }
.rounded-3 { border-radius: 3px; }
.rounded-4 { border-radius: 4px; }
.rounded-5 { border-radius: 5px; }
.rounded-6 { border-radius: 6px; }
.rounded-7 { border-radius: 7px; }
.rounded-8 { border-radius: 8px; }
.rounded-9 { border-radius: 9px; }
.rounded-10 { border-radius: 10px; }
.rounded-11 { border-radius: 11px; }
.rounded-12 { border-radius: 12px; }
.rounded-13 { border-radius: 13px; }
.rounded-14 { border-radius: 14px; }
.rounded-15 { border-radius: 15px; }
.rounded-16 { border-radius: 16px; }
.rounded-17 { border-radius: 17px; }
.rounded-18 { border-radius: 18px; }
.rounded-19 { border-radius: 19px; }
.rounded-20 { border-radius: 20px; }
.rounded-21 { border-radius: 21px; }
.rounded-22 { border-radius: 22px; }
.rounded-23 { border-radius: 23px; }
.rounded-24 { border-radius: 24px; }
.rounded-25 { border-radius: 25px; }
.rounded-26 { border-radius: 26px; }
.rounded-27 { border-radius: 27px; }
.rounded-28 { border-radius: 28px; }
.rounded-29 { border-radius: 29px; }
.rounded-30 { border-radius: 30px; }
.rounded-31 { border-radius: 31px; }
.rounded-32 { border-radius: 32px; }
.rounded-33 { border-radius: 33px; }
.rounded-34 { border-radius: 34px; }
.rounded-35 { border-radius: 35px; }
.rounded-36 { border-radius: 36px; }
.rounded-37 { border-radius: 37px; }
.rounded-38 { border-radius: 38px; }
.rounded-39 { border-radius: 39px; }
.rounded-40 { border-radius: 40px; }
.rounded-top-0 { 
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.rounded-bottom-0 { 
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* opacity */
.opacity-10 { opacity:0.1; }
.opacity-20 { opacity:0.2; }
.opacity-30 { opacity:0.3; }
.opacity-40 { opacity:0.4; }
.opacity-50 { opacity:0.5; }
.opacity-60 { opacity:0.6; }
.opacity-70 { opacity:0.7; }
.opacity-80 { opacity:0.8; }
.opacity-90 { opacity:0.9; }

a { 
  color: inherit;
}a:hover {
  color: inherit;
}
a[name],a[_href],a[_popup],a[_open] { 
  cursor: pointer;
}

/* btn */
.btn {
  font-size: inherit;
}
/* btn-xs */
.btn-xs {
  padding: .1rem .3rem;
  line-height: 1.5;
  font-size: 0.688rem;
}/* btn-sm */
.btn-sm {
  font-size: 0.813rem;
}/* btn-lg */
.btn-lg {
  font-size: 1.25rem;
}
/* btn-pure */
.btn.btn-pure {
  display: inline;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
  vertical-align: inherit;
  cursor: inherit;
  background-color: none;
  border: 0;
  padding: 0;
  line-height: inherit;
  border-radius: 0;
  transition: none;
  text-decoration: none;
}.btn.btn-pure:hover {
  color: inherit;
  text-decoration: none;
}.btn.btn-pure:focus, .btn.btn-pure.focus {
  outline: 0;
  box-shadow: none;
}
/* btn-circle */
.btn-circle {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}.btn-circle i {
  position: relative;
  top: -1px;
}.btn-circle-xs {
  width: 25px;
  height: 25px;
  line-height: 25px;
}.btn-circle-sm {
  width: 35px;
  height: 35px;
  line-height: 35px;
}.btn-circle-lg {
  width: 55px;
  height: 55px;
  line-height: 55px;
}.btn-circle-xl {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
/* btn-rounded */
.btn-rounded {
  border-radius: 10rem;
}
/* btn-hover */
.btn-hover {
  position: relative;
}.btn-hover:hover:before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,0.2);
  mix-blend-mode: overlay;
}
/* btn-gradient (https://gradientbuttons.colorion.co/) */
.btn-gradient {
  transition: 0.15s ease-in-out;
  z-index: 1;
  color: white;
  background-size: 200% auto;
  background-position: left center;
  border: 0;
}.btn-gradient:hover {
  background-position: right center;
  color: white;
}
.btn-gradient-peach {
  background-image: linear-gradient(135deg, #ecc344 25%, #e42d7f 95%);
}.btn-gradient-green {
  background-image: linear-gradient(135deg, #45B649 0%, #DCE35B 51%, #45B649 100%);
}.btn-gradient-purple {
  background-image: linear-gradient(135deg, #e32d76 25%, #648fe6 95%);
}.btn-gradient-aqua {
  background-image: linear-gradient(135deg, #00C9FF 0%, #e0dfb3 51%, #2BC0E4 100%);
}.btn-gradient-sky {
  background-image: linear-gradient(135deg, #6190E8 0%, #A7BFE8 51%, #6190E8 100%);
}.btn-gradient-all {
  background-image: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
  background-size: 600%;
  -webkit-animation: gradientanime 16s linear infinite;
          animation: gradientanime 16s linear infinite;
}
.btn-outline-gradient {
  transition: 0.15s ease-in-out;
  color: white;
  border: solid 2px transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-size: 200% auto;
}.btn-outline-gradient:hover {
  background-position: right center;
  color: white;
}.btn-outline-gradient.btn-gradient-peach {
  background-image: linear-gradient(white, white), linear-gradient(135deg, #ecc344 25%, #e42d7f 95%);
}.btn-outline-gradient.btn-gradient-green {
  background-image: linear-gradient(white, white), linear-gradient(135deg, #45B649 0%, #DCE35B 51%, #45B649 100%);
}.btn-outline-gradient.btn-gradient-purple {
  background-image: linear-gradient(white, white), linear-gradient(135deg, #e32d76 25%, #648fe6 95%);
}.btn-outline-gradient.btn-gradient-aqua {
  background-image: linear-gradient(white, white), linear-gradient(135deg, #00C9FF 0%, #e0dfb3 51%, #2BC0E4 100%);
}.btn-outline-gradient.btn-gradient-sky {
  background-image: linear-gradient(white, white), linear-gradient(135deg, #6190E8 0%, #A7BFE8 51%, #6190E8 100%);
}.btn-outline-gradient.btn-gradient-all {
  background-image: linear-gradient(white, white), linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
  background-size: 600%;
  -webkit-animation: gradientanime 16s linear infinite;
          animation: gradientanime 16s linear infinite;
}


@-webkit-keyframes gradientanime {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradientanime {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* btn-pop */
.btn-pop, .btn-pop:focus {
  transition: 0s;
  -webkit-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  outline: 0;
}.btn-pop:after {
  content:'';
  display:block;
  height:3px;
}.btn-pop:active {
  -webkit-box-shadow: inset 0px -1px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: inset 0px -1px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: inset 0px -1px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: inset 0px -1px 0px 0px rgba(10,10,10,0.3) !important;
}.btn-pop:active:after {
  content:'';
  display:block;
  height:1px;
}.btn-pop-hover {
  transition: 0.15s ease-in-out;
  -webkit-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.0) !important;
  -moz-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.0) !important;
  -o-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.0) !important;
  box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.0) !important;
  outline: 0;
}.btn-pop-hover:after {
  transition: 0.15s ease-in-out;
  content:'';
  display:block;
  height:0px;
}.btn-pop-hover:hover {
  -webkit-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  margin-top: -3px;
}.btn-pop-hover:hover:after {
  content:'';
  display:block;
  height:3px;
}
.btn-pop-5, .btn-pop-5:focus {
  transition: 0s;
  -webkit-box-shadow: inset 0px -5px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: inset 0px -5px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: inset 0px -5px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: inset 0px -5px 0px 0px rgba(10,10,10,0.3) !important;
}.btn-pop-5:after {
  content:'';
  display:block;
  height:5px;
}.btn-pop-5:active {
  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: inset 0px -2px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: inset 0px -2px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: inset 0px -2px 0px 0px rgba(10,10,10,0.3) !important;
}.btn-pop-5:active:after {
  content:'';
  display:block;
  height:2px;
}.btn-pop-5-hover {
  transition: 0.15s ease-in-out;
  -webkit-box-shadow: 0px 5px 0px 0px rgba(10,10,10,0.0) !important;
  -moz-box-shadow: 0px 5px 0px 0px rgba(10,10,10,0.0) !important;
  -o-box-shadow: 0px 5px 0px 0px rgba(10,10,10,0.0) !important;
  box-shadow: 0px 5px 0px 0px rgba(10,10,10,0.0) !important;
  outline: 0;
}.btn-pop-5-hover:hover {
  margin-top:-5px;
  -webkit-box-shadow: 0px 5px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: 0px 5px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: 0px 5px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: 0px 5px 0px 0px rgba(10,10,10,0.3) !important;
}
.btn-pop-7, .btn-pop-7:focus {
  transition: 0s;
  -webkit-box-shadow: inset 0px -7px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: inset 0px -7px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: inset 0px -7px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: inset 0px -7px 0px 0px rgba(10,10,10,0.3) !important;
}.btn-pop-7:after {
  content:'';
  display:block;
  height:7px;
}.btn-pop-7:active {
  -webkit-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: inset 0px -3px 0px 0px rgba(10,10,10,0.3) !important;
}.btn-pop-7:active:after {
  content:'';
  display:block;
  height:3px;
}.btn-pop-7-hover {
  transition: 0.15s ease-in-out;
  -webkit-box-shadow: 0px 7px 0px 0px rgba(10,10,10,0.0) !important;
  -moz-box-shadow: 0px 7px 0px 0px rgba(10,10,10,0.0) !important;
  -o-box-shadow: 0px 7px 0px 0px rgba(10,10,10,0.0) !important;
  box-shadow: 0px 7px 0px 0px rgba(10,10,10,0.0) !important;
  outline: 0;
}.btn-pop-7-hover:hover {
  margin-top:-7px;
  -webkit-box-shadow: 0px 7px 0px 0px rgba(10,10,10,0.3) !important;
  -moz-box-shadow: 0px 7px 0px 0px rgba(10,10,10,0.3) !important;
  -o-box-shadow: 0px 7px 0px 0px rgba(10,10,10,0.3) !important;
  box-shadow: 0px 7px 0px 0px rgba(10,10,10,0.3) !important;
}

/* waves-effect */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}a.waves-effect .waves-ripple { /* Firefox Bug: link not triggered */
  z-index: -1;
}

/* table light */
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
  border-color: #f3f3f3;
}

/* modal 모달창 */
.modal-dialog{
  overflow-y: initial !important
}.modal-body{
  overflow-y: auto;
}.modal-header {
  border-top-right-radius: 1.2rem;
  border-top-left-radius: 1.2rem;
}.modal-content {
}.modal-content .modal-body {
  height: 100%;
}.modal-dialog.modal-fl {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  max-width: none;
}.modal-dialog.modal-fl .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0; 
}
/* modal 기본애니메이션제거 init.js 안에 animation js으로 제어 */
.modal.fade{
  opacity:1;
}.modal.fade .modal-dialog {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
  -webkit-animation-duration: inherit;
  animation-duration: inherit;
  transition-duration: inherit;
}.modal.fade .modal-dialog .modal-content {
  -webkit-animation-duration: inherit;
  animation-duration: inherit;
  transition-duration: inherit;
}.modal-backdrop.fade {
  opacity: 0;
}.modal-backdrop.show {
  opacity: 0.7;
}

/* form-control */
.form-control-count {
  display: flex;
  height: 30px;
}.form-control-count > * {
  border: 1px solid #ced4da;
  vertical-align: middle;
  width: 35px;
  height: 30px;
  line-height: 30px;
  border-radius: 0;;
}.form-control-count input.form-control {
  border-left:0;
  border-right:0;
}.form-control-count .btn {
  background-color: #fafafa;
  padding: 0;
}
.form-control-inverse {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.7);
  color: #fff; 
}.form-control-inverse:focus {
  background-color: transparent;
  color: #fff; 
}.form-control-inverse::-moz-placeholder {
  color: #fff;
  opacity: 1; 
}.form-control-inverse:-ms-input-placeholder {
  color: #fff; 
}.form-control-inverse::-webkit-input-placeholder {
  color: #fff; 
}

/* switch size */
.switch {
  font-size: 1rem;
  position: relative;
}.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}.switch input + label:before, .switch input + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}.switch input + label:before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}.switch input + label:after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}.switch input:checked + label:before {
  background-color: #08d;
}.switch input:checked + label:after {
  margin-left: calc(2.375rem * .8);
}.switch input:focus + label:before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, .25);
}.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}.switch input:disabled + label:before {
  background-color: #e9ecef;
}.switch.switch-xs {
  font-size: 0.875rem;
}.switch.switch-xs input + label {
  min-width: calc(calc(1.5rem * .8) * 2);
  height: calc(1.5rem * .8);
  line-height: calc(1.5rem * .8);
  text-indent: calc(calc(calc(1.5rem * .8) * 2) + .5rem);
}.switch.switch-xs input + label:before {
  width: calc(calc(1.5rem * .8) * 2);
}.switch.switch-xs input + label:after {
  width: calc(calc(1.5rem * .8) - calc(2px * 2));
  height: calc(calc(1.5rem * .8) - calc(2px * 2));
}.switch.switch-xs input:checked + label:after {
  margin-left: calc(1.5rem * .8);
}.switch.switch-sm {
  font-size: 0.875rem;
}.switch.switch-sm input + label {
  min-width: calc(calc(1.8rem * .8) * 2);
  height: calc(1.8rem * .8);
  line-height: calc(1.8rem * .8);
  text-indent: calc(calc(calc(1.8rem * .8) * 2) + .5rem);
}.switch.switch-sm input + label:before {
  width: calc(calc(1.8rem * .8) * 2);
}.switch.switch-sm input + label:after {
  width: calc(calc(1.8rem * .8) - calc(2px * 2));
  height: calc(calc(1.8rem * .8) - calc(2px * 2));
}.switch.switch-sm input:checked + label:after {
  margin-left: calc(1.8rem * .8);
}.switch.switch-lg {
  font-size: 1.25rem;
}.switch.switch-lg input + label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}.switch.switch-lg input + label:before {
  width: calc(calc(3rem * .8) * 2);
}.switch.switch-lg input + label:after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}.switch.switch-lg input:checked + label:after {
  margin-left: calc(3rem * .8);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .switch input {
    position: relative;
    width: 20px;
    height: 20px;
  }
  .switch input + label {
    display: none;
  }
}

/* shadow-xs,xxs */
.shadow-xs {
  box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .1) !important;
  -webkit-box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .1) !important;
  -moz-box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .1) !important;
  -ms-box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .1) !important;
}.shadow-xxs {
  box-shadow: 0 .1rem .15rem rgba(0, 0, 0, .1) !important;
  -webkit-box-shadow: 0 .1rem .15rem rgba(0, 0, 0, .1) !important;
  -moz-box-shadow: 0 .1rem .15rem rgba(0, 0, 0, .1) !important;
  -ms-box-shadow: 0 .1rem .15rem rgba(0, 0, 0, .1) !important;
}

/* overflow */
.overflow-initial{
  overflow: initial !important;
}
/* float */
.float-bottom-right {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 2;
  margin-bottom: env(safe-area-inset-bottom);
}

/* background */
.background {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  opacity: 0.4;
  z-index: 0;
}.background + div {
  position: relative;
  z-index: 1;
}.background-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* text-size-reset */
.text-size-reset {
  font-size: inherit!important;
}

/* notch 사이즈 제어 */
.notch-size-top {
  height: constant(safe-area-inset-top);
  height: env(safe-area-inset-top);
}.notch-size-right {
  height: constant(safe-area-inset-right);
  height: env(safe-area-inset-right);
}.notch-size-left {
  height: constant(safe-area-inset-left);
  height: env(safe-area-inset-left);
}.notch-size-bottom {
  height: constant(safe-area-inset-bottom);
  height: env(safe-area-inset-bottom);
}

/* hidden form set */
.formset {
  display: none;
}

/* noimage */
img.noimage {
  position: relative;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #cccccc url('noimage.svg') no-repeat center;
  background-size: contain;
  color: transparent;
  font-size: 0;
} img.noimage:after {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  background: #cccccc url('noimage.svg') no-repeat center;
  background-size: contain;
  color: transparent;
  content: '';
  overflow:hidden;
  display: block; 
  font-size: 0;
}
img.noimage:-moz-broken {
  display:none;
}


/* nfile button */
.nfile {
  position: relative;
  display: inline-block;
}.nfile > * {
  position: relative;
  z-index: 1;
}.nfile > input[type="file"] {
  position: absolute;
  display: block;
  z-index: 2;
  cursor: pointer;
  top:0;left:0;right:0;bottom:0;
  opacity: 0;
  border: 0;
  padding: 0;
  margin: 0;
}

/* loader.css active */
body .loader-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0,0,0,.701961);
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear
  opacity: 0;
  z-index: -1
}body .loader-wrapper:before {
  content:'';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}body .loader-wrapper .loader-inner {
  display: inline-block;
}body.loader-show .loader-wrapper {
  opacity: 1;
  z-index: 9999
}

.nseocontent {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}