/**
* À̺¥Æ® Ç®ÆäÀÌÁö °øÅë
* 2023-09 ºÎÅÍ Á¦ÀÛµÈ À̺¥Æ® ÆäÀÌÁö¿¡ Àû¿ë
------------------------------------
* ±³Àç ¹× ½Ã°£ ¾È³»
* À¯ÀÇ»çÇ×
* animation
------------------------------------
**/

<link rel="stylesheet" href="/inc/css/pretendard-subset.css">
<link rel="stylesheet" href="/inc/css/coredream.css">
/*<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css" as="style" crossorigin>*/

img {pointer-events:none !important;}
.d-block {display:block !important;}
.d-flex {display:flex !important;}
.flex-wrap {flex-wrap:wrap;}
.flex-column {flex-direction:column !important;}
.flex-space-between {justify-content:space-between !important;}
.flex-justify-center {justify-content:center !important;}
.flex-items-center {align-items:center !important;}
.pos-rel {position:relative;}
.pos-abs {position:absolute;}
.pos-cnt {position:absolute; left:50%; transform:translateX(-50%);}
.mx-auto {margin-left:auto !important; margin-right:auto !important;}
.width-full {position:relative; width:100% !important;}
.width-1280 {position:relative; width:1280px !important; margin:0 auto;}


/**
±³Àç ¹× ½Ã°£ ¾È³» 
**/
.timetable {width:1280px; margin:0 auto; border:1px solid #333; font-family:var(--font-pre);}
.timetable th {padding:14px 0; border:1px solid #333; font-weight:600; font-size:18px; color:#222; text-align:center;}
.timetable td {padding:14px 0; background:#fff; border:1px solid #333; font-size:15px; color:#222; text-align:center;}
.timetable td.left {padding-left:10px; text-align:left;}
.timetable td.left .statusTxt2 {font-size:15px; color:var(--cl-point) !important;}
p.timetableDesc {margin-top:15px; font-family:var(--font-pre); font-size:14px; color:#666; text-align:right;}


/**
À¯ÀÇ»çÇ×, ȯºÒ±ÔÁ¤
**/
.noticeWrap {position:relative; padding:120px 0; background:#fff; font-family:var(--font-pre);} 
.noticeWrap h1 {margin-bottom:50px; font-weight:800; font-size:55px; color:var(--cl-1b); text-align:center;}
.noticeWrap p {font-weight:600; font-size:16px; color:var(--cl-1b); line-height:28px; word-break:keep-all;}
.noticeWrap p.mt10 {margin-top:10px;}

.noticeBox {width:1280px; margin:0 auto; border:1px solid #ccc;}
.noticeBox th {width:450px; padding:20px; background:#eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:600; font-size:20px; color:var(--cl-1b); text-align:center; line-height:34px; word-break:keep-all; box-sizing:border-box;}
.noticeBox td {padding:50px; background:#fff; border-bottom:1px solid #ccc;}
.noticeBox td.bar p:after {position:absolute; content:'-'; top:0; left:0;}
.noticeBox td.num p {padding-left:0;}
.noticeBox td p {position:relative; margin-bottom:0; padding-left:12px; font-weight:400; font-size:16px; color:var(--cl-5b); line-height:28px; word-break:keep-all;}
.noticeBox td p:after {position:absolute; content:'¡¤'; top:0; left:0;}
.noticeBox td p.none:after {content:'' !important;}
.noticeBox td.num p:after {content:'' !important; padding-left:0 !important;}

.noticeBox .refund {display:none; padding-top:5px;}
.noticeBox .refund table {width:100%; margin-top:5px; border:1px solid #ccc;}
.noticeBox .refund th {padding:10px; background:#eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:600; font-size:13px; color:var(--cl-3b); text-align:center; line-height:24px; word-break:keep-all;}
.noticeBox .refund td {padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:400; font-size:13px; color:var(--cl-5b); text-align:center; line-height:20px; word-break:keep-all;}
.noticeBox .refund p i {position:relative; top:-1px; margin:0 7px 0 4px;}
.noticeBox .td_btn {padding:4px 10px; background:#888; border-radius:3px; font-weight:300; font-size:13px; color:#fff; text-align:center;}

/*
www.miraecpa.com/victory/event/?act=2023_0612
www.miraecpa.com/victory/event/?act=2023_0824
*/
.s_table {margin:6px 0 15px;}
.s_table th {padding:10px; border:1px solid #ccc; border-left:0; font-size:15px; line-height:normal;}
.s_table th:last-child {border-right:0;}
.s_table td {padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:15px; text-align:center;}
.s_table td:last-child, .s_table td:nth-child(3) {border-right:0;}
.book_refund {display:none;}

.font-l {font-weight:500 !important; color:var(--cl-5b) !important;}
.font-b {font-weight:600 !important; color:var(--cl-1b) !important;}
.font-cl-gr {color:#999 !important;}
.font-cl-red {color:red !important;}
.mt10 {margin-top:10px !important;}
.mb10 {margin-bottom:10px !important;}



/**
  * Fade animations:
  * fade
  * fade-up, fade-down, fade-left, fade-right
  * fade-up-left, fade-up-right, fade-down-left, fade-down-right
  */

.fade {
  opacity: 0;
  transform: translate3d(0, 0, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-up {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-down {
  opacity: 0;
  transform: translate3d(0, -30px, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-left {
  opacity: 0;
  transform: translate3d(30px, 0, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-right {
  opacity: 0;
  transform: translate3d(-30px, 0, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-up-left {
  opacity: 0;
  transform: translate3d(20px, 20px, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-up-right {
  opacity: 0;
  transform: translate3d(-20px, 20px, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-down-left {
  opacity: 0;
  transform: translate3d(20px, -20px, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-down-right {
  opacity: 0;
  transform: translate3d(-20px, -20px, 0);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade.in-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */

.zoom-in {
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-in-up {
  opacity: 0;
  transform: translate3d(0, 20px, 0) scale(0.6);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-in-down {
  opacity: 0;
  transform: translate3d(0, -20px, 0) scale(0.6);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-in-left {
  opacity: 0;
  transform: translate3d(20px, 0, 0) scale(0.6);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-in-right {
  opacity: 0;
  transform: translate3d(-20px, 0, 0) scale(0.6);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-out {
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(1.2);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-out-up {
  opacity: 0;
  transform: translate3d(0, 20px, 0) scale(1.2);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-out-down {
  opacity: 0;
  transform: translate3d(0, -20px, 0) scale(1.2);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-out-left {
  opacity: 0;
  transform: translate3d(20px, 0, 0) scale(1.2);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-out-right {
  opacity: 0;
  transform: translate3d(-20px, 0, 0) scale(1.2);
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom.in-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/**
 * Slide animations
 */

.slide-up {
  visibility: hidden;
  transform: translate3d(0, 100%, 0);
  transition: transform .6s cubic-bezier(.175,.885,.32,1.075);
}

.slide-down {
  visibility: hidden;
  transform: translate3d(0, -100%, 0);
  transition: transform .6s cubic-bezier(.175,.885,.32,1.075);
}

.slide-left {
  visibility: hidden;
  transform: translate3d(100%, 0, 0);
  transition: transform .6s cubic-bezier(.175,.885,.32,1.075);
}

.slide-right {
  visibility: hidden;
  transform: translate3d(-100%, 0, 0);
  transition: transform .6s cubic-bezier(.175,.885,.32,1.075);
}

.slide.in-animate {
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */

.flip-left {
  backface-visibility: hidden;
  transform: perspective(2500px) rotateY(-100deg);
  transition: transform 1s cubic-bezier(.175,.885,.32,1.275);
}

.flip-right {
  backface-visibility: hidden;
  transform: perspective(2500px) rotateY(100deg);
  transition: transform 1s cubic-bezier(.175,.885,.32,1.275);
}

.flip-up {
  backface-visibility: hidden;
  transform: perspective(2500px) rotateX(-100deg);
  transition: transform 1s cubic-bezier(.175,.885,.32,1.275);
}

.flip-down {
  backface-visibility: hidden;
  transform: perspective(2500px) rotateX(100deg);
  transition: transform 1s cubic-bezier(.175,.885,.32,1.275);
}

.flip.flip-Y.in-animate {
  transform: perspective(2500px) rotateY(0);
}

.flip.flip-X.in-animate {
  transform: perspective(2500px) rotateX(0);
}




@keyframes fade-in { from {opacity:0;} to {opacity:1;} }
@keyframes fade { to {opacity:1; transform:translate(0,0);} }
@keyframes floating { 0%,100% {transform:translateY(0);} 50% {transform:translateY(8px);} }