@charset "utf-8";
img {max-width: 100%;}
section ul {overflow: hidden}
#footer_common { padding-top: 0;}
p { letter-spacing: -0.03em; }
.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/bab_al_shams/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%, #4c330499 15%, #4c330499 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/bab_al_shams/sec02_bg01.jpg) no-repeat center;
  background-size: cover;
  width: 100%;
  height: 520px;
  top: 0;
  left: 0;
 }
 .sec02_bg{
  position: absolute;
  background: url(//cdn.hoteltira.com/img/AE/event/bab_al_shams/sec02_bg02.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: 24px; color: #fff; text-align: left;
position: absolute; z-index: 2; margin: 0 auto; padding: 0 30px; bottom: 80px;}
.sec02_txt03 { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; text-align: left;
padding: 50px 0 0 50px;}

.imgWrap { padding: 30px; position: relative;}
.imgWrap img { z-index: 1; position: relative;}
.img01  { position: absolute;}
.imgWrap::after{ content: ''; width: 1000px; height: 600px; border: 3px solid #d17559;
position: absolute; left: 0; bottom: 0;}

@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: 20px; }
  .sec02_txt03 { padding-left: 10px;}
}
@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: 18px; position: inherit;  padding: 0px; bottom: 10px; }
  .sec02_txt03 { font-size: 18px;}
}
@media only screen and (max-width: 450px) {
}

/* ///////////// sec03  ///////////// */
#sec03 { font-family: 'Jeju Myeongjo', serif; }
.sec03_01, .sec03_02 { position: relative; }
 .sec03_01_bg{
  position: absolute;
  background: url(//cdn.hoteltira.com/img/AE/event/bab_al_shams/sec03_bg.jpg) no-repeat center;
  background-size: cover;
  width: 100%;
  height: 520px;
  top: 0;
  left: 0;
  }
  .tit01 { font-size: 48px; font-weight: 800; color: #5a4034; letter-spacing: -2px; margin-bottom: 0px;}
  .tit01 span { color: #d36d20;}
  .tit01::after { width: 60px; height: 2px; margin: 20px auto 40px; background-color: #d36d20; content: "";
  clear: both; display: block;}
  .tit02 { font-size: 44px; font-weight: 800; letter-spacing: -6px; color: #5a4034;}
  .tit03 { font-family: 'Roboto'; font-size: 14px; color: #d36d20; letter-spacing: 2px;}
  .top_txt01_r { padding-bottom: 10px;}
  .top_txt01 { font-size: 36px; color: #fff; text-align: right; letter-spacing: -2.4px; line-height: 1.2; padding-right: 20px;}
  .top_txt02_l { border-left: 1px solid #fff;}
  .top_txt02 { font-size: 20px; color: #fff; line-height: 1.6; letter-spacing: -1px; text-align: left;
    padding-left: 20px;}
 @media only screen and (max-width: 1199px) {

 }
 @media only screen and (max-width: 992px) {
  .tit02 { font-size: 36px; letter-spacing: -3px;}
  .top_txt01 { font-size: 26px; letter-spacing: -4px;}
 }
 @media only screen and (max-width: 767px) {
   .tit01 { font-size: 30px;}
   .tit02 { font-size: 30px;}
   .tit03 { font-size: 12px;}
   .top_txt01 { font-size: 30px; text-align: left;}
   .top_txt02 { font-size: 14px; padding-left: 0px;}
   .top_txt02_l { border-left: 0px;}
 }
 @media only screen and (max-width: 450px) {
 }

/* ///////////// sec04   ///////////// */
 #sec04 { font-family: 'Jeju Myeongjo', serif; }
 .sec04_01 { position: relative; }
  .sec04_01_bg{
   position: absolute;
   background: url(//cdn.hoteltira.com/img/AE/event/bab_al_shams/sec04_bg.jpg) no-repeat center;
   background-size: cover;
   width: 100%;
   height: 520px;
   top: 0;
   left: 0;
   }
  .top_txt03 { font-size: 18px; color: #5a4034; line-height: 1.6; letter-spacing: -1.4px; text-align: left;
    padding: 50px 0 0 10px;}
@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 { position: relative; }
  .sec05_01_bg{
   position: absolute;
   background: url(//cdn.hoteltira.com/img/AE/event/bab_al_shams/sec05_bg.jpg) no-repeat center;
   background-size: cover;
   width: 100%;
   height: 520px;
   top: 0;
   left: 0;
   }
.tit04 { font-size: 48px; color: #fff;}
.tit05 { font-size: 24px; color: #fff;}
.tit05::after{ width: 60px; height: 2px; margin: 20px auto 40px; background-color: #fff; content: ""; clear: both; display: block;}
.tit06 { font-size: 18px; color: #fff;}
.boxW { background: #fff; font-family: 'Noto Sans KR', sans-serif; text-align: left;}
.box_txt01 { font-size: 30px; font-weight: 600;}
.box_txt02 { font-size: 16px; }
.boxWrap { padding: 0 30px 40px; min-height: 230px;}
@media only screen and (max-width: 1199px) {

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

}
@media only screen and (max-width: 767px) {
  .tit04 { font-size: 30px; }
  .tit05 { font-size: 18px; }
}
/* ///////////// sec06  바로가기  ///////////// */
#sec06 { background: #d36d20;}
.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;}
}