@charset "utf-8";
@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; }
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css); .jejumyeongjo * { font-family: 'Jeju Myeongjo', serif; }
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); .nanummyeongjo * { font-family: 'Nanum Myeongjo', serif; }
img { max-width: 100%; }
ul { list-style: none; padding: 0; margin: 0; }
.color-888 { color: #888; }
#footer_common { padding-top: 0; }
p { letter-spacing: -0.03em; }
.blue { color: #0065ef; }
.red { color: #f10000; }
section { font-family: 'S-CoreDream-4Regular'; }

/* /////////////// sec01 - 인터컨티넨탈 다낭 썬 페닌슐라 리조트 /////////////// */
#sec01 {
  width: 100%;
  height: 1190px;
  background: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/sec01_bg2.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
#sec01 img { margin-top: 100px; padding: 0 15px; }

@media only screen and (max-width: 991px) {
  #sec01 { height: 900px; }
}
@media only screen and (max-width: 767px) {
  #sec01 { height: 80vh; }
  #sec01 img { margin-top: 70px; }
}

/* /////////////// sec07 - 가을 프로모션 19 /////////////// */
#sec07 { background: #164e69 url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/sec07_bg.jpg) no-repeat bottom center; background-size: 100%; }
#sec07 .bar03 { background: #fff; margin: 20px auto; }
.sec07_tit01 { font-size: 18px; }
.sec07_txt01 { font-size: 25px; }
.table_Wrap { text-align: left; }
.table_Wrap .table-responsive { margin-top: 20px; }
.table_Wrap table tr > th, .table_Wrap table tr > td { border: 1px solid #332b24; }
.table_Wrap table tr > th { background: #ffd800; text-align: center; }
.table_Wrap table tr > td { background: #fff; vertical-align: inherit;}
.table_Wrap table .topborder { border-top: 2px solid #332b24;}
.infoWrap { background: #0d2e3e; }
.info_txtWrap { display: table-cell; padding: 35px 0; }
.info_txtWrap .info_txt01 { font-size: 20px; vertical-align: middle; display: inherit; padding-right: 40px; }
.info_txtWrap .info_txt02 { font-size: 14px; vertical-align: middle; display: inherit; padding-left: 40px; border-left: 1px solid #fff; line-height: 1.7; }

@media only screen and (max-width: 767px) {
  .sec07_tit01 { font-size: 15px; }
  .sec07_txt01 { font-size: 20px; }
  .table_Wrap table tr > td { font-size: 13px; }
  .info_txtWrap { padding: 20px 0; }
  .info_txtWrap .info_txt01 { display: block; }
  .info_txtWrap .info_txt02 { display: block; padding-left: 0; border-left: none; font-size: 13px;}
}

/* /////////////// sec02 - 특/별/한 혜택! /////////////// */
.sec02_tit { font-size: 35px; word-break: keep-all; }
.sec02_tit span { font-size: 45px; }
.sec02_listWrap { overflow: hidden; }
.sec02_listWrap li { margin-bottom: 15px;}
.sec02_list { background: #f7f7f7; background-repeat: no-repeat; background-position: right center; padding: 30px 5px; }
.sec02_listWrap li:nth-child(1) .sec02_list { background-image: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/sec02_iconbg1.png);}
.sec02_listWrap li:nth-child(2) .sec02_list { background-image: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/sec02_iconbg2.png);}
.sec02_listWrap li:nth-child(3) .sec02_list { background-image: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/sec02_iconbg3.png);}
.sec02_listWrap li:nth-child(4) .sec02_list { background-image: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/sec02_iconbg4.png);}
.sec02_number { font-family: 'Nanum Myeongjo', serif; font-size: 35px;font-weight: 700;}
.sec02_txt { font-size: 20px; word-break: keep-all; }

/* /////////////// sec03 - 특/별/한 혜택! /////////////// */
#sec03 {
  background: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/sec03_bg.jpg), -webkit-linear-gradient(top, #fff 0%, #fff 300px, #264d82 300px, #264d82 100%);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}
.sec03_Wrap { overflow: hidden; background: #fff; margin-bottom: 15px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
.sec03_Wrap .sec03_imgWrap img { width: 100%; }
.sec03_Wrap .sec03_imgWrap .sec03_number {
  position: absolute;
  font-family: 'Nanum Myeongjo', serif;
  top: 0;
  font-size: 30px;
  width: 0px;
  height: 0px;
  border-right: 95px solid transparent;
  border-top: 95px solid #143765;
}
.sec03_Wrap .sec03_imgWrap .sec03_number p {position: absolute; top: -90px; left: 10px; }
.sec03_Wrap .sec03_txtWrap { padding: 40px 35px 35px; }
.sec03_Wrap .item_tit { margin-bottom: 30px; }
.item_tit { font-size: 25px; line-height: 1.3; }
.item_txt { font-size: 16px; word-break: keep-all; }
.bar02 { width: 100%; height: 1px; background: #e2e2e2; margin: 30px 0; }

@media only screen and (max-width: 1199px) {
  .sec02_txt { font-size: 18px; }
  .sec03_Wrap .sec03_txtWrap { padding: 20px 30px; }
  .sec03_Wrap .item_tit { margin-bottom: 20px; }
  .bar02 { margin: 20px 0; }
}
@media only screen and (max-width: 992px) {
  .sec02_txt { font-size: 16px; }
  .sec03_Wrap .sec03_imgWrap,
  .sec03_Wrap .sec03_txtWrap { width: 100%; }
  .sec03_Wrap .item_tit { font-size: 23px; }
}
@media only screen and (max-width: 767px) {
  .sec02_tit { font-size: 20px; }
  .sec02_tit span { font-size: 25px; }
  .sec02_list { padding: 20px 15px; }
  .sec02_number { font-size: 30px; }
  .sec02_icon { width: 70px; }
  .sec02_txt { font-size: 15px; }
  .sec03_Wrap { margin-bottom: 15px; }
  .sec03_Wrap .sec03_imgWrap .sec03_number { font-size: 25px; border-right: 65px solid transparent; border-top: 65px solid #143765;}
  .sec03_Wrap .sec03_imgWrap .sec03_number p { top: -65px; left: 8px;}
  .sec03_Wrap .sec03_txtWrap { padding: 20px; }  
  .sec03_Wrap .item_tit { font-size: 20px; margin-bottom: 15px; }
  .item_tit { font-size: 20px; }
  .item_txt { font-size: 14px; }
  .bar02 { margin: 10px 0; }
}

/* /////////////// sec04 - 특징 /////////////// */
#sec04 .row { position: relative;}
#sec04 .row .col-md-5 { position: absolute; bottom: 0; right: 0;}
.sec04_tit_ko {
  font-size: 40px;
  margin: 0;
  line-height: 0.8;
  width: 100%;
}
.sec04_title_md {margin: auto;}
.sec04_tit_ko span { font-size: 20px; }
.carousel .item img,#sec04 .row .col-md-5 img { width: 100%;}
#sec04 .carousel-control.left,
#sec04 .carousel-control.right {
  position: absolute;
  top: 50%;
  bottom: auto;
  width: auto;
  transform: translateY(-50%);
  z-index: 5;
  display: inline-block;
  border: 1px solid #fff;
  padding: 10px 20px;
  -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  background-image: none;
  opacity: 1;
}
#sec04 .carousel-control.left:hover,
#sec04 .carousel-control.right:hover { background: rgba(255, 255, 255, 0.5); }
#sec04 .carousel-control.left { left: 7.5px; }
#sec04 .carousel-control.right { right: 7.5px; }
#sec04 .rest .carousel-control.left { left: 0; }
#sec04 .rest .carousel-control.right { right: 0; }
.sec04_txtWrap { text-align: left; margin: 30px 0; }
.bar03 { width: 50px; height: 3px; margin: 25px 0; }
.sec04_bg { height: 220px; }
.sec04_bg .container { position: relative; height: 100%; }
.sec04_bg img { position: absolute; right: 0; bottom: 0; }
.room_bg { background: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/room_bg.jpg) no-repeat center; background-size: cover;}
.rest_bg { background: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/rest_bg.jpg) no-repeat center; background-size: cover;}
.faci_bg {background: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/faci_bg.jpg) no-repeat center; background-size: cover; }
.room .bar03 { background: #e2ab93; margin: 25px auto; }
.rest .bar03 { background: #64a083; margin: 25px auto; }
.faci .bar03 { background: #65b5e7; }

/* /////////////// sec05 - 호텔 예약하기 /////////////// */
#sec05 {
  background: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/sec05_bg.jpg) no-repeat center;
  background-size: cover;
}
#sec05 a {
  display: inline-block;
  color: #fff;
  font-size: 25px;
  background: #0888f5;
  border-radius: 50px;
  padding: 18px 45px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  word-break: keep-all;
  -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
#sec05 a:hover { background: #0370cc; }
#sec05 .arrow { position: relative; top: -3px; margin-left: 10px; }

/* /////////////// sec06 - 추가 혜택! /////////////// */
#sec06 { background: #f9f9f9; }
.sec06Wrap { max-width: 900px; margin: auto; padding: 0 15px; }
#sec06 .item_tit { font-size: 30px; }
.benefits { background: #fff; position: relative; border: 1px solid #0086f4; padding: 50px 15px 20px; height: 440px;}
.benefits_tit {
  font-size: 18px;
  background: #0086f4;
  position: absolute;
  width: 85%;
  top: -20px;
  padding: 10px 0;
  left: 50%;
  transform: translateX(-50%);
}
.benefitsList li { background: url(//cdn.hoteltira.com/img/VN/event/Intercontinental_Resort/dot.png) no-repeat left top 8px; padding-left: 15px; padding-bottom: 5px; }
.WayList { background: #fff; position: relative; border: 1px solid #0086f4; width: 30%; float: left; height: 155px; }
.sec06_number { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }
.sec06_arrow { float: left; position: relative; width: 5%; top: 65px; }
.wayWrap .item_txt { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }

@media only screen and (max-width: 1199px) {
  .sec04_txtWrap { margin: 20px 0; }
  .benefits { padding: 30px 15px 20px; }
  .benefits_tit { font-size: 17px; width: 95%;}
}
@media only screen and (max-width: 992px) {
  #sec04 .row .col-md-5 { position: relative; }
  .sec04_txtWrap { text-align: center; }
  .bar03 { margin: 25px auto; }
  .benefits { height: auto; }
  .benefitsWrap:nth-child(2),.benefitsWrap:nth-child(3) { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
  .sec04_bg { height: 100px; }
  .sec04_bg img { height: 45px; }
  .sec04_tit_ko { font-size: 27px; }
  .sec04_tit_ko span { font-size: 16px; }
  .bar03 { margin: 15px auto !important; }
  #sec05 a { font-size: 20px; }
  #sec05 .arrow { width: 10px; top: -2px; }
  
  .WayList { width: 100%; height: 125px; }
  .wayWrap .item_txt { top: 55%; }
  #sec06 .item_tit { font-size: 20px; }
  .sec06_arrow { width: 100%; top: 0; margin: 10px 0 40px; transform: rotate(90deg); }
}
@media only screen and (max-width: 500px) {
  .hidden-500 { display: none; }
}