@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/notokr-light.eot");
  src: url("../fonts/notokr-light.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-light.woff2") format("woff2"), url("../fonts/notokr-light.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/notokr-regular.eot");
  src: url("../fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-regular.woff2") format("woff2"), url("../fonts/notokr-regular.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/notokr-medium.eot");
  src: url("../fonts/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-medium.woff2") format("woff2"), url("../fonts/notokr-medium.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/notokr/notokr-bold.eot");
  src: url("../fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-bold.woff2") format("woff2"), url("../fonts/notokr-bold.woff") format("woff"); }
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  outline: none; }

input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

input::-webkit-input-placeholder { color: #c2c2c2; }
input::-moz-placeholder { color: #c2c2c2; }
input::placeholder { color: #c2c2c2; }
input::-ms-input-placeholder { color: #c2c2c2; }

html {
  height: 100%; }

body {
  height: 100%;
  font-family: "Noto Sans KR", sans-serif; }

#wrap {
  min-height: 100%;
  position: relative;
  padding-bottom: 330px;
  /* footer height */ }
  @media screen and (max-width: 768px) {
    #wrap {
      padding-bottom: 400px; } }

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1900;
  background-color: #fff; }
  #footer .inner {
    height: 330px; }
    @media screen and (max-width: 768px) {
      #footer .inner {
        height: 400px; } }

a {
  text-decoration: none; }

ul, li {
  list-style: none; }

.inner {
  width: 1000px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 1000px) {
    .inner {
      width: 100%; } }

[v-cloak] {
  display: none; }

a:hover {
  text-decoration: none; }

.slick-slider {
  overflow: hidden; }
  .slick-slider .slick-list {
    margin: 0 -10px; }
    @media screen and (max-width: 768px) {
      .slick-slider .slick-list {
        margin: 0 -5px; } }
    .slick-slider .slick-list .slick-track {
      margin: 0 !important; }
      .slick-slider .slick-list .slick-track .slick-slide {
        margin: 0 10px; }
        @media screen and (max-width: 768px) {
          .slick-slider .slick-list .slick-track .slick-slide {
            margin: 0 5px; } }

@media screen and (min-width: 576px) {
  #mainBanner {
    height: 342px; } }
#mainBanner .slick-list {
  overflow: visible;
  margin: 0; }
  #mainBanner .slick-list .slick-slide {
    margin: 0; }

@media screen and (min-width: 576px) {
  #RecommendNewT {
    height: 311px; } }

@media screen and (min-width: 576px) {
  #PositionFreeT {
    height: 355px; } }

@media screen and (min-width: 576px) {
  #ClassT {
    height: 310px; } }

#appWrap {
  position: relative; }
  @media screen and (max-width: 576px) {
    #appWrap.new {
      min-height: 797px; } }
  @media screen and (min-width: 576px) {
    #appWrap.new {
      min-height: 1340px; } }
  #appWrap .loading_wrap {
    position: absolute;
    z-index: 9999;
    width: 100%; }
    @media screen and (max-width: 576px) {
      #appWrap .loading_wrap {
        display: none; } }
    @media screen and (min-width: 576px) {
      #appWrap .loading_wrap {
        display: block; } }
    #appWrap .loading_wrap .loading_img_wrap {
      width: 100%;
      text-align: center;
      background-color: #ffffff; }
      #appWrap .loading_wrap .loading_img_wrap .loading_main_img {
        width: 100%;
        max-height: 342px;
        height: 100%;
        display: block; }
      #appWrap .loading_wrap .loading_img_wrap .loading_sub_img {
        width: 100%;
        max-width: 1110px;
        display: block;
        margin: 0 auto; }
  #appWrap .loading_mobile_wrap {
    position: absolute;
    z-index: 9999;
    width: 100%; }
    @media screen and (max-width: 576px) {
      #appWrap .loading_mobile_wrap {
        display: block; } }
    @media screen and (min-width: 576px) {
      #appWrap .loading_mobile_wrap {
        display: none; } }
    #appWrap .loading_mobile_wrap .loading_img_wrap {
      width: 100%;
      text-align: center;
      background-color: #ffffff; }
      #appWrap .loading_mobile_wrap .loading_img_wrap img {
        width: 100%;
        max-width: 1110px;
        display: block;
        margin: 0 auto; }
  #appWrap .hideImportant {
    display: none !important; }
  #appWrap .showImportant {
    display: block !important; }
  #appWrap #mnt.showImportant, #appWrap #mrt.showImportant, #appWrap #mpt.showImportant {
    max-width: 475px !important; }
  @media screen and (min-width: 576px) {
    #appWrap #mnt.showImportant, #appWrap #mrt.showImportant, #appWrap #mpt.showImportant {
      display: block !important; } }

.pointer {
  cursor: pointer; }

body .coolris.hideImportant, body .search_wrap.hideImportant, body #footer.hideImportant {
  display: none !important; }

#wrap.massengerView {
  padding-bottom: 0 !important; }

#header .hideImportant {
  display: none !important; }

#newMainSlide .slick-slide {
  background: #fcfcfc; }
  @media screen and (max-width: 768px) {
    #newMainSlide .slick-slide {
      margin: 0; } }
#newMainSlide .slick-slider .slick-dots {
  overflow: hidden;
  margin-bottom: 0;
  margin-top: -6px;
  position: relative;
  z-index: 1;
  display: flex; }
  #newMainSlide .slick-slider .slick-dots li {
    float: left;
    color: #000000;
    border-right: 1px solid #d2d8db;
    text-align: center;
    height: 44px;
    line-height: 41px;
    overflow: hidden;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1; }
    #newMainSlide .slick-slider .slick-dots li:nth-child(4) {
      border-right: 0; }
    #newMainSlide .slick-slider .slick-dots li a {
      display: block;
      cursor: pointer;
      font-size: 14px;
      height: 100%;
      padding: 0 10px; }
    @media screen and (max-width: 768px) {
      #newMainSlide .slick-slider .slick-dots li {
        display: none; } }
    #newMainSlide .slick-slider .slick-dots li.slick-active {
      background-color: #2084e1;
      color: #ffffff; }

#NewTraining .slick-slider .slick-list {
  margin: 0 -15px; }
  @media screen and (max-width: 768px) {
    #NewTraining .slick-slider .slick-list {
      margin: 0 -5px; } }
  #NewTraining .slick-slider .slick-list .slick-track .slick-slide {
    margin: 0 15px; }
    @media screen and (max-width: 768px) {
      #NewTraining .slick-slider .slick-list .slick-track .slick-slide {
        margin: 0 5px; } }

#trainingEvent .training_event_dots {
  float: right;
  margin-top: -4px;
  padding-right: 3px; }
  #trainingEvent .training_event_dots ul {
    overflow: hidden; }
    #trainingEvent .training_event_dots ul li {
      float: left; }
      #trainingEvent .training_event_dots ul li a {
        font-size: 12px;
        color: #606060;
        cursor: pointer;
        margin-left: 20px;
        display: inline-block;
        line-height: 19px; }
      #trainingEvent .training_event_dots ul li.slick-active a {
        color: #f35727;
        border-bottom: 1px solid #f35727; }

#news-pagination {
  margin-bottom: 80px; }
  #news-pagination ul {
    overflow: hidden;
    justify-content: center;
    align-items: center; }
    #news-pagination ul li a {
      color: #6b6b6b;
      font-size: 14px;
      border: 0;
      margin: 0;
      padding: 0 10px; }
      #news-pagination ul li a:hover {
        background-color: #ffffff; }
    #news-pagination ul li.active a {
      color: #dc0707;
      background-color: #ffffff; }
    #news-pagination ul li:first-child a {
      background-image: url(//resource.coolmessenger.com/cooledu/paging.png);
      background-repeat: no-repeat;
      background-position: center;
      background-color: #fff;
      text-indent: -9999px; }
    #news-pagination ul li:last-child a {
      background-image: url(//resource.coolmessenger.com/cooledu/paging.png);
      background-repeat: no-repeat;
      background-position: center;
      background-color: #fff;
      text-indent: -9999px;
      transform: rotateY(180deg); }

.topbanner .slick-vertical .slick-slide {
  border: 0; }

.topbanner .slick-slide > div {
  height: 79px !important; }
.topbanner .slick-dots {
  padding-top: 14px;
  position: absolute;
  right: 15px;
  top: 4px; }
  .topbanner .slick-dots li {
    display: block;
    margin: 0;
    padding: 0;
    height: 13px; }
    .topbanner .slick-dots li button {
      border: none;
      background: #ffffff;
      text-indent: -9999px;
      font-size: 4px;
      outline: 0;
      position: relative;
      z-index: 1;
      cursor: pointer;
      --dot-color: #FFF;
      width: 4px;
      height: 4px;
      background: var(--dot-color, #fff);
      border-radius: 4px;
      display: block;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: .7;
      transition: all .5s ease-out; }
    .topbanner .slick-dots li.slick-active button {
      transform: translate(-50%, -50%) scale(1.4);
      opacity: 1; }

.comment_app {
  width: 924px;
  padding-bottom: 50px;
  float: right;
  margin-top: 24px; }
  @media screen and (max-width: 768px) {
    .comment_app {
      width: 100%; }
      .comment_app .comment_list {
        padding: 0 10px; } }

#coolris .dropdown-menu {
  right: 0;
  left: initial !important;
  transform: translate3d(0, 18px, 0px) !important; }

.coolris.bg_grey {
  background-color: #f7f7f7;
  border-bottom: 1px solid #dedede; }
  .coolris.bg_grey .inner {
    flex-direction: row;
    display: flex;
    align-items: center; }
    .coolris.bg_grey .inner > a {
      padding: 0 !important; }
.coolris ul {
  font-size: 12px;
  height: 43px;
  margin-left: auto; }
.coolris .dropdown.alam a:hover {
  text-decoration: none; }
.coolris .dropdown.alam .alam {
  font-size: 14px;
  font-weight: bold;
  color: #000000; }
  .coolris .dropdown.alam .alam img {
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
.coolris .dropdown.alam .dropdown-item:hover, .coolris .dropdown.alam .dropdown-item:focus, .coolris .dropdown.alam .dropdown-item:visited {
  background-color: #f0f0f0; }
.coolris .dropdown.alam .dropdown-item a {
  color: #000000;
  font-size: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%; }
.coolris .point .point_num {
  font-size: 14px;
  color: #00a1e4 !important;
  font-weight: bold; }
.coolris .line {
  width: 1px;
  display: inline-block;
  height: 19px;
  margin-top: 3px;
  background-color: #d8d8d8; }

#header {
  border-bottom: 3px solid #2084e1; }
  @media screen and (max-width: 576px) {
    #header {
      border-bottom: 0; } }
  #header .inner {
    display: block;
    display: flex;
    align-items: center;
    padding: 20.5px 0 0;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 1110px) {
      #header .inner {
        padding: 28.5px 15px; } }
    @media screen and (max-width: 768px) {
      #header .inner {
        padding: 13px 10px; } }
    #header .inner h1 {
      font-family: "Noto Sans KR", sans-serif;
      font-weight: 700;
      font-size: 24px;
      color: #000000;
      margin-bottom: 0;
      margin-top: -20.5px; }
      @media screen and (max-width: 768px) {
        #header .inner h1 {
          font-size: 17px; } }
    #header .inner .navbar-nav {
      margin-left: 91px; }
      @media screen and (max-width: 576px) {
        #header .inner .navbar-nav {
          margin-left: 0; } }
      #header .inner .navbar-nav li {
        padding: 0 15px 20.5px;
        position: relative; }
        @media screen and (max-width: 576px) {
          #header .inner .navbar-nav li {
            margin-left: 13px !important;
            margin-right: 0; } }
        #header .inner .navbar-nav li a {
          color: #000000;
          padding: 2px 0 0;
          font-size: 17px;
          cursor: pointer;
          font-weight: 300; }
        #header .inner .navbar-nav li .depth {
          display: none;
          border-top: 4px solid transparent;
          position: absolute;
          top: 47px;
          width: 150px;
          text-align: center;
          left: 50%;
          z-index: 2;
          transform: translateX(-50%);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); }
          #header .inner .navbar-nav li .depth span {
            display: block;
            background-color: #ffffff;
            padding: 15px 0 19px; }
          #header .inner .navbar-nav li .depth a {
            font-size: 15px;
            color: #000000;
            display: block;
            height: 35px;
            line-height: 35px; }
            #header .inner .navbar-nav li .depth a.on {
              color: #0095db; }
            #header .inner .navbar-nav li .depth a:hover {
              color: #0095db; }
        #header .inner .navbar-nav li .bar {
          color: #e0e0e0;
          display: inline-block;
          padding-top: 3px;
          font-size: 14px; }
        #header .inner .navbar-nav li.on > a {
          color: #0095db; }
        #header .inner .navbar-nav li:hover > a {
          color: #0095db; }
        #header .inner .navbar-nav li:hover .depth a:hover {
          color: #0095db; }
        #header .inner .navbar-nav li:hover .depth {
          display: block; }
    #header .inner .search_wrap {
      margin-left: auto;
      position: relative;
      width: 245px;
      height: 34px;
      margin-top: -20.5px; }
      @media screen and (max-width: 768px) {
        #header .inner .search_wrap {
          width: 45%;
          margin: 0 auto;
          display: none; } }
      #header .inner .search_wrap input {
        width: 100%;
        padding-left: 16px;
        padding-right: 44px;
        font-size: 12px;
        color: #a9a9a9;
        height: 100%;
        display: block;
        line-height: 34px;
        font-family: "Dotum", sans-serif;
        background-color: #f2f2f2;
        border-radius: 50px; }
        #header .inner .search_wrap input::placeholder {
          /* Chrome, Firefox, Opera, Safari 10.1+ */
          color: #a9a9a9;
          opacity: 1;
          /* Firefox */ }
        #header .inner .search_wrap input:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #a9a9a9; }
        #header .inner .search_wrap input::-ms-input-placeholder {
          /* Microsoft Edge */
          color: #a9a9a9; }
      #header .inner .search_wrap span {
        background-image: url(//resource.coolmessenger.com/cooledu/magnifying_glass.png);
        background-repeat: no-repeat;
        background-color: #f2f2f2;
        display: inline-block;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        widtH: 44px;
        background-position: center;
        border-radius: 50%; }
    #header .inner #navBarBtn {
      margin-left: auto; }
      @media screen and (max-width: 768px) {
        #header .inner #navBarBtn {
          display: none !important; } }
    #header .inner #navBarMenu {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        #header .inner #navBarMenu {
          margin-left: auto;
          display: none; } }
      @media screen and (min-width: 768px) {
        #header .inner #navBarMenu {
          display: none; } }

.navbar {
  padding: 7px 15px 15px; }
  .navbar .long_btn {
    color: #606060;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #d5d5d5;
    height: 26px;
    line-height: 26px;
    padding: 0 6px;
    margin-left: 6px;
    position: absolute;
    top: 14px;
    right: 15px;
    cursor: pointer; }
  .navbar .search_wrap_m {
    position: relative;
    height: 34px;
    float: right;
    border: 1px solid #1c1c1c;
    width: 100%;
    margin: 15px auto 0; }
    .navbar .search_wrap_m input {
      width: 100%;
      padding-left: 16px;
      padding-right: 44px;
      font-size: 12px;
      color: #a9a9a9;
      height: 100%;
      display: block;
      line-height: 34px;
      font-family: "Dotum", sans-serif;
      background-color: #ffffff;
      float: right;
      border: none; }
      .navbar .search_wrap_m input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #a9a9a9;
        opacity: 1;
        /* Firefox */ }
      .navbar .search_wrap_m input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #a9a9a9; }
      .navbar .search_wrap_m input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #a9a9a9; }
    .navbar .search_wrap_m span {
      background-image: url(//resource.coolmessenger.com/cooledu/magnifying_glass.png);
      background-repeat: no-repeat;
      background-color: #ffffff;
      display: inline-block;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      widtH: 44px;
      background-position: center; }
  .navbar .navbar-brand {
    width: 100px;
    padding: 0;
    display: block;
    margin: 0 auto; }
    .navbar .navbar-brand img {
      width: 100%; }
  .navbar .navbar_menu_back {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none; }
    .navbar .navbar_menu_back.open {
      display: block; }
  .navbar .navbar_menu {
    position: fixed;
    z-index: 999;
    width: 70%;
    height: 100%;
    background-color: #fff;
    left: -100%;
    top: 0;
    transition: left 0.2s; }
    .navbar .navbar_menu.open {
      left: 0; }
    .navbar .navbar_menu .navbar_login {
      padding: 10px 15px;
      background-color: rgba(32, 132, 225, 0.7); }
      .navbar .navbar_menu .navbar_login a, .navbar .navbar_menu .navbar_login span, .navbar .navbar_menu .navbar_login button {
        color: #ffffff;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
        background-color: transparent !important; }
      .navbar .navbar_menu .navbar_login p {
        margin-bottom: 0;
        color: #ffffff; }
        .navbar .navbar_menu .navbar_login p img, .navbar .navbar_menu .navbar_login p span {
          vertical-align: middle; }
    .navbar .navbar_menu .before_login form {
      display: inline-block; }
      .navbar .navbar_menu .before_login form button {
        background-color: #fff; }
    .navbar .navbar_menu .after_login p span {
      font-size: 18px; }
    .navbar .navbar_menu .after_login img {
      height: 20px;
      width: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .navbar .navbar_menu .navbar-btn {
      left: auto;
      right: 10px;
      top: 5px;
      background-color: transparent; }
    .navbar .navbar_menu .navbar-nav {
      padding: 0 0 10px;
      height: calc(100% - 120px);
      overflow-y: auto; }
      .navbar .navbar_menu .navbar-nav a {
        color: #000000; }
      .navbar .navbar_menu .navbar-nav .nav-item {
        border-bottom: 1px solid lightgray;
        padding: 0 0 10px; }
        .navbar .navbar_menu .navbar-nav .nav-item .nav-link {
          padding: 0 15px;
          background-color: rgba(100, 100, 100, 0.1);
          line-height: 30px;
          font-size: 15px;
          margin-bottom: 5px; }
        .navbar .navbar_menu .navbar-nav .nav-item span a {
          display: block;
          padding-left: 25px;
          color: #000000;
          font-size: 15px; }

.navbar-btn.close > div:nth-child(2) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0; }

.navbar-btn.close > div:nth-child(1),
.navbar-btn.close > div:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.navbar-btn.close > div:nth-child(3) {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

/*.navbar-btn:hover {
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}*/
.navbar-btn.close:hover > div {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.navbar-btn.close:hover > div:nth-child(3) {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg); }

.navbar-btn {
  float: right;
  z-index: 1;
  width: 22px;
  height: 33px;
  background: #ffffff;
  border-radius: 0 0.12em 0.12em 0;
  cursor: pointer;
  transition: box-shadow 0.4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  position: absolute;
  top: 10px;
  left: 15px; }

.navbar-btn > div:nth-child(2) {
  position: relative;
  flex: none;
  width: 100%;
  height: 2px;
  background: #1c1c1c;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center; }

.navbar-btn > div:nth-child(1),
.navbar-btn > div:nth-child(3) {
  content: '';
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1c1c1c;
  transition: all 0.4s ease; }

.navbar-btn > div:nth-child(3) {
  top: 24px; }

.lang-cn #footer .family-sites h4,
.lang-en #footer .family-sites h4 {
  min-height: 46px; }

.is-family-sites #footer .family-site-back {
  display: block;
  top: -269px !important; }

.ico-coolschool-sm {
  background-image: url(//resource.coolmessenger.com/coolschool/resources/images/ico-coolschoolBi-s.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-width: 100%;
  background-height: auto;
  background-position: center center;
  width: 26px;
  height: 28px;
  display: inline-block; }

[data-name='divTopBannerArea'] {
    display: none;
}


/* global */
.clearboth {clear:both !important}
.clearfix:after {
    content: '';
    display: block;
    clear: both !important;
}

.cP {cursor:pointer !important}

.dpNN {display:none !important}
.dpBK {display:block !important}

.flL {float:left !important}
.flR {float:right !important}
.flN {float:none !important}

.pA {position:absolute !important}
.pR {position:relative !important}
.pS {position:static !important}

.nbA {border:none !important}
.nbT {border-top:none !important}
.nbR {border-right:none !important}
.nbB {border-bottom:none !important}
.nbL {border-left:none !important}
.nbRD {border-radius: 0 !important}

.bcTR {background-color:transparent !important}

.tdNN {text-decoration:none !important}
.tdUD {text-decoration:underline !important}

.taL {text-align:left !important}
.taR {text-align:right !important}
.taC {text-align:center !important}

.vaT {vertical-align:top !important}
.vaM {vertical-align:middle !important}
.vaS {vertical-align:super !important}

.w0 {width:0 !important}
.w10 {width:10px !important}
.w20 {width:20px !important}
.w30 {width:30px !important}
.w40 {width:40px !important}
.w50 {width:50px !important}
.w60 {width:60px !important}
.w70 {width:70px !important}
.w80 {width:80px !important}
.w90 {width:90px !important}
.w100 {width:100px !important}
.w122 {width:122px !important}
.w150 {width:150px !important}
.w180 {width:180px !important}
.w200 {width:200px !important}
.w290 {width:290px !important}
.w300 {width:300px !important}
.w400 {width:400px !important}
.w450 {width:450px !important}
.w500 {width:500px !important}

.w10p {width:10% !important}
.w20p {width:20% !important}
.w30p {width:30% !important}
.w40p {width:40% !important}
.w50p {width:50% !important}
.w60p {width:60% !important}
.w70p {width:70% !important}
.w80p {width:80% !important}
.w90p {width:90% !important}
.w100p {width:100% !important}

.h0 {height:0 !important}
.h1 {height:1px !important}
.h12 {height:12px !important}
.h14 {height:14px !important}
.h18 {height:18px !important}
.h20 {height:20px !important}
.h25 {height:25px !important}
.h29 {height:29px !important}
.h40 {height:40px !important}
.h30 {height:30px !important}
.h36 {height:36px !important}
.h40 {height:40px !important}
.h50 {height:50px !important}
.h100p {height:100% !important}

.mC {margin:0 auto !important}
.mN {margin:0 !important}

.mlM1 {margin-left:-1px !important}
.mrM1 {margin-right:-1px !important}

.mN {margin:0 !important;}
.mlN {margin-left:0 !important;}
.mrN {margin-right:0 !important;}
.mtN {margin-top:0 !important;}
.mbN {margin-bottom:0 !important;}

.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma25 {margin:25px !important;}
.ma30 {margin:30px !important;}
.ma35 {margin:35px !important;}

.mtA {margin-top:auto !important}
.mt1 {margin-top:1px !important}
.mt2 {margin-top:2px !important}
.mt3 {margin-top:3px !important}
.mt4 {margin-top:4px !important}
.mt5 {margin-top:5px !important}
.mt6 {margin-top:6px !important}
.mt7 {margin-top:7px !important}
.mt8 {margin-top:8px !important}
.mt9 {margin-top:9px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt23 {margin-top:23px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}

.mb0 {margin-bottom:0 !important}
.mbA {margin-bottom:auto !important}
.mb1 {margin-bottom:1px !important}
.mb2 {margin-bottom:2px !important}
.mb3 {margin-bottom:3px !important}
.mb4 {margin-bottom:4px !important}
.mb5 {margin-bottom:5px !important}
.mb6 {margin-bottom:6px !important}
.mb7 {margin-bottom:7px !important}
.mb8 {margin-bottom:8px !important}
.mb9 {margin-bottom:9px !important}
.mb10 {margin-bottom:10px !important}
.mb12 {margin-bottom:12px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}

.mlA {margin-left:auto !important}
.ml0 {margin-left:0 !important}
.ml1 {margin-left:1px !important}
.ml2 {margin-left:2px !important}
.ml3 {margin-left:3px !important}
.ml4 {margin-left:4px !important}
.ml5 {margin-left:5px !important}
.ml6 {margin-left:6px !important}
.ml7 {margin-left:7px !important}
.ml8 {margin-left:8px !important}
.ml9 {margin-left:9px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml30 {margin-left:30px !important}
.ml35 {margin-left:35px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}
.ml60 {margin-left:60px !important}
.ml125 {margin-left:125px !important}
.ml380 {margin-left:380px !important}

.mrA {margin-right:auto !important}
.mr0 {margin-right:0 !important}
.mr1 {margin-right:1px !important}
.mr2 {margin-right:2px !important}
.mr3 {margin-right:3px !important}
.mr4 {margin-right:4px !important}
.mr5 {margin-right:5px !important}
.mr6 {margin-right:6px !important}
.mr7 {margin-right:7px !important}
.mr8 {margin-right:8px !important}
.mr9 {margin-right:9px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr40 {margin-right:40px !important}
.mr50 {margin-right:50px !important}
.mr60 {margin-right:60px !important}
.mr100 {margin-right:100px !important}
.mr150 {margin-right:150px !important}
.mr200 {margin-right:200px !important}
.mr250 {margin-right:250px !important}

.pN {padding:0 !important;}
.plN {padding-left:0 !important;}
.prN {padding-right:0 !important;}
.ptN {padding-top:0 !important;}
.pbN {padding-bottom:0 !important;}

.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}
.pa20 {padding:20px !important;}
.pa25 {padding:25px !important;}
.pa30 {padding:30px !important;}
.pa35 {padding:35px !important;}

.pt0 {padding-top:0 !important}
.pt1 {padding-top:1px !important}
.pt2 {padding-top:2px !important}
.pt3 {padding-top:3px !important}
.pt4 {padding-top:4px !important}
.pt5 {padding-top:5px !important}
.pt6 {padding-top:6px !important}
.pt7 {padding-top:7px !important}
.pt8 {padding-top:8px !important}
.pt9 {padding-top:9px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt25 {padding-top:25px !important}
.pt30 {padding-top:30px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pt55 {padding-top:55px !important}
.pt60 {padding-top:60px !important}

.pb1 {padding-bottom:1px !important}
.pb2 {padding-bottom:2px !important}
.pb3 {padding-bottom:3px !important}
.pb4 {padding-bottom:4px !important}
.pb5 {padding-bottom:5px !important}
.pb6 {padding-bottom:6px !important}
.pb7 {padding-bottom:7px !important}
.pb8 {padding-bottom:8px !important}
.pb9 {padding-bottom:9px !important}
.pb10 {padding-bottom:10px !important}
.pb14 {padding-bottom:14px !important}
.pb15 {padding-bottom:15px !important}
.pb20 {padding-bottom:20px !important}
.pb25 {padding-bottom:25px !important}
.pb30 {padding-bottom:30px !important}
.pb50 {padding-bottom:50px !important}
.pb55 {padding-bottom:55px !important}

.pl1 {padding-left:1px !important}
.pl2 {padding-left:2px !important}
.pl3 {padding-left:3px !important}
.pl4 {padding-left:4px !important}
.pl5 {padding-left:5px !important}
.pl6 {padding-left:6px !important}
.pl7 {padding-left:7px !important}
.pl8 {padding-left:8px !important}
.pl9 {padding-left:9px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}
.pl50 {padding-left:50px !important}
.pl55 {padding-left:55px !important}

.pr1 {padding-right:1px !important}
.pr2 {padding-right:2px !important}
.pr3 {padding-right:3px !important}
.pr4 {padding-right:4px !important}
.pr5 {padding-right:5px !important}
.pr6 {padding-right:6px !important}
.pr7 {padding-right:7px !important}
.pr8 {padding-right:8px !important}
.pr9 {padding-right:9px !important}
.pr10 {padding-right:10px !important}
.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}
.pr25 {padding-right:25px !important}
.pr30 {padding-right:30px !important}
.pr50 {padding-right:50px !important}
.pr55 {padding-right:55px !important}

.fB {font-weight:700 !important;}
.fN {font-weight:400 !important;}

.fs8 {font-size:8px !important}
.fs9 {font-size:9px !important}
.fs10 {font-size:10px !important}
.fs11 {font-size:11px !important}
.fs12 {font-size:12px !important}
.fs13 {font-size:13px !important}
.fs14 {font-size:14px !important}
.fs15 {font-size:15px !important}
.fs16 {font-size:16px !important}
.fs17 {font-size:17px !important}
.fs18 {font-size:18px !important}
.fs19 {font-size:19px !important}
.fs20 {font-size:20px !important}
.fs21 {font-size:21px !important}
.fs22 {font-size:22px !important}
.fs23 {font-size:23px !important}
.fs24 {font-size:24px !important}
.fs25 {font-size:25px !important}

.taL {text-align:left !important}
.taR {text-align:right !important}
.taC {text-align:center !important}

.nbA {border:none !important}
.nbT {border-top:none !important}
.nbR {border-right:none !important}
.nbB {border-bottom:none !important}
.nbL {border-left:none !important}

.bold {font-weight: bold !important;}

.froala-editor {word-break: break-all;}

.flex {display:flex !important;}
.flexInline {display:inline-flex !important;}

.relative {position: relative !important;}

.float-banner {
	position: absolute;
	right: -303px;
	top: 180px;
}
.float-banner.fixed {
	top: 180px;
	right: auto;
	margin-left: 1175px;
	left: auto;
	position: fixed;
	background-color: transparent !important;
	border:none !important;
}
.float-banner a img {
	display: block;
	margin-bottom: 10px;
}
.float-banner a {
	display: flex;
	font-size: 13px;
	font-weight: bold;
	color: #606060;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 20px 0;
	width: 86px;
}
.float-banner a:first-child {
	padding-top: 30px;
}
.float-banner a:last-child {
	padding-bottom: 30px;
}