@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'InkLipquid'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff'); font-weight: normal; font-style: normal; }
img { max-width: 100%; }
ul { list-style: none; padding: 0; margin: 0;  }
#footer_common { padding-top: 0; }
.color-888 { color: #888; }
.red { color: #ff2065; }
.blue { color: #5928f8;}
p,h2,h3,h4 { letter-spacing: -0.03em;  }
.clear {clear: both;}

/* ----------------- sec01 - 상단배너 영역 ----------------- */
#sec01 { height: 965px; background: url(//cdn.hoteltira.com/hoteltira/img/bali/promotion/ubud_main.jpg) no-repeat center; background-size: cover; }
.sec01_titleWrap { position: absolute; width: 400px; left: 50%; top: 45%; transform: translate(-50%,-50%);  }
.sec01_titleWrap > div { width: 100%; background-color:rgba(0,0,0,0.5); padding: 50px; position: relative; }
.sec01_titleWrap h2{font-size: 36px; font-weight: 700;}
.sec01_titleWrap .sub_tit{font-size: 20px; color: yellow;}
.br{border-bottom: 1px solid #fff;margin-bottom: 10px;}
.sec01_txt01 { position: relative; font-size: 30px; font-weight: 500; text-align: left; }
.sec01_txt02 { position: relative; font-size: 25px; margin: 0; display: inline-block; padding: 10px 0; border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; margin-top:10px; }
.sec01_txt03 { font-size: 18px; padding: 30px 0; background: rgba(0,0,0,0.5); position: absolute; width: 100%; bottom: 0; }
.sec01_txt04 { font-size: 16px; }
.sec01_title { position: relative; background: url(//cdn.hoteltira.com/event/bali_private_cartour/sec01_title_bg.png) no-repeat left bottom; padding-bottom: 40px;}


/* ----------------- sec02 - 우붓가는방법 ----------------- */
#sec02 { background: url(//cdn.hoteltira.com/hoteltira/img/bali/promotion/ubud_sec01Bg.jpg) repeat; padding-bottom: 80px;}
#sec02 .container{position: relative;}
.mapBox{width: 420px;position: absolute;left: 0; top: 50px; background-color: #fff;height: 92%;  padding: 50px;}
.mapBox h2{color: #000; font-weight: 700;margin-top: 0;margin-bottom: 15px;}
.mapBox p{font-size: 18px;}
.mapBox .red{color: red;}
@media only screen and (max-width: 1199px) {
  .mapBox{padding: 25px;}
}
@media only screen and (max-width: 991px) {
  .map_bg{position: absolute;  top: -60px;  width: 147%;  left: -134px;}
    .mapBox{width: 100%;  position: relative;  left: 0;  top: 50px;
    margin-top: 220px; margin-bottom: 20px;}
}
@media only screen and (max-width: 767px) {
  .mapBox img{width: 30px; margin-bottom: 8px;}
}
@media only screen and (max-width: 560px) {
  .map_bg{position: absolute;  top: -69px;  width: 200%;  left: -189px;}
}
/* ----------------- sec03 -  1 DAY 프라이빗 차량 투어 ! ----------------- */
#sec03 { position: relative; overflow: inherit; margin-bottom: 50px;}

#sec03 .container { position: relative; }
.sec_tit {padding-bottom: 50px; }
.sec_tit h2{font-size: 42px; font-weight: 700; color: #000;margin-top: 5px;}
.sec_tit p{font-size: 18px; color: #888;}
#sec03 .title_txt { margin: 10px 0 15px; }
.sec03Tab {border:none;}
.sec03Tab li{width: 20%;overflow: hidden;  margin: 0;background-color: #eee;     border-right: 3px solid #fff;}
.sec03Tab li:nth-child(5){border-right: none;}
.container .nav-tabs>li>a{border-radius: 0; padding: 25px 10px;color: #666;margin-right: 0;border:none; font-size: 18px;}
.sec03Tab li.active{background-color: #a8e10d; }
.container .sec03Tab>li.active>a,.container .sec03Tab>li.active>a:focus,.container .sec03Tab>li.active>a:hover{background-color: #a8e10d; color: #000;border: none;}
.sec03Tab h3{font-weight: 500; color: #000; letter-spacing: -0.03em; }
.sec03Tab span{color: #a8e10d; display: block;}
.sec03Tab p{font-size: 16px; color: #666; padding: 15px 30px;}
.sec03Tab>li.active::after{}
.infobox .row > .col-sm-12 p{padding-bottom: 15px;}
.infobox .row > .col-sm-4{padding: 0 5px;}
.infobox .row > .col-xs-6.visible-xs{padding: 0;}
.infobox h3{ color: #000; margin-bottom: 5px; font-weight: 700; padding-top: 30px; font-size: 26px;}
.infobox span{ color: #83c000;font-size: 16px;}
.infobox p{color: #888; padding-top: 15px; padding-bottom: 30px !important; font-size: 18px;}
  @media only screen and (max-width: 991px) {
    .sec03Tab {display: flex;}
  }
  @media only screen and (max-width: 767px) {
    .sec_tit h2{font-size: 32px;}
    .sec03Tab li{width: 100%; border-right: none; border-bottom: 2px solid #fff;}
    .sec03Tab{display: block;}
    .container .nav-tabs>li>a{padding: 10px 1px;}
    .infobox .row > .col-sm-4{padding: 0;}
    .infobox p{font-size: 16px;}

  }
/* ----------------- sec05 -  픽업 & 차량 투어 신청하는 법 ----------------- */
#sec05 { background: #fff; }
#sec05 .container{margin-top: -200px;}
.sec05_bg{background-color: #eff8d8;padding-top: 50px;padding-bottom: 250px;}
#sec05 .sec_tit{}
#sec05 .row{margin-right: 10%;  margin-left: 10%;}
#sec05 .hotel_theme{padding-top: 20px;padding-bottom: 50px; background-color: #fff;}
#sec05 .hotel_theme h3{color: #000; font-weight: 700; font-size: 26px;padding-bottom: 10px;}
#sec05 .hotel_theme p{font-size: 18px;}
#sec05 .tab-content .row > div{padding-bottom: 15px;}
#sec05 .sec03Tab li{background-color: #bec3af; border-right-color: #eff8d8; color: #404040;}
#sec05 .sec03Tab >li>a:hover{background-color:#919584 }
#sec05 .container .nav-tabs>li>a{padding: 10px;}
#sec05 .sec03Tab li.active{background-color: #a8e10d;}
.hotelBox{border:1px solid #a8e10d; margin: -1px 1px;border-top: none;text-align: left;
    padding: 15px; }
#sec05 .nav>li>a:focus,#sec05 .nav>li>a:hover{background-color: #a8e10d;}

#sec05 .sec03Tab li:focus,#sec05 .sec03Tab li:hover{background-color: #a8e10d;}
.hotelBox h4{margin-top: 0;color: #000;margin-bottom: 5px;font-weight: 700;font-size: 20px;}
.hotelBox p{color: #888;  font-size: 18px;}
.hotelBox span a{color: #8fc500; font-size: 16px; }
.hotelBox span a img{padding-left: 5px;margin-top: -4px;}

.sec06_btn{background-color: #65c300; padding: 30px 0;}
.sec06_btn a{border-radius: 40px; border: 3px solid #fff; color: #fff; padding: 15px 30px;display: inline-block; font-size: 24px; font-weight: 700;}

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

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

  #sec05 .row{margin-right: 2%; margin-left: 2%;}
  .hotelBox p{ white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;font-size: 14px;}
}
@media only screen and (max-width: 767px) {
  #sec01 { height: 85vh; }
  .sec01_titleWrap { top: 40%; }
  .sec01_titleWrap > div { padding: 30px 20px; }
  .sec01_txt01 { font-size: 20px; }
  .sec01_txt02 { font-size: 16px; }
  .sec01_txt03 { font-size: 13px; padding: 20px 0;}
  #sec05 .hotel_theme{padding-bottom: 20px;}
  #sec05 .row{margin-right: -15px;margin-left: -15px;}
  #sec05 .tab-content .row > div{padding: 5px;}
  #sec05 .sec03Tab li{border-right: none; margin-bottom: 2px;}
  .hotelBox{padding: 15px 5px;}
  .hotelBox h4{font-size: 16px;}
  .hotelBox p{font-size: 16px;}

  .sec06_btn a{font-size: 18px; border-width: 2px;}


}