@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:800&subset=korean');
body {font-family : Roboto, 'Noto Sans', 'Noto Sans KR', 'Noto Sans JP', sans-serif;color: #202124;}
.wrap {width:100%; max-width: 1170px; margin: 0 auto;text-align: left;}


#pageWrap {position: relative;-webkit-transition: transform .4s ease-in-out;-moz-transition: transform .4s ease-in-out;transition: transform .4s ease-in-out;max-width:100%;}


#header {min-height: 220px;}
#header .top-nav {min-height: 59px;line-height: 26.1324px;}
#header .top-nav li {float:left;}
#header .top-nav a {display: block;color: #333;font-size: 12px;font-weight: 300;padding: 0 10px;-webkit-transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;transition:color .4s ease-in-out;}
#header .top-nav a:hover {color:#ed4956;}
#header .top-nav .wrap ul {float:left;position: relative;z-index: 6000;}
#header .top-nav .wrap > ul+ul {float:right!important;}
#header .top-nav .admin-tools {position: relative;}
#header .sticky-nav {position: fixed;top:0;width:100%;z-index:1000;background: rgba(255, 255, 255, 0.9);border-bottom: 1px solid #ddd;height:59px;line-height: 59px;padding:0 15px;}
#header .main-head {position: relative;width: 100%;overflow: hidden;height: 100%;line-height: normal;border-bottom: 1px solid #eaeaea;}
#header .sticky-nav .wrap {height: 59px;overflow: hidden;max-width:100%;}
#header .main-head .title {text-align: center;padding: 70px 0;}
#header .main-head .title a {display:inline-flex;align-items:center;line-height:1;vertical-align: middle;text-transform: uppercase;transition: none;text-decoration:none;color:#333;font-size: 30px;font-family: 'Nanum Myeongjo',sans-serif;}

.toggle-mobile {position:relative;display:none;float: left;width: 59px;text-align: center;height: 59px;line-height: 0;cursor:pointer;z-index:6000;}
.toggle-mobile span {display: inline-block;width: 30px;height:2px;background:#333;margin: 3px 0;}
.toggle-mobile .table {table-layout:fixed;height:100%;}
@media(max-width:992px) {
  .sticky-nav {padding:0!important;background:#fff!important;border-bottom:1px solid #ddd;}
  .sticky-nav .wrap ul {display:none}
  .toggle-mobile {
      display:block!important;
  }
}

.nav-hint {
  position: absolute;
  left: 0;
  width: 100%;
  height: 59px;
  text-align:center;
  z-index: 1200;
  font-size: 12px;
  padding: 0 20px;
}
.nav-hint .wrap {max-width:728px!important;}
.nav-hint-title {
  text-align: center;
  width: 100%;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 60px;
}

#main {padding: 40px 15px;overflow: hidden;}
#main #content {position: relative; overflow: hidden;}
#main #sidebar {position: relative;}


@media (min-width: 992px) {
    #main .inner {margin-right: 340px;}
    #main #content {float: left;width: 100%;min-height: 50vh;padding-right: 50px!important;}
    #main #sidebar {position: relative;float: right;width: 340px;margin-right: -340px;min-height: 50vh;}
}
@media (max-width: 992px) {
  #sidebar {
      position: fixed!important;
      top: 0;
      left: -400px;
      background: #fff;
      border-right: 1px solid #ddd;
      max-width: 340px;
      width: 100%;
      height: 100%!important;
      padding: 10px 10px;
      z-index: 10000;
      overflow-y: auto;
      overflow-x:hidden!important;
      -webkit-transition: left .2s ease-in-out;
      -moz-transition: left .2s ease-in-out;
      transition: left .2s ease-in-out;
  }
  .open-menu body{overflow: hidden!important;}
  .open-menu #sidebar {left: 0;}
  .open-menu .mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index:5000;cursor: pointer;}
}

.widget {margin-bottom: 10px;}
.widget-title {position: relative;display: inline-block;background: #fff;color: #333;font-size: 18px;letter-spacing: .12em;line-height: 31px;text-align: left;text-transform: uppercase;padding-bottom: 10px;border-radius: 3px;}
.widget-title:after {content:"";width:100%;height:7px;background: rgb(0 0 0 / .1);position:absolute;bottom: 15px;left:0;}
.widget-category ul {display: flex;flex-direction: column;width: 100%;}
.widget-category li {display: flex;flex-wrap: wrap;font-size: 14px;line-height: 1.8;}
.widget-category a {display: block;padding:8px 0;border-bottom:1px solid #ebebeb;width:100%;max-width: 100%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color: inherit;font-size: inherit;text-decoration:none;color:#000;font-weight: 400;}
.widget-category .sub_category_list li a {padding-left: 15px;font-size: 14px;}
.widget-category .sub_category_list li a:before {content:"-";margin-left:-10px;margin-right:7px;}
.widget .new-post {display: inline-block;width: 4px;height: 4px;background: red;border-radius: 100px;vertical-align: top;margin-top: 5px;margin-left: 5px;}
.widget-profile {position:relative;width:100%;height:200px;margin-bottom:10px;}
.widget-profile span {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat!important;background-size:cover!important;background-position: 50% 50%!important;}
.widget-about p {font-size: 14.4px;line-height: 1.5;}
.widget-body .c_cnt {float: right;margin-right: 10px;background: #f3f3f3;border-radius: 50px;min-width: 20px;text-align: center;color: #b3b3b3;}
.widget-body ul, .widget-body li, .widget-body ol {list-style:none!important;}
.widget-list-item {margin: 10px 0;}
.widget-list-thumb {position: relative;flex-shrink: 0;width: 70px;height: auto;max-width: 50%;}
.widget-list-link {position: relative;display: block;padding-bottom: 82.43243%;height: 0;}
.widget-list-thumb + .table-cell {padding-left: 10px;}
.widget-list-subject {display: inline-block;display: -webkit-box;font-size: 13px;color: #000;max-width: 100%;max-height: 48px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
.widget-thumb-img{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; overflow: hidden; background-repeat: no-repeat!important; background-position: center center!important; background-size: cover!important;}
.widget-body a {font-size:14px;color:#000;-webkit-transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;transition:color .4s ease-in-out;}
.widget-body a:hover {color:#ed4956!important;}
.widget-tags a {display: inline-block;vertical-align: top;font-size: 13px;color: #000;margin: 0 5px 5px 0;}
.widget-comment a {display: inline-block;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.widget-comment a span {opacity:0.5}
.search-wrap{position: relative;width: 100%;max-width: 690px;border: 1px solid #e5e5e5;padding: 10px 52px 10px 10px;height: 43px;line-height: 43px;}
.search-input{width: 100%;border: 0;display: inline-block;vertical-align: top;line-height: 20px;}
.search-submit{position: absolute;right: 0;top: -1px;background: rgb(0 0 0 / 0%);color: #fff;padding: 0 15px;font-size: 12px;line-height: 43px;height: 43px;cursor: pointer;}



.section-article-thumbnail {display:none;height:300px;background-repeat: no-repeat!important;background-position: 50% 50%!important;background-size: cover!important;}
#tt-body-page .section-article-thumbnail {position: relative;display:block;}
#tt-body-page .section-article-thumbnail:after {content:"";position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.55);}
.article {padding-bottom: 50px;}
.article-header {position: relative;font-size: 28px;font-weight: 600;color: #000;text-align: center;margin: 16px auto;padding-bottom: 10px;}
.article-header .meta {font-size: 13px;font-weight: 400;}
.article-header .meta span {vertical-align:middle;}
.article-header:after {content: "";display: inline-block;width: 100px;border-bottom: 1px solid #e6e6e6;}
.article-body {color: #222;word-break:break-all;}
.article-body h1 {font-size:32px!important;}.article-body h2 {font-size:29px!important;}.article-body h3 {font-size:24px!important;}.article-body h4 {font-size:22px!important;}.article-body h5 {font-size:21px!important;}.article-body h6 {font-size:20px!important;}
.article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 {margin-bottom:25px!important;line-height: 1.3!important;}
.article-body p+h1, .article-body p+h2, .article-body p+h3, .article-body p+h4, .article-body p+h5, .article-body p+h6, .article-body ul+h1, .article-body ul+h2, .article-body ul+h3, .article-body ul+h4, .article-body ul+h5, .article-body ul+h6 {margin-top:50px!important;}
.article-body {line-height:24px;}
.article-body a {color:#ed4956}
.article-body p+.imageblock { margin-top: 20px!important;}
.article-body ul li, .article-body ol li{list-style: disc!important;margin-left: 20px;list-style: circle;}


.article .another_category {display:none!important;}
.article-share {margin-top: 40px;text-align: center;}
.article-share-btn {display:inline-block;vertical-align:middle;cursor:pointer;}
.article-share-btn+.article-share-btn{margin-left:10px;}
.article-more {margin-top: 50px;}
.article-tags {font-size: 0;}
.article-tags a {display: inline-block;font-size: 13px;color: #fff;vertical-align: middle;padding: 0 10px;background: #1b1b1b;margin: 0 5px 5px 0;border-radius: 40px;-webkit-transition:background .4s ease-in-out;-moz-transition:background .4s ease-in-out;transition:background .4s ease-in-out;}
.article-tags a:hover {background:#ed4956;}
.password-submit {display: inline-block;padding: 0 10px;background: #1b1b1b;color: #fff;width: 120px;text-align: center;font-weight: 300;cursor:pointer;}
[data-ke-type="moreLess"]{position:relative;}[data-ke-type="moreLess"]:before{content: ""; position: absolute; top: 15.5px; left: 0; width: 100%; height: 0; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ddd;}.btn-toggle-moreless{position:relative; display:inline-block; background: #000!important; color: #fff!important; border-radius: 20px; padding: 0 16px; font-size: 15px!important; font-weight: 500!important; height: 32px!important; line-height: 32px!important; z-index:100;-webkit-transition:background .4s ease-in-out;-moz-transition:background .4s ease-in-out;transition:background .4s ease-in-out;}.moreless-content{padding:15px 0!important;}
.btn-toggle-moreless:hover {background:#ed4956!important;}



blockquote {border: 0!important;padding-left: 23px;position: relative;margin-top: 20px!important;margin-bottom: 20px!important;}
blockquote[data-ke-style="style3"] {padding: 20px 30px!important;background: #f3f3f3!important;}
blockquote[data-ke-style='normal'], #tt-body-page blockquote[data-ke-style='normal'], blockquote[data-ke-style='style2'], #tt-body-page blockquote[data-ke-style='style2'] {padding-left:10px;border-left:4px solid #000!important;color: #000;}


.comment-cnt {font-size: 14px;font-weight: bold;margin-top: 12px;margin-bottom: 20px;padding-top: 30px;padding-left: 36px;padding-right: 36px;border-top: 1px solid #eaeaea;font-family: 'Noto Sans DemiLight', 'Noto Sans KR', sans-serif;}
.comment-item {padding: 10px 0 0 0;}
.comment-reply {position: relative;float: right;text-align: right;}
.comment-reply .comment-head .table {width: auto;float: right;margin-bottom: 10px;}
.comment-head {padding-bottom: 7px;}
.comment-profile{display: inline-block;width: 35px;height: 35px;border-radius: 100px;margin-right: 9px;position: relative;overflow: hidden;vertical-align: middle;}
.comment-profile img{width: inherit; height: inherit; border-radius: 100px;font-size: 0;}
.comment-profile:after{content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid #000000;border-radius: 50%;filter: alpha(opacity=10);opacity: .1;background: 0 0;width: 100%;height: 100%;}
.comment-name, .comment-name a {color: #000;display: inline-block;font-weight: 400;font-family: 'Noto Sans DemiLight', 'Noto Sans KR', sans-serif;font-size: 13px;}
.comment-name img {display:none!important;}
.comment-body {position: relative;display: inline-block;font-size: 13px;color: #333;background: #f3f3f3;word-break: break-all;max-width: 100%;min-height: 50px;padding: 12px 20px;margin-bottom: 5px;border-radius: 26px;}
.comment-body a {color: #c01920;text-decoration: underline;}
.comment-body:before{content: ''; position: absolute; top: 0; left: 30px; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #f3f3f3; border-top: 0; border-left: 0; margin-left: -4px; margin-top: -8px;}
.comment-meta {margin-top: 10px;filter: alpha(opacity=50);opacity: 0.5;font-size: 12px;}
.comment-footer a, .comment-footer span{display: inline-block;line-height: 12px;color: #aaa;padding: 4px 0;height: 23px;overflow: hidden;font-size: 12px;vertical-align:top;margin: 0 3px;font-weight: 300;}
.comment-footer span a {display:none;}
.comment-footer {margin-top: 8px;padding: 0 12px;}
.comment-reply .comment-footer {text-align:right;display: block;width: 100%;}
.comment-write{padding-top: 15px;background: #ffffff;padding: 15px 0;}
.input-box{position: relative;display: inline-block;border: 0;border-radius: 12px;padding: 5px 10px;height: 35px;line-height: 1.74;max-width: 270px;width: 100%;margin-bottom: 10px;background: #f8f8f8;}
.input-box input{display: block;border: 0;font-size: 14.4px;line-height: 24px;color: #333;width: 100%;background: #f8f8f8;font-family: "Noto Sans KR",sans-serif;}
.hint-box {cursor: text;}
.comment-textarea{position: relative;border: 0;padding: 15px 15px 46px 15px;height: 170px;max-width: 100%;width: 100%;margin-bottom: unset;background: #f8f8f8;border-radius: 12px;overflow: hidden;}
.comment-textarea textarea{border: 0;height: 100%;width: 100%;width: calc(100% + 40px);padding-right: 40px;resize: none;font-size: 16px;color: #333;background: #f8f8f8;font-family: "Noto Sans KR",sans-serif;}
.hint{position: absolute;left: 13px;top: 6px;font-size: 12px;color: #aaa;}
.comment-submit{display: inline-block;height: 34px;line-height: 34px;background: #1b1b1b;color: #fff;font-size: 12px;padding: 0 15px;min-width: 100px;text-align: center;cursor: pointer;border-radius: 100px;margin-top: 6px;font-family: 'Noto Sans DemiLight', 'Noto Sans KR', sans-serif;-webkit-transition:background .4s ease-in-out;-moz-transition:background .4s ease-in-out;transition:background .4s ease-in-out;}
.comment-submit:hover {background:#ed4956;}
.comment-meta a {color: #2f2f2f;font-size: 11px;display: inline-block;vertical-align: text-top;}
.rp_admin .comment-name a:after {content: "글쓴이";border: 1px solid #ed4956;border-radius: 100px;color: #ed4956;font-size: 0.85em;line-height: 1.5em;margin-left: 0.5em;vertical-align: middle;padding: 0 0.5em;}
.comment-reply .comment-body:before{left: auto; right: 25px; border: 8px solid transparent; border-bottom-color: #1b1b1b; border-top: 0; border-right: 0;}
.comment-reply .comment-body{background: #1b1b1b;color: #fff;text-align: left;}
.comment-reply .comment-profile {margin-right: 0;margin-left: 9px;}


.tagbox {font-size:0;}
.tagbox a {display: inline-block;vertical-align: top;font-size: 13px;color: #000;margin: 0 15px 15px 0;}

.paging-wrap {max-width: 728px;margin: auto;    text-align: center;}
.paging{display:inline-block;position:relative;height: 40px;max-width: 620px;margin: 40px auto 70px auto;color: #666;-webkit-user-select: none;-webkit-user-drag: none;-moz-user-select: none;user-select: none;padding: 0 66px;}
.paging a{color: #666;text-decoration:none;cursor:pointer;font-family: 'Noto Sans DemiLight', 'Noto Sans KR', sans-serif;}
.paging .numbox{min-width: 40px;display: inline-block;height: 40px;line-height: 40px;overflow: hidden;}
.paging .numbox .num{text-decoration: none;text-align: center;border: 0;font-family: 'Noto Sans DemiLight', 'Noto Sans KR', sans-serif;font-size: 12px;border-radius: 100px;min-width: 40px;height: 40px;line-height: 40px;vertical-align: top;}
.paging .selected-num {display:inline-block!important;}
.paging .numbox .selected-num span{display:inline-block!important;border: 0;cursor: default;background: #1b1b1b;color: #fff;border-radius: 20px;padding-left: 9px!important;padding-right: 9px!important;}
.paging .no-more-next, .paging .no-more-prev{opacity:0.45;cursor: default;}
.paging .view-more-btn{display: block; width: 100%; color: #333!important; border: 1px solid #ddd; padding: 10px;}
.paging .view-more-btn:hover{border-color: #666;}
.paging .numbox .num span {min-width: 32px;height: 32px;padding: 0 4px;line-height: 32px;}
.paging .numbox .num {display:inline-block;float: left;}
.paging .numbox .num:hover {color:#ed4956!important;}
.abridged {
-webkit-touch-callout: none!important;-webkit-user-select: none!important;-moz-user-select: none!important;-ms-user-select: none!important;user-select: none!important;pointer-events: none!important;min-width: 0!important;padding-left: 2px!important;padding-right: 2px!important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"!important;opacity:0.5!important;}
.prev, .next {display: inline-block;width: 60px;height: 40px;font-size: 14px;line-height: 40px;vertical-align: middle;}
.prev {position: absolute;left: 0px;}
.next {position: absolute;right: 0;}
@media (max-width: 768px) {
	.responsive-paging .paging .numbox .num {display:none}
}



.section-head {position: relative;margin: 40px auto;text-align:center;font-size: 0;line-height:28px;}
.section-head:before {content: "";position: absolute;left: 0;top: 50%;margin-top: 0px;width: 100%;height: 1px;background: #ebebeb;}
.section-head .title {position: relative;display: inline-block;padding: 0 22px;z-index: 1;background: #fff;text-transform: uppercase;vertical-align: middle;font-weight: 400;-webkit-font-smoothing: antialiased;font-size: 16.4px;letter-spacing: .1em;color: #161616;}



.grid-thumbnail:after {-webkit-transition:background .4s ease-in-out;-moz-transition:background .4s ease-in-out;transition:background .4s ease-in-out;}
.grid-link:hover .grid-thumbnail:after, .grid-cover-link:hover .grid-thumbnail:after {background: rgb(237, 73, 86, 0.5);}
.list-img-link:after {content: "";position: absolute;top: 0;width: 100%;height: 100%;background: rgb(0, 0, 0, 0.15);z-index: 50;-webkit-transition:background .4s ease-in-out;-moz-transition:background .4s ease-in-out;transition:background .4s ease-in-out;}
.list-img-link:hover:after {background: rgb(237, 73, 86, 0.5)}
.postbtn_like {border: 0!important;background: #1b1b1b;}
.uoc-icon {color: #fff!important;}
.btn_post.uoc-icon .uoc-icon:before{content:"";background:url(./article_unlike.svg);display: inline-block;width: 17px;height: 17px;background-size: cover;vertical-align: bottom;margin-right: 5px;}
.uoc-icon.empathy_up_without_ani.like_on:before {content:"";background:url(./article_like.svg);display: inline-block;width: 17px;height: 17px;background-size: cover;vertical-align: bottom;margin-right: 5px;}
.wrap_btn.wrap_btn_etc .ico_postbtn.ico_etc {background:url(./article_circle.svg)!important;background-size: cover!important;height: 16px!important;width: inherit!important;}
.uoc-icon.empathy_up_without_ani.like_on span{ display:inline-block; vertical-align:middle;}
span.ico_postbtn.ico_like {background: none;width: 0!important;height: 0!important;margin: 0!important;}
.wrap_btn_share, .wrap_btn_share+.wrap_btn{display:none!important;}
.container_postbtn .btn_post .txt_like {color:#fff!important;}
.wrap_btn.wrap_btn_etc {width: 38px;border-left: 1px solid #ddd;padding-right: 0!important;}
button.btn_post.btn_etc1 {width: inherit;padding-right: inherit!important;}
button.btn_post.uoc-icon {padding-right: 13px;padding-left: 13px;}
.article .btn_menu_toolbar.btn_subscription {float: left;border: 0!important;background: #1b1b1b;height: 30px;color: #fff!important;font-size: 12px!important;}
.article-page .wrap_btn.wrap_btn_etc {border: 0;padding: 0;}
.article-page .wrap_btn.wrap_btn_etc button {padding:0 ;}
.grid-thumbnail:before, .widget-list-thumb:before, .list-img-link:before {content: "이미지 없음";position: absolute;top: 50%;left: 0;z-index: 0;width: 100%;height: 18px;margin: -9px 0 0 0;text-align: center;font-weight: 500;font-size: 14px;color: #afafaf;}
.widget-list-thumb:before{font-weight: 300; font-size: 11px;}
.adsbygoogle iframe{position: relative; max-width: 100%; overflow: hidden;}.adnotice{font-size: 13px; text-align: left; margin-bottom: 15px; background: #f3f3f3; padding: 10px;}.adnotice span{color:red;}.article-body{line-height: 1.8;}
.scrollTop{position: fixed;display:none;bottom: 60px;right: 20px;width: 35px;height: 60px;text-align:center;line-height:60px;background: #1b1b1b;border-radius: 100px;z-index:5000;cursor:pointer;-webkit-transition: background .2s ease-in-out;-moz-transition: background .2s ease-in-out;transition: background .2s ease-in-out;}
.scrollTop svg{width:25px; height:25px; fill:#fff!important; vertical-align: sub;}
.scrollTop .table {table-layout:fixed;height:100%;}
.scrollTop .table-row {height:100%;}
.scrollTop:hover {background:#ed4956!important;}

figure[data-ke-type='opengraph'] div.og-text {left:0!important;top:0!important;z-index: 200!important;}
figure[data-ke-type='opengraph'] div.og-image {width:100%!important;}
figure[data-ke-type='opengraph'] a, #tt-body-page figure[data-ke-type='opengraph'] a:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 100;}
figure[data-ke-type='opengraph'] div.og-text p.og-title, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title{color:#fff!important}
figure[data-ke-type='opengraph'] div.og-text p.og-desc, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-desc{color:#cacaca!important}
figure[data-ke-type='opengraph'] div.og-text {padding:33px 16px 0 16px!important}
@media (max-width: 600px) {
	figure[data-ke-type='opengraph'] div.og-text, #tt-body-page figure[data-ke-type='opengraph'] div.og-text {padding-top:13px!important;}
}
figure[data-ke-type='opengraph'] div.og-text p.og-title, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {max-width:100%!important}


.sp-3balls, .sp-3balls:before, .sp-3balls:after{border-radius: 50%; background-color: #000; width: 18px; height: 18px; display: inline-block;}.sp-3balls{position: relative; background-color: black; opacity: 1; -webkit-animation: spScaleAlpha 1s infinite linear; animation: spScaleAlpha 1s infinite linear; vertical-align: middle;}.sp-3balls:before, .sp-3balls:after{content: ''; position: absolute; opacity: 0.25;}.sp-3balls:before{left: 30px; top: 0; -webkit-animation: spScaleAlphaBefore 1s infinite linear; animation: spScaleAlphaBefore 1s infinite linear;}.sp-3balls:after{left: -30px; top: 0; -webkit-animation: spScaleAlphaAfter 1s infinite linear; animation: spScaleAlphaAfter 1s infinite linear;}@-webkit-keyframes spScaleAlpha{0%{opacity: 1;}33%{opacity: 0.25;}66%{opacity: 0.25;}100%{opacity: 1;}}@keyframes spScaleAlpha{0%{opacity: 1;}33%{opacity: 0.25;}66%{opacity: 0.25;}100%{opacity: 1;}}@-webkit-keyframes spScaleAlphaBefore{0%{opacity: 0.25;}33%{opacity: 1;}66%{opacity: 0.25;}}@keyframes spScaleAlphaBefore{0%{opacity: 0.25;}33%{opacity: 1;}66%{opacity: 0.25;}}@-webkit-keyframes spScaleAlphaAfter{33%{opacity: 0.25;}66%{opacity: 1;}100%{opacity: 0.25;}}@keyframes spScaleAlphaAfter{33%{opacity: 0.25;}66%{opacity: 1;}100%{opacity: 0.25;}}