@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
@import url("https://use.typekit.net/lje2ogl.css");
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Simplehae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
    font-family: 'Noto Sans KR', sans-serif;
*/



/* font */
.c24{
    font-family: 'Cafe24Simplehae';
}

.gb{
    font-family: 'GmarketSansBold';
}

.gl{
    font-family: 'GmarketSansLight';
}

.gm{
    font-family: 'GmarketSansMedium';
}

.noto{ 
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
}

.cui{
    font-family: cuisine, sans-serif;
    font-weight: 500;
    font-style: normal;
}


.t-shadow{ text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);}

.upp{ text-transform: uppercase;}

/* color */
.cp{ color: #e93463;}
.c50{ color: #505050;}
.c53{ color: #535252;}
.c7a{ color: #7a7a7a;}
.c73{color: #737070}
.c80{ color: #807f7f;}
.ca1{ color: #a1a0a0;}
.cf{ color: #fff;}






/* ========== reset ============== */

/* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    text-decoration: none;
    box-sizing: border-box;
    font-family: 'GmarketSansMedium';
    -webkit-text-size-adjust: none;
    
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    scroll-behavior: smooth;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{border: none;} 

address{font-style: normal;}
fieldset{border: none;} 
legend{position: absolute;left: -999em;} 
input[type=button],
input[type=submit],
input[type=reset],
input[type=image],
button, a, select{cursor: pointer; outline: none;} 
input{ outline: none;}

label.away{position: absolute;left: -999em;} 


/* 공통 */
body{ font-family: 'GmarketSansMedium'; font-weight: normal; font-size: 15px; color: #888; overflow-x: hidden; transition: .5s;}
body > section{ width: 100%; height: auto; position: relative; overflow: hidden; }
.wrap1600{ width: 1600px; position: relative; margin: 0 auto; box-sizing: border-box; }

/* 스크롤바 */
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-thumb{ height: 17%; background-color: #e93463; border-radius: 2px; }
body::-webkit-scrollbar-track{ background-color: #fff; }

.fl{ float: left;}
.fr{float: right;}
.clb{ clear: both;}

.col-2{ width: 50%;}
.col-3{ width: 33.33%;}
.col-4{ width: 25%;}
.col-5{ width: 20%;}

.mb15{ margin-bottom: 15px;}
.mb30{ margin-bottom: 30px;}

.img{ width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat;  position: absolute;}

.none-mo{ display: block!important;}
.none-pc{ display: none!important;}


/* #tab */
#tab{ display: inline-block; font-size: 0; }
#tab li{ display: inline-block; font-size: 18px; height: 37px; width: 66px;  border-bottom: 2px solid #737070; }
#tab li a{ display: block; width: 100%; height: 100%; line-height: 37px; text-align: center; }
#tab li.active{ border-bottom: 2px solid #e93463;}

/* #tab-v2 */
#tab-v2{ display: block; font-size: 0; }
#tab-v2 li{ display: inline-block; font-size: 16px; height: 40px; width: 180px; border-radius: 20px; border: 1px solid #505050; color: #505050; margin-left: 17px;}
#tab-v2 li a{ display: block; width: 100%; height: 100%; line-height: 40px; text-align: center; }
#tab-v2 li.active{ border: 1px solid #e93463; background-color: #e93463; color: #fff;}
#tab-v2 li.active a{ color: #fff;}

/* #tab-v3 */
#tab-v3{ display: block; font-size: 0; text-align: center; }
#tab-v3 li{ display: inline-block; font-size: 16px; height: 42px; width: auto; padding: 0 25px;  border-bottom: 2px solid #737070; }
#tab-v3 li a{ display: block; width: 100%; height: 100%; line-height: 42px; text-align: center; }
#tab-v3 li.active{border-bottom: 2px solid #e93463; }
#tab-v3 li.active a{font-family: 'GmarketSansBold'; color: #e93463;}

/* swiper */
.swiper-button-next, .swiper-button-prev{ width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; opacity: 1; font-size: 20px; text-align: center; transition: .5s;}
.swiper-button-next:hover, .swiper-button-prev:hover{  border: 2px solid #e93463; color: #e93463;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: .5;}
.swiper-button-next:after, .swiper-button-prev:after{ position: absolute; top: -999em; }

.swiper-pagination{ position: relative;}
.swiper-pagination-bullet{ width: 15px; height: 15px; border-radius: 50%; position: relative; background: #e93463; opacity: 1; margin: 0 15px!important; transition: .3s; }
.swiper-pagination-bullet-active{ width: 22px; height: 22px; position: relative; background: transparent; border: 6px solid #e93463; opacity: 1; top: 3px; }



/* full-swiper */
.full-swiper{ padding-bottom: 63px;}
.full-swiper .img-wrap{ width: 100%; height: 100vh; }
.full-swiper .full-text{ position: absolute; top: 462px; font-size: 60px; line-height: 78px; text-align: left; left: 260px; z-index: 10;}
.full-swiper .full-prev{ left: 80px;}
.full-swiper .full-next{ right: 80px;}
.full-swiper .full-pag{ position: absolute; display: block; text-align: center; bottom: 19px; width: 100%; }

/* room-swiper */
.room-swiper{ width: 1170px; overflow: visible;}
.room-next.swiper-button-next, .room-prev.swiper-button-prev{ border: 2px solid #737070; color: #737070;}
.room-next.swiper-button-next:hover, .room-prev.swiper-button-prev:hover{ border: 2px solid #e93463; color: #e93463;}
.room-swiper .swiper-slide{ width: 557px; height: 380px; border-radius: 10px; border: 2px solid #c8c2c2;  overflow: hidden; opacity: .6; transition: .3s;}
.room-swiper .swiper-slide:nth-child(2n){ margin-top: 50px;}
.room-swiper .swiper-slide.swiper-slide-active, .room-swiper .swiper-slide.swiper-slide-next, .room-swiper .swiper-slide.tab-active{opacity: 1; border: 2px solid #e93463;}
.room-swiper .swiper-slide .img-wrap{ position: relative; width: 100%; height: 328px; border-bottom: 2px solid #c8c2c2; overflow: hidden; transition: .3s;}
.room-swiper .swiper-slide.swiper-slide-active .img-wrap, .room-swiper .swiper-slide.swiper-slide-next .img-wrap, .room-swiper .swiper-slide.tab-active .img-wrap{ border-bottom: 2px solid #e93463;}
.room-swiper .swiper-slide .text-wrap{ line-height: 52px; padding: 0 20px; opacity: 0; transition: .3s;}
.room-swiper .swiper-slide .text-wrap h3{ font-size: 18px; padding-right: 10px;}
.room-swiper .swiper-slide .text-wrap h4{ font-size: 12px;}
.room-swiper .swiper-slide .text-wrap i{ font-size: 30px; line-height: 45px;}
.room-swiper .swiper-slide.swiper-slide-active .text-wrap, .room-swiper .swiper-slide.swiper-slide-next .text-wrap, .room-swiper .swiper-slide.tab-active .text-wrap{ opacity: 1;}
.room-swiper .swiper-slide.hide{ display: none;}

/* fac */
.fac-swiper{ width: 1760px; overflow: hidden; margin-left: 160px; padding-bottom: 10px;  }
.fac-next.swiper-button-next, .fac-prev.swiper-button-prev{ border: 2px solid #737070; color: #737070;}
.fac-next.swiper-button-next:hover, .room-prev.swiper-button-prev:hover{ border: 2px solid #e93463; color: #e93463;}
.fac-swiper .swiper-slide{ width: 440px; height: 280px; border-radius: 15px; overflow: hidden; margin-top: 25px; transition: .3s;}
.fac-swiper .swiper-slide:hover{ width: 440px; height: 330px; opacity: 1; margin-top: 0; box-shadow: 13px 6px 9px rgba(39,38,38,.2);}
.fac-swiper .swiper-slide .img-wrap{ position: relative; width: 100%; height: 100%; opacity: 1; overflow: hidden; transition: .3s;}
.fac-swiper .swiper-slide .img-wrap.opacity{ opacity: .6;}
.fac-swiper .swiper-slide .text-wrap{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; background: transparent; transition: .3s;}
.fac-swiper .swiper-slide .text-wrap h3{ font-size: 18px; padding-right: 10px; color: #363636;}
.fac-swiper .swiper-slide .text-wrap h4{ font-size: 12px; opacity: 0;}
.fac-swiper .swiper-slide:hover .img-wrap{ opacity: 1;}
.fac-swiper .swiper-slide:hover .text-wrap { background: #fff; }
.fac-swiper .swiper-slide:hover .text-wrap h3{ color: #e93463;}
.fac-swiper .swiper-slide:hover .text-wrap h4{ font-size: 12px; opacity: 1;}
.fac-swiper .swiper-slide.hide{ display: none;}

/* travel */
.travel-swiper{ width: 1760px; overflow: hidden; margin-left: 160px; padding-bottom: 10px;  }
.travel-next.swiper-button-next, .travel-prev.swiper-button-prev{ border: 2px solid #737070; color: #737070;}
.travel-next.swiper-button-next:hover, .room-prev.swiper-button-prev:hover{ border: 2px solid #e93463; color: #e93463;}
.travel-swiper .swiper-slide{ width: 440px; height: 280px; border-radius: 15px; overflow: hidden; margin-top: 25px; transition: .3s;}
.travel-swiper .swiper-slide:hover{ width: 440px; height: 330px; opacity: 1; margin-top: 0; box-shadow: 13px 6px 9px rgba(39,38,38,.2);}
.travel-swiper .swiper-slide .img-wrap{ position: relative; width: 100%; height: 100%; opacity: 1; overflow: hidden; transition: .3s;}
.travel-swiper .swiper-slide .img-wrap.opacity{ opacity: .6;}
.travel-swiper .swiper-slide .text-wrap{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; background: transparent; transition: .3s;}
.travel-swiper .swiper-slide .text-wrap h3{ font-size: 18px; padding-right: 10px; color: #363636;}
.travel-swiper .swiper-slide .text-wrap h4{ font-size: 12px; opacity: 0;}
.travel-swiper .swiper-slide:hover .img-wrap{ opacity: 1;}
.travel-swiper .swiper-slide:hover .text-wrap { background: #fff; }
.travel-swiper .swiper-slide:hover .text-wrap h3{ color: #e93463;}
.travel-swiper .swiper-slide:hover .text-wrap h4{ font-size: 12px; opacity: 1;}
.travel-swiper .swiper-slide.hide{ display: none;}



#blackbg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,0.9); z-index: 1001; display: none;}



/* tit-wrap */
#tit-wrap{ text-align: center;}
#tit-wrap h3{ font-size: 48px; line-height: 49px; padding-bottom: 24px;}
#tit-wrap p{ font-size: 16px; line-height: 16px; }


/* sub-top */
#sub-top{ width: 100%; height: 600px; position: relative; }
#sub-top .img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sub-top .text-wrap{ position: absolute; top: 49%; width: 100%; text-align: center;}
#sub-top .text-wrap h3{ font-size: 64px; line-height: 64px; }


.v-middle{ display: table-cell; height: 100%; vertical-align: middle;}



/* =================== 1024px =================== */
@media (max-width: 1024px) {
    body{font-family: 'GmarketSansMedium'; font-weight: normal; font-size: 12px; font-weight: 400;  color: #555; overflow-x: hidden; position: relative; }
    body > section{ width: 100%; height: auto; position: relative; overflow: hidden; box-sizing: border-box;}
    .none-mo{ display: none!important;}
    .none-pc{ display: block!important;}
    .wrap1600{ width: 100%; padding: 0 15px; position: relative; margin: 0 auto; box-sizing: border-box; }


    body::-webkit-scrollbar {display: none; }

    .m-col-1{ width: 100%;}
    .m-col-2{ width: 50%;}
    .m-col-3{ width: 33.33%;}

    .mmb5{ margin-bottom: 5px;}
    .mmb10{ margin-bottom: 10px;}

    .movie-box > div{ width: calc(50% - 3px); height: 60.00vw;}
    .movie-box > div.movie iframe{position:absolute; top:0; left:0; width:100%; height:100%; opacity: 1; transform: scale(2.5);}
    
    .box01{font-size: 10px;}
    .box02{ font-size: 10px;}

    /* #tab */
    #tab{ display:  block; font-size: 0; text-align: center; }
    #tab li{ display: inline-block; font-size: 11px; height: 20px; width: 100px;  border-bottom: 2px solid #737070; }
    #tab li a{ display: block; width: 100%; height: 100%; line-height: 20px; text-align: center; }
    #tab li.active{ border-bottom: 2px solid #e93463;}
    
    /* #tab-v2 */
    #tab-v2{ display: block; font-size: 0; }
    #tab-v2 li{ display: inline-block; font-size: 10px; height: 20px; width: 100px; border-radius: 10px; border: 1px solid #505050; color: #505050; margin-left: 5px; margin-right: 5px;}
    #tab-v2 li a{ display: block; width: 100%; height: 100%; line-height: 20px; text-align: center; }
    #tab-v2 li.active{ border: 1px solid #e93463; background-color: #e93463; color: #fff;}
    #tab-v2 li.active a{ color: #fff;}

    /* #tab-v3 */
    .tab-wrap{ overflow-y: scroll;}
    .tab-wrap::-webkit-scrollbar { display: none; }
    #tab-v3{ display: block; font-size: 0; text-align: left; width: 600px; }
    #tab-v3 li{ display: inline-block; font-size: 11px; height: 25px; width: auto; padding: 0 20px;  border-bottom: 2px solid #737070; }
    #tab-v3 li a{ display: block; width: 100%; height: 100%; line-height: 25px; text-align: center; }
    #tab-v3 li.active{border-bottom: 2px solid #e93463; }
    #tab-v3 li.active a{font-family: 'GmarketSansBold'; color: #e93463;}

    /* tit-wrap */
    #tit-wrap h3{ font-size: 24px; line-height: 24px; padding-bottom: 12px;}
    #tit-wrap p{ font-size: 12px; line-height: 12px; }

    /* sub-top */
    #sub-top{ margin-top: 40px; height: 58.00vw;}
    #sub-top .text-wrap{ top: 45%; }
    #sub-top .text-wrap h3{ font-size: 26px; line-height: 26px; }

    /* swiper */
    .swiper-button-next, .swiper-button-prev{ width: 28px; height: 28px; line-height: 28px; border: 1px solid #fff; opacity: 1; font-size: 12px; text-align: center; transition: .5s;}
    .swiper-pagination{ position: relative; bottom: 8px;}
    .swiper-pagination-bullet{ width: 7px; height: 7px; position: relative; margin: 0 3px!important; transition: .3s; }
    .swiper-pagination-bullet-active{ width: 11px; height: 11px; border: 3px solid #e93463; position: relative; top: 2px; }

    .swiper-pagination.swiper-pagination-custom{ font-size: 10px; }
    .swiper-pagination .bar{padding: 0 3px;}
    .swiper-pagination .number{ font-size: 20px; top: -5px; }
    


    /* full-swiper */
    .full-swiper{ padding-bottom: 21px;}
    .full-swiper .img-wrap{ width: 100%; height: 0; padding-top: 56.25%; }
    .full-swiper .full-text{ display: none;}
    .full-swiper .full-prev{ left: 10px;}
    .full-swiper .full-next{ right: 10px;}
    .full-swiper .full-pag{ position: absolute; display: block; text-align: center; bottom: 5px; width: 100%; }

    /* room-swiper */
    .room-swiper{ width: 100%; overflow: visible; padding-right: 50px;}
    .room-next.swiper-button-next, .room-prev.swiper-button-prev{ border: 1px solid #737070; color: #737070;}
    .room-next.swiper-button-next:hover, .room-prev.swiper-button-prev:hover{ border: 1px solid #e93463; color: #e93463;}
    .room-swiper .swiper-slide{ width: 100%; height: 58.40vw; border-radius: 1.33vw; border: 1px solid #c8c2c2;  overflow: hidden; opacity: .6; transition: .3s;}
    .room-swiper .swiper-slide:nth-child(2n){ margin-top: 30px;}
    .room-swiper .swiper-slide.swiper-slide-active, .room-swiper .swiper-slide.swiper-slide-next, .room-swiper .swiper-slide.tab-active{opacity: 1; border: 1px solid #e93463;}
    .room-swiper .swiper-slide .img-wrap{ position: relative; width: 100%; height: 48.67vw; border-bottom: 1px solid #c8c2c2; overflow: hidden; transition: .3s;}
    .room-swiper .swiper-slide.swiper-slide-active .img-wrap, .room-swiper .swiper-slide.swiper-slide-next .img-wrap, .room-swiper .swiper-slide.tab-active .img-wrap{ border-bottom: 1px solid #e93463;}
    .room-swiper .swiper-slide .text-wrap{ line-height: 9.73vw; padding: 0 10px; opacity: 0; transition: .3s;}
    .room-swiper .swiper-slide .text-wrap h3{ font-size: 16px; padding-right: 10px;}
    .room-swiper .swiper-slide .text-wrap h4{ font-size: 12px;}
    .room-swiper .swiper-slide .text-wrap i{ font-size: 17px;  line-height: 9.13vw;}
    .room-swiper .swiper-slide.swiper-slide-active .text-wrap, .room-swiper .swiper-slide.swiper-slide-next .text-wrap{ opacity: 1;}
    

    /* fac */
    .fac-swiper{ width: calc(100% - 50px); overflow: hidden; margin-left: 50px; padding-bottom: 10px; }
    .fac-swiper .swiper-slide{ width: 440px; height: 49.20vw; border-radius: 15px; overflow: hidden; margin-top: 3.20vw; transition: .3s;}
    .fac-swiper .swiper-slide.swiper-slide-active{ width: 440px; height: 55.60vw; opacity: 1; margin-top: 0; box-shadow: 13px 6px 9px rgba(39,38,38,.2);}
    .fac-swiper .swiper-slide .img-wrap{ position: relative; width: 100%; height: 100%; opacity: .6; overflow: hidden; transition: .3s;}
    .fac-swiper .swiper-slide .text-wrap{ position: absolute; bottom: 0; left: 0; width: 100%; height: 39px; line-height: 39px; padding: 0 10px; background: transparent; transition: .3s;}
    .fac-swiper .swiper-slide .text-wrap h3{ font-size: 15px; padding-right: 10px; color: #363636;}
    .fac-swiper .swiper-slide .text-wrap h4{ font-size: 10px; opacity: 0;}
    .fac-swiper .swiper-slide.swiper-slide-active .img-wrap{ opacity: 1;}
    .fac-swiper .swiper-slide.swiper-slide-active .text-wrap { background: #fff; }
    .fac-swiper .swiper-slide.swiper-slide-active .text-wrap h3{ color: #e93463;}
    .fac-swiper .swiper-slide.swiper-slide-active .text-wrap h4{ font-size: 10px; opacity: 1;}
    .fac-swiper .swiper-slide.hide{ display: none;}

    /* travel */
    .travel-swiper{ width: calc(100% - 50px); overflow: hidden; margin-left: 50px; padding-bottom: 10px; }
    .travel-swiper .swiper-slide{ width: 440px; height: 49.20vw; border-radius: 15px; overflow: hidden; margin-top: 3.20vw; transition: .3s;}
    .travel-swiper .swiper-slide.swiper-slide-active{ width: 440px; height: 55.60vw; opacity: 1; margin-top: 0; box-shadow: 13px 6px 9px rgba(39,38,38,.2);}
    .travel-swiper .swiper-slide .img-wrap{ position: relative; width: 100%; height: 100%; opacity: .6; overflow: hidden; transition: .3s;}
    .travel-swiper .swiper-slide .text-wrap{ position: absolute; bottom: 0; left: 0; width: 100%; height: 39px; line-height: 39px; padding: 0 10px; background: transparent; transition: .3s;}
    .travel-swiper .swiper-slide .text-wrap h3{ font-size: 15px; padding-right: 10px; color: #363636;}
    .travel-swiper .swiper-slide .text-wrap h4{ font-size: 10px; opacity: 0;}
    .travel-swiper .swiper-slide.swiper-slide-active .img-wrap{ opacity: 1;}
    .travel-swiper .swiper-slide.swiper-slide-active .text-wrap { background: #fff; }
    .travel-swiper .swiper-slide.swiper-slide-active .text-wrap h3{ color: #e93463;}
    .travel-swiper .swiper-slide.swiper-slide-active .text-wrap h4{ font-size: 10px; opacity: 1;}
    .travel-swiper .swiper-slide.hide{ display: none;}
}