@charset "utf-8";
@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;
}
img { max-width: 100%; }
ul { list-style: none; padding: 0; margin: 0; }
.color-888 { color: #888; }
section * { font-family: 'S-CoreDream-4Regular'; }
#footer_common {padding-top: 0; }

/*  ----------------- sec01 - 상단배너 영역 -----------------  */
#sec01 { background:url(//cdn.hoteltira.com/img/ID/event/mandapa/main_bg.jpg) no-repeat center;  height: 1165px; background-size: cover;  }
#sec01 .container { position: relative; }

/*  ----------------- sec02 - 만다파 리츠칼튼 리저브 소개 -----------------  */
.mandapa_tit01 { font-size: 30px; font-family: 'S-CoreDream-7ExtraBold'; margin-bottom: 35px; }
.mandapa_txt01 { font-size: 18px; }
.mandapa_txt02 { font-size: 16px; }
#sec02 { background:url(//cdn.hoteltira.com/img/ID/event/mandapa/sec02_bg.jpg) no-repeat center; background-size: cover; position: relative; padding: 100px 0; }
#sec02:before { 
  content: " ";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(38,146,246,0.9); 
}
#sec02 .container { width: 1400px; position: relative; color: #fff;}
.sec02_box { display: table; background: #2e5293; float: right; width: calc(50% - 65px); }
.sec02_box .sec02_logo { display: table-cell; background: #fff; padding: 0 20px;     width: 65px; }
.sec02_box .sec02_logo img { transform: translateY(56px); }
.sec02_box .box_txtWrap { padding: 30px 0 20px; }
.sec02_box .box_txtWrap .box_txt01 { padding-left: 30px; font-size: 16px; margin: 0; }
.sec02_box .box_txtWrap .box_txt02 { padding: 0 0 15px 30px; font-size: 35px; font-family: 'S-CoreDream-7ExtraBold'; border-bottom: 2px solid #fff; margin-bottom: 20px;}
.sec02_box .box_txtWrap .mandapa_txt01 {padding-left: 30px; }
/* 슬라이드 */
.sec02_slideWrap { width: 100%; clear: both; }
#sec02_slide { clear: both; width: 58%; float: left; }
#sec02_slide:before {
  content: " ";
  display: block;
  width: 200px;
  height: 330px;
  position: absolute;
  top: -15px;
  right: -15px;
  background: #ffc000; 
}
#sec02_slide:after {
  content: " ";
  display: block;
  width: 200px;
  height: 330px;
  position: absolute;
  bottom: -15px;
  left: -15px;
  background: #ffc000; 
}
.slide_imgWrap { z-index: 1; }
.slide_imgWrap img { width: 100%; }
.carousel-control.right, .carousel-control.left { 
  background-image: none;
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  height: 45px;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
/*.carousel-indicators { left: auto; right: -100%; padding-left: 60px; bottom: 0; margin: 0; width: 100%; }*/
.carousel-indicators li { width: 60px; height: 60px; border-radius: 0; float: left; }
.carousel-indicators .active { width: 60px; height: 60px; border: 4px solid #fff; margin: 1px;}
.carousel-indicators li:nth-child(1) { background: url(//cdn.hoteltira.com/img/ID/event/mandapa/sec02_img01.jpg) no-repeat center; background-size: cover; }
.carousel-indicators li:nth-child(2) { background: url(//cdn.hoteltira.com/img/ID/event/mandapa/sec02_img02.jpg) no-repeat center; background-size: cover; }
.carousel-indicators li:nth-child(3) { background: url(//cdn.hoteltira.com/img/ID/event/mandapa/sec02_img03.jpg) no-repeat center; background-size: cover; }
.carousel-indicators li:nth-child(4) { background: url(//cdn.hoteltira.com/img/ID/event/mandapa/sec02_img04.jpg) no-repeat center; background-size: cover; }
.carousel-indicators li:nth-child(5) { background: url(//cdn.hoteltira.com/img/ID/event/mandapa/sec02_img05.jpg) no-repeat center; background-size: cover; }
.slide_txtWrap { width: 42%; float: left; padding-left: 60px; }

/*  ----------------- sec03 - 4가지 프로모션 -----------------  */
#sec03 { padding: 100px 0; }
.sec03_title { font-size: 25px; color: #000; }
.sec03_title img { margin-bottom: 20px; }
#sec03 .row { margin-bottom: 50px; }
.pro_txtWrap { float:left; }
.pro_txtWrap > div { width: 345px; float: right; }
.pro_txtWrap > div:after { 
  content: " ";
  display: block;
  width: 200px;
  height: 2px;
  position: absolute;
  top: 25px;
  right: -40px;
  background: #0064f2; 
  z-index: 1; 
}
.pro_txtWrap ul li { background: url(//cdn.hoteltira.com/img/ID/event/mandapa/dot.png) no-repeat left top 11px; padding-left: 12px; }
.pro_txtWrap p.mandapa_txt01 { margin-top: 15px; }
.pro_imgWrap { float:left; }
.pro_imgWrap img { width: 100%; }
.pro_2 .pro_txtWrap { float: right; }
.pro_2 .pro_txtWrap > div { float: left; margin-left: 20px; }
.pro_2 .pro_txtWrap > div:after { right: auto; left: -190px; }
.sec03_box { background: #f4f4f4; border: 1px solid #e8e8e8; padding: 30px; }
.sec03_box p { margin: 0; }

/*  ----------------- sec04 - 특징 -----------------  */
#sec04_top { background:url(//cdn.hoteltira.com/img/ID/event/mandapa/sec04_top_bg.jpg) no-repeat center; background-size: cover; padding: 150px 0;}
#sec04_btm { background:url(//cdn.hoteltira.com/img/ID/event/mandapa/sec04_bottom_bg.jpg) no-repeat center; background-size: cover; padding: 150px 0;}
.infoWrap { position: relative; }
.info_1:before, .info_2:before {
  content: " ";
  display: block;
  width: 795px;
  height: 500px;
  top: -20px;
  left: -20px;
  position: absolute;
}
.info_2:before { right: -20px; left: auto; }
#sec04_top .info_1:before, #sec04_top .info_2:before { border: 2px solid #0d1428; }
#sec04_btm .info_1:before, #sec04_btm .info_2:before { border: 2px solid #ffc000; }
.info_top { position: relative; overflow: hidden; }
.info_imgWrap { position: relative; width: 70%; }
.info_imgWrap img { width: 100%; position: relative; z-index: 1;}
.info_txtWrap { position: absolute; width: 415px; height: 370px; background: rgba(5,10,20,0.75); right: 0; top: 50%; transform: translateY(-50%); padding: 25px; z-index: 1; }
#sec04_btm .info_txtWrap { background: rgba(255,192,0,0.75); }
.info_btm { margin-top: 15px; }
.info_2 { margin-top: 100px; }
.info_2 .info_imgWrap { float: right; }
.info_2 .info_txtWrap { left: 0; }

.mandapa_btn { background: #003ba6; padding: 35px 0; background-image: none;}
.mandapa_btn a { font-family: 'S-CoreDream-5Medium'; display: inline-block; color: #003ba6; font-size: 30px; background: #fff; border-radius: 100px; padding: 20px 50px; }
.mandapa_btn a:hover, .mandapa_btn a:active, .mandapa_btn a:focus { box-shadow: 5px 5px 10px rgba(0,0,0,0.3); text-decoration: none; }


@media only screen and (max-width: 1400px) {
  .mandapa_tit01 { margin-bottom: 25px; }  
  #sec02 { padding: 100px 0 150px; }
  #sec02 .container { width: 1170px; }
  .sec02_box { width: calc(50% - 25px); }
  #sec02_slide { width: 50%; }
  .carousel-indicators { padding-left: 50px; }
  .carousel-indicators li { width: 60px; height: 60px; }
  .carousel-indicators .active { width: 60px; height: 60px; }
  .slide_txtWrap { width: 50%; padding-left: 50px }  
}
@media only screen and (max-width: 1199px) {
  #sec02 .container { width: 970px; }
  .sec02_box { width: 60%; }
  .carousel-indicators { right: 0; padding-left: 0; bottom: -80px;}
  .info_1:before, .info_2:before { width: 650px; height: 420px; }
}
@media only screen and (max-width: 991px) {
  .mandapa_tit01 { font-size: 27px; }
  .mandapa_txt01 { font-size: 16px; }  
  #sec01 { height: 90vh; }
  #sec02:before { display: none; }
  #sec02 .container { width: 750px; }
  .sec02_box { width: 100%; }
  .sec02_box .box_txtWrap .box_txt02 { font-size: 30px; }
  #sec02_slide { width: 100%; }  
  .slide_txtWrap { width: 100%; padding: 20px; margin-top: 100px; background: rgba(38,146,246,0.9);}  
  #sec03 { padding: 60px 0; }
  .sec03_title { font-size: 20px; }
  .sec03_title img { width: 400px; }
  .pro_txtWrap > div { width: 100%; }
  .pro_txtWrap > div:after { top: 15px; right: 0; }
  .pro_txtWrap > div > img { width: 120px;}  
  .info_1:before, .info_2:before { width: 500px; height: 320px; }
  .info_txtWrap { height: auto; }
  .info_2 { margin-top: 70px; }
}
@media only screen and (max-width: 767px) {
  .mandapa_tit01 { font-size: 20px; margin-bottom: 15px;}
  .mandapa_txt01, .mandapa_txt02 { font-size: 14px; }  
  #sec01 img { margin-top: 40%;}
  #sec02 { padding: 80px 0; }
  #sec02 .container { width: 100%; }
  .sec02_box { display: block; }
  .sec02_box .sec02_logo { display: block; width: 100%; text-align: center; height: 60px;}
  .sec02_box .sec02_logo img { position: relative; top: -12px; transform: rotate(90deg); }
  .sec02_box .box_txtWrap .box_txt01 { padding-left: 20px;}
  .sec02_box .box_txtWrap .box_txt02 { font-size: 22px; padding: 0 0 15px 20px;}
  .sec02_box .box_txtWrap .mandapa_txt01 { padding-left: 20px; }
  .sec02_box .box_txtWrap { padding: 10px 0; }
  #sec02_slide:after { width: 100px; height: 100px; bottom: -5px; left: -5px;}
  #sec02_slide:before { width: 100px; height: 100px; top: -5px; right: -5px;}
  .carousel-indicators { bottom: -65px; }
  .carousel-indicators li { width: 50px; height: 50px; }
  .carousel-indicators .active { width: 50px; height: 50px; }  
  #sec03 .row { margin-bottom: 30px; }
  .sec03_title { font-size: 16px; }
  .pro_txtWrap > div:after { right: auto; left: -190px;}
  .pro_2 .pro_txtWrap { float: left; }
  .pro_2 .pro_txtWrap > div { margin-left: 0; } 
  .sec03_box { padding: 15px; }  
  #sec04_top, #sec04_btm { padding: 80px 0; }
  .info_1:before, .info_2:before  { width: 150px; height: 125px; left: -10px; top: -10px; }
  .info_imgWrap { width: 100%; }
  .info_txtWrap { width: 100%; position: relative; top: 0; transform: translateY(0);}
  .info_2 { margin-top: 30px; }
  .info_2 .info_imgWrap { float: none; }  
  .mandapa_btn a { font-size: 22px; padding: 15px ; }
}