.swiper-container{ overflow:hidden; position: relative }
.view1024{ }
.none1024{ display: none }
.wp90{ width:90% !important; }
.defaultMsg{
    font-size:25px;
    color:#000000;
    font-weight: 500;
    padding:200px 0;
    text-align: center;
}
.pointer{
    cursor: pointer;
}
/* COLOR */
.bgWhite{background: #FFFFFF !important;;}
.bgGray{background: #e4e4e4 !important;;}
.bgDarkGray{background: #3E3E3E !important;;}
.bgGreen{background: #34C880 !important;;}
.cGreen{color: #34C880 !important;;}
.cWhite{color: #ffffff !important;}
.border{ border:1px solid #A5A5A5 }
.borderTop{ border-top:1px solid #A5A5A5 }
.borderBottom{ border-bottom:1px solid #A5A5A5 }
.border.green{ border:1px solid #34C880 }
/* Lable */
.grayLabel{
    background:#D7D7D7;
    padding:3px 5px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
}
.pb-20{ padding-bottom:5rem  }
/* TAB */
/* TITLE */
.centerTit{ text-align: center; padding-bottom: 45px; }
.centerTit.borderBottom{ border-bottom: 1px solid #000; }
.centerTit h3{
    font-size:26px;
    font-weight: 400;
    line-height: 1.5;
    color:#3e3e3e;
    word-break: keep-all;
}
.centerTit p{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.7em;
    color:#696969;
    margin-top:12px;
    word-break: keep-all;
}
.centerTit h5{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color:#8b8b8b;
    margin-top:12px;
    word-break: keep-all;
}
.centerTit--txt{
    font-size:15px;
    color:#3e3e3e;
    line-height: 1.5;
}
.leftTit{ text-align: left;}
.leftTit h3{
    font-size:24px;
    font-weight: 400;
    color:#3e3e3e;
    margin-bottom: 10px;
}
.pageTit{
    padding: 34px 0;
    border-bottom:1px solid #D7D7D7;
    box-sizing: border-box;
    width:100%;
    margin-bottom:80px;
    align-items: center;
}
.pageTit h3{
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}
.pageTit p{}
.pageTit--call{
    font-size: 20px;
    font-weight: 300;
    color:#3e3e3e;
}
.pageTit--call a{ font-weight: 400; }

/* INPUT */
.inputBasic{
    appearance: none;
    margin:0;
    outline: none;
    text-indent: 0;
    background: none;
    border-bottom: 1px solid #828282;
    height: 36px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 0 10px;
}
.inputBasic.promotionCode--input{ width:calc(100% - 120px) }
.inputBasic::placeholder{ font-weight: 400; color : #828282; }
.inputBasic[type=text]{}
.inputBasic[type=checkbox]{ display: none;}
.inputBasic[type=radio]{ display: none;}
.inputBasic[type=radio] + label{ }
.inputBasic[type=radio]:checked + label .lineBtn{ background:#3e3e3e; color:#ffffff }
.inputBasic[type=checkbox] + label{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size:14px;
    font-weight: 400;
    color:#3e3e3e;
    line-height: 1.4;
    word-break: keep-all;
}
.inputBasic[type=checkbox] + label .termItem--txt{
    font-size:14px;
    font-weight: 400;
    color:#3e3e3e;
    line-height: 1.4;
    text-align: left;
    word-break: keep-all;
}
.inputBasic[type=checkbox] + label.items-start{ align-items: flex-start }
.inputBasic[type=checkbox] + label.bold{ font-weight: 600 }
.inputBasic[type=checkbox] + label .inputBasic--labelBox{
    width:18px;
    height:18px;
    display: block;
    position: relative;
    border:1px solid #333;
    box-sizing: border-box;
    cursor: pointer;
}
.inputBasic[type=checkbox]:checked + label .inputBasic--labelBox{
    border:1px solid #000000;
    background:#000000;
    cursor: pointer;
}
.inputBasic[type=checkbox]:checked + label .inputBasic--labelBox::before{
    content: '';
    width: 4px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    display: block;
    left: 26%;
    top: 62%;
    transform: rotate(45deg) translate(-50%,-50%);
}
.inputBasic[type=checkbox]:checked + label .inputBasic--labelBox::after{
    content: '';
    width: 9px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    display: block;
    left: 58%;
    top: 30%;
    transform: rotate(-45deg) translate(-50%,-50%);
}
.termTotalInfor{
    width:calc(100% - 40px);
    font-size:12px;
    line-height: 1.4;
}
input:-internal-autofill-selected {
    background-color: rgb(255, 255, 255) !important;
}
textarea.inputBasic{
    padding:10px;
    height:300px;
    resize: none;
    border:1px solid #e4e4e4;
}
textarea.inputBasic.row{ height:130px; }
select.inputBasic{
    padding:0px 30px 0px 10px;
    background-image: url("/blackyak/images/common/ic-selectBlack.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
}
.filebox{ border-bottom: 1px solid #e4e4e4; margin-bottom: 2px; }
.filebox label {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background:#000000;
    font-weight: 200;
    font-size: 15px;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    width:120px;
}
.filebox input[type="file"] { /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.upload-name{
    height:36px;
    width:calc(100% - 135px);
    font-size: 14px;
    color: #000;
    font-weight: 200;
    text-indent: 10px;
    background:none;
}
.inputDate{
    appearance: none;
    padding:0;
    margin:0;
    background: none;
    border:none;
    outline: none;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    color:#ffffff;
    width:200px;
    background-image:url('/blackyak/images/common/ic-select.png');
    background-position: center right;
    background-repeat: no-repeat;
}
.inputDate02{ width:130px; font-size:16px; }
.inputDate::placeholder{color:#ffffff}
.inputDate.gray{
    background-image:none;
    color:#3e3e3e;
}
.inputDate.gray::placeholder{ color:#3e3e3e; }
.inputDate.bgNone{ background-image:none }
.selectReserve{
    appearance: none;
    padding:0 11px 0 2px;
    width:60px;
    margin:0;
    background: none;
    border:none;
    outline: none;
    font-size:20px;
    color:#ffffff;
    text-align: center;
    background-image:url('/blackyak/images/common/ic-select.png');
    background-position: center right 0px;
    background-repeat: no-repeat;
}
.selectReserve option{ color:#000000; }
/*
.floatBox{
    position: fixed;
    right: 20px;
    top:50%;
    transform: translateY(-50%);
    background: #ffffff;
}
 */
.floatBox{ background:#ffffff;  width:calc(100% - 700px) }
.floatBox.h-360{ height:360px; }
.data-picker--item--tit{
    font-size:18px;
    font-weight: 500;
    color:#FFFFFF;
    padding:15px 30px;
    background: #4a4a4a;
    box-sizing: border-box;
}
.data-picker--item--cal{}
.data-picker--item--cal dt{
    font-size:14px;
    font-weight: 400;
    color:#000000;
    letter-spacing: 1px;
}
.data-picker--item--cal dd{
    font-size:16px;
    color:#000000;
}
.data-picker--item--cal dd p{ font-size:12px;}
.data-picker--item--cal dd h3{ font-size:16px;}
.data-picker--item--cal dd h2{ font-size:20px;}
.inputNumberWrap{
    width:90px;
    position: relative;
}
.inputNumberWrap--controller{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.inputNumberWrap--btn{
    width:20px;
    height:20px;
    border: 1px solid #3e3e3e;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.inputNumberWrap--btn span{
    width:10px;
    height:1px;
    background-color: #3e3e3e;
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    opacity: 1;
}
.inputNumberWrap--btn.down span:last-child{
    width:1px;
    height:10px;
}
.inputNumberWrap--btn:focus, .inputNumberWrap--btn:hover{
    background:#34C880;
    border: 1px solid #34C880;
}
.inputNumberWrap--btn:focus span, .inputNumberWrap--btn:hover span{
    background:#ffffff;
}
.inputNumber{ text-align: center; text-indent: 0px; }
.inputNumber::placeholder{ text-align: center }
.inputNumberName{
    font-size:14px;
    font-weight: 400;
    color:#3e3e3e;
}
.inputNumberName span{ font-weight: 600;}
.inputNumberName p.w-500px{ width:500px }

/* BUTTON */
.underLineBtn{
    font-size:14px;
    font-weight: 600;
    line-height: 1;
    color:#3e3e3e;
    border-bottom: 1px solid #3e3e3e;
}
.lineBtn{
    font-size:14px;
    font-weight: 300;
    line-height: 1;
    color:#3e3e3e;
    border: 1px solid #3e3e3e;
    padding:7px 15px;
    cursor: pointer;
}
.lineBtn.borderNone{ border:none; }
.lineBtn.bgDarkGray{
    background: #3e3e3e;
    color: #ffffff;
    border:none;
}
.linkBtn{
    color:#000;
    line-height: 1.4;
    border:1px solid #3e3e3e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.linkBtn.white{
    color:#ffffff;
    border:1px solid #ffffff;
}
.linkBtn::after{
    content: '';
    width:0%;
    height:100%;
    background:#34C880;
    position: absolute;
    left:0;
    top:0;
    z-index: -1;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}
.linkBtn.middle {
    padding: 13px 46px;
    font-size: 20px;
    gap:15px;
}
.linkBtn.small{
    padding:7px 18px;
    font-size:14px;
    gap:10px;
}
.linkBtn.extraSmall{
    padding:5px;
    font-size:10px;
    gap:8px;
}
.linkBtn--arrow{
    width:13px;
    height: 2px;
    background: #3e3e3e;
    border-radius: 4px;
    position: relative;
    display: block;
}
.linkBtn--arrow::before{
    content: '';
    background:#3e3e3e;
    position: absolute;
    transform:rotate(45deg);
    border-radius: 4px;
    right:-1px;
}
.linkBtn--arrow::after{
    content: '';
    background:#3e3e3e;
    position: absolute;
    border-radius: 4px;
    transform:rotate(-45deg);
    right:-1px;
}
.linkBtn--arrow.white{ background:#ffffff }
.linkBtn--arrow.white::before{ background:#ffffff }
.linkBtn--arrow.white::after{ background:#ffffff }
.linkBtn--arrow.middle{ width:32px; height:3px; }
.linkBtn--arrow.middle::before{
    width:14px; height:3px; top:-5px;
}
.linkBtn--arrow.middle::after{
    width:14px; height:3px; bottom:-5px;
}
.linkBtn--arrow.small{ width: 13px; height: 2px; }
.linkBtn--arrow.small::before{
    width:7px; height:2px; top:-2px;
}
.linkBtn--arrow.small::after{
    width:7px; height:2px; bottom:-2px;
}
.linkBtn--arrow.extraSmall{ width: 10px; height: 1px; }
.linkBtn--arrow.extraSmall::before{
    width:5px; height:1px; top:-2px;
}
.linkBtn--arrow.extraSmall::after{
    width:5px; height:1px; bottom:-2px;
}
/*.linkBtn:hover{ color:#ffffff; border:1px solid #34C880; }*/
/*.linkBtn:hover::after{ width:100%;}*/
/*.linkBtn:hover .linkBtn--arrow{ background:#ffffff }*/
/*.linkBtn:hover .linkBtn--arrow::before{ background:#ffffff }*/
/*.linkBtn:hover .linkBtn--arrow::after{ background:#ffffff }*/
/*.linkBtn.white:hover{ color:#34C880 }*/
/*.linkBtn.white:hover::after{ background: #ffffff; color:#34C880 }*/
/*.linkBtn.white:hover .linkBtn--arrow.white{ background: #34C880; }*/
/*.linkBtn.white:hover .linkBtn--arrow.white::before{ background: #34C880; }*/
/*.linkBtn.white:hover .linkBtn--arrow.white::after{ background: #34C880; }*/
.linkBtn--down{
    width:14px;
    height:14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.linkBtn--down--icOff{ display: block }
.linkBtn--down--icOn{ display: none }
.linkBtn:hover .linkBtn--down--icOff{ display: none }
.linkBtn:hover .linkBtn--down--icOn{ display: block }

.slideBtn{
    width:68px !important;
    height:68px !important;
    background: rgba(0,0,0,0.3);
    z-index: 2;
    opacity: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0s;
    border-radius: 50%;
}
.slideBtn:hover{ background:#34C880; }
.slideBtn--prev{ left:0;}
.slideBtn--next{ right:0;}
.slideBtn::after{ display: none; }

.paginationBtn{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    z-index: 3;
}
.paginationBtn .swiper-pagination{
    position: initial !important;
    width: auto !important;
}
.paginationBtn .swiper-pagination-bullet{
    background:#ABABAB;
    opacity: 1;
    cursor: pointer;
    width:12px;
    height:12px;
}
.paginationBtn.white .swiper-pagination-bullet{ background:none; border:1px solid #ffffff; opacity: 1 }
.paginationBtn .swiper-pagination-bullet-active{
    background:#ffffff; border:1px solid rgba(171, 171, 171, 1);
}
.paginationBtn.white .swiper-pagination-bullet-active{ background:#ffffff }
.paginationBtn .swiper-counter{
    display: none;
    left:initial;
    right:20px;
    bottom: 20px;
    font-size:14px;
    color:#ffffff;
    background: #888888;
    padding:5px 10px;
    border-radius: 20px;
}
.stopSwiper{
    width:12px;
    height:12px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 2;
    margin:2px 0 0 4px;
}
.stopSwiper span{
    width:3px;
    height:12px;
    background:#ffffff;
    display: block;
}
.arrowBtn{}
.boxBtn{
    border:1px solid #B8B8B8;
    height:50px;
    padding:0 20px;
    box-sizing: border-box;
    font-size:18px;
    font-weight: 600;
    color:#3e3e3e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:15px;
}
.boxBtn--icList{ width:20px; }

.bgBoxBtn{
    padding:8px 35px;
    font-size:16px;
    font-weight: 200;
    color:#ffffff;
    border-radius: 2px;
}
.bgBoxBtn.green{
    background:#34c880;
}
.bgBoxBtn.white{
    background:#ffffff;
    border: 1px solid #000000;
    box-sizing: border-box;
    color:#000000;
}
.bgBoxBtn.bold{ font-weight:600; }
.bgBoxBtn.gray{ background: #D7D7D7; color: #3E3E3E}
.bgBoxBtn.darkGray{ background: #3E3E3E}

/* HOVER Component */
.hoverItem::before{
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,0.2);
    z-index: 1;
    transition-duration: 0.5s;
}
.hoverItem::after{
    content:'';
    width:0;
    height:5px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    left:0;
    bottom:0;
    display: block;
    transition-duration: 0.5s;
    z-index: 2;
}
.hoverItem:hover::before{
    /*background: rgba(95, 164, 130, 1);*/
    background: rgba(0,0,0,0.4);
    /*mix-blend-mode: multiply;*/
}
.hoverItem:hover::after{
    width:100%;
}
.txtBtn{
    font-size:14px;
    color:#3e3e3e;
    font-weight: 500;
}

/*** LAYOUT ***/
.mt107{ margin-top: 107px }
.subParallax{
    width:100%;
    margin:400px auto 0;
    background: #ffffff;
    position: relative;
    z-index: 2;
    min-height: 100vh;
}
.subParallax.low{ margin:300px auto 0;}
/*.subParallax.high{ margin:43vw auto 0;}*/
.subParallax.high{ margin:0 auto 0;}
.cnt{ width:1290px; margin-left:auto; margin-right: auto }
.cnt2{ width:956px}
.cnt3{ width:400px}
@media screen and (min-width:1900px){
    /*.subParallax.high{ margin:calc(100vh - 110px) auto 0;}*/
}

/*** MAIN ***/
.mainBanner{
    width:100%;
    /*height:100vh;*/
    background:#333333;
    position: relative;
}
.mainBanner::after{
    content: '';
    width:145px;
    height:240px;
    background-image: url('/blackyak/images/main/bannerLogo.png');
    background-repeat: no-repeat;
    position: absolute;
    right: calc(50% - 720px);
    bottom:170px;
    z-index: 3;
    display: none;
}
.mainBanner--slide{position: relative}
.mainBanner--slide--item{
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    max-height:100vh ;
    text-align:center;
}

.mainBanner--cnt.mainPC{ display: block; }
.mainBanner--cnt.mainM{ display: none; }

.mainBanner--slide--img.pc{
    width:100%;
    height:100%;
    /*position: absolute;*/
    left:0;
    top:0;
    object-fit: cover;
    display: block;
}
.mainBanner--slide--img.m{
    width:100%;
    /*display: none;*/
}
.mainBanner--movie{
    position: relative;
    /*padding-bottom: 56.25%; */
    /*padding-top: 30px; */
    /*height: 0;*/
    overflow: hidden;
    margin: 0;
    width:100%;
    aspect-ratio: 1/0.5;
}
.mainBanner--movie--cover{
    z-index: 10;
    width: 100%;
    height: 100%;
}
#player{ max-width: 100% !important; }
.player{ max-width: 100% !important; }
#vimeo_if{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top:-40px;
    height:115%;
}
#vimeo_pop_if{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#vimeo_pc{}
#vimeo_m{ display: none; }
#vimeo_m_pop{ display: none; }
.play.rounded-box{opacity:0;}
.mainBanner--slide--item--txt{
    text-align: center;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.mainBanner--slide--item--txt h3{
    font-size: 40px; font-weight: 200; line-height: 1.3; color:#ffffff;
}
.mainBanner--slide--item--txt.m{ display: none; }
.mainBanner--slide--item--btn{
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color:#ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    margin:50px auto 0;
    line-height: 1;
}
.mainBanner--slide--item--btn.pauseBtn{ display: none; }
.mainBanner--slide--item--video{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    object-fit: cover;
    z-index: -1;
}
.mainBanner--slide--item--video[poster]{
    width:100%; height:100%;
}
.mainBanner--calender{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    position: absolute;
    bottom:35px;
    left:50%;
    z-index: 3;
    background: rgba(0,0,0,0.7);
    width:1440px;
    height:90px;
    transform: translate(-50%,0px);
    animation: mainBanner 1s;
}
@keyframes mainBanner {
    0%{ transform: translate(-50%,100px); opacity: 0 }
    100%{ transform: translate(-50%,0px); opacity: 1 }
}
.mainBanner--calender li{
    padding:10px 20px;
    height:100%;
    box-sizing: border-box;
    flex-basis: auto;
}
.mainBanner--calender li:not(:last-child){
    border-right:1px solid rgba(255,255,255,0.2);
}
.mainBanner--calender--tit{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    color:#ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width:16.8%;
}
.mainBanner--calender--item{ position: relative }
.mainBanner--calender--item dl{ height:100%; }
.mainBanner--calender--item dt{
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color:rgba(255,255,255,0.4);
}
.mainBanner--calender--item .linkBtn{
    position: absolute;
    left:0px;
    top:0px;
    border-radius: 0;
    height: 90px;
    border:none;
    padding:13px 0px;
    width:100%;
    justify-content: center;
    font-size:18px;
}
.mainBanner--calender--item .linkBtn--search{
    width:16px;
    height:16px;
    border:2px solid #ffffff;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
}
.mainBanner--calender--item .linkBtn--search::after{
    content: '';
    width: 6px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    transform: rotate(45deg);
    right: -5px;
    bottom: -3px;
    display: block;
}
.mainBanner--calender--item .linkBtn:hover .linkBtn--search{border:2px solid #34C880}
.mainBanner--calender--item .linkBtn:hover .linkBtn--search::after{background:#34C880}
.datepickers-container{ z-index: 3}
.mainBanner--slide .paginationBtn{
    bottom:180px;
    position: absolute;
    width:100%;
}

.mainMagazine--item{
    width:33.3%;
    height:30vw;
    position: relative;
}
.mainMagazine--item--tit{
    font-size: 25px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color:#ffffff;
    position: relative;
    margin-bottom: 20px;
    z-index: 2;
}
.mainMagazine--item > img{ z-index: -1; }
.mainMagazine--item--ani{
    opacity: 0;
    transition-duration: 0.5s;
    position:absolute;
    width:100%;
    text-align: center;
}
.mainMagazine--item--ani p{
    font-size:14px;
    color:#ffffff;;
    margin: 15px auto;
    line-height: 1.5;
}
.mainMagazine--item:hover .mainMagazine--item--ani{
    z-index: 2;
    opacity: 1;
    position: initial;
    left:0%;
}
.mainMagazine--item:hover .mainMagazine--item--tit{ z-index: 2; }
.mainService{width:1450px;}
.mainServiceBanner{
    width:100%;
    position: relative;
    background: #f2f2f2;
    padding: 35px 0;
}
.mainService--slide{
    overflow: hidden;
    position: relative;
    padding:0 80px;
    box-sizing: border-box;
}
.mainService--slide .slideBtn{
    margin-top:0 !important;
    transform: translateY(-100%);
}
.mainService--item{ gap:20px; margin-bottom: 100px; }
.mainService--item--img{
    width:620px;
    height:585px;
    position: relative;
    overflow: hidden;
    border-top-left-radius:320px;
    border-top-right-radius:320px;
    transition-duration: 0.5s;
}
.mainService--slide .mainService--item--txt{
    width:50%;
    padding: 80px;
    box-sizing: border-box;
}
.mainService--item--txt h5{
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1.5;
    color: #3e3e3e;
}
.mainService--item--txt h3{
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    color: #3e3e3e;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}
.mainService--item--txt p{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    text-align: left;
    word-break: keep-all;
    margin-bottom: 40px;
}
.mainServiceBanner--item--cnt{
    width:1290px; margin: 0 auto;
}
.mainServiceBanner--item--img{
    width:50%; height:380px; position: relative;
}
.mainServiceBanner--item--img.rending::after, .itemType01--img3 .swiper-slide.rending::after{
    content:'COMING SOON';
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,0.3);
    font-size:20px;
    font-weight: 500;
    color:#FFFFFF;
    display: flex;
    align-items:center;
    justify-content: center;
}
.mainServiceBanner--item--txt{
    width:50%;
    height:380px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 120px;
    box-sizing: border-box;
}
.mainServiceBanner .paginationBtn{
    width:200px !important;
    left:calc(50% + 120px) !important;
    bottom:60px !important;
    transform: initial !important;
    text-align: left;
}
.mainMap--cnt{
    width:100%; margin-bottom: 20px;
}
.mainMap--img{
    position: relative;
    width:100%;
}
.mainMap--img--img{ width:100%; }
.mainMap--img::after{
    content: '';
    width:100%;
    height:200px;
    background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));
    position: absolute;
    left:0;
    bottom: 0;
    z-index: 2;
}
.mainMap--cnt .linkBtn{
    position: absolute;
    left:50%;
    bottom:60px;
    transform: translateX(-50%);
    z-index: 3;
}
.mainMap--logo{
    position: absolute;
    left:30px;
    top:30px;
    width:90px;
}

/*** SUB ***/
.subBanner{
    height:400px;
    width:100%;
    position: fixed;
    z-index: 1;
    left:0;
    top:107px;
    overflow: hidden;
}
.subBanner.low{ height:300px; }
/*.subBanner.high{ height:initial; max-height: calc(100vh - 110px) }*/
.subBanner.high{ height:initial; top:0; }
.subBanner .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}
.subBanner--slide--img{ z-index: -1;}
.low .subBanner--txt{ margin-top: 00px; }
.subBanner--txt h3{
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    color:#ffffff;
    animation: introAni01 1s ;
    word-break: keep-all;
}
.low .subBanner--txt h3{ margin-bottom: 15px; }
.subBanner--txt.black h3{ color:#3d3d3d }
.subBanner--txt h3 img{ margin:0 auto; }
.subBanner--txt p{
    font-size: 15px;
    font-weight: 200;
    line-height: 1.5;
    color:#ffffff;
    word-break: keep-all;
    animation: introAni02 1.5s ;
    margin-top: 20px;
}
.subBanner--txt.black p{ color:#3d3d3d }
.subBanner--txt h5{
    font-size: 15px;
    font-weight: 200;
    line-height: 1.5;
    color:#ffffff;
    word-break: keep-all;
}
.outDoorBannerSlide .paginationBtn{ bottom:45px; }
.subBanner .paginationBtn{ bottom:45px; }
.subBanner .slideBtn--next{ right:calc(50% - 720px) }
.subBanner .slideBtn--prev{ left:calc(50% - 720px) }
@keyframes  introAni01{
    0%{ opacity: 0; transform:translateY(100px) }
    100%{ opacity: 1; transform:translateY(0px)  }
}
@keyframes  introAni02{
    0%{ opacity: 0; transform:translateY(100px) }
    100%{ opacity: 1; transform:translateY(0px)  }
}
.subBanner--slide1{
    width:90% !important;
    /*left:50%;*/
    /*transform:translateX(-50%);*/
    max-width: 1800px;
    margin: 0 auto;
    /*aspect-ratio:auto 2.1/1;*/
    aspect-ratio:auto 3/2;
    position: relative;
}
.subBanner--slide1 .swiper-slide::after{
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: rgba(255, 255, 255, 0.4);;
}
.subBanner--slide1 .swiper-slide.swiper-slide-active::after{ display: none; }
.subBanner--slide1 .swiper-slide img{
    /*position: absolute;*/
    max-width:100%;
    width:100%;
    /*height:100%;*/
    /*left:50%;*/
    /*top:0;*/
    /*transform: translateX(-50%);*/
    object-fit: contain;
}
.subBanner--slide1 .slideBtn--prev{ left:5%}
.subBanner--slide1 .slideBtn--next{ right:5%}

/*Text Component*/
h2.formalTxt{
    font-size:20px;
    font-weight: 500;
    color: #3e3e3e;
}
h4.formalTxt{
    font-size:15px;
    font-weight: 600;
    color: #3e3e3e;
}
p.formalTxt{
    font-size:15px;
    font-weight: 400;
    color: #3e3e3e;
}
.txtSec{
    padding:70px 0 80px;
}
.txtSec01{
    padding:0 0 95px;
}
.txtSec02{
    padding:40px 0 0;
}
.txtSec03{
    padding: 0;
}
.txtSec h3{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 40px;
    position: relative;
    color:#3e3e3e;
    word-break:keep-all;
}
.txtSec h3.mb0{ margin-bottom: 0px; }
.txtSec h3.mb20{ margin-bottom: 20px; }
.txtSec h3.mb30{ margin-bottom: 30px; }
.txtSec h3.bar::after{
    content:'';
    width:75px;
    height:1px;
    background:#3e3e3e;
    margin:30px auto 30px;
    display: block;
}
.txtSec p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 40px;
    color:#757575;
    word-break:keep-all;
}
.txtSec p.mb20{ margin-bottom: 20px }
.desTxt{
    font-size:12px;
    font-weight: 300;
    color:#5F5F5F;
    line-height: 1.6;
    text-align: left;
    word-break:keep-all;
}
.desTxt h3{
    font-size:15px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    word-break:keep-all;
}
.desTxt h3.text-center{ text-align: center; }
.text-center dd { text-wrap: balance; }
.desTxt02{ font-size:14px; }
.desTxt02 h3{font-size:15px;}
.desTxt p { line-height: 2.5 }
.desTxt a{ color:#2C2C2C; }
.staySpecial{ padding-left: 20px; padding-right: 20px }
.txtSec--box{
    max-width:305px;
    flex:1;
    height:245px;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
}
.txtSec--box--img{
    width:130px;
    height:100px;
    margin:0 auto 10px;
    border-bottom:1px solid #3e3e3e;
    display: flex;
    align-items: center;
    justify-content: center;
}
.txtSec--box--img img.off{ display: block }
.txtSec--box--img img.on{ display: none;  }
/*
.txtSec--box:hover img.off{ display: none }
.txtSec--box:hover img.on{
    display: block;
    transition-delay: 0.2s;
    transition-duration: 0.5s;
    transform: scale(1.2);
}

 */
.txtSec--box--tit{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}
.txtSec--box--txt{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 5px;
    word-break: keep-all;
}
.room--specialItem{
    width:240px; margin-left:auto; margin-right:auto;
}
.cation--infor{ min-height: 140px; }
.cation--infor--txt{
    padding: 0 40px;
    border-right:1px solid #3e3e3e;
    box-sizing: border-box;
    font-size:22px;
    font-weight: 400;
    color:#3e3e3e;
    line-height: 1.5;
    word-break:keep-all;
}
.cation--infor--detail{
    width:1290px;
    margin:0 auto;
}
.cation--infor--detail dl{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cation--infor--detail dl:not(:last-child)::after{
    content: '';
    width:1px;
    height:100%;
    display: block;
    position: absolute;
    right:0;
    top:50%;
    background: #7d7d7d;
    transform: translateY(-50%);
}
.cation--infor--detail dt{
    font-size:20px;
    font-weight: 400;
    color:#3e3e3e;
    line-height: 1.5;
    word-break:keep-all;
}
.cation--infor--detail02 dt{ font-size:16px; }
.cation--infor--detail dd{
    font-size:20px;
    font-weight: 500;
    color: #333333;
    height:80px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}

/*Table Component*/
.txtSec--table{ border-top: 1px solid #d7d7d7; }
.txtSec--table tr{ border-bottom: 1px solid #d7d7d7; }
.txtSec--table th{
    font-size:20px;
    font-weight:600;
    color:#3e3e3e;
    text-align: left;
    width:200px;
    padding:20px 0;
    line-height: 1.5;
}
.txtSec--table02 th{ width:260px; }
.txtSec--table td{ padding:20px 0; }
.txtSec--table--inner{  }
.txtSec--table--item{ width:296px; gap:8px; margin: 4px 0; }
.txtSec--table--item .txtSec--table--item--txt{ margin-right: 0; }
.txtSec--table--item--txt{
    font-size:14px;
    font-weight:400;
    color:#3e3e3e;
    margin-right:20px;
    word-break:keep-all;
    text-align: left;
}

/*Board Component*/
.tabBoardSec{
    background:#f2f2f2;
    width:100%;
    padding:50px 0;
    z-index: 2;
    position: relative;
}
.tabBoard{
    width:1290px;
    border-top:1px solid #D7D7D7;
    padding:15px 0;
    box-sizing: border-box;
    gap:20px;
    margin:0 auto;
}
.tabBoardSec h3{ font-size:20px; font-weight: 400; }
.tabBoard--tab{ width:240px; }
.tabBoard--tab--item{ margin-bottom:25px; text-align: left; }
.tabBoard--tab--item button{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color:#3e3e3e;
    position: relative;
    outline: none;
    z-index: 2;
    cursor: pointer;
}
.tabBoard--tab--item button::after{
    content: '';
    position: absolute;
    width:0%;
    height:2px;
    bottom: 0;
    left:-5%;
    transition-duration: 0.5s;
    background:#000000;
    z-index: -1;
}
.tabBoard--tab--item.on button::after{
    width:110%;
}
.tabBoard--body{ width:calc(100% - 240px); }
.tabBoard--body02{ width:100%; }
.tabBoard--body--item{ display: none; gap:20px; }
.tabBoard--body--item.on{ display: block; }
.tabBoard--body--item--depth1{ margin-bottom: 20px; }
.tabBoard--body--item--depth2{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
}
.tabBoard--body--item--depth3{
    width:calc(100% - 120px);
    word-break: keep-all;
    font-size:14px;
    font-weight: 300;
    line-height: 2.2;
}
.tabBoard--body--item--depth3 table td{ border-style: solid }
.tabBoard--body--item--depth3 ul, .tabBoard--body--item--depth3 li{ list-style: initial }
/*
.tabBoard--body--item--highLight{ position:relative; z-index: 2 }
.tabBoard--body--item--highLight::after{
    content: '';
    background:#00b0a2;
    position: absolute;
    height:5px;
    width:100%;
    left:0;
    bottom:1px;
    z-index: -1;
}
 */
.tabBoard--body--item--table{
    width:100%;
    border: 1px solid #000000;
}
.tabBoard--body--item--table td{
    border: 1px solid #000000;
    text-align: center;
    padding:10px;
}

/*Tab Component*/
.subTabWrap{ overflow:hidden; }
.subTab{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}
.subTab03{ justify-content: flex-start }
.subTab--item{padding:0 10px; margin:0 20px; }
.subTab--item01{width:50% !important;}
.subTab--item02{width:33.3% !important;}
.subTab--item03{ margin: 0; padding: 0; }
.subTab--item a, .subTab--item button{
    height:50px;
    width:100%;
    display: flex;
    font-size: 20px;
    font-weight: 200;
    color:#333333;
    align-items: center;
    justify-content: center;
    position: relative;
}
.subTab--item03 a, .subTab--item03 button{ padding:0 20px; }
.subTab--item.on a, .subTab--item.on button{
    color:#000000;
    font-weight: 500;
}
.subTab--item.on a::after, .subTab--item.on button::after{
    content: '';
    width:100%;
    height:3px;
    background:#000000;
    position: absolute;
    left:0;
    bottom: 0px;
}

/*Grid Component*/
.productGridList{
    width:100%; margin:0 auto; gap:118px 64px;
}
.productGridList li{  }
.itemType01--txt{ width:204px; height:100%;}
.itemType01--txt--tit{
    font-size: 26px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color:#3e3e3e;
    display: block;
}
.itemType01--txt--subTit{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.3em;
    text-align: left;
    color:#3e3e3e;
    display: block;
}
.itemType01--txt--cnt{  }
.itemType01--txt--cnt p{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}
.itemType01--txt--cnt p span{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}
.itemType01--txt--cnt h2{
    font-size:20px;
}
.itemType01--img{
    width:409px;
    height:237px;
    position: relative;
    margin:20px 0 0px;
}
.itemType01--img .slideBtn{ width:30px !important; height:30px !important;}
.itemType01--img .slideBtn--prev{ left:15px; }
.itemType01--img .slideBtn--next{ right:15px; }
.itemType01--img .slideBtn img{ width:8px; }
.itemType01--img .paginationBtn{ bottom:10px; width:100%; }
.itemType02--img{
    width:470px !important;
    height:345px !important;
    position: relative;
}
.itemType02--img--txt{
    font-size:20px;
    color:#ffffff;
    font-weight: 500;
    position: absolute;
    left:0;
    width:100%;
    bottom:20px;
    z-index: 2;
}
.productSlide--caption{
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D7D7D7;
    box-sizing: border-box;
}
.productSlide--caption--total{
    font-size:20px;
    font-weight: 400;
    color:#3e3e3e;
    vertical-align: middle;
}
.productSlide--caption--total span{
    font-size:20px;
    font-weight: 600;
    color:#3e3e3e;
    vertical-align: top;
}
.productSlide--captionTab{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.productSlide--captionTab--item button{
    font-size:20px;
    font-weight: 400;
    color:#3e3e3e;
    vertical-align: middle;
}
.productSlide--captionTab--item button span{
    font-size:20px;
    font-weight: 400;
    color:#3e3e3e;
    vertical-align: top;
}
.productSlide--captionTab--item.on button{
    font-size:20px;
    font-weight: 600;
    color:#3e3e3e;
    vertical-align: middle;
    border-bottom: 1px solid #3e3e3e;
}
.productSlide--captionTab--item.on button span{
    font-size:20px;
    font-weight: 600;
    color:#3e3e3e;
    vertical-align: top;
}

.productSlide--caption--controller{  }
.productSlide--caption--next, .productSlide--caption--prev{
    position: initial;
}
.productSlide--caption--next::after, .productSlide--caption--prev::after{
    display: none;
}
.productSlideWrap{ width:1450px; position: relative }
.productSlide{ width:1290px; }
.productSlide02--slide{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    justify-items: flex-start;
    flex-wrap: wrap;
    gap:50px 20px;
}
.productSlide--item.big{ width:calc(50% - 13px) }
.productSlide--item.small{ width:calc(33.3% - 14px) }
.productSlide--item--4.big{ width:calc(50% - 13px) }
.productSlide--item--4.small{ width:calc(25% - 14px) }
.productSlide--img{
    width:420px;
    height:284px;
    position: relative;
    display: block;
}
.productSlide--img.big{width:100%; height:400px}
.productSlide--img.w-full{ width:100%; }
.productSlide--img--tit{
    font-size:24px;
    font-weight: 500;
    color:#ffffff;
    position: absolute;
    top:50%;
    left:0;
    width:100%;
    transform: translateY(-50%);
    z-index: 2;
}
.productSlide--img--4{
    width:310px;
    height:284px;
    position: relative;
    display: block;
}
.productSlide--img--4.big{width:100%; height:400px}
.productSlide--img--4.w-full{ width:100%; }
.productSlide--img--4--tit{
    font-size:24px;
    font-weight: 500;
    color:#ffffff;
    position: absolute;
    top:50%;
    left:0;
    width:100%;
    transform: translateY(-50%);
    z-index: 2;
}
.productSlide--txt{ margin-top: 10px; }
.productSlide--caption--controller{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:12px;
}
.productSlide--caption--prev, .productSlide--caption--next{
    display: flex;
    align-items: center;
    justify-content: center;
}
.productSlide--slideNum{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:5px;
}
.productSlide--titCaption{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: #3e3e3e;
    text-transform:uppercase;
    ovflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.productSlide--tit{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color:#3e3e3e;
    display: block;
    width:100%;
    text-align: center;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.productSlide--subTit{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color:#3e3e3e;
    display: block;
    width:70%;
    text-align: center;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.productSlideWrap .slideBtn{ top:calc(50% - 50px) }
.imgDesBox{ width:100%; position: relative; }
.imgDesBoxCnt{ width:1290px; margin: 0 auto; }
.imgDesBox01{ height:530px;  }
.imgDesBox02{ height:735px; }
.underLine{ border-bottom: 1px solid #D7D7D7; }
.imgDesBox .swiper-slide{ background:#9c9c9c }
.imgDesBox--infor{
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    z-index: 3;
    width:330px;
    background:#ffffff;
}
.imgDesBox--infor.wid{ width:435px; }
.imgDesBox--infor.wid2{ width:470px; }
.imgDesBox--infor.center{ left:50%; transform: translate(-50%,-50%)  }
.imgDesBox--infor.right{ left:initial; right:150px; }
.imgDesBox--infor.storySide{ left:initial; right:50px }
.imgDesBox--infor.outDoorSide{
    height:100%;
    /*left:0px;*/
    /*top:0;*/
    transform: none;
    position:initial;
    background:#f2f2f2;
}
.imgDesBox--infor.greenMultify{
    background:#34C880;
    /*mix-blend-mode: multiply;*/
    opacity: 0.85;
    left:initial;
    right:150px;
}
.imgDesBox--infor--head{
    padding:50px 90px;
    box-sizing: border-box;
    background:#3E3E3E;
}
.imgDesBox--infor--head h3{
    font-size:34px;
    font-weight: 500;
    color: #000000;
    border-bottom: 1px solid #ffffff;
    line-height: 1.5;
    padding:15px 0;
    margin-bottom: 20px;
    word-break: keep-all;
}
.imgDesBox--infor--head p{
    font-size:16px;
    font-weight: 400;
    color: #000000;
    line-height: 1.5;
    padding:18px 0 0;
    word-break: keep-all;
}
.imgDesBox--infor--box{
    padding:62px; box-sizing: border-box; mix-blend-mode: initial;
}
.imgDesBox--infor--box.wid{ padding:50px 0; }
.storySide .imgDesBox--infor--box{ padding:40px 45px;}
.outDoorSide .imgDesBox--infor--box{
    padding: 40px 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: calc(100% - 300px);
}
.imgDesBox--infor--img img{ width:100%; }
.imgDesBox--infor--box h3{
    font-size:34px;
    font-weight: 600;
    color:#000000;
    line-height: 1.4;
    border-bottom: 1px solid #000000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    word-break: keep-all;
}
.imgDesBox--infor--box h4{
    font-size:24px;
    font-weight: 600;
    color:#000000;
    word-break: keep-all;
}
.imgDesBox--infor--box h5{
    font-size:15px;
    font-weight: 500;
    color:#000000;
    word-break: keep-all;
    margin-bottom: 20px;
}
.imgDesBox--infor--box p{
    /*font-size:15px;*/
    font-size:14px;
    font-weight: 400;
    color:#000000;
    line-height: 1.3;
    height:60px;
    margin-bottom: 15px;
    word-break:keep-all;
}
.imgDesBox--infor--box p.hFix1{ height:200px; }
.imgDesBox--infor--box p.hFix2{ height:120px; }
.imgDesBox--infor--box p.hAuto{ height:auto; }
.imgDesBox--infor--footer{
    padding:35px 90px;
    box-sizing: border-box;
    background:#CAC7C0;
}
.imgDesBox .slideBtn--next{ right:2.5%; }
.imgDesBox .slideBtn--prev{ left:2.5%; }
.imgDesBox .paginationBtn{ bottom:30px; }
.imgDesBox.outdoorSlide .paginationBtn{ bottom:130px; }

.imgDesBox--infor--detail{ border-top:1px solid #7d7d7d; }
.outDoorBanner .imgDesBox--infor--detail{ margin-top:auto; }
.imgDesBox--infor--detail dt, .imgDesBox--infor--detail dd{
    font-size:15px; color:#000000; font-weight: 400; line-height: 1.6;
}
.imgDesBox--infor--detail h4{
    font-size:15px; color:#000000; font-weight: 400; line-height: 1.6;
}
.introImgDesBox--subTit{
    font-size:16px;
    font-weight: 300;
    color:#343434;
    margin-bottom: 15px;
    letter-spacing:2.5px;
}
.introImgDesBox--tit{
    font-size:30px;
    font-weight: 500;
    color:#343434;
    letter-spacing: 8px;
}
.introImgDesBox--tit::after{
    content:'';
    width:30px;
    height:1px;
    background: #343434;
    display: block;
    margin:20px auto 15px;
}
.introImgDesBox--cnt{
    font-size:16px;
    font-weight: 300;
    color:#343434;
    line-height: 1.7;
    letter-spacing: -0.5px;
}
.imgDesBox--caption{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:200px;
    background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));
    z-index: 2;
    padding: 50px;
    box-sizing: border-box;
    flex-wrap: wrap;
}
.imgDesBox--caption--name p{
    font-size:15px;
    font-weight: 500;
    color:#ffffff;
}
.imgDesBox--caption--name h3{
    font-size:25px;
    font-weight: 600;
    color:#ffffff;
}
.imgDesBox--caption--date{
    font-size:20px;
    font-weight: 300;
    color:#ffffff;
}
.promotionBanner{
    width:100%;
    padding:40px;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
}
.promotionBanner--img{
    width:280px;
    height:190px;
    position: relative;
}
.promotionBanner--img img{
    width:100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left:0;
    top:0;
}
.promotionBanner--infor{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 25px;
    box-sizing: border-box;
    width:500px;
    height:100%;
}
.promotionBanner--infor--tit{
    font-size:20px; font-weight: 600;
}
.promotionBanner--infor--cnt{
    font-size:15px;
    line-height: 1.5;
    height:42px;
}
.promotionBanner--infor--date{
    font-size:15px;
    margin-top:auto;
}
.promotionBanner--link{
    margin-left:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4EB5E6;
    font-size:20px;
    font-weight: 400;
    color:#FFFFFF;
    position: relative;
    width:220px;
    padding-right: 70px;
    vertical-align: top;
}
.promotionBanner--link::after{
    content: '';

    display: block;
    position: absolute;
    border-top:190px solid transparent;
    border-right:190px solid #4EB5E6;
    left:-190px;
    bottom:0;
}
.packageSec{
    border-top:1px solid #3E3E3E;
    box-sizing: border-box;
    width:680px;;
}
.packageList{ width:100%; }
.packageList li{
    box-sizing: border-box;
    border-bottom:1px solid #3E3E3E;
}
.packageItem{
    padding:20px 0;
    box-sizing: border-box;
    gap:10px;
}
.packageItem--img{
    width:280px;
    height:175px;
    position: relative;
}
.packageItem--infor{ width:calc(100% - 300px ) }
.packageItem--infor .itemType01--txt--tit, .packageItem--infor .itemType01--txt--subTit{ line-height: 1 }
.packageItem--infor--controller{
    border-top: 1px solid #ededed;
    box-sizing: border-box;
    padding-top:20px;
    margin-top: auto;
}
.packageDrop{
    border: 1px solid #3E3E3E;
    border-bottom: none;
    box-sizing: border-box;
    width:100%;
    display: none;
}
.packageDrop.active{ display: block }
.packageDrop--tit{
    border-bottom: 1px solid #3E3E3E;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.packageDrop--tit h3{
    font-size:15px;
    font-weight: 400;
    color:#3E3E3E;
    padding-left: 15px;
    box-sizing: border-box;
    word-break: break-all;
    margin-right: auto;
}
.packageDrop--close{
    width:40px;
    height:40px;
    border-left: 1px solid #3E3E3E;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.packageDrop--list{}
.packageDrop--item{
    padding: 20px 15px;
    box-sizing: border-box;
    border:none !important;
}
.packageDrop--sec ul:nth-child(2n+1){
    background: #f3f3f3;
}
.packageDrop--item--tit { margin-bottom: 15px; }
.packageDrop--item--tit h3{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
}
.packageDrop--item--tit h5{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #565656;
}
.packageDrop--item--infor{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    width:100%;
}
.packageDrop--item--day{
    font-size:12px;
    font-weight: 400;
    color: #565656;
}
.packageDrop--item--price{
    font-size: 28px;
    color: #000000;
    font-weight: 700;
    /*margin-left: auto;*/
}
.packageDrop--item--price span{
    font-size:12px;
    font-weight: 500;
    color: #565656;
    margin-right: 15px;
}
.packageDrop--item--btn{
    width:150px;
    height: 40px;
    font-size:16px;
    color:#ffffff;
    background-color:#333333;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.optionList{ width:680px; }
.modalPop{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modalPop--bg{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    background: rgba(0,0,0,0.2);
    z-index: -1;
    cursor: pointer;
}
.modalPop--cnt{
    background: #FFFFFF;
    width:800px;
    max-width:90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.modalPop--box{
    padding: 2px;
    box-sizing: border-box;
    width:100%;
}
.modalPop--head{
    text-align: right;
    padding: 10px;
    position: relative;
}

.modalPop--head button {
    display: block;
    margin-left: auto;
}
.modalPop--Tit{
    text-align: center;
    border-bottom: 1px solid #3e3e3e;
}
.modalPop--Tit > img{
    /*margin:10px auto 10px;*/
}
.modalPop--Tit h3{
    font-size:24px;
    font-weight: 500;
    color: #3e3e3e;
    line-height: 1;
    margin: 20px auto;
}
.modalPop--Tit p{
    font-size:15px;
    font-weight: 400;
    color: #3e3e3e;
    line-height: 1.5;
}
.modalPop--footer{
    text-align: center;
}
.modalPop--footer h3{
    font-size:16px;
    color:#42a4dd;
    font-weight: 400;
    margin-bottom: 35px;
}
.modalPop--footer h3 strong{
    font-weight: 600;
    font-size:20px;
    color:#42a4dd;
    margin-left: 10px;
}
.modalPop--footer--btn{
    background:#00cc79;
    width:100%;
    height:40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    color:#ffffff;
    font-weight: 400;
    margin-top:40px;
}
.modalPop--tail{
    padding:15px 30px;
    background:#3e3e3e;
}
.modalPop--chk{ display: none; }
.modalPop--chk + label{
    color:#FFFFFF;
    font-size:14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.modalPop--chk + label span{
    width:16px;
    height:16px;
    display: block;
    background:#FFFFFF;
    border-radius: 3px;
    margin-right: 10px;
    position: relative;
}
.modalPop--chk:checked + label span::after{
    content: '';
    width:6px;
    height:2px;
    display: block;
    background:#3e3e3e;
    position: absolute;
    left:2px;
    top:8px;
    transform: rotate(45deg);
}
.modalPop--chk:checked + label span::before{
    content: '';
    width:8px;
    height:2px;
    display: block;
    background:#3e3e3e;
    position: absolute;
    right:2px;
    top:8px;
    transform: rotate(-45deg);
}

.rending-cnt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height:70vh;
}
.rending-cnt h3{
    font-size:30px;
    font-weight:500;
    color:#000000
}
.rending-cnt p{
    font-size:14px;
    font-weight:400;
    line-height: 1.6;
    color:#000000;
    margin:10px auto;
}
.rending-cnt a{
    font-size:18px;
    font-weight:500;
    line-height: 1.6;
    color:#42a4dd
}

/*sub-이용안내*/
.usingGuide{



}
.usingGuide--bg{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
.usingGuide--bg.m{ display: none; }

.usingGuide--tit{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;

}
.usingGuide--tit h3{
    display: inline-block;
    font-size:22px;
    font-weight: 400;
    color:#222222;
    position: relative;
    z-index: 2;
    letter-spacing: -0.5px;
}
.usingGuide--tit h3 strong{
    color:#20c575;
    font-size:36px;
    font-weight: 600;
}
.usingGuide--tit h3::after{
    content: '';
    width:102%;
    height:11px;
    background:#fff299;
    position: absolute;
    bottom:15px;
    left:-1%;
    display: block;
    z-index: -1;
}
/*.usingGuide--tit h3::before{*/
/*    content: '';*/
/*    width:110%;*/
/*    height:2px;*/
/*    background:#20c575;*/
/*    position: absolute;*/
/*    bottom:1px;*/
/*    left:-5%;*/
/*    display: block;*/
/*    z-index: -1;*/
/*}*/
.usingGuide--list{
    padding: 30px;
    box-sizing: border-box;
    background:#f9f9f9;
    width:100%;
    min-height: 220px;
    z-index: 2;
}
.usingGuide--list li{
    padding-left: 12px;
    position: relative;
    font-size:initial;
    font-weight: initial;
    color:initial;
    /*line-height: initial;*/
    word-break: keep-all;
    line-height: 2;
    /*list-style: initial;*/
}
.usingGuide--list li::before{
    content: '✓';
    display: block;
    position: absolute;
    left:0;
    top:0px;
}

/*sub-intro*/
.introAni{
    width:100%;
    overflow: hidden;
}
.introAni--box{
    /*width:100%;*/
    /*height:110vh;*/
    width:600px;
    height:300px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    border-top-right-radius: 100vh;
    border-top-left-radius: 100vh;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
/*
.introAni--box::after{
    content: '';
    width:100%;
    height:60vw;
    background:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
    position: absolute;
    left:0;
    bottom: 0;
    opacity: 0;
    transition-duration: 0.5s;
}
.introAni--box.on::after{ opacity: 1 }
 */
.introAni--img{
    width:100%;
    height:100%;
    position: absolute;
    object-fit: cover;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.introAni--sec{}
.introAni--bg{
    width:970px;
    height:50vw;
    margin:0 auto;
    overflow: hidden;
    position: relative;
    transition-duration: 0.5s;
}
.introAni--bg.on{ width:100% }
.introAni--bg--img{
    width:100vw;
    max-width:initial;
    position: absolute;
    left:50%;
    top:0;
    transform: translateX(-50%);
}
.introAni--tab{
    position: absolute;
    left:0;
    top:80px;
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
}
.introAni--sec .swiper-horizontal>.swiper-pagination-bullets,
.introAni--sec .swiper-pagination-bullets.swiper-pagination-horizontal,
.introAni--sec .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: initial;
    top:0;
}
.introAni--sec .swiper-pagination{ position:initial !important; width:auto !important;}
.introAni--sec .swiper-pagination-bullet{
    width:initial !important;
    height:initial !important;
    font-size:22px;
    font-weight: 200;
    color:#ffffff;
    background:none !important;
    opacity:1 !important;
    margin:0 12px !important;
    position: relative;
}
.introAni--sec .swiper-pagination-bullet-active{ font-weight: 500;}
.introAni--sec .swiper-pagination-bullet-active::after{
    content:'';
    width:100%;
    height:1px;
    background: #FFFFFF;
    bottom:2px;
    left:0;
    position: absolute;
}
.introAni--sec .swiper-button-next, .introAni--sec .swiper-button-prev {
    position:initial !important; margin-top:0 !important; margin:0 8px;
}
.introAni--sec .swiper-button-next img, .introAni--sec .swiper-button-prev img { width:12px }
.introAni--sec .swiper-button-next:after, .introAni--sec .swiper-button-prev:after {
    display: none;
}
.introAni--slide{
    margin-top: 0 !important; padding-top: 250px;
}
.introAni--item{ text-align:center; }
.introAni--item h3{
    font-size:25px;
    font-weight:500;
    color:#ffffff;
    margin-bottom: 40px;
    word-break: keep-all;
}
.introAni--item p{
    font-size:16px;
    font-weight:200;
    color:#ffffff;
    line-height: 1.7;
    word-break: keep-all;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.introSlide{ position: relative; width: 100%; }
.introSlide .swiper-slide{ width:1440px !important; height:635px;}
.introSlide .swiper-slide::after{
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: rgba(255, 255, 255, 0.4);;
}
.introSlide .swiper-slide.swiper-slide-active::after{ display: none; }
.introSlide .swiper-slide img{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    object-fit: cover;
}
.introSlide .slideBtn--prev{ left:calc(50% - 700px)}
.introSlide .slideBtn--next{ right:calc(50% - 700px)}
.introSubSlide{
    width:1020px;
    height:600px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.introSubSlide .paginationBtn{ bottom:30px; }
.introSubSlide .slideBtn--prev{ left:5%}
.introSubSlide .slideBtn--next{ right:5%}
.introFooter img{ width:100%; }

/*sub-map*/
.mapBigSlide{ width:100%; }
.mapBigSlide .swiper-slide img{ width:100%; }
.mapAnchor{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    z-index: 2;
}
.mapAnchor-item{
    width:30px;
    height:30px;
    border-radius: 50%;
    background:#ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    font-weight: 500;
    color:#35c57d;
    position: absolute;
}
.mapAnchor-item01{ top:30px; right:500px; }
.mapAnchor-item02{ top:20px; left:90px; }
.mapAnchor-item03{ top:120px; left:450px; }
.mapAnchor-item04{ top: 270px; left: 170px; }
.mapAnchor-item05{ top: 270px; left: 570px; }
.mapAnchor-item06{ top:300px; right:580px; }
.mapAnchor-item07{ top:20px; right:200px; }
.mapAnchor-item08{ top:20px; right:200px; }
.mapAnchor-item09{ top:20px; right:200px; }
.mapAnchor-item10{ top: 270px; left: 570px; }
.mapBigSlide--txt{
    padding:60px 50px;
    box-sizing: border-box;
    position: absolute;
    left:0;
    bottom: 0;
    width:100%;
    z-index: 5;
}
.mapBigSlide--txt::after{
    content: '';
    width: 100%;
    height: 200px;
    background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.mapBigSlide--txt p{
    font-size:25px;
    font-weight: 400;
    color:#ffffff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:5px;
    width:100%;
}
.mapBigSlide--txt ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
    flex-wrap: wrap;
}
.mapBigSlide--txt ul li{
    font-size:14px;
    font-weight: 400;
    color:#FFFFFF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.mapBigSlide--txt ul li:not(:last-child)::after{
    content: '';
    display: block;
    width: 1px;
    height:14px;
    background:#FFFFFF;
    margin:0 10px;
    position:initial;
}
.mapSmallSlide{  margin-top:18px; }
.mapSmallSlide .swiper-slide--img{ filter: grayscale(80%);}
.mapSmallSlide .swiper-slide-thumb-active .swiper-slide--img{
    filter: grayscale(0%);
    border:4px  solid #34C880;
    box-sizing: border-box;
}
.mapSmallSlide .swiper-slide--img{ height:110px !important; position: relative }
.mapSmallSlide p{
    font-size: 16px;
    font-weight: 500;
    color:#3e3e3e;
    text-align: center;
    margin-top:10px;
}
.mapInfor{}
.mapInfor iframe{
    width:100%; height:450px;
}
.mapInfor p{
    font-size:15px; font-weight: 400;
}
.mapInfor h3{
    font-size:18px; font-weight: 500;
}
.mapInfor h4{
    font-size:16px;
}
.mapInfor--list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.mapInfor--list li{
    font-size:14px; color: #4a4a4a; word-break: keep-all;
}
.mapInfor--list li:not(:last-child)::after{
    content:'>';
    font-size:14px; color: #4a4a4a;
    margin:0 25px;
}
.mapInfor--item{}
.mapInfor--item dt{
    margin-left: 30px;
    margin-bottom: 10px;
    font-size:20px;
    font-weight: 600;
    color:#3e3e3e;
    position: relative;
}
.mapInfor--item dt::before{
    content: '';
    width:20px;
    height:20px;
    border-radius: 4px;
    display: block;
    background: #D7D7D7;
    position: absolute;
    left:-30px;
    top:5px;
}
.mapInfor--item dd{
    line-height: 1.5;
    margin-left: 30px;
    margin-bottom: 12px;
}
.mapInfor--item dd a{
    color:#3e3e3e;
    font-size:14px;
    font-weight: 400;
}

/*sub-outdoor*/
.outDoorBanner{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width:1290px;
    height:700px;
    margin: 0px auto 0;
    position: relative;
}
/*
.outDoorBanner > img{
    position:absolute;
    width:100%;
    height:100%;
    left: 0;
    top:0;
    object-fit: cover;
}
 */
.outDoorSlide{
    height:800px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    box-sizing: border-box;
    padding: 30px 0 60px;
}
.outDoorBanner::after{
    content: '';
    width:100%;
    height:45px;
    background:#35c57d;
    position:absolute;
    left:0;
    top:0;
    z-index: 2;
}
.outDoorBannerSlide{
    width:calc(100% - 330px) !important;
    height:100%;
}
.outDoorBannerSlide--item{}
.outDoorBannerSlide--item img{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    object-fit: cover;
}

/*sub-stay*/
.stayBg{
    background-image: url('/blackyak/images/sub/stayBg.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.campingBg{
    background-image: url('/blackyak/images/sub/campingBg.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.petBg{
    background-image: url('/blackyak/images/sub/petBg.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.stayMap{
    width:100%;
}
.stayMap img{ width:100% }

/*sub-story*/
.storyBanner{
    display: flex;
    align-items: stretch;
    height:100%;
    justify-content: space-between;
    width:1290px;
    height:700px;
    margin: 0px auto 0;
    position: relative;
}
.storyBanner::after{
    content: '';
    display: block;
    width:200px;
    background:#35c57d;
    position:absolute;
    height:100%;
    right:0;
    top:0;
    z-index: 2;
}
.storySlide { width:100%; }
/*.storySlide .swiper-slide { height:850px; }*/
.storySlide .swiper-button-next{ right: calc(380px + 5%); }
.storySlide .swiper-button-prev{ left:5%; }
.storySlide .paginationBtn{ bottom:20px; }

/*sub-food*/
.foodSlide{
    width:calc(50% + 478px);
    margin-left: auto;
    position: relative;
    z-index: 2;
}
.foodSlide::after{
    content: '';
    width:720px;
    height:370px;
    background:#F2EBE0;
    position: absolute;
    top:-60px;
    left:-235px;
    z-index: -1;
}
.foodSlide--infor{width:250px;}
.foodSlide--infor h3{
    font-size:40px;
    font-weight: 500;
    color:#3e3e3e;
    line-height: 1;
}
.foodSlide--infor p{
    font-size:14px;
    font-weight: 400;
    color:#3e3e3e;
    line-height: 1.5;
    word-break: keep-all;
    width:170px;
}
.foodSlide--cnt{ width:calc(100% - 250px) }
.foodSlide--rail .swiper-slide::after{
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background:rgba(255,255,255,0.6);
}
.foodSlide--rail .swiper-slide-active::after{ display: none; }
.foodSlide--rail .swiper-slide-next::after{ display: none; }
.foodSlide--cnt .slideBtn{
    width:30px !important; height:30px !important; top:initial; bottom:145px;
}

.foodSlide--cnt .slideBtn img{ width:10px; }
.foodSlideBtn-next{
    right: initial; left:195px; z-index: 3;
}
.foodSlideBtn-prev{
    left:40px; z-index: 3;
}
.foodSlide--Btn{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:15px;
    margin-top: 15px;
}
.foodSlide--Btn .swiper-button-prev {
    position: initial !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0;
}
.foodSlide--Btn .swiper-button-next{
    position: initial !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0;
}
.paginationBtn.foodSlidePagination{
    width:95%;
    bottom:-35px !important;
    left:0;
    transform: translateX(-0px);
}
.foodCaption{
    background:#f3f3f3;
    padding:40px 0;
    position: relative;
}
.foodMsg{
    font-size:14px;
    color:#000000;;
    margin-top: 10px;
    text-align: right;
}

/* sub-mypage */
.mypageInfor--tag{
    display: flex;
    align-items: center;
    justify-content: center;
    background:#34C880;
    width:100%;
    height:55px;
    font-size:16px;
    color:#ffffff;;
    font-weight: 300;
}
.mypageInfor{}
.mypageInfor--cnt li:not(:last-child){
    border-right: 1px solid #B8B8B8
}
.mypageInfor--item a{ gap:25px; text-align: right }
.mypageInfor--item span{
    font-size:12px;
    font-weight: 500;
    color:#8B8B8B;
}
.mypageInfor--item h3{
    font-size:24px;
    font-weight: 700;
    color:#000000;
}
.mypageInfor--item h3 span{ margin-left: 5px; }

/** 게시판 **/
.searchWrap{ text-align: center; }
.search--cnt{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #3E3E3E;
    box-sizing: border-box;
    width:auto;
}
.inputWrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:8px;
}
.inputWrap.dDay{ justify-content: center; }
.inputWrap.option{ justify-content: flex-end; }
.inputWrap.dDay > .flex { width:calc(50% - 30px); }
.search--select{
    padding:20px;
    width: 120px;
    box-sizing: border-box;
    font-size:15px;
    color:#333333;
    font-weight: 200;
    background-color: #ffffff;
    background-image:url('/blackyak/images/common/ic-selectBlack.png');
    background-size:auto;
    background-position: center right 20px;
    background-repeat: no-repeat;
    outline: none;
}
.search--input{
    width:300px; height:50px; outline: none;
}
.search--input::placeholder{
    font-size: 15px; color:#cfcfcf; font-weight: 400;
}
.search--btn{
    appearance: none;
    background:none;
    border:none;
    cursor: pointer;
    width:40px;
}
.search--btn img{ width:20px; }
.noticeWrap{ margin-top:45px; }
.notice--caption{
    text-align: left;
    font-size:14px;
    color:#333333;
    font-weight: 400;
    margin-bottom: 10px;
    vertical-align: baseline;
}
.notice--caption span{
    text-align: left;
    font-size:14px;
    font-weight: 500;
    color:#34c880;
    vertical-align: baseline;
}
.notice--msg{
    text-align: left;
    font-size:14px;
    color:#333333;
    font-weight: 400;
    margin-bottom: 10px;
    vertical-align: baseline;
}
.notice--board{ width:100%; }
.notice--board th{
    border-top:1px solid #3E3E3E;
    border-bottom:1px solid #dfdfdf;
    font-size:15px;
    font-weight: 400;
    color:#333333;
    padding: 20px 0;
}
.notice--board th.noneBorder{ border-top:none; }
.notice--board th.bdL{ border-left:1px solid #dfdfdf; }
.notice--board td.bdL{ border-left:1px solid #dfdfdf; }
.notice--board02 th{ background:#f9f9f9 }
.notice--board02 th:not(:first-child){ border-left:1px solid #dfdfdf }
.notice--board02 td:not(:first-child){ border-left:1px solid #dfdfdf }
.noticeHead--num{ width:7% }
.noticeHead--reserveNum{ width:10% }
.noticeHead--num2{ width:7% }
.noticeHead--ViewMore{ width:120px }
.noticeHead--name{ width:45% }
.noticeHead--name02{ width:75% }
.noticeHead--name03{ width:25% }
.noticeHead--name04{ width:60% }
.noticeHead--storage{ width:15% }
.noticeHead--director{ width:8% }
.noticeHead--phone{ width:15% }
.noticeHead--writer{ width:15% }
.noticeHead--view{ width:8% }
.noticeHead--category{ width:12% }
.noticeHead--code{ width:12% }
.noticeHead--affect{ width:12% }
.noticeHead--file{width:8%}
.noticeHead--data{width:14%}
.noticeHead--data2{width:45%}
.noticeHead--reserveDate{width:20%}
.noticeHead--organization{width:10%}
.noticeHead--user{ width:13% }
.noticeHead--price{ width:13% }
.noticeHead--situation{ width:13% }
.noticeHead--phone{width:8%}
.noticeHead--view{width:8%}
.noticeHead--answer{width:10%}
.notice--board td{
    border-bottom:1px solid #dfdfdf;
    font-size:14px;
    font-weight: 400;
    color:#333333;
    padding: 20px 0;
    text-align: center;
}
.notice--board td.notice--situation{ font-weight: 600; }
.notice--board td.trLeft{ text-align: left }
.notice--board td .noneData{
    font-size:14px;
    font-weight: 400;
    color:#999999;
}
.notice--board td strong{ font-weight: 600; }
.notice--board  .moveLink{
    font-size:14px;
    font-weight: 400;
    color:#333333;
}
.downIcon{ width:18px; }
.tdCnt{
    font-size:14px;
    font-weight: 400;
    color:#333333;
    text-align: left;
    min-height: 240px;
    word-break: keep-all;
}
.notice--board td.notice--name{ text-align: left; }
.notice--board td.notice--name03{ text-align: center }
.notice--board p{
    font-size:14px;
    font-weight: 400;
    color:#757575;
    line-height: 1.35;
}
.notice--name a{
    font-size:16px;
    font-weight: 600;
    color:#333333;
    max-width: calc(100% - 80px) ;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.notice--name--New{
    font-size:14px;
    font-weight: 500;
    color:#34C880;
}
.notice--tag{
    font-size:14px;
    color:#008dd2;
    font-weight: 400;
}
.Page.navigation {
    width:100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap:10px !important;
    margin-top:30px;
}
.pagenation{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
}
.page-link{
    width:35px;
    height:35px;
    border-radius: 50%;
    font-size:14px;
    color:#333333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.page-link span{
    color:#fff;
    font-weight: 500;
    background:#c8cfd3;
    width:35px;
    height:35px;
    border-radius: 50%;
    font-size:24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.page-link.arrow.on{
    color:#fff;
    font-weight: 500;
    background:#acdac4
}
.page-link.on{
    color:#fff;
    font-weight: 500;
    background:#34C880
}

/* 게시판 상세 */
.noticeViewWrap{ width:100%; }
.noticeView.answer{
    border:4px solid #A5A5A5;
}
.noticeView--head{
    border-top:1px solid #0a3753;
    border-bottom:1px solid #0a3753;
    padding:20px;
    box-sizing: border-box;
}
.noticeView--tit{
    font-size:18px;
    color:#333333;
    font-weight: 500;
    width:100%;
    word-break: keep-all;
}
.noticeView--infor{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.noticeView--infor.answer{
    margin-top: 0;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-left: 20px;
}
.noticeView--infor li{
    font-size:14px;
    font-weight: 300;
    color:#3E3E3E;
    margin-right:10px;
}
.noticeView--body{
    padding:20px;
    box-sizing: border-box;
    border-bottom:1px solid #0a3753;
    word-break: keep-all;
}
.noticeView--body.answer{ border-bottom: none; }

/*게시판 글쓰기*/
/*.noticeWrite{ width:768px;}*/
.noticeWrite{ width:100%;}
.noticeWrite--table{ border-top:3px solid #000000 }
.noticeWrite--table--tit{
    font-size:18px;
    font-weight:600;
    color:#3E3E3E;
}
.noticeWrite--table--tit--btn{
    appearance: none;
    background:none;
    font-size:14px;
    font-weight:400;
    border-bottom:1px solid #000000;
}
.noticeWrite--table caption{
    font-size:18px;
    font-weight:600;
    color:#3E3E3E
}
.noticeWrite--table--tab{
    font-size:14px;
    font-weight:300;
    margin-right:20px;
    margin-bottom: 5px;
    vertical-align: middle;
}
.noticeWrite--table--tab::before{
    content: '';
    width:3px;
    height:3px;
    margin-right: 2px;
    border-radius: 50%;
    display: inline-block;
    background:#000000;
    vertical-align: middle;
}
.noticeWrite--table tr.borderBottom{ border-bottom:1px solid #A5A5A5 }
.noticeWrite--table th{
    font-size:15px;
    font-weight: 500;
    color:#000000;
    padding: 12px 0;
    width:150px;
}
.noticeWrite--table td{
    padding: 12px 0;
    font-size:14px;
    font-weight: 200;
    color:#000000;
    width:calc(100% - 150px)
}
.noticeWrite--table th.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.noticeWrite--table td.p-0{ padding:0; }
.noticeWrite--table--inner{}
.noticeWrite--table--inner dt{
    background:#000000;
    font-size:16px;
    font-weight: 400;
    color:#ffffff;
    padding:8px 10px;
    box-sizing: border-box;
}
.noticeWrite--table--inner dd{
    font-size:14px;
    font-weight: 300;
    color:#000000;
    line-height: 1.6;
}
.slideTab{}
.slideTab--head{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*margin-bottom: 15px;*/
}
.slideTab--head--btn{
    margin-left: auto;
    height:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    transition-duration: 0.5s;
    font-size:14px;
    font-weight: 300;
    color:#8B8B8B;
}
.slideTab--head--btn span{
    font-size:14px; font-weight: 300; color:#8B8B8B;
}
.slideTab--head--btn img{ transition-duration: 0.5s; margin: 0 6px; }
.slideTab--head--btn.on img{ transform: rotate(180deg) }
.slideTab--body{
    height:0; overflow: hidden; transition-duration: 0.5s;
}
.slideTab--body.on{ height:auto;}
.agreeInfor--cnt{
    background:#f2f2f2;
    padding:15px;
    height: 200px;
    overflow-y: scroll;
    box-sizing: border-box;
}
.agreeInfor--cnt--txt{
    font-size:13px;
    font-weight: 400;
    word-break: keep-all;
    text-align: left;
}

/** 예약하기 **/
.reserveBox{  }
.reserveBox--item{
    border: 1px solid #3e3e3e;;
    padding:15px;
    margin-bottom: 10px;
    position: relative;
}
.reserveBox--item h3{
    font-size:16px;
    font-weight: 600;
    color:#3e3e3e;
}
.reserveBox--item p {
    font-size: 12px;
    font-weight: 400;
    color: #3e3e3e;
}
.reserveBox--item--btn{
    position: absolute;
    right:15px;
    top:20px;
    width:15px;
}
.reserveStep{
    display: flex;
    align-items: center;
    justify-content: space-between;
    counter-reset: section;
}
.reserveStep--item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size:18px;
    font-weight: 300;
    color:#5F5F5F;
}
.reserveStep--item.on{
    font-weight: 600; color:#5F5F5F;
}
.reserveStep--item:before{
    counter-increment: section;                   /* section의 카운터 값을 1씩 증가시킵니다. */
    content: counter(section);
    width:30px;
    height:30px;
    border: 1px solid #5F5F5F;
    font-size:20px;
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 7px;
}
.reserveStep--item.on:before{
    background:#5F5F5F; color:#ffffff;
}
.reserveStep li:not(:last-child)::after{
    content: '';
    width:60px;
    height:1px;
    display: block;
    background: #5F5F5F;
    margin-left: 12px;
}
.reserveStep li.on:not(:last-child)::after{
    height:2px;
}

/* CALENDER */
.date-picker-wrapper{ position: relative }
.data-picker{ width:680px; }
.data-picker--item{
    border: 1px solid #8B8B8B;
    padding:30px;
    box-sizing: border-box;
}
.datepicker-area{ position: relative; z-index: 4; }
.daterangepicker{ margin-top:0 !important; }
.floatBox.h-360 .data-picker--item{ height:calc(100% - 57px) }
.data-picker--item .daterangepicker .drp-calendar{ max-width: 100% !important; width:100%; }
.daterangepicker .calendar-table table{
    border:none !important;
    /*border-collapse: separate !important;*/
    /*border-spacing:4px !important;*/
}
.daterangepicker .drp-calendar.left{ padding:0 0 8px 8px !important; }
.daterangepicker .drp-calendar.right{ padding:0 8px 8px 8px !important; }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border: solid #8B8B8B !important;
    border-width: 0 2px 2px 0 !important;
    border-radius: 0 !important;
    padding: 5px !important;
}
.data-picker--item .daterangepicker{
    display: flex !important;
    position: relative;
    top:0 !important;
    left: 0 !important;
    border:none;
    align-items: center;
    justify-content: center;
}
.daterangepicker{
    align-items: center;
    justify-content: center;
}
/*.daterangepicker.opensright{ display: flex !important; }*/
.data-picker--item .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 20px;
}
.data-picker--item .daterangepicker .drp-calendar.right .calendar-table {
    padding-left: 20px;
}
.daterangepicker .calendar-table th{
    min-width:35px !important;
    width:35px !important;
    height:50px !important;
    font-size:16px !important;
    font-weight: 500 !important;
}
.daterangepicker .calendar-table th.month{ font-size:16px !important; }
.daterangepicker .calendar-table td {
    min-width:35px !important;
    width:35px !important;
    height:35px !important;
    font-size:15px !important;
}
.daterangepicker td{
    min-width:35px !important;
    width:35px !important;
    height:35px !important;
    position: relative;
    z-index: 3;
    border:none !important;
}
.daterangepicker td.available{
    /*color:#9c9c9c !important;*/
}
.daterangepicker td.off, .daterangepicker td.off.in-range,
.daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
    visibility: hidden;
}
.daterangepicker td.today{
    background-color: #ffffff !important;
    color:#333333 !important;
}
.daterangepicker td.today::after{
    content: '';
    width:35px;
    height:35px;
    border: 1px solid #1f925a !important;
    border-radius: 50% !important;
    box-sizing: border-box;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.daterangepicker.single td.today::after{
    border:none !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
    background-color: #99e3bf !important;
    color: #ffffff !important;
}
.daterangepicker.single td.active, .daterangepicker.single td.active:hover{
    background-color: #ffffff !important;
    color: #ffffff !important;
}
.daterangepicker td.in-range {background-color: #99e3bf !important; color:#ffffff !important; }
.daterangepicker.single td.in-range {
    background-color: #ffffff !important; color:#000000 !important;
}
.daterangepicker td.active::after, .daterangepicker td.active:hover::after {
    content: '';
    border-radius: 50%;
    width:35px;
    height:35px;
    display: block;
    background-color: #1f925a ;
    border-radius: 50%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.daterangepicker td.start-date::before, .daterangepicker td.end-date::before {
    content: '';
    position: absolute;
    width:50%;
    height:100%;
    background:#ffffff;
    display: block;
    top:0;
    z-index: -2;
}
.daterangepicker td.start-date::before{ left:0; }
.daterangepicker td.end-date::before{ right:0; }
.daterangepicker option.disabled, .daterangepicker td.disabled{ opacity: 0.4 }
.data-picker--item .daterangepicker::before{ display: none; }
.data-picker--item .daterangepicker .drp-buttons{ display: none !important; }

/* pop */
.pop{
    display: none;
    z-index: 20;
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
}
.pop--bg{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,0.7);
    cursor:pointer;
}
.pop--cnt{
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index: 21;
    background:#ffffff;
}
.pop--cnt.img{ width:715px; }
.pop--close{
    appearance: none;
    position: absolute;
    right:20px;
    top:20px;
    background:none;
    padding: 0;
    margin:0;
    z-index: 3;
}
.popSlide .slideBtn--next{ right:3%; width:50px !important; height:50px !important; }
.popSlide .slideBtn--prev{ left:3%; width:50px !important; height:50px !important; }
.popSlide .paginationBtn{ bottom:30px; }
.popSlide--item{
    width:100%;
    height:470px;
}
.popSlide--item img{
    position: absolute;
    width:100%;
    height:100%;
    object-fit: cover;
    left:0;
    top:0;
}

.staySpecial--flow--wrap{
    flex-flow: wrap;
}

/****** 반응형 *******/
@media screen and (max-width:1600px) {
    .data-picker--item{ padding:20px 10px; }
    .productSlideWrap{ width:90%; }
    .productSlideWrap .slideBtn {top: calc(50% - 30px);}
    .foodSlide {width: 1290px;}
}
@media screen and (max-width:1500px) {
    .cnt{ width:90%;}
    .cnt2 { width: 956px;}
    .cnt3 { width: 400px;}
    .imgDesBoxCnt{ width:90%; }
    .mainService{width:100%;}
    .mainService--slide{ padding: 0 5%; }
    .mainService--slide .slideBtn--prev{ left:2% }
    .mainService--slide .slideBtn--next{ right:2% }
    .mainBanner--calender{ width:90%; }
    /*.mainMap--cnt{ height:30vw }*/
    .productSlide{  width:100%; }
    .tabBoard{ width:90%; }
    .tabBoard--body--item--depth3 {width: 100%}
    .productGridList {gap: 118px 40px;}
    .itemType01{ width:calc(50% - 20px) }
    .storyBanner{ width:90%; }
    .staySpecial2{
        flex-wrap: wrap;
    }
    .staySpecial2 .txtSec--box{ flex:initial }
}
@media screen and (max-width:1400px){
    .mapInfor.justify-between{
        flex-wrap: wrap;
        justify-content: flex-start;
        gap:35px;
    }
    .mapInfor--item dt {
        margin-left: 20px; font-size: 16px;
    }
    .mapInfor--item dt::before {
        width: 14px;
        height: 14px;
        border-radius: 2px;
        left: -20px;
        top: 3px;
    }
    .mapInfor--item dd {
        line-height: 1.3;
        margin-left: 20px;
        margin-bottom: 10px;
        font-size:14px;
    }
    .outDoorBanner{ width:90%; }
    .outDoorBanner > img{
        height:100%;
        position: absolute;
        left:0;
        top:0;
        object-fit: cover;
    }
    .productSlide--img{ width:100%; }
    .productSlide--img--4{ width:100%; }
    .foodSlide {width: 95%; }
}
@media screen and (max-width:1300px){
    .mainBanner{ height: initial }
    .mainBanner--slide--item{ height:auto !important; }
    .tabBoard--tab {width: 200px;}
    .tabBoard--body { width: calc(100% - 200px);}
    .mainServiceBanner--item--cnt{ width:90%; }
    .mainServiceBanner--item--txt{padding-left: 80px;}
    .cation--infor--detail{ width:100%; }
    .usingGuide{ width: 100%; }
    /*.paginationBtn{left:57% !important;}*/
}

@media screen and (max-width:1200px){
    .mainBanner--calender li{ padding:10px }
    .mainBanner--calender--item.w-7\/12{ gap:20px; }
    .mainBanner--calender--tit{ font-size:16px; width:15%; }
    .slideBtn--prev{ left:10px; }
    .slideBtn--next{ right:10px; }
    .inputDate{ width:calc(100% - 40px) }
    .mapSmallSlide{ width:95vw;}
    .subBanner--slide1{ width:100% !important; left:0; transform: none }
    .txtSec--box{ width:calc(33.3% - 30px); flex:initial; max-width: initial }
    .room--specialItem{ width:90%; }
    /*.subBanner.high{ height:560px; }*/
    /*.subParallax.high { margin: 0 auto 0; }*/
    .subParallax.high { margin: 0 auto 0; }
    .notice--name a{ width:65vw; }
    .notice--name03 a {width: initial;}
    .usingGuide{
        height:initial; display: block;
    }
    .usingGuide--bg.pc{
        display: none;
    }
    .usingGuide--bg.m{
        position: initial;
        display: block;
    }
    .usingGuide--list{
        margin-right: 5%;
        margin-left: 5%;
        width:90%;
        min-width: initial;
        min-height: auto;
        padding:30px 5%;
        background:#f2f2f2;
        border-top:5px solid #20c575;
        top:-80px;
    }
    .usingGuide--list::after{ display: none; }
    .usingGuide::after{ display: none; }
}

@media screen and (max-width:1024px){
    .view1024{ display: none }
    .none1024{display: block  }
    .cnt2 { width: 90%; }
    .pb-24{ padding-bottom: 0 !important; }
    .searchWrap.mt-10{ margin-top: 0 !important; }
    .leftTit h3{ margin-bottom: 30px; }
    .slideBtn{
        width:45px !important;
        height: 45px !important;
    }
    .mainBanner--slide--item--txt.pc{ display: none; }
    .mainBanner--slide--item--txt.m{ display: block; }
    .mainBanner--calender{
        flex-wrap:wrap;
        height:initial;
    }
    .mainBanner--calender--tit{ display: none; }
    .mainBanner--calender--item.w-7\/12{ width:100% !important; gap:initial}
    .mainBanner--calender--item.w-7\/12 .chkInBox{ padding-right:10px }
    .mainBanner--calender--item.w-7\/12 .chkOutBox{ padding-left:10px }
    .mainBanner--calender--item.w-1\/12{ width:50% !important; border-top: 1px solid rgba(255,255,255,0.2); }
    .mainBanner--calender--item.w-1\/12 .flex-col{
        flex-direction: row;
    }
    .mainBanner--calender--item .linkBtn{ position:initial; padding: 0; height: initial }
    .mainService{  margin-bottom: 120px }
    .mainService--slide{
        padding:0 60px;
    }
    .mainService--slide .swiper-slide .mainService--item:nth-child(2).justify-between{ justify-content: flex-end }
    .mainService--item{ margin: 0; height: 500px; }
    .mainService--slide .mainService--item--txt{
        background:#ffffff;
        padding: 30px 20px;
        margin: 0 50px;
    }
    .mainService--item--img {
        width: 100%;
        height: 500px;
        z-index: -1;
        position: absolute;
        overflow: hidden;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .mainServiceBanner{ padding:0px 0 0; background: none; }
    .mainServiceBanner--item--cnt{ flex-wrap:wrap; width:100%; }
    .mainServiceBanner--item--img{
        width:100%;
    }
    .mainServiceBanner--item--txt{
        z-index: 2;
        width:90%;
        margin: 0 auto;
        background: #f2f2f2;
        transform: translateY(-80px);
        padding:0 80px;
    }
    .mainServiceBanner .paginationBtn{
        text-align: center;
        left:0% !important;
        width:100% !important;
        bottom: initial !important;
        top:44% !important;
    }
    .mapBigSlide{ margin-top: 60px; }
    #vimeo_pc{ display: none; }
    #vimeo_m{
        display: block;
        position: relative;
        padding-bottom: 125%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }
    #vimeo_m iframe,
    #vimeo_m object,
    #vimeo_m embed {
        position: absolute;
        top: 13%;
        width: 100%;
        height: 75%;
    }
    #vimeo_m_pop{
        display: block;
        position: relative;
        padding-bottom: 75%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }
    #vimeo_m_pop iframe,
    #vimeo_m_pop object,
    #vimeo_m_pop embed {
        position: absolute;
        top: 13%;
        width: 100%;
        height: 75%;
    }
    .subBanner{ top:70px }
    .subBanner.high{ top:3px }
    .subBanner--txt{ margin-top: 20px; }
    .subBanner.low{ height:250px; }
    .csBanner{ height:250px; }
    .subParallax{ margin: 360px auto 0; }
    .subParallax.csSub{ margin: 310px auto 0; }
    .subParallax.low { margin: 250px auto 0; }
    .subParallax.high { margin: 0 auto 0; }
    /*.subParallax.high{ margin:750px auto 0 }*/
    .introAni--bg{ width:100%; height:780px }
    .introAni--bg--img {
        width: auto; height:100%;
    }
    .introAni--slide li{ padding:0 5% 0; box-sizing: border-box }
    .introFooter{ height:300px; width:100%; position: relative;}
    .introFooter img{
        position: absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        object-fit: cover;
    }
    .mapBigSlide--txt ul{ flex-wrap: wrap }
    .mapSmallSlide .swiper-slide--img {height: 90px !important;}
    .mapInfor--list li:not(:last-child)::after{margin: 0 10px;}
    .subTab03{ justify-content: center }
    .imgDesBox--infor.right{ right:calc( 2.5% + 60px ) }
    .paginationBtn .swiper-pagination{ display: none; }
    .paginationBtn .stopSwiper{ display: none; }
    .paginationBtn .swiper-counter{ display: block }
    .productSlide--img {height: 24vw;}
    .productSlide--img.big{  height:35vw }
    .productSlide--img--4 {height: 24vw;}
    .productSlide--img--4.big{  height:35vw }
    .productSlide.gap-12{ gap:20px !important; }
    .productSlide li.w-6\/12{ width:calc(50% - 10px) !important; }
    .tabBoard{ flex-wrap:wrap; }
    .tabBoard--tab {
        width: 100%;
        display:flex;
        align-items: center;
        justify-content: flex-start;
        padding:0 10px;
        box-sizing: border-box;
        gap:20px;
    }
    .tabBoard--body { width: 100%}
    .itemType01--txt--tit {font-size: 18px;}
    .itemType01--txt--subTit { font-size: 12px; letter-spacing: 0em;}
    .itemType01--txt--cnt p {font-size: 14px;}
    .itemType01--txt--cnt p span {font-size: 14px;}
    .itemType01--img{ height:200px; }
    .noticeWrite{ width:100%; }
    .noticeHead--num, .notice--num{ display: none; }
    .noticeHead--name02,  .notice--name02{ width:calc(100% - 90px); }
    .noticeHead--date{ width:90px; }
    .reserveStep { display: none; }
    .data-picker{ width:100%; }
    .optionList{ width:100%; }
    .packageSec{ width:100%; }
    .packageSec.mt-8{ margin-top:20px !important; }
    .floatBox{
        width:100%;
        margin-left: 0;
        margin-top: 50px;
    }
    .data-picker--item .lineBtn{ padding:15px 0; }
    .data-picker--item .linkBtn.small{ padding:15px 0; }
    .final--pickerItem{ display: none; }
    .cation--infor--detail{ flex-direction: column; }
    .cation--infor--detail dl{
        flex-direction: row; margin: 0 auto; padding:15px 0;
    }
    .cation--infor--detail dl:not(:last-child)::after{
        width:100%;
        height:1px;
        top:initial;
        bottom:0;
    }
    .cation--infor--detail .w-1\/6{ width:90% !important; }
    .cation--infor--detail .w-1\/5{ width:90% !important; }
    .cation--infor--detail .w-1\/4{ width:90% !important; }
    .cation--infor--detail .w-1\/3{ width:90% !important; }
    .cation--infor--detail dt {
        font-size: 15px; line-height: 1;
    }
    .cation--infor--detail dd {
        font-size: 18px;
        height:initial;
        justify-content: flex-end;
        line-height: 1;
    }
    .inputCnt{ flex-wrap: wrap }
    .inputWrap{ width:100%; }
}

@media screen and (max-width:768px) {
    .defaultMsg{
        font-size: 20px;
        padding: 100px 0;
    }
    .mt-20{ margin-top: 0 !important; }
    .wrap.sub > .mt-20{ margin-top: 40px !important; }
    .search--select {padding: 10px; width: 100px;}
    .search--input {
        width: 200px;height: 30px;
    }
    .search--btn{ height: 30px;  display: inline-flex ; align-items: center;}
    .pt-64{ padding-top: 140px !important; }
    .mt-24{ margin-top: 40px !important; }
    .reactGap.pt-40{ padding-top: 60px !important; }
    .bgBoxBtn{ padding: 8px 20px }
    .subTab{ justify-content: space-around }
    .subTab--item{ margin: 0; }
    .subTab--item a, .subTab--item button { height: 30px; font-size: 16px; }
    .subTab--item03 a, .subTab--item03 button{ padding: 0 10px;}
    .inputDate{ font-size:16px; }
    .inputBasic[type=checkbox] + label .termItem--txt{ max-width:calc(90vw - 120px) }
    .inputNumberName{ flex-wrap:wrap; }
    .inputNumberName .inputBasic[type=checkbox] + label{ width:100%; }
    .inputNumberName .inputBasic[type=checkbox] + label p{ width:calc(100% - 70px); }

    .mainBanner--cnt.mainPC{ display: none; }
    .mainBanner--cnt.mainM{ display: block; }

    .mainBanner--slide--item--txt h3{ font-size:28px;}
    .mainMagazine{ flex-wrap: wrap }
    .mainMagazine--item{ width:100%; height:60vw }
    .mainService--item{ margin: 0; height: 400px; }
    .mainService--slide{ padding:0 20px; }
    .mainService--slide .mainService--item--txt{
        width:380px;
        margin:0 20px;
        padding:30px 20px;
    }
    .mainService--item--img { height: 400px;}
    .mainMap--img::after{ height:90%; }
    .mainMap--cnt .linkBtn{ bottom: 20px; }
    .mainMap--logo{
        left:15px;
        top:15px;
        width:70px;
    }
    .subBanner{ top:60px; height: 300px; }
    .subBanner.high{ top:40px; }
    /*.subBanner.high { height: 64vw; min-height: 220px;}*/
    .subParallax.high { margin: 40px auto 0; }
    .storySlide { height: 64vw; min-height: 220px; }
    .subBanner--txt{ width:90%; }
    .subBanner--txt h3{ font-size:24px; }
    .subBanner--txt h3 img{ max-width: 80%; }
    .imgDesBox--infor--box.wid{ padding:30px 0; }
    .imgDesBox--infor{ top:56%; }
    .subParallax { margin: 300px auto 0;}
    /*.subParallax.high { margin: 64vw auto 0;}*/
    .subParallax.high02 { margin: 510px auto 0;}
    .outDoorBannerSlide .paginationBtn{ bottom:60px; width:100%; }
    .subBanner .paginationBtn{ bottom:15px; width:100%; }
    .introAni--box {width: 90%;height: 45vw}
    .txtSec { padding: 50px 0 50px;}
    .txtSec01 { padding: 0 0 40px;}
    .txtSec p{ margin-bottom: 20px; }
    .txtSec01.mt-32{ margin-top: 0 !important;; }
    .tabBoardSec{ padding: 40px 0; }
    .mapBigSlide--txt{padding:30px 20px; position: initial }
    .mapBigSlide--txt::after{ height: 160px; display: none; }
    .mapBigSlide--txt p{ font-size:20px; color:#000000; }
    .mapBigSlide--txt ul{ margin-top: 10px;}
    .mapBigSlide--txt ul li{ font-size:12px; color:#000000 }
    .mapBigSlide--txt ul li:not(:last-child)::after{ height:12px; margin:0 5px;}
    .mainServiceBanner--item--txt{ padding:0 0px; }
    .mainServiceBanner--item--txt .mainService--item--txt{
        width:100%; padding:0 20px; box-sizing: border-box
    }
    .mapInfor iframe{ height:300px; }
    .imgDesBox.mt-44{ margin-top: 40px !important;; }
    .imgDesBox--infor--box{ padding:60px 20px 10px; }
    .imgDesBox01.wp90{
        width:100% !important; height:auto;
    }
    .imgDesBox01.wp90 .slideBtn{ top:33% !important}
    .imgDesBox01.wp90 li{
        height:400px !important;
        margin-bottom: 200px;
    }
    .imgDesBox--caption--date{ font-size:14px; }
    .imgDesBox02{ height:350px ;}
    .imgDesBoxCnt{ width:100%; height:400px; margin-bottom: 400px; }
    .imgDesBox--infor--head {padding: 50px 50px;}
    .imgDesBox--infor--footer {padding: 35px 50px;}
    .outdoorSlide{ height:400px; }
    .outDoorBanner{
        height:initial;
        width:100%;
        flex-wrap:wrap;
        flex-direction: column-reverse;
    }
    .outDoorBanner::after { display: none; }
    .outDoorBanner > img{ position: initial; width:initial !important; height:500px; }
    .outDoorSide .imgDesBox--infor--box{}
    .outDoorSide .imgDesBox--infor--box::after {
        content: '';
        width: 100%;
        height: 5px;
        background: #35c57d;
        position: absolute;
        left: 0;
        top: 0;
    }
    .imgDesBoxCnt .imgDesBox--infor{
        top:300px;
        transform: initial;
        left: 5%;
        width: 90%;
    }
    .imgDesBox--infor.right{
        right:initial;
        top:initial;
        transform: initial;
        left:5%;
        bottom:-200px;
        width:90%;
    }
    .imgDesBox--infor--box p.hFix1 { height: initial; }
    .imgDesBox--infor--box p.hFix2 { height: initial; }
    .imgDesBox--infor{
        width:90%; margin: 0 auto;
    }
    .imgDesBox--infor.outDoorSide{
        position: initial;
        height:initial;
        transform: translateY(-50px);
        background:#f2f2f2
    }
    .imgDesBox--infor--img{ display: none; }
    .outDoorBannerSlide{
        width:100% !important;
        height:65vw;
    }
    .storyBanner {
        position: relative;
        height: initial;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .storyBanner::after{ display: none; }
    .imgDesBox--infor.storySide {
        position: initial;
        height: initial;
        transform: translateY(-80px);
        background: #f2f2f2;
    }
    /*.storySlide{ height:500px }*/
    .storySide .imgDesBox--infor{
        padding:60px 30px 10px;
        position: initial;
        margin: 0 auto;
    }
    .storySide .imgDesBox--infor--box::after {
        content: '';
        width: 100%;
        height: 5px;
        background: #35c57d;
        position: absolute;
        left: 0;
        top: 0;
    }
    /*.storySlide .swiper-slide{ height:400px; margin-bottom: 200px }*/
    .storySide .imgDesBox--infor--img{ display: none; }
    .storySlide .object-cover.absolute { position: initial }
    .storySlide .swiper-button-next{ right:5%;}
    .storySlide .slideBtn { top: 50% !important; }
    .storySlide .paginationBtn { bottom:90px; z-index: 10; }
    .storySlide .paginationBtn.white .swiper-pagination-bullet { border: 1px solid #ABABAB;}
    .storySlide .stopSwiper span { background: #ABABAB;}
    .imgDesBox .paginationBtn { bottom:260px; z-index: 10; }
    .imgDesBox.outdoorSlide .paginationBtn {bottom: 70px;}
    .imgDesBox .paginationBtn.white .swiper-pagination-bullet{
        border: 1px solid #7d7d7d;
    }
    .imgDesBox .paginationBtn.white .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background:#7d7d7d;
    }
    .imgDesBox .stopSwiper span {background: #7d7d7d;}
    .imgDesBox.outdoorSlide .paginationBtn.white .swiper-pagination-bullet{
        border: 1px solid #ffffff;
    }
    .imgDesBox.outdoorSlide .paginationBtn.white .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background:#ffffff;
    }
    .imgDesBox.outdoorSlide .stopSwiper span {background: #ffffff;}
    .imgDesBox--infor--box p {font-size: 14px;}
    .productSlide{ flex-wrap: wrap }
    .productSlide--captionTab.gap-8{
        gap:10px !important;
    }
    .productSlide--caption--controller{
        margin-left: auto;
    }
    .productSlide--captionTab--item button{
        font-size:14px;
    }
    .productSlide--captionTab--item button span{
        font-size:14px;
    }
    .productSlide--captionTab--item.on button{
        font-size:14px;
    }
    .productSlide--captionTab--item.on button span{
        font-size:14px;
    }

    .productSlide--img--tit {font-size: 20px;}
    .productSlide--img--4--tit {font-size: 20px;}
    .productSlide.gap-12{ gap:10px !important; }
    .productSlide li.w-6\/12{ width:calc(50% - 5px) !important; }
    .productSlide02--slide{ gap:30px 15px;}
    .productSlide--item{ width:calc(33.3% - 10px) }
    .productSlide--item--4{ width:calc(25% - 10px) }
    .productSlide--item.big{ width:100%; margin-bottom: 50px; }
    .productSlide--item--4.big{ width:100%; margin-bottom: 50px; }
    .productSlide--img.big {height: 300px;}
    .productSlide--img--4.big {height: 300px;}
    .productSlide--item.small{ width:100%; margin-bottom: 50px; }
    .productSlide--item--4.small{ width:100%; margin-bottom: 50px; }
    .productSlide--img.small {height: 300px;}
    .productSlide--img--4.small {height: 300px;}
    .productSlide01 .productSlide--img{ height:250px; }
    .productSlide01 .productSlide--img--4{ height:250px; }
    .data-picker--item .daterangepicker{ flex-wrap: wrap; width:100%;}
    .data-picker--item .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 0px;
    }
    .data-picker--item .daterangepicker .drp-calendar.right .calendar-table{
        padding-left: 0;
    }
    .tabBoardSec h3 {font-size: 24px;}
    .tabBoard--tab--item {margin-bottom: 0px;}
    .tabBoard--tab--item button{font-size:13px;}
    .tabBoard--body--item--depth3 { font-size: 14px; line-height: 2;}
    .centerTit {
        padding-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        width:90%;
    }
    .centerTit h3 { font-size:20px; }
    .centerTit h5 { font-size:16px; }
    .itemType01{ width:100%; }
    .itemType01.flex.items-stretch{ justify-content: space-between }
    .itemType02--img { width: 70vw !important; height: 45vw !important;}
    .pageTit.justify-between{ flex-wrap:wrap; justify-content: center; text-align: center }
    .pageTit h3{ width:100%; font-size:22px; text-align: center; margin-bottom: 20px; }
    .pageTit--call {font-size: 16px;}
    .linkBtn.middle { padding: 8px 20px; font-size: 16px; gap:12px;}
    .linkBtn--arrow.middle { width: 22px; height: 2px; }
    .linkBtn--arrow.middle::before {width: 10px; height: 2px; top:-3px;}
    .linkBtn--arrow.middle::after {width: 10px; height: 2px; bottom:-3px;}
    .linkBtn.small{ padding:7px 8px 7px 8px; font-size:12px; gap:8px;}
    .staySpecial{ flex-wrap: wrap; }
    .txtSec--box{ width:90%; }
    .txtSec--table th {
        font-size: 16px;
        font-weight: 600;
        text-align: left;
        width: 120px;
        padding: 10px 0;
    }
    .txtSec--table td { padding:10px 0; }
    .txtSec--table--item{ width: 100%; margin: 4px 8px 4px 0;}
    .slideTab--head--btn span{ display: none; }
    .mt-20.noticeWrite--table { margin-top: 20px !important;; }
    .termTotalInfor{ font-size:10px; }
    .notice--board th{ padding:15px 0; }
    .notice--board td{ padding:12px 0; }
    .noticeWrite--table caption { font-size: 14px;}
    .foodSlide.mb-52{ margin-bottom:150px !important; }
    .foodSlide::after{ display: none; }
    .foodSlide--inner{ flex-wrap: wrap; text-align: center }
    .foodSlide--inner.mt-44 { margin-top: 50px !important;}
    .foodSlide--infor{ width:95%; }
    .foodSlide--infor h3 {font-size: 20px;}
    .foodSlide--infor p{ width:100%; }
    .foodSlide--infor p.mb-16{ margin-bottom: 20px !important;; }
    .foodSlide--cnt{ width:100%; margin-top: 40px; }
    .paginationBtn.foodSlidePagination {
        left:50% !important;
        transform: translateX(-50%);
        bottom:-25px !important;
    }
    .foodSlide--cnt .slideBtn{  }
    .foodSlideBtn-prev{  }
    .foodSlideBtn-next{  }
    .foodSlide--cnt .swiper-button-prev{  }
    .foodSlide--cnt .swiper-button-next{  }
    .foodCaption .cation--infor--detail:nth-child(1) {
        padding-right: initial; align-items: center;
    }
    .foodCaption .cation--infor--detail:nth-child(2) {
        padding-left: initial; align-items: center;
    }
    .cation--infor--detail{ padding:0; gap:0px !important; }
    .cation--infor--detail dl{ justify-content: space-between; gap:20px; }
    .cation--infor--detail dt{ width: auto; }
    h2.formalTxt{ font-size:16px;}
    h4.formalTxt{ font-size:13px;}
    p.formalTxt{ font-size:13px;}
    .noticeWrite--table h2.formalTxt.w-48{ width:auto !important; padding-left: 10px; }
    .noticeWrap.scroll{ width:100%; overflow-x:scroll }
    .notice--board.scroll{ width:800px }
    .mypageInfor .px-8{ padding-left: 12px !important; padding-right: 12px !important; }
    .mypageInfor .py-8{ padding-top: 25px !important; padding-bottom: 25px !important; }
    .mypageInfor--item a{gap:15px}
    .mypageInfor--item a.items-stretch{ align-items: center !important; }
    .mypageInfor--item a img{ max-height: 40px; }
    .packageItem--img{ width:220px; height:140px; }
    .packageItem--infor{ width:calc(100% - 230px); }
    .usingGuide--list{ padding:30px 4%; }
    .usingGuide--list li{
        font-size:13px; line-height: 1.8; padding-left: 8px;
    }
    .usingGuide--list li::before{ top:10px; }
    .packageDrop--item--day{}
    .packageDrop--item--btn{ width:100%; }
}

@media screen and (max-width:480px){
    .defaultMsg{ font-size:16px }
    .pt-28 { padding-top: 70px !important; }
    .cnt2 > .pt-28 { padding-top: 70px !important; }
    .cnt.pt-28 { padding-top: 70px !important; }
    .subParallax.pt-32 { padding-top: 30px !important; }
    .subTab.pt-32{ padding-top: 70px !important; }
    .subTab.mb-12{ margin-bottom: 20px !important; }
    .wrap.sub > .mt-20{ margin-top: 50px !important; }
    .mt-28 {margin-top: 100px !important;}
    .mb-52{ margin-bottom: 150px !important; }
    .txtSec h3.mt-28{ margin-top: 30px !important; }
    .txtSec h3.mb-12{ margin-bottom: 10px !important; }
    .cnt3 { width: 90%;}
    .inputDate{ font-size:14px; }
    .centerTit h5 { font-size: 14px; }
    .modalPop--cnt{ width:90%; }
    .modalPop--box{ padding: 1px; }
    .modalPop--Tit p{ font-size:14px; }
    .mainBanner--calender{ bottom:15px; }
    .mainBanner--calender li{ padding:5px; }
    .mainBanner--slide--item--txt h3 { font-size: 24px;}
    .mainBanner--calender--item.w-1\/12 .flex-col{ flex-direction: column;}
    .mainBanner--calender--item dt{ text-align: left; }
    .mainBanner--calender--item dd img{ width:20px; }
    .mainBanner--calender--item .linkBtn{ font-size:14px; }
    .mainBanner--slide .paginationBtn { bottom: 130px; }
    .mainService{ margin-bottom: 50px }
    .mainService--slide{ padding: 0; }
    .mainService--item {
        padding:0px 0;
        flex-wrap: wrap;
        margin-bottom: 0;
        height:auto;
    }
    .mainService--slide01 .mainService--item { flex-direction: column }
    .mainService--slide02 .mainService--item { flex-direction: column-reverse; }
    .mainService--slide .slideBtn{ top:calc(58vw - 10px) }
    .mainService--item--txt{ width:100%;}
    .mainService--slide .mainService--item--txt{
        width:90%; transform: translateY(-80px); margin: 0 auto;
    }
    .mainBanner--slide--item--btn{ margin: 0 auto; }
    .mainService--item--img{
        height: 340px;
        position: relative;
    }
    .mainService--item--txt{ width:280px; padding:20px; }
    .mainServiceBanner--item--txt .mainService--item--txt{ width:100%;  margin: 0 }
    .mainService--item--txt p{ font-size:12px; margin-bottom: 20px; letter-spacing: -0.5px }
    .mainServiceBanner--item--txt{ height:300px;}
    .mainServiceBanner--item--img{ height:360px; }
    .mainMagazine--item--tit { font-size: 18px; margin-bottom: 0px;}
    /*.mainMap--cnt{ height:200px }*/
    .pageTit { padding: 20px 0; margin-bottom: 20px;}
    .pageTit h3{ margin-bottom: 20px; }
    .leftTit h3 {font-size: 20px; margin-bottom:15px; }
    /*.subParallax.high { margin: 450px auto 0;}*/
    /*.subBanner.high{ top:100px; }*/
    /*.subParallax.high { margin: calc(36vw + 100px) auto 0;}*/
    .subBanner.high{ top:50px; }
    .subParallax.high { margin: 50px auto 0; }
    .subBanner--txt h3 img {max-width: 60%;}
    .imgDesBox--caption{ padding:30px 20px; }
    .imgDesBox--infor--box.wid{ padding:20px 0; }
    .subTab--item a, .subTab--item button {font-size: 14px;}
    .subTab--item{ padding:0; }
    .imgDesBox--infor.wid{
        min-width: 270px;
        width: 80%;
    }
    .introImgDesBox--tit {font-size: 24px;}
    .introImgDesBox--cnt {font-size: 12px}
    .introIcon.mt-20{ margin-top:0 !important; }
    .txtSec { padding: 50px 0 20px;}
    .txtSec.py-20 { padding-top: 50px !important; padding-bottom: 30px !important;; }
    .txtSec.mt-24 { margin-top: 50px !important;}
    .txtSec h3 {font-size: 20px}
    .txtSec p{ font-size:14px; }
    .introAni--slide{ padding-top:200px; }
    .introAni--bg{ height:700px; }
    .introAni--item h3{ font-size:20px; }
    .introAni--item p{ font-size:14px; }
    .introAni--tab{ top:60px; }
    .introAni--sec .swiper-pagination-bullet{
        font-size:18px; margin:0 8px !important;
    }
    .foodSlide.mb-52{ margin-bottom:100px !important; }
    .mapSmallSlide{ margin-top:10px; }
    .mapSmallSlide p { font-size: 14px; margin-top:5px}
    .mapBigSlide--txt::after { height: 120px; }
    .mapBigSlide--txt { padding: 10px; }
    .mapSmallSlide .swiper-slide--img {height: 70px !important;}
    .mapInfor p {font-size: 14px;}
    .mapInfor--list li{ font-size:12px; }
    .mapInfor--list li:not(:last-child)::after{margin: 0 5px;}
    .imgDesBox--infor--box h3 {font-size: 20px;}
    .imgDesBox .paginationBtn { bottom: 240px; }
    .productSlide--tit {font-size: 18px;}
    .productSlide--txt.mt-8{ margin-top:15px !important;; }
    .productSlide--img.small { height: 200px; }
    .productSlide--img--4.small { height: 200px; }
    .imgDesBox02{ height:300px; }
    .imgDesBoxCnt{ height:400px }
    .imgDesBox--infor--head {padding: 30px 20px;}
    .imgDesBox--infor--head h3 {
        font-size: 28px; padding: 10px 0; margin-bottom: 10px;
    }
    .imgDesBox--infor--head p {font-size: 14px;}
    .imgDesBox--infor--detail dt, .imgDesBox--infor--detail dd {font-size: 14px;}
    .imgDesBox--infor--detail dd h4 {font-size: 14px;}
    .cation--infor--detail dt {font-size: 14px;}
    .cation--infor--detail dd {font-size: 14px;}
    .imgDesBox--infor--footer {padding: 20px ;}
    .productSlide--img--tit {font-size: 16px;}
    .productSlide--img--4--tit {font-size: 16px;}
    .itemType01.flex.items-stretch{
        justify-content: center;
        flex-direction: column-reverse;
    }
    .itemType02--img { width: 80vw !important; }
    .productGridList{ gap:80px 0; }
    .itemType01 .itemType01--img{ width:100%; }
    .itemType01 .itemType01--txt{ width:100%; height:auto; }
    .itemType01 .itemType01--txt .itemType01--txt--tit{ text-align: center; margin-top: 10px; }
    .itemType01 .itemType01--txt .itemType01--txt--subTit{ text-align: center }
    .itemType01 .itemType01--txt > div{ width:100%; text-align: center }
    .noticeViewWrap.pt-20{ padding-top: 40px !important; }
    .noticeWriteWrap.pt-20{ padding-top: 40px !important; }
    .noticeView--tit{ font-size:16px; }
    .noticeWrite--table th{
        width:90px; letter-spacing: -0.5px; font-size:14px;
    }
    .noticeWrite--table td{ width:calc(100% - 90px); }
    .noticeWrite--table caption { font-size: 12px;}
    .search--select { padding: 10px 0; width: 90px;}
    .search--input {width: 180px;}
    .search--btn{ width:30px; }
    .search--select {
        padding: 10px;
        font-size: 13px;
        background-position: center right 5px;
    }
    .packageSec.mt-8{ margin-top:10px !important; }
    .promotionCode{ flex-wrap: wrap }
    .promotionCode .bgBoxBtn{ width:100%; }
    .inputBasic.promotionCode--input{ width:100%; }
    .outDoorBannerSlide .paginationBtn{ bottom:40px; }
    .imgDesBox--infor.outDoorSide { transform: translateY(-30px) }
    .outDoorSide .imgDesBox--infor--box { padding: 30px 5%; }
    .outDoorBanner > img{ height:400px; }
    .imgDesBox--infor.storySide{ transform: translateY(-50px) }
    /*.storySlide{ height:400px; }*/
    .storySide .imgDesBox--infor--box{ padding: 30px 5%; }
    .storySlide .paginationBtn{ bottom:55px; }
    .imgDesBox--infor--box h4.mb-8 {
        font-size: 20px; margin-bottom: 10px !important;;
    }
    .txtSec--table th {
        font-size: 14px;
        width: 100px;
        letter-spacing: -0.3px;
    }
    .txtSec--table--item--txt{
        font-size:12px;
        letter-spacing: -0.3px;
        margin-right:10px ;
    }
    .grayLabel {
        padding: 2px 3px;
        font-size: 12px;
        letter-spacing: -0.3px;
    }
    .tabBoard--body--item--depth3 {
        font-size: 12px; letter-spacing: -0.3px;
    }
    .mypageInfor--item a{ gap:6px; }
    .mypageInfor--item a img { max-height: 25px; }
    .mypageInfor--item h3{ font-size:20px; }
    .slideBtn {
        width: 35px !important;
        height: 35px !important;
    }
    .slideBtn img{ width:10px; }
    .slideBtn.swiper-button-prev, .slideBtn.swiper-button-next{ margin-top: -5px; }
    .packageItem{ flex-wrap:wrap; }
    .packageItem--img{ width:100%; height:60vw; margin:0 auto; }
    .packageItem--infor{ width:100%; }
    .usingGuide--list{ top:-50px; }
}