.pageOutWrap { width: 100%; overflow: hidden; }
.showBlockM { display: none; }
.showBlockPc { display: block; }
/*.visible {display: none !important;}*/

/*
 * 아이폰 기본스타일 제거
 */
input, textarea {
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url('/app/layout/web/images/globalSite/english/selectArrow.png') no-repeat 97% 50%/15px auto;
}

/***공통***/
.cl_subTitle { font-size: 45px; color: #303030; font-family: 'NotoSansL'; text-align: center; margin-bottom: 70px; }
.cl_subTitle .bold { font-family: 'NotoSansM'; }

.reservationTimeModal .content label {display:block; margin-bottom:10px !important;}
.reservationTimeModal .content .am {padding-bottom:10px !important;}
.reservationTimeModal .content .gridWrapper {overflow:hidden;}
.reservationTimeModal .content .grid {display:flex; flex-wrap:wrap; padding:10px 0 0 10px; margin:-10px}
.reservationTimeModal .content .grid .gridCell {
	box-sizing:border-box;
	width:calc(100% / 4);
	width:25%;
	border:0 solid transparent;
	border-width:0 10px 10px 0;
}
.reservationTimeModal .content .grid .gridCell.closed {color:#ccc;}
	
	/*
		*********************************** header ************************************
	*/
.headerWrap { width: 100%; position: fixed;left: 0; right: 0; top: 0;  z-index: 9; box-sizing: border-box;background: #ffffff; }
.headerWrap .header { width: 100%; max-width: 1260px; margin: 0 auto; height: 90px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; box-sizing: border-box; }
.headerWrap .header .leftArea { display: flex; align-items: center; justify-content: center; }
.headerWrap .header .leftArea .logo img {height:60px;}
.headerWrap .header .nav { display: flex; text-align: center; letter-spacing: -0.7px; }
.headerWrap .header .nav li { color: #222222; font-size: 18px; font-family: 'NotoSansM'; padding-left: 100px; cursor: pointer; box-sizing: border-box; }
.headerWrap .header .nav li.on { color: #c991f9; font-family: 'SUIT-Bold'; transition: 0.2s; }

.headerWrap .header .selectBox { border: 1px solid #dcdcdc; width: 150px; height: 30px; display: flex; align-items: center; justify-content: center; }
.headerWrap .header .selectBox select { width: 100%; font-size: 16px; color: #89898b; font-family: 'NotoSansM'; appearance: none; -webkit-appearance: none; -moz-appearance: none;
	background: url("/app/layout/web/images/globalSite/english/selectArrow.png")no-repeat; background-position: calc(100% - 10px) center; padding-left: 20px; }
.headerWrap .header select::-ms-expand{ display: none; } /* 익스플로러용 */

.swiper .swiper-pagination-bullet { background-color: #fff; opacity: 1; }
.swiper .swiper-pagination-bullet-active { background-color: #000; }

/*
    *********************************** subVisual ************************************
*/
.subVisual{ padding-top: 90px; }
.subVisual img{ width: 100%;}

/***contentWrap***/
.contentsWrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 100px 20px; box-sizing: border-box; }


/*
    *********************************** treatmentOffer ************************************
*/

.treatmentOffer { background: #f5fcff; padding: 100px 20px; width: 100%; box-sizing: border-box }
.treatmentOffer .content { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }

/*listWrap*/
.treatmentOffer .content .listWrap { width: 460px; margin-right: 35px; }
.treatmentOffer .content .listWrap ul { width: 100%; }
.treatmentOffer .content .listWrap ul li { display: flex; align-items: center; justify-content: flex-start; font-size: 18px; color: #ffffff; font-family: 'NotoSansM'; border-radius: 40px;
	background: #89d0f0; margin: 25px 0; padding: 12px 15px; box-sizing: border-box; }
.treatmentOffer .content .listWrap ul li .num { background: #ffffff; color: #89d0f0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.treatmentOffer .content .listWrap ul li .text { flex: 1; text-align: center; letter-spacing: -0.8px; }

/*gridWrapper*/
.treatmentOffer .gridWrapper { flex: 1; overflow:hidden; border: 1px solid #d5d5d5;}
.treatmentOffer .grid {display:flex; flex-wrap:wrap; padding:1px 0 0 1px; margin:-1px; text-align: center; }
.treatmentOffer .grid .gridCell { display: flex; align-items: center; justify-content: center; box-sizing:border-box; width:calc(100% / 4); height: 70px; border: 1px solid #d5d5d5; border-width:0 1px 1px 0;
	color: #848484; font-size: 18px;font-family: 'NotoSansM'; background: #ffffff; cursor: pointer;}
.treatmentOffer .grid .gridCell.on { background: #89d0f0; color: #ffffff; }




/*
    *********************************** reservation ************************************
*/


.reservation .qrContainer { display: flex; justify-content: center; }
.reservation .reservationForm { width: 50%; }
.reservation .reservationForm:nth-child(2) { padding-left: 20px; }
.reservation .qrContainer .formRow {  display: flex; align-items: center; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #e7e7e7; box-sizing: border-box; }
.reservation .qrContainer .formCol.head { width: 170px; font-size: 16px; font-family: 'NotoSansR'; color: #333333; }
.reservation .qrContainer .formCol.head{ padding-left: 10px; }
.reservation .qrContainer .formCol.head.require:before { content: '*'; font-size: 18px; color: #59c2d8;vertical-align: middle; padding: 0 5px; }
.reservation .textBox { background: #fafafa; border: 1px solid #e0e0e0; color: #333333; padding: 10px 20px; margin: 10px 0; box-sizing: border-box; }
.reservation .phoneNumber .body {display:flex; flex-direction: column;}
.reservation .phoneNumber .body select[name=countryId] {width:50px; margin-right:5px;}


.reservation .qrContainer .formCol.body { width: calc(100% - 200px);  }
.reservation .qrContainer .formCol.body input { font-size: 14px; color: #333333; font-family: 'NotoSansR';  }
.reservation .qrContainer .formCol.body .guideText {display:block; width:100%; margin-top:5px; box-sizing:border-box; font-size:12px; color:red;}
.reservation .qrContainer .input.medium { width: 200px; }
.reservation .qrContainer .input.default { font-size: 14px; color: #888888; padding: 11px; box-sizing: border-box; border: solid 1px #dbdbdb; background-color: #ffffff; vertical-align: middle; }
.reservation .qrContainer .input.large { width: 340px; }
.reservation .qrContainer .input.small { width: calc(calc(100%/2) - 16px); }
.reservation .qrContainer .formCol.body.emailBox {display: flex; align-items: center;}
.reservation .qrContainer .input.small.emailBox2 {position: relative;}
.reservation .qrContainer .input.email2 { width: 84%; position: absolute; display: none;}
.reservation .qrContainer .input.small.email {width: 100%;}
.reservation .qrContainer .formCol.body textarea { width: 100%; height: 60px; color: #888888; font-family: 'NotoSansR'; box-sizing: border-box; border: solid 1px #dbdbdb; resize: none; padding: 11px; background-color: #ffffff; }
.reservation .qrContainer .formCol.body.emailBox > span {font-size: 25px;}

/*
    *** 버튼
*/

.reservation .btnSpace { display: flex; justify-content: center; align-items: center; padding-top: 50px; }
.reservation .btnSpace .button { width: 230px; height: 60px; line-height: 60px; text-align: center; color: #ffffff; font-family: 'NotoSansB'; font-size: 18px; }
.reservation .btnSpace .button.reservationButton { background: #89d0f0; margin-right: 5px; }
.reservation .btnSpace .button.default { background: #555555; }

.reservation .minorSpace { display: flex; justify-content: center; align-items: center; padding-top: 20px; flex-direction: column;}
.reservation .minorSpace .button { /*width: 230px; height: 60px; line-height: 60px; text-align: center; color: #ffffff; font-family: 'NotoSansB'; font-size: 18px;*/
	width: auto;
	height: auto;
	line-height: 1.6;
	text-align: center;
	color: #ffffff;
	font-family: 'NotoSansB';
	font-size: 18px;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.reservation .minorSpace .button.minorDownloadButton { background: #555555; margin-right: 5px; display: flex;align-items: center; gap: 20px;}
.reservation .minorSpace .minorText {text-align: center;}

.googleMap iframe {display:none; width:100%;}

/*
    *********************************** Vands TV ************************************
*/
#mainYoutube {position:relative; width:1400px; height:788px; margin:0 auto; margin-top:30px; margin-bottom:60px;}
#mainYoutube > video {width:100%; height:100%;}
.vandsTv {margin-top:130px;}
.vandsTv .contentWrap {padding:0;}
#vandsTv .mainSectionTitle {margin-bottom:40px;}
#vandsTv .slideArea {position:relative;}
#vandsTv .swiper-container {height:242px; margin-bottom: 100px;}
#vandsTv .swiper-slide {width:360px; height:202px; margin-top:20px; cursor:pointer;}
#vandsTv .swiper-slide .thumb {width:100%; height:100%; object-fit: cover;}
#vandsTv .swiper-slide .playIcon {display:none; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px;}
#vandsTv .swiper-slide:hover .playIcon {display:inline;}
#vandsTv .arrowWrap {position:absolute; top:121px; left:50%; margin-left:-690px; width:1380px; z-index:10;}
#vandsTv .swiperArrow {position:absolute; margin-top:-30px; cursor:pointer;}
#vandsTv .swiperArrow .over {display:none;}
#vandsTv .swiperArrow:hover .normal {display:none;}
#vandsTv .swiperArrow:hover .over {display:inline;}
#vandsTv .swiperPrev {left:0;}
#vandsTv .swiperNext {right:0;}


/*
  *********************************** footer ************************************
  */

.footerWrap { background: #f5f5f5; padding-bottom: 90px; }
.footerWrap .footer { display: flex; justify-content: space-between;  max-width: 1200px; margin: 0 auto; padding: 100px 20px;overflow: hidden; box-sizing: border-box;}
.textLine { width: 24px; height: 2px; background: #000000; margin: 20px 0 50px 0; }
.footer .mainText { font-size: 18px; }


/*
    *** 오시는길
*/
.footer .wayToCome {  width: 30%;  }
.footer .wayToCome .mainText { font-size: 18px; font-family: 'NotoSansL'; color: #222222; }
.footer .wayToCome .mainText span { color: #a5a5a5; border: 1px solid #a5a5a5; border-radius: 30px; padding: 5px 10px; margin-left: 20px; }
.footer .wayToCome .mainText span img { padding-left: 5px; }
.footer .wayToCome .map img { width: 100%; margin-bottom: 10px;}
.footer .wayToCome .subText { font-size: 16px; color: #848484; font-family: 'NotoSansL'; letter-spacing: -1px; margin-bottom: 20px; text-align: center;}
.footer .wayToCome .iconWrap { display: flex; color: #848484; padding-top: 10px; justify-content: flex-start; }
.footer .wayToCome .iconWrap .subwayIcon { display: flex; align-items: center; margin-bottom: 20px; }
.footer .wayToCome .iconWrap .subwayIcon:nth-child(1) { border-right: 1px solid #d5d5d5; margin-right: 10px; }
.footer .wayToCome .iconWrap .iconText { padding: 5px 8px; text-align: center; font-size: 16px; line-height: 18px; }
.footer .wayToCome .iconWrap .icon img { width: 100%; }

.footer .wayToCome .textWrap { font-family: 'NotoSansM'; font-size: 15px; color: #848484; letter-spacing: -1px;  }
.footer .wayToCome .textWrap .text span { font-family: 'NotoSansL'; }
.footer .wayToCome .textWrap .text { padding: 10px 0; }

/*
    *** 영업시간
*/
.footer .openHours { width: 30%; }
.footer .openHours .mainText { font-size: 18px; color: #222222; font-family: 'NotoSansL'; }
.footer .openHours .subText { font-size: 18px; line-height: 40px; color: #848484; font-family: 'NotoSansR'; }
.footer .openHours .subText2 { padding-top: 50px; }
.footer .openHours .tel { display: flex; align-items: center; padding-top: 40px; }
.footer .openHours .tel p { color: #89d0f0; font-size: 40px; font-family: 'NotoSansB'; }

.footer .openHours .tel img { width: 60px; display: block; padding-right: 10px; }

/*
    *** sns
*/
.footer .snsWrap { width: 30%; }
.footer .snsWrap .mainText { font-size: 18px; font-family: 'NotoSansL'; color: #222222; }
.footer .snsWrap .mainText span { color: #89d0f0; font-family: 'NotoSansB';  }

.footer .snsWrap .snsIcon { display: flex; padding-bottom: 40px; }
.footer .snsWrap .snsIcon .sns { padding-right: 20px; }
.footer .snsWrap .snsIcon .sns img { width: 100%; }

.footer .snsWrap .countryIcon { display: flex; flex-wrap: wrap; padding:5px 0 0 0px; margin: 0px; }
.footer .snsWrap .countryIcon .country {box-sizing:border-box;
	width:calc(100% / 5);
	border:0 solid transparent;
	border-width:0 5px 30px 0; }
.footer .snsWrap .countryIcon .country img { width: 100%; cursor:pointer; margin-bottom: 5px;}

.footer .snsWrap .countryIcon .country .mainText { text-align: center; color: #848484;font-family: 'NotoSansL'; line-height: 18px; font-size: 14px; letter-spacing: -1px;  }


/*
    *********************************** bottomBtnWrap ************************************
*/
.bottomBtnWrap { position: fixed; bottom: 0; width: 100%;overflow: hidden; z-index:10;}
.bottomBtnWrap .bottomBtn { display: flex; align-items: center; justify-content: space-between; height: 90px; text-align: center;
	color: #ffffff; text-align: center; font-family: 'NotoSansM'; font-size: 30px; letter-spacing: -2.0px;
	cursor: pointer;}

.bottomBtnWrap .bottomBtn .bottomText {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color:#fff !important;}
.bottomBtnWrap .bottomBtn .bottomText.colorType1 { background: #a0c5d5; padding-left: 360px;border-right: 1px solid #ffffff; }
.bottomBtnWrap .bottomBtn .bottomText.colorType2 { background: #89d0f0; border-right: 1px solid #ffffff;}
.bottomBtnWrap .bottomBtn .bottomText.colorType3 { background: #619cd4; padding-right: 360px; }
.bottomBtnWrap .bottomBtn img {width:auto; height:35px; vertical-align:middle; margin-right:10px;}

/*
 * online reservation
 */
.reservation .formCol .timeChipsWrapper {display:flex; flex-direction:row; height:150px;}
.reservation .formCol .timeChipsWrapper .reservationTimeChips .timeChipSwiper {height:100%; overflow:hidden;}
.reservation .formCol .timeChipsWrapper .timeChip {cursor:pointer; width:150px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; text-align:center; margin-right:10px; font-size:15px; background-color:#fff; color:#353535; border:1px solid #e2e2e2; border-radius:10px;}
.reservation .formCol .timeChipsWrapper .timeChip.on {background-color:#333333; color:#fff;}
.reservation .formCol .timeChipsWrapper .timeChipButtons {position:relative; flex:1; height:100%; text-align:left; margin-left:20px;}
.reservation .formCol .timeChipsWrapper .timeChipButtons .up {position:absolute; cursor:pointer; top:0; font-size:20px; width:50px; text-align:center;}
.reservation .formCol .timeChipsWrapper .timeChipButtons .down {position:absolute; cursor:pointer; bottom:0; font-size:20px; width:50px; text-align:center;}


@media(max-width: 1400px){
	
	.headerWrap .header .nav li { padding-left: 80px; }
	
	/*
		*********************************** bottomBtnWrap ************************************
	*/
	
	.bottomBtnWrap .bottomBtn .bottomText.colorType1 { padding-left: 100px; }
	.bottomBtnWrap .bottomBtn .bottomText.colorType3 { padding-right: 100px; }
	
	/*
		*********************************** reservation ************************************
	*/
	
	.reservation .qrContainer .input.large { width: 100%; }
	.reservation .qrContainer .input.small { width: calc(calc(100%/2) - 7px); }
	/*.reservation .qrContainer .formCol.body.emailBox {display: flex; align-items: center;}*/
	/*.reservation .qrContainer .input.small.emailBox2 {position: relative;}*/
	.reservation .qrContainer .input.email2 { width: 84%; position: absolute; background: skyblue;}
	/*.reservation .qrContainer .input.small.email {width: 100%;}*/


	/*footer*/
	
	.footer .wayToCome { width: 31%; }
	.footer .openHours { width: 31%; }
	.footer .snsWrap { width: 31%; }
	.footer .openHours .subText {font-size: 16px;}
	.footer .openHours .tel p { font-size: 34px; }
}
@media(max-width: 1024px){
	
	/***공통***/
	.cl_subTitle { font-size: 32px; margin-bottom: 50px; }
	.cl_subTitle .bold { font-family: 'NotoSansM'; }
	
	
	/*
		*********************************** header ************************************
	*/
	
	.headerWrap .header .nav li { font-size: 15px; padding-left: 40px; }
	.headerWrap .header .selectBox { width: 80px; height: 25px; }
	.headerWrap .header .selectBox select { font-size: 14px; }
	
	/***contentWrap***/
	.contentsWrap { padding: 70px 20px; }
	
	
	/*
	  *********************************** treatmentOffer ************************************
	*/
	
	.treatmentOffer { padding: 70px 20px;  }
	/*listWrap*/
	.treatmentOffer .content .listWrap { width: 340px; margin-right: 20px; }
	.treatmentOffer .content .listWrap ul li { font-size: 14px; margin: 20px 0; padding: 10px 15px; box-sizing: border-box; }
	.treatmentOffer .content .listWrap ul li .num { background: #ffffff; color: #89d0f0; width: 30px; height: 30px; }
	.treatmentOffer .content .listWrap ul li .text { flex: 1; text-align: center; letter-spacing: -1px; }
	
	/*gridWrapper*/
	.treatmentOffer .gridWrapper { flex: 1; overflow:hidden; border: 1px solid #d5d5d5;}
	.treatmentOffer .grid {display:flex; flex-wrap:wrap; padding:1px 0 0 1px; margin:-1px; ; }
	.treatmentOffer .grid .gridCell {  width:calc(100% / 3); height: 60px;  font-size: 14px;font-family: 'NotoSansM'; }
	
	
	/*
	*** 버튼
	*/
	
	.reservation .btnSpace { padding-top: 50px; /*padding-bottom: 20px;*/ }
	.reservation .btnSpace .button { width: 180px; height: 50px; line-height: 50px; font-size: 16px; }
	.reservation .btnSpace .button.reservationButton { background: #89d0f0; margin-right: 5px; }
	.reservation .btnSpace .button.default { background: #555555; }
	.reservation .qrContainer .formCol.head { width: 160px; }

	.reservation .minorSpace { padding-top: 10px; padding-bottom: 20px; }
	.reservation .minorSpace .button { /*width: 180px; height: 50px; line-height: 50px;*/ font-size: 16px; padding: 10px 10px;}
	.reservation .minorSpace .button.minorDownloadButton { background: #555555; margin-right: 5px; }
	.reservation .minorSpace .button.minorDownloadButton img {width: 20px;}
	/*
		*********************************** reservation ************************************
	*/

	.reservation .qrContainer .input.email2 { width: 78%; position: absolute; background: skyblue;}
	.reservation .qrContainer .input.small.email {width: 100%;}
	
	/*
		*********************************** footer ************************************
	*/
	
	
	
	.footerWrap { padding-bottom: 70px; }
	.footerWrap .footer {flex-direction: column; padding: 70px 20px;}
	.textLine { width: 24px; height: 2px; background: #000000; margin: 20px 0 50px 0; }
	.footer .mainText { font-size: 18px; }
	
	
	/*
		*** 오시는길
	*/
	.footer .wayToCome {  width: 100%; margin-bottom: 50px; }
	.footer .wayToCome .mainText { font-size: 18px; font-family: 'NotoSansL'; color: #222222; }
	.footer .wayToCome .subText { font-size: 16px;  margin-bottom: 20px; text-align: center;}
	.footer .wayToCome .iconWrap { align-items: center; justify-content: center; }
	.footer .wayToCome .iconWrap .iconText { padding: 5px 8px; text-align: center; font-size: 16px; line-height: 18px; }
	.footer .wayToCome .textWrap { display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: 'NotoSansM'; font-size: 15px; color: #848484; letter-spacing: -1px;  }
	
	/*
		*** 영업시간
	*/
	.footer .openHours { width: 100%; margin-bottom: 50px;}
	.footer .openHours .tel p {  font-size: 34px;  }
	.footer .openHours .tel img { width: 50px; display: block; padding-right: 10px; }
	
	/*
		*** sns
	*/
	.footer .snsWrap { width: 100%; }
	.footer .snsWrap .snsIcon { display: flex; padding-bottom: 40px; }
	.footer .snsWrap .snsIcon .sns { padding-right: 20px; }
	.footer .snsWrap .snsIcon .sns img { width: 90%; }
	
	
	/*
	 *********************************** bottomBtnWrap ************************************
	*/
	
	.bottomBtnWrap .bottomBtn { font-size: 24px; height: 70px; }
	.bottomBtnWrap .bottomBtn .bottomText.colorType1 { padding-left: 0px; }
	.bottomBtnWrap .bottomBtn .bottomText.colorType3 { padding-right: 0px; }
	
}



@media(max-width: 768px){
	
	.showBlockPc { display: none; }
	.showBlockM { display: block; }
	
	/***공통***/
	.cl_subTitle { font-size: 20px; margin-bottom: 15px; }
	.contentsWrap { padding: 70px 15px 50px; box-sizing: border-box; }
	
	
	/*
		*********************************** header ************************************
	*/
	.headerWrap .header { height: 60px; display: inline-block; }
	
	.headerWrap .header .topArea { display: flex; align-items: center; justify-content: space-between; height: 60px; padding:0; box-sizing: border-box; border-bottom: 1px solid #dddddd; }
	.headerWrap .header .logo img { height: 55px; }
	.headerWrap .header .menu img { width: 20px; }
	.headerWrap .header .nav { display: flex; align-items: center; justify-content: center; height: 60px; }
	.headerWrap .header .nav li { color: #222222; font-size: 12px; font-family: 'NotoSansM'; padding-left: 0px; cursor: pointer; box-sizing: border-box; padding: 0 10px; }
	.headerWrap .header .nav li.on { color: #c991f9; font-family: 'SUIT-Bold'; transition: 0.2s; }
	
	.headerWrap .header .selectBox { border: 1px solid #dcdcdc; width: 120px; height: 20px; display: flex; align-items: center; justify-content: center; }
	.headerWrap .header .selectBox select { width: 100%; font-size: 12px; padding-left: 10px; }
	.headerWrap .header select::-ms-expand{ display: none; } /* 익스플로러용 */
	
	/*
		*********************************** subVisual ************************************
	*/
	.subVisual { padding-top: 120px; }
	
	
	
	/*
		*********************************** treatmentOffer ************************************
	*/
	
	.treatmentOffer { padding: 50px 15px; box-sizing: border-box; }
	.treatmentOffer .content { display: inline-block; }
	
	/*listWrap*/
	.treatmentOffer .content .listWrap { width: 100%; margin-right: 0px; margin-bottom: 25px; }
	.treatmentOffer .content .listWrap ul li { font-size: 12px; margin: 5px 0; padding: 7px 13px; box-sizing: border-box; }
	.treatmentOffer .content .listWrap ul li .num { width: 30px; height: 30px; }
	
	/*gridWrapper*/
	.treatmentOffer .grid .gridCell { width:calc(100% / 3); height: 50px; font-size: 12px; line-height: 16px; }
	.treatmentOffer .grid .gridCell.on { background: #89d0f0; color: #ffffff; }
	
	
	
	/*
		*********************************** contentWrap ************************************
	*/
	
	
	
	.reservation .qrContainer { display: block; justify-content: center; padding: 0 0px; }
	.reservation .reservationForm:nth-child(2) { padding-left: 0px; }
	.reservation .reservationForm { width: 100%; }
	
	.reservation .qrContainer .formCol.head { width: 170px; font-size: 12px; padding-right: 10px; }
	.reservation .qrContainer .formCol.head.require:before { content: '*'; font-size: 12px; padding: 0 3px; }
	
	.reservation .qrContainer .formCol.body {display: block !important; width: calc(100% - 150px); font-size: 12px; color: #333333; }
	.reservation .qrContainer .formCol.body input { font-size: 14px; height: 100%;}
	.reservation .qrContainer .input.medium { width: 100%; }
	.reservation .qrContainer .input.large { width: 100%; }
	.reservation .qrContainer .input.small { width: 92%; }
	.reservation .qrContainer .input.email2 { width: 83%; position: absolute; background: skyblue;}
	.reservation .qrContainer .input.default {height: 100%; font-size: 12px; color: #888888; padding: 7px 11px; box-sizing: border-box; border: solid 1px #dbdbdb; background-color: #ffffff; vertical-align: middle; }
	.reservation .qrContainer .formCol.body textarea { width: 100%; height: 55px; font-size:14px; color: #888888; box-sizing: border-box; border: solid 1px #dbdbdb; resize: none; padding: 5px 11px; background-color: #ffffff; }
	.reservation .textBox { font-size: 12px; }
	.reservation .reservationNote {flex-direction: column;}
	.reservation .reservationNote .head {width:100% !important; box-sizing:border-box; padding-left:30px; margin-bottom:10px; text-align:left;}
	.reservation .reservationNote .body {width:100% !important;}
	.reservation .qrContainer .input.small.emailBox2 {
		height: 36px;
	}
	/*
		*** 버튼
	*/
	
	.reservation .btnSpace { display: flex; justify-content: center; align-items: center; padding-top: 20px; /*padding-bottom: 20px;*/ }
	.reservation .btnSpace .button { width: 150px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; font-size: 14px; }
	.reservation .btnSpace .button.reservationButton { background: #89d0f0; margin-right: 5px; }
	.reservation .btnSpace .button.default { background: #555555; }

	.reservation .minorSpace { display: flex; justify-content: center; align-items: center; padding-top: 10px; padding-bottom: 20px; }
	.reservation .minorSpace .button { /*width: 150px; height: 40px; line-height: 40px;*/ text-align: center; color: #ffffff; font-size: 14px; }
	.reservation .minorSpace .button.minorDownloadButton { background: #555555; margin-right: 5px; }
	.reservation .minorSpace .button.minorDownloadButton img {width: 18px;}

	.googleMap iframe {display:none; width:100%; height:200px;}
	
	/*
        *********************************** vands TV ************************************
    */
	#mainYoutube {width:100%; height:calc(100vw * 0.5625); margin-bottom:10px;}
	#mainYoutube > video {width:100%; height:100%;}
	.vandsTv {margin-top:30px;}
	#vandsTv .mainSectionTitle {margin-bottom:20px;}
	#vandsTv .slideArea {position:relative;}
	#vandsTv .swiper-container {height:180px;}
	#vandsTv .swiper-slide {width:230px; height:130px; cursor:pointer;}
	#vandsTv .swiper-slide .thumb {width:100%; height:auto;}
	#vandsTv .swiper-slide .playIcon {display:none;}
	#vandsTv .swiperArrow {position:absolute; top:50%; margin-top:-20px; cursor:pointer; z-index:10;}
	#vandsTv .swiperArrow img {width:40px;}
	#vandsTv .swiperArrow .over {display:none;}
	#vandsTv .swiperArrow:hover .normal {display:none;}
	#vandsTv .swiperArrow:hover .over {display:inline;}
	#vandsTv .swiperPrev {left:10px;}
	#vandsTv .swiperNext {right:10px;}
	
	/*
	   *********************************** footer ************************************
	*/
	
	.footerWrap { padding-bottom: 70px; }
	.footerWrap .footer { padding: 60px 15px 40px 15px; box-sizing: border-box;}
	.footer .wayToCome {width: 100%; margin-bottom: 50px;}
	.footer .openHours {width: 100%; margin-bottom: 50px;}
	.footer .snsWrap {width: 100%;}
	.footer .wayToCome .mainText {font-size: 14px;}
	.footer .wayToCome .subText {font-size: 14px;}
	.footer .wayToCome .iconWrap { align-items: center; justify-content: center; }
	.footer .wayToCome .iconWrap .iconText {font-size: 14px; padding: 15px 8px;}
	.footer .wayToCome .iconWrap .icon {text-align: center;}
	.footer .wayToCome .iconWrap .icon img {width: 90%;}
	.footer .wayToCome .textWrap { text-align: center; font-size: 14px; }
	
	.textLine {margin: 8px 0 17px 0;}
	.footer .openHours .mainText {font-size: 14px;}
	.footer .openHours .subText {font-size: 14px; line-height: 20px;}
	.footer .openHours .subText2 {padding-top: 15px;}
	.footer .openHours .tel {padding-top: 15px;}
	.footer .openHours .tel p {font-size: 20px;}
	.footer .openHours .tel img {width: 30px;}
	
	.footer .snsWrap .mainText {font-size: 14px;}
	.footer .snsWrap .snsIcon {padding-bottom: 10px;}
	.footer .snsWrap .snsIcon .sns {padding-right: 10px;}
	.footer .snsWrap .snsIcon .sns img {width: 80%;}
	
	
	/*
		*********************************** bottomBtnWrap ************************************
	*/
	.bottomBtnWrap { position: fixed; bottom: 0; width: 100%;overflow: hidden; z-index:10;}
	.bottomBtnWrap .bottomBtn { font-size: 17px; letter-spacing: -1.0px; height: 50px; }
	.bottomBtnWrap .bottomBtn img {width:auto; height:20px; vertical-align:middle; margin-right:10px;}
	
	
	
}