@charset "utf-8";
img { max-width: 100%;}
section ul { overflow: hidden}
#footer_common { padding-top: 0;}
.body_event section img { max-width: 100%; }
.color_point { color: #d36d20;}
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
/* ///////////// sec01 ///////////// */
#sec01 {
  background: url(//cdn.hoteltira.com/img/AE/event/Al_Maha/sec01_bg.jpg) no-repeat top;
  background-size: cover;
  height: 1000px;
 }
.bar01 { background: #57442f75; width: 1px; height: 100px; margin: 0 auto; }
.sec01_top { font-family: 'Jeju Myeongjo', serif; }
.sec01_top h1 { font-size: 84px; color: #fff; font-weight: 800; letter-spacing: -6px; text-shadow: #fff 0px 0px 20px;}
.sec01_top h2 { font-size: 36px; color: #fff; letter-spacing: -4px;}
.sec01_top .txt01 { font-family: 'Roboto'; font-size: 18px; color: #fff; line-height: 1; letter-spacing: 2px;
padding: 20px 0; }
.sec01_top .txt01 span { font-size: 14px; }
.sec01_top .txt02 { font-size: 30px; color: #fffcac; display: inline-block; padding: 4px 30px;
  background-image: -webkit-linear-gradient(left, transparent 0%, #00374b55 15%, #00374b55 85%, transparent 100%);
  background-image: linear-gradient(left, transparent 0%, #4c3304 15%, #4c3304 85%, transparent 100%);}

@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
  .sec01_top h1 { font-size: 60px;}
  .sec01_top h2 { font-size: 20px; letter-spacing: -2px;}
  .sec01_top .txt02 { font-size: 20px; letter-spacing: -2px; padding: 4px 10px;}
}
@media only screen and (max-width: 450px) {
}


/* ///////////// sec02 ///////////// */
#sec02 { font-family: 'Jeju Myeongjo', serif; }
.sec02_01, .sec02_02 { position: relative; }
.sec02 {
  background: url(//cdn.hoteltira.com/img/AE/event/Al_Maha/sec02_bg.jpg) no-repeat center;
  background-size: cover;
  width: 100%;
  height: 520px;
  top: 0;
  left: 0;
 }
.sec02Wrap { margin-top: -400px;}
.sec02_txt01 { font-family: 'Jeju Myeongjo', serif; font-size: 48px; color: #fff; line-height: 1.2; font-weight: 800;
letter-spacing: -2px; text-shadow: #00000088 1px 4px 4px;}
.sec02_txt02 { font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #532c11; width: 100%;
position: absolute; z-index: 2; margin: 0 auto; padding: 50px 10px; }

.imgWrap { position: relative;}
.imgWrap img { z-index: 1; position: relative; box-shadow: #00000055 0px 20px 30px;}
.img01  { position: absolute;}

@media only screen and (max-width: 1199px) {
  .imgWrap::after { width: 100%; height: 400px;}
}
@media only screen and (max-width: 992px) {
  .imgWrap::after { width: 100%;}
  .sec02_txt02 { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
  .imgWrap { padding: 0px;}
  .imgWrap::after {display: none;}
  .imgWrap img { padding-top: 20px;}
  .sec02_txt01 { font-size: 30px;}
  .sec02_txt02 { font-size: 16px; position: inherit; color: #fff; padding: 0px; bottom: 10px; }
}
@media only screen and (max-width: 450px) {
}

/* ///////////// sec03  ///////////// */
#sec03 { font-family: 'Jeju Myeongjo', serif; }
  .sec03_01 {
    background: url(//cdn.hoteltira.com/img/AE/event/Al_Maha/sec03_bg_01.jpg) no-repeat center;
    background-size: cover;
    }
  .sec03_02 {
    background: url(//cdn.hoteltira.com/img/AE/event/Al_Maha/sec03_bg_02.jpg) no-repeat center;
    background-size: cover;
    }
  .sec03_03 {
    background: url(//cdn.hoteltira.com/img/AE/event/Al_Maha/sec03_bg_03.jpg) no-repeat center;
    background-size: cover;
    }
  .sec03_04 {
    background: url(//cdn.hoteltira.com/img/AE/event/Al_Maha/sec03_bg_04.jpg) no-repeat center;
    background-size: cover;
    }
  .imgTit_bar { width: 130px; height: 10px; margin: 50px auto 0; background-color: #038b62; display: block;}
  .tit01 { font-size: 36px; letter-spacing: -2px; color: #fff; margin-top: 50px;}
  .tit02 { font-size: 24px; letter-spacing: -2px; color: #5a4034; margin-top: 50px;}

  .txtbox {
      background-color: #ffffffe8;
      position: absolute;
      height: auto;
      width: 500px;
      z-index: 1;
      top: 150px;
      color: #fff;
      text-align: left;
  }
  .txtbox > div { padding: 0 40px 40px 40px;}
  .tit_bar { width: 35px; height: 10px; background-color: #038b62; display: block; margin-top: 40px;}
  .txtbox h3 { font-size: 36px; color: #038b62; margin: 0px;}
  .hote_txt02 { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 1.4; color: #323232; padding-top: 24px;}
  .hote_txt01 { font-family: 'Roboto'; font-size: 12px; letter-spacing: 3px; color: #323232; }

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

 }
 @media only screen and (max-width: 992px) {
  .tit02 { font-size: 18px; letter-spacing: -2px;}
 }
 @media only screen and (max-width: 767px) {
   .txtbox { width: 100%; position: relative; top: 0px;}
   .txtbox h3 { letter-spacing: -2px;}
 }
 @media only screen and (max-width: 450px) {
 }

/* ///////////// sec04   ///////////// */
 #sec04 { font-family: 'Jeju Myeongjo', serif; }
  .sec04_01{
   background: url(//cdn.hoteltira.com/img/AE/event/Al_Maha/sec04_bg.jpg) no-repeat center;
   background-size: cover;
   height: 520px;
   }
  .tit01 { font-size: 36px; letter-spacing: -2px; color: #fff; margin-top: 50px;}
  .tit03 { font-size: 24px; letter-spacing: -2px; color: #fff; margin-top: 30px;}

@media only screen and (max-width: 767px) {
  .top_txt03 { font-size: 14px; color: #fff; padding: 20px 0 0 10px;}
}
/* ///////////// sec05  ///////////// */
 #sec05 { font-family: 'Jeju Myeongjo', serif; }
  .sec05_01{
   background: url(//cdn.hoteltira.com/img/AE/event/Al_Maha/sec05_bg.jpg) no-repeat center;
   background-size: cover;
   height: 520px;
   }
   .tit04 { font-size: 24px; color: #323232; padding: 300px 0 20px 0;}
@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 992px) {
  .tit03 { font-size: 18px;}
  .tit04 { font-size: 18px;  color: #fff; padding: 50px 0 20px 0;}
}
@media only screen and (max-width: 767px) {
  .tit04 { font-size: 18px; color: #323232; padding: 20px 0;}
}
/* ///////////// sec06  바로가기  ///////////// */
#sec06 { background: #038b62;}
.btn_go { border: 5px solid #fff; border-radius: 60px; color: #fff; font-size: 24px; padding: 20px 40px; display: inline-block;
letter-spacing: -2px;}
.btn_go:hover { color: #fff; box-shadow: 0px 20px 20px #0003;}
@media only screen and (max-width: 767px) {
  .btn_go { font-size: 16px;}
}