@charset "utf-8";
/* common */
#pc .pc_sub{display:block;}
#pc .mobile_sub{display:none;}
#mobile .pc_sub{display:none;}
#mobile .mobile_sub{display:block;}
#mobile .mobile_sub img{width:100%;}
.cntTxt{text-align:center;}
.lftTxt{text-align:left;}
.rgtTxt{text-align:right;}
.whiteTxt{color:#fff;}
.redTxt{color:#e01717;}
.blueTxt{color:#1855f2;}
.yellowTxt{color:#ff9000;}

/* table */
.myTable{border-top:3px solid #c68651;margin:50px auto;border-collapse:collapse;line-height:2em;font-family:inherit !important;}
#mobile .myTable{margin:25px auto;table-layout:fixed;}
.myTable th{border-right:1px solid #D1D2D4;color:#222;text-align:center;font-weight:bold;background:#f7f7f7;}
.myTable th,.myTable td{font-size:18px;line-height:1.8em;color:#585858;border:1px solid #D1D2D4;border-left:none;border-right:none;padding:15px 20px;vertical-align:middle;}
#mobile .myTable th,#mobile .myTable td{font-size:11px;padding:10px 5px;}

.sub0501 .myTable th,.sub0501 .myTable td{text-align:center;}
.sub0601 .myTable th{width:70px;}

.map .myTable th{width:200px;}
#mobile .map .myTable th{width:100px;}

/* 이용약관, 개인정보취급방침, 이메일무단수집거부 */
.etcPage{font-size:16px;color:#464646;margin-top:100px;}
#mobile .etcPage{font-size:14px;margin-top:0px;}
.etcPage h3{font-size:20px;color:#40c3b8;font-weight:normal;text-align:center;margin:60px auto 20px;}
#mobile .etcPage h3{margin:30px auto 10px;}
.etcPage h3.first{margin:0px auto 20px;}
.etcPage h4{font-size:17px;color:#40c3b8;font-weight:normal;margin:40px auto 10px;padding:5px 0 5px 20px;background:url(/_images/_etc/bul.jpg) no-repeat left 12px;}
.no_email p{margin:30px 0;}
.etcPage ol > li{list-style-type:decimal;margin-left:20px;}

/* sub공통 */
.subCon{font-size:20px;line-height:1.8em;color:#3b3b3b;}
.subCon .mrgBtm{margin-bottom:80px;}
.subCon h3{font-size:50px;padding:5px 0;line-height:1.5em;}
.subCon h4{font-size:30px;padding:5px 0;}
.subCon h5{font-size:30px;padding:5px 0;}
.subCon .subBox{max-width:850px;margin:50px auto;}
.subCon .subInner{margin:50px auto;}
.subCon .firstArea{padding-top:50px;}
#mobile .subCon{font-size:16px;line-height:1.6em;}
#mobile .subCon h3{font-size:22px;padding:5px 0;line-height:1.5em;}
#mobile .subCon h4{font-size:18px;padding:5px 0;}
#mobile .subCon h5{font-size:19px;padding:5px 0;}
#mobile .subCon .subBox{width:85%;margin:30px auto;}
#mobile .subCon .subInner{margin:30px auto;}
#mobile .subCon .firstArea{padding-top:30px;}
#mobile .subCon .img{width:100%;}

/* 슬라이드 */
.img_wrap{position:relative;padding:40px;background:#222;}
#mobile .img_wrap{padding:10px;}
.swiper-container{width:100%;margin-left:auto;margin-right:auto;}
.swiper-slide{background-size:cover;background-position:center;}
.swiper-slide img{width:100%;}
.gallery-top{height:80%;width:100%;}
.gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0;margin-top:20px;}
#mobile .gallery-thumbs{margin-top:10px;}
.gallery-thumbs .swiper-slide{width:25%;height:70px;opacity:0.4;cursor:pointer;}
#mobile .gallery-thumbs .swiper-slide{height:50px;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;}

.img_wrap .swiper-button-prev{width:100px !important;height:50px !important;top:50% !important;left:40px !important;margin-top:-70px;background:url(/_images/_etc/btn_prev.png) no-repeat;}
.img_wrap .swiper-button-prev:after{display:none;}
.img_wrap .swiper-button-next{width:100px !important;height:50px !important;top:50% !important;right:40px !important;margin-top:-70px;background:url(/_images/_etc/btn_next.png) no-repeat;}
.img_wrap .swiper-button-next:after{display:none;}
.img_wrap .swiper-pagination-bullet{width:12px !important;height:12px !important;margin:0 7px !important;background:none !important;border:2px solid #fff;opacity:1 !important;}
.img_wrap .swiper-pagination-bullet-active{background:#fff !important;border:2px solid #fff;opacity:1;}
.img_wrap.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:25px !important;}

#mobile .img_wrap .swiper-button-prev{width:50px !important;height:25px !important;top:50% !important;left:10px !important;margin-top:-40px;background:url(/_images/_etc/btn_prev.png) no-repeat;background-size:50px;}
#mobile .img_wrap .swiper-button-prev:after{display:none;}
#mobile .img_wrap .swiper-button-next{width:50px !important;height:25px !important;top:50% !important;right:10px !important;margin-top:-40px;background:url(/_images/_etc/btn_next.png) no-repeat;background-size:50px;}
#mobile .img_wrap .swiper-button-next:after{display:none;}

/* 방정보 공통 */
.room_info{margin:100px auto 0;}
#mobile .room_info{margin:50px auto 0;padding:0 20px;}
.room_info .box{display:flex;justify-content:space-between;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #efefef;}
#mobile .room_info .box{display:flex;flex-direction:column;padding-bottom:30px;margin-bottom:30px;}
.room_info .box:nth-child(6){border-bottom:none;padding-bottom:0;}
.room_info .box h3{width:30%;position:relative;font-size:25px;line-height:55px;color:#000;padding-left:60px;}
#mobile .room_info .box h3{font-size:20px;line-height:40px;box-sizing:border-box;width:100%;padding:0 0 0 40px;box-sizing:border-box;}
.room_info .box h3:before{display:block;position:absolute;left:0;top:0;width:50px;height:50px;content:"";}
#mobile .room_info .box h3:before{width:35px;height:35px;background-size:35px;}
.room_info .box.room1 h3:before{background:url(/_images/sub02/room_ico1.jpg) no-repeat left top;}
.room_info .box.room2 h3:before{background:url(/_images/sub02/room_ico2.jpg) no-repeat left top;}
.room_info .box.room3 h3:before{background:url(/_images/sub02/room_ico3.jpg) no-repeat left top;}
.room_info .box.room4 h3:before{background:url(/_images/sub02/room_ico4.jpg) no-repeat left top;}
.room_info .box.room5 h3:before{background:url(/_images/sub02/room_ico5.jpg) no-repeat left top;}
.room_info .box.room6 h3:before{background:url(/_images/sub02/room_ico6.jpg) no-repeat left top;}
.room_info .box ul{width:70%;margin-top:7px;}
#mobile .room_info .box ul{width:100%;}
.room_info .box ul li{font-size:18px;line-height:140%;margin:10px 0;}
#mobile .room_info .box ul li{font-size:16px;}
.room_info .box ul li i{color:#b76935;font-style:normal;}
.room_info .box ul li strong{font-weight:normal;color:#ff2a00;}
.room_info .box ul.note li{position:relative;padding-left:12px;}
.room_info .box ul.note li:before{position:absolute;left:0;top:8px;display:block;width:3px;height:3px;content:"";background:#3b3b3b;}

/* 펜션소개 */
.sub0101{}
.sub0101 .intro{margin-bottom:100px;font-size:18px;line-height:150%;}
.sub0101 .intro{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:100px;}
#mobile .sub0101 .intro{margin:50px auto;padding:0 20px;box-sizing:border-box;}
.sub0101 .intro .img{width:50%;}
#mobile .sub0101 .intro .img{width:100%;text-align:center;margin-bottom:30px;}
.sub0101 .intro .img img{width:90%;}
#mobile .sub0101 .intro .img img{width:100%;max-width:400px;}
.sub0101 .intro .con{width:50%;}
#mobile .sub0101 .intro .con{width:100%;font-size:16px;}
.sub0101 .intro .con p{margin-bottom:30px;}
#mobile .sub0101 .intro .con p{margin-bottom:15px;}

#mobile .sub0101 .point{padding:0 20px;box-sizing:border-box;margin-bottom:50px;}
.sub0101 .point .box{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #efefef;}
#mobile .sub0101 .point .box{padding-bottom:25px;margin-bottom:25px;}
.sub0101 .point .box h3{width:40%;position:relative;font-size:25px;line-height:50px;color:#000;padding-left:60px;box-sizing:border-box;}
.sub0101 .point .box:nth-child(4){}
#mobile .sub0101 .point .box:nth-child(4){}
#mobile .sub0101 .point .box h3{box-sizing:border-box;width:100%;padding-left:40px;}
.sub0101 .point .box h3:before{display:block;position:absolute;left:0;top:0;width:50px;height:50px;content:"";}
#mobile .sub0101 .point .box h3:before{width:35px;height:35px;background-size:35px;}
.sub0101 .point .box.ico1 h3:before{background:url(/_images/sub01/sub0101_1.jpg) no-repeat left top;}
.sub0101 .point .box.ico2 h3:before{background:url(/_images/sub01/sub0101_2.jpg) no-repeat left top;}
.sub0101 .point .box.ico3 h3:before{background:url(/_images/sub01/sub0101_3.jpg) no-repeat left top;}
.sub0101 .point .box.ico4 h3:before{background:url(/_images/sub01/sub0101_4.jpg) no-repeat left top;}
.sub0101 .point .box p{width:60%;margin-top:7px;}
#mobile .sub0101 .point .box p{width:100%;}
.sub0101 .point .box p{font-size:18px;line-height:140%;margin:10px 0;}
#mobile .sub0101 .point .box p{font-size:16px;}
.sub0101 .point p.cnt{text-align:center;}

/* 예약안내 */
.sub0501{}
.sub0501 .call{width:100%;text-align:center;margin-bottom:100px;}
#mobile .sub0501 .call{margin:20px auto 50px;}
.sub0501 .call h3{font-size:40px;}
.sub0501 .call h3 i{font-size:30px;font-style:normal;font-weight:normal;}
#mobile .sub0501 .call h3{font-size:25px;}
#mobile .sub0501 .call h3 i{font-size:14px;}
.sub0501 .box{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #efefef;}
#mobile .sub0501 .box{padding-bottom:25px;margin-bottom:25px;}
.sub0501 .box:nth-child(4){border-bottom:none;padding-bottom:0;}
.sub0501 .box h3{width:20%;position:relative;font-size:25px;line-height:50px;color:#000;padding-left:60px;box-sizing:border-box;}
#mobile .sub0501 .box h3{box-sizing:border-box;width:100%;padding-left:40px;}
.sub0501 .box h3:before{display:block;position:absolute;left:0;top:0;width:50px;height:50px;content:"";}
#mobile .sub0501 .box h3:before{width:35px;height:35px;background-size:35px;}
.sub0501 .box.ico1 h3:before{background:url(/_images/sub02/room_ico6.jpg) no-repeat left top;}
.sub0501 .box.ico2 h3:before{background:url(/_images/sub02/room_ico4.jpg) no-repeat left top;}
.sub0501 .box.ico3 h3:before{background:url(/_images/sub02/room_ico2.jpg) no-repeat left top;}
.sub0501 .box ul{width:80%;margin-top:7px;}
#mobile .sub0501 .box ul{width:100%;}
.sub0501 .box ul li{font-size:18px;line-height:140%;margin:10px 0;}
#mobile .sub0501 .box ul li{font-size:16px;}
.sub0501 iframe{height:1500px !important;}
#mobile .sub0501 iframe{height:1600px !important;}


/* 오시는 길 */
#mobile .sub0601{margin:50px auto;padding:0 20px;}
.sub0601 #map{width:100%;height:500px;margin:50px 0;}
#mobile .sub0601 #map{width:100%;height:280px;margin:25px 0;}

/* 주변 관광지 */
.sub0701 #map{width:100%;height:500px;margin:50px 0 100px;}
#mobile .sub0701 #map{width:100%;height:280px;margin:25px 0 50px;}

#mobile .sub0701{margin:20px auto;}
.sub0701 .box{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #efefef;}
#mobile .sub0701 .box{padding-bottom:25px;margin-bottom:25px;;}
.sub0701 .box .tit{width:30%;position:relative;box-sizing:border-box;}

.sub0701 .box .tit h3{font-size:25px;line-height:50px;color:#000;padding-left:60px;}
.sub0701 .box .tit h3:before{display:block;position:absolute;left:0;top:0;width:50px;height:50px;content:"";}
#mobile .sub0701 .box .tit h3{box-sizing:border-box;width:100%;padding-left:40px;}
#mobile .sub0701 .box .tit h3:before{width:35px;height:35px;background-size:35px;}
.sub0701 .box.ico1 .tit h3:before{background:url(/_images/sub07/sub0701_1.jpg) no-repeat left top;}
.sub0701 .box.ico2 .tit h3:before{background:url(/_images/sub07/sub0701_2.jpg) no-repeat left top;}
.sub0701 .box.ico3 .tit h3:before{background:url(/_images/sub07/sub0701_3.jpg) no-repeat left top;}
.sub0701 .box.ico4 .tit h3:before{background:url(/_images/sub07/sub0701_4.jpg) no-repeat left top;}


#mobile .sub0701 .box .tit{box-sizing:border-box;width:100%;}
.sub0701 .box .con{width:70%;margin-top:7px;}
#mobile .sub0701 .box .con{width:100%;}
.sub0701 .box .con p{font-size:18px;line-height:140%;}
.sub0701 .box .con p.km{color:#b76935;margin-bottom:30px;}
#mobile .sub0701 .box .con p{font-size:16px;}
.sub0701 p.cnt{text-align:center;}