@charset "utf-8";

/*
 * File       : ke-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) GUIDE
 * 02) BUTTON
 * 03) CATEGORY
 * 04) SEARCH
 * 05) LIST PAGINATION
 * 06) LIST COMPONENT
 * 07) SINGLE LAYOUT
 * 08) SINGLE PAGINATION
 * 09) ATTACHMENTS
 * 10) SHARE
 * 11) LOADMORE
 * 12) SWIPER
 * 13) MAGNIFIC POPUP
 * 14) A11Y
 * 15) LAZYLOAD
 * 16) VIDEO
 * 17) MARQUEE
 * 18) MASONRY LIST
 * 19) THUMB LIST
 * 20) BOARD LIST
 * 21) CARD LIST
 * 22) ANIMATIOM KEYFRAME
 */



/* **************************************** *
 * GUIDE
 * **************************************** */
/* ICON */
.ke-guide--icon { display: inline-block; }
.ke-guide--icon svg { display: block; width: 100%; height: auto; }



/* **************************************** *
 * BUTTON
 * **************************************** */
/* Basic Button */
.ke-btn__basic { display: inline-block; vertical-align: middle; min-width: 220rem; padding: 16rem 40rem 17rem; position: relative; text-align: center; font-size: 16rem; font-weight: 600; line-height: 1; letter-spacing: -0.01em; color: #fff; background: transparent; border: 3rem solid #fff; border-radius: 30rem; -webkit-transition: color .3s, background .3s, border .3s; transition: color .3s, background .3s, border .3s; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.ke-btn__basic.ke-btn--case-fill { color: #191919; background: #fff; }

.ke-btn__basic.ke-btn--case-stroke.ke-btn--type-02 { color: #191919; border-color: #191919; }
.ke-btn__basic.ke-btn--case-fill.ke-btn--type-02 { color: #fff; background: #191919; border-color: #191919; }
.ke-btn__basic.ke-btn--case-fill.ke-btn--type-03 { color: #191919; background: #fff; border-color: #fff; }

.ke-btn__basic.ke-btn--size-medium { min-width: 160rem; padding: 15rem 28rem 15rem; font-size: 14rem; border-width: 2rem; border-radius: 24rem; }

html.desktop .ke-btn__basic.ke-btn--type-01:hover,
html.desktop .ke-btn__basic.ke-btn--type-02:hover,
html.desktop .ke-btn__basic.ke-btn--type-03:hover { color: #191919; background: #FFE100; border-color: #FFE100; }

/* Circle Button */
.ke-btn__circle { display: inline-block; vertical-align: middle; padding: 0 67rem 0 20rem; position: relative; text-align: center; font-size: 16rem; font-weight: 600; line-height: 46rem; letter-spacing: -0.01em; color: #191919; background: transparent; border: none; }
.ke-btn__circle > i { width: 46rem; height: 46rem; position: absolute; right: 0; top: 50%; margin-top: -23rem; background: #191919; border-radius: 50%; -webkit-transition: background cubic-bezier(0.22, 0.61, 0.36, 1) .3s; transition: background cubic-bezier(0.22, 0.61, 0.36, 1) .3s; }
.ke-btn__circle > i:before, .ke-btn__circle > i:after { content: ''; position: absolute; top: 50%; left: 50%; background: #fff; -webkit-transition: background cubic-bezier(0.22, 0.61, 0.36, 1) .3s; transition: background cubic-bezier(0.22, 0.61, 0.36, 1) .3s; }
.ke-btn__circle > i:before { width: 14rem; height: 2rem; margin-left: -7rem; margin-top: -1rem; }
.ke-btn__circle > i:after { width: 2rem; height: 14rem; margin-left: -1rem; margin-top: -7rem; }

html.desktop .ke-btn__circle.ke-btn--type-01:hover > i { background: #FFE100; }
html.desktop .ke-btn__circle.ke-btn--type-01:hover > i:before,
html.desktop .ke-btn__circle.ke-btn--type-01:hover > i:after { background: #191919; }

/* Point Button */
.ke-btn__point { display: inline-block; vertical-align: middle; padding: 10rem 29rem 10rem 0; position: relative; text-align: center; font-size: 15rem; font-weight: 400; line-height: 1; letter-spacing: -0.01em; color: #888; background: transparent; border: none; -webkit-transition: color cubic-bezier(0.22, 0.61, 0.36, 1) .3s; transition: color cubic-bezier(0.22, 0.61, 0.36, 1) .3s; }
.ke-btn__point-circle { width: 22rem; height: 22rem; margin-top: -11rem; position: absolute; right: 0; top: 50%; background: #eee; border-radius: 50%; -webkit-transition: background cubic-bezier(0.22, 0.61, 0.36, 1) .3s; transition: background cubic-bezier(0.22, 0.61, 0.36, 1) .3s; overflow: hidden; }
.ke-btn__point-circle .ke-guide--icon { display: block; width: 7rem; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.ke-btn__point-circle .ke-guide--icon path { stroke: #888; -webkit-transition: stroke cubic-bezier(0.22, 0.61, 0.36, 1) .3s; transition: stroke cubic-bezier(0.22, 0.61, 0.36, 1) .3s; }
.ke-btn__point-circle .ke-guide--icon svg { -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }
.ke-btn__point-circle .ke-guide--icon.ke-btn__point-hover { position: absolute; }

.ke-btn__point.ke-btn--icon-chevron .ke-btn__point-circle .ke-guide--icon { left: -webkit-calc(50% + 1rem); left: calc(50% + 1rem); }
.ke-btn__point.ke-btn--icon-chevron .ke-btn__point-hover svg { -webkit-transform: translateX(-22rem); -ms-transform: translateX(-22rem); transform: translateX(-22rem); }

.ke-btn__point.ke-btn--icon-outlink .ke-btn__point-circle .ke-guide--icon { width: 10rem; }
.ke-btn__point.ke-btn--icon-outlink .ke-btn__point-hover svg { -webkit-transform: translate3d(-22rem, 22rem, 0); transform: translate3d(-22rem, 22rem, 0); }

.ke-btn__point.ke-btn--icon-download .ke-btn__point-circle .ke-guide--icon { width: 16rem; }
.ke-btn__point.ke-btn--icon-download .ke-btn__point-circle .ke-guide--icon svg { overflow: visible; }
/* .ke-btn__point.ke-btn--icon-download .ke-btn__point-hover svg { -webkit-transform: translateY(-22rem); -ms-transform: translateY(-22rem); transform: translateY(-22rem); } */

.ke-btn__point.ke-btn--type-02 { color: #fff; }
.ke-btn__point.ke-btn--type-02 .ke-btn__point-circle { background: #fff; }

.ke-btn__point.ke-btn--type-03 { color: #191919; }

html.desktop .ke-btn__point.ke-btn--icon-chevron:hover .ke-btn__point-hover svg { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
html.desktop .ke-btn__point.ke-btn--icon-chevron:hover .ke-btn__point-default svg { -webkit-transform: translateX(22rem); -ms-transform: translateX(22rem); transform: translateX(22rem); }
html.desktop .ke-btn__point.ke-btn--icon-outlink:hover .ke-btn__point-hover svg { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
html.desktop .ke-btn__point.ke-btn--icon-outlink:hover .ke-btn__point-default svg { -webkit-transform: translate3d(22rem, -22rem, 0); transform: translate3d(22rem, -22rem, 0); }

html.desktop .ke-btn__point.ke-btn--type-01:hover { color: #191919; }
html.desktop .ke-btn__point.ke-btn--type-01:hover .ke-btn__point-circle { background: #FFE100; }
html.desktop .ke-btn__point.ke-btn--type-01:hover .ke-btn__point-circle .ke-guide--icon path { stroke: #191919; }

html.desktop .ke-btn__point.ke-btn--type-02:hover .ke-btn__point-circle,
html.desktop .ke-btn__point.ke-btn--type-03:hover .ke-btn__point-circle { background: #FFE100; }
html.desktop .ke-btn__point.ke-btn--type-02:hover .ke-btn__point-circle .ke-guide--icon path,
html.desktop .ke-btn__point.ke-btn--type-03:hover .ke-btn__point-circle .ke-guide--icon path { stroke: #191919; }

/* Icon Button */
.ke-btn__icon { display: inline-block; vertical-align: middle; padding: 15rem 33rem 14rem; position: relative; text-align: center; font-size: 15rem; font-weight: 600; line-height: 1; letter-spacing: -0.01em; color: #191919; background: transparent; border: 2rem solid #191919; border-radius: 24rem; transition: color .3s, background .3s, border .3s; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.ke-btn__icon > span { padding-right: 21rem; position: relative; }
.ke-btn__icon > span > i { display: block; width: 13rem; margin-top: -7rem; position: absolute; right: 0; top: 50%; }
.ke-btn__icon > span > i path  { stroke: #191919; transition: stroke cubic-bezier(0.22, 0.61, 0.36, 1) .3s; }

.ke-btn__icon.ke-btn--icon-chevron > span > i { width: 8rem; margin-top: -6rem; }

.ke-btn__icon.ke-btn--type-02 { color: #fff; border-color: #fff; }
.ke-btn__icon.ke-btn--type-02 > span > i path { stroke: #fff; }

html.desktop .ke-btn__icon.ke-btn--type-01:hover { color: #fff; background: #191919; }
html.desktop .ke-btn__icon.ke-btn--type-01:hover > span > i path { stroke: #fff; }

html.desktop .ke-btn__icon.ke-btn--type-02:hover { color: #191919; background: #fff; }
html.desktop .ke-btn__icon.ke-btn--type-02:hover > span > i path { stroke: #191919; }

html.ios .ke-btn__icon { padding-bottom: 15rem; }
html.ios .ke-btn__icon.ke-btn--icon-chevron > span > i { margin-top: -6.5rem; }



/* **************************************** *
 * CATEGORY
 * **************************************** */
.ke-category-wrap { padding-bottom: 28rem; margin-bottom: 62rem; border-bottom: 2rem solid #191919; }
.ke-category { margin: -6rem 0; position: relative; }
.ke-category { display: block; width: 100%; font-size: 0; text-align: center; }
.ke-category li { display: inline-block; position: relative; }
.ke-category a, .ke-category span { display: block; padding: 6rem 16rem; font-size: 0; font-weight: 600; line-height: 1.6; -webkit-transition: color .3s; transition: color .3s; }
.ke-category a { color: #191919; }
.ke-category span { color: #aaa; cursor: not-allowed; }
.ke-category a > *, .ke-category span > * { display: inline-block; }
.ke-category b { margin-top: -4rem; vertical-align: middle; font-size: 24rem; }
.ke-category i { display: none; margin-left: 4rem; vertical-align: super; font-size: 14rem; font-style: normal; }
.ke-category li.ke-category--active a { color: #FFB500; }



/* **************************************** *
 * SEARCH
 * **************************************** */
.ke-search { max-width: 732rem; margin: 44rem auto 0; }

.ke-search__field { display: block; position: relative; }
.ke-search__input { display: block; width: 100%; height: 60rem; margin: 0; padding: 0 84rem 0 70rem; font-size: 18rem; line-height: 1.66; font-weight: 600; letter-spacing: 0; color: #191919; text-overflow: ellipsis; background: none; border: 2rem solid #ddd; border-radius: 30rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ke-search__submit { width: 32rem; height: 32rem; margin: -16rem 0 0; padding: 0; position: absolute; top: 50%; left: 29rem; background: none; border: none; cursor: pointer; }
.ke-search__submit .ke-guide--icon { display: block; width: 26rem; margin: 0 auto; }
.ke-search__submit .ke-guide--icon path { stroke: #191919; }

.ke-search__reset { display: block; width: 32rem; height: 32rem; margin: -16rem 0 0; padding: 0; position: absolute; right: 28rem; top: 50%; background: none; border: none; cursor: pointer; opacity: 0; -webkit-transition: opacity .15s; transition: opacity .15s; }
.ke-search__reset .ke-guide--icon { display: block; width: 24rem; margin: 0 auto; background: #ddd; border-radius: 50%; }
.ke-search__reset .ke-guide--icon path { stroke: #888; }
.ke-search__field.ke-search__field--active .ke-search__reset { opacity: 1; visibility: visible; }



/* **************************************** *
 * LIST PAGINATION
 * **************************************** */
.ke-pagination { display: block; width: 100%; margin-top: 60rem; font-size: 0; text-align: center; clear: both; }
.ke-pagination--secondary { margin-top: 100rem; }
.ke-pagination:empty { margin-top: 0; }

.ke-pagination .ke-pagination__numbers { display: inline-block; min-width: 28rem; height: 28rem; padding: 0 4rem; margin: 0 5rem 4rem 5rem; position: relative; font-size: 16rem; font-weight: 600; line-height: 28rem; vertical-align: top; color: #888; -webkit-transition: color .3s; transition: color .3s; }
.ke-pagination .ke-pagination__numbers:after { content: ''; display: block; width: 12rem; height: 2rem; margin-left: -6rem; position: absolute; bottom: 0; left: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ke-pagination .ke-pagination__numbers.ke-pagination--first,
.ke-pagination .ke-pagination__numbers.ke-pagination--prev,
.ke-pagination .ke-pagination__numbers.ke-pagination--next,
.ke-pagination .ke-pagination__numbers.ke-pagination--last { font-size: 0; background: no-repeat center center; background-size: 24rem auto; opacity: 0.65; -webkit-transition: opacity .3s; transition: opacity .3s; }
.ke-pagination .ke-pagination__numbers.ke-pagination--first { margin-right: 1rem; background-image: url(../images/icon/icon-first.svg); }
.ke-pagination .ke-pagination__numbers.ke-pagination--prev { margin-right: 8rem; background-image: url(../images/icon/icon-prev.svg); }
.ke-pagination .ke-pagination__numbers.ke-pagination--next { margin-left: 8rem; background-image: url(../images/icon/icon-next.svg); }
.ke-pagination .ke-pagination__numbers.ke-pagination--last { margin-left: 1rem; background-image: url(../images/icon/icon-last.svg); }

html.desktop .ke-pagination .ke-pagination__numbers:hover,
.ke-pagination .ke-pagination__numbers.ke-pagination--current { color: #191919; }
.ke-pagination .ke-pagination__numbers.ke-pagination--current:after { background: #191919; }
html.desktop .ke-pagination .ke-pagination__numbers.ke-pagination--first:hover,
html.desktop .ke-pagination .ke-pagination__numbers.ke-pagination--prev:hover,
html.desktop .ke-pagination .ke-pagination__numbers.ke-pagination--next:hover,
html.desktop .ke-pagination .ke-pagination__numbers.ke-pagination--last:hover { opacity: 1; }



/* **************************************** *
 * LIST COMPONENT
 * **************************************** */
/* Nothing */
.ke-list-nothing { padding: 24rem 40rem; text-align: center; }
.ke-list-nothing p { font-size: 18rem; font-weight: 400; line-height: 1.66; color: #888; }
.ke-list-nothing p > span { color: #191919; }

/* Count */
.ke-list-count { margin-top: -33rem; margin-bottom: 62rem; }
.ke-list-count p { font-size: 16rem; line-height: 1.75; font-weight: 400; color: #888; }

/* Icon */
.ke-list-icon { display: inline-block; vertical-align: middle; }
.ke-list-icon--new { width: 30rem; height: 30rem; margin-left: 6rem; margin-top: -2rem; }



/* **************************************** *
 * SINGLE LAYOUT
 * **************************************** */
.ke-single { padding-bottom: 200rem; border-bottom: 1rem solid #ddd; }
.wrap-single { max-width: 732rem; margin: 0 auto; }

/* HEADER */
.ke-single__header { margin-bottom: 100rem; text-align: center; }

.ke-single__meta { margin-bottom: 27rem; font-size: 0; }
.ke-single__meta > * { display: inline-block; vertical-align: baseline; padding: 0 12rem; position: relative; font-size: 16rem; font-weight: 600; line-height: 1.75; letter-spacing: -0.01em; color: #666; }
.ke-single__meta > *[lang="en"] { letter-spacing: 0; }
.ke-single__meta > *:after { content: ''; display: block; width: 1rem; height: 11rem; position: absolute; right: -1rem; top: 50%; margin-top: -4rem; background: #ddd; }
.ke-single__meta > *:last-child:after { display: none; }
.ke-single__meta .ke-single__type { font-size: 0; }
.ke-single__meta .ke-single__type > span { font-size: 16rem; }
.ke-single__meta .ke-single__type > span + span:before { content: ''; display: inline-block; vertical-align: middle; width: 4rem; height: 4rem; margin: -4rem 7rem 0; background: #bbb; border-radius: 50%; }
html.ios .ke-single__meta > *:after { margin-top: -5rem; }

.ke-single__title { font-size: 44rem; font-weight: 600; line-height: 1.31; }

/* ATTACHMENTS */
.ke-single-attachments { margin-top: 100rem; }

/* TAG */
.ke-single__tags { margin: 97rem -2rem -3rem; font-size: 0; }
.ke-single__tags a { display: inline-block; margin: 3rem 2rem; padding: 2rem 16rem; font-size: 14rem; line-height: 1.85; font-weight: 400; letter-spacing: -0.01em; color: #666; background: #f4f4f4; border-radius: 100rem; -webkit-transition: color .3s, background .3s; transition: color .3s, background .3s; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
html.desktop .ke-single__tags a:hover { color: #191919; background: #dfdfdf; }

/* RECOMMEND */
.ke-single.ke-single--use-recommend { padding-bottom: 0; border-bottom: none; }

.ke-single__recommend { margin-top: 160rem; padding: 120rem 0; background: #f8f8f8; }
.ke-single__recommend-title { margin-bottom: 40rem; font-size: 32rem; font-weight: 600; line-height: 1.43; }



/* **************************************** *
 * SINGLE PAGINATION
 * **************************************** */
.ke-single__pagination { margin-top: 108rem; }

/* Paging */
.ke-single__pagination-post { position: relative; border-top: 1rem solid #ddd; border-bottom: 1rem solid #ddd; }
.ke-single__pagination-item { position: relative; }
.ke-single__pagination-item:first-child { border-bottom: 1rem solid #ddd; }
.ke-single__pagination-type { display: block; position: absolute; top: 23rem; left: 20rem; }
.ke-single__pagination-type > span { font-size: 16rem; line-height: 1.87; font-weight: 600; }
.ke-single__pagination-link { width: 100%; padding: 23rem 23rem 22rem 128rem; position: relative; }
.ke-single__pagination-link > * { display: block; font-size: 16rem; line-height: 1.87; font-weight: 400; letter-spacing: -0.01em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: color .3; transition: color .3; }
.ke-single__pagination-link > span { color: #bbb; }
.ke-single__pagination-link br { display: none; }
html.desktop .ke-single__pagination-link > a:hover { color: #191919; }

html.ios .ke-single__pagination-type { top: 21rem }

/* Back to list */
.ke-single__pagination-list { margin-top: 60rem; font-size: 0; text-align: center; }



/* **************************************** *
 * ATTACHMENTS
 * **************************************** */
.ke-download-files { padding-left: 20rem; font-size: 0; border-left: 3rem solid #191919; }
.ke-download-files b { display: block; padding-left: 18rem; position: relative; font-size: 16rem; font-weight: 600; line-height: 1.6; color: #191919; }
.ke-download-files b .ke-guide--icon { display: block; width: 20rem; position: absolute; left: -5rem; top: 50%; margin-top: -10rem; }
.ke-download-files b .ke-guide--icon path { stroke: #191919; }
.ke-download-files a,
.ke-download-files i { display: inline-block; vertical-align: middle; font-size: 16rem; font-weight: 400; line-height: 1.6; color: #666; }
.ke-download-files a { border-bottom: 1rem solid transparent; -webkit-transition: border .3s; transition: border .3s; }
.ke-download-files i.ke-download-files__comma { padding-right: 8rem; font-style: normal; }
html.desktop .ke-download-files a:hover { border-bottom-color: #191919; }



/* **************************************** *
 * SHARE
 * **************************************** */
.ke-share { margin-top: 42rem; font-size: 0; text-align: center; }
.ke-share .ke-share__item { display: inline-block; width: 40rem; height: 40rem; margin: 0 4rem; position: relative; vertical-align: middle; background: #eee; border-radius: 50%; -webkit-transition: background .3s cubic-bezier(0.22, 0.61, 0.36, 1); transition: background .3s cubic-bezier(0.22, 0.61, 0.36, 1); z-index: 2; }
.ke-share .ke-share__item .ke-guide--icon { width: 21rem; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.ke-share .ke-share__item .ke-guide--icon svg path { fill: #191919; }
.ke-share .ke-share__item.ke-share--link .ke-guide--icon { margin-top: -1rem; }
html.desktop .ke-share .ke-share__item:hover { background: #191919; }
html.desktop .ke-share .ke-share__item:hover .ke-guide--icon path { fill: #fff; }

.ke-share .ke-share__item.ke-share--kakaostory > a,
.ke-share .ke-share__item.ke-share--kakaostory > a > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }

/* Clipboard */
.ke-share__copynote { padding: 15rem 50rem; position: fixed; left: 50rem; left: 50%; bottom: 40rem; background: rgba(25, 25, 25, .9); border-radius: 5rem; z-index: 501; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; visibility: hidden; }
.ke-share__copynote p { font-size: 16rem; font-weight: 600; line-height: 1.66; color: #fff; }



/* **************************************** *
 * LOADMORE
 * **************************************** */
.ke-loadmore { margin-top: 100rem; font-size: 0; text-align: center; }
.ke-loadmore:empty { margin-top: 0; }
.ke-loadmore__spinner { display: none; width: 90rem; margin: 0; position: absolute; top: 0; left: 50%; margin-left: -45rem; text-align: center; }
.ke-loadmore__spinner > div { display: inline-block; width: 10rem; height: 10rem; margin: 0 6rem; background-color: #191919; border-radius: 100%; -webkit-animation: bounce-delay 1.4s infinite ease-in-out both; animation: bounce-delay 1.4s infinite ease-in-out both; }
.ke-loadmore__spinner .ke-loadmore__spinner_ball_01 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.ke-loadmore__spinner .ke-loadmore__spinner_ball_02 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.ke-loadmore.ke-loadmore--loading a span, .ke-loadmore.ke-loadmore--loading a i { visibility: hidden; }
.ke-loadmore.ke-loadmore--loading a .ke-loadmore__spinner { display: block; }



/* **************************************** *
 * SWIPER
 * **************************************** */
.swiper-control { width: 100%; position: absolute; left: 0; bottom: 49rem; font-size: 0; text-align: center; z-index: 2; }
.swiper-buttons { width: 100%; }

/* NAVIGATION */
.swiper-control .swiper-button-next, 
.swiper-control .swiper-button-prev { display: inline-block; vertical-align: middle; width: 48rem; height: 48rem; margin: 0; padding: 0; position: relative; top: auto; background: none; border: 2rem solid transparent; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border .3s, -webkit-box-shadow .3s; transition: border .3s, -webkit-box-shadow .3s; transition: border .3s, box-shadow .3s; transition: border .3s, box-shadow .3s, -webkit-box-shadow .3s; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.swiper-control .swiper-button-next .ke-guide--icon, 
.swiper-control .swiper-button-prev .ke-guide--icon { width: 10rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.swiper-control .swiper-button-next .ke-guide--icon path,
.swiper-control .swiper-button-prev .ke-guide--icon path { stroke: #fff; }
.swiper-control .swiper-button-prev { margin-right: 50rem; left: auto; }
.swiper-control .swiper-button-prev .ke-guide--icon { left: -webkit-calc(50% - 1rem); left: calc(50% - 1rem); }
.swiper-control .swiper-button-next { margin-left: 30rem; right: auto; }
.swiper-control .swiper-button-next .ke-guide--icon { left: -webkit-calc(50% + 1rem); left: calc(50% + 1rem); }
html.desktop .swiper-control .swiper-button-next:hover, 
html.desktop .swiper-control .swiper-button-prev:hover { border-color: #fff; -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, .25); box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, .25); }

/* NAVIGATION - Hover */
.swiper-buttons .swiper-navigation { display: block; width: 64rem; height: 64rem; margin: -32rem 0 0; padding: 0; background: rgba(255, 255, 255, 0.85); border: none; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: background .3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity .5s; transition: background .3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity .5s; }
.swiper-buttons .swiper-navigation.swiper-button-disabled { opacity: 0; }
.swiper-buttons .swiper-navigation .ke-guide--icon { width: 13rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.swiper-buttons .swiper-navigation .ke-guide--icon path { stroke: #888; -webkit-transition: stroke .3s cubic-bezier(0.22, 0.61, 0.36, 1); transition: stroke .3s cubic-bezier(0.22, 0.61, 0.36, 1); }
.swiper-buttons .swiper-button-prev { left: 34rem; }
.swiper-buttons .swiper-button-prev .ke-guide--icon { left: -webkit-calc(50% - 1rem); left: calc(50% - 1rem); }
.swiper-buttons .swiper-button-next { right: 34rem; }
.swiper-buttons .swiper-button-next .ke-guide--icon { left: -webkit-calc(50% + 1rem); left: calc(50% + 1rem); }

html.desktop .swiper-buttons .swiper-navigation:hover { background: #fff; }
html.desktop .swiper-buttons .swiper-navigation:hover .ke-guide--icon path { stroke: #191919; }
html.desktop .swiper-use-buttons:hover .swiper-buttons .swiper-navigation:not(.swiper-button-disabled) { opacity: 1; visibility: visible; }

/* PAGINATION */
.swiper-control .swiper-pagination { display: inline-block; vertical-align: middle; position: relative; }
.swiper-control .swiper-pagination.swiper-pagination-fraction { width: auto; left: 0; bottom: auto; }
.swiper-control .swiper-pagination.swiper-pagination-fraction > span { display: inline-block; vertical-align: middle; font-size: 16rem; line-height: 48rem; font-weight: 400; color: #fff; }
.swiper-control .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper-control .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total { min-width: 10rem; }
.swiper-control .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { color: #FFE100; }
.swiper-control .swiper-pagination.swiper-pagination-fraction .swiper-pagination-dot { width: 4rem; height: 4rem; margin: 0 7rem; background: #fff; border-radius: 50%; }

/* STATE (PLAY/PAUSE) */
.swiper-state { display: inline-block; vertical-align: middle; width: 48rem; height: 48rem; margin-left: 14rem; position: relative; }
.swiper-state__btn { display: block; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; background: transparent; border: none; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s; transition: opacity .3s; cursor: pointer; }
.swiper-state__btn .ke-guide--icon { display: block; width: 17rem; margin: 0 auto; }
.swiper-state__btn .ke-guide--icon path { fill: #fff; }
.swiper-state__btn--pause .ke-guide--icon { width: 12rem; }
.swiper-state.swiper-state--play .swiper-state__btn--play { opacity: 1; visibility: visible; }
.swiper-state.swiper-state--pause .swiper-state__btn--pause { opacity: 1; visibility: visible; }

/* PROGRESS BAR */
.swiper-progress { display: none !important; width: 100%; height: 5rem; position: absolute; left: 0; bottom: 0; background: #ffffff; background: rgba(255, 255, 255, .4); overflow: hidden; z-index: 2; }
.swiper-progress__bar { display: block; width: 0; height: 100%; background: #FFE100; }



/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */
/* Overlay */
.mfp-bg { background: #191919; opacity: 0.76; }
.mfp-fade.mfp-ready.mfp-bg, .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.76; }

/* Content */
.mfp-iframe-holder .mfp-content { max-width: 1200rem; }
.mfp-iframe-scaler iframe { background: #000; }

/* Close button */
button.mfp-close { width: 55rem; height: 55rem; top: -63rem; right: -12rem; font-size: 0; opacity: 1; cursor: pointer; }
button.mfp-close:active { top: -63rem; }
button.mfp-close:before, button.mfp-close:after { content: ''; width: 3rem; height: 42rem; position: absolute; top: 50%; left: 50%; background: #fff; }
button.mfp-close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
button.mfp-close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.mfp-iframe-holder .mfp-close { width: 55rem; padding: 0; top: -63rem; right: -12rem; font-size: 0; }



/* **************************************** *
 * A11Y
 * **************************************** */
.sr-only { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

#skip a { width: 1rem; height: 1rem; position: absolute; left: -10000rem; top: auto; overflow: hidden; }
#skip a:focus { display: block; width: 100%; height: 50rem; position: fixed; top: 0; left: 0; line-height: 49rem; text-align: center; color: #fff; background: #191919; z-index: 999; }

.use-mouse, 
.use-mouse select, 
.use-mouse input[type=text], 
.use-mouse input[type=tel], 
.use-mouse input[type=email], 
.use-mouse input[type=password], 
.use-mouse input[type=url], 
.use-mouse input[type=number], 
.use-mouse input[type=search], 
.use-mouse textarea, 
.use-mouse input[type=submit], 
.use-mouse input[type=button], 
.use-mouse button, 
.use-mouse a:focus { outline: none; }



/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }
.ke-lazyload--loaded img[data-unveil], img[data-unveil].ke-lazyload--loaded { opacity: 1 }

.ke-lazyload { position: relative; overflow: hidden; }
.ke-lazyload img { display: block; width: 100%; position: absolute; left: 0; top: 0; }
.ke-lazyload.ke-lazyload--loaded img, .ke-lazyload img.ke-lazyload--loaded { height: auto; }

/* Color preview */
.ke-lazyload__color-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f8f8f8; }
.ke-lazyload.ke-lazyload--loaded .ke-lazyload__color-preview { background: transparent; -webkit-transition: background .1s; transition: background .1s; -webkit-transition-delay: .3s; transition-delay: .3s }



/* **************************************** *
 * VIDEO
 * **************************************** */
/* BACKGROUND */
.ke-background-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.ke-background-video__vod { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 20rem; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }
.ke-background-video__vod:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.ke-background-video__vod video { display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.ke-background-video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center center; background-size: cover; border-radius: 20rem; overflow: hidden; }

.ke-background-video--angular .ke-background-video__vod,
.ke-background-video--angular .ke-background-video__poster { border-radius: 0; }

/* POPUP */
.ke-popup-video { display: block; position: relative; overflow: hidden; }

.ke-popup-video__overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.ke-popup-video__overlay:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(25, 25, 25, .03); -webkit-transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1); z-index: 1; }
.ke-popup-video__overlay-icon { display: block; width: 48rem; height: 48rem; position: absolute; right: 28rem; bottom: 28rem; background: #FFE100; border-radius: 50%; z-index: 2; }
.ke-popup-video__overlay-icon:after { content: ''; width: 0; height: 0; margin-left: -2rem; position: absolute; top: 50%; left: 50%; border: solid transparent; border-left-color: #191919; border-width: 4rem 6rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
html.desktop .ke-popup-video:hover .ke-popup-video__overlay:after { background: rgba(25, 25, 25, .1); }

/* EMBED */
.ke-embed-video { margin-left: auto; margin-right: auto; position: relative; }
.ke-embed-video__inner { position: relative; width: 100%; padding-top: 56.25%; } 
.ke-embed-video__inner iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff url(../images/layout/spin.gif) no-repeat center center; background-size: 32rem 32rem; border-radius: 20rem; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.ke-embed-video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 18rem; overflow: hidden; z-index: 1; }
.ke-embed-video__poster .ke-embed-video__img { display: block; width: 100%; margin: 0; } 
.ke-embed-video__poster .ke-embed-video__bg { display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }
.ke-embed-video__overlay { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(25, 25, 25, .03); -webkit-transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.ke-embed-video__overlay-btn { display: block; width: 72rem; height: 72rem; position: absolute; right: 40rem; bottom: 40rem; background: #FFE100; border-radius: 50%; z-index: 2; }
.ke-embed-video__overlay-btn:after { content: ''; width: 0; height: 0; margin-left: -3rem; position: absolute; top: 50%; left: 50%; border: solid transparent; border-left-color: #191919; border-width: 6rem 9rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
html.desktop .ke-embed-video:hover .ke-embed-video__overlay { background: rgba(25, 25, 25, .1); }



/* **************************************** *
 * MARQUEE
 * **************************************** */
.ke-marquee { font-size: 0; white-space: nowrap; overflow: hidden; }
.ke-marquee__inner { display: inline-block; will-change: auto; }
.ke-marquee__items { display: inline-block; }



/* **************************************** *
 * MASONRY LIST
 * **************************************** */
.ke-isotope-list { visibility: hidden; } /* Hide the container (show with js) */

.ke-isotope-list { margin-bottom: -53rem; position: relative; }
.ke-isotope-list:after { content: ''; display: table; clear: both; }
.ke-isotope-list__grid { width: 30%; }
.ke-isotope-list__gutter { width: 5%; }
.ke-isotope-list__item { width: 30%; margin-bottom: 53rem; padding-top: 61rem; border-top: 1rem solid #eee; }

.ke-isotope-list > div:nth-child(3),
.ke-isotope-list > div:nth-child(4),
.ke-isotope-list > div:nth-child(5) { padding-top: 0; border-top: none; }

.ke-isotope-list__meta { margin-bottom: 12rem; font-size: 0; }
.ke-isotope-list__meta > * { display: inline-block; vertical-align: middle; }
.ke-isotope-list__type { font-size: 13rem; line-height: 1.76; font-weight: 400; letter-spacing: -0.01em; color: #444; -webkit-transition: color .3s; transition: color .3s; }
.ke-isotope-list__type > span { display: inline-block; position: relative; }
.ke-isotope-list__type > span:after { content: ''; display: block; width: 100%; height: 1rem; position: absolute; left: 0; bottom: 0; background: #FFB500; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
html.desktop a.ke-isotope-list__type:hover { color: #FFB500; }
html.desktop a.ke-isotope-list__type:hover > span:after { -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.ke-isotope-list__post { display: block; }
.ke-isotope-list__title { font-size: 21rem; line-height: 1.52; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ke-isotope-list__title > span { border-bottom: 1px solid transparent; -webkit-transition: border .3s; transition: border .3s; }
.ke-isotope-list__title br { display: none; }
.ke-isotope-list__date { display: block; margin-top: 12rem; font-size: 16rem; font-weight: 400; line-height: 1.75; color: #666; }
.ke-isotope-list__thumb { margin-top: 19rem; position: relative; border-radius: 20rem; overflow: hidden; }
.ke-isotope-list__thumb img { border-radius: 20rem; }
.ke-isotope-list__thumb:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(25, 25, 25, 0.03); border-radius: 20rem; }
html.desktop .ke-isotope-list__post:hover .ke-isotope-list__title > span { border-bottom-color: #191919; }

.ke-isotope-list__tag { margin: 18rem -2rem -3rem; font-size: 0; }
.ke-isotope-list__tag a { display: inline-block; margin: 3rem 2rem; padding: 2rem 16rem; font-size: 14rem; line-height: 1.85; font-weight: 400; letter-spacing: -0.01em; color: #666; background: #f4f4f4; border-radius: 100rem; -webkit-transition: color .3s, background .3s; transition: color .3s, background .3s; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
html.desktop .ke-isotope-list__tag a:hover { color: #191919; background: #dfdfdf; }



/* **************************************** *
 * THUMB LIST
 * **************************************** */
.ke-thumb-list { display: grid; grid-template-columns: 1fr 1fr 1fr; -webkit-column-gap: 36rem; -moz-column-gap: 36rem; column-gap: 36rem; row-gap: 100rem; }
.ke-thumb-list__link { display: block; }

.ke-thumb-list__img { border-radius: 20rem; overflow: hidden; }
.ke-thumb-list__img .ke-lazyload { padding-top: 52.52%; }
.ke-thumb-list__img img { border-radius: 20rem; }

.ke-thumb-list__txt { margin-top: 31rem; }
.ke-thumb-list__meta { margin-bottom: 12rem; font-size: 0; }
.ke-thumb-list__meta > span { font-size: 14rem; font-weight: 400; line-height: 1.75; letter-spacing: -0.01em; color: #666; }
.ke-thumb-list__meta > span + span:before { content: ''; display: inline-block; vertical-align: middle; width: 4rem; height: 4rem; margin: -4rem 9rem 0; background: #bbb; border-radius: 50%; }
.ke-thumb-list__title { padding-bottom: 1rem; font-size: 21rem; font-weight: 600; line-height: 1.52; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ke-thumb-list__title br { display: none; }
.ke-thumb-list__title > span { border-bottom: 1px solid transparent; -webkit-transition: border .3s; transition: border .3s; }
html.desktop .ke-thumb-list__link:hover .ke-thumb-list__title > span { border-bottom-color: #191919; }



/* **************************************** *
 * BOARD LIST
 * **************************************** */
.ke-board-list { border-top: 2rem solid #191919; }
.ke-board-list > li { border-bottom: 1rem solid #eee; }
.ke-board-list__item { display: block; padding: 32rem 0 37rem; position: relative; }

.ke-board-list__meta { margin-bottom: 12rem; font-size: 0; }
.ke-board-list__meta > * { display: inline-block; vertical-align: middle; }
.ke-thumb-list__code, .ke-board-list__date { font-size: 16rem; font-weight: 400; line-height: 1.75; color: #666; }
.ke-board-list__type { font-size: 13rem; line-height: 1.76; font-weight: 400; letter-spacing: -0.01em; color: #444; -webkit-transition: color .3s; transition: color .3s; }
.ke-board-list__type > span { display: inline-block; position: relative; }
.ke-board-list__type > span:after { content: ''; display: block; width: 100%; height: 1rem; position: absolute; left: 0; bottom: 0; background: #FFB500; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
html.desktop .ke-board-list__type:hover { color: #FFB500; }
html.desktop .ke-board-list__type:hover > span:after { -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.ke-board-list__post { display: block; }
.ke-board-list__title { padding-bottom: 1rem; font-size: 21rem; line-height: 1.52; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ke-board-list__title > span { border-bottom: 1px solid transparent; -webkit-transition: border .3s; transition: border .3s; }
.ke-board-list__title br { display: none; }
html.desktop .ke-board-list__post:hover .ke-board-list__title > span { border-bottom-color: #191919; }

.ke-board-list__tag { margin: 18rem -2rem -3rem; font-size: 0; }
.ke-board-list__tag a { display: inline-block; margin: 3rem 2rem; padding: 2rem 16rem; font-size: 14rem; line-height: 1.85; font-weight: 400; letter-spacing: -0.01em; color: #666; background: #f4f4f4; border-radius: 100rem; -webkit-transition: color .3s, background .3s; transition: color .3s, background .3s; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
html.desktop .ke-board-list__tag a:hover { color: #191919; background: #dfdfdf; }

.ke-board-list__img { width: 160rem; height: 80rem; margin-top: -40rem; position: absolute; right: 40rem; top: 50%; }
.ke-board-list__img .ke-lazyload { padding-top: 50%; }

/* SIMPLE */
.ke-board-list--simple .ke-board-list__item { padding: 42rem 0 47rem; } 
html.desktop .ke-board-list--simple .ke-board-list__item:hover .ke-board-list__title > span { border-bottom-color: #191919; }

/* TYPE */
.ke-board-list--thumb .ke-board-list__item { padding: 45rem 220rem 43rem 0; }
html.desktop .ke-board-list--thumb .ke-board-list__item:hover .ke-board-list__title > span { border-bottom-color: #191919; }



/* **************************************** *
 * CARD LIST
 * **************************************** */
.ke-card-list { display: grid; grid-template-columns: 1fr 1fr 1fr; -webkit-column-gap: 36rem; -moz-column-gap: 36rem; column-gap: 36rem; }

.ke-card-list__link { display: block; height: 272rem; padding: 48rem 40rem; position: relative; background: #fff; border: 1rem solid #eee; border-radius: 10rem; overflow: hidden; }
.ke-card-list__link:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2rem solid transparent; border-radius: 10rem; -webkit-transition: .4s; transition: .4s; }
html.desktop .ke-card-list__link:hover:after { border-color: #191919; }

.ke-card-list__meta { margin-bottom: 11rem; font-size: 0; }
.ke-card-list__meta > * { display: inline-block; vertical-align: middle; }
.ke-card-list__meta > span { font-size: 13rem; line-height: 1.76; font-weight: 400; letter-spacing: -0.01em; color: #444; }

.ke-card-list__title { font-size: 21rem; font-weight: 600; line-height: 1.52; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ke-card-list__title br { display: none; }
.ke-card-list__desc { margin-top: 16rem; font-size: 16rem; font-weight: 600; line-height: 1.87; letter-spacing: -0.01em; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*
.ke-card-list__link:visited .ke-card-list__meta > span,
.ke-card-list__link:visited .ke-card-list__title,
.ke-card-list__link:visited .ke-card-list__desc { color: #888; }
*/



/* **************************************** *
 * ANIMATIOM KEYFRAME
 * **************************************** */
/* LOADMORE BOUNCE DELAY */
@-webkit-keyframes bounce-delay {
    0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}
@keyframes bounce-delay {
    0%,80%,100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}