@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); 

.evt_wp *{font-family: 'Pretendard', 'Malgun Gothic', sans-serif; line-height: 1;}
.evt_wp strong, 
.evt_wp b{font-weight: 900;}
.evt_wp i{font-style: normal;}
.evt_top{background:#000;}

.conbox,
.inner{ position: relative; width: 1100px; margin: 0 auto; }


/* 상담 신청 */
.applyBar{position: fixed; bottom:0; background: rgba(28,29,31,0.9); width: 100%; height: 120px; z-index: 1000001; font-size: 18px;}
.apply_box{position: relative; width: 1090px; margin: 0 auto;}
.apply_box p{color: #fff;}
.apply_box .apply_tit{font-weight: 500; padding: 20px 50px 5px 0; border-bottom: 1px solid #555; font-size: 30px; width: fit-content;}
.apply_box .agree{position: absolute; top: 85px; right: 285px; color: #fff; font-weight: 300; cursor: pointer;}
.apply_box .agree a{color: #fff;}
.apply_box .apply_tit span{color: #fffc12;}
.apply_box .info{padding-top: 10px;}
.apply_box .apply_btn{background: #fffc12; text-align: center; font-weight: 700; color: #000; width: fit-content; padding: 12px 40px; border-radius: 3px; display: inline-grid; align-items: center; font-size: 20px; height: 60px;  position: absolute; top: 20px; right: 0;}
.apply_box .apply_btn:hover{background: #ff004e; color: #fffc12;}

.apply_box input[type='text']{width: 180px; height: 40px; margin: 0 20px 0 10px; padding: 20px 10px;}
.apply_box .number{width: 325px !important;}
.apply_box .conts{width: 388px !important;}
.apply_box input[type="checkbox"]{width: 20px; height: 20px;}

/* 퀵배너 */
.quick{position: fixed; top: 35%; right: 0; z-index: 999;}
.quick li {position: relative; text-align: center; color: #109759; font-size: 18px; padding: 15px; font-weight: 600; color: #fff;}
.quick li:hover{color: #ffec33;}
.quick a:first-child li{background: #efefef !important; color: #109759 !important; font-size: 20px; font-weight: 900; border-top-left-radius: 10px; padding-top: 18px;}
.quick a:nth-child(even) li{background: #109759;}
.quick a:nth-child(odd) li{background: #29b072;}
.quick a:last-child li{border-bottom-left-radius: 10px;}

.quick .arrow{background: #109759; position: absolute; top: -10px; left: 70px; width: 22px; height: 22px; border-radius: 50%; animation: updown 0.5s both infinite alternate;}
.quick .arrow::after{position: absolute; left: 7px; top: 5px; content: '';  width: 6px; height: 6px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}

/* visual : main */
.visual_wp{background: #0c9757 url('https://cdn.kystudy.co.kr/User/Content/images/event/2024/0610_English_Literature/images/main_bg.png') no-repeat center 0; background-size: cover; text-align: center;}
.visual_typo{position: absolute; top: 130px; right: -30px}
.con03_label { position: absolute; top: 330px; right: 450px; }
.visual {animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
.sub {animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}

@keyframes slide-bottom{0%{transform:translateY(-100px); opacity: 0;} 100%{transform:translateY(0)}}
@keyframes slide-top{0%{transform:translateY(100px); opacity: 0;} 100%{transform:translateY(0)}}

.tit{position: relative; width: fit-content; margin: 0 auto 50px; font-size: 65px; line-height: 1; text-align: center;}
.tit *:nth-child(2){margin-top: 30px;}
.tit span{display: block; font-size: 30px;}
.tit > span:first-child{margin-bottom: 10px;}
.tit strong{color: #0c9757;}
.tit i{display: block; margin: 8px 0 10px; font-size: 40px; font-weight: 900;}
.tit_no{border: 1px solid #0c9757; width: fit-content; margin: 0 auto 20px; display: grid; align-items: center; text-align: center; padding: 8px 15px; border-radius: 30px; color: #0c9757; font-size: 22px; font-weight: 700;}

#p0 .tit{margin: 0 auto 65px;}
#p0 .tit strong{color: #000;}
#p6 .tit{margin: 0 auto 65px;}
#p6 .tit strong{color: #000;}
#p2 .tit{margin: 0 auto 65px;}
#p2 .tit strong{color: #000;}
#p3 .tit{color: #fff; font-size: 45px;}
#p3 .tit strong{color: #fff; font-size: 65px;}
#p3 .tit .txt_small{color: #fff;}
.pt110 { padding-top: 110px;}

.data_num{font-size: 80px; color: #ffd369; font-weight: 900; display: inline-block; width: 210px;}


/* pop */
.evt_wp .popup-wrapper{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); display: inline-flex; align-items: center;  font-size: 15px; z-index: 3; word-spacing: 0; overflow-x: hidden;}  
.evt_wp .pop_wrap{position: relative; background: #fff; width: 35%; padding: 30px 20px 40px; border-radius: 5px; overflow-y: auto; border: 2px solid #000; margin: 0 auto;}
.pop_wrap .closeX{position: absolute; top: 15px; right: 15px; width: 2rem; line-height: 0.8rem; font-size: 3rem; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.pop_wrap .closeX:hover{color: #ccc;}
 .pop_tit{position: relative; font-weight: 800; font-size: 28px; letter-spacing:-1px; border-bottom:1px solid #000; margin:0 0 10px; padding-bottom:5px; color: #000; line-height: 1.2; text-align: center; color: #2958f1;}
.evt_wp .pop_conts{width: 92%; margin:3px auto 0; letter-spacing: -0.5px; font-size: 20px; line-height: 28px;}
.evt_wp .pop_conts span{color: #777;}

.evt_wp .vod_wrap{position: relative; width: fit-content; border-radius: 5px; margin: 0 auto;}
.vod_wrap .closeX{position: absolute; top: 0; right: -35px; line-height: 0.8rem; font-size: 3rem; cursor: pointer; color: #fff; text-decoration: none;}
.vod_play{background: #000;}

.evt_wp .pop-view{position: absolute; top: 0; left: 0; width: 100%; height: 110px; z-index: 11; background: rgba(0,0,0, 0.9);}

.txt_noti{margin-top: 10px; font-size: 16px !important; line-height: 1.4;}
.txt_small{text-align: center; font-size: 15px !important; padding-top: 20px;}

.con_tit{background: #000; margin-top: 50px; padding: 18px 10px; font-size: 32px; color: #fff; text-align: center; font-weight: 800; border-radius: 10px;}
.con_txt{width: fit-content; margin: 40px auto 0; text-align: center; font-size: 35px;}
.con_txt strong{padding-top: 10px; line-height: 1.5;}
.con_txt span{display: block; font-size: 25px;}

.btn{background: #000; color: #fff; border-radius: 10px; text-align: center; padding: 30px 80px; font-size: 36px; width: fit-content; margin: 60px auto 0; font-weight: 700; display: block;}
.btn:hover{cursor: pointer; background: #0c9757; color: #fff;}

.btn_about{position: absolute; top: 73px; right: 20px;}
.btn_view {position: absolute; top: 413px; left: 50%; margin-left: -235px; background:#095f37; border-radius: 5px; display: block; width: 470px; height: 80px;  }
.btn_view:hover { background:#222; }
.info_04 .btn_detail{position: absolute; top: -73px; right: 190px;}

.vod{overflow: hidden; background: #fff; text-align: center; padding: 30px 0; border-radius: 0 0 10px 10px;}
.vod li{display: inline-block; margin: 0 8px;}
.vod li a img { transition:all .15s; }
.vod li a:hover img {transform:scale(1.05); }

.btn_wp{overflow: hidden; width: fit-content; margin: 0 auto;}
.btn_wp li{display: inline-block; margin-left: 10px;}
.btn_wp li:first-child{margin-left: 0;}

.pop_txt{position: absolute; top: 350px; right: 80px;}

.cw{color: #fff !important;}
.cp{color: #ff004e !important;}
.cb{color: #0c9757;}

* [class^="bg_"] {position: relative; padding: 100px 0;}
.bg_01{background: #fff;}
.bg_02{background: #f3f3f3;}
.bg_03{background: #fff;}
.bg_04{background: #f5f5f5;}
.bg_05{background: #fff;}
.bg_06{background: #fff; position: relative;}
.bg_06 .visual_typo { position: absolute; top: 100px; right: 350px;}
.bg_07{background: #e5ebff;}
.bg_08 {background: #dbffcb; }


.bnr{background: #0f0804 url('https://cdn.kystudy.co.kr/User/Content/images/event/2024/0312/imgs/bg_bnr.png') no-repeat center 0;}

.bg_02 .conbox{background: #fff; border-radius: 10px;}
.bg_02 .con_tit{background: #0c9757;}
.bg_03 .conbox{background: #ebebeb}

.blink{animation: blink 1s infinite;}
.evt_wp .dungdung{animation: dungdung 1s both infinite alternate;}

@keyframes blink{0%{opacity:1} 50%{opacity:.2} 100%{opacity:1}}
@keyframes updown {0%{transform: translateY(-5px);} 100%{transform: translateY(0);}}
@keyframes dungdung {0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}}

/* tab_div */
.inner_1200 { width: 1200px; margin: 0 auto; }
.tab_div { background:#fff; border-radius:10px; padding:50px; text-align: center; }
.tab_div h4 { display:inline-block; font-size:23px; background:url(http://cdn.kystudy.co.kr/User/Content/images/event/2022/itPack_20220125/images/icon_section04.png) no-repeat left 30px; padding:35px 0 0 40px; margin:0 auto; }
.tab_div .tab_design:after { content:""; display:block; clear:both; }
.tab_div .tab_design { border-top:2px solid #111; margin-top:15px; }
.tab_div .tab_design li { float:left; width:33%; height:60px;  }
.tab_div .tab_design li a { display:block; width:100%; height:100%; background:#e6e6f0; color:#777788; font-size:20px; padding-top:18px; border-right:1px solid #adadb7; background:#e6e6f0 url(http://cdn.kystudy.co.kr/User/Content/images/event/2022/itPack_20220125/images/tab_bulletOff.png) no-repeat 240px 16px; box-sizing:border-box;}
.tab_div .tab_design li a.current { background:#7000d9 url(http://cdn.kystudy.co.kr/User/Content/images/event/2022/itPack_20220125/images/tab_bulletOn.png) no-repeat 240px 13px; color:#fff; border-right:0; }
.tab_div .tab_design li:nth-child(2) a { background-position:250px 13px; }
.tab_div .tab_design li:nth-child(3) a { background-position:245px 13px; }
.tab_div .tab_design li:nth-child(2) { width:34%; }
.tab_div .tab_design li:nth-child(3) a { border-right:0; }
 .tab_content { padding:30px 0px 20px 50px; border-bottom:1px solid #adadb7; text-align:left;}
 .tab_content dl { margin-bottom:10px;}
 .tab_content dt:after { content:" | "; display:inline-block; padding:0 10px; color:#adadb7; font-weight:200; }
 .tab_content dt { color:#7000d9; font-weight:500; vertical-align:top; }
 .tab_content dt,
 .tab_content dd { display:inline-block; font-size:18px; max-width: 910px; line-height: 1.4em;}

.tab_div .tab_design.v2 li { float:left; width:275px; height:60px; }
.tab_div .tab_design.v2 li a { display:block; width:100%; height:100%; background:#e6e6f0; color:#777788; font-size:20px; padding-top:18px; border-right:1px solid #adadb7; background:#e6e6f0 url(http://cdn.kystudy.co.kr/User/Content/images/event/2022/itPack_20220125/images/tab_bulletOff.png) no-repeat 180px 13px !important; }
.tab_div .tab_design.v2 li a.current { background:#7000d9 url(http://cdn.kystudy.co.kr/User/Content/images/event/2022/itPack_20220125/images/tab_bulletOn.png) no-repeat 180px 13px !important; color:#fff; border-right:0; }
.tab_div .tab_design.v2 li:last-child a { border-right:0; }
.tab_div .tab_design.v2 li:nth-child(1) a,
.tab_div .tab_design.v2 li:last-child.current {background-position: 207px 13px !important;} 
.tab_div .tab_design.v2 li:nth-child(3) a,
.tab_div .tab_design.v2 li:last-child.current {background-position: 189px 13px !important;} 

.tab_div .college_tab.tab_design li:nth-child(1) a { background-position:255px 13px; }
.tab_div .college_tab.tab_design li:nth-child(2) a { background-position:230px 13px; }
.tab_div .college_tab.tab_design li:nth-child(3) a { background-position:235px 13px; }

/* train */
.train{width: 1354px; margin: 0 auto;}
.info_06{background: #f7b72e; padding: 100px 0;}
.info_03{background: #0c9757 url('https://cdn.kystudy.co.kr/User/Content/images/event/2024/0610_English_Literature/images/bnr_acad_bg.png') no-repeat right; background-size: cover;}
.info_05{background: #0c9757 url('https://cdn.kystudy.co.kr/User/Content/images/event/2024/0610_English_Literature/images/bnr_lec_bg.png') no-repeat center 0; background-size: cover;}

.tit_bg{background: url('https://cdn.kystudy.co.kr/User/Content/images/event/2024/0610_English_Literature/images/title_bg.png') no-repeat center top; background-size: cover;}

/* con01 */
.con01 {background: #f3f3f3; padding-bottom: 100px; }
.scroll_wrap {overflow: hidden; padding-left: 50px; }
.scroll_wrap li { float: left ;}
.scroll_on { text-align: center;opacity: 0; transition: all 0.6s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_wrap .tx01 { padding:120px 0 0 0; }
.scroll_wrap .tx02 { padding:180px 20px 0; transition: all 1.6s }
.scroll_wrap .tx03 { padding:100px 20px 0;}
.wrap2 { padding-top: 30px;}
.wrap2 li:nth-child(3) { padding:60px 20px 0; transition: all 1.6s }
.wrap2 li:nth-child(4) { padding:20px 20px 0;}

/* 합격자 그래프 추가 20250605 */
.passGraph_2025 { background:#00006a; text-align:center; padding:120px 0; }
.passGraph_2025 h2 { margin-bottom:50px;}