@charset "utf-8";

/****** visualRolling ******/
.visualBox {position:relative; box-sizing: border-box;width:100%;overflow:hidden;}
.txt_hidden{ left:-9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute;}
.control_box {position: absolute;z-index:3;bottom: 300px;left: 0;width: 100%;}
.control_box .btns {position: relative;width: 1100px;height: 10px;margin: 0 auto;display:block;/* text-align: center; */}
.control_box .btns a { margin: 0 2px; display: inline-block; width: 10px; height: 10px; color: #666; background: rgba(255, 255, 255, 0.5); border-radius: 50%; text-indent: -9999px; }
.control_box .btns a.btn_pause { background: url('../images/main/btn_stop.png') 0 0 no-repeat; border-radius:0; }
.control_box .btns a.btn_play { background: url('../images/main/btn_play.png') 0 0 no-repeat; border-radius:0;}
.control_box .btns a.on { width: 30px; border-radius: 20px; background: rgba(255, 255, 255, 1); }
.control_box .blank { display:inline-block; width:0; height:100%; vertical-align:middle; }
.main_visual {height: 900px;}
.main_visual li {width: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-repeat:no-repeat;background-position: 50% 0%;background-size:cover;}
.main_visual > li[class^="visual_"] { height: 900px; display:none; }
.main_visual > li:first-child { display:block; }
.main_visual li.visual_01 {background-image: url("../images/main/visual01.jpg");}
.main_visual li.visual_02 {background-image: url("../images/main/visual02.jpg");}
.main_visual li.visual_03 {background-image: url("../images/main/visual03.jpg");}
.main_visual li.visual_04 {background-image: url("../images/main/visual04.jpg");}
.main_visual li.visual_05 {background-image: url("../images/main/visual05.jpg");}

.main_visual li .txtBox{display: block;color:#fff;width: 1100px;margin: 0 auto;margin-top: 300px;/*font-family: 'S-CoreDream';*/}
.main_visual li .txtBox p.tit{position: relative; line-height: 1.4em;font-size: 3.125em; text-shadow: 0px 2px 3px rgba(29, 42, 71, 0.7); font-weight: 400;}
.main_visual li .txtBox p.tit span{font-size: 0.75em;display:block;margin-bottom: 30px;line-height:1.2em;font-weight: 500;}
.main_visual li .txtBox p.tit strong{display:inline-block;font-size: 1.58em;}
.main_visual li .txtBox p.txt{position: relative;vertical-align: middle; line-height: 1.4em;font-size: 1.35em; font-weight:400;  text-shadow: 0px 2px 3px rgba(29, 42, 71, 0.7);}

/****** section ******/
.section {padding:0; position:relative; box-sizing:border-box; overflow:hidden;}
.section .main_tit{font-size:2em;line-height: 1.1em;color:#1d4359;/* font-family: 'S-CoreDream'; */}
.section .main_tit span{ display: block; font-size:0.53em; color:#2e566e; font-weight: 300; line-height: 1.1em; margin: 9px 0 15px 0;}
.section .main_tit:after{ content:''; display: block; background:#09a0f7; width:50px; height: 4px; margin: 0 auto;}
.section p{ line-height:1.4; text-align:left; font-size: 0.9325em; color:#959595;}
.section .innerWrap{ position:relative;}
.section a:hover{ text-decoration:none;}
/* padding */
.sec02 .innerWrap{padding:50px 0;}

/****** sec01 ******/
.sec01{overflow: hidden;width: 100%; position: absolute; top:625px; z-index: 10;}
.sec01 .innerWrap{position: relative;overflow: hidden;width:1170px;}
.sec01 .main_tit{ color:#005181;font-size: 1.8em; font-weight: 500; margin-bottom: 15px;}
.sec01 .main_tit span{font-size: 17px;color: #c11414;float:right;font-weight: 400;letter-spacing: -0.06em;}
.sec01 .main_tit span i{ font-style:italic;}
.sec01 .main_tit:after{ display:none;}
.sec01 .innerWrap > div{ width:60%; float: left; padding:30px 30px 25px 30px;  height: 275px;}
.sec01 .innerWrap > div:nth-child(2){ width:40%;}
.sec01 .mb_txt{ display:none;}
.sec01 .priceBox{ background:#e7f0f5;}
.sec01 .priceBox p{ color:#494949;}
.sec01 .priceBox .tbl{ margin:0;}
.sec01 .priceBox .tbl thead th{padding: 7px 2px;}
.sec01 .priceBox .tbl tbody th, .priceBox .tbl tfoot th, .priceBox .tbl td{padding: 9px 7px;}

.reservationBox{ background:#005181; overflow:hidden; height:100%;}
.reservationBox .btnGrp{margin: 0;}
.reservationBox .btnGrp .button,
.reservationBox .btnGrp a{background:#ffc637;color:#000;font-weight: 700;font-size:1.4em;display: block;width: 32.65%;float: left;line-height: 50px;height: 50px;text-align: center;margin: 0;margin-right: 1%;border-radius: 0;}

.reservationBox .btnGrp .button:nth-child(3),
.reservationBox .btnGrp a:nth-child(3){background:#03a9f4;color:#fff;margin-right:0;}

.reservationBox {}
.reservationBox dl{width: 100%;background-color: #fff;padding: 10px 0;display: block;overflow: hidden;margin-bottom: 10px;}
.reservationBox dl dt{color: #4c4c4c;font-size: 0.98em;font-weight: 700;line-height: 30px;display: block;float:left;width: 25%;text-align: center;}
.reservationBox dl dd{display: block;float:left;width: 75%;}
.reservationBox input {color: #333; font-weight: 400; border-left: 2px solid #e6e6e6;border: none;letter-spacing: -0.3px; position: relative;width: 90%;}
.reservationBox input.date{padding-left:30px;background: url('../images/board/ico_calendar.gif') no-repeat 10px 50%, url('../images/board/ico_arrow.gif') no-repeat 100% 50%;cursor: pointer;width: 100%;}
.reservationBox input.time{ padding-left:30px; background:url('../images/board/ico_clock.gif') no-repeat 10px 50%, url('../images/board/ico_arrow.gif') no-repeat 90% 50%;}
.reservationBox select.time{padding-left:30px;background:url('../images/board/ico_clock.gif') no-repeat 10px 50%, url('../images/board/ico_arrow.gif') no-repeat 90% 50%;}
.reservationBox select.time{cursor:pointer;border:none;width:100%;background-color:#fff;position:relative;-webkit-appearance: button;}
.reservationBox label {display: block;width: 100%;padding: 0 20px 0 0px;margin-bottom: 20px;min-height: 60px;background-color: #fff;}

.reservationBox dl label {border-left: 2px solid #e6e6e6;position: relative;min-height: 28px;color: #999;font-weight: 400;width:100%;margin: 0;}
.reservationBox label .txt{ text-align: right; float: right; line-height: 30px;}
.reservationBox dl .col2 label{width: 50%; float: left; padding: 0;}
.reservationBox dl .col2 input {width: 100%;} 
.reservationBox dl .col2_2{ padding-right:15px;}
.reservationBox dl .col2_2 label{width: 35%;float: left;padding: 0;}
.reservationBox dl .col2_2 label + label{border-left:0;width: 65%;}
.reservationBox dl .col2_2 input {width: 85%;} 
.reservationBox .checkBox{padding-left: 10px !important;display:block;}

.ui-timepicker-wrapper{width: 153px !important;}
.ui-timepicker-list{}
.ui-timepicker-list li{ font-size:0.98em;}

/****** sec02 ******/
.sec02 { text-align: center;}
.sec02 .innerWrap{}
.sec02 .main_tit{ margin-bottom:40px;}

/****** sec03 ******/
.sec03 {text-align: center; z-index: 0; margin:40px 0; }
.sec03 .innerWrap{ height: 115px; overflow: hidden;}
.sec03 #map{float:left;width: 40%;height: 115px;background:#ddd;z-index: 0;}
.sec03 #map .root_daum_roughmap,
.sec03 #map .root_daum_roughmap .wrap_map{ width:100%; height:100%}
.sec03 .txt{float:right;position: relative;width: 60%;background:#03a9f4;padding:25px 30px 30px 30px;z-index: 99;}
.sec03 .txt:before { content: ''; display: block; position: absolute; left: -50px; top: 0; width: 0px; height: 0px;
border-right: 50px solid transparent; border-top: 115px solid #03a9f4; transform: rotate(-180deg); }
.sec03 .tit{ color:#fff; font-size: 2.33em; font-weight: 400; margin-bottom: 8px; line-height: 1.1em; text-align: left;}
.sec03 .tit i{ font-style:italic;}
.sec03 .txt p{ font-size:1.2em; color:#fff;font-weight: 400;}
.sec03 .btn{ display: block; color:#fff; border:3px solid #fff; padding:10px 30px; position: absolute; right:30px; top:35px;}

/****** sec04 ******/
.sec04 { background: #e7f0f5; padding:70px 0 75px 0; position: relative; overflow: hidden;}
.sec04 .innerWrap{ overflow:hidden;}
.sec04 .main_tit{float:left;}
.sec04 .more{ position:absolute; bottom:50px; left: 40px; color:rgba(48, 56, 60, 0.5); padding-right:20px;}
.sec04 .more a:after{ content:''; display: inline-block; margin-left: 10px; width:6px; height: 9px; background:url('../images/main/arr_more.png') 100% 50% no-repeat; opacity: 0.5; webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.sec04 .more:hover{ color:rgba(48, 56, 60, 1);}
.sec04 .more:hover a:after{ opacity: 1;}
.sec04 .newsBox{width: 670px;height: 350px;float:left;background:#fff;padding:50px 40px;}

.sec04 .main_tit:after{ display:none;}
.sec04 .newsBox ul{float:right;width: 70%;}
.sec04 .newsBox li{margin-bottom: 25px;position: relative;padding-right: 75px;}
.sec04 .newsBox li:after{content:'';display:block;width:100%;height:1px;border-bottom: #ddd 1px dashed;position: absolute;bottom: -50%;}
.sec04 .newsBox li:last-child{ margin-bottom:0;}
.sec04 .newsBox li a{color:#3a3a3a;position: relative;display: block;text-overflow: ellipsis;white-space: nowrap;width: auto;overflow: hidden;font-size:1.025em;}
.sec04 .newsBox li a:hover{ color:#05a8f4; text-decoration: underline;}
.sec04 .newsBox li a img{ display: inline-block; vertical-align: middle; margin-left: 5px;}
.sec04 .newsBox .date{ color:#999898; font-size:0.95em; position: absolute; right:0; top:2px;}
.sec04 .review{float:right;width:430px;height: 350px;background:url('../images/main/news_pic.jpg') no-repeat 50% 50%;background-size:cover;}
.sec04 .review .main_tit{ display: none;}
.sec04 .review .item a{display: block;padding:40px;text-align: center;}
.sec04 .review .item a .tit{color:#fff;font-size: 1.535em;margin-bottom: 10px;line-height: 1.1em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sec04 .review .item a p{color:#fff;margin-bottom: 20px;text-align: center;/* max-height: 50px; *//* overflow-y: auto; */}
.sec04 .review .item a .ico{ display: block; margin: 0 auto 30px auto; width:65px; height: 65px; } 
.sec04 .review .item a .ico img{ width:100%;}
.sec04 .review .item a .name{ font-size:13px; font-weight: 300; color:#fff; line-height: 1.1em;} 
.sec04 .review .owl-theme .owl-nav,
.sec04 .review .control_bn{ display: none !important;}
.sec04 .review .owl-theme{height: 350px;}
.sec04 .review .owl-theme .owl-dots{position: absolute;bottom:25px;left: 0;width:100%;top: inherit;right: inherit;}
.sec04 .review .noData{color:#fff;list-style:none;margin: 15% auto;}

/****** sec05 ******/
.sec05 { padding-top:70px; background-color:#e7f0f5;}
.sec05 .list_use{position: relative;overflow: hidden;z-index: 1;text-align: center;}
.sec05 .list_use:after{content:'';display: block;width: 90%;height: 1px;background:#91adbd;position: absolute;left: 0;top: 23%;margin-top:-1px;margin-left: 5%;z-index: -1;}
.sec05 .list_use li{display: inline-block;width: 13%;vertical-align: top;}
.sec05 .list_use li:first-child{ margin-left:0;}
.sec05 .list_use li:last-child{ margin-right:0;}
.sec05 .list_use li:before{content:'';display: block;margin: 5px auto 15px auto;width: 130px;height: 130px;background-repeat:no-repeat;background-size:85px 80px;background-position: 50% 45%;background-color:#fff;border-radius: 120px;box-shadow:0 0 5px rgba(0,0,0,0.1);z-index: 2;border: 0;}
.sec05 .list_use li:nth-child(1):before{ background-image:url('../images/main/ico_use01.png');}
.sec05 .list_use li:nth-child(2):before{ background-image:url('../images/main/ico_use02.png');}
.sec05 .list_use li:nth-child(3):before{ background-image:url('../images/main/ico_use03.png');}
.sec05 .list_use li:nth-child(4):before{background-image:url('../images/main/ico_use04.png');background-color:#ffc637;border: 5px solid #fff;width: 140px;height: 140px;margin-top: 0;background-position: 50% 40%;}
.sec05 .list_use li:nth-child(5):before{ background-image:url('../images/main/ico_use05.png');}
.sec05 .list_use li:nth-child(6):before{ background-image:url('../images/main/ico_use06.png');}
.sec05 .list_use li:nth-child(7):before{ background-image:url('../images/main/ico_use07.png');}
.sec05 .list_use li:nth-child(4) .tit{margin-top: -51px;font-size: 1.2em;}

.sec05 .list_use li .txtBox{text-align: center;margin: 0 auto;}
.sec05 .list_use li .tit{color: #000;text-align: center;font-size: 1.35em;font-weight: 700;line-height: 1.1em;margin-bottom: 10px;}
.sec05 .list_use li .tit span{color:#03a9f4;display: block;margin: 0 auto;font-size:14px;}
.sec05 .list_use li .txt{color:#666;text-align: center;line-height: 1.3;/* font-size: 1em; */}
.sec05 .list_use li .txt strong{ color:#1d4359; display: block;}

/****** sec06 ******/
.sec06 { margin-top:50px;}
.review_link{ overflow: hidden;}
.review_link .left, .review_link .right{ float:left; width:55%;}
.review_link .right{ width:45%;}
.review_link  a{ display: block; padding:35px 45px; background-repeat: no-repeat !important; position: relative;}

.review_link  a .tit{ font-size:1.85em; font-weight: 400;}
.review_link  a p{ font-size:1.2em;}

.review_link .left a .tit, .review_link .left a p{ color:#33272a;}
.review_link .right a .tit, .review_link .right a p{ color:#2a2a2a;}
.review_link .left a{ background:#fdd303 url('../images/main/review_link_kakao.png') 85% 50%;}
.review_link .right a{ background:#efefef  url('../images/main/review_link_google.png') 88% 50%; padding:35px 45px 35px 25px;}
.review_link .right a:before { content: ''; display: block; position: absolute; left: -50px; top: 0; width: 0px; height: 0px;
border-right: 50px solid transparent; border-top: 137px solid #efefef; transform: rotate(-180deg); }

@media only screen and (max-width:1024px) {	
	/****** visualRolling ******/
	.main_visual{height: 350px;}
	.main_visual > li.visual_01,
	.main_visual > li.visual_04,
	.main_visual > li.visual_05 { background-position: 50% 70%;}
	.main_visual > li{ background-position: 50% 0;}
	.main_visual > li[class^="visual_"]{background-size: cover;height: 350px;}
	.main_visual li .txtBox{padding: 0 20px;margin-top: 80px;}
	.main_visual li .txtBox p.tit{font-size:2.3em;}
	.control_box{bottom: 30px;}
	.control_box .btns{width:100%;padding: 0 20px;}
	
	/****** section ******/
	.section .main_tit{font-size:1.8em;margin-bottom: 30px;}
	.section .main_tit span{ margin: 6px 0 12px 0;}
	
	/****** sec01 ******/
	.sec01{position:relative;top: inherit;/* margin-top: -40px; */}
	.sec01 .innerWrap{padding: 0 !important;max-width: inherit;width: 100%;}
	.sec01 .main_tit{font-size: 1.5em;margin-bottom: 15px;}
	.sec01 .main_tit span{font-size: 15px;}
	.sec01 .innerWrap > div{padding: 30px 25px 14px 30px;min-height: 265px;height: auto;width:50% !important;}
	.sec01 .priceBox .tbl thead th{/* padding: 15px 2px; */}
	.sec01 .priceBox .tbl tbody th, .priceBox .tbl tfoot th, .priceBox .tbl td{ padding: 11px 7px;}
	.sec01 .priceBox p span{ float:right;}

	/****** sec02 ******/
	.sec02 .innerWrap{padding: 40px 0px;}
	
	/****** sec03 ******/
	.sec03 .txt:before{     border-top: 110px solid #03a9f4;}
	.sec03 .tit{font-size: 1.8em;}
	.sec03 .txt p{ font-size:1.05em;}
	.sec03 .btn{ border-width:2px; padding:8px 15px; }
	
	/****** sec04 ******/
	.sec04{ padding:50px 0 55px 0;}
	.sec04 .main_tit br{ display:none;}
	.sec04 .more{left: 30px;bottom: 25px;}
	.sec04 .newsBox li a{min-width: inherit;width: 100%;}
	.sec04 .newsBox{width: 65%;padding: 25px 30px;height: 275px;}
	.sec04 .newsBox li{margin-bottom: 20px;}
	.sec04 .review{width: 35%;height: 275px;}
	.sec04 .review .owl-theme{height: 275px;}
	.sec04 .review .owl-theme .owl-dots{ bottom:20px;}
	.sec04 .review .item a { padding:35px 25px;}
	.sec04 .review .item a .ico{ overflow: hidden; height: 20px; margin-bottom: 15px;}
	.sec04 .review .item a .ico img{ margin-top: -45px;}
	.sec04 .review .item a .tit{ font-size:1.3em;}
	.sec04 .review .item a p{ margin-bottom: 15px;}

	/****** sec05 ******/
	.sec05 { padding-top:50px;}
	.sec05 .list_use li{ width:13.9%;}
	.sec05 .list_use:after{margin-top: -25px}
	.sec05 .list_use li:before{background-size: 55px;width: 85px;height: 85px;margin: 5px auto 10px auto;}
	.sec05 .list_use li:nth-child(4):before{width: 95px;height: 95px;}
	.sec05 .list_use li .tit{font-size: 1.2em; margin-bottom:5px;}
	.sec05 .list_use li .tit span{ font-size:0.8em}
	.sec05 .list_use li:nth-child(4) .tit{margin-top: -40px; font-size:1.1em}

	/****** sec06 ******/	
	.sec06 { margin-top:40px;}
	.review_link a{ padding:25px 35px; background-size:120px !important;}
	.review_link .right a{ padding:25px 35px 25px 15px; }	
}

@media only screen and (max-width:815px) {	
	
	/****** sec01 ******/
	.sec01 .main_tit{font-size: 1.6em;text-align: center;line-height: 1em;}
	.sec01 .priceBox p span{ float:left;}
	.sec01 .priceBox p span:nth-child(2){ float:right;}
	
	/****** sec02 ******/
	.section .main_tit{ margin-bottom:12px;}	

	/****** sec03 ******/
	.sec03{ background: linear-gradient(180deg, #fff 64% , #e7f0f5 50%);}
	.sec03 .innerWrap{height:auto;padding:0 15px;}
	.sec03 #map{ height:180px;}
	.sec03 #map, .sec03 .txt{ width:100%; float:none;}
	.sec03 .txt{padding:20px 25px 25px 25px}
	.sec03 .txt:before{ display:none;}
	.sec03 .tit{font-size: 1.8em;}
	.sec03 .txt p{/* font-size:1.05em; */}
	.sec03 .btn{ border-width:2px; padding:8px 15px; top:30px; right:25px; }

	/****** sec04 ******/
	.sec04 .innerWrap { padding:0 15px; }	

	/****** sec05 ******/
	.sec05 { padding-top:35px;}
	.sec05 .list_use:after{ margin-top: -75px }
	.sec05 .list_use li:before{background-size: 45px;width: 80px;height: 80px;margin: 5px auto 5px auto;}
	.sec05 .list_use li:nth-child(4):before{width: 85px;height: 85px;}
	.sec05 .list_use li .tit{font-size: 1.1em; }
	.sec05 .list_use li:nth-child(4) .tit{margin-top: -35px; font-size:1.05em;}
	
	/****** sec06 ******/	
	.sec06 { margin-top:30px;}
	.sec06 .innerWrap{padding:0 15px;}
	.review_link .left,
	.review_link .right{ float:none; width:100%;}
	.review_link .left{ margin-bottom:10px;}
	.review_link a{ padding:25px 35px !important; background-size:120px !important; background-position: 90% 50% !important;}
}
@media only screen and (max-width:1024px) {
	.sec01 .innerWrap > div{float:none;width:100% !important;min-height: inherit;padding: 25px 20px 35px 20px;}
	.reservationBox .btnGrp .button,
	.reservationBox .btnGrp a{ font-size:1.2em; height: 40px; line-height: 40px;}
	.ui-timepicker-wrapper{ width:auto !important;}
	.sec02 .innerWrap{ padding-left:15px; padding-right:15px;}
	.sec04 .newsBox ul{ width:67%;}
}
@media only screen and (max-width:640px) {
	#container{ margin-bottom:0;}
	
	/****** visualRolling ******/
	.main_visual{height: 230px;}
	.main_visual > li[class^="visual_"]{height: 230px;}
	.control_box{bottom: 20px;}
	.control_box .btns{padding: 0 15px;}	
	
	.main_visual li .txtBox{margin-top: 75px;}
	.main_visual li .txtBox p.tit{font-size: 1.8em;}
	.main_visual li .txtBox p span{ margin-bottom:15px;}
	
	/****** section ******/	
	.section .main_tit{ font-size:1.65em;}
	.section .main_tit:after{ height:3px; width:40px;}	
	
	/****** sec01 ******/
	.sec01 .innerWrap > div{padding: 25px 20px 20px 20px;}
	.sec01 .main_tit span{/* display:none; */}
	.sec01 .mb_txt{display:inline-block;color:#494949; text-align:center; margin:10px auto 0 auto; display:block;}
	.sec01 .priceBox p span{ display:block; float:none !important; }
	.sec01 .priceBox p span:nth-child(2){ margin-top:2px;}

	/****** sec02 ******/
	.sec02 .innerWrap{ padding:30px 0;}
	
	/****** sec03 ******/
	.sec03 .main_tit{ font-size:1.8em; margin-bottom: 20px;}
	.sec03 .main_tit:after{width:60px; margin-top: 10px;}
	
	/****** sec04 ******/
	.sec04{ padding:35px 0 40px 0;}
	.sec04 .innerWrap{padding:0;}	
	.sec04 .more{left: 20px;}
	.sec04 .more:before{width:12px;margin-left: -6px;}
	.sec04 .more:after{height:12px;margin-top: -6px;}
	.sec04 .newsBox{width:100%;padding: 25px 20px;height: 235px;position: relative;}
	.sec04 .newsBox li{margin-bottom: 15px;}
	.sec04 .review{height: 225px; width:100%; margin-top:15px;}
	.sec04 .review .owl-theme{ height: 225px;}
    .sec04 .review .noData{ margin:0 auto}

	/****** sec05 ******/
	.sec05 .list_use:after{top: 0;width:1px;height: 90%;left: 29px;margin-left: 0;}
	.sec05 .list_use li{display:block;width: 100%;overflow: hidden;margin-bottom:10px;background: #fff;border-radius: 10px;}
	.sec05 .list_use li:last-child{ margin-bottom:0;}
	.sec05 .list_use li:before{background-size: 40px;width: 60px !important;height: 60px !important;margin: 0px auto;float: left;display: block;border:0 !important;border-radius: 0;}
	.sec05 .list_use li .txtBox{float:left;padding: 10px 0px 10px 20px;width: 80%;}
	.sec05 .list_use li .tit{text-align: left;margin: 0 0 5px 0;font-size: 1.1em !important;}
	.sec05 .list_use li:nth-child(4) .tit{ margin: 12px 0 5px 0;}
	.sec05 .list_use li .tit span{display:inline-block;margin-right: 5px;font-size: 1em;}
	.sec05 .list_use li .txt{ text-align: left;}
	.sec05 .list_use li .txt br{ display:none;}
	.sec05 .list_use li .txt strong{ display:inline-block;}

	/****** sec06 ******/
	.sec06{ margin-top:25px;}
	.review_link  a { padding:20px !important;}
	.review_link  a .tit{ font-size:1.6em; }
	.review_link  a p{ font-size:1.1em;}
}
@media only screen and (max-width:480px) {
	/****** visualRolling ******/	
	.main_visual{height: 170px;}
	.main_visual > li[class^="visual_"]{ height: 170px;}
	.control_box{bottom: 15px;}
	.main_visual li .txtBox{ margin-top: 38px;}
	.main_visual li .txtBox p.tit{font-size: 1.6em;}
	
	/****** sec01 ******/
	.reservationBox dl label{padding: 0 15px 0 10px;}
	.reservationBox input.date{padding-left:22px;background: url('../images/board/ico_calendar.gif') no-repeat 5px 50%, url('../images/board/ico_arrow.gif') no-repeat 100% 50%;}
	.reservationBox input.time{ padding-left:22px; background:url('../images/board/ico_clock.gif') no-repeat 5px 50%, url('../images/board/ico_arrow.gif') no-repeat 92% 50%;}
	.reservationBox .checkBox{padding-left:5px !important;}
	.reservationBox dl .col2_2 label,
	.reservationBox dl .col2_2 label + label{ width:50%}

	/****** sec02 ******/
	.sec02 .innerWrap{ padding:25px 0;}
	
	/****** sec03 ******/
	.sec03 .main_tit{font-size:1.45em;}
	.sec03 .txt{padding: 20px 15px; }
	.sec03 .tit{text-align:center;}
	.sec03 .txt p{text-align:center;}
	.sec03 .btn{ position:relative; right:inherit; top:inherit; margin-top:15px; display:inline-block; padding:5px 15px;}
	
	/****** sec04 ******/
	.sec04{ padding:30px 0 35px 0;}
	.sec04 .newsBox{padding: 25px 20px;height: 210px;}
	.sec04 .newsBox li{ margin-bottom:10px; padding-right:60px;}
	.sec04 .newsBox li:after{ bottom:-40%;}
	.sec04 .review{ width:100%; height: 200px;}
	.sec04 .review .owl-theme{height:200px;position: relative;}
	.sec04 .review .owl-theme .owl-dots{bottom:inherit;left: inherit;top:15px;right: 15px;width: auto;}
	.sec04 .owl-theme .owl-dots .owl-dot{ display:block; float:left;}
	.sec04 .review .item a{padding:25px;}
	.sec04 .review .item a .ico{width: 45px;height: 15px;margin-bottom: 10px;}
	.sec04 .review .item a .ico img{ margin-top:-30px;}
	.sec04 .review .item a p{ margin-bottom:10px;}	

	/****** sec05 ******/
	.sec05 .list_use li:before{width: 20% !important;}
	
	/****** sec06 ******/
	.sec06{ margin-top:20px;}
	.review_link  a { padding:15px !important; background-size:90px !important; background-position: 95% 50% !important;}
	.review_link  a .tit{ font-size:1.2em; }
	.review_link  a p{ font-size:1em; letter-spacing: -0.05em; }
}
@media only screen and (max-width:320px) {
	.sec04 .newsBox li{ padding-right:0;}
	.sec04 .newsBox li a{ width:100%;}
	.sec04 .newsBox .date { display: none;}
}


/****** fontBg ******/
.main_visual li .txtBox p.tit, .sec01 .main_tit, .sec04 .main_tit{background-size: contain !important;font-size: 0;}
.main_visual li .txtBox p.tit{height: 138px; margin-bottom:30px;  background-size:contain !important; background-position: 0 0; background-repeat: no-repeat;}
.main_visual li.visual_01 .txtBox p.tit,
.main_visual li.visual_04 .txtBox p.tit,
.main_visual li.visual_05 .txtBox p.tit{ background-image: url('../images/main/visual_txt01.png?v=250727') ; }
.pk0001 .main_visual li.visual_01 .txtBox p.tit{ background-image: url('../images/main/visual_txt01_01.png') ; }
.main_visual li.visual_02 .txtBox p.tit{background-image: url('../images/main/visual_txt02.png'); }
.main_visual li.visual_03 .txtBox p.tit{background-image: url('../images/main/visual_txt03.png'); }
.sec01 .main_tit{background: url('../images/main/sec01_main_tit.png?v=210727') no-repeat 0 0;min-height: 27px;}
.sec02 .main_tit{background: url('../images/main/sec02_main_tit.png') no-repeat 50% 0;height: 115px;position: relative;margin-bottom: 0;font-size: 0;}
.sec02 .main_tit:after{position:absolute;top: 65px;left: 50%;margin-left: -25px;}
.sec04 .main_tit{background: url('../images/main/sec04_main_tit.png') no-repeat 0% 0;height: 56px;width: 111px;}
.sec05 .main_tit{background: url('../images/main/sec05_main_tit.png') no-repeat 50% 0;height: 115px;position: relative;margin-bottom: 0;font-size: 0;}
.sec05 .main_tit:after{position:absolute;top: 65px;left: 50%;margin-left: -25px;}

@media only screen and (max-width:1024px) {
	.main_visual li .txtBox p.tit{height: 85px;margin-bottom: 25px;}
	.sec01 .main_tit{min-height: 22px;}
	.sec02 .main_tit{height: 85px;background-size: 97px;}
	.sec02 .main_tit:after{top: 55px;left: 50%;margin-left: -25px;}
	.sec04 .main_tit{height: 48px;}
	.sec05 .main_tit{height: 85px;background-size: 170px;}
	.sec05 .main_tit:after{top: 55px;left: 50%;margin-left: -25px;}
}
@media only screen and (max-width:640px) {
	.main_visual li .txtBox p.tit{height: 60px;margin-bottom: 0;}
	.main_visual li .txtBox p.txt{display:none;}
	.sec01 .main_tit{min-height: 20px;background-position: 0% 0;}
	.sec01 .main_tit span{font-size: 13px;}
	.sec02 .main_tit{height: 75px;background-size: 80px;}
	.sec02 .main_tit:after{top: 45px;margin-left: -20px;}
	.sec04 .main_tit{height: 41px;width: 81px;}
	.sec05 .main_tit{height: 75px;background-size: 146px;}
	.sec05 .main_tit:after{top: 45px;margin-left: -20px;}
}
@media only screen and (max-width:480px) {
	.main_visual li .txtBox p.tit{height: 50px;}
	.sec01 .main_tit{min-height: 20px;}
	.sec02 .main_tit{height: 65px;background-size: 77px;}
	.sec04 .main_tit{height: 38px;width: 78px;}
	.sec05 .main_tit{height: 65px;background-size: 140px;}
}