@charset "UTF-8";
body {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  word-break: break-word;
  font-size: 17px;
  color: #262626;
  line-height: 1.6;
  font-family: 'Roboto','Noto Sans TC';
  background-color: #FFF;
  letter-spacing: 1px;
}

a {
  text-decoration: none;
}
a:focus, a:hover, a:visited {
  text-decoration: underline;
}

.color-main-1 {
  color: #FFF;
}

.color-main-2 {
  color: #FFF5EA;
}

.color-main-3 {
  color: #FFFCFC;
}

.color-main-4 {
  color: #FFECD8;
}

.color-sub-1 {
  color: #FF6100;
}

.color-sub-2 {
  color: #FF8F1D;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media screen and (min-width: 1260px) {
  .container {
    width: 1260px;
  }
}
.container.list-container {
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 992px) {
  .container.list-container {
    width: 970px;
  }
}
@media screen and (min-width: 992px) {
  .container.fixedpage {
    width: 970px;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

.btn:hover, .btn:active, .btn:focus {
  box-shadow: none;
}
.btn:hover:hover, .btn:hover:active, .btn:hover:focus, .btn:active:hover, .btn:active:active, .btn:active:focus, .btn:focus:hover, .btn:focus:active, .btn:focus:focus {
  box-shadow: none;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */
}

.owl-carousel {
  visibility: hidden;
}
.owl-carousel.owl-loaded {
  visibility: visible;
}

.invisible {
  visibility: hidden !important;
}

.a-acceky {
  position: absolute;
  display: none;
  top: 0px;
  left: -10px;
  color: #d7d7d7;
  font-size: 14px;
}
.a-acceky:focus, .a-acceky:hover, .a-acceky:visited {
  color: #d7d7d7;
}
@media screen and (min-width: 992px) {
  .a-acceky {
    display: inline-block;
  }
}

.container, #index-news-area {
  position: relative;
}

#index-news-area #main {
  top: 3px;
  left: -18px;
}

#sitemap_center_area {
  top: 0px;
  left: -15px;
}

#breadcrumbs #main {
  top: 8px;
  left: 0px;
}

#foot_area {
  top: 37px;
  left: -1px;
}

footer.eng #foot_area {
  top: 45px;
  left: -1px;
}

.hp-input-item {
  display: none;
}

.list-area .media-list.type-1:after, .form-area .form-group:after, .page-search-area:after, .form-group .vcode-area:after, .form-group:after, .page-btn-area.multi-btn:after, .social-share-area .share-box:after, .social-share-area:after, .page-area:after, .header-nav:after, .header-bottom-area nav > ul.header-nav:after, header.website .lg-header-area .header-top-inner .top-right-area .header-right-top-box:after, header.website .lg-header-area .header-top-inner:after, header.website .lg-header-area:after {
  content: "";
  display: block;
  clear: both;
}

.article-area, #tinymce {
  letter-spacing: 0;
}
.article-area iframe, #tinymce iframe {
  max-width: 100%;
  border: 0;
  margin-bottom: 15px;
}
.article-area img, #tinymce img {
  height: auto;
  max-width: 100%;
  margin-bottom: 15px;
}
.article-area h3, #tinymce h3 {
  color: #FF6100;
  font-size: 22px;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 10px;
}
.article-area h4, #tinymce h4 {
  font-size: 22px;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 10px;
}
.article-area h5, #tinymce h5 {
  color: #50A3FF;
  font-size: 19px;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 10px;
}
.article-area h6, #tinymce h6 {
  color: #68C1AF;
  font-size: 19px;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 10px;
}
.article-area p, #tinymce p {
  margin-bottom: 30px;
}
.article-area a, #tinymce a {
  color: #FF8F1D;
}
.article-area a:hover, #tinymce a:hover {
  text-decoration: underline;
}
.article-area ul, #tinymce ul {
  padding: 0;
  list-style: none !important;
  margin-bottom: 30px;
}
.article-area ul > li, #tinymce ul > li {
  padding-left: 29px;
  position: relative;
  margin-bottom: 8px;
}
.article-area ul > li:before, #tinymce ul > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 7px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FF6100;
}
.article-area ol, #tinymce ol {
  padding: 0;
  list-style: none !important;
  counter-reset: ol-item;
  margin-bottom: 30px;
}
.article-area ol > li, #tinymce ol > li {
  display: block;
  padding-left: 29px;
  position: relative;
  margin-bottom: 8px;
}
.article-area ol > li:before, #tinymce ol > li:before {
  position: absolute;
  text-align: right;
  left: 0;
  top: 7px;
  color: #FF6100;
  content: counter(ol-item) ".";
  counter-increment: ol-item;
  font-family: "Arial";
  font-size: 17px;
  line-height: 1;
  font-weight: bold;
  display: inline-block;
  min-width: 22px;
}
.article-area table, #tinymce table {
  max-width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
  border: 0px solid #D9D9D9;
}
.article-area table tr th, #tinymce table tr th, .article-area table tr td, #tinymce table tr td {
  border: #FF6100 solid 1px;
  background: #FFFCFA;
  padding: 22px 24px;
  font-weight: normal;
  text-align: left;
  border-spacing: 100px;
}
.article-area table tr th, #tinymce table tr th {
  background: #898F9C;
  color: #FFF;
  border: 0;
  margin-bottom: 2px;
}
.article-area table tr th:nth-child(even), #tinymce table tr th:nth-child(even) {
  background: #FF8F1D;
}

.breadcrumbs {
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px solid #FF8F1D;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .breadcrumbs {
    margin-top: -30px;
    padding-bottom: 14px;
    margin-bottom: 35px;
  }
}
.breadcrumbs.no-banner {
  margin-top: 36px;
}
.breadcrumbs a {
  color: #000;
  margin-right: 12px;
}
.breadcrumbs a span {
  color: #000;
}
.breadcrumbs a.home {
  position: relative;
  padding-left: 33px;
}
.breadcrumbs a.home:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  background: url("../img/breadcrumb/button_home_2x.png") center no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.breadcrumbs span {
  margin-right: 12px;
}
.breadcrumbs .breadcrumbs-arrow {
  display: inline-block;
  color: #000;
  font-size: 0;
  margin-right: 12px;
  background: url("../img/breadcrumb/path_arrow_2x.png") center no-repeat;
  background-size: 8px 14px;
  width: 8px;
  height: 14px;
}

.page_list {
  text-align: center;
  margin: 8px 0 12px 0;
  position: relative;
  z-index: 1;
}
.page_list ul {
  margin: 0;
  padding-bottom: 38px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_list ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-bottom: 0;
  }
}
.page_list ul li {
  cursor: pointer;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 11px;
}
.page_list ul li > span, .page_list ul li > a {
  position: relative;
  background-color: transparent;
  border: none;
  font-family: "Roboto";
  font-size: 20px;
  line-height: 1;
  color: #FF8F1D;
  background-color: #FFF;
  padding: 4px 8px;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50% !important;
}
.page_list ul li > span i, .page_list ul li > a i {
  font-size: 18px;
  position: relative;
  bottom: 1px;
}
.page_list ul li > span.selected, .page_list ul li > span:hover, .page_list ul li > span:focus, .page_list ul li > a.selected, .page_list ul li > a:hover, .page_list ul li > a:focus {
  color: #FFF;
  background-color: #FF8F1D;
}
.page_list ul li.last, .page_list ul li.first {
  width: 60px;
  text-align: center;
}
.page_list ul li.last > a, .page_list ul li.last span, .page_list ul li.first > a, .page_list ul li.first span {
  font-size: 15px;
  line-height: 1;
  border-radius: 30px !important;
  padding: 6px 6px;
  font-family: "Noto Sans TC";
}
.page_list ul li.xs-bt-tag {
  position: absolute;
  bottom: 0;
  left: 50%;
}
.page_list ul li.xs-bt-tag.left {
  transform: rotate(180deg) translateX(calc(-50% + 64px));
}
.page_list ul li.xs-bt-tag.first {
  transform: translateX(calc(-50% - 101px));
}
.page_list ul li.xs-bt-tag.last {
  transform: translateX(calc(-50% + 80px));
}
.page_list ul li.xs-bt-tag.right {
  transform: translateX(calc(-50% + 14px));
}
@media screen and (min-width: 768px) {
  .page_list ul li.xs-bt-tag {
    position: static;
    margin-top: 0;
    transform: none !important;
  }
  .page_list ul li.xs-bt-tag.left {
    order: -2;
    transform: rotate(180deg) !important;
  }
  .page_list ul li.xs-bt-tag.first {
    order: -1;
  }
  .page_list ul li.xs-bt-tag.last {
    order: 98;
  }
  .page_list ul li.xs-bt-tag.right {
    order: 99;
  }
}
.page_list ul .arr {
  position: relative;
}
.page_list ul .arr a {
  background: url("../img/page_number/page_button_arrow_2x.png") #FFF center no-repeat;
  background-size: 28px 28px;
}
.page_list ul .arr a i {
  font-size: 0;
}
.page_list ul .arr a.selected, .page_list ul .arr a:hover, .page_list ul .arr a:focus {
  background: url("../img/page_number/page_button_arrow_hover_2x.png") #FF8F1D center no-repeat;
  background-size: 28px 28px;
}

.tag {
  display: inline-block;
  min-height: 22px;
  line-height: 22px;
  border-radius: 22px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: left;
  margin-right: 4px;
  padding: 0 19px;
  vertical-align: middle;
}
.tag.static-tag {
  text-align: center;
  width: 80px;
  padding: 0;
}
.tag.static-tag.two-word {
  letter-spacing: 10px;
  padding-left: 12px;
}

.side-function-box {
  position: fixed;
  bottom: 60px;
  right: 15px;
  z-index: 50;
  width: 46px;
  font-size: 0;
  display: none;
}
.side-function-box .side-btn:not(.side-btn.gotop) {
  display: none;
}
.side-function-box .side-btn {
  width: 46px;
  height: 46px;
}
.side-function-box .side-btn.gotop {
  display: block;
}
.side-function-box .side-btn + .side-btn {
  margin-top: 12px;
}
.side-function-box .side-btn.contact {
  background: url("../img/side_menu/button_side_contact_2x.png") center no-repeat;
  background-size: 46px 46px;
}
.side-function-box .side-btn:hover.contact {
  background: url("../img/side_menu/button_side_contact_hover_2x.png") center no-repeat;
  background-size: 46px 46px;
}
.side-function-box .side-btn.member {
  background: url("../img/side_menu/button_side_member_2x.png") center no-repeat;
  background-size: 46px 46px;
}
.side-function-box .side-btn:hover.member {
  background: url("../img/side_menu/button_side_member_hover_2x.png") center no-repeat;
  background-size: 46px 46px;
}
.side-function-box .side-btn.search {
  background: url("../img/side_menu/button_side_search_2x.png") center no-repeat;
  background-size: 46px 46px;
}
.side-function-box .side-btn:hover.search {
  background: url("../img/side_menu/button_side_search_hover_2x.png") center no-repeat;
  background-size: 46px 46px;
}
.side-function-box .side-btn.gotop {
  background: url("../img/side_menu/button_side_gotop_2x.png") center no-repeat;
  background-size: 46px 46px;
}
.side-function-box .side-btn:hover.gotop {
  background: url("../img/side_menu/button_side_gotop_hover_2x.png") center no-repeat;
  background-size: 46px 46px;
}
@media screen and (min-width: 1260px) {
  .side-function-box {
    top: calc(50% + 34px);
    bottom: auto;
    transform: translateY(-50%);
  }
  .side-function-box .side-btn {
    display: block !important;
  }
}
@media screen and (min-width: 1500px) {
  .side-function-box {
    right: calc(50% - 735px);
  }
}

.modal-dialog {
  margin: 0;
  padding: 15px;
  top: 145px;
  left: 50%;
  transform: translateX(-50%) !important;
}
@media screen and (min-width: 768px) and (min-height: 880px) {
  .modal-dialog {
    top: calc(50% + 74px);
    transform: translate(-50%, -50%) !important;
  }
}

input:focus, select:focus {
  outline: none !important;
}

a:focus, button:focus {
  outline: none !important;
}

.alert-red {
  color: red;
}

/*tooltip*/
.tooltip {
  z-index: 3;
}

/*modal*/
.modal-backdrop {
  display: none;
}

.modal {
  background: rgba(0, 0, 0, 0.5);
}
.modal .modal-dialog {
  width: 100%;
  max-height: 736px;
  height: calc(100vh - 20px);
}
@media screen and (min-width: 768px) {
  .modal .modal-dialog {
    width: 715px;
  }
}
.modal .modal-dialog .modal-content {
  border-radius: 0;
  padding: 70px 30px;
  background-color: #FFECD8;
  max-height: 650px;
  overflow: auto;
  position: static;
}
@media screen and (min-width: 768px) {
  .modal .modal-dialog .modal-content {
    padding: 70px 130px;
  }
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 40px;
  text-align: center;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 28px;
  line-height: 1.3;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-footer {
  margin-top: 40px;
  border-top: 0;
  padding: 0;
  text-align: center;
}
.modal button.close {
  position: absolute;
  top: -67px;
  right: 15px;
  height: 60px;
  width: 60px;
  background: url("../img/button/button_dialog_close_2x.png") center no-repeat;
  background-size: 60px 60px;
  opacity: 1;
  font-size: 0;
}
@media screen and (min-width: 992px) {
  .modal button.close {
    top: -59px;
    right: -51px;
  }
}
.modal .form-group:last-child, .modal .form-group:only-of-type {
  margin-bottom: 0;
}
.modal.bootbox-alert .bootbox-close-button {
  display: none;
}
.modal.video .modal-dialog {
  width: 100%;
  max-width: 1230px;
}
.modal.video .modal-dialog .modal-content {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
  overflow: hidden;
}
.modal.video .modal-dialog .modal-body {
  text-align: center;
}
.modal.video .modal-dialog button.close {
  top: -67px;
  right: 15px;
}
@media screen and (min-width: 1366px) {
  .modal.video .modal-dialog button.close {
    top: -59px;
    right: -51px;
  }
}
.modal.video iframe {
  width: 100%;
  max-width: 100%;
  padding: 15px;
}
.modal.podcast .modal-dialog {
  width: 100%;
  max-width: 850px;
}
.modal.podcast .modal-dialog .modal-content {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}
.modal.podcast .modal-dialog .modal-body {
  text-align: center;
}
.modal.podcast iframe {
  width: 100%;
  max-width: 100%;
}

.loading-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  color: #fff;
  z-index: 100;
  background: #fff;
}
.loading-page .wrapper {
  width: 240px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translate(0px, -120px);
  text-align: center;
}
.loading-page .wrapper span {
  font-family: "AndesRounded", "Arial";
  font-size: 20px;
  letter-spacing: 12px;
  color: #90644c;
  display: block;
  text-align: center;
  margin-top: 30px;
}
.loading-page .loading-img {
  width: 240px;
  max-width: 100%;
  height: auto;
}

.acart-proportion-box {
  height: 0;
  position: relative;
}
.acart-proportion-box > .proportion-item {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}
.acart-proportion-box > iframe.proportion-item {
  width: 100%;
  height: 100%;
}
.acart-proportion-box.proportion-3-4 {
  padding-bottom: 133.3333333333%;
}
.acart-proportion-box.proportion-4-3 {
  padding-bottom: 75%;
}
.acart-proportion-box.proportion-16-9 {
  padding-bottom: 56.25%;
}
.acart-proportion-box.proportion-5-4 {
  padding-bottom: 80%;
}
.acart-proportion-box.proportion-4-5 {
  padding-bottom: 125%;
}
.acart-proportion-box.proportion-1-1 {
  padding-bottom: 100%;
}

/*
=================================================================
(#m02-1hds) HEADER
=================================================================
*/
.fixed-height.is-sticky {
  z-index: 99 !important;
  position: fixed !important;
  width: 100%;
}
.fixed-height.is-sticky .header-top-area {
  display: block;
}
.fixed-height.is-sticky .header-top-area .lg-logo-area img {
  width: 120px !important;
}
.fixed-height.is-sticky .header-top-area .top-right-area .header-right-top-box {
  display: none !important;
}
.fixed-height.is-sticky .header-top-area .top-right-area .header-right-bottom-box {
  display: flex;
  align-items: center !important;
}
.fixed-height.is-sticky .header-top-area .top-right-area .header-right-bottom-box > nav {
  display: flex;
}
.fixed-height.is-sticky .header-top-area .top-right-area .header-right-bottom-box > nav .header-nav > li {
  padding-top: 27px;
  padding-bottom: 27px;
}
.fixed-height.is-sticky .header-top-area .top-right-area .header-right-bottom-box .header-btn-area {
  display: none;
}
@media screen and (min-width: 1260px) {
  .fixed-height.is-sticky {
    height: 70px;
  }
}

.fixed-height {
  background: #FFFCFC;
  height: 60px;
}
.fixed-height.lg-show {
  display: none;
}
.fixed-height.mb-show {
  display: block;
}
@media screen and (min-width: 1260px) {
  .fixed-height {
    height: 136px;
  }
  .fixed-height.lg-show {
    display: block;
  }
  .fixed-height.mb-show {
    display: none;
  }
}
.fixed-height .container {
  height: 100%;
}

header.website {
  width: 100%;
  top: 0;
  left: 0;
  background: #FFFCFC;
  position: relative;
  z-index: 99;
}
header.website h1 {
  margin: 0;
}
header.website .lg-header-area {
  position: relative;
  height: 100%;
  width: 100%;
}
header.website .lg-header-area .header-top-area {
  position: relative;
  z-index: 2;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
header.website .lg-header-area .header-top-inner {
  height: 100%;
  display: flex;
  align-items: center;
}
header.website .lg-header-area .header-top-inner .lg-logo-area {
  flex: 1 1 auto;
  width: 220px;
}
header.website .lg-header-area .header-top-inner .lg-logo-area img {
  width: 220px;
}
header.website .lg-header-area .header-top-inner .top-right-area {
  flex: 1 1 auto;
  height: 100%;
  width: calc(100% - 220px);
  padding-left: 20px;
}
header.website .lg-header-area .header-top-inner .top-right-area .header-right-top-box {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
header.website .lg-header-area .header-top-inner .top-right-area .header-right-top-box .slogan-area img {
  width: 635px;
}
header.website .lg-header-area .header-top-inner .top-right-area .header-right-bottom-box {
  display: flex;
  align-items: flex-start;
}
header.website .lg-header-area .header-top-inner .top-right-area .header-right-bottom-box > nav {
  display: flex;
  width: calc(100% - 125px);
}
header.website .lg-header-area .header-top-inner .top-right-area .header-right-bottom-box .nav-btn-area {
  width: 125px;
  padding-top: 1px;
  margin-left: auto;
}
header.website .lg-header-area .header-top-inner .top-right-area .header-right-bottom-box .header-btn-area {
  padding-top: 11px;
}

.header-btn-area {
  display: flex;
  margin-left: auto;
}
.header-btn-area .header-btn {
  flex: 1 1 auto;
  width: 26px;
  height: 26px;
}
.header-btn-area .header-btn + .header-btn {
  margin-left: 20px;
}
.header-btn-area .header-btn.contact {
  background: url("../img/header/button_header_contact_2x.png") center no-repeat;
  background-size: 26px 26px;
}
.header-btn-area .header-btn:hover.contact {
  background: url("../img/header/button_header_contact_hover_2x.png") center no-repeat;
  background-size: 26px 26px;
}
.header-btn-area .header-btn.member {
  background: url("../img/header/button_header_member_2x.png") center no-repeat;
  background-size: 26px 26px;
}
.header-btn-area .header-btn:hover.member {
  background: url("../img/header/button_header_member_hover_2x.png") center no-repeat;
  background-size: 26px 26px;
}
.header-btn-area .header-btn.search {
  background: url("../img/header/button_header_search_2x.png") center no-repeat;
  background-size: 26px 26px;
}
.header-btn-area .header-btn:hover.search {
  background: url("../img/header/button_header_search_hover_2x.png") center no-repeat;
  background-size: 26px 26px;
}

.header-bottom-area {
  display: none;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.header-bottom-area:hover {
  display: block;
}
.header-bottom-area nav {
  padding-left: 240px;
  padding-right: 125px;
}
.header-bottom-area nav > ul.header-nav {
  list-style-type: none;
  padding-left: 0;
}
.header-bottom-area nav > ul.header-nav > li {
  float: left;
  min-height: 1px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.header-bottom-area nav > ul.header-nav > li a {
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  color: #929292;
  display: inline-block;
  border-bottom: 1px solid transparent;
  text-decoration: none;
}
.header-bottom-area nav > ul.header-nav > li a:hover, .header-bottom-area nav > ul.header-nav > li a.focus, .header-bottom-area nav > ul.header-nav > li a.active {
  color: #FF6100;
  border-bottom: 1px solid #FF6100;
}
.header-bottom-area nav ul.header-nav2 {
  padding-left: 0;
  list-style: none;
}
.header-bottom-area nav ul.header-nav2 > li {
  display: block;
}
.header-bottom-area nav ul.header-nav2 > li + li {
  padding-top: 5px;
}

.header-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.header-nav > li {
  float: left;
  position: relative;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 24px;
  width: 14.2857142857%;
}
.header-nav > li > a {
  font-size: 17px;
  color: #707070;
  line-height: 1;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: left;
  display: block;
  letter-spacing: 0;
}
.header-nav > li > a:focus ~ .header-nav2 {
  display: block;
}
@media screen and (min-width: 1260px) {
  .header-nav > li + li {
    padding-left: 5px;
  }
}
.header-nav > li.open > a, .header-nav > li:hover > a, .header-nav > li.active > a {
  color: #FF6100;
}
div.mb-header {
  position: relative;
  z-index: 1000;
  height: 100%;
  display: flex;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
div.mb-header .mb-logo-area {
  padding-top: 9px;
  padding-left: 15px;
}
div.mb-header .mb-logo-area img {
  vertical-align: middle;
  width: 109px;
  max-width: 100%;
  height: auto;
}
div.mb-header .slogan-area {
  padding-top: 9px;
  margin-left: 15px;
  display: none;
}
div.mb-header .slogan-area.ch-slogan {
  width: 135px;
}
div.mb-header .slogan-area.eng-slogan {
  width: 177px;
}
div.mb-header .slogan-area img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  div.mb-header .slogan-area {
    display: block;
  }
}
div.mb-header .button-area {
  display: flex;
  align-items: center;
  margin-left: auto;
}
div.mb-header div.xs-menu {
  height: 100%;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  background-size: 100%;
  background-position: 5px 50%;
  padding: 0 15px;
}
div.mb-header div.xs-menu .wrapper-area {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  position: relative;
  margin: 15px 0 0 0;
}
div.mb-header div.xs-menu .icon-wrapper {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.mb-header div.xs-menu .icon-wrapper span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #929292;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
}
div.mb-header div.xs-menu .icon-wrapper span:nth-child(1) {
  top: 0;
}
div.mb-header div.xs-menu .icon-wrapper span:nth-child(2) {
  top: 12px;
}
div.mb-header div.xs-menu .icon-wrapper span:nth-child(3) {
  top: 12px;
}
div.mb-header div.xs-menu .icon-wrapper span:nth-child(4) {
  top: 24px;
}
div.mb-header div.xs-menu.active .icon-wrapper {
  width: 35px;
}
div.mb-header div.xs-menu.active span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}
div.mb-header div.xs-menu.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
div.mb-header div.xs-menu.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
div.mb-header div.xs-menu.active span:nth-child(4) {
  top: 14px;
  width: 0%;
  left: 50%;
}

header .main-area-quick-link {
  position: absolute;
  left: 15px;
  opacity: 0;
  color: #000;
}
header .main-area-quick-link:focus {
  opacity: 1;
}

@keyframes hover-jump-amime {
  0% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}
div#mb-sidebar {
  display: none;
  position: fixed;
  width: 100%;
  top: -100%;
  z-index: 99;
  background: #FFF;
  padding-bottom: 20px;
}
div#mb-sidebar .slimScrollDiv {
  width: 100%;
}
div#mb-sidebar.hidden-sidebar {
  display: block;
  top: -100%;
  padding-bottom: 0;
  -webkit-animation-name: hiddensidebar;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 0.5s;
  animation-name: hiddensidebar;
  animation-timing-function: ease-in;
  animation-duration: 0.5s;
}
div#mb-sidebar.show-sidebar {
  display: block;
  top: 60px;
  height: calc(100vh + 75px);
  -webkit-animation-name: showsidebar;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 0.5s;
  animation-name: showsidebar;
  animation-timing-function: ease-in;
  animation-duration: 0.5s;
}
@media screen and (min-width: 1260px) {
  div#mb-sidebar {
    display: none;
  }
  div#mb-sidebar.show-sidebar {
    display: none;
  }
}
div#mb-sidebar .sidebar-top.english .dropdown {
  width: 100%;
}
div#mb-sidebar .sidebar-top.english .share-box {
  display: none;
}

@-webkit-keyframes hiddensidebar {
  0% {
    top: 60px;
  }
  100% {
    top: -100%;
  }
}
@-moz-keyframes hiddensidebar {
  0% {
    top: 60px;
  }
  100% {
    top: -100%;
  }
}
@-ms-keyframes hiddensidebar {
  0% {
    top: 60px;
  }
  100% {
    top: -100%;
  }
}
@keyframes hiddensidebar {
  0% {
    top: 60px;
  }
  100% {
    top: -100%;
  }
}
@-webkit-keyframes showsidebar {
  0% {
    top: -100%;
  }
  100% {
    top: 60px;
  }
}
@-moz-keyframes showsidebar {
  0% {
    top: -100%;
  }
  100% {
    top: 60px;
  }
}
@-ms-keyframes showsidebar {
  0% {
    top: -100%;
  }
  100% {
    top: 60px;
  }
}
@keyframes showsidebar {
  0% {
    top: -100%;
  }
  100% {
    top: 60px;
  }
}
.sidebar-close-btn-style {
  position: absolute;
  top: 22px;
  right: 24px;
  height: 20px;
  width: 20px;
}
.sidebar-close-btn-style span {
  display: block;
  position: absolute;
  height: 100%;
  width: 2px;
  background: #FFF;
  border-radius: 2px;
  opacity: 1;
  top: 0;
  right: 9px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidebar-close-btn-style span + span {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

div.sidebar-content {
  padding-bottom: 60px;
  position: relative;
  margin-bottom: 25px;
}
div.sidebar-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}
div.sidebar-content ul li a {
  display: block;
  padding: 20px 16px;
}
div.sidebar-content ul li a.active ~ ul {
  display: block;
}
div.sidebar-content ul.layer-1 > li {
  text-align: center;
}
div.sidebar-content ul.layer-1 > li.register-box > a {
  background: #FF6100;
  color: #FFF;
}
div.sidebar-content ul.layer-1 > li.register-box > a span {
  position: relative;
  padding-left: 25px;
}
div.sidebar-content ul.layer-1 > li.register-box > a span:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0px;
  background: url("../img/header/icon_sign_up_2x.png") center no-repeat;
  background-size: 20px 26px;
  width: 20px;
  height: 26px;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  border-top: 0 !important;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box .sidebar-btn {
  width: 26px;
  height: 26px;
  padding: 0;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box .sidebar-btn + .sidebar-btn {
  margin-left: 40px;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box .sidebar-btn.contact {
  background: url("../img/header/button_header_contact_2x.png") center no-repeat;
  background-size: 26px 26px;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box .sidebar-btn:hover.contact {
  background: url("../img/header/button_header_contact_hover_2x.png") center no-repeat;
  background-size: 26px 26px;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box .sidebar-btn.member {
  background: url("../img/header/button_header_member_2x.png") center no-repeat;
  background-size: 26px 26px;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box .sidebar-btn:hover.member {
  background: url("../img/header/button_header_member_hover_2x.png") center no-repeat;
  background-size: 26px 26px;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box .sidebar-btn.search {
  background: url("../img/header/button_header_search_2x.png") center no-repeat;
  background-size: 26px 26px;
}
div.sidebar-content ul.layer-1 > li.sidebar-btn-box .sidebar-btn:hover.search {
  background: url("../img/header/button_header_search_hover_2x.png") center no-repeat;
  background-size: 26px 26px;
}
div.sidebar-content ul.layer-1 > li > a.open:after {
  transform: translateY(-50%);
}
div.sidebar-content ul.layer-1 > li > a > span {
  display: inline-block;
  vertical-align: middle;
}
div.sidebar-content ul.layer-1 > li > a > span + span {
  margin-left: 10px;
}
div.sidebar-content ul.layer-2 {
  padding: 5px 0;
  border-top: 1px solid #C4C4C4;
}
div.sidebar-content ul.layer-2 > li {
  position: relative;
}
div.sidebar-content ul.layer-2 > li:not(:first-of-type) {
  border-top: 0 !important;
}
div.sidebar-content ul.layer-2 > li > a {
  padding: 10px 30px;
  position: relative;
}
div.sidebar-content ul.layer-3 > li {
  position: relative;
}
div.sidebar-content ul.layer-3 > li > a {
  padding-left: 44px;
}
div.sidebar-content ul.layer-3 > li > a.active {
  color: #ca6f27;
}
div.sidebar-content ul.layer-1 > li {
  position: relative;
}
div.sidebar-content ul.layer-1 > li > a {
  font-size: 18px;
  background: #FFF;
  color: #262626;
  position: relative;
  line-height: 1;
}
div.sidebar-content ul.layer-1 > li:not(.sidebar-btn-box) > a {
  border-top: 1px solid #C4C4C4;
}
div.sidebar-content ul.layer-2 > li {
  position: relative;
}
div.sidebar-content ul.layer-2 > li > a {
  font-size: 18px;
  color: #A9A9A9;
  position: relative;
  line-height: 1;
}
div.sidebar-content ul.layer-2 > li > a:hover, div.sidebar-content ul.layer-2 > li > a.open {
  color: #FF8F1D;
}
div.sidebar-content ul.layer-2 > li:not(.sidebar-btn-box) > a {
  border-top: 0 solid;
}
div.sidebar-content ul.layer-3 > li {
  position: relative;
}
div.sidebar-content ul.layer-3 > li > a {
  font-size: 15px;
  background: #FED796;
  color: #FFECD8;
  position: relative;
  line-height: 1;
}
div.sidebar-content ul.layer-3 > li > a:hover, div.sidebar-content ul.layer-3 > li > a.open {
  background: #FED796;
}
div.sidebar-content ul.layer-3 > li:not(.sidebar-btn-box) > a {
  border-top: 1px solid #fffad6;
}
div.sidebar-content > ul {
  display: block;
}

.sidebar-nav-menu span {
  position: relative;
}
.sidebar-nav-menu span:after {
  content: "";
  position: absolute;
  top: 1px;
  left: calc(100% + 70px);
  background: url("../img/button/sidebar_arrow_2x.png") center no-repeat;
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  transform: rotate(-90deg);
  transition: transform 0.3s;
}
.sidebar-nav-menu.open span:after {
  background: url("../img/button/sidebar_arrow_hover_2x.png") center no-repeat;
  background-size: 18px 18px;
  transform: none;
}

/*
=================================================================
(#m02-2fts) FOOTER
=================================================================
*/
footer.website {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}
footer.website.brown-bg {
  background: #FFF5EA;
}
footer.website.yellow-bg {
  margin-top: -80px;
}
@media screen and (min-width: 768px) {
  footer.website.yellow-bg {
    margin-top: -94px;
  }
}
@media screen and (min-width: 992px) {
  footer.website.yellow-bg {
    margin-top: -133px;
  }
}
footer.website.yellow-bg .top-area {
  background: #FFDF85;
  padding-top: 128px;
}
@media screen and (min-width: 768px) {
  footer.website.yellow-bg .top-area {
    padding-top: 241px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website.yellow-bg .top-area {
    padding-top: 204px;
  }
}
footer.website.yellow-bg .top-area .bg-item-2 {
  z-index: 2;
  top: 156px;
}
@media screen and (min-width: 768px) {
  footer.website.yellow-bg .top-area .bg-item-2 {
    top: 88px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website.yellow-bg .top-area .bg-item-2 {
    top: 21px;
  }
}
footer.website.yellow-bg .top-area .bg-item-1 {
  top: 122px;
}
@media screen and (min-width: 768px) {
  footer.website.yellow-bg .top-area .bg-item-1 {
    top: 198px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website.yellow-bg .top-area .bg-item-1 {
    top: 198px;
  }
}
footer.website.yellow-bg .bottom-area {
  background-color: #FFDF85;
}
footer.website.yellow-bg .bottom-area .xs-bg {
  height: calc(100% - 450px);
}
@media screen and (min-width: 768px) {
  footer.website.yellow-bg .bottom-area .xs-bg {
    height: calc(100% - 650px);
  }
}
@media screen and (min-width: 1260px) {
  footer.website.yellow-bg .bottom-area .xs-bg {
    height: calc(100% - 549px);
  }
}
footer.website.yellow-bg .footer-top-bg {
  background: url("../img/fixedpage/aboutus/about_bg_02.png") #FEF4D2 50% 100% repeat-x;
  background-size: auto 58px;
  width: 100%;
  height: 58px;
}
footer.website.home-bg .top-area {
  position: relative;
  background: url("../img/index/bg/index_bg02.png") 50% 67% repeat-x;
  background-size: 615px 80px;
}
@media screen and (min-width: 768px) {
  footer.website.home-bg .top-area {
    background-size: 1230px 160px;
  }
}
footer.website.home-bg .top-area:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: #FFF5EA;
}
footer.website.home-bg .bottom-area {
  background-color: #FFF5EA;
}
footer.website .bg-item-1 {
  position: absolute;
  top: 64px;
  left: 0;
  background: url("../img/footer/footer_circle_01_xs.png") center no-repeat;
  background-size: 67px 170px;
  width: 67px;
  height: 170px;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  footer.website .bg-item-1 {
    top: 36px;
    left: 50%;
    transform: translateX(calc(-50% - 101px - 223px));
    background: url("../img/footer/footer_circle_01_lg.png") center no-repeat;
    background-size: 202px 245px;
    width: 202px;
    height: 245px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website .bg-item-1 {
    top: 68px;
    transform: translateX(calc(-50% - 101px - 487px));
  }
}
footer.website .bg-item-2 {
  position: absolute;
  top: 94px;
  right: 0;
  background: url("../img/footer/footer_circle_02_xs.png") center no-repeat;
  background-size: 58px 113px;
  width: 58px;
  height: 113px;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  footer.website .bg-item-2 {
    top: -53px;
    left: 50%;
    right: auto;
    transform: translateX(calc(-50% + 250px + 146px));
    background: url("../img/footer/footer_circle_02_lg.png") center no-repeat;
    background-size: 292px 401px;
    width: 292px;
    height: 401px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website .bg-item-2 {
    top: -107px;
    transform: translateX(calc(-50% + 487px + 146px));
  }
}
footer.website .bg-item-2.more-z-index {
  z-index: 3;
}
footer.website .xs-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 430px);
  z-index: 0;
  background: #FFECD8;
}
@media screen and (min-width: 768px) {
  footer.website .xs-bg {
    height: calc(100% - 400px);
  }
}
@media screen and (min-width: 1260px) {
  footer.website .xs-bg {
    display: none;
  }
}
footer.website .top-area {
  text-align: center;
  padding-top: 120px;
}
footer.website .top-area .slogan-area {
  position: relative;
  z-index: 2;
}
footer.website .top-area .slogan-area img {
  margin: 0 auto;
  width: 181px;
}
footer.website .top-area .slogan-area img.show-lg {
  display: none;
}
footer.website .top-area .slogan-area img.show-xs {
  display: block;
}
@media screen and (min-width: 768px) {
  footer.website .top-area {
    height: calc(100% - 400px);
    padding-top: 130px;
  }
  footer.website .top-area .slogan-area img {
    width: 231px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website .top-area {
    padding-bottom: 22px;
  }
  footer.website .top-area .slogan-area img {
    width: 380px;
  }
  footer.website .top-area .slogan-area img.show-lg {
    display: block;
  }
  footer.website .top-area .slogan-area img.show-xs {
    display: none;
  }
}
footer.website .bottom-area {
  padding-bottom: 36px;
  background: url("../img/footer/footer_bg_xs.png") 50% 0 no-repeat;
  background-size: 991px 136px;
}
@media screen and (min-width: 768px) {
  footer.website .bottom-area {
    background: url("../img/footer/footer_bg_lg.png") 50% 0 no-repeat;
    background-size: 3000px 400px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website .bottom-area {
    display: flex;
    align-items: flex-end;
    min-height: 400px;
    background: url("../img/footer/footer_bg_lg.png") 50% 100% no-repeat;
    background-size: 3000px 400px;
    padding-bottom: 60px;
  }
}
footer.website .bottom-area .footer-outer-box {
  display: flex;
  flex-wrap: wrap;
}
footer.website .bottom-area .left-footer-box {
  flex: 1 1 auto;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 72px;
}
footer.website .bottom-area .left-footer-box .official-logo {
  margin-bottom: 20px;
  text-align: center;
}
footer.website .bottom-area .left-footer-box .official-logo img {
  width: 252px;
}
footer.website .bottom-area .left-footer-box .info-area {
  display: inline-block;
  margin: 0 auto;
}
footer.website .bottom-area .left-footer-box .info-group {
  font-size: 14px;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
}
footer.website .bottom-area .left-footer-box .info-group + .info-group {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  footer.website .bottom-area .left-footer-box {
    width: auto;
    margin-bottom: 0;
    max-width: 366px;
  }
  footer.website .bottom-area .left-footer-box .official-logo {
    margin-bottom: 30px;
    text-align: left;
  }
  footer.website .bottom-area .left-footer-box .info-area {
    margin: 0;
  }
}
@media screen and (min-width: 1260px) {
  footer.website .bottom-area .left-footer-box {
    order: 1;
  }
  footer.website .bottom-area .left-footer-box .official-logo {
    margin-bottom: 40px;
  }
}
footer.website .bottom-area .middle-footer-box {
  flex: 1 1 auto;
  width: 100%;
  text-align: center;
  padding-top: 57px;
  padding-bottom: 40px;
}
footer.website .bottom-area .middle-footer-box .logo-area img {
  width: 207px;
}
@media screen and (min-width: 768px) {
  footer.website .bottom-area .middle-footer-box {
    padding-top: 108px;
    padding-bottom: 60px;
  }
  footer.website .bottom-area .middle-footer-box .logo-area img {
    width: 368px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website .bottom-area .middle-footer-box {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    order: 2;
  }
}
footer.website .bottom-area .right-footer-box {
  flex: 1 1 auto;
  width: 100%;
  text-align: center;
}
footer.website .bottom-area .right-footer-box .footer-btn-area {
  font-size: 0;
  margin-bottom: 50px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn {
  width: 60px;
  height: 60px;
  display: inline-block;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn + .footer-btn {
  margin-left: 15px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn.fb {
  background: url("../img/footer/button_footer_fb_2x.png") center no-repeat;
  background-size: 60px 60px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn:hover.fb {
  background: url("../img/footer/button_footer_fb_hover_2x.png") center no-repeat;
  background-size: 60px 60px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn.yt {
  background: url("../img/footer/button_footer_yt_2x.png") center no-repeat;
  background-size: 60px 60px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn:hover.yt {
  background: url("../img/footer/button_footer_yt_hover_2x.png") center no-repeat;
  background-size: 60px 60px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn.ig {
  background: url("../img/footer/button_footer_ig_2x.png") center no-repeat;
  background-size: 60px 60px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn:hover.ig {
  background: url("../img/footer/button_footer_ig_hover_2x.png") center no-repeat;
  background-size: 60px 60px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn.podcast {
  background: url("../img/footer/button_footer_podcast_2x.png") center no-repeat;
  background-size: 60px 60px;
}
footer.website .bottom-area .right-footer-box .footer-btn-area .footer-btn:hover.podcast {
  background: url("../img/footer/button_footer_podcast_hover_2x.png") center no-repeat;
  background-size: 60px 60px;
}
footer.website .bottom-area .right-footer-box .privacy-link {
  margin-bottom: 20px;
}
footer.website .bottom-area .right-footer-box .privacy-link > a {
  font-size: 14px;
  line-height: 1;
  color: #707070;
}
footer.website .bottom-area .right-footer-box .privacy-link > a:hover {
  text-decoration: underline;
}
footer.website .bottom-area .right-footer-box .copyright-area {
  opacity: 0.7;
  font-size: 12px;
  line-height: 1;
  color: #707070;
}
footer.website .bottom-area .right-footer-box .copyright-area .acart-area {
  margin-top: 10px;
}
footer.website .bottom-area .right-footer-box .copyright-area .acart-area > a {
  color: #707070;
}
footer.website .bottom-area .right-footer-box .copyright-area .acart-area > a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  footer.website .bottom-area .right-footer-box {
    text-align: right;
    width: auto;
  }
  footer.website .bottom-area .right-footer-box .footer-btn-area {
    margin-bottom: 30px;
  }
  footer.website .bottom-area .right-footer-box .privacy-link {
    margin-bottom: 43px;
  }
}
@media screen and (min-width: 1260px) {
  footer.website .bottom-area .right-footer-box {
    order: 3;
  }
  footer.website .bottom-area .right-footer-box .footer-btn-area {
    margin-bottom: 40px;
  }
}

/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/
.btn {
  display: inline-block;
  letter-spacing: 2px;
  background: #FF6100;
  height: 57px;
  padding: 20px 38px;
  font-size: 17px;
  line-height: 1;
  color: #FFF;
  border: 0;
  border-radius: 29.5px;
  position: relative;
}
.btn:hover, .btn:focus, .btn.active {
  box-shadow: none;
  background: #000;
  color: #FFF;
}
.btn.white {
  background: #FFF;
  border: 1px solid #FF6100;
  color: #262626;
}
.btn.white:hover, .btn.white:focus, .btn.white.active {
  background: #FF6100;
  border: 1px solid #FF6100;
  color: #FFF;
}
.btn.no-border {
  border: 0 !important;
}
.btn.small {
  padding: 15px 16px;
  height: 47px;
  font-size: 17px;
  font-weight: 500;
}
.btn.filter-del {
  padding-left: 32px;
}
.btn.filter-del:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  background: url("../img/previous_awarded/icon_search_filter.svg") center no-repeat;
  background-size: 12px 12px;
  transform: translatey(-50%);
  width: 12px;
  height: 12px;
}
.btn.register {
  height: 46px;
  letter-spacing: 0;
  padding: 14px 16px 14px 41px;
  color: #FFF;
}
.btn.register:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 16px;
  background: url("../img/header/icon_sign_up_2x.png") center no-repeat;
  background-size: 20px 26px;
  width: 20px;
  height: 26px;
}
.btn.register.for-xs {
  height: 36px;
  width: 83px;
  padding: 9px 10px 9px 34px;
}
.btn.register.for-xs:before {
  top: 7px;
  left: 10px;
}
.btn.back-btn {
  max-width: 306px;
  width: 100%;
  background: #FFF;
  color: #929292;
  border: 1px solid #929292;
  letter-spacing: 0.3em;
}
.btn.back-btn:hover, .btn.back-btn:focus, .btn.back-btn.active {
  background: #FF901D;
  border-color: #FF901D;
  color: #FFF;
}
.btn.icon-btn {
  padding-left: 72px;
}
.btn.icon-btn:before {
  content: "";
  position: absolute;
  top: 15px;
  width: 24px;
  height: 24px;
}
.btn.icon-btn.read:before {
  left: calc(50% - 73px);
  background: url("../img/previous_awarded/icon_award_read_2x.png") center no-repeat;
  background-size: 24px 24px;
}
.btn.icon-btn.read:hover:before, .btn.icon-btn.read:focus:before, .btn.icon-btn.read.active:before {
  background: url("../img/previous_awarded/icon_award_read_hover_2x.png") center no-repeat;
  background-size: 24px 24px;
}
.btn.icon-btn.buy:before {
  left: calc(50% - 54px);
  background: url("../img/previous_awarded/icon_award_buy_2x.png") center no-repeat;
  background-size: 24px 24px;
}
.btn.icon-btn.buy:hover:before, .btn.icon-btn.buy:focus:before, .btn.icon-btn.buy.active:before {
  background: url("../img/previous_awarded/icon_award_buy_hover_2x.png") center no-repeat;
  background-size: 24px 24px;
}
.btn.facebook {
  background: #1877F2;
  letter-spacing: 0;
}
.btn.line {
  background: #00B900;
  letter-spacing: 0;
}
.btn.h60-btn {
  height: 60px;
}
.btn.w186-btn {
  width: 100% !important;
  max-width: 186px !important;
}
.btn.w580-btn {
  width: 100% !important;
  max-width: 580px !important;
  margin-bottom: 20px;
}

.filter-area {
  padding: 0 7.5px;
  max-width: 580px;
  margin: 0 auto 20px;
}
@media screen and (min-width: 640px) {
  .filter-area {
    padding: 0;
  }
}

.btn-label-area {
  margin-bottom: -3px;
}
.btn-label-area span {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 3px;
}
.btn-label-area a {
  display: inline-block;
  color: #FF8F1D;
  text-decoration: underline;
}

#page-container {
  overflow: hidden;
}

.main-area.brown-bg {
  background: #FFF5EA;
}

.page-area {
  position: relative;
  z-index: 3;
  min-height: 200px;
}
@media screen and (min-width: 992px) {
  .page-area .main-right-area {
    display: table-cell;
    vertical-align: top;
    width: 100%;
  }
}
.page-area.no-mb {
  margin-bottom: 0;
}
.page-area.no-z-index {
  z-index: auto;
}

.page-banner-area {
  padding-bottom: 56.25%;
  width: 100%;
  position: relative;
  background: url("../img/banner/banner_xs.jpg") 0 100% no-repeat;
  background-size: cover;
}
.page-banner-area .page-banner-title {
  position: absolute;
  top: 42%;
  left: 7%;
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 2.5px;
  color: #FFF;
  font-size: calc(20px + 20 * (100vw - 320px) / 447);
}
.page-banner-area.banner_01 {
  background: url("../img/banner/banner_01_xs.jpg") 0 100% no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .page-banner-area.banner_01 {
    background: url("../img/banner/banner_01_sm.jpg") left no-repeat;
    background-size: 991px 476px;
  }
}
@media screen and (min-width: 992px) {
  .page-banner-area.banner_01 {
    background: url("../img/banner/banner_01_lg.jpg") center no-repeat;
    background-size: 3000px 476px;
  }
}
.page-banner-area.banner_02 {
  background: url("../img/banner/banner_02_xs.jpg") 0 100% no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .page-banner-area.banner_02 {
    background: url("../img/banner/banner_02_sm.jpg") left no-repeat;
    background-size: 991px 476px;
  }
}
@media screen and (min-width: 992px) {
  .page-banner-area.banner_02 {
    background: url("../img/banner/banner_02_lg.jpg") center no-repeat;
    background-size: 3000px 476px;
  }
}
.page-banner-area.banner_03 {
  background: url("../img/banner/banner_03_xs.jpg") 0 100% no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .page-banner-area.banner_03 {
    background: url("../img/banner/banner_03_sm.jpg") left no-repeat;
    background-size: 991px 476px;
  }
}
@media screen and (min-width: 992px) {
  .page-banner-area.banner_03 {
    background: url("../img/banner/banner_03_lg.jpg") center no-repeat;
    background-size: 3000px 476px;
  }
}
.page-banner-area.banner_04 {
  background: url("../img/banner/banner_04_xs.jpg") 0 100% no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .page-banner-area.banner_04 {
    background: url("../img/banner/banner_04_sm.jpg") left no-repeat;
    background-size: 991px 476px;
  }
}
@media screen and (min-width: 992px) {
  .page-banner-area.banner_04 {
    background: url("../img/banner/banner_04_lg.jpg") center no-repeat;
    background-size: 3000px 476px;
  }
}
.page-banner-area .page-banner-role {
  position: absolute;
  top: 7%;
  left: 38%;
  width: 52.0833333333%;
  padding-bottom: 50%;
}
.page-banner-area .page-banner-role.about {
  background: url("../img/banner/banner_about_2x.png") center no-repeat;
  background-size: cover;
}
.page-banner-area .page-banner-role.news {
  background: url("../img/banner/banner_news_2x.png") center no-repeat;
  background-size: cover;
}
.page-banner-area .page-banner-role.competition {
  background: url("../img/banner/banner_competition_2x.png") center no-repeat;
  background-size: cover;
}
.page-banner-area .page-banner-role.award {
  background: url("../img/banner/banner_award_2x.png") center no-repeat;
  background-size: cover;
}
.page-banner-area .page-banner-role.publish {
  background: url("../img/banner/banner_publish_2x.png") center no-repeat;
  background-size: cover;
}
.page-banner-area .page-banner-role.support {
  background: url("../img/banner/banner_support_2x.png") center no-repeat;
  background-size: cover;
}
.page-banner-area .page-banner-role.inquire {
  background: url("../img/banner/banner_inquire_2x.png") center no-repeat;
  background-size: cover;
}
.page-banner-area .page-banner-role.member {
  background: url("../img/banner/banner_member_2x.png") center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .page-banner-area {
    padding-bottom: 0;
    height: 476px;
    background: url("../img/banner/banner_sm.jpg") left no-repeat;
    background-size: 991px 476px;
  }
  .page-banner-area .page-banner-title {
    top: 170px;
    left: 152px;
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 4.5px;
  }
  .page-banner-area .page-banner-role {
    position: absolute;
    top: 20px;
    left: auto;
    right: 40px;
    width: 400px;
    padding-bottom: 400px;
  }
}
@media screen and (min-width: 992px) {
  .page-banner-area {
    background: url("../img/banner/banner_lg.jpg") center no-repeat;
    background-size: 3000px 476px;
  }
  .page-banner-area .page-banner-title {
    top: 170px;
    left: 52%;
    transform: translateX(calc(-50% - 308px));
    font-weight: 500;
  }
  .page-banner-area .page-banner-role {
    position: absolute;
    top: 20px;
    left: 50%;
    right: auto;
    transform: translateX(calc(-50% + 274px));
    width: 400px;
  }
}

.detail-page {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .detail-page {
    margin: auto;
  }
}

.detail-media-area {
  text-align: center;
  margin-bottom: 30px;
}
.detail-media-area.carousel {
  margin-bottom: 50px;
}
.detail-media-area img {
  max-width: 100%;
}
.detail-media-area .owl-carousel {
  position: relative;
}
.detail-media-area .owl-carousel .owl-box img {
  width: auto;
  margin: 0 auto;
}
.detail-media-area .owl-carousel .owl-nav {
  height: 0;
  margin-top: 0;
  display: none;
}
@media screen and (min-width: 1260px) {
  .detail-media-area .owl-carousel .owl-nav {
    display: block;
  }
}
.detail-media-area .owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  font-size: 0;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: url("../img/button/button_page_next_2x.png") center no-repeat;
  background-size: 62px 62px;
  margin: 0;
  border: 0;
}
.detail-media-area .owl-carousel .owl-nav button:hover {
  background: url("../img/button/button_banner_next_2x.png") #FF8F1D center no-repeat;
  background-size: 62px 62px;
}
.detail-media-area .owl-carousel .owl-nav .owl-prev {
  transform: translateY(-50%) rotate(180deg);
  left: -92px;
}
.detail-media-area .owl-carousel .owl-nav .owl-next {
  right: -92px;
}
.detail-media-area .owl-carousel .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 0;
  font-size: 0;
  width: 100%;
  text-align: center;
  margin-top: 0 !important;
  display: block;
}
.detail-media-area .owl-carousel .owl-dots .owl-dot {
  background: none;
  padding: 0;
}
.detail-media-area .owl-carousel .owl-dots .owl-dot + .owl-dot {
  margin-left: 24px;
}
.detail-media-area .owl-carousel .owl-dots .owl-dot span {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0;
  border: 1px solid #FF8F1D;
  background-color: transparent;
  display: block;
}
.detail-media-area .owl-carousel .owl-dots .owl-dot:hover span, .detail-media-area .owl-carousel .owl-dots .owl-dot.active span {
  background-color: #FF8F1D;
  border-color: #FF8F1D;
}
.detail-media-area .counter-box {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  color: #FFF;
  font-size: 22px;
  line-height: 1;
  text-align: center;
}

.page-info-area {
  margin-bottom: 20px;
}
.page-info-area .cat-area {
  font-size: 18px;
  line-height: 1;
}
.page-info-area.news .cat-area {
  display: inline-block;
  padding-left: 34px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #707070;
}
.page-info-area.news .cat-area.event {
  background: url("../img/news/icon_news_event_black_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-info-area.news .cat-area.declaration {
  background: url("../img/news/icon_news_declaration_black_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-info-area.news .cat-area.media {
  background: url("../img/news/icon_news_media_black_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-info-area.news .cat-area.column {
  background: url("../img/news/icon_news_column_black_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-info-area.award {
  font-size: 0;
}
.page-info-area.award .cat-area {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 55px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 21px;
  margin-bottom: 0;
  color: #707070;
}
.page-info-area.award .cat-area.award-01 {
  background: url("../img/previous_awarded/icon_award_01_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #FF8F1D;
}
.page-info-area.award .cat-area.award-02 {
  background: url("../img/previous_awarded/icon_award_02_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #7B99AA;
}
.page-info-area.award .cat-area.award-03 {
  background: url("../img/previous_awarded/icon_award_03_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #D34832;
}
.page-info-area.award .cat-area.award-04 {
  background: url("../img/previous_awarded/icon_award_04_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #50A3FF;
}
.page-info-area.award .cat-area.award-05 {
  background: url("../img/previous_awarded/icon_award_05_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #54C3AD;
}
.page-info-area.award .cat-area:before {
  content: "";
  width: 1px;
  height: 22px;
  position: absolute;
  top: 8px;
  right: 10px;
  background: #262626;
}
.page-info-area.award .period {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 17px;
  line-height: 1;
}
.page-info-area.award .type-area {
  display: block;
  margin-top: 10px;
}
.page-info-area.award .type-area .type {
  display: inline-block;
  background: #FFF5EA;
  font-size: 17px;
  line-height: 1;
  padding: 10px 25px;
  border-radius: 10px;
}
@media screen and (min-width: 400px) {
  .page-info-area.award .type-area {
    display: inline-block;
    vertical-align: middle;
    margin-left: 17px;
    margin-top: 0;
  }
}

.detail-title-area {
  color: #262626;
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 25px;
}
.detail-title-area h1 {
  margin: 0;
  font-size: 30px;
}
.detail-title-area h2 {
  margin: 0;
}

.detail-desc-area {
  margin-bottom: 40px;
}
.detail-desc-area.more-mb {
  margin-bottom: 60px;
}

.detail-sub-title {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 10px;
}
.detail-sub-title.more-mb {
  margin-bottom: 20px;
}

.detail-author-area {
  min-height: 456px;
  margin-bottom: 40px;
  background: url("../img/previous_awarded/award_bg.png") top repeat-x;
  background-size: 850px 456px;
}
@media screen and (min-width: 992px) {
  .detail-author-area {
    margin-bottom: 100px;
  }
}
.detail-author-area .author-title-area {
  font-size: 28px;
  line-height: 1;
  color: #FF6100;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 50px;
}
.detail-author-area .author-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.detail-author-area .author-content .author-image {
  text-align: center;
  max-width: 100%;
  margin-bottom: 40px;
}
.detail-author-area .author-content .author-image img {
  max-width: 100%;
  border-radius: 48px;
}
.detail-author-area .author-content .author-info .author-name {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 15px;
}
.detail-author-area .author-content .author-info .author-school {
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .detail-author-area .author-content {
    align-items: flex-start;
    flex-direction: row;
  }
  .detail-author-area .author-content .author-image {
    margin-bottom: 0;
    width: 350px;
    max-width: none;
  }
  .detail-author-area .author-content .author-info {
    width: calc(100% - 350px);
    padding-left: 54px;
  }
  .detail-author-area .author-content .author-info .author-name {
    margin-top: 20px;
  }
}

.page-bottom-area {
  margin-bottom: 70px;
}

.detail-padcast-area {
  margin-bottom: 130px;
}

.article-area, #tinymce {
  overflow: visible;
}

.page-middle-btn-area {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 25px;
  flex-direction: column;
}
.page-middle-btn-area .right-btn-group {
  display: inline-flex;
  flex-direction: column;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
}
.page-middle-btn-area .right-btn-group .btn {
  width: 226px;
}
.page-middle-btn-area .right-btn-group .btn + .btn {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .page-middle-btn-area {
    flex-direction: row;
    align-items: center;
  }
  .page-middle-btn-area .right-btn-group {
    flex-direction: row;
    margin-right: 0;
    margin-top: 0;
  }
  .page-middle-btn-area .right-btn-group .btn + .btn {
    margin-left: 20px;
    margin-top: 0;
  }
}

.social-share-area .right-btn-group {
  float: right;
  margin-top: 0;
}
.social-share-area .share-box {
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 0;
}
.social-share-area .share-box .share-pre-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1;
  color: #707070;
  margin-right: 20px;
}
.social-share-area .share-box .share-btn {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
}
.social-share-area .share-box .share-btn.facebook {
  background: url("../img/share/button_share_fb_2x.png") center no-repeat;
  background-size: 36px;
}
.social-share-area .share-box .share-btn.facebook:hover {
  background: url("../img/share/button_share_fb_hover_2x.png") center no-repeat;
  background-size: 36px;
}
.social-share-area .share-box .share-btn.line {
  background: url("../img/share/button_share_line_2x.png") center no-repeat;
  background-size: 36px;
  margin-left: 10px;
}
.social-share-area .share-box .share-btn.line:hover {
  background: url("../img/share/button_share_line_hover_2x.png") center no-repeat;
  background-size: 36px;
}

.page-btn-area {
  text-align: center;
}
.page-btn-area.multi-btn {
  text-align: center;
  max-width: 308px;
  margin: 0 auto;
}
.page-btn-area.multi-btn .btn {
  max-width: 308px;
  width: 100%;
}
.page-btn-area.multi-btn .btn + .btn {
  margin-top: 10px;
}
.page-btn-area.multi-btn .btn.back-btn {
  margin-top: 10px;
}
@media screen and (min-width: 992px) {
  .page-btn-area.multi-btn {
    text-align: left;
    max-width: none;
  }
  .page-btn-area.multi-btn .right-btn-group {
    float: right;
    margin-top: 0;
  }
  .page-btn-area.multi-btn .btn {
    max-width: none;
    width: auto;
  }
  .page-btn-area.multi-btn .btn + .btn {
    margin-left: 20px;
    margin-top: 0;
  }
  .page-btn-area.multi-btn .btn.back-btn {
    margin-top: 0;
  }
}
.page-btn-area.multi-btn.mt {
  margin-top: 40px;
}

.jump-page-box .jump-content-area {
  background: #F5F5F5;
  border-radius: 24px;
  text-align: center;
  padding: 35px 35px 65px;
  margin-bottom: 50px;
}
.jump-page-box .jump-content-area .jump-page-img {
  text-align: center;
}
.jump-page-box .jump-content-area .jump-page-img.page-success img {
  width: 285px;
  max-width: 100%;
}
.jump-page-box .jump-content-area .jump-page-img.page-404 img {
  width: 474px;
  max-width: 100%;
}
.jump-page-box .jump-content-area .jump-page-title-area .jump-page-title {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.3em;
  color: #707070;
}
.jump-page-box .jump-page-btn-area {
  text-align: center;
}

.gsc-control-cse {
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
}
.gsc-control-cse .gsc-input-box {
  border: 0;
  border-radius: 0;
  background-color: #FFF !important;
}
.gsc-control-cse .gsc-orderby {
  white-space: nowrap;
}
.gsc-control-cse .gsc-results-wrapper-visible {
  margin-top: 35px;
  border-radius: 10px;
  background-color: transparent;
}
.gsc-control-cse .gcsc-find-more-on-google-root {
  margin-top: 30px !important;
}
.gsc-control-cse .gsc-webResult .gsc-result {
  border: 0;
}
.gsc-control-cse .gsc-webResult .gsc-result .gs-title * {
  color: #262626;
}
.gsc-control-cse .gsc-webResult .gs-visibleUrl {
  color: #FF8F1D;
}
.gsc-control-cse .gsc-webResult .gs-snippet {
  color: #707070;
}

.customize-dropdown {
  position: relative;
  text-align: center;
  width: 100%;
  color: #FFF;
  padding: 0 7.5px;
}
.customize-dropdown .dropdown-toggle {
  border-radius: 5px;
  display: block;
  padding: 19px;
  height: 57px;
  text-align: center;
  border-radius: 66px;
  cursor: pointer;
  background: url("../img/button/list_select_arrow_2x.png") #FF8F1D right 20px top 50% no-repeat;
  background-size: 18px 18px;
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.customize-dropdown .dropdown-toggle.news, .customize-dropdown .dropdown-toggle.publishing {
  max-width: 580px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .customize-dropdown .dropdown-toggle.news, .customize-dropdown .dropdown-toggle.publishing {
    max-width: none;
  }
}
.customize-dropdown .menu {
  display: none;
  border-radius: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%) translateY(5px);
  width: 100%;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  z-index: 20;
  overflow: hidden;
}
.customize-dropdown .item {
  display: block;
  font-size: 17px;
  line-height: 1;
  padding: 17px 20px;
  margin-top: 0;
  color: #FF8F1D;
}
.customize-dropdown .item:focus, .customize-dropdown .item:hover, .customize-dropdown .item.active {
  color: #FFF;
  background: #FF8F1D;
}
.customize-dropdown.show .menu {
  display: block;
}

.more-news-area {
  position: relative;
  background: url("../img/page/page_bg_lg.png") 50% 0% no-repeat;
  background-size: 3000px 400px;
  margin-top: 70px;
}
.more-news-area:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #FFF5EA;
  width: 100%;
  height: calc(100% - 400px);
}
.more-news-area .more-title {
  font-size: 28px;
  line-height: 1;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.register-step-area {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 35px;
}
.register-step-area .register-step {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.register-step-area .register-step .step-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.register-step-area .register-step .step-circle.step1 {
  background: url("../img/register/icon_step_01_2x.png") #FFF center no-repeat;
  background-size: 30px;
}
.register-step-area .register-step .step-circle.step2 {
  background: url("../img/register/icon_step_02_2x.png") #FFF center no-repeat;
  background-size: 30px;
}
.register-step-area .register-step .step-circle.step3 {
  background: url("../img/register/icon_step_03_2x.png") #FFF center no-repeat;
  background-size: 30px;
}
.register-step-area .register-step .step-title {
  font-size: 15px;
  line-height: 1;
}
.register-step-area .register-step + .register-step {
  margin-left: 38px;
  position: relative;
}
.register-step-area .register-step + .register-step:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -28px;
  width: 18px;
  height: 18px;
  background: url("../img/register/step_arrow_2x.png") center no-repeat;
  background-size: 18px;
}
.register-step-area .register-step.active .step-circle.step1 {
  background: url("../img/register/icon_step_01_on_2x.png") #FF8F1D center no-repeat;
  background-size: 30px;
}
.register-step-area .register-step.active .step-circle.step2 {
  background: url("../img/register/icon_step_01_on_2x.png") #FF8F1D center no-repeat;
  background-size: 30px;
}
.register-step-area .register-step.active .step-circle.step3 {
  background: url("../img/register/icon_step_01_on_2x.png") #FF8F1D center no-repeat;
  background-size: 30px;
}
@media screen and (min-width: 768px) {
  .register-step-area .register-step .step-circle {
    width: 100px;
    height: 100px;
  }
  .register-step-area .register-step .step-circle.step1 {
    background-size: 60px;
  }
  .register-step-area .register-step .step-circle.step2 {
    background-size: 60px;
  }
  .register-step-area .register-step .step-circle.step3 {
    background-size: 60px;
  }
  .register-step-area .register-step .step-title {
    font-size: 17px;
    line-height: 1;
  }
  .register-step-area .register-step + .register-step {
    margin-left: 102px;
  }
  .register-step-area .register-step + .register-step:before {
    left: -62px;
    width: 22px;
    height: 22px;
    background-size: 22px;
  }
  .register-step-area .register-step.active .step-circle.step1 {
    background-size: 60px;
  }
  .register-step-area .register-step.active .step-circle.step2 {
    background-size: 60px;
  }
  .register-step-area .register-step.active .step-circle.step3 {
    background-size: 60px;
  }
}

.register-info-area .main-title {
  font-size: 28px;
  line-height: 1.3;
  color: #FF6100;
  font-weight: bold;
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
}
.register-info-area .sub-title {
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.register-info-area .info-group div[class*=col-] {
  font-size: 17px;
  line-height: 1.3;
  color: #707070;
  margin-bottom: 5px;
}
.register-info-area .info-group + .info-group {
  margin-top: 40px;
}

.page-note {
  font-size: 17px;
  line-height: 1;
  margin-top: 15px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .page-note {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .column-system.two-column.type1 {
    display: table;
    width: 100%;
  }
  .column-system.two-column.type1 > .column {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 36%);
  }
  .column-system.two-column.type1 > .column.static-column {
    width: 36%;
  }
}
@media screen and (min-width: 1260px) {
  .column-system.two-column.type1 {
    display: table;
    width: 100%;
  }
  .column-system.two-column.type1 > .column {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 258px);
  }
  .column-system.two-column.type1 > .column.static-column {
    width: 258px;
  }
}
@media screen and (min-width: 768px) {
  .column-system.two-column.for-search {
    display: table;
    width: 100%;
  }
  .column-system.two-column.for-search > .column {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 130px);
  }
  .column-system.two-column.for-search > .column.static-column {
    width: 130px;
  }
}
@media screen and (min-width: 768px) {
  .column-system.two-column.half {
    display: table;
    width: 100%;
  }
  .column-system.two-column.half > .column {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 50%);
  }
  .column-system.two-column.half > .column.static-column {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .column-system.two-column.type3 {
    display: table;
    width: 100%;
  }
  .column-system.two-column.type3 > .column {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 40%);
  }
  .column-system.two-column.type3 > .column.static-column {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .column-system.two-column.type4 {
    display: table;
    width: 100%;
  }
  .column-system.two-column.type4 > .column {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 45%);
  }
  .column-system.two-column.type4 > .column.static-column {
    width: 45%;
  }
}

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  background-color: #FFF;
  padding: 18px;
  border-radius: 20px;
}
.form-control:not(textarea) {
  height: 60px;
}
.form-control:focus {
  box-shadow: none;
}
.form-control[readonly] {
  background-color: #F2EEE9;
}
.form-control ::-webkit-input-placeholder {
  color: #BDBDBD;
  font-size: 17px;
  line-height: 1;
}
.form-control :-moz-placeholder {
  color: #BDBDBD;
  font-size: 17px;
  line-height: 1;
}
.form-control ::-moz-placeholder {
  color: #BDBDBD;
  font-size: 17px;
  line-height: 1;
}
.form-control :-ms-input-placeholder {
  color: #BDBDBD;
  font-size: 17px;
  line-height: 1;
}

.avg-two-column {
  display: table;
  width: 100%;
  table-layout: fixed;
}
@media screen and (min-width: 768px) {
  .avg-two-column .column {
    display: table-cell;
    width: 50%;
  }
}

.control-label {
  font-weight: normal;
  font-size: 17px;
  line-height: 1;
  margin-bottom: 10px;
}

.required, .alert-text {
  color: #FF6100;
}

.form-group {
  margin-bottom: 25px;
}
.form-group .vcode-area {
  display: flex;
  flex-wrap: wrap;
}
.form-group .vcode-area > * {
  float: left;
}
.form-group .vcode-area > .vcode_img {
  width: 160px;
  border: 0;
  padding: 0;
  margin-left: 0;
}
.form-group .vcode-area > input[type=text] {
  width: 100%;
  margin-bottom: 15px;
}
.form-group .vcode-area > #auth_code_audio {
  padding-left: 5px;
  padding-top: 4px;
}
.form-group .vcode-area .refresh_img {
  display: inline-block;
  width: 46px;
  height: 46px;
  padding: 0;
  margin-top: 7px;
  margin-left: 2px;
  vertical-align: middle;
  cursor: pointer;
  background: url("../img/button/button_refresh_2x.png") center no-repeat;
  background-size: 100%;
}
.form-group .vcode-area .refresh_img:hover {
  background: url("../img/button/button_refresh_2x.png") center no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 500px) {
  .form-group .vcode-area > input[type=text] {
    width: 237px;
    margin-bottom: 0;
  }
  .form-group .vcode-area > .vcode_img {
    margin-left: 10px;
  }
}

.row.small-padding {
  margin-left: -12px;
  margin-right: -12px;
}
.row.small-padding > div[class*=col-] {
  padding: 0 12px;
}
.row.multi-text > div[class*=col-] {
  margin-bottom: 10px;
}
.row.multi-text > div[class*=col-]:last-child {
  margin-bottom: 0;
}

.page-search-area {
  display: flex;
  align-items: center;
}
.page-search-area .search-btn {
  width: 152px;
}
.page-search-area .form-control {
  width: calc(100% - 167px);
  margin-right: 15px;
}

.xs-mt {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .xs-mt {
    margin-top: 0;
  }
}

textarea {
  resize: none;
  overflow: auto;
}

.form-btn-area {
  margin-top: 40px;
  text-align: center;
}
.form-btn-area .btn {
  max-width: 308px;
  width: 100%;
  margin: 0 auto;
}
.form-btn-area .btn + .btn {
  margin-top: 10px;
}
@media screen and (min-width: 500px) {
  .form-btn-area .btn {
    max-width: none;
    width: auto;
  }
  .form-btn-area .btn + .btn {
    margin-top: 0;
    margin-left: 30px;
  }
}

.alert-hint {
  color: red;
  padding-right: 5px;
}

.form-area label {
  font-size: 17px;
  font-weight: normal;
  line-height: 1;
  color: #262626;
  margin-bottom: 10px;
}
.form-area label.radio-label {
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .form-area .align-right {
    text-align: right;
    padding-right: 0;
  }
}
.form-area .address-row .xs-mt {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .form-area .address-row .xs-mt {
    margin-top: 0;
  }
}
.form-area.search-form .btn {
  width: 100%;
  margin-top: 32px;
}

.required {
  color: #FF6A3A;
  font-size: 16px;
}

.form-title-area {
  margin-bottom: 35px;
}
.form-title-area .form-title {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  color: #262626;
  padding-top: 18px;
  padding-bottom: 10px;
  margin: 0;
  z-index: 2;
}
.form-title-area .form-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: -31px;
  width: 61px;
  height: 60px;
  background: url("../img/register/form_title_2x.png") center no-repeat;
  background-size: 61px 60px;
  z-index: -1;
}
.form-title-area .btn-area {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .form-title-area .btn-area {
    display: inline-block;
    vertical-align: middle;
    margin-left: 33px;
    margin-top: 6px;
  }
}

.divider-line {
  padding-top: 60px;
  background-image: linear-gradient(to right, #FF8F1D 60%, rgba(255, 255, 255, 0) 0%);
  background-position: center;
  background-size: 13px 1px;
  background-repeat: repeat-x;
}

input.error, select.error, textarea.error, .select2-container.error {
  border: 1px solid #DC0031 !important;
}

.select2-drop-mask {
  display: none !important;
}

.select2-container {
  height: 50px;
  color: #707070;
  font-size: 14px;
  box-shadow: none;
  padding: 0;
}
.select2-container .select2-choice {
  border: 5px;
  font-size: 14px;
  width: 100%;
  height: 100%;
  padding: 13px 21px 13px 20px;
  border-radius: 20px !important;
  background: #FFF url("../img/button/form_select_arrow_2x.png") center no-repeat;
  background-size: 20px auto;
  background-position: top 50% right 21px;
  color: #262626;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 0;
  padding-right: 25px;
}
.select2-container .select2-arrow {
  opacity: 0;
  font-size: 0;
}
.select2-container ::-webkit-input-placeholder {
  color: #8E8E8E;
  font-size: 15px;
}
.select2-container :-moz-placeholder {
  color: #8E8E8E;
  font-size: 15px;
}
.select2-container ::-moz-placeholder {
  color: #8E8E8E;
  font-size: 15px;
}
.select2-container :-ms-input-placeholder {
  color: #8E8E8E;
  font-size: 15px;
}
.select2-container:focus {
  box-shadow: none;
  border: 1px solid #FFF5EA;
}

.select2-drop {
  transform: translate(0px, 2px);
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 10px;
  padding: 10px;
  font-size: 14px;
  z-index: 98;
}
.select2-drop.select2-drop-above {
  transform: translate(0px, -2px);
  border-radius: 10px;
}

.select2-drop-above .select2-choice {
  border: none !important;
}

.select2-results .select2-highlighted {
  background: #FFECD8;
  color: #262626;
}

.input-btn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.input-btn-group .btn {
  position: relative;
  margin-top: 10px;
  margin-left: 0;
}
.input-btn-group .btn input[type=file] {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  height: 42px;
  opacity: 0;
  left: 0;
  top: 0;
  z-index: 100;
  cursor: pointer;
}
.input-btn-group .btn input[type=file]::-webkit-file-upload-button {
  /* chromes and blink button */
  cursor: pointer;
}
.input-btn-group .btn.same-btn {
  width: 140px;
}
.input-btn-group .form-control {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .input-btn-group .btn {
    margin-top: 0;
    margin-left: 15px;
    width: 80px;
  }
  .input-btn-group .form-control {
    width: calc(100% - 95px);
  }
  .input-btn-group.donate .btn {
    width: 140px;
  }
  .input-btn-group.donate .form-control {
    width: calc(100% - 155px);
  }
}

.form-note {
  font-size: 16px;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .form-note {
    margin-top: 24px;
  }
}

.amount-btn-box {
  display: flex;
  flex-wrap: wrap;
}
.amount-btn-box .btn {
  width: 100%;
}
.amount-btn-box .btn + .btn {
  margin-top: 10px;
}
@media screen and (min-width: 360px) {
  .amount-btn-box .btn {
    width: auto;
  }
  .amount-btn-box .btn + .btn {
    margin-top: 0;
    margin-left: 15px;
  }
}
@media screen and (min-width: 768px) {
  .amount-btn-box {
    margin-top: 34px;
  }
}

label.customize-checkbox-style {
  font-size: 17px;
  line-height: 1;
  color: #707070;
  font-weight: normal;
  cursor: pointer;
  padding: 4px 0 3px 37px;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  text-align: left;
  margin-bottom: 16px;
}
label.customize-checkbox-style.black {
  color: #262626;
}
label.customize-checkbox-style > a {
  color: #FF6100;
}
label.customize-checkbox-style > a:hover {
  text-decoration: underline;
}
label.customize-checkbox-style .checkbox-btn {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: 27px;
  border-radius: 3px;
  border: 1px solid #FF8F1D;
  background-color: #FFF;
}
label.customize-checkbox-style input {
  width: 0;
  opacity: 0;
}
label.customize-checkbox-style input:checked ~ .checkbox-btn {
  background: url("../img/button/check_on_2x.png") #FF8F1D center no-repeat;
  background-size: 19px 16px;
}
label.customize-checkbox-style input:disabled ~ .checkbox-btn {
  background: transparent;
}
label.customize-checkbox-style input.error ~ .checkbox-btn {
  border-color: #DC0031;
}

label.customize-radio-style {
  cursor: pointer;
  padding-right: 0 !important;
  padding: 0px 0 1px 38px;
  position: relative;
  font-size: 17px;
  line-height: 1.6;
  color: #707070;
  margin-bottom: 16px;
}
label.customize-radio-style .radio-btn {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #FF8F1D;
  background-color: #FFF;
}
label.customize-radio-style .radio-btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FFF;
}
label.customize-radio-style input {
  width: 0;
  opacity: 0;
}
label.customize-radio-style input:checked ~ .radio-btn:after {
  background-color: #FF8F1D;
}
label.customize-radio-style input:disabled ~ .radio-btn {
  background: #ececec;
}
label.customize-radio-style input.error ~ .radio-btn {
  border-color: #DC0031;
}

.customize-input-group {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.customize-input-group > label[class^=customize] {
  min-width: 100%;
}
@media screen and (min-width: 400px) {
  .customize-input-group > label[class^=customize] {
    min-width: calc(50% - 5px);
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) {
  .customize-input-group > label[class^=customize] {
    min-width: 0;
    margin-right: 40px;
  }
}
.customize-input-group.text-type {
  padding-top: 10px;
  align-items: center;
}
.customize-input-group.text-type > label[class^=customize][for*=_9] {
  margin-right: 15px;
}
.customize-input-group.text-type > input[type=text] {
  flex: 1 1 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .customize-input-group.text-type {
    padding-top: 0;
  }
  .customize-input-group.text-type.no-mb > label[class^=customize] {
    margin-bottom: 0 !important;
  }
  .customize-input-group.text-type > input[type=text] {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .customize-input-group.one-third > label[class^=customize] {
    min-width: calc(33.3333333333% - 40px);
  }
}
.customize-input-group.pd-top {
  padding-top: 10px;
}

.form-info-area .info + .info {
  margin-top: 15px;
}
.form-info-area .form-info-group {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .form-info-area .form-info-group {
    margin-top: 0;
  }
}

.form-intro-box {
  background: #F8F8F8;
  border-radius: 10px;
  padding: 22px 28px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
  color: #262626;
}
.form-intro-box .form-intro-title {
  line-height: 1;
  font-weight: bold;
  color: #707070;
  margin-bottom: 10px;
}
.form-intro-box .article-area {
  margin-bottom: 0;
}
.form-intro-box .article-area .subtitie {
  color: #707070;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 10px;
}
.form-intro-box.donate {
  margin-bottom: 10px;
}
.form-intro-box.common-qa {
  margin-bottom: 40px;
}
.form-intro-box.common-qa ul, .form-intro-box.common-qa ol {
  margin-bottom: 0;
}
.form-intro-box.common-qa ul li:last-child, .form-intro-box.common-qa ol li:last-child {
  margin-bottom: 0;
}

.register-agree-area {
  margin-top: 70px;
}
.register-agree-area .agree-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
.register-agree-area .agree-check-area {
  margin-top: 30px;
  text-align: center;
}

.register-success-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.register-success-area .img-area {
  max-width: 285px;
  width: 100%;
  flex: 1 1 auto;
}
.register-success-area .img-area img {
  max-width: 100%;
}
.register-success-area .content-area {
  max-width: 458px;
  width: 100%;
  flex: 1 1 auto;
  margin-top: 30px;
}
.register-success-area .content-area .title {
  font-size: 32px;
  line-height: 1.3;
  color: #FF6100;
  margin-bottom: 5px;
}
.register-success-area .content-area .sub-title {
  font-size: 22px;
  line-height: 1.3;
}
.register-success-area .content-area .mb-10px {
  margin-bottom: 10px;
}
.register-success-area .content-area .mb-20px {
  margin-bottom: 20px;
}
.register-success-area .content-area.no-mw {
  max-width: none;
}
@media screen and (min-width: 768px) {
  .register-success-area {
    flex-direction: row;
  }
  .register-success-area .content-area {
    margin-top: 0;
    margin-left: 35px;
  }
}

.member-login-area {
  max-width: 455px;
  margin: 0 auto;
}
.member-login-area .forget-pw {
  float: right;
  color: #FF8F1D;
  background: transparent;
  border: 0;
}
.member-login-area .forget-pw:hover {
  text-decoration: underline;
}

.social-login-area {
  text-align: center;
}
.social-login-area .title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 15px;
}
.social-login-area .desc {
  color: #707070;
  margin-bottom: 15px;
}
.social-login-area .btn-area {
  max-width: 186px;
  margin: 0 auto;
}
.social-login-area .btn-area .btn + .btn {
  margin-top: 10px;
}

.form-btn-group .btn {
  margin-top: 10px;
}
.form-btn-group.full input[type=text] {
  width: 100%;
}
@media screen and (min-width: 400px) {
  .form-btn-group {
    display: flex;
  }
  .form-btn-group input[type=text] {
    flex: 1 1 auto;
    width: calc(100% - 114px);
    margin-right: 10px;
  }
  .form-btn-group .btn {
    flex: 1 1 auto;
    margin-top: 0;
  }
}

.form-note {
  margin-top: 10px;
}

.input-other-group {
  flex: 1 1 auto;
  display: inline-flex;
  width: 100%;
  align-items: center;
  margin-bottom: 16px;
}
.input-other-group.w-100 {
  width: 100px;
}
.input-other-group > label.customize-checkbox-style {
  min-width: 73px;
  margin-right: 10px;
  margin-bottom: 0;
  align-items: center;
}
.input-other-group > label.customize-radio-style {
  min-width: 74px;
  margin-right: 10px;
  margin-bottom: 0;
  align-items: center;
}
.input-other-group > .form-control {
  max-width: 300px;
}
.input-other-group.same-line {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .input-other-group.same-line {
    width: 100px;
  }
}

.form-content-area {
  margin-bottom: 30px;
}

.home-banner-area {
  position: relative;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .home-banner-area {
    margin-bottom: 95px;
  }
}
.home-banner-area #home-banner-carousel {
  position: relative;
  background: #F8F8F8;
}
.home-banner-area #home-banner-carousel .owl-box {
  height: 62.5vw;
}
@media screen and (min-width: 768px) {
  .home-banner-area #home-banner-carousel .owl-box {
    position: relative;
    overflow: hidden;
    height: 56.3689604685vw;
  }
}
@media screen and (min-width: 1366px) {
  .home-banner-area #home-banner-carousel .owl-box {
    width: 100%;
    height: 770px;
    position: relative;
    overflow: hidden;
  }
}
.home-banner-area #home-banner-carousel .owl-box a {
  display: block;
}
.home-banner-area #home-banner-carousel .banner-img {
  width: 100%;
  height: auto;
}
.home-banner-area #home-banner-carousel .banner-img.for-sm {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-banner-area #home-banner-carousel .banner-img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home-banner-area #home-banner-carousel .banner-img.for-xs {
    display: none;
  }
  .home-banner-area #home-banner-carousel .banner-img.for-sm {
    display: block;
  }
}
.home-banner-area #home-banner-carousel .owl-nav {
  margin-top: 0;
  position: absolute;
  bottom: 20px;
  left: 15px;
  font-size: 0;
}
.home-banner-area #home-banner-carousel .owl-nav button {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: url("../img/button/button_banner_next_2x.png") center no-repeat;
  background-size: 62px 62px;
  margin: 0;
  border: 0;
}
.home-banner-area #home-banner-carousel .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 25px;
}
@media screen and (min-width: 768px) {
  .home-banner-area #home-banner-carousel .owl-nav {
    bottom: 50px;
    left: 50%;
    transform: translateX(calc(-50% - 300px));
  }
}
.home-banner-area #home-banner-carousel .owl-dots {
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0;
}
.home-banner-area #home-banner-carousel .owl-dots .owl-dot {
  background: none;
  border: 0;
  padding: 0;
}
.home-banner-area #home-banner-carousel .owl-dots .owl-dot + .owl-dot {
  margin-left: 3px;
}
.home-banner-area #home-banner-carousel .owl-dots .owl-dot span {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 9px;
  background-color: transparent;
  border: 1px solid #FFF;
}
.home-banner-area #home-banner-carousel .owl-dots .owl-dot.active span {
  background-color: #FFF;
}
@media screen and (min-width: 768px) {
  .home-banner-area #home-banner-carousel .owl-dots {
    bottom: 76px;
  }
}

.home-quick-link-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 70px;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .home-quick-link-area {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 1260px) {
  .home-quick-link-area {
    margin-bottom: 150px;
  }
}
.home-quick-link-area .quick-link-item-group {
  flex: 1 1 auto;
  justify-content: space-between;
  display: flex;
  width: 100%;
  max-width: 585px;
}
.home-quick-link-area .quick-link-item-group + .quick-link-item-group {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .home-quick-link-area .quick-link-item-group {
    max-width: 610px;
  }
  .home-quick-link-area .quick-link-item-group + .quick-link-item-group {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1260px) {
  .home-quick-link-area {
    flex-direction: row;
  }
  .home-quick-link-area .quick-link-item-group {
    max-width: none;
    width: calc(50% - 30px);
  }
  .home-quick-link-area .quick-link-item-group + .quick-link-item-group {
    margin-left: 30px;
    margin-top: 0;
  }
}
.home-quick-link-area .quick-link-item {
  flex: 1 1 auto;
  max-width: 285px;
  width: 100%;
  text-align: center;
}
.home-quick-link-area .quick-link-item > a {
  display: block;
  color: #262626;
}
.home-quick-link-area .quick-link-item > a:hover {
  text-decoration: none;
}
.home-quick-link-area .quick-link-item > a:hover .btn {
  background: #FF6100;
  border: 1px solid #FF6100;
  color: #FFF;
}
.home-quick-link-area .quick-link-item > a:hover .quick-link-img {
  transform: translateY(-10px);
}
.home-quick-link-area .quick-link-item + .quick-link-item {
  margin-left: 15px;
}
@media screen and (min-width: 768px) {
  .home-quick-link-area .quick-link-item + .quick-link-item {
    margin-left: 40px;
  }
}
@media screen and (min-width: 1260px) {
  .home-quick-link-area .quick-link-item + .quick-link-item {
    margin-left: 30px;
  }
}
.home-quick-link-area .quick-link-item .quick-link-img {
  text-align: center;
  margin-bottom: 10px;
  transition: transform 0.2s;
}
.home-quick-link-area .quick-link-item .quick-link-img img {
  width: 100%;
  max-width: 285px;
}
.home-quick-link-area .quick-link-item .quick-link-title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .home-quick-link-area .quick-link-item .quick-link-title {
    font-size: 36px;
  }
}
.home-quick-link-area .quick-link-item .quick-link-desc {
  display: none;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .home-quick-link-area .quick-link-item .quick-link-desc {
    display: block;
  }
}
.home-quick-link-area .quick-link-item .quick-link-btn {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-quick-link-area .quick-link-item .quick-link-btn {
    display: block;
  }
}

.home-intro-area {
  position: relative;
}
.home-intro-area .bg-item {
  position: absolute;
}
.home-intro-area .bg-item.item01 {
  content: "";
  position: absolute;
  top: 570px;
  left: 50%;
  transform: translateX(-399px);
  background: url("../img/index/bg/index_circle_01_xs.png") center no-repeat;
  background-size: 91px 87px;
  width: 91px;
  height: 87px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .home-intro-area .bg-item.item01 {
    z-index: 2;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-area .bg-item.item01 {
    top: 290px;
    left: 50%;
    transform: translateX(-856px);
    background: url("../img/index/bg/index_circle_01_lg.png") center no-repeat;
    background-size: 315px 844px;
    width: 315px;
    height: 844px;
    z-index: -1;
  }
}
.home-intro-area .bg-item.item02 {
  content: "";
  position: absolute;
  top: 984px;
  left: 50%;
  transform: translateX(284px);
  background: url("../img/index/bg/index_circle_02_xs.png") center no-repeat;
  background-size: 91px 87px;
  width: 91px;
  height: 87px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .home-intro-area .bg-item.item02 {
    z-index: 2;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-area .bg-item.item02 {
    top: 26px;
    left: 50%;
    transform: translateX(540px);
    background: url("../img/index/bg/index_circle_02_lg.png") center no-repeat;
    background-size: 352px 537px;
    width: 352px;
    height: 537px;
    z-index: -1;
  }
}
.home-intro-area .bg-item.item03 {
  content: "";
  position: absolute;
  bottom: 870px;
  left: 50%;
  transform: translateX(-50%);
  background: url("../img/index/bg/index_circle_03_xs.png") center no-repeat;
  background-size: 552px 258.4px;
  width: 552px;
  height: 258.4px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .home-intro-area .bg-item.item03 {
    bottom: 1078px;
    background-size: 690px 323px;
    width: 690px;
    height: 323px;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-area .bg-item.item03 {
    top: 823px;
    bottom: auto;
    left: 50%;
    transform: translateX(615px);
    background: url("../img/index/bg/index_circle_03_lg.png") center no-repeat;
    background-size: 333px 620px;
    width: 333px;
    height: 620px;
    z-index: -1;
  }
}
.home-intro-area .bg-item.item04 {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-1022px);
  background: url("../img/index/bg/index_circle_04_lg.png") center no-repeat;
  background-size: 482px 816px;
  width: 482px;
  height: 816px;
  z-index: -1;
  display: none;
}
@media screen and (min-width: 1260px) {
  .home-intro-area .bg-item.item04 {
    display: block;
  }
}
.home-intro-area .bg-item.item05 {
  content: "";
  position: absolute;
  bottom: 91px;
  left: 50%;
  transform: translateX(617px);
  background: url("../img/index/bg/index_circle_05_lg.png") center no-repeat;
  background-size: 383px 630px;
  width: 383px;
  height: 630px;
  z-index: -1;
  display: none;
}
@media screen and (min-width: 1260px) {
  .home-intro-area .bg-item.item05 {
    display: block;
  }
}

.home-intro-inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
  padding: 0 15px;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 250px;
}
@media screen and (min-width: 768px) {
  .home-intro-inner {
    max-width: none;
    padding: 0;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-inner {
    margin-bottom: 110px;
    max-width: 1420px;
    padding: 0;
  }
}
.home-intro-inner .intro-item {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.home-intro-inner .intro-item:before {
  content: "";
  position: absolute;
  border-radius: 216px;
  width: 848px;
  height: 400px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .home-intro-inner .intro-item {
    width: auto;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item {
    min-height: 433px;
  }
  .home-intro-inner .intro-item:before {
    width: 1081px;
    height: 433px;
  }
}
.home-intro-inner .intro-item.left {
  flex-direction: column;
}
.home-intro-inner .intro-item.left .intro-item-img {
  margin-bottom: 53px;
  margin-right: 43px;
}
@media screen and (min-width: 768px) {
  .home-intro-inner .intro-item.left {
    flex-direction: row;
    padding-left: 120px;
  }
  .home-intro-inner .intro-item.left .intro-item-content {
    margin-left: 24px;
  }
  .home-intro-inner .intro-item.left .intro-item-img {
    margin-bottom: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item.left {
    padding-left: 0;
  }
  .home-intro-inner .intro-item.left .intro-item-content {
    margin-left: 75px;
    padding-right: 0;
  }
}
.home-intro-inner .intro-item.right {
  flex-direction: column;
}
.home-intro-inner .intro-item.right .intro-item-img {
  margin-bottom: 53px;
  margin-left: 43px;
}
@media screen and (min-width: 768px) {
  .home-intro-inner .intro-item.right {
    align-items: flex-end;
    padding-right: 120px;
  }
  .home-intro-inner .intro-item.right .intro-item-img {
    margin-bottom: 11px;
    margin-left: 0;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item.right {
    flex-direction: row;
    align-items: center;
    padding-right: 0;
  }
  .home-intro-inner .intro-item.right .intro-item-img {
    order: 2;
    margin-left: 0;
    margin-bottom: 0;
  }
  .home-intro-inner .intro-item.right .intro-item-content {
    order: 1;
    margin-right: 75px;
  }
}
.home-intro-inner .intro-item.orange {
  margin-bottom: 70px;
}
.home-intro-inner .intro-item.orange:before {
  top: 0;
  left: 50%;
  transform: translateX(-20%);
  background: #FF8F1D;
}
@media screen and (min-width: 768px) {
  .home-intro-inner .intro-item.orange {
    margin-bottom: 11px;
    margin-left: -173px;
  }
  .home-intro-inner .intro-item.orange:before {
    top: 113px;
    left: 0;
    transform: none;
    background: #FF8F1D;
  }
  .home-intro-inner .intro-item.orange .intro-item-content {
    max-width: 330px;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item.orange {
    margin-bottom: 0;
    margin-right: 113px;
    margin-left: 0;
  }
  .home-intro-inner .intro-item.orange:before {
    top: 0;
    left: 245px;
  }
  .home-intro-inner .intro-item.orange .intro-item-content {
    max-width: 525px;
  }
}
.home-intro-inner .intro-item.blue {
  margin-bottom: 70px;
}
.home-intro-inner .intro-item.blue:before {
  top: 0;
  left: 50%;
  transform: translateX(-80%);
  background: #50A3FF;
}
@media screen and (min-width: 768px) {
  .home-intro-inner .intro-item.blue {
    margin-bottom: 100px;
    margin-right: -333px;
  }
  .home-intro-inner .intro-item.blue:before {
    background: #50A3FF;
    top: 245px;
    right: 0;
    left: auto;
    transform: none;
  }
  .home-intro-inner .intro-item.blue .intro-item-content {
    max-width: 631px;
    padding-right: 209px;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item.blue {
    margin-bottom: 0;
    margin-left: 137px;
    margin-right: 0;
  }
  .home-intro-inner .intro-item.blue:before {
    top: 0;
    left: auto;
    right: 245px;
  }
  .home-intro-inner .intro-item.blue .intro-item-content {
    max-width: 495px;
    padding-right: 0;
  }
}
.home-intro-inner .intro-item.green:before {
  top: 0;
  left: 50%;
  transform: translateX(-20%);
  background: #6ADCC5;
}
@media screen and (min-width: 768px) {
  .home-intro-inner .intro-item.green {
    padding-bottom: 87px;
    margin-left: -173px;
  }
  .home-intro-inner .intro-item.green:before {
    top: 44px;
    left: 0;
    transform: none;
    background: #6ADCC5;
  }
  .home-intro-inner .intro-item.green .intro-item-content {
    max-width: 330px;
  }
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item.green {
    margin-right: 113px;
    margin-left: 0;
    padding-bottom: 0;
  }
  .home-intro-inner .intro-item.green:before {
    top: 0;
    left: 245px;
  }
  .home-intro-inner .intro-item.green .intro-item-content {
    max-width: 588px;
  }
}
.home-intro-inner .intro-item .intro-item-img img {
  width: 433px;
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item .intro-item-img img {
    width: 525px;
  }
}
.home-intro-inner .intro-item .intro-item-content {
  max-width: 801px;
}
.home-intro-inner .intro-item .intro-item-content .intro-item-title {
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 2px;
  margin-bottom: 25px;
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item .intro-item-content .intro-item-title {
    font-size: 30px;
    line-height: 39px;
  }
}
.home-intro-inner .intro-item .intro-item-content .intro-item-desc {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .intro-item .intro-item-content .intro-item-desc {
    font-size: 17px;
    line-height: 1.6;
  }
}
.home-intro-inner .for-lg {
  display: none;
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .for-lg {
    display: block;
  }
}
.home-intro-inner .for-xs {
  display: block;
}
@media screen and (min-width: 1260px) {
  .home-intro-inner .for-xs {
    display: none;
  }
}

.home-podcast-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 15px 80px;
}
@media screen and (min-width: 768px) {
  .home-podcast-area {
    padding: 0 15px 120px;
  }
}
@media screen and (min-width: 1260px) {
  .home-podcast-area {
    flex-direction: row;
    align-items: flex-start;
    padding: 0 15px 170px;
  }
}
.home-podcast-area .podcast-intro-area {
  text-align: center;
  letter-spacing: 0.2em;
  padding-top: 125px;
  padding-right: 0;
  position: relative;
}
.home-podcast-area .podcast-intro-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: -44%;
  background: url("../img/index/index_podcast_bg_2x.png") center no-repeat;
  background-size: 490px 482px;
  width: 490px;
  height: 482px;
  z-index: -1;
}
.home-podcast-area .podcast-intro-area:after {
  content: "";
  position: absolute;
  top: 0;
  left: -8%;
  background: url("../img/index/index_podcast_label_2x.png") center no-repeat;
  background-size: 98.4px 105.6px;
  width: 98.4px;
  height: 105.6px;
  z-index: -1;
}
.home-podcast-area .podcast-intro-area .podcast-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  color: #FF6100;
  margin-bottom: 35px;
}
.home-podcast-area .podcast-intro-area .podcast-sub-title {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 15px;
}
.home-podcast-area .podcast-intro-area .podcast-desc {
  font-size: 28px;
  line-height: 1.6;
  margin-bottom: 28px;
}
.home-podcast-area .podcast-intro-area .podcast-btn-area {
  margin-bottom: 32px;
}
.home-podcast-area .podcast-intro-area .podcast-btn-area .podcast-btn {
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  color: #929292;
  position: relative;
  padding-left: 78px;
  padding-top: 11px;
  padding-bottom: 11px;
  text-decoration: none;
  background: url("../img/index/index_podcast_button_2x.png") left no-repeat;
  background-size: 60px 60px;
  display: inline-block;
}
.home-podcast-area .podcast-intro-area .podcast-btn-area .podcast-btn:hover {
  background: url("../img/index/index_podcast_button_hover_2x.png") left no-repeat;
  background-size: 60px 60px;
  color: #FF6100;
}
@media screen and (min-width: 768px) {
  .home-podcast-area .podcast-intro-area {
    padding-right: 33px;
    padding-top: 188px;
  }
  .home-podcast-area .podcast-intro-area:before {
    top: 0;
    left: -30%;
    background-size: 616px 623px;
    width: 616px;
    height: 623px;
  }
  .home-podcast-area .podcast-intro-area:after {
    top: 0;
    left: -8%;
    background-size: 123px 132px;
    width: 123px;
    height: 132px;
  }
  .home-podcast-area .podcast-intro-area .podcast-title {
    font-size: 32px;
  }
  .home-podcast-area .podcast-intro-area .podcast-sub-title {
    font-size: 28px;
    line-height: 1;
  }
  .home-podcast-area .podcast-intro-area .podcast-desc {
    font-size: 32px;
    line-height: 1.3;
  }
  .home-podcast-area .podcast-intro-area .podcast-btn-area {
    margin-bottom: 65px;
  }
  .home-podcast-area .podcast-intro-area .podcast-btn-area .podcast-btn {
    font-size: 48px;
    padding-left: 114px;
    padding-top: 19px;
    padding-bottom: 19px;
    background: url("../img/index/index_podcast_button_2x.png") left no-repeat;
    background-size: 96px 96px;
  }
  .home-podcast-area .podcast-intro-area .podcast-btn-area .podcast-btn:hover {
    background: url("../img/index/index_podcast_button_hover_2x.png") left no-repeat;
    background-size: 96px 96px;
  }
}
@media screen and (min-width: 1260px) {
  .home-podcast-area .podcast-intro-area {
    padding-top: 153px;
  }
  .home-podcast-area .podcast-intro-area:before {
    top: -9%;
    left: -30%;
    background-size: 616px 623px;
    width: 616px;
    height: 623px;
  }
  .home-podcast-area .podcast-intro-area .podcast-btn-area {
    margin-bottom: 0;
  }
}
.home-podcast-area .podcast-img-area img {
  max-width: 400px;
  width: 100%;
}
@media screen and (min-width: 1260px) {
  .home-podcast-area .podcast-img-area img {
    max-width: 542px;
  }
}

.home-expert-area {
  margin-bottom: 50px;
}
@media screen and (min-width: 1260px) {
  .home-expert-area {
    margin-bottom: 100px;
  }
}

.expert-title-area {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 100px;
  min-height: 46px;
  background: url("../img/index/bg/index_bg01.png") center repeat-x;
  background-size: auto 100%;
  min-height: 330px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .expert-title-area {
    min-height: 456px;
    margin-bottom: 23px;
  }
}
@media screen and (min-width: 1260px) {
  .expert-title-area {
    margin-bottom: 100px;
  }
}
.expert-title-area.thanks {
  min-height: 456px;
  margin-bottom: 0;
}
@media screen and (min-width: 1260px) {
  .expert-title-area.thanks {
    margin-bottom: 60px;
  }
}
.expert-title-area .title {
  font-size: 32px;
  line-height: 1;
  color: #FF6100;
  letter-spacing: 0.1em;
  margin-bottom: 50px;
}
.expert-title-area .desc {
  font-size: 20px;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .expert-title-area .desc {
    font-size: 28px;
  }
}

.expert-intro-area {
  background: url("../img/index/bg/index_bg01.png") center repeat-x;
  background-size: 981px 526px;
  min-height: 526px;
}
.expert-intro-area .expert-intro-inner {
  margin-top: -142px;
  display: none;
}
@media screen and (min-width: 1260px) {
  .expert-intro-area .expert-intro-inner {
    display: flex;
  }
}
.expert-intro-area .expert-intro-item {
  text-align: center;
  max-width: 390px;
  padding: 0 20px;
  letter-spacing: 0.1em;
}
.expert-intro-area .expert-intro-item + .expert-intro-item {
  margin-left: 30px;
}
.expert-intro-area .expert-intro-item .expert-photo {
  margin-bottom: 40px;
}
.expert-intro-area .expert-intro-item .expert-photo img {
  max-width: 227px;
  width: 100%;
}
.expert-intro-area .expert-intro-item .expert-job-title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 25px;
}
.expert-intro-area .expert-intro-item .expert-name {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 20px;
}
.expert-intro-area .expert-intro-item .expert-desc {
  text-align: left;
}
.expert-intro-area .expert-owl-box {
  display: block;
}
@media screen and (min-width: 1260px) {
  .expert-intro-area .expert-owl-box {
    display: none;
  }
}
.expert-intro-area .expert-owl-box .expert-intro-item {
  margin: 0 auto;
}
.expert-intro-area .expert-owl-box .expert-intro-item .expert-photo img {
  margin: 0 auto;
}
.expert-intro-area .expert-owl-box .owl-nav {
  margin-top: 0;
  font-size: 0;
}
.expert-intro-area .expert-owl-box .owl-nav button {
  position: absolute;
  top: 18%;
  width: 30px;
  height: 54px;
  border-radius: 50%;
  background: url("../img/index/button_expert_arrow_2x.png") center no-repeat;
  background-size: 30px 54px;
  margin: 0;
  border: 0;
}
.expert-intro-area .expert-owl-box .owl-nav button:hover {
  background: url("../img/index/button_expert_arrow_2x.png") center no-repeat;
  background-size: 30px 54px;
}
.expert-intro-area .expert-owl-box .owl-nav .owl-prev {
  left: 15px;
  transform: rotate(180deg);
}
.expert-intro-area .expert-owl-box .owl-nav .owl-next {
  right: 15px;
}
@media screen and (min-width: 500px) {
  .expert-intro-area .expert-owl-box .owl-nav .owl-prev {
    left: 15vw;
    transform: rotate(180deg);
  }
  .expert-intro-area .expert-owl-box .owl-nav .owl-next {
    right: 15vw;
  }
}

.home-related-unit-area .related-unit-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-related-unit-area .related-unit-group + .related-unit-group {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .home-related-unit-area .related-unit-group {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1260px) {
  .home-related-unit-area .related-unit-group {
    flex-direction: row;
  }
}
.home-related-unit-area .related-unit-group .related-unit-title {
  font-size: 28px;
  line-height: 1;
  color: #FF6100;
  margin-bottom: 30px;
}
@media screen and (min-width: 1260px) {
  .home-related-unit-area .related-unit-group .related-unit-title {
    padding-top: 18px;
    margin-bottom: 0;
    min-width: 116px;
  }
}
.home-related-unit-area .related-unit-group .related-unit-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.home-related-unit-area .related-unit-group .related-unit-content .related-unit-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  margin-bottom: 10px;
}
.home-related-unit-area .related-unit-group .related-unit-content .related-unit-item img {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 768px) {
  .home-related-unit-area .related-unit-group .related-unit-content {
    flex-direction: row;
  }
  .home-related-unit-area .related-unit-group .related-unit-content .related-unit-item {
    margin-right: 25px;
  }
}
@media screen and (min-width: 1260px) {
  .home-related-unit-area .related-unit-group .related-unit-content {
    padding-left: 90px;
  }
}

.recommend-intro-area {
  margin-top: 15px;
}

.ellipsis-area {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ellipsis-area.line-1 {
  -webkit-line-clamp: 1;
}
.ellipsis-area.line-2 {
  -webkit-line-clamp: 2;
}
.ellipsis-area.line-3 {
  -webkit-line-clamp: 3;
}
.ellipsis-area.line-4 {
  -webkit-line-clamp: 4;
}

.no-data {
  margin-top: 15px;
}

@media screen and (min-width: 992px) {
  .main-right-area .list-area {
    min-height: 200px;
  }
}

.page-cat-area {
  font-size: 0;
  text-align: center;
  margin-bottom: 28px;
}
.page-cat-area.more-mb {
  margin-bottom: 45px;
}
.page-cat-area .btn {
  color: #FF8F1D;
  background: #FFF;
  padding: 20px 30px;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 15px;
}
.page-cat-area .btn + .btn {
  margin-left: 20px;
}
.page-cat-area .btn:hover, .page-cat-area .btn:focus, .page-cat-area .btn.active {
  background: #FF8F1D;
  color: #FFF;
}
.page-cat-area .btn.news {
  padding-left: 64px;
}
.page-cat-area .btn.news:before {
  content: "";
  position: absolute;
  top: 17px;
  left: 30px;
  width: 24px;
  height: 24px;
}
.page-cat-area .btn.news.event:before {
  background: url("../img/news/icon_news_event_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .btn.news.declaration:before {
  background: url("../img/news/icon_news_declaration_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .btn.news.media:before {
  background: url("../img/news/icon_news_media_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .btn.news.column:before {
  background: url("../img/news/icon_news_column_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .btn.news:hover.event:before, .page-cat-area .btn.news:focus.event:before, .page-cat-area .btn.news.active.event:before {
  background: url("../img/news/icon_news_event_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .btn.news:hover.declaration:before, .page-cat-area .btn.news:focus.declaration:before, .page-cat-area .btn.news.active.declaration:before {
  background: url("../img/news/icon_news_declaration_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .btn.news:hover.media:before, .page-cat-area .btn.news:focus.media:before, .page-cat-area .btn.news.active.media:before {
  background: url("../img/news/icon_news_media_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .btn.news:hover.column:before, .page-cat-area .btn.news:focus.column:before, .page-cat-area .btn.news.active.column:before {
  background: url("../img/news/icon_news_column_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .btn.publishing {
  margin-top: 170px;
  width: 160px;
}
.page-cat-area .btn.publishing + .btn {
  margin-left: 30px;
}
.page-cat-area .btn.publishing:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 170px;
}
.page-cat-area .btn.publishing.publishing1:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing1_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing.publishing2:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing2_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing.publishing3:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing3_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing.publishing4:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing4_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing.publishing5:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing5_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing:hover.publishing1:before, .page-cat-area .btn.publishing:focus.publishing1:before, .page-cat-area .btn.publishing.active.publishing1:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing1_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing:hover.publishing2:before, .page-cat-area .btn.publishing:focus.publishing2:before, .page-cat-area .btn.publishing.active.publishing2:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing2_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing:hover.publishing3:before, .page-cat-area .btn.publishing:focus.publishing3:before, .page-cat-area .btn.publishing.active.publishing3:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing3_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing:hover.publishing4:before, .page-cat-area .btn.publishing:focus.publishing4:before, .page-cat-area .btn.publishing.active.publishing4:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing4_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .btn.publishing:hover.publishing5:before, .page-cat-area .btn.publishing:focus.publishing5:before, .page-cat-area .btn.publishing.active.publishing5:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing5_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area.detail-cat .btn {
  max-width: 306px;
  width: 100%;
  margin-left: 0;
}
.page-cat-area.detail-cat .btn:before {
  left: calc(50% - 49px);
}
@media screen and (min-width: 500px) {
  .page-cat-area.detail-cat {
    max-width: 500px;
    margin: 0 auto 28px;
  }
  .page-cat-area.detail-cat .btn {
    width: auto;
    margin-bottom: 15px;
  }
  .page-cat-area.detail-cat .btn + .btn {
    margin-left: 20px;
  }
  .page-cat-area.detail-cat .btn:before {
    left: 30px;
  }
}
@media screen and (min-width: 900px) {
  .page-cat-area.detail-cat {
    max-width: none;
    margin-bottom: 28px;
  }
}
.page-cat-area .customize-dropdown .dropdown-toggle.news.publishing1 > span {
  padding-left: 35px;
  background: url("../img/news/icon_news_publishing1_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.news.publishing2 > span {
  padding-left: 35px;
  background: url("../img/news/icon_news_publishing2_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.news.publishing3 > span {
  padding-left: 35px;
  background: url("../img/news/icon_news_publishing3_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.news.publishing4 > span {
  padding-left: 35px;
  background: url("../img/news/icon_news_publishing4_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.news.publishing5 > span {
  padding-left: 35px;
  background: url("../img/news/icon_news_publishing5_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.publishing {
  position: relative;
  margin-top: 170px;
  overflow: visible;
}
.page-cat-area .customize-dropdown .dropdown-toggle.publishing:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 170px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.publishing.publishing1:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing1_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.publishing.publishing2:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing2_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.publishing.publishing3:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing3_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.publishing.publishing4:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing4_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .customize-dropdown .dropdown-toggle.publishing.publishing5:before {
  background: url("../img/publishing/category_overview/publish_pic_publishing5_hover_2x.png") top no-repeat;
  background-size: 160px 160px;
}
.page-cat-area .customize-dropdown .item:hover, .page-cat-area .customize-dropdown .item:focus, .page-cat-area .customize-dropdown .item.active {
  text-decoration: none;
}
.page-cat-area .customize-dropdown .item.news > span {
  position: relative;
  padding-left: 35px;
}
.page-cat-area .customize-dropdown .item.news > span:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
}
.page-cat-area .customize-dropdown .item.news.event > span:before {
  background: url("../img/news/icon_news_event_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .item.news.declaration > span:before {
  background: url("../img/news/icon_news_declaration_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .item.news.media > span:before {
  background: url("../img/news/icon_news_media_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .item.news.column > span:before {
  background: url("../img/news/icon_news_column_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .item.news:hover.event > span:before, .page-cat-area .customize-dropdown .item.news:focus.event > span:before, .page-cat-area .customize-dropdown .item.news.active.event > span:before {
  background: url("../img/news/icon_news_event_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .item.news:hover.declaration > span:before, .page-cat-area .customize-dropdown .item.news:focus.declaration > span:before, .page-cat-area .customize-dropdown .item.news.active.declaration > span:before {
  background: url("../img/news/icon_news_declaration_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .item.news:hover.media > span:before, .page-cat-area .customize-dropdown .item.news:focus.media > span:before, .page-cat-area .customize-dropdown .item.news.active.media > span:before {
  background: url("../img/news/icon_news_media_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.page-cat-area .customize-dropdown .item.news:hover.column > span:before, .page-cat-area .customize-dropdown .item.news:focus.column > span:before, .page-cat-area .customize-dropdown .item.news.active.column > span:before {
  background: url("../img/news/icon_news_column_hover_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}

.list-search-area {
  margin-bottom: 28px;
}
.list-search-area .search-select {
  flex: 1 1 auto;
  width: 100%;
  margin-right: 30px;
  margin-bottom: 25px;
}
.list-search-area .search-text {
  flex: 1 1 auto;
  width: 100%;
}
.list-search-area .search-btn-area {
  text-align: center;
  margin-top: 25px;
}
.list-search-area .search-btn-area .btn {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .list-search-area {
    display: flex;
    align-items: flex-end;
  }
  .list-search-area .search-select {
    width: 212px;
    margin-bottom: 0;
  }
  .list-search-area .search-text {
    width: 293px;
  }
  .list-search-area .search-btn-area {
    margin-left: 30px;
    margin-top: 0;
  }
  .list-search-area .search-btn-area .btn {
    width: auto;
  }
}

.list-area {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-area ul {
  list-style: none;
  padding: 8px;
  padding-top: 17px;
  margin-bottom: 0;
}
.list-area.detail {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .list-area.detail {
    margin-bottom: 50px;
  }
}
.list-area.recommend {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .list-area.recommend {
    margin-bottom: 60px;
  }
}
.list-area .info-area {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.list-area .info-area .cat {
  font-size: 18px;
  line-height: 1;
  color: #FF8F1D;
  margin-bottom: 0 !important;
}
.list-area .info-area .cat.news {
  padding-left: 36px !important;
  padding-top: 3px;
  padding-bottom: 3px;
}
.list-area .info-area .cat.news.event {
  background: url("../img/news/icon_news_event_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.list-area .info-area .cat.news.declaration {
  background: url("../img/news/icon_news_declaration_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.list-area .info-area .cat.news.media {
  background: url("../img/news/icon_news_media_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.list-area .info-area .cat.news.column {
  background: url("../img/news/icon_news_column_2x.png") 0 50% no-repeat;
  background-size: 24px 24px;
}
.list-area .info-area .cat.award {
  padding-left: 52px;
  padding-right: 21px;
  padding-top: 7px;
  padding-bottom: 7px;
  position: relative;
}
.list-area .info-area .cat.award:after {
  content: "";
  width: 1px;
  height: 22px;
  position: absolute;
  top: 7px;
  right: 10px;
  background: #262626;
}
.list-area .info-area .cat.award.award-01 {
  background: url("../img/previous_awarded/icon_award_01_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #FF8F1D;
}
.list-area .info-area .cat.award.award-02 {
  background: url("../img/previous_awarded/icon_award_02_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #7B99AA;
}
.list-area .info-area .cat.award.award-03 {
  background: url("../img/previous_awarded/icon_award_03_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #D34832;
}
.list-area .info-area .cat.award.award-04 {
  background: url("../img/previous_awarded/icon_award_04_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #50A3FF;
}
.list-area .info-area .cat.award.award-05 {
  background: url("../img/previous_awarded/icon_award_05_2x.png") 0 50% no-repeat;
  background-size: 40px 32px;
  color: #54C3AD;
}
.list-area .info-area .author {
  font-size: 17px;
  line-height: 1;
  position: relative;
  color: #262626;
}
.list-area .info-area .author.recommend {
  padding-left: 21px;
}
.list-area .info-area .author.recommend:after {
  content: "";
  width: 1px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 10px;
  background: #262626;
}
.list-area .info-area .right-text {
  font-size: 17px;
  line-height: 1;
  color: #707070;
  margin-left: auto;
}
.list-area .title-area {
  font-size: 24px;
  color: #262626;
  line-height: 1.3;
  margin-bottom: 15px;
  overflow: hidden;
}
.list-area .desc-area, .list-area .source-area {
  font-size: 17px;
  color: #707070;
  line-height: 1.6;
  margin-bottom: 15px;
  overflow: hidden;
}
.list-area .read-more-area {
  font-size: 17px;
  line-height: 1;
  color: #A9A9A9;
}
.list-area .read-more-area > span {
  padding-left: 28px;
  background: url("../img/button/list_more_2x.png") 0 50% no-repeat;
  background-size: 17px 9px;
  transition: background 0.5s;
}
.list-area .acart-proportion-box {
  position: relative;
  border-radius: 10px;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.list-area .acart-proportion-box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background: inherit;
  background-size: cover;
  transform: scale(1) translate3d(0, 0, 0);
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  transition: all 0.5s;
}
.list-area .row.type-1 {
  margin-right: -22.5px;
  margin-left: -22.5px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.list-area .row.type-1 [class*=col] {
  padding-right: 22.5px;
  padding-left: 22.5px;
  margin-bottom: 40px;
}
.list-area .row.type-2 [class*=col] {
  margin-bottom: 30px;
}
.list-area .media-list {
  font-size: 0;
  background: #FFF;
}
.list-area .media-list.type-1 {
  position: relative;
  max-width: 580px;
  height: 100%;
  margin: auto;
  overflow: visible;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  .list-area .media-list.type-1 {
    max-width: none;
  }
}
.list-area .media-list.type-1 .media-area {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 15px 10px;
}
.list-area .media-list.type-1 .content-area {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  margin-top: 0;
  padding: 5px 20px 20px;
}
.list-area .media-list.type-1 .top-tag {
  position: absolute;
  top: -17px;
  left: 20px;
}
.list-area .media-list.type-1 .top-tag img {
  width: 44px;
}
.list-area .media-list.type-1 > a, .list-area .media-list.type-1 > div {
  display: block;
  height: 100%;
  transition: box-shadow 0.5s;
}
.list-area .media-list.type-1 > a:hover, .list-area .media-list.type-1 > div:hover {
  box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.15);
}
.list-area .media-list.type-1 > a:hover .acart-proportion-box:before, .list-area .media-list.type-1 > div:hover .acart-proportion-box:before {
  transform: scale(1.25) translate3d(0, 0, 0);
  -webkit-transform: scale(1.25) translate3d(0, 0, 0);
}
.list-area .media-list.type-1 > a:hover .read-more-area, .list-area .media-list.type-1 > div:hover .read-more-area {
  color: #FF6100;
}
.list-area .media-list.type-1 > a:hover .read-more-area > span, .list-area .media-list.type-1 > div:hover .read-more-area > span {
  background: url("../img/button/list_more_hover_2x.png") 5% 50% no-repeat;
  background-size: 17px 9px;
}
.list-area .media-list.type-2 {
  max-width: 345px;
  margin: 0 auto;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.5s;
}
@media screen and (min-width: 768px) {
  .list-area .media-list.type-2 {
    max-width: 616px;
    padding: 10px 20px 10px 10px;
  }
  .list-area .media-list.type-2 > a {
    display: flex;
  }
  .list-area .media-list.type-2 > a:focus, .list-area .media-list.type-2 > a:hover, .list-area .media-list.type-2 > a:visited {
    text-decoration: none;
  }
}
.list-area .media-list.type-2 .media-area {
  align-items: stretch;
  position: relative;
  width: 100%;
  padding: 15px 10px;
}
@media screen and (min-width: 768px) {
  .list-area .media-list.type-2 .media-area {
    width: 223px;
    margin-bottom: 0;
    padding: 0;
  }
}
.list-area .media-list.type-2 .content-area {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 100%;
  margin-top: 0;
  padding: 15px 24px 35px 24px;
}
.list-area .media-list.type-2 .content-area .title-area {
  margin-bottom: 20px;
}
.list-area .media-list.type-2 .content-area .info-area {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .list-area .media-list.type-2 .content-area {
    width: calc(100% - 223px);
    padding: 15px 0 15px 30px;
  }
  .list-area .media-list.type-2 .content-area .title-area {
    margin-bottom: 0;
  }
}
.list-area .media-list.type-2:hover {
  box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
.list-area .media-list.type-2:hover .acart-proportion-box:before {
  transform: scale(1.25) translate3d(0, 0, 0);
  -webkit-transform: scale(1.25) translate3d(0, 0, 0);
}
.list-area .media-list.type-3 {
  margin: 0 auto;
  height: 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
.list-area .media-list.type-3 .info-area .status-tag {
  padding: 5px 8px;
  font-size: 15px;
  line-height: 1;
  color: #FFF;
  border-radius: 5px;
}
.list-area .media-list.type-3 .info-area .status-tag.type-1 {
  background: #FF8F1D;
}
.list-area .media-list.type-3 .info-area .status-tag.type-2 {
  background: #50A3FF;
}
.list-area .media-list.type-3 .title-area {
  font-size: 22px;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
}
.list-area .media-list.type-3 .item-group {
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #707070;
}
.list-area .media-list.type-3 .item-group > .item {
  display: flex;
}
.list-area .media-list.type-3 .item-group > .item + .item {
  margin-top: 5px;
}
.list-area .media-list.type-3 > a, .list-area .media-list.type-3 > div {
  display: block;
  height: 100%;
  text-decoration: none;
  padding: 30px 25px;
  transition: box-shadow 0.5s;
}
.list-area .media-list.type-3 > a:hover, .list-area .media-list.type-3 > div:hover {
  box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.15);
}
.list-area .media-list.type-3 > a:hover .acart-proportion-box:before, .list-area .media-list.type-3 > div:hover .acart-proportion-box:before {
  transform: scale(1.25) translate3d(0, 0, 0);
  -webkit-transform: scale(1.25) translate3d(0, 0, 0);
}
.list-area .media-list.type-3 > a:hover .read-more-area, .list-area .media-list.type-3 > div:hover .read-more-area {
  color: #FF6100;
}
.list-area .media-list.type-3 > a:hover .read-more-area > span, .list-area .media-list.type-3 > div:hover .read-more-area > span {
  background: url("../img/button/list_more_hover_2x.png") 5% 50% no-repeat;
  background-size: 17px 9px;
}

.recommend-read-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 14px;
}
.recommend-read-box + .recommend-read-box {
  margin-top: 90px;
}
@media screen and (min-width: 768px) {
  .recommend-read-box {
    flex-direction: row;
  }
}
.recommend-read-box .recommend-read-title-area {
  width: 100%;
  max-width: 250px;
  flex: 1 1 auto;
  margin-bottom: 35px;
}
.recommend-read-box .recommend-read-title-area .recommend-read-icon {
  text-align: center;
  margin-bottom: 5px;
}
.recommend-read-box .recommend-read-title-area .recommend-read-icon img {
  width: 240px;
  max-width: 100%;
}
.recommend-read-box .recommend-read-title-area .recommend-read-title {
  font-size: 32px;
  line-height: 1;
  color: #FF6100;
  margin-bottom: 15px;
  text-align: center;
}
.recommend-read-box .recommend-read-title-area .recommend-read-desc {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .recommend-read-box .recommend-read-title-area {
    max-width: 180px;
  }
}
@media screen and (min-width: 992px) {
  .recommend-read-box .recommend-read-title-area {
    max-width: 250px;
  }
}
.recommend-read-box .recommend-read-list-area {
  width: 100%;
  flex: 1 1 auto;
}
.recommend-read-box .recommend-read-list-area .owl-carousel {
  margin-bottom: 18px;
}
.recommend-read-box .recommend-read-list-area .owl-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}
.recommend-read-box .recommend-read-list-area .owl-carousel .owl-item {
  padding-bottom: 7px;
  padding-right: 5px;
  padding-left: 5px;
}
.recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav {
  height: 0;
  margin-top: 0;
}
.recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button {
  position: absolute;
  bottom: -52px;
  font-size: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0;
  border: 0;
  opacity: 1;
}
.recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button.owl-prev {
  background: url("../img/publishing/recommend_read/recommend_arrow_left_2x.png") center no-repeat;
  background-size: 50px 50px;
  left: 50%;
  transform: translateX(-116px);
}
.recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button.owl-prev:hover {
  background: url("../img/publishing/recommend_read/recommend_arrow_left_hover_2x.png") center no-repeat;
  background-size: 50px 50px;
}
.recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button.owl-next {
  background: url("../img/publishing/recommend_read/recommend_arrow_right_2x.png") center no-repeat;
  background-size: 50px 50px;
  left: 50%;
  transform: translateX(66px);
}
.recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button.owl-next:hover {
  background: url("../img/publishing/recommend_read/recommend_arrow_right_hover_2x.png") center no-repeat;
  background-size: 50px 50px;
}
@media screen and (min-width: 768px) {
  .recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button {
    width: 85px;
    height: 85px;
    top: 50%;
    bottom: auto;
  }
  .recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button.owl-prev {
    background: url("../img/publishing/recommend_read/recommend_arrow_left_2x.png") center no-repeat;
    background-size: 85px 85px;
    left: -45px;
    transform: translateY(-50%);
  }
  .recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button.owl-prev:hover {
    background: url("../img/publishing/recommend_read/recommend_arrow_left_hover_2x.png") center no-repeat;
    background-size: 85px 85px;
  }
  .recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button.owl-next {
    background: url("../img/publishing/recommend_read/recommend_arrow_right_2x.png") center no-repeat;
    background-size: 85px 85px;
    right: -45px;
    left: auto;
    transform: translateY(-50%);
  }
  .recommend-read-box .recommend-read-list-area .owl-carousel .owl-nav button.owl-next:hover {
    background: url("../img/publishing/recommend_read/recommend_arrow_right_hover_2x.png") center no-repeat;
    background-size: 85px 85px;
  }
}
.recommend-read-box .recommend-read-list-area .counter-box {
  font-size: 17px;
  line-height: 1;
  color: #FF8F1D;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .recommend-read-box .recommend-read-list-area {
    width: calc(100% - 250px);
    padding-left: 47px;
    padding-right: 39px;
  }
}

.folding-box {
  background: #FFF;
  border-radius: 10px;
}
.folding-box + .folding-box {
  margin-top: 20px;
}
.folding-box .switch-btn-area {
  margin-left: auto;
  width: 20px;
  padding-top: 5px;
}
.folding-box .switch-btn-area .switch-btn {
  width: 20px;
  height: 20px;
  background: url("../img/button/button_question_on_2x.png") center no-repeat;
  background-size: 20px;
}
.folding-box .folding-title {
  display: flex;
  font-size: 22px;
  line-height: 1.3;
  color: #262626;
  cursor: pointer;
  padding: 25px;
}
.folding-box .folding-title .title {
  width: calc(100% - 20px);
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .folding-box .folding-title {
    font-size: 21px;
  }
}
.folding-box .folding-content {
  color: #707070;
  display: none;
  overflow: hidden;
  width: 100%;
  padding: 0 25px 25px;
}
.folding-box.active .switch-btn-area .switch-btn {
  background: url("../img/button/button_question_off_2x.png") center no-repeat;
  background-size: 20px;
}
.folding-box.active .folding-title {
  color: #FF6100;
}
.fixedpage-container {
  width: 940px;
}

.aboutus-title-area {
  line-height: 1.3;
  text-align: center;
}
.aboutus-title-area .main-title {
  font-size: 28px;
  color: #FF6100;
  font-weight: bold;
  margin-bottom: 10px;
}
.aboutus-title-area .sub-title {
  font-size: 20px;
  color: #000;
}
.aboutus-title-area.tb-pd {
  padding: 30px 0;
}
.aboutus-title-area.xs-left {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .aboutus-title-area .main-title {
    font-size: 32px;
  }
  .aboutus-title-area .sub-title {
    font-size: 24px;
  }
  .aboutus-title-area.xs-left {
    text-align: center;
  }
  .aboutus-title-area.tb-pd {
    padding: 40px 0;
  }
}

.influence-num-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 90px;
}
@media screen and (min-width: 992px) {
  .influence-num-box {
    flex-direction: row;
    align-items: start;
  }
}
.influence-num-box .influence-num-item {
  flex: 1;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
}
.influence-num-box .influence-num-item + .influence-num-item {
  margin-top: 50px;
}
.influence-num-box .influence-num-item .num-group {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1;
}
.influence-num-box .influence-num-item .num-group span.num {
  font-size: 48px;
  line-height: 1;
  color: #FF6100;
  margin-right: 15px;
  font-family: "Roboto", "Arial";
}
@media screen and (min-width: 992px) {
  .influence-num-box .influence-num-item + .influence-num-item {
    margin-top: 0;
  }
}

.circle-content-area {
  background: url("../img/fixedpage/donate_support/support_bg01_xs.png") center repeat-x;
  background-size: 615px 330px;
  min-height: 330px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-content-area .aboutus-title-area {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .circle-content-area {
    background: url("../img/fixedpage/donate_support/support_bg01_lg.png") center repeat-x;
    background-size: 850px 456px;
    min-height: 456px;
  }
}

.story-act-area {
  font-size: 0;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .story-act-area {
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 992px) {
  .story-act-area {
    margin-bottom: -16px;
  }
}
.story-act-area .act-img {
  display: inline-block;
  vertical-align: middle;
  max-width: 304px;
}
.story-act-area .act-img img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .story-act-area .act-img {
    max-width: 380px;
  }
}
.story-act-area .act-content {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-top: 30px;
  letter-spacing: 0;
}
.story-act-area .act-content .act-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
  color: #FF6100;
  margin-bottom: 15px;
}
.story-act-area .act-content .act-desc {
  font-size: 24px;
  line-height: 1.3;
  color: #000;
}
.story-act-area .act-content .support-btn {
  background: url("../img/fixedpage/donate_support/button_support_2x.png") center no-repeat;
  background-size: 190px 62px;
  width: 190px;
  height: 62px;
  display: inline-block;
  margin-top: 35px;
}
.story-act-area .act-content .support-btn:hover, .story-act-area .act-content .support-btn:focus {
  background: url("../img/fixedpage/donate_support/button_support_hover_2x.png") center no-repeat;
  background-size: 190px 62px;
}
@media screen and (min-width: 768px) {
  .story-act-area .act-content {
    padding-top: 0;
    padding-left: 30px;
    max-width: 320px;
  }
}
@media screen and (min-width: 992px) {
  .story-act-area .act-content {
    padding-left: 40px;
  }
}

.selection-method-page .white-bg {
  background: #FFF;
}
.selection-method-page .article-area ul, .selection-method-page .article-area ol {
  margin-bottom: 25px;
}
.selection-method-page .article-area.award-method ul {
  margin-bottom: 0;
}
.selection-method-page .article-area.award-method ul + ul {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .selection-method-page .article-area.award-method ul {
    display: inline-block;
  }
  .selection-method-page .article-area.award-method ul + ul {
    margin-left: 30px;
  }
}
@media screen and (min-width: 1260px) {
  .selection-method-page .article-area.award-method ul + ul {
    margin-left: 50px;
  }
}
.selection-method-page .competition-info-area {
  position: relative;
  padding-bottom: 45px;
}
@media screen and (min-width: 768px) {
  .selection-method-page .competition-info-area {
    padding-bottom: 75px;
  }
}
.selection-method-page .competition-info-area .kv-img {
  text-align: center;
  margin-bottom: 30px;
}
.selection-method-page .competition-info-area .kv-img img {
  width: 100%;
  max-width: 738px;
}
@media screen and (min-width: 768px) {
  .selection-method-page .competition-info-area .kv-img {
    margin-bottom: 45px;
  }
  .selection-method-page .competition-info-area .kv-img img {
    max-width: 1230px;
  }
}
.selection-method-page .competition-info-area .kv-title {
  font-size: 36px;
  line-height: 1.3;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #000;
}
.selection-method-page .competition-info-area .kv-title span.orange {
  color: #FF6100;
}
@media screen and (min-width: 768px) {
  .selection-method-page .competition-info-area .kv-title {
    font-size: 48px;
  }
}
.selection-method-page .competition-info-area .btn-area {
  text-align: center;
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .selection-method-page .competition-info-area .btn-area {
    padding-top: 75px;
  }
}
.selection-method-page .competition-info-area:before {
  content: "";
  position: absolute;
  left: calc(50% + 218px);
  bottom: 52px;
  background: url("../img/fixedpage/selection_method/competition_pic01.png") center no-repeat;
  background-size: 300px 937px;
  width: 300px;
  height: 937px;
  display: none;
}
@media screen and (min-width: 768px) {
  .selection-method-page .competition-info-area:before {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .selection-method-page .competition-info-area:before {
    left: calc(50% + 315px);
    bottom: 200px;
  }
}
.selection-method-page .specification-area {
  position: relative;
}
.selection-method-page .specification-area .article-area h3 {
  color: #50A3FF;
}
.selection-method-page .specification-area .competition-process-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 80px;
}
.selection-method-page .specification-area .competition-process-area .role {
  max-width: 293px;
}
.selection-method-page .specification-area .competition-process-area .role img {
  max-width: 100%;
}
.selection-method-page .specification-area .competition-process-area .process-area {
  margin-bottom: 50px;
}
.selection-method-page .specification-area .competition-process-area .process-step {
  padding-left: 50px;
  padding-bottom: 45px;
  position: relative;
}
.selection-method-page .specification-area .competition-process-area .process-step:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 8px;
  height: 100%;
  width: 4px;
  background: #FF6100;
}
.selection-method-page .specification-area .competition-process-area .process-step:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #FF6100;
}
.selection-method-page .specification-area .competition-process-area .process-step:last-child {
  padding-bottom: 0;
}
.selection-method-page .specification-area .competition-process-area .process-step:last-child:before {
  display: none;
}
@media screen and (min-width: 768px) {
  .selection-method-page .specification-area .competition-process-area {
    flex-direction: row;
  }
  .selection-method-page .specification-area .competition-process-area .role {
    order: 1;
    margin-right: 70px;
  }
  .selection-method-page .specification-area .competition-process-area .process-area {
    order: 2;
    margin-bottom: 0;
  }
}
.selection-method-page .specification-area:before {
  content: "";
  position: absolute;
  left: calc(50% + 497px);
  top: 172px;
  background: url("../img/fixedpage/selection_method/competition_pic02.png") center no-repeat;
  background-size: 230px 591px;
  width: 230px;
  height: 591px;
  display: none;
}
@media screen and (min-width: 768px) {
  .selection-method-page .specification-area:before {
    display: block;
  }
}
.selection-method-page .selection-method-area .article-area h3 {
  color: #50A3FF;
}
.selection-method-page .selection-method-area .article-area table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FF6100;
  background: #FFFCFA;
  margin-bottom: 0;
}
.selection-method-page .selection-method-area .article-area table td {
  border: 1px solid #FF6100;
  padding: 15px;
}
.selection-method-page .selection-method-area .form-btn-area {
  margin-top: 0;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .selection-method-page .selection-method-area .form-btn-area {
    padding-top: 75px;
  }
}
.selection-method-page .district-title-area {
  padding-top: 50px;
  padding-bottom: 30px;
  text-align: center;
}
.selection-method-page .district-title-area .district-title {
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  color: #FF6100;
  letter-spacing: 0.1em;
}
.selection-method-page .district-title-area.more-top {
  padding-top: 80px;
}
@media screen and (min-width: 768px) {
  .selection-method-page .district-title-area.more-top {
    padding-top: 110px;
  }
}

.aboutus-page {
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .aboutus-page {
    font-size: 20px;
    line-height: 1.6;
  }
}
.aboutus-page .about-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutus-page .about-area .about-content {
  margin-bottom: 30px;
}
.aboutus-page .about-area .about-content .aboutus-title-area {
  margin-bottom: 25px;
}
.aboutus-page .about-area .about-img {
  max-width: 217px;
}
.aboutus-page .about-area .about-img img {
  max-width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .aboutus-page .about-area {
    flex-direction: row;
    align-items: start;
    padding-bottom: 30px;
  }
  .aboutus-page .about-area .about-content {
    margin-bottom: 0;
    padding-right: 30px;
  }
  .aboutus-page .about-area .about-content .aboutus-title-area {
    margin-bottom: 35px;
  }
  .aboutus-page .about-area .about-content .aboutus-title-area .main-title {
    margin-bottom: 15px;
  }
  .aboutus-page .about-area .about-img {
    flex: 0 0 217px;
    max-width: none;
  }
}
@media screen and (min-width: 992px) {
  .aboutus-page .about-area {
    padding-bottom: 0;
  }
  .aboutus-page .about-area .about-content {
    padding-top: 70px;
    padding-right: 40px;
  }
  .aboutus-page .about-area .about-img {
    flex: 0 0 310px;
  }
}
.aboutus-page .service-target-area {
  margin-top: -35px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .aboutus-page .service-target-area {
    margin-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .aboutus-page .service-target-area {
    margin-top: -59px;
  }
}
.aboutus-page .service-target-area .service-target-content {
  position: relative;
  background: #FFECD8;
  padding-bottom: 198px;
  padding-top: 84px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .aboutus-page .service-target-area .service-target-content .content-inner {
    margin: 0 auto;
    max-width: 566px;
  }
}
.aboutus-page .service-target-area .service-target-content .service-target-title {
  font-size: 28px;
  line-height: 1;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
}
.aboutus-page .service-target-area .service-target-content:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/fixedpage/aboutus/about_bg_01.png") 50% 0 repeat;
  background-size: auto 78px;
  width: 100%;
  height: 78px;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .aboutus-page .service-target-area .service-target-content:before {
    background-size: auto 147px;
    height: 147px;
  }
}
.aboutus-page .service-target-area .service-target-content .bg-img-01 {
  position: absolute;
  top: 0;
  left: calc(50% - 445px - 244px);
  background: url("../img/fixedpage/aboutus/about_pic02_2x.png") center no-repeat;
  background-size: 445px 610px;
  width: 445px;
  height: 610px;
  display: none;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .aboutus-page .service-target-area .service-target-content .bg-img-01 {
    display: block;
  }
}
@media screen and (min-width: 1366px) {
  .aboutus-page .service-target-area .service-target-content .bg-img-01 {
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-page .service-target-area .service-target-content {
    padding-bottom: 269px;
    padding-top: 90px;
  }
  .aboutus-page .service-target-area .service-target-content .service-target-title {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 992px) {
  .aboutus-page .service-target-area .service-target-content {
    padding-bottom: 280px;
  }
}
.aboutus-page .service-target-area .official-site-box {
  font-size: 0;
  max-width: 608px;
  margin: 0 auto;
  position: relative;
  margin-top: -39px;
}
@media screen and (min-width: 768px) {
  .aboutus-page .service-target-area .official-site-box {
    margin-top: -110px;
  }
}
@media screen and (min-width: 992px) {
  .aboutus-page .service-target-area .official-site-box {
    margin-top: -197px;
  }
}
.aboutus-page .service-target-area .official-site-box .box-item {
  padding: 18px;
  border-radius: 20px;
  background: #FFF;
  display: inline-block;
  width: 100%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 4;
}
.aboutus-page .service-target-area .official-site-box .box-item .logo {
  margin-bottom: 23px;
  text-align: center;
}
.aboutus-page .service-target-area .official-site-box .box-item .logo img {
  width: auto;
  height: 100%;
  max-height: 96px;
  max-width: 100%;
}
.aboutus-page .service-target-area .official-site-box .box-item .btn-area {
  text-align: center;
}
.aboutus-page .service-target-area .official-site-box .box-item .btn-area .site-btn {
  padding: 24px 35px;
  border-radius: 20px;
  background: #FF8F1D;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  height: 66px;
  color: #FFF;
  display: block;
  text-decoration: none;
}
.aboutus-page .service-target-area .official-site-box .box-item .btn-area .site-btn:hover, .aboutus-page .service-target-area .official-site-box .box-item .btn-area .site-btn:focus {
  background: #262626;
}
.aboutus-page .service-target-area .official-site-box .box-item + .box-item {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .aboutus-page .service-target-area .official-site-box .box-item {
    width: calc(50% - 20px);
  }
  .aboutus-page .service-target-area .official-site-box .box-item + .box-item {
    margin-top: 0;
    margin-left: 40px;
  }
}
.aboutus-page .service-target-area .official-site-box .role-img {
  position: absolute;
  bottom: calc(100% - 58px);
  right: 0;
  width: 160px;
  height: 200px;
  z-index: 3;
}
.aboutus-page .service-target-area .official-site-box .role-img img {
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .aboutus-page .service-target-area .official-site-box .role-img {
    bottom: 31px;
    left: calc(50% + 352px);
    width: 320px;
    height: 400px;
    z-index: 1;
  }
}
.aboutus-page .know-symptom-area {
  padding-top: 90px;
}
.aboutus-page .know-symptom-area .aboutus-title-area {
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .aboutus-page .know-symptom-area .aboutus-title-area {
    margin-bottom: 50px;
  }
}
.aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item {
  position: relative;
  padding-top: 147px;
}
.aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item .info-content {
  border-radius: 60px;
  padding: 60px 20px 40px;
  background: #FFECD8;
}
.aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item .info-content .info-title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item .info-img {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 77px);
  width: 153px;
  z-index: 2;
}
.aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item .info-img img {
  max-width: 100%;
}
.aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item.right {
  margin-top: 35px;
}
@media screen and (min-width: 768px) {
  .aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item {
    padding-top: 0;
    padding-left: 179px;
  }
  .aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item .info-content {
    border-radius: 100px;
    padding: 60px 60px 60px 100px;
  }
  .aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item .info-content .info-title {
    font-size: 28px;
    line-height: 1;
  }
  .aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item .info-img {
    width: 255px;
    top: calc(50% - 160px);
    left: 0;
  }
  .aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item.right {
    padding-left: 0;
    padding-right: 179px;
    margin-top: 50px;
  }
  .aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item.right .info-content {
    padding: 60px 100px 60px 60px;
  }
  .aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item.right .info-img {
    left: auto;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-page .know-symptom-area .symptom-info-area .symptom-info-item .info-content {
    border-radius: 150px;
  }
}
.aboutus-page .competition-intro-area {
  padding-top: 90px;
}
.aboutus-page .competition-intro-area .competition-intro-title {
  line-height: 1.3;
  font-size: 32px;
  color: #FF6100;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.aboutus-page .competition-intro-area .competition-intro-logo {
  text-align: center;
  margin-bottom: 40px;
}
.aboutus-page .competition-intro-area .competition-intro-logo img {
  width: 100%;
  max-width: 370px;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item + .competition-intro-item {
  margin-top: 70px;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item .intro-item-content {
  margin-bottom: 20px;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item .intro-item-content .intro-main-title {
  font-size: 24px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 20px;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item .intro-item-content .intro-item-title {
  font-size: 20px;
  line-height: 1.6;
  color: #FF6100;
  margin-bottom: 20px;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item .intro-item-img img {
  max-width: 100%;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.item1 .intro-item-img {
  max-width: 284px;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.item2 .intro-item-img {
  max-width: 403px;
}
.aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.item3 .intro-item-img {
  max-width: 380px;
}
@media screen and (min-width: 768px) {
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item .intro-item-content {
    margin-bottom: 20px;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item .intro-item-content .intro-main-title {
    font-size: 28px;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item .intro-item-content .intro-item-title {
    font-size: 24px;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.item1 .intro-item-img {
    max-width: 580px;
  }
}
@media screen and (min-width: 992px) {
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item {
    flex-direction: row;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item .intro-item-content {
    padding-right: 40px;
    margin-bottom: 0;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.item1 .intro-item-img {
    flex: 0 0 284px;
    max-width: none;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.item2 .intro-item-img {
    flex: 0 0 403px;
    max-width: none;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.item3 .intro-item-img {
    flex: 0 0 380px;
    max-width: none;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.left .intro-item-img {
    order: 1;
  }
  .aboutus-page .competition-intro-area .competition-intro-box .competition-intro-item.left .intro-item-content {
    order: 2;
    padding-right: 0;
    padding-left: 40px;
  }
}
.aboutus-page .influence-area {
  margin-top: 148px;
  background: #FEF4D2;
  position: relative;
}
.aboutus-page .influence-area .introduce-img {
  width: 100%;
  margin-bottom: 75px;
  text-align: center;
}
.aboutus-page .influence-area .introduce-img img {
  margin-top: -58px;
  max-width: 1178px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .aboutus-page .influence-area .introduce-img {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.aboutus-page .influence-area .influence-word {
  font-size: 20px;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.2em;
  margin-bottom: 75px;
}
@media screen and (min-width: 768px) {
  .aboutus-page .influence-area .influence-word {
    font-size: 28px;
    text-align: center;
  }
}
.aboutus-page .influence-area .influence-title {
  font-size: 40px;
  line-height: 1.3;
  color: #FF6100;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .aboutus-page .influence-area .influence-title {
    font-size: 48px;
  }
}
.aboutus-page .influence-area .our-influence-area {
  position: relative;
}
.aboutus-page .influence-area .our-influence-area .influence-title {
  margin-bottom: 50px;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area {
  margin-bottom: 90px;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .influence-carousel .influence-photo img {
  max-width: 100%;
  border-radius: 30px;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .influence-carousel .owl-dots {
  margin-top: 20px;
  font-size: 0;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .influence-carousel .owl-dots .owl-dot + .owl-dot {
  margin-left: 24px;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .influence-carousel .owl-dots .owl-dot span {
  border: 1px solid #FF8F1D;
  background: transparent;
  width: 10px;
  height: 10px;
  margin: 0;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .influence-carousel .owl-dots .owl-dot.active span {
  background: #FF8F1D;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .owl-photo-dots {
  display: none;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .aboutus-page .influence-area .our-influence-area .influence-carousel-area .owl-photo-dots {
    display: flex;
  }
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .owl-photo-dots .photo-dot {
  flex: 1;
  opacity: 0.5;
  cursor: pointer;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .owl-photo-dots .photo-dot img {
  max-width: 100%;
  border-radius: 20px;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .owl-photo-dots .photo-dot + .photo-dot {
  margin-left: 30px;
}
.aboutus-page .influence-area .our-influence-area .influence-carousel-area .owl-photo-dots .photo-dot.active {
  opacity: 1;
}
.aboutus-page .influence-area .our-influence-area .support-area {
  text-align: center;
}
.aboutus-page .influence-area .our-influence-area .support-area .influence-title {
  margin-bottom: 35px;
}
.aboutus-page .influence-area .our-influence-area .support-area .support-desc {
  margin-bottom: 35px;
}
.aboutus-page .influence-area .our-influence-area .support-area .support-img {
  position: relative;
  text-align: center;
  z-index: 2;
  margin-top: 35px;
}
.aboutus-page .influence-area .our-influence-area .support-area .support-img img {
  width: 100%;
  max-width: 912px;
}
@media screen and (min-width: 768px) {
  .aboutus-page .influence-area .our-influence-area .support-area .support-img {
    margin-top: 0;
  }
}
.aboutus-page .influence-area:before {
  content: "";
  position: absolute;
  top: 528px;
  left: calc(50% + 240px);
  background: url("../img/fixedpage/aboutus/about_bg_03.png") center no-repeat;
  background-size: 221px 580px;
  width: 221px;
  height: 580px;
  display: none;
}
@media screen and (min-width: 768px) {
  .aboutus-page .influence-area:before {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .aboutus-page .influence-area:before {
    top: 463px;
    left: calc(50% + 477px);
  }
}
.aboutus-page .influence-area:after {
  content: "";
  position: absolute;
  bottom: 336px;
  left: calc(50% - 286px - 476px);
  background: url("../img/fixedpage/aboutus/about_bg_04.png") center no-repeat;
  background-size: 286px 750px;
  width: 286px;
  height: 750px;
  display: none;
}
@media screen and (min-width: 992px) {
  .aboutus-page .influence-area:after {
    display: block;
  }
}

.donate-support-page {
  letter-spacing: 0;
  font-size: 20px;
  line-height: 1.6;
}
.donate-support-page .donate-img-text-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.donate-support-page .donate-img-text-area .img-area {
  max-width: 485px;
  margin-bottom: 20px;
  text-align: center;
}
.donate-support-page .donate-img-text-area .img-area img {
  max-width: 80%;
}
@media screen and (min-width: 768px) {
  .donate-support-page .donate-img-text-area .img-area img {
    max-width: 100%;
  }
}
.donate-support-page .donate-img-text-area.intro {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: -207px;
}
@media screen and (min-width: 768px) {
  .donate-support-page .donate-img-text-area.intro {
    margin-bottom: -171px;
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .donate-img-text-area.intro {
    margin-bottom: -45px;
  }
}
.donate-support-page .donate-img-text-area.intro .img-area {
  max-width: 284px;
  margin-bottom: 40px;
}
.donate-support-page .donate-img-text-area.intro .desc-area {
  max-width: 576px;
  font-size: 28px;
  line-height: 1.6;
  font-weight: bold;
  color: #FF6100;
}
.donate-support-page .donate-img-text-area.feedback {
  margin-top: 90px;
  position: relative;
  z-index: 2;
  margin-bottom: -257px;
}
.donate-support-page .donate-img-text-area.feedback .img-area {
  max-width: 320px;
}
.donate-support-page .donate-img-text-area.feedback .desc-area {
  color: #000;
}
@media screen and (min-width: 768px) {
  .donate-support-page .donate-img-text-area.feedback {
    margin-bottom: -181px;
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .donate-img-text-area {
    flex-direction: row;
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .donate-support-page .donate-img-text-area .desc-area {
    padding-left: 40px;
  }
  .donate-support-page .donate-img-text-area .img-area {
    flex: 0 0 485px;
    margin-bottom: 0;
  }
  .donate-support-page .donate-img-text-area.intro .img-area {
    max-width: 335px;
    flex: 0 0 355px;
    margin-bottom: 0;
  }
  .donate-support-page .donate-img-text-area.intro .desc-area {
    font-size: 32px;
  }
  .donate-support-page .donate-img-text-area.feedback {
    margin-bottom: -38px;
  }
  .donate-support-page .donate-img-text-area.feedback .img-area {
    max-width: 400px;
  }
  .donate-support-page .donate-img-text-area.right .img-area {
    order: 2;
  }
  .donate-support-page .donate-img-text-area.right .desc-area {
    order: 1;
    padding-left: 0;
    padding-right: 40px;
  }
}
.donate-support-page .gift-img-area {
  position: relative;
  width: 100%;
  height: 242px;
  margin-top: 45px;
  background: url("../img/fixedpage/donate_support/support_pic05_xs_2x.png") center no-repeat;
  background-size: 574px 242px;
}
@media screen and (min-width: 768px) {
  .donate-support-page .gift-img-area {
    background: url("../img/fixedpage/donate_support/support_pic05_lg_2x.png") no-repeat;
    background-position: calc(50% - 183px) 50%;
    background-size: 800px 320px;
    height: 320px;
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .gift-img-area {
    background-size: 1000px 400px;
    height: 400px;
  }
}
.donate-support-page .influence-num-box {
  margin-top: 90px;
}
.donate-support-page .influence-num-box .influence-num-item {
  line-height: 1;
}
.donate-support-page .influence-num-box .influence-num-item .num-title {
  margin-bottom: 30px;
}
.donate-support-page .influence-num-box .influence-num-item .num-title .b-title {
  margin-bottom: 15px;
  font-weight: bold;
}
.donate-support-page .influence-num-box .influence-num-item span.num {
  margin-left: 15px;
}
.donate-support-page .star-bg-area {
  position: relative;
}
.donate-support-page .star-bg-area:before, .donate-support-page .star-bg-area:after {
  content: "";
  position: absolute;
  background: url("../img/fixedpage/donate_support/support_star.png") center no-repeat;
  background-size: 380px;
  width: 380px;
  height: 380px;
}
.donate-support-page .star-bg-area:before {
  top: 90px;
  left: calc(50% - 11px - 424px);
}
.donate-support-page .star-bg-area:after {
  top: 518px;
  left: calc(50% + 18px);
}
@media screen and (min-width: 768px) {
  .donate-support-page .star-bg-area:before, .donate-support-page .star-bg-area:after {
    width: 424px;
    height: 424px;
    background-size: 424px;
  }
  .donate-support-page .star-bg-area:before {
    top: 120px;
    left: calc(50% - 170px - 424px);
  }
  .donate-support-page .star-bg-area:after {
    top: 537px;
    left: calc(50% + 172px);
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .star-bg-area:before {
    top: auto;
    bottom: 102px;
    left: calc(50% - 446px - 424px);
  }
  .donate-support-page .star-bg-area:after {
    top: auto;
    bottom: 202px;
    left: calc(50% + 406px);
  }
}
.donate-support-page .sound-story-img-area {
  width: 133%;
  padding-bottom: 178.22%;
  position: relative;
  margin-bottom: 50px;
  z-index: 2;
}
.donate-support-page .sound-story-img-area .story-img {
  position: absolute;
  top: 0;
  left: 5%;
  background: url("../img/fixedpage/donate_support/support_pic06_xs_2x.png") center no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
}
.donate-support-page .sound-story-img-area .story-img:hover, .donate-support-page .sound-story-img-area .story-img:focus {
  background: url("../img/fixedpage/donate_support/support_pic06_xs_hover_2x.png") center no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 375px) {
  .donate-support-page .sound-story-img-area {
    width: 100%;
    height: 670px;
    padding-bottom: 0;
  }
  .donate-support-page .sound-story-img-area .story-img {
    left: calc(50% - 250px + 84px);
    background-size: 500px 670px;
    width: 500px;
    height: 670px;
    padding-bottom: 0;
  }
  .donate-support-page .sound-story-img-area .story-img:hover, .donate-support-page .sound-story-img-area .story-img:focus {
    background: url("../img/fixedpage/donate_support/support_pic06_xs_hover_2x.png") center no-repeat;
    background-size: 500px 670px;
  }
}
@media screen and (min-width: 768px) {
  .donate-support-page .sound-story-img-area {
    height: 450px;
  }
  .donate-support-page .sound-story-img-area .story-img {
    left: calc(50% - 331px);
    background: url("../img/fixedpage/donate_support/support_pic06_lg_2x.png") center no-repeat;
    background-size: 662px 450px;
    width: 662px;
    height: 450px;
  }
  .donate-support-page .sound-story-img-area .story-img:hover, .donate-support-page .sound-story-img-area .story-img:focus {
    background: url("../img/fixedpage/donate_support/support_pic06_lg_hover_2x.png") center no-repeat;
    background-size: 662px 450px;
  }
}
.donate-support-page .view-item-area {
  background: #FFF;
  padding-top: 255px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .donate-support-page .view-item-area {
    padding-top: 221px;
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .view-item-area {
    padding-top: 95px;
  }
}
.donate-support-page .view-item-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  background: url("../img/fixedpage/donate_support/support_bg02_xs.png") #FFF5EA top center no-repeat;
  background-size: 991px 136px;
  width: 991px;
  height: 136px;
}
@media screen and (min-width: 768px) {
  .donate-support-page .view-item-area:before {
    background: url("../img/fixedpage/donate_support/support_bg02_lg.png") #FFF5EA center no-repeat;
    background-size: 3000px 400px;
    width: 3000px;
    height: 400px;
    top: 0;
  }
}
.donate-support-page .view-item-area .view-item-box {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .donate-support-page .view-item-area .view-item-box {
    padding: 0 15px;
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .view-item-area .view-item-box {
    width: 970px;
  }
}
.donate-support-page .view-item-area .view-item-box .view-item {
  position: relative;
}
.donate-support-page .view-item-area .view-item-box .view-item img {
  max-width: 100%;
}
.donate-support-page .view-item-area .view-item-box .view-item + .view-item {
  margin-top: 50px;
}
.donate-support-page .view-item-area .view-item-box .view-item .item-title {
  background: #FF8F1D;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding: 30px 15px;
}
.donate-support-page .view-item-area .view-item-box .view-item .item-title .top-title {
  color: #FFF;
  margin-bottom: 10px;
}
.donate-support-page .view-item-area .view-item-box .view-item .go-btn {
  position: absolute;
  bottom: 30px;
  right: 15px;
  color: #000;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.05em;
  z-index: 2;
  background: url("../img/fixedpage/donate_support/button_arrow_2x.png") right no-repeat;
  background-size: 40px 40px;
  padding-right: 50px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  cursor: pointer;
}
.donate-support-page .view-item-area .view-item-box .view-item .go-btn:hover, .donate-support-page .view-item-area .view-item-box .view-item .go-btn:focus {
  color: #FFF;
  background: url("../img/fixedpage/donate_support/button_arrow_hover_2x.png") right no-repeat;
  background-size: 40px 40px;
}
@media screen and (min-width: 768px) {
  .donate-support-page .view-item-area .view-item-box .view-item .go-btn {
    background: url("../img/fixedpage/donate_support/button_play_2x.png") right no-repeat;
    background-size: 47px 47px;
    right: 6%;
    bottom: 6%;
    font-size: 22px;
    padding-right: 57px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .donate-support-page .view-item-area .view-item-box .view-item .go-btn:hover, .donate-support-page .view-item-area .view-item-box .view-item .go-btn:focus {
    color: #FFF;
    background: url("../img/fixedpage/donate_support/button_play_hover_2x.png") right no-repeat;
    background-size: 47px 47px;
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .view-item-area .view-item-box .view-item .go-btn {
    font-size: 28px;
    padding-right: 75px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-size: 65px 65px;
  }
  .donate-support-page .view-item-area .view-item-box .view-item .go-btn:hover, .donate-support-page .view-item-area .view-item-box .view-item .go-btn:focus {
    background-size: 65px 65px;
  }
}
.donate-support-page .view-item-area .view-item-box .view-item .xs-group {
  padding-bottom: 100px;
}
.donate-support-page .view-item-area .view-item-box .view-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 384px);
  width: 768px;
  height: 100px;
  background: url("../img/fixedpage/donate_support/support_pic08_bg_xs.png");
  background-size: 768px 100px;
  display: block;
}
@media screen and (min-width: 768px) {
  .donate-support-page .view-item-area .view-item-box .view-item:after {
    display: none;
  }
}
.donate-support-page .view-item-area .view-item-box .view-item.blue .item-title {
  background: #50A3FF;
}
.donate-support-page .view-item-area .view-item-box .view-item.blue:after {
  background: url("../img/fixedpage/donate_support/support_pic09_bg_xs.png");
  background-size: 768px 100px;
}
.donate-support-page .invite-area {
  background-color: #FFF;
  padding-top: 307px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .donate-support-page .invite-area {
    padding-top: 271px;
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .invite-area {
    padding-top: 128px;
  }
}
.donate-support-page .invite-area .invite-box {
  padding: 30px 35px;
  background: #FFF;
  border: 4px solid #FF6100;
  border-radius: 20px;
  font-size: 24px;
  line-height: 1.6;
  font-weight: bold;
  color: #FF6100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  cursor: pointer;
  text-decoration: none;
}
.donate-support-page .invite-area .invite-box .invite-text {
  width: 100%;
  max-width: 368px;
  margin-bottom: 20px;
}
.donate-support-page .invite-area .invite-box .invite-btn-area .btn {
  border: 0;
  width: 192px;
  height: 64px;
  font-size: 24px;
  letter-spacing: 0.3em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .donate-support-page .invite-area .invite-box {
    flex-direction: row;
    padding: 40px 50px;
    font-size: 32px;
  }
  .donate-support-page .invite-area .invite-box .invite-text {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .donate-support-page .invite-area .invite-box {
    padding: 40px 120px;
  }
}
.donate-support-page .invite-area .invite-box:hover, .donate-support-page .invite-area .invite-box:focus {
  background: #FF6100;
  color: #FFF;
}
.donate-support-page .invite-area .invite-box:hover .invite-btn-area .btn, .donate-support-page .invite-area .invite-box:focus .invite-btn-area .btn {
  background: #FFF;
  color: #FF6100;
}

.listen-podcast-page {
  letter-spacing: 0;
}
.listen-podcast-page .programme-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 345px;
  margin: 0 auto;
}
.listen-podcast-page .programme-area .programme-btn {
  background: url("../img/fixedpage/listen_podcast/podcast_pic01_2x.png");
  background-size: cover;
  width: 100%;
  padding-bottom: 125.8215962441%;
  margin-bottom: 50px;
  cursor: pointer;
}
.listen-podcast-page .programme-area .programme-btn:hover, .listen-podcast-page .programme-area .programme-btn:focus {
  background: url("../img/fixedpage/listen_podcast/podcast_pic01_hover_2x.png");
  background-size: cover;
}
.listen-podcast-page .programme-area .programme-content {
  width: 100%;
}
.listen-podcast-page .programme-area .programme-content img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .programme-area {
    flex-direction: row;
    max-width: 856px;
  }
  .listen-podcast-page .programme-area .programme-btn {
    width: 50%;
    padding-bottom: 62.9107981221%;
    margin-bottom: 0;
  }
  .listen-podcast-page .programme-area .programme-content {
    width: 50%;
    padding-left: 20px;
  }
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .programme-area .programme-content {
    padding-left: 64px;
  }
}
.listen-podcast-page .podcast-link-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 75px;
  padding-bottom: 75px;
  max-width: 200px;
  margin: 0 auto;
}
@media screen and (min-width: 400px) {
  .listen-podcast-page .podcast-link-area {
    max-width: 386px;
  }
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .podcast-link-area {
    max-width: 942px;
  }
}
.listen-podcast-page .podcast-link-area img {
  max-width: 100%;
  max-height: 36px;
  width: auto;
}
.listen-podcast-page .podcast-link-area img + img {
  margin-left: 35px;
}
.listen-podcast-page .podcast-link-area img.firstory {
  margin-top: 15px;
  margin-left: 0;
}
.listen-podcast-page .podcast-link-area img.kkbox {
  margin-top: 15px;
  margin-left: 0;
}
.listen-podcast-page .podcast-link-area img.google {
  margin-top: 15px;
  margin-left: 0;
}
.listen-podcast-page .podcast-link-area img.spotify {
  margin-top: 15px;
  margin-left: 0;
}
@media screen and (min-width: 400px) {
  .listen-podcast-page .podcast-link-area img.firstory {
    margin-top: 0;
    margin-left: 35px;
  }
  .listen-podcast-page .podcast-link-area img.kkbox {
    margin-left: 35px;
  }
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .podcast-link-area img {
    max-height: 46px;
  }
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .podcast-link-area img {
    max-height: 46px;
    margin-top: 0 !important;
  }
  .listen-podcast-page .podcast-link-area img.spotify {
    margin-top: 0;
    margin-left: 35px;
  }
  .listen-podcast-page .podcast-link-area img.google {
    margin-left: 35px;
  }
  .listen-podcast-page .podcast-link-area img.kkbox {
    margin-left: 35px;
    order: 5;
  }
  .listen-podcast-page .podcast-link-area img.google {
    order: 4;
  }
}
.listen-podcast-page .view-video-area {
  margin-top: -30px;
  margin-bottom: 90px;
  position: relative;
  z-index: 2;
}
.listen-podcast-page .view-video-area .acart-proportion-box {
  padding-bottom: 56.2765957447%;
  display: block;
}
.listen-podcast-page .view-video-area .acart-proportion-box .video-pic {
  background: url("../img/fixedpage/listen_podcast/video_pic_2x.png") center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: none;
}
.listen-podcast-page .view-video-area .acart-proportion-box .video-pic:hover {
  background: url("../img/fixedpage/listen_podcast/video_pic_hover_2x.png") center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .view-video-area {
    margin-top: -90px;
  }
}
.listen-podcast-page .slogan-area {
  text-align: center;
  position: relative;
  padding-bottom: calc(343px + 306px - 49.1525423729%);
  margin-bottom: 50px;
}
@media screen and (min-width: 620px) {
  .listen-podcast-page .slogan-area {
    padding-bottom: 343px;
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .slogan-area {
    padding-bottom: 628px;
  }
}
.listen-podcast-page .slogan-area .slogan img {
  position: relative;
  width: 100%;
  max-width: 590px;
  z-index: 2;
}
.listen-podcast-page .slogan-area .bg-role-img {
  position: absolute;
  top: -46px;
  left: calc(50% - 142px);
  width: 820px;
  height: 680px;
  background: url("../img/fixedpage/listen_podcast/podcast_pic03.png") center no-repeat;
  background-size: 820px 680px;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .slogan-area .bg-role-img {
    top: 238px;
  }
}
.listen-podcast-page .role-link-area .role-link-box {
  margin: 0 auto;
  max-width: 566px;
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .role-link-area .role-link-box {
    max-width: 884px;
  }
}
.listen-podcast-page .role-link-area .role-link-box .row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.listen-podcast-page .role-link-area .role-link-box .row div[class*=col] {
  flex: 0 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 40px;
  text-align: center;
}
.listen-podcast-page .role-link-area .role-link-box .row div[class*=col] a {
  text-decoration: none;
  transition: 0.5s transform ease;
  display: block;
}
.listen-podcast-page .role-link-area .role-link-box .row div[class*=col] a:hover {
  transform: translateY(-15px);
}
.listen-podcast-page .role-link-area .role-link-box .row div[class*=col] img {
  max-width: 248px;
  width: 100%;
}
.listen-podcast-page .role-link-area .role-link-box .row div[class*=col] .role-name {
  font-size: 24px;
  line-height: 1;
  color: #000;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .role-link-area .role-link-box .row {
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: 60px;
  }
  .listen-podcast-page .role-link-area .role-link-box .row div[class*=col] {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.listen-podcast-page .education-area .circle-text-area {
  position: relative;
  margin-bottom: 90px;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .education-area .circle-text-area {
    height: 725px;
  }
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .education-area .circle-text-area {
    height: 669px;
  }
}
.listen-podcast-page .education-area .circle-text-area .circle-img {
  position: absolute;
  top: 0;
  left: calc(50% - 416px);
  width: 833px;
  height: 725px;
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .education-area .circle-text-area .circle-img {
    left: calc(50% - 546px);
    width: 1092px;
    height: 669px;
  }
}
.listen-podcast-page .education-area .circle-text-area .circle-img img {
  max-width: 100%;
}
.listen-podcast-page .education-area .circle-text-group {
  text-align: center;
}
.listen-podcast-page .education-area .circle-text-item {
  display: block;
  vertical-align: top;
  max-width: 320px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 700px) {
  .listen-podcast-page .education-area .circle-text-item {
    display: inline-block;
  }
}
.listen-podcast-page .education-area .circle-text-item .circle-bg {
  font-size: 22px;
  line-height: 2;
  font-weight: bold;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 97.0695970696%;
  position: relative;
}
.listen-podcast-page .education-area .circle-text-item .circle-bg .circle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 30px;
}
.listen-podcast-page .education-area .circle-text-item .circle-bottom-desc {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  color: #000;
  margin-top: 35px;
}
.listen-podcast-page .education-area .circle-text-item .circle-bottom-desc span.focus {
  font-size: 28px;
  line-height: 1;
  color: #FF8F1D;
}
.listen-podcast-page .education-area .circle-text-item .circle-bottom-desc p {
  margin: 0;
}
.listen-podcast-page .education-area .circle-text-item .circle-bottom-desc p + p {
  margin-top: 20px;
}
.listen-podcast-page .education-area .circle-text-item .circle-bottom-desc .circle-quote {
  text-align: left;
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
  position: relative;
  padding-left: 47px;
}
.listen-podcast-page .education-area .circle-text-item .circle-bottom-desc .circle-quote:before {
  content: "——";
  position: absolute;
  top: -2px;
  left: 0;
  height: 100%;
  font-size: inherit;
  line-height: inherit;
}
.listen-podcast-page .education-area .circle-text-item.orange {
  margin-bottom: 50px;
}
.listen-podcast-page .education-area .circle-text-item.orange .circle-bg {
  background: url("../img/fixedpage/listen_podcast/podcast_pic05.png") center no-repeat;
  background-size: auto 100%;
}
.listen-podcast-page .education-area .circle-text-item.blue .circle-bg {
  background: url("../img/fixedpage/listen_podcast/podcast_pic06.png") center no-repeat;
  background-size: auto 100%;
}
@media screen and (min-width: 700px) {
  .listen-podcast-page .education-area .circle-text-item.blue {
    margin-left: 20px;
  }
}
.listen-podcast-page .learn-title-area {
  text-align: center;
  font-size: 32px;
  line-height: 2;
  font-weight: bold;
  color: #FF6100;
  margin-bottom: 30px;
}
.listen-podcast-page .learn-title-area .learn-title {
  position: relative;
  display: inline-block;
  padding-top: 115px;
  padding-bottom: 115px;
  width: 100%;
}
.listen-podcast-page .learn-title-area .learn-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/fixedpage/listen_podcast/arrow_line01_2x.png");
  background-size: 100% auto;
  width: 80px;
  height: 100px;
}
.listen-podcast-page .learn-title-area .learn-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../img/fixedpage/listen_podcast/arrow_line02_2x.png");
  background-size: 100% auto;
  width: 65px;
  height: 100px;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .learn-title-area .learn-title {
    padding-top: 25px;
    padding-bottom: 50px;
    width: auto;
  }
  .listen-podcast-page .learn-title-area .learn-title:before {
    left: -125px;
    width: 80px;
    height: 100px;
  }
  .listen-podcast-page .learn-title-area .learn-title:after {
    right: -110px;
    width: 65px;
    height: 100px;
  }
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .learn-title-area .learn-title {
    padding-top: 70px;
    padding-bottom: 100px;
  }
  .listen-podcast-page .learn-title-area .learn-title:before {
    left: -250px;
    width: 160px;
    height: 200px;
  }
  .listen-podcast-page .learn-title-area .learn-title:after {
    right: -220px;
    width: 130px;
    height: 200px;
  }
}
.listen-podcast-page .learn-core-area .learn-core-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item {
  font-size: 0;
  width: 100%;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-img img {
  position: absolute;
  top: 0;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-content {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  text-align: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-content .core-slogan {
  line-height: 1;
  margin-bottom: 20px;
  color: #50A3FF;
  margin-bottom: 20px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-content .core-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 20px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-content .core-desc {
  font-weight: normal;
  margin-bottom: 20px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-content .core-note {
  color: #FF6100;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.orange {
  max-width: 458px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.orange .core-content {
  text-align: right;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.orange .core-img {
  height: 400px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.orange .core-img img {
  width: 458px;
  left: calc(50% - 229px - 52px);
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.blue {
  margin-top: 60px;
  max-width: 416px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.blue .core-img {
  height: 400px;
  margin-top: 20px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.blue .core-img img {
  width: 416px;
  left: calc(50% - 208px + 56px);
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.blue .core-content {
  text-align: left;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.green {
  margin-top: 60px;
  max-width: 387px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.green .core-img {
  height: 400px;
  margin-bottom: 20px;
}
.listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.green .core-img img {
  width: 387px;
  left: calc(50% - 193px + 27px);
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item {
    max-width: none !important;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-img {
    width: auto;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-img img {
    position: static;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-content {
    width: auto;
    padding-left: 20px;
    padding-right: 0;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.orange {
    width: auto;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.orange .core-content {
    text-align: left;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.orange .core-img {
    margin-bottom: 0;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.blue {
    width: auto;
    margin-top: -20px;
    text-align: right;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.blue .core-content {
    padding-left: 0;
    padding-right: 20px;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.blue .core-img {
    margin-top: 0;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.green {
    width: auto;
    margin-top: 40px;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.green .core-img {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item .core-content {
    padding-left: 80px;
  }
  .listen-podcast-page .learn-core-area .learn-core-box .learn-core-item.blue .core-content {
    padding-right: 80px;
  }
}
.listen-podcast-page .hear-other-area {
  text-align: center;
  padding-top: 70px;
}
@media screen and (min-width: 1260px) {
  .listen-podcast-page .hear-other-area .container {
    width: 1200px;
  }
}
.listen-podcast-page .hear-other-area .hear-other-title {
  margin-bottom: 30px;
}
.listen-podcast-page .hear-other-area .hear-other-title .arrow-img {
  margin-bottom: 50px;
}
.listen-podcast-page .hear-other-area .hear-other-title .arrow-img img {
  max-width: 76px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hear-other-area .hear-other-title .arrow-img img {
    max-width: 152px;
  }
}
.listen-podcast-page .hear-other-area .hear-other-title .hear-other-text {
  font-size: 24px;
  line-height: 1;
  line-height: 160%;
  color: #000;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hear-other-area .hear-other-title .hear-other-text {
    font-size: 32px;
  }
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area {
  position: relative;
  height: 498px;
}
@media screen and (min-width: 400px) {
  .listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel {
    position: absolute;
    top: 0;
    left: calc(50% - 585px);
    width: 1170px;
    height: 498px;
  }
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-dots {
  margin-top: 30px;
  font-size: 0;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-dots .owl-dot + .owl-dot {
  margin-left: 12px;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-dots .owl-dot span {
  background: #D9D9D9;
  width: 20px;
  height: 20px;
  margin: 0;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-dots .owl-dot.active span {
  position: relative;
  background: #FF8F1D;
  border-radius: 0;
  height: 17px;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-dots .owl-dot.active span:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 6px 10px;
  border-color: transparent transparent #FF8F1D transparent;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-nav > button {
  position: absolute;
  top: -32px;
  right: -137px;
  font-size: 0;
  width: 18px;
  height: 34px;
  background: url("../img/fixedpage/listen_podcast/arrow_next_2x.png") center no-repeat;
  background-size: 18px 34px;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-nav > button.owl-prev {
  transform: rotate(-180deg);
  left: -137px;
  right: auto;
}
@media screen and (min-width: 400px) {
  .listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-carousel .owl-nav > button {
    top: -43px;
  }
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item {
  color: #000;
  height: 100%;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item .hear-other-desc {
  padding: 42px 40px;
  background: #FFECD8;
  font-size: 20px;
  border-radius: 42px;
  height: calc(100% - 84px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item .hear-other-desc {
    font-size: 24px;
  }
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item .hear-other-info-box {
  font-size: 20px;
  line-height: 1;
  background: #FFF;
  border-radius: 20px;
  padding: 25px 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item .hear-other-info-box .role-icon {
  margin-right: 8px;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item .hear-other-info-box .role-icon img {
  width: 34px;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item .hear-other-info-box .podcast-img {
  margin-left: 8px;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item .hear-other-info-box .podcast-img img {
  width: 80px;
}
.listen-podcast-page .hear-other-area .hear-other-carousel-area .hear-other-item .hear-other-info-box .podcast-img img.podcast {
  width: 92px;
}
.listen-podcast-page .hot-story-area {
  padding-top: 90px;
  position: relative;
}
.listen-podcast-page .hot-story-area .hot-story-container {
  max-width: 1370px;
  margin: 0 auto;
  background: #FFECD8;
  padding-left: 15px;
  padding-right: 15px;
}
.listen-podcast-page .hot-story-area .bird-img {
  text-align: center;
  position: relative;
  z-index: 2;
}
.listen-podcast-page .hot-story-area .bird-img > img {
  width: 240px;
}
.listen-podcast-page .hot-story-area:before {
  content: "";
  position: absolute;
  top: 262px;
  left: 50%;
  transform: translateX(-50%);
  background: url("../img/fixedpage/listen_podcast/podcast_bg.png") #FFF5EA center no-repeat;
  background-size: cover;
  width: 100%;
  padding-bottom: 48.1751824818%;
}
@media screen and (min-width: 1370px) {
  .listen-podcast-page .hot-story-area:before {
    background-size: 1370px 660px;
    width: 1370px;
    height: 660px;
    padding-bottom: 0;
  }
}
.listen-podcast-page .hot-story-area .hot-story-title-area {
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.listen-podcast-page .hot-story-area .hot-story-title-area .hot-story-title {
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  padding-top: 50px;
  margin-bottom: 50px;
}
.listen-podcast-page .hot-story-area .hot-story-title-area .hot-story-desc {
  font-size: 32px;
  line-height: 1.6;
  margin-bottom: 50px;
}
.listen-podcast-page .hot-story-area .hot-story-title-area .hot-story-desc > span.focus {
  color: #FF6100;
}
.listen-podcast-page .hot-story-area .hot-story-title-area .hot-story-note {
  font-size: 24px;
  line-height: 1.3;
  color: #50A3FF;
}
.listen-podcast-page .hot-story-area .hot-podcast-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
}
.listen-podcast-page .hot-story-area .hot-podcast-area > iframe {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  width: 100%;
  max-width: 660px;
}
.listen-podcast-page .hot-story-area .cloud-area {
  position: relative;
  height: 344px;
  padding-top: 136px;
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .cloud-area {
    padding-top: 185px;
    height: 430px;
    text-align: left;
  }
}
.listen-podcast-page .hot-story-area .cloud-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 372px);
  background: url("../img/fixedpage/listen_podcast/podcast_pic11.png") center no-repeat;
  background-size: 100% auto;
  width: 744px;
  height: 344px;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .cloud-area:before {
    background-size: 930px 430px;
    width: 930px;
    height: 430px;
    left: calc(50% - 465px - 209px);
  }
}
.listen-podcast-page .hot-story-area .cloud-area .cloud-content {
  max-width: 660px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .cloud-area .cloud-content {
    display: block;
  }
}
.listen-podcast-page .hot-story-area .cloud-area .cloud-content .cloud-text {
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 20px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .cloud-area .cloud-content .cloud-text {
    font-size: 28px;
  }
}
.listen-podcast-page .hot-story-area .cloud-area .cloud-content .cloud-btn {
  text-align: left;
}
.listen-podcast-page .hot-story-area .cloud-area .cloud-content .cloud-btn .btn {
  background: #FF8F1D;
}
.listen-podcast-page .hot-story-area .cloud-area .cloud-content .cloud-btn .btn:hover, .listen-podcast-page .hot-story-area .cloud-area .cloud-content .cloud-btn .btn:focus {
  background: #262626;
}
.listen-podcast-page .hot-story-area .free-story-area {
  position: relative;
  max-width: 950px;
  margin: -90px auto 50px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .free-story-area {
    flex-direction: row;
    align-items: flex-end;
    margin: -231px auto 50px;
  }
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .hot-story-area .free-story-area {
    margin: -320px auto 50px;
  }
}
.listen-podcast-page .hot-story-area .free-story-area .free-text {
  font-size: 28px;
  line-height: 1.6;
  max-width: 550px;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .free-story-area .free-text {
    order: 1;
  }
}
.listen-podcast-page .hot-story-area .free-story-area .free-img {
  text-align: center;
  margin-bottom: 15px;
}
.listen-podcast-page .hot-story-area .free-story-area .free-img img {
  max-width: 400px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .free-story-area .free-img {
    flex: 0 0 400px;
    order: 2;
    margin-bottom: 0;
  }
}
.listen-podcast-page .hot-story-area .village-head-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 174px;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .village-head-area {
    flex-direction: row;
    padding-bottom: 202px;
  }
}
.listen-podcast-page .hot-story-area .village-head-area .village-head-img {
  max-width: 310px;
  width: 100%;
}
.listen-podcast-page .hot-story-area .village-head-area .village-head-img img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .village-head-area .village-head-img {
    flex: 0 0 310px;
    width: 310px;
  }
}
.listen-podcast-page .hot-story-area .village-head-area .village-head-content {
  max-width: 660px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .village-head-area .village-head-content {
    padding-left: 20px;
  }
}
.listen-podcast-page .hot-story-area .village-head-area .village-head-content .publicize {
  position: relative;
  font-size: 28px;
  line-height: 1.6;
  color: #000;
  padding-left: 26px;
  padding-right: 26px;
  margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .hot-story-area .village-head-area .village-head-content .publicize {
    margin-bottom: 40px;
  }
}
.listen-podcast-page .hot-story-area .village-head-area .village-head-content .publicize:before {
  content: " \\ ";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 28px;
  line-height: 1.6;
  color: #000;
  z-index: 2;
}
.listen-podcast-page .hot-story-area .village-head-area .village-head-content .publicize:after {
  content: " / ";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 28px;
  line-height: 1.6;
  color: #000;
}
.listen-podcast-page .hot-story-area .village-head-area .village-head-content .support-group {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 324px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .hot-story-area .village-head-area .village-head-content .support-group {
    max-width: none;
    flex-direction: row;
  }
}
.listen-podcast-page .hot-story-area .village-head-area .village-head-content .support-group .support-text {
  font-size: 36px;
  line-height: 1.3;
  color: #FF6100;
  margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .hot-story-area .village-head-area .village-head-content .support-group .support-text {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .listen-podcast-page .hot-story-area .village-head-area .village-head-content .support-group .support-btn {
    margin-left: 40px;
  }
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area {
  margin-top: -152px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area .inspirational-quotes-box {
  padding: 50px 30px;
  font-size: 28px;
  line-height: 1.6;
  font-weight: bold;
  color: #000;
  background: #FFF;
  max-width: 796px;
  margin: 0 auto;
  border-radius: 70px;
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area .inspirational-quotes-box .eng-quotes {
  color: #EA5F1A;
  margin-bottom: 40px;
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area .inspirational-quotes-box .ch-quotes {
  margin-bottom: 40px;
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area .inspirational-quotes-box .quotes-source {
  line-height: 1;
  font-weight: normal;
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area .subscribe-area {
  margin-top: 50px;
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area .subscribe-area .btn {
  background: #929292;
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area .subscribe-area .btn:hover, .listen-podcast-page .hot-story-area .inspirational-quotes-area .subscribe-area .btn:focus {
  background: #262626;
}
.listen-podcast-page .hot-story-area .inspirational-quotes-area .subscribe-area .subscribe-text {
  display: block;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .listen-podcast-page .hot-story-area .inspirational-quotes-area .subscribe-area .subscribe-text {
    display: inline;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .listen-podcast-page .hot-story-area .inspirational-quotes-area .subscribe-area .btn {
    margin-left: 20px;
    vertical-align: middle;
  }
}

span.highlight-text {
  color: #FF6100;
}

span.focus {
  color: #FF6100;
}

.purchase-publishing-page {
  letter-spacing: 0;
}
.purchase-publishing-page .story-act-area .act-content .support-btn {
  width: 190px;
  height: 62px;
  background: url("../img/fixedpage/purchase_publishing/button_purchase_2x.png") center no-repeat;
  background-size: 190px 62px;
}
.purchase-publishing-page .story-act-area .act-content .support-btn:hover, .purchase-publishing-page .story-act-area .act-content .support-btn:focus {
  background: url("../img/fixedpage/purchase_publishing/button_purchase_hover_2x.png") center no-repeat;
  background-size: 190px 62px;
}
.purchase-publishing-page .circle-content-area {
  margin-bottom: 20px;
}
.purchase-publishing-page .circle-content-area.img {
  margin-bottom: 70px;
  text-align: center;
}
.purchase-publishing-page .circle-content-area.img img {
  max-width: 261px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .purchase-publishing-page .circle-content-area.img img {
    max-width: 374px;
  }
}
.purchase-publishing-page .publishing-product-area {
  text-align: center;
  position: relative;
}
.purchase-publishing-page .publishing-product-area .bg-arrow-01, .purchase-publishing-page .publishing-product-area .bg-arrow-02, .purchase-publishing-page .publishing-product-area .bg-arrow-03 {
  display: none;
}
.purchase-publishing-page .publishing-product-area .bg-arrow-01 {
  position: absolute;
  top: 600px;
  left: 290px;
  background: url("../img/fixedpage/purchase_publishing/purchase_arrow_line01_2x.png") center no-repeat;
  background-size: 128px auto;
  width: 128px;
  height: 114px;
}
.purchase-publishing-page .publishing-product-area .bg-arrow-02 {
  position: absolute;
  bottom: 622px;
  right: 285px;
  background: url("../img/fixedpage/purchase_publishing/purchase_arrow_line02_2x.png") center no-repeat;
  background-size: 130px auto;
  width: 130px;
  height: 154px;
}
.purchase-publishing-page .publishing-product-area .bg-arrow-03 {
  position: absolute;
  bottom: -88px;
  left: 264px;
  background: url("../img/fixedpage/purchase_publishing/purchase_arrow_line03_2x.png") center no-repeat;
  background-size: 170px auto;
  width: 170px;
  height: 116px;
}
@media screen and (min-width: 768px) {
  .purchase-publishing-page .publishing-product-area {
    padding-bottom: 88px;
  }
}
@media screen and (min-width: 992px) {
  .purchase-publishing-page .publishing-product-area .bg-arrow-01, .purchase-publishing-page .publishing-product-area .bg-arrow-02, .purchase-publishing-page .publishing-product-area .bg-arrow-03 {
    display: block;
  }
}
.purchase-publishing-page .publishing-product-area .product-item {
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.purchase-publishing-page .publishing-product-area .product-item .product-img {
  width: 100%;
}
.purchase-publishing-page .publishing-product-area .product-item .product-img img {
  max-width: 100%;
}
.purchase-publishing-page .publishing-product-area .product-item .product-content {
  background: #FFF;
  border: 3px solid #FF6100;
  border-radius: 20px;
  display: inline-block;
  padding: 35px 15px;
}
@media screen and (min-width: 768px) {
  .purchase-publishing-page .publishing-product-area .product-item .product-content {
    padding: 35px;
  }
}
.purchase-publishing-page .publishing-product-area .product-item .product-content .product-title {
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 15px;
}
.purchase-publishing-page .publishing-product-area .product-item .product-content .product-desc {
  font-size: 24px;
  line-height: 1.6;
}
.purchase-publishing-page .publishing-product-area .product-item .product-content .product-desc .focus {
  font-weight: bold;
}
.purchase-publishing-page .publishing-product-area .product-item + .product-item {
  margin-top: 70px;
}
.purchase-publishing-page .publishing-product-area .product-item:before {
  display: none;
}
.purchase-publishing-page .publishing-product-area .product-item.theme {
  max-width: 558px;
}
.purchase-publishing-page .publishing-product-area .product-item.theme .product-content {
  max-width: 392px;
  margin-top: -70px;
}
.purchase-publishing-page .publishing-product-area .product-item.kid {
  max-width: 458px;
}
.purchase-publishing-page .publishing-product-area .product-item.kid .product-content {
  max-width: 344px;
  margin-top: -30px;
}
.purchase-publishing-page .publishing-product-area .product-item.price {
  max-width: 490px;
}
.purchase-publishing-page .publishing-product-area .product-item.price .product-content {
  max-width: 392px;
  margin-top: -30px;
}
.purchase-publishing-page .publishing-product-area .product-item.price .bottom-product-img {
  max-width: 362px;
  margin: -30px auto 0;
}
.purchase-publishing-page .publishing-product-area .product-item.price .bottom-product-img img {
  max-width: 100%;
}
.purchase-publishing-page .publishing-product-area .product-item.original {
  max-width: 448px;
}
.purchase-publishing-page .publishing-product-area .product-item.original .product-content {
  max-width: 416px;
  margin-top: -70px;
}
@media screen and (min-width: 992px) {
  .purchase-publishing-page .publishing-product-area .product-item {
    margin-left: 0;
    margin-right: 0;
  }
  .purchase-publishing-page .publishing-product-area .product-item + .product-item {
    margin-top: 0;
  }
  .purchase-publishing-page .publishing-product-area .product-item.kid {
    margin-left: auto;
    margin-top: -305px;
  }
  .purchase-publishing-page .publishing-product-area .product-item.price {
    margin-top: -137px;
  }
  .purchase-publishing-page .publishing-product-area .product-item.original {
    margin-left: auto;
    margin-top: -549px;
  }
  .purchase-publishing-page .publishing-product-area .product-item:before {
    display: block;
  }
}
.purchase-publishing-page .arrrow-img-area {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.purchase-publishing-page .arrrow-img-area img {
  max-width: 144px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .purchase-publishing-page .arrrow-img-area {
    padding-top: 0;
    padding-bottom: 0;
  }
  .purchase-publishing-page .arrrow-img-area img {
    margin-left: 382px;
  }
}
.purchase-publishing-page .aboutus-title-wrapper {
  text-align: center;
  margin-bottom: 70px;
}
.purchase-publishing-page .aboutus-title-wrapper .aboutus-title-area {
  text-align: left;
}
.purchase-publishing-page .purchase-book-area {
  margin-bottom: 58px;
}
.purchase-publishing-page .purchase-book-area .row {
  margin-left: -6px;
  margin-right: -6px;
}
.purchase-publishing-page .purchase-book-area .row .book-item {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 12px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .purchase-publishing-page .purchase-book-area .row .book-item {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 992px) {
  .purchase-publishing-page .purchase-book-area .row .book-item {
    width: 25%;
  }
}
.purchase-publishing-page .purchase-book-area .purchase-book-box .purchase-book-item {
  text-align: center;
  background: #FFECD8;
  border-radius: 50px;
  padding: 20px 24px;
  color: #000;
  line-height: 1;
}
.purchase-publishing-page .purchase-book-area .purchase-book-box .purchase-book-item .book-img {
  margin-bottom: 30px;
}
.purchase-publishing-page .purchase-book-area .purchase-book-box .purchase-book-item .book-img img {
  max-width: 178px;
  width: 100%;
}
.purchase-publishing-page .purchase-book-area .purchase-book-box .purchase-book-item .book-desc {
  font-size: 16px;
  margin-bottom: 15px;
}
.purchase-publishing-page .purchase-book-area .purchase-book-box .purchase-book-item .book-desc > div + div {
  margin-top: 10px;
}
.purchase-publishing-page .purchase-book-area .purchase-book-box .purchase-book-item .book-title {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: bold;
}
.purchase-publishing-page .purchase-book-area .purchase-book-box .purchase-book-item .book-type {
  font-size: 20px;
  font-weight: bold;
}
.purchase-publishing-page .purchase-book-area .purchase-book-box .purchase-book-item .btn-area {
  margin-top: 30px;
}
.purchase-publishing-page .photo-area {
  height: 366px;
  width: 100%;
  background: url("../img/fixedpage/purchase_publishing/purchase_bg01_xs_2x.jpg") top no-repeat;
  background-size: cover;
  position: relative;
}
.purchase-publishing-page .photo-area:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("../img/fixedpage/purchase_publishing/purchase_bg02_xs_2x.png") bottom no-repeat;
  background-size: 768px 70px;
  width: 100%;
  height: 70px;
}
@media screen and (min-width: 768px) {
  .purchase-publishing-page .photo-area {
    background: url("../img/fixedpage/purchase_publishing/purchase_bg01_lg_2x.jpg") top no-repeat;
    background-size: cover;
    height: 654px;
  }
  .purchase-publishing-page .photo-area:after {
    background: url("../img/fixedpage/purchase_publishing/purchase_bg02_lg_2x.png") bottom no-repeat;
    background-size: 100% 150px;
    height: 150px;
  }
}
.purchase-publishing-page .explore-more-area {
  text-align: center;
}
.purchase-publishing-page .explore-more-area .explore-more-img {
  text-align: center;
  margin-bottom: 35px;
}
.purchase-publishing-page .explore-more-area .explore-more-img img {
  max-width: 484px;
  width: 100%;
}
.purchase-publishing-page .explore-more-area .explore-more-content {
  font-size: 32px;
  line-height: 1.3;
  font-weight: bold;
}
.purchase-publishing-page .explore-more-area .explore-more-content .explore-more-slogan {
  color: #FF6100;
  margin-bottom: 15px;
}
.purchase-publishing-page .explore-more-area .explore-more-content .explore-more-title {
  color: #000;
  margin-bottom: 35px;
}
.purchase-publishing-page .explore-more-area .explore-more-content .btn-area {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .purchase-publishing-page .explore-more-area {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .purchase-publishing-page .explore-more-area .explore-more-img {
    flex: 0 0 484px;
    margin-bottom: 0;
  }
  .purchase-publishing-page .explore-more-area .explore-more-content {
    margin-left: -20px;
  }
}

@-webkit-keyframes fade-jump-in {
  from {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
  }
}
@-moz-keyframes fade-jump-in {
  from {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
  }
}
@-ms-keyframes fade-jump-in {
  from {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
  }
}
@keyframes fade-jump-in {
  from {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
  }
}
.fade-jump-in {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.3);
}
.fade-jump-in.motion {
  animation-name: fade-jump-in;
  animation-duration: 1s;
  animation-timing-function: easing;
  animation-fill-mode: forwards;
}
/*# sourceMappingURL=maps/base.css.map */