@charset "UTF-8";
.hidden {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px !important;
  clip: rect(0 0 0 0);
}

div.pageMove a.prev, div.pageMove a.next, .tabWrap button span, .swiperWrap .swiper-paging .swiperMore, .swiperWrap [class^=swiper-button-], .swiperWrap .swiper-pagination .btAutoplays > button, .swiperWrap .swiper-pagination .swiper-pagination-bullet, .layPop .closeL, .selectWrap .closeL, .floatingBtns.floatingCase06 .floatingInner .selectData.place .fly, .floatingBtns.floatingCase05 .floatingInner .asideRight .btTop, .floatingBtns.floatingCase05 .floatingInner .sortingArea .selectWrap.selectSorting .ui-selectmenu-button, .floatingBtns.floatingCase05 .floatingInner .sortingArea > button, .floatingBtns.floatingCase05 .floatingInner .btSearch, .icDel, .btIco, footer .snsList .downList button, footer .snsList > a, aside div > button, .wrapper.completeWrapper .btShare, .wrapper header > button, .wrapper header > a, .wrapper header .menuWrap .btHome, .wrapper header .menuWrap .btNav, .wrapper header .titDep1.titAir .icTrip, .wrapper header .btPrev, .wrapper header .mainLogo a {
  overflow: hidden;
  text-indent: -9999px;
}

.tit14 {
  font-size: 1.4rem;
  line-height: 1.57;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url(../fonts/Pretendard-Regular.subset.woff2) format("woff2"), url(../fonts/Pretendard-Regular.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url(../fonts/Pretendard-SemiBold.subset.woff2) format("woff2"), url(../fonts/Pretendard-SemiBold.subset.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url(../fonts/Pretendard-Bold.subset.woff2) format("woff2"), url(../fonts/Pretendard-Bold.subset.woff) format("woff");
}
@font-face {
  font-family: "NanumSquareR";
  font-weight: 900;
  font-display: swap;
  src: local("나눔스퀘어라운드 ExtraBold"), url(../fonts/NanumSquareRoundOTFEB.woff) format("woff");
}
/* Common */
html {
  font-size: 10px;
}

/* 아이폰 이미지 저장 방지 */
body {
  -webkit-touch-callout: none;
}

html, body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, div, figure, article, header, nav, footer, section, input, textarea, button, span, strong {
  margin: 0;
  padding: 0;
  color: #606060;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, Open Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.53;
  letter-spacing: -0.01em;
  box-sizing: border-box;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: normal;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  max-height: 1000000px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

img, fieldset, iframe {
  border: 0;
  vertical-align: top;
}

img {
  width: 100%;
}

textarea {
  border-radius: 0;
  -webkit-appearance: none;
  resize: none;
}

ul, ol {
  list-style: none;
}
ul:after, ol:after {
  content: "";
  display: block;
  clear: both;
}

em, address {
  font-style: normal;
}

input, select {
  border-radius: 0;
  -webkit-appearance: none;
  vertical-align: middle;
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

hr, legend {
  display: none;
}

caption {
  visibility: hidden;
  overflow: hidden;
  position: static;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

strong, b {
  font-weight: 700;
}

button {
  box-sizing: border-box;
  border: none;
  background: none;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
  box-sizing: border-box;
}

a, button, label {
  cursor: pointer;
}

a:focus, button:focus, input[type=radio]:focus, input[type=checkbox]:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: #CACACA;
  font-size: 1.4rem;
  font-weight: 400;
}

:-ms-input-placeholder {
  color: #CACACA;
  font-size: 1.4rem;
  font-weight: 400;
}

::-ms-input-placeholder {
  color: #CACACA;
  font-size: 1.4rem;
  font-weight: 400;
}

::placeholder {
  color: #CACACA;
  font-size: 1.4rem;
  font-weight: 400;
}

textarea::-webkit-input-placeholder {
  font-size: 1.4rem;
}

textarea:-ms-input-placeholder {
  font-size: 1.4rem;
}

textarea::-ms-input-placeholder {
  font-size: 1.4rem;
}

textarea::placeholder {
  font-size: 1.4rem;
}

input[type=checkbox], input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

[tabindex="-1"], button:active, a:active, label:active {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[tabindex="0"]:focus {
  outline: 0;
}

:disabled {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset;
}

/* common */
.dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.vspace {
  margin-top: 48px !important;
}

.marT32 {
  margin-top: 32px !important;
}

.marB32 {
  margin-bottom: 32px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.text-primary {
  color: #569aff !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left !important;
}

.text-link {
  text-decoration: underline;
}

.help-block {
  color: #AEAEAE;
  font-size: 1.2rem;
}

.no-border {
  border: 0 !important;
}

.col01 {
  color: #63a1ff !important;
}

.col02 {
  color: #E83667;
}

.col03 {
  color: #009FA2;
}

.bgGray {
  background-color: #F8F8F8;
}

.bgBlack {
  background-color: #000;
}

em.bar {
  display: inline-block;
  margin: 0 4px;
  color: #DADADA;
  font-size: 1.2rem;
}

/* skipmenu */
.skip a {
  position: fixed;
  left: 0;
  top: -60px;
  overflow: hidden;
  display: block;
  height: 0;
  width: 0;
  margin-bottom: -1px;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  text-align: center;
  z-index: 10001;
  background: #569aff;
  font-size: 16px;
  font-weight: bold;
}
.skip a:focus, .skip a:active {
  top: 0;
  height: auto;
  width: 100%;
  color: #fff;
  line-height: 60px;
}

/* layout */
html, body {
  height: 100%;
}

body > .wrapper {
  height: auto;
}
body > .wrapper.noHeader .viewTab.stayTab.fixed .tabWrap {
  top: 56px;
}

.wrapper {
  position: relative;
}
.wrapper header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 66px;
  background: #fff;
  z-index: 102;
}
.wrapper header.fixed {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.wrapper header .mainLogo a {
  position: relative;
  display: block;
  width: 148px;
  height: 56px;
}
.wrapper header .mainLogo a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110px;
  height: 20px;
  margin-top: -10px;
  margin-left: -55px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat 0 -28px;
}
.wrapper header .mainLogo.jejuair a {
  width: 199px;
}
.wrapper header .mainLogo.jejuair a:after {
  left: 20px;
  width: 179px;
  height: 26px;
  margin-left: 0;
  background: url(/resource/MO/images/common/MO_jejuair_whlb_logo.png) no-repeat 0 0;
}
.wrapper header .mainLogo.jinair a {width:236px}
.wrapper header .mainLogo.jinair a:after{left:20px;width:216px;height:26px;margin-top:-12px;margin-left:0;background:url(/resource/MO/images/common/MO_jinair_whlb_logo.png) no-repeat 0 0 / 100% 100%}

/* 크리스마스 프로모션 로고 */
.wrapper header .mainLogo.winter {
  display:inline-block;
  width:144px;
  height:52px;
  margin:-3px 0 0 8px;
}
.wrapper header .mainLogo.winter > a:after {
  display:none
}
.wrapper header .mainLogo.winter .logo{position:absolute;width:144px;height:61px;font-size:0;background:url(/resource/MO/images/common/logo_promotion/logo.png) no-repeat 0 0 / contain}
.wrapper header .mainLogo.winter .logo > .loc_present{position:absolute;top:34px;left:66px;z-index:2;width:42px;height:17px;font-size:0;background:url(/resource/MO/images/common/logo_promotion/img_present.png) no-repeat 0 0 / contain}
.wrapper header .mainLogo.winter .logo > .treeSvg, 
.wrapper header .mainLogo.winter .logo > .loc_present,
.wrapper header .mainLogo .testPresent{display:none}
.wrapper header .mainLogo.winter .logo.winter > .treeSvg, 
.wrapper header .mainLogo.winter .logo > .loc_present{display:block}

.wrapper header .mainLogo.sakura{display:inline-block;width:144px;height:46px;margin:3px 0 0 12px}
.wrapper header .mainLogo.sakura > a::after{display:none}
.wrapper header .mainLogo.sakura .logo{position:absolute;width:134px;height:57px;font-size:0;background:url(/resource/MO/images/common/logo_promotion/logo_sakura.png) no-repeat 0 0 / contain}
#canvas_sakura{display:none}

svg.logo_svg{width:31.02px;max-height:42px;overflow:visible;position:absolute;top:8px;left:73px}
path.christmas.top{
  --star-color: #f9c701;
  stroke: var( --star-color, yellow );
  fill:#f9c701;
  stroke:#f9c701;
  stroke-width: 2;
}
path.christmas {
  --star-color: #02742a;
  fill: var( --star-color, green );
  stroke: var( --star-color, green );
  fill:#02742a;
  stroke:#02742a;
  stroke-width: 1.6;
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: star 7s ease-in infinite;
  animation-delay: calc( ( var(--no) - 165)  * -.015s );
  transform-box: fill-box;
}
@keyframes star {
  0% {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.74,1.72,.57,1.01)
  }
  10% {
    transform: scale(1);
  }
  65% {
    transform: translateY(0px) scale(1);
  }
  75% {
    transform: translateY(50px) scale(0);
  }
  100% {
    transform: translateY( 0px ) scale(0);
  }
}

/* 눈송이 컨테이너 스타일 */
.snow-container{overflow:hidden;position:absolute;top:3px;left:0;z-index:5;width:100%;height:100%}

/* 눈송이 스타일 */
.snowflake{position:absolute;top:-10px;background:#fff;border-radius:50%;opacity:0.8;animation:fall linear infinite}

@keyframes fall {
  0% {
    transform: translateY(-10px) translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) translateX(100px);
    opacity: 0;
  }
}

.wrapper header .btPrev {
  position: absolute;
  top: 0;
  left: 13px;
  width: 40px;
  height: 56px;
}
.wrapper header .btPrev:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat;
}
.wrapper header .titDep1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 56px;
  color: #202020;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 56px;
  text-align: center;
}
.wrapper header .titDep1.titAir .icTrip {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 1px 4px 0;
  vertical-align: middle;
}
.wrapper header .titDep1.titAir .icTrip:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -200px 0;
}
.wrapper header .menuWrap {
  position: absolute;
  top: 0;
  right: 15px;
  display: inline-block;
  height: 56px;
}
.wrapper header .menuWrap .btNav {
  position: relative;
  width: 31px;
  height: 56px;
}
.wrapper header .menuWrap .btNav:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -14px;
  margin-left: -13px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -28px 0;
}
/* tooltip 흔들리는 애니메이션 키프레임 정의 */
@keyframes tooltip-shake {
	0% { transform: rotate(0deg); }
	12.5% { transform: rotate(-4deg); }
	25% { transform: rotate(4deg); }
	37.5% { transform: rotate(-4deg); }
	50% { transform: rotate(4deg); }
	62.5% { transform: rotate(-4deg); }
	75% { transform: rotate(4deg); }
	87.5% { transform: rotate(-4deg); }
	100% { transform: rotate(0deg); }
}
.wrapper header .menuWrap .btnVoiceRecode{position:relative;top:-4px;right:1px;height:24px;transform:translateY(50%)}
.wrapper header .menuWrap .btnVoiceRecode .tooltip{position:absolute;top:2px;right:calc(100% + 5px);z-index:5;padding:3px 8px;border:1px solid #ABCCFF;background-color:#fff;font-size:11px;color:#579AFF;white-space:nowrap;line-height:1;border-radius:11px;}
.wrapper header .menuWrap .btnPedoMeter{position:relative;top:-4px;right:1px;height:24px;transform:translateY(50%)}
  /* 애니메이션 추가 부분 */
  transform-origin: right center; /* 변형 기준점을 오른쪽 중앙으로 설정 */
  animation:tooltip-shake 1s ease-in-out 0.45s forwards;
}
.wrapper header .menuWrap .btnVoiceRecode .tooltip::after{content:'';display:block;position:absolute;top:-1px;left:calc(100% - 8px);z-index:2;width:14px;height:12px;background:url(/resource/MO/images/common/bg_speech_bubble.png) no-repeat center / cover}
.wrapper header .menuWrap .btnVoiceRecode::after{content:"";display:block;position:relative;width:24px;height:24px;background:url(/resource/MO/images/common/ico_voiceRecode.svg) no-repeat center / cover}
.wrapper header .menuWrap .btnPedoMeter::after{content:"";display:block;position:relative;width:24px;height:24px;background:url(/resource/MO/images/common/ico_pedoMeter.svg) no-repeat center / cover}
.wrapper header .menuWrap .btHome {
  position: relative;
  right: auto;
  width: 30px;
  height: 56px;
}
.wrapper header .menuWrap .btHome:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 23px;
  height: 21px;
  margin-top: -10.5px;
  margin-left: -11.5px;
  margin-top: -9px;
  background: url(/resource/MO/images/common/ico_home.svg) no-repeat 0 0 !important;
  background-size: 100% !important;
  opacity: 0.9;
}
.wrapper header > button, .wrapper header > a {
  position: absolute;
  top: 0;
  right: 9px;
  display: inline-block;
  width: 40px;
  height: 56px;
}
.wrapper header > button:after, .wrapper header > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat;
}
.wrapper header > button.btMy:after, .wrapper header > button.btHome:after, .wrapper header > button.btSearch:after, .wrapper header > a.btMy:after, .wrapper header > a.btHome:after, .wrapper header > a.btSearch:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  background: url(/resource/MO/images/common/spr_layout02.svg) no-repeat;
  background-size: 482px;
}
.wrapper header .btShare:after {
  background-position: -56px 0;
}
.wrapper header .searchIcon {
  margin-top: 8px;
}
.wrapper header .searchIcon input[type=search] {
  height: 40px;
  line-height: 38px;
}
.wrapper header .btMypage {
  right: 70px;
}
.wrapper header .btMypage:after {
  background-position: -216px 0;
}
.wrapper header .btWish {
  right: 49px;
}
.wrapper header .btWish:after {
  background-position: -272px 0;
}
.wrapper header .btWish .btWish {
  width: 50px;
  right: 50px;
}
.wrapper header .btWish.active:after {
  background-position: 0 0;
  background: url(/resource/MO/images/common/ic_x24_bookmark.svg) no-repeat;
}
.wrapper header .btMy:after {
  background-position: -385px -4px !important;
}
.wrapper header .btHome {
  right: 48px;
}
.wrapper header .btHome:after {
  background-position: -419px -4px !important;
}
.wrapper header .btSearch {
  right: 87px;
}
.wrapper header .btSearch:after {
  background-position: -453px -4px !important;
}
.wrapper .container {
  padding: 68px 20px 64px;
  min-height: calc(100vh - 300px);
}

.wrapper.defaultWrapper header {
  height: 56px;
}
.wrapper.defaultWrapper header .mainLogo {
  margin-left: -66px;
}
.wrapper.defaultWrapper .container {
  margin: 0;
  padding-top: 68px;
}
.wrapper.mainWrapper header {
  position: relative;
  height: auto;
  padding: 0;
  /* 2022.08.29 : nav scroll 추가 // */
  /* ASIS */
  /* TOBE */
  /* // 2022.08.29 : nav scroll 추가 */
}
.wrapper.mainWrapper header .mainNav {
  height: 48px;
  margin: 0;
}
.wrapper.mainWrapper header .mainNav button {
  display: none;
  top: 0;
  width: 58px;
  height: 48px;
  margin-top: 0;
  box-shadow: none;
}
.wrapper.mainWrapper header .mainNav button:before {
  left: auto;
  right: auto;
  width: 100%;
  height: 48px;
  margin-left: 0;
}
.wrapper.mainWrapper header .mainNav button span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  border: 1px solid #EDEDED;
  box-shadow: none;
}
.wrapper.mainWrapper header .mainNav button span:after {
  background-position: -14px -72px;
}
.wrapper.mainWrapper header .mainNav button.prev {
  left: 0;
}
.wrapper.mainWrapper header .mainNav button.prev:before {
  left: 0;
}
.wrapper.mainWrapper header .mainNav button.next {
  right: 0;
}
.wrapper.mainWrapper header .mainNav button.next:before {
  right: 0;
}
.wrapper.mainWrapper header .mainNav .navList {
  display: flex;
  justify-content:space-between;
}
.wrapper.mainWrapper header .mainNav .navList > h2 a {
  position: relative;
  display: block;
  height: 48px;
  padding: 0 8px;
  color: #202020;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 47px;
  z-index: 3;
  white-space: nowrap;
}

.wrapper.mainWrapper header .mainNav .navList > h2.navON a {
  color: #63a1ff;
}
.wrapper.mainWrapper header .mainNav .navList > h2.navON a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  height: 2px;
  background: #63a1ff;
  z-index: 3;
}

.wrapper.mainWrapper header .mainNav .navList::-webkit-scrollbar {
  display: none;
}
.wrapper.mainWrapper header .mainNav.fixed .navList {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.wrapper.mainWrapper .container {
  padding-top: 32px;
}
.wrapper.mainWrapper .container .pageTit {
  margin-top: -3px;
}
.wrapper.mainWrapper footer {
  padding-bottom: 160px;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 160px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 160px);
}
.wrapper.mainWrapper .btHome {
  display: none;
}
.wrapper.searchWrapper header {
  padding: 8px 20px 0 66px;
}
.wrapper.completeWrapper .container {
  padding: 0 20px 64px;
}
.wrapper.completeWrapper .container:has(.completePanel.subMain.logout) {
  padding: 0 20px;
}
.wrapper.completeWrapper .kf_bgGray {
  background: #F8F8F8;
}
.wrapper.completeWrapper .btShare {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
}
.wrapper.completeWrapper .btShare:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -244px 0;
}
.wrapper.floatingWrapper header {
  height: 56px;
}
.wrapper.floatingWrapper .container {
  padding-top: 68px;
}
.wrapper.floatingWrapper ~ footer {
  padding-bottom: 88px;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 88px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 88px);
}
.wrapper.detailView > header {
  padding: 0 90px 0 62px;
}
.wrapper.detailView > header .titDep1 {
  text-align: left;
}
.wrapper.detailView ~ footer {
  padding-bottom: 120px;
}
.wrapper.main02 .titDep3 .titIco {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  background: url(/resource/MO/images/main/mainTitIcon.png) no-repeat;
  background-size: 112px 56px;
  background-position: -28px -2px;
}
.wrapper.main02 .titDep3 .titIco.air {
  background-position: 0 -2px;
}
.wrapper.main02 .titDep3 .titIco.stay {
  background-position: -84px -2px;
}
.wrapper.main02 .titDep3 .titIco.cafe {
  background-position: -56px -2px;
}
.wrapper.main02 .titDep3 .titIco.trip {
  background-position: 0 -31px;
}
.wrapper.main02 .storeListItem .swiperMain .swiper-container .swiper-wrapper .swiper-slide a::after {
  display: none;
}
.wrapper.main02 .storeListItem .swiperMain .swiper-container .swiper-wrapper .swiper-slide a figure {
  height: 100%;
}
.wrapper.main02 .storeListItem .swiperMain .swiper-container .swiper-wrapper .swiper-slide a figure img {
  height: 335px;
  object-fit: cover;
}
.wrapper.main02 .storeListItem .titDep4 {
  font-size: 1.6rem;
  margin-bottom: 0;
}
.wrapper.main02 .storeListItem .txt {
  font-size: 1.3rem;
  margin-top: 8px;
}
.wrapper.main02 .storeListItem .text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: auto;
}
.wrapper.main02 .storeListItem .conUtil {
  margin-top: 0;
}
.wrapper.main02 .storeListItem .conUtil span {
  font-size: 1.2rem;
  color: #808080;
}
.wrapper.main02 .storeListItem .tagList span {
  font-size: 1.2rem;
}
.wrapper.main02 .swiperWrap .swiper-wrapper.airList li {
  border-radius: 16px;
  overflow: hidden;
}
.wrapper.main02 .swiperWrap .swiper-wrapper.airList li a {
  position: relative;
}
.wrapper.main02 .swiperWrap .swiper-wrapper.airList li a .txtWrap {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 24px;
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: space-between;
  z-index: 10;
}
.wrapper.main02 .swiperWrap .swiper-wrapper.airList li a .txtWrap span {
  color: #fff;
  display: block;
  width: 58px;
  height: 24px;
  font-size: 1.2rem;
  line-height: 22px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #fff;
  margin-bottom: 4px;
}
.wrapper.main02 .swiperWrap .swiper-wrapper.airList li a .txtWrap strong {
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
}
.wrapper.main02 .swiperWrap .swiper-wrapper.airList li a .txtWrap strong em {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(/resource/MO/images/main/ic_x12_oneway.png) no-repeat;
  background-size: 12px;
  margin: 0 8px;
}
.wrapper.main02 .swiperWrap .swiper-wrapper.airList li a::before {
  content: "";
  display: block;
  width: 100%;
  height: 125px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.6;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wrapper.main02 .swiperWrap .swiper-wrapper.airList li figure img {
  height: 251px;
  object-fit: cover;
}

.listView .detailView ~ footer {
  padding-bottom: 190px;
}

.quickSearch {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.quickSearch .quickInner {
  text-align: center;
  padding-top: 40px;
}
.quickSearch .quickInner .tit {
  position: absolute;
  top: 1px;
  left: 50%;
  width: 164px;
  height: 40px;
  margin-left: -82px;
  padding-top: 4px;
  color: #63a1ff;
  font-weight: 600;
  line-height: 47px;
  background: url(/resource/MO/images/common/bg_quickTit.png) no-repeat 50% 100%/auto 44px;
  z-index: 1;
}
.quickSearch .quickInner .tit:before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px -2px 0;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -50px -54px;
}
.quickSearch .quickInner .quickList {
  position: relative;
  display: flex;
  padding: 0 20px;
  background: #fff;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.05);
  z-index: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.quickSearch .quickInner .quickList > li {
  width: 100%;
  height: 75px;
}
.quickSearch .quickInner .quickList > li a {
  position: relative;
  display: block;
  height: 63px;
  padding-top: 48px;
  color: #808080;
  font-size: 1.3rem;
  text-align: center;
}
.quickSearch .quickInner .quickList > li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  top: 18px;
  margin-top: 0;
  background: url(/resource/MO/images/common/spr_quick.svg) no-repeat;
}
.quickSearch .quickInner .quickList > li.rentcar a:before {
  background-position: -26px 0;
}
.quickSearch .quickInner .quickList > li.stay a:before {
  background-position: -52px 0;
}
.quickSearch .quickInner .quickList > li.cafe a:before {
  background-image: url(/resource/MO/images/common/ico_mug.svg);
  background-position: 0 0;
}
.quickSearch .quickInner .quickList > li.restaurant a:before {
  background-position: -78px 0;
}
.quickSearch .quickInner .quickList > li.trip a:before {
  background-position: -104px 0;
}
.quickSearch .quickInner .quickList > li.jprentcar a:before {
  background-image: url(/resource/MO/images/common/layout_quicksearch_JPRENTCAR.png);
  background-size: 24px auto;
}
.quickSearch ~ aside .asideLeft, .quickSearch ~ aside .asideRight {
  bottom: 99px;
  bottom: calc(constant(safe-area-inset-bottom) + 99px);
  bottom: calc(env(safe-area-inset-bottom) + 99px);
}

aside div > button {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  margin-top: 16px;
  border-radius: 50%;
  background: #fff;
  z-index: 1000;
  box-shadow: 0 8px 16px 0 rgba(32, 32, 32, 0.1);
}
aside div > button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat;
}
aside div > button.btTop:after {
  background-position: -140px 0;
}
aside div > button.btPopup:after {
  background-position: -160px 0;
}
aside div > button.btSearch:after {
  background-position: -180px 0;
}
aside div > button:first-child {
  margin-top: 0;
}
aside .asideLeft, aside .asideRight {
  position: fixed;
  bottom: 24px;
  bottom: calc(constant(safe-area-inset-bottom) + 24px);
  bottom: calc(env(safe-area-inset-bottom) + 24px);
  z-index: 998;
}
aside .asideLeft {
  left: 20px;
}
aside .asideRight {
  right: 20px;
}
aside .btTop {
  display: none;
}
aside .myViewGo {
  position: relative;
  display: flex;
  width: 48px;
  height: 48px;
  margin-top: 16px;
  box-shadow: 0 8px 16px 0 rgba(32, 32, 32, 0.1);
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}
aside .myViewGo > img {
  overflow: hidden;
  display: flex;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #fff;
  image-rendering: pixelated;
  height: 100%;
  object-fit: cover;
}
aside .myViewGo .listNum {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 18px;
  height: 18px;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.58;
  text-align: center;
  border-radius: 50%;
  background: #63a1ff;
}

footer {
  position: relative;
  padding: 0 20px 32px;
  border-top: 1px solid #EAEAEA;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 32px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 32px);
  z-index: 100;
  background: #18225c url(/resource/MO/images/common/bg_footer.png) no-repeat 50% 106px/100% auto;
}
footer img {
  margin: 0 -20px;
  width: calc(100% + 40px);
}
footer .footCenter {
  position: relative;
  margin: 0 -20px;
  padding: 21px 20px 24px;
  text-align: left;
  background: #fff;
}
footer .footCenter h4 {
  color: #202020;
  font-weight: 700;
}
footer .footCenter .callNum {
  display: inline-block;
  margin-top: 5px;
  color: #202020;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
}
footer .footCenter .callTime {
  position: absolute;
  top: 33px;
  right: 20px;
}
footer .footCenter .callTime > li {
  font-size: 1.4rem;
}
footer .footCenter .callTime > li .tit {
  display: inline-block;
  width: 60px;
  font-size: 1.4rem;
}
footer .footMenu {
  margin-top: 35px;
  font-size: 0;
}
footer .footMenu li {
  margin-top: 2px;
}
footer .footMenu li .tit {
  display: inline-block;
  width: 76px;
  color: #fff;
  font-weight: 600;
  line-height: 28px;
}
footer .footMenu li .tit a {
  color: #fff;
  font-weight: 600;
  line-height: 28px;
  padding: 0;
  font-size: 1.5rem;
  opacity: 1;
}
footer .footMenu li a {
  position: relative;
  display: inline-block;
  padding: 5px 8px 5px 9px;
  color: #fff;
  line-height: 28px;
  font-size: 1.4rem;
  opacity: 0.5;
}
footer .footMenu li a + a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: rgba(255, 255, 255, 0.5);
}
footer .footMenu li:last-child .tit {
  width: 72px;
}
footer .footMenu.subMenu {
  margin: 35px 0 0 -9px;
}
footer .footMenu.subMenu li {
  display: inline-block;
}
footer .footMenu.subMenu li > a {
  display: block;
  padding: 0 8px 0 9px;
  font-size: 1.3rem;
  opacity: 1;
  font-weight: 600;
}
footer .footMenu.subMenu li + li > a {
  opacity: 0.6;
  font-weight: 400;
}
footer .footMenu.subMenu li + li > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: rgba(255, 255, 255, 0.2);
}
footer .snsList {
  position: relative;
  margin-top: 30px;
  padding: 16px 0;
  font-size: 0;
  border: solid rgba(255, 255, 255, 0.1);
  border-width: 1px 0;
}
footer .snsList > a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
footer .snsList > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -117px -29px;
  opacity: 0.4;
}
footer .snsList > a.insta:after {
  background-position: -151px -29px;
}
footer .snsList > a.youTube:after {
  background-position: -185px -29px;
}
footer .snsList > a.blog:after {
  background-position: -219px -29px;
}
footer .snsList > a + a {
  margin-left: 15px;
}
footer .snsList .downList {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
}
footer .snsList .downList button {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  font-size: 0;
  padding: 0;
}
footer .snsList .downList button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -253px -29px;
}
footer .snsList .downList button.ios:after {
  background-position: -287px -29px;
}
footer .txtFoot, footer .txtFoot02, footer .txtFoot03, footer .txtCopy {
  margin-top: 12px;
  color: #808080;
  font-size: 1.3rem;
  line-height: 1.62;
  color: rgba(255, 255, 255, 0.4);
}
footer .txtCopy {
  margin-top: 24px;
}
footer .txtFoot .btns {
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 5px;
  font-size: 1.1rem;
  border-radius: 5px;
  display: inline-block;
  margin: 4px 0;
}

/* title */
[class^=titDep] {
  color: #202020;
  font-weight: 700;
  line-height: 1;
}
[class^=titDep] .date {
  display: inline-block;
  margin-left: 5px;
  color: #808080;
}

.titDep2 {
  font-size: 2.2rem;
  line-height: 1.36;
}

.titDep3 {
  margin-bottom: 16px;
  font-size: 2rem;
  line-height: 1.4;
}
.titDep3 > a {
  display: block;
  position: relative;
}
.titDep3 > a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border: solid #202020;
  border-width: 2px 2px 0 0;
  margin: 0 0 3px 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.titDep4 {
  margin-bottom: 12px;
  font-size: 1.8rem;
  line-height: 1.44;
}

.titDep5 {
  margin-bottom: 12px;
  font-size: 1.6rem;
  line-height: 1.44;
}

.titArea {
  position: relative;
  margin-bottom: 10px;
}
.titArea .btIco {
  position: absolute;
  top: -15px;
  right: -19px;
}
.titArea .frmInp.txt {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pageTit {
  display: block;
  margin: 18px 0 -4px 0;
  color: #202020;
  font-weight: 900;
  font-family: NanumSquareR;
  font-size: 2.6rem;
  line-height: 1.31;
  letter-spacing: -0.01em;
}
.pageTit:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-bottom: 15px;
  border-radius: 50%;
  background-color: #e63668;
  position: relative;
  left: 4px;
}
.pageTit .kf_price {
  color: #63a1ff;
  font-weight: 900;
  font-family: NanumSquareR;
  font-size: 2.6rem;
  line-height: 1.31;
  letter-spacing: -0.01em;
}

.subTit {
  display: block;
  margin-top: 12px;
  font-size: 1.5rem;
}

.layPop .pageTit {
  margin-top: 0;
}

.wrapper.airWrapper .container .pageTit {
  margin-top: 0;
}

/* button */
.btnDefault {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  color: #569aff;
  text-align: center;
  background: #e6effe;
}
.btnDefault:disabled {
  color: #fff;
  border: none;
  background: #DADADA !important;
}
.btnDefault:active {
  background: #cde0ff;
}
.btnDefault.action {
  color: #fff;
  background: #569aff;
}
.btnDefault.action:active {
  background: #2f7bf2;
}

.btnL {
  height: 56px;
  font-size: 1.8rem;
  font-weight: 600;
  border-radius: 12px;
  line-height: 56px;
}
.btnL.btnMultiLine {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 21px;
}

.btnM {
  height: 48px;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 8px;
  line-height: 48px;
}
.btnM.btnMultiLine {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 18px;
}

.btnS {
  display: inline-block;
  width: auto;
  height: 32px;
  padding: 0 12px;
  color: #606060;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #AEAEAE;
  line-height: 31px;
  background: #fff;
}
.btnS.btnMultiLine {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 15px;
}
.btnS:active {
  background: #F8F8F8;
}

.btnS2 {
  display: inline-block;
  width: auto;
  height: 40px;
  padding: 0 18px;
  color: #606060;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #AEAEAE;
  line-height: 38px;
  background: #fff;
}

.btnLineP {
  color: #63a1ff;
  border: 1px solid #63a1ff;
  background: #fff;
}
.btnLineP:active {
  background-color: #f4f9ff;
}
.btnLineP.icAdd:before {
  background-position: -284px -54px;
}

.btnLineG {
  color: #404040;
  border: 1px solid #AEAEAE;
  background: #fff;
}
.btnLineG:active {
  background-color: #F8F8F8;
}

.btnLineGb {
  color: #404040;
  border: 1px solid #DADADA;
  background: #fff;
}
.btnLineGb:active {
  background-color: #F8F8F8;
}

.btDisabled {
  color: #fff;
  border: none;
  background: #DADADA;
}
.btDisabled:active {
  background: #DADADA;
}

.btIco {
  display: inline-block;
  width: 56px;
  height: 56px;
}
.btIco:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat;
}
.btIco.icoReset:after {
  background-position: -259px 0;
}
.btIco.icoHome:after {
  background-position: -387px 0;
}
.btIco.icoSearch {
  width: 48px;
  height: 48px;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  background: #fff;
}
.btIco.icoSearch:after {
  background-position: -233px 0;
}
.btIco.icoSearch.colPoint {
  border-color: #569aff;
  background-color: #569aff;
}
.btIco.icoSearch.colPoint:after {
  background-position: -207px 0;
}
.btIco.icoChange:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  background: url(/resource/MO/images/air/spr_air.svg) no-repeat -116px -20px;
}
.btIco.icModify:after {
  background-position: -34px -26px;
}
.btIco.icoEdit:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 46px;
  margin-top: -23px;
  margin-left: -10px;
  background-position: -100px -26px;
}

.icoMore {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0 31px 0 0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 24px;
}
.icoMore:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  left: auto;
  right: 0;
  margin-left: 0;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -50px 0;
}

.icDel {
  width: 46px;
  height: 46px;
}
.icDel:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -28px 0;
}

.btLink01 {
  display: inline-block;
  position: relative;
  padding: 5px 14px;
  color: #404040;
}
.btLink01:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -14px -72px;
}

.btLink02 {
  display: inline-block;
  position: relative;
  padding: 5px 14px 5px 12px;
  color: #808080;
  font-size: 1.4rem;
  letter-spacing: -0.02em;
}
.btLink02:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  left: auto;
  right: 0;
  margin-left: 0;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -56px -72px;
}

.btLink {
  display: inline-block;
  padding: 10px 5px;
  color: #808080;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.14;
  text-decoration: underline;
  letter-spacing: -0.02em;
}

.btArr {
  padding-right: 22px;
}
.btArr:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat 0 -72px;
}

.btArr.v2 {
  position: relative;
  padding-right:16px;
  font-size: 14px;
  color: #888;
  line-height: 1;
}

.btArr.v2::after {
  right: 0;
}

.icAdd:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px -1px 0;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -204px -54px;
}

.btnArea {
  display: flex;
  margin: 32px -4px 0;
}
.btnArea .btnDefault {
  width: 100%;
  margin: 0 4px;
}
.btnArea .icoShare {
  flex: 0 0 56px;
}
.btnArea.type02 {
  margin-top: 0;
}

.floatingBtns { /*height:88px;height:calc(constant(safe-area-inset-bottom) + 88px);height:calc(env(safe-area-inset-bottom) + 88px);*/ }
.floatingBtns .floatingInner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 16px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
  border-radius: 16px 16px 0 0;
  background: #fff;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.05);
  z-index: 999;
}
.floatingBtns.floatingCase01 .floatingInner {
  display: flex;
  padding: 16px;
}
.floatingBtns.floatingCase01 .floatingInner .btnDefault {
  margin: 0 4px;
}
.floatingBtns.floatingCase01 .floatingInner .viewBtn {
  position: absolute;
  top: 20px;
  left: 20px;
  text-decoration: underline;
}
.floatingBtns.floatingCase01 .floatingInner .viewBtn + .btnDefault {
  margin-top: 40px;
}
.floatingBtns.floatingCase01.floatAbs {
  height: 88px;
  height: calc(constant(safe-area-inset-bottom) + 88px);
  height: calc(env(safe-area-inset-bottom) + 88px);
}
.floatingBtns.floatingCase02 .floatingInner {
  display: flex;
  padding: 16px;
}
.floatingBtns.floatingCase02 .floatingInner .btIco {
  flex: 0 0 56px;
}
.floatingBtns.floatingCase02 .floatingInner .btnDefault {
  margin: 0 4px;
}
.floatingBtns.floatingCase03 .floatingInner {
  text-align: right;
}
.floatingBtns.floatingCase03 .floatingInner:after {
  content: "";
  display: block;
  clear: both;
}
.floatingBtns.floatingCase03 .floatingInner .txtArea {
  float: left;
  height: 56px;
  text-align: left;
  display: flex;
  align-items: left;
  flex-direction: column;
  justify-content: center;
}
.floatingBtns.floatingCase03 .floatingInner .txtArea .tit {
  font-size: 1.4rem;
  line-height: 1.2;
}
.floatingBtns.floatingCase03 .floatingInner .txtArea .txtPoint {
  display: block;
  margin-top: 6px;
  color: #63a1ff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
}
.floatingBtns.floatingCase03 .floatingInner .txtArea .txtPoint.default {
  color: #808080;
}
.floatingBtns.floatingCase03 .floatingInner .txtArea a.txtPoint {
  position: relative;
  display: inline-block;
  padding-right: 18px;
}
.floatingBtns.floatingCase03 .floatingInner .txtArea a.txtPoint:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  margin-left: -2.5px;
  left: auto;
  right: 2px;
  margin-left: 0;
  border: solid #AEAEAE;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.floatingBtns.floatingCase03 .floatingInner .btnDefault {
  display: inline-block;
  width: 163px;
}
.floatingBtns.floatingCase04 {
  height: 148px;
  height: calc(constant(safe-area-inset-bottom) + 148px);
  height: calc(env(safe-area-inset-bottom) + 148px);
}
.floatingBtns.floatingCase04 .termArea {
  overflow: auto;
  margin: 0 -20px 16px -20px;
  padding-left: 20px;
  white-space: noWrap;
}
.floatingBtns.floatingCase04 .termArea .selectWrap {
  display: inline-block;
  width: 200px;
  margin-left: 8px;
  white-space: noWrap;
}
.floatingBtns.floatingCase04 .termArea .selectWrap:first-child {
  margin-left: 0;
}
.floatingBtns.floatingCase04 .termArea .selectWrap:last-child {
  margin-right: 20px;
}
.floatingBtns.floatingCase04 .termArea::-webkit-scrollbar {
  display: none;
}
.floatingBtns.floatingCase05 {
  height: 0;
}
.floatingBtns.floatingCase05 .floatingInner {
  width: auto;
  padding: 0;
  left: 68px;
  right: 68px;
  bottom: 24px;
  bottom: calc(constant(safe-area-inset-bottom) + 24px);
  bottom: calc(env(safe-area-inset-bottom) + 24px);
  text-align: center;
  background: none;
  box-shadow: none;
  z-index: 1000;
}
.floatingBtns.floatingCase05 .floatingInner button {
  display: inline-block;
}
.floatingBtns.floatingCase05 .floatingInner .btSearch {
  position: absolute;
  top: 0;
  left: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #63a1ff;
  background: #fff;
}
.floatingBtns.floatingCase05 .floatingInner .btSearch:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -78px 0;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea {
  position: relative;
  display: inline-block;
  height: 48px;
  margin: 0 auto;
  padding: 0 10px;
  font-size: 0;
  text-align: center;
  border-radius: 48px;
  background: #569aff;
  white-space: nowrap;
  z-index: 999;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea > button {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 -1px;
  padding: 0 10px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  font: 0/0 Arial;
  vertical-align: top;
  white-space: nowrap;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea > button:after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea > button:first-child:after {
  display: none;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea > button + .selectSorting:after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .btMap:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -32px -54px;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .btSort:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -116px 0;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .btFilter:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -98px 0;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selOption {
  position: relative;
  display: inline-block;
  height: 48px;
  vertical-align: top;
  white-space: nowrap;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selOption:after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selOption input {
  position: absolute;
  right: 5px;
  top: 5px;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selOption input:checked + label:after {
  right: 2px;
  background-color: #fff;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selOption label {
  position: relative;
  display: block;
  height: 48px;
  padding: 0 41px 0 11px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 48px;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selOption label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 36px;
  height: 18px;
  margin-top: -9px;
  border-radius: 18px;
  background: #2f7bf2;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selOption label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-radius: 50%;
  background: #63a1ff;
  transition: 0.3s;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selectWrap.selectSorting {
  display: inline-block;
  white-space: nowrap;
  transform: none;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selectWrap.selectSorting + .selectSorting:after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selectWrap.selectSorting .ui-selectmenu-button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selectWrap.selectSorting .ui-selectmenu-button:after {
  display: none;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selectWrap.selectSorting .ui-selectmenu-button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -116px 0;
}
.floatingBtns.floatingCase05 .floatingInner .sortingArea .selectWrap.selectSorting.btFilter .ui-selectmenu-button::before {
  display: none;
}
.floatingBtns.floatingCase05 .floatingInner .asideRight {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 1;
}
.floatingBtns.floatingCase05 .floatingInner .asideRight .btTop {
  position: relative;
  display: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  z-index: 1000;
  box-shadow: 0 8px 16px 0 rgba(32, 32, 32, 0.1);
}
.floatingBtns.floatingCase05 .floatingInner .asideRight .btTop:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -140px 0;
}
.floatingBtns.floatingCase05 .floatingInner .myViewGo {
  position: relative;
  display: flex;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  box-shadow: 0 8px 16px 0 rgba(32, 32, 32, 0.1);
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}
.floatingBtns.floatingCase05 .floatingInner .myViewGo > img {
  overflow: hidden;
  display: flex;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #fff;
}
.floatingBtns.floatingCase05 .floatingInner .myViewGo .listNum {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 18px;
  height: 18px;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.58;
  text-align: center;
  border-radius: 50%;
  background: #63a1ff;
}
.floatingBtns.floatingCase05.type02 .floatingInner {
  top: 106px;
  left: 118px;
  right: auto !important;
  bottom: auto !important;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea {
  background: transparent;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea > button {
  height: 46px;
  line-height: 46px;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea > button:after {
  background: transparent;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea > button + .selectSorting:after {
  background: transparent;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea .btFilter:before {
  background: transparent;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea .selectWrap.selectSorting {
  padding-left: 22px;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea .selectWrap.selectSorting + .selectSorting:after {
  background: transparent;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea .selectWrap.selectSorting .ui-selectmenu-button {
  width: 28px;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea .selectWrap.selectSorting .ui-selectmenu-button span {
  padding: 0;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea .selectWrap.selectSorting .ui-selectmenu-button:before {
  background: transparent;
}
.floatingBtns.floatingCase05.type02 .floatingInner .sortingArea .selectWrap.selectSorting:last-child {
  padding: 0 20px;
}
.floatingBtns.floatingCase06 {
  height: 144px;
  height: calc(constant(safe-area-inset-bottom) + 144px);
  height: calc(env(safe-area-inset-bottom) + 144px);
}
.floatingBtns.floatingCase06 .floatingInner {
  padding: 16px 20px;
}
.floatingBtns.floatingCase06 .floatingInner .scrollVArea {
  margin-bottom: 16px;
}
.floatingBtns.floatingCase06 .floatingInner .scrollVArea .inner {
  white-space: nowrap;
}
.floatingBtns.floatingCase06 .floatingInner .selectData {
  position: relative;
  display: inline-block;
  height: 40px;
  margin-left: 6px;
  padding: 0 27px 0 16px;
  border-radius: 8px;
  background: #F8F8F8;
}
.floatingBtns.floatingCase06 .floatingInner .selectData.active {
  background: #fff;
  border: 1px solid #dadada;
}
.floatingBtns.floatingCase06 .floatingInner .selectData:first-child {
  margin-left: 0;
}
.floatingBtns.floatingCase06 .floatingInner .selectData:last-child {
  margin-right: 20px;
}
.floatingBtns.floatingCase06 .floatingInner .selectData:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  margin-left: -2.5px;
  left: auto;
  right: 12px;
  margin: -4px 0 0 0;
  border: solid #AEAEAE;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.floatingBtns.floatingCase06 .floatingInner .selectData span {
  display: inline-block;
  color: #404040;
  font-weight: 600;
  line-height: 40px;
  vertical-align: top;
}
.floatingBtns.floatingCase06 .floatingInner .selectData.place .fly {
  position: relative;
  width: 20px;
  height: 40px;
}
.floatingBtns.floatingCase06 .floatingInner .selectData.place .fly:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  background: url(/resource/MO/images/air/spr_air.svg) no-repeat;
}
.floatingBtns.floatingCase06 .floatingInner .selectData.place .fly.single:after {
  background-position: -20px -20px;
}
.floatingBtns.floatingCase06 .floatingInner .selectData.place .fly.between:after {
  background-position: -36px -20px;
}
.floatingBtns.floatingCase06 .floatingInner .selectData.rentPlace {
  padding-right: 16px;
}
.floatingBtns.floatingCase06 .floatingInner .selectData.rentPlace::after {
  display: none;
}
.floatingBtns.floatAbs {
  margin: -32px -20px 16px;
  display: none;
}
.floatingBtns.floatAbs .floatingInner {
  position: relative;
}

.absolBtns {
  height: 72px;
}
.absolBtns .absolInner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 16px 16px;
  background: #fff;
  display: flex;
}
.absolBtns .absolInner .btnDefault {
  width: 100%;
  margin: 0 4px;
}

/* form */
input[type=text], input[type=password], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=email], .fakeInput {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 15px;
  color: #606060;
  font-size: inherit;
  font-family: inherit;
  line-height: 48px;
  border-radius: 8px;
  border: 1px solid #EAEAEA;
  background: #fff;
}

input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=search]:focus, input[type=date]:focus, input[type=email]:focus {
  border-color: #569aff;
  outline: 0;
}

input[type=text]:read-only, input[type=password]:read-only, input[type=tel]:read-only, input[type=number]:read-only, input[type=search]:read-only, input[type=date]:read-only, input[type=email]:read-only, [type=text]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=number]:disabled, input[type=search]:disabled, input[type=date]:disabled, input[type=email]:disabled {
  border-color: #EAEAEA;
  background: #F8F8F8;
}

textarea, input[type=date] {
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  resize: none;
}

textarea {
  width: 100%;
  height: 120px;
  padding: 14px 16px;
  border-radius: 8px;
  border: none;
  background: #F8F8F8;
}

grammarly-extension {
  display: none;
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

input:-internal-autofill-selected {
  background-color: #fff !important;
}

.inpFrm {
  margin-top: 24px;
}
.inpFrm label {
  display: block;
  margin-bottom: 7px;
  color: #404040;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.35;
}
.inpFrm .inpA {
  position: relative;
  display: block;
}
.inpFrm .inpA.inpText + .textNum {
  color: #808080;
  font-size: 1.3rem;
  line-height: 1.2;
  text-align: right;
}
.inpFrm .inpA.inpBtns {
  display: flex;
}
.inpFrm .inpA.inpBtns .btnM {
  flex: 0 0 88px;
  margin-left: 8px;
}
.inpFrm .inpA.inpFlex {
  display: flex;
}
.inpFrm .inpA.inpFlex .dash {
  flex: 0 0 20px;
  color: #CACACA;
  text-align: center;
  line-height: 48px;
}
.inpFrm .inpA ~ .inpText {
  margin-top: 12px;
}
.inpFrm.inpDeleteAni .inpA input {
  padding-right: 50px;
}
.inpFrm.inpDeleteAni .inpA .icDel {
  position: absolute;
  top: 1px;
  right: 1px;
  display: none;
}
.inpFrm.inpPidNum .inpA {
  display: flex;
}
.inpFrm.inpPidNum .inpA > input {
  flex: 0 calc(50% - 8px);
}
.inpFrm.inpPidNum .inpA .dash {
  flex: 0 16px;
  line-height: 48px;
  text-align: center;
}
.inpFrm.inpPidNum .inpA .inpPidAfter {
  flex: 0 calc(50% - 8px);
}
.inpFrm.inpPidNum .inpA .inpPidAfter input {
  width: 42px;
  display: inline-block;
  margin-right: 8px;
}
.inpFrm.inpUnitType .inpA input {
  padding-right: 26px;
  text-align: right;
}
.inpFrm.inpUnitType .inpA .unit {
  position: absolute;
  top: 0;
  right: 106px;
  display: block;
  width: 16px;
  height: 100%;
  line-height: 48px;
}
.inpFrm.inpUnitType .btnDefault {
  flex: 0 0 102px;
  min-width: auto;
  margin-left: 8px;
}
.inpFrm.inpfileAttach > label {
  display: block;
  margin-bottom: 8px;
  color: #404040;
  font-size: 1.4rem;
  line-height: 1;
}
.inpFrm.inpfileAttach .attachWrap {
  position: relative;
  padding-right: 96px;
}
.inpFrm.inpfileAttach .attachWrap input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  width: 88px;
  height: 100%;
  opacity: 0;
  z-index: 100;
}
.inpFrm.inpfileAttach .attachWrap .file {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 15px;
  line-height: 46px;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
}
.inpFrm.inpfileAttach .attachWrap .buttonFile {
  position: absolute;
  top: 0;
  right: 0;
  width: 88px;
  height: 48px;
  color: #404040;
  font-weight: 600;
  line-height: 46px;
  text-align: center;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
}
.inpFrm.inpfileAttach .fileList {
  margin-top: 11px;
}
.inpFrm.inpfileAttach .fileList > li {
  position: relative;
  margin-top: 6px;
}
.inpFrm.inpfileAttach .fileList > li > a {
  display: block;
  height: 40px;
  padding: 0 15px;
  font-size: 1.4rem;
  line-height: 40px;
  border-radius: 8px;
  background: #F8F8F8;
}
.inpFrm.inpfileAttach .fileList > li > a .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: calc(100% - 90px);
  line-height: 40px;
}
.inpFrm.inpfileAttach .fileList > li > a .volume {
  display: inline-block;
  margin-left: 5px;
  color: #CACACA;
  font-size: 1.4rem;
  line-height: 40px;
  vertical-align: top;
}
.inpFrm.inpfileAttach .fileList > li .icDel {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
.inpFrm.inpfileAttach .fileList > li .icDel:after {
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  background-position: 0 -26px;
}

.inpError input[type=text], .inpError input[type=password], .inpError input[type=tel], .inpError input[type=number], .inpError input[type=search], .inpError input[type=date] {
  color: #E83667;
  border-color: #e63668;
}

.txtInfo {
  margin-top: 6px;
  color: #808080;
  font-size: 1.2rem;
  line-height: 1.33;
}

.txtErr {
  margin-top: 6px;
  color: #E83667;
  font-size: 1.2rem;
  line-height: 1.33;
}

.searchArea {
  position: relative;
  padding-right: 56px;
}
.searchArea .icoSearch {
  position: absolute;
  top: 0;
  right: 0;
}

.frmBox {
  display: flex;
  margin: -8px -4px 0;
  flex-wrap: wrap;
  font-size: 0;
}
.frmBox > li {
  position: relative;
  flex: 0 50%;
  flex-shrink: 0;
  padding: 0 4px;
  margin-top: 8px;
}
.frmBox > li input {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.frmBox > li input:checked + label {
  color: #63a1ff;
  border-color: #cde0ff;
  background-color: #f4f9ff;
}
.frmBox > li label {
  position: relative;
  display: block;
  height: 48px;
  font-size: 15px;
  font-weight: 600;
  line-height: 46px;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
  z-index: 2;
}
.frmBox.boxCol03 > li {
  flex: 0 33.33%;
}
.frmBox.boxCol04 > li {
  flex: 0 25%;
}
.frmBox.frmBoxS > li {
  flex: 0 25%;
  margin-top: 0;
}
.frmBox.frmBoxS > li label {
  height: 40px;
  padding: 0 10px 0;
  font-size: 14px;
  line-height: 38px;
}
.frmBox.frmBoxS > li input:checked + label {
  padding-left: 30px;
}
.frmBox.frmBoxS > li input:checked + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 8px;
  height: 5px;
  margin-top: -6px;
  border: solid #63a1ff;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.frmBox.frmTog {
  overflow: hidden;
  flex-wrap: nowrap;
  margin: 0;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
}
.frmBox.frmTog > li {
  padding: 0;
  margin: 0;
}
.frmBox.frmTog > li label {
  border: none;
  border-radius: 0;
  border-left: 1px solid #EAEAEA;
}
.frmBox.frmTog > li:first-child label {
  border-left: none;
}
.frmBox.frmTogS {
  overflow: hidden;
  display: inline-block;
  margin: 0;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
}
.frmBox.frmTogS > li {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 -4px;
}
.frmBox.frmTogS > li:first-child {
  margin: 0;
}
.frmBox.frmTogS > li label {
  width: 56px;
  border: none;
  border-radius: 0;
  border-left: 1px solid #EAEAEA;
}
.frmBox.frmTogS > li:first-child label {
  border-left: none;
}

.frmInp {
  position: relative;
  display: inline-block;
}
.frmInp input {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  opacity: 0;
}
.frmInp input:checked + label:before {
  border: none;
  background: #569aff;
}
.frmInp input:checked + label:after {
  border-color: #fff;
}
.frmInp input:disabled + label {
  color: #AEAEAE;
}
.frmInp input:disabled + label:before {
  border: none;
  background: #DADADA;
}
.frmInp input:disabled + label:after {
  border-color: #EAEAEA;
}
.frmInp input[type=radio] + label:before {
  border-radius: 50%;
}
.frmInp input[type=radio] + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  top: 0;
  left: 0;
  margin: 7px 0 0 7px;
  border: none;
  border-radius: 50%;
  background: #DADADA;
  transform: none;
}
.frmInp input[type=radio]:checked + label:after {
  background: #fff;
}
.frmInp input[type=radio]:disabled + label:after {
  background: #fff;
}
.frmInp label {
  position: relative;
  display: block;
  min-height: 22px;
  padding-left: 22px;
  line-height: 22px;
  z-index: 2;
}
.frmInp label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  margin-left: -11px;
  top: 0;
  left: 0;
  margin: 0;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}
.frmInp label:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 8px;
  height: 4px;
  border: solid #CACACA;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.frmInp.txt {
  display: block;
}
.frmInp.txt label {
  padding-left: 28px;
}
.frmInp.txt.small input[type=checkbox]:checked + label:after {
  border-color: #63a1ff;
}
.frmInp.txt.small input[type=checkbox] + label:before {
  border: 0;
  background: transparent;
}
.frmInp.txt.small input[type=checkbox] + label em {
  color: #63a1ff;
}
.frmInp.txt.small input[type=radio] + label {
  min-height: 18px;
  padding-left: 26px;
  line-height: 18px;
}
.frmInp.txt.small input[type=radio] + label:before {
  width: 18px;
  height: 18px;
}
.frmInp.txt.small input[type=radio] + label:after {
  margin: 5px 0 0 5px;
}
.frmInp.txt.small .viewBtn {
  position: absolute;
  top: -2px;
  right: -5px;
  width: 22px;
  height: 22px;
  z-index: 2;
}
.frmInp.txt.small .viewBtn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  margin: -3px 0 0 -5px;
  border: solid #AEAEAE;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.frmInp.txt.large {
  color: #202020;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.44;
  letter-spacing: -0.02em;
}
.frmInp.txt.large label:before {
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-color: #CACACA;
}
.frmInp.txt.large label:after {
  top: 7px;
  left: 6px;
}
.frmInp.txt.frmInpS label {
  min-height: 18px;
  line-height: 18px;
}
.frmInp.txt.frmInpS label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  top: 0;
  left: 0;
  margin: 0;
}
.frmInp.txt.frmInpS label:after {
  top: 5px;
  left: 4px;
}

.grayBox.agreeType02 .titDep4.titLineB {
  padding-bottom: 15px;
  margin-bottom: 18px;
  border-bottom: 1px dashed #CACACA;
}
.grayBox.agreeType02 .frmInp.txt.large input:checked + label:after {
  border-color: #63a1ff;
}
.grayBox.agreeType02 .frmInp.txt.large label {
  color: #606060;
  font-size: 1.5rem;
  font-weight: 400;
}
.grayBox.agreeType02 .frmInp.txt.large label:before {
  display: none;
}
.grayBox.agreeType02 .tblH {
  margin-top: 10px;
}

.agreeList {
  margin-top: 21px;
  padding-top: 6px;
  border-top: 1px dashed #DADADA;
}
.agreeList > li {
  margin-top: 12px;
}
.agreeList > li .frmInp.txt label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 15px;
}
.agreeList.toggleList .acctItem > .frmInp {
  position: absolute;
}
.agreeList.toggleList .acctItem > .frmInp + .toggleBtn {
  height: 22px;
  line-height: 22px;
}
.agreeList.toggleList .acctItem > .frmInp + .toggleBtn:after {
  right: 3px;
  margin-top: -6px;
  border-color: #AEAEAE;
}
.agreeList.toggleList .acctItem .toggleCont .chk-group {
  display: block;
  padding-top: 10px;
}
.agreeList.toggleList .acctItem .toggleCont .chk-group .frmInp.txt {
  display: inline-block;
  margin-left: 28px;
}
.agreeList.toggleList .acctItem .toggleCont .chk-group .frmInp.txt + .frmInp.txt {
  margin-left: 16px;
}
.agreeList + .listType01 {
  margin: 16px 0 -4px;
}
.agreeList.agreeListS {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.agreeList.agreeListS > li {
  display: inline-block;
  padding-right: 2px;
}

.frmList > .frmInp {
  margin-top: 12px;
}
.frmList > .frmInp:first-child {
  margin-top: 0;
}
.frmList > .frmInp .txtEtc {
  display: block;
  margin-top: 4px;
  color: #808080;
  font-size: 1.3rem;
}

.searchIcon {
  position: relative;
}
.searchIcon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  left: 13px;
  margin-left: 0;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -285px 0;
  z-index: 2;
}
.searchIcon .inpSear {
  padding: 0 50px 0 40px;
}
.searchIcon .icDel {
  position: absolute;
  top: 1px;
  right: 1px;
  display: none;
}
.searchIcon.inpFocus:before {
  background-position: -285px -26px;
}

.selectWrap {
  position: relative;
}
.selectWrap select {
  display: none;
}
.selectWrap .ui-selectmenu-button {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
}
.selectWrap .ui-selectmenu-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -28px -72px;
}
.selectWrap .ui-selectmenu-button .custom-customSelect-disabled span {
  color: #6d6d6d;
}
.selectWrap .ui-selectmenu-button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 45px 0 15px;
  line-height: 48px;
  text-align: left;
}
.selectWrap .ui-selectmenu-menu {
  display: none;
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 16px 16px 0 0;
  background: #fff;
  z-index: 1000;
  transform: translateX(0);
}
.selectWrap .ui-selectmenu-menu.ui-selectmenu-open {
  display: block;
  bottom: 0;
}
.selectWrap .ui-selectmenu-menu.ui-selectmenu-open ~ .dimmed {
  display: block;
  opacity: 1;
}
.selectWrap .ui-selectmenu-menu .selectScroll {
  max-height: calc(100vh - 250px);
  overflow-y: auto;
}
.selectWrap .ui-selectmenu-menu .titSelect {
  height: 68px;
  padding: 0 20px;
  color: #202020;
  font-size: 2rem;
  font-weight: 700;
  line-height: 68px;
  text-align: left;
}
.selectWrap .ui-selectmenu-menu .ui-menu li .ui-menu-item-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 0 56px 0 20px;
  font-size: 1.5rem;
  line-height: 56px;
  font-weight: 600;
  border-top: 1px solid #F8F8F8;
  text-align: left;
}
.selectWrap .ui-selectmenu-menu .ui-menu li .ui-menu-item-wrapper.ui-state-active {
  color: #63a1ff;
  background: #f4f9ff;
}
.selectWrap .ui-selectmenu-menu .ui-menu li .ui-menu-item-wrapper.ui-state-active:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 22px;
  width: 11px;
  height: 6px;
  margin-top: -4px;
  border: solid #63a1ff;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.selectWrap .ui-selectmenu-menu .ui-menu li .ui-menu-item-wrapper.ui-state-active span {
  color: inherit;
}
.selectWrap .ui-selectmenu-menu .ui-menu li:first-child > a {
  border-top: none;
}
.selectWrap .dimmed2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 998;
}
.selectWrap .closeL {
  position: absolute;
  top: -50px;
  right: 8px;
  width: 56px;
  height: 56px;
  z-index: 1000;
}
.selectWrap .closeL:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -112px 0;
}

.scrollVArea {
  overflow: auto;
  margin: 0 -20px;
  padding: 0 20px;
}
.scrollVArea .frmBox {
  white-space: nowrap;
  margin: 0 -4px;
}
.scrollVArea .frmBox > li:last-child {
  margin-right: 20px;
}
.scrollVArea .frmBoxS {
  display: block;
}
.scrollVArea .frmBoxS > li {
  display: inline-block;
}
.scrollVArea .frmBoxS > li label {
  padding: 0 14px;
}

.scrollVArea::-webkit-scrollbar {
  display: none;
}

/* layerPopup */
.layPop {
  display: none;
  position: fixed;
  background: #fff;
  z-index: 1100;
}
.layPop.layFull {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layPop.layFull.layScroll header {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.05);
}
.layPop.layFull .layContainer {
  margin-top: 56px;
  padding: 32px 20px 24px;
  height: calc(100% - 56px);
}
.layPop.layFull .layContainer .layContent {
  position: relative;
  height: auto;
  min-height: calc(100% - 124px);
}
.layPop header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  padding: 0;
  z-index: 10;
  background-color: transparent;
}
.layPop header .titLay {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 56px;
  padding: 0 60px;
  color: #202020;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 56px;
  text-align: center;
}
.layPop .layContainer {
  overflow: auto;
  overflow-x: hidden;
}
.layPop .btnBtm {
  height: 100px;
}
.layPop .btnBtm .btnArea {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 22px 20px;
  background: #fff;
}
.layPop .closeL {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  z-index: 100;
}
.layPop .closeL:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -84px 0;
}
.layPop.layBtm {
  bottom: -100%;
  width: 100%;
  max-height: calc(100% - 100px);
  border-radius: 16px 16px 0 0;
}
.layPop.layBtm .layContainer {
  margin-top: 68px;
  padding: 0 20px 16px;
  max-height: calc(100vh - 150px);
}
.layPop.layBtm .closeL {
  right: 4px;
  top: -52px;
}
.layPop.layBtm .closeL:after {
  background-position: -112px 0;
}
.layPop.layCent {
  top: 50%;
  left: 20px;
  bottom: auto !important;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 12px;
}
.layPop.layCent header {
  height: 64px;
  background: #fff;
  border-radius: 12px 12px 0 0;
}
.layPop.layCent header .titLay {
  padding-right: 66px;
}
.layPop.layCent .layContainer {
  max-height: calc(100vh - 200px);
  padding: 64px 20px 20px;
  border-radius: 0 0 12px 12px;
}
.layPop.layCent .layContainer .btnBtm {
  height: 72px;
}
.layPop.layCent .layContainer .btnBtm .btnArea {
  position: absolute;
  bottom: 0;
  padding: 0 16px 20px;
  border-radius: 0 0 12px 12px;
}
.layPop.layCent .layContainer .selectWrap .ui-selectmenu-menu {
  transform: none;
}
.layPop.layCent.layCentEvent {
  width: 300px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
}
.layPop.layCent.layCentEvent .layContainer {
  padding: 0;
}
.layPop.layCent.layCentEvent .layContainer figure {
  width: 300px;
}
.layPop.layCent.layCentEvent .layContainer > a {
  width: 252px;
  height: 42px;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}
.layPop.layCent.layCentEvent .closeL {
  width: 34px;
  height: 34px;
}
.layPop.layCent.layCentEvent .closeL::after {
  background: transparent;
}
.layPop .floatingBtns {
  height: 92px;
  height: calc(constant(safe-area-inset-bottom) + 92px);
  height: calc(env(safe-area-inset-bottom) + 92px);
}
.layPop .floatingBtns.floatingCase02 {
  height: 92px;
  height: calc(constant(safe-area-inset-bottom) + 92px);
  height: calc(env(safe-area-inset-bottom) + 92px);
}
.layPop .floatingBtns.floatingCase06 {
  height: 144px;
  height: calc(constant(safe-area-inset-bottom) + 144px);
  height: calc(env(safe-area-inset-bottom) + 144px);
}

.toastPopup {
  display: none;
  position: fixed;
  top: -100px;
  left: 20px;
  right: 20px;
  padding: 14px 0 13px;
  border-radius: 8px;
  text-align: center;
  background: rgba(32, 32, 32, 0.9);
  animation: toastPop 5s;
  z-index: 100;
}
.toastPopup .txt {
  color: #fff;
  font-size: 1.4rem;
}
.toastPopup .txt em {
  color: #00CDD2;
}
.toastPopup .txt a {
  text-decoration: underline;
}
.toastPopup .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  margin: auto;
}
.toastPopup .btnClose:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat -112px 0;
}
.toastPopup ~ .toastPopup {
  top: -102px;
  animation: toastPop02 5s;
}
.toastPopup.bottom {
  top: auto;
  bottom: -52px;
  animation: toastPopBottom 5s;
}
.toastPopup.bottom ~ .bottom {
  bottom: -102px;
  animation: toastPopBottom02 5s;
}
@keyframes toastPop {
  0% {
    top: -100px;
    display: block;
  }
  30% {
    top: 128px;
    display: block;
  }
  90% {
    top: 128px;
    display: block;
  }
  100% {
    top: -100px;
    display: none;
  }
}
@keyframes toastPop02 {
  0% {
    top: -102px;
    display: block;
  }
  30% {
    top: 198px;
    display: block;
  }
  90% {
    top: 198px;
    display: block;
  }
  100% {
    top: -102px;
    display: none;
  }
}
@keyframes toastPopBottom {
  0% {
    bottom: -52px;
    display: block;
  }
  30% {
    bottom: 128px;
    display: block;
  }
  90% {
    bottom: 128px;
    display: block;
  }
  100% {
    bottom: -52px;
    display: none;
  }
}
@keyframes toastPopBottom02 {
  0% {
    bottom: -102px;
    display: block;
  }
  30% {
    bottom: 198px;
    display: block;
  }
  90% {
    bottom: 198px;
    display: block;
  }
  100% {
    bottom: -102px;
    display: none;
  }
}
@keyframes toastPopBottom03 {
  0% {
    bottom: -100px;
    display: block;
  }
  30% {
    bottom: -6px;
    display: block;
  }
  90% {
    bottom: -6px;
    display: block;
  }
  100% {
    bottom: -6px;
    display: none;
  }
}

/* swiper */
.swiperWrap {
  overflow: hidden;
  position: relative;
  margin: 0 -20px;
}
.swiperWrap .swiper-container {
  overflow: hidden;
  position: static;
  width: 100%;
  padding: 0 20px;
  font: 0/0 Arial;
}
.swiperWrap .swiper-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  transition-property: transform;
  z-index: 1;
  box-sizing: content-box;
}
.swiperWrap .swiper-wrapper .swiper-slide {
  overflow: hidden;
  width: 100%;
  flex-shrink: 0;
  transition-property: transform;
  box-sizing: border-box;
  transform: none;
}
.swiperWrap .swiper-pagination {
  position: relative;
  width: 100% !important;
  text-align: center;
  font: 0/0 Arial;
}
.swiperWrap .swiper-pagination .tyBl * {
  vertical-align: top;
}
.swiperWrap .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 18px 2px 0;
  border-radius: 50%;
  background: #000;
  opacity: 0.3;
  transition: 0.3s;
}
.swiperWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
  opacity: 1;
  border-radius: 5px;
}
.swiperWrap .swiper-pagination .btAutoplays {
  display: inline-block;
  height: 18px;
  margin-top: 11px;
}
.swiperWrap .swiper-pagination .btAutoplays > button {
  position: relative;
  display: inline-block;
  font-size: 0;
  width: 18px;
  height: 18px;
  vertical-align: top;
}
.swiperWrap .swiper-pagination .btAutoplays > button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat;
}
.swiperWrap .swiper-pagination .btAutoplays > button.btStop:after {
  background-position: -174px -54px;
}
.swiperWrap .swiper-pagination .btAutoplays > button.btPlay {
  display: none;
}
.swiperWrap .swiper-pagination .btAutoplays > button.btPlay:after {
  background-position: -160px -54px;
}
.swiperWrap [class^=swiper-button-] {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background: #444;
  z-index: 100;
}
.swiperWrap [class^=swiper-button-].swiper-button-prev {
  left: 20px;
}
.swiperWrap [class^=swiper-button-].swiper-button-next {
  right: 20px;
}
.swiperWrap.swiperPaging [class^=swiper-button-] {
  margin-top: -36px;
}
.swiperWrap .swiper-paging {
  position: absolute;
  top: -44px;
  right: 40px;
  height: 24px;
  padding: 0 11px;
  border-radius: 24px;
  z-index: 100;
  background: rgba(0, 0, 0, 0.6);
}
.swiperWrap .swiper-paging * {
  vertical-align: middle;
}
.swiperWrap .swiper-paging .swiperMore {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 -2px 0 0;
}
.swiperWrap .swiper-paging .swiperMore:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -134px 0;
}
.swiperWrap .paging {
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
}
.swiperWrap .paging [class^=swiper-pagination-] {
  display: inline-block;
  padding: 0 2px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 24px;
}
.swiperWrap.swiperMainBanner .swiper-slide {
  overflow: hidden;
  border-radius: 12px;
  height: 100%;
}
.swiperWrap.swiperGap .swiper-container {
  overflow: visible;
  position: relative;
  width: calc(100% - 0px);
}
.swiperWrap .swiper-notification {
  height: 0;
  font: 0/0 Arial;
}
.swiperWrap.swiperVertical .swiper-container {
  width: calc(100% - 40px);
  height: 100%;
  margin: 0 20px;
  padding: 0;
}
.swiperWrap.swiperVertical .swiper-wrapper {
  height: 100%;
  flex-direction: column;
}
.swiperWrap.swiperFoot {
  margin-top: 48px;
}
.swiperWrap.swiperFoot figure {
  height: 164px;
}
.swiperWrap.swiperFoot figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiperWrap.swiperMainTopBanner .bannerType {
  position: relative;
}
.swiperWrap.swiperMainTopBanner .bannerType .bannerTxt {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
}
.swiperWrap.swiperMainTopBanner .bannerType .bannerTxt p {
  color: #fff;
  line-height: 100%;
}
.swiperWrap.swiperMainTopBanner .bannerType .bannerTxt.black p {
  color: #202020;
}
.swiperWrap.swiperMainTopBanner .bannerType .bannerTxt .subTit {
  font-size: 1.3rem;
}
.swiperWrap.swiperMainTopBanner .bannerType .bannerTxt .tit {
  margin-top: 16px;
}
.swiperWrap.swiperMainTopBanner .bannerType .bannerTxt .tit p {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 130%;
}
.swiperWrap.swiperMainTopBanner .bannerType .bannerTxt .summary {
  margin-top: 24px;
}
.swiperWrap.swiperMainTopBanner .bannerType .bannerTxt .summary p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.8rem;
  line-height: 130%;
}
.swiperWrap.swiperMainTopBanner .bannerType figure img {
  height: 100%;
  object-fit: cover;
  object-position: right bottom;
  min-height: 240px;
}
.swiperWrap.swiperMainTopBanner .bannerType figure.bgDimmed::before {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
  z-index: 1;
}
.swiperWrap.swiperMainTopBanner .swiper-pagination .tyBl, .swiperWrap.swiperMainTopBanner .swiper-pagination .btAutoplays {
  display: none;
}

/* list/bullet */
.listType01 > li {
  position: relative;
  margin-top: 12px;
  padding-left: 6px;
  color: #808080;
  line-height: 1.53;
}
.listType01 > li:first-child {
  margin-top: 0;
}
.listType01 > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #808080;
}
.listType01.noDots > li {
  padding-left: 0;
}
.listType01.noDots > li::before {
  display: none;
}

.listType02 {
  margin-top: 12px;
}
.listType02 > li {
  position: relative;
  margin-top: 12px;
  padding-left: 22px;
  color: #808080;
  font-size: 1.4rem;
}
.listType02 > li:first-child {
  margin-top: 0;
}
.listType02 > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -14px -26px;
}

p.listType02 {
  position: relative;
  margin-top: 12px;
  padding-left: 22px;
  color: #808080;
  font-size: 1.4rem;
}
p.listType02:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -14px -26px;
}
p.listType02.small {
  padding-left: 16px;
}
p.listType02.small:before {
  top: 3px;
  width: 14px;
  height: 14px;
  background-position: 0 -54px;
}

.guideInfo {
  position: relative;
  margin-top: 28px;
}
.guideInfo .titGuide {
  position: relative;
  padding: 0 0 15px 28px;
  color: #202020;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #EAEAEA;
}
.guideInfo .titGuide:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: -1px;
  width: 22px;
  height: 22px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -311px 0;
}
.guideInfo .listType01 {
  margin-top: 16px;
}
.guideInfo.boxType01 {
  margin: 32px 0 0;
  padding: 20px;
  border-radius: 12px;
  background: #f4f9ff;
}
.guideInfo.boxType01 .titGuide {
  position: relative;
  height: 18px;
  font-size: 1.6rem;
  margin-bottom: 12px;
  padding: 1px 0 0 22px;
  border: none;
  line-height: 18px;
}
.guideInfo.boxType01 .titGuide:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/resource/MO/images/common/ico_notice.svg) no-repeat;
}
.guideInfo.boxType01 .listType01 {
  margin-top: 10px;
}
.guideInfo.boxType01 p {
  color: #606060;
}
.guideInfo.boxType01 a {
  display: block;
  padding: 4px 0;
  color: #63a1ff;
  font-size: 1.5rem;
}
.kf_line + .guideInfo.boxType01 {
  margin: 0;
}
.guideInfo.grayLine {
  margin: 0 -20px;
  padding: 40px 20px 0;
  border-top: 1px solid #EAEAEA;
}
.guideInfo.grayLine:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: #F8F8F8;
}

.bulType01 {
  padding: 10px 0 0 12px;
  color: #606060;
  font-size: 1.4rem;
}
.bulType01:before {
  content: "※";
  display: inline-block;
  width: 12px;
  margin-left: -12px;
  vertical-align: top;
}

.listTypeNumber > li {
  counter-increment: section;
  margin-top: 15px;
}
.listTypeNumber > li:before {
  content: counter(section) ".";
  display: inline-block;
  margin-right: 5px;
}
.listTypeNumber > li:first-child {
  margin-top: 0;
}
.listTypeNumber ul {
  margin-top: 5px;
}

/* tab */
.tabType01 {
  position: relative;
  display: flex;
  border-bottom: 1px solid #EAEAEA;
}
.tabType01:after {
  content: "";
  display: block;
  position: absolute;
  top: 46px;
  left: 0;
  right: 0;
  height: 1px;
  background: #EAEAEA;
  z-index: 10;
}
.tabType01 > li {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 1;
}
.tabType01 > li > a {
  position: relative;
  display: block;
  height: 46px;
  color: #808080;
  font-size: 1.6rem;
  line-height: 46px;
  text-align: center;
}
.tabType01 > li > a[aria-selected=true] {
  color: #404040;
  font-weight: 600;
}
.tabType01 > li > a[aria-selected=true]:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #404040;
  z-index: 1000;
}
.tabType01 > li > a[aria-selected=true] + .subTab {
  display: block;
}
.tabType01 > li .subTab {
  display: none;
  height: 64px;
}
.tabType01 > li .subTab > .tabTypeR {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
}
.tabType01 > li .subTab .tabWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 40px);
  margin: 0 -20px;
  padding-bottom: 0;
}

.tabScript ul.tabType01:after {
  display: none;
}

.fixed .tabType01 > li > a[aria-selected=true]:after {
  bottom: 0;
}

.tabType02 {
  margin: 0 -20px;
  padding: 0 10%;
  border-bottom: 1px solid #EAEAEA;
  background: #fff;
}
.tabType02 > li {
  display: inline-block;
}
.tabType02 > li a {
  position: relative;
  display: block;
  height: 47px;
  padding: 0 12px;
  color: #808080;
  font-size: 1.6rem;
  line-height: 47px;
  text-align: center;
}
.tabType02 > li a[aria-selected=true] {
  color: #63a1ff;
  font-weight: 700;
}
.tabType02 > li a[aria-selected=true]:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 2px;
  border-radius: 2px;
  background: #63a1ff;
  z-index: 1000;
}

.tabWrap {
  position: relative;
  margin: 0 -20px 16px;
}
.tabWrap.fixed {
  height: 47px;
}
.tabWrap.fixed .tabType01, .tabWrap.fixed .tabType02 {
  position: fixed;
  top: 56px;
  left: 0;
  width: 100%;
  margin: 0;
  z-index: 101;
}
.tabWrap.fixed button {
  position: fixed;
  top: 77px;
  z-index: 102;
}
.tabWrap.tabPadding ul > li:last-child {
  padding-right: 30px;
}
.tabWrap [class^=tabType] {
  overflow: auto;
  display: block;
  white-space: nowrap;
  margin: 0;
}
.tabWrap [class^=tabType]::-webkit-scrollbar {
  display: none;
}
.tabWrap .tabType01 > li {
  display: inline-block;
  width: auto;
  min-width: 92px;
  margin-left: -4px;
}
.tabWrap .tabType01 > li:first-child {
  margin-left: 0;
}
.tabWrap .tabType01 > li > a {
  padding: 0 25px;
}
.tabWrap .tabType01.typeTypeFixed {
  display: flex;
}
.tabWrap .tabType01.typeTypeFixed > li {
  display: initial;
  width: 100%;
}
.tabWrap .tabType02 li:last-child {
  margin-right: 12px;
}
.tabWrap button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  z-index: 101;
}
.tabWrap button span {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  margin: 1px 0 0 10px;
  border: 1px solid #DADADA;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.tabWrap button span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -56px -72px;
}
.tabWrap button:before {
  overflow: hidden;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 70px;
  height: 43px;
  margin-left: -35px;
  z-index: 1;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgb(255, 255, 255));
}
.tabWrap button.prev {
  left: 10px;
  display: none;
}
.tabWrap button.prev:before {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgb(255, 255, 255));
}
.tabWrap button.prev span:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tabWrap button.next {
  right: 13px;
}
.tabWrap.tabScroll [class^=tabType] {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.tabWrap .tabTypeR {
  display: block;
  padding: 0 18px;
}
.tabWrap .tabTypeR > li {
  display: inline-block;
  width: auto;
}
.tabWrap .tabTypeR > li > a {
  min-width: 80px;
  padding: 0 12px;
}
.tabWrap .tabTypeR > li:first-child {
  margin-left: 0;
}
.tabWrap.fixedTop {
  height: 53px;
  z-index: 101;
}

.tabContentWrap {
  display: none;
}
.tabContentWrap.tabON {
  display: block;
}
.tabContentWrap .tabInner {
  padding-top: 30px;
}

.tabTypeR {
  display: flex;
  margin: 0 -2px;
}
.tabTypeR > li {
  width: 100%;
  padding: 0 2px;
}
.tabTypeR > li a {
  position: relative;
  display: block;
  height: 40px;
  color: #808080;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 38px;
  border: 1px solid #EAEAEA;
  border-radius: 40px;
  text-align: center;
  background: #fff;
}
.tabTypeR > li a[aria-selected=true] {
  color: #63a1ff;
  border-color: #cde0ff;
  background: #f4f9ff;
}
.tabTypeR.purple {
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  padding: 6px 18px 12px;
  background: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.tabTypeR.purple li a[aria-selected=true] {
  color: #fff;
  border-color: #63a1ff;
  background: #63a1ff;
}

/* 아코디언 */
.toggleList .toggleBtn {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 32px 0 20px;
  color: #404040;
  font-weight: 600;
  line-height: 48px;
  text-align: left;
}
.toggleList .toggleBtn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  left: auto;
  right: 20px;
  margin: -6px 0 0 0;
  background: url(/resource/MO/images/common/spr_ico.svg) no-repeat -42px -72px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.toggleList .toggleBtn[aria-expanded=true]:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.toggleList .toggleBtn[aria-expanded=true] + .toggleCont {
  display: block;
  visibility: visible;
  height: auto;
  opacity: 1;
}
.toggleList .toggleBtn[aria-expanded=false] + .toggleCont {
  transition: none;
}
.toggleList .toggleCont {
  display: none;
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.3s linear;
}

/* table */
[class^=tbl], :not(.footerT) > .tbFt {
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #EAEAEA;
}
[class^=tbl] th, [class^=tbl] td, :not(.footerT) > .tbFt th, :not(.footerT) > .tbFt td {
  padding: 15px 16px;
  text-align: left;
  border-bottom: 1px solid #EAEAEA;
}
[class^=tbl] th, :not(.footerT) > .tbFt th {
  color: #202020;
  font-weight: 600;
  background: #F8F8F8;
}
[class^=tbl] td, :not(.footerT) > .tbFt td {
  border-left: 1px solid #EAEAEA;
  background-color: #fff;
}
[class^=tbl] td:first-child, :not(.footerT) > .tbFt td:first-child {
  border-left: none;
}

.tblC th, .tblC td {
  text-align: center;
}
.tblC thead th:not(:first-child) {
  border-left: 1px solid #EAEAEA;
}
.tblC tbody td:first-child {
  border-left: 0;
}

/* box */
.grayBox {
  padding: 20px;
  border-radius: 12px;
  background-color: #F8F8F8;
}

.viewArea .titDep2 {
  padding-right: 70px;
}
.viewArea .titDep2 ~ button {
  position: absolute;
  display: inline-block;
  top: 0;
  right: -10px;
  width: 40px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-indent: -9999px;
}
.viewArea .titDep2 ~ button:after {
  content: "";
  display: block;
  position: absolute;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  background: url(/resource/MO/images/common/spr_layout.svg) no-repeat;
}
.viewArea .titDep2 ~ button.btShare:after {
  background-position: -56px 0;
}
.viewArea .titDep2 ~ button.btWish {
  right: 28px;
}
.viewArea .titDep2 ~ button.btWish:after {
  background-position: -272px 0;
}
.viewArea .titDep2 ~ button.btWish.active:after {
  background-position: 0 0;
  background: url(/resource/MO/images/common/ic_x24_bookmark.svg) no-repeat;
}

.holder {
  position: relative;
}

/* pattern */
.addrWrap .zipSearch {
  display: flex;
}
.addrWrap .zipSearch input {
  width: 100%;
}
.addrWrap .zipSearch .btnDefault {
  flex: 0 0 85px;
  display: flex;
  margin-left: 8px;
  justify-content: center;
}
.addrWrap > input {
  margin-top: 8px;
}
.addrWrap input[type=text]:read-only, .addrWrap input[type=tel]:read-only {
  border-color: #EAEAEA;
  background: #fff;
}

.frmInpBtm {
  position: absolute;
  top: -34px;
  left: 24px;
}
.frmInpBtm label {
  color: #fff;
}

.badge {
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 2px;
}
.badge.t01 {
  width: 19px;
}
.badge.t02 {
  width: 101px;
}
.badge.t03 {
  width: 27px;
}
.badge.primary {
  color: #569aff;
  font-size: 1rem !important;
  border: 1px solid #569aff !important;
  border-radius: 2px;
  padding: 1px 4px;
  line-height: 1;
  background: #fff;
  font-weight: 700;
}
.badge.success {
  position: absolute !important;
  left: 3px;
  top: 4px !important;
  background: #fff;
  color: #007D3C !important;
  font-size: 1rem !important;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 320px) {
  .quickSearch .quickInner .quickList {
    padding: 0 10px;
  }
  .floatingBtns.floatingCase05 .floatingInner .sortingArea {
    padding: 0 7px;
  }
  .floatingBtns.floatingCase05 .floatingInner .sortingArea > button {
    width: 40px;
  }
  .floatingBtns.floatingCase05 .floatingInner .sortingArea .selectWrap.selectSorting .ui-selectmenu-button {
    width: 40px;
  }
  .guideInfo.boxType01 {
    padding: 15px;
  }
  .guideInfo.boxType01 .titGuide {
    font-size: 1.5rem;
  }
  .guideInfo.boxType01 p {
    font-size: 1.4rem;
    line-height: 18px;
  }
  .tabType01 > li > a {
    padding: 0 15px;
    font-size: 1.3rem;
  }
}
div.pageMove {
  margin: 56px 0;
  text-align: center;
}
div.pageMove.type01 {
  margin-top: 32px;
}
div.pageMove .btnView {
  overflow: hidden;
  display: inline-block;
  position: relative;
}
div.pageMove a {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 6px;
  font-weight: 600;
  text-align: center;
  line-height: 32px;
}
div.pageMove a.prev, div.pageMove a.next {
  position: relative;
  width: 18px;
  height: 32px;
}
div.pageMove a.prev {
  margin: 0;
  margin-right: 5px;
}
div.pageMove a.prev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: url(/resource/MO/images/common/ic_x32_arrow.png) no-repeat 0 0;
  background-size: 18px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
div.pageMove a.next {
  margin: 0;
  margin-left: 5px;
}
div.pageMove a.next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: url(/resource/MO/images/common/ic_x32_arrow.png) no-repeat 0 0;
  background-size: 18px;
}
div.pageMove a.num.now {
  color: #fff;
  border-radius: 50%;
  background: #63a1ff;
}

/**
* --------------------------------
* Common New
* --------------------------------
*/
.wrapper header > .btnShuttle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  right: 60px;
  width: 110px;
  height: 36px;
  font-weight: 600;
  font-size: 13px;
  text-indent: 0;
  color: #fff;
  border-radius: 19px;
  background-color: #18225c;
}
.wrapper header > .btnShuttle:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 36px;
  background-image: url("/resource/MO/images/rentcar/icon_shuttle_type2.svg");
  background-size: 100%;
}
.wrapper header > .btnShuttle:after {
  display: none;
}
.wrapper header .btSetting + .btnShuttle {
  right: 90px;
}
.wrapper header .btSetting[style*="display: none"] + .btnShuttle {
  right: 48px;
}

/**토글**/
.toggle_common_wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toggleBtn_common label{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.toggleBtn_common label span{
  font-size: 14px;
  color: #202020 !important;
  font-weight: 600 !important;
}
.toggleBtn_common label [type="checkbox"] {
  position: absolute;
  right: 0;
  width: 32px;
  height: 18px;
  border-radius: 10px;
  background-image: none;
  background-color: #CACACA;
  transition-duration: 200ms;
  position: relative;
}
.toggleBtn_common label [type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  border-radius: 50%;
  background-color: #FFF;
  transition-duration: 200ms;
  transform: translateX(-14px);
}
.toggleBtn_common label [type="checkbox"]:checked {
  background-color: #63A1FF;
}
.toggleBtn_common label [type="checkbox"]:checked::before {
  position: absolute;
  top: 0;
  right: 2px;
  background-color: #FFF;
  transform: translateX(0)
}
.toggleBtn_common label [type="checkbox"]:checked + span{
  color: #63A1FF !important;
}
.select_list_sort .ui-selectmenu-button{
  border: none;
}
.select_list_sort .ui-selectmenu-button:after{
  right: 0;
}
.select_list_sort .ui-selectmenu-button span{
  padding: 0 20px 0 15px;
  font-size: 14px;
}

img.loc_tooltip{width:99px;height:20px;margin:-2px 0 2px 3px}

/* .wrapper.mainWrapper #header .logo.tripleos {width: 250px;height: 26px;background: url('/mobile/images/common/MO_tripleos_whlb_logo.png') no-repeat 0 0;}
.wrapper.mainWrapper #header .logo.interparkos {width: 260px;height: 26px;background: url('/mobile/images/common/MO_interparkos_whlb_logo.png') no-repeat 0 0;} */

/* [D] 24.04.11 인터파크 트리플 W/L */
.wrapper header .mainLogo.tripleosLogo a {
  width: 192px;
}
.wrapper header .mainLogo.tripleosLogo a:after {
  width: 172px;
  height: 26px;
  margin-top: -13px;
  margin-left: -76px;
  background: url(/resource/MO/images/common/MO_tripleos_whlb_logo.png) no-repeat 0 0;
  /* 2024.04.15 리차드 추가 */
  background-size: contain;
}

.wrapper header .mainLogo.interparkosLogo a {
  width: 265px;
}
.wrapper header .mainLogo.interparkosLogo a:after {
  width: 244px;
  height: 26px;
  margin-top: -13px;
  margin-left: -113px;
  background: url(/resource/MO/images/common/MO_interparkos_whlb_logo.png) no-repeat 0 0;
  /* 2024.04.15 리차드 추가 */
  background-size: contain;
}
/* // 24.04.11 인터파크 트리플 W/L */

/* .wrapper header .mainLogo.digilocaLogo a {
  width: 209px;
}
.wrapper header .mainLogo.digilocaLogo a:after {
  width: 188px;
  height: 26px;
  margin-top: -13px;
  margin-left: -113px;
  background: url(/resource/MO/images/common/MO_digiloca_whlb_logo.png) no-repeat 0 0;
  background-size: contain;
} */