@charset="euc-kr";

@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansLight';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


/* °øÅë */
#wrapper { overflow: hidden; min-width: 1300px; width: auto; margin: 0 auto; }
#wrapper > div > img { position: relative; left: 50%; transform: translateX(-50%); }
#wrapper > div > .inner { position: relative; width: 1200px; margin: 0 auto; padding: 100px 0; text-align: center; }


/* anchor */
.anchor { position: fixed !important; right: 20px; top: 300px; z-index: 15; }
.anchor * { font-family: "Pretendard"; }
.anchor ul { position: relative; overflow: hidden; margin-top: 10px; }
.anchor ul li a {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 65px;width: 157px;background: #fff;border: 1px solid #ECECED;border-bottom: none;text-align: center;}
.anchor ul li:first-child a { border-radius: 16px 16px 0 0; }
.anchor ul li:last-child a {background: #4c1208;border-bottom: 1px solid #ECECED;border-radius: 0 0 16px 16px;padding-bottom: 2px;}
.anchor ul li:last-child * { color: #fff; }
.anchor ul li a .num {margin: -3px 0 1px 0;font-weight: 900;font-size: 16px;color: #222;}
.anchor ul li a p {font-weight: 500;font-size: 18px;color: #222;line-height: 21px;}
.anchor ul li a p span {display: block;font-weight: 700;color: #1D61FF;}
.anchor > a { display: block; margin-top: 10px; text-align: center; }
.anchor ul li:nth-of-type(1) a.on {background: #ffab4b;}
.anchor ul li:nth-of-type(2) a.on {background: #ff904b;}
.anchor ul li:nth-of-type(3) a.on {background: #ff664b;}
.anchor ul li:nth-of-type(4) a.on {background: #f20000;}
.anchor ul li a.on * { color: #fff; }


/* visual */
.visual {position: relative;background: linear-gradient(to right, #f1e6db 49%, #f7f2ec 50%);}
#wrapper .visual .inner { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
#wrapper .visual .thumb { position: relative; top: 0; left: 50%; transform: translateX(-50%); }
.visual .tit1 { position: absolute; top: 84px; left: 50%; transform: translateX(-50%); }
.visual .tit1 img {position:relative;opacity:0;transform:scaleX(.8) scaleY(1.2);filter:blur(3px);transform-origin:center;transition:.8s .3s cubic-bezier(.19,1,.22,1);max-width: none;}
.visual .tit2 { position: absolute; top: 292px; left: 50%; transform: translateX(-50%); }
.visual .tit2 img { opacity:0; filter: blur(0); transform-origin:center; }
.visual .badge_ img{display: block;position: absolute;top: 84px;left: 168px;opacity:0;transition:.8s 1.3s cubic-bezier(.19,1,.22,1);}
.visual.on .tit1 img { opacity: 1; transform: scale(1); filter: blur(0);}
.visual.on .tit2 img { animation: titShow 0.5s 0.8s cubic-bezier(0, 0.23, 0.41, 1) forwards; }
.visual.on .badge_ img { opacity: 1; }
 
@keyframes titShow{
	0% { opacity:0; transform:scale(.9); filter: blur(3px); }
	60% { opacity:1; transform:scale(1.02); filter: blur(0); }
	100% { opacity:1; transform:scale(1); }
}


/* note_tit */
.note_tit { position: relative; height: 236px; background: #fffbfa; }
.note_tit::after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background: url(img/note_tit.png) no-repeat 50% 0; height: 286px; }
#wrapper .note_tit .inner { padding: 0; height: 100%; }
.note_tit .txt { z-index: 1; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-top: 11px; }
.note_tit .txt p { font-size: 42px; color: #7A3D21; font-family: 'GmarketSansBold'; line-height: 1.2; }
.note_tit.color2 .txt p { color: #F20000; }
.note_tit .txt strong { font-size: 52px; color: #232222; font-family: 'GmarketSansBold'; }


/* note_tit_red */
.note_tit_red {position: relative;height: 236px;background: #d82a2a;}
.note_tit_red::after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background: url(img/note_tit_red.png) no-repeat 50% 0; height: 286px; }
#wrapper .note_tit_red .inner { padding: 0; height: 100%; }
.note_tit_red .txt { z-index: 1; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-top: 11px; }
.note_tit_red .txt p { font-size: 42px; color: #fff; font-family: 'GmarketSansBold'; line-height: 1.2; }
.note_tit_red .txt strong { font-size: 52px; color: #fff; font-family: 'GmarketSansBold'; }


/* reason */
.reason { background: #f6f6f6; }
.reason .inner .tit { margin-bottom: 50px; font-size: 32px; color: #222; font-weight: 700; font-family: "Pretendard"; }
.reason .inner .con { display: flex; align-items: flex-start; justify-content: center; }
.reason .inner .con .con01 { transform: translate(30px, -50px); }
.reason .inner .con .arrow { transform: translate(16px, 153px); }
.reason .inner .con .con02 { transform: translate(-100px, 0px); }
.reason .inner .txt { font-size: 40px; color: #F20000; font-family: 'GmarketSansBold'; line-height: 1; margin-top: -50px; }


/* lineup */
.lineup { background: #fa5c59; }
#wrapper .lineup .inner { width: 1400px; }
.lineup .inner .slide { position: relative; margin-top: 34px; }
.lineup .inner .slide .box { margin: -500px 0 0; }
.lineup .inner .slide .box .swiper-button-prev, .lineup .inner .slide .box .swiper-button-next { background: url(img/lineup_slide_arr.png) no-repeat 0 0 / 100%; width: 30px; height: auto; aspect-ratio: 1 / 1.7; top: 500px; }
.lineup .inner .slide .box .swiper-button-prev { left: 100px; }
.lineup .inner .slide .box .swiper-button-next { right: 100px; transform: scaleX(-1); }
.lineup .inner .slide .box .swiper-button-prev:after, .lineup .inner .slide .box .swiper-button-next:after { display: none; }
.lineup .inner .con { position: relative; margin-top: 60px; }
.lineup .inner .con .circle_box { position: absolute; left: 149px; top: 45px; }
.lineup .inner .con .circle_progress { position: relative; width: 290px; margin: 0 auto; }
.lineup .inner .con .circle_progress svg { width: 100%; height: 100%; transform: rotate(0deg); }
.lineup .inner .con .circle_bg { fill: none; stroke: #EFF3FF; stroke-width: 36; }
.lineup .inner .con .circle_bar { fill: none; stroke: url(#circleGrad); stroke-width: 36; stroke-linecap: round; stroke-dasharray: 0; stroke-dashoffset: 0; }
.lineup .inner .con .circle_center { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; line-height: 1; font-family: "Pretendard"; }
.lineup .inner .con .circle_center .txt1 { font-size: 25px; font-weight: 500; color: #000; margin-top: 8px; }
.lineup .inner .con .circle_center .txt2 { font-size: 38px; font-weight: 700; color: #000; margin-top: 8px; }
.lineup .inner .con .circle_center .txt3 { font-size: 40px; font-weight: 800; color: #fff; letter-spacing: -0.02em; margin-top: 8px; }
.lineup .inner .con .circle_center .txt3 .num { display: inline-block; text-align: center; }
.lineup .inner .con .circle_center .txt3 .star { font-size: 20px; font-weight: 800; color: inherit; position: relative; top: -17px; left: 2px; }


/* todolist */
.todolist { background:#fde8b3; padding:135px 0 40px; }
#wrapper .todolist .inner { padding:0; height:100%; }
.todolist .day { font-size:20px; color:#fff; font-family:'GmarketSansMedium'; position:absolute; top:5px; left:479px; z-index:2; }
.todolist .check_list {display:grid;grid-template-columns:max-content max-content;gap: 48px 40px;background:#ffcb47;width:1195px;height:361px;padding: 70px 120px 30px 120px;border-radius:20px;align-content:center;position:relative;box-sizing:border-box;justify-content: space-between;}
.todolist .check_list::after { display:block; content:''; position:absolute; top:-17px; left:0; right:0; bottom:0; background:url(img/list_bg.png) no-repeat 0 0; }
.todolist .check_list > li { position:relative; z-index:1; }
.todolist .check_list > li > p { position:relative; text-align:left; }
.todolist .check_list > li > p input { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.todolist .check_list > li > p label { display:inline-flex; align-items:center; gap:18px; cursor:pointer; font-family:"Pretendard"; font-size:39px; color:#222; font-weight:700; line-height:1.2; white-space:nowrap; }
.todolist .check_list > li > p label::before {content:"";flex:none;width:40px;height:40px;background:url("img/list_check_off.png") no-repeat center / 100% auto;transition: background .1s ease;}
.todolist .check_list > li > p input:checked + label::before { background-image:url("img/list_check_on.png"); }
.todolist.color2 { background:#ffd98c; }
.todolist.color3 { background:#ffaa5f; }
.todolist.color2 .check_list { background:#ffbb32; }
.todolist.color3 .check_list { background:#ff7d0b; }


/* provision */
.provision { background: #fde8b3; }
#wrapper .provision .inner { padding-bottom: 16px; }
.provision .inner .tit { display: inline-block; position: relative; }
.provision .inner .tit:before { content: ""; display: block; position: absolute; top: -74px; right: -164px; width: 140px; height: 140px; background: url(img/provision_badge.png) 0 0 no-repeat; }
.provision .inner .track { display: flex; width: max-content; will-change: transform; position: relative; right: 50%; transform: translateX(-50%); margin-top: 75px; animation: marqueeLoop 100s linear infinite; }
.provision .inner .rolling { display: flex; gap: 10px; }
.provision .inner .rolling .item { flex: 0 0 auto; }
@keyframes marqueeLoop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


/* compact */
.compact { background: #fde8b3; }
.compact .inner .tit { margin-bottom: 52px; }
.compact .inner .con+.con { margin-top: 30px; }


/* contrast */
.contrast { background: #ffd98c; }
#wrapper .contrast .inner {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;padding: 20px 0 100px;}
.contrast .con { position: relative; }
.contrast .con a { display: block; position: absolute; bottom: 9%; left: 0; right: 0; margin: 0 auto; width: 51%; height: 12%; opacity: 0; border-radius: 40px; }


/* service */
.service { background: #ffaa5f; }
#wrapper .service .inner { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding: 20px 0 100px; }
.service .inner .con { position: relative; width: calc(100% / 2 - 15px); }
.service .inner .btn { margin-top: 30px; }
.service .inner .btn a { display: block; width: 490px; height: 130px; background: url(img/service_btn.png) 0 0 no-repeat; text-indent: -9999px; }


/* bookmark */
.bookmark { background:#fa898b; }
#wrapper .bookmark .inner { padding:108px 0 0; }
.bookmark .book_box { position:relative; padding:0 0 0 1px; }
.bookmark .bg { right:0; }
.bookmark .txt { position:absolute; top:102px; left:139px; text-align:left; }
.bookmark .txt strong { font-family:'GmarketSansBold'; font-size:42px; color:#F20000; line-height:1.4; }
.bookmark .txt p { font-family:'GmarketSansBold'; font-size:30px; color:#222; }
.bookmark .check_list {gap: 27px;display:flex;flex-direction:column;z-index:2;position:absolute;margin-top:30px;}
.bookmark .check_list > li { width:483px; position:relative; z-index:1; }
.bookmark .check_list > li > p {display:flex;align-items:center;gap:11px;position:relative;text-align:left;font-size:24px;font-weight:700;line-height:1;font-family:'GmarketSansBold';color:transparent;background:linear-gradient(to right, #222 0%, #222 50%, #999 50%, #999 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;transition: background-position 2s 0.2s cubic-bezier(0, 0, 0.2, 1);}
.bookmark .check_list > li > p::before {content:"";flex:none;width:30px;height:30px;background:url("img/list_check_off.png") no-repeat center / 100% auto;transform: translate(0, -3px);transition: background .3s ease;}
.bookmark .check_list > li.on > p {background-position:0 0; 0; */}
.bookmark .check_list > li.on > p::before { background-image:url("img/list_check_on.png"); }
.bookmark .obj_box { position:absolute; top:-22px; right:151px; }
.bookmark .obj_box .obj {transform: rotate(-8deg);transform-origin:80% 10%;}
.bookmark .obj_box .obj.on {animation: bookmarkSway 2s ease-in-out 3;}
.bookmark .obj_box .cover { position:absolute; top:43px; right:28px; }
@keyframes bookmarkSway {
	0% {transform: rotate(-8deg);}
	50% {transform: rotate(-3deg);}
	100% {transform: rotate(-8deg);}
}


/* banner */
.banner {background: #3b0900;}


/* lectureList */
#lectureList { width: 1200px; margin: 0 auto; }


/* Çϴܹè³Ê Á¦°Å */
.fix_all_btm_type_banner { display: none; }


/* ------------------------------ animation css ¡é --------------------------------------------- 
animation:60s linear 0s infinite normal forwards running rollingTop1; 
animation:60s linear 0s infinite normal forwards running rollingTop2; 
animation:click 1s ease-in infinite alternate; 
animation:blinker 1s ease-in infinite alternate; 
------------------------------------------------------------------------------------------ */


/* ÇÑÂÊÀ¸·Î È帣´Â ¾Ö´Ï¸ÞÀ̼Ç(top:À§·Î, right:¿À¸¥ÂÊÀ¸·Î) */
@keyframes rollingTop1 {
    0% { transform: translateY(0); }
    50% { transform: translateY(-100%); }
    50.01% { transform: translateY(100%); }
    100% { transform: translateY(0); }
}
@keyframes rollingTop2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-200%); }
}
@keyframes rollingTop3 {
    0% { transform: translateY(-50%); }
    50% { transform: translateY(-150%); }
    50.01% { transform: translateY(50%); }
    100% { transform: translateY(-50%); }
}
@keyframes rollingTop4 {
    0% { transform: translateY(-50%); }
    100% { transform: translateY(-250%); }
}
@keyframes rollingBottom1 {
    0% { transform: translateY(0); }
    50% { transform: translateY(100%); }
    50.01% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
}
@keyframes rollingBottom2 {
    0% { transform: translateY(-200%); }
    100% { transform: translateY(0); }
}
@keyframes rollingRight1 {
    0% { transform: translateX(0); }
    50% { transform: translateX(100%); }
    50.01% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}
@keyframes rollingRight2 {
    0% { transform: translateX(-200%); }
    100% { transform: translateX(0); }
}

/* ¼Õ°¡¶ô Ŭ¸¯ À¯µµ ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes click {
    0% { transform: translate(0,0); }
    100% { transform: translate(10%,10%); }
}

/* À§ ¾Æ·¡ ¶°´Ù´Ï´Â ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes bounce {
    50% { transform: translate(10px,-10px); }
}
@keyframes rotate {
    100% { transform: rotate(1turn); }
}
@keyframes slideInRight {
    0% { opacity: 0; transform: translateX(3000px); }
    100% { opacity: 1; transform: translateX(-50%); }
}
@keyframes twinkle1 {
    0% { opacity: 0.3; transform: scale(0.92); }
    50% { opacity: 1; transform: scale(1.05); }
    100% { opacity: 0.3; transform: scale(0.92); }
}
@keyframes twinkle2 {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    100% { opacity: 0.3; }
}