@charset "utf-8";
img {max-width: 100%;}
section ul { list-style: none; padding: 0; margin: 0; overflow: hidden; }
.color-888 { color: #888; }
.color_g { color: #cfaa75;}
.color_v { color: #6900ff;}
.red {color: #d70808; }
.txtbold { font-family: 'S-CoreDream-3Light', sans-serif;}
#footer_common { padding-top: 0;}
p { letter-spacing: -0.03em; }
.body_event section img { max-width: 100%; }
@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; }
@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-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; }

section { font-family: 'S-CoreDream-2ExtraLight', sans-serif; }

/* ///////////// sec01 ///////////// */
#sec01 {
  background: url(//cdn.hoteltira.com/img/AE/event/24hr_service/sec01_bg.jpg) no-repeat top;
  background-size: cover;  overflow: inherit;
 }

.sec01_tit { padding: 120px 0 150px 0;}
.sec01Wrap { background: url(//cdn.hoteltira.com/img/AE/event/24hr_service/sec01_01_bg.png) no-repeat top;}
.sec01txt { padding-top: 50px; }
.txt01 { font-size: 24px;}
.txt02 { font-size: 16px; background: #401068b5; padding: 20px; width: 80%; margin: 20px auto;border: 1px solid #100037a6;line-height: 2;}
.txt02 span { font-size: 20px; font-family: 'S-CoreDream-3Light', sans-serif;}
.title01 { font-size: 48px; word-break: keep-all;}
.title02 { font-size: 24px;}
.title04 { font-size: 24px; background: #6900ff; padding: 4px 20px; display: inline-block; }
.tipSub { border: 1px solid #d7d7d7; border-radius: 30px; background: #fff; text-align: left;
  padding: 50px 0 50px 30px; font-size: 18px;}
.tipSub::before { left: 52px; content: ''; position: absolute; width: 2px; border: 0.5px dashed #dedede;
height: 2350px; margin-top: 20px;}
.tipSub ul li { padding: 10px 0;}
.tipSub ul li img { padding: 10px 0;}
.tipSub ul { position: relative;}
.space_left { margin-left: 50px;}
.space_left img { width: 90%;}


@media only screen and (max-width: 1199px) {
  .space_left img { width: 90%;}
  .tipSub { font-size: 15px;}
  .space_left { margin-left: 30px;}
  .tipSub::before { height: 1700px;}
  .title01 { font-size: 36px;}
  .title02 { font-size: 20px;}
  .txt02 { font-size: 14px; width: 100%; line-height: 1.6;}
}
@media only screen and (max-width: 992px) {
  .title01 { font-size: 28px;}
  .title02 { font-size: 18px;  }
  .txt01 { font-size: 16px; letter-spacing: 0px; word-break: keep-all;}
}
@media only screen and (max-width: 767px) {
  .title04 { font-size: 18px;}
}
@media only screen and (max-width: 450px) {
}


/* ///////////// sec02 ///////////// */
#sec02 {
  background: url(//cdn.hoteltira.com/img/AE/event/24hr_service/sec02_bg.jpg) no-repeat center;
  background-size: cover;  overflow: inherit;
 }


@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 450px) {
}

/* ///////////// sec03  ///////////// */
#sec03 {
  background: url(//cdn.hoteltira.com/img/AE/event/24hr_service/sec03_bg.jpg) no-repeat center;
  background-size: cover;  overflow: inherit;
 }
  .hotelWrap { position: relative;}
  .hoteltxt { position: absolute; text-align: left; bottom: 10px; color: #fff; padding-left: 10px; }
  .hoteltxt01 { font-size: 24px;}
  .hoteltxt02 { font-size: 16px; letter-spacing: -1px; }
  .hotle_go { border-top: 1px solid #fff; padding-top: 10px;}
  .hotelWrap:hover .hotelimg  { background-color: rgba(255,180,0,0.5); }
  .hotelWrap:hover .hotelimg img { opacity: 0.2;}
  .hoteltxt01 { font-family: 'S-CoreDream-3Light',serif;}
  .title03 { font-size: 30px; margin-top: -15px;}

 @media only screen and (max-width: 1199px) {
   .hoteltxt01 { font-size: 20px;}
   .hoteltxt02 { font-size: 12px; }
   .hoteltxt { padding-right: 30px;}
   .title03 { font-size: 20px; }
 }
 @media only screen and (max-width: 992px) {

 }
 @media only screen and (max-width: 767px) {
  .btn_go {font-size: 18px !important;}
  .hotelWrap { padding-bottom: 10px;}
  .hoteltxt01 { font-size: 30px;}
  .hoteltxt02 { font-size: 15px; letter-spacing: 0px;}
  .hoteltxt { padding-right: 20px;}
 }
 @media only screen and (max-width: 450px) {
 }

/* ///////////// sec04  바로가기  ///////////// */
#sec04 { background: #491474;}
.btn_go { border: 5px solid #fff; border-radius: 60px; color: #fff; font-size: 24px; padding: 20px 40px; }
.btn_go:hover { color: #cfaa75; box-shadow: 0px 20px 20px #0003;}
