.section-highlight,
.section-wrapper {
  margin: 0 120px 50px;
}
.section-highlight a,
.section-highlight div,
.section-highlight span,
.section-highlight strong,
.section-wrapper a,
.section-wrapper div,
.section-wrapper span,
.section-wrapper strong {
  font-family: Noto Sans KR;
}
.section-highlight {
  margin-bottom: 0;
}
.only-ell {
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-ell,
.only-ell {
  overflow: hidden;
  text-overflow: ellipsis;
}
.multi-ell {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.pagination-def {
  *zoom: 1;
  display: table;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.pagination-def:after,
.pagination-def:before {
  content: "";
  display: table;
}
.pagination-def:after {
  clear: both;
}
.pagination-def > a {
  color: #aaa;
  display: inline-block;
  float: left;
  font-family: roboto;
  font-size: 17px;
  height: 30px;
  line-height: 30px;
  margin: 13px 0;
  vertical-align: middle;
  width: 30px;
}
.pagination-def > .on {
  color: #fff;
  cursor: auto;
  font-weight: 700;
}
.pagination-def .left-box,
.pagination-def .right-box {
  display: block;
  float: left;
}
.pagination-def .btn.first,
.pagination-def .btn.last,
.pagination-def .btn.next,
.pagination-def .btn.prev {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -99999px;
}
.pagination-def .btn.first {
  background-image: url(../images/arrow-first.png);
}
.pagination-def .btn.prev {
  background-image: url(../images/arrow-prev.png);
}
.pagination-def .btn.next {
  background-image: url(../images/arrow-next.png);
}
.pagination-def .btn.last {
  background-image: url(../images/arrow-last.png);
}
.is-active {
  position: relative;
}
.is-active:after {
  border: 2px solid #898989;
  border-radius: 6px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.tvchak-sel-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.sel-form-label {
  color: #fff;
  display: block;
  font-size: 25px;
  margin-bottom: 18px;
}
.tvchak-sel-from {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 50%;
}
.tvchak-sel-from .tvchak-sel-area {
  width: 50%;
}
.tvchak-sel-area + .tvchak-sel-area {
  margin-left: 12px;
}
.tvchak-sel-area .form-control {
  background-color: #141412;
  border-color: #838089;
  font-size: 13px;
  width: 100% !important;
}
.tvchak-sel-area .form-control option {
  padding: 6px 12px;
}
.sport-news-wrap {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 43px;
}
.sport-news-list {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sport-news-list li {
  margin-bottom: 30px;
  overflow: hidden;
  padding: 0 15px;
  width: 33.33%;
}
.sport-news-list li > a {
  display: block;
  position: relative;
}
.sport-news-list .list-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: 190px;
  justify-content: center;
  padding: 0 45px;
  transition: background-size 0.5s ease-in-out;
  -moz-transition: background-size 0.5s ease-in-out;
  -ms-transition: background-size 0.5s ease-in-out;
  -o-transition: background-size 0.5s ease-in-out;
  -webkit-transition: background-size 0.5s ease-in-out;
}
.sport-news-list .list-details:hover {
  background-size: 110% auto !important;
}
.sport-news-list .list-title {
  color: #fff;
  font-size: 18px;
}
.sport-news-list .list-detail,
.sport-news-list .list-title {
  display: block;
  font-weight: 400;
  letter-spacing: -0.2px;
  z-index: 1;
}
.sport-news-list .list-detail {
  color: #aaa;
  font-size: 14px;
  margin-top: 16px;
  max-height: 42px;
}
.list-details:before {
  background-color: #000;
  content: "";
  filter: alpha(opacity=60);
  height: 100%;
  left: 0;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}
.sport-news-list .list-info-area {
  margin-top: 16px;
  z-index: 1;
}
.sport-news-list .list-info-area > span {
  color: #ccc;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.2px;
  margin-right: 20px;
}
.highlight-wrap {
  margin-top: 60px;
  min-height: 300px;
}
.highlight-row {
  margin-bottom: 36px;
  position: relative;
}
.highlight-cate {
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 142px;
}
.highlight-cate,
.highlight-cate .cate-thumb {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.highlight-cate .cate-thumb {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-align-items: center;
  align-items: center;
  background-color: #122946;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
}
.highlight-cate .cate-thumb img {
  left: 50%;
  max-height: 50%;
  max-width: 50%;
  position: absolute;
  top: 34%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.highlight-cate .cate-details {
  width: 100%;
}
.highlight-cate .cate-title {
  color: #fff;
  display: block;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
}
.cate-etc a {
  color: #aaa;
  font-size: 16px;
}
.cate-etc .like-icon,
.cate-etc a {
  display: inline-block;
  vertical-align: middle;
}
.cate-etc .like-icon {
  background: transparent url(../images/like-icon.png) 50% no-repeat;
  background-size: cover;
  border: none;
  font-size: 0;
  height: 20px;
  margin-left: 26px;
  position: relative;
  text-indent: -9999px;
  width: 20px;
}
.cate-etc .like-icon:before {
  background-color: #1e3c6c;
  content: "";
  height: 14px;
  left: -15px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 1px;
}
.cate-etc .like-icon.on {
  background: transparent url(../images/likeon-icon.png) 50% no-repeat;
  background-size: cover;
}
.highlight-list {
  padding-left: 190px;
  width: 100%;
}
.highlight-list .swiper-slide {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.highlight-list a {
  display: block;
  width: 100%;
}
.high-thumb,
.scene-thumb {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 6px;
  position: relative;
  transition: background-size 0.5s ease-in-out;
  -moz-transition: background-size 0.5s ease-in-out;
  -ms-transition: background-size 0.5s ease-in-out;
  -o-transition: background-size 0.5s ease-in-out;
  -webkit-transition: background-size 0.5s ease-in-out;
}
.high-thumb:hover,
.scene-thumb:hover {
  background-size: 110% auto !important;
}
.scene-thumb .time-memo {
  bottom: 6px;
  right: 4px;
}
.high-thumb .time-memo,
.scene-thumb .time-memo {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 14px;
  padding: 0 4px;
  position: absolute;
  text-indent: 0;
}
.high-thumb .time-memo {
  bottom: 10px;
  right: 10px;
}
.high-thumb .time-memo .ico-view {
  background-image: url(../images/view-icon.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.highlight-list .high-thumb {
  font-size: 0;
  overflow: hidden;
  padding-top: 55.6%;
  text-indent: -9999px;
}
.highlight-cate .cate-details,
.highlight-list .high-details,
.highlight-normal .high-details {
  padding-bottom: 20px;
  padding-top: 16px;
}
.highlight-list .high-title,
.highlight-normal .high-title {
  color: #ccc;
  font-size: 20px;
  letter-spacing: -0.28px;
}
.highlight-normal .high-info,
.highlight-normal .high-normal-info,
.highlight-normal .high-sub {
  color: #777;
  font-size: 16px;
  font-weight: 300;
}
.highlight-normal .high-sub {
  margin-bottom: 10px;
  margin-top: 10px;
  min-height: 45px;
}
.highlight-normal .high-normal-info > span {
  margin-right: 20px;
}
.highlight-list .high-info {
  color: #777;
  font-size: 16px;
  font-weight: 300;
}
.highlight-wrap .swiper-button-next,
.highlight-wrap .swiper-button-prev {
  margin-top: -22px;
  top: calc(27.8% + 22px);
}
.highlight-wide-row {
  margin-bottom: 98px;
  position: relative;
}
.highlight-row:last-child {
  margin-bottom: 0;
}
.highlight-wide-row .highlight-list {
  padding-left: 0;
}
.highlight-normal .high-details,
.highlight-wide-row .highlight-list .high-details {
  padding-bottom: 13px;
  padding-top: 13px;
}
.highlight-normal .high-details .high-info,
.highlight-wide-row .highlight-list .high-info {
  zoom: 1;
  margin-bottom: 4px;
  margin-top: 4px;
}
.highlight-normal .high-details .high-info:after,
.highlight-normal .high-details .high-info:before,
.highlight-wide-row .highlight-list .high-info:after,
.highlight-wide-row .highlight-list .high-info:before {
  content: "";
  display: table;
}
.highlight-normal .high-details .high-info:after,
.highlight-wide-row .highlight-list .high-info:after {
  clear: both;
}
.highlight-normal .high-details .high-info > span,
.highlight-wide-row .highlight-list .high-info > span {
  background-color: #1e3c6c;
  border-radius: 5px;
  color: #ccc;
  display: block;
  float: left;
  font-size: 13px;
  padding: 2px 9px;
}
.highlight-tit-area {
  display: block;
  margin-bottom: 26px;
  padding-right: 100px;
  position: relative;
}
.highlight-tit-area strong {
  color: #fff;
  display: inline-block;
  font-size: 26px;
  font-weight: 400;
  vertical-align: middle;
}
.highlight-tit-area span {
  color: #aaa;
  display: inline-block;
  font-size: 24px;
  margin-left: 16px;
  vertical-align: middle;
}
.highlight-tit-area a {
  color: #ccc;
  display: inline-block;
  font-size: 24px;
  margin-top: 2px;
  position: absolute;
  right: 0;
  top: 0;
}
.sports-news-area {
  border-top: 1px solid #777;
  padding-bottom: 10px;
}
.news-title-area {
  padding-bottom: 40px;
  padding-top: 36px;
}
.news-title-area .news-title {
  color: #fff;
  font-size: 25px;
  margin: 0;
}
.news-title-area .news-info-area {
  margin-top: 20px;
}
.news-title-area .news-info-area > span {
  color: #ccc;
  display: inline-block;
  font-size: 15px;
  margin-right: 18px;
}
.sports-news-area .news-thumb img {
  display: block;
  width: 100%;
}
.sports-news-area .news-subtext {
  color: #ccc;
  font-size: 18px;
  margin: 56px 0 0;
}
.comment-counting {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 15px;
  padding-top: 34px;
}
.comment-wrap {
  margin-bottom: 30px;
}
.comment-row {
  margin-top: 38px;
  padding-left: 56px;
  position: relative;
}
.comment-row .user-info strong {
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
}
.comment-row .user-info span {
  color: #777;
  display: inline-block;
  font-size: 15px;
  margin-right: 6px;
}
.comment-row .comment-user p {
  color: #ccc;
  font-size: 14px;
  margin-top: 4px;
  width: 50%;
}
.comment-btn-area {
  margin-top: 7px;
}
.comment-btn-area button {
  background: none;
  border: none;
  color: #777;
  font-size: 14px;
  padding: 0;
}
.comment-btn-area button + button {
  margin-left: 14px;
}
.comment-btn-area button.comment-like {
  background: transparent url(../images/comment-like-icon.png) 0 no-repeat;
  background-size: 15px 15px;
  padding-left: 20px;
}
.comment-btn-area button.comment-like.on {
  background-image: url(../images/comment-like-on-icon.png);
}
.comment-row .comment-input-area {
  margin-top: 16px;
}
.comment-row .comment-user-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  height: 42px;
  left: 0;
  position: absolute;
  top: 0;
  width: 42px;
}
.comment-input-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.comment-input-area > input {
  background-color: #444;
  border: none;
  border-radius: 0;
  color: #ccc;
  font-size: 16px;
  height: 50px;
  padding: 0 21px;
  width: 100%;
}
.input-control-fake {
  background-color: #444;
  padding-bottom: 13px;
  padding-top: 13px;
  width: 100%;
}
.input-control {
  -ms-overflow-style: none;
  background-color: #444;
  border: none;
  border-radius: 0;
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 300;
  height: 24px;
  outline: none;
  padding: 0 21px;
  position: relative;
  resize: none;
  scrollbar-width: none;
  width: 100%;
  word-break: break-all;
}
.input-control::-webkit-scrollbar {
  display: none;
}
.input-control::-webkit-input-placeholder {
  white-space: nowrap;
}
.input-control::-moz-placeholder {
  white-space: nowrap;
}
.input-control:-ms-input-placeholder {
  white-space: nowrap;
}
.input-control::-ms-input-placeholder {
  white-space: nowrap;
}
.input-control::placeholder {
  white-space: nowrap;
}
.input-control:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ccc;
  content: attr(data-placeholder);
  display: none;
  font-size: 16px;
  font-weight: 300;
  left: 0;
  overflow: hidden;
  padding: 0 21px;
  position: absolute;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  width: 100%;
}
.input-control.on:before,
.input-control:active:before,
.input-control:focus:before {
  content: none;
}
.comment-input-area > input:focus {
  outline: none;
}
.comment-input-area > button {
  -ms-flex-negative: 0;
  background-color: #373536;
  border: none;
  border-radius: 0;
  color: #ccc;
  flex-shrink: 0;
  font-size: 16px;
  height: 50px;
  margin-left: 7px;
  width: 102px;
}
.match-highlight-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  height: auto;
  justify-content: space-between;
  margin-top: 70px;
  padding-right: 30.5%;
  position: relative;
}
.match-highlight-area {
  width: 100%;
}
.match-highlight {
  position: relative;
}
.match-highlight.norow .highlight-normal {
  margin-bottom: 40px;
}
.match-highlight .match-thumbnail {
  background: bisque;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.match-highlight-area .match-details {
  border-bottom: 1px solid #777;
  margin-top: 33px;
  padding-bottom: 36px;
  position: relative;
}
.match-highlight-area .match-details > strong {
  color: #ccc;
  display: block;
  font-size: 25px;
  font-weight: 400;
  height: 36px;
  overflow: hidden;
  padding-right: 68px;
}
.match-highlight-area .match-details .match-info > span {
  color: #777;
  display: inline-block;
  font-size: 16px;
  margin-right: 14px;
}
.match-highlight-area .match-details .share-icon {
  background-color: transparent;
  background-image: url(../images/share-icon.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border: none;
  color: #777;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  position: absolute;
  right: 20px;
  top: 4px;
}
.match-thumbnail .match-thumb {
  height: 100%;
  width: 100%;
}
.match-highlight.bottom {
  display: none;
}
.match-highlight.left,
.match-highlight.right {
  height: 100%;
}
.match-highlight.left {
  height: auto;
  padding-top: 55%;
  position: relative;
  width: 100%;
}
.match-highlight.right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  min-width: 300px;
  position: absolute;
  right: 0;
  top: 0;
  width: 27%;
}
.main-scene-info {
  left: 0;
  padding-right: 100px;
  position: absolute;
  top: 0;
  width: 100%;
}
.main-scene-info > strong {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.main-scene-info > span {
  color: #ccc;
  font-size: 16px;
}
.main-scene-info .play-onoff {
  position: absolute;
  right: 0;
  top: 0;
}
.main-scene-info .play-onoff > span {
  color: #ccc;
  display: inline-block;
  font-size: 13px;
  margin-right: 2px;
  vertical-align: middle;
}
.main-scene-info .play-onoff .onoff {
  background-color: #222;
  border: none;
  border-radius: 20px;
  color: #777;
  font-size: 12px;
  height: 20px;
  margin: 0;
  padding-bottom: 2px;
  text-transform: uppercase;
  vertical-align: middle;
  width: 40px;
}
.main-scene-info .play-onoff .onoff.on {
  background-color: rgba(255, 59, 31, 0.8);
  color: #fff;
}
.main-scene-view {
  height: 100%;
  padding-top: 46px;
}
.view-scroll-y {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
}
.scene-view-row {
  margin-bottom: 21px;
  padding-right: 10px;
}
.scene-view-row:last-child {
  margin-bottom: 0;
}
.scene-view-row > a {
  display: block;
}
.scene-view-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.scene-view-area .scene-thumb {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 6%;
  padding-top: 24.4%;
  width: 44.4%;
}
.scene-view-area .scene-details > strong {
  color: #ccc;
  font-size: 15px;
  font-weight: 400;
}
.scene-view-area .scene-details > span {
  color: #777;
  display: block;
  font-size: 14px;
  margin-top: 14px;
}
.highlight-normal-list:before {
  content: "";
  display: table;
}
.highlight-normal-list:after {
  clear: both;
  content: "";
  display: table;
}
.highlight-normal {
  float: left;
  margin-right: 2%;
  width: 23.44%;
}
.highlight-normal:nth-child(4n) {
  margin-right: 0;
}
.highlight-normal a {
  display: block;
}
.highlight-normal .high-thumb {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 0;
  overflow: hidden;
  padding-top: 55.29%;
  text-indent: -9999px;
  width: 100%;
}
.highlight-popular {
  margin-bottom: 34px;
  position: relative;
}
.highlight-popular:before {
  content: "";
  display: table;
}
.highlight-popular:after {
  clear: both;
  content: "";
  display: table;
}
.highlight-popular > strong {
  color: #fff;
  font-size: 25px;
}
.pp-btn-wrap {
  float: right;
}
.pp-btn {
  background: none;
  border: none;
  color: #777;
  font-size: 15px;
  line-height: 35px;
}
.pp-btn + .pp-btn {
  margin-left: 20px;
}
.pp-btn:last-child {
  padding-right: 4px;
}
.pp-btn.on {
  color: #fff;
  text-decoration: underline;
}
@media (max-width: 1800px) {
  .highlight-wrap .swiper-button-next,
  .highlight-wrap .swiper-button-prev {
    margin-top: -30px;
  }
}
@media (max-width: 1650px) {
  .highlight-wrap .swiper-button-next,
  .highlight-wrap .swiper-button-prev {
    margin-top: -32px;
  }
}
@media (max-width: 1440px) {
  .section-wrapper {
    margin: 0 80px 40px;
  }
  .section-highlight {
    margin: 0;
  }
  .match-highlight-area .match-details {
    margin-left: 80px;
    margin-right: 80px;
  }
  .match-highlight.right {
    display: none;
  }
  .match-highlight.bottom {
    border-bottom: 1px solid #777;
    display: block;
  }
  .match-highlight-wrap {
    margin-bottom: 38px;
    padding-right: 0;
  }
  .highlight-wrap {
    margin-top: 28px;
    min-height: auto;
  }
  .highlight-wide-row {
    margin-bottom: 56px;
  }
  .main-scene-info {
    position: relative;
  }
  .main-scene-info > strong {
    font-size: 26px;
  }
  .main-scene-info > span {
    font-size: 20px;
  }
  .main-scene-info .play-onoff {
    top: 4px;
  }
  .main-scene-info .play-onoff > span {
    font-size: 18px;
  }
  .main-scene-info .play-onoff .onoff {
    border-radius: 14px;
    font-size: 16px;
    height: 28px;
    padding-bottom: 2px;
    width: 62px;
  }
  .match-highlight-area .match-details > strong {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .comment-row .comment-user p {
    width: 100%;
  }
  .sport-news-list li {
    width: 50%;
  }
  .highlight-wrap .swiper-button-next,
  .highlight-wrap .swiper-button-prev {
    margin-top: -38px;
  }
}
@media (max-width: 1024px) {
  .section-wrapper {
    margin: 0 40px 30px;
  }
  .match-highlight-area .match-details {
    margin-left: 40px;
    margin-right: 40px;
  }
  .highlight-wide-row {
    margin-bottom: 36px;
  }
  .highlight-list {
    padding-left: 120px;
  }
  .highlight-cate {
    width: 96px;
  }
  .highlight-cate .cate-title {
    font-size: 17px;
    line-height: 24px;
  }
  .highlight-cate .cate-etc a {
    font-size: 12px;
  }
  .highlight-list .high-title,
  .highlight-normal .high-title {
    font-size: 16px;
  }
  .highlight-list .high-info {
    font-size: 13px;
  }
  .highlight-cate .cate-details,
  .highlight-list .high-details {
    padding-bottom: 15px;
    padding-top: 8px;
  }
  .sport-news-list .list-details {
    padding: 0 25px;
  }
  .highlight-normal .high-sub {
    font-size: 14px;
    min-height: 40px;
  }
  .highlight-normal .high-normal-info {
    font-size: 13px;
  }
}
@media (max-width: 720px) {
  .section-wrapper {
    margin: 0 40px 30px;
  }
  .match-highlight-area .match-details {
    margin-left: 40px;
    margin-right: 40px;
  }
  .tvchak-sel-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tvchak-sel-from {
    margin-bottom: 12px;
    width: 100%;
  }
  .sel-form-label {
    font-size: 32px;
  }
  .tvchak-sel-area .form-control {
    font-size: 26px;
    height: auto;
  }
  .sport-news-wrap {
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
  }
  .sport-news-list li {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .sport-news-list .list-title {
    font-size: 28px;
  }
  .sport-news-list .list-detail {
    font-size: 22px;
    max-height: 64px;
  }
  .sport-news-list .list-info-area > span {
    font-size: 24px;
    margin-right: 24px;
  }
  .sport-news-list .list-details {
    height: 300px;
    padding: 0 40px;
  }
  .sport-news-list .list-info-area {
    margin-top: 28px;
  }
  .highlight-wrap {
    margin-top: 28px;
    min-height: auto;
  }
  .highlight-row {
    margin-bottom: 20px;
  }
  .highlight-list {
    padding-left: 152px;
  }
  .highlight-cate {
    width: 136px;
  }
  .highlight-cate .cate-title {
    font-size: 24px;
    line-height: 32px;
  }
  .highlight-cate .cate-etc a {
    font-size: 20px;
  }
  .highlight-normal .high-title {
    font-size: 24px;
  }
  .highlight-normal .high-normal-info > span {
    margin-right: 10px;
  }
  .highlight-list .high-title {
    font-size: 24px;
  }
  .highlight-list .high-info {
    font-size: 20px;
  }
  .highlight-cate .cate-details,
  .highlight-list .high-details {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .highlight-tit-area a {
    font-size: 24px;
  }
  .highlight-normal .high-details,
  .highlight-wide-row .highlight-list .high-details {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .highlight-normal .high-details .high-info,
  .highlight-wide-row .highlight-list .high-info {
    zoom: 1;
    margin-bottom: 4px;
    margin-top: 4px;
  }
  .highlight-normal .high-details .high-info > span,
  .highlight-wide-row .highlight-list .high-info > span {
    border-radius: 5px;
    font-size: 16px;
    padding: 4px 8px;
  }
  .highlight-tit-area {
    margin-bottom: 28px;
    padding-right: 70px;
  }
  .highlight-tit-area strong {
    font-size: 26px;
  }
  .highlight-tit-area span {
    font-size: 26px;
    margin-left: 20px;
  }
  .highlight-wide-row {
    margin-bottom: 34px;
  }
  .highlight-wrap .highlight-wide-row .swiper-button-next,
  .highlight-wrap .highlight-wide-row .swiper-button-prev {
    height: 34px;
    margin-top: -17px;
    top: calc(27.8% + 17px);
    width: 24px;
  }
  .main-scene-info > strong {
    font-size: 32px;
  }
  .main-scene-info > span {
    font-size: 24px;
  }
  .main-scene-info .play-onoff {
    top: 7px;
  }
  .main-scene-info .play-onoff > span {
    font-size: 24px;
  }
  .main-scene-info .play-onoff .onoff {
    border-radius: 34px;
    font-size: 20px;
    height: 34px;
    padding-bottom: 2px;
    width: 70px;
  }
  .highlight-wrap .highlight-row .swiper-button-next,
  .highlight-wrap .highlight-row .swiper-button-prev {
    height: 34px;
    margin-top: -17px;
    top: calc(19.8% + 17px);
    width: 24px;
  }
  .pagination-def > a {
    font-size: 28px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    margin-top: 0;
    width: 60px;
  }
  .pagination-def .btn.first,
  .pagination-def .btn.last,
  .pagination-def .btn.next,
  .pagination-def .btn.prev {
    background-size: 26px 26px;
  }
  .sports-news-area {
    border-top: none;
    font-size: 15px;
  }
  .news-title-area {
    padding-bottom: 32px;
    padding-top: 36px;
  }
  .news-title-area .news-title {
    font-size: 28px;
  }
  .news-title-area .news-info-area {
    margin-top: 22px;
  }
  .news-title-area .news-info-area > span {
    font-size: 20px;
    margin-right: 20px;
  }
  .sports-news-area .news-subtext {
    font-size: 26px;
    margin: 34px 0 0;
  }
  .comment-counting {
    font-size: 28px;
    padding-bottom: 18px;
    padding-top: 44px;
  }
  .comment-wrap {
    margin-bottom: 20px;
  }
  .comment-row {
    margin-top: 36px;
    padding-left: 92px;
  }
  .comment-row .user-info strong {
    font-size: 24px;
    margin-right: 14px;
  }
  .comment-row .user-info span {
    font-size: 24px;
    margin-right: 10px;
  }
  .comment-row .comment-user p {
    font-size: 26px;
    margin-top: 6px;
  }
  .comment-btn-area {
    margin-top: 6px;
  }
  .comment-btn-area button {
    font-size: 24px;
  }
  .comment-btn-area button + button {
    margin-left: 40px;
  }
  .comment-btn-area button.comment-like {
    background: transparent url(../images/comment-like-icon.png) 0 no-repeat;
    background-size: 26px 26px;
    padding-left: 40px;
  }
  .comment-row .comment-input-area {
    margin-top: 32px;
  }
  .comment-row .comment-user-img {
    height: 72px;
    width: 72px;
  }
  .comment-input-area > input {
    font-size: 26px;
    height: 82px;
    padding: 0 30px;
  }
  .input-control-fake {
    padding-bottom: 21px;
    padding-top: 21px;
  }
  .input-control {
    height: 40px;
  }
  .input-control,
  .input-control:before {
    font-size: 26px;
    padding: 0 30px;
  }
  .comment-input-area > button {
    font-size: 28px;
    height: 82px;
    margin-left: 10px;
    width: 150px;
  }
  .match-highlight-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 48px;
    margin-top: 0;
  }
  .match-highlight.left {
    border-bottom: none;
    width: 100%;
  }
  .match-highlight-area .match-details > strong {
    font-size: 30px;
    height: 42px;
    margin-top: 32px;
    padding-right: 60px;
  }
  .match-highlight-area .match-details .match-info > span {
    font-size: 24px;
    margin-right: 20px;
  }
  .match-highlight-area .match-details .share-icon {
    background-size: 36px 36px;
    font-size: 24px;
    padding-top: 36px;
    right: 0;
    top: 7px;
  }
  .highlight-normal {
    margin-bottom: 20px;
    margin-right: 4%;
    width: 48%;
  }
  .highlight-normal:nth-child(2n) {
    margin-right: 0;
  }
  .highlight-normal a {
    display: block;
  }
  .highlight-normal .high-thumb {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
    overflow: hidden;
    padding-top: 55%;
    text-indent: -9999px;
    width: 100%;
  }
  .highlight-popular {
    margin-bottom: 34px;
  }
  .highlight-popular > strong {
    font-size: 32px;
  }
  .pp-btn {
    font-size: 24px;
    line-height: 45px;
  }
  .pp-btn + .pp-btn {
    margin-left: 2.8%;
  }
  .high-thumb .time-memo,
  .scene-thumb .time-memo {
    bottom: 10px;
    font-size: 18px;
    padding: 0 4px;
    right: 10px;
  }
}
@media (max-width: 600px) {
  .section-wrapper {
    margin: 0 20px 20px;
  }
  .match-highlight-area .match-details {
    margin-left: 20px;
    margin-right: 20px;
  }
  .sel-form-label {
    font-size: 19px;
  }
  .tvchak-sel-area .form-control {
    font-size: 13px;
  }
  .pagination-def > a {
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    width: 36px;
  }
  .pagination-def .btn.first,
  .pagination-def .btn.last,
  .pagination-def .btn.next,
  .pagination-def .btn.prev {
    background-size: 14px 14px;
  }
  .sport-news-list li {
    margin-bottom: 30px;
  }
  .sport-news-list .list-title {
    font-size: 18px;
  }
  .sport-news-list .list-info-area {
    margin-top: 18px;
  }
  .sport-news-list .list-info-area > span {
    font-size: 13px;
    margin-right: 16px;
  }
  .sport-news-list .list-detail {
    font-size: 14px;
    max-height: 42px;
  }
  .sport-news-list .list-details {
    height: 225px;
    padding: 0 30px;
  }
  .highlight-wrap {
    margin-top: 14px;
  }
  .highlight-list {
    padding-left: 76px;
  }
  .highlight-cate {
    width: 68px;
  }
  .highlight-cate .cate-title {
    font-size: 12px;
    line-height: 16px;
  }
  .highlight-cate .cate-details .cate-etc,
  .highlight-cate .cate-etc a,
  .highlight-list .high-info {
    font-size: 10px;
    line-height: 18px;
  }
  .highlight-list .high-title,
  .highlight-normal .high-title {
    font-size: 16px;
  }
  .highlight-cate .cate-details,
  .highlight-list .high-details {
    padding-bottom: 16px;
    padding-top: 9px;
  }
  .highlight-cate .cate-etc .like-icon {
    height: 10px;
    margin-left: 13px;
    width: 10px;
  }
  .highlight-cate .cate-etc .like-icon:before {
    height: 8px;
    left: -6px;
    margin-top: -4px;
  }
  .highlight-normal .high-sub {
    font-size: 14px;
    margin-bottom: 6px;
    margin-top: 6px;
    min-height: 40px;
  }
  .highlight-normal .high-normal-info > span {
    font-size: 11px;
  }
  .match-highlight.norow .highlight-normal {
    margin-bottom: 20px;
  }
  .highlight-wrap .highlight-wide-row .swiper-button-next,
  .highlight-wrap .highlight-wide-row .swiper-button-prev {
    top: calc(21.8% + 17px);
  }
  .highlight-wrap .highlight-row .swiper-button-next,
  .highlight-wrap .highlight-row .swiper-button-prev {
    height: 30px;
    top: calc(25.8% + 15px);
    width: 18px;
  }
  .news-title-area {
    padding-bottom: 19px;
    padding-top: 21px;
  }
  .news-title-area .news-title {
    font-size: 17px;
  }
  .news-title-area .news-info-area {
    margin-top: 14px;
  }
  .news-title-area .news-info-area > span {
    font-size: 13px;
    margin-right: 13px;
  }
  .sports-news-area .news-subtext {
    font-size: 15px;
    margin: 17px 0 0;
  }
  .comment-counting {
    font-size: 17px;
    padding-bottom: 13px;
    padding-top: 26px;
  }
  .comment-wrap {
    margin-bottom: 14px;
  }
  .comment-row {
    margin-top: 22px;
    padding-left: 50px;
  }
  .comment-row .user-info strong {
    font-size: 15px;
    margin-right: 11px;
  }
  .comment-row .user-info span {
    font-size: 15px;
    margin-right: 9px;
  }
  .comment-row .comment-user p {
    font-size: 14px;
    margin-top: 5px;
  }
  .comment-btn-area {
    margin-top: 5px;
  }
  .comment-btn-area button {
    font-size: 14px;
  }
  .comment-btn-area button + button {
    margin-left: 24px;
  }
  .comment-btn-area button.comment-like {
    background: transparent url(../images/comment-like-icon.png) 0 no-repeat;
    background-size: 17px 17px;
    padding-left: 24px;
  }
  .comment-row .comment-input-area {
    margin-top: 20px;
  }
  .comment-row .comment-user-img {
    height: 40px;
    width: 40px;
  }
  .comment-input-area > input {
    font-size: 16px;
    height: 46px;
    padding: 0 20px;
  }
  .input-control-fake {
    padding-bottom: 11px;
    padding-top: 11px;
  }
  .input-control {
    font-size: 16px;
    height: 24px;
    padding: 0 21px;
  }
  .input-control:before {
    font-size: 16px;
    padding: 0 20px;
  }
  .comment-input-area > button {
    font-size: 17px;
    height: 46px;
    margin-left: 8px;
    width: 114px;
  }
  .match-highlight-wrap {
    margin-bottom: 32px;
  }
  .match-highlight-area .match-details > strong {
    font-size: 22px;
    height: 30px;
    margin-top: 20px;
    padding-right: 40px;
  }
  .match-highlight-area .match-details .match-info > span {
    font-size: 15px;
    margin-right: 14px;
  }
  .match-highlight-area .match-details .share-icon {
    background-size: 24px 24px;
    font-size: 15px;
    padding-top: 24px;
    top: 4px;
  }
  .main-scene-info > strong {
    font-size: 20px;
  }
  .main-scene-info > span {
    font-size: 16px;
  }
  .main-scene-info .play-onoff {
    top: 2px;
  }
  .main-scene-info .play-onoff > span {
    font-size: 15px;
  }
  .main-scene-info .play-onoff .onoff {
    border-radius: 22px;
    font-size: 13px;
    height: 22px;
    padding-bottom: 2px;
    width: 46px;
  }
  .highlight-tit-area a {
    font-size: 15px;
  }
  .highlight-normal .high-details,
  .highlight-wide-row .highlight-list .high-details {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .highlight-normal .high-details .high-info,
  .highlight-wide-row .highlight-list .high-info {
    zoom: 1;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .highlight-normal .high-details .high-info > span,
  .highlight-wide-row .highlight-list .high-info > span {
    border-radius: 5px;
    font-size: 11px;
    padding: 2px 6px;
  }
  .highlight-tit-area {
    margin-bottom: 17px;
    padding-right: 50px;
  }
  .highlight-tit-area strong {
    font-size: 16px;
  }
  .highlight-tit-area span {
    font-size: 16px;
    margin-left: 12px;
  }
  .highlight-wide-row {
    margin-bottom: 20px;
  }
  .highlight-popular {
    margin-bottom: 22px;
  }
  .highlight-popular > strong {
    font-size: 19px;
  }
  .pp-btn {
    font-size: 16px;
    line-height: 27px;
  }
  .pp-btn + .pp-btn {
    margin-left: 4%;
  }
  .high-thumb .time-memo,
  .scene-thumb .time-memo {
    bottom: 7px;
    font-size: 12px;
    padding: 0 4px;
    right: 7px;
  }
  .high-thumb .time-memo .ico-view {
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
  }
}
@media (max-width: 480px) {
  .highlight-wrap .highlight-row .swiper-button-next,
  .highlight-wrap .highlight-row .swiper-button-prev {
    top: calc(21% + 17px);
  }
  .sport-news-list li {
    margin-bottom: 26px;
  }
  .sport-news-list .list-title {
    font-size: 20px;
  }
  .sport-news-list .list-info-area {
    margin-top: 14px;
  }
  .sport-news-list .list-info-area > span {
    font-size: 14px;
    margin-right: 13px;
  }
  .sport-news-list .list-detail {
    font-size: 15px;
  }
  .sport-news-list .list-details {
    height: 188px;
    padding: 0 23px;
  }
  .highlight-normal .high-normal-info > span {
    margin-right: 3px;
  }
}
@media (max-width: 400px) {
  .highlight-wrap .highlight-wide-row .swiper-button-next,
  .highlight-wrap .highlight-wide-row .swiper-button-prev {
    top: calc(19% + 17px);
  }
  .highlight-wrap .highlight-row .swiper-button-next,
  .highlight-wrap .highlight-row .swiper-button-prev {
    top: calc(18% + 17px);
  }
}
@media (max-width: 360px) {
  .pagination-def > a {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 0;
    width: 30px;
  }
  .pagination-def .btn.first,
  .pagination-def .btn.last,
  .pagination-def .btn.next,
  .pagination-def .btn.prev {
    background-size: 13px 13px;
  }
  .highlight-wrap .highlight-wide-row .swiper-button-next,
  .highlight-wrap .highlight-wide-row .swiper-button-prev {
    top: calc(18% + 17px);
  }
  .highlight-wrap .highlight-row .swiper-button-next,
  .highlight-wrap .highlight-row .swiper-button-prev {
    top: calc(15% + 15px);
  }
  .sport-news-list li {
    margin-bottom: 20px;
  }
  .sport-news-list .list-details {
    height: 150px;
  }
  .sport-news-list .list-title {
    font-size: 14px;
  }
  .sport-news-list .list-detail {
    font-size: 11px;
    max-height: 32px;
  }
  .sport-news-list .list-info-area {
    margin-top: 14px;
  }
  .sport-news-list .list-info-area > span {
    font-size: 12px;
    margin-right: 12px;
  }
  .highlight-list .high-title,
  .highlight-normal .high-title,
  .highlight-tit-area a {
    font-size: 12px;
  }
  .highlight-normal .high-details,
  .highlight-wide-row .highlight-list .high-details {
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .highlight-normal .high-details .high-info,
  .highlight-wide-row .highlight-list .high-info {
    zoom: 1;
    margin-bottom: 2px;
    margin-top: 2px;
  }
  .highlight-normal .high-details .high-info > span,
  .highlight-wide-row .highlight-list .high-info > span {
    border-radius: 4px;
    font-size: 8px;
    padding: 2px 4px;
  }
  .highlight-tit-area {
    margin-bottom: 14px;
    padding-right: 40px;
  }
  .highlight-tit-area strong {
    font-size: 13px;
  }
  .highlight-tit-area span {
    font-size: 13px;
    margin-left: 10px;
  }
  .highlight-wide-row {
    margin-bottom: 17px;
  }
  .highlight-normal .high-sub {
    font-size: 12px;
    min-height: 34px;
  }
  .news-title-area {
    padding-bottom: 16px;
    padding-top: 18px;
  }
  .news-title-area .news-title {
    font-size: 14px;
  }
  .news-title-area .news-info-area {
    margin-top: 11px;
  }
  .news-title-area .news-info-area > span {
    font-size: 10px;
    margin-right: 10px;
  }
  .sports-news-area .news-subtext {
    font-size: 15px;
    margin: 17px 0 0;
  }
  .comment-counting {
    font-size: 14px;
    padding-bottom: 9px;
    padding-top: 22px;
  }
  .comment-row {
    margin-top: 18px;
    padding-left: 46px;
  }
  .comment-row .user-info strong {
    font-size: 12px;
    margin-right: 7px;
  }
  .comment-row .user-info span {
    font-size: 12px;
    margin-right: 5px;
  }
  .comment-row .comment-user p {
    font-size: 14px;
    margin-top: 3px;
  }
  .comment-btn-area {
    margin-top: 3px;
  }
  .comment-btn-area button {
    font-size: 14px;
  }
  .comment-btn-area button + button {
    margin-left: 20px;
  }
  .comment-btn-area button.comment-like {
    background: transparent url(../images/comment-like-icon.png) 0 no-repeat;
    background-size: 13px 13px;
    padding-left: 20px;
  }
  .comment-row .comment-input-area {
    margin-top: 16px;
  }
  .comment-row .comment-user-img {
    height: 36px;
    width: 36px;
  }
  .comment-input-area > input {
    font-size: 13px;
    height: 41px;
    padding: 0 15px;
  }
  .input-control-fake {
    padding-bottom: 11px;
    padding-top: 11px;
  }
  .input-control {
    font-size: 13px;
    height: 19px;
    padding: 0 16px;
  }
  .input-control:before {
    font-size: 13px;
    padding: 0 15px;
  }
  .comment-input-area > button {
    font-size: 14px;
    height: 41px;
    margin-left: 5px;
    width: 75px;
  }
  .match-highlight-wrap {
    margin-bottom: 24px;
  }
  .match-highlight-area .match-details {
    margin-top: 18px;
    padding-bottom: 18px;
  }
  .match-highlight-area .match-details > strong {
    font-size: 15px;
    height: 21px;
    margin-top: 16px;
    padding-right: 30px;
  }
  .match-highlight-area .match-details .match-info > span {
    font-size: 12px;
    margin-right: 10px;
  }
  .match-highlight-area .match-details .share-icon {
    background-size: 18px 18px;
    font-size: 12px;
    padding-top: 18px;
    right: 0;
    top: 4px;
  }
  .main-scene-info > strong {
    font-size: 16px;
  }
  .main-scene-info > span {
    font-size: 12px;
  }
  .main-scene-info .play-onoff {
    top: 0;
  }
  .main-scene-info .play-onoff > span {
    font-size: 12px;
  }
  .main-scene-info .play-onoff .onoff {
    border-radius: 17px;
    font-size: 10px;
    height: 17px;
    padding-bottom: 2px;
    width: 35px;
  }
  .highlight-popular {
    margin-bottom: 17px;
  }
  .highlight-popular > strong {
    font-size: 16px;
  }
  .pp-btn {
    font-size: 12px;
    line-height: 22px;
  }
  .pp-btn + .pp-btn {
    margin-left: 0;
  }
  .high-thumb .time-memo,
  .scene-thumb .time-memo {
    bottom: 5px;
    font-size: 9px;
    padding: 0 2px;
    right: 5px;
  }
  .high-thumb .time-memo .ico-view {
    background-size: 9px 9px;
    height: 9px;
    width: 9px;
  }
  .sel-form-label {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.small-menu,
.small-menu li {
  display: inline-block;
}
.small-menu li {
  margin-right: 24px;
  padding-left: 16px;
}
.small-menu li:last-child {
  margin-right: 0;
}
.small-menu li a {
  color: #5d5d5d;
  display: block;
  font-size: 22px;
  line-height: 37px;
}
.small-menu li.active a {
  color: #fff;
}
.yellow-star {
  background-position: 0, 22px, 42px, 62px, 82px;
  background-repeat: no-repeat;
  background-size: 20px 20px, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
  min-height: 20px;
  padding-left: 108px;
}
.yellow-star.y-star-1 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star.png), url(../images/yellow-star.png),
    url(../images/yellow-star.png), url(../images/yellow-star.png);
}
.yellow-star.y-star-2 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star.png),
    url(../images/yellow-star.png), url(../images/yellow-star.png);
}
.yellow-star.y-star-3 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star-fill.png),
    url(../images/yellow-star.png), url(../images/yellow-star.png);
}
.yellow-star.y-star-4 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star.png);
}
.yellow-star.y-star-5 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star-fill.png);
}
.yellow-star.y-star-05 {
  background-image: url(../images/yellow-star-half.png),
    url(../images/yellow-star.png), url(../images/yellow-star.png),
    url(../images/yellow-star.png), url(../images/yellow-star.png);
}
.yellow-star.y-star-15 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star-half.png), url(../images/yellow-star.png),
    url(../images/yellow-star.png), url(../images/yellow-star.png);
}
.yellow-star.y-star-25 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star-half.png),
    url(../images/yellow-star.png), url(../images/yellow-star.png);
}
.yellow-star.y-star-35 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star-fill.png),
    url(../images/yellow-star-half.png), url(../images/yellow-star.png);
}
.yellow-star.y-star-45 {
  background-image: url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star-fill.png),
    url(../images/yellow-star-fill.png), url(../images/yellow-star-half.png);
}
.blue-star {
  background-position: 0, 22px, 42px, 62px, 82px;
  background-repeat: no-repeat;
  background-size: 20px 20px, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
  color: #fff;
  line-height: 20px;
  padding-left: 108px;
}
.blue-star.b-star-1 {
  background-image: url(../images/blue-star-fill.png),
    url(../images/blue-star.png), url(../images/blue-star.png),
    url(../images/blue-star.png), url(../images/blue-star.png);
}
.blue-star.b-star-2 {
  background-image: url(../images/blue-star-fill.png),
    url(../images/blue-star-fill.png), url(../images/blue-star.png),
    url(../images/blue-star.png), url(../images/blue-star.png);
}
.blue-star.b-star-3 {
  background-image: url(../images/blue-star-fill.png),
    url(../images/blue-star-fill.png), url(../images/blue-star-fill.png),
    url(../images/blue-star.png), url(../images/blue-star.png);
}
.blue-star.b-star-4 {
  background-image: url(../images/blue-star-fill.png),
    url(../images/blue-star-fill.png), url(../images/blue-star-fill.png),
    url(../images/blue-star-fill.png), url(../images/blue-star.png);
}
.blue-star.b-star-5 {
  background-image: url(../images/blue-star-fill.png),
    url(../images/blue-star-fill.png), url(../images/blue-star-fill.png),
    url(../images/blue-star-fill.png), url(../images/blue-star-fill.png);
}
.big-blue-star {
  background-position: 0 bottom, 34px bottom, 66px bottom, 98px bottom,
    132px bottom;
  background-repeat: no-repeat;
  background-size: 32px 32px, 32px 32px, 32px 32px, 32px 32px, 32px 32px;
  display: inline-block;
  font-family: roboto;
  font-size: 48px;
  font-style: inherit;
  min-width: 168px;
  padding-bottom: 32px;
  text-align: center;
}
.big-blue-star.bb-star-1 {
  background-image: url(../images/big-blue-star-fill.png),
    url(../images/big-blue-star.png), url(../images/big-blue-star.png),
    url(../images/big-blue-star.png), url(../images/big-blue-star.png);
}
.big-blue-star.bb-star-2 {
  background-image: url(../images/big-blue-star-fill.png),
    url(../images/big-blue-star-fill.png), url(../images/big-blue-star.png),
    url(../images/big-blue-star.png), url(../images/big-blue-star.png);
}
.big-blue-star.bb-star-3 {
  background-image: url(../images/big-blue-star-fill.png),
    url(../images/big-blue-star-fill.png), url(../images/big-blue-star-fill.png),
    url(../images/big-blue-star.png), url(../images/big-blue-star.png);
}
.big-blue-star.bb-star-4 {
  background-image: url(../images/big-blue-star-fill.png),
    url(../images/big-blue-star-fill.png), url(../images/big-blue-star-fill.png),
    url(../images/big-blue-star-fill.png), url(../images/big-blue-star.png);
}
.big-blue-star.bb-star-5 {
  background-image: url(../images/big-blue-star-fill.png),
    url(../images/big-blue-star-fill.png), url(../images/big-blue-star-fill.png),
    url(../images/big-blue-star-fill.png), url(../images/big-blue-star-fill.png);
}
.chakpick-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -20px;
  margin-right: -20px;
}
.chakpick-list .chakpick-row {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 58px;
  padding: 0 20px;
  width: 33.33%;
}
.chakpick-list .chakpick-col-area {
  max-height: 650px;
  overflow-y: auto;
}
.chakpick-list .chakpick-col {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0d2236;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 128px;
  justify-content: space-between;
  margin-bottom: 2px;
  text-align: center;
  width: 100%;
}
.chakpick-list .pick-area {
  width: 33.33%;
}
.chakpick-list .pick-thumb {
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto 52px;
  padding-top: 66px;
}
.chakpick-list .pick-thumb > strong {
  color: #fff;
  font-size: 16px;
}
.chakpick-list .pick-ico {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 26px;
  margin-right: 8px;
  vertical-align: sub;
  width: 26px;
}
.chakpick-list .pick-title-area {
  line-height: 36px;
  margin-bottom: 18px;
  position: relative;
}
.chakpick-list .pick-title-area:after,
.chakpick-list .pick-title-area:before {
  content: "";
  display: table;
}
.chakpick-list .pick-title-area:after {
  clear: both;
}
.chakpick-list .pick-title-area .cate-etc {
  float: right;
}
.chakpick-list .pick-title-area > strong {
  display: inline-block;
  font-size: 22px;
}
.chakpick-list .pick-datetime {
  font-size: 18px;
  margin-bottom: 10px;
}
.chakpick-list .normal-btn {
  background-color: #444;
  border: none;
  border-radius: 6px;
  color: #999;
  font-size: 16px;
  padding: 5.7% 10%;
}
.chakpick-list .normal-btn.on,
.chakpick-list .normal-btn:active,
.chakpick-list .normal-btn:hover {
  background-color: #27b0f4;
  color: #fff;
}
.uppoint-wrap {
  margin: 0 12%;
  padding-right: 23%;
  position: relative;
}
.uppoint-wrap .section-wrapper {
  margin: 0;
}
.round-report-area .round-title {
  background-color: #00a2f4;
  color: #fff;
  font-size: 20px;
  line-height: 56px;
  padding: 0 10px;
  text-align: center;
}
.round-report-area .report-area {
  -webkit-box-orient: horizontal;
  background: transparent url(../images/back-bg.png) 50% no-repeat;
  background-size: cover;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 40px;
  padding-top: 56px;
}
.round-report-area .report-area,
.round-report-area .report-box {
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.round-report-area .report-box {
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 31%;
}
.round-report-area .report-box:nth-child(2) {
  width: 38%;
}
.round-report-area .report-title {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 132px 132px;
  padding-top: 160px;
}
.round-report-area .report-title > strong {
  color: #fff;
  font-size: 22px;
}
.round-report-area .round-tag {
  margin-top: 12px;
}
.round-report-area .round-tag > span {
  background-color: #bb0d16;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.round-report-area .round-tag > span.fail {
  background-color: #4a4a4a;
}
.round-report-area .round-info > span {
  color: #ccc;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 0 10px;
  position: relative;
}
.round-report-area .round-info > span:first-child {
  padding-left: 0;
}
.round-report-area .round-info > span:last-child {
  padding-right: 0;
}
.round-report-area .round-info > span + span:after {
  background-color: #ccc;
  content: "";
  height: 14px;
  left: 0;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 1px;
}
.round-report-area .round-etc .time {
  display: block;
  font-family: roboto;
  font-size: 30px;
  font-weight: 400;
  margin-top: 52px;
}
.round-report-area .round-etc > img {
  display: block;
  margin: 0 auto;
}
.round-report-area .round-etc .round-line {
  margin-top: 11px;
}
.round-report-area .round-etc .sporeports {
  margin-top: 26px;
}
.round-report-area .report-infomation {
  color: #777;
  font-size: 15px;
  margin-top: 36px;
}
.round-report-area .round-info-box {
  background-color: #1c2428;
  color: #0badff;
  font-size: 16px;
  line-height: 30px;
  margin-top: 28px;
  padding: 36px 40px;
}
.round-report-area .round-info-box.center-mode {
  font-size: 20px;
  line-height: 34px;
  margin-top: 24px;
  padding: 28px 40px;
  text-align: center;
}
.round-report-area .round-info-box.center-mode > p {
  margin-bottom: 0;
}
.round-report-area .advertisement-wrap {
  margin-top: 28px;
}
.round-report-area .advertisement-wrap .ads-area {
  display: block;
  margin: 0 auto;
  width: 314px;
}
.round-report-area .advertisement-wrap .ads-area img {
  display: block;
  width: 100%;
}
.honey-chakpick-details .comment-counting {
  padding-top: 56px;
}
.advertisement-grid-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.advertisement-grid-wrap .ads-area {
  padding: 15px 16px;
  width: 50%;
}
.advertisement-grid-wrap .ads-area img {
  width: 100%;
}
.ads-area {
  display: block;
}
.ico-title {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 26px 26px;
  color: #fff;
  font-size: 22px;
  margin-bottom: 14px;
  padding-left: 30px;
}
.ico-title.company {
  background-image: url(../images/ico-company.png);
}
.ico-title.chak {
  background-image: url(../images/ico-chak.png);
}
.ico-title.honey {
  background-image: url(../images/ico-honey.png);
}
.ico-title.shield {
  background-image: url(../images/ico-shield.png);
}
.sky-area {
  margin-bottom: 34px;
}
.sky-area .chakpick-list .chakpick-row {
  margin-bottom: 0;
  width: 100%;
}
.sky-area .ads-area,
.sky-area .ads-area img {
  width: 100%;
}
.sky-area .chakpick-list .chakpick-col-area,
.sky-area .view-scroll-y {
  max-height: 800px;
}
.warranty-wrapper .ico-title {
  margin-top: 50px;
}
.warranty-wrapper .highlight-normal {
  margin-bottom: 60px;
}
.warranty-site-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-top: 1px solid #1e3c6c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 44px;
  padding-top: 44px;
}
.warranty-site-wrap:last-child {
  border-bottom: 1px solid #1e3c6c;
}
.warranty-site-wrap .warranty-site-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
}
.warranty-site-wrap .warranty-site-area:first-child {
  max-width: 50%;
  padding-left: 8.3%;
}
.warranty-site-wrap .warranty-site-area:first-child .w-site-details {
  padding-left: 8%;
  padding-right: 8%;
}
.warranty-site-wrap .warranty-site-area + .warranty-site-area {
  border-left: 1px solid #222;
}
.warranty-site-wrap .warranty-site-area:first-child {
  -ms-flex-negative: 1;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  flex-shrink: 1;
}
.warranty-site-wrap .warranty-site-area:nth-child(2),
.warranty-site-wrap .warranty-site-area:nth-child(3) {
  -ms-flex-negative: 2;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  flex-shrink: 2;
}
.warranty-site-wrap .w-site-grade {
  background-image: url(../images/ico-crown.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  font-family: roboto;
  font-size: 26px;
  font-style: inherit;
  left: 6%;
  padding-top: 26px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-44%);
  transform: translateY(-44%);
  width: 26px;
}
.warranty-site-wrap .w-site-thumb {
  -ms-flex-negative: 0;
  border-radius: 6px;
  flex-shrink: 0;
  height: 114px;
  overflow: hidden;
  width: 200px;
}
.warranty-site-wrap .w-site-thumb img {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.warranty-site-wrap .w-site-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.warranty-site-wrap .w-site-title {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}
.warranty-site-wrap .w-site-sub {
  color: #777;
  font-size: 16px;
  font-weight: 500;
  margin-top: 14px;
}
.warranty-site-wrap .w-small-txt {
  color: #ccc;
  font-size: 16px;
  font-weight: 500;
}
.warranty-site-wrap .w-small-txt.blue {
  color: #27b0f4;
  font-size: 18px;
  margin-bottom: 18px;
  margin-top: 8px;
}
.warranty-site-wrap .btn-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.warranty-site-wrap .btn-area button {
  margin: 0 5px;
  width: 40%;
}
.fill-btn,
.line-btn {
  border: 1px solid #27b0f4;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  height: 50px;
  width: 120px;
}
.fill-btn:hover,
.line-btn:hover {
  background-color: #27b0f4;
  color: #fff;
}
.fill-btn {
  background-color: #27b0f4;
}
.line-btn {
  background-color: transparent;
  color: #27b0f4;
}
.safety-guide-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.safety-guide-area .safety-guide-box {
  padding: 0 18px;
}
.safety-guide-area .safety-guide-box:first-child {
  padding-left: 0;
}
.safety-guide-area .safety-guide-box:last-child {
  padding-right: 0;
}
.safety-guide-area .safety-guide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0d2236;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 324px;
  justify-content: center;
  padding: 8%;
  text-align: center;
  width: 100%;
}
.safety-guide-area .safety-guide > strong {
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  min-width: 112px;
  padding-top: 110px;
}
.safety-guide-area .safety-guide > p {
  color: #777;
  font-size: 16px;
  letter-spacing: -0.02em;
  margin-top: 20px;
}
.safety-guide-area .safety-guide.guide1 strong {
  background-image: url(../images/icon-w-1.png);
}
.safety-guide-area .safety-guide.guide2 strong {
  background-image: url(../images/icon-w-2.png);
}
.safety-guide-area .safety-guide.guide3 strong {
  background-image: url(../images/icon-w-3.png);
}
.safety-guide-area .safety-guide.guide4 strong {
  background-image: url(../images/icon-w-4.png);
}
.warranty-details-wrapper {
  background-color: #0d2236;
  padding: 54px 80px 40px;
}
.warranty-details-wrap:last-child {
  border-top: 1px solid #1e3c6c;
  margin-top: 48px;
  padding-top: 50px;
}
.warranty-details-wrap .shiled-img {
  display: block;
  margin: 0 auto;
}
.warranty-details-wrap .w-info-area {
  -webkit-box-orient: horizontal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 24px;
  text-align: center;
}
.warranty-details-wrap .w-info-area,
.warranty-details-wrap .w-info-area .w-info {
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.warranty-details-wrap .w-info-area .w-info {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 14px;
  padding: 0 10px;
}
.warranty-details-wrap .w-info-area .w-info > strong {
  color: #0af;
  font-size: 20px;
  font-weight: 500;
}
.warranty-details-wrap .w-info-area .w-info > span {
  color: #ccc;
  font-size: 15px;
  margin-top: 10px;
}
.warranty-details-wrap .w-into-title {
  color: #fff;
  font-size: 18px;
}
.warranty-head {
  min-height: 200px;
  padding-right: 33%;
  position: relative;
}
.warranty-head .w-details-title {
  color: #fff;
  font-size: 25px;
  margin-bottom: 12px;
}
.warranty-head .w-details-txt {
  color: #ccc;
  font-size: 15px;
  line-height: 34px;
  margin-top: 40px;
}
.warranty-head .shiled-img {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
}
.tabs-contents {
  display: none;
  padding-bottom: 60px;
  padding-top: 60px;
}
.tabs-contents#tabCont1 {
  display: block;
}
.tabs-contents-wrap .tab-link {
  background-color: #0d2236;
  height: 76px;
}
.tabs-contents-wrap .tab-link li {
  display: inline-block;
  margin-left: 4.8%;
}
.tabs-contents-wrap .tab-link li a {
  color: #5d5d5d;
  display: block;
  font-size: 25px;
  line-height: 76px;
}
.tabs-contents-wrap .tab-link li.tab-on a {
  border-bottom: 2px solid #fff;
  color: #fff;
}
.tabs-contents-wrap .tabs-contents-txt p {
  color: #ccc;
  font-size: 15px;
  line-height: 34px;
  margin-bottom: 38px;
}
.tabs-contents-wrap .tabs-contents-txt img {
  display: block;
  margin-bottom: 38px;
  width: 100%;
}
.tabs-contents-wrap .description {
  background-color: #0d2236;
  color: #fff;
  font-size: 16px;
  margin-bottom: 38px;
  padding: 32px 0;
}
.tabs-contents-wrap .description,
.tabs-contents-wrap .description dl {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.tabs-contents-wrap .description dl {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  width: 50%;
}
.tabs-contents-wrap .description dl:first-child {
  border-right: 1px solid #1e3c6c;
}
.tabs-contents-wrap .description dl dt {
  margin-right: 10px;
}
.tabs-contents-wrap .description a {
  color: #0af;
}
.sub-uppoint-sky {
  background-color: #0d2236;
}
.sub-uppoint-sky .fill-btn {
  background-color: #27b0f4;
  border: none;
  border-radius: unset;
  color: #fff;
  font-size: 22px;
  height: auto;
  line-height: 60px;
  margin-top: 36px;
  width: 100%;
}
.overall-score {
  border-bottom: 1px solid #1e3c6c;
  padding: 34px 0;
  text-align: center;
}
.overall-score .score-txt {
  color: #ccc;
  display: block;
  font-size: 15px;
  margin-top: 12px;
  text-transform: uppercase;
}
.overall-score-info {
  padding-left: 40px;
  padding-right: 40px;
}
.overall-score-info .info-title {
  color: #fff;
  font-family: roboto;
  font-size: 18px;
  margin-top: 42px;
  text-transform: uppercase;
}
.overall-score-info .info-sub-title {
  color: #ccc;
  font-size: 15px;
  line-height: 32px;
  margin-bottom: 0;
  margin-top: 20px;
  text-transform: uppercase;
}
.overall-score-info .review-list {
  margin-top: 14px;
}
.overall-score-info .review-list li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #1e3c6c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 16px;
  padding-top: 16px;
}
.overall-score-info .review-list li span {
  color: #ccc;
  font-size: 15px;
}
.overall-score-info .fill-btn {
  font-weight: 700;
}
@media (min-width: 1440px) {
  .sub-uppoint-wrap {
    padding-right: 445px;
    position: relative;
  }
  .sub-uppoint-wrap .sub-uppoint-sky {
    margin-left: 0;
  }
  .sub-uppoint-sky {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 392px;
  }
}
@media (max-width: 1440px) and (min-width: 1201px) {
  .warranty-site-wrap .warranty-site-area:nth-child(3) .btn-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .warranty-site-wrap .warranty-site-area:nth-child(3) .btn-area button {
    width: 80%;
  }
  .warranty-site-wrap
    .warranty-site-area:nth-child(3)
    .btn-area
    button
    + button {
    margin-top: 4px;
  }
}
@media (min-width: 1200px) {
  .uppoint-sky {
    position: absolute;
    right: 0;
    top: 0;
    width: 27%;
  }
}
@media (min-width: 721px) {
  .small-menu .active {
    position: relative;
  }
  .small-menu .active:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
  }
}
@media (max-width: 1440px) {
  .chakpick-list .chakpick-row {
    width: 50%;
  }
  .uppoint-wrap {
    margin: 0 6%;
    padding-right: 30%;
  }
  .uppoint-sky {
    width: 30%;
  }
  .warranty-site-wrap .warranty-site-area:first-child {
    max-width: 60%;
  }
  .warranty-head {
    min-height: auto;
    padding-bottom: 44%;
    padding-right: 0;
  }
  .warranty-head .shiled-img {
    bottom: 0;
    display: block;
    left: 50%;
    position: absolute;
    right: auto;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42%;
  }
  .warranty-details-wrap .w-info-area {
    text-align: left;
  }
  .warranty-details-wrap .w-info-area .w-info {
    width: 50%;
  }
  .tabs-contents-wrap .tab-link li a {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .uppoint-wrap {
    padding-right: 0;
  }
  .uppoint-wrap .section-wrapper {
    position: relative;
    width: 100%;
  }
  .sky-area .chakpick-list .chakpick-col-area,
  .sky-area .view-scroll-y {
    max-height: 650px;
  }
  .safety-guide-area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .safety-guide-area .safety-guide-box {
    margin-bottom: 20px;
    padding: 0;
    width: 50%;
  }
  .safety-guide-area .safety-guide-box:nth-child(2n),
  .safety-guide-area .safety-guide-box:nth-child(odd) {
    width: calc(50% - 10px);
  }
  .warranty-details-wrapper {
    padding: 40px 54px 58px;
  }
  .warranty-site-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .warranty-site-wrap .warranty-site-area:first-child {
    margin-bottom: 40px;
    max-width: 100%;
    padding-left: 268px;
    position: relative;
  }
  .warranty-site-wrap .warranty-site-area:first-child .w-site-details {
    min-height: 152px;
    text-align: left;
  }
  .warranty-site-wrap .warranty-site-area .w-site-grade {
    background-position: 0;
    background-size: 32px auto;
    font-size: 28px;
    left: auto;
    padding-left: 44px;
    padding-top: 0;
    position: relative;
    top: auto;
    -webkit-transform: inherit;
    transform: inherit;
  }
  .warranty-site-wrap .warranty-site-area:nth-child(2) .w-site-details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
  }
  .warranty-site-wrap .warranty-site-area + .warranty-site-area {
    border: 0;
  }
  .warranty-site-wrap .w-site-title {
    font-size: 32px;
    font-weight: 500;
  }
  .warranty-site-wrap .w-site-sub {
    font-size: 24px;
    margin-top: 10px;
  }
  .warranty-site-wrap .w-small-txt {
    font-size: 24px;
  }
  .warranty-site-wrap .w-small-txt.blue {
    font-size: 28px;
    margin: 0;
  }
  .warranty-site-wrap .w-site-thumb {
    height: 152px;
    left: 0;
    position: absolute;
    top: 0;
    width: 268px;
  }
  .warranty-site-wrap .w-site-details {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .warranty-site-wrap .btn-area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px;
  }
  .warranty-site-wrap .btn-area button {
    font-size: 28px;
    height: 80px;
    margin: 0;
    width: 49%;
  }
  .blue-star,
  .yellow-star {
    background-position: 0, 34px, 66px, 98px, 130px;
    background-size: 32px 32px, 32px 32px, 32px 32px, 32px 32px, 32px 32px;
    font-size: 26px;
    line-height: 32px;
    min-height: 32px;
    padding-left: 168px;
  }
}
@media (max-width: 720px) {
  .small-menu li {
    margin-right: 4.4%;
    padding-left: 0;
  }
  .small-menu li a {
    font-size: 26px;
    line-height: 47px;
  }
  .chakpick-list .chakpick-row {
    width: 100%;
  }
  .chakpick-list .chakpick-col-area {
    max-height: 1100px;
  }
  .chakpick-list .chakpick-col {
    height: 216px;
    margin-bottom: 4px;
  }
  .chakpick-list .pick-datetime {
    font-size: 30px;
  }
  .chakpick-list .normal-btn {
    font-size: 28px;
  }
  .chakpick-list .pick-thumb {
    background-size: auto 78px;
    padding-top: 88px;
  }
  .chakpick-list .pick-thumb > strong {
    font-size: 28px;
    font-weight: 400;
  }
  .round-report-area .round-title {
    font-size: 28px;
    line-height: 80px;
  }
  .round-report-area .report-area {
    padding-bottom: 60px;
    padding-top: 154px;
    position: relative;
  }
  .round-report-area .report-box {
    width: 31%;
  }
  .round-report-area .report-box:nth-child(2) {
    width: 38%;
  }
  .round-report-area .report-title {
    background-size: 132px 132px;
    padding-top: 160px;
  }
  .round-report-area .report-title > strong {
    font-size: 22px;
  }
  .round-report-area .round-tag {
    margin-top: 12px;
  }
  .round-report-area .round-tag > span {
    font-size: 18px;
    height: 28px;
    width: 28px;
  }
  .round-report-area .round-info {
    left: 50%;
    position: absolute;
    top: 66px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
  .round-report-area .round-info > span {
    font-size: 24px;
    padding: 0 16px;
  }
  .round-report-area .round-info > span + span:after {
    height: 16px;
    margin-top: -8px;
  }
  .round-report-area .round-etc .time {
    font-size: 38px;
    margin-top: 0;
  }
  .round-report-area .round-etc .round-line {
    margin-top: 8px;
  }
  .round-report-area .round-etc .sporeports {
    margin-top: 26px;
  }
  .round-report-area .report-infomation {
    font-size: 24px;
    margin-top: 38px;
  }
  .round-report-area .round-info-box {
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 34px;
    margin-top: 58px;
    padding: 56px 30px;
  }
  .round-report-area .round-info-box.center-mode {
    font-size: 28px;
    line-height: 38px;
    margin-top: 44px;
    padding: 52px 30px;
  }
  .round-report-area .advertisement-wrap {
    margin-top: 58px;
  }
  .round-report-area .advertisement-wrap .ads-area {
    width: 67.6%;
  }
  .honey-chakpick-details .comment-counting {
    padding-top: 56px;
  }
  .advertisement-grid-wrap {
    margin-left: -12px;
    margin-right: -12px;
  }
  .advertisement-grid-wrap .ads-area {
    padding: 10px 12px;
  }
  .uppoint-wrap {
    margin: 0 40px;
  }
  .sky-area {
    margin-bottom: 54px;
  }
  .sky-area:last-child {
    margin-bottom: 0;
  }
  .sky-area .ico-title {
    background-size: 24px 24px;
    font-size: 32px;
    margin-bottom: 24px;
    padding-left: 26px;
  }
  .sky-area .scene-view-area .scene-details > strong {
    font-size: 28px;
  }
  .sky-area .scene-view-area .scene-details > span {
    font-size: 24px;
  }
  .sky-area .chakpick-list .chakpick-col-area,
  .sky-area .view-scroll-y {
    max-height: 1100px;
  }
  .safety-guide-area .safety-guide {
    height: auto;
    padding: 13%;
  }
  .safety-guide-area .safety-guide > strong {
    font-size: 28px;
  }
  .safety-guide-area .safety-guide > p {
    font-size: 24px;
    min-height: 135px;
  }
  .warranty-details-wrapper {
    padding: 54px 40px 0;
  }
  .warranty-details-wrap .w-info-area .w-info {
    margin-bottom: 54px;
    padding-left: 0;
    padding-right: 0;
  }
  .warranty-details-wrap .w-info-area .w-info > strong {
    font-size: 26px;
  }
  .warranty-details-wrap .w-info-area .w-info > span {
    font-size: 26px;
    margin-top: 6px;
  }
  .warranty-details-wrap .w-into-title {
    font-size: 28px;
  }
  .warranty-head .w-details-title {
    font-size: 32px;
    margin-bottom: 8px;
  }
  .warranty-head .w-details-txt {
    font-size: 24px;
    line-height: 34px;
    margin-top: 32px;
  }
  .tabs-contents {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .tabs-contents-wrap .tab-link li a {
    font-size: 26px;
  }
  .tabs-contents-wrap .tabs-contents-txt p {
    font-size: 24px;
    line-height: 36px;
  }
  .tabs-contents-wrap .description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 28px;
    margin-bottom: 38px;
    padding: 40px;
  }
  .tabs-contents-wrap .description dl {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    justify-content: left;
    width: 100%;
  }
  .tabs-contents-wrap .description dl:first-child {
    border-right: none;
  }
  .tabs-contents-wrap .description dl dt {
    margin-right: 20px;
  }
  .sub-uppoint-sky .fill-btn {
    font-size: 28px;
    line-height: 80px;
    margin-top: 60px;
  }
  .overall-score {
    padding: 60px 0;
  }
  .overall-score .score-txt {
    font-size: 24px;
    margin-top: 12px;
  }
  .overall-score-info {
    padding-left: 40px;
    padding-right: 40px;
  }
  .overall-score-info .info-title {
    font-size: 30px;
    margin-top: 60px;
  }
  .overall-score-info .info-sub-title {
    font-size: 24px;
    line-height: 36px;
    margin-top: 40px;
  }
  .overall-score-info .review-list {
    margin-top: 0;
  }
  .overall-score-info .review-list li {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .overall-score-info .review-list li span {
    font-size: 26px;
  }
}
@media (max-width: 600px) {
  .small-menu li a {
    font-size: 20px;
    line-height: 29px;
  }
  .round-report-area .round-title {
    font-size: 14px;
    line-height: 40px;
  }
  .round-report-area .report-area {
    padding-bottom: 30px;
    padding-top: 77px;
  }
  .round-report-area .report-title {
    background-size: 66px 66px;
    padding-top: 80px;
  }
  .round-report-area .report-title > strong {
    font-size: 11px;
  }
  .round-report-area .round-tag {
    margin-top: 6px;
  }
  .round-report-area .round-tag > span {
    font-size: 9px;
    height: 14px;
    width: 14px;
  }
  .round-report-area .round-info {
    top: 33px;
  }
  .round-report-area .round-info > span {
    font-size: 12px;
    padding: 0 8px;
  }
  .round-report-area .round-info > span + span:after {
    height: 8px;
    margin-top: -4px;
  }
  .round-report-area .round-etc .time {
    font-size: 19px;
  }
  .round-report-area .round-etc .round-line {
    margin-top: 4px;
  }
  .round-report-area .round-etc .sporeports {
    margin-top: 13px;
  }
  .round-report-area .report-infomation {
    font-size: 12px;
    margin-top: 19px;
  }
  .round-report-area .round-info-box {
    font-size: 12px;
    line-height: 17px;
    margin-top: 29px;
    padding: 28px 15px;
  }
  .round-report-area .round-info-box.center-mode {
    font-size: 14px;
    line-height: 19px;
    margin-top: 22px;
    padding: 26px 15px;
  }
  .round-report-area .advertisement-wrap {
    margin-top: 29px;
  }
  .honey-chakpick-details .comment-counting {
    padding-top: 28px;
  }
  .advertisement-grid-wrap {
    margin-left: -6px;
    margin-right: -6px;
  }
  .advertisement-grid-wrap .ads-area {
    padding: 5px 6px;
  }
  .chakpick-list .chakpick-col-area {
    max-height: 550px;
  }
  .chakpick-list .chakpick-col {
    height: 108px;
    margin-bottom: 2px;
  }
  .chakpick-list .pick-datetime {
    font-size: 15px;
  }
  .chakpick-list .normal-btn {
    font-size: 14px;
  }
  .chakpick-list .pick-thumb {
    background-size: auto 39px;
    padding-top: 44px;
  }
  .chakpick-list .pick-thumb > strong {
    font-size: 14px;
  }
  .uppoint-wrap {
    margin: 0 20px;
  }
  .sky-area {
    margin-bottom: 27px;
  }
  .sky-area .ico-title {
    background-size: 12px 12px;
    font-size: 16px;
    margin-bottom: 12px;
    padding-left: 13px;
  }
  .sky-area .scene-view-area .scene-details > strong {
    font-size: 14px;
  }
  .sky-area .scene-view-area .scene-details > span {
    font-size: 12px;
  }
  .sky-area .chakpick-list .chakpick-col-area,
  .sky-area .view-scroll-y {
    max-height: 550px;
  }
  .safety-guide-area .safety-guide {
    padding: 9%;
  }
  .safety-guide-area .safety-guide > strong {
    background-size: 60px auto;
    font-size: 16px;
    padding-top: 55px;
  }
  .safety-guide-area .safety-guide > p {
    font-size: 14px;
    margin-top: 15px;
    min-height: 55px;
  }
  .warranty-site-wrap {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .warranty-site-wrap .warranty-site-area:first-child {
    margin-bottom: 20px;
    padding-left: 140px;
  }
  .warranty-site-wrap .warranty-site-area:first-child .w-site-details {
    min-height: 82px;
  }
  .warranty-site-wrap .warranty-site-area .w-site-grade {
    background-position: 0 0;
    background-size: 20px auto;
    font-size: 16px;
    padding-left: 24px;
  }
  .warranty-site-wrap .w-site-title {
    font-size: 18px;
  }
  .warranty-site-wrap .w-site-sub {
    font-size: 15px;
    margin-top: 7px;
  }
  .warranty-site-wrap .w-small-txt,
  .warranty-site-wrap .w-small-txt.blue {
    font-size: 15px;
  }
  .warranty-site-wrap .w-site-thumb {
    height: 82px;
    width: 140px;
  }
  .warranty-site-wrap .btn-area {
    margin-top: 30px;
  }
  .warranty-site-wrap .btn-area button {
    font-size: 16px;
    height: 50px;
  }
  .warranty-details-wrapper {
    padding: 30px 26px 0;
  }
  .warranty-details-wrap:last-child {
    margin-top: 26px;
    padding-top: 28px;
  }
  .warranty-details-wrap .w-info-area .w-info {
    margin-bottom: 30px;
  }
  .warranty-details-wrap .w-info-area .w-info > strong {
    font-size: 16px;
  }
  .warranty-details-wrap .w-info-area .w-info > span {
    font-size: 16px;
    margin-top: 8px;
  }
  .warranty-details-wrap .w-into-title {
    font-size: 18px;
  }
  .warranty-head .w-details-title {
    font-size: 20px;
    margin-bottom: 4px;
  }
  .warranty-head .w-details-txt {
    font-size: 16px;
    line-height: 24px;
    margin-top: 18px;
  }
  .tabs-contents {
    padding-bottom: 26px;
    padding-top: 26px;
  }
  .tabs-contents-wrap .tab-link {
    height: 54px;
  }
  .tabs-contents-wrap .tab-link li a {
    font-size: 16px;
    line-height: 54px;
  }
  .tabs-contents-wrap .tabs-contents-txt p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 22px;
  }
  .tabs-contents-wrap .tabs-contents-txt img {
    margin-bottom: 22px;
  }
  .tabs-contents-wrap .description {
    font-size: 16px;
    margin-bottom: 22px;
    padding: 26px;
  }
  .tabs-contents-wrap .description dl {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    justify-content: left;
    width: 100%;
  }
  .tabs-contents-wrap .description dl:first-child {
    border-right: none;
  }
  .tabs-contents-wrap .description dl dt {
    margin-right: 16px;
  }
  .sub-uppoint-sky .fill-btn {
    font-size: 18px;
    line-height: 50px;
    margin-top: 40px;
  }
  .overall-score {
    padding: 40px 0;
  }
  .overall-score .score-txt {
    font-size: 14px;
    margin-top: 9px;
  }
  .overall-score-info {
    padding-left: 26px;
    padding-right: 26px;
  }
  .overall-score-info .info-title {
    font-size: 18px;
    margin-top: 34px;
  }
  .overall-score-info .info-sub-title {
    font-size: 14px;
    line-height: 24px;
    margin-top: 26px;
  }
  .overall-score-info .review-list li {
    padding-bottom: 28px;
    padding-top: 28px;
  }
  .overall-score-info .review-list li span {
    font-size: 16px;
  }
  .blue-star,
  .yellow-star {
    background-position: 0, 17px, 33px, 49px, 65px;
    font-size: 13px;
    line-height: 16px;
    min-height: 16px;
    padding-left: 84px;
  }
  .big-blue-star,
  .blue-star,
  .yellow-star {
    background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px;
  }
  .big-blue-star {
    background-position: 0 bottom, 17px bottom, 33px bottom, 49px bottom,
      66px bottom;
    font-size: 24px;
    min-width: 84px;
    padding-bottom: 16px;
  }
}
@media (max-width: 480px) {
  .small-menu li {
    margin-right: 3%;
  }
  .small-menu li a {
    font-size: 16px;
    line-height: 29px;
  }
}
@media (max-width: 360px) {
  .small-menu li a {
    font-size: 13px;
    line-height: 24px;
  }
  .safety-guide-area .safety-guide {
    padding: 7%;
  }
  .safety-guide-area .safety-guide > strong {
    background-size: 56px auto;
    font-size: 14px;
    padding-top: 52px;
  }
  .safety-guide-area .safety-guide > p {
    font-size: 12px;
    margin-top: 13px;
    min-height: 51px;
  }
  .warranty-site-wrap {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .warranty-site-wrap .warranty-site-area:first-child {
    margin-bottom: 20px;
    padding-left: 134px;
  }
  .warranty-site-wrap .warranty-site-area:first-child .w-site-details {
    min-height: 76px;
  }
  .warranty-site-wrap .warranty-site-area .w-site-grade {
    background-size: 16px auto;
    font-size: 14px;
    padding-left: 22px;
  }
  .warranty-site-wrap .w-site-title {
    font-size: 16px;
  }
  .warranty-site-wrap .w-site-sub {
    font-size: 12px;
    margin-top: 5px;
  }
  .warranty-site-wrap .w-small-txt {
    font-size: 12px;
  }
  .warranty-site-wrap .w-small-txt.blue {
    font-size: 14px;
  }
  .warranty-site-wrap .w-site-thumb {
    height: 76px;
    width: 134px;
  }
  .warranty-site-wrap .btn-area {
    margin-top: 30px;
  }
  .warranty-site-wrap .btn-area button {
    font-size: 14px;
    height: 40px;
  }
  .warranty-details-wrapper {
    padding: 27px 20px 0;
  }
  .warranty-details-wrap:last-child {
    margin-top: 24px;
    padding-top: 25px;
  }
  .warranty-details-wrap .w-info-area .w-info {
    margin-bottom: 27px;
  }
  .warranty-details-wrap .w-info-area .w-info > strong {
    font-size: 13px;
  }
  .warranty-details-wrap .w-info-area .w-info > span {
    font-size: 13px;
    margin-top: 3px;
  }
  .warranty-details-wrap .w-into-title {
    font-size: 14px;
  }
  .warranty-head .w-details-title {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .warranty-head .w-details-txt {
    font-size: 14px;
    line-height: 17px;
    margin-top: 16px;
  }
  .tabs-contents {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .tabs-contents-wrap .tab-link {
    height: 38px;
  }
  .tabs-contents-wrap .tab-link li a {
    font-size: 13px;
    line-height: 38px;
  }
  .tabs-contents-wrap .tabs-contents-txt p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 19px;
  }
  .tabs-contents-wrap .tabs-contents-txt img {
    margin-bottom: 19px;
  }
  .tabs-contents-wrap .description {
    font-size: 14px;
    margin-bottom: 19px;
    padding: 20px;
  }
  .tabs-contents-wrap .description dl {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    justify-content: left;
    width: 100%;
  }
  .tabs-contents-wrap .description dl:first-child {
    border-right: none;
  }
  .tabs-contents-wrap .description dl dt {
    margin-right: 10px;
  }
  .sub-uppoint-sky .fill-btn {
    font-size: 14px;
    line-height: 40px;
    margin-top: 30px;
  }
  .overall-score {
    padding: 30px 0;
  }
  .overall-score .score-txt {
    font-size: 12px;
    margin-top: 6px;
  }
  .overall-score-info {
    padding-left: 20px;
    padding-right: 20px;
  }
  .overall-score-info .info-title {
    font-size: 15px;
    margin-top: 30px;
  }
  .overall-score-info .info-sub-title {
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
  }
  .overall-score-info .review-list li {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .overall-score-info .review-list li span {
    font-size: 13px;
  }
  .blue-star,
  .yellow-star {
    background-position: 0, 17px, 33px, 49px, 65px;
    font-size: 13px;
    line-height: 16px;
    min-height: 16px;
    padding-left: 84px;
  }
  .big-blue-star,
  .blue-star,
  .yellow-star {
    background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px;
  }
  .big-blue-star {
    background-position: 0 bottom, 17px bottom, 33px bottom, 49px bottom,
      66px bottom;
    font-size: 24px;
    min-width: 84px;
    padding-bottom: 16px;
  }
}