@charset "UTF-8";
/** Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch Licensed under  () */
/* @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url("https://fonts.googleapis.com/css?family=Overpass");

.width100 { width:100%; }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }

.owl-carousel { display: none; width: 100%; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.owl-height { transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/** Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch Licensed under  () */
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav { margin-top: 10px; }

.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }

.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; }

.owl-theme .owl-nav .disabled { opacity: .5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }

.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

.owl-stage-outer, .owl-stage, .owl-item { display: inline-block; width: 100%; height: 100%; }

.event_area.owl-carousel .owl-stage-outer { overflow: visible; }

@-webkit-keyframes animation-list { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0); } }

@-moz-keyframes animation-list { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0); } }

@-ms-keyframes animation-list { from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, -20px); transform: translate(0, -20px); }
  to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); } }

@-o-keyframes animation-list { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0); } }

@keyframes animation-list { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0); } }

@-webkit-keyframes pageIn { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@-moz-keyframes pageIn { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@-ms-keyframes pageIn { from { opacity: 0; filter: alpha(opacity=0); }
  to { opacity: 1; filter: alpha(opacity=100); } }

@-o-keyframes pageIn { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@keyframes pageIn { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@-webkit-keyframes pageOut { from { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px); } }

@-moz-keyframes pageOut { from { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px); } }

@-ms-keyframes pageOut { from { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  to { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } }

@-o-keyframes pageOut { from { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px); } }

@keyframes pageOut { from { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px); } }

@-webkit-keyframes logo_border_inner { from { -webkit-transform: rotate(0);
    transform: rotate(0); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes logo_border_inner { from { -webkit-transform: rotate(0);
    transform: rotate(0); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes logo_border_inner { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-o-keyframes logo_border_inner { from { -webkit-transform: rotate(0);
    transform: rotate(0); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes logo_border_inner { from { -webkit-transform: rotate(0);
    transform: rotate(0); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes logo_content { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@-moz-keyframes logo_content { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@-ms-keyframes logo_content { from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@-o-keyframes logo_content { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@keyframes logo_content { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@-webkit-keyframes appear_tooltip_cpw { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -105%); }
  to { opacity: 3;
    filter: alpha(opacity=300);
    transform: translate(0, -100%); } }

@-moz-keyframes appear_tooltip_cpw { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -105%); }
  to { opacity: 3;
    filter: alpha(opacity=300);
    transform: translate(0, -100%); } }

@-ms-keyframes appear_tooltip_cpw { from { opacity: 0; filter: alpha(opacity=0); transform: translate(0, -105%); }
  to { opacity: 3; filter: alpha(opacity=300); transform: translate(0, -100%); } }

@-o-keyframes appear_tooltip_cpw { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -105%); }
  to { opacity: 3;
    filter: alpha(opacity=300);
    transform: translate(0, -100%); } }

@keyframes appear_tooltip_cpw { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -105%); }
  to { opacity: 3;
    filter: alpha(opacity=300);
    transform: translate(0, -100%); } }

@-webkit-keyframes remove_tooltip_cpw { from { opacity: 3;
    filter: alpha(opacity=300);
    transform: translate(0, -100%); }
  to { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -105%); } }

@-moz-keyframes remove_tooltip_cpw { from { opacity: 3;
    filter: alpha(opacity=300);
    transform: translate(0, -100%); }
  to { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -105%); } }

@-ms-keyframes remove_tooltip_cpw { from { opacity: 3; filter: alpha(opacity=300); transform: translate(0, -100%); }
  to { opacity: 0; filter: alpha(opacity=0); transform: translate(0, -105%); } }

@-o-keyframes remove_tooltip_cpw { from { opacity: 3;
    filter: alpha(opacity=300);
    transform: translate(0, -100%); }
  to { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -105%); } }

@keyframes remove_tooltip_cpw { from { opacity: 3;
    filter: alpha(opacity=300);
    transform: translate(0, -100%); }
  to { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -105%); } }

@-webkit-keyframes appear0 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(1px, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(1px, 0); } }

@-moz-keyframes appear0 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(1px, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(1px, 0); } }

@-ms-keyframes appear0 { from { opacity: 0; filter: alpha(opacity=0); transform: translate(1px, -20px); }
  to { opacity: 1; filter: alpha(opacity=100); transform: translate(1px, 0); } }

@-o-keyframes appear0 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(1px, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(1px, 0); } }

@keyframes appear0 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(1px, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(1px, 0); } }

@-webkit-keyframes appear1 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-moz-keyframes appear1 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-ms-keyframes appear1 { from { opacity: 0; filter: alpha(opacity=0); transform: translate(0, -20px); }
  to { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); } }

@-o-keyframes appear1 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@keyframes appear1 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -20px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-webkit-keyframes appear2 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -5px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-moz-keyframes appear2 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -5px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-ms-keyframes appear2 { from { opacity: 0; filter: alpha(opacity=0); transform: translate(0, -5px); }
  to { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); } }

@-o-keyframes appear2 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -5px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@keyframes appear2 { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(0, -5px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-webkit-keyframes opacity { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@-moz-keyframes opacity { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@-ms-keyframes opacity { from { opacity: 0; filter: alpha(opacity=0); }
  to { opacity: 1; filter: alpha(opacity=100); } }

@-o-keyframes opacity { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@keyframes opacity { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@-webkit-keyframes scale-popup { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.95, 0.95); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1, 1); } }

@-moz-keyframes scale-popup { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.95, 0.95); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1, 1); } }

@-ms-keyframes scale-popup { from { opacity: 0; filter: alpha(opacity=0); transform: scale(0.95, 0.95); }
  to { opacity: 1; filter: alpha(opacity=100); transform: scale(1, 1); } }

@-o-keyframes scale-popup { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.95, 0.95); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1, 1); } }

@keyframes scale-popup { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.95, 0.95); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1, 1); } }

@-webkit-keyframes appear-menu { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-10px, 0); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-moz-keyframes appear-menu { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-10px, 0); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-ms-keyframes appear-menu { from { opacity: 0; filter: alpha(opacity=0); transform: translate(-10px, 0); }
  to { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); } }

@-o-keyframes appear-menu { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-10px, 0); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@keyframes appear-menu { from { opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-10px, 0); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    transform: translate(0, 0); } }

@-webkit-keyframes rotate-footer-icon1 { from { transform: rotate(0); }
  to { transform: rotate(180deg); } }

@-moz-keyframes rotate-footer-icon1 { from { transform: rotate(0); }
  to { transform: rotate(180deg); } }

@-ms-keyframes rotate-footer-icon1 { from { transform: rotate(0); }
  to { transform: rotate(180deg); } }

@-o-keyframes rotate-footer-icon1 { from { transform: rotate(0); }
  to { transform: rotate(180deg); } }

@keyframes rotate-footer-icon1 { from { transform: rotate(0); }
  to { transform: rotate(180deg); } }

@-webkit-keyframes rotate-footer-icon2 { from { transform: rotate(180deg); }
  to { transform: rotate(0); } }

@-moz-keyframes rotate-footer-icon2 { from { transform: rotate(180deg); }
  to { transform: rotate(0); } }

@-ms-keyframes rotate-footer-icon2 { from { transform: rotate(180deg); }
  to { transform: rotate(0); } }

@-o-keyframes rotate-footer-icon2 { from { transform: rotate(180deg); }
  to { transform: rotate(0); } }

@keyframes rotate-footer-icon2 { from { transform: rotate(180deg); }
  to { transform: rotate(0); } }

/* Animate css Framework */
/* Animate css Framework */
/*! animate.css -http://daneden.me/animate Version - 3.5.1 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2016 Daniel Eden */
.animated1000 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated500 { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated300 { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out { z-index: 1; }

/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in { z-index: 0; }

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes wobble { from { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

@keyframes jello { from, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { from { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { from { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { from { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { from { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY { from { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { from { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to { -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to { -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { from { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

#ttCanvas { width: 100% !important; }

#ttCanvas .tt-span-12 { width: 100% !important; padding: 0 !important; }

.tt-component-border { display: none !important; }

.dynamic_styletag_hack { display: none !important; }

.tt-item { display: inline-block; float: left; width: 100%; padding-bottom: 50px; }

#ttCanvas_modified { padding-bottom: 50px; }

/*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@font-face { font-family: 'codelab'; src: url("./images/codelab.eot?nj0n0x"); src: url("./images/codelab.eot?nj0n0x#iefix") format("embedded-opentype"), url("./images/codelab.ttf?nj0n0x") format("truetype"), url("./images/codelab.woff?nj0n0x") format("woff"), url("./images/codelab.svg?nj0n0x#codelab") format("svg"); font-weight: normal; font-style: normal; }

/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("images/fontawesome-webfont.eot?v=4.7.0"); src: url("images/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("images/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("images/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("images/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("images/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.2857142857em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; }

.fa-li.fa-lg { left: -1.8571428571em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook-f:before, .fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-feed:before, .fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before, .fa-gratipay:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper-pp:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

.fa-buysellads:before { content: ""; }

.fa-connectdevelop:before { content: ""; }

.fa-dashcube:before { content: ""; }

.fa-forumbee:before { content: ""; }

.fa-leanpub:before { content: ""; }

.fa-sellsy:before { content: ""; }

.fa-shirtsinbulk:before { content: ""; }

.fa-simplybuilt:before { content: ""; }

.fa-skyatlas:before { content: ""; }

.fa-cart-plus:before { content: ""; }

.fa-cart-arrow-down:before { content: ""; }

.fa-diamond:before { content: ""; }

.fa-ship:before { content: ""; }

.fa-user-secret:before { content: ""; }

.fa-motorcycle:before { content: ""; }

.fa-street-view:before { content: ""; }

.fa-heartbeat:before { content: ""; }

.fa-venus:before { content: ""; }

.fa-mars:before { content: ""; }

.fa-mercury:before { content: ""; }

.fa-intersex:before, .fa-transgender:before { content: ""; }

.fa-transgender-alt:before { content: ""; }

.fa-venus-double:before { content: ""; }

.fa-mars-double:before { content: ""; }

.fa-venus-mars:before { content: ""; }

.fa-mars-stroke:before { content: ""; }

.fa-mars-stroke-v:before { content: ""; }

.fa-mars-stroke-h:before { content: ""; }

.fa-neuter:before { content: ""; }

.fa-genderless:before { content: ""; }

.fa-facebook-official:before { content: ""; }

.fa-pinterest-p:before { content: ""; }

.fa-whatsapp:before { content: ""; }

.fa-server:before { content: ""; }

.fa-user-plus:before { content: ""; }

.fa-user-times:before { content: ""; }

.fa-hotel:before, .fa-bed:before { content: ""; }

.fa-viacoin:before { content: ""; }

.fa-train:before { content: ""; }

.fa-subway:before { content: ""; }

.fa-medium:before { content: ""; }

.fa-yc:before, .fa-y-combinator:before { content: ""; }

.fa-optin-monster:before { content: ""; }

.fa-opencart:before { content: ""; }

.fa-expeditedssl:before { content: ""; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

.fa-cc-jcb:before { content: ""; }

.fa-cc-diners-club:before { content: ""; }

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

.fa-creative-commons:before { content: ""; }

.fa-gg:before { content: ""; }

.fa-gg-circle:before { content: ""; }

.fa-tripadvisor:before { content: ""; }

.fa-odnoklassniki:before { content: ""; }

.fa-odnoklassniki-square:before { content: ""; }

.fa-get-pocket:before { content: ""; }

.fa-wikipedia-w:before { content: ""; }

.fa-safari:before { content: ""; }

.fa-chrome:before { content: ""; }

.fa-firefox:before { content: ""; }

.fa-opera:before { content: ""; }

.fa-internet-explorer:before { content: ""; }

.fa-tv:before, .fa-television:before { content: ""; }

.fa-contao:before { content: ""; }

.fa-500px:before { content: ""; }

.fa-amazon:before { content: ""; }

.fa-calendar-plus-o:before { content: ""; }

.fa-calendar-minus-o:before { content: ""; }

.fa-calendar-times-o:before { content: ""; }

.fa-calendar-check-o:before { content: ""; }

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

.fa-houzz:before { content: ""; }

.fa-vimeo:before { content: ""; }

.fa-black-tie:before { content: ""; }

.fa-fonticons:before { content: ""; }

.fa-reddit-alien:before { content: ""; }

.fa-edge:before { content: ""; }

.fa-credit-card-alt:before { content: ""; }

.fa-codiepie:before { content: ""; }

.fa-modx:before { content: ""; }

.fa-fort-awesome:before { content: ""; }

.fa-usb:before { content: ""; }

.fa-product-hunt:before { content: ""; }

.fa-mixcloud:before { content: ""; }

.fa-scribd:before { content: ""; }

.fa-pause-circle:before { content: ""; }

.fa-pause-circle-o:before { content: ""; }

.fa-stop-circle:before { content: ""; }

.fa-stop-circle-o:before { content: ""; }

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

.fa-bluetooth:before { content: ""; }

.fa-bluetooth-b:before { content: ""; }

.fa-percent:before { content: ""; }

.fa-gitlab:before { content: ""; }

.fa-wpbeginner:before { content: ""; }

.fa-wpforms:before { content: ""; }

.fa-envira:before { content: ""; }

.fa-universal-access:before { content: ""; }

.fa-wheelchair-alt:before { content: ""; }

.fa-question-circle-o:before { content: ""; }

.fa-blind:before { content: ""; }

.fa-audio-description:before { content: ""; }

.fa-volume-control-phone:before { content: ""; }

.fa-braille:before { content: ""; }

.fa-assistive-listening-systems:before { content: ""; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; }

.fa-glide:before { content: ""; }

.fa-glide-g:before { content: ""; }

.fa-signing:before, .fa-sign-language:before { content: ""; }

.fa-low-vision:before { content: ""; }

.fa-viadeo:before { content: ""; }

.fa-viadeo-square:before { content: ""; }

.fa-snapchat:before { content: ""; }

.fa-snapchat-ghost:before { content: ""; }

.fa-snapchat-square:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-first-order:before { content: ""; }

.fa-yoast:before { content: ""; }

.fa-themeisle:before { content: ""; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; }

.fa-fa:before, .fa-font-awesome:before { content: ""; }

.fa-handshake-o:before { content: ""; }

.fa-envelope-open:before { content: ""; }

.fa-envelope-open-o:before { content: ""; }

.fa-linode:before { content: ""; }

.fa-address-book:before { content: ""; }

.fa-address-book-o:before { content: ""; }

.fa-vcard:before, .fa-address-card:before { content: ""; }

.fa-vcard-o:before, .fa-address-card-o:before { content: ""; }

.fa-user-circle:before { content: ""; }

.fa-user-circle-o:before { content: ""; }

.fa-user-o:before { content: ""; }

.fa-id-badge:before { content: ""; }

.fa-drivers-license:before, .fa-id-card:before { content: ""; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; }

.fa-quora:before { content: ""; }

.fa-free-code-camp:before { content: ""; }

.fa-telegram:before { content: ""; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; }

.fa-shower:before { content: ""; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; }

.fa-podcast:before { content: ""; }

.fa-window-maximize:before { content: ""; }

.fa-window-minimize:before { content: ""; }

.fa-window-restore:before { content: ""; }

.fa-times-rectangle:before, .fa-window-close:before { content: ""; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; }

.fa-bandcamp:before { content: ""; }

.fa-grav:before { content: ""; }

.fa-etsy:before { content: ""; }

.fa-imdb:before { content: ""; }

.fa-ravelry:before { content: ""; }

.fa-eercast:before { content: ""; }

.fa-microchip:before { content: ""; }

.fa-snowflake-o:before { content: ""; }

.fa-superpowers:before { content: ""; }

.fa-wpexplorer:before { content: ""; }

.fa-meetup:before { content: ""; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

@media (max-width: 74.99em) { .xxx { background: red; }
  .xxx::before { content: "wide"; position: relative; top: 50px; background: #fff; display: inline-block; } }

@media (max-width: 61.99em) { .xxx { background: blue; }
  .xxx::before { content: "desktop"; position: relative; top: 50px; background: #fff; display: inline-block; }
  .div#ttCanvas .tt-post-thumb { display: none; }
  body.tistory_grid_700 div#ttCanvas .tt-span-12 { display: none; } }

@media (max-width: 47.99em) { .xxx { background: green; }
  .xxx::before { content: "tablet"; position: relative; top: 50px; background: #fff; display: inline-block; } }

@media (max-width: 29.99em) { .xxx { background: yellow; }
  .xxx::before { content: "mobile"; position: relative; top: 50px; background: #fff; display: inline-block; } }

.unselectable, .unselectable * { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.hidden { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ }

* { outline: 0; margin: 0; padding: 0; }

html, body, ul, ol, li, dl, dt, dd, a, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-decoration: none; list-style: none; color: inherit; }

html, body, html *, body * { box-sizing: border-box; }

/* Change the white to any color ;) */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

html, body { width: 100%; overflow-x: hidden; }

html { overflow-x: hidden; }

body { color: #444; font-family: 'Nanum Gothic', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size: 15px; font-weight: normal; letter-spacing: -1px; line-height: 1.33; }

.wrap { position: relative; width: 100%; float: left; }

.accel { -webkit-transition: all 300ms cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.15s ease-in-out; -moz-transition: all 300ms cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.15s ease-in-out; -ms-transition: all 300ms cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.15s ease-in-out; -o-transition: all 300ms cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.15s ease-in-out; transition: all 300ms cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.15s ease-in-out; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); transform: translate(0, 100px); opacity: 0; filter: alpha(opacity=0); }

.accel.on { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); }

.accel.order:nth-child(1) { -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; }

.accel.order:nth-child(2) { -webkit-transition-delay: 30ms; -moz-transition-delay: 30ms; -o-transition-delay: 30ms; transition-delay: 30ms; }

.accel.order:nth-child(3) { -webkit-transition-delay: 60ms; -moz-transition-delay: 60ms; -o-transition-delay: 60ms; transition-delay: 60ms; }

.accel.order4:nth-child(4) { -webkit-transition-delay: 90ms; -moz-transition-delay: 90ms; -o-transition-delay: 90ms; transition-delay: 90ms; }

.accel.order:nth-child(5) { -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms; }

.accel.order:nth-child(6) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; }

time, .cnt, .c_cnt, .count { font-family: "Overpass", sans-serif !important; letter-spacing: normal !important; }

.container { position: relative; width: 1170px; margin: 0 auto; }

.doc_top { position: relative; display: inline-block; float: left; width: 100%; padding-bottom: 47px; }

.top_bar { display: inline-block; width: 100%; height: 36px; line-height: 36px; float: left; background: #1e1e1e; color: #bbbbbb; font-size: 13px; }

.top_bar b { font-weight: 600; }

.bar_text { display: inline-block; float: left; }

.bar_links { display: inline-block; float: right; font-size: 12px; color: #848484; border-right: 1px solid #424242; }

.bar_links a { display: inline-block; /* margin-left: 25px; */ padding: 0 12px; border-left: 1px solid #424242; }

.bar_links a i { font-size: 12px; margin-right: 5px; }

.bar_links a:hover { color: #fff; }

.header { display: inline-block; width: 100%; height: 141px; line-height: 36px; float: left; padding: 30px 0; border-bottom: 1px solid #e9e9e9; text-align: center; -webkit-transition: height .1s ease-in-out; transition: height .1s ease-in-out; }

.mb_header { display: none; }

.header_logo { position: absolute; left: 0; top: 0; display: inline-block; float: left; padding: 10px 0; }

.header_logo .logo { display: inline-block; height: 60px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-transform: scale(1); transform: scale(1); }

.header_search { position: relative; display: inline-block; width: 100%; height: 46px; float: right; background: #f8f8f8; border: 2px solid #4082c6; }

.header_search button { position: absolute; top: 0; right: 0; display: inline-block; width: 70px; height: 100%; text-align: center; background: #4082c6; border: none; color: #fff; }

.search { position: relative; float: left; display: inline-block; width: 100%; padding-left: 20px; cursor: text; -webkit-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); transition: all 150ms cubic-bezier(0.425, 0, 0, 1); line-height: 44px; }

.search:hover, .search.active { color: #444; border-color: #4082c6; }

.search:hover #search::-webkit-input-placeholder, .search.active #search::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #444; }

.search:hover #search::-moz-placeholder, .search.active #search::-moz-placeholder { /* Firefox 19+ */ color: #444; }

.search:hover #search:-ms-input-placeholder, .search.active #search:-ms-input-placeholder { /* IE 10+ */ color: #444; }

.search:hover #search:-moz-placeholder, .search.active #search:-moz-placeholder { /* Firefox 18- */ color: #444; }

.search .fa-search { position: absolute; font-size: 18px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.search #search { display: inline-block; width: 100%; margin-left: 30px; padding-right: 50px; border: none; background: transparent; font-size: 15px; }

#search::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; font-weight: 100; font-size: 13px; }

#search::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-weight: 100; font-size: 13px; }

#search:-ms-input-placeholder { /* IE 10+ */ color: #fff; font-weight: 100; font-size: 13px; }

#search:-moz-placeholder { /* Firefox 18- */ color: #fff; font-weight: 100; font-size: 13px; }

.header_contents { display: inline-block; width: 580px; margin-top: 10px; }

.archive { display: inline-block; float: left; font-size: 12px; line-height: 1; margin-top: 10px; }

.archive i { display: inline-block; float: left; margin-right: 10px; }

.archive ul { display: inline-block; float: left; }

.archive ul li { display: inline-block; float: left; color: #949697; }

.archive ul li + li { margin-left: 10px; }

.archive ul li a { font-family: 'Nanum Square', sans-serif; letter-spacing: normal; }

.header_keywords { display: block; }

.btn_keywords { position: relative; display: inline-block; float: right; font-size: 13px; padding: 0 5px; line-height: 1; margin-top: 10px; }

.btn_keywords i { margin-left: 10px; }

.btn_keywords:hover .wrap_keywords { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1) translate(0); transform: scale(1) translate(0); pointer-events: auto; }

.wrap_keywords { position: absolute; top: 0; right: 0; display: inline-block; width: 280px; float: left; background: #fff; border: 1px solid #e9e9e9; padding: 20px; z-index: 101; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: scale(0.85) translateY(-10%); transform: scale(0.85) translateY(-10%); -webkit-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; }

.wrap_keywords ol, .wrap_keywords ol li { display: inline-block; width: 100%; float: left; }

.wrap_keywords ol { counter-reset: keywords; }

.wrap_keywords li { position: relative; line-height: 26px; margin-top: 5px; padding-top: 5px; border-top: 1px solid #e9e9e9; padding-left: 25px; text-align: left; }

.wrap_keywords li:first-child { border: none; }

.wrap_keywords li::before { content: counter(keywords); counter-increment: keywords; position: absolute; top: 10px; left: 0; display: inline-block; width: 15px; height: 15px; line-height: 16px; text-align: center; border-radius: 50%; font-size: 11px; background: #2196f3; overflow: hidden; color: #fff; }

.wrap_keywords li a { position: relative; display: inline-block; width: 100%; float: left; overflow: hidden; }

.wrap_keywords li a:hover { color: #000; }

.wrap_keywords li a:hover i { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.wrap_keywords li a i { position: absolute; right: 10px; top: 50%; color: #2196f3; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); transition: all 150ms cubic-bezier(0.425, 0, 0, 1); }

.trigger_keywords { cursor: pointer; }

.keywords_head { display: inline-block; width: 100%; height: 35px; line-height: 34px; color: #252525; font-weight: 600; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #fbfbfb; padding: 0 20px; font-size: 13px; float: left; margin-bottom: 5px; }

.gnb { position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; float: left; border-bottom: 1px solid #e9e9e9; background: rgba(255, 255, 255, 0.5); z-index: 100; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

.gnb.scrolled { position: fixed; top: 0; bottom: inherit; }

.gnb.scrolled .wrap_sub_logo { -webkit-transform: scale(1, 1); transform: scale(1, 1); z-index: 10; }

.gnb.scrolled .tt_category { -webkit-transform: translate(56px, 0); transform: translate(56px, 0); z-index: 1; }

.gnb.scrolled .wrap_toggle_navi { -webkit-transform: scale(1, 1); transform: scale(1, 1); z-index: 0; }

.gnb_inner { position: relative; display: inline-block; width: 100%; float: left; line-height: 46px; }

.wrap_sub_logo { position: relative; display: inline-block; width: 56px; height: 46px; float: left; border-left: 1px solid #e9e9e9; -webkit-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; -webkit-transform: scale(0, 1); transform: scale(0, 1); background: #fff; }

.gnb_sub_logo { position: absolute; left: 5px; top: 0; display: inline-block; width: 45px; height: 45px; overflow: hidden; -webkit-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); transition: all 150ms cubic-bezier(0.425, 0, 0, 1); }

.gnb_sub_logo .logo_border { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 60%; height: 60%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.gnb_sub_logo .logo_border img { -webkit-animation: logo_border_inner 5s linear infinite; -moz-animation: logo_border_inner 5s linear infinite; -ms-animation: logo_border_inner 5s linear infinite; -o-animation: logo_border_inner 5s linear infinite; animation: logo_border_inner 5s linear infinite; }

.gnb_sub_logo .logo_content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 43%; height: 43%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.gnb_sub_logo .logo_hover { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 60%; height: 60%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.gnb_sub_logo:hover { background: #fff; }

.gnb_sub_logo:hover .logo_hover { opacity: 1; filter: alpha(opacity=100); }

.gnb_sub_logo:hover .logo_border { opacity: 0; filter: alpha(opacity=0); }

.gnb_sub_logo:hover .logo_content { opacity: 0; filter: alpha(opacity=0); }

.gnb_sub_logo a { display: inline-block; width: 100%; height: 100%; }

.gnb_sub_logo a img { float: left; }

.tt_category { position: absolute; top: 0; right: 0; display: inline-block; width: 100%; float: left; color: #3e3e3d; -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); padding-right: 56px; }

.category_list { display: inline-block; width: 100%; height: 47px; background: #fff; float: left; border-bottom: 1px solid #e9e9e9; font-family: 'Nanum Square', sans-serif; letter-spacing: normal; }

.link_tit { display: none; }

.category_list > li { position: relative; display: inline-block; float: left; border-right: 1px solid #e9e9e9; width: 12.5%; text-align: center; }

.category_list > li:first-child { border-left: 1px solid #e9e9e9; }

.category_list > li > a { display: inline-block; width: 100%; height: 100%; font-weight: 600; line-height: 46px; font-size: 13px; }

.category_list > li > a:hover { color: #4082c6; }

.category_list > li > i { display: none; }

/* .category_list > li .sub_category_list { width: 200px; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; padding: 5px; background-clip: padding-box; background: #fff; color: #bbbbbb; -webkit-transform: scale(0.85) translateY(-10%); transform: scale(0.85) translateY(-10%); -webkit-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; z-index: 5; text-align: left; pointer-events: none; border: 1px solid #4082c6; } */
/* .category_list > li .sub_category_list { width: 200px; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; padding: 5px; background-clip: padding-box; background: rgba(0,0,0,0.6); color: #bbbbbb; -webkit-transform: scale(0.85) translateY(-10%); transform: scale(0.85) translateY(-10%); -webkit-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; z-index: 5; text-align: left; pointer-events: none; /* border: 1px solid #4082c6; } */
.category_list > li .sub_category_list { width: 200px; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; padding: 0; background-clip: padding-box; text-align:left; background: #fff; color: #4b4b4b; -webkit-transform: scale(0.85) translateY(-10%); transform: scale(0.85) translateY(-10%); pointer-events: none;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

/* .category_list > li .sub_category_list::before { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; right: 100%; bottom: 100%; margin-right: -75px; border-top-width: 0; border-bottom-color: #4082c6; } */
.category_list > li .sub_category_list::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  right: 100%;
  bottom: 100%;
  background: #4082c6;
 }
.category_list > li .sub_category_list::before { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; right: 100%; bottom: 100%; margin-right: -75px; border-top-width: 0; border-bottom-color: #4082c6; margin-bottom: 2px; }

/* .category_list > li .sub_category_list > li { position: relative; display: inline-block; width: 100%; float: left; line-height: 35px; background: #ececec; padding: 0 20px; color: #3e3e3d; } */
.category_list > li .sub_category_list > li { position: relative; display: inline-block; width: 100%; float: left; line-height: 40px; padding: 0 20px; color: #4b4b4b; }
.category_list > li .sub_category_list > li + li { border-top:1px solid #e9e9e9; }

/* .category_list > li .sub_category_list > li::before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; float: left; background: #4082c6; z-index: 0; -webkit-transition: -webkit-transform 0.15s ease; transition: transform 0.15s ease; -webkit-transform: scale(1, 0); transform: scale(1, 0); } */

/* .category_list > li .sub_category_list > li:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } */

.category_list > li .sub_category_list > li + li { margin-top: 1px; }

.category_list > li .sub_category_list > li > a { position: relative; display: inline-block; width: 100%; float: left; font-size: 13px; z-index: 1; }

.category_list > li .sub_category_list > li > a:hover { color: #000; }

.link_item .c_cnt { display: none; }

.link_item img { display: none; }

.wrap_toggle_navi { position: relative; display: inline-block; width: 56px; height: 46px; border-right: 1px solid #e9e9e9; z-index: 1; float: right; -webkit-transition: transform 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: transform 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: transform 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: transform 150ms cubic-bezier(0.425, 0, 0, 1); transition: transform 150ms cubic-bezier(0.425, 0, 0, 1); -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; -webkit-transform: scale(1, 1); transform: scale(1, 1); background: #f8f8f8; cursor: pointer; text-align: center; }

.wrap_toggle_navi::before { content: ''; position: absolute; bottom: -1px; left: 0; display: inline-block; width: 100%; height: 1px; background: #f8f8f8; }

.wrap_toggle_navi i { position: absolute; top: 50%; left: 0; display: inline-block; width: 100%; -webkit-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); transition: all 150ms cubic-bezier(0.425, 0, 0, 1); }

.wrap_toggle_navi .fa-bars { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, -50%) scale(2, 2); transform: translate(0, -50%) scale(2, 2); pointer-events: none; }

.wrap_toggle_navi .fa-times { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, -50%) scale(1, 1); transform: translate(0, -50%) scale(1, 1); pointer-events: auto; }

.wrap_navi_scroll { position: relative; display: inline-block; width: 100%; height: 370px; float: left; overflow: hidden; -webkit-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); transition: all 150ms cubic-bezier(0.425, 0, 0, 1); }

body.navi-hide .wrap_navi_scroll { height: 0; }

body.navi-hide .wrap_toggle_navi { background: #fff; }

body.navi-hide .wrap_toggle_navi::before { display: none; }

body.navi-hide .wrap_toggle_navi .fa-bars { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, -50%) scale(1, 1); transform: translate(0, -50%) scale(1, 1); pointer-events: auto; }

body.navi-hide .wrap_toggle_navi .fa-times { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, -50%) scale(2, 2); transform: translate(0, -50%) scale(2, 2); pointer-events: none; }

.navi_scroll { position: absolute; bottom: 0; display: inline-block; width: 100%; height: 370px; float: left; background: #f8f8f8; padding: 35px 0; border-bottom: 1px solid #e9e9e9; }

.navi_scroll_title { display: inline-block; width: 100%; float: left; margin-bottom: 20px; }

.scroll_title_bar { display: inline-block; width: 370px; height: 35px; line-height: 33px; border-top: 2px solid rgba(64, 130, 198, 0.57); border-bottom: 1px solid #e9e9e9; background: #fff; padding: 0 20px; font-size: 13px; float: left; font-weight: 600; font-family: 'Nanum Square', sans-serif; }

.scroll_title_bar:nth-child(1) { border-top-color: #2ab391; }

.scroll_title_bar:nth-child(2) { border-top-color: #2196f3; }

.scroll_title_bar:nth-child(3) { border-top-color: #d6456a; }

.scroll_title_bar a { font-size: 12px; color: #949697; float: right; }

.scroll_title_bar a:hover { color: #2196f3; }

.scroll_title_bar + .scroll_title_bar { margin-left: 30px; }

.navi_scroll_items { display: inline-block; width: 100%; float: left; }

.scroll_items_item { display: inline-block; width: 370px; float: left; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #fff; padding: 10px; }

.scroll_items_item + .scroll_items_item { margin-left: 30px; }

.scroll_items_item .sub_category_list { display: inline-block; width: 100%; height: 190px; overflow-y: scroll; float: left; }

.scroll_items_item .sub_category_list li { display: inline-block; width: 50%; float: left; padding: 5px; }

.scroll_items_item .sub_category_list li a { display: inline-block; width: 100%; float: left; height: 28px; line-height: 28px; background: #f8f8f8; padding: 0 15px; font-size: 12px; color: #252525; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.scroll_items_item .sub_category_list li a .c_cnt { float: right; font-size: 9px; color: #949697; margin-top: 6px; }

.scroll_item_search { display: inline-block; width: 100%; line-height: 28px; padding: 5px; }

.search_category_lb { position: relative; display: inline-block; width: 100%; height: 28px; border: none; background: #f8f8f8; padding-left: 15px; cursor: text; }

.search_category { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); float: left; display: inline-block; width: 100%; margin-left: 10px; padding-right: 50px; border: none; background: transparent; font-size: 12px; }

#tt-body-index .event_area { position: relative; display: inline-block; }

.wrap_event_area { position: relative; display: inline-block; width: 100%; float: left; }

.event_view_all { display: none; }

#tt-body-index .event_view_all { position: absolute; bottom: 10px; right: 10px; display: inline-block; background: rgba(0, 0, 0, 0.6); z-index: 10; color: #fff; border-radius: 3px; font-size: 12px; }

#tt-body-index .event_view_all a { display: inline-block; width: 100%; height: 100%; padding: 10px 20px; }

.event_area { position: relative; display: none; width: 100%; float: left; height: 300px; }

.event_area .item { display: inline-block; width: 100%; height: 100%; float: left; -webkit-transition: all 400ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 400ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 400ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 400ms cubic-bezier(0.425, 0, 0, 1); transition: all 400ms cubic-bezier(0.425, 0, 0, 1); opacity: 0.2; filter: alpha(opacity=20); }

.event_area .active .item { opacity: 1; filter: alpha(opacity=100); }

.event_area .active .event_box_txt { opacity: 1; filter: alpha(opacity=100); }

.event_area .active .event_box_txt h3 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.event_area .active .event_box_txt p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.event_area .active .event_box_txt .btn_read { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.event_area .event_box_txt { position: absolute; top: 0; left: 0; display: inline-block; width: 390px; height: 300px; background: rgba(23, 23, 23, 0.65); padding: 25px; z-index: 1; -webkit-transition: all 600ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 600ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 600ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 600ms cubic-bezier(0.425, 0, 0, 1); transition: all 600ms cubic-bezier(0.425, 0, 0, 1); opacity: 0; filter: alpha(opacity=0); }

.event_area .event_box_txt h3, .event_area .event_box_txt p, .event_area .event_box_txt span { margin-bottom: 15px; }

.event_area .event_box_txt h3 { font-family: 'Nanum Square', sans-serif; display: inline-block; width: 100%; float: left; max-height: 78px; font-size: 32px; color: #fff; font-weight: 300; overflow: hidden; -webkit-transition: all 600ms 200ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 600ms 200ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 600ms 200ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 600ms 200ms cubic-bezier(0.425, 0, 0, 1); transition: all 600ms 200ms cubic-bezier(0.425, 0, 0, 1); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, -15px); transform: translate(0, -15px); }

.event_area .event_box_txt p { display: inline-block; width: 100%; float: left; max-height: 106px; color: #8c989c; line-height: 1.8; overflow: hidden; -webkit-transition: all 600ms 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 600ms 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 600ms 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 600ms 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 600ms 300ms cubic-bezier(0.425, 0, 0, 1); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, -15px); transform: translate(0, -15px); }

.btn_read { display: inline-block; line-height: 36px; background: #4082c6; color: #fff; -webkit-transition: all 600ms 400ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 600ms 400ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 600ms 400ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 600ms 400ms cubic-bezier(0.425, 0, 0, 1); transition: all 600ms 400ms cubic-bezier(0.425, 0, 0, 1); }

.btn_read a { display: inline-block; width: 100%; height: 100%; padding: 0 20px; }

.event_box_txt .btn_read { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, -15px); transform: translate(0, -15px); }

.event_box_img { position: relative; display: inline-block; width: 100%; height: 100%; float: left; z-index: 0; overflow: hidden; }

.event_box_img .event_box_img_inner { display: inline-block; width: 100%; height: 100%; filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03); }

.owl-dots { position: absolute; z-index: 1; top: 20px; right: 30px; display: inline-block; float: left; }

.owl-dot { display: inline-block; float: left; width: 10px; height: 10px; background: rgba(64, 130, 198, 0.5); border-radius: 50%; margin: 0 3px; -webkit-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); transition: all 150ms cubic-bezier(0.425, 0, 0, 1); }

.owl-dot.active { background: #fff; width: 15px; height: 15px; }

.main { display: inline-block; width: 100%; float: left; margin-top: 10px; }

.wrap_content { display: inline-block; width: 100%; float: left; position: relative; padding-top: 35px; }

.wrap_content .content { display: inline-block; float: left; width: 820px; padding-right: 20px; border-right: 1px solid #e9e9e9; }

.wrap_content .aside { display: inline-block; float: left; width: 350px; padding-left: 20px; -webkit-transition: height 150ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: height 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: height 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: height 150ms cubic-bezier(0.425, 0, 0, 1); transition: height 150ms cubic-bezier(0.425, 0, 0, 1); }

.recent_item { display: inline-block; width: 100%; float: left; margin-bottom: 35px; }

.recent_item:last-child { margin: 0; }

.recent_title_bar { display: inline-block; width: 100%; height: 35px; line-height: 34px; color: #000; font-family: 'Nanum Square', sans-serif; font-weight:600; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #fbfbfb; padding: 0 20px; font-size: 15px; float: left; margin-bottom: 28px; }
/* .recent_title_bar { display: inline-block; width: 100%; height: 35px; line-height: 34px; color: #000; font-weight:600; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #fbfbfb; padding: 0 20px; font-size: 15px; float: left; margin-bottom: 28px; } */

.recent_title_bar a { font-size: 12px; color: #949697; float: right; }

.recent_title_bar a:hover { color: #2196f3; }

.recent_lists { display: inline-block; width: 100%; float: left; }

.recent_main, .recent_sub { display: inline-block; width: 387px; float: left; }

.recent_main + .recent_sub, .recent_sub + .recent_main { margin-left: 25px; padding-left: 25px; border-left: 1px solid #e9e9e9; }

 .recent_title { font-family: 'Nanum Square', sans-serif; }

.recent_main .recent_thumb { display: inline-block; width: 100%; height: 227px; position: relative; margin-bottom: 10px; }

.recent_main .recent_thumb img { display: block; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.recent_main .recent_info { display: inline-block; width: 100%; float: left; }

.recent_main .recent_info .recent_title { display: block; font-size: 16px; color: #000; line-height: 22px; font-weight: bold; max-height: 44px; margin-bottom: 5px; overflow: hidden; }

.recent_main .recent_info .recent_etc { font-size: 12px; color: #bcbcbc; margin-bottom: 15px; }

.recent_main .recent_info .recent_etc .category { color: #2196f3; }

.recent_main .recent_info .recent_desc { display: block; height: 66px; max-height: 66px; font-size: 15px; line-height: 22px; color: #777777; overflow: hidden; }

.recent_main .recent_info p { display: inline-block; width: 100%; float: left; }

.recent_sub li { display: inline-block; width: 100%; float: left; position: relative; }

.recent_sub li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e9e9; }

.recent_sub .recent_thumb { display: inline-block; float: left; width: 105px; height: 65px; position: relative; }

.recent_sub .recent_thumb img { display: block; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.recent_sub .recent_info { padding-left: 125px; }

.recent_sub .recent_info .recent_title { display: block; font-size: 15px; color: #000; line-height: 22px; font-weight: bold; max-height: 44px; height: 44px; margin-bottom: 6px; overflow: hidden; }

.recent_sub .recent_info .recent_etc { font-size: 12px; color: #bcbcbc; }

.recent_sub .recent_info .recent_etc .category { color: #2196f3; }

.recent_sub .recent_info .recent_desc { font-size: 14px; line-height: 22px; color: #777777; }

.recent_sub .recent_info p { display: inline-block; width: 100%; float: left; }

.recent_webzine li { display: inline-block; width: 100%; float: left; }

.recent_webzine li + li { margin-top: 25px; padding-top: 25px; border-top: 1px solid #e9e9e9; }

.recent_webzine .recent_thumb { display: inline-block; float: left; width: 230px; height: 150px; }

.recent_webzine .recent_info { padding-left: 250px; }

.recent_webzine .recent_info p { display: inline-block; width: 100%; float: left; }

.recent_webzine .recent_info .recent_title { font-size: 16px; color: #000; line-height: 22px; font-weight: bold; max-height: 44px; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.recent_webzine .recent_info .recent_etc { font-size: 12px; color: #bcbcbc; margin-bottom: 15px; }

.recent_webzine .recent_info .recent_etc .category { color: #2196f3; }

.recent_webzine .recent_info .recent_desc { font-size: 14px; line-height: 22px; color: #777777; }

.recent_texttype li { display: inline-block; width: 387px; float: left; }

.recent_texttype li:nth-child(even) { margin-left: 25px; padding-left: 25px; border-left: 1px solid #e9e9e9; }

.recent_texttype li:first-child .recent_info, .recent_texttype li:nth-child(2) .recent_info { border-top: none!important; padding-top: 0!important; margin-top: 0!important; }

.recent_texttype .recent_info { border-top: 1px solid #e9e9e9; padding-top: 25px; margin-top: 25px; display: block; float: left; width: 100%; }

.recent_texttype .recent_info p { display: inline-block; width: 100%; float: left; }

.recent_texttype .recent_info .recent_title { font-size: 16px; color: #000; line-height: 22px; font-weight: bold; max-height: 44px; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.recent_texttype .recent_info .recent_etc { font-size: 12px; color: #bcbcbc; margin-bottom: 15px; }

.recent_texttype .recent_info .recent_etc .category { color: #2196f3; }

.recent_texttype .recent_info .recent_desc { display: block; font-size: 14px; line-height: 22px; color: #777777; height: 44px; max-height: 44px; overflow: hidden; }

.aside_item { display: inline-block; width: 100%; float: left; }

/* .aside_item + .aside_item { margin-top: 35px; } */
.aside_item + .aside_item { margin-top: 20px; }

.accordion { display: inline-block; }

.accordion .acc_btns { position: relative; }

.accordion .acc_btns::before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 108px; height: 100%; float: left; background: #4082c6; z-index: 1; -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.accordion.tab1 .acc_btns::before { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.accordion.tab1 .btn_acc:first-child span { color: #fff; }

.accordion.tab1 .acc_contents_inner { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.accordion.tab2 .acc_btns::before { -webkit-transform: translate(110px, 0); transform: translate(110px, 0); }

.accordion.tab2 .btn_acc:nth-child(2) span { color: #fff; }

.accordion.tab2 .acc_contents_inner { -webkit-transform: translate(-33.333333%, 0); transform: translate(-33.333333%, 0); }

.accordion.tab3 .acc_btns::before { -webkit-transform: translate(220px, 0); transform: translate(220px, 0); }

.accordion.tab3 .btn_acc:nth-child(3) span { color: #fff; }

.accordion.tab3 .acc_contents_inner { -webkit-transform: translate(-66.666666%, 0); transform: translate(-66.666666%, 0); }

.accordion .ara_item_image { position: relative; }

.accordion .ara_item_image .cnt { position: absolute; bottom: 0; right: 0; display: inline-block; width: 60px; text-align: center; line-height: 26px; color: #fff; background: rgba(0, 0, 0, 0.6); font-size: 11px; }

.accordion .ara_item_image .cnt i { font-size: 12px; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); margin-right: 6px; }

.acc_btns { display: inline-block; width: 100%; float: left; margin-bottom: 20px; }

.btn_acc { position: relative; display: inline-block; width: 108px; float: left; line-height: 35px; font-family: 'Nanum Square', sans-serif; background: #e9e9e9; cursor: pointer; }

.btn_acc + .btn_acc { margin-left: 2px; }

.btn_acc span { position: relative; display: inline-block; width: 100%; height: 100%; text-align: center; color: #19232d; font-size: 13px; font-weight: 400; line-height: 1; z-index: 2; -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.acc_page { overflow: hidden; }

/* .acc_page, .acc_contents, .aside_recent_article, .aside_recent_article li { display: inline-block; width: 100%; float: left; min-height: 100px; } */
.acc_page, .acc_contents, .aside_recent_article, .aside_recent_article li { display: inline-block; width: 100%; float: left;  }

.acc_contents { overflow: hidden; -webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -moz-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -ms-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -o-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); }

.acc_contents_inner { display: inline-block; width: 300%; float: left; -webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -moz-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -ms-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -o-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); }

.acc_page { width: 33.333333%; }

.aside_recent_article li:last-child, .aside_recent_comments li:last-child, .aside_links li:last-child { padding-bottom: 20px; margin-bottom: 20px; }

.aside_recent_article li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e9e9; }

/* .aside_recent_article li:first-child { width: 100%; height: 220px; }
/* .aside_recent_article li:first-child .ara_item_image { width: 100%; height: 220px; }

.aside_recent_article li:first-child .ara_item_image .ara_item_image_inner { width: 100%; height: 220px; }

.aside_recent_article li:first-child .ara_item_image .ara_item_image_inner::before { content: ''; display: inline-block; width: 100%; height: 100%; background: rgba(76, 76, 76, 0); background: -moz-linear-gradient(top, rgba(76, 76, 76, 0) 0%, rgba(76, 76, 76, 0.47) 55%, rgba(19, 19, 19, 0.85) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76, 76, 76, 0)), color-stop(55%, rgba(76, 76, 76, 0.47)), color-stop(100%, rgba(19, 19, 19, 0.85))); background: -webkit-linear-gradient(top, rgba(76, 76, 76, 0) 0%, rgba(76, 76, 76, 0.47) 55%, rgba(19, 19, 19, 0.85) 100%); background: -o-linear-gradient(top, rgba(76, 76, 76, 0) 0%, rgba(76, 76, 76, 0.47) 55%, rgba(19, 19, 19, 0.85) 100%); background: -ms-linear-gradient(top, rgba(76, 76, 76, 0) 0%, rgba(76, 76, 76, 0.47) 55%, rgba(19, 19, 19, 0.85) 100%); background: linear-gradient(to bottom, rgba(76, 76, 76, 0) 0%, rgba(76, 76, 76, 0.47) 55%, rgba(19, 19, 19, 0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); }

.aside_recent_article li:first-child .ara_item_image .ara_item_image_inner .cnt { bottom: inherit; top: 20px; }

.aside_recent_article li:first-child .ara_item_info { position: absolute; bottom: 0; padding: 20px; z-index: 2; }

.aside_recent_article li:first-child .ara_item_info .ara_title { font-size: 16px; color: #fff; }

.aside_recent_article li:first-child .ara_item_info .ara_author { color: #bcbcbc; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } */

.ara_item { display: inline-block; width: 100%; float: left; position: relative; }

.ara_item_image { display: inline-block; float: left; width: 108px; position: relative; }

.ara_item_image .ara_item_image_inner { display: inline-block; width: 100%; height: 67px; float: left; position: relative; z-index: 1; }

.ara_item_image::before { content: ''; position: absolute; top: 0; left: 0; text-align: center; display: inline-block; width: 100%; height: 100%; background: #eee; }

.ara_item_image .dummy_image { position: absolute; display: inline-block; width: 100%; font-size: 15px; font-size: 8vh; color: #fff; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; }

.ara_item_info { padding-left: 128px; }

.ara_item_info p { display: inline-block; width: 100%; float: left; }

.ara_title { display: block; font-size: 16px; color: #19232d; line-height: 22px; max-height: 44px; margin-bottom: 6px; overflow: hidden; font-family: 'Nanum Square', sans-serif; }

.ara_author { font-size: 12px; color: #bcbcbc; }

.aside_recent_comments li { display: inline-block; width: 100%; float: left; }

.aside_recent_comments li a:hover .arc_item_icon { background: #fff; border-color: #2196f3; }

.aside_recent_comments li a:hover .arc_item_icon .fa-comment-o { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(-1, 1) translate(-20px, 0); transform: scale(-1, 1) translate(-20px, 0); }

.aside_recent_comments li a:hover .arc_item_icon .fa-ellipsis-h { opacity: 1; filter: alpha(opacity=100); -wekbit-transform: scale(1, 1) translate(0, 0); transform: scale(1, 1) translate(0, 0); }

.aside_recent_comments li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e9e9; }

.arc_item { display: inline-block; width: 100%; float: left; position: relative; }

.arc_item_icon { position: relative; display: inline-block; float: left; width: 40px; height: 40px; position: relative; border-radius: 3px; background: #fbfbfb; border: 1px solid #e9e9e9; text-align: center; line-height: 40px; margin-left: 1px; }

.arc_item_icon i { font-size: 15px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }

.arc_item_icon .fa-comment-o { -webkit-transform: scale(-1, 1) translate(0, 0); transform: scale(-1, 1) translate(0, 0); opacity: 1; filter: alpha(opacity=100); }

.arc_item_icon .fa-ellipsis-h { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; text-align: center; line-height: 40px; opacity: 0; filter: alpha(opacity=0); -wekbit-transform: scale(1.5, 1.5) translate(-20px, 0); transform: scale(1.5, 1.5) translate(-20px, 0); }

.arc_item_info { position: absolute; width: 100%; padding-left: 60px; }

.arc_item_info p { display: inline-block; width: 100%; float: left; }

.arc_title { font-size: 15px; font-family: 'Nanum Square', sans-serif; }

.arc_title span { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arc_author { font-size: 12px; color: #bcbcbc; }

.arc_author time { float: right; color: #2196f3; }

.arc_item_icon .fa-globe { -webkit-transform: scale(-1, 1) translate(0, 0); transform: scale(-1, 1) translate(0, 0); opacity: 1; filter: alpha(opacity=100); }

.arc_item_icon .fa-external-link { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; text-align: center; line-height: 40px; opacity: 0; filter: alpha(opacity=0); -wekbit-transform: scale(1.5, 1.5) translate(-20px, 0); transform: scale(1.5, 1.5) translate(-20px, 0); }

.aside_links li { display: inline-block; width: 100%; float: left; }

.aside_links li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e9e9; }

.aside_links li a:hover .arc_item_icon { background: #fff; border-color: #2196f3; }

.aside_links li a:hover .arc_item_icon .fa-globe { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(-1, 1) translate(-20px, 0); transform: scale(-1, 1) translate(-20px, 0); }

.aside_links li a:hover .arc_item_icon .fa-external-link { opacity: 1; filter: alpha(opacity=100); -wekbit-transform: scale(1, 1) translate(0, 0); transform: scale(1, 1) translate(0, 0); }

.side_bar_slider { overflow:hidden; position:relative;}

.side_bar_slider .owl-prev, .side_bar_slider .owl-next { position:absolute; top:50%; font-size:30px; cursor: e-resize; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:1; color:#fff; }

.side_bar_slider .owl-prev { left:5px; padding-right:30px; }

.side_bar_slider .owl-next { right:5px; padding-left:30px; }


.banners { display: inline-block; width: 100%; float: left; margin-top: 20px; padding: 20px 0; border-top: 1px solid #e9e9e9; }

.banners ul { display: inline-block; width: 100%; float: left; }

.banners li { position: relative; display: inline-block; width: 185px; height: 80px; float: left; border: 1px solid #e9e9e9; padding: 5px; }

.banners li:hover .banner_tooltip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1, 1); transform: scale(1, 1); pointer-events: auto; }

.banners li a { display: inline-block; width: 100%; height: 100%; float: left; }

.banners li + li { margin-left: 12px; }

.banners li img { display: inline-block; width: 100%; height: 67px; float: left; }

.banners .banner_tooltip { position: absolute; display: inline-block; line-height: 28px; height: 28px; width: 100%; top: -38px; left: 0; font-size: 12px; background: #1e1e1e; text-align: center; border-radius: 3px; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1, 0); transform: scale(1, 0); -ms-transform-origin: left bottom; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; transform-origin: left bottom; -webkit-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -moz-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -ms-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -o-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; pointer-events: none; }

.banners .banner_tooltip::before { content: ''; position: absolute; width: 0; height: 0; border: 5px solid transparent; left: 50%; top: 100%; border-bottom-width: 0; border-top-color: #1e1e1e; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.bottom_intro { position: relative; display: inline-block; width: 100%; float: left; color: #574a49; padding: 50px 0; }

.bottom_intro::before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: #c5c1be url("./images/bottom_intro_bg.png") right no-repeat; z-index: -1; opacity: 0.5; filter: alpha(opacity=50); }

.bottom_intro_title { font-family: 'Nanum Square', sans-serif; font-size: 25px; line-height: 1.35; margin-bottom: 30px; }

.intro_title_name { font-weight: 600; }

.bottom_intro_item { position: relative; display: inline-block; float: left; font-size: 18px; }

.bottom_intro_item a { font-weight: 600; font-family: "Nanum Square", sans-serif !important; letter-spacing: normal !important; }

.bottom_intro_item i { display: inline-block; width: 21px; height: 21px; font-size: 12px; line-height: 21px; background: rgba(0, 0, 0, 0.1); vertical-align: middle; text-align: center; border-radius: 3px; }

.bottom_intro_item + .bottom_intro_item { margin-left: 40px; }

.bottom_intro_item + .bottom_intro_item::before { content: ''; position: absolute; display: inline-block; width: 1px; height: 65%; left: -20px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: #574a49; }

.footer { display: inline-block; width: 100%; float: left; background: #1e1e1e; padding-top: 25px; text-align: center; }

.company_contents { display: inline-block; width: 100%; float: left; }

.footer_ment { position: relative; display: inline-block; width: 380px; padding: 10px 20px; float: left; background: rgba(0, 0, 0, 0.5); color: #a9a9a9; font-size: 13px; line-height: 1.5; border-radius: 5px; }

.footer_ment_logo { position: absolute; top: 50%; left: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block; width: 55px; height: 55px; float: left; }

.footer_ment_logo img { width: 100%; }

.footer_ment_logo .logo_white { display: none; }

.footer_ment_text { padding-left: 75px; }

.ment_text_primary { font-size: 15px; font-weight: 400; color: #fff; margin-bottom: 5px; }

.footer_contents { display: inline-block; width: 100%; float: left; }

.footer_top { display: inline-block; width: 100%; float: left; }

.footer_top ul { display: inline-block; width: 100%; font-size: 13px; line-height: 1; border-bottom: 1px solid rgba(255, 255, 255, 0.1); height: 40px; line-height: 40px; }

.footer_top ul li { position: relative; display: inline-block; margin-left: 40px; color: #a9a9a9; }

.footer_top ul li:hover { color: #fff; }

.footer_top ul li:first-child { margin-left: 0; }

.footer_top ul li:first-child::before { display: none; }

.footer_top ul li::before { content: ''; display: inline-block; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.1); position: absolute; top: 50%; left: -20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.footer_bot, .footer_info { display: inline-block; width: 100%; float: left; }

.footer_info dl { display: inline-block; width: 100%; float: left; color: #a9a9a9; line-height: 45px; }

.footer_info dt, .footer_info dd { display: inline-block; font-size: 13px; }

.footer_info dt { font-weight: 400; color: #fff; margin-left: 15px; margin-right: 5px; }

.footer_info dt:first-child { margin-left: 0; }

.copyright { display: inline-block; width: 100%; float: left; text-align: center; margin: 10px 0 25px 0; font-size: 12px; color: #797979; }

.article_inner { float: left; width: 100%; }

.article_inner .representation { z-index: 1; }

/* .article_inner .article { position: relative; overflow: hidden; } */
.article_inner .article { position: relative; overflow: hidden; float:left; width:100%;}

.article_inner .article:hover .control_panel { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); }

.article_inner .article .control_panel { position: absolute; top: 0; right: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); z-index: 1; }

.article_inner .article .control_panel .control_trigger { position: relative; display: inline-block; width: 46px; height: 46px; border: 1px solid #d8d8d8; text-align: center; line-height: 46px; color: #aaa; cursor: pointer; }

.article_inner .article .control_panel .control_trigger:hover { background: #2ab391; color: #fff; border-color: #2ab391; }

.article_inner .article .control_panel .control_trigger:hover .control_inner { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); pointer-events: auto; }

.article_inner .article .control_panel .control_inner { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.85) translateY(-10%); transform: scale(0.85) translateY(-10%); -webkit-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -moz-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -ms-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -o-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; pointer-events: none; display: inline-block; float: left; width: 170px; position: absolute; top: 100%; right: 0; margin-top: 10px; background: #000; padding: 9px 16px; border-radius: 3px; }

.article_inner .article .control_panel .control_inner::before { content: ''; position: absolute; width: 0; height: 0; border: 5px solid transparent; bottom: 100%; margin-right: -5px; border-top-width: 0; border-bottom-color: #000; right: 23px; }

.article_inner .article .control_panel .control_inner::after { content: ''; position: absolute; width: 100%; height: 10px; bottom: 100%; right: 0; }

.article_inner .article .control_panel .panel_item { float: left; display: inline-block; width: 100%; text-align: center; -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); text-align: left; }

.article_inner .article .control_panel .panel_item a { display: block; min-width: 130px; padding: 5px 0; font-size: 15px; line-height: 1.6; color: #fff; white-space: nowrap; font-size: 13px; -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.article_inner .article .control_panel .panel_item a:hover { color: #999; }

.article_inner .article .notice_cate { display: inline-block; width: 100%; float: left; margin-bottom: 18px; }

.article_inner .article .notice_cate span { position: relative; display: inline-block; float: left; background: #2ab391; line-height: 20px; padding: 0 10px; border-radius: 2px; font-size: 12px; color: #fff; }
.article_top_baaner { position:relative; width:100%; padding-top:120px; float:left; margin-bottom:30px;}
.article_top_baaner a { overflow:hidden; background-position:center; background-size:cover; }
/* .article_top_baaner img { width:100%; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); } */
.article_top_baaner .article_top_banner_left { position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('./images/img01.jpg'); }
.article_top_baaner .article_top_banner_right { position:absolute; top:0; right:0; width:50%; height:100%; background-image:url('./images/img02.jpg');}
.article_inner .article .article_cate { display: inline-block; width: 100%; float: left; margin-bottom: 18px; }

.article_inner .article .article_cate span { position: relative; display: inline-block; float: left; background: #2ab391; line-height: 20px; padding: 0 10px; border-radius: 2px; font-size: 12px; color: #fff; }

.article_inner .article .article_cate span + span { margin-left: 26px; }

.article_inner .article .article_cate span + span::before { content: "\f101"; position: absolute; top: 50%; left: -20px; padding: 0 3px; margin-right: 3px; -webkit-font-smoothing: antialiased; color: rgba(0, 0, 0, 0.5); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.article_inner .article .article_title { display: inline-block; float: left; width: 100%; font-size: 32px; max-height: inherit; }

.article_inner .article .article_share { display: inline-block; width: 100%; float: left; margin-bottom: 35px; }

.article_inner .article .article_share ul.opened .googleplus { display: inline-block; }

.article_inner .article .article_share ul.opened .twitter { display: inline-block; }

.article_inner .article .article_share ul.opened .share_more { display: none; }

.article_inner .article .article_share li { position: relative; display: inline-block; float: left; line-height: 35px; height: 35px; color: #fff; border-radius: 2px; overflow: hidden; margin: 3.5px; }

.article_inner .article .article_share li a { display: inline-block; float: left; padding-left: 34px; padding-right: 20px; line-height: 34px; font-size: 13px; font-weight: 300; font-family: 'Nanum Square', sans-serif; }

.article_inner .article .article_share li img { display: inline-block; width: 13px; position: absolute; top: 50%; left: 10px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.article_inner .article .article_share li.facebook { background: #3b5998; }

.article_inner .article .article_share li.kakaostory { background: #f9e000; color: #1e1e1e; }

.article_inner .article .article_share li.naver { background: #00c73c; }

.article_inner .article .article_share li.googleplus { display: none; background: #d34836; }

.article_inner .article .article_share li.googleplus img { width: 16px; }

.article_inner .article .article_share li.twitter { display: none; background: #1da1f2; }

.article_inner .article .article_share li.share_more { width: 34px; height: 34px; border: 1px solid #d8d8d8; color: #aaa; font-size: 20px; }

.article_inner .article .article_share li.share_more a { display: inline-block; width: 100%; height: 100%; line-height: 35px; text-align: center; padding: 0; font-size: 21px; font-weight: 600; }

.article_inner .article .article_desc { display: inline-block; margin: 0; }

.article_inner .article .incidental { margin-top: 0; }

#tt-body-category .search_result, #tt-body-search .search_result, #tt-body-archive .search_result, #tt-body-tag .search_result { margin-bottom: 35px; }

#tt-body-category .view_control, #tt-body-search .view_control, #tt-body-archive .view_control, #tt-body-tag .view_control { position: absolute; top: 0; right: 0; z-index: 2; }

#tt-body-category .view_control:hover .view_control_wrapper, #tt-body-search .view_control:hover .view_control_wrapper, #tt-body-archive .view_control:hover .view_control_wrapper, #tt-body-tag .view_control:hover .view_control_wrapper { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); pointer-events: auto; }

#tt-body-category .view_control.card .view_current .list, #tt-body-search .view_control.card .view_current .list, #tt-body-archive .view_control.card .view_current .list, #tt-body-tag .view_control.card .view_current .list { display: none; }

#tt-body-category .view_control.card .view_control_wrapper .card, #tt-body-search .view_control.card .view_control_wrapper .card, #tt-body-archive .view_control.card .view_control_wrapper .card, #tt-body-tag .view_control.card .view_control_wrapper .card { display: none; }

#tt-body-category .view_control.list .view_current .card, #tt-body-search .view_control.list .view_current .card, #tt-body-archive .view_control.list .view_current .card, #tt-body-tag .view_control.list .view_current .card { display: none; }

#tt-body-category .view_control.list .view_control_wrapper .list, #tt-body-search .view_control.list .view_control_wrapper .list, #tt-body-archive .view_control.list .view_control_wrapper .list, #tt-body-tag .view_control.list .view_control_wrapper .list { display: none; }

#tt-body-category .view_current, #tt-body-search .view_current, #tt-body-archive .view_current, #tt-body-tag .view_current { display: inline-block; width: 46px; height: 46px; border: 1px solid #d8d8d8; text-align: center; line-height: 46px; color: #aaa; cursor: pointer; }

#tt-body-category .view_control_wrapper, #tt-body-search .view_control_wrapper, #tt-body-archive .view_control_wrapper, #tt-body-tag .view_control_wrapper { position: absolute; top: 100%; right: 0; display: inline-block; width: 46px; height: 46px; border: 1px solid #d8d8d8; border-top: none; text-align: center; line-height: 46px; color: #aaa; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.85) translateY(-10%); transform: scale(0.85) translateY(-10%); -webkit-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -moz-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -ms-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; -o-transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out; pointer-events: none; background: #fff; }

#tt-body-category .view_control_wrapper:hover, #tt-body-search .view_control_wrapper:hover, #tt-body-archive .view_control_wrapper:hover, #tt-body-tag .view_control_wrapper:hover { border-color: #2ab391; background: #2ab391; color: #fff; }

#tt-body-category .recent_post, #tt-body-search .recent_post, #tt-body-archive .recent_post, #tt-body-tag .recent_post { position: relative; float: left; width: 50%; padding: 0; margin-bottom: 35px; }

#tt-body-category .recent_thumb, #tt-body-search .recent_thumb, #tt-body-archive .recent_thumb, #tt-body-tag .recent_thumb { width: 120px; height: 100px; float: left; }

#tt-body-category .article_contents, #tt-body-search .article_contents, #tt-body-archive .article_contents, #tt-body-tag .article_contents { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100px; float: left; padding-left: 135px; padding-right: 30px; padding-top: 30px; }

#tt-body-category .article_title, #tt-body-search .article_title, #tt-body-archive .article_title, #tt-body-tag .article_title { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #000; line-height: 1.33; }

#tt-body-category .article_desc, #tt-body-search .article_desc, #tt-body-archive .article_desc, #tt-body-tag .article_desc { display: inline-block; height: 38px; float: left; font-size: 12px; line-height: 1.6; overflow: hidden; margin: 10px 0; padding-left: 5px; }

#tt-body-category .incidental, #tt-body-search .incidental, #tt-body-archive .incidental, #tt-body-tag .incidental { margin: 0; }

#tt-body-category .incidental > span, #tt-body-search .incidental > span, #tt-body-archive .incidental > span, #tt-body-tag .incidental > span { display: inline-block; width: 50%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#tt-body-category .incidental .date, #tt-body-search .incidental .date, #tt-body-archive .incidental .date, #tt-body-tag .incidental .date { font-family: 'Overpass', sans-serif; }

#tt-body-category .incidental .date::before, #tt-body-search .incidental .date::before, #tt-body-archive .incidental .date::before, #tt-body-tag .incidental .date::before { display: none; }

#tt-body-category .recent_post.card, #tt-body-search .recent_post.card, #tt-body-archive .recent_post.card, #tt-body-tag .recent_post.card { width: 33.3333333%; padding: 0 15px; }

#tt-body-category .recent_post.card .article_title, #tt-body-search .recent_post.card .article_title, #tt-body-archive .recent_post.card .article_title, #tt-body-tag .recent_post.card .article_title { margin: 0; height: 35px; max-height: 35px; white-space: inherit; overflow: hidden; text-overflow: inherit; }

#tt-body-category .recent_post.card .cate, #tt-body-search .recent_post.card .cate, #tt-body-archive .recent_post.card .cate, #tt-body-tag .recent_post.card .cate { line-height: 30px; top: 0; left: 0; width: 100%; padding: 0 15px; }

#tt-body-category .recent_post.card .cate .cate_inner, #tt-body-search .recent_post.card .cate .cate_inner, #tt-body-archive .recent_post.card .cate .cate_inner, #tt-body-tag .recent_post.card .cate .cate_inner { display: inline-block; text-align: center; line-height: 35px; color: #fff; background: rgba(0, 0, 0, 0.6); font-size: 14px; width: 100%; border-radius: 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;}

#tt-body-category .recent_post.card .recent_thumb, #tt-body-search .recent_post.card .recent_thumb, #tt-body-archive .recent_post.card .recent_thumb, #tt-body-tag .recent_post.card .recent_thumb { width: 100%; height: 140px; float: left; margin-bottom: 15px; }

/* #tt-body-category .recent_post.card .article_contents, #tt-body-search .recent_post.card .article_contents, #tt-body-archive .recent_post.card .article_contents, #tt-body-tag .recent_post.card .article_contents { position: relative; height: auto; padding: 0; } */
#tt-body-category .recent_post.card .article_contents, #tt-body-search .recent_post.card .article_contents, #tt-body-archive .recent_post.card .article_contents, #tt-body-tag .recent_post.card .article_contents {
  position:relative;
  width: 100%;
  float: left;
  font-size: 14px;
  color: #000;
  line-height: 1.33;
  border: 1px solid #e9e9e9;
  padding: 5px 10px;
  border-radius: 3px;
  height: 48px;
  max-height: 48px;
  overflow: hidden;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
 }

#tt-body-category .recent_post.card .article_desc, #tt-body-search .recent_post.card .article_desc, #tt-body-archive .recent_post.card .article_desc, #tt-body-tag .recent_post.card .article_desc { padding: 0; display: none; }

#tt-body-category .recent_post .cate, #tt-body-search .recent_post .cate, #tt-body-archive .recent_post .cate, #tt-body-tag .recent_post .cate { position: absolute; top: 0; right: 0; display: inline-block; width: 100%; float: left; padding-left: 135px; color: #fff; font-size: 12px; letter-spacing: normal; z-index: 2; /* margin-right: 20px; */ /* margin-left: 20px; */ }

#tt-body-category .recent_post .cate .cate_inner, #tt-body-search .recent_post .cate .cate_inner, #tt-body-archive .recent_post .cate .cate_inner, #tt-body-tag .recent_post .cate .cate_inner { display: inline-block; float: left; line-height: 20px; background: #2ab391; padding: 0 7px; left: 0; top: 0; border-radius: 2px; }

.recent_newstyle li {
  display:inline-block;
  width:33.333333%;
  float:left;
  padding: 0 15px;
  margin-bottom: 35px;
}
.box_thumb {
  width: 100%;
  height: 140px;
  float: left;
  margin-bottom: 15px;
  background: #eee;
}
.box_category {
  line-height: 30px;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 15px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  width: 100%;
}
.box_text .ellipsis {
	white-space: none;
  white-space: initial;
	white-space: inherit;
  display: inline-block;
  height:100%;
	width:100%;
	overflow:hidden;
	
}
.box_text {
  width:100%;
  float:left;
  font-size: 14px;
  color: #000;
  line-height: 1.33;
  border:1px solid #e9e9e9;
  padding:5px 10px;
  border-radius:3px;
  height:48px;
  max-height:48px;
  overflow:hidden;
  -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
}
.box_text:hover {
  border:1px solid #2196f3;
}
.text_type_new .recent_texttype {
  padding:0 15px;
}
.text_type_new .recent_texttype li {
  width:100%;
  margin-bottom:5px!important;
}
.text_type_new .recent_texttype .recent_info {
  position:relative;
  margin-bottom:5px;
}
.text_type_new .recent_texttype .recent_info .recent_etc {
  position:absolute;
  top:50%;
  right:0;
  width:auto;
  margin:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.text_type_new .recent_texttype .recent_info .recent_title {
  width:50%;
  font-size:13px;
  /*padding-right:200px;*/
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:normal;
  margin:0;
}
.text_type_new .recent_texttype .recent_info {
  border:none;
  margin:0;
  padding:0;
}
.text_type_new .recent_texttype li:nth-child(even) {
  border:none;
  margin:0;
  padding:0;
}
.recent_post { float: left; padding: 50px; padding-top: 10px; padding-bottom: 10px; width: 50%; }

.recent_thumb { position: relative; height: 180px; width: 100%; background: #eee; text-align: center; }

.recent_thumb img { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; float: left; }

.recent_thumb a { display: inline-block; width: 100%; height: 100%; position: relative; z-index: 1; }

.incidental { display: inline-block; width: 100%; font-size: 12px; line-height: 1.33; color: rgba(0, 0, 0, 0.5); margin-bottom: 22px; margin-top: 10px; }

.incidental .date { font-family: 'Overpass', sans-serif; }

.incidental .date::before { content: "\2014"; padding: 0 3px; margin-right: 3px; -webkit-font-smoothing: antialiased; }

.incidental .author span { color: #2ab391; }

.category_title { margin-bottom: 5px; font-size: 21px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); display: inline-block; padding-bottom: 2px; }

.category_title i { color: #4082c6; margin-right: 5px; }

.recent_category_outer { position: relative; display: inline-block; width: 100%; float: left; overflow: hidden; }

.recent_category_outer:hover .owl-nav { opacity: 1; filter: alpha(opacity=100); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); color: inherit; }

.recent_category { position: relative; }

.recent_category .owl-prev { left: 5px; cursor: w-resize; }

.recent_category .owl-next { right: 5px; cursor: e-resize; }

.recent_category .owl-prev, .recent_category .owl-next { position: absolute; top: 55px; display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; background: rgba(0, 0, 0, 0.08); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); color: #fff; }

.recent_category .owl-prev.disabled, .recent_category .owl-next.disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; }

.recent_category .owl-prev:hover, .recent_category .owl-next:hover { color: inherit; background: #fff; }

.recent_category .owl-nav { opacity: 0; filter: alpha(opacity=0); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.recent_category_item { padding: 5px; }

.inner_article_protect { display: inline-block; width: 100%; border: 1px solid #e9e9e9; padding: 30px; }

.inner_article_protect .protect_desc { margin-bottom: 30px; }

.article_title { font-size: 17px; color: #292c33; font-weight: 500; line-height: 1.3; font-family: 'Nanum Square', sans-serif; max-height: 44px; overflow: hidden; margin-bottom: 12px; }

.article_desc { display: none; width: 100%; font-size: 15px; line-height: 1.75; margin-bottom: 10px; }

.recent_post .btn_read { display: none; float: right; }

.article_tit { display: inline-block; width: 100%; float: left; position: relative; font-size: 25px; color: #292c33; font-weight: 500; font-family: 'Nanum Square', sans-serif; margin-bottom: 30px; display: none; width: 100%; }

.article_tit i { position: absolute; top: 5px; left: 0; font-size: 19px; width: 40px; height: 40px; display: inline-block; line-height: 40px; text-align: center; background: #2ab391; border-radius: 50%; color: #fff; }

.article_tit strong { display: inline-block; width: auto; color: #2196f3; font-weight: 400; }

.article_tit .br { display: inline-block; }

.article_result_head { display: inline-block; width: 100%; float: left; line-height: 50px; height: 50px; padding: 0 50px 0 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#tt-body-category .article_tit.search_tit_category { display: inline-block; }

#tt-body-search .article_tit.search_tit_search { display: inline-block; }

#tt-body-archive .article_tit.search_tit_archive { display: inline-block; }

#tt-body-tag .article_tit.search_tit_search { display: inline-block; }

#tt-body-category .empty_type_category { display: inline-block; }

#tt-body-search .empty_type_search { display: inline-block; }

#tt-body-archive .empty_type_archive { display: inline-block; }

.search_result_empty { position: relative; display: none; width: 100%; float: left; margin-top: 35px; min-height: 785px; background: #fafafa; padding: 35px; }

.search_result_empty::before { position: absolute; top: 0; left: 0; content: ''; display: inline-block; width: 100%; height: 100%; float: left; background: url("./images/empty_bg.png") bottom no-repeat; opacity: 0.1; filter: alpha(opacity=10); }

.search_result_empty.active { display: inline-block; }

.empty_type_search, .empty_type_category, .empty_type_archive { display: none; width: 100%; float: left; }

.result_empty_inner { position: relative; z-index: 2; }

.empty_item { margin-bottom: 25px; }

.empty_title { color: #414a51; font-size: 23px; font-family: 'Nanum Square', sans-serif; margin-bottom: 15px; }

.recommend li { padding: 5px 0; color: #647993; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.search_result { padding-bottom: 35px; border-bottom: 1px solid #e9e9e9; }

.search_result .article_tit { margin-bottom: 0; }

.article_result { display: inline-block; width: 100%; float: left; font-size: 15px; margin-top: 30px; }

.article_tags { position: relative; display: inline-block; float: left; width: 100%; padding: 28px 0 21px 80px; margin: 35px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; line-height: 30px; }

.article_tags .article_tags_tit { position: absolute; left: 0; top: 31px; font-weight: 600; color: #000; }

.article_tags .article_tags_inner { display: inline-block; float: right; }

.article_tags a { display: inline-block; float: left; padding: 0 15px; margin-left: 7px; margin-bottom: 7px; font-size: 13px; font-weight: 100; border-radius: 2px; background: #44546b; color: #fff; }

.article_tags a:hover { background: #3498db; }

.related_category { float: left; width: 100%; margin-top: 35px; }

.related_category .related_more { float: right; color: #4082c6; }

.related_category_inner { display: inline-block; width: 100%; float: left; padding-bottom: 28px; }

.related_header { display: inline-block; width: 100%; height: 35px; line-height: 34px; color: #252525; font-weight: 600; font-family: 'Nanum Square', sans-serif; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #fbfbfb; padding: 0 20px; font-size: 13px; float: left; margin-bottom: 28px; }

.related_header .related_header_more { font-size: 12px; color: #949697; float: right; }

.related_header .related_header_more:hover { color: #2196f3; }

.list_related, .related_item { display: inline-block; float: left; }

.list_related { width: 100%; }

.related_item { width: 25%; padding: 0 5px; }

.related_thumb { position: relative; display: inline-block; width: 100%; padding-top: 60%; margin-bottom: 10px; background: #e9e9e9; }

.related_thumb img { position: relative; z-index: 2; width: 100%; height: 100%; }

.related_title { display: inline-block; width: 100%; float: left; font-size: 13px; max-height: 48px; overflow: hidden; font-size: 14px; font-weight: 500; line-height: 1.33; margin-top: 10px; max-height: 36px; height: 36px; overflow: hidden; }

.related_date { display: inline-block; float: left; width: 100%; color: #9c9c9c; font-size: 11px; letter-spacing: normal; }

.related_date i { margin-right: 5px; }

.wrap_article_bottom { display: inline-block; width: 100%; height: 100%; float: left; }

.article_bottom_ui { display: inline-block; width: 100%; height: 35px; line-height: 34px; color: #252525; font-weight: 600; font-family: 'Nanum Square', sans-serif; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #fbfbfb; padding: 0 20px; font-size: 13px; float: left; margin-bottom: 28px; }

.article_bottom_ui .article_ui_title { display: inline-block; float: left; }

.article_bottom_ui .article_ui_item_wrapper { position: relative; display: inline-block; float: right; background: #eee; margin-top: 5px; border-radius: 2px; overflow: hidden; }

.article_bottom_ui .article_ui_item_wrapper::before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 50%; height: 100%; background: #fff; margin-left: 0; -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); z-index: 0; background: #2196f3; }

.article_bottom_ui .article_ui_item { position: relative; display: inline-block; float: left; text-align: center; -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); z-index: 1; cursor: pointer; line-height: 24px; text-align: center; width: 60px; color: #949697; font-size: 12px; }

.article_bottom_ui .article_ui_item a { display: inline-block; width: 100%; }

.article_bottom_ui .article_ui_item .cnt { display: inline-block; height: 15px; margin-left: 5px; padding: 0 5px; background: #e74c3c; border-radius: 15px; vertical-align: middle; line-height: 15px; font-size: 12px; color: rgba(255, 255, 255, 0.7); }

.article_bottom_ui .article_ui_item:hover { background: #2196f3; color: #252525; }

.article_bottom_content { width: 100%; float: left; overflow: hidden; }

.article_bottom_content .article_bottom_contents_inner { width: 200%; float: left; -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -webkit-transform: translate(0, 0); transform: translate(0, 0); background: #fff; }

.article_bottom_content .article_content_item { display: inline-block; width: 50%; float: left; }

.article_bottom_content .article_bottom_head { display: none; }

.on_comment .article_ui_item_wrapper::before { background: #2196f3; }

.on_comment .article_ui_item.comment { color: #fff; }

.on_comment .article_bottom_contents_inner { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.on_social .article_ui_item_wrapper::before { left: 50%; background: #2196f3; }

.on_social .article_ui_item.social { color: #fff; }

.on_social .article_bottom_contents_inner { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.bg_transparent { background: transparent; }

.article_bottom_head { float: left; width: 100%; font-size: 19px; margin-bottom: 10px; }

.list_comment { display: inline-block; width: 100%; float: left; }

.list_comment li { display: inline-block; width: 100%; float: left; padding: 34px; border: 1px solid #d8d8d8; }

.list_comment li + li { margin-top: 34px; }

.lower { margin-top: 30px; }

.llist_comment_item { display: inline-block; float: left; }

.comment_head { position: relative; display: inline-block; width: 100%; float: left; margin-bottom: 15px; }

.list_comment_control { position: absolute; display: inline-block; height: 60px; line-height: 60px; top: 0; right: 0; border: 1px solid #d8d8d8; background: #fff; -moz-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 150ms cubic-bezier(0.425, 0, 0, 1); transition: all 150ms cubic-bezier(0.425, 0, 0, 1); -webkit-transform: scale(1, 0); transform: scale(1, 0); }

.list_comment_main:hover .list_comment_control, .list_comment_sub:hover .list_comment_control { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.comment_control_item { float: left; display: inline-block; width: 60px; text-align: center; font-size: 12px; }

.comment_control_item a { display: inline-block; width: 100%; height: 100%; }

.comment_control_item + .comment_control_item { border-left: 1px solid #d8d8d8; }

.comment_control_item .contol_item_txt { display: none; }

.comment_control_item:hover .contol_item_txt { display: inline-block; }

.comment_control_item:hover i { display: none; }

.list_comment_thumb { position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; float: left; margin-right: 15px; background: #e9e9e9; text-align: center; }

.list_comment_thumb .thumb_default { display: inline-block; display: none; color: #fff; font-size: 40px; width: 40px; height: 40px; float: left; margin: 10px 0 0 10px; }

.list_comment_thumb .thumb_default i { width: 100%; height: 100%; float: left; }

.list_comment_thumb img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: inline-block; float: left; width: 100%; height: 100%; }

.list_comment_info { display: block; }

.list_comment_info .comment_info_name { height: 30px; font-size: 16px; color: #4082c6; font-weight: 500; }

.list_comment_info .comment_info_date { height: 30px; padding-top: 5px; font-size: 12px; }

.comment_body { display: inline-block; width: 100%; line-height: 1.6; font-size: 14px; }

.empty_content { display: none; width: 100%; height: 120px; line-height: 120px; border: 1px solid #e9e9e9; text-align: center; color: rgba(0, 0, 0, 0.5); }

.empty_content.active { display: inline-block; }

.wrap_write_comment { display: inline-block; width: 100%; float: left; margin-bottom: 30px; }

.write_comment_row { display: inline-block; width: 100%; float: left; }

.write_comment_row + .write_comment_row { margin-top: 10px; }

.comment_bottom { position: relative; display: inline-block; width: 100%; float: left; }

.wrap_txtarea { display: inline-block; width: 100%; float: left; }

.wrap_btn_default { display: inline-block; width: 100%; float: left; }

.wrap_btn_default .write_comment_form { float: right; }

.wrap_password { position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; }

.wrap_comment_top { display: inline-block; width: 100%; height: 40px; float: left; }

.wrap_secret_label { display: inline-block; width: 100%; float: left; height: 40px; line-height: 40px; border: 1px solid #d8d8d8; overflow: hidden; }

.secret_display_item { position: absolute; top: 0; left: 0; width: 50px; height: 38px; font-size: 20px; text-align: center; }

.secret_display_item.lock { color: #e67e22; }

.secret_display_item.unlock { color: #3498db; }

.secret_display_text { display: inline-block; width: 100%; margin-left: 60px; padding-right: 75px; color: rgba(0, 0, 0, 0.5); font-size: 13px; float: left; }

.wrap_secret_display { display: inline-block; width: 100%; float: left; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

input.secret_trigger:checked ~ .wrap_secret_display { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }

.secret_display { position: relative; display: inline-block; width: 100%; float: left; height: 40px; }

.secret_label { display: inline-block; float: left; width: 100%; cursor: pointer; }

.secret_label::before { position: absolute; content: ''; display: inline-block; width: 1px; height: 18px; top: 11px; left: 50px; background: #e9e9e9; }

.inner_comment_col { position: relative; display: inline-block; width: 50%; float: left; }

.inner_comment_col.left { padding-right: 5px; }

.inner_comment_col.right { padding-left: 5px; }

.write_comment_form { display: inline-block; width: 50%; float: left; overflow: hidden; }

.write_comment_form.left { padding-right: 5px; }

.write_comment_form.right { padding-left: 5px; }

.cover_btn_submit { position: relative; float: left; display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; border: 1px solid #d8d8d8; cursor: pointer; overflow: hidden; }

.cover_btn_submit:hover .fake_btn_submit { display: inline-block; width: 50%; float: left; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); }

.cover_btn_submit:hover .btn_submit { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.wrap_btn_submit { position: relative; display: inline-block; width: 200%; float: left; font-size: 13px; }

.fake_btn_submit { position: absolute; top: 0; left: 0; display: inline-block; width: 50%; float: left; background: #f4f5f7; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.wrap_btn_submit .btn_submit { width: 50%; }

.btn_submit { display: inline-block; float: left; width: 100%; height: 40px; line-height: 40px; text-align: center; border: none; color: #fff; background: #3498db; padding: 0; -webkit-transform: translate(0, -30%); transform: translate(0, -30%); -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.lb_wrap { position: relative; display: inline-block; width: 100%; height: 40px; float: left; line-height: 40px; color: rgba(0, 0, 0, 0.5); font-size: 13px; border: 1px solid #d8d8d8; cursor: text; -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.lb_wrap::before { position: absolute; content: ''; display: inline-block; width: 1px; height: 18px; top: 10px; left: 50px; background: #d8d8d8; }

.lb_wrap.active .icon_label, .lb_wrap.filled .icon_label { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); }

.lb_wrap.complete { background: rgba(233, 235, 238, 0.5); }

.lb_wrap.complete .icon_label { -webkit-transform: translate(0, 150%); transform: translate(0, 150%); }

.lb_wrap.active .placeholder, .lb_wrap.filled .placeholder, .lb_wrap.complete .placeholder { margin-left: 50%; opacity: 0; filter: alpha(opacity=0); }

.lb_wrap.filled .remover, .lb_wrap.complete .remover { display: inline-block; }

.lb_wrap .icon_label { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block; width: 50px; font-size: 20px; text-align: center; -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.lb_wrap .icon_label::before { content: '\f141 '; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -150%); transform: translate(0, -150%); display: inline-block; width: 50px; font-size: 20px; text-align: center; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.lb_wrap .icon_label::after { content: '\f00c'; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -250%); transform: translate(0, -250%); display: inline-block; width: 50px; font-size: 20px; text-align: center; color: #3498db; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.lb_wrap .ipt { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); float: left; display: inline-block; width: 100%; margin-left: 60px; padding-right: 75px; border: none; background: transparent; }

.lb_wrap .placeholder { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); float: left; display: inline-block; width: 100%; margin-left: 60px; padding-right: 75px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.lb_wrap .remover { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); float: left; display: none; width: 38px; height: 38px; line-height: 38px; font-size: 17px; color: #ddd; text-align: center; z-index: 1; outline: none; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.txtarea { float: left; display: inline-block; width: 100%; min-width: 100%; height: 180px; line-height: 1.6; padding: 20px 30px; font-size: 14px; border: 1px solid #d8d8d8; -webkit-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -moz-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -ms-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); -o-transition: all 300ms cubic-bezier(0.425, 0, 0, 1); transition: all 300ms cubic-bezier(0.425, 0, 0, 1); }

.txtarea.complete { background: rgba(233, 235, 238, 0.5); }

.paging { margin-top: 35px; }

.pagination { position: relative; display: table; width: 100%; text-align: center; }

.pagination .page_ui { position: absolute; top: 0; display: inline-block; width: 40px; height: 35px; line-height: 35px; text-align: center; color: #ddd; font-size: 20px; }

.pagination .page_ui a { display: inline-block; width: 100%; height: 100%; background: #eee; color: #444; }

.pagination .page_ui a:hover { background: #2c3e50; color: #fff; }

.pagination .page_ui.prev { left: 0; }

.pagination .page_ui.next { right: 0; }

.pagination .page_number { display: table; width: 100%; height: 35px; padding: 0 40px; }

.pagination .page_number .page_number_inner { display: inline-block; }

.pagination .page_number .page_number_inner a { display: inline-block; background: #eee; text-align: center; width: 40px; height: 35px; line-height: 35px; font-size: 12px; float: left; }

.pagination .page_number .page_number_inner a .selected { display: inline-block; width: 100%; height: 100%; background: #4082c6; color: #fff; cursor: default; }

.pagination .page_number .page_number_inner a:hover { background: #2c3e50; color: #fff; }

.pagination .page_number .page_number_inner a + a { margin-left: 1px; }

.no-more-prev, .no-more-next { cursor: not-allowed; display: none !important; }

.hidden_event_zone { display: none; }

.tt-edit-canvas .hidden_event_zone { display: block; }

.tt-item { padding: 0; }

.tt-component { display: inline-block; width: 100%; float: left; }

.tt-component + .tt-component { margin-top: 35px; }

#tt-body-location .aside { display: none; }

#tt-body-location .content { width: 100%; border: none; padding: 0; }

#tt-body-location .wrap_content { padding: 0; }

.intro_item { display: inline-block; float: left; width: 100%; min-height: 500px; color: #1b4866; padding: 60px; }

.intro_text { display: inline-block; float: left; width: 100%; }

.intro_text_title { font-size: 27px; margin-bottom: 20px; font-weight: 300; }

.intro_text_contents { display: inline-block; width: 100%; float: left; line-height: 1.7; color: #747474; }

.intro_text_contents p + p { margin-top: 10px; }

.intro_1 { background: #91dbff; position: relative; padding: 0; }

.intro_1 img { position: absolute; top: 0; left: 0; display: inline-block; height: 100%; }

.intro_1 .intro_text { position: relative; z-index: 1; padding: 60px 80px 0 400px; }

.intro_1 .intro_text span { color: #fff; }

.intro_1 .intro_text_title { font-size: 30px; }

.intro_1 .intro_text_contents { padding: 20px; background: rgba(255, 255, 255, 0.2); border-radius: 10px; color: inherit; }

.intro_2 { background: #f7f7f7 url("./images/intro_bg.png") center top no-repeat; background-size: 50%; background-position: 0 -50px; }

.intro_2 .intro_text_title { text-align: center; }

.intro_2 .intro_text_title span { display: inline-block; width: 100%; }

.intro_2 .intro_text_title small { font-size: 15px; font-weight: normal; }

.intro_2 .intro_text_contents { margin-top: 10px; }

.intro_contents_item { display: inline-block; width: 33.333333%; float: left; padding: 0 20px; text-align: center; }

.intro_contents_item .contents_item_top { display: inline-block; width: 100%; float: left; height: 150px; position: relative; }

.intro_contents_item .contents_item_top::before { content: ''; display: inline-block; width: 120px; height: 120px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; border: 3px dashed #c1cad0; }

.intro_contents_item .contents_item_top i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 70px; }

.intro_contents_item .contents_item_bottom { display: inline-block; width: 100%; float: left; margin-top: 10px; }

.intro_contents_item .contents_item_bottom .contents_item_bot_tit { font-size: 19px; color: #000; }

.intro_contents_item .contents_item_bottom .contents_item_bot_desc { font-size: 14px; margin-top: 5px; }

.intro_3 { background: #e8e8e8 url("./images/intro_bg2.png") center top no-repeat; background-position: right center; padding-right: 500px; }

.intro_3 ul { display: inline-block; width: 100%; float: left; }

.intro_3 ul li { margin-bottom: 5px; color: inherit; }

.intro_3_desc { display: inline-block; width: 100%; float: left; margin-top: 20px; color: #000; }

.intro_3-2 { background: #f7f7f7 url(./images/intro_bg.png) center top no-repeat; background-size: 50%; background-position: 0 -50px; }

.intro_3-2 .intro_text_title { text-align: center; }

.intro_3-2 .intro_text_contents { margin-top: 50px; }

.intro_3-2 .website_item { display: inline-block; float: left; width: 33.333333%; padding: 0 10px; }

.intro_3-2 .website_item_image { display: inline-block; float: left; width: 100%; text-align: center; }

.intro_3-2 .website_item_image img { width: 200px; }

.intro_3-2 .website_item_text { display: inline-block; float: left; width: 100%; text-align: center; }

.intro_3-2 .website_item_title { display: inline-block; float: left; width: 100%; font-size: 19px; color: #1b4866; margin-top: 10px; margin-bottom: 10px; }

.intro_3-2 .website_item_link { font-size: 12px; color: #1b4866; letter-spacing: normal; margin-top: 10px; }

.intro_4 { background: #e8e8e8 url("./images/intro_bg3.png") center bottom no-repeat; height: auto; min-height: 500px; padding-bottom: 340px; }

.profile { position: relative; display: inline-block; width: 33.333333%; float: left; padding: 5px; }

.profile .profile_inner { position: relative; display: inline-block; float: left; width: 100%; background: #fff; padding: 20px; height: 156px; }

.profile .profile_image { position: absolute; top: 20px; left: 20px; display: inline-block; width: 64px; float: left; }

.profile .profile_image img { width: 64px; }

.profile .profile_text { display: inline-block; width: 100%; padding-left: 84px; float: left; }

.profile_name { font-size: 19px; color: #1b4866; }

.profile_ment { font-size: 13px; }

.profile_contact { font-size: 12px; color: #237dac; }

.profile_contact i { margin-right: 5px; }

.aside_item.link_banners { margin-top: 0; }

.link_banner_item, .banner_item_text, .banner_item_tit, .banner_item_url, .banner_item_icon { display: inline-block; float: left; }

.link_banner_item { position: relative; height: 60px; padding: 10px; width: 100%; border-radius: 7px; overflow: hidden; }

.link_banner_item.mugimyung { height:110px; background: #d64651; color: #fff; }
.link_banner_item.mugimyung .banner_item_text {width:100%; height:100%; padding-right:0; padding-bottom:30px;}
.link_banner_item.mugimyung .banner_item_text small {display:inline-block; width:100%; font-size:12px; text-align:center; letter-spacing:2.5px;}
.link_banner_item.mugimyung .banner_item_text .banner_item_tit {font-size:18px; text-align:center; letter-spacing:5px;}
.link_banner_item.mugimyung .banner_item_icon {top:auto; bottom:11px; left:50%; height:30px; width:30px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }

.link_banner_item.bobin { height:120px; background: #e45338; color: #fff; }
.link_banner_item.bobin .banner_item_text {width:100%; height:100%; padding-right:0; padding-bottom:30px;}
.link_banner_item.bobin .banner_item_text small {display:inline-block; width:100%; font-size:12px; text-align:center; letter-spacing:2.5px;}
.link_banner_item.bobin .banner_item_text .banner_item_tit {font-size:18px; text-align:center; letter-spacing:5px;}
.link_banner_item.bobin .banner_item_icon {top:auto; bottom:11px; left:50%; height:30px; width:30px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }

.link_banner_item.golf { background: #2ab391; color: #fff; }

.link_banner_item.condo { background: #2196f3; color: #fff; }

.link_banner_item + .link_banner_item { margin-top: 10px; }

.link_banner_item:hover .banner_item_icon::after { background: #fff; color: #000; }

.banner_item_text { padding-right: 60px; }

.banner_item_tit { width: 100%; font-size: 14px; margin: 5px 0 0 0; letter-spacing: normal; }

.banner_item_url { width: 100%; font-size: 11px; letter-spacing: normal; color: rgba(255, 255, 255, 0.7); }

.banner_item_icon { position: absolute; top: 0; right: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; }

.banner_item_icon::after { content: "GO"; position: absolute; left: 50%; top: 50%; font-size: 11px; background: rgba(0, 0, 0, 0.1); border-radius: 50%; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border: 5px solid rgba(0, 0, 0, 0.05); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 74.99em) { .container { width: 992px; }
  .xxx { background: red; position: fixed; width: 50px; height: 50px; right: 10px; top: 10px; z-index: 9999; }
  .xxx::before { content: "wide"; position: relative; top: 50px; background: #fff; display: inline-block; }
  .header_logo .logo { height: 55px; }
  .header_contents { width: 480px; }
  .scroll_title_bar, .scroll_items_item { width: 32%; }
  .scroll_title_bar + .scroll_title_bar, .scroll_items_item + .scroll_items_item { margin-left: 2%; }
  .wrap_content .content { width: 675px; }
  .wrap_content .aside { width: 317px; }
  .recent_main, .recent_sub { width: 49%; }
  .recent_main + .recent_sub, .recent_sub + .recent_main { margin-left: 2%; padding-left: 2%; }
  .recent_main, .recent_sub { width: 49%; }
  .recent_sub .recent_info { padding-left: 115px; }
  .recent_texttype li { width: 300px; }
  .recent_texttype li:nth-child(even) { width: 325px; }
  .callcenter img { width: 100%; }
  .btn_acc { width: 33.333333%; }
  .btn_acc + .btn_acc { margin: 0; }
  .accordion .acc_btns::before { width: 33.333333%; }
  .accordion.tab1 .acc_btns::before { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .accordion.tab2 .acc_btns::before { -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-left: 33.333333%; }
  .accordion.tab3 .acc_btns::before { -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-left: 66.666666%; }
  .banners li { width: 15%; height: auto; }
  .banners li + li { margin-left: 2%; }
  .banners li img { height: auto; }
  .intro_1 .intro_text_title { font-size: 27px; }
  .intro_text_title { font-size: 25px; }
  .intro_3 { padding-right: 390px; }
  .profile { width: 50%; }
  .text_type_new .recent_texttype .recent_info .recent_title { width:100%; }
  .text_type_new .recent_texttype .recent_info .recent_etc { display:none;} }

@media (max-width: 61.99em) { .container { width: 100%; padding: 0 10px; }
  .xxx { background: blue; }
  .xxx::before { content: "desktop"; position: relative; top: 50px; background: #fff; display: inline-block; }
  .header_logo { position: relative; }
  .header_contents { float: right; }
  .wrap_content { position: relative; padding-right: 317px; }
  .wrap_content .content { width: 100%; padding-right: 10px; }
  .wrap_content .aside { position: absolute; right: 0; top: 35px; padding-left: 10px; }
  .recent_main, .recent_sub { width: 100%; }
  .recent_main + .recent_sub, .recent_sub + .recent_main { margin: 0; padding: 0; border: none; }
  .recent_sub li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e9e9; }
  .recent_texttype li { width: 100%; }
  .recent_texttype li:nth-child(even) { width: 100%; margin: 0; padding: 0; border-left: none; }
  .recent_texttype li:nth-child(2) .recent_info { border-top: 1px solid #e9e9e9; padding-top: 25px; margin-top: 25px; }
  .recent_webzine .recent_thumb { width: 26%; height: 105px; }
  .recent_webzine .recent_info { padding-left: 29%; }
  #tt-body-category .recent_post, #tt-body-search .recent_post, #tt-body-archive .recent_post, #tt-body-tag .recent_post { width: 100%; }
  #tt-body-category .recent_post .article_contents, #tt-body-search .recent_post .article_contents, #tt-body-archive .recent_post .article_contents, #tt-body-tag .recent_post .article_contents { padding-right: 0; }
  #tt-body-category .recent_post.card, #tt-body-search .recent_post.card, #tt-body-archive .recent_post.card, #tt-body-tag .recent_post.card, .recent_newstyle li { width: 50%; }

  .intro_1 .intro_text_title { font-size: 25px; }
  .intro_text_title { font-size: 23px; }
  .intro_1 .intro_text { padding: 58px 80px 0 200px; }
  .intro_1 .intro_text_contents { text-shadow: 0 0 4px rgba(255, 255, 255, 0.8); } }

@media (min-width: 48em) { .pc_btn { display: inline-block; }
  .mb_btn { display: none; }
  .gnb_control { display: none; }
  .gnb_closer { display: none; }
  .category_list > li:hover .sub_category_list { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1) translate(0); transform: scale(1) translate(0); pointer-events: auto; }
  .category_list > li:hover .sub_category_list > li:nth-child(1) { -webkit-animation: animation-list .3s ease forwards; -ms-animation: animation-list .3s ease forwards; animation: animation-list .3s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(2) { -webkit-animation: animation-list .4s ease forwards; -ms-animation: animation-list .4s ease forwards; animation: animation-list .4s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(3) { -webkit-animation: animation-list .5s ease forwards; -ms-animation: animation-list .5s ease forwards; animation: animation-list .5s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(4) { -webkit-animation: animation-list .6s ease forwards; -ms-animation: animation-list .6s ease forwards; animation: animation-list .6s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(5) { -webkit-animation: animation-list .7s ease forwards; -ms-animation: animation-list .7s ease forwards; animation: animation-list .7s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(6) { -webkit-animation: animation-list .8s ease forwards; -ms-animation: animation-list .8s ease forwards; animation: animation-list .8s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(7) { -webkit-animation: animation-list .9s ease forwards; -ms-animation: animation-list .9s ease forwards; animation: animation-list .9s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(8) { -webkit-animation: animation-list 1.0s ease forwards; -ms-animation: animation-list 1.0s ease forwards; animation: animation-list 1.0s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(9) { -webkit-animation: animation-list 1.1s ease forwards; -ms-animation: animation-list 1.1s ease forwards; animation: animation-list 1.1s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(10) { -webkit-animation: animation-list 1.2s ease forwards; -ms-animation: animation-list 1.2s ease forwards; animation: animation-list 1.2s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(11) { -webkit-animation: animation-list 1.3s ease forwards; -ms-animation: animation-list 1.3s ease forwards; animation: animation-list 1.3s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(12) { -webkit-animation: animation-list 1.4s ease forwards; -ms-animation: animation-list 1.4s ease forwards; animation: animation-list 1.4s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(13) { -webkit-animation: animation-list 1.5s ease forwards; -ms-animation: animation-list 1.5s ease forwards; animation: animation-list 1.5s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(14) { -webkit-animation: animation-list 1.6s ease forwards; -ms-animation: animation-list 1.6s ease forwards; animation: animation-list 1.6s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(15) { -webkit-animation: animation-list 1.7s ease forwards; -ms-animation: animation-list 1.7s ease forwards; animation: animation-list 1.7s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(16) { -webkit-animation: animation-list 1.8s ease forwards; -ms-animation: animation-list 1.8s ease forwards; animation: animation-list 1.8s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(17) { -webkit-animation: animation-list 1.9s ease forwards; -ms-animation: animation-list 1.9s ease forwards; animation: animation-list 1.9s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(18) { -webkit-animation: animation-list 2.0s ease forwards; -ms-animation: animation-list 2.0s ease forwards; animation: animation-list 2.0s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(19) { -webkit-animation: animation-list 2.1s ease forwards; -ms-animation: animation-list 2.1s ease forwards; animation: animation-list 2.1s ease forwards; }
  .category_list > li:hover .sub_category_list > li:nth-child(20) { -webkit-animation: animation-list 2.2s ease forwards; -ms-animation: animation-list 2.2s ease forwards; animation: animation-list 2.2s ease forwards; }
  .gnb_opener { display: none; }
  .mb_gotop { display: none; }
  .mb_gotop2 { display: none; } }

@media (min-width: 48em) {
  .footer_top ul.sitemap {display:none;}
  .logoM {display:none!important;}
}
@media (max-width: 47.99em) { .container { width: 100%; }
  .xxx { background: green; }
  .xxx::before { content: "tablet"; position: relative; top: 50px; background: #fff; display: inline-block; }
  #tt-body-index .aside_tab { display: none; }
  /* .logoW {display:none!important;} */
  /* .logoM {display:block!important;} */
  .logoM {display:none!important;}
  .doc_top { padding-bottom: 95px; }
  /* .top_bar { border-top: 3px solid #2ab391; background: #fff; border-bottom: 1px solid #eee; height: 40px; line-height: 37px; color: inherit; margin-bottom: 80px; } */
  .top_bar {display:none;}
  .top_bar .container { padding: 0; }
  .bar_text { display: none; }
  .bar_links { border: none; width: 100%; di}
  .bar_links a { width: 33.333333%; border-color: #eee; float: left; }
  .bar_links a:hover { color: #000; }
  .bar_links a:first-child { border: none; }
  .header { position: fixed; top: 0; left: 0; height: 80px; padding: 0; z-index: 80; background: #fff; }
  .header .container { position: relative; float: left; display: inline-block; height: 100%; width: 100%; min-width: 100%; }
  .header_contents { position: absolute; width: 100%; left: 0; top: 100%; margin: 0; }
  .header_search { background: #fff; border: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
  .header_keywords { display: none; }
  .gnb_opener, .mb_gotop { -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .gnb_opener, .mb_gotop { -webkit-transform: translate(0, -15px); transform: translate(0, -15px); }
  .header_logo .logo { -webkit-transform: scale(0.8); transform: scale(0.8); }
  .header { height: 50px; }
  .wrap.narrow.fixed .mb_gotop { opacity: 1; filter: alpha(opacity=100); pointer-events: auto; z-index:1;}
  .wrap.narrow.fixed.height .gnb_opener, .wrap.narrow.fixed.height .mb_gotop { -webkit-transform: translate(0, -15px); transform: translate(0, -15px); }
  .wrap.narrow.fixed.height .header_logo .logo { -webkit-transform: scale(0.8); transform: scale(0.8); }
  .wrap.narrow.fixed.height .header { height: 50px; }
  .wrap.narrow.fixed .header { position: fixed; top: 0; left: 0; box-shadow: 1px 0 25px 0 rgba(0, 0, 0, 0.15); }
  .wrap.narrow.fixed .header .header_search::before { position: absolute; top: 100%; left: 0; content: ''; display: inline-block; width: 100%; height: 5px; background: rgba(0, 0, 0, 0.15); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.15)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 ); }
  .header_logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .header_logo .logo { float: left; height: 40px; }
  .gnb_opener { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; left: 10px; top: 20px; color: #bbb; font-size: 21px; z-index: 9000; }
  .mb_gotop { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 10px; top: 20px; color: #bbb; font-size: 21px; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
  .mb_gotop2 { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 10px; top: 5px; color: #1da1f2; font-size: 21px; z-index:1; }
  .wrap.opened .gnb_control { opacity: 1; filter: alpha(opacity=100); pointer-events: auto; }
  .wrap.opened .gnb_closer { opacity: 1; filter: alpha(opacity=100); pointer-events: auto; }
  .gnb_control { display: inline-block; width: 100%; height: 100%; float: left; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 90; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }
  .gnb_closer { position: fixed; opacity: 0; filter: alpha(opacity=0); pointer-events: none; top: 20px; left: 65%; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #2ab391; color: #bbb; font-size: 21px; z-index: 101; color: #fff; margin-left: -20px; box-shadow: 1px 0 25px 0 rgba(0, 0, 0, 0.15); border-radius: 50%; -webkit-transition: opacity .1s ease-in; transition: opacity .1s ease-in; }
  body.navi-hide .wrap_navi_scroll { height: auto; }
  .wrap_navi_scroll { height: auto; }
  .navi_scroll { position: relative; height: auto; padding: 10px 0; }
  /* .navi_scroll .container { padding:0; } */
  .pc_btn { display: none; }
  .mb_btn { display: inline-block; font-size: 15px; }
  .navi_scroll_title {  margin-bottom: 5px; }
  .navi_scroll_items { position: relative; width: 300%; overflow: hidden; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -moz-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -ms-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -o-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); }
  .navi_scroll_items .scroll_items_item { -webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -moz-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -ms-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); -o-transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); transition: all 300ms cubic-bezier(0.7, 0, 0.175, 1); opacity: 0; filter: alpha(opacity=0); }
  .scroll_items_item { width: 33.333333%; }
  .navi_scroll.col1 .scroll_title_bar.col1 .scroll_title_bar_inner { background: #2ab391; color: #fff; }
  .navi_scroll.col1 .scroll_title_bar.col1 a { color: #fff; }
  .navi_scroll.col1 .navi_scroll_items { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .navi_scroll.col1 .navi_scroll_items .scroll_items_item:first-child { opacity: 1; filter: alpha(opacity=100); }
  .navi_scroll.col2 .scroll_title_bar.col2 .scroll_title_bar_inner { background: #2196F2; color: #fff; }
  .navi_scroll.col2 .scroll_title_bar.col2 a { color: #fff; }
  .navi_scroll.col2 .navi_scroll_items { -webkit-transform: translate(-33.333333%, 0); transform: translate(-33.333333%, 0); }
  .navi_scroll.col2 .navi_scroll_items .scroll_items_item:nth-child(2) { opacity: 1; filter: alpha(opacity=100); }
  .navi_scroll.col3 .scroll_title_bar.col3 .scroll_title_bar_inner { background: #d6456a; color: #fff; }
  .navi_scroll.col3 .scroll_title_bar.col3 a { color: #fff; }
  .navi_scroll.col3 .navi_scroll_items { -webkit-transform: translate(-66.666666%, 0); transform: translate(-66.666666%, 0); }
  .navi_scroll.col3 .navi_scroll_items .scroll_items_item:nth-child(3) { opacity: 1; filter: alpha(opacity=100); }
  /* .scroll_title_bar { width: 33.333333%; background: #fff; border: none; border: 2px solid #f8f8f8; border-top:0; border-bottom:0; } */
  /* .scroll_title_bar { width: 33.333333%; background: #fff; border: none; border-left: 5px solid #f8f8f8; }
  .scroll_title_bar:first-child { border:none; } */
  .scroll_title_bar { width: 33.333333%; border: none; padding:0 2.5px; background:transparent; }
  .scroll_title_bar_inner { width: 100%; height:100%; background: #fff; padding:0 10px; border:1px solid #e9e9e9; }
  /* .scroll_title_bar:first-child { border:none; } */

  .scroll_title_bar + .scroll_title_bar, .scroll_items_item + .scroll_items_item { margin: 0; }
  .wrap_content { padding-right: 0; }
  .wrap_content .content { padding: 0; border: none; }
  .wrap_content .aside { position: relative; width: 100%; padding: 0; }
  .recent_main .recent_thumb { height: 300px; }
  .gnb.scrolled .tt_category { -webkit-transform: none; transform: none; }
  .wrap_sub_logo { display: none; }
  .wrap_toggle_navi { display: none; }
  .wrap.opened { transform: none !important; }
  .wrap.opened .gnb { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); }
  .gnb, .gnb * { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }
  .gnb { height: 100%; position: fixed; top: 0; left: 0; bottom: 0; overflow: hidden; background: #fff; width: 65%; min-width: 200px; box-shadow: 1px 0 25px 0 rgba(0, 0, 0, 0.15); -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity: 0; filter: alpha(opacity=0); }
  .gnb .container { padding: 0; min-width: inherit; }
  .gnb_inner { -webkit-transition: opacity .5s ease-in; transition: opacity .5s ease-in; text-align: initial; height: 100vh; overflow-y: scroll; padding-bottom: 50px; }
  .tt_category { position: relative; padding: 0; }
  .category_list { height: auto; border-bottom: none; }
  .category_list > li { width: 100%; border-right: none; line-height: 49px; }
  .category_list > li.active { background: #fdfdfd; color: #2ab391; }
  .category_list > li.active > i { color: #2ab391; }
  .category_list > li.active > i::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .category_list > li + li { border-top: 1px solid #f0f0f0; }
  .category_list > li > a { text-align: left; padding: 5px 30px; font-size: 15px; float: left; width: 100%; }
  .category_list > li > a.half { width: 75%; padding-right:0; white-space:nowrap; }
  .category_list > li > i { position: absolute; top: 5px; right: 0; display: inline-block; width: 25%; text-align: center; color: #3e3e3e; line-height: inherit; text-align: right; cursor: pointer; padding-right: 30px; }
  .category_list > li > i::before { display: inline-block; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; }
  .category_list > li.active .sub_category_list { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1) translate(0); transform: scale(1) translate(0); pointer-events: auto; height: auto; }
  .category_list > li .sub_category_list { pointer-events: none; height: 0; position: relative; padding: 0; width: 100%; border: none; border-bottom: 1px solid #e9e9e9; overflow: hidden; }
  .category_list > li .sub_category_list::before { display: none; }
  .category_list > li .sub_category_list > li { padding: 10px 25px; padding-left: 40px; background: #fafafa; border-top: 1px solid #e9e9e9; }
  .category_list > li .sub_category_list > li a { line-height: 2; }
  #tt-body-category .recent_post, #tt-body-search .recent_post, #tt-body-archive .recent_post, #tt-body-tag .recent_post { width: 100%; }
  .mb_header { display: inline-block; width: 100%; float: left; text-align: left; background: #f6f6f6; padding: 0 15px; padding-left: 30px; font-size: 15px; font-weight: 600; letter-spacing: 1px; height: 80px; line-height: 80px; }
  .banners { margin-top: 15px; margin-top:60px; }
  .banners li { width: 32%; margin-bottom: 15px; }
  .banners li li { margin-left: 2%; }
  .mb_banner { margin-left: 0 !important; }
  .event_area .active .event_box_txt { width: 100%; }
  .event_area .event_box_txt p {display:none;}
  .event_area { height:180px; }
  .event_area .event_box_txt {height:100%; background: rgba(23, 23, 23, 0.3);}
  .btn_read {background:transparent;}
  .btn_read a {padding:0;}
  .event_area .event_box_txt h3, .event_area .event_box_txt p, .event_area .event_box_txt span {margin-bottom:0; max-height: 65px;}
  .event_area .event_box_txt h3 {font-size:26px;}

  .bottom_intro_item + .bottom_intro_item::before { display: none; }
  .bottom_intro_item + .bottom_intro_item { margin-left: 0; }
  .bottom_intro_title { font-size: 21px; }
  .bottom_intro_item { font-size: 15px; width: 100%; }
  .bottom_intro { padding: 20px 0; }
  .footer {padding-top:0;}
  .footer_top ul {font-size:12px;}
  .footer_top ul.sitemap {
    height: auto;
  float: left;
  padding-bottom: 0;
  margin: 10px 0;
  border-bottom: none;
  background:#2d2d2d;
 }

  .footer_top ul.sitemap li { width: 33.333333%; margin: 0; float: left; border-left:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; }
  .footer_top ul.sitemap li:nth-child(3n+1) {
    border-left:none;
  }
  /* .footer_top ul.sitemap li a {color:#000; } */
  .footer_top ul.sitemap li::before { display:none; }

  .footer_top ul.footlist { height: auto; float: left; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  /* .footer_top ul li { width: 33.333333%; margin: 0; float: left; } */
  .footer_top ul.footlist li { width: 25%; margin: 0; float: left; }
  .footer_top ul.footlist li::before { display: none; }
  .footer_info dl { width: 90%; float: initial; padding: 20px; background: rgba(0, 0, 0, 0.2); margin-top: 35px; border-radius: 3px; }
  .footer_info dt, .footer_info dd { float: left; line-height: 30px; }
  .footer_info dt { clear: both; margin-left: 0; }
  .search_result_empty { min-height: inherit; }
  .article_inner .article .article_share li { width: 40px; }
  .article_inner .article .article_share li a { padding: 0; width: 100%; text-align: center; line-height: 35px; }
  .article_inner .article .article_share li img { position: relative; left: 0; top: 0; transform: none; vertical-align: middle; }
  .share_text { display: none; }
  .article_inner .article .article_share li.twitter, .article_inner .article .article_share li.googleplus { display: inline-block; }
  .article_inner .article .article_share li.share_more { display: none; }
  .secret_label::before { display: none; }
  .secret_display_text { display: none; }
  .secret_display_item { width: 100%; }
  .list_comment li { padding: 20px; }
  .list_comment li + li { margin-top: 20px; }
  .list_comment_main .list_comment_control, .list_comment_sub .list_comment_control { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  .recent_sub li:nth-child(3), .recent_sub li:nth-child(4), .recent_sub li:nth-child(5) { display: none; }
  .recent_texttype .recent_info .recent_desc { height: auto; max-height: auto; }
  .scroll_items_item .sub_category_list { height: 152px; }
  .related_header a { font-size: inherit; color: inherit; float: inherit; }
  .related_header a i { margin-left: 10px; }
  .owl-dots { bottom: -30px; top: auto; left: 50%; right: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .owl-dot.active { background: #2196f3; width: 15px; height: 15px; }
  #tt-body-index .wrap_event_area { margin-bottom: 30px; }
  .intro_item { height: auto; min-height: auto; padding: 60px 30px; }
  .intro_1 img { display: none; }
  .intro_1 .intro_text, .intro_text { padding: 0; }
  .intro_1 .intro_text_contents { text-shadow: none; }
  .intro_contents_item { width: 50%; padding: 0 5px; }
  .intro_contents_item:last-child { margin-top: 30px; }
  .intro_3 { background: #e8e8e8; }
  .profile { width: 100%; }
  .profile .profile_inner { height: auto; }
  #tt-body-location .aside { display: inline-block; }
  .intro_item.intro_3-2 { padding: 20px 10px; }
  .intro_3-2 .website_item { width: 100%; padding: 20px 0; }
  .intro_3-2 .intro_text_contents { margin-top: 0; }
  .aside_item.link_banners { margin-top: 5px; margin-bottom: 10px; }
  .article_top_baaner {padding-top:150px;}
  .top_bar { display:none;}
  .header {top:0;}
  .doc_top { padding-bottom:95px; }
 }

@media (min-width: 30em) {
  .mobile_footer {display:none;}
 }
@media (max-width: 29.99em) { .container { min-width: 320px; }
  .xxx { background: yellow; }
  .xxx::before { content: "mobile"; position: relative; top: 50px; background: #fff; display: inline-block; }
  .gnb { width: 85%; }
  .gnb_closer { left: 85%; }
  /* .scroll_title_bar { padding: 0 10px; } */
  .recent_main .recent_thumb { height: 200px; }
  .recent_sub .recent_thumb { width: 30%; height: 66px; }
  .recent_sub .recent_info { padding-left: 34%; }
  .recent_webzine li { position: relative; }
  .recent_webzine li a { position: relative; display: inline-block; float: left; width: 100%; }
  .recent_webzine .recent_thumb { width: 21%; height: 50px; position: absolute; top: 0; left: 0; }
  .recent_webzine .recent_info { padding: 0; }
  .recent_webzine .recent_info .recent_title { display: block; font-size: 15px; color: #19232d; line-height: 22px; font-weight: 400; margin-bottom: 6px; overflow: hidden; padding-left: 24%; }
  .recent_webzine .recent_info .recent_etc { padding-left: 24%; }
  .recent_webzine .recent_info .recent_desc { display: none; }
  /* #tt-body-category .recent_post.card, #tt-body-search .recent_post.card, #tt-body-archive .recent_post.card, #tt-body-tag .recent_post.card, .recent_newstyle li { width: 100%; } */
  #tt-body-category .recent_post.card, #tt-body-search .recent_post.card, #tt-body-archive .recent_post.card, #tt-body-tag .recent_post.card, .recent_newstyle li { width: 50%; padding: 0 5px; margin-bottom: 20px; }
  #tt-body-category .recent_post.card .cate, #tt-body-search .recent_post.card .cate, #tt-body-archive .recent_post.card .cate, #tt-body-tag .recent_post.card .cate {padding: 0 5px;}
  .box_category {white-space: nowrap; font-size: 12px; text-overflow: ellipsis; overflow: hidden;}
  .box_thumb {height: 125px;}
  .related_item { width: 50%; padding: 0 10px; margin-bottom: 20px; }

  #tt-body-category .recent_post.card .recent_thumb, #tt-body-search .recent_post.card .recent_thumb, #tt-body-archive .recent_post.card .recent_thumb, #tt-body-tag .recent_post.card .recent_thumb { height: 100px; }
  .bottom_intro_item + .bottom_intro_item { margin-top: 10px; }
  .bottom_intro_item a { display: block; margin-left: 25px; }
  /* .footer_info dl { width: 100%; margin-top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } */
  .footer_info dl { display:none; }
  .mobile_footer {display:block;display: inline-block; width: 100%; height: 50px; line-height: 48px;  background: #9f1244; color: #fff; font-size: 19px; border-radius:3px;}
  .mobile_footer i {margin-right:10px;}
  .search_result .article_tit { font-size: 19px; }
  .article_result { font-size: 14px; }
  /* .related_item { width: 100%; } */
  .list_comment_control { height: 30px; line-height: 29px; }
  .comment_control_item { width: 35px; }
  .list_comment li { padding: 10px; }
  .list_comment li + li { margin-top: 10px; }
  .write_comment_form { width: 100%; padding: 0 !important; }
  .write_comment_form + .write_comment_form { margin-top: 10px; }
  .wrap_comment_top { height: 90px; }
  .inner_comment_col { width: 100%; padding: 0 !important; }
  .inner_comment_col + .inner_comment_col { margin-top: 10px; }
  .secret_label::before { display: inline-block; }
  .secret_display_text { display: inline-block; }
  .secret_display_item { width: 40px; }
  .pagination .page_ui { position: relative; width: 40%; padding: 0 2px; }
  .pagination .page_ui a { height: 29px; line-height: 29px; }
  .pagination .page_number { display: inline-block; width: 100%; padding: 0; margin-bottom: 5px; }
  .pagination .page_number .page_number_inner a { width: 29px; height: 29px; line-height: 29px; }
  .wide_text { display: none; }
  .article_inner .article .control_panel { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); }
  .article_inner .article .control_panel .control_trigger { width: 35px; height: 30px; line-height: 30px; }
  .section_comment { margin-top: 35px; }
  .pagination .page_number .page_number_inner a { width: 25px; }
  .pagination .page_number .page_number_inner a + a { margin-left: 2px; }
  .intro_1 .intro_text span { display: inline-block; width: 100%; }
  .intro_item { padding: 40px 20px; }
  .intro_contents_item { width: 100%; }
  .intro_contents_item:last-child { margin-top: 0; }
  .intro_contents_item + .intro_contents_item { margin-top: 30px; }
  .intro_2 .intro_text_title small { font-size: 13px; }
  .intro_1, .intro_4 { padding: 40px 10px; }
  .profile .profile_inner { padding: 10px; }
  .article_top_baaner {padding-top:100px;}

}

#tistorytoolbarid { display: none; visibility: hidden; height: 0; width: 0; position: absolute; }

#wrapTabloidBody { display: inline-block; float: left; width: 100%; }

.link_sub_item .c_cnt { display: inline-block; font-size: 11px; background: rgba(0, 0, 0, 0.08); height: 15px; line-height: 15px; padding: 0 5px; border-radius: 7px; color: rgba(0, 0, 0, 0.4); margin-left: 5px; }

.callcenter2 {
  border:1px solid #e9e9e9;
}
.call2_head {
  position:relative;
  padding:20px;
}
.call2_head_inner {
  /*background:#fafafa;*/
  background:#8ec239;
  overflow: hidden;
  border-radius: 3px;
}
.call2_head_icon {
  position: absolute;
  top: 35px;
  left: 35px;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  z-index: 2;
}
.call2_head_icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  font-size: 33px;
  color: #c45248;
}
.call2_head_text {
  position:relative;
  height: 80px;
  text-align: right;
  padding: 10px;
  overflow:hidden;
}
.call2_head_text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #41afe4;
  width: 100%;
  height: auto;
  display: block;
  padding-top: 100%;
  transform: rotate(50deg) translate(-22%,-53%);
}
.call2_head_text::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #957ae3;
  width: 100%;
  height: auto;
  display: block;
  padding-top: 100%;
  transform: rotate(50deg) translate(-4%,-71%);
}
.call2_head_top {
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  font-weight:800;
  color:#c8bbef;
  letter-spacing:2px;
  position:relative;
  z-index:1;
}
.call2_head_bottom {
  letter-spacing:1px;
  font-size:20px;
  font-weight:bold;
  color:#fff;
  position:relative;
  z-index:1;
}
.call2_name {
  color: #949697;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: bold;
}
.call2_name small {
  font-size:12px;
  margin-left:5px;
  color:#c1c1c1;
}
.call2_phone {
  font-size: 20px;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  padding-left:0px;
}
.call2_list li {
  border-top:1px solid #e9e9e9;
  padding: 8px 25px;
}