@charset "UTF-8";
/*===================layout===================*/
@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Serif+TC:wght@200..900&display=swap");
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 130px; line-height: 20px; font-size: 16px; }

@media only screen and (max-width: 577px) { html { font-size: 15px; } }

body, html { font-family: "Noto Serif TC", sans-serif; color: #000; position: relative; letter-spacing: 0.03em; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; z-index: 2; }

.body-hidden { height: 100%; overflow: hidden; }

a { color: #000; text-decoration: none; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

a:hover { text-decoration: none; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

a:focus { outline: none; }

.red { color: #CF2828; }

.all-width { width: 100%; margin: 0 auto; position: relative; z-index: 3; }

.inner1100 { max-width: 1100px; }

.inner1200 { max-width: 1200px; }

@media only screen and (max-width: 1260px) { .inner1200 { padding: 0 30px; } }

.inner1400 { max-width: 1400px; }

@media only screen and (max-width: 1760px) { .inner1400 { max-width: 100%; padding: 0 120px; } }

@media only screen and (max-width: 1201px) { .inner1400 { max-width: 100%; padding: 0 60px; } }

@media only screen and (max-width: 961px) { .inner1400 { padding: 0 30px; } }

@media only screen and (max-width: 577px) { .inner1400 { padding: 0 10px; } }

.inner1600 { max-width: 1600px; }

@media only screen and (max-width: 1760px) { .inner1600 { max-width: 100%; padding: 0 120px; } }

@media only screen and (max-width: 1560px) { .inner1600 { max-width: 100%; padding: 0 60px; } }

@media only screen and (max-width: 961px) { .inner1600 { padding: 0 30px; } }

@media only screen and (max-width: 577px) { .inner1600 { padding: 0 10px; } }

.inner1800 { max-width: 1800px; }

.inner1000 { max-width: 1000px; }

@media only screen and (max-width: 1120px) { .inner1000 { max-width: 100%; padding: 0 60px; } }

@media only screen and (max-width: 961px) { .inner1000 { padding: 0 30px; } }

.inner700 { max-width: 700px; }

@media only screen and (max-width: 820px) { .inner700 { max-width: 100%; padding: 0 60px; } }

.innerfull { width: 100%; }

img.object-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.noscroll { overflow: hidden; }

.grid { display: grid; }

.hide { display: none; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.edit img, .edit iframe { max-width: 100%; height: auto; }

/*IE 滿版背景圖晃動 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { html { overflow: hidden; height: 100%; }
  body { overflow: auto; height: 100%; } }

@-webkit-keyframes headanime { 0% { -webkit-transform: translateY(-80px); transform: translateY(-80px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes headanime { 0% { -webkit-transform: translateY(-80px); transform: translateY(-80px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes headanime2 { 0% { -webkit-transform: translateY(-80px); transform: translateY(-80px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes headanime2 { 0% { -webkit-transform: translateY(-80px); transform: translateY(-80px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

.img-effect { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fa842e; z-index: 2; }

[data-aos="img-animation"] { -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

[data-aos="img-animation"].aos-animate { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

@media only screen and (max-width: 1201px) { .fancybox__slide { padding: 60px !important; } }

@media only screen and (max-width: 577px) { .fancybox__slide { padding: 60px 30px !important; } }

.fancybox__content { background: #fff !important; padding: 30px !important; width: 100%; }

.fancybox__content input:focus { outline: none !important; }

.fancybox__content .search-field { width: 100%; height: 60px; border-width: 0 0 1px 0; borber-bottom: solid #fff; background: none; font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.fancybox__content .search-field::-webkit-input-placeholder { color: #9B9B9B; opacity: 1; letter-spacing: 0; }

.fancybox__content .search-field::-moz-placeholder { color: #9B9B9B; opacity: 1; letter-spacing: 0; }

.fancybox__content .search-field:-ms-input-placeholder { color: #9B9B9B; opacity: 1; letter-spacing: 0; }

.fancybox__content .search-field::-ms-input-placeholder { color: #9B9B9B; opacity: 1; letter-spacing: 0; }

.fancybox__content .search-field::placeholder { color: #9B9B9B; opacity: 1; letter-spacing: 0; }

.fancybox__content .search-field::-webkit-input-placeholder { color: #9B9B9B; letter-spacing: 0; }

.fancybox__content .search-field:-moz-placeholder { color: #9B9B9B; letter-spacing: 0; }

.fancybox__content .search-field::-moz-placeholder { color: #9B9B9B; letter-spacing: 0; }

.fancybox__content .search-field:-ms-input-placeholder { color: #9B9B9B; }

@media only screen and (max-width: 1201px) { .fancybox__content .search-field { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; } }

.fancybox__content > .carousel__button.is-close { color: #000 !important; }

.follow { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 45px 0; }

.follow:before { content: '分享'; color: #C7C7C7; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; margin-right: 20px; }

.follow .follow-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; border-radius: 100%; background: #fff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); margin-right: 10px; }

.follow .follow-link svg path { fill: #fa842e; }

@media only screen and (max-width: 1201px) { .follow { margin: 20px 0; } }

.wrapper { position: relative; z-index: 3; padding-top: 100px; }

.wrapper .content { width: 100%; background: url("../images/main-bg.jpg") no-repeat #f6f6f6; background-size: 100% auto; min-height: 750px; overflow: hidden; }

@media only screen and (max-width: 1400px) { .wrapper { padding-top: 80px; } }

@media only screen and (max-width: 577px) { .wrapper { padding-top: 60px; } }

.scroll-top { position: fixed; right: 30px; bottom: 40px; z-index: 5; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; border-radius: 100%; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; width: 60px; height: 60px; text-align: center; border-radius: 100%; background: -webkit-gradient(linear, left top, right top, from(#fed137), to(#f5d874)); background: -webkit-linear-gradient(left, #fed137, #f5d874); background: -o-linear-gradient(left, #fed137, #f5d874); background: linear-gradient(to right, #fed137, #f5d874); }

.scroll-top i { font-size: 24px; }

.scroll-top:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

@media only screen and (max-width: 1201px) { .scroll-top { background: #fff; width: 50px; height: 50px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 30px; bottom: 30px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); font-size: 13px; }
  .scroll-top span { height: auto; display: inline; }
  .scroll-top i { font-size: 16px; display: inline; height: auto; }
  .scroll-top:hover { color: #9e9e9e; }
  .scroll-top:hover i { color: #9e9e9e; } }

@media only screen and (max-width: 577px) { .scroll-top { right: 10px; bottom: 10px; } }

header.fixed { height: 100px; position: fixed; -webkit-animation: headanime 1s; animation: headanime 1s; }

header.fixed nav.current { top: 60px; }

header.fixed nav .nav__item:hover .nav_inner { top: 100px; }

header.fixed nav .nav_inner { top: 105px; }

@media only screen and (max-width: 1800px) { header.fixed { -webkit-animation: none; animation: none; position: fixed; } }

@media only screen and (max-width: 1400px) { header.fixed { height: 80px; }
  header.fixed nav .nav__item:hover .nav_inner { top: 80px; } }

@media only screen and (max-width: 1201px) { header.fixed nav.current { top: 80px; }
  header.fixed nav .nav__item .nav_inner { top: 80px; }
  header.fixed nav .nav__item:hover .nav_inner { top: 80px; } }

@media only screen and (max-width: 577px) { header.fixed { height: 60px; }
  header.fixed .logo { width: 150px; }
  header.fixed nav.current { top: 60px; } }

header { height: 100px; width: 100%; position: absolute; background: #fff; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 10; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; padding-right: 30px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

@media only screen and (max-width: 1600px) { header { padding: 0 30px; } }

@media only screen and (max-width: 1400px) { header { height: 80px; position: fixed; } }

@media only screen and (max-width: 1201px) { header { padding: 0 0 0 10px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } }

@media only screen and (max-width: 577px) { header { height: 60px; } }

header h1 { color: #666; position: absolute; left: 220px; top: 25px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; width: 310px; font-weight: normal; }

@media only screen and (max-width: 1600px) { header h1 { top: 30px; width: 270px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; } }

@media only screen and (max-width: 1450px) { header h1 { text-indent: -9999px; } }

@media only screen and (max-width: 1201px) { header h1 { text-indent: 0; top: 20px; left: 180px; } }

@media only screen and (max-width: 769px) { header h1 { text-indent: -9999px; } }

header .logo { width: 161px; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; position: absolute; top: 10px; left: 30px; z-index: 2; }

header .logo picture { display: block; }

header .logo img { width: 100%; height: auto; display: block; }

@media only screen and (max-width: 1400px) { header .logo { top: 10px; width: auto; height: 60px; }
  header .logo img { width: auto; height: 100%; } }

@media only screen and (max-width: 1201px) { header .logo { left: 10px; } }

@media only screen and (max-width: 577px) { header .logo { height: 40px; } }

header nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: inherit; }

header nav .nav__item { position: relative; height: inherit; letter-spacing: 0.03em; margin-right: 30px; }

header nav .nav__item:before { content: ''; display: block; width: 0; position: absolute; height: 5px; left: 0; bottom: 0; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; background: #fa842e; }

header nav .nav__item:hover:before { width: 100%; }

header nav .nav__item:hover .nav__link { color: #fa842e; }

header nav .nav__item:hover .nav__icon i { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

header nav .nav__item:hover .nav_inner { top: 100px; opacity: 1; visibility: visible; z-index: 2; }

@media only screen and (max-width: 1600px) { header nav .nav__item { margin-right: 20px; } }

@media only screen and (max-width: 1400px) { header nav .nav__item:hover .nav_inner { top: 80px; } }

header nav .nav__link { height: inherit; display: table-cell; vertical-align: middle; color: #000; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; letter-spacing: .1em; }

@media only screen and (max-width: 1600px) { header nav .nav__link { letter-spacing: 0; } }

header nav .nav_inner { position: absolute; top: 100px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 304px; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); }

header nav .nav_inner .nav_inner-link { font-size: 1rem; line-height: 36px; line-height: 2.25rem; font-weight: normal; color: #000 !important; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem; line-height: 20px; line-height: 1.25rem; }

header nav .nav_inner .nav_inner-link:after { content: ''; display: block; width: 8px; height: 8px; border: solid 1px #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-width: 1px 1px 0 0; }

header nav .nav_inner .nav_inner-link:last-child { border-bottom: 0; }

header nav .nav_inner .nav_inner-link:hover { color: #fff !important; background: #fa842e; }

@media only screen and (max-width: 1201px) { header nav { position: fixed; width: 100%; left: 0; top: 80px; background: rgba(232, 78, 24, 0.95); height: auto; padding: 30px; opacity: 0; visibility: hidden; -webkit-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  header nav .nav__item { display: block; width: 100%; font-weight: normal; margin-right: 0; }
  header nav .nav__item:before { display: none; }
  header nav .nav__item a { color: #fff; padding: 15px 5px; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: bold; border-bottom: solid 1px #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.01em; }
  header nav .nav__item a:after { content: ''; display: block; width: 8px; height: 8px; border: solid 1px #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-width: 1px 1px 0 0; }
  header nav .nav_inner { display: none; }
  header nav.current { top: 80px; opacity: 1; visibility: visible; } }

@media only screen and (max-width: 1400px) { header nav .nav_inner { top: 80px; }
  header nav.current { top: 80px; } }

@media only screen and (max-width: 577px) { header nav { top: 65px; }
  header nav.current { top: 60px; } }

header .head-contact { display: inline-block; padding: 10px 15px; background: #fa842e; position: relative; color: #fff; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; letter-spacing: 0.1em; font-weight: bold; }

@media only screen and (max-width: 1201px) { header .head-contact { margin-right: 10px; color: #fa842e; background: #fff; border: solid 1px #fa842e; padding: 8px 15px; border-radius: 60px; font-size: 16px; font-size: 1rem; line-height: 1.25rem; } }

header .mobile-btn { width: 80px; height: 80px; background: #fa842e; position: relative; display: none; margin-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 3; }

header .mobile-btn .mobile-btn__burger { width: 30px; height: 2px; border-radius: 5px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

header .mobile-btn .mobile-btn__burger:before, header .mobile-btn .mobile-btn__burger:after { content: ''; display: block; background: #fff; width: 30px; height: 2px; position: absolute; border-radius: 5px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

header .mobile-btn .mobile-btn__burger:before { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }

header .mobile-btn .mobile-btn__burger:after { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); }

header .mobile-btn.current { display: -webkit-box; display: -ms-flexbox; display: flex; }

header .mobile-btn.current .mobile-btn__burger { -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); background: transparent; }

header .mobile-btn.current .mobile-btn__burger:before, header .mobile-btn.current .mobile-btn__burger:after { background: #fff; }

header .mobile-btn.current .mobile-btn__burger:before { -webkit-transform: rotate(45deg) translate(10px, -10px); -ms-transform: rotate(45deg) translate(10px, -10px); transform: rotate(45deg) translate(10px, -10px); }

header .mobile-btn.current .mobile-btn__burger:after { -webkit-transform: rotate(-45deg) translate(10px, 10px); -ms-transform: rotate(-45deg) translate(10px, 10px); transform: rotate(-45deg) translate(10px, 10px); }

@media only screen and (max-width: 1201px) { header .mobile-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media only screen and (max-width: 577px) { header .mobile-btn { width: 60px; height: 60px; } }

@media only screen and (max-width: 1740pxpx) { header .all-width { padding: 0 70px; } }

@media only screen and (max-width: 1201px) { header:before { display: none; }
  header .all-width { padding: 0 30px; }
  header .all-width .logo svg { fill: #000; }
  header .all-width .head-sub { width: auto; max-width: 215px; } }

@media only screen and (max-width: 401px) { header h1 { display: none; } }

footer { width: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #fff), to(#e0e0e0)); background: -webkit-linear-gradient(#fff 65%, #e0e0e0); background: -o-linear-gradient(#fff 65%, #e0e0e0); background: linear-gradient(#fff 65%, #e0e0e0); padding: 0; position: relative; z-index: 2; }

@media only screen and (max-width: 1400px) { footer .inner1400 { padding: 0 60px; }
  footer .footer-layout { width: 85%; } }

@media only screen and (max-width: 1201px) { footer { height: auto; } }

@media only screen and (max-width: 577px) { footer { text-align: center; }
  footer .inner1400 { padding: 0; } }

footer .footer-layout { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 80px 0 0 0; grid-gap: 100px; width: 100%; letter-spacing: 0.1em; }

@media only screen and (max-width: 1600px) { footer .footer-layout { grid-gap: 30px; } }

@media only screen and (max-width: 961px) { footer .footer-layout { -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } }

@media only screen and (max-width: 577px) { footer .footer-layout { text-align: left; } }

footer .footer-logo { min-width: 270px; }

footer .footer-logo .footer-logo__name { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

@media only screen and (max-width: 961px) { footer .footer-logo { margin: auto; } }

footer .footer-company { width: 100%; min-width: 365px; }

footer .footer-company .footer-company__list li { display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; margin-bottom: 5px; }

@media only screen and (max-width: 1600px) { footer .footer-company { width: auto; } }

@media only screen and (max-width: 1201px) { footer .footer-company { width: 100%; } }

@media only screen and (max-width: 961px) { footer .footer-company .footer-company__list li { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 577px) { footer .footer-company { padding: 0 30px; }
  footer .footer-company .footer-company__list li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media only screen and (max-width: 401px) { footer .footer-company { min-width: auto; padding: 0 15px; } }

footer .footer-link .footer-link__row { width: 140px; }

footer .footer-link .footer-link__list { font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; }

footer .footer-link .footer-link__list li { margin: 0 0 5px 0; }

footer .footer-link .footer-link__list li a { color: #000; display: block; }

footer .footer-link .footer-link__list li a:hover { color: #fa842e; margin-left: 5px; }

@media only screen and (max-width: 1201px) { footer .footer-link { display: none; width: auto; } }

@media only screen and (max-width: 577px) { footer .footer-link { display: none; } }

footer .footer-follow { min-width: 237px; margin-left: 3%; }

footer .footer-follow .footer-follow__title { margin: 0 0 30px 0; color: #f1e5e7; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }

footer .footer-follow .footer-follow__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 8px; }

footer .footer-follow .footer-follow__list i { color: #fa842e; font-size: 36px; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; margin-top: 3px; }

footer .footer-follow .footer-follow__list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; min-width: 60px; height: 60px; border-radius: 100%; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }

footer .footer-follow .footer-follow__list a:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

@media only screen and (max-width: 1201px) { footer .footer-follow { width: 100%; margin-left: 0; } }

@media only screen and (max-width: 961px) { footer .footer-follow .footer-follow__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 577px) { footer .footer-follow { margin: 30px 0 0 0; }
  footer .footer-follow .footer-follow__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

footer .footer-btm { border-top: solid 1px #d7d7d7; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 45px 0; margin: 80px 0 0 0; }

footer .footer-btm .footer-btm__right a { color: #fa842e; padding-left: 15px; font-weight: bold; }

footer .footer-btm .footer-btm__right a:hover { text-decoration: underline; }

@media only screen and (max-width: 1201px) { footer .footer-btm .footer-btm__nav { display: none; }
  footer .footer-btm .footer-btm__design span { display: block; padding-right: 0; text-align: center; } }

@media only screen and (max-width: 961px) { footer .footer-btm { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  footer .footer-btm .footer-btm__right { margin-bottom: 10px; width: 100%; text-align: center; }
  footer .footer-btm .footer-btm__right span { display: block; margin-bottom: 10px; } }

.side-class { position: fixed; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 555; border: solid 10px rgba(255, 255, 255, 0.1); border-radius: 15px; }

.side-class a { width: 70px; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: -webkit-gradient(linear, left top, left bottom, from(#fa842e), to(#fa632e)); background: -webkit-linear-gradient(#fa842e, #fa632e); background: -o-linear-gradient(#fa842e, #fa632e); background: linear-gradient(#fa842e, #fa632e); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 143px; color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: bold; }

.side-class a svg { width: 100%; max-width: 44px; height: auto; }

@media only screen and (max-width: 1400px) { .side-class { display: none; } }

.all-form { color: #fa842e; }

.all-form .list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-column-gap: 38px; grid-row-gap: 25px; margin: 40px 0 0 0; }

.all-form .list .list-item--wrap { grid-column-start: 1; grid-column-end: 3; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.all-form .list .list-item--wrap .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.all-form .list .list-item--wrap .flex img { margin-top: 40px; }

.all-form .list .list-item--wrap > div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.all-form .list .list-item--wrap .reset-captcha { width: 30px; height: 30px; cursor: pointer; }

.all-form .list .list-item--wrap .list-item__btn { width: 220px; height: 60px; border-radius: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; font-weight: 600; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 30px auto 0; display: block; background: #fa842e; text-transform: uppercase; position: relative; }

.all-form .list .list-item--wrap .list-item__btn:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.all-form .list .list-item { width: 100%; position: relative; }

.all-form .list .list-item .text-danger { color: #ff0000; font-size: 14px; font-size: 0.875rem; line-height: 1.09375rem; font-weight: 300; display: block; margin-top: 5px; }

.all-form .list .list-item .list-item__title { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: bold; }

.all-form .list .list-item .list-item__title span { color: #ff0000; }

.all-form .list .list-item .list-item__tour { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; margin: 12px 0; }

.all-form .list .list-item .list-item__time { grid-gap: 10px; }

.all-form .list .list-item .list-item__field--arrow { position: relative; background: url("../images/arrow.svg") no-repeat right 15px center !important; background-size: 12px auto; }

.all-form .list .list-item .list-item__field { color: #fa842e; border: solid 1px #fa842e; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; height: 60px; width: 100%; padding: 0 20px; font-weight: 300; font-size: 16px; font-size: 1rem; line-height: 1.25rem; margin: 12px 0 0 0; }

.all-form .list .list-item .list-item__field:focus { outline: none; }

.all-form .list .list-item .list-item__field2 { color: #fa842e; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #fa842e; height: 200px; width: 100%; background: none; padding: 20px; font-weight: 300; font-size: 16px; font-size: 1rem; line-height: 1.25rem; margin: 12px 0 0 0; }

.all-form .list .list-item .list-item__field2:focus { outline: none; }

.all-form .list .list-item .list-item__field3 { color: #fa842e; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; height: 60px; width: 240px; background: none; padding: 0 20px; font-weight: 300; font-size: 16px; font-size: 1rem; line-height: 1.25rem; border: solid 1px #fa842e; margin: 12px 0 0 0; }

.all-form .list .list-item .list-item__field3:focus { outline: none; }

.all-form .list .list-item--full { grid-column-start: 1; grid-column-end: 3; }

@media only screen and (max-width: 577px) { .all-form .list { grid-template-columns: 1fr; }
  .all-form .list .list-item--full, .all-form .list .list-item--wrap { grid-column-start: 1; grid-column-end: 2; }
  .all-form .list .list-item--wrap .list-item__btn { width: 180px; height: 50px; border-radius: 50px; }
  .all-form .list .list-item .list-item__time { -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 0; } }

.selectnav { display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background: none; padding: 10px 0; position: relative; border: 0; color: #fff; margin: 20px 0; border-radius: 5px; padding: 10px 20px; background: url("../images/select-arrow.svg") no-repeat right 5px center #fa842e; background-size: 30px auto; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }

@media only screen and (max-width: 1201px) { #nav { display: none; }
  .selectnav { display: block; } }

.slick-arrow { width: 85px !important; height: 85px !important; border-radius: 100%; background: #fff; top: 50%; }

.slick-prev { left: -110px; background: url("../images/prev.svg") no-repeat #fff center; background-size: 30px auto; }

.slick-next { right: -110px; background: url("../images/next.svg") no-repeat #fff center; background-size: 30px auto; }

@media only screen and (max-width: 1201px) { .slick-prev { left: 0; }
  .slick-next { right: 0; } }

@media only screen and (max-width: 577px) { .slick-arrow { width: 18px !important; height: 31px !important; } }

@-webkit-keyframes scrolldown { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes scrolldown { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

.scroll-wrap { position: absolute; left: 50%; bottom: 0; z-index: 3; color: #000; width: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.scroll-wrap span { font-size: 16px; font-size: 1rem; line-height: 1.25rem; line-height: 1; font-weight: 600; color: #fff; white-space: nowrap; }

.scroll-wrap .scroll { width: 1px; height: 44px; background: #236EB4; position: relative; overflow: hidden; margin: 15px 4px 0 0; }

.scroll-wrap .scroll .scroll-line { width: 100%; height: 100%; display: block; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, rgba(4, 15, 48, 0))); background: -webkit-linear-gradient(top, white 50%, rgba(4, 15, 48, 0) 50%); background: -o-linear-gradient(top, white 50%, rgba(4, 15, 48, 0) 50%); background: linear-gradient(to bottom, white 50%, rgba(4, 15, 48, 0) 50%); background-position: 0 -44px; background-size: 100% 200%; -webkit-animation: scrolldown 4s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; animation: scrolldown 4s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; }

.noscroll { overflow: hidden; }

#page-banner { width: 100%; position: relative; height: 200px; }

#page-banner .slogan { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; padding: 0; }

#page-banner .slogan .all-width { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

#page-banner .slogan-text { width: 100%; margin-left: 10%; }

#page-banner .slogan-text .tit { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 15px; }

#page-banner .slogan-text .txt { font-size: 1rem; line-height: 24px; line-height: 1.5rem; }

#page-banner .slogan-wrap { border-left: solid 1px #ead9c6; position: relative; padding: 20px 25px 10px 25px; color: #ead9c6; min-width: 330px; }

#page-banner .slogan-wrap .en { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: bold; font-family: "Nanum Gothic", sans-serif; }

#page-banner .slogan-wrap h2 { font-size: 36px; font-size: 2.25rem; line-height: 2.8125rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 25px; margin-bottom: 3px; }

#page-banner .slogan-wrap:after { content: ''; display: block; width: 5px; height: 70px; background: #ead9c6; position: absolute; bottom: 0; left: 0; }

#page-banner figure { width: 100%; position: relative; z-index: 1; height: inherit; }

#page-banner figure img { width: 100%; height: 100%; display: block; position: absolute; z-index: 1; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: left center; object-position: left center; }

#page-banner figure:before { content: ''; display: block; width: 100%; height: 75%; left: 0; bottom: 0; position: absolute; background: black; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.504622)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.504622) 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.504622) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.504622) 0%, rgba(255, 255, 255, 0) 100%); z-index: 2; }

#page-banner .s-title { bottom: -40px; left: 8.333%; position: absolute; z-index: 3; height: 70px; width: auto; }

@media only screen and (max-width: 1600px) { #page-banner .s-title { max-height: 120px; width: auto; } }

@media only screen and (max-width: 1800px) { #page-banner .slogan-text { margin-left: 0; } }

@media only screen and (max-width: 1201px) { #page-banner .slogan-text { display: none; }
  #page-banner .s-title { height: 60px; bottom: -30px; left: 6.4vw; }
  #page-banner .slogan { padding-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #page-banner .slogan .en { font-size: 16px; font-size: 1rem; line-height: 1.25rem; }
  #page-banner .slogan h2 { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; }
  #page-banner .slogan .slogan-wrap:after { height: 50px; } }

@media only screen and (max-width: 961px) { #page-banner { height: 200px; }
  #page-banner .slogan h2 { margin-top: 10px; }
  #page-banner .slogan:after { display: none; } }

@media only screen and (max-width: 577px) { #page-banner { height: 160px; }
  #page-banner .s-title { height: 30px; bottom: -20px; } }

#page-top { text-align: center; padding: 60px 0 0 0; }

#page-top .page-top__category { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 500; color: #fa842e; padding: 0 30px; }

@media only screen and (max-width: 577px) { #page-top .page-top__category { padding: 0 10px; } }

#page-top .page-top__title { font-size: 36px; font-size: 2.25rem; line-height: 2.8125rem; font-weight: bold; color: #666; padding-bottom: 30px; }

#page-top .page-top__wrap { background: #f1e5e7; width: 100%; height: 100px; }

#page-top .page-top__wrap .all-width { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: inherit; }

#page-top .page-top__wrap.fixed { position: fixed; height: 80px; top: 100px; left: 0; z-index: 99; -webkit-animation: headanime2 1s; animation: headanime2 1s; }

#page-top .page-top__nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: inherit; }

#page-top .page-top__nav a { color: #666; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 10px 20px; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 600; }

#page-top .page-top__nav a.active { background: #fa632e; color: #F4F1E8; }

#page-top .page-top__btn { grid-gap: 10px; }

#page-top .page-top__btn a { width: 180px; height: 60px; border-radius: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#page-top .page-top__btn a i { margin-right: 10px; }

#page-top .page-top__btn .link { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 600; }

#page-top .page-top__btn .link--style1 { background: #db740f; color: #f6f6f6; }

#page-top .page-top__btn .link--style2 { background: #fa632e; color: #F4F1E8; }

@media only screen and (max-width: 1400px) { #page-top .page-top__wrap.fixed { top: 80px; }
  #page-top .page-top__btn a { width: 160px; height: 50px; }
  #page-top .page-top__btn .link { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; } }

@media only screen and (max-width: 1201px) { #page-top .page-top__nav a { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; padding: 10px; }
  #page-top .page-top__btn a { width: 140px; } }

@media only screen and (max-width: 769px) { #page-top .page-top__wrap.fixed { -webkit-animation: none; animation: none; }
  #page-top .page-top__title { padding: 0 0 30px 0; width: 80%; margin: auto; }
  #page-top .page-top__btn { position: fixed !important; bottom: 0; left: 0; width: 100%; z-index: 11; grid-gap: 0; }
  #page-top .page-top__btn a { width: 50%; border-radius: 0; } }

@media only screen and (max-width: 577px) { #page-top .page-top__wrap { height: 60px; }
  #page-top .page-top__wrap .inner1400 { padding: 0 5px; }
  #page-top .page-top__nav { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #page-top .page-top__nav a { padding: 10px 5px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #page-top .page-top__wrap.fixed { height: 60px; top: 60px; }
  #page-top .page-top__category { text-align: left; }
  #page-top .page-top__title { width: 100%; font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; text-align: left; padding: 10px 10px 30px 10px; } }

#page-content { padding: 75px 0 0 0; position: relative; contain: paint; }

#page-content .page-content__title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

#page-content .page-content__title h2 { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; color: #666; padding: 0 30px; }

#page-content .page-content__title:before, #page-content .page-content__title:after { display: block; content: ''; width: 40px; height: 1px; background: #666; }

#page-content .page-content__text { display: block; border-bottom: solid 1px #E1E1E1; color: #666; font-size: 1.25rem; line-height: 30px; line-height: 1.875rem; padding: 30px 0; margin-bottom: 45px; }

#page-content .scroll-text { position: absolute; left: -30px; top: 30px; font-size: 72px; font-size: 4.5rem; line-height: 5.625rem; font-weight: bold; color: #ead9c6; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing: .2em; z-index: 2; width: 90px; }

#page-content .scroll-icon { width: 543px; height: 448px; position: absolute; top: 450px; right: -20px; background: url("../images/page-icon.svg") no-repeat; background-size: contain; }

@media only screen and (max-width: 1201px) { #page-content { padding: 30px 0 0 0; }
  #page-content .scroll-text { font-size: 48px; font-size: 3rem; line-height: 3.75rem; width: 48px; left: -15px; }
  #page-content .scroll-icon { width: 360px; height: 300px; top: 300px; } }

@media only screen and (max-width: 577px) { #page-content .scroll-icon { width: 260px; height: 200px; top: 300px; } }

#page-bottom { background: url("../images/page-bottom-bg.jpg") no-repeat; background-size: cover; width: 100%; height: 500px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 195px; }

#page-bottom .page-bottom__content { color: #fff; text-align: center; }

#page-bottom .page-bottom__en { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 300; }

#page-bottom .page-bottom__text { font-size: 36px; font-size: 2.25rem; line-height: 2.8125rem; font-weight: 600; margin: 10px 0 20px 0; }

#page-bottom .page-bottom__phone { width: 460px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: solid 1px #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

@media only screen and (max-width: 1201px) { #page-bottom { margin-bottom: 0; height: 360px; }
  #page-bottom .page-bottom__en { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }
  #page-bottom .page-bottom__text { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; }
  #page-bottom .page-bottom__phone { width: 360px; height: 60px; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; } }

@media only screen and (max-width: 577px) { #page-bottom .page-bottom__text { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; }
  #page-bottom .page-bottom__phone { width: 300px; height: 60px; } }

#breadcrumb-wrap { padding: 25px 0; background: #F2F2F2; }

.breadcrumb { -ms-flex-wrap: wrap; flex-wrap: wrap; grid-row-gap: 5px; }

.breadcrumb li { margin-right: 40px; position: relative; }

.breadcrumb li:after { content: ''; display: block; width: 1px; height: 12px; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); position: absolute; right: -20px; top: 5px; background: #707070; }

.breadcrumb li:last-child { margin-right: 0; }

.breadcrumb li:last-child:after { display: none; }

.breadcrumb li a:hover { color: #fa842e; }

@media only screen and (max-width: 1201px) { .breadcrumb { margin-bottom: 0; }
  .breadcrumb li { font-size: 14px; font-size: 0.875rem; line-height: 1.09375rem; margin-right: 20px; }
  .breadcrumb li:first-child { background: url("../images/home-outline.svg") no-repeat left center; background-size: 18px auto; }
  .breadcrumb li:after { top: 1px; right: -10px; height: 15px; } }

@media only screen and (max-width: 401px) { .breadcrumb { margin-bottom: 0; } }

.contact-bg { background: url("../images/contact-bg.jpg") no-repeat; background-size: cover; height: 589px; padding: 0 !important; }

.contact-bg .all-width { height: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 577px) { .contact-bg { height: auto; padding: 60px 0 80px 0 !important; } }

.idx-content--bottom .all-width { padding-bottom: 175px; }

@media only screen and (max-width: 1201px) { .idx-content--bottom .all-width { padding-bottom: 0; } }

.tour-row figure { width: 100%; padding: 75% 0 0 0; position: relative; overflow: hidden; }

.tour-row figure a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; overflow: hidden; text-indent: -999px; }

.tour-row figure img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; top: 0; left: 0; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.tour-row figure:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.tour-row .tour-row__category { color: #fa842e; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; padding: 20px 0; }

.tour-row .tour-row__row { padding: 0 0 20px 0; border-bottom: solid 1px #ddd; margin-bottom: 20px; grid-template-columns: 1fr auto; }

.tour-row .tour-row__name a { display: block; font-size: 1.5rem; line-height: 30px; line-height: 1.875rem; color: #666; }

.tour-row .tour-row__price { text-align: right; color: #666; }

.tour-row .tour-row__price span { display: block; }

.tour-row .tour-row__price .price { color: #fa842e; font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; font-weight: bold; font-family: "Nanum Gothic", sans-serif; font-weight: 800; min-width: 135px; }

.tour-row .tour-row__price .price-txt { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

.tour-row .tour-row__date { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; color: #666; }

.tour-row .tour-row__date dt { min-width: 100px; font-weight: bold; }

.tour-row .tour-row__date dd { margin: 0 0 0 10px; color: #fa842e; font-weight: bold; }

@media only screen and (max-width: 1201px) { .tour-row .tour-row__category { padding: 10px 0; }
  .tour-row .tour-row__price { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 15px; }
  .tour-row .tour-row__price .price { font-size: 1.875rem; line-height: 32px; line-height: 2rem; }
  .tour-row .tour-row__row { grid-template-columns: 1fr; }
  .tour-row .tour-row__row .tour-row__name { width: 100%; }
  .tour-row .tour-row__date { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tour-row .tour-row__date dd { margin: 5px 0 0 0; } }

.faq-row { position: relative; height: 72px; }

@media only screen and (max-width: 577px) { .faq-row { height: auto; } }

.faq-row:before { content: ''; display: block; width: 100%; height: inherit; position: absolute; z-index: 1; border-radius: 72px; background: #fa842e; top: 5px; left: 0; }

.faq-row .faq-row__dl { height: 72px; padding: 0 20px; width: 100%; border-radius: 72px; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .1em; position: relative; z-index: 2; margin: 0 0 5px 0; font-size: 1.25rem; line-height: 24px; line-height: 1.5rem; }

.faq-row .faq-row__dl dt { background: url("../images/faq-icon.png") no-repeat; background-size: contain; min-width: 55px; height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-style: italic; color: #fff; }

.faq-row .faq-row__dl dt span { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }

.faq-row .faq-row__dl dd { margin: 0 0 0 30px; position: relative; width: 100%; }

.faq-row .faq-row__dl dd a { color: #666; display: block; position: relative; width: 100%; padding-right: 30px; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.faq-row .faq-row__dl dd a i { position: absolute; right: 10px; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; top: 50%; -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); }

.faq-row .faq-row__dl dd a:hover { color: #fa842e; }

.faq-row .faq-row__dl dd a:hover i { opacity: 1; -webkit-transform: translateX(5px) translateY(-50%); -ms-transform: translateX(5px) translateY(-50%); transform: translateX(5px) translateY(-50%); }

@media only screen and (max-width: 1201px) { .faq-row .faq-row__dl { font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } }

@media only screen and (max-width: 769px) { .faq-row .faq-row__dl dd { margin: 0 0 0 10px; } }

@media only screen and (max-width: 577px) { .faq-row .faq-row__dl { border-radius: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; padding: 20px; border-bottom: solid 5px #fa842e; }
  .faq-row .faq-row__dl dt { width: 55px; margin: auto; }
  .faq-row .faq-row__dl dd { margin: 0; }
  .faq-row .faq-row__dl dd a { padding-right: 0; }
  .faq-row .faq-row__dl dd a i { display: none; } }

.contact-btm { width: 100%; position: relative; }

.contact-btm .contact-btm__title { color: #fff; font-size: 36px; font-size: 2.25rem; line-height: 2.8125rem; font-weight: bold; border-bottom: solid 1px #fa842e; padding-bottom: 25px; margin-bottom: 25px; }

.contact-btm .contact-btm__text { color: #fff; font-size: 1.25rem; line-height: 30px; line-height: 1.875rem; max-width: 810px; width: 100%; }

.contact-btm__btn { background: #fa842e; width: 210px; height: 60px; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 40px; right: 0; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

.contact-btm__btn:hover { opacity: .9; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

@media only screen and (max-width: 1201px) { .contact-btm__btn { position: relative; } }

@media only screen and (max-width: 577px) { .contact-btm__btn { margin: auto; } }

.article { padding-bottom: 65px; }

.article .article-wrap { grid-template-columns: repeat(3, 1fr); grid-column-gap: 25px; grid-row-gap: 45px; width: 100%; margin-top: 25px; }

.article .article-row { position: relative; width: 100%; }

.article .article-row:before { content: ''; display: block; width: calc(100% - 15px); padding: 75% 0 0 0; position: absolute; top: 15px; left: 15px; z-index: 1; background: #f1e5e7; }

.article .article-row figure { overflow: hidden; position: relative; width: calc(100% - 15px); padding: 75% 0 0 0; z-index: 2; }

.article .article-row figure a { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; z-index: 2; overflow: hidden; text-indent: -999px; }

.article .article-row figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.article .article-row figure:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.article .article-row .article-row__name { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; grid-gap: 45px; margin-top: 36px; }

.article .article-row .article-row__name a { color: #666; font-size: 1.5rem; line-height: 36px; line-height: 2.25rem; }

.article .article-row .article-row__name a:hover { color: #fa842e; }

.article .article-row .article-row__name .line { width: 40%; min-width: 40%; position: relative; height: 1px; background: #fa842e; margin-bottom: 6px; }

.article .article-row .article-row__name .line:after { content: ''; display: block; position: absolute; left: 0; top: -5px; background: #fa842e; width: 30px; height: 5px; }

.article .article-row .article-row__text { color: #666; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 15px; }

@media only screen and (max-width: 1400px) { .article .article-row .article-row__name { -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 20px; }
  .article .article-row .article-row__name .line { width: 100%; } }

@media only screen and (max-width: 961px) { .article .article-wrap { grid-template-columns: repeat(2, 1fr); } }

@media only screen and (max-width: 577px) { .article .article-wrap { grid-template-columns: 1fr; } }

.faq .faq-wrap { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-gap: 40px; margin-bottom: 30px; }

.faq .faq-row2 { position: relative; min-height: 163px; }

.faq .faq-row2 .faq-row2__box { width: calc( 100% - 10px); height: calc( 100% - 10px); position: relative; z-index: 2; border-radius: 0 30px 0 30px; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 10px 0; padding: 15px 25px; }

.faq .faq-row2 .faq-row2__box dt { background: url("../images/faq-icon.png") no-repeat; background-size: contain; min-width: 55px; height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-style: italic; color: #f6e6d4; font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; }

.faq .faq-row2 .faq-row2__box dt span { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }

.faq .faq-row2 .faq-row2__box dd { margin: 10px 0 0 30px; position: relative; width: 100%; }

.faq .faq-row2 .faq-row2__box dd a { color: #666; display: block; position: relative; width: 100%; padding-right: 30px; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

.faq .faq-row2 .faq-row2__box dd a:hover { color: #fa842e; }

.faq .faq-row2 .faq-row2__box dd p { color: #666; display: block; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; margin-top: 15px; }

.faq .faq-row2:before { display: block; content: ''; width: calc( 100% - 10px); height: calc( 100% - 10px); position: absolute; bottom: 0; right: 0; z-index: 1; background: #fa842e; border-radius: 0 30px 0 30px; }

.faq .faq-row2:nth-child(even) { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }

@media only screen and (max-width: 961px) { .faq .faq-wrap { grid-template-columns: 1fr; grid-gap: 30px; margin-bottom: 0; }
  .faq .faq-row2:nth-child(even) { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

@media only screen and (max-width: 577px) { .faq .faq-row2 .faq-row2__box dd a { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; padding-right: 0; }
  .faq .faq-row2 .faq-row2__box dd p { font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } }

.attractions-top { margin-bottom: 40px; }

.attractions-top .attractions-top__wrap { border-bottom: solid 1px #fa842e; position: relative; text-align: center; padding-bottom: 25px; color: #666; }

.attractions-top .attractions-top__wrap span { font-family: "Nanum Gothic", sans-serif; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }

.attractions-top .attractions-top__wrap h2 { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; }

.attractions-top .attractions-top__wrap:before { content: ''; display: block; width: 90px; height: 5px; background: #fa842e; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.attractions-top .attractions-top__category { -moz-tab-size: center; -o-tab-size: center; tab-size: center; color: #fa842e; padding: 15px 0 0 0; text-align: center; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }

.attractions .attractions-wrap { position: relative; grid-template-columns: 260px calc( 100% - 300px); grid-gap: 40px; }

.attractions .attractions-nav { position: -webkit-sticky; position: sticky; top: 120px; }

.attractions .attractions-nav .attractions-nav__title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.attractions .attractions-nav .attractions-nav__title i { color: #fa842e; margin-right: 10px; font-size: 24px; }

.attractions .attractions-nav .attractions-nav__title span { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; font-weight: bold; color: #666; }

.attractions .attractions-nav .attractions-nav__list { margin-top: 20px; margin-bottom: 60px; }

.attractions .attractions-nav .attractions-nav__list li { border-bottom: solid 1px #E8E8E8; }

.attractions .attractions-nav .attractions-nav__list li a { display: block; padding: 15px 20px; position: relative; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; color: #666; }

.attractions .attractions-nav .attractions-nav__list li a i { position: absolute; font-size: 12px; right: 18px; top: 23px; opacity: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.attractions .attractions-nav .attractions-nav__list li.active a, .attractions .attractions-nav .attractions-nav__list li:hover a { color: #fa842e; background: #fff1d2; }

.attractions .attractions-nav .attractions-nav__list li.active a i, .attractions .attractions-nav .attractions-nav__list li:hover a i { opacity: 1; -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); }

.attractions .attractions-content .attractions-content__result { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; margin: 5px 0; color: #666; }

.attractions .attractions-content .attractions-content__result span { color: #fa842e; font-weight: bold; }

.attractions .attractions-content .list { width: 100%; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-gap: 20px; margin-top: 22px; }

.attractions .attractions-content .list li figure { width: 100%; position: relative; padding: 75% 0 0 0; overflow: hidden; }

.attractions .attractions-content .list li figure img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; }

.attractions .attractions-content .list-name { display: block; border-left: solid 5px #fa842e; padding-left: 12px; margin: 18px 0; }

.attractions .attractions-content .list-name a { color: #666; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 600; }

.attractions .attractions-content .list-name span { padding: 0 0 0 5px; font-family: "Nanum Gothic", sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.25rem; font-weight: 400; }

.attractions .attractions-content .list-text { color: #666; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.attractions .attractions-content .attractions-pic { width: 100%; grid-gap: 10px; }

.attractions .attractions-content .attractions-pic img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; }

.attractions .attractions-content .attractions-pic .big-pic { width: 83%; }

.attractions .attractions-content .attractions-pic .big-pic .slick-list { height: 100%; }

.attractions .attractions-content .attractions-pic .big-pic .slick-list .slick-track { height: 100%; }

.attractions .attractions-content .attractions-pic .big-pic figure { width: 100%; padding: 65% 0 0 0; position: relative; overflow: hidden; }

.attractions .attractions-content .attractions-pic .big-pic figure figcaption { position: absolute; z-index: 2; padding: 10px 20px; background: rgba(239, 230, 223, 0.5); bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #fa842e; font-size: 22px; font-size: 1.375rem; line-height: 1.71875rem; font-weight: bold; }

.attractions .attractions-content .attractions-pic .small-pic { width: 18%; }

.attractions .attractions-content .attractions-pic .small-pic figure { width: 100%; padding: 62% 0 0 0; position: relative; overflow: hidden; }

.attractions .attractions-content .attractions-pic .small-pic .slick-slide { margin: 5px 0; }

.attractions .attractions-content .attractions-pic .small-pic .slick-list { margin: -5px 0; }

.attractions .attractions-content .attractions-edit { padding: 30px 0; color: #666; font-size: 1.25rem; line-height: 32px; line-height: 2rem; }

.attractions .attractions-content .attractions-edit img { max-width: 100%; height: auto; }

.attractions .attractions-content .attractions-back { border-radius: 5px; width: 180px; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: solid 1px #fa842e; color: #fa842e; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 600; margin: 0 auto 70px auto; }

.attractions .attractions-content .attractions-btm .attractions-btm__title { font-weight: bold; font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; color: #666; }

.attractions .attractions-content .attractions-btm .attractions-btm__title i { color: #fa842e; margin-right: 10px; margin-top: 5px; }

.attractions .attractions-content .attractions-btm .attractions-btm__title span { color: #fa842e; padding: 0 5px; }

.attractions .attractions-content .attractions-btm .attractions-btm__list { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin: 20px 0 80px 0; }

.attractions .attractions-content .attractions-btm .attractions-btm__list .row { position: relative; }

.attractions .attractions-content .attractions-btm .attractions-btm__list .row a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; text-indent: -999px; }

.attractions .attractions-content .attractions-btm .attractions-btm__list .row figure { width: 100%; padding: 75% 0 0 0; position: relative; overflow: hidden; z-index: 1; }

.attractions .attractions-content .attractions-btm .attractions-btm__list .row figure figcaption { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 18px 20px; background: rgba(0, 0, 0, 0.5); color: #EBCBA7; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 600; }

.attractions .attractions-content .attractions-btm .attractions-btm__list .row figure figcaption span { font-family: "Nanum Gothic", sans-serif; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: normal; padding-left: 10px; }

.attractions .attractions-content .attractions-btm .attractions-btm__list .row figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.attractions .attractions-content .attractions-btm .attractions-btm__list .row:hover figure img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media only screen and (max-width: 1400px) { .attractions .attractions-wrap { grid-template-columns: 230px calc( 100% - 270px); } }

@media only screen and (max-width: 1201px) { .attractions .attractions-wrap { grid-template-columns: 100%; grid-gap: 0; }
  .attractions .attractions-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; top: 0; }
  .attractions .attractions-nav .attractions-nav__title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-top: 30px; }
  .attractions .attractions-nav .selectnav { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .attractions .attractions-nav .follow { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: auto; } }

@media only screen and (max-width: 961px) { .attractions .attractions-wrap { grid-template-columns: 100%; }
  .attractions .attractions-content .attractions-pic { width: 100%; grid-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .attractions .attractions-content .attractions-pic .big-pic { width: 100%; }
  .attractions .attractions-content .attractions-pic .big-pic figure { padding: 67% 0 0 0; }
  .attractions .attractions-content .attractions-pic .small-pic { width: 100%; }
  .attractions .attractions-content .attractions-pic .small-pic figure { padding: 67% 0 0 0; }
  .attractions .attractions-content .attractions-pic .small-pic .slick-slide { margin: 0 5px; }
  .attractions .attractions-content .attractions-pic .small-pic .slick-list { margin: 0 -5px; }
  .attractions .attractions-content .list { grid-template-columns: repeat(2, 1fr); }
  .attractions .attractions-content .attractions-btm .attractions-btm__list { grid-template-columns: repeat(2, 1fr); } }

@media only screen and (max-width: 577px) { .attractions .attractions-content { margin-top: 30px; }
  .attractions .attractions-content .list { grid-template-columns: 1fr; }
  .attractions .attractions-content .list-name a { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; }
  .attractions .attractions-content .attractions-btm .attractions-btm__list { grid-template-columns: 1fr; } }

.departure .departure-search { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #fa842e; color: #fa842e; border-radius: 5px; padding: 0 50px 0 40px; height: 80px; background: url("../images/arrow.svg") no-repeat right 25px center; background-size: 18px 10px;  font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: bold; display: block; margin: 0 auto 45px auto; }

@media only screen and (max-width: 1201px) { .departure .departure-search { height: 60px; padding: 0 20px; } }

@media only screen and (max-width: 577px) { .departure .departure-search { width: 100%; padding: 0 50px 0 20px; } }

.search-wrap { width: 100%; max-width: 1400px; margin: auto; }

.search-wrap .search-result { width: 100%; text-align: right; margin: 60px 0 30px 0; }

.search-wrap #search-table { width: 100%; }

.search-wrap #search-table thead tr th { white-space: nowrap; height: 60px; border-bottom: solid 3px #fa842e; font-weight: bold; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; color: #666; padding: 0 20px; }

.search-wrap #search-table thead tr th i { color: #fa842e; margin-right: 5px; }

.search-wrap #search-table thead tr th:nth-child(2) { width: 100%; text-align: left; }

.search-wrap #search-table thead tr th:nth-child(7) { min-width: 280px; }

.search-wrap #search-table tbody tr td { background: #fff; text-align: center; height: 123px; padding: 0 20px; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; border-bottom: solid 1px #fa842e; }

.search-wrap #search-table tbody tr td .circle { width: 100px; height: 100px; border-radius: 100%; background: #fa842e; margin: 0 20px; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.search-wrap #search-table tbody tr td .circle .date { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; font-weight: bold; font-style: italic; }

.search-wrap #search-table tbody tr td .text { text-align: left; font-size: 1rem; line-height: 24px; line-height: 1.5rem; padding: 0 20px; }

.search-wrap #search-table tbody tr td:nth-child(2) { text-align: left; }

.search-wrap #search-table tbody tr td:nth-child(2) .tips { color: #fa842e; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; display: block; margin-bottom: 8px; }

.search-wrap #search-table tbody tr td:nth-child(2) a { font-size: 22px; font-size: 1.375rem; line-height: 1.71875rem; display: block; font-weight: bold; color: #666; }

.search-wrap #search-table tbody tr td:nth-child(2) a:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }

.search-wrap #search-table tbody tr td:nth-child(5) { white-space: nowrap; }

.search-wrap #search-table tbody tr td .table-link { width: 81px; height: 43px; border-radius: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: bold; }

.search-wrap #search-table tbody tr td .table-link--sign { background: #ffaa00; color: #FEECD8; }

.search-wrap #search-table tbody tr td .table-link--sign:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); background: #fa842e; }

.search-wrap #search-table tbody tr td .table-link--wait { background: #666666; color: #fff; }

.search-wrap #search-table tbody tr td .table-link--wait:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.search-wrap #search-table tbody tr td .table-link--stop { background: #dadada; color: #fff; }

.search-wrap #search-table tbody tr:nth-child(even) { background: #f5f2ed; }

@media only screen and (max-width: 1400px) { .search-wrap #search-table thead tr th:nth-child(2) { min-width: 360px; }
  .search-wrap #search-table thead tr th:nth-child(8) { min-width: 150px; }
  .search-wrap #search-table tbody tr td { padding: 10px; }
  .search-wrap #search-table tbody tr td .circle { margin: 0; }
  .search-wrap #search-table tbody tr td .text { padding: 0 0; } }

@media only screen and (max-width: 1201px) { .search-wrap #search-table thead tr th { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; padding: 5px; height: auto; }
  .search-wrap #search-table thead tr th:nth-child(2) { min-width: 200px; }
  .search-wrap #search-table tbody tr td { height: auto; } }

@media only screen and (max-width: 961px) { .search-wrap #search-table { border-collapse: collapse; }
  .search-wrap #search-table tbody tr { border: solid 1px #dadada; margin-bottom: 30px; display: block; border-collapse: collapse; }
  .search-wrap #search-table tbody tr:last-child { margin-bottom: 0; }
  .search-wrap #search-table tbody tr td { text-align: left; border-bottom: solid 1px #dadada; padding: 0; }
  .search-wrap #search-table tbody tr td:last-child { border-bottom: 0; }
  .search-wrap #search-table tbody tr td .circle { text-align: center; width: auto; height: auto; border-radius: 0; background: none; color: #666; font-family: "Noto Serif TC", sans-serif; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: normal; }
  .search-wrap #search-table tbody tr td .circle > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .search-wrap #search-table tbody tr td .circle .date { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: normal; padding-left: 10px; font-style: normal; }
  .search-wrap #search-table tbody tr td:before { color: #666; padding: 10px; background: #f4f4f4; }
  .search-wrap #search-table tbody tr td .bt-content { padding: 10px 20px; }
  .search-wrap #search-table tbody tr td .bt-content .text { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; } }

.tour { width: 100%; padding-bottom: 65px; }

.tour .tour-result { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; color: #666; }

.tour .tour-result span { color: #fa842e; font-weight: bold; }

.tour .tour-wrap { grid-template-columns: repeat(3, 1fr); grid-column-gap: 25px; grid-row-gap: 45px; width: 100%; margin-top: 25px; }

.tour .tour-category { width: 100%; }

.tour .tour-category .tour-category__title { background: #fa842e; color: #fff; height: 67px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }

.tour .tour-category .tour-category__title i { display: none; }

.tour .tour-category .tour-category__title span { font-size: 16px; font-size: 1rem; line-height: 1.25rem; padding-left: 15px; }

.tour .tour-category .tour-category__all { margin: 20px 0 5px 0; padding: 0 15px; display: block; }

.tour .tour-category .tour-category__content { background: #fff; padding: 15px; }

.tour .tour-category .tour-category__list li { margin: 10px 0; }

.tour .tour-category .tour-category__tips { margin-top: 15px; }

.tour .tour-category .tour-category__tips i { margin-right: 10px; font-size: 18px; }

.tour .tour-detail { width: 100%; }

.tour .tour-detail .tour-detail__pic { width: 100%; grid-template-columns: calc(100% - 276px) 260px; grid-gap: 16px; }

.tour .tour-detail .tour-detail__pic img { display: block; }

.tour .tour-detail .tour-detail__pic .big-pic { width: 100%; position: relative; }

.tour .tour-detail .tour-detail__pic .big-pic .slick-list { height: 100%; }

.tour .tour-detail .tour-detail__pic .big-pic .slick-list .slick-track { height: 100%; }

.tour .tour-detail .tour-detail__pic .big-pic figure { position: relative; overflow: hidden; padding: 59.5% 0 0 0; }

.tour .tour-detail .tour-detail__pic .big-pic figure img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; }

.tour .tour-detail .tour-detail__pic .big-pic figure.current { opacity: 1; z-index: 1; }

.tour .tour-detail .tour-detail__pic .small-pic { width: 100%; }

.tour .tour-detail .tour-detail__pic .small-pic figure { padding: 59.5% 0 0 0; position: relative; overflow: hidden; }

.tour .tour-detail .tour-detail__pic .small-pic figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; }

.tour .tour-detail .tour-detail__pic .small-pic figure:before { top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.tour .tour-detail .tour-detail__pic .small-pic .slick-slide { margin: 8px 0; cursor: pointer; }

.tour .tour-detail .tour-detail__pic .small-pic .slick-slide.slick-current figure:before { opacity: 0; }

.tour .tour-detail .tour-detail__pic .small-pic .slick-list { margin: -8px 0; }

.tour .tour-detail .tour-detail__row { padding: 80px 0 0 0; }

.tour .tour-detail .tour-detail__title { font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; font-weight: bold; color: #666; text-align: center; }

.tour .tour-detail .tour-detail__title:after { content: ''; display: block; width: 40px; height: 5px; background: #fa842e; margin: 25px auto 0 auto; }

.tour .tour-detail .tour-detail__info { padding: 20px 0 0 0; }

.tour .tour-detail .tour-detail__article { color: #666; font-size: 1rem; line-height: 30px; line-height: 1.875rem; }

.tour .tour-detail .tour-detail__content { padding-top: 70px; }

.tour .tour-detail .tour-detail__wrap { background: #fff; border-radius: 30px; padding: 87px; width: 100%; grid-gap: 40px; position: relative; }

.tour .tour-detail .tour-detail__sidenav { width: 200px; min-width: 200px; }

.tour .tour-detail .tour-detail__sidenav .list { position: -webkit-sticky; position: sticky; top: 120px; }

.tour .tour-detail .tour-detail__sidenav .list li { margin: 20px 0; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: 600; }

.tour .tour-detail .tour-detail__sidenav .list li a { color: #666; }

.tour .tour-detail .tour-detail__sidenav .list li a:hover { color: #fa842e; }

.tour .tour-detail .tour-detail__sidenav .list li:first-child { margin: 0 0 20px 0; }

.tour .tour-detail .tour-detail__itinerary { position: relative; grid-template-columns: 1fr 1400px 1fr; }

.tour .tour-detail .tour-detail__itinerary .tour-detail__itinerary-nav { position: -webkit-sticky; position: sticky; top: 200px; width: 120px; margin: auto; }

.tour .tour-detail .tour-detail__itinerary .tour-detail__itinerary-nav a { background: #f1e5e7; color: #666; width: 120px; height: 45px; border-radius: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: 600; margin-bottom: 15px; }

.tour .tour-detail .tour-detail__itinerary .tour-detail__itinerary-nav a.active { background: #fa842e; color: #F4F1E8; }

.tour .tour-detail .tour-detail__itinerary .day-row { color: #666; padding-top: 50px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__day { border: dashed 1px #fa842e; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -ms-flex-line-pack: center; align-content: center; width: 120px; height: 120px; margin: auto; border-radius: 100%; color: #fa842e; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__day i { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: -3px; top: -3px; border: solid 10px #fff; font-size: 20px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__day:after { content: attr(data-day); font-size: 42px; font-size: 2.625rem; line-height: 3.28125rem; font-family: "Nanum Gothic", sans-serif; font-weight: 800; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__day span { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: bold; display: block; width: 100%; text-align: center; margin-bottom: 5px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__name { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; font-weight: 600; text-align: center; color: #666; margin-top: 20px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__edit { padding: 55px 0; font-size: 1.25rem; line-height: 32px; line-height: 2rem; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete { width: 100%; margin-bottom: 30px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .row { position: relative; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .row a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; text-indent: -9999px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .row figure { position: relative; overflow: hidden; z-index: 1; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .row figure:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid 20px rgba(255, 255, 255, 0.5); z-index: 2; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .row img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; z-index: 1; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .templete-box__name { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; position: relative; font-weight: 600; color: #fa842e; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .templete-box__name .en { color: #666; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-family: "Nanum Gothic", sans-serif; font-weight: normal; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .templete-box__text { color: #666; font-size: 1.25rem; line-height: 32px; line-height: 2rem; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row figure { padding: 35% 0 0 0; width: 50%; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .templete-box { width: 50%; background: url("../images/templete1-icon.svg") no-repeat center; background-size: contain; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .templete-box__btm { color: #000; padding: 50px 120px; display: block; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .templete-box__name .en { padding: 10px 0 30px 0; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .templete-box__name:after { content: ''; display: block; height: 1px; width: 50px; background: #fa842e; position: absolute; top: 14px; left: -80px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .row { width: 100%; position: relative; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .row figure { padding: 65.15% 0 0 0; position: relative; overflow: hidden; width: 100%; z-index: 1; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .row figure img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .templete-box { width: 100%; z-index: 2; top: -87px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .templete-box__btm { width: 100%; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 2; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .templete-box__name { width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); padding: 30px; font-size: 22px; font-size: 1.375rem; line-height: 1.71875rem; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: -87px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .templete-box__name .en { color: #fff; font-size: 16px; font-size: 1rem; line-height: 1.25rem; padding: 5px 0 0 10px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .templete-box__text { color: #666; margin-top: 30px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; margin-bottom: 120px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row { width: 100%; position: relative; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row figure { padding: 122.22% 0 0 0; position: relative; overflow: hidden; width: 100%; z-index: 1; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row figure img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row:nth-child(3n+2) { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row:nth-child(3n+3) { -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .templete-box { width: 100%; z-index: 2; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .templete-box__btm { width: 100%; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 2; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .templete-box__name { width: 100%; padding: 30px 0; font-size: 22px; font-size: 1.375rem; line-height: 1.71875rem; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fa632e; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .templete-box__name .en { color: #666; font-size: 16px; font-size: 1rem; line-height: 1.25rem; padding: 5px 0 0 10px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .templete-box__text { color: #666; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row { width: 100%; position: relative; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row figure { padding: 65.15% 0 0 0; position: relative; overflow: hidden; width: 100%; z-index: 1; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row figure img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .templete-box { width: 100%; z-index: 2; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .templete-box__btm { width: 100%; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 2; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .templete-box__name { width: 100%; border-bottom: solid 1px #fa842e; padding: 30px 0 15px 0; margin-bottom: 15px; font-size: 22px; font-size: 1.375rem; line-height: 1.71875rem; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fa632e; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .templete-box__name .en { color: #666; font-size: 16px; font-size: 1rem; line-height: 1.25rem; padding: 5px 0 0 10px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .templete-box__text { color: #666; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm { background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#fff)); background: -webkit-linear-gradient(#F8F8F8, #fff); background: -o-linear-gradient(#F8F8F8, #fff); background: linear-gradient(#F8F8F8, #fff); padding: 35px 30px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row { min-width: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-tit { border: dashed 2px #fa842e; border-radius: 100%; min-width: 76px; width: 76px; height: 76px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 20px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-tit i { font-size: 24px; color: #fa842e; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-text .row-text-s { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fa842e; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: bold; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-text .row-text-s span { font-weight: normal; padding-left: 10px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-text ul { margin-top: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 25px; grid-row-gap: 10px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-text ul li span { color: #000; padding-right: 5px; }

.tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-text .row-edit { margin-top: 10px; }

@media only screen and (max-width: 577px) { .tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm { grid-template-columns: 1fr; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row { padding: 15px 0; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-text ul { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row .row-edit { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .line { display: none; } }

.tour .tour-detail .tour-detail__flight { margin-top: 50px; width: 100%; text-align: center; }

.tour .tour-detail .tour-detail__flight th { color: #F4F1E8; height: 65px; background: #fa842e; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: bold; }

.tour .tour-detail .tour-detail__flight td { height: 65px; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: bold; color: #666; }

.tour .tour-detail .tour-detail__flight td:first-child { color: #fa842e; }

.tour .tour-detail .tour-detail__flight tr:nth-child(even) { background: #FFF7F1; }

.tour .tour-detail .tour-detail__flight-tips { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; color: #666; margin-top: 15px; display: block; }

.tour .tour-detail .tour-detail__tour { grid-template-columns: repeat(3, 1fr); grid-gap: 25px; margin-top: 50px; }

.tour .tour-detail .tour-detail__subtitle { border-left: solid 5px #fa842e; padding-left: 20px; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; color: #000; font-weight: 600; }

.tour .tour-detail .tour-detail__edit { padding: 50px 0 0 0; font-size: 1.25rem; line-height: 32px; line-height: 2rem; color: #666; }

.tour .tour-detail .tour-detail__edit img { max-width: 100%; height: auto; }

.tour .tour-detail .tour-detail__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 80px; }

.tour .tour-detail .tour-detail__price { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; color: #fa842e; font-weight: 600; }

.tour .tour-detail .tour-detail__price span { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

.tour .tour-detail .tour-detail__inquiry { width: 280px; height: 70px; border-radius: 70px; background: #fa842e; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: 600; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.tour .tour-detail .tour-detail__inquiry:hover { opacity: .7; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.tour .tour-detail .tour-detail__inquiry--center { margin: 70px auto 0; }

@media only screen and (max-width: 1600px) { .tour .tour-detail .tour-detail__pic { grid-template-columns: 80% 18%; grid-gap: 2%; }
  .tour .tour-detail .tour-detail__pic .small-pic .slick-slide { margin: 4.2% 0; }
  .tour .tour-detail .tour-detail__pic .small-pic .slick-list { margin: -4.2% 0; }
  .tour .tour-detail .tour-detail__itinerary { grid-template-columns: 1fr 80% 1fr; }
  .tour .tour-detail .tour-detail__itinerary .tour-detail__itinerary-nav { width: 80px; }
  .tour .tour-detail .tour-detail__itinerary .tour-detail__itinerary-nav a { width: 80px; } }

@media only screen and (max-width: 1400px) { .tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm { -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 10px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__btm .row { width: 100%; } }

@media only screen and (max-width: 1201px) { .tour .tour-category .tour-category__title { height: auto; padding: 20px; border-radius: 0; cursor: pointer; position: relative; }
  .tour .tour-category .tour-category__title i { display: block; position: absolute; top: 22px; right: 20px; font-size: 20px; color: #fff; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }
  .tour .tour-category .tour-category__title.current i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
  .tour .tour-category .tour-category__content { padding: 0; -webkit-box-sizing: content-box; box-sizing: content-box; max-height: 0; overflow: hidden; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; opacity: 0; }
  .tour .tour-category .tour-category__content.current { max-height: 100%; opacity: 1; }
  .tour .tour-list .list .list-row .list-row__name { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }
  .tour .tour-detail .tour-detail__top { grid-template-columns: repeat(2, 1fr); }
  .tour .tour-detail .tour-detail__btn { margin-top: 40px; }
  .tour .tour-detail .tour-detail__inquiry { width: 240px; height: 60px; border-radius: 60px; }
  .tour .tour-detail .tour-detail__wrap { padding: 60px; }
  .tour .tour-detail .tour-detail__sidenav { width: 160px; min-width: 160px; } }

@media only screen and (max-width: 1400px) { .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete .row .templete-box .templete-box__name .en { display: block; padding: 0; width: 100%; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row .templete-box .templete-box__btm { padding: 0 50px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row .templete-box .templete-box__name { padding-bottom: 10px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .row .templete-box .templete-box__name { top: 0; padding: 15px 0; background: none; position: relative; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .row .templete-box .templete-box__name .en { color: #666; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 .row .templete-box .templete-box__text { margin-top: 0; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row .templete-box .templete-box__name, .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row .templete-box .templete-box__name { border-bottom: 0; padding: 15px 0; margin-bottom: 0; } }

@media only screen and (max-width: 1201px) { .tour .tour-detail .tour-detail__itinerary { grid-template-columns: 1fr 70% 1fr; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__name { width: 100%; margin: 20px auto 0; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row .templete-box .templete-box__btm { padding: 0 30px; } }

@media only screen and (max-width: 961px) { .tour .tour-wrap { grid-template-columns: repeat(2, 1fr); }
  .tour .tour-detail .tour-detail__sidenav { display: none; }
  .tour .tour-detail .tour-detail__btn { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row figure { width: 100%; padding: 75% 0 0 0; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row .templete-box { width: 100%; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row .templete-box .templete-box__name:after { display: none; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row .templete-box .templete-box__btm { padding: 30px 0; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 { grid-template-columns: repeat(2, 1fr); }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row figure { padding: 75% 0 0 0; position: relative; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row:first-child { grid-column-start: 1; grid-column-end: 3; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row .templete-box__btm .templete-box__name { padding: 20px 0; } }

@media only screen and (max-width: 769px) { .tour .tour-detail .tour-detail__wrap { padding: 30px; border-radius: 20px; }
  .tour .tour-detail .tour-detail__top { grid-template-columns: 1fr; }
  .tour .tour-detail .tour-detail__itinerary { display: block; padding: 0 30px; }
  .tour .tour-detail .tour-detail__itinerary > div { width: 100%; }
  .tour .tour-detail .tour-detail__itinerary > div:nth-child(1), .tour .tour-detail .tour-detail__itinerary > div:nth-child(3) { display: none; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__title { padding: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__title .name { margin-top: 20px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row { padding: 0; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row:before { display: none; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .row figure { padding: 75% 0 0 0; position: relative; overflow: hidden; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .templete-box { position: relative; height: auto; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .templete-box .templete-box__btm { color: #000; padding: 30px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .templete-box .templete-box__name .en { color: #666; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style1 .templete-box .templete-box__text { width: 100%; margin-top: 10px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 { grid-row-gap: 40px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row .templete-box { position: relative; height: auto; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row .templete-box .templete-box__btm { width: 100%; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row .templete-box .templete-box__name { position: relative; width: 100%; bottom: auto; top: 0; height: auto; padding: 20px 0; }
  .tour .tour-detail .tour-detail__flight tr { display: block; padding: 30px; background: #FFF7F1; }
  .tour .tour-detail .tour-detail__flight tr:nth-child(even) { background: #fff; border-bottom: solid 1px #FFF7F1; }
  .tour .tour-detail .tour-detail__flight td { height: auto; padding: 5px; }
  .tour .tour-detail .tour-detail__flight td:before { text-align: left; } }

@media only screen and (max-width: 577px) { .tour .tour-wrap { grid-template-columns: 100%; }
  .tour .tour-detail .tour-detail__pic { display: block; }
  .tour .tour-detail .tour-detail__pic .big-pic figure { padding: 65% 0 0 0; }
  .tour .tour-detail .tour-detail__pic .small-pic { margin-top: 5px; }
  .tour .tour-detail .tour-detail__pic .small-pic figure { padding: 55.5% 0 0 0; }
  .tour .tour-detail .tour-detail__pic .small-pic .slick-slide { margin: 0 2.5px; }
  .tour .tour-detail .tour-detail__pic .small-pic .slick-list { margin: 0 -2.5px; }
  .tour .tour-detail .tour-detail__itinerary { padding: 0 10px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__name { text-align: left; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2 { grid-template-columns: 1fr; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 { grid-template-columns: 1fr; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row:first-child { grid-column-start: 1; grid-column-end: 2; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 { grid-template-columns: 1fr; }
  .tour .tour-detail .tour-detail__tour { grid-template-columns: 1fr; } }

@media only screen and (max-width: 401px) { .tour .tour-list .list { grid-template-columns: 1fr; }
  .tour .tour-detail .tour-detail__wrap { padding: 15px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style2, .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 { grid-template-columns: 1fr; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 { grid-row-gap: 20px; margin-bottom: 60px; }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style4 .row:nth-child(2n) { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .tour .tour-detail .tour-detail__itinerary .day-row .day-row__templete-style3 .row figure { padding: 80% 0 0 0; } }

.tour-bottom { padding: 0 0 100px 0; }

.tour-bottom .tour-bottom__title { text-align: center; margin-bottom: 60px; }

.tour-bottom .tour-bottom__title .en { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: 300; }

.tour-bottom .tour-bottom__title .text { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; font-weight: 600; }

.tour-bottom .related-slider .slick-slide { margin: 0 15px; }

.tour-bottom .related-slider .slick-list { margin: 0 -15px; }

.tour-bottom .related-slider .slick-arrow { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.tour-bottom .related-slider .slick-prev { left: 0; }

.tour-bottom .related-slider .slick-next { right: 0; }

.tour-bottom .list { padding: 0 170px; }

.tour-bottom .list .list-row { background: #fff; }

.tour-bottom .list .list-row figure { width: 100%; overflow: hidden; padding: 74.7% 0 0 0; position: relative; }

.tour-bottom .list .list-row figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; }

.tour-bottom .list .list-row figure span { position: absolute; top: 15px; left: 15px; display: inline-block; padding: 5px 10px; background: #fa842e; color: #fff; z-index: 2; }

.tour-bottom .list .list-row__info { padding: 20px 20px 30px 20px; }

.tour-bottom .list .list-row__name { display: block; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

.tour-bottom .list .list-row__name:hover { color: #fa842e; }

.tour-bottom .list .list-row__text { color: #666; margin-top: 15px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; }

.tour-bottom .list .list-row__price { color: #fa842e; font-weight: 600; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; margin-top: 30px; }

@media only screen and (max-width: 1201px) { .tour-bottom .list { padding: 0; } }

.error { padding: 100px 0; }

.error .error__ok { text-align: center; padding: 0; }

.error .error__ok .title { color: #666; font-weight: 600; font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; }

.error .error__ok .title .en { font-size: 60px; font-size: 3.75rem; line-height: 4.6875rem; color: #fa842e; display: block; margin-bottom: 20px; }

.error .error__ok .text { color: #666; margin-top: 30px; text-align: left; max-width: 540px; width: 100%; margin: 50px auto; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; }

.error .error__ok .error__home { width: 280px; height: 60px; border-radius: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 auto; background: #fa842e; position: relative; font-weight: 600; }

.error .error__ok .error__home:hover { opacity: .5; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

@media only screen and (max-width: 577px) { .error .error__ok .error__home { width: 180px; height: 50px; border-radius: 50px; } }

.success { padding: 100px 0; }

.success .success__ok { text-align: center; padding: 0; }

.success .success__ok .title { color: #000; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

.success .success__ok .title .en { font-size: 60px; font-size: 3.75rem; line-height: 4.6875rem; color: #fa842e; display: block; margin-bottom: 20px; }

.success .success__ok .text { color: #666; margin-top: 30px; text-align: center; max-width: 540px; width: 100%; margin: 50px auto; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; }

.success .success__ok .success__home { width: 280px; height: 60px; border-radius: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 auto; background: #fa842e; position: relative; font-weight: 600; }

.success .success__ok .success__home:hover { opacity: .5; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

@media only screen and (max-width: 577px) { .success .success__ok .success__home { width: 180px; height: 50px; border-radius: 50px; } }

.detail { width: 100%; margin-bottom: 60px; }

.detail .detail-wrap { grid-template-columns: calc(100% - 390px) 330px; grid-gap: 60px; }

.detail .detail-wrap__content { width: 100%; }

.detail .detail-wrap__content .title { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; font-weight: bold; color: #666; padding-bottom: 23px; border-bottom: solid 1px #fa842e; position: relative; }

.detail .detail-wrap__content .title:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 44px; height: 5px; background: #fa842e; }

.detail .detail-wrap__content .content-edit { color: #666; padding: 30px 0; font-size: 1.25rem; line-height: 32px; line-height: 2rem; }

.detail .detail-wrap__content .content-edit img { max-width: 100%; height: auto; }

.detail .detail-wrap__content .content-btm { border: solid 1px #E8E8E8; border-width: 1px 0; height: 112px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 100px; }

.detail .detail-wrap__content .content-btm .btn-line { width: 1px; height: calc(100% - 36px); background: #E8E8E8; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.detail .detail-wrap__content .content-btm .btn-row { width: 50%; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.detail .detail-wrap__content .content-btm .btn-row a { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; }

.detail .detail-wrap__content .content-btm .btn-row:hover .btn-row__text { color: #fa842e; }

.detail .detail-wrap__content .content-btm .btn-row:hover .btn-row__icon { background: #F8EEE3; border: dashed 2px #fa842e; }

.detail .detail-wrap__content .content-btm .btn-row__wrap, .detail .detail-wrap__content .content-btm .btn-row__icon { position: relative; z-index: 1; }

.detail .detail-wrap__content .content-btm .btn-row__wrap { width: 80%; }

.detail .detail-wrap__content .content-btm .btn-row__icon { width: 76px; height: 76px; min-width: 76px; border: dashed 2px #F8EEE3; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 20px 0 0; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.detail .detail-wrap__content .content-btm .btn-row__icon i { font-size: 20px; color: #fa842e; }

.detail .detail-wrap__content .content-btm .btn-row__sub { margin-bottom: 5px; font-weight: bold; color: #666; }

.detail .detail-wrap__content .content-btm .btn-row__text { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: bold; padding-right: 60px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #666; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

@media only screen and (max-width: 769px) { .detail .detail-wrap__content .content-btm .btn-row__text { display: none; } }

.detail .detail-wrap__content .content-btm .btn-row__right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.detail .detail-wrap__content .content-btm .btn-row__right .btn-row__icon { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 0 0 20px; }

.detail .detail-wrap__content .content-btm .btn-row__right .btn-row__wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: right; }

.detail .detail-wrap__content .content-btm .btn-row__right .btn-row__text { padding-left: 60px; padding-right: 0; }

.detail .detail-wrap__side .title { border-left: solid 5px #fa842e; padding-left: 15px; font-weight: bold; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; color: #666; margin: 5px 0; }

.detail .detail-wrap__side .list { margin: 20px 0 0 0; }

.detail .detail-wrap__side .list dl { border-bottom: solid 1px #E8E8E8; padding: 15px 0; margin: 0; }

.detail .detail-wrap__side .list dt, .detail .detail-wrap__side .list dd { margin: 0; }

.detail .detail-wrap__side .list dt { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; color: #fa842e; font-weight: bold; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; }

.detail .detail-wrap__side .list dd { padding-left: 5px; }

.detail .detail-wrap__side .list dd h3 { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: normal; }

.detail .detail-wrap__side .list2 { margin: 20px 0 0 0; }

.detail .detail-wrap__side .list2 .list2-row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 15px 0; border-bottom: solid 1px #E8E8E8; }

.detail .detail-wrap__side .list2 .list2-row figure { min-width: 45%; padding: 33.75% 0 0 0; overflow: hidden; position: relative; margin-right: 20px; }

.detail .detail-wrap__side .list2 .list2-row figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.detail .detail-wrap__side .list2 .list2-row figure a { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }

.detail .detail-wrap__side .list2 .list2-row figure a:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border: solid 5px rgba(255, 255, 255, 0.5); z-index: 2; top: 0; left: 0; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.detail .detail-wrap__side .list2 .list2-row figure:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.detail .detail-wrap__side .list2 .list2-row figure:hover a:before { border: solid 0 rgba(255, 255, 255, 0.5); }

.detail .detail-wrap__side .list2 .list2-row__name a { display: block; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #666; }

.detail .detail-wrap__side .list2 .list2-row__name a:hover { color: #fa842e; }

@media only screen and (max-width: 1400px) { .detail .detail-wrap { grid-template-columns: calc(100% - 350px) 280px; } }

@media only screen and (max-width: 1201px) { .detail .detail-wrap { grid-template-columns: 100%; grid-gap: 0; }
  .detail .detail-wrap .detail-wrap__content .content-btm { margin-bottom: 60px; }
  .detail .detail-wrap .detail-wrap__side { margin-bottom: 30px; }
  .detail .detail-wrap .detail-wrap__side .list2 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }
  .detail .detail-wrap .detail-wrap__side .list2 .list2-row { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .detail .detail-wrap .detail-wrap__side .list2 .list2-row figure { width: 100%; margin-right: 0; padding: 70% 0 0 0; }
  .detail .detail-wrap .detail-wrap__side .list2 .list2-row .list2-row__name { margin-top: 15px; } }

@media only screen and (max-width: 769px) { .detail .detail-wrap .detail-wrap__side .list2 { grid-template-columns: repeat(2, 1fr); } }

@media only screen and (max-width: 577px) { .detail .detail-wrap .detail-wrap__side .list2 { grid-template-columns: 1fr; } }

.contact { background: #f7f7f7; padding: 90px; max-width: 1120px; width: 100%; border-radius: 60px; margin: 0 auto 75px; }

.contact .contact-pic { position: relative; overflow: hidden; width: 100%; margin-bottom: 30px; }

.contact .contact-pic img { width: 100%; height: auto; display: block; }

.contact .contact-tips { color: #666; font-size: 1.25rem; line-height: 32px; line-height: 2rem; margin-bottom: 25px; }

.contact .contact-tips span { color: #fa842e; }

.contact .list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }

.contact .list .list-option { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px; margin-top: 20px; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; color: #fa842e; }

.contact .list .list-option .list-option__item { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 577px) { .contact .list .list-option .list-option__item { width: 100%; } }

.contact .list .list-option .list-option__item .checkbox { position: absolute; z-index: 1; opacity: 0; }

.contact .list .list-option .list-option__item .checkbox:checked + label:before, .contact .list .list-option .list-option__item .checkbox.checked + label:before { background: url("../images/check2.svg") #fa842e; }

.contact .list .list-option .list-option__item .checkbox__label { cursor: pointer; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.contact .list .list-option .list-option__item .checkbox__label:before { content: ''; display: block; width: 17px; height: 17px; margin: 0 10px; border-radius: 100%; border: solid 2px #fa842e; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.contact .list .list-item--full { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.contact .list .list-item--full .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.contact .list .list-item--full > div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.contact .list .list-item--full .reset-captcha { width: 30px; height: 30px; cursor: pointer; }

.contact .list .list-item--full .list-item__btn { width: 220px; height: 60px; border-radius: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; font-weight: 600; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 30px auto 0; display: block; background: #fa842e; text-transform: uppercase; position: relative; }

.contact .list .list-item--full .list-item__btn:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.contact .list .list-item { width: 100%; position: relative; }

.contact .list .list-item .text-danger { color: #ff0000; font-size: 14px; font-size: 0.875rem; line-height: 1.09375rem; font-weight: 300; display: block; margin-top: 5px; }

.contact .list .list-item .list-item__title { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; color: #666; }

.contact .list .list-item .list-item__title span { color: #fa842e; }

.contact .list .list-item .list-item__tour { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; margin: 12px 0; }

.contact .list .list-item .list-item__field--arrow { position: relative; background: url("../images/arrow.svg") no-repeat right 15px center !important; background-size: 12px auto; }

.contact .list .list-item .list-item__field { color: #fa842e; border: solid 1px #fa842e; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; height: 60px; width: 100%; padding: 0 20px; font-weight: 300; font-size: 16px; font-size: 1rem; line-height: 1.25rem; margin: 12px 0 0 0; }

.contact .list .list-item .list-item__field:focus { outline: none; }

.contact .list .list-item .list-item__field2 { color: #fa842e; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #fa842e; height: 200px; width: 100%; background: none; padding: 20px; font-weight: 300; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; margin: 12px 0 0 0; }

.contact .list .list-item .list-item__field2:focus { outline: none; }

.contact .list .list-item .list-item__field3 { color: #fa842e; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; height: 60px; width: 240px; background: none; padding: 0 20px; font-weight: 300; font-size: 16px; font-size: 1rem; line-height: 1.25rem; border: solid 1px #fa842e; margin: 12px 0 0 0; }

.contact .list .list-item .list-item__field3:focus { outline: none; }

.contact .list .list-item .list-item__field4 { color: #fa842e; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; height: 60px; width: auto; background: none; padding: 0 60px 0 20px; font-weight: 300; font-size: 16px; font-size: 1rem; line-height: 1.25rem; border: solid 1px #fa842e; margin: 12px 0 0 0; }

.contact .list .list-item .list-item__field4:focus { outline: none; }

.contact .list .list-item--full { grid-column-start: 1; grid-column-end: 3; }

@media only screen and (max-width: 577px) { .contact .list { grid-template-columns: 1fr; }
  .contact .list .list-item--full, .contact .list .list-item--wrap { grid-column-start: 1; grid-column-end: 2; }
  .contact .list .list-item--wrap .list-item__btn { width: 180px; height: 50px; border-radius: 50px; }
  .contact .list .list-item .list-item__time { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media only screen and (max-width: 1201px) { .contact { padding: 60px; } }

@media only screen and (max-width: 961px) { .contact { padding: 30px; border-radius: 30px; } }

@media only screen and (max-width: 769px) { .contact .list .list-option { grid-template-columns: repeat(3, 1fr); } }

@media only screen and (max-width: 577px) { .contact { padding: 30px 10px; }
  .contact .contact-pic { height: 120px; } }

@media only screen and (max-width: 401px) { .contact .list .list-option { grid-template-columns: repeat(2, 1fr); } }

.sign .sign-step { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.sign .sign-step:before { content: ''; display: block; width: 100%; height: 1px; background: #F4F1E8; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.sign .sign-item { width: 120px; text-align: center; color: #fa632e; margin: 0 70px; position: relative; opacity: .4; }

.sign .sign-item .sign-item__sub { text-transform: uppercase; }

.sign .sign-item .sign-item__circle { background: #fff; width: 15px; height: 15px; border-radius: 100%; border: solid 3px #fa632e; margin: 18px auto; }

.sign .sign-item .sign-item__text { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: bold; }

.sign .sign-item.active { opacity: 1; }

@media only screen and (max-width: 961px) { .sign .sign-item { margin: 0 30px; } }

@media only screen and (max-width: 769px) { .sign .sign-item { display: none; }
  .sign .sign-item.active { display: block; } }

.sign .sign-info { text-align: center; margin-top: 60px; }

.sign .sign-info .sign-info__sup { color: #fa632e; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }

.sign .sign-info .sign-info__title { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; font-weight: bold; color: #666; }

.sign .sign-row__wrap { margin-bottom: 20px; }

.sign .sign-row__wrap:last-child { margin-bottom: 0; }

.sign .sign-row__top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }

.sign .sign-row__top .title { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: bold; }

.sign .sign-row__top .title i { color: #fa632e; margin-top: 2px; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); margin-right: 10px; }

.sign .sign-row__top .style { padding: 5px 25px 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 43px; border: solid 1px #D5D5D5; border-radius: 5px; background: url("../images/arrow1.svg") no-repeat #FBFAF6 right 10px center; font-size: 15px; }

.sign .sign-row__table { display: table; width: 100%; border-collapse: collapse; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }

.sign .sign-row__table th, .sign .sign-row__table td { border: 1px solid #ccc; text-align: left; height: 60px; }

.sign .sign-row__table th { background-color: #F9F7F1; font-weight: bold; color: #666; width: 150px; padding: 10px 20px; }

.sign .sign-row__table th span { font-size: 14px; font-size: 0.875rem; line-height: 1.09375rem; }

.sign .sign-row__table td { padding: 10px 30px; }

.sign .sign-row__table td .text-danger { display: block; color: #f00; font-size: 16px; font-size: 1rem; line-height: 1.25rem; }

.sign .sign-row__table td .column { width: 100%; height: 43px; border-radius: 5px; background: #F9F7F1; border: solid 1px #D5D5D5; padding: 0 10px; max-width: 305px; }

.sign .sign-row__table td .column:focus { outline: none; }

.sign .sign-row__table td .column--height { height: 187px; margin: 10px 0; padding: 20px; max-width: 100%; }

.sign .sign-row__table td.date-icon { position: relative; }

.sign .sign-row__table td.date-icon .column { position: relative; }

.sign .sign-row__table td.date-icon i { position: absolute; top: 30px; right: 45px; z-index: 1; color: #8D8D8D; }

.sign .sign-row__table select { width: 100%; padding: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 43px; padding: 0 10px; border: solid 1px #D5D5D5; border-radius: 5px; background: url("../images/arrow1.svg") no-repeat #FBFAF6 right 10px center; font-size: 15px; }

@media only screen and (max-width: 769px) { .sign .sign-row__table { border-top: solid 1px #D5D5D5; }
  .sign .sign-row__table tr, .sign .sign-row__table td, .sign .sign-row__table th { display: block; width: 100%; }
  .sign .sign-row__table td, .sign .sign-row__table th { height: auto; padding: 10px; }
  .sign .sign-row__table td, .sign .sign-row__table th { border-width: 0 1px 1px 1px; }
  .sign .sign-row__table td br, .sign .sign-row__table th br { display: none; }
  .sign .sign-row__table td .column { background: none; max-width: 100%; }
  .sign .sign-row__table td.date-icon i { right: 20px; top: 23px; } }

.sign .sign-row { margin-top: 50px; }

.sign .sign-row .sign-row__title { color: #666; font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; font-weight: bold; text-align: center; margin-bottom: 20px; }

.sign .sign-row .sign-row__contract { margin-top: 20px; width: 100%; padding: 40px; border: solid 10px #F4F1E8; }

.sign .sign-row .sign-row__contract .content2 { height: 380px; font-size: 1rem; line-height: 30px; line-height: 1.875rem; color: #666; }

.sign .sign-row .sign-row__contract .content2 h2, .sign .sign-row .sign-row__contract .content2 h3, .sign .sign-row .sign-row__contract .content2 h4, .sign .sign-row .sign-row__contract .content2 h5 { font-size: 1rem; line-height: 30px; line-height: 1.875rem; }

@media only screen and (max-width: 769px) { .sign .sign-row .sign-row__contract { padding: 20px; } }

.sign .sign-row .sign-row__btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 5px; background: #fa842e; color: #FFF2E4; width: 180px; height: 60px; margin: 55px auto 100px auto; display: block; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 600; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.sign .sign-row .sign-row__btn:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.sign .sign-row .contract-check { margin-top: 20px; }

.sign .sign-row .contract-check a { color: #F4F1E8; text-decoration: underline; }

.sign .sign-row .contract-check input { display: none; }

.sign .sign-row .contract-check input + label { cursor: pointer; }

.sign .sign-row .contract-check input + label span { height: 30px; width: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; margin: -5px 5px 0 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; background: #f4f4f4; border-radius: 5px; }

.sign .sign-row .contract-check input + label span:after { content: ''; opacity: 0; visibility: hidden; background: url("../images/check.svg") no-repeat center; width: 24px; height: 24px; background-size: contant; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.sign .sign-row .contract-check input:checked + label span:after { opacity: 1; visibility: visible; }

@media only screen and (max-width: 769px) { .sign .sign-row .contract-check { font-size: 14px; font-size: 0.875rem; line-height: 1.09375rem; } }

.sign .sign-row__group .list-option .list-option__item { position: relative; width: 60px; height: 55px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 577px) { .sign .sign-row__group .list-option .list-option__item { width: 100%; } }

.sign .sign-row__group .list-option .list-option__item .radiobox { position: absolute; z-index: 1; opacity: 0; }

.sign .sign-row__group .list-option .list-option__item .radiobox:checked + label:before, .sign .sign-row__group .list-option .list-option__item .radiobox.checked + label:before { background: #fa632e; }

.sign .sign-row__group .list-option .list-option__item .radiobox__label { cursor: pointer; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sign .sign-row__group .list-option .list-option__item .radiobox__label:before { content: ''; display: block; width: 17px; height: 17px; margin: 0 10px; border-radius: 100%; border: solid 2px #F4F1E8; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

@media only screen and (max-width: 769px) { .sign .sign-row__group .list-option .list-option__item .radiobox__label { font-size: 14px; font-size: 0.875rem; line-height: 1.09375rem; } }

.sign .sign-row__group .list-option .list-option__item .radiobox__checked { background: #4e8cdb !important; color: #fff !important; border: solid 1px #3173c8 !important; cursor: inherit; }

.sign .sign-finish { padding: 150px 0; color: #666; }

.sign .sign-finish .sign-finish__title { font-weight: bold; text-align: center; font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; margin-bottom: 20px; color: #fa632e; }

.sign .sign-finish .sign-finish__no { text-align: center; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-weight: bold; }

.sign .sign-finish .sign-finish__text { max-width: 770px; margin: 40px auto; font-size: 1rem; line-height: 30px; line-height: 1.875rem; font-weight: 600; }

.sign .sign-finish .sign-finish__btn { border: 0; border-radius: 5px; background: #fa842e; color: #FFF2E4; width: 180px; height: 60px; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 600; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.sign .sign-finish .sign-finish__btn:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.about { display: grid; grid-template-columns: 310px 1fr; grid-column-gap: 90px; margin-bottom: 75px; }

.about .about-img { width: 100%; }

.about .about-img img { width: 100%; height: auto; }

.about .about-img2 { max-width: 320px; }

.about .about-img2 img { width: 100%; height: auto; }

.about .about-text { color: #666; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; text-align: justify; margin-top: 30px; }

@media only screen and (max-width: 1201px) { .about { grid-template-columns: 26% 1fr; grid-column-gap: 30px; } }

@media only screen and (max-width: 769px) { .about { grid-template-columns: 1fr; }
  .about .about-info { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .about .about-img2 { margin: auto; }
  .about .about-text { padding: 0 50px; }
  .about .about-img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 310px; margin: auto; } }