@charset "UTF-8";


@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
.English_Package * { font-family: 'Noto Sans KR','Spoqa Han Sans', sans-serif; box-sizing:border-box; }
.English_Package .content { position:relative; width:1200px; margin:0 auto; text-align:center; }
.English_Package .con01 { position:relative; width:100%; height:695px; background:#00462e url(https://cdn.kystudy.co.kr/User//Content/images/event/2023/engPack_20231226/images/main_bg_240610.png) no-repeat center;}

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

/* con01 : main */
.con01 .btn01 { position:absolute; top: 70px; left: 270px; overflow: hidden;  animation: fadeIn_up 0.6s 0.6s both; background: #3ddfc0; border-radius: 5px; display: none; }
.con01 .medal_img { position: absolute; top:50px; left: 50%; margin-left: -210px; animation: fadeIn_up 1s 0.2s both; padding: 0; display: none; }

.con01 .sub_title { position: absolute; top: 100px; left: 50%; margin-left: -334px; animation:line 0.6s 0.8s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; overflow:hidden;}
.con01 .main_title { position: absolute; top: 120px; left: 50%; margin-left: -356px; animation: fadeIn_up 1s 1s ease-out both; overflow:hidden;}

.con01 .btn02 { position:absolute; top: 513px; right: 280px; overflow: hidden;  animation: fadeIn_up 0.6s 1.3s both; background: #3ddfc0; border-radius: 5px; z-index: 9;}
.con01 .btn_wrap { position: absolute; top: 480px; left: 50%; margin-left: -350px; overflow:hidden; animation: fadeIn_up 0.6s 1.2s both; }

.con01 .btn03 { position: absolute; top: 1100px; left: 50%; margin-left: -300px; width: 600px; height: 90px; background: #053625; border-radius: 10px; display: block; transition:all .3s;}
.con01 .btn03:hover { background: #000;}

.con01 .deco_L { position: absolute; top: 130px; left: -160px; overflow: hidden; animation: fadeIn 1s 0.6s ease both; padding: 10px; }
.con01 .deco_R { position: absolute; top: 380px; right: -30px; overflow: hidden; animation: fadeIn 1s 1s ease both; padding: 10px; }
.con01 .main_label { position: absolute; top: 100px; right: 50px; overflow: hidden; animation: fadeIn 1s 1s ease both; }

.con01 .main_label02 { position: absolute; top: 500px; right: 430px; width: 100%; overflow: hidden; animation: fadeIn 1s 1.2s ease both; }

@keyframes translatex {
    0% {transform: translateX(0);}
    100% {transform: translateX(10px);}
}
.translate-x {animation: translatex 0.5s infinite alternate; }

.dungdung { animation: moveUpDown 0.5s infinite alternate; }
.dungdung2 { animation: moveUpDown 0.7s infinite alternate; }
.flash { animation: flash 1s ease-in infinite both;}

/* con02 */
.English_Package .con02 {background:#f6f2f3; }
.English_Package .con02 .label { position: absolute; top: 370px; left: 50%; right: -200px; animation: flash 1s ease-in infinite both;}
.English_Package .con02 .con02_title { position: absolute; top: 160px; left: 50%; margin-left: -262px;}


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

@keyframes moveUpDown {
    0% {transform: translateY(0);}
    100% {transform: translateY(10px);}
}

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

.hidden { opacity: 0;}
.view { animation:fadeIn_up .6s ease-out both; }

/* con06 : 패키지 구매 영역 */
.English_Package .con06 { background-color: #dadae8; padding-bottom: 110px;}
.group_div:after { content:""; display:block; clear:both; }
.group_div { margin-bottom:40px; border:2px solid #1e1e1e; }
.group_div li { float:left; width:398px; }
.group_div li:nth-child(2) { float:left; width:400px; }
.group_div li a { position:relative; display:block; height:80px; line-height:80px; font-size:21px; color:#333; letter-spacing:-3px; background:#fff; box-sizing:border-box; border-right:1px solid #31277b; }
.group_div li:last-child a { border-right:none; }
.group_div li a.current { background:#d40006; color:#ffe506; font-weight: 500; }
.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 { height:140px; }
.package_list > li dt { width:185px; height:140px; }
.package_list .apply_section li, .package_list .apply_section li a { width:105px; height:95px; line-height:95px; }
.package_list .apply_section li { margin-left:4px; }
.package_list .apply_section li:first-child a { background:#d40006 !important; }
.package_list .apply_section li:first-child a:hover { background:#9b0004 !important; }
.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; }

/* popup */
.popup{background: #fff; position: absolute;/* width: 540px;*/ top: 150px; left: 195px; box-shadow: 2px 10px 50px 10px rgba(50,50,50,0.8); z-index: 9;} 
.popup .txt{padding: 10px; position: relative; border-top: 1px dashed #ccc; margin-top: 10px;}
.popup .txt span{position: absolute; left: 0px;}
.popup .header {background: #3e3e55; height: 40px; width: 100%;}
.popup .header .title {box-sizing: border-box;  font-weight: bold; font-size: 18px; text-align: center; padding-top: 7px; color: #fff; font-weight: normal;}
.popup .layer_content {overflow-y: auto; overflow-x: hidden; text-align: left; line-height: 23px; padding: 20px; min-width: 300px; min-height: 150px; border: 1px solid #aaa; border-bottom: none; border-top: none; }
.popup .btn_section {padding: 15px 0 0; box-sizing: border-box; height: 40px; text-align: center;  border-top: 1px solid #ddd; margin-top: 30px;}

/* con07 */
.English_Package .con07 { background-color: #28282d; }
.English_Package .con07 ul { position: absolute; top: 280px;}
.English_Package .con07 ul li { float: left; padding-left: 66px;}
.English_Package .con07 ul li:first-child { padding-left: 20px; }
.English_Package .con07 li a img { transition:all .15s; }
.English_Package .con07 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%);}}

/* 패키지 상담신청_무한재수강 추가 20250409 */
.package_list > li dl{width: 1200px; overflow:hidden; margin: 0 auto;}
.package_list .unlimited dd { height:140px; padding:35px 0 0 25px; }
.packageTitle { text-align:center; padding:60px 0 48px;  }
.packageTitle span { font-size:24px; }
.packageTitle h5 { font-size:54px; padding:8px 0 10px; font-weight:bold; letter-spacing:-2px; }
.packageTitle h5 strong { color:#d40006; line-height:1.1; }
.packageTitle p { font-size:20px; }

.package_list .subject_name li { letter-spacing:0; }
.package_list .unlimited { height:auto;}
.package_list .unlimited .package_guide { background:#f6f6f6; padding:20px 30px; text-align:left; border-radius:5px; }
.package_list .unlimited .package_guide strong { padding-bottom:3px; display:block; font-size:18px; }
.package_list .subject_name span { line-height:18px; }