@charset "utf-8";
img {max-width: 100%;}
ul { list-style: none; padding: 0; margin: 0; /*overflow: hidden; */}
.color-888 { color: #888; }
.red {color: #d70808; }
#footer_common { padding-top: 0;}
p { letter-spacing: -0.03em; }


/* ///////////// sec01 - 안드로니스 호텔 얼리버드 프로모션 ///////////// */
#sec01 {
  background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/andronis_2020.jpg) no-repeat 50% 0;
  background-size: cover;  overflow: inherit; 
min-height:700px;}

.sec01_title_Img { margin-top:120px; }

.sec01_tit { font-size: 70px; font-weight: 300; line-height: 1; }
.sec01_tit span { font-size: 90px; font-weight: 700;  }
.sec02_txt { font-size: 24px; display: inline-block; background: #023ea2; padding: 10px 30px; line-height: 1; }
.sec02_txt .bar01 {  padding: 0 10px; }
.introWrap {
  position: relative;
  top: 60px;
  background: rgba(255,255,255,0.95);
  box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.1);
  z-index: 1;
  padding: 0 10px;
}
.introWrap .intro_tit { font-size: 32px; }
.introWrap .intro_txt { font-size: 18px; line-height: 1.5; word-break: keep-all; }

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

  .sec01_tit { font-size: 50px; }
  .sec01_tit span { font-size: 70px; }
}
@media only screen and (max-width: 992px) {
  .sec02_txt { font-size: 20px; }
  .introWrap .intro_txt { font-size: 16px; }
  .introWrap .intro_txt .visiblemd { display: none; }
}
@media only screen and (max-width: 767px) {
#sec01 {

min-height:500px;}
    
  .sec01_tit { font-size: 30px; }
  .sec01_tit span { font-size: 35px; }
  .sec02_txt { font-size: 16px; line-height: 1.5; }
  .sec02_txt .bar01 { display: none; }
  .introWrap { top:20px; }
  .introWrap img { width: 150px; }
  .introWrap .intro_tit { font-size: 23px; }
  .introWrap .intro_txt { font-size: 15px; }
  .introWrap .intro_txt br { display: none; }
}



/* ///////////// sec02 - 지도 ///////////// */
#sec02 { background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/list_bg.jpg) 50% 100% no-repeat #0c4abf; background-size: 100%; padding-bottom: 150px; margin-top: -1px;}
.map_List li{
  display: inline-block;
  width: calc(50% - 8px);
  background: #fff;
  margin: 2px;
  border: 1px solid #5b74ff;
}
.map_List li:nth-child(4) { border: 1px solid #ee5255 }
.map_List li:nth-child(5) { border: 1px solid #2fcfff }
.maplist_txt01 { font-size: 16px; margin: 10px 0;  line-height: 1.3; padding: 0 5px; }
.maplist_txt02 { font-size: 12px; padding: 0 5px; word-break: keep-all; }
.map_mb { display: none; }

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



/* ///////////// sec03 - 여섯 가지 이유! ///////////// */
#sec03 {background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/sec03_bg.jpg) no-repeat 50% 100% ; background-size: 100%; padding-bottom: 250px;}

#sec03 .sec03_common{padding: 5px;}
#sec03 .sec03_common.col-sm-3 {padding:0;}
.sec03_common:nth-child(odd) .promoBox{background-color: #eee;}
.sec03_common:nth-child(odd) .promoBox .reason_number{background-color: #1d71fd;}
.promoBox{position: relative;border-top-right-radius: 15px;
border-top-left-radius: 15px;overflow: hidden; background-color: #f7f7f7; padding-bottom: 30px;}
.promoBox .icon{padding:60px 0 15px 0;}
.andronis_tit { font-size: 42px; line-height: 1.3; margin: 0; word-break: keep-all; }
.andronis_tit >p{font-size: 24px; color: #888;line-height: 1.2;}
.andronis_txt { font-size: 18px; margin-bottom: 100px; }
.andronis_tit .tit_small { font-size: 30px; }
.bar02 { width: 65px; height: 3px; background: #ebebeb; margin: 25px auto 65px; }
.reason_tit{font-size: 32px; color: #242424;padding-bottom: 20px;}
.reason_number {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  background-color: rgba(10,140,254,0.85);
  margin: 0;
  position: absolute;
  width: 100%;
  padding: 8px 0;

}
.reason_txt01 { font-size: 28px; margin: 0;  word-break: keep-all; padding: 10px 0 5px;}
.reason_txt02 { font-size: 14px; margin: 0; }
.reason_txt03 { font-size: 18px; margin: 0; padding: 20px 5px 35px;  word-break: keep-all; line-height: 1.3; }
.plus { margin: 30px 0; }
.top_reason li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  border-radius: 10px;
  overflow: hidden;
  background: #f7f7f7;
}
.top_reason .reason_txtWrap { padding: 30px 0 35px;  }
.btm_reason li {
  position: relative;
  float: left;
  width: 25%;
  border-radius: 10px;
  overflow: hidden;
  background: #f7f7f7;
}
.btm_reason li:nth-child(2n) { background: #eceff1; }
.btm_reason .icon { padding-top: 80px; }

@media only screen and (max-width: 1199px) {
  .reason_txt03 { font-size: 22px; }
}
@media only screen and (max-width: 992px) {
  .andronis_tit { font-size: 32px; }
  .andronis_tit .tit_small { font-size: 25px; }
  .top_reason li { width: calc(80% - 12px); }
  .reason_txt01 { font-size: 20px; }
  .reason_txt02 { font-size: 15px; }
  .reason_txt03 { font-size: 17px; padding: 20px 5px 25px; }
  .reason_number { font-size: 20px; }
  .top_reason .reason_txtWrap { padding: 20px 0; }
  .btm_reason .icon { padding-top: 60px; }
}
@media only screen and (max-width: 767px) {
  #sec03{padding-bottom: 50px;}
  .bar02 { margin: 25px auto 25px; }
  .andronis_tit { font-size: 23px; }
  .andronis_tit .tit_small { font-size: 19px; }
  .top_reason .reason_txtWrap { padding: 10px 0 15px; }
  .reason_txt01 { font-size: 16px; }
  .reason_txt03 { font-size: 16px;  padding: 10px 5px 15px; }
  .reason_txt02 { font-size: 12px;}
  .reason_number { font-size: 16px; }

  .btm_reason li { width: calc(50% - 12px); margin: 5px; float: none; display: inline-block; }
  .btm_reason .icon { padding-top: 50px; }
  .plus { width: 50px; margin: 15px 0; }
}
@media only screen and (max-width: 450px) {
  .btm_reason li { width: calc(50% - 4px); margin: 1px;}
  .reason_txt01, .reason_txt03 { font-size: 14px; }
  .andronis_tit br:nth-child(4) { display: none; }
  .btm_reason .icon { width: 50%; }
}



/* ///////////// sec04 - 안드로니스 호텔 지금 바로 예약하기! ///////////// */
#sec04 { background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/list_bg_back.jpg) no-repeat 50% 100% #072e50; background-size: 100%;margin-top: -1px; }
.sec_tit{padding-top: 25px;}
.hotelBox{height: 348px; position: relative;}
.hotelImg01{background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/andronis_list01.png) 50% 0 no-repeat;}
.hotelImg02{background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/andronis_list02.png) 50% 0 no-repeat;}
.hotelImg03{background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/andronis_list03.png) 50% 0 no-repeat;}
.hotelImg04{background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/andronis_list04.png) 50% 0 no-repeat;}
.hotelImg05{background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/andronis_list05.png) 50% 0 no-repeat;}
.hotelImg06{background: url(//cdn.hoteltira.com/img/GR/event/andronis_promotion/andronis_list06.png) 50% 0 no-repeat;}
.hotelTxt{position: absolute;  left: 50%; top: 52%; width: 42%;  padding: 0 20px;  transform: translateY(-50%);}
.hotelWrap { position: relative; overflow: hidden; margin-right: 0;margin-left: 0;}
.hotelTxt .hotel_txt01 { font-size: 28px; }

.hotelTxt .hotel_txt02 {
  font-size: 18px;
  color: #f7f7f7;
  display: inline-block;

}
.hotelTxt .hotel_btn { margin-top: 30px; }
.hotelTxt a { font-size: 16px; background: #fff; border-radius: 50px; padding: 12px 25px; transition: all 0.27s ease-in-out;}
.hotelTxt a img { padding-left: 10px; position: relative; top: -1px; }
.hotelTxt a:hover { background: #246baa; color:#fff; }

@media only screen and (max-width: 992px) {
  .hotelBox{-webkit-background-size: contain;
  background-size: contain;}
  .andronis_txt { margin-bottom: 50px; }
  .hotelImg { width: 53%; }
  .hotelTxt { width: 47%; }
  .hotelTxt .hotel_txt01 { font-size: 20px; }
  .hotelTxt .hotel_txt02 { font-size: 16px; }
  .hotelTxt .hotel_btn { margin-top: 30px; }
  .hotelTxt a { font-size: 14px;  padding: 8px 20px; }
  .hotelTxt a img { top: 0px; width: 17px;}
}
@media only screen and (max-width: 767px) {
  .hotelBox{-webkit-background-size: cover;
  background-size: cover; border-radius: 30px;}
  .andronis_txt { font-size: 16px; margin-bottom: 30px; }
  .hotelImg { float: none; width: 100%; }
  .hotelTxt {position: relative;
    top: 50px;
    transform: inherit;
    padding: 15px;
    left: 44%;
    width: 60%;}
  .hotelTxt .hotel_txt01 { font-size: 23px;
    text-shadow: 0px 2px 4px rgba(5,5,5,0.6); }
  .hotelTxt .hotel_txt02 { font-size: 16px; }
  .hotelTxt .hotel_btn { margin-top: 15px; }
}