/*
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-family: 'Noto Sans KR', sans-serif;}

img {max-width: 100%;}
h2,h3,h4,h6,p { margin: 0; }
h2,h3,h4,p,span{ letter-spacing: -0.02em; }
*/

.s_o{position:relative}
.s_o:after{display:block;content:'';claer:both}
.s_o img{max-width:100%}
.s_o h2,.s_o h3,.s_o h4,.s_o h6,.s_o p { margin: 0; }
.s_o h2,.s_o h3,.s_o h4,.s_o p,.s_o span{ letter-spacing: -0.02em; }

/* //////////// sec01  //////////// */
#sec01 { background-color:#121212  }
.sec01 {display:block; position: relative; z-index:100; margin:0 auto; padding:300px 0 400px 0;}
.sec01 .sec01_tit { font-size: 94px; font-weight: 900; color:#fff; display: inline-block; padding: 20px 40px 40px 40px;background-color: #00000030; letter-spacing: -10px; }

.swiper-slide img{max-width:100%}
/*
.swiper-container {
  position:absolute;
  left:0; top:40px; width: 100%;
  height: 1010px;
}
*/
/*
.swiper-slide {
  background-position: center;
  background-size: cover;
}*/

/* //////////// sec02  //////////// */
.sec02_nav { background: linear-gradient(to right, #00017C, #00A79E); border-top: 1px solid #ffffff70;
border-bottom: 1px solid #193d44;}

.hotels { padding: 0; list-style: none; overflow: hidden; text-align: center; margin: 0; }
.hotels li { width: 33.33333%; float: left; font-size: 18px; font-weight: 400; }
.hotels li a span { font-size: 24px; font-weight: 500;}
.hotels li a img { padding-top: 10px;}
.hotels li a { color: #fff; display: block; padding: 50px; margin: 30px;  }
.hotels li:hover a { background: #00b783; color: #fff;
  -webkit-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin: 30px; border-radius: 30px;
   padding: 50px;}

.hotelitem { }
.hotel_bg { background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(247,247,247,1) 300px,rgba(255,255,255,1) 300px,rgba(255,255,255,1) 100%);
padding-bottom: 60px;}

#hotel1 .hotel1 { background: url(//cdn.ios.co.kr/ch/event/swiss_healing_hotel/sec02_bg01.jpg) no-repeat center; height: 900px; background-size: cover; text-align: left;}
#hotel2 .hotel2 { background: url(//cdn.ios.co.kr/ch/event/swiss_healing_hotel/sec02_bg02.jpg) no-repeat center; height: 900px; background-size: cover; text-align: left;}
#hotel3 .hotel3 { background: url(//cdn.ios.co.kr/ch/event/swiss_healing_hotel/sec02_bg03.jpg) no-repeat center; height: 900px; background-size: cover; text-align: left;}
.hotelitem_tit {position: relative; color: #fff; float: left; width: 100%;}
.hotel_tita { font-weight:lighter; background-color: #ffffff40; transform: rotate(90deg); margin: 0;
   padding-bottom: 3px; font-size: 24px; width: 220px; padding-left: 10px; letter-spacing: 4px;}
.hotel_titb { font-weight:lighter; background-color: #ffffff40; transform: rotate(90deg); margin: 0;
padding-bottom: 3px; font-size: 24px; width: 300px; padding-left: 10px; }
.hotel_titc { font-weight:lighter; background-color: #ffffff40; transform: rotate(90deg); margin: 0;
 padding-bottom: 3px; font-size: 24px; width: 240px; padding-left: 10px; }
.hotel_tit01 { font-weight: lighter; font-size: 60px; }
.hotel_tit02 { font-size: 60px; font-weight: 800; margin-top: -16px;}
.hotel_tit03 { font-size: 22px; font-weight: 400; padding-top: 40px; word-spacing: -1px; letter-spacing: -1px;}
.hotelitem_txt01 { position: absolute; top: 200px; left:-100px;}
.hotelitem_txt01b { position: absolute; top: 240px; left:-140px;}
.hotelitem_txt01c { position: absolute; top: 200px; left:-110px;}
.hotelitem_txt02 { position: absolute; top: 80px; left: 70px;}
.line_under { border: 1px solid #ffffff; width: 60px; margin-top: 10px;}

.sec02_topWrap { position: relative; margin: 100px 0 60px 0;}
.infoTit { position: relative; float: left; width: 100%; margin-bottom: 35px;}
.infoTit .bar01 { width: 100%; height: 1px; background: #e1e1e1; position: absolute; top: 50%;}
.infoTit p {
    font-family: 'Roboto', sans-serif; float: left; font-size: 72px; color: #e1e1e1; font-weight: 100; line-height: 1;
    margin: 0; display: inline-block; background: #f7f7f7; position: relative;}
.item_txt03 { font-size: 20px; word-break: keep-all; padding-bottom: 30px; letter-spacing: -1px;}
.item_txt04 { font-size: 18px; padding-bottom: 30px;}
.item_txt04 span { font-size: 16px; color: #fff; background-color: #666; border-radius: 20px; padding: 0 10px; margin-right: 10px;}

.sec02_txtWrap { text-align: left; bottom: 150px; position: absolute; font-weight: lighter;}
.sec02_txtWrap02 { text-align: left;  font-weight: lighter;}
.sec02_topWrap02 .infoTit p {
    font-family: 'Roboto', sans-serif; float: left; font-size: 72px; color: #e1e1e1; font-weight: 100; line-height: 1;
    margin: 0; display: inline-block; background: #fff; position: relative;}

.hotel_btn { padding: 50px 0;}
.hotel_btn_txt { background-color: #1594c1; border-radius: 60px; display: inline-block; color: #fff; font-size: 24px; color: #fff;
padding: 20px 40px; margin: 0 auto;  letter-spacing: -1px; }
.hotel_btn_txt:hover { background-color: #00b783; }

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

}

@media only screen and ( max-width: 991px ) {
  .sec01 { padding:100px 0 200px 0;}
  /*.swiper-container { height: 600px;}*/
  .hotels { margin: 30px 0;}
  .hotels li { font-size: 12px;}
  .hotels li a span { font-size: 14px;}
  .hotels li a img { padding-top: 10px; width: 20px;}
  .hotels li a { padding: 10px; margin: 0px;  }
  .hotels li:hover a { margin: 0px; border-radius: 5px; padding: 10px;}

  .hotel_tit02 { font-size: 36px;}
  #hotel1 .hotel1 { height: 600px;}
  #hotel2 .hotel2 { height: 600px;}
  #hotel3 .hotel3 { height: 600px;}
  .hotel_tit03 { font-size: 18px;}

  .hotel_btn_txt { width: 100%; font-size: 18px; padding: 20px 0; }
  .hotel_btn a img { width: 20px;}
  .sec02_topWrap { margin: 250px 0 60px 0;}
  .sec02_txtWrap {  bottom: 200px; position: absolute; }

  }
@media only screen and ( max-width: 767px ) {
    .hotelitem { display: none;  }
}