@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-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-4Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face { font-family: 'S-CoreDream-5Medium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-7ExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-9Black';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

section { font-family: 'S-CoreDream-4Regular', sans-serif;}
img {max-width: 100%;}

/* ///////////// sec01 ///////////// */
#sec01 {
  background: url(//cdn.hoteltira.com/img/AE/event/Atlantis_The_Palm/sec01_bg.jpg) no-repeat top;
  background-size: cover;
  height: 1000px;
 }
.bar01 { background: #fff; width: 50px; height: 2px; margin: 0 auto; }
.bar02 { background: #00d0c9; width: 50px; height: 2px; margin: 0 auto; }
.sec01_top { font-family: 'S-CoreDream-7ExtraBold', sans-serif; }
.sec01_top h1 { font-size: 72px; color: #f2f14a; letter-spacing: -2px;}
.sec01_top h2 { font-size: 48px; color: #fff; letter-spacing: -2px; font-family: 'Nanum Pen Script', cursive;}
.sec01_top .txt01 { font-family: 'Roboto'; font-size: 24px; color: #fff; line-height: 1; letter-spacing: 4px;
padding: 20px 0; }
.sec01_top .txt01 span { font-size: 14px; }

@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 992px) {
  #sec01 { height: 800px;}
  .sec01_top h1 { font-size: 60px;}
  .sec01_top .txt01 { padding: 10px 0;}
}
@media only screen and (max-width: 767px) {
  .sec01_top h1 { font-size: 48px;}
  .sec01_top h2 { font-size: 36px; letter-spacing: -2px;}
}
@media only screen and (max-width: 450px) {
}

/* ///////////// sec02 ///////////// */
#sec02 { overflow: visible;}
.sec02 {
  background:#00d0c9 url(//cdn.hoteltira.com/img/AE/event/Atlantis_The_Palm/sec02_bg.jpg) no-repeat bottom;
  background-size: cover;
  height: 1200px;
  position: relative;
 }

.sec02_txt01 { font-size: 30px; color: #fff; line-height: 1.2; padding-top: 50px;}
.sec02_txt02 { font-size: 20px; color: #fff; }
.sec02_bottom { bottom: 0px; left: 0px; position: absolute;}
.color_point {color: #f2f14a;}
.color_point02 {color: #00d0c9;}
.imglogo { position: absolute; top: -50px; left: 50%; transform: translateX(-50%);}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 992px) {
  .sec02_txt02 { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
  .sec02_txt01 { font-size: 24px; padding-top: 80px;}
  .sec02_txt02 { font-size: 16px; }
}
@media only screen and (max-width: 450px) {
}

/* ///////////// sec03  ///////////// */
#sec03 { }
.sec03 { background: url(//cdn.hoteltira.com/img/AE/event/Atlantis_The_Palm/sec03_bg.jpg) no-repeat bottom;
background-size: cover;
}

.sec03 .container img { padding-bottom: 20px; }
.subtit01 { font-family: 'S-CoreDream-7ExtraBold', sans-serif; font-size: 48px; padding-bottom: 30px; line-height: 1;}
.txt01 { font-size: 20px; color: #fff; padding: 50px 0;}


 @media only screen and (max-width: 1199px) {
 }
 @media only screen and (max-width: 992px) {
 }
 @media only screen and (max-width: 767px) {
   .subtit01 { font-size: 36px;}
   .txt01 { font-size: 16px; text-shadow: #000 1px 1px 10px;}
 }
 @media only screen and (max-width: 450px) {
 }

/* ///////////// sec04   ///////////// */
 #sec04 { background: url(//cdn.hoteltira.com/img/AE/event/Atlantis_The_Palm/sec04_bg01.png) no-repeat top left,
url(//cdn.hoteltira.com/img/AE/event/Atlantis_The_Palm/sec04_bg02.png) no-repeat bottom right; }

.roomWrap { position: relative; display: block; margin: 0 20px 20px 20px;}
.roomWrap img { }
.roomtxtWrap { position: absolute; background: #0000009e; color: #fff; bottom: 0px; width: 100%; padding: 20px 0;}
.roomtxt01 { font-size: 30px;}
.roomtxt02 { font-size: 20px;}

   @media only screen and (max-width: 1199px) {
   }
   @media only screen and (max-width: 992px) {
     .roomtxt01 { font-size: 24px;}
     .roomtxt02 { font-size: 16px;}
   }
   @media only screen and (max-width: 767px) {
     .roomtxtWrap { position: inherit; padding: 20px 10px; background: #008bb0ed; border-radius: 10px 10px 0 0;}
     .roomtxt01 { font-size: 24px;}
     .roomtxt02 { font-size: 16px;}
   }
   @media only screen and (max-width: 450px) {
   }

/* ///////////// sec05  ///////////// */
 #sec05 {
   background: url(//cdn.hoteltira.com/img/AE/event/Atlantis_The_Palm/sec05_bg.jpg) no-repeat center;
   background-size: cover;
}
#sec05 .container img { padding-bottom: 20px;}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
}

/* ///////////// 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;}
}