@charset "utf-8";
/* CSS Document */
*{padding: 0; margin: 0}
input.radio {width:13px;height:13px; vertical-align:top; padding:0px; margin:0px;}
ul,li{padding:0; margin:0; list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0} 
img,fieldset,iframe{border:0 none}
dl,ul,ol,menu,li{list-style:none}
img, input, button, select, textarea {vertical-align:middle;}
button {overflow:visible;margin:0;padding:0;border:none;background:0;vertical-align:middle;cursor:pointer;}
button::-moz-focus-inner,  
input::-moz-focus-inner{border:0;padding:0;}
.blind{display:block;overflow:hidden;*position:absolute;top:0;left:0;width:0;height:0;border:0;background:none;font-size:0;line-height:0;}

/* 모달_유튜브 */
.modal_BG {display:flex; position:fixed; top:0;  right:0;  bottom:0;  left:0;  z-index:999; align-items:center;  justify-content:center;  background-color:rgba(0, 0, 0, 0.5);  box-sizing:border-box;}
.modal_BG .modal_inner {background-color: #000;  border-radius: 1rem;  box-sizing: border-box;  display: flex;  flex-direction: column;    overflow: hidden;  height:420px;   position: relative; width:700PX;}	
.modal_BG .modal_header {flex: 0 0 auto; box-sizing: border-box;  text-align: center; font-size: 1.2rem }	
.modal_BG .modal_header > img{width: 100%}
.modal_BG .modal_content { box-sizing: border-box; max-height:45rem; padding:.5rem;  overflow:hidden; height:420px; width: 700PX;   position: relative;}	
.btn-modal-close {height:5rem; width: 5rem; position: absolute;  right: -0.5rem;  top: -0.5rem;    z-index: 10;}
.modal_BG.youtube >  .modal_inner > .btn-modal-close:after, .modal_BG.youtube >  .modal_inner > .btn-modal-close:before {content: "";  height: 2px; border-bottom: 2px solid #FFF; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px; bottom: 0;  left: 0;  margin: auto;  position: absolute;   top: 0;  width:2rem;}	
.btn-modal-close:before {right: -2px; transform: rotate(45deg);}	
.btn-modal-close:after {right: 0;  transform: rotate(-45deg);}	
i.blind {clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  position: absolute;   width: 1px;}

/* 모달 유튜브 이외 컨텐츠 */
.modal_BG.content >  .modal_inner{ background-color: #FFF; width: 90%; max-width:600PX; height: max-content;  max-height: 600px;}
.modal_BG.content >  .modal_inner > .modal_content{padding: 0; width: 100%; height: 100%; max-width: 600px; max-height: 45rem;}
.modal_BG.content >  .modal_inner > .modal_content > img{width: 100%;}
.modal_BG.content >  .modal_inner > .btn-modal-close:after, .modal_BG.content >  .modal_inner > .btn-modal-close:before {content: "";  height: 2px; border-bottom: 2px solid #000; bottom: 0;  left: 0;  margin: auto;  position: absolute;   top: 0;  width:2rem;}	
@media (max-width: 1024px) {
	.modal_BG .modal_inner {height:360px; width:600PX;}	
	.modal_BG .modal_content {height:360px; width:600PX;  }
}
@media (max-width: 768px) {
	.modal_BG .modal_inner {height:260px; width:450PX;}	
	.modal_BG .modal_content {height:260px; width:450PX;}
}
@media (max-width: 480px) {
	.modal_BG .modal_inner {height:210px; width:350PX;}	
	.modal_BG .modal_content {height:210px; width:350PX;  }
}
@media (max-width: 350px) {
	.modal_BG .modal_inner {height:180px; width:300PX; min-width:300PX;}	
	.modal_BG .modal_content {height:180px; width:300PX; min-width:300PX; }
}

/* 카카오 문의하기*/
.kakao_btn{display:block;position: fixed; right:25px;  width:80px; bottom:86px; z-index:999;}

/* 하단 바*/
.Bar_container {z-index:900; position: fixed;    left: 0;    bottom: 0;    width: 100%;   max-height:100px; height:max-content;    background: #000; border-top: 1px solid #b8b8b8}

.Bar_inner{display:flex; justify-content: center; width: 100%; margin: 0 auto;padding: 0px 10px;box-sizing: border-box;position:relative; max-width:800px; height:auto; margin:0 auto; text-align: center}

.Bar_txt{  margin-left: 0px; width: 550px; padding-top: 1%}
.Bar_txt img{width:100%; }
.ButtonWrap {width: 226px;  padding-top: 1%; margin-left: 15px; }

/* contents */

.sec01 {background-color: #FFF;position:relative}
.sec02 {background: #F54F3F;
background: linear-gradient(0deg,rgba(245, 79, 63, 1) 0%, rgba(215, 30, 9, 1) 100%);}
.sec03 {background-color: #f3f3f3;position:relative}
.sec04 {background-color: #242424;position:relative}
.sec05 {background: #F9C8C8;
background: linear-gradient(330deg,rgba(249, 200, 200, 1) 0%, rgba(248, 230, 233, 1) 100%);}
.sec06 {background-color: #FFF;position:relative}
.sec06.gray{background: #f3f3f3;}
.sec07 {background: #514B4B;
background: linear-gradient(0deg,rgba(81, 75, 75, 1) 0%, rgba(28, 27, 27, 1) 100%);}

.eventimg{position:relative; max-width:900px; height:auto; margin:0 auto;}
.eventimg img{ height:auto;width:100%; margin:0 auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

*, *:before, *:after {box-sizing: inherit;}
.align-left {float: right;margin-left: 20px;}
.align-right {float: right;margin-left: 20px;}
.slide-in {opacity: 0;transition: all .5s;}
.align-left.slide-in {transform: translateY(30%) scale(0.95);}
.align-right.slide-in {transform: translateX(30%) scale(0.95);}.slide-in.active {opacity: 1;transform: translateX(0%) scale(1);}

.eventtopbg {position: relative; height:clamp(553px, 80vw, 880px); width: 100%; overflow: hidden;background: #FF1403;
background: linear-gradient(0deg,rgba(255, 20, 3, 1) 0%, rgba(0, 0, 0, 1) 100%);}


.topimg.pc {position: relative; width: 100%; margin: 0 auto; height: 100%;  aspect-ratio: 1224 / 880; overflow: hidden;}
.topimg.mobile{ display: none}

/* 불꽃 배경 */
.topimg-bg {position: absolute; z-index: 1; top: -8%; left: -8%; width: 116%; height: 116%;  background-image: url("../images/hero-bg.jpg"); background-repeat: no-repeat;    background-position: center center;   background-size: cover;    animation: fireMove 8s ease-in-out infinite alternate;}

@keyframes fireMove {
    0% {
        transform: translate3d(-3%, 1%, 0) scale(1.05);
    }
    50% {
        transform: translate3d(0%, -1%, 0) scale(1.08);
    }
    100% {
        transform: translate3d(3%, 0%, 0) scale(1.1);
    }
}


.topimg-content {position: absolute; z-index: 5; inset: 0; width: 100%; max-width: 1223px; margin:0 auto;  height: 100%;}
.topimg-ranking {position: absolute; top:clamp(33px, 5.1vw, 53px);left: 50%; width: 65%; max-width: 668px;  transform: translateX(-50%);  z-index: 10;}
.topimg-person {position: absolute; left:-1.5%;  bottom: 0;  width: 57%; max-width: 644px;   z-index:5;    animation: personImpact 1.15s cubic-bezier(.18,.88,.32,1.25) both;
    animation-delay: .15s;}
.topimg-logo {position: absolute; right:0%;  top:clamp(250px, 39vw, 397px); width: 70.5%;  max-width: 859px;   z-index:4;   animation: logoImpact 1.05s cubic-bezier(.18,.88,.32,1.25) both;
    animation-delay: .38s;}
.topimg-text {position: absolute;  left: 50%;  top:clamp(140px, 21vw, 225px);  width:53.9%;  max-width: 659px;   transform: translateX(-50%);  z-index: 7;   animation: textPop .65s cubic-bezier(.17,.89,.32,1.35) both;
    animation-delay: .85s;}
.topimg-content::after {content: "";  position: absolute;  left: 50%;  top: 50%;  width: 10%; aspect-ratio: 1;   border-radius: 50%; background:#ff3a09;  transform: translate(-50%, -50%) scale(0);
    opacity: 0;    z-index:3;    pointer-events: none;    animation: impactFlash 1.2s ease-out both;   animation-delay: .62s;}
.eventimg img{ height:auto;width:100%; margin:0 auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
@keyframes textPop {
    0% {
        opacity: 0;

        transform:
            translateX(-50%)
            scale(.65);

        filter: blur(5px);
    }
    60% {
        opacity: 1;

        transform:
            translateX(-50%)
            scale(1.08);

        filter: blur(0);
    }
    80% {
        transform:
            translateX(-50%)
            scale(.96);
    }
    100% {
        opacity: 1;

        transform:
            translateX(-50%)
            scale(1);
    }
}
@keyframes personImpact {
    /* 시작 */
    0% {
        opacity: 0;

        transform:
            translate3d(-110%, 0, 0)
            scale(0.92);

        filter:
            blur(4px)
            drop-shadow(0 0 0 rgba(255, 40, 40, 0));
    }
    /* 빠르게 진입 */
    55% {
        opacity: 1;

        transform:
            translate3d(2%, 0, 0)
            scale(1.04);

        filter:
            blur(0)
            drop-shadow(0 0 25px rgba(255, 40, 40, .45));
    }

   /* 탕! 하고 살짝 튕김 */
    68% {
        transform:
            translate3d(-1%, 0, 0)
            scale(.985);

        filter:
            drop-shadow(0 0 12px rgba(255, 40, 40, .3));
    }
    /* 다시 자리 */
    82% {
        transform:
            translate3d(0.5%, 0, 0)
            scale(1.015);
    }
   100% {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);

        filter:
            blur(0)
            drop-shadow(0 0 0 rgba(255, 40, 40, 0));
    }
}
@keyframes logoImpact {
    /* 오른쪽에서 대기 */
    0% {
        opacity: 0;

        transform:
            translate3d(110%, 0, 0)
            scale(0.9);

        filter:
            blur(4px)
            drop-shadow(0 0 0 rgba(255, 40, 40, 0));
    }
    /* 빠르게 진입 */
    52% {
        opacity: 1;

        transform:
            translate3d(-2%, 0, 0)
            scale(1.05);

        filter:
            blur(0)
            drop-shadow(0 0 30px rgba(255, 40, 40, .55));
    }
    /* 탕! */
    65% {
        transform:
            translate3d(1%, 0, 0)
            scale(.97);

        filter:
            drop-shadow(0 0 15px rgba(255, 40, 40, .35));
    }
    /* 반동 */
    80% {
        transform:
            translate3d(-0.5%, 0, 0)
            scale(1.02);
    }
    100% {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);

        filter:
            blur(0)
            drop-shadow(0 0 0 rgba(255, 40, 40, 0));
    }
}
@keyframes impactFlash {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
        filter: blur(5px);
    }
    10% {
        opacity: .85;
        transform: translate(-50%, -50%) scale(1);
        filter: blur(2px);
    }
    35% {
        opacity: .25;
        transform: translate(-50%, -50%) scale(8);
        filter: blur(15px);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(15);
        filter: blur(30px);
    }
}
/* sec01 */
ul.point-wrap{width:98%; margin:0 auto; }
@media (min-width:1024px){
    ul.point-wrap{ width:100%;}
}
.fade-in {opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.3s ease;}
.fade-in.visible { opacity: 1; transform: translateY(0);}

/*sec002*/
ul.present-wrap{width: 90%; margin:0 auto; display: flex; flex-flow: column; justify-content: center;letter-spacing: -0.05rem;}
ul.present-wrap li:first-child{padding-bottom: 12px;}
ul.present-wrap li:last-child{ padding:0 0 clamp(42px, 12vw, 100px) 0;}
.agree-ck {display: flex; justify-content: center; align-items: center;  gap: clamp(4px, 0.6vw, 8px);  font-size: clamp(12px, 2.0vw, 18px);  line-height: 1.4;}
.agree-ck input[type="checkbox"] {appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin: 0; border: 1px solid #aaa;   border-radius: 3px;  background: #fff;  cursor: pointer;  position: relative;  flex-shrink: 0;}
.agree-ck input[type="checkbox"]:checked {background: #222;  border-color: #222;}
.agree-ck input[type="checkbox"]:checked::after {content: "";  position: absolute;  left: 5px;  top: 2px;  width: 5px;  height: 9px;  border: solid #fff;
    border-width: 0 2px 2px 0; transform: rotate(45deg);}
.agree-ck label {cursor: pointer; color: #FFF}
/* 버튼 */
.btn-down a {display: flex; align-items: center; justify-content: center; width:75%; max-width:580px; min-height: clamp(42px, 12vw, 82px);
    margin: 0 auto; padding: 0 clamp(10px, 3vw, 25px); box-sizing: border-box;  background:#000;  border-radius: clamp(8px, 1.2vw, 12px);  color: #fff; font-size: clamp(15px, 4vw, 30px); font-weight: 700;  line-height: 1;  text-decoration: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.18);}
.btn-down a span {margin-left: clamp(5px, 1vw, 15px);}
.btn-down a span img{ width:clamp(9px, 1.8vw, 18px); vertical-align:middle;}


/* sec_pay */
.sec_pay{	width: 100%; height: fit-content; padding-bottom: clamp(40px, 12vw, 120px);  /*height:clamp(670px, 170vw, 1775px);
	min-height: 100vh;*/
	background:
		url("../images/pay-bg.jpg") center top / cover no-repeat;
	color: #222;}

/* ====== 신청기간 ======= */

.event-period {width: 96%;max-width: 868px;	margin: 0 auto clamp(10px, 2vw, 25px);	background: #fce4e4; padding: clamp(10px, 2vw, 20px) 0;	display: flex; flex-flow: column;  gap: 10px; border-radius: 15px;	text-align: center;}
.deadline > span.dday{ position: relative;	margin-bottom: 12px;	color: #d60303;	font-size: clamp(22px, 4.5vw, 40px); font-weight:900;}
.deadline > span.dday::before, .deadline > span.dday::after{content: ''; position: absolute; width: clamp(26px, 6.0vw, 55px); height:  clamp(26px, 6.0vw, 55px); background-image: url("../images/ico_siren.png"); background-size: cover; top:15%;}
.deadline > span.dday::before{ left: -16%;}
.deadline > span.dday::after{ right:-16%;}

.period-info {display: flex;align-items: center;	justify-content: center;	gap: clamp(8px, 2vw, 20px); letter-spacing: -0.05rem;}
.period-info > div {	display: flex;	align-items: center;	gap: clamp(5px, 1vw, 8px);}
.period-info b {padding:3px clamp(7px, 1.5vw, 11px);	border-radius: 20px;	background: #222;	color: #fff; font-size: clamp(13px, 2.4vw, 24px); 	font-weight: 500;}
.period-info span { font-size: clamp(14px, 2.6vw, 26px); 	font-weight: 500;}


.sec_pay .eventbox1 {position: relative; width: 96%;max-width: 868px; background-color: #FFF;  margin: 0 auto; border-radius:15px;overflow:hidden;}
.sec_pay .eventbox1 ul{ width:100%;}
.sec_pay .eventbox1 ul li{ position:relative; text-align: center}
.sec_pay .eventbox1 ul img{ width: 100%;}
.sec_pay .eventbox1 ul li.benefit{padding: clamp(10px, 2vw, 20px); background: #d71e09;	color: #fff;}
.sec_pay .eventbox1 ul li.benefit h2 {text-align: center;	font-size:  clamp(20px, 4vw, 35px);	font-weight: 800;	letter-spacing:-0.06rem;}
.sec_pay .eventbox1 ul li.benefit h2 small {font-size: clamp(14px, 2.4vw, 22px);	font-weight: 400;}
.sec_pay .eventbox1 ul li.eventbox1-price-wrap {display: flex; gap:1%;align-items:flex-end; width: 98%; max-width: 868px;box-sizing: border-box; margin:0 auto; padding:clamp(13px, 4.5vw, 45px) clamp(12px, 4vw, 50px) clamp(18px, 6vw, 65px);	border-top: 2px solid #cbcbcb;}

/* 금액 */
.sec_pay .eventbox1 .totprice {width:49%;	font-weight: 800;	line-height: 1;	display: flex;	flex-direction: column;	align-items: flex-start;	justify-content: center;	border-top: 0;}
.sec_pay .eventbox1 .totprice .dotbox {display: inline-block;	padding:clamp(5px, 1.8vw, 10px) clamp(12px, 2.4vw, 25px);	border: 1px dashed #ff0000;	border-radius: 50px;	color: #ff0000;	font-size: clamp(14px, 3.5vw, 32px); letter-spacing: -0.05rem;	font-weight: 600;	margin-bottom:clamp(3px, 4vw, 5px);}
.sec_pay .eventbox1 .price-number {display: flex;	align-items: baseline;	white-space: nowrap;}
.sec_pay .eventbox1 .totprice .number {font-size: clamp(32px, 7.5vw, 65px);	color: #ff0000;	letter-spacing: -0.12rem;}
.sec_pay .eventbox1 .totprice .number strong {margin-left: 3px;	color: #ff0000;	font-size: clamp(15px, 5vw, 45px);	font-weight: 700;}

/* 버튼 */
.sec_pay .eventbox1 .price-btn {width: 50%; }
.sec_pay a.btn_preview {background-color: #000000; height:100%; width: 100%;margin: 0; display: flex; justify-content: center; align-items: center; padding: clamp(12px, 3.3vw, 25px) 0; 	border-radius: 12px; box-shadow: 0 5px 10px rgba(0,0,0,.2);	font-weight: 900;	font-size: clamp(18px, 3.8vw, 38px);	color: #fff;	box-sizing: border-box;}
.sec_pay a.btn_preview:hover{background: #FB0200;
background: radial-gradient(circle,rgba(251, 2, 0, 1) 0%, rgba(0, 0, 0, 1) 50%);}

/* sec03 */
.sec03 > .eventimg{position: relative}

/* ===== 커리큘럼 ====== */
.curriculum-box {position: relative;}
.curriculum-more {display: none;}
@media (max-width: 768px) {
    /* 커리큘럼 영역 */
    .curriculum-box {position: relative;}
    .curriculum-wrap {position: relative;  overflow-x: auto;   overflow-y: hidden;  max-height: 390px; -webkit-overflow-scrolling: touch;   touch-action: pan-x pan-y;}
    .curriculum-box::after {
        content: ""; position: absolute;
        left: 0;
        right: 0;
        bottom: 50px;

        height: 100px;

        background: linear-gradient(
            to bottom,
            rgba(255,255,255,0),
            rgba(255,255,255,0.95) 70%,
            #f3f3f3 100%
        );

        pointer-events: none;
        z-index: 5;
    }


    /* 더보기 버튼 */
    .curriculum-more {position: relative;  z-index: 10; display: flex; align-items: center;  justify-content: center;  gap: 5px; width: 100%;  height: 50px;
        border: 0;  background: #f3f3f3;  color: #242424; font-size: 15px;font-weight: 700;  cursor: pointer;}
    .curriculum-more b {width: 8px; padding:2px; line-height: 1;transition: transform .3s ease; transform: rotate(90deg);}
	.curriculum-more b img{width: 100%;}
    /* 펼쳐졌을 때 */
    .curriculum-box.open .curriculum-wrap {max-height: none;    }
    .curriculum-box.open::after {display: none;  }
	.curriculum-box.open .curriculum-more b {transform: rotate(270deg);}
	}

.curriculum-wrap {position: relative; width:96%; margin:0 auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;  touch-action: pan-x pan-y; cursor: grab;}
.curriculum-wrap::-webkit-scrollbar {display: none;}

.curriculum-table {width:100%;  border-collapse: collapse;  table-layout: fixed;  font-size: 15px; letter-spacing: -0.05rem; word-break: keep-all}
.curriculum-table th,
.curriculum-table td {box-sizing: border-box; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;  vertical-align: middle;}
.curriculum-table col {width: calc(1400px / 7);}
.curriculum-table thead th { background: #800203; color: #fff;font-size: clamp(15px, 2.2vw, 20px); font-weight:600;}
.curriculum-table thead .subject-row th {background: #9f9f9f;color: #fff;font-size: clamp(11px, 1.5vw, 14px);font-weight: 500;	line-height: 1.35;	padding: 8px 5px;}
.curriculum-table .date-row td {height: 34px; padding: 5px 3px;   background: #dedede; font-size: clamp(14px, 2.0vw, 18px); font-weight: 500;}
.curriculum-table .content-row td {padding: 12px 9px; background: #fff; vertical-align: top;}
.curriculum-table .content-row td.special {background: #fffed5;}
.curriculum-table .day {display: inline-block;  margin-bottom: 9px;  padding: 3px 12px;  border: 1px solid #f00000;  border-radius: 30px;    color: #ed0000;  font-size: clamp(13px, 1.7vw, 15px); 
    font-weight: 500;  line-height: 1;}
.curriculum-table .content {font-size:clamp(13px, 1.7vw, 15px);   line-height: 1.4;}
.curriculum-table .content b {font-weight: 800;}
.curriculum-table small {display: inline; font-size:clamp(11px, 1.4vw, 12px); }
.curriculum-table .tag {display: inline-block; margin: 2px 2px 2px 0;  padding: 2px 7px;  border-radius: 5px;  color: #fff;  font-size:clamp(11px, 1.4vw, 12px);  font-weight: 700; line-height: 1.3;}
.curriculum-table .tag.green {background: #2baa26;}
.curriculum-table .tag.purple {background: #7923b7;}
.curriculum-table span.blue{color:#0071fc; font-weight: 600}
.curriculum-table .notice-row td { padding: 7px 20px; background: #ffe0e0;  text-align:center;  font-size: clamp(14px, 2.0vw, 18px);}
.curriculum-table .notice-row b {font-weight: 800;}
.curriculum-table .burning-row td {height: 65px; background: #160000;  color: #fff;  text-align: center;}
.burning-row span {margin-right: 15px;    color: #ff4b32;    font-size:clamp(14px, 2.0vw, 18px);    font-weight: 800;}
.burning-row b { font-size:clamp(14px, 2.0vw, 18px); }
.curriculum-table .final-week td {}
.curriculum-table .final-week .dday {background: #fff0d9;}
.curriculum-table .final-week .dday strong { display: inline-block;    margin-top: 7px;    color: #d00000;    font-size: clamp(14px, 2.0vw, 18px);}


/* =========================
   스와이프 안내
========================= */

.curriculum-wrap.dragging {cursor: grabbing;}
.swipe-guide {display: ;  position: absolute;  top: 40%;  left: 50%; z-index:9;  transform: translate(-50%, -40%); width: 12%;  pointer-events: none;    animation: swipeGuide 1.5s ease-in-out infinite;}
.swipe-guide .hand img{max-width: 76px; width: 90%; margin:0 auto; }

@keyframes swipeGuide {
    0%,
    100% {
        transform: translate(-50%, -50%) translateX(-8px);
    }
    50% {
        transform: translate(-50%, -50%) translateX(8px);
    }
}

@media (max-width: 768px) {
	.curriculum-table col {width: calc(1000px / 7);}
    .curriculum-table thead th {font-size: 15px;}
    .curriculum-table .date-row td {font-size: 14px;}
    .curriculum-table .content-row td {padding: 9px 7px;    }
    .curriculum-table .content {font-size: 13px;  line-height: 1.4;}
    .curriculum-table .day { margin-bottom: 5px;  padding: 3px 9px; font-size: 12px;}
    .curriculum-table .tag { font-size: 10px; padding: 2px 5px;}
    .curriculum-table small {font-size: 10px;}
    .curriculum-table .notice-row td {font-size: 13px;}
    .burning-row span,
    .burning-row b {font-size: 14px;}
    .swipe-guide {display: flex;}
}
@media (max-width: 480px) {
	.curriculum-table col {width: calc(800px / 7);}
    .curriculum-table thead th {font-size: 14px;}
    .curriculum-table .date-row td {font-size: 13px;}
    .curriculum-table .content-row td {padding: 8px 6px;    }
    .curriculum-table .content {font-size: 12px;  line-height: 1.4;}
    .curriculum-table .day { margin-bottom: 4px;  padding: 2px 7px; font-size: 11px;}
    .curriculum-table .notice-row td {font-size: 12px;}
	.curriculum-table .burning-row td {height:auto; padding:5px;}
    .burning-row span,
    .burning-row b {font-size: 13px;}
}


.sec03 .btn-down{margin:clamp(16px, 7vw, 50px) auto;}
/* sec04 */
.sec04 > .eventimg{position: relative}
.sec04 .btn-teacher{position: absolute;  top:48.6%; right: 1.8%; width: 18.6%; max-width: 167px;}
.sec04 .btn-teacher img{width: 100%;}
.sec04 .youtube_top{ width:90%; max-width:814px; top:59%;  left: 50%; transform: translate(-50%, 0); position: absolute; height:34.6%;z-index:10}
.sec04 .youtube_top video {display: block; width: 100%;  height: 100%;  object-fit: cover;}

.sec04 .slider_wrap {width: 100%; overflow: hidden; position: relative;}
.slider_wrap ul {display: flex; align-items: center; width: max-content; margin: 0; padding:0px 0px clamp(50px, 20vw, 110px); list-style: none; gap: clamp(10px, 2vw, 30px); animation: slideMove 25s linear infinite;}
.slider_wrap li {flex: 0 0 auto; width: clamp(240px, 45vw, 600px); opacity: .5; transform: scale(.92);  transition:opacity .4s ease, transform .4s ease;}
.slider_wrap li.active {opacity: 1; transform: scale(1);}
.slider_wrap li img {display: block; width: 100%; height: auto;}

/* 무한 롤링 */
@keyframes slideMove {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}
/* sec05 */
.sec05 .eventimg{}
.sec05 .eventimg .promo_gif{ width:90%; max-width:830px; padding: 0 5%; position: relative;}
.sec05 .eventimg .promo_gif video {display: block; width: 100%;  height: 100%;  object-fit: cover;}
/* sec06 */
.sec06 .eventimg .btn_example{position: absolute;top:86%; width:44.6%; max-width: 365px; left: 50%; transform: translate(-50%, 0); z-index: 100}

/* sec07 */
.sec07 .eventimg .btn_review{position: absolute;top:81%; width:44.6%; max-width: 383px; left: 50%; transform: translate(-50%, 0); z-index: 100}


/* sec06 */
.sec06 .step3_gif01{position:absolute; top:16%; left: 6.5%; width:87%; max-width: 784px; }
.sec06 .step3_gif02{position:absolute; top:49.6%; left: 6.5%; width:87%; max-width: 784px;}
.sec06 .step3_gif01 img, .sec06 .step3_gif02 img{width: 100%;}
.sec06 .step3_gif01 video {display: block; width: 100%;  height: 100%;  object-fit: cover;}


/* 유의사항 */
.evt_foot{position:relative; width:100%; margin:0 auto; text-align:left; background-color:#fff; padding-top:60px}
.evt_foot .f_tab{width:90%; max-width: 940px;  margin:0 auto; display: flex; column-gap: .3rem; justify-content:flex-start; align-items: center;  position:relative;}
.evt_foot .f_tab .tab1, .evt_foot .f_tab .tab2{width:40%; max-width:10rem; min-width:7.5rem}
.evt_foot .f_tab .tab1 a, .evt_foot .f_tab .tab2 a{background-color: #a8a8a8; color: #fff; text-align: center; display: block; width: 100%; box-sizing: border-box; padding:.5rem; font-size: 1.25rem; cursor: pointer; border-radius: 25px;font-weight: 700; }
.evt_foot .f_tab a:hover, .evt_foot .f_tab a.selected{background-color: #e15840; color:#fff; }
.evt_foot .footertext {position:relative;box-sizing: border-box; font-size:0.9rem; letter-spacing: -0.03rem; margin:0 auto; max-width:940px; width:90%; padding: 1rem 0 5rem; color:#868686;}
.evt_foot .footertext a{ color:#666;}
.evt_foot .footertext a.link1{ color:#000;}
.evt_foot .footertext .tit{ font-size: clamp(14px, 2.0vw, 18px); word-break: keep-all;  font-weight: 700; display:block; color:#e15840; padding-bottom:5px; border-bottom:1px solid #f0e6e5}
.evt_foot .footertext .tit2{ font-size: clamp(14px, 2.0vw, 18px); word-break: keep-all; font-weight: 700; display:block;color:#e15840; padding-bottom:5px; }
.evt_foot .footertext strong{ font-size:.95rem; color: #2f2f2f;}
.evt_foot .q_list{position:relative; margin:0 auto; width:960px;}
.evt_foot .q_list div.q_txt{ padding-bottom:5px; cursor:pointer;}
.evt_foot .q_list div.a_txt{ font-size:0.9rem; color:#FFF; box-sizing: border-box; padding:5px 30px 15px 30px;}
.evt_foot .q_list div.a_txt a{font-size:0.9rem; color:#57c1e9; text-decoration:underline; }
.evt_foot .f_tab .event_btn{position:relative; margin:10px 0; float:right;}
.evt_foot .footertext table.reward{width:70%; border-collapse: collapse;  table-layout: fixed;  margin-top: 10px; color: #585757;background-color: #fff;}
.evt_foot .footertext table.reward th{text-align: center; padding:8px 3px; background-color: #909090;border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-top:1px solid #d0d0d0;color: #fff;border-right: 1px solid #d0d0d0; word-break: keep-all }
.evt_foot .footertext table.reward td{text-align: center;  padding:8px 3px;  border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0;}

#footer{padding-bottom: 90px;}



@media (max-width: 1024px) {
	.evt_foot .footertext {font-size:0.8rem;}
	.evt_foot .footertext .tit, .evt_foot .footertext strong{font-size:0.85rem;}
	.evt_foot .f_tab .tab1 a, .evt_foot .f_tab .tab2 a{font-size:0.9rem;}
	.kakao_btn{width:75px;  right: 1%;}
	.kakao_btn > a > img{width: 100%; max-width:75px;}
	}

@media (max-width: 768px) {

	.sec02 .slider_wrap1 {padding:0 0 0 9.5%; border: none; top:60.7%; position: absolute; margin: auto 0}
	.sec02 .slider_wrap1 ul{width:90%}
	.sec02 .slider_wrap2 {padding:0 0 0 8.0%; border: none; top:20.7%; position: absolute; margin: auto 0}
	.sec02 .slider_wrap2 ul{width:92%}
	
	.kakao_btn{right:.5%; width:70px;}
	.eventtopbg{display: none}
	.topimg.pc{ display: none}
	.topimg.mobile{ display:block!important;  width: 100%;}
	.topimg.mobile img{width: 100%;}
	

}
@media (max-width: 480px) {
	.evt_foot .footertext table.reward{width:100%;}
	.sec04 .btn-teacher {    top: 48%; }
}
@media (max-width: 360px) {
	.evt_foot .footertext table.reward{width:100%;}
	.sec04 .btn-teacher {    top: 47.5%; }
}


/* 레이어팝업 */
.layer_popup_bg {position: fixed;top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg_black_opacity.png); overflow: hidden; z-index: 997;}
.wrap_layer_popup{top: 50% !important;left: 50% !important; margin: 0 !important; max-height: 90%; transform: translate(-50%, -50%) !important;overflow: visible; width: auto; height: 540px; background: none; z-index: 9999;}
.wrap_layer_popup .layer_cont{display: flex;}
.wrap_layer_popup .bt_layer_close{position: absolute; top: -42px; right: 0; width: 42px;}
.wrap_layer_popup a{display: inline-block;}
.wrap_layer_popup .wrap_close{position: absolute;bottom: 45px;right: 0;height: 30px; padding: 0 30px;background: url(../images/black_70.png) repeat;}
.wrap_layer_popup .wrap_close a{ color: #fff; line-height: 26px; text-decoration: none;}
.wrap_layer_popup .wrap_close img{vertical-align: middle;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}