#banner{ height: 90vh; } /* #banner .banner-in .banner-txt h2{ font-family: 'Pretendard Variable'; font-weight: 600;} */ #intro .intro-in .intro-left .intro-txt .intro-btn { margin-top: 60px; } .scroll{ display:none; } .banner-swiper .img1{background:url(http://pohangp.cdn1.cafe24.com/sub2/image1.jpg) no-repeat center/cover; } .banner-swiper .img2{background:url(http://pohangp.cdn1.cafe24.com/sub2/image2.jpg) no-repeat center/cover; } .banner-swiper .img3{background:url(http://pohangp.cdn1.cafe24.com/sub2/image3.jpg) no-repeat center/cover; } .banner-swiper .img4{background:url(http://pohangp.cdn1.cafe24.com/sub2/image4.jpg) no-repeat center/cover; } .banner-swiper .img5{background:url(http://pohangp.cdn1.cafe24.com/sub2/image5.jpg) no-repeat center/cover; } .banner-swiper .img6{background:url(http://pohangp.cdn1.cafe24.com/sub2/image6.jpg) no-repeat center/cover; } .banner-swiper .img7{background:url(http://pohangp.cdn1.cafe24.com/sub2/image7.jpg) no-repeat center/cover; } .banner-swiper .img8{background:url(http://pohangp.cdn1.cafe24.com/sub2/image8.jpg) no-repeat center/cover; } .banner-swiper .img9{background:url(http://pohangp.cdn1.cafe24.com/sub2/image9.jpg) no-repeat center/cover; } #intro{ width: 98%; height:auto; margin: 120px auto;} #intro .intro-in{ padding-bottom:0px; } #intro .intro-in .intro-right .right-img{ height:510px; background:url(http://pohangp.cdn1.cafe24.com/sub2/image1.jpg) no-repeat; background-size:cover;} /* #intro .intro-in .intro-left .intro-txt h1{ margin:0px 0px 30px; font-family: 'Pretendard Variable'; font-weight: 600; } */ /*객실정보 연결*/ .room_tit{ display:none; } #room_des{ margin-top:50px; } .room_data li:nth-child(3) .data{padding-right:20px !important;} ul.room_data{padding:0;} .room_data li{display:flex;margin-bottom:15px;align-items:center;font-family: 'Paperlogy3';} .room_data li:last-child{margin-bottom:0;} .room_data li .tit{margin-right:20px;padding:0 !important;font-size:15px !important;font-weight:400 !important;color:#C5C5C5;font-family: 'Paperlogy4';} .room_data li .data{display:flex;width:85%;padding:0 !important;font-size:14px !important;font-weight:400 !important;line-height:24px !important;font-family: 'Paperlogy3'; flex-wrap:wrap;} .room_data> :last-child .data { position: relative; } .room_data> :last-child .data::after { position: absolute; top: 0; left:0; content: "커피포트, 냄비 및 도자기식기류, 컵 등 조리기구일체,수건 다수, 샴푸 및 비누, 치약 제공 (때타올, 칫솔 미제공), 침구류 8개, 에어컨 거실 1개, 안방 1개, 선풍기 2개, 양념류 미제공, 차량 정문 앞 1대, 후문 공터 2대 주차 가능"; background: #fff; } .room_data> :first-child .data> :last-child::after { content: ", 별도 실내바비큐장 있음"; } .room_data li .data p::after{content:'\00a0/\00a0';} /* .room_data li .data p:nth-child(2)::after{ content: '\00a0';} */ .room_data li .data p:last-child::after{content: "\00a0";} .rooms-info .btn{margin:50px 0 0;} .rooms-info-r{display:flex;position:relative;width:50%;padding-top:50px;flex-direction:column;align-items:center;text-align:center;} .rooms-info-r .con-tit{margin-bottom:40px;} .rooms-info-r>p{font-size:15px;font-weight:400px;color:#333;line-height:25px;} .rooms-info-r>p>span{display:block;} .room_data li .person_limit table{ display: none; } /*떠나요 달력*/ /*rate*/ /*#rate{ height:450px; }*/ #rate .rooms-rate{width:96%;margin:80px auto 0px;} #rate .room_rprice{padding:0px;} #rate .rooms-rate .week_date{font-family: 'Paperlogy3';margin-bottom:50px; text-align: center;} #rate .rooms-rate #tit{font-family: 'Paperlogy3';font-size:20px;font-weight:500;color:#000;} #rate .rooms-rate table{border-top: 1px solid #a1a1a1;} #rate .rooms-rate table .head{background-color:#F6F6F6;} #rate .rooms-rate table .head td{padding:20px 0;} #rate .rooms-rate table .state td{background-color:transparent;} #rate .rooms-rate table td{border-bottom:1px solid #a1a1a1;font-family: 'Paperlogy3';font-size:14px;font-weight:400;color:#000;} #rate .rooms-rate .ssn.sc0003{font-family: 'Paperlogy3';font-size:14px;font-weight:400;color:#000;} #rate .rooms-rate table .rprice .sale{font-family: 'Paperlogy3';font-size:16px;font-weight:500;color:#000;} #rate .rooms-rate table .state td{background-color:transparent;padding:20px 0;} #rate .rooms-rate .rstate.soff.sc0030{font-family: 'Paperlogy4'; font-size:14px;font-weight:400;} #rate .rooms-rate .rstate.son.sc0010{font-family: 'Paperlogy4'; font-size:14px;font-weight:400;} #rate .rooms-rate .ssn.sc0001{font-family: 'Paperlogy4'; font-size:14px;font-weight:400;color:#000;} #rate .rooms-rate table .state td{background-color:transparent} #rate .rooms-rate .room_rprice table .state .son{font-weight:600;color:#000;} #rate .rooms-rate .btn{margin:80px auto 0;} #view{ width:100%; height: auto; margin-top: 120px} #view .view-in{ width:95%; margin:0 auto; } #view .view-in h3{ text-align:center; font-family: 'Paperlogy3'; font-size:12px; color: #707070; margin-bottom: 10px; letter-spacing: 1px;} #view .view-in h1{font-family: 'Paperlogy5'; font-size:45px; color:#000; text-align:center; } #view .view-in .view-list{ width:100%; height:auto;} #view .view-in .view-list .list1{ display:flex; justify-content:flex-start; width:100%; height:600px; margin-top: 50px;} #view .view-in .view-list .list2{ display:flex; justify-content:flex-start; width:100%; height:600px; margin-top: 50px;} #view .view-in .view-list .list3{ display:flex; justify-content:flex-start; width:100%; height:600px; margin-top: 50px;} #view .view-in .view-list .list4{ display:flex; justify-content:flex-start; width:100%; height:600px; margin-top: 50px;} #view .view-in .view-list .list5{ display:flex; justify-content:flex-start; width:100%; height:600px; margin-top: 50px;} #view .view-in .view-list .list1 .img1{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image1.jpg) no-repeat center/cover; margin: 0px 10px 0 0; transform: translateZ(2px);} #view .view-in .view-list .list1 .img2{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image2.jpg) no-repeat center/cover; margin: 0px 10px 0 10px; transform: translateZ(2px);} #view .view-in .view-list .list1 .img3{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image3.jpg) no-repeat center/cover; margin: 0px 0px 0 10px; transform: translateZ(2px);} #view .view-in .view-list .list2 .img1{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image4.jpg) no-repeat center/cover; margin: 0px 10px 0 0; transform: translateZ(2px);} #view .view-in .view-list .list2 .img2{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image5.jpg) no-repeat center/cover; margin: 0px 10px 0 10px; transform: translateZ(2px);} #view .view-in .view-list .list2 .img3{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image6.jpg) no-repeat center/cover; margin: 0px 0px 0 10px; transform: translateZ(2px);} #view .view-in .view-list .list3 .img1{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image7.jpg) no-repeat center/cover; margin: 0px 10px 0 0; transform: translateZ(2px);} #view .view-in .view-list .list3 .img2{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image8.jpg) no-repeat center/cover; margin: 0px 10px 0 10px; transform: translateZ(2px);} #view .view-in .view-list .list3 .img3{ width:32.5%; height:100%; background:url(http://pohangp.cdn1.cafe24.com/sub2/image9.jpg) no-repeat center/cover; margin: 0px 10px 0 10px; transform: translateZ(2px);} #view .view-in .view-list .list2 .img1, #view .view-in .view-list .list2 .img2, #view .view-in .view-list .list2 .img3 {width:32.5%; height:100%; transform: translateZ(2px);} #view .view-in .view-list .list3 .img1, #view .view-in .view-list .list3 .img2, #view .view-in .view-list .list3 .img3 {width:32.5%; height:100%; transform: translateZ(2px);} #view .view-in .view-list .list4 .img1, #view .view-in .view-list .list4 .img2, #view .view-in .view-list .list4 .img3 {width:32.5%; height:100%; transform: translateZ(2px);} #view .view-in .view-list .list5 .img1, #view .view-in .view-list .list5 .img2, #view .view-in .view-list .list5 .img3 {width:32.5%; height:100%; transform: translateZ(2px);} #view .view-in .view-list .list2 .img1, #view .view-in .view-list .list3 .img1, #view .view-in .view-list .list4 .img1, #view .view-in .view-list .list5 .img1 { margin: 0px 10px 0 0; } #view .view-in .view-list .list2 .img2, #view .view-in .view-list .list3 .img2, #view .view-in .view-list .list4 .img2, #view .view-in .view-list .list5 .img2 { margin: 0px 10px 0 10px; } #view .view-in .view-list .list2 .img3, #view .view-in .view-list .list3 .img3, #view .view-in .view-list .list4 .img3, #view .view-in .view-list .list5 .img3 { margin: 0px 0px 0 10px; } /**********************************************반응형**********************************************************/ @media screen and (max-width: 1400px){ #intro .intro-in .intro-left .intro-txt h1{ font-size: 40px; } } @media screen and (max-width: 1200px){ #intro .intro-in .intro-left .intro-txt h1{ font-size: 36px; margin-bottom: 20px;} } @media screen and (max-width: 1024px){ #banner .banner-in .banner-txt h3{ font-size:12px; } #banner .banner-in .banner-txt h2{ font-size:60px; margin-top: 10px;} /* #intro{ height:750px; }*/ #intro .intro-in{ flex-direction:column; } #intro .intro-in .intro-left{ width:100%; } #intro .intro-in .intro-right{ width:100%; } #intro .intro-in .intro-left .left-img{ margin-left:0px; } #intro .intro-in .intro-right .right-img{ display:none; } #intro .intro-in .intro-left .intro-txt{ margin-bottom:0px; } } @media screen and (max-width: 780px){ header .header-in .nav{ display:none; } #banner .banner-in .banner-txt h3{ font-size:12px; } #banner .banner-in .banner-txt h2{ font-size:36px; margin-top: 10px;} /* #intro{ height:700px; }*/ #intro .intro-in{ flex-direction:column; } #intro .intro-in .intro-left{ width:100%; } #intro .intro-in .intro-right{ width:100%; margin-top: 0px;} #intro .intro-in .intro-left .left-img{ margin-left:0px; } #intro .intro-in .intro-right .right-img{ display:none; } #intro .intro-in .intro-left .intro-txt .intro-btn { margin-top: 120px; } /* #rate{ height:450px;}*/ #rate .rooms-rate .week_date{ margin-top:100px;} #rate .rooms-rate #tit{ font-size:14px; } } @media screen and (max-width: 1024px){ /*외부전경*/ #view .view-in .view-list .list1{ height:400px; } #view .view-in .view-list .list2{ height:400px; } #view .view-in .view-list .list3{ height:400px; } #view .view-in .view-list .list4{ height:400px; } #view .view-in .view-list .list5{ height:400px; } #view .view-in .view-list .list6{ height:400px; } #view .view-in .view-list .list1 .img1,#view .view-in .view-list .list1 .img2 { width: 50%; } #view .view-in .view-list .list2 .img1,#view .view-in .view-list .list2 .img2 { width: 50%; } #view .view-in .view-list .list3 .img1,#view .view-in .view-list .list3 .img2 { width: 50%; } #view .view-in .view-list .list4 .img1,#view .view-in .view-list .list4 .img2 { width: 50%; } #view .view-in .view-list .list5 .img1,#view .view-in .view-list .list5 .img2 { width: 50%; } #view .view-in .view-list .list1 .img3{ display: none;} #view .view-in .view-list .list2 .img3{ display: none;} #view .view-in .view-list .list3 .img3{ display: none;} #view .view-in .view-list .list4 .img3{ display: none;} #view .view-in .view-list .list5 .img3{ display: none;} #view .view-in .view-list .list6 .img3{ display: none;} #intro .intro-in .intro-left .intro-txt{ padding:0 20px; } } @media screen and (max-width: 780px){ .room_data li .tit{width:20%;} #intro .intro-in .intro-left .intro-txt{ padding: 0 10px;} #banner{ height: 60vh; } #view .view-in h1{ font-size: 36px;} #view .view-in .view-list{ margin-top:50px; width:100%; height:auto;} #view .view-in .view-list .list1{ flex-direction:column; height:auto; margin: 0px auto;} #view .view-in .view-list .list2{ flex-direction:column; height:auto; margin: 0px auto;} #view .view-in .view-list .list3{ flex-direction:column; height:auto; margin: 0px auto;} #view .view-in .view-list .list4{ flex-direction:column; height:auto; margin: 0px auto;} #view .view-in .view-list .list5{ flex-direction:column; height:auto; margin: 0px auto;} #view .view-in .view-list .list6{ flex-direction:column; height:auto; margin: 0px auto;} #view .view-in .view-list .list1 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list1 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list1 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list2 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list2 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list2 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list3 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list3 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list3 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list4 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list4 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list4 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list5 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list5 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list5 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list6 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list6 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;} #view .view-in .view-list .list6 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;} } @media screen and (max-width: 540px){ } @media screen and (max-width: 320px){ .room_data li .tit{font-size:13px !important;} #rate .rooms-rate #tit { font-size: 12px; padding: 0 8px; } #rate .rooms-rate table td { font-size: 11px; } #rate .rooms-rate table .rprice .sale { font-size: 12px; } }