@charset "utf-8";
@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-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-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
img {max-width: 100%;}
ul { list-style: none; padding: 0; margin: 0;  }
#footer_common { padding-top: 0; }
p { letter-spacing: -0.03em; }
.blue { color: #2055ff; }

/* ----------------- sec01 - 상단배너 영역 ----------------- */
.sec01 { background: url(//cdn.hoteltira.com/img/TH/event/the_racha/sec02_topbg.png) no-repeat bottom center, url(//cdn.hoteltira.com/img/TH/event/the_racha/sec01_bg.jpg) no-repeat center; background-size: 100%, cover; height: 100vh;}
.sec01 img { position: relative; top: 40%; transform: translateY(-50%); }

/* ----------------- sec02 - 골라가는 프로모션 4가지 ----------------- */
.racha_tit01 { font-family: 'S-CoreDream-3Light'; font-size: 45px; color: #000; display: inline-block; padding: 0 40px 5px; margin-bottom: 20px; line-height: 1.3; }
.racha_tit01 b { font-family: 'S-CoreDream-6Bold'; }
.racha_tit01 span { font-size: 30px; }
.racha_bar { width: 60px; height: 1px; background: #000; margin: auto; }
.racha_txt01 { font-size: 18px; font-weight: 400; }
.racha_txt01 b { font-weight: 500; }
.racha_txt02 { font-size: 16px; font-weight: 400; } 
.blue_box { background: #749fc5; border: 1px solid #6a98c1; }

.sec02 { background: url(//cdn.hoteltira.com/img/TH/event/the_racha/sec03_topbg.png) no-repeat bottom center, url(//cdn.hoteltira.com/img/TH/event/the_racha/sec02_bg.png) no-repeat top center, #498ee9; background-size: 100%, 100%; padding: 120px 0; position: relative; top: -1px; }
.sec02 .racha_tit01 { color: #fff; background:  url(//cdn.hoteltira.com/img/TH/event/the_racha/sec02_tit_bg.png) no-repeat bottom right; }
.sec02 .racha_bar { background: #fff; }
.sec02_list { display: inline-block; color: #fff; margin: 0 15px; }
.sec02_list .sec02_num { position: relative; }
.sec02_list .sec02_num p { font-family: 'S-CoreDream-5Medium'; font-size: 25px; position: relative; z-index: 1; margin-top: 10px; }
.sec02_list .sec02_num:after { content: ''; display: block; width: 75px; height: 15px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #1261c3; }
.sec02_list .sec02_txt { font-size: 18px; }

/* ----------------- sec03 - 시크릿 호캉스 더 라차 ----------------- */
.sec03 { background: #bde0ff; position: relative; top: -2px; }
.sec03 .racha_tit01 { padding: 0 40px 5px 0; background:  url(//cdn.hoteltira.com/img/TH/event/the_racha/sec03_tit_bg.png) no-repeat bottom right;}
.sec03 .racha_bar { margin-left: 0; }
.sec03_mapWrap { width: 50%; float: left; }
.sec03_txtWrap { width: 50%; float: right; padding-left: 50px; }
.sec03 .blue_box { padding: 20px; }
.sec03 .blue_box .racha_txt01 { display: inline-block; position: relative; padding-bottom: 5px; }
.sec03 .blue_box .racha_txt01:after { content: ''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; }
.sec03 .blue_box .racha_txt02 { margin-bottom: 20px; }

/* ----------------- sec04 - 더 라차 4가지 프로모션 ----------------- */
.sec04 { background: url(//cdn.hoteltira.com/img/TH/event/the_racha/sec04_bg.jpg) no-repeat center; background-size: cover; }
.sec04 .container { width: 930px; }
.sec04_txt01 { font-size: 20px; font-weight: 400; }
.sec04_txt01 span { font-weight: 600; }
.sec04 ul li { margin-bottom: 15px; }
.sec04_imgWrap { border-radius: 15px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: relative; }
.sec04_imgWrap img { width: 100%; }
.sec04_imgWrap img.sec04_list2_num { width: auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.sec04_txtWrap { border-radius: 15px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #fff; }
.sec04_txtWrap .list_tit { font-family: 'S-CoreDream-6Bold'; font-size: 25px; padding: 15px 0; line-height: 1.3; margin: 0; }
.sec04_txtWrap .list_tit span { font-family: 'S-CoreDream-3Light'; font-size: 20px; }
.sec04_txtWrap .racha_txt02 { padding: 20px 0; }
.note { font-size: 14px; margin-top: 10px; font-weight: 400; }
.sec04 .blue_box { padding: 25px; }
.plus { margin: 80px 0; }

.sec04_topitem .racha_tit01 { background:  url(//cdn.hoteltira.com/img/TH/event/the_racha/sec04_tit_bg1.png) no-repeat bottom right; padding: 0 40px 20px; margin-bottom: 5px;}
.sec04_list1Wrap li .list_tit { background-color: #65b2f7; background-position: bottom right; background-repeat: no-repeat; }
.sec04_list1Wrap li:nth-child(1) .list_tit { background-image: url(//cdn.hoteltira.com/img/TH/event/the_racha/sec04_list1_num1.png); }
.sec04_list1Wrap li:nth-child(2) .list_tit { background-image: url(//cdn.hoteltira.com/img/TH/event/the_racha/sec04_list1_num2.png); }
.sec04_list1Wrap li:nth-child(3) .list_tit { background-image: url(//cdn.hoteltira.com/img/TH/event/the_racha/sec04_list1_num3.png); }
.sec04_list1Wrap li:nth-child(4) .list_tit { background-image: url(//cdn.hoteltira.com/img/TH/event/the_racha/sec04_list1_num4.png); }
.sec04_list1Wrap li .sec04_txtWrap p:nth-child(2) { border-bottom: 1px dashed #cdcdcd; margin: 0; }
.sec04_list2Wrap .sec04_txtWrap .list_tit { border-bottom: 1px solid #cdcdcd; }
.sec04_btmitem .racha_tit01 { background:  url(//cdn.hoteltira.com/img/TH/event/the_racha/sec04_tit_bg2.png) no-repeat bottom right; padding: 0 40px 20px; margin-bottom: 5px;}
.sec04_btmitem .blue_box { margin-top: 30px; }

/* ----------------- sec05 - 더 라차 객실 ----------------- */
.sec05 { background: url(//cdn.hoteltira.com/img/TH/event/the_racha/sec05_bg.jpg) no-repeat center; background-size: cover; }
.sec05_item { position: relative; overflow: hidden; margin-bottom: 50px; }
.sec05_item .sec05_imgWrap { position: relative; }
.sec05_item .sec05_txtWrap { padding: 35px; width: 505px; position: absolute; box-shadow: 0 0 20px rgba(0,0,0,0.2); top: 50%; transform: translateY(-50%); }
.sec05_item .sec05_txtWrap .sec05_txt01 { font-family: 'S-CoreDream-6Bold'; font-size: 40px; margin: 15px 0; }
.sec05_room .sec05_txtWrap { background: rgba(9,114,126,0.75); right: 0;}
.sec05_rest .sec05_imgWrap { float: right; }
.sec05_rest .sec05_txtWrap { background: rgba(1,102,227,0.75); left: 0;}
.sec05_faci .sec05_txtWrap { background: rgba(0,180,198,0.75); right: 0;}
.racha_Btn { background: #0267e3; padding: 30px 0; }
.racha_Btn a { display: inline-block; color: #fff; font-size: 25px; font-weight: 400; border-radius: 100px; border: 4px solid #fff; padding: 20px 50px; text-decoration: none; }
.racha_Btn a:hover { box-shadow: 5px 5px 15px rgba(0,0,0,0.25); background: #0257bf; }

@media only screen and (max-width: 991px) {
  .sec02_list img { width: 130px; }
  .sec03_mapWrap { width: 100%; float: left; }
  .sec03_txtWrap { width: 100%; float: left; padding-left: 0; margin-bottom: 35px; }
  .sec04 .container { width: 750px; }
  .plus { margin: 50px 0;}
  .sec05_item .sec05_txtWrap { padding: 25px; width: 400px; }
  .sec05_item .sec05_txtWrap .sec05_txt01 { font-size: 33px; }
}
@media only screen and (max-width: 767px) {
  .sec01 { height: 70vh; }
  .racha_tit01 { font-size: 30px; padding: 0 0 5px; }
  .racha_tit01 span { font-size: 20px; }
  .racha_txt01 { font-size: 15px; }
  .racha_txt02 { font-size: 14px; }  
  .sec02 { padding: 50px 0; }
  .sec02_list { margin: 5px; width: calc( 50% - 12px); }
  .sec02_list img { width: 100px; }
  .sec02_list .sec02_num p { font-size: 20px; margin-top: 0px; }
  .sec02_list .sec02_num:after { width: 55px; }
  .sec02_list .sec02_txt { font-size: 15px; }  
  .sec03 .blue_box, .sec04 .blue_box { padding: 10px; }
  .sec03 .blue_box .racha_txt02 { margin-bottom: 10px; }  
  .sec04 .container { width: 100%; }
  .sec04_txt01 { font-size: 16px; }
  .sec04_txtWrap .list_tit { font-size: 20px; }
  .sec04_txtWrap .list_tit span { font-size: 16px; }
  .sec04_txtWrap .racha_txt02 { padding: 15px; }
  .sec04_list1Wrap li:nth-child(2) .note br { display: none; }
  .sec04 .blue_box { font-size: 14px; }
  .plus { margin: 30px auto 20px; width: 60px; }
  .sec04_topitem .racha_tit01, .sec04_btmitem .racha_tit01 { padding: 0 0 20px; }
  .sec04_btmitem .blue_box { margin-top: 10px; }  
  .sec05_item { margin-bottom: 15px; }
  .sec05_item .sec05_txtWrap { position: relative; width: 100%; top: 0; transform: translateY(0); padding: 15px;}
  .sec05_rest .sec05_imgWrap { float: none; }
  .sec05_item .sec05_txtWrap .sec05_txt01 { font-size: 23px; margin: 7px 0; }
  .racha_Btn a { font-size: 20px; border: 3px solid #fff; padding: 15px 25px; }
}