﻿@charset "UTF-8";


@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
.event_wrap * { font-family: 'Noto Sans KR','Spoqa Han Sans', sans-serif; box-sizing:border-box; }
.event_wrap .content { position:relative; width:1200px; margin:0 auto; text-align:center; }
.event_wrap .main { position:relative; width:100%; height:710px; background:#d4ccf2 url(https://cdn.kystudy.co.kr/User/Content/images/event/2024/0325/imgs/topBg.png) no-repeat;background-position:calc(50% + 40px) top; }

.event_wrap h2 {padding-top: 110px; }
.event_wrap .pt70 { padding-top: 70px;}
.event_wrap .pt40 { padding-top: 40px;}

/* main : main */
.main p { padding-top: 120px;}

/* con01 */
.con01 {background:#4500c3; padding-bottom: 100px;}
.con01 .info img { padding: 30px 0 ;}
.con01 li { padding-top: 20px; position: relative; }
.con01 li:first-child { padding: 0;}
.con01 li a {  position: absolute; top: 40px; right: 30px; width: 220px; height: 160px; background: #190046; border-radius: 5px; display: block; transition:all .3s; }
.con01 li a:hover { background-color: #000;}
.con01 li:nth-child(n+2) a { top:60px;}
.con01 li .label { position: absolute; top: 30px; right: 500px; transition:all 0.2s; animation: upDown 0.8s ease-in infinite both;}

.con01 li:nth-child(n+2) .label { top:45px}

/* con02 */
.con02 { width:100%; height:1404px; background:#d4ccf2 url(https://cdn.kystudy.co.kr/User/Content/images/event/2024/0325/imgs/sec02_bg.png) no-repeat;}
.con02 h2 { padding-bottom: 80px;}

/* con03 */
.con03 { background: #4500c3; padding-bottom: 100px;}

/* con04 */
.con04 { background: #190046; padding-bottom: 160px; }
.con04 h3 {  padding-top: 60px;}
.con04 li { float: left;}
.con04 li a { width: 360px; height: 64px;  display: block; transition:all .3s; position: absolute;  top:170px; }

.con04 .btn01 a{ background: #00b95c; left: 240px; }
.con04 .btn01 a:hover { background: #26e887;}
.con04 .btn02 a{ background: #fdad00; right: 220px;}
.con04 .btn02 a:hover { background: #fff455;}


@keyframes upDown { 0%{transform: translateY(0%);} 50%{transform: translateY(-8%);} 100%{transform: translateY(0%);}}
