/* 괌 메가 프로모션 style.css */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');

@import 'font.css';

@charset "UTF-8";

@font-face {
    font-family: 'GapyeongWave';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/GapyeongWave.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.canto {
	font-family: 'CantoBrushOpen-Italic';
	font-weight: 400;
    font-style: normal;
	letter-spacing: 0.105rem;
}
.gapyeongwave {
    font-family: 'GapyeongWave';
    font-weight: normal;
    font-style: normal;
}
.parisienne {
  font-family: "Parisienne", cursive;
  font-weight: 400;
  font-style: normal;
}


:root{font-size:62.5%;}
body{padding:0;margin:0;-webkit-text-size-adjust : none; line-height: 1.5;}/*폰트 사이즈 고정*/

.offscreen, caption {  overflow: hidden;  white-space: nowrap;  clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);   width: 1px;    height: 1px;    margin: 0 0 -1px;    padding: 0;    border-bottom: 0;}


/* reset html */
html, body, div, ul, li, p, h1, h2, h3 {
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html, h1, h2, h3 {
	letter-spacing: -0.1rem;
	word-break: keep-all;
}
ul, ol {
	list-style-type: none;
	padding: 0;
}
a {
	text-decoration: none;
	color: #252525;
}

html, body {
	width: 100%;
	color: #252525;
	font-size: 2rem;
	background: #000;
}

*{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.evt-wrap {overflow: hidden;}
span {font-family: inherit;}
sup {
	font-size: 60%;
	margin-right: 0.2rem;
}
.bar {color: #b4b4b4;}
body{overflow-x:hidden;}
.yellow {color: #fff18a;}
.evt-section.hotplace .yellow {background-image: linear-gradient(140deg, #ffcb82, #ffd786); background-clip: text; -webkit-background-clip: text; color: transparent;}

.pc-only {display: inherit;}
.m-only {display: none;}

.pc-block{display: block;}
.m-block {display: none;}

.brandbooster-wrap { --column-count: 5 !important;text-align: left0; z-index: 0;}

/* 공통 */
.img-f {
	width: 100%;
}

button {
	font-size: 2rem;
	border: none;
	cursor: pointer;
}

.ta-c {text-align: center;}

.ml1 {margin-left: 1rem;}
.mb2 {margin-bottom: 2rem;}

.media-block {
	display: block;
}
.media-inline-block {
	display: inline-block;
}

/* .top-bg {background: url(../images/main-top-bg01.jpg)top center /100% 100% no-repeat; } */

.visual-logo {position: absolute; right: 5rem; top: 8rem; z-index: 1;}
.visual-box {aspect-ratio: auto 1920/1214; position: relative; padding: 0; margin: 0; width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; background: url(../images/main-bg-top01.jpg) top center /100% auto no-repeat;}
.visual-box-inner {position: absolute; z-index: 2; padding: 0 0 9rem; left: 50%; top: 0; transform: translate(-50%,0); max-width: 122rem; display: flex; flex-direction: column; justify-content: space-between; width: 100%; row-gap: 7rem; text-align: center; align-items: center;}

.title-bg {position: absolute; mix-blend-mode: overlay;}
.visual-text-group {padding: 0; margin-top: -6rem;}
.visual-text-title {max-width: 93.5rem; width: 100%; margin: 0 auto;}
.visual-text-bottom {display: flex; column-gap: 2rem;padding-left: 1rem; padding: 0;}
.visual-text-bottom button {z-index: 1; padding: 1.8rem 3rem 1.6rem; font-size: 2.2rem; line-height: 1.3; text-align: left; color: #FFF; background: #FFFFFF33; border-radius: 1.2rem; border: 0.1rem solid #FFFFFF80;}
/* .visual-text-bottom button.evt1-btn {background: #ffb849;}
.visual-text-bottom button.evt2-btn {background: #54eaff;}
.visual-text-bottom button.evt3-btn {background: #b8ff49;} */
/*.-v02 .visual-text-bottom button.evt1-btn {background: #a128bfc2; border: 1px solid #ec72d7;}
.-v02 .visual-text-bottom button.evt2-btn {background: #dd5d17d1; border: 1px solid #f5b066;}
.-v02 .visual-text-bottom button.evt3-btn {background: #5e8e00d1; border: 1px solid #c2d253;} */
.visual-text-bottom button .icon {display: inline-flex; background: url(../images/btn-arrow02.png) top center /100% 100% no-repeat; width: 0.6rem; height: 1rem; align-self: center; margin-left: 1.5rem; margin-bottom: 0.1rem;}
/* .visual-text-bottom button .icon01 {display: inline-flex; background: url(../images/btn-icon01.png) top center /100% 100% no-repeat; width: 2.1rem; height: 2rem; align-self: center; margin-bottom: 0.3rem; margin-right: 0.6rem; vertical-align: middle;}
.visual-text-bottom button .icon02 {display: inline-flex; background: url(../images/btn-icon02.png) top center /100% 100% no-repeat; width: 2.1rem; height: 2rem; align-self: center; margin-bottom: 0.3rem; margin-right: 0.6rem; vertical-align: middle;}
.visual-text-bottom button .icon03 {display: inline-flex; background: url(../images/btn-icon03.png) top center /100% 100% no-repeat; width: 2.6rem; height: 2.3rem; align-self: center; margin-bottom: 0.3rem; margin-right: 0.6rem; vertical-align: middle;} */

.sns-link-section {position: fixed;z-index: 8;width: fit-content; padding: 2.5rem 1.5rem 2rem; right: 7%;top: 19rem;background: url(../images/sns-bg.png) top center /100% 100% no-repeat; border-radius: 3rem;}
.sns-link-section ul li {width: 6.5rem;padding: 1.5rem 1.5rem 1rem; border-bottom: 0.1rem solid #cda67d;}
.sns-link-section ul li:last-of-type {border: 0; padding-top: 1.9rem;}

.evt-section.evt1 { margin: -40rem auto 0;  padding: 22rem 0 3rem; background: linear-gradient(to top, #4e0909 90%, transparent 100%);}
.evt-section.evt2 { margin: 0 auto 0;  padding: 12rem 0 18rem; background: #f0ebe6;}
.evt-section.evt3 {padding: 0 0 9rem; background: #f9f9f9; margin-top: -0.2rem;}

.evt-section-inner {max-width: 122rem; margin: 0 auto 4rem; padding: 0 2rem;}
.evt2 .evt-section-inner {max-width: 130rem;}
.evt3 .evt-section-inner {max-width: 100%;}
.evt3 .evt-section-inner::before {content: ""; position: absolute; background: url(../images/flight-bg.png) top center /100% 100% no-repeat; width: 36.3rem; height: 7.4rem; left: 50%; transform: translateX(-50%); top: -7.4rem;}

.evt-tag {margin: 0 auto 3rem; position: relative; text-indent: -9999px; width: 9.1rem; height: 8.9rem; aspect-ratio: auto 91/89; background: url(../images/event.png) top center /100% 100% no-repeat;}
.evt2 .evt-tag {background: url(../images/benefit.png) top center /100% 100% no-repeat;}
.evt3 .evt-tag {background: url(../images/flight.png) top center /100% 100% no-repeat; margin-top: -2rem;}
.hotplace .evt-tag {background: url(../images/travel.png) top center /100% 100% no-repeat;}
.video .evt-tag {background: url(../images/video.png) top center /100% 100% no-repeat; width: 3.8rem; height: 4rem;}

.evt-box-text {text-align: center; color: #252525;}
.evt1 .evt-box-text {color: #FFF;}
.evt-box-text .evt-title-sub {margin: 0 auto 2rem; text-align: center; font-weight: 300; opacity: 0.8;}

.evt-title {position: relative; margin: 0 auto 2rem; width: fit-content; text-align: center;}
.evt1 .evt-title {text-indent: -9999px; background: url(../images/event-title.png) top center /100% 100% no-repeat; aspect-ratio: auto 433/147; max-width: 43.3rem; width: 100%; height: auto;}
.evt2 .evt-title  {text-indent: -9999px; background: url(../images/event-title02.png) top center /100% 100% no-repeat; aspect-ratio: auto 713/60; max-width: 71.3rem; width: 100%; height: auto;}
.evt2 .evt-title::before {content: ""; background: url(../images/tit-deco.png) top center /100% 100% no-repeat; aspect-ratio: auto 1314/115; max-width: 131.4rem; position: absolute; left: 50%; top: -3rem; width: 131.4rem; height: auto; transform: translateX(-50%);}
.evt3 .evt-title  {text-indent: -9999px; background: url(../images/event-title03.png) top center /100% 100% no-repeat; aspect-ratio: auto 501/59; max-width: 50.1rem; width: 100%; height: auto;}
.hotplace .evt-title  {text-indent: -9999px; background: url(../images/event-title04.png) top center /100% 100% no-repeat; aspect-ratio: auto 560/58; max-width: 56rem; width: 100%; height: auto;}
.video .evt-title  {text-indent: -9999px; background: url(../images/video-tit.png) top center /100% 100% no-repeat; aspect-ratio: auto 307/58; max-width: 30.7rem; width: 100%; height: auto}

.evt-small-title {font-size: 2rem; width: fit-content; margin: 0 auto 2.5rem;}
.evt1 .evt-small-title {padding: 1rem 8rem 1.2rem; font-size: 1.8rem; background: url(../images/bubble.png) top center /100% 100% no-repeat;}
.evt1 .evt-small-title b {color: #f6c565;}
.evt3 .evt-small-title {color: #252525;}
.evt-des {color: #fff; width: fit-content; padding: 1rem 5rem; background: #000a2061; margin: 4rem auto; text-align: center;}
.evt-des span {color: #83d4ff; font-weight: 600;}

.small-tit {font-weight: 600; font-size: 2.2rem;width: 100%;margin-bottom: 6rem;}

.evt-info {padding: 3rem 5rem; width: 100%; color: #FFF;}
.evt-info li {display: flex; gap: 3rem;margin-bottom: 3rem;}
.evt-info li:last-of-type {margin-bottom: 0;}
.evt-info li .info-tit {font-weight: 700; position: relative; width: fit-content; height: fit-content; padding: 0 0 0 3rem; background: url(../images/icon01.png) left center / 1.7rem auto no-repeat;}

.info-prize-wrap {display:flex; width: 100%; max-width: 100rem; font-size: 1.8rem; padding: 3.5rem 4.5rem 5rem; border-radius: 1.2rem; background: #FFFFFF16; justify-content: space-between; gap: 0; text-align: center;}
.info-prize-wrap .info-prize-box:first-of-type .info-prize-txt {padding-right: 3rem;}
.info-prize-wrap .info-prize-box:nth-of-type(2) .info-prize-txt  {padding-right: 4rem;}
.info-prize-wrap .info-prize-box .info-prize-txt span {display: block; width: fit-content; margin: 0 auto 0.6rem; line-height: 1.2; padding: 0.2rem 1rem 0.2rem; background: #bf9745; font-weight: 600;}
.info-prize-wrap .info-prize-box:first-of-type .info-prize-txt span {background: #005e3a;}
.info-prize-wrap .info-prize-box .info-prize-txt div:last-of-type {min-height: 5.4rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}

#xmas-countdown {background: #024321; width: 100%; text-align: center; color: #FFF; font-weight: 100; padding: 1rem 0;}
.countdown-inner {border-top: 0.1rem solid #4e652f; border-bottom: 0.1rem solid #4e652f; padding: 5rem 0; font-size: 2.8rem;}
.countdown-box {display: inline-flex; align-items: center; gap: 0.6rem; padding: 0;}
.time-part { text-align: center; min-width: 80px; }
.number {font-size: 6rem;font-weight: 300;}
.label {font-size: 2.2rem; color: #ffdfa7;font-weight: 100;}
.sep { font-size: 6rem; position: relative; top: -2.2rem; font-weight: 300;}

.section01 {max-width: 122rem; margin: 0 auto; color: #262321; border-radius: 1.5rem; box-shadow: 0 0 10px #70707066;}
.section01 .tab-btn-section {display: flex; justify-content: flex-end; padding: 0; margin: 5rem 0 0; background: #f1f4f8; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; overflow: hidden;}
.section01 .tab-btn-section .tab-link {position: relative; text-indent: -9999px; width: 50%; height: fit-content; padding: 3rem 0 2.5rem;}
.section01 .tab-btn-section .tab-link.tab01 {background: url(../images/ke-off.png) center /auto 3rem no-repeat;}
.section01 .tab-btn-section .tab-link.tab02 {background: url(../images/jin-off.png) center /auto 3.3rem no-repeat;}
.section01 .tab-btn-section .tab-link.tab03 {background: url(../images/seoul-off.png) top 2.7rem center /auto 3.3rem no-repeat;} 
.section01 .tab-btn-section .tab-link.tab04 {background: url(../images/busan-off.png) center /auto 3.4rem no-repeat;} 
.section01 .tab-btn-section .tab-link.tab05 {background: url(../images/tway-off.png) center /auto 3.3rem no-repeat;} 

.section01 .tab-btn-section .tab-link.tab01.current {background: url(../images/ke-on.png) center /auto 3rem no-repeat, #051766;}
.section01 .tab-btn-section .tab-link.tab02.current {background: url(../images/jin-on.png) center /auto 3.3rem no-repeat, #539802;}
.section01 .tab-btn-section .tab-link.tab03.current {background: url(../images/seoul-on.png) top 2.7rem center /auto 3.3rem no-repeat, #1db898;} 
.section01 .tab-btn-section .tab-link.tab04.current {background: url(../images/busan-on.png) center /auto 3.4rem no-repeat, #0f3599;} 
.section01 .tab-btn-section .tab-link.tab05.current {background: url(../images/tway-on.png) center /auto 3.3rem no-repeat, #c02117;} 

.section01 .tab-btn-section .tab-link:not(:last-of-type)::after {content: ""; background: #d4d6d9; width: 0.1rem; height: 65%; position: absolute; right: -0.1rem; top: 50%; transform: translateY(-50%);}
.section01 .tab-btn-section .tab-link.current::after {display: none;}

.tab-contents {display: none;}
.tab-contents.current {display: block;}

.section01 .tab-contents {margin-bottom: 4rem; background: #fff; padding: 5rem 6rem 6rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem;}

.schedule-wrap {padding: 0 3rem; margin: 0 auto 0; overflow: hidden; position: relative;}
.schedule-wrap::before {position: absolute; content: ""; width: 3.4rem; height: 3.4rem; border-radius: 50%; left: -1.7rem; top: 5.7rem; background: #FFF;}
.schedule-wrap::after {position: absolute; content: ""; width: 3.4rem; height: 3.4rem; border-radius: 50%; right: -1.7rem; top: 5.7rem; background: #FFF;}

.tab01 .schedule-wrap {background: #f4f7fb;}
.tab02 .schedule-wrap {background: #f9fff3;}
.tab03 .schedule-wrap {background: #f0fdfa;}
.tab04 .schedule-wrap {background: #f7f9fd;}
.tab05 .schedule-wrap {background: #fff7f7;}

.schedule-wrap table {width: 100%; border-collapse: collapse;}
.schedule-wrap table thead th {width: 20%; padding: 2.6rem 0.5rem 1.8rem; border-bottom: 1px solid #788eb1;}
.schedule-wrap table tbody tr th, .schedule-wrap table tbody tr td {border-bottom: 1px dashed #cdd9ea; text-align: center; padding: 1.8rem 0.5rem;}
.schedule-wrap table tbody tr:last-of-type th, .schedule-wrap table tbody tr:last-of-type td {padding-bottom: 2.6rem;}
.tab02 .schedule-wrap table thead th {border-bottom: 1px solid #7fa531;}
.tab02 .schedule-wrap table tbody tr th, .tab02 .schedule-wrap table tbody tr td {border-bottom: 1px dashed #b3cb84;}
.tab03 .schedule-wrap table thead th {border-bottom: 1px solid #46c5ab;}
.tab04 .schedule-wrap table thead th {border-bottom: 1px solid #9babd5;}
.tab05 .schedule-wrap table thead th {border-bottom: 1px solid #e6a19d;}

.schedule-wrap table tbody tr:last-of-type th, .schedule-wrap table tbody tr:last-of-type td {border: 0;}
.schedule-wrap table tbody tr td span {color: #ec1313;}
.schedule-wrap .etc {color: #8e8d8c; margin: 0.8rem 0 0; padding-left: 1rem;}
.schedule-wrap .etc::before {content: '*'; margin-left: -1rem;}
.section01 .tab-contents .btn-wrap {margin: 4.5rem auto 0; text-align: center; width: 100%;}
.section01 .tab-contents .btn-wrap a {display: flex; justify-content: center; align-items: center; column-gap: 1rem; text-align: center; color: #fff; padding: 1.8rem 0 2rem; margin: 0 auto; min-width: 36rem; border-radius: 5rem; width: fit-content;}
.section01 .tab-contents .btn-wrap a .icon {position: relative; width: 0.7rem; height: 1.4rem; background: url(../images/btn-arrow02.png) top center /100% 100% no-repeat;}
.section01 .tab-contents.tab01 .btn-wrap a {background: #051766;}
.section01 .tab-contents.tab02 .btn-wrap a {background: #529700;}
.section01 .tab-contents.tab03 .btn-wrap a {background: #1db898;}
.section01 .tab-contents.tab04 .btn-wrap a {background: #0f3599;}
.section01 .tab-contents.tab05 .btn-wrap a {background: #c02117;}

.section01 .tab-contents .profit-wrap {display: flex; justify-content: center; margin: 6rem auto 0;}
.section01 .tab-contents .profit-wrap li {width: 33%;}
.section01 .tab-contents .profit-wrap li .profit-tit {font-weight: 700; margin: 0.5rem auto 1.5rem;}

.selection-wrap {margin: 0; padding: 0;}
.selection-wrap .slides {overflow: hidden; position: relative; cursor: pointer;}

.selection-wrap .slides .slides-img {position: relative; padding: 7rem 0 3rem; transform: scale(0.8);}
.selection-wrap .slides .slides-txt {padding: 0; margin-top: -6rem; font-size: 2rem; line-height: 1.4; text-align: center; position: relative; opacity: 0}
.selection-wrap .owl-item.active .slides .slides-img {padding: 0; margin-top: -4rem; aspect-ratio: auto 2/3; transform: scale(1);}
.selection-wrap .owl-item.active .slides.slide01 .slides-img img {content: url(../images/select_01.gif);}
.selection-wrap .owl-item.active .slides.slide02 .slides-img img {content: url(../images/select_02.gif);}
.selection-wrap .owl-item.active .slides.slide03 .slides-img img {content: url(../images/select_03.gif);}
.selection-wrap .owl-item.active .slides.slide04 .slides-img img {content: url(../images/select_04.gif);}
.selection-wrap .owl-item {position: relative; transform: scale(0.95);}
.selection-wrap .owl-item.active {transform: scale(1);}
.selection-wrap .owl-item.active .slides .slides-txt {opacity: 1;}
.selection-wrap .slides .slides-txt div:first-of-type {font-size: 4rem; font-family: "Perpetua Titling MT Light"; width: fit-content; margin: 0 auto; padding: 0 4.5rem; background: url(../images/slide-tit-icon.png) left center /4.1rem auto no-repeat, url(../images/slide-tit-icon.png) right center /4.1rem auto no-repeat;}

.selection-wrap .slides .join-btn {position: absolute; right: 2rem; bottom: 2.5rem; font-size: 1.6rem; color: #ff4200; padding: 0.6rem 1.8rem; border-radius: 5rem; background: #f4f4f4; }
.selection-wrap .slides .join-btn svg {margin-bottom: -0.4rem;}

.selection-wrap .slide-container {display: flex; width: 100%; padding: 0 1rem 9rem; margin-top: 0; background: url(../images/slide-bg.png) top center /100% 100% no-repeat;}

.owl-stage-outer {overflow: hidden;}
.selection-wrap .owl-stage-outer {mask-image: linear-gradient(to left, #000 70%, transparent 100%), linear-gradient(to right, #000 70%, transparent 100%); mask-composite: intersect; /* 또는 webkit 환경에서는 */ -webkit-mask-composite: destination-in;}

.owl-stage {display: flex;}
.owl-stage .slides1, .owl-stage .slides2 {width: 100%;}
.owl-item {border-radius: 2rem; padding: 0.5rem 0;}
.owl-item.active:last-of-type {opacity: 0.5 !important;}
.owl-nav { position: absolute; width: 100%;}

.selection-wrap .owl-nav {top: 48%; transform: translateY(-50%);}
.selection-wrap .owl-prev, .selection-wrap .owl-next {width: 4.1rem; height: 7.3rem; position: absolute;}
.selection-wrap .owl-next {right: 23%; background: url(../images/next.png) top center /100% 100% no-repeat;}
.selection-wrap .owl-prev {left: 21.5%; background: url(../images/prev.png) top center /100% 100% no-repeat;}

.benefit-wrap .owl-prev, .benefit-wrap .owl-next {width: 5.9rem; height: 5.9rem; position: absolute; margin-top: 33%;}
.benefit-wrap .owl-next {right: -3rem; background: url(../images/right.png) top center /100% 100% no-repeat;}
.benefit-wrap .owl-prev {left: -3rem; background: url(../images/left.png) top center /100% 100% no-repeat;}
.benefit-wrap .owl-prev .arrow, .benefit-wrap .owl-next .arrow {display: none;}

.benefit-wrap {display: flex; margin-top: 5rem; padding: 5.5rem 6.5rem 6rem; border-radius: 1.5rem; background: #FFF;}
.benefit-wrap .benefit-info {width: 35%; display: flex; flex-direction: column; justify-content: space-between;}
.benefit-wrap .benefit-info .benefit-tit {font-size: 3.8rem; font-weight: 800; padding-top: 4.5rem; background: url(../images/hotel-icon.png) top left/ 4rem auto no-repeat;}
.benefit-wrap .pager-wrap button {display: block; background: transparent; color: #26232170; font-size: 1.8rem; padding: 0;}
.benefit-wrap .pager-wrap button:not(:last-of-type) {margin-bottom: 1.5rem;}
.benefit-wrap .pager-wrap button.on {padding-left: 2rem; font-weight: 700; background: url(../images/icon02.png) left center/1.2rem 1.6rem no-repeat; color: #262321;}
.benefit-wrap .slide-container {display: flex; width: 65%;}

.hotels {cursor: pointer;}
.hotels .slides-txt {display: flex; flex-direction: column; justify-content: space-between; min-height: 52rem; font-weight: 300; padding: 3rem 3rem 1.4rem; border-bottom: 1px solid #ffffff66; color: #FFF;}
.hotels .slides-txt b {font-weight: 700;}
.hotels .slides-txt div div { margin-bottom: 0.4rem; font-size: 2.6rem; }
.hotels.hilton .slides-txt div div {line-height: 1.2;}
.hotels .slides-txt p {font-size: 1.8rem;}
.hotels .slides-date {padding: 1.8rem 3rem 1.8rem 1rem; color: #FFF; font-weight: 300; text-align: right; font-size: 1.4rem;} 
.hotels .slides-date p:first-of-type {padding-right: 2rem; background: url(../images/calendar1.png) right top 0.2rem / auto no-repeat;}
.hotels .slides-date p:last-of-type {padding-right: 2.5rem; background: url(../images/stay.png) right center / auto no-repeat;}

.hotels .slide-tit {font-size: 2.6rem; font-weight: 700;}
.hotels .slides-txt .fontbig {font-size: 3.6rem;} 
.tsubaki {background: url(../images/tsubaki.png) top center /100% 100% no-repeat}
.lotte {background: url(../images/lotte.png) top center /100% 100% no-repeat}
.rihgaroyal {background: url(../images/rihgaroyal.png) top center /100% 100% no-repeat}
.finest {background: url(../images/finest.png) top center /100% 100% no-repeat}
.pic {background: url(../images/pic.png) top center /100% 100% no-repeat}
.hyatt {background: url(../images/hyatt.png) top center /100% 100% no-repeat}
.hoshino {background: url(../images/hoshino.png) top center /100% 100% no-repeat}
.nikko {background: url(../images/nikko.png) top center /100% 100% no-repeat}
.hilton {background: url(../images/hilton.png) top center /100% 100% no-repeat}

.section02 .slides {text-align: center; color: #fff; width: fit-content; margin: 0 auto; border-radius: 2rem;}
.section02 .slides .usp-txt {text-align: center; color: #fff; margin: 5rem auto 0; padding: 1.6rem 3rem 3rem; background: url(../images/usp-tit.png) top center /100% 100% no-repeat; width: fit-content; position: relative; z-index: 1;} 
.section02 .slides .slides-img {margin-top: -5rem; max-width: 100rem;  border-top-left-radius: 2rem; border-top-right-radius: 2rem; overflow: hidden;}
.section02 .slides .slides-img picture {display: flex;}
.section02 .slides .slides-txt {background: #fff; display: flex; justify-content: space-between; align-items: center; min-height: 10rem; max-height: 10rem; color: #252525;text-align: left; font-weight: 700; font-size: 1.8rem; padding: 2rem 3rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem;}
.section02 .slides .slides-txt .booking-btn {display: block; width: fit-content; height: fit-content; padding: 0.6rem 3.5rem 0.7rem; border-radius: 5rem; font-weight: 800; font-size: 2rem; background: #c6ff57;}

.section02 .slide-nav {width: 35rem; margin: 3rem auto 0;}
.section02 .arrowBox .arrow { width: 5.9rem; height: 5.9rem; border: 0; cursor: pointer; position: absolute; text-indent: -9999px; transition: all 0.3s ease-in;}
.section02 .arrowBox .arrow.prev {background: url(../images/left.png) top center /100% 100% no-repeat; left: 0;}
.section02 .arrowBox .arrow.next {background: url(../images/right.png) top center /100% 100% no-repeat; right: 0;}

.section02 .inner-tab-section .tab-btn-section {column-gap: 3rem; max-width: 78rem;}
.section02 .inner-tab-section .tab-link {background: transparent !important; padding: 0 1rem 0.6rem; position: relative;}
.section02 .inner-tab-section .tab-link.current {color: #c6ff57; background: url(../images/underline.png) bottom center /85% 0.5rem no-repeat !important;}
.section02 .inner-tab-section .tab-link.current::before {content: ""; background: url(../images/star.png) top center /100% 100% no-repeat; position: absolute; width: 1.7rem; height: 1.8rem; left: -0.8rem; top: -0.7rem;}
.section02 .inner-tab-section .tab-link:not(:last-of-type)::after {content: ""; background: #fff; opacity: 0.4; position: absolute; width: 0.1rem; height: 1.6rem; right: -1.7rem; top: 0.4rem;}
.section02 .inner-tab-section.inner-section02 .tab-link.tab01.current,
.section02 .inner-tab-section.inner-section02 .tab-link.tab05.current,
.section02 .inner-tab-section.inner-section02 .tab-link.tab06.current,
.section02 .inner-tab-section.inner-section02 .tab-link.tab08.current,
.section02 .inner-tab-section.inner-section03 .tab-link:not(.tab01).current {color: #c6ff57; background: url(../images/underline02.png) bottom center /95% 0.5rem no-repeat !important;}

.slider-container {position: relative; width: 100%;}
.slider-container .slides-container {display: flex; transition: transform 0.3s ease; max-width: 100rem; margin:  0 auto; overflow: visible; column-gap: 7rem;}
.slider-container .slides {flex: 0 0 100%; position: relative;}
.slider-container .arrowBox {position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); z-index: 10;}
.slider-container .arrowBox .arrow {width: 5.1rem; height: 5.2rem;}
.slider-container .arrowBox .arrow.prev {background: url(../images/prev.png) top center /100% 100% no-repeat;left: 22.2%;}
.slider-container .arrowBox .arrow.next {background: url(../images/next.png) top center /100% 100% no-repeat;right: 21.6%;}
.slider-container .slideNum {width: fit-content; margin: 4rem auto 0; color: #fff;}

.last-block-section-box { background: url(../images/slide-bg2.png) top 14rem center /auto no-repeat, linear-gradient(to bottom, #d6ebdc 0%, #fafcfb 100%); padding: 9rem 0 17.5rem; margin-top: -0.2rem;}

.evt-section.hotplace {padding: 0 0 18rem;}
.evt-section.hotplace #container {position: relative; width: 100%; margin: 5rem 0 0;}
.evt-section.hotplace #container .slide {position: relative; transform: scale(0.8); opacity: 0.35; transition: all 0.6s ease-in;}
.evt-section.hotplace #container .owl-item.active {padding: 0 2rem;} 
.evt-section.hotplace #container .owl-item.active .slide {transform: scale(1); opacity: 1;}
.evt-section.hotplace #container .slide-txt {font-weight: 200; margin: 3rem auto 0; display: flex; justify-content: center; align-items: center; text-align: left; min-height: auto; font-size: 2rem; padding: 0; opacity: 0; transition: opacity 0.3s ease-in;}
.evt-section.hotplace #container .owl-item.active .slide-txt {opacity: 1;}
.evt-section.hotplace #container .slide-txt .slide-tit {color: #167040; font-weight: 700; min-width: 16rem; min-height: 6rem; font-size: 2.2rem; padding-right: 4.5rem; border-right: 0.1rem solid #aacdb9; margin: 0 4.5rem 0 0;}
.evt-section.hotplace #container .slide01 .slide-txt .slide-tit {min-width: 18rem;}
.evt-section.hotplace #container .slide:not(.slide01) .slide-txt .slide-tit {padding-right: 4rem; margin-right: 4rem;}
.evt-section.hotplace #container .owl-nav {position: absolute; top: 34%; width: 60%; margin: 0 auto; left: 50%; transform: translate(-50%,0);}
.evt-section.hotplace #container .owl-nav .arrow {width: 4.4rem; height: 8rem; margin: 0; position: absolute; text-indent: -9999px;}
.evt-section.hotplace #container .owl-nav .owl-prev,
.evt-section.hotplace #container .owl-nav .owl-next {background: transparent;}
.evt-section.hotplace #container .owl-nav .owl-prev .arrow {background: url(../images/slide-prev.png) top center /100% 100% no-repeat; left: -4%;}
.evt-section.hotplace #container .owl-nav .owl-next .arrow {background: url(../images/slide-next.png) top center /100% 100% no-repeat; right: -4%;}



.video-section {margin: 0 auto; line-height: 1; max-width: 1160px;}
.video_box {margin: 5rem auto 0; max-width: 1000px; width: 100%; position:relative; padding: 1.3rem; border-radius: 1.5rem; background: #d6ebdce0; text-align: center; color: #25252580}
.video_box p {padding: 1.5rem 0 0.5rem; font-size: 1.6rem;}
.video-section .video_box iframe {aspect-ratio: auto 1000/563; width: 100%;height: auto; position: relative; z-index: 1; border-radius: 1.5rem; overflow: hidden;}

.notice-box-inner, .notice-box-bottom-inner {width : 62%;margin : -0.2rem auto 0;}
.notice-box {background-color : #171a1d;color : #dbd7d0;}
.notice-box .notice-box-inner {padding : 5rem 0 3rem;}
.notice-box-inner h3 {margin-bottom : 1rem;font-size : 2.4rem; font-weight: 500; font-weight: 400;}
.notice-box-inner h4 {margin-bottom : 0.5rem;color: #a09d98;}
.notice-box-inner ul li {position : relative; padding : 0 0 0.6rem 1rem;font-weight: 200; color: #a09d98;}
.notice-box-inner ul li::before {content : "";position : absolute;top : 1.2rem;left : 0;border-radius : 50%;width : 0.5rem;height : 0.5rem;background : #a09d98;}
.notice-box-inner ul li.yellow {color: #bab588; }
.notice-box-inner ul li.yellow:before {background: #bab588;}
.notice-box-inner ul li:last-of-type::before {display : none;}
.notice-box-bottom {padding : 3.2rem 0;border-top : 1px solid #2f2f2f;}
.notice-box-bottom-inner {text-align: center; font-weight: 600;}
.notice-sns-box {display : flex;align-items : center;justify-content: center;gap: 2.5rem;margin-bottom: 1rem;}
.notice-sns-box li:not(:last-of-type) {margin-right : 1rem;}

.popup-wrap-bg {width: 100%; position: fixed;}
.popup-wrap b {font-weight: 700;}
.popup-wrap {display : none;position : fixed;top : 0;left : 0;bottom : 0;right : 0;width : 100%;height : 100%;overflow : auto;z-index : 9;background-color : rgb(0, 0, 0, 0.75);text-align : center;box-sizing : border-box;}
.popup-guidebook {display : none;position : fixed;top : 0;left : 0;bottom : 0;right : 0;width : 100%;height : 100%;overflow : auto;z-index : 9;background-color : rgb(0, 0, 0, 0.55);text-align : center;box-sizing : border-box;}
.popup-wrap.visible, .popup-guidebook.visible {display : block;}
.popup-wrap .popup-close-btn, .event_winner_close {position : absolute;top : 0;right : -35px;display : block;width : 30px;height : 30px;text-indent : -9999px;z-index : 2;cursor : pointer;background-size : contain;background-repeat : no-repeat;background-position : center center;background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);}
#event_result_modal {padding : 0;top : 20px;width : 640px;margin : 0 auto;background-color : #fff;display : inline-block;text-align : left;}
.popup-wrap.survey #event_result_modal {border-radius: 2rem; width: 90%; max-width: 640px; top: 50%; transform: translate(0, -50%);}


.blocker {z-index: 10;}
#event_policy_modal, #event_policy_modal2  {background : #f1f1f1;border-radius : 0 !important ;max-width : 540px;width : 100%; margin: 0 auto; color: #000;}
#event_policy_modal p, #event_policy_modal2 p {font-weight : bold;}
#event_policy_modal .policy_textarea, #event_policy_modal2 .policy_textarea {width : 94%;padding : 15px;border-radius : 15px;min-height : 350px;margin-top : 10px;border : #d3d3d3 solid 1px;background : #fff;font-size : 13px;font-weight : 400;}
#event_policy_modal .policy_textarea p, #event_policy_modal2 .policy_textarea p {font-size : 13px;font-weight : 400;}
#event_policy_modal .policy_textarea p.left_emsp_1, #event_policy_modal2 .policy_textarea p.left_emsp_1 {padding-left : 15px;margin-top : 15px;}
#event_policy_modal .policy_textarea p.left_emsp_2, #event_policy_modal2 .policy_textarea p {padding-left : 30px;}
#event_policy_modal a.close-modal, #event_policy_modal2 a.close-modal {top : 0 !important ;right : 0 !important ;border-radius : 0;background-image : url(../images/policy_close.png) !important ;background-size : cover !important ;background-color : #324d74;}
.policy_show, .guide_policy_show {cursor : pointer;text-decoration : underline;color : #e1dcd2;}
.event_quiz_reload {cursor : pointer;color : #e1dcd2;}
.popup-tit {margin-bottom: 2rem;}
#event_guidebook_modal label, #event_guidebook_modal .policy_show, .guide_policy_show{color: #000;align-self: center;}
.input_row {display: flex;margin-bottom: 0.7rem; align-items: center;}

.event_result_section_box{background: #fff;}
.event_result_section_1 .event_result_item {padding: 4rem 3rem;}
.event_result_item img {width: 100%;}
.event_result_section_2{padding:30px; padding-bottom:40px;background: #202123;}
.event_result_section_3{padding:30px; padding-top:48px;background: #fff5db;z-index: 0; color: #2a272e;}
.event_result_section_4{padding:30px; background: #1a4238;z-index: 0; color: #FFF;}
.event_result_image_box{display:flex;}
.result_image_item{max-width:100%; width:100%;}
.event_result_item h2 {text-align:center; font-size:3.2rem; color: #fff; font-weight: 800;}
.event_result_item_bottom{padding-top: 20px;    padding-bottom: 20px;    border-top: 2px dashed #f6f6ed;}
.event_result_input_group{width:100%; display:flex; justify-content: center; flex-flow:row wrap;}
input[name="user_name"], input[name="user_email"], input[name="insta_user_name"], input[name="insta_user_email"] {border:2px solid #b5b8be; border-radius:5px; height:33px; width:86%; color:#525252; padding-left:10px;font-size:18px;}
input[name="user_phone"], input[name="insta_user_phone"]{border:2px solid #b5b8be; border-radius:5px; height:33px; width:86%; color:#525252; padding-left:10px;font-size:18px;}
.result_input_block{display:inline-block; flex:0 0 100%; max-width:100%;width: 100%;}
.result_input_block label{color:#fff; font-weight: 500; padding-right:12px;display: block; width: 10%;}
.result_input_btn, .result_btn_block .sns_share_kakao {margin: 2rem auto 0; max-width: 45rem; cursor:pointer; border-radius: 6rem; box-shadow: 0 4px 0 #262a32; background: url(../images/btn-arrow.png) center right 26% no-repeat, #9d0707;color: #fff; font-size: 2.2rem;padding: 1.8rem 0; text-align: center; font-weight: 500; text-shadow: 0 0 3px #3982ce; }

.event_quiz_reload{font-size:14px; text-align:center; text-decoration:underline; text-underline-offset: 3px; margin-top: 22px; margin-right:4px;}
.share_after, .join_after {display:none; margin: 0 auto; background: #202123; text-align: center; padding: 5rem 2rem;}
.join_after div {width: 100%;}
.join_result_thx{font-size: 22px;color: #fff;margin-bottom:2rem; }
.join_result_title{font-size: 28px;color: #9d0707;font-weight: 800;}
.join_result_detail{font-size: 22px;color: #fff; margin-top: 2rem;}
.join_result_marker{width: 10px;height: 10px;border-bottom: 2px solid #FFFFFF80;border-right: 2px solid #FFFFFF80;transform: rotate(45deg);margin:15px auto 0;}
.result_btn_block{display:inline-block; flex:0 0 100%; width: 100%; max-width:100%;}
.event_result_info{padding:30px 20px 35px; border-radius:15px;background: #fff;}
.result_info_row{width:100%; display:flex; flex-flow:row wrap;}
.result_info_step_1{width:96%; margin:0 auto;}
.result_info_step_2{width:96%; margin:0 auto; margin-top:5px;}
.policy_show, .guide_policy_show{display:inline; font-size:16px; text-decoration: none; align-self: center;}
.policy_check, .guide_policy_check{width:16px; height:16px; vertical-align:middle; border-color:#b5b8be; margin-right:5px;}
.warning_txt{text-align:right; font-size:14px; color:#d07b8b; margin-top:15px;}
.result_info_top_title{text-align:center; justify-content:center;margin-bottom: 1rem;}
.result_info_top_title p{padding:0 10px; font-size: 28px;}
.result_info_title{display:inline-block;font-weight: 500; font-size:22px;}
.result_info_title span{font-weight: 600; color: #b12626;}
.result_info_content {display:inline-block; font-size:14px;width: 83%;}
.result_info_content p { padding-left: 20px;font-size: 21px;}
.result_info_content a {color: #3b93c5;text-decoration: underline;}
.result_info_content textarea{padding-left: 20px;font-size: 22px;width: 300px;}
.result_info_prize p {text-align: center;}
.result_info_up{margin-bottom: 40px;}
.prize-box {justify-content: center;}
.prize-img {margin-top: 30px;}
.result_info_prize_description{text-align: center;margin-bottom: 20px;padding:10px 0; display: flex;justify-content: center;gap: 0;font-size:1.6rem;background: url(../images/popup-prize-bg.png) top center /90% no-repeat;}
.result_info_prize_description span {display: block; width: 45px; margin: 1rem auto 0; color: #fff; background: #cb9434; font-size: 1.8rem; line-height: 26px; border-radius: 0.3rem; padding: 0.25rem 0.5rem; vertical-align: middle;}
.result_info_prize_description .info-prize-box {width: 25%;}
.result_info_prize_description .info-prize-box:first-of-type span {background: #9d0707;}
.result_info_prize_description .info-prize-box:not(:last-of-type) {background: url(../images/pop-line.png) right center/ 0.2rem 95% no-repeat;}

.result_info_prize_description .info-prize-box .info-prize-txt {display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-height: 11.3rem;}
.result_info_prize_description .info-prize-box .info-prize-txt div:first-of-type { min-height: 5rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.result_info_prize_description .info-prize-box .info-prize-txt .grey {color:#545454;}
.hash_tag_row{width:94%; margin:0 auto;}
.hash_tag_title{color: #4f8404;}
.hash_text{border:0; background:transparent; width:100%; overflow-y:hidden; resize:none; outline:none; }
.result_btn_item{font-size:20px; display:inline-block; flex:0 0 46%; max-width:46%; text-align:center; margin: 3rem 2% 0; background:#909090; border-radius: 8px; color:#fff; padding:14px 0; font-weight: 500; cursor:pointer;}
.result_btn_item.result_down_btn {background:#9d0707;}
.result_btn_item.result_down_btn:hover {background:#860f0f;}
.result_btn_item.result_copy_btn {background:#cb9434;}
.result_btn_item.result_copy_btn:hover {background:#a9751b;}
.result_sns_info{text-align:center; padding: 1rem 0 2rem; }
.result_sns_info p{font-size: 28px;}
.result_sns_share{width:100%; display:flex; margin:0 auto; justify-content: center; gap: 2rem;}
.sns_share_item{display: block; width: 20%; max-width: 8.4rem; text-align:center;}
.sns_share_item img {cursor:pointer;width: 100%;}

.booking-tit {margin-top: 4.5rem;}
.move-wrap {display: flex; justify-content: center; column-gap: 1.2rem; margin: 3rem auto 4rem;}
.move-wrap li {width: 100%;}
.move-wrap li button {display: block; width: 100%; padding: 2rem 0; font-size: 2rem; border-radius: 5rem; color: #fff; text-align: center;}
.move-wrap li:nth-of-type(1) button {background: #166a45;}
/* .move-wrap li:nth-of-type(2) a {background: #7cb600;}
.move-wrap li:nth-of-type(3) a {background: #e76823;}
.move-wrap li:nth-of-type(4) a {background: #26bea0;} */


@media screen and (max-width: 1780px) {
	.visual-text-title {width: 90%;}
}


@media screen and (max-width: 1760px) {
	.sns-link-section {right: 5%;}
	.sns-link-section ul li {width: 5rem}
}

@media screen and (max-width: 1700px) {
	.evt-section.hotplace #container .owl-nav .owl-prev .arrow {left: -2%;}
	.evt-section.hotplace #container .owl-nav .owl-next .arrow {right: -2%;}
}
@media screen and (max-width: 1600px) {
	.evt-section.hotplace #container .owl-nav .owl-prev .arrow {left: 0%;}
	.evt-section.hotplace #container .owl-nav .owl-next .arrow {right: 0%;}
}
@media screen and (max-width: 1580px) {
	.visual-text-title {width: 80%;}
	.sns-link-section {right: 3%;}
}
@media screen and (max-width: 1570px) {
	.evt-section.hotplace #container .owl-nav .owl-prev .arrow {left: -23%;}
	.evt-section.hotplace #container .owl-nav .owl-next .arrow {right: -23%;}
}

@media screen and (max-width: 1400px) {
	.visual-text-title {width: 70%;}
	.section02 .tab-btn-section {width: 80%;}
	.evt-section.hotplace #container .owl-nav .owl-prev .arrow {left: -20%;}
	.evt-section.hotplace #container .owl-nav .owl-next .arrow {right: -20%;}
}
@media screen and (max-width: 1270px) {
	.visual-text-title {width: 65%;}
}
@media screen and (max-width: 1255px) {
	.video-section {max-width: 970px;}
	.video_box {max-width: 780px;}
	.evt-section.evt1 {padding: 35rem 0 3rem}
}
@media screen and (max-width: 1240px) {
	.evt-section.hotplace #container .owl-nav .owl-prev .arrow {left: -17%;}
	.evt-section.hotplace #container .owl-nav .owl-next .arrow {right: -17%;}
}


@media screen and (max-width: 1200px) {
	.selection-wrap .owl-prev {left: 11.5%;}
	.selection-wrap .owl-next {right: 14%;}
}

@media screen and (max-width: 1130px) {
	.sns-link-section {right: 1%; padding: 1rem 1.5rem 0.5rem;}
	.sns-link-section ul li {padding: 1.5rem 0.5rem 1rem;}
	.sns-link-section ul li {width: 4rem}
	.evt-section.hotplace #container .owl-nav {top: 28%;}
	.evt-section.hotplace #container .owl-nav .owl-prev .arrow {left: -14%;}
	.evt-section.hotplace #container .owl-nav .owl-next .arrow {right: -14%;}
}

@media screen and (max-width:1090px){
	.evt-section.hotplace #container .slide-txt {flex-direction: column; justify-content: center; text-align: center; }
	.evt-section.hotplace #container .slide01 .slide-txt .slide-tit,
	.evt-section.hotplace #container .slide:not(.slide01) .slide-txt .slide-tit {margin: 0 auto 1.5rem; padding: 0 0 1.5rem; min-width: auto; border: 0; border-bottom: 0.1rem solid #aacdb9; }
}
@media screen and (max-width:1059px){
	
	html, h1, h2, h3 {
	    letter-spacing: -0.03rem;
	    word-break: keep-all;
	}

	.pc-view {
		display:none;
	}
	
	.pc-only {display: none;}
	.m-only {display: inherit;}
	.pc-block{display: none;}
	.m-block {display: block; padding: 0;}
	
	.yellow {color: #fff;}

	.small-tab-content .tab-tit, .small-tab-content .tab-txt {font-size: 1.2rem;}
	
	html, body, button, .small-tab-content .tab-tit, 
	.last-block-box-text, 
	.last-block-box-text li .check, .guide-btn a, .video-tit, .info-prize-wrap {font-size: 1.6rem;}
	.visual-text-middle .tags {font-size: 1.5rem;border-left: 0.45rem solid #f9fbf399; background: #f9fbf34d;}
	.visual-text-middle {font-size: 1.7rem; color: #6a5f57;}
	
	.visual-logo {right: 2rem; top: 3rem;width: 10rem;}
	.visual-text-title {width: 55%;}

	.visual-text-bottom button {font-size: 1.8rem;}

	.img-fm {width: 100%;}
	
	.visual-box, .evt-section, .last-block-section-inner, .last-block-box-text, .instagram-block{max-width: 100%; margin: 0 auto;}
	
	.evt-section.evt1 { margin: -32rem auto 0;  padding: 27rem 1rem 6rem;}
	.evt-section.evt2 { margin: 0 auto; padding: 8rem 1rem 8.5rem;}
	.evt-section.evt3 {padding: 4rem 1rem 6rem;}
	.evt-section-inner {padding: 0;margin: 0 auto; max-width: 100%;}
	.evt1 .evt-section-inner.-info {padding: 0 1rem;}
	.evt3 .evt-section-inner {max-width: 100%;}
	.evt3 .evt-section-inner::before {width: 17.3rem; height: 5.4rem; top: -7.4rem;}
	.evt-box-text {padding: 0;}
	.evt-box-text .evt-title-sub {padding: 0 0 1rem;}
	.evt-tag,.evt2 .evt-tag, .evt3 .evt-tag {margin: 0 auto 2.4rem; width: 5.5rem; height: auto; position: relative;}
	.video .evt-tag {width: 3.5rem; height: auto; aspect-ratio: auto 38/40;}

	.evt1 .evt-tag:before {content: ""; background: url(../images/tag-deco.png) top center /100% 100% no-repeat; width: 30.6rem; height: auto; aspect-ratio: auto 613/95; position: absolute; left: 50%; transform: translateX(-50%); top: 0.6rem}
	.evt2 .evt-tag:before {content: ""; background: url(../images/tag-deco.png) top center /100% 100% no-repeat; width: 38rem; height: auto; aspect-ratio: auto 613/95; position: absolute; left: 50%; transform: translateX(-50%); top: 0.2rem}

	.evt1 .evt-title {background: url(../images/event-title-m.png) top center /100% 100% no-repeat; aspect-ratio: auto 406/138; max-width: 20.3rem; width: 100%; height: auto;}
	.evt2 .evt-title {background: url(../images/event-title02-m.png) top center /100% 100% no-repeat; aspect-ratio: auto 412/131; max-width: 20.6rem; width: 100%; height: auto;}
	.evt2 .evt-title::before {display: none;}
	.evt3 .evt-title {background: url(../images/event-title03-m.png) top center /100% 100% no-repeat; aspect-ratio: auto 467/56; max-width: 23.35rem; width: 100%; height: auto;}
	.hotplace .evt-title {background: url(../images/event-title04-m.png) top center /100% 100% no-repeat; aspect-ratio: auto 522/53; max-width: 26.1rem; width: 100%; height: auto;}
	.video .evt-title {background: url(../images/video-tit-m.png) top center /100% 100% no-repeat; aspect-ratio: auto 286/53; max-width: 14.3rem; width: 100%; height: auto;}

	.small-tit {text-align: center;}

	.evt-small-title {margin: 0 auto; padding: 0; font-size: 1.6rem; text-align: center;}
	.evt1 .evt-small-title {padding: 0.6rem 5rem; font-size: 1.6rem;min-width: auto; width: fit-content;}
	

	.benefit-wrap {padding: 3.5rem 0 1rem; margin-top: 3.6rem;  flex-direction: column;}
	.benefit-wrap .benefit-info, .benefit-wrap .slide-container {width: 100%;}
	.benefit-wrap .benefit-info .benefit-top {text-align: center;}
	.benefit-wrap .benefit-info .benefit-tit {width: fit-content; font-size: 2.6rem; margin: 0 auto 0.6rem; padding: 0 0 0 3.5rem; background: url(../images/hotel-icon.png) center left / 2.8rem auto no-repeat;}
	.benefit-wrap .pager-wrap button {padding: 0 1.4rem 0 0; margin: 0 1.4rem 0 0; font-size: 1.6rem; line-height: 1;}
	.benefit-wrap .pager-wrap button:not(:last-of-type) {border-right: 0.1rem solid #9e9e9e50; margin-bottom: 0;}
	.benefit-wrap .pager-wrap button.on {background: url(../images/icon02.png) left center/1rem auto no-repeat; padding: 0 1.4rem;}
	.benefit-wrap .pager-wrap button:last-of-type {padding-right: 0; margin-right: 0;}
	.benefit-wrap .pager-wrap #pager2-2 {display: flex; flex-wrap: wrap; padding: 3rem 2.4rem; column-gap: 0; row-gap: 1.9rem;}
	.benefit-wrap .slide-container .hotels {aspect-ratio: auto 500/648;}
	.hotels .slides-txt {min-height: auto; padding: 2rem 2rem 1rem; aspect-ratio: auto 500 / 620;}
	.hotels .slide-tit {font-size: 2.2rem;}
	.hotels .slides-txt div div {font-size: 2rem; margin-bottom: 0;}
	.hotels .slides-txt p {font-size: 1.6rem;}
	.tsubaki {background: url(../images/tsubaki-m.png) top center /100% 100% no-repeat}
	.lotte {background: url(../images/lotte-m.png) top center /100% 100% no-repeat}
	.rihgaroyal {background: url(../images/rihgaroyal-m.png) top center /100% 100% no-repeat}
	.finest {background: url(../images/finest-m.png) top center /100% 100% no-repeat}
	.pic {background: url(../images/pic-m.png) top center /100% 100% no-repeat}
	.hyatt {background: url(../images/hyatt-m.png) top center /100% 100% no-repeat}
	.hoshino {background: url(../images/hoshino-m.png) top center /100% 100% no-repeat}
	.nikko {background: url(../images/nikko-m.png) top center /100% 100% no-repeat}
	.hilton {background: url(../images/hilton-m.png) top center /100% 100% no-repeat}

	.benefit-wrap .owl-nav {top: 40%}
	.benefit-wrap .owl-prev, .benefit-wrap .owl-next {margin-top: 0%;}
	.benefit-wrap .owl-prev {left: 0;}
	.benefit-wrap .owl-next {right: 0;}


	.countdown-inner {padding: 2.5rem 0; font-size: 1.8rem;}
	.countdown-box {gap: 0.3rem;}
	.time-part {min-width: 6rem;}
	.number {font-size: 4.4rem;}
	.label {font-size: 1.6rem;}
	.sep { font-size: 4.4rem; top: -1.6rem;}

	.section01 {box-shadow: 0 0 6px #70707066;}
	.section01 .tab-btn-section {display: flex; justify-content: flex-end; padding: 0; margin: 4rem auto 0; background: #f1f4f8; border-top-left-radius: 1rem; border-top-right-radius: 1rem; overflow: hidden;}
	.section01 .tab-btn-section .tab-link {padding: 1.3rem 0 1.5rem;}
	.section01 .tab-btn-section .tab-link.tab01 {background: url(../images/ke-off.png) center /auto 1.5rem no-repeat;}
	.section01 .tab-btn-section .tab-link.tab02 {background: url(../images/jin-off.png) center /auto 1.6rem no-repeat;}
	.section01 .tab-btn-section .tab-link.tab03 {background: url(../images/seoul-off.png) center /auto 1.6rem no-repeat;} 
	.section01 .tab-btn-section .tab-link.tab04 {background: url(../images/busan-off.png) center /auto 1.6rem no-repeat;} 

	.section01 .tab-btn-section .tab-link.tab01.current {background: url(../images/ke-on.png) center /auto 1.5rem no-repeat, #051766;}
	.section01 .tab-btn-section .tab-link.tab02.current {background: url(../images/jin-on.png) center /auto 1.6rem no-repeat, #539802;}
	.section01 .tab-btn-section .tab-link.tab03.current {background: url(../images/seoul-on.png) center /auto 1.6rem no-repeat, #1db898;} 
	.section01 .tab-btn-section .tab-link.tab04.current {background: url(../images/busan-on.png) center /auto 1.6rem no-repeat, #0f3599;} 


	.section01 .tab-contents {padding: 3rem 1rem 4.5rem; margin: 0 auto; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;}


	.section01 .tab-contents .btn-wrap {margin: 3rem auto 0;}
	.section01 .tab-contents .btn-wrap a {padding: 1.3rem 0px 1.5rem; min-width: auto; max-width: 47rem; width: 80%; font-size: 1.8rem;}
	.section01 .tab-contents .btn-wrap a .icon {top: 0.1rem;}

	.schedule-wrap {padding: 0 1rem; border-radius: 0;}
	.schedule-wrap table tbody th,.schedule-wrap table tbody td {padding: 1.8rem 0.3rem;}
	.schedule-wrap table thead th {width: 21%;}
	.schedule-wrap table thead th:first-of-type, .schedule-wrap table thead th:last-of-type {width: 18%;}

	.schedule-wrap::before {width: 1.4rem; height: 1.4rem; left: -0.8rem; top: 6.1rem;}
	.schedule-wrap::after {width: 1.4rem; height: 1.4rem; right: -0.8rem; top: 6.1rem;}

	
	.evt-des {padding: 1rem 2rem; margin: 2rem auto;}

	.select-btn button {width: 18rem;padding: 2rem 0;}
	.type-des.type01, .type-des.type03 {margin-top: 9rem;}
	.evt-info {margin: 0 auto; padding: 4rem 0 3rem; width: 100%; border-radius: 1rem;}
	.evt-info li {gap: 1.5rem;text-align: left; margin-bottom: 2rem;}
	.evt2 .evt-info li {gap: 1.2rem;}
	.evt-info li:nth-of-type(2) {margin-bottom: 1rem;}
	.evt-info li:last-of-type {display: block;padding-top: 0; margin: 5rem 0 0;}
	
	.evt-info li .info-tit,.evt2 .evt-info li .info-tit {padding: 0 0 0 3rem;z-index: 1;}
	.info-prize-wrap {padding: 5rem 1rem 4.5rem; margin-top: -4.5rem; text-align: center; flex-wrap: wrap; gap: 0; row-gap: 1.6rem;}
	.info-prize-wrap .info-prize-box {width: 50%;}
	.info-prize-wrap .info-prize-box:first-of-type {margin-right: 0;}
	.evt-info li .info-tit {font-weight: 600; text-decoration: none; background: url(../images/icon01.png) left 1.4rem center / 1.2rem auto no-repeat;}
	.evt-info li .info-tit::before {top: 0.8rem;}
	.info-prize-box div { line-height: 1.3; font-size: 1.6rem; margin-top: 0.7rem;}

	.result_info_prize_description span {font-size: 1.4rem; padding: 0.2rem 1rem 0.2rem; line-height: 1.4; width: 30px;}
	.evt1 .info-prize-wrap span, .evt2 .info-prize-wrap span {line-height: 1.5;}

	.info-prize-wrap .info-prize-box:nth-of-type(1) .info-prize-txt,
	.info-prize-wrap .info-prize-box:nth-of-type(2) .info-prize-txt {padding: 0;}
	.info-prize-wrap .info-prize-box .info-prize-txt div:last-of-type {min-height: auto;}

	.selection-wrap {margin: 0 auto; padding: 0; overflow: hidden; width: 100%;}
	.evt3 .selection-wrap {padding: 2rem 0 3.5rem 3rem; overflow: visible;}
	.evt3 .selection-wrap.carousel-3 {margin-bottom: 0;}
	.benefit-tit {font-size: 2.6rem;}
	.benefit-txt {text-align: center; font-size: 1.6rem;padding: 0;}
	.evt3 .benefit-txt {padding-right: 3rem;}

	.slide-container {margin-top: 1.5rem; width: 100%;}
	.slides1, .slides2, .slides3 {width: 70%; border-radius: 1rem;}
	.owl-stage-outer {margin-left: auto;}
	.owl-stage {margin-left: 0px;}
	.owl-stage .slides1, .owl-stage .slides2, .owl-stage .slides3 {width: 100%;}
	.owl-item {padding: 0.5rem 0; opacity: 0.5;}
	.owl-item.active {opacity: 1;}
	.owl-dots {display: none;}


	.selection-wrap .slide-container {background: url(../images/slide-bg-m.png) top center /100% 100% no-repeat; margin-top: 3.5rem; padding: 0 15% 8%;}
	.selection-wrap .owl-prev, .selection-wrap .owl-next {width: 2.2rem; height: auto; padding: 0; aspect-ratio: auto 41/73; margin-top: 0%;}
	.selection-wrap .owl-prev {left: -5.6%;}
	.selection-wrap .owl-next {right: 24%;}
	.selection-wrap .owl-stage-outer {mask-image: none;}
	.selection-wrap .slides .slides-img {margin-top: -5rem;}
	.selection-wrap .slides .slides-txt {font-size: 1.6rem; margin-top: -2rem;}
	.selection-wrap .slides .slides-txt div:first-of-type {font-size: 2.2rem; padding: 0 2.5rem; background: url(../images/slide-tit-icon.png) left top 0.3rem /2.1rem auto no-repeat, url(../images/slide-tit-icon.png) right top 0.3rem /2.1rem auto no-repeat;}
	
	.last-block-section-box {background: url(../images/slide-bg2.png) top 20% center /100% auto no-repeat, linear-gradient(to bottom, #d6ebdc 0%, #fafcfb 100%); padding: 5rem 0 8rem; overflow: hidden;}
	.evt-section.hotplace {padding-bottom: 10rem;}
	.evt-section.hotplace #m-container {margin-top: 4rem;}
	.evt-section.hotplace #m-container .slide-txt {position: inherit;  flex-direction: column; text-align: center; font-size: 1.6rem; min-width: auto; width: 100%; margin-top: 2rem; padding: 0 1rem;}
	.evt-section.hotplace #m-container .slide-txt .slide-tit {color: #167040; font-weight: 700; padding: 0 0 1.5rem; margin: 0 auto 1.5rem; border: 0; border-bottom: 0.1rem solid #aacdb9; font-size: 1.8rem; min-width: auto; min-height: auto; width: fit-content;}
	.evt-section.hotplace #m-container .slide:not(.slide01) .slide-txt .slide-tit {margin-right: auto; padding-right: 0;}
	.evt-section.hotplace #m-container .slide-nav {position: inherit; margin: 2rem 0 0;}
	.evt-section.hotplace #m-container .slide-nav .arrowBox {display: flex; justify-content: center; gap: 2rem; color: #167040; align-items: center;}
	.evt-section.hotplace #m-container .slide-nav .arrowBox .slideNum {width: fit-content;}
	.evt-section.hotplace #m-container .slide-nav .arrow {width: 4rem; height: 4rem; margin: 0; position: inherit; text-indent: -9999px;}
	.evt-section.hotplace #m-container .slide-nav .arrow.prev {background: url(../images/slide-prev-m.png) top center /100% 100% no-repeat; left: auto;}
	.evt-section.hotplace #m-container .slide-nav .arrow.next {background: url(../images/slide-next-m.png) top center /100% 100% no-repeat; right: auto;}

	.video-section-box {margin: 0 auto 0; max-width: 46rem;}
	.video-section-inner {margin: 0 auto; padding: 1rem 2rem 0rem;background: none;}
	.video_box {margin: 0 auto; padding: 0.8rem 0.8rem 1rem; width: 100%; border-radius: 1rem;}
	.video-section .video_box iframe {width:100%; height: fit-content; border-radius: 1rem;}

	.sns-link-section {position:inherit; background: #040508;padding: 3rem 6rem 2rem; border-radius: 0; width: 100%;left: 0;top: 0 !important;margin-top: -0.1rem}
	.sns-link-section ul {display: flex; gap: 1rem; justify-content: center;}
	.sns-link-section ul li {width: 25%; padding: 0; border: 0;}
	.sns-link-section ul li:last-of-type {padding: 0;}

	.notice-box {background: #040508;}
	.notice-box-inner ul li:before {top: 0.8rem;width: 0.35rem;height: 0.35rem;}
	.notice-box-inner,.notice-box-bottom-inner {width: 90%;letter-spacing: -0.05rem;}
	.notice-box .notice-box-inner {padding: 1rem 0;}
	.notice-box-inner h3 {font-size: 1.6rem;}
	.notice-box-bottom {padding: 1rem 0 3rem;}
	.notice-box-bottom-inner {display: block;}
	.notice-sns-box {flex-wrap: wrap;gap: 1.5rem;padding: 2rem 0 0;}
	.notice-sns-box li {width: 9%;}
	.notice-sns-box li:not(:last-of-type) {margin:0; }
	.notice-sns-box li:first-of-type {width: 100%;}
	.notice-sns-box ul {margin: 0 auto;}
	.notice-sns-box ul li:first-of-type {width: 80%;}
	
	.survey-wrap .quiz-bar {height: 1.6rem;}
	#quiz-container .question-box p {font-size: 2rem; color: #000; margin: 0 auto 4rem;}
	.survey-wrap {padding: 6.5rem 3rem;}
	.survey-wrap.quiz01 .quiz-bar:before {width: 6.5rem; top: -10rem;}
	.survey-wrap.quiz02 .quiz-bar:before {width: 10.4rem; top: -8rem;}
	.survey-wrap.quiz03 .quiz-bar:before {width: 7rem; top: -9rem;}
	.survey-wrap.quiz04 .quiz-bar:before {width: 8rem; top: -10rem;}
	.survey-wrap.quiz05 .quiz-bar:before {width: 9rem; top: -8rem;}

	    

	.survey-wrap #quiz-container .question-box p span {font-weight: 600; font-size: 2.8rem;}
	.survey-wrap #quiz-container .question-box button {padding: 2rem 0 2.2rem; font-size: 1.6rem;}
	.survey-wrap.quiz04 #quiz-container .question-box button:nth-of-type(3), 
	.survey-wrap.quiz05 #quiz-container .question-box button:nth-of-type(3) {padding: 2rem 4rem 2.2rem}
	.popup-wrap .popup-close-btn {top: 1.5rem;right: 0;bottom: auto;left: auto;transform: translateX(-50%);}
	#event2_result_modal {padding: 0;max-width: 100%;width: 100%;margin: 0 auto;}
	.popup-tit {max-width: 36rem; margin: 0 auto 1rem;}
	#event_guidebook_modal {padding: 3rem;max-width: 100%;width: 70%;text-align: center;}
	#event_guidebook_modal .join_after {border-radius: 0.5rem; padding: 4rem;justify-content: center;}
	.event_result_section_2, .event_result_section_4 {padding: 4rem 2rem;}
	.event_result_section_3 {padding: 4rem 2rem 2rem;}
	.event_result_item {margin-left: -1px;}
	.event_result_item h2,.result_info_top_title p, .result_sns_info p {font-size: 2rem;}
	.result_item_box_description {padding: 3rem;}
	.result_item_box_description .date {padding: 0.3rem 2rem 0.3rem 3rem;height: fit-content;border-radius: 5rem;color: #fff;background: url(../images/blue-pin.png) 1.3rem 0.6rem / 17% no-repeat, #05c5c3;}
	.result_item_box_description .route span:not(:last-of-type) {margin-right: 1.3rem;}
	.result_item_box_description .route span:not(:last-of-type):after {width: 0.7rem; height: 1.1rem;margin-top: 0.4rem;}
	input[name="user_name"],input[name="user_email"], input[name="insta_user_name"], input[name="user_phone"], input[name="insta_user_phone"], input[name="insta_user_email"]{width: 80%;height: 28px;font-size: 16px;}
	.result_input_block .input_row:last-of-type {margin-top: 1.2rem;}
	.insta .guide_input_btn {max-width: 30rem;font-size: 1.8rem; padding: 2rem 0; background: url(../images/btn-arrow.png) center right 36% no-repeat, linear-gradient(to right, #333738 0%, #242425 100%);color: #fff;padding: 2rem 0;margin: 1rem auto 0;}
	.result_input_btn,.result_input_btn, .result_btn_block .sns_share_kakao {font-size: 1.8rem; padding: 2rem 0;}
	.event_result_info .result_info_row {margin-bottom: 1.5rem;}
	.result_info_title, .result_info_content p, .result_info_content textarea, .result_btn_item, .result_info_prize_description {font-size: 1.4rem; vertical-align: top;}
	.event_result_info .result_info_row:last-of-type {flex-wrap: nowrap; justify-content: space-between; gap: 0.5rem;}
	.result_btn_item{align-self: center; margin: 0; max-width: 50%; flex: 0 0 49%; border-radius: 0.3rem;}
	.result_info_content p {padding: 0;}
	.result_info_content textarea {width: 145px;padding: 0;}
	.result_info_prize_description div {margin: 0 auto;}
	.hash_tag_content.result_info_content {width: fit-content;}
	.result_info_step_1, .result_info_step_2,.hash_tag_row {display: flex; gap:1rem;}
	.result_info_content {width: 70%;}
	.policy_show, .guide_policy_show {font-size: 1.2rem;}
	.event_result_info .result_info_row:last-of-type {margin-bottom: 0;}
	.move-wrap {column-gap: 0.8rem;margin: 2rem auto 4rem;}
	.move-wrap li button {font-size: 1.6rem;}
	.result_sns_share {gap: 0.5rem;}
	#pager {padding-top: 2px;}
}
@media screen and (max-width: 940px) {
	.visual-text-title {width: 55%;}

	.visual-text-group {padding: 0; margin-top: 1rem;}
	.visual-text-bottom {padding: 0 4.6rem; width: 100%; margin-top: 0; flex-direction: column; row-gap: 1.4rem;}
	.visual-text-bottom button {display: block; font-size: 1.6rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; text-align: left; padding: 1.6rem 2rem; width: 100%; max-width: 60rem; margin: 0 auto; position: relative;}
	.visual-text-bottom button .icon {position: absolute; right: 2rem;}
	.visual-text-bottom button b {display: inline-flex; min-width: 7rem;}

	.evt-section.evt1 {margin: -33rem auto 0; padding: 53rem 1rem 6rem;}
}

@media screen and (max-width: 640px) {
	
	.visual-box {display: block; text-align: center; aspect-ratio: auto 640/1277; background: url(../images/main-bg-top01-m.jpg) top center / 100% auto no-repeat;overflow: hidden;}
	.visual-text-title  {margin: 0 auto; width: 100%;}
	.visual-text-title img {margin-left: auto;}

	.evt-section.evt1 { margin: -32rem auto 0;  padding: 23rem 1rem 6rem;}

	.section02 .tab-btn-section {width: 100%;}
	#event_result_modal {padding: 0;max-width: 100%;width: 90%;}
	.popup-wrap .info-prize-box img {width: 100%;}

	.selection-wrap .owl-prev, .selection-wrap .owl-next {margin-top: -6%}

	.result_info_prize_description {flex-wrap: wrap;}
	.result_info_prize_description .info-prize-box {width: 50%; padding: 0.5rem 1rem 2rem; position: relative;}
	.result_info_prize_description .info-prize-box:nth-of-type(odd) {padding: 0.5rem 1.5rem 2rem 0;}
	.result_info_prize_description .info-prize-box:nth-of-type(even) {padding: 0.5rem 0 2rem 1.5rem;}
	.result_info_prize_description .info-prize-box:nth-of-type(1),
	.result_info_prize_description .info-prize-box:nth-of-type(2) {border-bottom: 1px solid #9e9e9e;}
	.result_info_prize_description .info-prize-box:nth-of-type(1),
	.result_info_prize_description .info-prize-box:nth-of-type(3){border-right: 1px solid #9e9e9e;}
	.result_info_prize_description .info-prize-box .info-prize-txt {min-height: 7.3rem;}
	.result_info_prize_description .info-prize-box:not(:last-of-type) {background: transparent;}
}


@media screen and (max-width: 500px) {	
	.evt-section.evt1 { margin: -26rem auto 0;  padding: 23rem 1rem 6rem;}
    .selection-wrap .slide-container {padding: 0 10% 5%;}
	.selection-wrap .owl-prev {left: -4.6%;}
	.selection-wrap .owl-next {right: 15%;}

}

@media screen and (max-width: 420px) {	
	.evt-section.evt1 { margin: -17rem auto 0;  padding: 23rem 1rem 6rem;}
}
.m375-block, 
.m-358block,
.m385-block {display: none;}
@media screen and (max-width: 385px) {
.m385-block {display: block;}
}
@media screen and (max-width: 384px) {
	.m-384block {display: block;}
}
@media screen and (max-width: 377px) {
	.event_result_info .result_info_row:last-of-type {flex-direction: column;}
	.result_btn_item {font-size: 1.6rem; max-width: 100%; flex: 0 0 100%; width: 100%;}
}
@media screen and (max-width: 375px) {
	.m375-block {display: block;}
}

@media screen and (max-width: 373px) {
	.selection-wrap .slide-container  {padding: 0 10% 2.5%;}
	.selection-wrap .slides .slides-txt div:first-of-type {padding: 0 2rem; letter-spacing: -0.06rem; background: url(../images/slide-tit-icon.png) left top 0.5rem / 1.7rem auto no-repeat, url(../images/slide-tit-icon.png) right top 0.5rem / 1.7rem auto no-repeat;}
	.selection-wrap .owl-prev, .selection-wrap .owl-next {margin-top: -9%;}
}

@media screen and (max-width: 360px) {
    .visual-box-inner {row-gap: 3rem;}
	.visual-text-bottom {padding: 0 3rem;}
	.selection-wrap .slides .slides-txt div:first-of-type {font-size: 2rem; letter-spacing: -0.06rem; background: url(../images/slide-tit-icon.png) left top 0.3rem /1.8rem auto no-repeat, url(../images/slide-tit-icon.png) right top 0.3rem /1.8rem auto no-repeat;}
	.selection-wrap .slide-container {padding: 0 10% 2.4rem;}
	.selection-wrap .slides .slides-img {aspect-ratio: auto; padding-bottom: 0;}
	.selection-wrap .owl-nav {top: 47%;}
	.selection-wrap .owl-prev, .selection-wrap .owl-next {margin-top: -6%;}
	.hotels .slide-tit {font-size: 2rem;}
	.hotels .slides-txt div div {font-size: 1.8rem;}
	.hotels .slides-txt p {font-size: 1.4rem;}
	.section01 .tab-btn-section .tab-link.tab01 {background: url(../images/ke-off.png) center /auto 1.3rem no-repeat;}
	.section01 .tab-btn-section .tab-link.tab02 {background: url(../images/jin-off.png) center /auto 1.6rem no-repeat;}
	.section01 .tab-btn-section .tab-link.tab03 {background: url(../images/seoul-off.png) center top 1.9rem /auto 1.4rem no-repeat;} 
	.section01 .tab-btn-section .tab-link.tab04 {background: url(../images/busan-off.png) center /auto 1.6rem no-repeat;} 

	.section01 .tab-btn-section .tab-link.tab01.current {background: url(../images/ke-on.png) center /auto 1.3rem no-repeat, #051766;}
	.section01 .tab-btn-section .tab-link.tab02.current {background: url(../images/jin-on.png) center /auto 1.6rem no-repeat, #539802;}
	.section01 .tab-btn-section .tab-link.tab03.current {background: url(../images/seoul-on.png) center top 1.9rem /auto 1.4rem no-repeat, #1db898;} 
	.section01 .tab-btn-section .tab-link.tab04.current {background: url(../images/busan-on.png) center /auto 1.6rem no-repeat, #0f3599;} 
}

@media screen and (max-width: 346px) {
    .visual-text-bottom {padding: 0 3rem;}
	.evt-section.evt1 { margin: -20rem auto 0;  padding: 28rem 1rem 6rem;}
	.evt1 .evt-small-title {padding: 0.6rem 4rem;}
	.selection-wrap .slide-container {padding: 3rem 10%;}
}
@media screen and (max-width: 340px) {
	.selection-wrap .slide-container {padding: 2rem 10%;}
	.selection-wrap .slides .slides-txt div:first-of-type {background: url(../images/slide-tit-icon.png) left top 0.6rem / 1.6rem auto no-repeat, url(../images/slide-tit-icon.png) right top 0.6rem / 1.6rem auto no-repeat; padding: 0 2rem;}
}
@media screen and (max-width: 336px) {
    .visual-text-bottom button {font-size: 1.4rem;}
}
@media screen and (max-width: 326px) {
    .visual-text-bottom {padding: 0 3rem;}
	.evt1 .evt-small-title {padding: 0.6rem 3rem;}
}