@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-3Light', sans-serif;}
hr { width: 60%;}
.color-yellow { color: #f7ffa5;}
img {max-width: 100%;}
/* ///////////// sec01 ///////////// */
#sec01 {
  background: url(//cdn.hoteltira.com/img/ES/event/hyatt/sec01_bg.jpg) no-repeat top;
  background-size: cover;
  height: 1100px;
 }
 .sec01_top { padding-top: 200px;}

@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
  #sec01 { height: 680px;}
}
@media only screen and (max-width: 450px) {
}


/* ///////////// sec02 ///////////// */
#sec02 { }
.sec02_tit .tit01 { color: #02c5ba; font-size: 36px; margin: 0px;}
.sec02_tit .tit02 { color: #02c5ba; font-size: 60px; font-family: 'S-CoreDream-9Black', sans-serif;
  background: url(//cdn.hoteltira.com/img/ES/event/Jumeirah_Port_Soller/line01.png) no-repeat bottom;}
.benefit_box { border-radius: 10px; border: 1px solid #cccccc; padding-bottom: 20px;}
.benefit_box_top {
  background: url(//cdn.hoteltira.com/img/ES/event/Jumeirah_Port_Soller/box_top01.png) no-repeat bottom;
  background-size: contain;
  color: #fff; font-size: 30px; padding: 30px 0; margin: -15px 0 20px 0; font-family: 'S-CoreDream-9Black', sans-serif;
}
.benefit_txt01 { font-size: 24px; color: #000; font-family: 'S-CoreDream-7ExtraBold', sans-serif; padding-top: 14px;}
.benefit_txt02 { font-family: 'Nanum Pen Script', cursive; color: #00b0bf; font-size: 30px;}
.benefit_txt03 { font-size: 16px; }
.info_box { background: #f7f7f7; border-radius: 10px; padding: 30px 10px;}
@media only screen and (max-width: 1199px) {
.sec02_tit .tit01 { font-size: 24px; }
.sec02_tit .tit02 { font-size: 38px; }
.benefit_box_top { font-size: 24px; padding: 20px 0;}
.benefit_txt01 { font-size: 20px;}
.benefit_txt03 { font-size: 14px; }
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
  .benefit_txt02 { font-size: 24px; }
}
@media only screen and (max-width: 450px) {
}

/* ///////////// sec03  ///////////// */
#sec03 {
  background: url(//cdn.hoteltira.com/img/ES/event/Jumeirah_Port_Soller/sec03_bg.jpg) no-repeat top;
  background-size: cover;
 }
 .sec03_tit .tit01 { color: #003f8c; font-size: 36px; margin: 0px;}
 .sec03_tit .tit02 { color: #fff; font-size: 60px; font-family: 'S-CoreDream-9Black', sans-serif;
   background: url(//cdn.hoteltira.com/img/ES/event/Jumeirah_Port_Soller/line02.png) no-repeat bottom;}
.attraction_box { border-radius: 10px; border: 1px solid #002f56; padding-bottom: 20px; background: #005195;}
.attraction_box_top {
 background: url(//cdn.hoteltira.com/img/ES/event/Jumeirah_Port_Soller/box_top02.png) no-repeat bottom;
 background-size: contain; line-height: 1; padding: 10px 0;
 color: #fff; font-size: 30px; margin: -15px 0 20px 0; font-family: 'S-CoreDream-9Black', sans-serif;
}
.attraction_box_top span { font-size: 12px;}
.attraction_box img { border-radius: 10px;}
.attraction_txt01 { font-size: 20px; color: #fff; letter-spacing: -1px; padding: 20px 0;}

@media only screen and (max-width: 1199px) {
  .attraction_box { padding: 20px;}
  .sec03_tit .tit01 { font-size: 24px; }
  .sec03_tit .tit02 { font-size: 38px; }
  .attraction_box_top { font-size: 19px; margin: -35px 0 20px 0;}
  .attraction_txt01 { font-size: 16px;}
 }
 @media only screen and (max-width: 992px) {
   .attraction_box { padding: 10px;}
   .attraction_box_top { font-size: 19px; margin: -45px 0 20px 0;}
 }
 @media only screen and (max-width: 767px) {
   .attraction_box_top { margin: -20px 0 20px 0;}
 }
 @media only screen and (max-width: 450px) {
 }

/* ///////////// sec04   ///////////// */
#sec04 { }
.sec04_common { position: relative; padding: 40px 0;}
.sec04_common .txtbox { padding: 60px 20px; position: absolute;
height: auto; width: 50%; z-index: 1; top: -50px; color: #fff; left: 50%; transform: translateX(-50%);}
.txtbox01 {  background-color: rgba(52,93,113,0.88); }
.txtbox02 {  background-color: rgba(195,94,26,0.88); }
.txt01 { font-size: 30px; line-height: 1.2; }
.txt01 span { font-size: 48px;}
.txt02 { font-size: 18px; padding-top: 20px;}
#sec04 .row .col-sm-4 { padding-top: 14px;}
#sec04_01 {
  padding: 50px 0;
  margin: 50px 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 30%, #f7f7f7 30%, #f7f7f7 30%, #f7f7f7 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 30%,#f7f7f7 30%,#f7f7f7 30%,#f7f7f7 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 30%,#f7f7f7 30%,#f7f7f7 30%,#f7f7f7 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.m_img { display: none;}

@media only screen and (max-width: 767px) {
  .sec04_common .txtbox { width: 90%; padding: 30px 10px;}
  #sec04 .row .col-sm-4, #sec04 .col-sm-12 { display: none;}
  .m_img { display: block; padding-top: 200px;}
  .txt01 { font-size: 20px; }
  .txt01 span { font-size: 36px;}
  .txt02 { font-size: 16px; padding-top: 20px;}
}
/* ///////////// sec05  바로가기  ///////////// */
#sec05 { background: url(//cdn.hoteltira.com/img/ES/event/Jumeirah_Port_Soller/sec05_bg.jpg) no-repeat top;
  background-size: cover;
}
.btn_go { border: 5px solid #fff; border-radius: 60px; color: #fff; font-size: 30px; 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;}
}