.list-card-ft,
.list-card-lastest {
  padding: 4px 0 0
}

.card-text-footer .image {
  width: 92px
}

.card-stories .col-image-stories a,
.card-text-footer .image a,
.image a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 66.67%
}

input.form-control,
input.form-submit {
  border: 0;
  font-size: 15px;
  height: 48px;
  display: block;
  outline: 0
}

.card-news .images-news a img,
.card-stories .col-image-stories a img,
.card-text-footer .image a img,
.image a img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.ttl-line span:after,
.ttl-line span:before {
  top: 50%;
  background-color: #f69d27;
  height: 2px
}

.card-text-footer .text,
.card-text-lastest .text {
  flex: 1;
  padding: 0 0 0 10px
}

.card-text-footer .text .ttl-card-ft,
.card-text-lastest .text .ttl-card-lastest {
  font-size: 13px;
  line-height: 1.6;
  height: 40px;
  overflow: hidden;
  margin-bottom: 14px
}

.card-kvs .ttl-card-kvs a,
.card-news .ttl-card-news a,
.card-stories .col-text-stories .ttl-card-stories a,
.card-text-footer .text .ttl-card-ft a,
.card-text-lastest .text h3 a,
.content-detail p a,
.owl-carousel h3 a,
.right-stories .text a,
.sort-list .row-sort a {
  color: #ffead7;
  text-decoration: none
}

.card-text-footer .text .date,
.card-text-lastest .text .date {
  font-size: 11px;
  color: #606060
}

input.form-control {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0 80px 0 7px;
  background-color: #3b3a3a;
  font-weight: 500;
  font-style: italic;
  flex: 1;
  color: #fff;
  width: 100%
}

.block-map .form-ob .input-text,
input.form-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none
}

.scl-ft {
  padding-top: 3px
}

.scl-ft li {
  display: inline-block;
  margin-right: 18px
}

.scl-ft li a img {
  width: 40px
}

.link-kvs,
.main-kvs,
.section-your-eyes {
  background-repeat: no-repeat
}

.not-found-box div,
.section-keyvisual {
  margin-bottom: 30px
}

.section-your-eyes {
  background-image: url(../images/bg-your-eyes.jpg);
  background-position: top center;
  background-size: 100% auto;
  padding-top: 186px
}

.img-highlight,
.main-kvs {
  background-size: cover !important
}

.section-your-eyes .ttl-line {
  max-width: 935px;
  font-size: 35px;
  width: 100%;
  margin: 0 auto 20px
}

.left-stories .ttl-line span,
.section-your-eyes .ttl-line span {
  padding: 0 30px
}

.section-your-eyes .container {
  max-width: 1254px
}

.section-your-eyes > .container > .row-content {
  background-color: #302b29;
  padding: 10px 30px 0
}

.main-kvs .infor,
.sort-list .row-sort {
  display: -ms-flexbox;
  display: -webkit-flex
}

.card-your-eye.eop1 {
  background-image: url(../images/img-expert-opinion1.webp)
}

.card-your-eye.eop2 {
  background-image: url(../images/img-expert-opinion2.webp)
}

.card-your-eye.eop3 {
  background-image: url(../images/img-expert-opinion3.webp)
}

.card-your-eye.eop4 {
  background-image: url(../images/img-expert-opinion4.webp)
}

.section-observer .ttl-line span:after {
  margin-top: 0;
  margin-left: -20px
}

.section-observer .ttl-line span:before {
  margin-top: 0;
  margin-right: 30px
}

.section-observer .ttl-line span img {
  width: 70px;
  top: 50%;
  margin-top: -35px;
  position: absolute;
  left: 0
}

.section-news {
  margin-bottom: -6px
}

.card-stories,
.ttl-line {
  margin-bottom: 15px
}

.main-kvs {
  position: relative;
  height: 404px;
  background-position: right top !important
}

.main-kvs .infor {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.main-kvs .infor .ttl-kvs {
  font-size: 35px;
  font-weight: 400;
  color: #ffead7;
  display: -webkit-box;
  max-height: calc(35px * 1.3 * 3);
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.3;
  margin-bottom: 4px;
  max-width: 485px
}

.main-kvs .infor p {
  color: #1C1C1C;
  font-family: Corbel, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 160% */
  margin-bottom: 30px;
  max-width: 375px;
  overflow: hidden
}

.main-kvs .infor h2 + p {
  display: -webkit-box;
  height: calc(15px * 1.6 * 4);
  -webkit-line-clamp: 4
}

.link-kvs {
  display: inline-block;
  font-size: 15px;
  background-color: #f69d27;
  background-image: url(../images/common/icon-arrow02.png);
  background-position: right 21px top 14px;
  background-size: 7.5px auto;
  padding: 9px 35px 8px 20px;
  text-decoration: none
}

.left-kvs,
.newest-promo {
  padding: 0;
}

.section-eye-stories .left-kvs {
  background-color: #1f1a18;
}

.section-eye-stories .left-kvs {
  padding: 21px 40px;
}

#surveys .survey__footer a,
.btn-card-key a,
.btn-faqs-more,
.card-news .btn-more-news a,
.ref-faq ol li a {
  text-decoration: underline
}

.newest-promo h3 {
  font-size: 1rem;
  font-family: Montserrat;
  font-weight: 600
}

.newest-promo h5 {
  font-size: .9rem;
  font-weight: 400;
  font-family: Montserrat
}

.newest-promo h5 strong {
  font-family: Montserrat;
  font-weight: 700
}

.card-kvs li a,
.card-kvs p a,
.newest-promo h5 + p {
  color: #939598
}

.ttl-line {
  text-align: center;
  font-size: 25px;
  overflow: hidden
}

.ttl-line span {
  display: inline-block;
  position: relative;
  font-weight: 100;
  text-transform: uppercase;
  padding: 0 10px
}

.ttl-line span:after {
  width: 1000%;
  content: "";
  left: 100%;
  margin-top: -2px;
  position: absolute
}

.ttl-line span:before {
  width: 1000%;
  content: "";
  right: 100%;
  margin-top: -2px;
  position: absolute
}

.left-stories .ttl-line {
  font-size: 35px;
  margin-top: -24px;
  margin-bottom: 29px
}

.card-stories .row-card-stories {
  padding: 15px 0
}

.card-stories .col-image-stories {
  padding: 0 15px;
  width: 37.5%
}

.card-stories .col-text-stories {
  padding: 0 15px 21px;
  flex: 1;
  position: relative
}

.card-stories .col-text-stories .ttl-card-stories {
  font-size: 25px;
  line-height: 1.36;
  margin-bottom: 7px;
  margin-top: -5px;
  text-transform: capitalize;
  font-weight: 100
}

.card-stories .col-text-stories p,
.sort-list .sort-item .col-text-sort p {
  line-height: 1.53333;
  margin-bottom: 1px;
  font-size: 15px;
  color: #939598
}

.author {
  color: #c39e6d;
  font-size: 15px;
  position: absolute;
  left: 15px;
  bottom: -3px
}

.btn-view,
.right-stories .text a.link-kvs {
  color: #302b29
}

.btn-more {
  color: #ffead7;
  font-family: Corbel, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  border-radius: 100px;
  border: 1px solid #c39e6d;
  padding: 10px 20px;
  gap: 7px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .btn-more {
    border-radius: 0;
    background: #3B3532;
    border: none;
    color: #939598;
    font-family: Corbel;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 160% */
    text-transform: uppercase;
  }

  .btn-more:hover {
    color: #939598;
    text-decoration: none;
  }
}

.btn-more-post .icon-button-more {
  width: 10px;
  height: 10px;
  margin-bottom: 2px;
}

.block-map .form-ob .btn-submit,
.btn-view {
  background-color: #f69d27;
  text-transform: uppercase
}


.right-stories .text {
  position: absolute;
  background-color: #1f1a18;
  font-size: 15px;
  max-width: 330px;
  padding: 34px 45px 34px 46px;
  left: 9%;
  top: 32%;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase
}

.right-stories .text a.eye-find {
  font-weight: 700;
  margin-bottom: 15px;
  display: block
}

.detect-dry-eye {
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.link-kvs-dry-eye {
  display: inline-block;
  font-size: 15px;
  background-color: #f69d27;
  background-image: url(../images/common/icon-arrow02.png);
  background-position: right 20px top 13px;
  background-size: 7.5px auto;
  padding: 9px 35px 8px 20px;
  text-decoration: none;
  background-repeat: no-repeat;
}

.dry-eye-kr {
  background-position: right 7.5rem top 0.5rem;
}

.teo-a8-flex-container {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.teo-a8-line {
  height: 0;
  border: 1px solid #f69d27;
  margin: 3px;
  display: inline-block;
  flex-grow: 8;
}
.teo-a8-headline-icon {
  margin-left: 1.5rem;
  flex-grow: 1;
  text-align: center;
  width: 2.5rem;
}
.teo-a8-headline-text {
  font-size: 24px;
  text-transform: uppercase;
  padding-left: 0.5rem;
  flex-grow: 1;
  width: 21rem;
}