@charset "UTF-8";
*{margin: 0; padding: 0;}


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

.evt_wp *{font-family: 'Montserrat', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}

/* 상단 */
.evt_wp{position: relative; width: 100%; height: 100%; font-size: 18px; overflow-x: hidden;}
.evt_top{width: 100%; background: #333; text-align: center; color: #fff; font-weight: 900; padding: 0.5em 0; z-index: 3; font-size: 1.2em;}
.evt_top.fix{position: fixed; top:0; left: 0; z-index: 100;}
.mint{color: #00ffe4;}

.evt_wp{position: relative; width: 100%; height: 100%; font-size: 18px;}
.visual{position: relative; background: #ffebf8;}
.visual_typo{padding-top: 5vw;}

.inner{width: 100%; margin: 0 auto; position: relative;}

.sub{background: #ffebf8;}
.con1{background: #f1f1f1; padding-bottom: 7%;}
.con2{background: #efefef; padding-bottom: 25vw; position: relative;}
.con3{background: #ffebf8; padding-bottom: 7%;}
.con4{background: #fff;}
.con5{background: #0b183d; padding: 15vw 0 3vw;}
.con7{background: #efefef; }
.con9{background: #1b140e; position: relative;}

.lecture li{position: relative;}
.lec_btn{position: absolute; left: 3%; bottom: 6%; width: 100%; animation: blink 1s 1.5s infinite;}
.btn{position: absolute; left: 15%; bottom: 22%; width: 70%;}

.up-on-scroll{transition: transform 0.7s, opacity 1.7s;}
.delay{transition-delay:0.3s;}
.delay-2{transition-delay:0.1s;}
.delay-3{transition-delay:0.2s;}
.delay-4{transition-delay:0.3s;}
.delay-5{transition-delay:0.4s;}
.delay-6{transition-delay:0.5s;}

.bg_pr .title{text-align: center; font-size: 25px; font-weight: 900;}
.noti_txt{font-size: 1vw; padding: 3% 4%;}
.blue{color: #ff1e68;}

/* tab*/
.bg_pr{padding: 7% 0;}
.tab_wp{overflow: hidden; width: 99%;  margin: 2% auto; text-align: center;}
.tabs{display: inline-block;width: 45%;text-align: center;padding: 1.5vw 0;border: 1px solid #333;font-size: 3.25vw;cursor: pointer;}
.tabs.active{background: #333; color: #fff; font-weight: 700;}
.tab-content{width: 100%; margin: 0 auto;}

table.pr{margin-top: 30px; border-top: 0; width: 92%; margin: 0 auto;}
table.pr th{background: #ededed; border-right: 1px solid #d5e9e6; text-align: center; padding: 10px;}
table.pr:nth-child(2) tr:nth-child(4) td:first-child{background: #ededed; border-bottom: 1px solid #dedede; text-align: center; padding: 15px;}
table.pr td{border: 1px solid #dedede; border-top: 0; text-align: center; padding: 10px 5px; font-size: 3.6vw}

/* slide */
.swiper-container {padding-top: 0;}
.slider-wp{width: 98%; margin: 0 auto;}
.swiper-container { width:  100%; height:  100%; padding-bottom: 2em;}
.swiper-slide { width: 30%; margin-right: 5px; text-align:  center; font-size:  18px; /* Center slide text vertically */ display:  -webkit-box; display:  -ms-flexbox;  display:  -webkit-flex; display:  flex; -webkit-box-pack:  center; -ms-flex-pack:  center; -webkit-justify-content:  center; justify-content:  center; -webkit-box-align:  center; -ms-flex-align:  center; -webkit-align-items:  center; align-items:  center; }

/* slide 후기 */
.con2.slider{padding-bottom: 7%;}
.con2 .swiper-pagination{bottom: 0; z-index: 2;}
.slider-review{position: relative; width: 92%; margin: 0 auto;}
.swiper-wrapper{margin-bottom: 3%;}
ul.swiper-conts{background: #fff; overflow: hidden; display: block; height: 13.5em; padding: 3%;}
ul.swiper-conts li{float: left; text-align: left;}
ul.swiper-conts li div{font-size: 0.75em;}
ul.swiper-conts li:first-child{width: 30%; padding: 3% 1% 0 0; text-align: center;}
ul.swiper-conts li:first-child img{width: 50%;}
ul.swiper-conts li:last-child{width: 65%; padding-top: 2%;}
.interview_btn{width: 10em; margin-top: 1em}

.con2_2 {background: #efefef; padding-bottom: 10vw; position: relative;}
.con2_2 .btn_review { position: absolute; bottom: 12.7895vw; left: 8vw;}
.btn_review { width: 84.21vw; height: 14.53vw; border-radius: 1.32vw; font-size: 5vw; color: #fff; background: #ff1e68; display: inline-block; text-align: center; line-height: 14.53vw; font-weight: 700;}

/* swiper */
.slider-conts{padding-right: 5%; overflow: hidden; width: 90%; margin-left: 5%;}
.slider-container{height: 17%;}
.slider-conts p{width: 100%;}

@keyframes fade-in-top{0%{transform: translateY(-50px); opacity: 0;}100%{transform: translateY(0); opacity: 1;}}
@keyframes fade-in-bottom{0%{transform: translateY(150px); opacity: 0;}100%{transform: translateY(0); opacity: 1;}}
@keyframes blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}

/* popup */
.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; z-index: 3; word-spacing: 0; overflow-x: hidden;}
.closeX{position: absolute; top: 0.3em; right: -0.2em; width: 1em; line-height: 0.8rem; font-size: 4em; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.pop_wrap{position: relative; background: #fff; width: 80%; margin: 0 auto; padding: 1em; border-radius: 0.3em; border: 0.15em solid #000;}

.pop_conts{overflow-y: auto; margin-bottom: 30%;}
.popup-wrapper .pop_tit{text-align: center; font-size: 0.9em;}
.popup-wrapper .tit{font-weight: 800; font-size: 1.5em; border-bottom: 0.01em solid #000; margin: 0 0 0.5em; padding-bottom: 0.2em; color: #000 !important}

.pop_conts table{table-layout: fixed; word-break: break-all; width: 92%; margin: 1em auto 0;}
.pop_conts table th,
.pop_conts table td{text-align: left; font-size: 1em; color: #555; font-weight: 500;}
.pop_conts table tr:nth-child(4) td{padding-top: 6%;}
.pop_conts table img{ width: 23px; vertical-align: middle;}
.pop_conts table span{margin:0 5px;}

.pop_wrap .btn{position: absolute; bottom: 0; left: 0; width: 100%; margin: 0 auto; background: #e41545; text-align: center; padding: 0.7em 0; color:#fff; font-weight: 900; font-size: 1.5em;}
.pop_conts a{color: #fff; text-decoration: none;}
.btn_view{background: #333; text-align: center; border-radius: 0.2em; padding: 0.8em 1.2em; font-size: 0.7em; position: absolute;}

.popup-wrapper input{width: 90%; border: 0; border-bottom: 0.1em solid #aaa; padding: 0; font-size: 1em; color: #000; font-weight: 600; height: 2.5em; border-radius: 0; margin-bottom: 0.5em;}
.popup-wrapper select{font-size: 1em;}

.popup-wrapper input[type='text'].data{width:35%;}
.popup-wrapper select{padding: 1em; border:1px solid #ccc; }
.popup-wrapper select option{font-size: 0.5em;}
.popup-wrapper button{border:0; cursor: pointer; padding: 0; margin-right: 15px;}

.popup-wrapper textarea,
.popup-wrapper select{border-radius: 0.5em; width: 19em; padding: 0.7em; color: #000; font-size: 0.7em; height: 3em}
.popup-wrapper label{cursor: pointer; font-size: 1em; padding: 0; letter-spacing: -0.1em;}
.popup-wrapper input[type='checkbox']{width: 20px; height: 20px; vertical-align: middle; accent-color: #e41545; margin-right: 5px;}

.popup-wrapper button{background: none;}

.popup-wrapper input:focus,
.popup-wrapper textarea:focus,
.popup-wrapper select:focus{outline: none;}
.popup-wrapper textarea::placeholder{font-size: 13px; color: #ccc;}

/* layer */
.layer-pop{position:fixed; top:0; left:0; display: inline-flex; align-items: center; background:rgba(0,0,0,0.2); width:100%; height:100%; z-index:2;}
.layer-pop .tit{font-size: 1.3em; text-align: center;}
.pop_layer{background: #fff; width: 75%; position: relative; margin: 0 auto; padding: 1em; box-shadow: 0px 0.1em 0.5em 0.3em rgb(0 0 0 / 0.2); border-radius: 0.3em; text-align: left;}
.layer_conts{position: relative; width: 95%; font-size: 1em; overflow-y: auto; line-height: 1.5; height: 18em; margin: 0 auto; padding: 0 2.5%;}
.layer_conts strong{padding-top: 0.5em; display: block; font-weight: 500;}
.layer-pop a{position: absolute; top: 0.5em; right: 0; width: 1em; line-height: 0.8rem; font-size: 3em; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.noti_txt{font-size: 12px;}
.red{color:#e41545;}
.bg_gray{ background: #efefef; margin: 0.5em 0; padding: 1em; text-align: left; font-size: 0.8em; width: 92%;}

/* 20240611 추가 : btn_pakage */
.btn_pakage { position:absolute; bottom:6%; width:100%; display:flex;justify-content:center; gap:10px; }
.btn_pakage li { display:block; width:41.7vw; height:9.7vw; }
.lecture > li { margin-bottom:15px; }
.btn_pakage li a { display:block; width:100%; height:100%; font-size:3.9vw; text-align:center; color:#fff; font-weight:bold; background:#222; border-radius:5px; padding-top:10px; box-sizing:border-box;}
.btn_pakage li:last-child a { background:#0082ff; }
.btn_pakage li a strong { color:#fffc00;}
.sub { padding-bottom: 8vw; }

/* btn */
.btn_pop { width: 84.21vw; height: 14.53vw; border-radius: 1.32vw; font-size: 5vw; color: #222; background: #fff; display: inline-block; text-align: center; line-height: 14.53vw; font-weight: 700;}
.con9 .btn_pop { position: absolute; bottom: 18.7895vw; left: 8vw; }

/* 250602수정 : con_training 추가 */
details { position: relative; line-height: 5vw; padding: 2vw 3vw; margin-bottom: 12vw;}
details summary { border: 1px solid #333; font-size: 4.2vw; font-weight: 600; color: #333; margin: 0 auto; padding: 2.7vw 10vw; cursor: pointer; list-style-type: none; text-align: center; border-radius: 1.3vw; }
summary::-webkit-details-marker { display: none; }
details summary .arrow { position: absolute; right: 15vw; }
details[open] summary .arrow { right: 15vw; }
details[open] summary { padding: 2.7vw 10vw; width: auto; }
details[open] summary .arrow::after { position: absolute; top: 1.5vw; left: 1vw; content: ""; width: 2vw; height: 2vw; border-top: 0.8vw solid #333; border-right: 0.8vw solid #333; transform: rotate(-45deg); }
details summary .arrow::after { position: absolute; top: 0.5vw; left: 1vw; content: ""; width: 2vw; height: 2vw; border-top: 0.8vw solid #333; border-right: 0.8vw solid #333; transform: rotate(135deg); }
details .info {padding: 0 2vw;}
details div p { padding: 0.4vw 0 0 1.4vw; font-weight: 400; color: #333; font-size: 3.5vw; text-align: left; }
details div p:first-child { padding-top: 3vw; }
details div p::before { content: " ·"; margin-left: -10px; padding-right: 5px; }

/* 250619수정 */
.con_training .content { position: relative; }
.con_training .content .btn_white { color: #111; border-radius: 1vw; font-size: 2.8vw; display: inline-block; width: 24vw; height: 6vw; text-align: center; line-height: 6vw; border: 1px solid #111; position: absolute; bottom: 20.5vw; left: 15vw; background: #fff; }
.con_training .allNewTabs { display: flex; margin: 0 auto 4vw; width: 90vw; justify-content: space-around; }
.con_training .allNewTabs li { width: 43vw; height: 12vw; border-radius: 1vw; background: #bbb; cursor: pointer; text-align: center; }
.con_training .allNewTabs li a { color: #fff; font-weight: 700; font-size: 4vw; text-align: center; line-height: 12vw; }
.con_training .allNewTabs li.active { background: #111; }