@charset "utf-8";
@import url(fonts/fonts.css?ver1);

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break: keep-all;}
body {font:16px/1.5 'GmarketSans', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'sans-serif' !important;color:#555; min-width:0px;letter-spacing: -0.03em;}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea {margin:0;padding:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display:block;margin:0;padding:0;}
hr, table caption {display:none;}
legend, .hd-element {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
table {width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
img, fieldset, button, input {max-width:100%;vertical-align:middle;border:0;}
ul, ol, li {list-style:none;}
em, address {font-style:normal;}
label, button {cursor:pointer;}
a {text-decoration:none;color:#222;}
button {vertical-align:top;background:transparent;}
button::-moz-focus-inner {padding:0;border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
input, select, button {font:16px/1.5 'GmarketSans', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'sans-serif';color:#222;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {font-family: 'GmarketSans', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'sans-serif';}
/*스크린 리더 only*/
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

#container ::-webkit-scrollbar {width:5px;} /* Let's get this party started */
#container ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: transparent;} /* Track */
#container ::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(200,200,200,1);  border-radius:10px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */
.cont-panorama-wrap {padding-bottom: 5px}
.cont-panorama-wrap::-webkit-scrollbar {height: 5px;margin-top: 5px;}
body.pc #wraps,
body.pc #headers {min-width: 1024px;}
body.mobile-cont #headers .top-areas .logo {display: none}

/* list */
.dot>li {display: flex;gap: 10px;}
.dot>li:before {content: '';width: 5px;height: 5px;margin: 8px 0 0;background: #0095da;border-radius: 50%;flex-shrink: 0;}
.dot>li .first {flex-shrink: 0;}

/* header */

#headers {position: absolute;top: 0;left: 0;width: 100%;height: 65px;background: rgba(0,0,0, .5);z-index: 1;}
@media (min-width: 1152px) {
	body.mobile-cont #headers {top: 93px;}
}
.top-areas {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 1000px;height: 100%;margin: 0 auto;}
body.mobile-cont .top-areas {justify-content: flex-end}
.top-areas .logo img {margin-right: 5px;}
/* sns */
.sns-wrap {position: relative;display: flex;gap: 20px}

.lang-list-wrap {display: flex;position: relative;border: 1px solid rgba(255,255,255, .5)}
.lang-list-wrap .btn-go {min-width: 50px;background: #1678e4;border-left: 1px solid rgba(255,255,255, .5);color: #fff;}

.btn-lang {display: flex;min-width: 130px;height: 34px;line-height: 34px;padding: 0 20px 0 10px;background-color: transparent;background-image: url(../images/ico-lang.png);background-repeat: no-repeat;background-position: calc(100% - 12px) 50%;color: #fff;font-size: 1.0625rem;font-weight: 300;font-family: 'Noto Sans KR';}
.lang-list {display: none;position: absolute;top: 34px;left: -1px;width: calc(100% + 2px);padding: 1px;background: rgba(255,255,255, .9);}
.lang-list>li {display: flex;justify-content: center;margin: 0 0 1px;padding: 5px 0;color: #1678e4;font-family: 'Noto Sans KR';cursor: pointer}
.lang-list>li:hover,
.lang-list>li.current {background: #1678e4;color: #fff;}


.btn-share {display: flex;height: 36px;line-height: 36px;padding: 0 40px 0 15px;background-color: transparent;background-image: url(../images/ico-share.png);background-repeat: no-repeat;background-position: calc(100% - 12px) 50%;border: 1px solid rgba(255,255,255, .5);color: #fff;font-size: 1.125rem;font-weight: 400;}
.sns-list {display: none;position: absolute;z-index: 10;top: 80px;right: 0px;width: 400px;min-height: 140px;padding: 30px 20px 0px 10px;background: #fff;border-radius: 20px;}
.sns-list .sns-header {position: relative}
.sns-list .sns-header:before {content: '';position: absolute;top: -64px;left: 317px;width: 0;height: 0;border: 20px solid transparent;border-top: 0;border-bottom: 40px solid #fff}
.sns-list .btn-close {position: absolute;top: -21px;right: -10px;width: 34px;height: 34px;text-indent: -9999em;}
.sns-list .btn-close:before {content: '';position: absolute;top: 14px;left: 4px;width: 24px;height: 3px;background-color: #000000;transform: rotate(135deg)}
.sns-list .btn-close:after {content: '';position: absolute;top: 14px;left: 4px;width: 24px;height: 3px;background-color: #000000;transform: rotate(-135deg)}

.sns-list ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.sns-list ul li {display: flex;flex-wrap: wrap;justify-content: center;margin: 5px 10px;}
/* ico */
.btn-sns {display: flex;flex-wrap: wrap;align-items: center;justify-content: center; background-repeat: no-repeat;background-position: 0 0;font-size: 16px;color: #333}
.ico-sns {display: inline-block;width: 30px;height: 30px;margin-right: 5px;background-size: 100% auto;}
.ico-sns.ico-sns-facebook {background-image: url(../images/ico-facebook.png)}
.ico-sns.ico-sns-kakao {background-image: url(../images/ico-kakaotalk.png)}
.ico-sns.ico-sns-twitter {background-image: url(../images/ico-twitter.png?new)}
.ico-sns.ico-sns-blog {background-image: url(../images/ico-blog.png)}
.ico-sns.ico-sns-url {background-image: url(../images/ico-url.png)}
.dim {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0, .5);z-index: 9;display: none}
i.ico-check {width: 21px;height: 19px;margin-right: 8px;background: url(../images/ico-check.png) center no-repeat;display:inline-block;}


/* section */
.section {padding: 60px 0;}
.section .inner {width: 100%;max-width: 1000px;margin: 0 auto;}
.section h2 {display: flex;align-items: flex-end;gap: 10px;padding: 0 0 30px;font-family: 'Ansungtangmyun' !important;font-size: 2.8125rem;line-height: 1;}
.section h2 span.title {display: inline-flex;flex-direction: column;gap: 5px;font-family: 'Ansungtangmyun'}
.section h2 span.title:before {content: '';width: 104px;height: 30px;background: url(../images/bg-title.png) no-repeat 0 0;}
.section h2 span.title-eng {color: #187ba8;font-size: 1.25rem;font-family: 'Ansungtangmyun'}
.cont-text {font-size: 1.125rem;line-height: 1.6;}

/* section1 */
.section1 {position: relative;width: 100%;max-width: 3000px;margin: 0 auto;height: 660px;padding-top: 250px;background: url(../images/bg-visual.jpg) no-repeat 50% 50%;background-size: cover;}
.section1 h2 {display: flex;flex-direction: column;align-items: center;color: #fff;font-weight: 700;font-size: 5.9375rem;line-height: 1.2;text-shadow: 3px 3px 4px rgba(0,0,0, .5)}
.section1 h2 span {font-size: 1.625rem;font-family: 'Ansungtangmyun'}
.section1 h2 .img-title {margin-top: 10px;width: 72%;max-width: 427px;}
.box-info {position: absolute;bottom: 0;left: 0;width: 100%;height: 125px;background: rgba(14, 31, 43, 0.7)}
.box-info .inner {display: flex;flex-direction: column;justify-content: center;gap: 15px;height: 100%;}
.box-info .inner h3 {color: #fff;font-size: 1.5rem;text-decoration: underline;text-underline-offset: 6px;}
.box-info__text {display: flex;gap: 30px;color: #fff}
.box-info__text dl {display: flex;gap: 6px;font-size: 1.125rem;}
.box-info__text dl dt {color: #ffe508;font-weight: 700;}
.box-info__text dl dd {color: #fff;}
.box-info__text dl dd span {color: #17ffec}

/* section2 */
.section2 {background: #e8f6fd;}

/* section 3*/
.section3 {background: #f8fdff;}
.section3 .cont-panorama-wrap {border-radius: 10px;width: 100%;overflow: hidden;overflow-x: auto;}
.section3 .cont-panorama {position: relative;width: 1000px;}
.section3 .cont-panorama img {border-radius: 10px;width: 1000px;max-width: 1000px;}
.section3 .cont-panorama .btn-num {display: flex;align-items: center;justify-content: center;position: absolute;z-index: 1;width: 38px;height: 46px;margin: 0;padding: 0;font-size: 0.875rem;}
.section3 .cont-panorama .btn-num span.num {width: 38px;height: 46px;line-height: 36px;background: url(../images/img-pop.png);font-size: 0.875rem;z-index: 5;}
.section3 .cont-panorama .btn-num span.over-title {position: absolute;top: 50px;left: 50%;background: #fdf8de;border: 2px solid #ffd200;border-radius: 5px;min-width: 150px;height: 30px;display: none;align-items: center;justify-content: center;color: #000;transform: translateX(-50%);font-size: 1rem;z-index: 10;}
.section3 .cont-panorama .btn-num.num1 span.over-title {left: calc(50% - 30px);}

.slide-count {margin: 5px 0 0;display: flex;justify-content: flex-end;gap: 5px;font-weight: 400;font-family: 'Noto Sans KR' !important;}
.slide-count span {font-weight: 700;}
.slide-count .current {color: #187ba8}
.slide-count .total {color: #555}

.btn-num.num1 {top: 126px;right: 55px;}
.btn-num.num2 {top: 181px;right: 60px;}
.btn-num.num3 {top: 266px;left: 662px;}
.btn-num.num4 {top: 203px;left: 573px;}
.btn-num.num5 {top: 219px;left: 487px;}
.btn-num.num6 {top: 198px;left: 433px;}
.btn-num.num7 {top: 236px;left: 391px;}
.btn-num.num8 {top: 193px;left: 349px;}
.btn-num.num9 {top: 166px;left: 148px;}
.btn-num.num10 {top: 182px;left: 58px;}
.btn-num.num11 {top: 153px;left: 206px;}
.btn-num.num12 {top: 118px;left: 255px;}
.btn-num.num13 {top: 147px;left: 341px;}
.btn-num.num14 {top: 165px;left: 633px;}
.btn-num.num15 {top: 159px;left: 700px;}
.btn-num {opacity: 0;transform: translateY(-15px);}
.btn-num:after {content: '';position: absolute;width: 36px;height: 10px;background: rgba(180, 222, 221, 0.7);border-radius: 50%;bottom: 0;left: 50%;transform: translateX(-50%) scaleX(1);}


.btn-num.show {animation: drop-in 0.5s ease-out forwards;}
@keyframes drop-in {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (hover:hover) and (pointer: fine) {
	.section3 .cont-panorama .btn-num:hover {z-index: 100}
	.section3 .cont-panorama .btn-num:hover span.over-title {display: flex;}
	.btn-num:hover span.num {animation: floatY 1s ease-in-out infinite alternate;}
	.btn-num:hover:after {animation: shadow-scale 1s ease-in-out infinite alternate;}

	@keyframes shadow-scale {
		0% { transform: translateX(-50%) scaleX(1); }
		100% { transform: translateX(-50%) scaleX(0.4); }
	}
	@keyframes floatY {	
	from { transform: translateY(0); }	
	to { transform: translateY(-5px); }	
	}
}

body.mobile-cont .done .btn-num span.num {animation: floatY 1s ease-in-out infinite alternate;}
body.mobile-cont .done .btn-num:after {animation: shadow-scale 1s ease-in-out infinite alternate;}
body.mobile-cont .done .num1 span.num,
body.mobile-cont .done .num1 .btn-num:after  {animation-delay: 0s}
body.mobile-cont .done .num2 span.num,
body.mobile-cont .done .num2 .btn-num:after  {animation-delay: 0.4s}
body.mobile-cont .done .num3 span.num,
body.mobile-cont .done .num3 .btn-num:after  {animation-delay: 0.6s}
body.mobile-cont .done .num4 span.num,
body.mobile-cont .done .num4 .btn-num:after  {animation-delay: 0.3s}
body.mobile-cont .done .num5 span.num,
body.mobile-cont .done .num5 .btn-num:after  {animation-delay: 0.5s}
body.mobile-cont .done .num6 span.num,
body.mobile-cont .done .num6 .btn-num:after  {animation-delay: 0.7s}
body.mobile-cont .done .num7 span.num,
body.mobile-cont .done .num7 .btn-num:after  {animation-delay: 0.9s}
body.mobile-cont .done .num8 span.num,
body.mobile-cont .done .num8 .btn-num:after  {animation-delay: 0.2s}
body.mobile-cont .done .num9 span.num,
body.mobile-cont .done .num9 .btn-num:after  {animation-delay: 0.4s}
body.mobile-cont .done .num10 span.num,
body.mobile-cont .done .num10 .btn-num:after {animation-delay: 0.2s}
body.mobile-cont .done .num11 span.num,
body.mobile-cont .done .num11 .btn-num:after  {animation-delay: 0.4s}
body.mobile-cont .done .num12 span.num,
body.mobile-cont .done .num12 .btn-num:after {animation-delay: 0.6s}
body.mobile-cont .done .num13 span.num,
body.mobile-cont .done .num13 .btn-num:after {animation-delay: 0.8s}
body.mobile-cont .done .num14 span.num,
body.mobile-cont .done .num14 .btn-num:after {animation-delay: 0.7s}
body.mobile-cont .done .num15 span.num,
body.mobile-cont .done .num16 .btn-num:after {animation-delay: 0.5s}


@keyframes shadow-scale {
	0% { transform: translateX(-50%) scaleX(1); }
	100% { transform: translateX(-50%) scaleX(0.4); }
}
@keyframes floatY {	
from { transform: translateY(0); }	
to { transform: translateY(-5px); }	
}

.swiper-pop .swiper-slide {position: relative;}
.swiper-pop .swiper-slide p.credit {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);color: #000;font-size: 0.75rem;font-family: 'Noto Sans KR' !important;font-weight: 700;text-shadow:-1px -1px 0 rgba(255,255,255,.8),1px -1px 0 rgba(255,255,255,.8),-1px 1px 0 rgba(255,255,255,.8),1px 1px 0 rgba(255,255,255,.8);}

.scroll-info {display: flex;gap: 5px;align-items: center;justify-content: flex-end;color: #747474;}
.scroll-info:before {content: '';width: 50px;height: 16px;background: url(../images/ico-arrows.png) no-repeat 0 0;background-size: auto 100%;}

.text-panorama {display: flex;justify-content: center;align-items: center;margin: 15px 0;padding: 0 10px;color: #333;}
.text-panorama strong {display: inline-block;background: #faf0b0;color: #000;line-height: 1;}
.text-panorama span br {display: none;}
.text-panorama:before {content: '';width: 30px;height: 30px;background: url(../images/ico-icons.png) no-repeat 0 0;flex-shrink: 0;}

.panorama-info-wrap {display: flex;gap: 20px;margin-top: 50px;}
.panorama-info-wrap .panorama-info {position: relative;display: flex;flex-direction: column;padding: 45px 50px 80px;border-radius: 10px;}
.panorama-info h3 {margin-bottom: 5px;color: #333;font-size: 1.5rem;font-weight: 400;text-align: center;}
.panorama-info.cont1 {width: calc(100% - 260px);background: #fffbeb url(../images/bg-tour-btm.jpg) no-repeat 100% 100%;z-index: 1;border-radius: 10px;overflow: hidden;}
.panorama-info.cont1:before {content: '';position: absolute;top: 0;left: 0;width: 130px;height: 62px;background: #fffbeb url(../images/bg-tour-top.jpg) no-repeat 0 0;z-index: -1}
.panorama-info.cont1 .tour-info {display: flex;justify-content: center;gap: 25px;}
.tour-info li {display: flex;font-size: 1.125rem;gap: 10px;}
.tour-info li:before {content: '';width: 27px;height: 27px;background: #a3a3a3 url(../images/ico-icons.png) no-repeat -30px 0;border-radius: 50%;}
.tour-info li.phone:before {background-position: -60px 0;background-color: #777777}
.tour-info li a {color: #555;}
.tour-img {margin: 30px 0 35px;}

.tour-course {position: relative;width: 100%;}
.tour-course ol {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;z-index: 1;}
.tour-course ol:before {content: '';position: absolute;top: 17px;left: 0;width: 100%;height: 1px;background: url(../images/bg-garo.png) repeat-x 0 50%;;z-index: -1;}
.tour-course ol:after {content: '';position: absolute;bottom: 17px;left: 0;width: 100%;height: 1px;background: url(../images/bg-garo.png) repeat-x 0 50%;;z-index: -1;}

.tour-course ol>li {position: relative;}
.tour-course ol>li>span {position: relative;background-color: #fff;border: 1px solid #777777;border-radius: 5px;width: 80px;height: 35px;display: flex;align-items: center;justify-content: center;font-size: 1.125rem;font-weight: 700;}

.tour-course ol>li.line1 .course1 {color: #0095da;border: 1px dashed #0095da}
.tour-course ol>li.line1 .course1-info {position: absolute;top: 50px;left: 0;}
.tour-course ol>li.line1 .course1-info .dot:before {display: none}




.panorama-info.cont2 {align-items: center;width: 240px;padding: 0;background: #e2faf6 url(../images/bg-ceremony-btm.jpg) no-repeat 100% 100%}
.panorama-info.cont2 h3 {padding: 45px 0 30px;background: #97dfd2 url(../images/bg-ceremony-top.jpg) repeat-x 0 100%;border-radius: 10px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;text-align: center;}

.ceremony {display: flex;flex-direction: column;align-items: center;padding: 60px 0 0;}
.ceremony:before {content: '';width: 30px;height: 30px;margin: 0 0 5px;background: url(../images/ico-icons.png) no-repeat -90px 0;}
.ceremony dt, 
.ceremony dd {color: #333;font-size: 1.25rem;}
.ceremony dt {font-weight: 700;}
.ceremony2:before {background-position: -120px 0}
.ceremony3:before {background-position: -150px 0}

/* section4 */
.section4 {background: #eaf4f7}

.slide-line {display: flex;justify-content: space-between;gap: 30px;margin-bottom: 30px;}
.slide-line>div {display: flex;flex-direction: column;justify-content: space-between;flex-shrink: 0;}
.swiper-past .swiper-slide {width: 100% !important}

.swiper-past {padding-bottom: 50px;}

.swiper-past-button-prev, .swiper-past-button-next {width: 45px;height: 45px;background: #555555;border-radius: 10px;color: #fff;font-weight: 700;font-size: 30px;top: auto;bottom: 0;left: 50%;right: auto;}
.swiper-past-button-prev {margin-left: -30px;}
.swiper-past-button-next {margin-left: 30px;}
.swiper-past-button-prev:after,
.swiper-past-button-next:after {font-size: 24px;line-height: 1;}
.swiper-past-button-prev.swiper-button-disabled, 
.swiper-past-button-next.swiper-button-disabled {opacity: .6}

/* footer */
#footer {padding: 25px 0;background: #0a2428;}
#footer .inner {width: 100%;max-width: 1000px;margin: 0 auto;}
#footer .inner p {display: flex;justify-content: center;gap: 20px;align-items: center;color: #fff;font-family: 'Noto Sans KR' !important;}
.addr .call {display: inline-flex;gap: 10px;align-items: center;font-size: 1.25rem;}
.addr .call:before {content: '';width: 36px;height: 36px;background: #477981 url(../images/ico-icons.png) no-repeat -180px 0;border-radius: 50%;}
#footer .inner p.copy {font-size: 0.9125rem}

.btn-tops {z-index: 20;opacity: 0;position: fixed;width: 74px;height: 80px;background: url(../images/btn-top.png) no-repeat 0 0;z-index: 100;transition: all .3s ease-in-out}
.btn-tops.show {opacity: 1;}




/* popup */
.pop-layer {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0, .8);z-index: 100;}
.pop-layer .pop-cont-wrap {position: absolute;top: 50%;left: 50%;width: 100%;max-width: 1000px;max-height: 760px;transform: translate(-50%, -50%)}
.pop-cont-wrap .btn-pop-close {position: absolute;top: -40px;right: 60px;display: flex;align-items: center;gap: 2px;color: #fff;font-size: 1.25rem;font-weight: 400;z-index: 1;}
.pop-cont-wrap .btn-pop-close i {position: relative;display: block;width: 28px;height: 28px;}
.pop-cont-wrap .btn-pop-close i:before {content: '';position: absolute;top: 50%;left: 50%;width: 16px;height: 4px;background: #fff;transform: translate(-50%, -50%) rotate(130deg);border-radius: 2px;}
.pop-cont-wrap .btn-pop-close i:after {content: '';position: absolute;top: 50%;left: 50%;width: 16px;height: 4px;background: #fff;transform: translate(-50%, -50%) rotate(-130deg);border-radius: 2px;}
.pop-cont {overflow-y: auto;width: 100%;max-width: 880px;max-height: 90vh;margin: 0 auto;padding: 40px;background: #fff;border-radius: 10px;}
.pop-cont h3.pop-title {margin: 35px 0 10px;color: #784924;font-weight: 700;font-size: 1.875rem;text-align: center;}
.pop-cont p.pop-title-sub {color: #333333;font-family: 'Noto Sans KR' !important;font-size: 1.25rem;letter-spacing: -0.05em;text-align: center;}
.pop-cont p.pop-text {margin: 20px 0;font-size: 1.125rem;font-family: 'Noto Sans KR' !important;text-align: center;}

.swiper-pop-button-prev, .swiper-pop-button-next {color: #fff;font-weight: 700;font-size: 50px;}
.swiper-pop-button-prev {left: 10px;}
.swiper-pop-button-next {right: 10px;}

.pop-cont .swiper {height: 400px;}
.pop-cont .swiper-slide {position: relative;text-align: center;}
.pop-cont .swiper-slide img {position: absolute;top: 50%;left: 50%;min-height: 350px;object-fit: cover;transform: translate(-50%, -50%);}

@media (max-width: 1023px) {
	.pop-cont-wrap .btn-pop-close {top: -25px;right: 10px;}
	.pop-layer .pop-cont-wrap {padding: 10px;}
	.pop-cont {padding: 20px;max-height: calc(90vh - 50px);position: relative;}	
	.pop-cont p.pop-text br {display: none;}

	.slide-line {gap: 15px;margin-bottom: 15px;}

	.slide-line>div,
	.slide-line img {flex-shrink: 1;}

	.swiper-pop-button-next,
	.swiper-pop-button-prev {top: 22vw;text-shadow: 3px 3px 3px rgba(0,0,0, .5)}
	.swiper-pop-button-next {right: 30px;}
	.swiper-pop-button-prev {left: 30px;}

	/* header */
	.top-areas {padding: 0 20px;}

	/* section */
	.section {padding: 30px 0}
	.section .inner {padding: 0 20px;}

	/* section1 */
	.section1 {padding-top: 200px}
	.box-info {padding: 20px 0;height: auto;}
	.box-info__text {flex-direction: column;gap: 10px;}

	/* section3 */
	.section3 .inner {display: flex;flex-direction: column;}
	.section3 .inner h2 {order: 1}
	.section3 .inner .cont-panorama-wrap {order: 3}
	.section3 .inner .text-panorama {order: 2;margin: 0 0 15px;}
	.section3 .inner .scroll-info {order: 4}
	.section3 .inner .panorama-info-wrap {margin-top: 25px;order: 5}

	.panorama-info-wrap .panorama-info.cont1 {width: calc(100% - 210px);padding: 30px 30px 50px}
	.panorama-info h3,
	.panorama-info.cont2 h3 {font-size: 1.25rem}
	.panorama-info.cont2 h3 {padding-top: 30px;}
	.panorama-info.cont2 {width: 200px}
	.tour-course ol>li>span {font-size: 1rem}
	.tour-course .dot>li strong {color: #0095da}

	/* footer */
	.btn-tops {bottom: 45px;right: 10px;width: 45px;height: 49px;background-size: 100% auto;}

}

@media (max-width: 1000px) {
	.pop-cont-wrap .btn-pop-close {right: auto;left: calc(50% + 380px)}
}

@media (max-width: 900px) {
	.pop-cont-wrap .btn-pop-close {right: 10px;left: auto;}

	/* section 3 */
	.panorama-info-wrap {gap: 10px}
	.panorama-info-wrap .panorama-info.cont1 {width: calc(100% - 190px);padding: 30px 10px}
	.panorama-info.cont2 {width: 180px;}
	.panorama-info h3, .panorama-info.cont2 h3 {font-size: 1.125rem}
	.ceremony dt, .ceremony dd {font-size: 1rem}
	.tour-info li {font-size: 1rem}
	.tour-img {margin: 15px 0 15px}
}

@media (max-width: 767px) {
	.pop-layer .pop-cont-wrap {padding: 10px;}
	.pop-cont-wrap .btn-pop-close {right: 10px;} 
	.pop-cont {padding: 15px 10px 10px;}
	.pop-cont h3.pop-title {margin: 15px 0 10px;font-size: 1.375rem}
	.pop-cont p.pop-title-sub {font-size: 0.9375rem;}
	.pop-cont p.pop-text {margin: 10px 0;font-size: 0.9375rem;}
	.pop-cont .swiper {height: 67.92vw}
	.pop-cont .swiper-slide img {min-height: 100%}

	.swiper-pop-button-next,
	.swiper-pop-button-prev {top: 42vw}

	#headers {height: 45px;}
	.sns-wrap {gap: 10px;}
	.btn-lang {min-width: 100px;height: 30px;line-height: 32px;font-size: 0.875rem;padding: 0 20px 0 6px;background-position: calc(100% - 8px) 60%;}
	.lang-list-wrap .btn-go {min-width: 35px;font-size: 0.875rem}
	.lang-list {top: 30px}
	.lang-list li {font-size: 0.875rem}
	.btn-share  {height: 32px;line-height: 32px;font-size: 0.875rem}
	.sns-list {top: 40px;width: 200px;padding: 30px 20px 10px 15px}
	.sns-list .sns-header:before {top: 0;left: 317px;width: 0;height: 0;border: 10px solid transparent;border-top: 0;border-bottom: 20px solid #fff}
	.sns-list ul {flex-direction: column;align-items: flex-start;}

	/* section3 */
	.section3 .inner .panorama-info-wrap {flex-direction: column;gap: 15px;}
	.tour-img {width: 100%}
	.tour-img img {width: 100%}
	.panorama-info-wrap .panorama-info.cont1,
	.panorama-info.cont2 {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
	.panorama-info-wrap .panorama-info.cont1 {padding: 30px 20px;flex-direction: column;}
	.panorama-info.cont2 {gap: 20px;}
	.panorama-info.cont2 h3 {width: 100%}
	.panorama-info h3, .panorama-info.cont2 h3 {font-size: 1.25rem}
	.panorama-info.cont1 h3 {line-height: 1.2;margin-bottom: 10px;}
	.panorama-info.cont1 h3 strong:last-child {display: block}
	.ceremony {padding: 0 0 20px;min-width: 120px;}
}


@media (max-width: 640px) {
	/* header */
	.top-areas {padding: 0 15px;}
	.top-areas .logo img {height: 23px;}
	/* .btn-share {height: 30px;line-height: 28px;} */


	/* section */
	.section .inner {padding: 0 15px;}
	.section h2 {flex-direction: column;align-items: center;justify-content: center;padding: 0 0 20px;font-size: 1.625rem;}
	.section h2 span.title-eng {font-size: 1rem}
	.section h2 span.title {align-items: center;}


	/* section1 */
	.section1 {padding-top: 40vw;height: 124vw;background: url(../images/bg-visual-mobile.jpg) no-repeat 50% 50%;background-size: 100% auto;}
	.section1 h2 {font-size: 4rem;}
	.section1 h2 span {font-size: 1.5rem;}
	.box-info .inner {gap: 10px;padding: 0 15px;}
	.box-info .inner h3 {font-size: 1.125rem}
	.box-info__text {gap: 3px;}
	.box-info__text dl {font-size: 1rem}

	/* section3 */
	.swiper-pop-button-next,
	.swiper-pop-button-prev {top: 39vw}
	.swiper-pop-button-next {right: 20px;}
	.swiper-pop-button-prev {left: 20px;}
	.text-panorama:before {margin-bottom: 10px;}
	.text-panorama span br {display: block;}
	.pop-cont p.pop-title-sub {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 5px;}
	.panorama-info.cont1 .tour-info {flex-direction: column;gap: 5px;align-items: center;justify-content: center;}
	.ceremony {min-width: 100px;}

	/* section 4 */
	.swiper-past {display: none;}
	.swiper-past-mobile {display: block;padding-bottom: 60px;}


	.swiper-past-mobile-button-prev, .swiper-past-mobile-button-next {width: 45px;height: 45px;background: #555555;border-radius: 10px;color: #fff;font-weight: 700;font-size: 30px;top: auto;bottom: 0px;left: 50%;right: auto;transform: translateX(-50%)}
	.swiper-past-mobile-button-prev {margin-left: -30px;}
	.swiper-past-mobile-button-next {margin-left: 30px;}
	.swiper-past-mobile-button-prev:after,
	.swiper-past-mobile-button-next:after {font-size: 24px;line-height: 1;}
	.swiper-past-mobile-button-prev.swiper-button-disabled, 
	.swiper-past-mobile-button-next.swiper-button-disabled {opacity: .6}


	/* footer */
	#footer .inner {padding: 0 20px;}
	#footer .inner p {flex-direction: column;align-items: center;gap: 10px;font-size: 0.875rem;text-align: center;}

	
}



@media (max-width: 420px) {
	/* header */
	.top-areas .logo img {height: 20px;}
	.btn-share {padding: 0 32px 0 15px;background-size: 12px auto;}
	/* section1 */
	.section1 {height: 144vw;}
	.section1 h2 {font-size: 3.5rem;}
	.section1 h2 span {font-size: 1.125rem;}
	.box-info {padding: 10px 0}

	/* section 3 */
	.panorama-info.cont2 h3 strong {display: block;}
	.ceremony {width: 100%;padding: 0;}
	.panorama-info.cont2 {padding-bottom: 30px;background-size: auto 150px;}
	
}

@media (max-width: 540px) {
	.panorama-info-wrap .panorama-info.cont1 {padding-bottom: 70px;}
	.tour-course {height: 420px;}
	.tour-course:before {content: '';position: absolute;bottom: 0px;left: 20%;width: 1px;height: 280px;background: url(../images/bg-sero.png) repeat-y 0 0;z-index: -1;}
	.tour-course ol>li {width: 40%}
	.tour-course ol>li span {width: 100%;}
	.tour-course ol>li:before {content: '';position: absolute;top: 0px;right: 20%;width: 1px;height: 100%;background: url(../images/bg-sero.png) repeat-y 0 0;z-index: -1;}
	.tour-course ol>li:nth-child(3),
	.tour-course ol>li:nth-child(4),
	.tour-course ol>li:nth-child(5),
	.tour-course ol>li:nth-child(6),
	.tour-course ol>li:nth-child(7),
	.tour-course ol>li:nth-child(8) {width: 100%;padding: 30px 0 0;}
	.tour-course ol>li:nth-child(9) {position: absolute;bottom: 0;left: 0;}
	.tour-course ol>li:nth-child(10) {position: absolute;bottom: 65px;left: 0;}
	.tour-course ol>li:nth-child(11) {position: absolute;bottom: 130px;left: 0;}
	.tour-course ol>li:nth-child(12) {position: absolute;bottom: 195px;left: 0;}
	.tour-course ol>li:nth-child(13) {position: absolute;bottom: 260px;left: 0;}

	.tour-course ol>li:nth-child(3)>span,
	.tour-course ol>li:nth-child(4)>span,
	.tour-course ol>li:nth-child(5)>span,
	.tour-course ol>li:nth-child(6)>span,
	.tour-course ol>li:nth-child(7)>span,
	.tour-course ol>li:nth-child(8)>span {margin-left: auto;width: 40%}

	.tour-course ol>li.line1 .course1-info {margin-top: -10px}
	.tour-course .dot>li {flex-wrap: wrap;gap: 0 5px;font-size: 0.875rem;}		
	.tour-course .dot>li span {width: 100%;padding-left: 10px;}
}


@media (max-width: 359px) {
	/* section1 */
	.box-info__text dl {font-size: 0.9125rem}

	/* section 3 */
	.section3 .inner .text-panorama {font-size: 0.875rem;}

	.section3 .inner .scroll-info {font-size: 0.875rem}
}




@media (min-width: 541px) and (max-width: 640px) {
	.tour-course ol:before {top: 27px;}
	.tour-course ol:after {bottom: 27px}
	.tour-course ol>li {padding: 10px 0}
	.tour-course ol>li>span {width: 70px}
	.tour-course ol>li:nth-child(6),
	.tour-course ol>li:nth-child(7),
	.tour-course ol>li:nth-child(8) {width: 100%;}
	.tour-course ol>li:nth-child(6):before,
	.tour-course ol>li:nth-child(7):before,
	.tour-course ol>li:nth-child(8):before,
	.tour-course ol>li:nth-child(9):before {content: '';position: absolute;top: -10px;right: 35px;width: 1px;height: 100%;background: url(../images/bg-sero.png) repeat-y 0 0;z-index: -1;}
	.tour-course ol>li:nth-child(6)>span,
	.tour-course ol>li:nth-child(7)>span,
	.tour-course ol>li:nth-child(8)>span,
	.tour-course ol>li:nth-child(9)>span {margin-left: auto;}
	.tour-course ol>li:nth-child(9) {order: 5}
	.tour-course ol>li:nth-child(10) {order: 4}
	.tour-course ol>li:nth-child(11) {order: 3}
	.tour-course ol>li:nth-child(12) {order: 2}
	.tour-course ol>li:nth-child(13) {order: 1}
}

@media (min-width: 641px) {
	.tour-course {height: 165px;}
	.tour-course ol>li.line2 {width: 100%;padding: 27px 0;}
	.tour-course ol>li.line2>span {margin-left: auto;}
	.tour-course ol>li.line2:before {content: '';position: absolute;top: 0;right: 40px;width: 1px;height: 100%;background: url(../images/bg-sero.png) repeat-y 0 0;z-index: -1;}
	.tour-course ol>li.line3.order1 {order: 1}
	.tour-course ol>li.line3.order2 {order: 2}
	.tour-course ol>li.line3.order3 {order: 3}
	.tour-course ol>li.line3.order4 {order: 4}
	.tour-course ol>li.line3.order5 {order: 5}
	.tour-course ol>li.line3.order6 {order: 6}

	/* section 4 */
	.swiper-past {display: block;}
	.swiper-past-mobile {display: none}

	/* footer */
	.addr br {display: none}
}

@media (min-width: 1024px) {
	.scroll-info {display: none}

	.btn-tops {left: 50%;bottom: 70px;margin-left: 520px}
}