/* 숙박 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* 숙박 메인 */ #container.sub-main.room{background:transparent;} .sub-main .section{margin-bottom:20px; zoom:1;} .sub-main .section:after{content:''; display:block; clear:both;} .room .reserv{padding:0 20px; border-top:2px solid #ff5722; background:#fff;} .room .reserv .form{width:100%;} .room .reserv .form:after{content:''; display:block; clear:both;} .room .reserv dl{float:left; width:178px; margin-right:14px;} .room .reserv dl.col01, .room .reserv dl.col02{width:230px;} .room .reserv dl.col03{width:160px;} .room .reserv .btn_comm{float:right; width:100px; margin-top:28px; text-align:center;} .room .main-visual-banner{width:100%;} .main-visual-banner .visual{float:left; overflow:hidden; width:822px; height:411px;} .main-visual-banner .visual>li{float:left; width:100%;} .main-visual-banner .b-list{float:right; width:265px; height:411px; background:#fff;} .main-visual-banner .list{overflow:hidden; float:left; width:100%; height:360px;} .main-visual-banner .list li{float:left; width:262px; height:72px; padding:0; border-left:3px solid #fff;} .main-visual-banner .list li a{display:block; height:51px; padding:10px; border-bottom:1px solid #ebebeb;} .main-visual-banner .list li.selected{border-left-color:#ff5722;} .b-list .bottom{clear:both; width:100%; padding:10px 0;} .b-list .bottom .page{padding:5px 0 0 20px;} .b-list .bottom .navi{padding-right:20px;} .b-list .bottom .navi a{float:left; padding-left:10px;} .main-visual-banner .list .bx-viewport{ height:360px !important;} /*상단 숙박 메인 비주얼 20160720 김임선 추가*/ .icon-special{ -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-weight: bold; font-size: 14px; line-height:18px; color: #fff;background: #ff5722; padding:5px 10px} .main-visual-banner .visual .ld-event .ban-price{position: absolute; right:60px; top:50px;} .main-visual-banner .visual .ld-event{width:822px; height:411px; overflow:hidden } /* 숙소 메인 상단 이벤트 이미지 bg 설정영역*/ .main-visual-banner .visual .ld-event.bg01 { background: url(/images/item/ld/top_banner/banner_lotte.jpg) center center no-repeat;} /*롯데 */ .main-visual-banner .visual .ld-event.bg02 { background: url(/images/item/ld/top_banner/banner_shilla.jpg) center center no-repeat;} /*신라 */ .main-visual-banner .visual .ld-event.bg03 { background: url(/images/item/ld/top_banner/banner_yresort.jpg) center center no-repeat;} /*와이리조트*/ .main-visual-banner .visual .ld-event.bg04 { background: url(/images/item/ld/top_banner/banner_lottecity.jpg) center center no-repeat;} /*롯데시티 */ .main-visual-banner .visual .ld-event.bg05 { background: url(/images/item/ld/top_banner/banner_kensington.jpg) center center no-repeat;} /*켄싱턴*/ .main-visual-banner .visual .ld-event.bg06 { background: url(/images/item/ld/top_banner/banner_damnroo.jpg) center center no-repeat;} /*담앤루*/ .main-visual-banner .visual .ld-event.bg07 { background: url(/images/item/ld/top_banner/banner_bestwest.jpg) center center no-repeat;} /*베스트웨스트 */ .main-visual-banner .visual .ld-event.bg08 { background: url(/images/item/ld/top_banner/banner_sumorum.jpg) center center no-repeat;} /*섬오름*/ .main-visual-banner .visual .ld-event.bg09 { background: url(/images/item/ld/top_banner/banner_olle.jpg) center center no-repeat;} /*올레*/ .main-visual-banner .visual .ld-event.bg10 { background: url(/images/item/ld/top_banner/banner_theone.jpg) center center no-repeat;} /*더원 */ .main-visual-banner .visual .ld-event.bg11 { background: url(/images/item/ld/top_banner/banner_haevichi.jpg) center center no-repeat;} /*헤비치*/ .main-visual-banner .visual .ld-event.bg12 { background: url(/images/item/ld/top_banner/banner_kensingtonresort.jpg) center center no-repeat;} /*켄싱턴리조트*/ .main-visual-banner .visual .ld-event.bgdays { background: url(/images/item/ld/top_banner/banner_days.jpg) center center no-repeat;} .main-visual-banner .visual .ld-event.bgsgkal { background: url(/images/item/ld/top_banner/banner_sgkal.jpg) center center no-repeat;} /*서귀포 kal*/ .main-visual-banner .visual .ld-event.bgglad { background: url(/images/item/ld/top_banner/banner_glad.jpg) center center no-repeat;} /*메종글래드*/ .main-visual-banner .visual .ld-event.bgstay { background: url(/images/item/ld/top_banner/banner_slstay.jpg) center center no-repeat;} /*신라스테이*/ .main-visual-banner .visual .ld-event.bguni { background: url(/images/item/ld/top_banner/banner_uni.jpg) center center no-repeat;} /*유니호텔*/ .main-visual-banner .visual .ld-event.bgmarevo { background: url(/images/item/ld/top_banner/banner_marevo.jpg) center center no-repeat;} /*마레보*/ .main-visual-banner .visual .ld-event.bgwh { background: url(/images/item/ld/top_banner/banner_wh.jpg) center center no-repeat;} /*휘슬락*/ .main-visual-banner .visual .ld-event.bgramada { background: url(/images/item/ld/top_banner/banner_ramada.jpg) center center no-repeat;} /*라마다*/ .main-visual-banner .visual .ld-event.bgkssg { background: url(/images/item/ld/top_banner/banner_kensingtonsg.jpg) center center no-repeat;} /*켄싱턴리조트서귀포*/ .main-visual-banner .visual .ld-event.bgthebbs { background: url(/images/item/ld/top_banner/banner_thebbs.jpg) center center no-repeat;} /*더비비스*/ .main-visual-banner .visual .ld-event.bgsumorum { background: url(/images/item/ld/top_banner/banner_sumorum.jpg) center center no-repeat;} /*섬오름*/ .main-visual-banner .visual .ld-event.bgwe { background: url(/images/item/ld/top_banner/banner_we.jpg) center center no-repeat;} /*we호텔*/ .main-visual-banner .visual .ld-event.bgive { background: url(/images/item/ld/top_banner/banner_ive.jpg) center center no-repeat;} /*ive호텔*/ .main-visual-banner .visual .ld-event.bgoceansuites { background: url(/images/item/ld/top_banner/banner_oceansuites.jpg) center center no-repeat;} /*오션스위츠*/ .main-visual-banner .visual .ld-event.bgearlybird { background: url(/images/item/ld/top_banner/banner_earlybird_event.jpg) center center no-repeat;} /*추석얼리버드이벤트*/ .main-visual-banner .visual .ld-event.bgdyneoceano { background: url(/images/item/ld/top_banner/banner_dyneoceano.jpg) center center no-repeat;} /*다인오세아노*/ .main-visual-banner .visual .ld-event.bgbenikea { background: url(/images/item/ld/top_banner/banner_benikea.jpg) center center no-repeat;} /*베니키아*/ .main-visual-banner .visual .ld-event.bgphoenix { background: url(/images/item/ld/top_banner/banner_phoenix.jpg) center center no-repeat;} /*휘닉스*/ .main-visual-banner .visual .ld-event.bgmulddele { background: url(/images/item/ld/top_banner/banner_mulddele.jpg) center center no-repeat;} /*물뜰에쉼팡리조트*/ .main-visual-banner .visual .ld-event.regent { background: url(/images/item/ld/top_banner/banner_regent.jpg) center center no-repeat;} /*호텔리젠트마린*/ .main-visual-banner .visual .ld-event.podo { background: url(/images/item/ld/top_banner/banner_podo.jpg) center center no-repeat;} /*포도호텔*/ .main-visual-banner .visual .ld-event.bgfamily_event { background: url(/images/item/ld/top_banner/banner_family_event.jpg) center center no-repeat;} /*키즈룸기획전*/ .main-visual-banner .visual .ld-event.bgbayhill { background: url(/images/item/ld/top_banner/banner_bayhill.jpg) center center no-repeat;} /*베이힐풀빌라*/ .main-visual-banner .visual .ld-event.bgcamphortree { background: url(/images/item/ld/top_banner/banner_camphortree_resort.jpg) center center no-repeat;} /*캠퍼트리리조트*/ .main-visual-banner .visual .ld-event.bgnewopen { background: url(/images/item/ld/top_banner/banner_newopen.jpg) center center no-repeat;} /*신규오픈숙소모음전*/ .main-visual-banner .visual .ld-event.osinc { background: url(/images/item/ld/top_banner/banner_osinc.jpg) center center no-repeat;} /*오션스퀘어*/ .main-visual-banner .visual .ld-event.coopcity { background: url(/images/item/ld/top_banner/banner_coopcity.jpg) center center no-repeat;} /*코업시티*/ .main-visual-banner .visual .ld-event.toscana { background: url(/images/item/ld/top_banner/banner_toscana.jpg) center center no-repeat;} /*호텔토스카나*/ .main-visual-banner .visual .ld-event.flock { background: url(/images/item/ld/top_banner/banner_flock.jpg) center center no-repeat;} /*다인리조트/다인오세아노호텔 양떼목장 무료 입장권 증정! */ .main-visual-banner .visual .ld-event.bgtheannex { background: url(/images/item/ld/top_banner/banner_theannex.jpg) center center no-repeat;} /*디아넥스 호텔 */ .main-visual-banner .visual .ld-event.secret { background: url(/images/item/ld/top_banner/banner_secret.jpg) center center no-repeat;} /*시크릿가든풀빌라*/ .main-visual-banner .visual .ld-event.thefirst70 { background: url(/images/item/ld/top_banner/banner_thefirst70.jpg) center center no-repeat;} /*퍼스트70*/ .main-visual-banner .visual .ld-event.hotelsirius { background: url(/images/item/ld/top_banner/banner_hotelsirius.jpg) center center no-repeat;} /*호텔시리우스*/ .main-visual-banner .visual .ld-event.bgkal { background: url(/images/item/ld/top_banner/banner_kal.jpg) center center no-repeat;} /*서귀포칼*/ .main-visual-banner .visual .ld-event.bgoceansquare { background: url(/images/item/ld/top_banner/banner_oceansquare.jpg) center center no-repeat;} /*오션스퀘어리조트*/ .main-visual-banner .visual .ld-event.bglibentia { background: url(/images/item/ld/top_banner/banner_libentia.jpg) center center no-repeat;} /*리벤시아호텔*/ .main-visual-banner .visual .ld-event.sunandmoon { background: url(/images/item/ld/top_banner/banner_sunandmoon.jpg) center center no-repeat;} /*썬앤문리조트*/ .main-visual-banner .visual .ld-event.ecogreen { background: url(/images/item/ld/top_banner/banner_ecogreen.jpg) center center no-repeat;} /*에코그린리조트*/ .main-visual-banner .visual .ld-event.theshore { background: url(/images/item/ld/top_banner/banner_theshore.jpg) center center no-repeat;} /*더쇼어*/ .main-visual-banner .visual .ld-event.oriental { background: url(/images/item/ld/top_banner/banner_oriental.jpg) center center no-repeat;} /*오리엔탈*/ .main-visual-banner .visual .ld-event .cont { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 90px; background: url(/images/bg_opacity_50.png); padding: 20px 0 30px 30px;color:#fff;} .main-visual-banner .visual .ld-event .cont strong{ font-size:30px; font-weight:bold; line-height: 180%;} .main-visual-banner .visual .ld-event li{position:relative; text-align:center;} #dialog_line_event .ev_tit{ font-size:16px; font-weight:800; display:inline-block; color:#3067b8; } #dialog_line_event{font-family:Lato,'Apple SD Gothic Neo','NanumBarunGothic','NanumBarunGothic','나눔바른고딕','맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'돋움',dotum,sans-serif;letter-spacing:-0.5px;*letter-spacing:-1px} /*버튼추가 20160720 김임선*/ .btn-more{background-image: none; padding:8px 15px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:bold; font-size:13px;line-height:48px; color:#fff; border:solid 1px #fff; vertical-align: middle; } .btn-more:hover{text-decoration: none; color:#fff; border:solid 1px #fff; } /***********************/ .sub-main .banner-list{margin-bottom:20px;} .sub-main .banner-list a{float:left; padding-left:13px;} .sub-main .banner-list a:first-child{padding-left:0;} .item-list-top{width:100%; padding-bottom:13px;} .item-list-top:after{content:''; display:block; clear:both;} .item-list-top .tab-menu{float:left; margin-right:12px;} .item-list-infotxt{width:100%; padding-bottom:13px; color:#3d3d3d; font-size:14px; padding-left:10px;} .sub-main ul.tab-menu{zoom:1;} .sub-main ul.tab-menu:after{content:''; display:block; clear:both;} ul.tab-menu li{float:left; padding-right:1px;} ul.tab-menu li a, .item-list-top .btn{display:block; min-width:43px; height:38px; padding:0 20px; line-height:38px; background:#fff; text-align:center;} .item-list-top .btn_map_layer{ color:#ff5722; box-sizing:border-box; vertical-align:middle; padding-top:3px;} ul.tab-menu li a.selected{background:#ff5722; color:#fff; font-weight:bold;} .item-list-top>.btn{float:left;} .item-list-top>.tab-kto{margin-right: 13px; float:left;} .item-list-top .sort{position:relative; float:right;} .item-list-top .sort .btn{padding-right:50px; background:#fff url(/images/bg_arr_d.png) no-repeat 90% 50%;} .item-list-top .sort ul{display:none; position:absolute; top:100%; right:0; z-index:100; width:100%; padding:20px 0; background:#fff;} .item-list-top .sort li{padding:5px 20px;} .item-list.thumb{overflow:hidden;width:100%;} .item-list.thumb>li {float:left;width:266px;margin:2px 2px 8px 8px;/* margin:0 0 12px 12px;*/ background:#fff;} .item-list.thumb>li:hover{border:2px solid #f1440d; margin: 0px 0px 6px 6px; } .item-list.thumb>li.fst {margin-left:2px; clear:both;} .item-list.thumb>li.fst:hover {margin-left:0px;} .item-list.thumb .link_ad { height:318px;} .item-list.thumb .link_item { height:318px;} .item-list.thumb .event_ad { position:absolute; z-index:110; top:10px; left:10px;} .item-list.thumb .event_ad>img { width:52px !important; height:21px !important; float:left;margin-right:7px;} .item-list.thumb .event_ad .sp_sale{ /* background:#ffc408 ; */ background:#ff5722; color:#fff; font-size:11px; display:block; line-height:21px; padding: 0 8px; box-sizing:border-box;float:left; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius:2px; } .item-list.thumb .event_ad .sp_sale img{ height:100% !important;} /*숙박대전 라벨 2020.11.01.kimmi */ .item-list.thumb .event_kto {position: absolute; z-index: 110; top: 10px;} .item-list.thumb .event_kto>img{width:69px !important; height: 48px !important; float: left; margin-right:0px;} .item-list.thumb .clear{} /* 제주특가모음 남은객실여백영향 */ /* 제주닷컴 특가 금액 나올때 높이 조절*/ .room .item-list.thumb .link_ad .frame_g{}/* 제주닷컴 특가 금액 나올때 높이 조절*/ .room .item-list.thumb .link_item .frame_g{}/* 제주닷컴 특가 금액 나올때 높이 조절*/ .room .item-list.thumb .clear strong{ font-size:14px;} .item-list.thumb .sp_price{ clear:both; zoom: 1; padding:10px; border-top: 1px solid #ebebeb; } .item-list.thumb .sp_price span em img{ margin-top:5px; } .item-list.thumb .sp_price>p{ clear:both; width:100%; line-height:2em; } .item-list.thumb .sp_price>p strong{ float:right; display:inline-block; font-size:14px; } .item-list.thumb .link_ad {display:block;position:relative;} .item-list.thumb .link_ad img {width:100%;height:200px;} .item-list.thumb .link_ad .txt_event {position:absolute;left:0;top:176px;width:100%;height:24px;font-size:12px;line-height:24px;color:#fff;background:#000\9;background:rgba(0,0,0,0.6);text-indent:14px;} .item-list.thumb .box_ad { display:block;padding:15px 14px 0;} .item-list.thumb .box_ad .tit_ad {display:block;font-weight:700;font-size:15px;line-height:25px;color:#3d3d3d; } .item-list.thumb .box_ad .tit_ad .txt_tit {display:block; max-width:235px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*float:left;*/} .item-list.thumb .box_ad .tit_ad .txt_local {display:block;margin-left:3px;font-weight:normal;font-size:13px;color:#808080; /*float:left;*/} .item-list .desc_ad {display:block;position:relative;margin-top:20px;padding-left:60px;padding-right:60px;} .event_contents .thumb-list .item-list.thumb .box_ad .tit_ad .txt_tit {display:block; max-width:235px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}/*이벤트 컨텐츠일때*/ .room .item-list .desc_ad {margin-top:10px;} /* 숙박일때 */ .tour .item-list .desc_ad {margin-top:5px;} /* 관광지일때 */ .item-list.thumb .link_ad .ssimg_box{ height:200px; overflow:hidden} .item-list.thumb .link_ad .ssimg_box img{height: auto !important;} /*관광지 이미지 비율*/ .item-list.thumb .link_item {display:block;position:relative;} .item-list.thumb .link_item img {width:100%;height:200px;} .item-list.thumb .link_item .txt_event {position:absolute;left:0;top:176px;width:100%;height:24px;font-size:12px;line-height:24px;color:#fff;background:#000\9;background:rgba(0,0,0,0.6); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; box-sizing: border-box;} .item-list.thumb .box_item { display:block;padding:15px 14px 0;} .item-list.thumb .box_item .tit_item {display:block;font-weight:700;font-size:15px;line-height:25px;color:#3d3d3d; word-break: keep-all;} .item-list.thumb .box_item .tit_item .txt_tit {display:block; max-width:235px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*float:left;*/} .item-list.thumb .box_item .tit_item .txt_local {display:block;margin-left:3px;font-weight:normal;font-size:13px;color:#808080; /*float:left;*/} /* 타임세일>추천특전상품 변경으로 클래스 추가 2022-12-29 by.엠버(wrko@jeju.com) */ .item-list.thumb .box_item .tit_item.benefit {font-size: 14px; color: #ff5722; height: 100px;} .item-list.thumb .box_item .tit_item.benefit .txt_room {height: auto; color: #3d3d3d; font-size: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .item-list .desc_item {display:block;position:relative;margin-top:20px;padding-left:60px;padding-right:60px;} .event_contents .thumb-list .item-list.thumb .box_item .tit_item .txt_tit {display:block; max-width:235px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}/*이벤트 컨텐츠일때*/ .room .item-list .desc_item {margin-top:10px;} /* 숙박일때 */ .tour .item-list .desc_item {margin-top:5px;} /* 관광지일때 */ .item-list.thumb .link_item .ssimg_box{ height:200px; overflow:hidden} .item-list.thumb .link_item .ssimg_box img{height: auto !important;} /*관광지 이미지 비율*/ .item-list .desc_ad .per_sale {position:absolute;left:0;top:5px;width:60px;font-size:20px;line-height:35px;color:#ff5722;} .item-list .desc_ad .per_sale .num_per {font-size:34px;} .item-list .desc_ad .txt_price {display:block;font-size:12px;line-height:15px;color:#999;text-decoration:line-through;letter-spacing:0; text-align:left;} .item-list .desc_ad .txt_sale {display:block;font-size:17px;line-height:20px;letter-spacing:0;} .item-list .desc_ad .txt_sale .num_sale {font-weight:700;} .item-list .desc_ad .txt_rule {display:block;margin-top:5px;font-size:12px;line-height:15px;color:#666;} .item-list .desc_item .per_sale {position:absolute;left:0;top:5px;width:60px;font-size:20px;line-height:35px;color:#ff5722;} .item-list .desc_item .per_sale .num_per {font-size:34px;} .item-list .desc_item .txt_price {display:block;font-size:12px;line-height:15px;color:#999;text-decoration:line-through;letter-spacing:0; text-align:left;} .item-list .desc_item .txt_sale {display:block;font-size:17px;line-height:20px;letter-spacing:0;} .item-list .desc_item .txt_sale .num_sale {font-weight:700;} .item-list .desc_item .txt_rule {display:block;margin-top:5px;font-size:12px;line-height:15px;color:#666;} .badge_ad {display:inline-block; height:21px;padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12px;line-height:21px;color:#26a09e;border:#26a09e 1px solid; } .badge_ad .ico_headset{width:12px;height:14px;margin-top:4px;margin-right:3px;background-position:-95px -35px;vertical-align:top; display: none} .badge_ad.type2{background:#fff;} .badge_ad.type3{background:#808080;} .badge_ad.type4{background:#ffeee8; color:#ff5722;} .package .badge_ad.type4{ border:#ff5722 1px solid;} .badge_immrsv{display:inline-block; height:21px;padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12px;line-height:21px;color:#f1440d;border:#f1440d 1px solid;}/* 상담예약 */ .badge_immrsv .ico_monitor{width:12px;height:14px;margin-top:4px;margin-right:3px;background-position:-95px -59px;vertical-align:top; display: none} .badge_loading {display:inline-block; height:21px;padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12px;line-height:21px;color:#999;border:#999 1px solid; } .item-list .badge_ad, .list_ad .badge_ad, .item-list .badge_immrsv, .list_ad .badge_immrsv, .item-list .badge_loading{position:absolute;right:0;top:6px;} /*.item-list.thumb .link_ad .frame_g {display:none;position:absolute;left:0;top:0;width:262px;height:294px;border:2px solid #f1440d;} 테두리*/ .item-list.thumb .link_ad:hover {text-decoration:none;} .item-list.thumb .link_ad:hover .frame_g {display:block;} .item-list.thumb .link_item:hover {text-decoration:none;} .item-list.thumb .link_item:hover .frame_g {display:block;} .pos-rel{position:relative;} .mini-layer{display:none; position:absolute; z-index:1000; padding-top:17px;} .mini-layer>span:first-child{position:absolute; top:0; left:100px; display:block; width:32px; height:18px; background:url(/images/bg_mini_layer_top.png) no-repeat;} .layer-cont{padding:20px; background:#fff; border:1px solid #e0e0e0;} .layer-cont + span{position:absolute; bottom:0; left:100px; display:block; width:32px; height:18px; background:url(/images/bg_mini_layer_bottom.png) no-repeat;} .mini-layer .btn-group{text-align:center;} .mini-layer .btn-group .btn_comm{float:none; margin-top:0;} .room .reserv .mini-layer{ width:178px; padding-top:0px; } #map_jeju{width:453px; height:448px; top:100%; left:0;} #map_jeju .layer-cont{padding:0;} #map_jeju #jejumap{position:relative; width:100%; background:url(/images/bg_map_jeju.png) no-repeat; border-bottom:1px solid #e0e0e0;} #map_jeju #jejumap.m0{background-image:url(/images/img_map_jeju_01.png);} #map_jeju #jejumap.m1{background-image:url(/images/img_map_jeju_02.png);} #map_jeju #jejumap.m2{background-image:url(/images/img_map_jeju_03.png);} #map_jeju #jejumap.m3{background-image:url(/images/img_map_jeju_04.png);} #map_jeju #jejumap.m4{background-image:url(/images/img_map_jeju_05.png);} #map_jeju #jejumap.m5{background-image:url(/images/img_map_jeju_06.png);} #map_jeju #jejumap.m6{background-image:url(/images/img_map_jeju_07.png);}/* 전체 선택시 */ #map_jeju .check-all{position:absolute; bottom:15px; right:15px;} #map_jeju .btn-group{padding-bottom:20px;text-align:center;} #map_jeju .btn-group .btn_comm{float:none; margin-top:0;} #map_jeju .group_choice{width:100%; padding:0;} #map_jeju .group_choice:after{content:''; display:block; clear:both;} #map_jeju .group_choice>li{float:left; width:50%; padding:5px 0;} #map_jeju .group_choice>li:first-child{width:100%;} #room_type {} #room_type .group_choice{padding:0; white-space:nowrap;} #room_type .group_choice>li{padding:5px 0; text-align:left;} #checkinout{top:100%; left:0; width:590px;} #checkinout .clear>div{width:260px; padding:0;} .calendar-top{width:100%; position:relative; padding-bottom:20px; text-align:center; line-height:32px; font-size:19px;} .mini-layer .calendar-top a:first-child{position:absolute; top:0; left:0;} .mini-layer .calendar-top strong + a {position:absolute; top:0; right:0;} .calendar{width:100%; border-collapse:collapse; text-align:center; font-size:14px;} .calendar td{border:1px solid #ebebeb;} .calendar td a{display:block; padding:7px 5px;} .calendar td.emp{border:0;} .calendar .sun a{color:#e53935;} .calendar .sat a{color:#37b7b5;} .calendar .today a{background:#ebebeb;} .calendar .selected{background:#ff5722; border-color:#f1440d !important;} .calendar .selected2{background:#ff794e; color:#fff; border-color:#f1440d !important;} .calendar .selected a, .calendar .selected2 a{color:#fff;} /* 숙박검색결과 */ .search-result .search-info{background:#fff;} .search-info .local{background-image:url(/images/ico_local.png) !important; font-size:20px;} .search-info .type{background-image:url(/images/ico_hotel.png) !important; font-size:15px; line-height:1.3;} .search-result .filter{width:353px; background:#fff;} .filter h3{height:40px; padding-top:15px; padding-left:20px; font-size:16px; color:#fff; background:#37b7b5;} .filter h3 small{font-weight:normal; font-size:12px;} .filter dl{padding-top:30px;} .filter dl:first-child{padding-top:0;} .filter dt{height:35px; font-size:15px; font-weight:bold;} .filter dt span{display:inline-block; padding-right:20px; background:url(/images/bg_filter_dt.gif) no-repeat 100% 50%;} .ui-slider{position:relative; margin-top:10px;} .ui-slider-horizontal{width:100%; height:4px; background:#d3d3d3; border-radius:3px;} .ui-slider-range{position:absolute; top:0; height:4px; background:#ff5722;} .ui-slider-handle{position:absolute; top:0; display:block; width:30px; height:30px; margin-top:-15px;background:url(/images/img_slider.png) no-repeat;} .price-range span{line-height:20px;} .price-range input[type=text]{border:1px solid transparent; line-height:1.1; max-width:120px; background: #EBB0B1;} .ie678 .price-range input[type=text]{padding-top:3px;} .filter .ppl .box_text{padding:9px;} .filter .ppl dd>*{display:inline-block; vertical-align:middle;} .filter .group_choice{width:100%;} .filter .group_choice:after{content:''; display:block; clear:both;} .filter .group_choice>li{float:left; width:50%; padding:5px 0;} .filter .group_choice>li>label{float:left;} .filter .group_choice>li>span{display:inline; float:right; padding-right:10px; color:#808080;} .filter .group_choice>li:nth-child(even)>label{display:inline; margin-left:10px;} .filter .group_choice>li:nth-child(even)>span{padding-right:0;} .filter .btn-group{padding-bottom:20px; text-align:center;} .filter .btn-group .btn_other{width:180px;} .search-result .result-list{position:relative;width:727px;} .search-result .result-list h3{height:40px; font-size:21px;} .search-result .item-list-top{position:absolute; top:0; right:0; width:auto; float:right;} .search-result .item-list-top>*{float:left;} .search-result .item-list-top .sort + a{display:inline; margin-left:12px;} .search-result .thumb-left>li{padding:20px; margin:10px 0; background:#fff; }/* 8월 4일추가-현정*/ .search-result .thumb-left li{display:block; clear: both; float:left; width:100%; box-sizing:border-box; } .thumb-left .wrap{position:relative; width:100%; min-height:170px;} .thumb-left .badge_ad, .thumb-left .badge_immrsv, .thumb-left .badge_loading{position:static; display:inline-block; margin-bottom:5px; } .thumb-left .badge.event{position:absolute; top:0; right:0; width:77px; height:31px; padding-top:7px; padding-left:5px; background:url(/images/bg_badge_event.png) no-repeat; text-align:center; color:#fff; box-sizing:border-box;} .room .thumb-left .badge.event{ width:49px; height:49px;} .thumb-left .sp_sale{ float:left;background:#ff5722; font-size:12px; color:#fff; display:block; line-height:21px; padding: 0 8px; box-sizing:border-box;float:left; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius:2px; position:absolute; z-index:1; left:10px; top:10px;} .thumb-left .wrap a{text-decoration:none;} .thumb-left .wrap>dl{padding-left:248px;} .thumb-left .thumb{position:absolute; top:0; left:0; width:220px; height:170px;} .thumb-left dt strong{display:block; padding-right:5px; font-size:21px; margin-bottom:10px; clear: both;} .badge.map{display:inline-block;height:19px;padding:0 5px;border-radius:3px;font-size:12px;line-height:19px;border:1px solid #ccc;} .thumb-left small{margin-right:10px; color:#808080;} .thumb-left .exp{padding:10px 0;} .thumb-left .price{ bottom:0; /* left:250px;*/ font-size:22px; line-height:1.2; clear:both; /* float:left; */ width:100%; display:block; } .thumb-left .price em{font-size:14px; font-weight:bold;} .thumb-left .price small{padding-left:12px;} .thumb-left .sp_price{/* position:absolute; bottom:0; left:250px;*/ clear:both; float:left; width:100%; display:block; margin-top:10px; border-top: 1px solid #ebebeb; } .thumb-left .sp_price > p{ display: inline-block; float:left; margin-right:15px; width:100%;} .thumb-left .sp_price p img{ margin-top:8px;} .thumb-left .sp_price strong{ font-size:15px; padding-left:5px;} .thumb-left .wrap .btn_comm{ right:0px; bottom:0px; position:absolute; width:100px; text-align:center;} .event-layer{display:none; position:absolute; top:31px; right:0; z-index:1; width:468px; padding:20px; background:#fff; border:1px solid #ff5722;} .search-result .reserv{border-top:0 !important;} .map-layer .popup-title{background:#fff; border-bottom:1px solid #ebebeb; color:#3d3d3d; font-size:22px;} .map-layer .form{position:absolute; top:20px; left:250px; float:left;} .map-layer .form>*{float:left;} .map-layer .form input{width:180px; height:20px; padding:10px; border:0; background:#f5f5f5; border-radius:3px 0 0 3px;} .map-layer .form .box_text.date { background-image:url(/images/ico_cal_01.png) !important; background-position:95% 50%; background-repeat:no-repeat; margin-right:10px; border-radius: 3px ; } .map-layer .form .btn_comm{width:80px; height:40px; line-height:40px; font-size:14px; text-align:center; border-radius:0 3px 3px 0} .map-area{position:relative; width:100%;} .map-area .group_choice{padding:15px;} .map-area .group_choice li{display:inline; padding-right:25px;} .map-area .box_slt{width:100px; padding:5px 10px; margin-top:10px; margin-right:20px;} .map-area .box_slt .inp_slt{font-size:12px;} .map-area .local{position:absolute; bottom:20px; left:10px; float:left; background:#fff;z-index:10} .map-area .local>*{float:left; font-size:14px;} .map-area .local dt{width:110px; height:44px; line-height:44px; color:#fff; background:#ff5722; text-align:center;} .map-area .local dd{padding:13px 20px 0;} .map-area .local li{display:inline; padding-right:20px} .map-area .local .selected{border-bottom:2px solid #ff5722;} /* .mini-layer.map{width:323px; height:264px; padding:1px 0 0 3px; background:url(/images/bg_mini_layer_map.png) no-repeat;} .mini-layer.map .info{padding:13px;} .mini-layer.map .info *{display:block;} .mini-layer.map .info strong{font-size:15px;} */ /* 상품 텍스트 넘침으로 레이아웃 수정 2023-03-30 by.엠버(wrko@jeju.com) */ /* #map_place_info{width:323px; height:245px; padding:1px 0 0 3px; background:url(/images/bg_mini_layer_map_new.png) no-repeat; position:relative; bottom:38px;} #map_place_info .close{ display:block; position:absolute; z-index:1111111; width:25px; height:25px; right:3px; top:0px;} #map_place_info .arrow{ display:block; position:absolute; z-index:1111111; width:34px; height:19px; background:url(/images/bg_mini_layer_map_arrow.png) 0 0 no-repeat;bottom:-15px; left:145px;} */ #map_place_info{width:323px; position:relative; bottom:38px;} #map_place_info .info{padding:13px; background: #fff;border: 1px solid #ccc; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 4px);} #map_place_info .info *{display:block;} #map_place_info .info > span:nth-child(1) {max-width: 75%;} #map_place_info .info > span:nth-child(1) small {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #map_place_info .info > span:nth-child(1) strong a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none;} #map_place_info .info strong{font-size:15px;} #map_place_info .close{ display:block; position:absolute; z-index:1111111; width:25px; height:25px; right:0; top:0;} #map_place_info .arrow{position: absolute; left: 50%; width: 16px; height: 16px; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; border-top: 1px solid #fff; transform: translateX(-40%) rotate(45deg); background-color: #fff; z-index: 1; bottom: -10px;} #map_place_info > a:nth-child(2) {display: block; height: 180px;} #map_place_info > a:nth-child(2) img {width: 100%; height: 100%; object-fit: cover;} #map_content{height:750px;}/*맵검색 레이어 높이*/ #map_container{height:624px;}/*맵영역 높이 #map_content과 126px 차이*/ /* 숙박검색결과없음 20160509 추가:고현정*/ div.no-result01{position:relative; background:#fff url(/images/img_no_result_01.gif)no-repeat; background-position:110px 110px; height:450px; } div.no-result01 p{position:absolute; top:150px; left:250px;} /* 숙박 상세 */ .item-detail .detail-top{padding:30px; margin-bottom:20px; background:#fff;position:relative;} .item-detail h2{min-height:50px;font-size:21px; margin-bottom:10px;} .item-detail h2 strong{font-size:26px;} .item-detail h2 small{font-size:13px; font-weight:normal; color:#808080;} .room-info{padding-bottom:20px; } .room-info>*{display:inline; padding-right:20px; font-size:14px;} .room-info>dt{font-weight:bold; padding-right:10px;} .room-info .check.info{ margin-left:10px;} .checkin-layer{ position:absolute; top:103px; right:167px; z-index:111; width:468px; padding:20px; background:#fff; border:1px solid #ff5722; color:#3d3d3d} .room-visual{} .room-visual .visual-image{overflow:hidden; position:relative; width:100%; height:523px;} .visual-image .btn-navi{position:absolute; top:50%; margin-top:-37px; z-index:10;} .visual-image .btn-navi.prev{left:10px;} .visual-image .btn-navi.next{right:10px;} .visual-image ul{width:100%;} .visual-image ul:after{content:''; display:block; clear:both;} .visual-image li{position:relative; width:100%;} .ws_images .line_event{position:absolute; top:0; left:0; float:left; display:inline; padding:12px; background:url(/images/bg_opacity_50.png); color:#fff; line-height:21px; z-index:91; font-size:13px;} .ws_images .line_event .more{display:inline-block; padding-right:10px; margin:0 12px 0 30px; background:url(/images/bg_arr_r_w.png) no-repeat 100% 50%;} .room-visual .thumbnamil{padding-top:6px; text-align:center;} .room-visual .thumbnamil li{display:inline;padding:0 2px;} .room-visual .thumbnamil li a{display:inline-block; background:#000;} .room-visual .thumbnamil img{ opacity: 0.5;} .thumbnamil .selected img{opacity:1;} .room-result{margin-top:20px; background:#fff;} .room-preview-list{width:100%; border-collapse:collapse;} .room-preview-list thead th{height:40px; background:#626d75; color:#fff;} .room-preview-list td{padding:12px 30px; border-bottom:1px solid #ebebeb; font-size:15px;} .room-preview-list .price{ font-size:17px;} .room-preview-list .btn_comm{/* width:70px;*/ height:32px; line-height:32px; text-align:center; font-size:13px; border-radius:4px; padding:0 10px;} .room-preview-list .btn_comm, .room-preview-list .btn_action{margin:-5px 0;} .room-preview-list img{vertical-align:middle;} .room-preview-list .people{ font-size:13px; color:#808080; margin-left:10px;white-space:nowrap;} .room-div{border-top:2px solid #cacbcc;} tr:first-child .room-div{border-top:0;} .room-summary{padding:20px 0;} .room-summary div:first-child{position:relative; padding-left:80px; padding-top:5px; min-height:47px;} .room-summary .thumb{position:absolute; top:0; left:0;} .room-summary strong{display:block; font-size:17px;} .room-summary .more{margin-top:25px; padding-right:15px; background:url(/images/bg_arr_r_t.png) no-repeat 100% 2px; font-size:15px;} .room-preview{display:none; width:100%; border-top:1px solid #ebebeb; padding:20px 0;} .room-summary .more.open{background:url(/images/bg_arr_d_t.png) no-repeat 100% 5px;} .room-preview .preview{overflow:hidden; position:relative; width:420px; height:280px;} .room-preview .preview ul{width:100%; height:280x;} .room-preview .preview ul:after{content:''; display:block; clear:both;} .room-preview .preview li{width:100%; float:left;height: auto;} .room-preview .preview ul img{ width:420px; height:280px;} .room-preview .navi{position:absolute; top:50%; margin-top:-26px;} .room-preview .navi.prev{left:0; } .room-preview .navi.next{right:0;} .room-preview .navi img{ width:30px; height:35px;} .room-preview dl{width:580px;} .room-preview dt {height:40px; padding-top:10px;} .room-preview dt strong{font-size:15px; padding-right:15px;} .room-preview ul{width:100%;} .room-preview ul:after{content:''; display:block; clear:both;} .room-preview li{float:left; width:16.6%; height:32px;} .room-preview li>span{display:block; position:relative; padding-left:20px; background:url(/images/bg_check_off.png) no-repeat 0 0 !important ; line-height:15px;} .room-preview li>span span{overflow:hidden; position:absolute; top:0; left:0; display:inline-block; width:14px; height:14px; padding-top:14px; background:url(/images/bg_check_on.png) no-repeat 0 0; text-indent:-1000px;} .room-preview li>span.none{color:#999;} .room-detail .tab-menu{margin-top:20px;} .item-detail .tab-menu h3{height:40px; margin-bottom:20px; border-bottom:1px solid #ebebeb; font-size:21px;} .txt-cont>dt{font-size:15px;} .txt-cont>dd{padding:10px 0 20px;} h3 + .grade{margin-top:-20px;} .grade{padding:17px 0; text-align:center; background:#fafafa; border:1px solid #ebebeb; } .grade .star{margin-left:10px;} .star{position:relative; display:inline-block; width:140px; height:26px; background:url(/images/bg_star.png) no-repeat;} .star>*{position:absolute; top:0; left:0; overflow:hidden; display:inline-block; height:0; padding-top:26px; background:url(/images/bg_star_on.png) no-repeat;} .grade>*{vertical-align:middle;} .grade .grade_txt{ padding-left:10px; font-size:20px; font-weight:bold;} .comment>dl{padding:20px 0; border-top:1px solid #ebebeb;} .comment>dl:first-child{border-top:0;} .comment dt strong{font-size:16px; line-height:2;} .comment dt small{font-size:13px; color:#666; margin-left: 8px;} .comment .star{width:110px; height:20px; margin:5px 0 10px; background:url(/images/bg_star_s.png) no-repeat;} .comment .star span{padding-top:20px; background:url(/images/bg_star_s_on.png) no-repeat;} .comment .no_comment{ padding:50px 0; text-align:center; font-size:15px; color:#3d3d3d;border-bottom:1px solid #ebebeb; vertical-align:middle;} .w980{width:980px;} .reservation-layer{background:#fff;} .reservation-layer .cal-area{width:547px; padding:20px; padding-right:0;} .cal-area .calendar-top{position:relative; text-align:center; font-size:24px;} .reservation-layer .reserv-info{width:372px; padding:20px; padding-left:0;} .reservation-layer .clear>dl>dt{height:57px;} .reservation-layer .calendar-top strong{padding:0 20px;} .reservation-layer .calendar thead th{height:37px; border-top:1px solid #ebebeb; background:#fafafa;} .reservation-layer .calendar .first{border-left:1px solid #ebebeb;} .reservation-layer .calendar .last{border-right:1px solid #ebebeb;} .reservation-layer .calendar td{position:relative; height:77px;} .reservation-layer .calendar td span{position:absolute; right:0; text-align:right; padding:5px 5px 0; white-space:nowrap;} .reservation-layer .calendar td span:first-child{top:0;} .reservation-layer .calendar del, .reservation-layer .calendar td>span:first-child{color:#d9d9d9;} .reservation-layer .calendar td span:first-child + span{bottom:0;} .reservation-layer .calendar td a{position:relative; display:block; height:100%; padding:0;} .reservation-layer .calendar a.selected{background:#fff; border:2px solid #ff5722;} .reserv-info>dd{padding:10px; background:#fafafa;} .reserv-info>dd dl.clear{padding:5px 0;} .reserv-info>dd dl.clear dt{width:15%; font-size:14px;} .reserv-info>dd dl.clear dd{width:85%;} .reserv-info .form{padding-top:20px;} .reserv-info .form .box_slt{width:124px; margin-left:5px;} .reserv-info .form .box_text.date{width:160px;} .reserv-info .form .box_slt:first-child{margin-left:0;} .reserv-info .form dt{font-size:14px;} .reserv-info .form dd{padding:10px 0 20px;} .reserv-info .total{width:350px; background:#fff; border:1px solid #e6e6e6;} .reserv-info .total:after{content:''; display:block; clear:both;} .reserv-info .total>*{display:inline; float:left; padding:10px 20px !important; line-height:22px;} .reserv-info .total>dt{ font-size:14px;} .reserv-info .total>dd{float:right; font-size:20px; font-weight:600;} .reserv-info .btn-group{padding-top:20px;} .reserv-info .btn-group a{width:48%; text-align:center;} .reserv-info .btn-group .btn_other{border-color:#ccc; color:#3d3d3d;} .room .room-banner-ss{ margin-top:20px;}/* 숙박관련 관광지상품 배너-20170113 고현정추가-*/ /* 숙박예약레이어-특별가격-*/ .reserv-info .sp_prcie{width:350px; margin-top:10px;} .reserv-info .sp_prcie:after{content:''; display:block; clear:both;} .reserv-info .sp_prcie>*{display:inline; float:left; padding:5px 20px !important; line-height:18px;} .reserv-info .sp_prcie>dt{ font-size:14px; clear:both;} .reserv-info .sp_prcie>dd{float:right; font-size:16px;font-weight:600;} /* 숙박예약레이어의 환불규정- 숙소별 환불규정인 경우-20160616 고현정추가 */ .reservation-layer .refund_box{font-size: 15px;} .reservation-layer .refund_box .title h3{ font-size: 20px; border-bottom: 1px solid #ebebeb; height:40px;} .reservation-layer .refund_box .sub_txt{ display:block; width:100%; clear:both;font-size: 15px; color:#3d3d3d; line-height: 1.5em; margin-top:20px;} .reservation-layer .refund_box li{ clear:both;display:block; width:100%; display:block; } .reservation-layer .refund_box .ptn_txt{ margin-top:20px;} .room .pd30, .layer-popup .pd30{ font-size:15px; line-height:25px;} .room .pd30 .data-table th, .room .pd30 .data-table td{font-size:15px;} #table_detail_price th, #table_detail_price td{ font-size:15px;} /* 숙소별 규정 공통부분 추가 - 20160808 고현정추가*/ .room .refund .dl-cont>dt{padding: 20px 0 10px; font-weight: bold; font-size: 19px; color: #3d3d3d !important;} /* 객실별 특전 레이어 */ .layer_room_specail { position:absolute; border:1px solid #37b7b5; background-color:#FAFAFA; padding:10px; z-index:10; max-width:800px } .box_roomslt { display: inline-block; overflow: hidden; padding: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #b3b3b3; background: #fff; vertical-align: top;} .box_roomslt .inp_slt{width: 100%; height: 20px; border: 0 none; font-size: 15px; line-height: 20px; color: #999; background: transparent url(/images/ico_select.png) no-repeat 100% 50%; vertical-align: top; padding-right:17px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}