.sectionTitle{font-size: 1.8rem;color: #333;margin-bottom: 1.66rem}
.sectionTitle small{font-size: 1.2rem;color: #333;font-weight: 100;display: inline-block;vertical-align: bottom;margin-left: 0.3rem}

section.subVisual{}
section.subVisual img{display: block;width: 100%;margin: 0 auto}

section.mainVisual{position: relative;}
section.mainVisual .bxslider .slider{width: 100%}
section.mainVisual .bxslider .slider img{display: block;width: 100%;margin: 0 auto}
section.mainVisual .bxsliderController{position: absolute;bottom: 8%;width: 100%;text-align: center;z-index: 99}
section.mainVisual .bxsliderController span{display: inline-block;width: 0.46rem;height: 0.46rem;border: 0.15rem solid #ded6d6;transform: rotate(45deg);margin: 0 8px}
section.mainVisual .bxsliderController span.on{background: #fff;border-color: #fff}
section.mainVisual .bxsliderController2 div{padding: 0.3rem 0.6rem;top: 45%;z-index: 99;width: 5%;}
section.mainVisual .bxsliderController2 div img{width: 100%;display: block;margin: 0 auto}
section.mainVisual .bxsliderController2 .bxsliderControllerLeft{position: absolute;left: 0;}
section.mainVisual .bxsliderController2 .bxsliderControllerRight{position: absolute;right: 0;}
section.mainVisual .main_paging1,
section.mainVisual .main_paging2 {
	position: absolute;
	bottom: 8%;
	left: 42%;
	z-index: 500;
}
section.mainVisual .main_paging2 {
	left: 51%;
}



section.infoContent {position: relative;}
section.infoContent.mb1 {margin-bottom: 5rem}
section.infoContent > img{display: block;width: 100%;margin: 0 auto}
section.infoContent .infoTextContent{position: absolute;top: 15%;left: 0;background: #fff;width: 65%;padding: 3rem 1.16rem}
section.infoContent .infoTextContent .title{color: #333;font-size: 1.5rem;padding-bottom: 1.16rem;border-bottom: 1px solid #6b6b6b ; font-weight:bold; margin-bottom: 1.16rem;display: inline-block;}
section.infoContent .infoTextContent .content{color: #555;font-size: 1rem;line-height: 145%}

section.cardListContent {padding-top: 3rem;padding-bottom: 4rem}
section.cardListContent .sectionTitle {text-align: center}
section.cardListContent .cardListWrap {}
section.cardListContent .cardListWrap .card{float: left;width: 48%;margin-bottom: 4%}
section.cardListContent .cardListWrap .card:nth-of-type(2n){float: right;}
section.cardListContent .cardListWrap .card .imgWrap{position: relative;}
section.cardListContent .cardListWrap .card .imgWrap img{width: 100%;display: block;margin: 0 auto}
section.cardListContent .cardListWrap .card .imgWrap .textContent{position: absolute;bottom: 0;background: rgba(0,0,0,0.35);width: 100%;left: 0;z-index: 99}
section.cardListContent .cardListWrap .card .imgWrap .textContent .title{color: #fff;font-size: 1.13rem;padding: 0.73rem 0 0.7rem;text-align: center;}
section.cardListContent .cardListWrap .card:hover .imgWrap .textContent{display: none;}
section.cardListContent .cardListWrap .card .imgWrap .hoverContent{display: none;}
section.cardListContent .cardListWrap .card:hover .imgWrap .hoverContent{display: block;position: absolute;bottom: 0;background: rgba(0,0,0,0.35);width: 100%;left: 0;height: 100%;z-index: 99;text-align: center}
section.cardListContent .cardListWrap .card .imgWrap .hoverContent p{color: #fff;font-size: 1.13rem;padding: 0.73rem 0 0.7rem;padding-top: 30%}
section.cardListContent .cardListWrap .card .imgWrap .hoverContent button{background: #000;color: #fff;width: 8.6rem;display: inline-block;border: none;font-size: 1.13rem;padding: 0.5rem 0 0.5rem}

section.crossListContent {padding-top: 2.5rem;padding-bottom: 6rem;background: #f3f3f3}
section.crossListContent .sectionTitle{text-align: center;}
section.crossListContent .crossListWrap {}
section.crossListContent .crossListWrap .crossListRow{background: #fff;position: relative;display: block;}
section.crossListContent .crossListWrap .crossListRow:hover:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;content: '';background: rgba(0,0,0,0.3);}
section.crossListContent .crossListWrap .crossListRow .crossListImg{float: left;width: 50%}
section.crossListContent .crossListWrap .crossListRow:nth-of-type(2n) .crossListImg{float: right}
section.crossListContent .crossListWrap .crossListRow .crossListImg img{display: block;width: 100%;margin: 0 auto}
section.crossListContent .crossListWrap .crossListRow .crossListText{right: 0;width: 50%;padding: 0% 5% 0;box-sizing: border-box;display: flex;height: 100%;align-items: center;top:0;position: absolute;}
section.crossListContent .crossListWrap .crossListRow .crossListText:after{content: '';height: 100%}
section.crossListContent .crossListWrap .crossListRow:nth-of-type(2n) .crossListText{right: unset;left: 0}
section.crossListContent .crossListWrap .crossListRow .crossListText .title{font-size: 1.23rem;color: #333;margin-bottom: 1.2rem}
section.crossListContent .crossListWrap .crossListRow .crossListText .content{font-size: 1rem;color: #555;line-height: 145%}

section.touristSlide {padding-bottom: 5.33rem;}
section.touristSlide .touristBxsliderWrap{width: 100%;float: right;position: relative;}
section.touristSlide .touristBxsliderWrap .slider img{width: 100%;margin: 0 auto}
section.touristSlide .touristBxsliderWrap .touristBxsliderControlleWrap {position: absolute;left: -67%;top: 0;height: 100%;width: 67%}
section.touristSlide .touristBxsliderWrap .touristBxsliderControlleWrap .sectionTitle{position: absolute;right: 0;top: 0;line-height: 140%;text-align: right;padding-right: 0.8rem;font-size: 1.6rem}
section.touristSlide .touristBxsliderWrap .touristBxsliderControlleWrap .touristBxsliderController{position: absolute;bottom: 0;right: 0.4rem}
section.touristSlide .touristBxsliderWrap .touristBxsliderControlleWrap .touristBxsliderController button:nth-of-type(1){background: #595959;padding: 1.3rem 2.2rem 1.3rem 1.7rem;border: none;margin-right: -4px}
section.touristSlide .touristBxsliderWrap .touristBxsliderControlleWrap .touristBxsliderController button:nth-of-type(2){background: #333;padding: 1.3rem 1.7rem 1.3rem 2.2rem;border: none}
section.touristSlide .touristBxsliderWrap .touristBxsliderControlleWrap .touristBxsliderController button img{width: 1.2rem}

section.roomViewWrap {padding-top: 2.6rem;padding-bottom: 3.66rem;}
section.roomViewWrap img{width: 100%;display: block;margin: 0 auto}
section.roomViewWrap button{width: 15.9rem;font-size: 1.13rem;color: #fff;border: none;background: #81B3FF;border-right: 0;text-align: center;float: right;padding: 1.66rem 0;line-height: 100%}
section.roomViewWrap button:hover{background: #015294;}

section.roomViewWrap .headerbutton{width:100%; }

section.roomViewWrap .button{width: 15.9rem;
    font-size: 1.13rem;
    color: #333;
    background: #f7f7f7;
    border: 1px solid #c6c6c6;
	margin:0 auto;
    text-align: center;
    padding: 1.66rem 0;
    line-height: 100%;}

section.roomViewWrap .button:hover{border-color: #000;background: #000;color: #fff}


section.roomViewWrap .sectionTitleWrap{margin-bottom: 1.66rem;padding: 0 0.7rem}
section.roomViewWrap .sectionTitleWrap button{margin-right: -0.7rem}
section.roomViewWrap .sectionTitleWrap .sectionTitle{margin-top: 1.33rem;float: left;}
section.roomViewWrap .roomTextInfoWrap {padding: 0 0.7rem;margin-bottom: 3.33rem}
section.roomViewWrap .roomTextInfoWrap .title{font-size: 1.13rem;color: #222;margin-bottom: 1.3rem;}
section.roomViewWrap .roomTextInfoWrap .content{font-size: 1.13rem;color: #666;margin-bottom: 2.6rem;line-height: 1.66rem;}
section.roomViewWrap .roomTextInfoWrap .content p{position: relative;color: inherit;padding-left: 0.7rem}
section.roomViewWrap .roomTextInfoWrap .content span{position: absolute;left: 0px}
section.roomViewWrap .roomTextInfoWrap .content .red {color: #E92222;}
section.roomViewWrap .roomTextInfoWrap table{border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;text-align: center;padding: 0;width: 100%;box-sizing: border-box;padding: 0 1rem;margin-bottom: 1.4rem}
section.roomViewWrap .roomTextInfoWrap table thead{}
section.roomViewWrap .roomTextInfoWrap table thead th{color: #666;font-size: 1.13rem;border-right: 1px solid #cfcfcf;background: #fafafa;padding: 1rem 0}
section.roomViewWrap .roomTextInfoWrap table thead th:nth-last-of-type(1){border-right: none}
section.roomViewWrap .roomTextInfoWrap table tbody{}
section.roomViewWrap .roomTextInfoWrap table tbody td{color: #666;font-size: 1.13rem;border-right: 1px solid #cfcfcf;background: #ffffff;padding: 1.1rem 0;border-top: 1px solid #cfcfcf}
section.roomViewWrap .roomTextInfoWrap table tbody td:nth-last-of-type(1){border-right: none}
section.roomViewWrap .roomTextInfoWrap button{margin-right: -0.7rem}
section.roomViewWrap .roomImg1Wrap {margin-bottom: 2.26rem}
section.roomViewWrap .roomImg2Wrap {position: relative;margin-bottom: 2.4rem}
section.roomViewWrap .roomImg2Wrap .leftContent{float: left;width: 54%}
section.roomViewWrap .roomImg2Wrap .rightContent{position: absolute;width: 43%;right: 0;height: 100%;top: 0}
section.roomViewWrap .roomImg2Wrap .rightContent img{position: absolute;right: 0;bottom: 0;width: 100%}
section.roomViewWrap .roomImg2Wrap .title{font-size: 1.5rem;color: #d3d3d3;text-align: right;margin-top: 33%;padding-right: 0.7rem}
section.roomViewWrap .roomImg3Wrap {margin-bottom: 2.9rem}
section.roomViewWrap .roomImg4Wrap {margin-bottom: 2.4rem}
section.roomViewWrap .roomImg4Wrap .title{font-size: 1.66rem;color: #d3d3d3;margin-bottom: 1.93rem;text-align: center;}
section.roomViewWrap .roomImg5Wrap {margin-bottom: 2.9rem;position: relative;}
section.roomViewWrap .roomImg5Wrap .leftContent{float: left;width: 66%}
section.roomViewWrap .roomImg5Wrap .rightContent{position: absolute;right: 0;width: 30%;top: 0;height: 100%}
section.roomViewWrap .roomImg5Wrap .rightContent img:nth-of-type(1){position: absolute;width: 100%;right: 0;top: 0}
section.roomViewWrap .roomImg5Wrap .rightContent img:nth-of-type(2){position: absolute;width: 100%;right: 0;bottom: 0}
section.roomViewWrap .roomImg6Wrap {margin-bottom: 2.4rem}
section.roomViewWrap .roomImg7Wrap {margin-bottom: 7.6rem}
section.roomViewWrap .roomImg7Wrap img{float: left;width: 29%}
section.roomViewWrap .roomImg7Wrap img:nth-of-type(1){margin-top: 1rem;margin-right: 2.7%}
section.roomViewWrap .roomImg7Wrap .leftContent{float: left;}
section.roomViewWrap .roomImg7Wrap .rightContent{float: left;margin-left: 5.8%;margin-top: 15%}
section.roomViewWrap .roomImg7Wrap .rightContent .title{color: #d3d3d3;font-size: 1.66rem}

section.facilitiesViewWrap {padding-top: 3.6rem;}
section.facilitiesViewWrap .sectionTitle{text-align: center;margin-bottom: 1.66rem}
section.facilitiesViewWrap .sectionTitle2{text-align: center;margin-bottom: 1.66rem; line-height:20px;font-size: 16px;}
section.facilitiesViewWrap .facilitiesInfo1 img{display: block;width: 100%;margin: 0 auto}
section.facilitiesViewWrap .facilitiesInfo1{margin-bottom: 2rem}
section.facilitiesViewWrap .facilitiesInfo2{margin-bottom: 3.83rem}
section.facilitiesViewWrap .facilitiesInfo2 .leftContent{width: 58%;float: left;margin-right: 6%}
section.facilitiesViewWrap .facilitiesInfo2 .rightContent{float: left;margin-top: 10%}
section.facilitiesViewWrap .facilitiesInfo2 .rightContent .title{font-size: 1.56rem;color: #d3d3d3}
section.facilitiesViewWrap .facilitiesInfo3 {margin-bottom: 3.7rem}
section.facilitiesViewWrap .facilitiesInfo3 .leftContent{float: left;width: 48%;margin-top: 15%}
section.facilitiesViewWrap .facilitiesInfo3 .rightContent{float: right;width: 48%}
section.facilitiesViewWrap .facilitiesInfo4 {margin-bottom: 8.8rem}
section.facilitiesViewWrap .facilitiesInfo4 .title{font-size: 1.56rem;color: #d3d3d3;text-align: center;margin-bottom: 1.66rem}
section.facilitiesViewWrap .facilitiesInfo5 {padding-bottom: 1rem;background: #f7f7f7}
section.facilitiesViewWrap .facilitiesInfo5 ul{}
section.facilitiesViewWrap .facilitiesInfo5 ul li.on{}
section.facilitiesViewWrap .facilitiesInfo5 ul li a{padding: 1.33rem 2.16rem;font-size: 1.13rem;display: block;border-bottom: 1px solid #c6c6c6;color: #333}
section.facilitiesViewWrap .facilitiesInfo5 ul li:hover a,
section.facilitiesViewWrap .facilitiesInfo5 ul li.on a{background: #000;color: #fff;border-color: #000}

section.serviceWrap {padding-top: 3.6rem;padding-bottom: 3.66rem;}
section.serviceWrap .service{margin-bottom: 4.16rem;text-align: center;}
section.serviceWrap .service .travel_img {width: 100%;}
section.serviceWrap .service .service_img{display: block;margin: 0 auto;width: 100%}
section.serviceWrap .service .content{background: #f3f3f3; text-align:left;font-size: 0.9rem;color: #555;line-height: 180%;padding: 0.5rem 2rem 0.5rem 2rem;letter-spacing: -0.04rem}

section.trafficWrap {padding-top: 3.5rem;padding-bottom: 2rem;}
section.trafficWrap .sectionTitle{text-align: center;margin-bottom: 2rem}
section.trafficWrap .title{color: #333;font-size: 1.2rem;margin-bottom: 0.7rem;padding: 0 0.7rem;font-weight: bold;}
section.trafficWrap .content{color: #666;font-size: 1.1rem;margin-bottom: 2rem;line-height: 140%;padding: 0 0.7rem}
section.trafficWrap img{display: block;margin: 0 auto;width: 100%;margin-bottom: 2rem}

section.reservationWrap {padding-top: 3.43rem;padding-bottom: 3.43rem;}
section.reservationWrap .sectionTitle{text-align: center;}

section.communityWrap {padding-top: 3.43rem;padding-bottom: 3.43rem;}
section.communityWrap .sectionTitle{text-align: center;}


/* 추가 CSS */

.trafficContent iframe{
    width: 100%;
}