/* 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;} } /* 반응형 중간기기 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 { width:100%; } #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:0px;width:100%; padding:0; background-color:rgba(255,255,255,0);} #roomsListType02 .rooms_list .txt_area h4.b_tit{ height:40px; line-height:40px; font-size:1.25em; color:#fff; text-align:center; background-color:rgba(0,0,0,.5); } #roomsListType02 .rooms_list .type_other {clear:both; position:static; position:relative; top:0px;width:100%; padding:0; background-color:rgba(255,255,255,0);} } /* 반응형 중간기기 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;} #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; } } /* 반응형 작은기기 360사이즈 이하 */ @media screen and (max-width: 360px) { #roomsViewType02 .thumbs-gallery .gallery-top { height:192px; } #roomsViewType02 .thumbs-gallery .gallery-thumbs .swiper-slide { height:30px; } } /*연혁*/ .history_top { width:120px; height:120px; padding-top:27px; margin:70px auto; line-height:22px; font-size:1.5em; text-align:center; color:#fff; background:#333; border-radius: 50%; } .timeline {box-sizing: border-box; } .timeline:before {box-sizing: border-box; } .timeline * {box-sizing: border-box; } .timeline *:before {box-sizing: border-box; } .timeline { position: relative; font-size: 1em; width: 100%; height: 100%; margin:50px auto; overflow-y: hidden; overflow-x: hidden;} .timeline .timeline-block {margin-top:-4px;} .timeline .timeline-icon {position:absolute; width: 12px; height: 12px; left: 50%; margin-left: -6px; margin-top:4px; border: 3px solid #ff6600; border-radius: 100%; background-color: #fff; text-align: center; } .timeline .timeline-icon.timeline-icon-hide-border { border: 0; } .timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img { margin-left: 0; margin-top: 0;} .timeline .timeline-icon i.fa, .timeline .timeline-icon img { display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height: 32px; text-align: center; font-size: 30px; } .timeline .timeline-icon img { border-radius: 100%; } .timeline .timeline-content { position: relative; width: 46%; padding-bottom:50px; line-height: 20px; } .timeline .timeline-content .bar_count { font-size:1.5em; color:#000; margin-bottom:10px;} .timeline .timeline-content ul li img{width:100%; height:100px; margin-top:20px; background:red;} .timeline .timeline-content ul li { font-size:1.2em;} .timeline::before { position: absolute; width: 1px; height: 100%; top:0px; left: 50%; margin-left: -1px; background-color: #eee; content: ""; }/* Half of width */ .timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:right} .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 54%; } .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto; right: 115%; margin-left: -400px; } /*오시는길*/ .map_wrap{ width:100%; max-width:1200px; margin:0 auto; margin-bottom:0px;} .map_wrap .map_info {width:100%; margin-top:40px;} .map_wrap .map_info .con_box {margin-bottom:30px;} .map_wrap .map_info .con_box>h2 {font-size:1.5em; margin-bottom:10px; color:#000;} .map_wrap .map_info table {width:100%; border-top:1px solid #000;} .map_wrap .map_info table th {padding:0; margin:0; width:20%; text-align:center; font-size:1em; color:#000; vertical-align:middle; font-weight:normal; /*background:url('/html/image/arr1.gif')no-repeat 95% 40%; */ background:#f5f5f5; border-bottom:1px solid #EEE;} .map_wrap .map_info table td {width:80%; text-align:left; font-size:1em; color:#666; vertical-align:top; padding:10px 0 10px 15px; border-bottom:1px solid #EEE;} .map_wrap .map_info table td > a {color:#666;} .map_wrap .map_info table td > a:hover {color:#000;} /* 반응형 중간기기 992px 사이즈 이하*/ @media all and (max-width:992px){ .timeline .timeline-content ul li { font-size:1.1em;} .timeline .timeline-content ul li img{height:auto; } } /* 반응형 중간기기 768사이즈 이하 */ @media screen and (max-width: 768px) { .company .ceo_img { width:100%; text-align:center; height:auto; } .company .ceo_img img { width:60%;height:auto;} .company .ceo_txt{ width:100%; padding:0; margin-top:50px;} } /* 반응형 작은기기 480사이즈 이하 */ @media screen and (max-width: 480px) { .company .ceo_txt h2{font-size:1.3em; font-weight:700;} .timeline .timeline-icon {left:10px; margin-top:10px;} .timeline .timeline-content { width: 90%; } .timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:left; margin-left:30px; } .timeline::before { left:10px; top:10px; } .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left:0; margin-left:30px;} } /* 반응형 작은기기 360사이즈 이하 */ @media screen and (max-width: 360px) { .company .ceo_img img { width:80%;} }