@charset "utf-8";


/********************
*********************
****** common *******
*********************
*********************/

#pc .pc_sub { display:block; }
#pc .mobile_sub { display:none; }
#mobile .pc_sub { display:none; }
#mobile .mobile_sub { display:block; padding:0 2%; }
#mobile .img {width:100%;}
#mobile .conTit { display:none; }
#pc br.pc { display:block; }
#pc br.mobile { display:none; }
#mobile br.pc { display:none; }
#mobile br.mobile { display:block; }

#mobile .mobile_sub h2, #mobile .mobile_sub h3 { color:#224ecc !important; }
#mobile .mobile_sub .strong, #mobile .mobile_sub .strong a { color:#363636 !important; }
#mobile .mobile_sub h2 { font-size:15px }
#mobile .mobile_sub p{margin:0 0 20px 0}
#mobile .mobile_sub .box{padding:10px;background:#ececec;border-radius:5px;margin-bottom:5px}

/* table */
.pc_sub .table { width:500px; border-top:3px solid #f37400; border-left:none; border-right:none; margin:20px 0; border-collapse:collapse; }
.pc_sub .table th,.table td { border:1px solid #e3e3e3; padding:15px 0 15px 15px;text-align:left}
.pc_sub .table caption {font-size:0;text-indent:-9999px;}

.pc_sub p{color:#979797 !important;line-height:1.8em}
.pc_sub p strong{color:#363636 !important}

.myTable { width:100%; border-top:3px solid #FF7916; border-left:none; border-right:none; margin:20px 0; border-collapse:collapse; }
.myTable th{background:#efefef;font-weight:normal}
.myTable th,.myTable td { border:1px solid #e3e3e3; padding:15px 10px}
.myTable caption {font-size:0;text-indent:-9999px;}
.myTable a:link{color:#2f2f2f}

#mobile .myTable th,#mobile .myTable td { border:1px solid #e3e3e3; padding:15px 3px; min-width:20px;word-break:break-all;}

/* 탭버튼 */
.myTab{margin-bottom:50px;}
#mobile .myTab{margin-bottom:30px;}
.myTab li{display:inline-block;float:left;text-align:center;}
.myTab li a{font-size:14px;display:block;overflow:hidden;padding: 5px 16px;margin:2px;border: 1px solid #DDD;border-radius:3px;background:#EEE;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;text-align:center;color:#666;}

/* 서브공통 */
.subCon{font-size:16px;line-height:150%;word-break:keep-all;}
.subCon h2{display:block;text-align:center;}
.subCon h2 i{position: relative;z-index:1;display:inline-block;line-height:60px;padding-top:5px;margin:50px auto 50px;font-size:25px;font-weight:700;color:#081121;letter-spacing:-1px;font-style:normal;}
.subCon h2 i:after{position:absolute;left:0;top:0;right:0;height:4px;background:#eee;content: "";}
#mobile .subCon h2 i{line-height:40px;margin:30px auto 30px;font-size:20px;}
.subCon h2:first-child i{margin:0 auto 50px;}

/* sub01 */
.sub0101 .img{text-align:center;}
.sub0101 .img img{max-width:418px;width:80%;}
.sub0101 .con{margin:100px 0;text-align:center;}
#mobile .sub0101 .con{margin:50px 0;}
.sub0101 .con p{font-size:18px;line-height:200%;}
#mobile .sub0101 .con p{line-height:170%;}
.sub0101 .con p.underline{}
.sub0101 .con p.underline span{color:#6e2233;font-size:20px;font-family:Paperlogy-6SemiBold;box-shadow:inset 0 -15px 0 rgba(243,200,70,0.3);padding-left:1%;padding-right:1%;}
.sub0101 .con ul{display:flex;justify-content:center;margin:50px 0 0;}
#mobile .sub0101 .con ul{flex-wrap:wrap;margin:25px 0 0;}
.sub0101 .con ul li{width:20%;text-align:center;}
#mobile .sub0101 .con ul li{width:50%;}
.sub0101 .con ul li p.ico{width:80px;height:80px;background:rgba(110,34,51,.4);margin:0 auto;padding:20px;border-radius:80px;}
#mobile .sub0101 .con ul li p.ico{width:40px;height:40px;padding:20px;}
#mobile .sub0101 .con ul li p.ico img{width:40px;}
.sub0101 .con ul li p{padding:20px 0;font-size:20px;font-family:Paperlogy-6SemiBold;color:#6e2233;}
#mobile .sub0101 .con ul li p{padding:10px 0;font-size:18px;}

/* sub02 */
.room_wrap{}

/* 서브 슬라이드 이미지 */
.sub_slide{float:left;width:100%;max-width:500px;margin:0 auto;padding:10px 10px 0;background:rgba(81,64,68,.4);;box-sizing:border-box;}
#mobile .sub_slide{float:none;}
.sub_slide .swiper-container{width:100%;max-width:500px;margin-left:auto;margin-right:auto;}
.sub_slide .swiper-container .swiper-slide{overflow:hidden;}
.sub_slide .swiper-container .swiper-slide img{width:100%;}
.sub_slide .swiper-container .swiper-button-prev{width:41px !important;height:41px !important;left:50% !important;margin-left:-580px !important;background:url(../images/btn_prev.png) no-repeat;}
.sub_slide .swiper-container .swiper-button-prev:after{display:none;}
.sub_slide .swiper-container .swiper-button-next{width:41px !important;height:41px !important;left:50% !important;margin-left:539px !important;background:url(../images/btn_next.png) no-repeat;}
.sub_slide .swiper-container .swiper-button-next:after{display:none;}
.sub_slide .swiper-container .swiper-pagination-bullet{width:10px !important;height:10px !important;margin:0 6px !important;background:none !important;border:2px solid #fff;opacity:1 !important;}
.sub_slide .swiper-container .swiper-pagination-bullet-active{background:#fff !important;border:2px solid #fff;opacity:1;}
.sub_slide .swiper-container .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px !important;} 
/* 슬라이드 추가 */
.sub_slide .swiper-container.gallery-top{height:80%;width:100%;max-width:500px;}
.sub_slide .swiper-container.gallery-thumbs{height:20%;box-sizing:border-box;padding:5px 0 10px;}
.sub_slide .swiper-container.gallery-thumbs .swiper-wrapper{}
.sub_slide .swiper-container.gallery-thumbs .swiper-slide{opacity:1;cursor:pointer;}
.sub_slide .swiper-container.gallery-thumbs .swiper-slide img{}
.sub_slide .swiper-container.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:3px solid #fff;box-sizing:border-box;}
#mobile .sub_slide .swiper-container.gallery-thumbs .swiper-slide-thumb-active{border:2px solid #fff;}

/* 방 정보 백업
.room_wrap .info{width:470px;padding-left:50px;margin-left:500px;text-align:center;}
.room_wrap .info ul{font-size:18px;line-height:200%;}
.room_wrap .info ul li div{margin-bottom:30px;}
.room_wrap .info ul li div p.tit{display:inline-block;margin:0 auto 10px;padding:5px 20px;color:#fff;background:#836c47;border-radius:30px;}
.room_wrap .info ul li div p{}
.room_wrap .info ul li p{line-height:150%;}
.room_wrap .info ul li p i{color:#836c47;}
#mobile .room_wrap .info{width:100%;padding-left:0;margin-left:0;margin-top:30px;}
#mobile .room_wrap .info ul li div{margin-bottom:15px;}
#mobile .room_wrap .info ul li div p.tit{margin:0 auto 5px;} */

/* 방 정보 */
.room_wrap .info{width:470px;padding-left:50px;margin-left:500px;}
.room_wrap .info ul{font-size:18px;line-height:200%;}
.room_wrap .info ul.room{width:85%;margin:0 auto;}
.room_wrap .info ul li div{margin:0 auto 30px;display:flex;justify-content:space-between;}
.room_wrap .info ul li div p.tit{width:20%;color:#6e2233;}
.room_wrap .info ul li div p.tit span{color:#6e2233;box-shadow:inset 0 -15px 0 rgba(255,223,8,0.2);padding-left:1%;padding-right:1%;}
.room_wrap .info ul li div p{width:80%;}
.room_wrap .info ul li p{line-height:150%;}
.room_wrap .info ul li p i{}
.room_wrap .info ul li p.notice{position:relative;padding-left:20px;}
/*.room_wrap .info ul li p.notice:before{position:absolute;left:0;top:0;font-family:"Font Awesome 5 Free";font-weight:900;font-size:14px;color:#6e2233;display:block;content:"\f05a";}*/
.room_wrap .info ul li p.notice:before{position:absolute;left:0;top:0;font-family:"xeicon";font-weight:900;font-size:16px;color:#6e2233;display:block;content:"\e99c";}

#mobile .room_wrap .info{width:100%;padding-left:0;margin-left:0;margin-top:30px;}
#mobile .room_wrap .info ul{font-size:15px;}
#mobile .room_wrap .info ul li div{margin-bottom:15px;}
#mobile .room_wrap .info ul li div p.tit{width:30%;margin:0 auto 5px;}
#mobile .room_wrap .info ul li div p{width:70%;}
#mobile .room_wrap .info ul li p.notice:before{font-size:12px;}

/* 정보 아이콘 */
.sub0201 .info ul.etc{display:flex;flex-wrap:wrap;justify-content:center;margin:70px 0 0;}
#mobile .sub0201 .info ul.etc{flex-wrap:wrap;margin:25px 0 0;}
.sub0201 .info ul.etc li{width:30%;margin-bottom:20px;text-align:center;}
.sub0201 .info ul.etc.col4 li{width:25%;}
#mobile .sub0201 .info ul.etc li{}
#mobile .sub0201 .info ul.etc.col4 li{width:30%;}
.sub0201 .info ul.etc li p.ico{width:60px;height:60px;background:rgba(110,34,51,.4);margin:0 auto;padding:10px;border-radius:80px;}
#mobile .sub0201 .info ul.etc li p.ico{width:40px;height:40px;padding:10px;}
#mobile .sub0201 .info ul.etc li p.ico img{width:40px;}
.sub0201 .info ul.etc li p{padding:20px 0;font-size:18px;line-height:130%;font-family:Paperlogy-6SemiBold;color:#6e2233;}
#mobile .sub0201 .info ul.etc li p{padding:10px 0;font-size:15px;}

/* 이용안내, 안내사항 */
.info_list{width:700px;margin:0 auto;display:flex;flex-wrap:wrap;line-height:150%;}
#mobile .info_list{width:100%;}
.info_list dt{width:30%;color:#6e2233;}
.info_list dt span.underline{box-shadow:inset 0 -15px 0 rgba(255,223,8,0.2);padding-left:1%;padding-right:1%;}
.info_list dd{width:70%;margin-bottom:50px;}
.info_list dd span.point{color:#471e27;box-shadow:inset 0 -15px 0 rgba(255,107,8,0.2);padding-left:0.5%;padding-right:0.5%;}
#mobile .info_list dd{padding-left:15px;box-sizing:border-box;}
.info_list dd ul li{padding-bottom:10px;}
.info_list dd i{color:#6e2233;}
.sub0501 .info_list{width:100%;margin:0 auto;}
.sub0501 .info_list dt{width:20%;color:#6e2233;}
.sub0501 .info_list dd{width:80%;margin-bottom:30px;}

.btn_area{margin:20px auto 80px;}
.btn_area ul{display:flex;justify-content:center;flex-wrap:wrap;}
.btn_area ul li{padding:10px 0;}
.btn_area ul a{position:relative;font-size:18px;color:#6e2233;margin:0 20px;padding:15px 30px 15px 62px;border:1px solid #514044;border-radius:30px;transition:all .3s ease;}
.btn_area ul a:before{position:absolute;left:30px;top:15px;display:block;width:22px;height:22px;content:"";background-size:22px;background-repeat:no-repeat;border-radius:5px;}
.btn_area ul a.naver:before{background-image:url(/_images/sub05/ico_naver.png);}
.btn_area ul a.kakao:before{background-image:url(/_images/sub05/ico_kakao.png);}
.btn_area ul a.talk:before{background-image:url(/_images/sub05/ico_talk.png);}
.btn_area ul a.naver:hover{border:1px solid #03cd5c;transition:all .3s ease;}
.btn_area ul a.kakao:hover{border:1px solid #cc9f16;transition:all .3s ease;}
.btn_area ul a.talk:hover{border:1px solid #03cd5c;transition:all .3s ease;}
.btn_area ul a i{font-style:normal;}
#mobile .btn_area{height:60px;margin:0 auto 50px;}
#mobile .btn_area ul li{width:40px;margin:0 10px;}
#mobile .btn_area ul a{font-size:16px;margin:0;padding:0;border:none;}
#mobile .btn_area ul a:before{width:40px;height:40px;left:0;top:0;background-size:40px;border-radius:10px;}
#mobile .btn_area ul a i{display:none;}


@media only screen and (max-width:340px) {
}