h2,h3,h4,h5,h6,p,a{letter-spacing: -0.02em; font-family: "Noto Sans KR"; font-weight: 400; padding: 0;margin: 0;}
ul{margin: 0; list-style-type: none; padding: 0;}

.onsenScreen2 { height: 80vh; overflow:hidden; }
.sliderFixed { position: absolute; left: 50%; top: 50%; z-index: 31; width: 930px; height: 530px;  margin-left: -465px;  margin-top: -280px; }
.mainsliderRedbox { display: table;  text-align: center;  border: 3px solid #e62335;  width: 100%;  height: 100%;  position: relative;  background-color: rgba(0, 0, 0, .3); color: #fff; font-size: 14px; }
.sliderFixedCell { display: table-cell; vertical-align: middle; }
.bnrtext01 { font-size: 19px;  line-height: 26px; }
.bnrtext02 { font-size:17px;}
.bnrtext02 span { background:#fd4255; }

@media only screen and (max-width: 992px) {
	.sliderFixed { margin-left: auto; margin-top: auto; width: 100%; left: 0; top: 15%; padding: 0 20px;}
}
@media only screen and (max-width: 768px) {
	.topTit {width: 80%;}
	.bnrtext01 { font-size:17px; }
	.bnrtext02 { font-size:14px; padding: 0 15px;}
}
@media only screen and (max-width: 450px) {
	.sliderFixed { height: 400px;}
	.topTit {width: 90%;}
	.bnrtext01 { font-size:15px; margin: 0 10px; line-height: 20px;}


}

  /* ----------------------------------------------------------------
슬라이드 배너
  -----------------------------------------------------------------*/
.dautour01{background-color: #fff; z-index: 15}
.dautour01 h3{font-size: 36px; color: #000; padding-top: 20px;}
.right_btn,.left_btn{position: absolute; top: 50%; z-index: 5; display: inline-block;}
.left_btn img {width:100%; }
.right_btn img {width:100%;}
.right_btn{right:10%;}
.left_btn{left:10%;}
  @media only screen and ( max-width: 1200px ) {
  }
  @media only screen and ( max-width: 991px ) {
  }
  @media only screen and ( max-width: 767px ) {
    .dautour01 h3{font-size: 26px;}
  }
  @media only screen and ( max-width: 468px ) {
	.dautour01 h3{font-size: 21px; padding-top: 0px;}
	.right_btn,.left_btn { top: 35%;}
  }


  /* ----------------------------------------------------------------
	온천 호텔의 장점
  -----------------------------------------------------------------*/
	.advantage h3 { text-align: center; font-size: 30px; color: #222;}
	.advantage img { margin: 30px 0 20px;}
	.advantage p { font-size:14px; padding-top:10px; }
	
	 @media only screen and ( max-width: 767px ) {
    .advantage h3{font-size: 20px;}
	}
	@media only screen and (max-width: 530px) {
		.advantage .dif_txt > div {width:100%; } 
	}




  /* ----------------------------------------------------------------
  호텔온센닷컴과 함께 하는 다유벳 버스 투어
  -----------------------------------------------------------------*/
  .dautour_sight { z-index: 32; position: relative; background-color: #fff; font-size: 14px; padding-top: 50px;}
  .dau_sighting_txt { color: #555; text-transform: uppercase; font-size: 2.8em;font-weight: 300; }
  .dau_sighting_txt strong{font-weight: 400;}
  .dautour_sightTab { }
  .dautour_sightTab .nav-tabs { border: none; background-color: rgba(255,255,255,.1); border:2px solid #3fb3f8; display: flex; margin-bottom: 50px;}
  .dautour_sightTab .nav-tabs > li { width:20%; border-left: 1px solid #1090ea; margin-bottom: 0; }
  .dautour_sightTab .nav-tabs > li:first-child{border-left: none;}
  .dautour_sightTab .nav > li > a { text-align: center; padding: 25px 0; color:#666; font-size:1.4em; }
  .dautour_sightTab .nav-tabs > li > a { margin-right: 0; border: 0; border-radius: 0; font-weight: 500; }
  .dautour_sightTab .nav-tabs > li:focus > a, .dautour_sightTab .nav-tabs > li > a:focus, .dautour_sightTab .nav-tabs > li:hover > a, .dautour_sightTab .nav-tabs > li > a:hover {background-color: #d9f0fe;  color:#1090ea;
    -webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  }
  .dautour_sightTab .nav-tabs > li:focus,.dautour_sightTab .nav-tabs > li:hover{background-color: #d9f0fe;  color:#1090ea;
    -webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  }
  .dautour_sightTab .nav-tabs > li.active, .dautour_sightTab .nav-tabs > li.active > li:focus, .dautour_sightTab .nav-tabs > li.active > li:hover {background-color: #d9f0fe; color: #1090ea; }
  .dautour_sightTab .nav-tabs > li.active > a, .dautour_sightTab .nav-tabs > li.active > a:focus, .dautour_sightTab .nav-tabs > li.active > a:hover { border: none; background-color: transparent; color: #1090ea; }



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


    .btn_wrap{padding-top: 20px;}
  }
  @media only screen and ( max-width: 768px ) {
	.da_dis_wrap { padding:0 15px; }
    .dau_sighting_txt{font-size: 28px;}
    .dautour_sightTab .nav > li > a{ padding: 20px 0; font-size: 1.2em;}

  }
  @media only screen and ( max-width: 560px ) {
	.da_dis_wrap { padding:0; }
    .btn_wrap{padding-top: 5px;}
    .dautour01{padding: 20px 5%;}
  }
  @media only screen and ( max-width: 468px ) {
      .dau_sighting_txt{font-size: 21px;}
      .dautour_sightTab .nav > li > a {font-size: 15px; padding: 15px 10px}
  }
  @media only screen and ( max-width: 447px ) {


  }
  @media only screen and ( max-width: 360px ){
    .dautour_sightTab .nav > li > a {font-size: 14px; padding: 10px 10px}
    .dautour_sightTab .nav-tabs > li{width: 100%;border-bottom: 1px solid rgba(217,240,254,0.6);  border-left:none; }
    .dautour_sightTab .nav-tabs > li:nth-child(2n){ border-right: none;}
    .btn_wrap{padding-top:0}
    .dautour_sightTab .nav-tabs{display: block;}
  }


  /*mobile*/