@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; }

/* °øÅë */
#wrapper{overflow:hidden; min-width:1300px; width:auto; margin:0 auto;}
#wrapper > div > .inner{width:1300px; margin:0 auto;}
#wrapper .btn{display:block; text-indent:-9999px;}
#wrapper .center{position:relative; left:50%; transform:translateX(-50%);}


/* visual */
.visual{position:relative; background-color:#6eaaff;}
.visual .inner{position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%); padding-top:195px; text-align: center;}
.visual .inner .tit{position:relative; z-index:10;}
.visual .inner .anchor{display:flex; position:relative; width:745px; height:108px; padding:14px; margin:65px auto 0 auto; background:linear-gradient(90deg,rgba(227, 0, 129, 1) 0%, rgba(30, 0, 255, 1) 100%); border-radius:100px; z-index:10;}
.visual .inner .anchor a{flex:1; display:flex; align-items:center; justify-content:center; height:100%; padding-top:5px; font-family:"GmarketSansBold"; font-size:34px; color:#fff; opacity:.4; transition:font-size .2s, background .5s, color .5s, border-radius .5s, opacity .5s;}
.visual .inner .anchor a:hover{background:#fff; border-radius:100px; font-size:37px; color:#bb009b; opacity:1;}
.visual .inner .light{position:absolute; bottom:-166px; left:50%; margin-left:-706px;}
.visual .inner .object{position:absolute; top:0; left:0; width:100%; height:100%;}
.visual .inner .object .obj{position:absolute; animation: float 2.5s ease-in-out infinite;}
.visual .inner .object .obj1{animation-delay:0s; top:97px; left:116px;}
.visual .inner .object .obj2{animation-delay:.5s; bottom:140px; left:140px;}
.visual .inner .object .obj3{animation-delay:.2s; top:21px; left:602px;}
.visual .inner .object .obj4{animation-delay:.7s; top:134px; right:47px;}
.visual .inner .object .obj5{animation-delay:.9s; bottom:247px; right:87px;}

/* description */
.description{background-color:#e5e5e5;}
.description .inner{position:relative;}
.description .btn{position:absolute; top:509px; left:20px; width:250px; height:61px;}

/* prepare */
.prepare1 .inner{position:relative;}
.prepare1 .teacher{overflow:hidden; position:absolute; bottom:190px; right:30px; height:635px;}
.prepare1 .btn{position:absolute;}
.prepare1 .btn1{top:746px; left:412px; width:250px; height:61px;}
.prepare1 .btn2{bottom:107px; right:56px; width:344px; height:56px;}
.prepare2{padding-bottom:80px; background-color:#1b1a3c;}
.prepare2 .title{margin-bottom:2px;}
.prepare2 .title li{width:432px; height:172px; background:url(img/prepare_tab.png) 0 0 no-repeat; text-indent:-9999px; cursor:pointer;}
.prepare2 .title li:nth-child(1){background-position:0 0;}
.prepare2 .title li:nth-child(2){background-position:-432px 0;}
.prepare2 .title li:nth-child(3){background-position:-866px 0;}
.prepare2 .title li:nth-child(1).swiper-slide-thumb-active{background-position:0 -172px;}
.prepare2 .title li:nth-child(2).swiper-slide-thumb-active{background-position:-432px -172px;}
.prepare2 .title li:nth-child(3).swiper-slide-thumb-active{background-position:-866px -172px;}
.prepare2 .slider li{overflow:hidden;}
.prepare2 .slider li .teacher{position:absolute; top:0; right:-100px; opacity:0; transition:all .5s;}
.prepare2 .slider li.swiper-slide-active .teacher{right:0; opacity:1;}
.prepare2 .slider .btn{position:absolute;}
.prepare2 .slider .btn1{top:370px; left:412px; width:250px; height:61px;}
.prepare2 .slider .btn2{bottom:33px; right:56px; width:344px; height:56px;}
.prepare3{background-color:#eee;}
.prepare3 .inner{position:relative;}
.prepare3 .teacher{overflow:hidden; position:absolute; bottom:190px; right:59px; height:478px;}
.prepare3 .btn{position:absolute;}
.prepare3 .btn1{top:543px; left:763px; width:250px; height:61px;}
.prepare3 .btn2{bottom:107px; right:56px; width:344px; height:56px;}

/* commentary */
.commentary{padding-bottom:80px;}
.commentary .tab{display:flex; justify-content:space-between; margin-bottom:4px;}
.commentary .tab li{width:calc(50% - 2px); height:100px; background-color:#959595; font-family:"GmarketSansMedium"; font-size:42px; line-height:108px; text-align:center;}
.commentary .tab li a{display:block; height:100%; color:#d2d2d2;}
.commentary .tab li.on{background-color:#1f1f2f;}
.commentary .tab li.on a{color:#fff;}
.commentary .tab_con{display:none; background-color:#e6e6e8;}
.commentary .tab_con.active{display:block;}
.commentary .tab_con{display:none; background-color:#e6e6e8;}
.commentary .tab_con.active{display:block;}
.commentary .tab_con .inner{display:flex; justify-content:space-between; padding:40px 74px 80px;}
.commentary .tab_con .inner div{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:500px;}
.commentary .tab_con .inner div:first-child:before{content:""; display:block; position:absolute; top:0; right:-77px; width:2px; height:100%; background-color:#fff;}
.commentary .tab_con .inner div.new:after{content:""; display:block; position:absolute; top:-40px; left:-74px; width:136px; height:136px; background:url(/promotion/lecture/2024/0409_11812/img/new_ico.png) 0 0 no-repeat;}
.commentary .tab_con .inner div p{font-weight:700; font-size:32px; color:#222; line-height:36px; text-align:center;}
.commentary .tab_con .inner div p+img{margin-top:35px;}
.commentary .tab_con .inner div ul{position:absolute; top:153px; left:40px; width:229px;}
.commentary .tab_con .inner div ul li:not(:first-child){margin-top:133px;}
.commentary .tab_con .inner div ul li a{display:block; width:100%; height:52px; background:none; text-indent:-9999px;}
.commentary .tab_con .inner div ul li a:not(:first-child){margin-top:3px;}
.commentary .tab_con .inner div ul li a:last-child{height:61px; margin-top:15px;}

/* banner */
.banner{background:#b5dbff;}


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

/* floating(remove: °­Á ¸®½ºÆ® µµ´Þ ½Ã »ç¶óÁü) */
.floating{position:fixed; top:380px; right:0; z-index:100;}
.floating a{display:block;}
.floating a:last-child{margin-top:-50px;}
.floating a p{text-indent:-9999px;}


@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@keyframes float{
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-12px); }
	100% { transform: translateY(0); }
}