.journey .journey-edit { font-size: 1.25rem; line-height: 32px; line-height: 2rem; color: #666; margin-top: 30px; }

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

.journey .journey-row { padding: 100px 0 0 0; }

.journey .journey-row .journey-row__title { font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; font-weight: bold; color: #666; text-align: center; }

.journey .journey-row .journey-row__title:after { content: ''; display: block; width: 40px; height: 5px; background: #de5a55; margin: 25px auto 0 auto; }

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

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

.journey .journey-row .journey-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; }

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

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

.journey .journey-row .journey-name { display: block; border-left: solid 5px #de5a55; padding-left: 12px; margin: 18px 0; }

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

.journey .journey-row .journey-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; }

.journey .journey-row .journey-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; }

.journey .journey-tour { width: 100%; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-gap: 25px; margin-top: 22px; }

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

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

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

.journey .faq-row { position: relative; min-height: 163px; height: auto; }

.journey .faq-row .faq-row__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; }

.journey .faq-row .faq-row__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; }

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

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

.journey .faq-row .faq-row__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; }

.journey .faq-row .faq-row__box dd a:hover { color: #de5a55; }

.journey .faq-row .faq-row__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; }

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

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

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

@media only screen and (max-width: 577px) { .journey .faq-row .faq-row__box dd a { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; padding-right: 0; }
  .journey .faq-row .faq-row__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; } }

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

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

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

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

.journey .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: #de5a55; }

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

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

.journey .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; }

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

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

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

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

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

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

.journey .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) { .journey .article-row .article-row__name { -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 20px; }
  .journey .article-row .article-row__name .line { width: 100%; } }

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

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