/* 
    font-family: 'SUIT', sans-serif;
 */



/* ========== 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: 'SUIT', sans-serif;
    -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;
}
body {
	line-height: 1;
}
ol, ul, li {
	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;} 



/* ==========================================================================
#FONT
========================================================================== */
.ko{
    font-family: 'SUIT', sans-serif;
    font-weight: normal;
    font-style: normal; 
}

.el{ font-weight: 300;}
.lig{ font-weight: 300;}
.re{ font-weight: 400;}
.med{ font-weight: 500;}
.sb{font-weight: 600;}
.bold{ font-weight: 700;}

.upp{text-transform: uppercase;}
.cap{text-transform: capitalize;}
.t-shadow{text-shadow: 2px 0 4px rgba(0,0,0,.3);}
.b-shadow{box-shadow: 2px 0 4px rgba(0,0,0,.3);}


/* ==========================================================================
#COLOR
========================================================================== */
.cf{color: #fff; }
.cf2{color: rgba(255,255,255,0.8); }
.c0{ color: #000;}
.ca{ color: #aaa;}
.color1{ color: #F29600;}
.color2{ color: #E8D0A4;}
.c8{color: #888; }
.c3{color: #333; }
.c2{ color: #222;}
.c70{ color: #707070;}

::selection{ background-color: #F29600; color: #fff;}

/* ==========================================================================
#SCROLLBAR
========================================================================== */
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-thumb{ height: 17%; background-color: #F29600; border-radius: 2px; }
body::-webkit-scrollbar-track{ background-color: #fff; }
    
    
/* ==========================================================================
#FLOAT
========================================================================== */
.fl{ float: left;}
.fr{float: right;}
.clb{ clear: both; font-size: 0;}

/* ==========================================================================
#COL
========================================================================== */
.col-1{ width: 100%;}
.col-2{ width: 50%;}
.col-3{ width: 33.33%;}
.col-4{ width: 25%;}
.col-5{ width: 20%;}
.col-7{ width: calc(100%/7);}


/* ==========================================================================
#COMMON
========================================================================== */
body{ font-family: 'SUIT', sans-serif; font-weight: 300; font-size: 14px; overflow-x: hidden; }
.wrap1740{ width: 100%; max-width: 1780px; padding: 0 20px; height: 100%; position: relative; margin: 0 auto; box-sizing: border-box;}
.wrap1446{ width: 100%; max-width: 1486px; padding: 0 20px; height: 100%; position: relative; margin: 0 auto; box-sizing: border-box;}
.v-middle{ width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.img{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;  position: absolute; top: 0; left: 0; transition: .5s;}
.bgi{ background-size: cover; background-repeat: no-repeat; background-position: center;}
.t-right{ text-align: right;}
.t-center{ text-align: center;}
.t-left{ text-align: left;}
.none-mo{ display: inline-block!important;}
.none-pc{ display: none!important;}
.flex-wrap{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}



/* main-tit */
#main-tit{ padding-bottom: 40px;}
#main-tit h3{ padding-bottom: 25px; font-size: 32px; line-height: 48px;}
#main-tit h4{ font-size: 16px; line-height: 26px;}


/* swiper */
.swiper-button-prev, .swiper-button-next {outline: none !important; background-image: unset!important; width: 50%; height: 100%;  transition: .5s;  opacity: 0; margin-top: 0; top: 0;}
.swiper-button-prev i, .swiper-button-next i{width: 64px; height: 64px; line-height: 62px; border-radius: 50%; background-color: #fff; font-size: 24px; text-align: center; position: absolute;}
.swiper-button-prev{ left: 0;}
.swiper-button-next{ right: 0;}
.swiper-button-prev i{ left: 170px;}
.swiper-button-next i{ right: 170px;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover,
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{  transition: .3s; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 0;}
.swiper-button-next:after, .swiper-button-prev:after{ position: absolute; top: -999em; }
.swiper-button-prev:hover, .swiper-button-next:hover{ opacity: 1;}

.swiper-pagination-bullet{ position: relative; width: 4px; height: 4px; border-radius: 2px; background: #fff; opacity: .5; margin: 0 2px!important; transition: .3s; }
.swiper-pagination-bullet-active{ background: #fff; opacity: 1; width: 30px; border-radius: 2px;}

.swiper-pagination-custom{ width: max-content; font-size: 20px; color: #fff;  font-weight: 500; font-family: 'SUIT', sans-serif; letter-spacing: 0.1em; opacity: .6; bottom: 30px; right: 30px; left: unset;}
.swiper-pagination-custom span.number{ color: #fff; font-size: 20px;}
.swiper-pagination-custom span.bar{ padding: 0 10px;}


.swiper-pagination-progressbar{ background: rgba(0,0,0,.2); height: 2px!important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #000!important;}

/* ==========================================================================
    #LANDSCAPE-SWIPER
========================================================================== */
.landscape-swiper{ width: 100%; height:746px; position: relative; overflow: hidden;}
.landscape-swiper .swiper-slide{ background-size: cover; background-repeat: no-repeat; background-position: center;}
.landscape-btn{position: absolute; width: 50%; height: 100%; background-color: rgba(255,255,255,0); transition: .5s; margin-top: 0; border-radius: unset!important;}
.landscape-btn:hover{background-color: rgba(255,255,255,.3);}
.landscape-next{ right: 0; top: 0; }
.landscape-prev{ left: 0; top: 0;}  
/* =================== 1780px =================== */
@media (max-width: 1780px) {
    .landscape-swiper{ height:41.91vw; }
}

/* ==========================================================================
    #ROOMS-SWIPER
========================================================================== */
.rooms-swiper{ width: 100%; height: 42.86vw; position: relative; overflow: hidden; }

/* ==========================================================================
    #ROOM-SWIPER
========================================================================== */
.room-swiper{ width: 100%; height: auto; position: relative; overflow: hidden; text-align: right; }
.room-swiper .img-wrap{ width: 100%; height: 745px; position: relative; overflow: hidden;}
.room-swiper .text-wrap{ display: inline-block; width: 858px; padding: 50px 40px 70px; background-color: #fff; text-align: left; position: relative; top: -120px;}
.room-swiper .text-wrap h3{ font-size: 40px; padding-bottom: 20px;}
.room-swiper .text-wrap p{ font-size: 15px; padding-bottom: 40px;}
.room-swiper .text-wrap ul li{ text-align: center; display: inline-block; padding-right: 30px;}
.room-swiper .text-wrap ul li img{ padding-bottom: 20px; display: inline-block;}
.room-swiper .text-wrap ul li p.upp{ font-size: 14px; padding-bottom: 10px;}
.room-swiper .text-wrap ul li p.re{ font-size: 12px;}
.room-btn{ background-color: unset; width: 34px; height: 34px; bottom: 130px; opacity: 1; top: unset;}
.room-swiper .swiper-button-next.swiper-button-disabled, .room-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
.room-next{ right:20px;}
.room-prev{ left: unset; right:120px ;}
/* =================== 1780px =================== */
@media (max-width: 1780px) {
    .room-swiper .bgi{ height:41.85vw; }
}

/* ==========================================================================
    #FAC-SWIPER
========================================================================== */
.fac-swiper{ width: 100%; height: auto; position: relative; overflow: hidden; text-align: right; padding-bottom: 60px; }
.fac-swiper .swiper-slide{ position: relative;}
.fac-swiper .img-wrap{ height: 800px; position: relative; background-color: #000; overflow: hidden;}
.fac-swiper .img-wrap .img{ opacity: .7;}
.fac-swiper .swiper-slide:hover .img-wrap .img{ opacity: .3; transform: scale(1.1);}
.fac-swiper .flex-wrap{ position: absolute; width: 100%; height: 100%; padding: 0 40px; overflow: hidden; top: 0; left: 0; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; text-align: center;}
.fac-swiper .flex-wrap h3{ font-size: 40px; line-height: 56px; padding-bottom: 0; transition: .5s;}
.fac-swiper .flex-wrap .con{ font-size: 15px; line-height: 25px; font-weight: 300; height: 0; overflow: hidden; transition: .5s; opacity: 0;}
.fac-swiper .swiper-slide:hover .flex-wrap div.con{ height: 100px; opacity: 1;}
.fac-swiper .swiper-slide:hover .flex-wrap h3{ padding-bottom: 40px;}
.fac-pag{ top: unset!important; bottom: 20px;}
.fac-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
.fac-swiper .swiper-button-next.swiper-button-disabled, .fac-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
.fac-next{ right:0;}
.fac-prev{ left: unset; right:90px;}


/* ==========================================================================
    #SERVICE-SWIPER
========================================================================== */
.service-swiper{ width: 100%; height: auto; position: relative; overflow: hidden; text-align: right; padding-bottom: 60px; }
.service-swiper .swiper-slide{ position: relative;}
.service-swiper .img-wrap{ height: 500px; position: relative; background-color: #000; overflow: hidden;}
.service-swiper .swiper-slide:hover .img-wrap .img{ opacity: .3; transform: scale(1.1);}
.service-swiper .flex-wrap{ position: absolute; width: 100%; height: 100%; padding: 0 40px; overflow: hidden; top: 0; left: 0; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; text-align: center;}
.service-swiper .flex-wrap i{ height: 0; font-size: 64px; padding-bottom: 0; overflow: hidden; transition: .5s; opacity: 0;}
.service-swiper .flex-wrap h3{ font-size: 30px; line-height: 56px; padding-bottom: 0; transition: .5s;}
.service-swiper .flex-wrap div.con{ font-size: 15px; line-height: 25px; font-weight: 300; height: 0; overflow: hidden; transition: .5s; opacity: 0;}
.service-swiper .swiper-slide:hover .flex-wrap i{ font-size: 64px; padding-bottom: 30px; height: 64px; opacity: 1;}
.service-swiper .swiper-slide:hover .flex-wrap div.con{ height: 80px; opacity: 1;}
.service-swiper .swiper-slide:hover .flex-wrap h3{ padding-bottom: 30px; }
.service-pag{ top: unset!important; bottom: 20px;}
.service-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
.service-swiper .swiper-button-next.swiper-button-disabled, .service-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
.service-next{ right:0;}
.service-prev{ left: unset; right:90px;}

/* ==========================================================================
    #TRAVEL-SWIPER
========================================================================== */
.travel-swiper{ width: 100%; height: auto; position: relative; overflow: hidden; text-align: right; padding-bottom: 80px; }
.travel-swiper .swiper-slide{ position: relative;}
.travel-swiper .img-wrap{ height: 417px; position: relative; background-color: #000; overflow: hidden;}
.travel-swiper .swiper-slide:hover .img-wrap .img{ opacity: 1; transform: scale(1.1);}
.travel-swiper .text-wrap{ position: relative; width: 100%; padding-top: 16px; overflow: hidden; }
.travel-swiper .text-wrap h3{ font-size: 20px; line-height: 28px; }
.travel-swiper .text-wrap img{ display: inline-block; padding-right: 5px;}
.travel-swiper .text-wrap p{ font-size: 14px; font-weight: 300; color:#555; line-height: 28px; display: inline-block;}
.travel-pag{ top: unset!important; bottom: 20px;}
.travel-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
.travel-swiper .swiper-button-next.swiper-button-disabled, .travel-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
.travel-next{ right:0;}
.travel-prev{ left: unset; right:90px;}


/* ==========================================================================
    #SPECIAL-SWIPER
========================================================================== */
.special-swiper{ width: 100%; height: auto; position: relative; overflow: hidden; text-align: right; padding-bottom: 80px; }
.special-swiper .swiper-slide{ position: relative;}
.special-swiper .img-wrap{ height: 417px; position: relative; background-color: #000; overflow: hidden;}
.special-swiper .swiper-slide:hover .img-wrap .img{ opacity: 1; transform: scale(1.1);}
.special-swiper .text-wrap{ position: relative; width: 100%; padding-top: 16px; overflow: hidden; }
.special-swiper .text-wrap h3{ font-size: 20px; line-height: 28px; }
.special-swiper .text-wrap img{ display: inline-block; padding-right: 5px;}
.special-swiper .text-wrap p{ font-size: 14px; font-weight: 300; color:#555; line-height: 28px; display: inline-block;}
.special-pag{ top: unset!important; bottom: 20px;}
.special-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
.special-swiper .swiper-button-next.swiper-button-disabled, .special-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
.special-next{ right:0;}
.special-prev{ left: unset; right:90px;}


/* ==========================================================================
    #FULL-SWIPER
========================================================================== */
.full-swiper{ width: 100%;  position: relative; overflow: hidden;}
.full-swiper .swiper-slide{ height: 56.25vw;}
.full-swiper .full-pag{ display: none;}
.swiper-button-next i{ right: 30px;}
.swiper-button-prev i{ left: 30px;}


/* ==========================================================================
    #SUB-TOP
    ========================================================================== */
#sub-top{ width: 100%; height: 41.67vw; background-color: #000; position: relative; margin-top: 80px;}
#sub-top .img{ opacity: .8;}
#sub-top .text-wrap{ position: absolute; width: fit-content; text-align: left; bottom: 100px; left: 90px; z-index: 10;}
#sub-top h3{ font-size: 40px; line-height: 56px; padding-bottom: 30px;}
#sub-top p{ font-size: 16px; line-height: 28px;}


/* ==========================================================================
    #COMM-TOP
    ========================================================================== */
#comm-top{ width: 100%; margin-bottom: 60px; background-color: #F8F8F8; height: 120px;}
#comm-top > .flex-wrap{ justify-content: center; height: 100%;}
#comm-top a{ position: relative; padding-bottom: 5px; display: inline-block; color: #ccc; transition: .5s; font-size: 24px; margin: 0 15px; }
#comm-top a:after{ content: ''; position: absolute; width: 100%; height: 2px; background-color: #333; display: block; bottom: 0; left: 0; transform: scaleX(0); transition: .5s; transform-origin: left;}
#comm-top a.active{ color: #333; }
#comm-top a.active:after{ transform: scaleX(1); }
#comm-top a:hover{ color: #333; }
#comm-top a:hover:after{ transform: scaleX(1); }
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    
    /* ==========================================================================
    **MOBILE**#COL
   ========================================================================== */
    .m-col-1{ width: 100%;}
    .m-col-2{ width: 50%;}
    .m-col-3{ width: calc(100%/3);}


    /* ==========================================================================
    **MOBILE**#BTN
    ========================================================================== */
    #btn_01{ display: inline-block;width: 147px; height: 50px; line-height: 48px; text-align: center;  font-size: 16px; transition: .3s; position: relative;}
    #btn_01:after{ position: absolute; content: ''; width: calc(100% - 10px); height: calc(100% - 10px); left: 4px; top: 4px; pointer-events: none; transition: .3s; opacity: 0;}

    #btn_01.mo-small{ width: 80px; height: 30px; line-height: 28px; font-size: 14px;}

    #more-btn i{ padding-left: 5px;}

    body{ font-family: 'SUIT', sans-serif; overflow-x: hidden; position: relative;  }
    body > section{ width: 100%; min-width: unset; height: auto; position: relative; overflow: hidden; box-sizing: border-box;}
    .none-mo{ display: none!important;}
    .none-pc{ display: inline-block!important;}
    .wrap1740{ width: 100%; padding: 0 15px; position: relative; margin: 0 auto; box-sizing: border-box;}
    .wrap1446{ width: 100%; padding: 0 15px; position: relative; margin: 0 auto; box-sizing: border-box;}



    /* main-tit */
    #main-tit{ padding-bottom: 40px;}
    #main-tit h3{ padding-bottom: 20px; font-size: 20px; line-height: 30px;}
    #main-tit h4{ font-size: 14px; line-height: 24px;}

    /* swiper */
    .swiper-button-prev, .swiper-button-next { width: 25px; height: 40px; font-size: 40px; }
    .swiper-button-prev{ left: 15px;}
    .swiper-button-next{ right: 15px;}
    .swiper-pagination, .swiper-pagination .number, .swiper-pagination .bar{font-size: 14px; }

    /* ==========================================================================
    #LANDSCAPE-SWIPER
    ========================================================================== */
    .landscape-swiper{ height:74.93vw; }
    .landscape-btn{position: absolute; width: 50%; height: 100%; background-color: rgba(255,255,255,0); transition: .5s; margin-top: 0;}
    .landscape-btn:hover{background-color: rgba(255,255,255,.3);}
    .landscape-next{ right: 0; top: 0;}
    .landscape-prev{ left: 0; top: 0;}  

    /* ==========================================================================
    #ROOMS-SWIPER
    ========================================================================== */
    .rooms-swiper{ width: 100%; height: 74.93vw; position: relative; overflow: hidden; }
    .rooms-btn{ display: none;}


    /* ==========================================================================
    #ROOM-SWIPER
    ========================================================================== */
    .room-swiper{ padding-bottom: 30px;}
    .room-swiper .img-wrap{ height: 69.07vw; }
    .room-swiper .text-wrap{ display: inline-block; width: 100%; padding: 40px 10px; top: 0;}
    .room-swiper .text-wrap h3{ font-size: 24px; padding-bottom: 20px; color: #333;}
    .room-swiper .text-wrap p{ font-size: 14px; line-height: 24px; font-weight: 300; padding-bottom: 25px; word-break: keep-all;}
    .room-swiper .text-wrap ul{ display: flex; justify-content: space-between; padding: 0 10px; }
    .room-swiper .text-wrap ul li{ padding-right: 0;}
    .room-swiper .text-wrap ul li img{ padding-bottom: 10px; height: 31px; object-fit: cover; }
    .room-swiper .text-wrap ul li p.upp{ font-size: 10px; padding-bottom: 5px;}
    .room-swiper .text-wrap ul li p.re{ font-size: 8px;}
    .room-btn{ background-color: unset; width: 34px; height: 8px; bottom: 0; opacity: 1; top: unset;}
    .room-swiper .swiper-button-next.swiper-button-disabled, .room-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
    .room-next{ right:0;}
    .room-prev{ left: unset; right:70px ;}


    /* ==========================================================================
    #FAC-SWIPER
    ========================================================================== */
    .fac-swiper .swiper-slide{ position: relative;}
    /* .fac-swiper .img-wrap{ height: 68.53vw;} */
    .fac-swiper .img-wrap{ height: 400px;}
    .fac-swiper .img-wrap .img{ opacity: 1;}
    .fac-swiper .swiper-slide:hover .img-wrap .img{ opacity: 1}
    .fac-swiper .flex-wrap{ position: relative; display: block; width: 100%; height: auto; padding: 20px 0; text-align: left; }
    .fac-swiper .flex-wrap h3{ font-size: 20px; line-height: 26px; padding-bottom: 20px; transition: .5s; color: #333;}
    .fac-swiper .flex-wrap .con{ font-size: 14px; line-height: 24px; height: auto; color: #000; opacity: 1;}
    .fac-swiper .swiper-slide:hover .flex-wrap .con{ height: auto;}
    .fac-swiper .swiper-slide:hover .flex-wrap h3{ padding-bottom: 20px;}
    .fac-pag{ top: unset!important; bottom: 20px;}
    .fac-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
    .fac-swiper .swiper-button-next.swiper-button-disabled, .fac-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
    .fac-next{ right:0;}
    .fac-prev{ left: unset; right:90px;}

    /* ==========================================================================
    #SERVICE-SWIPER
    ========================================================================== */
    .service-swiper{ padding-bottom: 40px;}
    .service-swiper .swiper-slide{ position: relative;}
    .service-swiper .img-wrap{ height: 68.53vw; }
    .service-swiper .flex-wrap{ position: absolute; display: block; width: fit-content; height: fit-content; padding: 0; top: unset; bottom: 20px; left: 30px; right: unset; text-align: left;}
    .service-swiper .flex-wrap i{ height: 24px; font-size: 24px; padding-bottom: 10px; padding-left: 5px; opacity: 1;}
    .service-swiper .flex-wrap h3{ font-size: 12px; line-height: 22px; padding-bottom: 0; transition: .5s; font-weight: 500;}
    .service-swiper .flex-wrap .con{ display: none;}
    .service-swiper .swiper-slide:hover .flex-wrap i{ height: 24px; font-size: 24px; padding-bottom: 10px;}
    .service-swiper .swiper-slide:hover .flex-wrap h3{ padding-bottom: 0;}
    .service-pag{ top: unset!important; bottom: 20px;}
    .service-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
    .service-swiper .swiper-button-next.swiper-button-disabled, .service-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
    .service-next{ right:0;}
    .service-prev{ left: unset; right:90px;}


    /* ==========================================================================
    #TRAVEL-SWIPER
    ========================================================================== */
    .travel-swiper{ padding-bottom: 40px; }
    /* .travel-swiper .img-wrap{ height: 122.67vw;} */
    .travel-swiper .img-wrap{ height: 300px;}

    .travel-swiper .text-wrap{ padding-top: 10px; }
    .travel-pag{ top: unset!important; bottom: 20px;}
    .travel-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
    .travel-swiper .swiper-button-next.swiper-button-disabled, .travel-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
    .travel-next{ right:0;}
    .travel-prev{ left: unset; right:90px;}

    /* ==========================================================================
    #SPECIAL-SWIPER
    ========================================================================== */
    .special-swiper{ padding-bottom: 40px; }
    /* .travel-swiper .img-wrap{ height: 122.67vw;} */
    .special-swiper .img-wrap{ height: 300px;}

    .special-swiper .text-wrap{ padding-top: 10px; }
    .special-pag{ top: unset!important; bottom: 20px;}
    .special-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
    .special-swiper .swiper-button-next.swiper-button-disabled, .special-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
    .special-next{ right:0;}
    .special-prev{ left: unset; right:90px;}


    /* ==========================================================================
    #FULL-SWIPER
    ========================================================================== */
    .full-swiper{ width: 100%; position: relative; overflow: hidden; padding-bottom: 40px;}
    .full-swiper .swiper-slide{ height: 68.53vw;}
    .full-swiper .full-pag{ display: block; top: unset!important; bottom: 20px;}
    .full-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
    .full-swiper .swiper-button-next.swiper-button-disabled, .full-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
    .full-next{ right:0;}
    .full-prev{ left: unset; right:90px;}

    /* ==========================================================================
        #SUB-FULL-SWIPER
    ========================================================================== */
    .sub-full-swiper{ height: 56.41vw; }
    .con .swiper-button-next, .con .swiper-button-prev{ top: 0; margin-top: 0;}
    .con .swiper-button-next{ right: 0;}
    .con .swiper-button-prev{ left: 0;}

    /* ==========================================================================
    #SUB-TOP
    ========================================================================== */
    #sub-top{ width: 100%; height: 42.67vw; margin-top: 50px;}
    #sub-top .img{ opacity: 1;}

    /* ==========================================================================
    #COMM-TOP
    ========================================================================== */
    #comm-top{ width: 100%; margin-bottom: 60px; background-color: #F8F8F8; height: 50px;}
    #comm-top a{ padding-bottom: 0; font-size: 16px; margin: 0 19px; }
    #comm-top a:after{ display: none;}

}