/* rooms visual */ #rooms_visual{position:relative; text-align:center; width:100%; padding:0; margin:0px auto; overflow:hidden; } #rooms_visual:after{ content:""; display:block; clear:both;} #rooms_visual .swiper-slide{width:100%; height:auto; padding:0; background-color:#000; overflow:hidden;} #rooms_visual .swiper-slide div.backgroundimg{width:100%; height:100%; z-index:1; opacity: 0; -ms-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s; transition:transform 7s ease-out, opacity 1s ease 0.3s;} #rooms_visual .swiper-slide .backgroundimg .mobile_only{display:none;} #rooms_visual .swiper-slide .backgroundimg img{width:100%; height:auto;} #rooms_visual .swiper-slide-active div.backgroundimg{opacity: 1; -ms-transform: scale(1, 1) rotate(.001deg); -webkit-transform: scale(1, 1) rotate(.001deg); transform: scale(1, 1) rotate(.001deg); -webkit-transition-delay: 0s; transition-delay: 0s;} #rooms_visual .sliderkit-text {width:100%; height:220px; position:absolute; bottom:18%; left:50%; margin-left:-50%; text-align:center; z-index:2;} #rooms_visual .sliderkit-text h1.lviewa{opacity:0; font-size:4em; color:#fff; font-weight:500; line-height:1.3em; letter-spacing:-0.05em; text-shadow: 0px 0px 10px rgba(0,0,0,.2); padding-bottom:10px; font-family: 'Noto Serif KR', sans-serif;} #rooms_visual .sliderkit-text h1.sviewa{opacity:0; font-size:1.3em; color:#fff; letter-spacing:0.01em; line-height:1.3em;/* text-shadow: 0px 1px 4px #000;*/ padding-bottom:10px; font-family: 'Noto Serif KR', sans-serif;} #rooms_visual .sliderkit-text div{opacity:0; margin-top:10px;} #rooms_visual .sliderkit-text div button{border:1px solid #fff; background:none; color:#fff; width:120px; height:30px; line-height:28px; font-size:1em; text-align:center; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #rooms_visual .sliderkit-text div button:hover{background-color:#000; border:1px solid #000;} #rooms_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:20px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_prev_on.png") center left no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #rooms_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:20px; top:50%; margin-top:-25px; display:block; background:url("../image/visual_next_on.png") center right no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #rooms_visual .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; } #rooms_visual .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; } #rooms_visual .swiper-container-horizontal > .swiper-pagination-bullets{bottom:15%;} #rooms_visual .swiper-pagination-bullet-active{background-color:#fff;} /* rooms List Type01 */ #roomsListType01{width:100%; max-width:1600px; margin:0px auto; overflow:hidden; margin-bottom:0px;} #roomsListType01 .con_title {text-align:center; margin-bottom:50px;} #roomsListType01 .con_title h3 { display:block; font-size:2em; font-weight:700; color:#000; line-height:1em;} #roomsListType01 .con_title p { display:block; font-size:1.25em; color:#555; margin-top:20px;} #roomsListType01 #pro_bnr{margin-left:-30px;} #roomsListType01 #pro_bnr .pro_box{float:left; width:calc(25% - 30px); margin-left:30px; margin-bottom: 30px; -webkit-transform: translate3d(0, 0, 0); display:block;} #roomsListType01 #pro_bnr .pro_box img{width:100% ; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; } #roomsListType01 #pro_bnr .pro_box:hover img{opacity:1; filter: alpha(opacity=100); -webkit-filter: grayscale(100%); filter: gray;} #roomsListType01 #pro_bnr .pro_box .pro_txt{display:block; position:absolute; bottom:0; width:100%; height:35px; line-height:35px; background-color:rgba(0,0,0,0.55); text-align:center; color:#fff; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; } #roomsListType01 #pro_bnr .pro_box .pro_txt p{display:block; height:35px; line-height:35px; width:100%; font-size:1em; color:#fff; text-align:center; } #roomsListType01 #pro_bnr .pro_box .pro_txt p span {display:none; font-size:0.95em; color:#fff; line-height:1.5em; margin-top:10px;} #roomsListType01 #pro_bnr .pro_box .pro_txt button{opacity:0; position:absolute; bottom:10px; right:10px; border:0px; font-size:2em; color:#fff; line-height:1.5em; background:none; font-family: 'Lobster', cursive; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; } #roomsListType01 #pro_bnr .pro_box:hover .pro_txt{opacity:1; width:100%; height:100%; bottom:0; left:0; } #roomsListType01 #pro_bnr .pro_box:hover .pro_txt p{position:absolute; top:50%; margin-top:-30px;} #roomsListType01 #pro_bnr .pro_box:hover .pro_txt p span{display:block;} #roomsListType01 #pro_bnr .pro_box:hover .pro_txt button{opacity:1;} /* rooms List Type02 */ #roomsListType02 { width:100%; max-width:1300px; margin:0 auto; } #roomsListType02:after{ content:""; display:block; clear:both;} #roomsListType02 .rooms_list { position:relative; width:100%; margin-bottom:50px;} #roomsListType02 .rooms_list:after{ content:""; display:block; clear:both;} #roomsListType02 .rooms_list:last-child {margin-bottom:0;} #roomsListType02 .rooms_list .img_left { float:left; width:600px; } #roomsListType02 .rooms_list .img_left img { width:100%; } #roomsListType02 .rooms_list .img_right { float:right; width:600px; } #roomsListType02 .rooms_list .img_right img { width:100%; } #roomsListType02 .rooms_list .txt_area { position: absolute; right:25px; top:0px; /*width:48%; */height:100%; padding:0; background-color:rgba(255,255,255,.95);} #roomsListType02 .rooms_list .txt_area:after{ content:""; display:block; clear:both;} #roomsListType02 .rooms_list .txt_area h4.b_tit{ display:block; height:50px; line-height:50px; font-size:1.85em; font-weight:600; color:#000; margin-bottom:7px;} #roomsListType02 .rooms_list .txt_area .contact_info .call{ font-size: 20px;font-weight: 500;} #roomsListType02 .rooms_list .txt_area table.rooms_tbl{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0; box-sizing:border-box;} #roomsListType02 .rooms_list .txt_area table.rooms_tbl tr th{ width:25%; color:#555; text-align:left; font-size:1em; font-weight:500; padding-left:10px; border-bottom:1px solid #777; } #roomsListType02 .rooms_list .txt_area table.rooms_tbl tr th.s_tit {position:relative; } #roomsListType02 .rooms_list .txt_area table.rooms_tbl tr th.s_tit:before {content:""; width:3px; height:3px; position:absolute; left:0; top:50%; border-bottom:1px solid #ddd; background-color:#d59337; } #roomsListType02 .rooms_list .txt_area table.rooms_tbl tr td{ width:75%; color:#555; font-size:1em; padding:10px 20px; word-break:keep-all; border-bottom:1px solid #ddd; } #roomsListType02 .rooms_list .txt_area .instagram_contact{margin: 16px 0 15px;} #roomsListType02 .rooms_list .type_other { position: absolute; left: 0; top:0; width:48%; height:100%; padding:0; background-color:rgba(255,255,255,.95);text-align: right;} #roomsListType02 .btn{width:100%; padding: 0;text-align:left; font-size:1em; font-weight:normal;} #roomsListType02 .type_other .btn{width:100%; padding: 0;text-align:left; font-size:1em; font-weight:normal;text-align: right;} #roomsListType02 .rooms_btn_more {display:inline-block; margin:0px 55px; width:150px; height:40px; line-height:40px; color:#000; border:1px solid #000; text-align:center; font-size:1em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsListType02 .rooms_btn_more:hover{color:#fff; background-color:#000;} #roomsListType02 .rooms_btn_more_re {display:inline-block; margin:25px 5px; width:150px; height:40px; line-height:40px; color:#fff; background-color:#293d6b; border:1px solid #293d6b; text-align:center; font-size:1em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsListType02 .rooms_btn_more_re:hover{color:#fff; background-color:#000; border:1px solid #000;} #roomsListType02 .rooms_list .swiper-pagination{bottom:15px;} #roomsListType02 .rooms_list .swiper-slide img{width:100%;} /* rooms List Type03 */ #roomsListType03 .thumbs-gallery {width:100%; padding:0px 0;} #roomsListType03 .thumbs-gallery .swiper-container { width:100%; max-width:1500px; margin-left: auto; margin-right: auto; background-color:#fff; border:1px solid #ddd;} #roomsListType03 .thumbs-gallery .swiper-slide { width:100%; background-size: cover; background-position: center; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-left {float:left; width:50%; height:590px;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-left:after { content:""; display:block; clear:both;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-left img {width:100%; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right {float:right; display:table; width:50%; height:590px; padding:0 50px; text-align:center; background-color:#fafafa;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right:after { content:""; display:block; clear:both;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner {display:table-cell; vertical-align:middle; width:100%; height:100%; text-align:center;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoTitle {display:block;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoTitle h4 { display:block; font-size:2em; font-weight:700; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoTitle .tit1 { display:block; font-size:1.5em;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoTitle .tit2 { display:block; font-size:1em; margin-top:20px;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon {width:100%; margin-top:50px; box-sizing:border-box; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon:after { content:""; display:block; clear:both;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul {width:100%; margin:0; padding:20px 0; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul li {display:inline-block; padding:0 15px; margin:0; border-left:1px solid #eee; box-sizing:border-box; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul li:first-child { border-left:0; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul li div {display:table-cell; vertical-align:middle; text-align:center;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul li div i {display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; font-size:2em; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul li div span {display:block; font-size:1em; line-height:1.4em;} #roomsListType03 .thumbs-gallery .gallery-top { width: 100%; transition: 0.5s all ease;} #roomsListType03 .thumbs-gallery .gallery-top:after{ content:""; display:block; clear:both;} #roomsListType03 .thumbs-gallery .swiper-container-rtl .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display:block !important;} #roomsListType03 .thumbs-gallery .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0; top:50%; margin-top:-30px; display:block; background:#fff url("../image/thumbs-gallery-prev.png") center center no-repeat; opacity : 0.7; width:60px; height:60px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsListType03 .thumbs-gallery .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0; top:50%; margin-top:-30px; display:block; background:#fff url("../image/thumbs-gallery-next.png") center center no-repeat; opacity : 0.7; width:60px; height:60px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsListType03 .thumbs-gallery .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; } #roomsListType03 .thumbs-gallery .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; } #roomsListType03 .reserv_bt_s{display:block; margin:30px auto; width:200px; height:50px; line-height:50px; color:#fff; background-color:#293d6b; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsListType03 .reserv_bt_s:hover{background-color:#000;} /* common information */ .common_information{ width:100%; max-width:1300px; margin:0 auto; } .common_information .info1{width:100%; overflow:hidden;} .common_information .info1 .detail{width:49%;} .common_information .info1 .detail.left{float:left;} .common_information .info1 .detail.right{float:right;} .common_information .info1 .detail ul{background: #fafafa; padding:10px;} .common_information .info1 .detail ul li {} .common_information .info1 .detail ul li p.tit {display:inline-block; width:15%; padding:15px 0; font-size: 1em; font-weight:500; color: #333; text-align:center; border-bottom:1px solid #888;} .common_information .info1 .detail ul li p.txt {display:inline-block; width:84%; font-size: 1em;padding:15px 10px; border-bottom:1px solid #ddd;} .common_information .info1 .detail h2{width:100%; padding: 20px 0; text-align: center;font-size: 1.2em; font-weight:500; color: #fff; background: #363636;} /* rooms View Type01 */ #roomsViewType01 .rooms_info { width:100%; max-width:1300px; padding:0; margin:20px auto; margin-top:30px; background-color:#fff; border-top:2px solid #000; border-bottom:1px solid #ddd; box-sizing:border-box; } #roomsViewType01 .rooms_info:after { content:""; display:block; clear:both;} #roomsViewType01 .rooms_info h3.caution_tit {font-size:2em; font-weight:700; color:#333; text-align:center; margin-bottom:15px;} #roomsViewType01 .rooms_info ul { float:left; font-size:0; width:100%; padding:30px 0; margin:0; text-align:center; } #roomsViewType01 .rooms_info ul li { display:inline-block; vertical-align:top; *display:inline;*zoom:1; width:33.33333%; font-size:13px; margin:0; box-sizing:border-box; border-right:1px solid #eee; box-sizing:border-box;} #roomsViewType01 .rooms_info ul li:last-child {border-right:0;} #roomsViewType01 .rooms_info ul li .inner{ width:100%; padding:0; margin:0;} #roomsViewType01 .rooms_info ul li .inner_area{ width:100%; color:#000; text-align:center;} #roomsViewType01 .rooms_info ul li div.con_txt {width:100%; padding:0 15px;} #roomsViewType01 .rooms_info ul li div.con_txt p{ display:inline-block; padding:2px 15px; color:#fff; font-size:1em; font-weight:400; background-color:#555; border-radius:2px;} #roomsViewType01 .rooms_info ul li div.con_txt span{ display:block; color:#666; font-size:1em; line-height:1.5em; margin-top:10px; word-break:keep-all; } #roomsViewType01 .thumbs-gallery .swiper-container { width: 100%; margin-top:80px; overflow:hidden;} #roomsViewType01 .thumbs-gallery .swiper-slide {max-width:1000px;} #roomsViewType01 .thumbs-gallery .swiper-slide img{width:100%;} #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display:none !important;} #roomsViewType01 .thumbs-gallery .swiper-button-prev, #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-next{left:50%; top:50%; margin-top:-30px; margin-left:-560px; display:block; background:#fff url("../image/thumbs-gallery-prev.png") center center no-repeat; opacity : 0.7; width:60px; height:60px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType01 .thumbs-gallery .swiper-button-next, #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-prev{left:50%; top:50%; margin-top:-30px; margin-left:500px; display:block; background:#fff url("../image/thumbs-gallery-next.png") center center no-repeat; opacity : 0.7; width:60px; height:60px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType01 .thumbs-gallery .swiper-button-prev:hover, #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-next:hover{opacity :1; } #roomsViewType01 .thumbs-gallery .swiper-button-next:hover, #roomsViewType01 .thumbs-gallery .swiper-container-rtl .swiper-button-prev:hover{opacity :1; } #roomsViewType01 .thumbs-gallery .swiper-slide img{-webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);opacity:1;} #roomsViewType01 .thumbs-gallery .swiper-slide.swiper-slide-active img{-webkit-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0);opacity:1;} #roomsViewType01 .thumbs-gallery .swiper-pagination{bottom:15px;} #roomsViewType01 table.rooms_price{width:100%; max-width:1300px; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee; margin:0 auto; margin-top:80px;} #roomsViewType01 table.rooms_price th{ color:#333; text-align:center; font-weight:500; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;} #roomsViewType01 table.rooms_price td{ text-align:center; padding:10px 0px; border-bottom:1px solid #eee; border-right:1px solid #eee;} #roomsViewType01 .rooms_cancel {width:100%; max-width:1300px; margin:0 auto; padding:0px; margin-top:30px; } #roomsViewType01 .rooms_cancel:after{content:""; display:block; clear:both;} #roomsViewType01 .rooms_cancel .inner_area {width:100%; background-color:#fff; padding:30px 0px; padding-bottom:0px;} #roomsViewType01 .rooms_cancel .inner_area h3.caution_tit {font-size:1.5em; font-weight:700; color:#333; text-align:left;} #roomsViewType01 .rooms_cancel .inner_area dl{width:100%; margin-top:30px;} #roomsViewType01 .rooms_cancel .inner_area dl dd{position:relative; margin-bottom:15px; padding-left:15px; color:#444; font-size:1em; line-height:1.4em; word-break:keep-all;} #roomsViewType01 .rooms_cancel .inner_area dl dd:before{content:""; width:4px; height:4px; background-color:#9f8256; position:absolute; left:0; top:6px;} #roomsViewType01 .rooms_cancel .tt{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee;} #roomsViewType01 .rooms_cancel .tt th{ color:#333; text-align:center; font-weight:500; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;} #roomsViewType01 .rooms_cancel .tt td{ text-align:center; padding:10px 0px; border-bottom:1px solid #eee; border-right:1px solid #eee;} #roomsViewType01 .reserv_bt_div{margin:50px auto 30px; text-align:center; } #roomsViewType01 .reserv_bt_s{display:inline-block; margin:0 3px; width:200px; height:50px; line-height:50px; color:#fff; background-color:#293d6b; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType01 .reserv_bt_s:hover{background-color:#D79400;} #roomsViewType01 .reserv_bt_sa{display:inline-block; margin:0 3px; width:200px; height:50px; line-height:50px; color:#fff; background-color:#000; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType01 .reserv_bt_sa:hover{background-color:#D79400;} /* rooms View Type02 */ #roomsViewType02 .thumbs-gallery .swiper-container { width:100%; max-width:1300px; margin-left: auto; margin-right: auto; } #roomsViewType02 .thumbs-gallery .swiper-slide { width:100%; background-size: cover; background-position: center; } #roomsViewType02 .thumbs-gallery .swiper-slide img {width:100%; height:100%; } #roomsViewType02 .thumbs-gallery .gallery-top { width: 100%; transition: 0.5s all ease;} #roomsViewType02 .thumbs-gallery .gallery-top:after{ content:""; display:block; clear:both;} #roomsViewType02 .thumbs-gallery .gallery-thumbs { box-sizing: border-box; padding: 10px 0px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs:after{ content:""; display:block; clear:both;} #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide {cursor:pointer; opacity: 0.4; transition: 0.5s all ease;} #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide img{width:100%; max-width:300px;} #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;} #roomsViewType02 .thumbs-gallery .swiper-container-rtl .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display:none !important;} #roomsViewType02 .thumbs-gallery .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0; top:50%; margin-top:-30px; display:block; background:#fff url("../image/thumbs-gallery-prev.png") center center no-repeat; opacity : 0.7; width:60px; height:60px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType02 .thumbs-gallery .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0; top:50%; margin-top:-30px; display:block; background:#fff url("../image/thumbs-gallery-next.png") center center no-repeat; opacity : 0.7; width:60px; height:60px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType02 .thumbs-gallery .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; } #roomsViewType02 .thumbs-gallery .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; } #roomsViewType02 table.rooms_price{width:100%; max-width:1300px; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee; margin:0 auto; margin-top:80px;} #roomsViewType02 table.rooms_price th{ color:#333; text-align:center; font-weight:500; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;} #roomsViewType02 table.rooms_price td{ text-align:center; padding:10px 0px; border-bottom:1px solid #eee; border-right:1px solid #eee;} #roomsViewType02 .rooms_cancel {width:100%; max-width:1300px; margin:0 auto; padding:0px; margin-top:30px; } #roomsViewType02 .rooms_cancel:after{content:""; display:block; clear:both;} #roomsViewType02 .rooms_cancel .inner_area {width:100%; background-color:#fff; padding:30px 0px; padding-bottom:0px;} #roomsViewType02 .rooms_cancel .inner_area h3.caution_tit {font-size:1.5em; font-weight:700; color:#333; text-align:left;} #roomsViewType02 .rooms_cancel .inner_area dl{width:100%; margin-top:30px;} #roomsViewType02 .rooms_cancel .inner_area dl dd{position:relative; margin-bottom:15px; padding-left:15px; color:#444; font-size:1em; line-height:1.4em; word-break:keep-all;} #roomsViewType02 .rooms_cancel .inner_area dl dd:before{content:""; width:4px; height:4px; background-color:#9f8256; position:absolute; left:0; top:6px;} #roomsViewType02 .rooms_cancel .tt{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee;} #roomsViewType02 .rooms_cancel .tt th{ color:#333; text-align:center; font-weight:500; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;} #roomsViewType02 .rooms_cancel .tt td{ text-align:center; padding:10px 0px; border-bottom:1px solid #eee; border-right:1px solid #eee;} #roomsViewType02 .reserv_bt_div{margin:50px auto 30px; text-align:center;} #roomsViewType02 .reserv_bt_s{display:inline-block; margin:0 3px; width:200px; height:50px; line-height:50px; color:#fff; background-color:#293d6b; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType02 .reserv_bt_s:hover{background-color:#D79400;} #roomsViewType02 .reserv_bt_sa{display:inline-block; margin:0 3px; width:200px; height:50px; line-height:50px; color:#fff; background-color:#000; text-align:center; font-size:1.15em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} #roomsViewType02 .reserv_bt_sa:hover{background-color:#D79400;} /* rooms 떠나요닷컴 */ #ddny_room_daily_price{width:100%; max-width:1300px; margin:80px auto; overflow:hidden; margin-bottom:20px;} #ddny_room_daily_price .week_date p{display:inline-block; font-size:1.3em; font-weight:700; margin-bottom:40px; } #ddny_room_daily_price .week_date .next{background:url('../image/list_next_off.png'); background-size:100%;} #ddny_room_daily_price .week_date .prv{background:url('../image/list_prev_off.png'); background-size:100%;} #ddny_room_daily_price .room_rprice{min-width:100%; overflow-x:auto;} #ddny_room_daily_price .room_rprice table{min-width:600px;} #ddny_room_daily_price .room_rprice table td{ font-size:1.1em;} #ddny_hotel_panalty{width:100%; max-width:1300px; overflow:hidden;} #ddny_hotel_panalty .cancelfee{width:100%;} .other_rooms_wrap {width:100%; background:url('../image/other_rooms.jpg') no-repeat top center; background-size:cover; background-attachment:fixed; background-position:50% 50%} .other_rooms_wrap .over_view {background:rgba(0,0,0,.5); transition:0.5s ease-out} .other_rooms_area {display:table; width:100%; max-width:1300px; text-align:center; height:200px; margin:0 auto;} .other_rooms_area a {display:table-cell; vertical-align:middle; } .other_rooms_area a span.txt { font-size:2em; color: #fff; text-align:center; line-height:1.4em; letter-spacing:0.05em;} .other_rooms_wrap:hover .over_view{background:rgba(0,0,0,.8);} .other_rooms_wrap:hover .other_rooms_area a i {color:#d59337;} #rooms_detail_img {width:100%; margin:50px 0;} #rooms_detail_img:after{ content:""; display:block; clear:both;} #rooms_detail_img .img_box1 {width:100%; } #rooms_detail_img .img_box1:after{ content:""; display:block; clear:both;} #rooms_detail_img .img_box1 img {width:100%; margin-bottom:2%;} #rooms_detail_img .img_box2 {width:100%; } #rooms_detail_img .img_box2:after{ content:""; display:block; clear:both;} #rooms_detail_img .img_box2 ul {width:100%; padding:0; margin:0;} #rooms_detail_img .img_box2 ul li {float:left; width:49%; margin-right:2%; margin-bottom:2%; overflow:hidden;} #rooms_detail_img .img_box2 ul li:nth-child(2n) {float:right; margin-right:0;} #rooms_detail_img .img_box2 ul li:last-child {margin-bottom:0;} #rooms_detail_img .img_box2 ul li img {width:100%; } #rooms_detail_img .img_box3 {width:100%;} #rooms_detail_img .img_box3:after{ content:""; display:block; clear:both;} #rooms_detail_img .img_box3 ul {width:100%; margin:0; padding:0; } #rooms_detail_img .img_box3 ul li {float:left; width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden;} #rooms_detail_img .img_box3 ul li:nth-child(3n) {float:right; margin-right:0;} #rooms_detail_img .img_box3 ul li:last-child {margin-bottom:0;} #rooms_detail_img .img_box3 ul li img {width:100%; } .room_intro_txt{width:100%; text-align:center; font-size:1.1em;} .rooms_info_all { width:100%; max-width:1300px; margin:30px auto 50px; } .rooms_info_all:after { content:""; display:block; clear:both;} .rooms_info_all h3.caution_tit {font-size:2em; font-weight:700; color:#333; text-align:center; margin-bottom:15px;} .rooms_info_all ul { float:left; font-size:0; width:100%; padding:0; margin:0;} .rooms_info_all ul li{ display:inline-block; *display:inline;*zoom:1; width:32%; font-size:13px; margin-right:2%; box-sizing:border-box; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;} .rooms_info_all ul li:last-child {margin-right:0;} .rooms_info_all ul li .inner{ display:table; width:100%; padding:0; margin:0;} .rooms_info_all ul li .inner_area{ display:table-cell; vertical-align:middle; width:100%; height:200px; color:#000; text-align:center;} .rooms_info_all ul li .con_icon { width:50px; height:50px; text-align:center; display:block; margin:0 auto; background-color:#293d6b; border-radius:100%; overflow:hidden;} .rooms_info_all ul li .con_icon i { width:50px; height:50px; line-height:50px; color:#fff; font-size:1.5em;} .rooms_info_all ul li div.con_txt {width:100%; margin-top:15px;} .rooms_info_all ul li div.con_txt p{ display:block; color:#000; font-size:1.4em; font-weight:700; } .rooms_info_all ul li div.con_txt span{ display:block; color:#777; font-size:1em; line-height:1.5em; margin-top:10px; padding:0 15px; word-break:keep-all; } @media all and (max-width:1500px){ #roomsListType03 .thumbs-gallery .swiper-slide{background-color:#fafafa;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-left{height:auto;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right{height:auto; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner{padding-top:80px;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon { margin-top:25px;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul{padding:0;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul li{ margin:5px 0; padding:0 15px;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner .infoIcon ul li div i {width:35px; height:35px; line-height:35px; font-size:1.5em; } #roomsListType03 .reserv_bt_s{margin:20px auto; margin-bottom:0;} } @media all and (max-width:1300px){ #roomsListType02 .rooms_list .txt_area{width:48%;right:0;} #roomsListType02 .rooms_list .type_other .main_txt_pc{width: 100%;} } /* 반응형 중간기기 1200px 사이즈 이하*/ @media all and (max-width:1200px){ #roomsListType01 #pro_bnr .pro_box{width:calc(33.333333% - 30px); margin-left:30px; margin-bottom: 30px; } #roomsListType02 .rooms_list{margin-bottom:90px;} #roomsListType02 .rooms_list .img_left{width:50%;} #roomsListType02 .rooms_list .img_right{width:50%;} #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right .con_left_inner{padding-top:30px;} #roomsViewType02 .thumbs-gallery .gallery-top { height:600px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { width:25%; height:90px; } } @media all and (max-width:1100px){ #rooms_visual{top:0px; margin-top:0;} #rooms_visual .swiper-slide{width:100%; height:auto;} #rooms_visual .swiper-slide div.backgroundimg{height:auto; } #rooms_visual .sliderkit-text {height:auto; bottom:35%; background:rgba(255,255,255,0); } #rooms_visual .sliderkit-text h1.lviewa{font-size:2em;} #rooms_visual .sliderkit-text h1.sviewa{font-size:1.25em;} #rooms_visual .sliderkit-text h1 img{width:60%;} #rooms_visual .sliderkit-text div span{display:inline-block; padding:0 30px; font-size:1em; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-left { width:100%; height:auto; } #roomsListType03 .thumbs-gallery .swiper-slide .swiper-slide-right {width:100%; height:auto; padding:0; padding-top:30px;} #roomsListType03 .reserv_bt_s{margin:50px auto;} } /* 반응형 중간기기 1000px 사이즈 이하*/ @media all and (max-width:1000px){ #roomsListType02 .rooms_list img { } #roomsListType02 .rooms_list:last-child {margin-bottom:50px;} #roomsListType02 .rooms_list .img_left { width:100%; } #roomsListType02 .rooms_list .img_right { width:100%; } #roomsListType02 .rooms_list .txt_area { clear:both; position:static; position:relative; top:15px;margin-bottom: 65px;width:100%; padding:0; background-color:rgba(255,255,255,0);} #roomsListType02 .rooms_list .txt_area h4.b_tit{ font-size:1.25em; color:#2e2e2e; text-align:center; padding: 20px 0 10px;height: 64px;} #roomsListType02 .rooms_list .txt_area h5{text-align: center;margin-top: 10px;} #roomsListType02 .rooms_list .txt_area p{text-align: center; width: 80%;margin: 0 auto;} #roomsListType02 .rooms_list .txt_area .instagram_contact{text-align: center;} #roomsListType02 .rooms_list .type_other {clear:both; position:static; position:relative; top:0px;width:100%; padding:0; background-color:rgba(255,255,255,0);} #roomsListType02 .type_other .btn, #roomsListType02 .btn{text-align: left;margin-top: 15px;} } /* 반응형 중간기기 900px 사이즈 이하*/ @media all and (max-width:900px){ .rooms_info_all ul li{ width:100%; padding:20px 20px; margin-right:0; margin-bottom:5px; } .rooms_info_all ul li .inner_area{ height:auto;} .rooms_info_all ul li .con_icon {float:left; display:inline-block; margin-right:20px; } .rooms_info_all ul li div.con_txt { width:70%; float:left; text-align: left; margin-top:0;} .rooms_info_all ul li div.con_txt span {padding:0;} } /* 반응형 중간기기 768사이즈 이하 */ @media screen and (max-width: 768px) { #rooms_visual .swiper-slide .backgroundimg .mobile_only{display:block;} #rooms_visual .swiper-slide .backgroundimg .pc_only{display:none;} #rooms_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{display:none !important;} #rooms_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{display:none !important;} #rooms_visual .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20%;} #roomsListType01 #pro_bnr{margin-left:-20px;} #roomsListType01 #pro_bnr .pro_box{width:calc(50% - 20px); margin-left:20px; margin-bottom: 20px; } #roomsViewType01 .rooms_info ul {padding:0;} #roomsViewType01 .rooms_info ul li{ width:100%; padding:20px 0; border-right:0; border-bottom:1px solid #ddd;} #roomsViewType01 .rooms_info ul li div.con_txt p{ float:left; width:25%; text-align:center; padding:2px 5px;} #roomsViewType01 .rooms_info ul li div.con_txt span{float:left; width:75%; display:inline-block; text-align:left; padding-left:15px; margin-top:0; } #roomsViewType01 .thumbs-gallery .swiper-container{margin-top:0px;} #roomsViewType01 table.rooms_price{margin-top:20px;} #roomsViewType02 .thumbs-gallery .gallery-top { height:410px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:70px; } #roomsListType03 .thumbs-gallery .swiper-button-prev,.swiper-container-rtl .swiper-button-next{margin-top:-20px; width:40px; height:40px; background-size:100%;} #roomsListType03 .thumbs-gallery .swiper-button-next,.swiper-container-rtl .swiper-button-prev{margin-top:-20px; width:40px; height:40px; background-size:100%;} #ddny_room_daily_price{margin-top:20px;} .other_rooms_area { height:auto; padding:40px 25px; } .other_rooms_area a span.txt { font-size:1.5em;} } /* 반응형 작은기기 640사이즈 이하 */ @media screen and (max-width: 640px) { #roomsListType03 .thumbs-gallery .swiper-button-prev,.swiper-container-rtl .swiper-button-next{top:23%;} #roomsListType03 .thumbs-gallery .swiper-button-next,.swiper-container-rtl .swiper-button-prev{top:23%;} #roomsViewType02 .thumbs-gallery .gallery-top { height:340px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:60px; } .common_information .info1 .detail{width:100%;} } /* 반응형 작은기기 480사이즈 이하 */ @media screen and (max-width: 480px) { #rooms_visual .sliderkit-text h1.lviewa{font-size:1.5em;} #rooms_visual .sliderkit-text h1.sviewa{font-size:0.9em;} #rooms_visual .sliderkit-text div span{ font-size:0.7em;} #roomsListType01{padding:10px 0; padding-bottom:10px;} #roomsListType01 #pro_bnr{margin-left:-10px;} #roomsListType01 #pro_bnr .pro_box{width:calc(50% - 10px); margin-left:10px; margin-bottom: 10px; } #roomsListType02 .rooms_btn_more { width:auto; height:auto; line-height:auto; min-width:100px; padding:0px 15px;} #roomsListType02 .rooms_btn_more_re { width:auto; height:auto; line-height:auto; min-width:100px; padding:0px 15px;} #roomsListType02 .rooms_btn_more{margin: 0px 36px;font-size: 11px;line-height: 26px;} #roomsListType03 .reserv_bt_s{width:40%; height:40px; line-height:40px; margin:10px auto; margin-bottom:30px;} .common_information .info1 .detail.right {margin-top:30px;} #ddny_room_daily_price .week_date p{font-size:1em;} #roomsViewType01 .reserv_bt_s{width:40%; height:40px; line-height:40px;} #roomsViewType01 .reserv_bt_sa{width:40%; height:40px; line-height:40px;} #roomsViewType02 .thumbs-gallery .gallery-top { height:265px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:40px; } #roomsViewType02 .thumbs-gallery .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {width:30px; height:30px;} #roomsViewType02 .thumbs-gallery .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ margin-top:-15px; width:30px; height:30px; background-size:85%; } #roomsViewType02 .thumbs-gallery .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ margin-top:-15px; width:30px; height:30px; background-size:85%; } #roomsViewType02 .reserv_bt_s{width:40%; height:40px; line-height:40px;} #roomsViewType02 .reserv_bt_sa{width:40%; height:40px; line-height:40px;} .rooms_info_all ul li .con_icon { width:40px; height:40px; } .rooms_info_all ul li .con_icon i { width:40px; height:40px; line-height:40px; font-size:1.25em;} .rooms_info_all ul li div.con_txt p{ font-size:1.15em; } #footer .copyright{padding:0;} } /* 반응형 작은기기 360사이즈 이하 */ @media screen and (max-width: 360px) { #roomsViewType02 .thumbs-gallery .gallery-top { height:192px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:30px; } }