@charset="euc-kr";

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

/* °øÅë */
#wrapper{min-width:1300px; width:auto; margin:0 auto; text-align:center;}
#wrapper > div > .inner{width:1200px; margin:0 auto;}


/* visual */
.visual{position:relative; overflow:hidden; background:url(img/visual_bg01.png) center top no-repeat;}
.visual .bg{position:relative; left:50%; transform:translateX(-50%); animation:fade1 ease-in-out infinite 8s;}
.visual .inner{position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; padding-top:100px;}
.visual .inner .tit{margin:63px 0 18px;}
.visual .inner .tit .ani{display:flex; justify-content:center; position:relative; margin-top:27px;}
.visual .inner .tit .ani img{transition-timing-function:cubic-bezier(.175,.885,.32,1.275);}
.visual .inner .tit .ani img:nth-child(2){margin-left:-16px;}
.visual .inner .tit .ani img:nth-child(3){margin-left:35px;}
.visual .inner .tit .ani img:nth-child(4){margin-left:-16px;}
.visual .inner .tit .ani img:nth-child(5){margin-left:3px;}
.visual .inner .tit .ani .light{position:absolute; mix-blend-mode:screen;}
.visual .inner .tit .ani .light1{bottom:-34px; left:136px; animation:fade1 ease-in-out infinite 1.5s;}
.visual .inner .tit .ani .light2{top:-164px; left:335px; animation:fade1 ease-in-out infinite 2s;}
.visual .inner .link{margin-top:45px;}
.visual .inner .btn{width:529px; margin:18px auto 0 auto;}
.visual .inner .btn a{display:flex; align-items:center; justify-content:center; height:120px; padding-top:5px; background:url(img/visual_btn.png) 0 0 no-repeat;}
.visual .inner .btn a span{padding-right:57px; background:url(img/visual_btn_arr.png) right 11px no-repeat; font-family:"GmarketSansBold"; font-size:48px; color:#fff;}
.visual .inner .btn a span b{color:#FFD5AC;}

/* info */
#wrapper > .info{background:#4250F0 url(img/info_confetti.png) center 96px no-repeat;}
#wrapper > .info .inner{padding:100px 0;}
#wrapper > .info .inner .benefit .con{display:flex; justify-content:center; gap:40px; margin-top:50px;}
#wrapper > .info .inner .benefit .con img{box-shadow:0 20px 20px 0 rgba(0, 0, 0, .25); border-radius:80px;}
#wrapper > .info .inner .step{margin-top:120px;}
#wrapper > .info .inner .step .con{margin-top:40px;}
#wrapper > .info .notice_wrap{margin-top:45px;}
#wrapper > .info .notice_wrap > a{display:block; height:70px; background:#000; border-radius:35px;  font-size:28px; color:#fff; line-height:70px;}
#wrapper > .info .notice_wrap > a span{position:relative; padding-right:30px; font-family:"GmarketSansBold";}
#wrapper > .info .notice_wrap > .tit span:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 20px;
    height: 13px;
    background: url(img/notice_arr.png) 0 0 no-repeat;
    transition: transform .5s;
    transform: rotate(0deg);
}

#wrapper > .info .notice_wrap > .tit.on span:before {
    transform: rotate(180deg);
}
#wrapper > .info .notice_wrap .con{position:relative; padding:50px; background:#2F3AC2; border-radius:35px; text-align:left;}
#wrapper > .info .notice_wrap .con ul li{font-size:18px; color:#9DA5FF; line-height:30px;}
#wrapper > .info .notice_wrap .con .btn{position:absolute; bottom:50px; right:50px}

/* banner */
.banner{display:flex; justify-content:center; align-items:center; height:385px; background:#0C0043 url(img/banner_bg.png) center top no-repeat;}

/* consulting */
.consulting{padding-top:100px; background:#FFF6ED;}
.consulting *{font-family:"Pretendard";}
.consulting > .tit{overflow:hidden; height:52px; margin-bottom:30px;}
.consulting .tabs{display:flex; justify-content:center; /*position:sticky; top:0; left:0;*/ background:#04071D; z-index:10;}
.consulting .tabs *{transition:all .5s;}
.consulting .tabs li{position:relative; width:400px; height:100px; font-weight:900; font-size:34px; }
.consulting .tabs li:nth-child(3):before{content:"12¿ù ¿ÀÇ ¿¹Á¤"; display:block; position:absolute; top:0; right:0; width:106px; height:28px; border:1px solid #43475C; border-top:none; border-radius:0 0 4px 4px; font-family:"Pretendard"; font-weight:700; font-size:16px; color:#43475C; line-height:28px;}
.consulting .tabs li:nth-child(3).active:before{background:#fff; border:1px solid #fff; color:#8A27E0;}
.consulting .tabs li a{display:flex; align-items:center; height:100%; color:#43475C;}
.consulting .tabs li a span{display:flex; align-items:center; justify-content:center; width:97px;}
.consulting .tabs li:nth-child(1) a span{color:#4250F0;}
.consulting .tabs li:nth-child(2) a span{color:#7345FF;}
.consulting .tabs li:nth-child(3) a span{color:#8A27E0;}
.consulting .tabs li.active a{color:#fff;}
.consulting .tabs li:nth-child(1).active{background:#4250F0;}
.consulting .tabs li:nth-child(2).active{background:#7345FF;}
.consulting .tabs li:nth-child(3).active{background:#8A27E0;}
.consulting .tabs li.active a span{width:80px; height:100px; margin-right:20px; background:#000; color:#fff; transform:skewY(-13deg) translateY(-9px);}
.consulting .tab-content{padding:80px 0 100px; background:linear-gradient(150deg,rgba(255, 246, 237, 1) 0%, rgba(243, 227, 212, 1) 100%);}
.consulting .tab-content .inner .tit{font-weight:400; font-size:46px; color:#03071D;}
.consulting .tab-content .inner .tit b{font-weight:900;}
.consulting .tab-content#section1 .inner .tit b{color:#4250F0;}
.consulting .tab-content#section2 .inner .tit b{color:#7345FF;}
.consulting .tab-content#section3 .inner .tit b{color:#8A27E0;}
.consulting .tab-content .inner .txt{font-weight:500; font-size:40px; color:#03071d;}
.consulting .tab-content#section2 .inner .txt b{font-weight:700; color:#7345FF;}
.consulting .tab-content#section3 .inner .txt b{color:#8A27E0;}
.consulting .tab-content .inner .txt span{font-weight:700;}
.consulting .tab-content .inner .txt b{font-weight: 900;}
.consulting .tab-content .inner .con{position:relative; margin-top:50px;}
.consulting .tab-content .inner .con.bg:before{content:""; display:block; position:absolute; bottom:-60px; left:50%; transform:translateX(-50%); width:1370px; height:165px; background:url(img/consulting01_02_bg.png) 0 0 no-repeat;}
.consulting .tab-content .inner .con+.txt{margin-top:60px;}
.consulting .tab-content#section3 .inner .con+.txt{margin-top:30px;}
.consulting .tab-content .inner .btn{margin-top:20px;}
.consulting .tab-content .inner .btn+.tit{margin-top:100px;}


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


/* ------------------------------ 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;
------------------------------------------------------------------------------------------ */

@keyframes fade1 {
    0%   { opacity:0; }
    50%  { opacity:1; }
    100% { opacity:0; }
}

/* ÇÑÂÊÀ¸·Î È帣´Â ¾Ö´Ï¸ÞÀ̼Ç(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 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 blinker {
	50%{opacity:0;}
}