@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
.LIS_Package * { font-family:'Noto Sans KR','Spoqa Han Sans', sans-serif; box-sizing:border-box; }
.LIS_Package .content { position:relative; width:1200px; margin:0 auto; text-align:center; }

/* quick */
.LIS_Package .quick{position: fixed; right: 0; top: 80px; z-index: 100000;}
.LIS_Package .quick li:nth-child(n+2){margin-top: 10px;}

/* con01 : main */
.LIS_Package .con01 { position:relative; width:100%; height:940px; background:#ff6f3c url(https://cdn.kystudy.co.kr/User/Content/images/event/2025/LISPackage_0311/visual.png) no-repeat center;}
.con01 .sub_title li:first-child{ position: absolute; top: 100px; left: 50%; margin-left: -117px; animation: fadeIn_up 0.7s 0.6s both; overflow:hidden; z-index: 5;}
.con01 .sub_title li:nth-child(2) { position: absolute; top: 186px; left: 50%; margin-left: -369px; animation:line 0.7s 1s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; overflow:hidden; }

@keyframes line {
    0% {
        width:0;
    }
    100% {
        width:739px;
    }
}

.con01 .main_title { position: absolute; top: 220px; left: 50%; margin-left: -370px; animation: fadeIn_up 1s 1.4s ease-out both; overflow:hidden;}
.con01 .con_img {position: absolute; top: 620px; left: 50%; margin-left: -400px; animation: fadeIn_up 0.6s 1.6s both;}

/* con02 : 패키지 구매 영역 */
.LIS_Package .con02 { background-color: #feece2; padding: 110px 0; }
.LIS_Package .con02 h2 { padding-bottom: 60px; }
.package_list > li dd { width:1000px; padding:50px 0 0 25px }
.package_list .apply_section { right:5px; top:20px; }
.package_list > li dt strong { font-size:25px; padding-top:15px; }
.package_list > li { border-radius:10px; height:140px; overflow:hidden; }
.package_list > li dt { width:185px; height:140px; }
.package_list .apply_section li, .package_list .apply_section li a { width:140px; height:102px; line-height:102px; }
.package_list .apply_section li:first-child a { background:#d40006; }
.package_list .apply_section li:first-child a:hover { background:#9b0004; }
.package_list .apply_section li:last-child a { background:#777777; }
.package_list .apply_section li:last-child a:hover { background:#333333; }
.package_list .subject_pay { margin-top:8px; }
.package_list .subject_name li { letter-spacing:-1px; }
.package_list .subject_name span{ top:-28px; font-size:13px; color:#333; letter-spacing:0; }
.package_list .subject_pay del { font-size:23px; }
.package_list .subject_pay li strong { font-size:34px; }
.package_list .subject_name li:after { padding:0 10px 0 5px; }

/* evnet : 친구추천 이벤트 */
.event { background-color: #e6efff; position: relative; padding-bottom: 200px;}
.event .btn { position: absolute; bottom: -90px; left: 50%; margin-left: -300px; width: 600px; height: 90px; background: #244cf2; border-radius: 10px; display: block; transition:all .3s;}
.event .btn:hover {background: #000;  }

/* con03 :  혜택 */
.con03 { background-color: #28282d; }
.con03 ul { position: absolute; top: 280px;}
.con03 ul li { float: left; padding-left: 66px;}
.con03 ul li:first-child { padding-left: 20px; }
.con03 li a img { transition:all .15s; }
.con03 li a:hover img {transform:scale(1.05); }

@keyframes fadeIn {0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes fadeIn02 {0%{opacity:.5;} 100%{opacity: 1;}}
@keyframes scale { 0%{opacity: 0; transform: scale(.7);} 100%{opacity: 1; transform: scale(1);}}
@keyframes scale02 { 0%{opacity: 0; transform: scale(1.5);} 100%{opacity: 1; transform: scale(1);}}
@keyframes fadeIn_up {0%{opacity:0; transform: translateY(20%);} 100%{opacity:01; transform: translateY(20%);}}
@keyframes upDown { 0%{transform: translateY(0%);} 50%{transform: translateY(-5%);} 100%{transform: translateY(0%);}}