@CHARSET "UTF-8"; 
@CHARSET "UTF-8"; 
@import url("reset.css"); 
@import url("swiper.css"); 
@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css'); 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'); 

/*------------------------------------------------------------------------------------------------*/
/* Common */

/* .tab-5{display: none;}
.tab-6{display: none;}
.tab-11{display: none;}
.tab-12{display: none;}
.tab-13{display: none;} */
/* .tab-14{display: none;}
.tab-15{display: none;}
.tab-16{display: none;} */

#scroll-btn { position:absolute; bottom:8px; left:50%; transform: translateX(-50%); z-index:10; } 

/* fullpage */
#fullpage { } 
#fp-nav { right: 93px !important; top: 50% !important; transform: translateY(-50%) !important; margin-top: 0 !important; } 
#fp-nav ul li { margin: 30px 0; } 
#fp-nav ul li a { width: 12px; height: 12px; border: 1px solid #fff; border-radius: 50%; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); } 
#fp-nav ul li a.active { background-color: #fff; box-sizing: content-box; } 
#fp-nav ul li a span { display: none; } 
#fp-nav ul li a::after { position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%); color: #fff; font-size: 12px; opacity: 0; transition: .4s opacity; } 
#fp-nav ul li:nth-child(1) a::after { content: 'VIDEO'; } 
#fp-nav ul li:nth-child(2) a::after { content: 'PREVIEW'; }
#fp-nav ul li:nth-child(3) a::after { content: 'ROOM'; }
#fp-nav ul li:nth-child(4) a::after { content: 'SPECIAL'; } 
#fp-nav ul li:nth-child(5) a::after { content: 'FOOTER'; } 
#fp-nav ul li a.active::after { opacity: 1; } 

/* visual video */
.visual-video { } 
.visual-video .iframe-wrapper { position:relative; width:100%; height:100%; min-height:100%; overflow:hidden; } 
.visual-video .iframe-wrapper iframe { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-repeat:no-repeat; background-position:50% 50%; } 
.visual-video .iframe-wrapper iframe { min-width:100%; min-height:100%; width:auto; height:auto; background-size:cover; } 
.visual-video .iframe-wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: translate3d(0, 0, 0); } 

/* Header */
header { background-color: transparent; transition: background-color 0.5s; position:fixed; top:0; left:0; width:100%; height: 90px; z-index:100; border-bottom: 1px solid rgba(255, 255, 255, 0); } 
header .inner { width: 100vw; margin: 0 auto; } 
header a { display: block; } 
header .logo { margin-left: 100px; position: absolute; top: 28px; left: 0; z-index: 199; } 
header .logo img.black { display: none; } 
header .logo.insta{left: 100%; margin-left: -250px; top: 48px;}

header .reserve-btn { position: absolute; top: 0; right: 0; background: #844028; width: 70px; height: 70px; text-align: center; } 
header .reserve-btn img { margin-top: 15px; } 

header .reserve-btn-new { left:auto; right:50px; margin-top:0px; background:#ecc654; color:#fff; border-radius:36px; padding:20px 30px;} 


header .gnb { display: flex; width: 800px; margin: 0 auto; } 
header .gnb>li { flex: 1; height: 90px; text-align: center; } 
header .gnb>li>a { font-size: 16px; height: 90px; line-height: 120px; color: #fff; cursor: pointer; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); position: relative; width: fit-content; margin: 0 auto; } 
header .gnb>li>a::after { content: ''; position: absolute; top: 57px; right: -10px; width: 5px; height: 5px; background: #80735E; border-radius: 50%; opacity: 0; } 
header .gnb>li.active>a,
header .gnb>li:hover>a { color: #80735E !important; }
header .gnb>li.active>a::after,
header .gnb>li:hover>a::after { opacity: 1; }
/* naver add */
header .gnb > li.sns_wrap{display:flex; align-items:center; justify-content:center;}
header .gnb > li.sns_wrap:hover>a::after{display:none;}
header .gnb > li.sns_wrap > a{margin:10px 20px 0}
header .gnb > li.sns_wrap > a.naver_reserve > img{width:25px;}
header .gnb > li.sns_wrap > a:hover::after{display:block;}

header .gnb .lnb { position: absolute; top: 100%; left: 0; width: 100vw; transition: opacity 0.3s; opacity: 0; visibility: hidden; z-index: 200; background: rgba(255, 255, 255, 0.7); } 
header .gnb .lnb.on { opacity: 1; visibility: visible; } 
header .gnb .lnb>a { display: inline-block; color: #222; font-size: 15px; padding: 28px; transition: background-color 0.3s; } 
header .gnb .lnb>a:hover { color: #80735E; } 
header .btn-open { position: absolute; right: 0; top: 0; z-index: 1; padding: 23px; display: none; cursor: pointer; }
header .btn-open i { color: #fff; font-size: 25px; }

header.on { background: #fff; border-bottom: 1px solid #eee; } 
header.on .logo img.white { display: none; } 
header.on .logo img.black { display: block; } 
header.on .gnb>li { } 
header.on .gnb>li>a { color: #222; text-shadow: none; font-weight: 500; } 
header.on .gnb .lnb>a { } 
header.on .gnb .lnb>a:hover { } 



/* m-menu */
.m-menu { position: fixed; right: 0; top: 0; height: 100vh; opacity: 0; background: #fff; transition: all 0.2s; z-index: -1;}
.m-menu.active { width: 340px; display: flex; opacity: 1; z-index: 1000; }
.m-menu > ul { display: flex; flex-flow: column nowrap; align-items: center; margin: 80px 0 0; padding: 30px 40px; padding: 0 25px; }
.m-menu > ul > li { cursor: pointer; color: #fff; font-weight: 500; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; font-size: 27px; }
.m-menu > ul > li > span { display: block; width: 100%; margin: 35px 0 0; position: relative; color: #000; }
.m-menu > ul > li > span.main-menu-line { display: none; }
.m-menu a.english { font-size: 20px; }
.m-menu a.korean { font-size: 18px; }
.m-menu ul > li > ul { display: none; margin: 0 0 25px; }
.m-menu ul > li > ul > li { margin-bottom: 0; text-indent: 0; margin: 20px 0 0; text-indent: 15px; }
.m-menu ul > li > ul > li > a {padding: 5px 0; color: #80735E; }
.m-menu > ul > li.on > span.main-menu-title { text-indent: 35px; color: #80735E; font-weight: 600; }
.m-menu > ul > li.on > span.main-menu-title::before { content: ''; display: block; width: 20px; height: 2px; background: #80735E; position: absolute; left: 0; top: 13px; }
.m-menu .btn-close { position: absolute; top: 0; right: 0; padding: 20px; z-index: 1000; cursor: pointer; }
.m-menu .btn-close i { color: #000; font-size: 30px; }


/* Footer*/
footer { position:relative; background:#E6E6E6; width:100%; overflow:hidden; z-index:10; padding-top: 70px; padding-bottom: 50px; }
footer .contacts {margin-top: 150px; width: 100%; height: 450px;}
footer .contacts h1 {width: 55%;text-align: right;font-size: 65px;color: #333;}
footer .contacts h2 {width: 55%;text-align: right;font-size: 25px;color: #ecc654;margin-top: 50px;}
footer .thumb {position: absolute;width: 400px; height: 400px; margin-left: 60%;top: 110px;}

footer .inner { max-width:1800px; margin:0 auto; overflow:hidden; text-align: center; } 
footer .inner .logo { margin-bottom: 50px; } 
footer .inner .addr { color: #666; margin-bottom: 20px; font-size: 18px; } 
footer .inner .tel { color: #666; margin-bottom: 15px; font-size: 15px; line-height:22px; font-family:'NanumBarunGothic', 돋움, Dotum, sans-serif;}
footer .inner .tel div > p{font-family:'NanumBarunGothic', 돋움, Dotum, sans-serif;}
footer .inner .addr i,
footer .inner .tel i { display: inline-block; margin-right: 10px; } 
footer .inner .infos { display: flex; justify-content: space-around; gap: 15px; margin: 0 auto;  } 
footer .inner .infos div{display: flex; width: 60%; margin-left: 20%;}
footer .inner .infos div:nth-child(2){ width: 30%; }
footer .inner .infos p { color: #fff; font-size: 13px; font-weight: 300; line-height: 1.4; margin-right: 3%; } 
footer .inner .infos p a{display: block; width: 100%; height: 100%; font-family: 'Philosopher'; color:  #fff; font-size: 13px; font-weight: 300; line-height: 1.4; } 
footer .inner .infos p a img{vertical-align: middle; position: relative; right: 5px;}
/*footer .inner .infos div:last-child{width: 5%; justify-content: space-between;}*/
/* footer .inner .infos div:first-child{width: 28%;} */

footer a { display:block; } 
footer .copyright { color: #666; margin-top: -25px; font-weight: 300; } 
footer .copyright a { color: #666; display: inline-block; font-size: 13px; } 

/* index -------------------------------------------------------------------------------- */
#index { position: relative; } 
#index .vertical-line { position: absolute; right: 100px; top: 0; width: 1px; height: 100vh; border: 1px solid rgba(255, 255, 255, 0.1); z-index: 5; } 
#index .visual-video { } 
#index .section { width: 100vw; height: 100vh; overflow: hidden; position: relative; } 


/*#index .about { background: url(http://gonylab10.speedgabia.com/iris/exterior/1.jpg) no-repeat center center / cover; } */
#index .about .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } 
#index .about .heading {position: absolute; left: 15%; top: 70%; transform: translateY(-50%); z-index: 2; } 
#index .about .heading h1 { color: #fff; font-weight: 200; font-size: 60px; margin-bottom: 2px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);} 
#index .about .heading h1 span { font-weight: 400; font-size: 18px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);} 
#index .about .heading p { color: #fff; line-height: 1.6; font-size: 20px; color: #fff; font-weight: 300; margin-top: 1.6rem; margin-left: 5px;  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);} 
#index .about .heading .btn-more { visibility: hidden; border: 1px solid rgba(255, 255, 255, 0.5); width: 100px; height: 50px; transition: background .4s, border .4s; color: #fff; border-radius: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: rgba(255, 255, 255, 0.1); transition: background .4s; } 
#index .about .heading .btn-more:hover { background: #80735E; } 
#index .about .iframe-wrapper {display: none; position:absolute; left: 50%; top: 50%; transform: translateY(-50%); width:50%; height:100%; z-index: 2; } 
#index .about .iframe-wrapper iframe { position:absolute; top:10%; left:0; width:70%; height:80%; display:block; } 
#index .about .iframe-wrapper2 { position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:100%; height:100%; z-index: 2; } 
#index .about .iframe-wrapper2 video{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%;}
#index .about .volume{position: absolute; z-index: 300; font-size: 40px; color: #fff; bottom: 10%; left: 50%; transform: translateX(-50%); cursor: pointer;}

#index .slide { position: relative; } 
#index .slide .swiper { overflow: hidden; width: 100%; height: 100vh; } 
#index .slide .swiper .swiper-slide { width: 100%; height: 100%; } 
#index .slide .swiper .swiper-slide>div { width: 100%; height: 100%; } 
#index .slide .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } 
#index .slide .swiper-slide-next>div img { transform: scale(1.1) !important; } 
#index .slide .swiper-slide-active>div img { -webkit-transform: scale(1) !important; transform: scale(1) !important; transition: transform 5s; } 
#index .slide .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.9); } 
#index .slide .heading { position: absolute; left: 50%; top: 85%; margin-left: -310px; text-align: center;transform: translateY(-50%); z-index: 2; } 
#index .slide .heading h1 { color: #fff; font-weight: 200; font-size: 38px; margin-bottom: 1rem; } 
#index .slide .heading h1 span { font-weight: 400; font-size: 38px; } 
#index .slide .heading p { color: #fff; line-height: 1.6; font-size: 18px; color: #fff; font-weight: 300; margin-bottom: 1rem; letter-spacing: 2px;} 
#index .slide .heading .btn-wrap { display: flex; gap: 20px; visibility: hidden; } 
#index .slide .heading .btn-wrap>div { border: 1px solid rgba(255, 255, 255, 0.5); width: 50px; height: 50px; transition: background .4s, border .4s; } 
#index .slide .heading .btn-wrap .btn { border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; background: rgba(255, 255, 255, 0.2); } 
#index .slide .heading .btn-wrap .btn.play i.icon-play { display: none; } 
#index .slide .heading .btn-wrap .btn.play i.icon-pause { display: block; } 
#index .slide .heading .btn-wrap .btn.pause i.icon-play { display: block; } 
#index .slide .heading .btn-wrap .btn.pause i.icon-pause { display: none; } 
#index .slide .heading .btn-wrap .btn i { color: #fff; } 
#index .slide .heading .btn-wrap .swiper-button-next { position: static; left: auto; right: auto; top: auto; margin-top: 0; color: #fff; border-radius: 30px; background: none; } 
#index .slide .heading .btn-wrap .swiper-button-next::after { display: none; } 
#index .slide .heading .btn-wrap>div:hover { background: #80735E; } 
#index .slide .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1; } 
#index .slide .heading .btn-wrap>div.landing{width: auto; line-height: 50px; padding: 0 35px; border-radius: 25px;}
#index .slide .heading .btn-wrap>div.landing a{display: block; width: 100%; height: 100%; color: #fff;}
#index .slide .heading .btn-wrap>div.landing a img{position: relative; top: 5px; right: 10px;}

#index .room { position: relative; } 
#index .room .swiper { overflow: hidden; width: 100%; height: 100vh; } 
#index .room .swiper .swiper-slide { width: 100%; height: 100%; } 
#index .room .swiper .swiper-slide>div { width: 100%; height: 100%; } 
#index .room .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } 
#index .room .swiper-slide-next>div img { transform: scale(1.1) !important; } 
#index .room .swiper-slide-active>div img { -webkit-transform: scale(1) !important; transform: scale(1) !important; transition: transform 5s; } 
#index .room .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.9); } 
#index .room .heading { position: absolute; left: 15%; bottom: 15%; z-index: 2; width: 70%; display: flex; justify-content: space-between; align-items: flex-end; } 
#index .room .heading h1 { color: #fff; font-weight: 200; font-size: 80px; margin-bottom: 1rem; } 
#index .room .heading h1 span { font-weight: 400; font-size: 18px; } 
#index .room .heading p { color: #fff; line-height: 1.6; font-size: 18px; color: #fff; font-weight: 300; margin-bottom: 1rem; } 
#index .room .heading .btn-wrap { display: flex; gap: 20px; } 
#index .room .heading .btn-wrap>div { border: 1px solid rgba(255, 255, 255, 0.5); width: 50px; height: 50px; transition: background .4s, border .4s; } 
#index .room .heading .btn-wrap .btn { border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; background: rgba(255, 255, 255, 0.1); } 
#index .room .heading .btn-wrap .btn.play i.icon-play { display: none; } 
#index .room .heading .btn-wrap .btn.play i.icon-pause { display: block; } 
#index .room .heading .btn-wrap .btn.pause i.icon-play { display: block; } 
#index .room .heading .btn-wrap .btn.pause i.icon-pause { display: none; } 
#index .room .heading .btn-wrap .btn i { color: #fff; } 
#index .room .heading .btn-wrap .swiper-button-next { position: static; left: auto; right: auto; top: auto; margin-top: 0; color: #fff; border-radius: 30px; background: none; } 
#index .room .heading .btn-wrap .swiper-button-next::after { display: none; } 
#index .room .heading .btn-wrap>div:hover { background: #80735E; border: 1px solid #000; } 
#index .room .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } 
#index .room .btn-more { position: relative; border: 1px solid rgba(255, 255, 255, 0.5); width: 100px; height: 100px; transition: background .4s, border .4s; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; background: rgba(255, 255, 255, 0.1); transition: background .4s; } 
#index .room .btn-more .line { position: absolute; left: -45px; top: 50%; width: 60px; height: 1px; background: rgba(255, 255, 255, 0.5); } 
#index .room .btn-more a { color: #fff; } 
#index .room .btn-more:hover { background: #80735E; } 


#index .special { position: relative; background: url(http://gonylab10.speedgabia.com/iris/special/1/1.jpg) no-repeat center center / cover; transition: background .4s; } 
#index .special[data-index='01'] { background: url(http://gonylab10.speedgabia.com/iris/special/1/1.jpg) no-repeat center center / cover; } 
#index .special[data-index='02'] { background: url(http://gonylab10.speedgabia.com/iris/special/2/1.jpg) no-repeat center center / cover; } 
#index .special[data-index='03'] { background: url(http://gonylab10.speedgabia.com/iris/special/3/1.jpg) no-repeat center center / cover; } 
#index .special[data-index='04'] { background: url(http://gonylab10.speedgabia.com/iris/special/4/1.jpg) no-repeat center center / cover; } 
#index .special[data-index='05'] { background: url(http://gonylab10.speedgabia.com/iris/special/5/1.jpg) no-repeat center center / cover; } 
#index .special[data-index='06'] { background: url(http://gonylab10.speedgabia.com/iris/special/6/1.jpg) no-repeat center center / cover; } 
#index .special[data-index='07'] { background: url(http://gonylab10.speedgabia.com/iris/special/7/1.jpg) no-repeat center center / cover; } 
#index .special[data-index='08'] { background: url(http://gonylab10.speedgabia.com/iris/special/8/1.jpg) no-repeat center center / cover; } 
#index .special .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } 
#index .special .content { max-width: 1500px; width: 70vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; } 
#index .special .content>div { } 

#index .special .heading { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; margin-top: 550px; margin-bottom: 30px; } 
#index .special .heading h1 { color: #fff; font-weight: 200; font-size: 80px; margin-bottom: 1.2rem; } 
#index .special .heading h1 span { font-weight: 400; font-size: 18px; display: inline-block; margin-left: 25px; } 
#index .special .heading p { color: #fff; line-height: 1.6; font-size: 18px; color: #fff; font-weight: 300; margin-bottom: 1rem;letter-spacing: 1px; } 
#index .special .btn-more { position: relative; border: 1px solid rgba(255, 255, 255, 0.5); width: 100px; height: 100px; transition: background .4s, border .4s; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; background: rgba(255, 255, 255, 0.1); transition: background .4s; } 
#index .special .btn-more .line { position: absolute; left: -45px; top: 50%; width: 60px; height: 1px; background: rgba(255, 255, 255, 0.5); } 
#index .special .btn-more a { color: #fff; } 
#index .special .btn-more:hover { background: #80735E; } 

#index .special .swiper { width: 100%; height: 280px; position: relative; } 
#index .special .swiper::before { content: ''; position: absolute; left: 0; bottom: 140px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.5); } 
#index .special .swiper::after { content: ''; position: absolute; left: 0; top: 10px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.5); } 
#index .special .swiper .swiper-wrapper { } 
#index .special .swiper .swiper-slide { height: 130px; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; } 
#index .special .swiper .swiper-slide-active { } 
#index .special .swiper .swiper-slide * { color: #c0c0c0; opacity: .8; } 
#index .special .swiper .swiper-slide i { font-size: 60px; margin-bottom: 35px; } 
#index .special .swiper .swiper-slide h1 { font-size: 18px; margin-bottom: 10px; } 
#index .special .swiper .swiper-slide p { margin-bottom: 30px; } 
#index .special .swiper .swiper-slide span { position: absolute; bottom: -38px; left: 50%; transform: translateX(-50%); font-weight: 700; font-size: 88px; opacity: 0; transition: opacity .4s; } 
#index .special .swiper .swiper-slide::after { content: ''; opacity: 0; display: block; width: 100%; height: 150px; background: #ecc654; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; } 
#index .special .swiper .swiper-slide-active::after { opacity: 0.9; } 
#index .special .swiper .swiper-slide-active * { color: #fff; opacity: 1; } 
#index .special .swiper .swiper-slide-active span { opacity: 0.9; } 
#index .special .swiper .swiper-button-prev::after { color: #fff; font-size: 20px; margin-top: -130px; } 
#index .special .swiper .swiper-button-next::after { color: #fff; font-size: 20px; margin-top: -130px; } 

/* 서브페이지 공통 */
.visual_text{position:absolute; bottom:150px; left:50%; transform:translateX(-50%); color:#fff; max-width:1400px; width:100%;z-index: 10;}
.visual_text > section{display:flex; justify-content:space-between; width:100%; padding:0 3rem 2rem}
.visual_text > section > article{flex:1}
.visual_text > section > article.titleTxt > p{font-size:21px; font-weight:200; margin-bottom:1.5rem;}
.visual_text > section > article.titleTxt > h2{font-size:3.86rem; letter-spacing:0px;}
.visual_text > section > article.infoTxt{display:flex; justify-content:flex-end;align-items:end}
.visual_text > section > article.infoTxt > p{font-size:14px; line-height:21px}
.slide_bottom{position:relative; width:90%; margin:0 0 100px auto; }
.slide_bottom h3{margin: 0 auto; margin-bottom:2rem}

#scroll_txt {position: absolute;width: 100px; height: auto; left: 50%;top:61%; margin-left: -50px; color: #fff;font-size: 10px;text-align: center;z-index: 3;}
#scroll_line {position: absolute;width: 1px; height: 25%;left: 50%; top:63%; background-color: #fff;opacity: .5; z-index: 4;}

.otherList{min-width:1400px;}
.otherList .swiper-slide img{max-width:100%}
.otherList .swiper-slide p{margin:20px 0 }
.otherList .swiper-slide h4{font-size:19px}
.slide_nav{position:absolute; right:13vw; top:0; display:flex; align-items:center;}
.slide_nav .swiper-button-prev.listPrev{position:static; color:#898989; height:20px; margin-top:0}
.slide_nav .swiper-button-prev.listPrev:after{font-size:20px}
.slide_nav .swiper-button-next.listNext{position:static; color:#898989; height:20px; margin-top:0}
.slide_nav .swiper-button-next.listNext:after{font-size:20px}
.slide_nav .bar{ width:1px; height:20px; background:#898989; margin:0 20px}

/* about ----------------------------------------------------------------------------------- */
#about { } 
#about .visual { position: relative; height: 110vh; background: url('http://gonylab10.speedgabia.com/iris/about/1.jpg') no-repeat center center / cover; } 
#about .visual .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } 
#about .visual .content { margin: 0 auto; max-width: 1400px; width: 90vw; position: relative; z-index: 2; display:flex; align-items: center; gap: 150px; transform: translateY(300px); } 
#about .visual .content .title2 h1 { width: 100%;height: auto;color: #fff; font-size: 16px;letter-spacing: 2px; margin-top: -250px; margin-bottom: 20px; }
#about .visual .content .title2 h2 { width: 100%;height: auto;color: #fff; font-size: 32px; margin-left: 140px; } 

#about .visual .content .title { margin-top: 500px; margin-left: -70px; color: #fff; font-size: 80px; letter-spacing: 8px; line-height: 70px; }  
#about .visual .content .title h1 { color: #fff; margin-top: 10px; font-weight: 400; font-size: 20px; line-height: 42px; letter-spacing: 0;}
#about .visual .content .desc { color: #fff; margin-top: 510px; line-height: 2; }

#about .visual2 { position: relative; height: 120vh; background: url('http://gonylab10.speedgabia.com/iris/about/2.jpg') no-repeat center center / cover; } 
#about .visual2 .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } 
#about .visual2 .content { margin: 0 auto; max-width: 1400px; width: 90vw; position: relative; z-index: 2; display: flex; justify-content: flex-start; align-items: center; gap: 150px; transform: translateY(300px); } 
#about .visual2 .content .title h1 { color: #fff; margin-top: -50px; font-weight: 200; font-size: 24px; line-height: 42px; }
#about .visual2 .content .title { color: #fff; font-weight: 200; font-size: 80px; }  
#about .visual2 .content .desc { color: #fff; margin-top: -10px; line-height: 2; } 

#about .visual3 { position: relative; height: 110vh; background: url('http://gonylab10.speedgabia.com/iris/about/3.jpg') no-repeat center center / cover; } 
#about .visual3 .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1; } 
#about .visual3 .content { margin: 0 auto; max-width: 1400px; width: 90vw; position: relative; z-index: 2;  transform: translateY(300px); } 
#about .visual3 .content .title h1 { color: #fff; margin-top: 100px; font-weight: 400; font-size: 24px; line-height: 42px; }
#about .visual3 .content .title { color: #fff; font-size: 80px; }  
#about .visual3 .content .desc { color: #fff; margin-top: 50px; line-height: 2; } 

#about .slide { position: relative; } 
#about .slide .swiper { overflow: hidden; width: 90vw; margin-left: auto; max-width: 1400px; transform: translateY(-150px); } 
#about .slide .swiper .swiper-slide { width: 100%; height: 100%; } 
#about .slide .swiper .swiper-slide>div { width: 100%; height: 100%; } 
#about .slide .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } 
#about .slide .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.9); } 
#about .slide .swiper .swiper-button-prev::after { color: #fff; font-size: 30px; } 
#about .slide .swiper .swiper-button-next::after { color: #fff; font-size: 30px; } 

#about .slide2 { position: relative; } 
#about .slide2 .swiper { overflow: hidden; width: 90vw; margin-left: auto; max-width: 1400px; transform: translateY(-150px); } 
#about .slide2 .swiper .swiper-slide { width: 100%; height: 100%; } 
#about .slide2 .swiper .swiper-slide>div { width: 100%; height: 100%; } 
#about .slide2 .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } 
#about .slide2 .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.9); } 
#about .slide2 .swiper .swiper-button-prev::after { color: #fff; font-size: 30px; } 
#about .slide2 .swiper .swiper-button-next::after { color: #fff; font-size: 30px; } 

#about .location { margin-top: 200px; margin-bottom: 100px; } 
#about .location .text { margin: 0 auto; max-width: 1400px; width: 90vw; position: relative; z-index: 2; display: flex; justify-content: flex-start; align-items: center; gap: 120px; margin-bottom: 40px; } 
#about .location .text .title { font-weight: 700; font-size: 58px; } 
#about .location .text .desc { line-height: 2; } 
#about .location .text .desc .addr{font-family:'NanumBarunGothic', 돋움, Dotum, sans-serif;}
#about .location .text .desc .tel{font-family:'NanumBarunGothic', 돋움, Dotum, sans-serif;}
#about .location #map { margin-top: 70px; margin-left: 13%; } 
#about .location #map>div { max-width: 1400px !important; width: 90vw !important; } 

#about .video { max-width:1400px; width: 90vw; padding:5% 0 10%; margin:0 auto; } 
#about .video .InBox { position: relative; padding-bottom: 56.25%; height:0; margin:0; overflow:hidden; } 
#about .video .InBox iframe { position:absolute; top:0; left:0; width:100%; height:100%; } 

/* room ----------------------------------------------------------------------------------- */
#room { } 
#room .visual { position: relative; height: 125vh; background: url('http://gonylab10.speedgabia.com/iris/banner/1.jpg') no-repeat center center / cover; } 
#room .visual .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } 
#room .visual .content { margin: 0 auto; max-width: 1400px; width: 70vw; position: relative; z-index: 2; display: flex; justify-content: flex-start; align-items: flex-end; gap: 80px; transform: translateY(320px); } 
#room .visual .content .title h1 { width: 100%;height: auto;color: #fff; font-size: 16px;letter-spacing: 2px; margin-top: 30px; margin-bottom: 20px; }
#room .visual .content .title h2 { width: 100%;height: auto;color: #fff; font-size: 45px; margin-left: 140px; } 
#room .visual .content .tabs { width: 66vw; max-width: 847px; display: flex;  flex-wrap: wrap; } 
#room .visual .content .tab { color: #fff; opacity: .5; width: 25%; padding: 5px; cursor: pointer; font-size: 20px; position: relative; transition: opacity .4s, font-weight .4s; } 
/* #room .visual .content .tab::after { content: ''; position: absolute; top: -5px; right: -8px; width: 5px; height: 5px; background: var(--blue); border-radius: 50%; opacity: 0; }  */
#room .visual .content .tab.active,
#room .visual .content .tab:hover { opacity: 1; font-weight: 600; } 
#room .visual .content .tab.active::after,
#room .visual .content .tab:hover::after { opacity: 1; } 
.tab {display: none;}
#room .slide { position: relative; } 
#room .slide .swiper { overflow: hidden; width: 90vw; margin-left: auto; max-width: 1400px; transform: translateY(-150px); } 
#room .slide .swiper .swiper-slide { width: 100%; height: 100%; } 
#room .slide .swiper .swiper-slide>div { width: 100%; height: 100%; } 
#room .slide .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } 
#room .slide .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.9); } 
#room .slide .swiper .swiper-button-prev::after { color: #fff; font-size: 30px; } 
#room .slide .swiper .swiper-button-next::after { color: #fff; font-size: 30px; } 

#room .room-info { max-width: 1200px; margin: 150px auto 0; } 
#room .room-info .ul-wrapper { width: 100%; margin: 0 auto; display: flex; gap: 50px; transform: translateY(-150px); } 
#room .room-info .ul-wrapper>div { padding-top: 3px; } 
#room .room-info .ul-wrapper>div:nth-of-type(1) { flex: 1; } 
#room .room-info .ul-wrapper>div:nth-of-type(2) { flex: 2; } 
#room .room-info .ul-wrapper>div:nth-of-type(3) { flex: 2; } 
#room .room-info ul { margin-bottom: 30px; } 
#room .room-info ul b { color: #80725d; font-size: 18px; font-weight: bold; display: block; margin-bottom: 15px; position: relative; } 
#room .room-info ul b::after { content: ''; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 20px; height: 100%; background: #80725d; opacity: 0.3; border-radius: 50%; } 
#room .room-info ul li { margin-bottom: 5px; position: relative; } 
#room .room-info ul li::before { content: '·'; position: absolute; top: 1px; left: -12px; display: none; } 
#room .room-info ul.circle li { line-height: 1.7; } 
#room .room-info ul.amenity li { width: 45%; float: left; } 
#room .room-info ul.circle li::before { display: block; } 
#room .room-info ul li:last-child { margin-bottom: 0; } 
.guide{display: none;}
#room .room-reserve{display: block; width: 70%; margin: 14% auto 0; font-size: 18px; text-align: center; height: 70px; line-height: 70px; color: #fff; background: #ecc654;}

/* facility ----------------------------------------------------------------------------------- */
#facility { } 
#facility .visual { position: relative; height: 125vh; background: url('http://gonylab10.speedgabia.com/iris/banner/2.jpg') no-repeat center center / cover; } 
#facility .visual .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } 
#facility .visual .content { margin: 0 auto; width: 70vw; max-width: 1400px; position: relative; z-index: 2; align-items: flex-end; gap: 80px; transform: translateY(300px); } 
#facility .visual .content .title h1 { width: 100%;height: auto;color: #fff; font-weight: 300; font-size: 16px;letter-spacing: 2px; margin-bottom: 20px; }
#facility .visual .content .title h2 { color: #fff; font-weight: 500; font-size: 45px; margin-left: 160px;  margin-bottom: 20px; } 
#facility .visual .content .tabs { width: 70vw; /*max-width: 575px; */ display: flex; justify-content: space-around; } 
#facility .visual .content .tab { color: #fff; opacity: .5; cursor: pointer; font-size: 18px; position: relative; transition: opacity .4s, font-weight .4s; text-align: center; } 
#facility .visual .content .tab::after { content: ''; position: absolute; top: -5px; right: -8px; width: 5px; height: 5px; background: var(--blue); border-radius: 50%; opacity: 0; } 
#facility .visual .content .tab.active,
#facility .visual .content .tab:hover { opacity: 1; font-weight: 600; } 
#facility .visual .content .tab.active::after,
#facility .visual .content .tab:hover::after { opacity: 1; } 
#facility .visual .desc { color: #fff; margin: 0 auto; width: 90vw; max-width: 1400px; transform: translateY(333px); position: relative; z-index: 2; line-height: 1.6; } 

#facility .photo { margin: 0 auto; width: 90vw; max-width: 1400px; position: relative; z-index: 3; transform: translateY(-135px); } 
#facility .photo img { width: 100%; height: auto; } 
#facility .photo img:nth-child(even) { transform: translateX(8vw); } 
#facility .m-desc { display: none; }

#facility .photo { position: relative; } 
#facility .photo .swiper { overflow: hidden; width: 90vw; margin-left: auto; max-width: 1400px; transform: translateY(-20px); } 
#facility .photo .swiper .swiper-slide { width: 100%; height: 100%; } 
#facility .photo .swiper .swiper-slide>div { width: 100%; height: 100%; } 
#facility .photo .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } 
#facility .photo .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.9); } 
#facility .photo .swiper .swiper-button-prev::after { color: #fff; font-size: 30px; } 
#facility .photo .swiper .swiper-button-next::after { color: #fff; font-size: 30px; } 

/* special ----------------------------------------------------------------------------------- */
#special { } 
#special .visual { position: relative; height: 125vh; background: url('http://gonylab10.speedgabia.com/iris/banner/2.jpg') no-repeat center center / cover; } 
#special .visual .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; } 
#special .visual .content { margin: 0 auto; width: 70vw; max-width: 1400px; position: relative; z-index: 2; align-items: flex-end; gap: 80px; transform: translateY(300px); } 
#special .visual .content .title h1 { width: 100%;height: auto;color: #fff; font-weight: 300; font-size: 16px;letter-spacing: 2px; margin-bottom: 20px; }
#special .visual .content .title h2 { color: #fff; font-weight: 500; font-size: 45px; margin-left: 160px;  margin-bottom: 20px; } 
#special .visual .content .tabs { width: 70vw; /*max-width: 575px; */ display: flex; justify-content: space-around; } 
#special .visual .content .tab { color: #fff; opacity: .5; cursor: pointer; font-size: 18px; position: relative; transition: opacity .4s, font-weight .4s; text-align: center; } 
#special .visual .content .tab::after { content: ''; position: absolute; top: -5px; right: -8px; width: 5px; height: 5px; background: var(--blue); border-radius: 50%; opacity: 0; } 
#special .visual .content .tab.active,
#special .visual .content .tab:hover { opacity: 1; font-weight: 600; } 
#special .visual .content .tab.active::after,
#special .visual .content .tab:hover::after { opacity: 1; } 
#special .visual .desc { color: #fff; margin: 0 auto; width: 90vw; max-width: 1400px; transform: translateY(333px); position: relative; z-index: 2; line-height: 1.6; } 

#special .photo { margin: 0 auto; width: 90vw; max-width: 1400px; position: relative; z-index: 3; transform: translateY(-135px); } 
#special .photo img { width: 100%; height: auto; } 
#special .photo img:nth-child(even) { transform: translateX(8vw); } 
#special .m-desc { display: none; }

#special .photo { position: relative; } 
#special .photo .swiper { overflow: hidden; width: 90vw; margin-left: auto; max-width: 1400px; transform: translateY(-20px); } 
#special .photo .swiper .swiper-slide { width: 100%; height: 100%; } 
#special .photo .swiper .swiper-slide>div { width: 100%; height: 100%; } 
#special .photo .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } 
#special .photo .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.9); } 
#special .photo .swiper .swiper-button-prev::after { color: #fff; font-size: 30px; } 
#special .photo .swiper .swiper-button-next::after { color: #fff; font-size: 30px; } 


/* location  ----------------------------------------------------------------------------------- */
#location { } 
#location .visual { position: relative; height: 125vh; background: url('http://gonylab10.speedgabia.com/iris/banner/3.jpg') no-repeat center center / cover; } 
#location .visual .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } 
#location .visual .content { margin: 0 auto; max-width: 1400px; width: 90vw; position: relative; z-index: 2; display: flex; justify-content: flex-start; align-items: center; gap: 150px; transform: translateY(300px); } 
#location .visual .content .title { color: #fff; margin-top: 30px; font-weight: 700; font-size: 58px; } 
#location .visual .content .desc { color: #fff; margin-top: 30px; line-height: 2; } 

#location .location { margin-top: 200px; margin-bottom: 100px; } 
#location .location .text { margin: 0 auto; max-width: 1400px; width: 90vw; position: relative; z-index: 2; display: flex; justify-content: flex-start; align-items: center; gap: 120px; margin-bottom: 40px; } 
#location .location .text .title { font-weight: 700; font-size: 58px; } 
#location .location .text .desc { line-height: 2; } 
#location .location .text .desc .addr{}
#location .location .text .desc .tel{}
#location .location #map { margin-top: 70px; margin-left: 13%; } 
#location .location #map>div { max-width: 1400px !important; width: 90vw !important; } 

#location .video { max-width:1400px; width: 90vw; padding:5% 0 10%; margin:0 auto; } 
#location .video .InBox { position: relative; padding-bottom: 56.25%; height:0; margin:0; overflow:hidden; } 
#location .video .InBox iframe { position:absolute; top:0; left:0; width:100%; height:100%; } 


/* reserve ----------------------------------------------------------------------------------- */
#reserve { } 
#reserve .visual { position: relative; height: 110vh; background: url('http://gonylab10.speedgabia.com/iris/banner/4.jpg') no-repeat center center / cover; } 
#reserve .visual .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } 
#reserve .visual .content { margin: 0 auto; width: 90vw; max-width: 1400px; position: relative; z-index: 2; align-items: flex-end; gap: 80px; transform: translateY(300px); } 
#reserve .visual .content .title h1 { width: 100%;height: auto;color: #fff; font-weight: 300; font-size: 18px;letter-spacing: 2px; margin-bottom: 26px; }
#reserve .visual .content .title h2 { width: 100%;height: auto;color: #fff; font-weight: 500; font-size: 45px; } 

#reserve .contents { width:100%; max-width:1200px; margin:60px auto; } 
#reserve .frame_01 { display:none; } 
#reserve .frame_02 h2 { width:250px; margin:0 auto; padding:0px 0 35px; } 
#reserve .frame_02 table { width:100%; border:1px solid #e7e7e7; font-family:'돋움',Dotum!important; } 
#reserve .frame_02 table tr th,
#reserve .frame_02 table tr td { padding: 5px 0 ; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; font-size:13px; color:#676767; vertical-align:middle; } 
#reserve .frame_02 > div { margin-bottom: 50px; } 
#reserve .frame_02 > div > h3 { margin-bottom:10px; font-weight: 700; } 
#reserve .frame_02 > div > h3 span { background: #000; color: #fff; display: inline-block; padding: 3px 5px; font-size: 16px; font-weight: 500; } 
#reserve .frame_02 ul li { padding-left:10px; font-size:14px; line-height:1.6em; color:#676767; font-weight: 400; font-family: NanumBarunGothic; } 
#reserve .frame_02 ul li { background:url(http://gonylab2.speedgabia.com/common/li_b.gif) no-repeat left 3px; } 
#reserve .frame_02 ul li span { color:#ee3939; } 

#reserve .frame_02 .r_info_01 { position:relative; margin-bottom:30px; } 
#reserve .frame_02 .r_info_01 h4 { text-align:left; margin-bottom:10px; } 
#reserve .frame_02 .r_info_01 table { margin-bottom:20px; border-collapse: collapse; } 
#reserve .frame_02 .r_info_01 table .room_ { background:#efefef; height:50px; } 
#reserve .frame_02 .r_info_01 table > thead { line-height:1.1em; background:#f8f8f8; } 
#reserve .frame_02 .r_info_01 table > thead tr th { font-weight:bold; } 
#reserve .frame_02 .r_info_01 table > tbody tr td { line-height:3em; } 

#reserve .frame_02 .r_info_02 { text-align:left; } 
/*#reserve .frame_02 .r_info_02 ul li { background: none; margin-bottom: 25px; } */

#reserve .frame_02 .r_info_04 table { line-height:1.5em; margin-top:20px; } 
#reserve .frame_02 .r_info_04 table > thead { background:#f2f2f2; } 

#reserve .frame_02 #btn-link-reserve { background-color: #ecc654; color: #fff; display: block; width: 300px; height: 100px; text-align: center; line-height: 60px; margin: 50px auto; cursor: pointer; font-size: 16px; } 


/* community ----------------------------------------------------------------------------------- */
#community { } 
#community .visual { position: relative; height: 120vh; background: url('http://gonylab10.speedgabia.com/iris/banner/5.jpg') no-repeat center center / cover; } 
#community .visual .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } 
#community .visual .content { margin: 0 auto; width: 90vw; max-width: 1400px; position: relative; z-index: 2; align-items: flex-end; gap: 80px; transform: translateY(300px); } 
#community .visual .content .title h1 { width: 100%;height: auto;color: #fff; font-weight: 300; font-size: 22px;letter-spacing: 2px; margin-bottom: 26px; }
#community .visual .content .title h2 { width: 100%;height: auto;color: #fff; font-weight: 500; font-size: 55px; } 
 .contents { width: 100%; height: 100%; padding: 3% 0; } 
 .contents .tabs { width: 100%; height: 100%; background: #fff; } 
 .contents .tabs > ul { max-width: 300px; margin: 0 auto 2%; padding: 25px 0; overflow: hidden; } 
 .contents .tabs > ul > li { float: left; width: 50%; } 
 .contents .tabs > ul > li:last-child { border-left: 1px solid #ddd; } 
 .contents .tabs > ul > li a { display: block; padding: 15px 0; text-align: center; font-size: 17px; } 
 .contents .tabs > ul > li.active a { font-weight: bold; color: #50814f; } 
 .contents .tabs .thumbs { position: relative; max-width: 1400px; margin: 0 auto 50px; } 
 /* .contents . { width: 100%; height: 100%; background: #fff; }  */
 .contents  ul.snb { max-width: 1400px; margin: 0 auto 5%; padding: 0px 0; overflow: hidden; } 
 .contents  ul.snb > li { float: left; width: calc(100% / 4); border-left: 1px solid #ddd; } 
 .contents  ul.snb > li:first-child { border-left: 0 } 
 .contents  ul.snb > li a { display: block; padding: 15px 0; text-align: center; font-size: 17px; } 
 .contents  ul.snb > li.active a { font-weight: bold; color: #50814f; } 
 .contents .tabs .thumbs { position: relative; max-width: 1400px; margin: 0 auto 50px; } 

.contents .tabs .board_tabs { max-width: 1400px; margin: 0 auto 5%; padding: 0px 0; overflow: hidden; margin-top:60px} 
.contents .tabs .board_tabs > li { float: left; width: calc(100% / 4); border-left: 1px solid #ddd; } 
.contents .tabs .board_tabs > li:first-child { border-left: 0 } 
.contents .tabs .board_tabs > li a { display: block; padding: 15px 0; text-align: center; font-size: 17px; } 
.contents .tabs .board_tabs > li.active a { font-weight: bold; color: #50814f; }
/* travel ----------------------------------------------------------------------------------------*/
#travel { } 
#travel .visual { position: relative; height: 125vh; background: url('http://gonylab10.speedgabia.com/iris/travel/travel.jpg') no-repeat center center / cover; } 
#travel .visual .overlay { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } 
#travel .visual .content { margin: 0 auto; max-width: 1400px; width: 90vw; position: relative; z-index: 2; display: flex; justify-content: flex-start; align-items: center; gap: 80px; transform: translateY(300px); } 
#travel .visual .content .title h1 { width: 100%;height: auto;color: #fff; font-size: 18px;letter-spacing: 2px; margin-top: 30px;margin-bottom: 20px; }
#travel .visual .content .title h2 { color: #fff; font-size: 45px; margin-left: 50px; margin-bottom: 20px; } 
#travel .visual .content .desc { color: #fff; line-height: 1.4; } 

#travel .travel { max-width: 1400px; padding: 10% 0; margin: 0 auto; } 
#travel .travel .InBox { width: 100%; margin: 0 auto 5%; } 
#travel .travel-items {  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5%; padding: 3%; }
#travel .travel-item { width: 47%; margin-bottom: 110px; }
#travel .travel-item .photo { display: inline-block; width: 100%; height: 400px; margin-bottom: 35px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
/* #travel .travel-item-1 .photo { background-image: url('../images/travel/1.jpg'); }
#travel .travel-item-2 .photo { background-image: url('../images/travel/2.jpg'); }
#travel .travel-item-3 .photo { background-image: url('../images/travel/3.jpg'); }
#travel .travel-item-4 .photo { background-image: url('../images/travel/4.jpg'); }
#travel .travel-item-5 .photo { background-image: url('../images/travel/5.jpg'); }
#travel .travel-item-6 .photo { background-image: url('../images/travel/6.jpg'); } */
#travel .travel-item h2 { padding-left: 10px; margin-bottom: 20px; font-size: 22px; }
#travel .travel-item p { padding-left: 10px; color: #666; line-height: 1.5; }
#travel .travel-item .text { position: relative; }
#travel .travel-item .text .distance { position: absolute; top: 0; right: 10px; color: #aaa; }


/*offers*/

.offer_cont1{max-width:1200px; margin: 0 auto 5vh}
.offer_cont1 section{display:flex; flex-wrap:wrap;}
.event{width:calc(50% - 40px); margin:0 0 1rem; padding:0 20px; position:relative;}
.event > div.catagory{position:absolute; width:70px; height:70px; background-color:#ad9e87; color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px}
.event > a img{width:100%} 
.event > div.event_txt{margin:1rem 0 3rem}
.event span{color:#9d9d9d}
.event h2{margin:1rem 0; font-size:1.25rem;}
.event p{color:#838383;}
.event ul{margin:2rem 0 1rem; border-bottom:1px solid #ddd; padding-bottom:1rem}
.event ul li{color:#838383; font-weight:300; margin-bottom:0.25rem}
.event ul li b{font-weight:500}
.event > div.event_txt{border-bottom:1px solid #ddd; padding-bottom:1rem}
.page_title{text-align:center; font-size:30px; padding:3% 0 3%}