@charset "utf-8";


/*메인비주얼*/
#main_visual{font-size:0;line-height:0;position:relative;}
#main_visual .bg{width:100%;height:860px;position:relative;}
#main_visual .bg .typo{position:absolute;width:100%;top:50%;text-align:center;transform:translateY(-55.1%);padding-left:54%;z-index:1000;}
#main_visual .bg1{background:url(/img/main/main1.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg2{background:url(/img/main/main2.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg3{background:url(/img/main/main3.jpg) no-repeat center center;background-size:cover;}
#main_visual .bg4{background:url(/img/main/main4.jpg) no-repeat center center;background-size:cover;}

#main_visual ul.slick-dots{position:absolute;top:50%;left:50%;width:320px;text-align:center;transform:translate(-50%, 100px);z-index:11;}
#main_visual ul.slick-dots li{display:inline-block;margin:0 3px;}
#main_visual ul.slick-dots li button{font-size: 0;display: block;height:3px;width:3px;background-color:rgba(255,255,255,0.8);-webkit-transition:all 0.3s; /* Safari */transition: all 0.3s;cursor:pointer;}
#main_visual ul.slick-dots li.slick-active button{width:15px;background-color:rgba(8,183,200,1);}

@media screen and (max-width:1300px) {
#main_visual .bg .typo{padding-left:46%;}
}

@media screen and (max-width:1000px) {
#main_visual .bg{height:600px;}
#main_visual .bg .typo{padding-left:50%;}
#main_visual .bg .typo img{width:400px;}
}
@media screen and (max-width:768px) {
#main_visual .bg{height:450px;}
#main_visual .bg .typo{padding-left:40%;}
#main_visual .bg .typo img{width:300px;}
}

@media screen and (max-width:500px) {
#main_visual .bg{height:250px;}
#main_visual .bg .typo{padding-left:40%;}
#main_visual .bg .typo img{width:170px;}
}


/*교육모집안내*/
#guide{padding:150px 0 150px;}
#guide .title{text-align:center;}
#guide .title .eng{color:#e67a7a;font-size:14.6px;font-weight:800;}
#guide .title h3{color:#222;font-size:60px;font-weight:800;line-height:1.6;}
#guide .title h3 span.dot{font-weight:400;margin:0 -8px;}
#guide .title .exp{color:#555;font-size:18.8px;}

#slick_tab{display:flex;justify-content: center;margin:85px 0;}
#slick_tab li{width:200px;background-color:#f2f2f2;font-size:16.4px;font-weight:500;color:#7d7d7d;line-height:44px;margin:0 8px;text-align:center;border-radius:50px;cursor:pointer;}
#slick_tab li:hover{color:#111;}
#slick_tab li.selected{background-color:#ef4f4f;color:#fff;}

#edu_slick{width:1500px;margin:0 auto;}
#edu_slick .slick_wrap{font-size:0;height:508px;}
#edu_slick .slick_wrap .img{position:relative;display:inline-block;width:50%;height:508px;border-radius:40px;overflow:hidden;vertical-align:top;}
#edu_slick .slick_wrap .img img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);object-fit:cover;}
#edu_slick .slick_wrap .text{display:inline-block;margin-left:6%;width:44%;padding-top:100px;vertical-align:top;}
#edu_slick .slick_wrap .text h4{font-size:42px;color:#222;font-weight:800;}
#edu_slick .slick_wrap .text p{font-size:18.8px;color:#333;line-height:1.9;padding:15px 50px 60px 0;}
#edu_slick .slick_wrap a{display:inline-block;font-size:13.2px;font-weight:400;color:#222;line-height:57px;padding:0 52px 0 27px;border:1px solid #333;border-radius:60px;background:url(/img/main/edu_more_arrow.png) no-repeat right 25px center;}
#edu_slick .slick_wrap a:hover{opacity:0.5;}

.slick-list{overflow: visible !important;}
/*
.slick-slide{opacity: 0.6; filter: alpha(opacity:'60'); }
.slick-slide.slick-active{opacity: 1; filter: alpha(opacity:'1'); }

.slick-next{display: block;position:absolute;right:-55px;top:50%;margin-top:-22px;width:31px;height:44px;background:url(/img/main/slick_next.png) ;font-size: 0px;opacity:0.75;cursor:pointer;z-index:1000;}
.slick-next:hover{background-position:0 -44px;opacity:1;}
.slick-prev{display: block;position:absolute;left:-55px;top:50%;margin-top:-22px;width:31px; height:44px;background:url(/img/main/slick_prev.png) ;font-size: 0px;opacity:0.75;cursor:pointer;z-index:1000;}
.slick-prev:hover{background-position:0 -44px;opacity:1;}
ul.slick-dots{position:absolute;left:0;bottom:30px;text-align:center;width:100%;z-index:11;}
ul.slick-dots li{display: inline-block;margin:0 3px;}
ul.slick-dots li button{font-size: 0;display: block;height:12px;width:12px;background:#fff;border-radius:6px;opacity:0.7;-webkit-transition:all 0.3s; transition: all 0.3s;cursor:pointer;}
ul.slick-dots li.slick-active button{width:24px;background:#00ccff;opacity:1;}
*/


@media screen and (max-width:1500px) {
#slick_tab li{width:190px;margin:0 2px;}
}
@media screen and (max-width:1100px) {
#slick_tab{display:none;}

#edu_slick{width:100%;margin-top:90px;}
#edu_slick .slick_wrap{font-size:0;height:auto;}
#edu_slick .slick_wrap .img{display:block;width:100%;height:auto;padding-top:60%;border-radius:0;}
#edu_slick .slick_wrap .text{display:block;margin-left:0;width:100%;text-align:center;padding-top:50px;}
#edu_slick .slick_wrap .text h4{font-size:42px;}
#edu_slick .slick_wrap .text p{font-size:18.8px;color:#333;line-height:1.6;padding:5px 0 35px 0;}
}
@media screen and (max-width:1000px) {
#guide{padding:90px 0 90px;}
#guide .title .eng{font-size:14.6px;}
#guide .title h3{font-size:40px;}
#guide .title h3 span.dot{font-weight:400;margin:0 -8px;}
#guide .title .exp{font-size:17px;line-height:1.6;}

#edu_slick{margin-top:70px;}
#edu_slick .slick_wrap .text{padding-top:40px;}
#edu_slick .slick_wrap .text h4{font-size:38px;}
#edu_slick .slick_wrap .text p{font-size:17.4px;line-height:1.6;padding:5px 0 35px 0;}
}
@media screen and (max-width:600px) {
#guide{padding:50px 0 50px;}
#guide .title .eng{font-size:13.4px;line-height:1.2;}
#guide .title h3{font-size:32px;}
#guide .title h3 span.dot{font-weight:400;margin:0 -8px;}
#guide .title .exp{font-size:15.4px;line-height:1.5;}

#edu_slick{margin-top:30px;}
#edu_slick .slick_wrap .text{padding-top:30px;}
#edu_slick .slick_wrap .text h4{font-size:22px;}
#edu_slick .slick_wrap .text p{font-size:15.4px;line-height:1.5;padding:0px 0 20px 0;}
#edu_slick .slick_wrap a{font-size:12.4px;line-height:42px;padding:0 48px 0 20px;border:1px solid #333;background:url(/img/main/edu_more_arrow.png) no-repeat right 20px center;}
}



/*학원소개*/
#introduction{padding:150px 0 150px;background:url(/img/main/bg_intro.jpg) no-repeat center center;background-size:cover;}

#introduction .title{}
#introduction .title .eng{color:#ff7373;font-size:14.6px;font-weight:800;}
#introduction .title h3{color:#fff;font-size:60px;font-weight:800;line-height:1.6;}
#introduction .title .exp{color:#fff;font-size:18.8px;opacity:0.7;}

#intro_link{display:flex;flex-wrap:wrap;flex-shrink:0;margin-top:200px;}
#intro_link li{width:29%;margin-right:5.5%;}
#intro_link li:nth-child(3){margin-right:0;}
#intro_link li a{display:block;padding:100px 30px 90px 30px;text-align:center;border-radius:30px;overflow:hidden;}
#intro_link li:nth-child(1) a{background-color:rgba(194, 137, 147, 0.75);transition-duration:0.2s;}
#intro_link li:nth-child(2) a{background-color:rgba(98, 98, 98, 0.75);margin-top:-100px;transition-duration:0.2s;}
#intro_link li:nth-child(3) a{background-color:rgba(241, 98, 119, 0.75);transition-duration:0.2s;}
#intro_link li a .icon{}
#intro_link li a h4{font-size:32.4px;font-weight:700;color:#fff;padding:40px 0 15px;}
#intro_link li a p{font-size:17.2px;font-weight:500;color:#fff;line-height:1.5;opacity:0.75;}
#intro_link li:nth-child(1):hover a{background-color:rgba(194, 137, 147, 1);box-shadow:7px 7px 15px rgba(0,0,0,0.5);margin-top:-20px;}
#intro_link li:nth-child(2):hover a{background-color:rgba(98, 98, 98, 1);box-shadow:7px 7px 15px rgba(0,0,0,0.5);margin-top:-80px;transition-duration:0.2s;}
#intro_link li:nth-child(3):hover a{background-color:rgba(241, 98, 119, 1);box-shadow:7px 7px 15px rgba(0,0,0,0.5);margin-top:-20px;transition-duration:0.2s;}


@media screen and (max-width:1300px) {
#intro_link li a{padding:80px 10px 70px 10px;}
#intro_link li{width:30%;margin-right:4%;}
}

@media screen and (max-width:1000px) {
#introduction{padding:90px 0 90px;}

#introduction .title .eng{font-size:14.6px;}
#introduction .title h3{font-size:45px;}
#introduction .title .exp{font-size:17px;line-height:1.6:}


#intro_link{margin-top:160px;}
#intro_link li{width:31%;margin-right:3.5%;}
#intro_link li a{padding:60px 15px 40px 15px;border-radius:20px;}
#intro_link li a .icon img{width:80px;}
#intro_link li a h4{font-size:26px;padding:15px 0 10px;}
#intro_link li a p{font-size:15.4px;line-height:1.5;}
}

@media screen and (max-width:800px) {
#intro_link{margin-top:50px;}
#intro_link li a{padding:40px 20px 30px 20px;border-radius:20px;}
#intro_link li a .icon img{width:80px;}
#intro_link li a h4{font-size:23px;padding:15px 0 5px;}
#intro_link li a p{font-size:15.4px;line-height:1.5;}

#intro_link li:nth-child(1) a{background-color:rgba(194, 137, 147, 0.75);transition-duration:0.2s;}
#intro_link li:nth-child(2) a{background-color:rgba(98, 98, 98, 0.75);margin-top:0;transition-duration:0.2s;}
#intro_link li:nth-child(3) a{background-color:rgba(241, 98, 119, 0.75);transition-duration:0.2s;}
#intro_link li:nth-child(1):hover a{background-color:rgba(194, 137, 147, 1);box-shadow:7px 7px 15px rgba(0,0,0,0.5);margin-top:0;}
#intro_link li:nth-child(2):hover a{background-color:rgba(98, 98, 98, 1);box-shadow:7px 7px 15px rgba(0,0,0,0.5);margin-top:0;transition-duration:0.2s;}
#intro_link li:nth-child(3):hover a{background-color:rgba(241, 98, 119, 1);box-shadow:7px 7px 15px rgba(0,0,0,0.5);margin-top:0;transition-duration:0.2s;}

#intro_link li{width:100%;margin:0 0 15px 0;}
}

@media screen and (max-width:600px) {
#introduction{padding:50px 0 50px;}

#introduction .title .eng{font-size:13.4px;}
#introduction .title h3{font-size:32px;}
#introduction .title .exp{font-size:15.4px;line-height:1.5;}
#introduction .title .exp br{display:none;}

}



/*커뮤니티*/
#community{background-color:#fff;padding:150px 0 150px;}
#community h2{font-size:83px;line-height:1.3;font-weight:700;text-indent:-2px;color:#ff5b5b;}

#community .sub_title{position:relative;margin:80px 0 35px;}
#community .sub_title h3{font-size:28.6px;line-height:1.4;font-weight:700;color:#222;}
#community .sub_title p{font-size:18.8px;line-height:1.4;font-weight:500;color:#555;padding-top:5px;}
#community .sub_title a{display:block;position:absolute;bottom:10px;right:0;}

#community .news_box{display:flex;flex-wrap:wrap;flex-shrink:0;}
#community .news_box .movie{width:46%;margin-right:8%;}
#community .news_box .movie a.movie_box{display:block;height:450px;position:relative;border-radius:30px;overflow:hidden;}
#community .news_box .movie a.movie_box .btn_play{position:absolute;top:50%;left:50%;transform:translate(-50%, -90%);z-index:2;}
#community .news_box .movie a.movie_box .thumbnail{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;z-index:1;}
#community .news_box .movie a.movie_box .subject{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.95);line-height:60px;z-index:3;display:flex;padding:0 25px;}
#community .news_box .movie a.movie_box .subject p{font-size:18.8px;color:#fff;width:calc(100% - 100px);min-width: 0;opacity:0.9;}
#community .news_box .movie a.movie_box .subject span{width:120px;color:#fff;font-size:15px;text-align:right;opacity:0.8;}
#community .news_box .movie a:hover{opacity:0.6;}

#community .news_box .notice{width:46%;}
#community .news_box .notice .notice_list{}
#community .news_box .notice .notice_list li{margin-bottom:21px;}
#community .news_box .notice .notice_list li a{display:flex;flex-shrink:0;background-color:#f5f5f5;padding:42px;border-radius:30px;color:#000;line-height:1.5;}
#community .news_box .notice .notice_list li a p span{display:block;font-size:14.6px;opacity:0.5;}
#community .news_box .notice .notice_list li a p{font-size:20.8px;font-weight:600;width:calc(100% - 90px);min-width: 0;opacity:0.9;}
#community .news_box .notice .notice_list li a>span{width:100px;font-size:15px;text-align:right;opacity:0.5;padding-top:14px;}
#community .news_box .notice .notice_list li a:hover{opacity:0.5;}

#community .news_list ul{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:48px;}
#community .news_list ul li{min-width:100%;}
#community .news_list ul li:hover{opacity:0.6;}
#community .news_list ul li .img{position:relative;padding-top:68%;border-radius:25px;overflow:hidden;}
#community .news_list ul li .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
#community .news_list ul li .subject{font-size:20.8px;font-weight:600;color:#111;line-height:1.5;margin-top:24px;
display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;height: 68px;}
#community .news_list ul li .date{font-size:15px;font-weight:500;color:#666;padding:7px 0 0;}

@media screen and (max-width:1000px) {
#community{padding:80px 0 90px;}
#community h2{font-size:60px;line-height:1.3;font-weight:700;text-indent:-2px;color:#ff5b5b;}

#community .sub_title{margin:50px 0 25px;}
#community .sub_title h3{font-size:24.6px;}
#community .sub_title p{font-size:17.8px;padding-top:5px;}
#community .sub_title a{display:block;position:absolute;bottom:10px;right:0;}
#community .sub_title a img{width:26px;}

#community .news_box .movie{width:100%;margin-right:0;}
#community .news_box .movie a.movie_box{height:auto;padding-top:64.5%;border-radius:25px;}

#community .news_box .notice{width:100%;}
#community .news_box .notice .notice_list li{margin-bottom:21px;}
#community .news_box .notice .notice_list li a{padding:32px;border-radius:20px;}
#community .news_box .notice .notice_list li:last-child{margin-bottom:0;}

#community .news_list ul{grid-template-columns:repeat(2, 1fr);grid-gap:30px 25px;}
#community .news_list ul li .subject{font-size:20px;line-height:30px;height: 60px;}
}

@media screen and (max-width:600px) {
#community{padding:45px 0 40px;}
#community h2{font-size:40px;line-height:36px;text-align:center;}


#community .sub_title{margin:40px 0 25px;padding-right:50px;}
#community .sub_title h3{font-size:21.4px;}
#community .sub_title p{font-size:15.4px;padding-top:3px;}
#community .sub_title a{display:block;position:absolute;bottom:10px;right:0;}
#community .sub_title a img{width:24px;}


#community .news_box .movie a.movie_box{border-radius:15px;}
#community .news_box .movie a.movie_box .btn_play {width:60px;}
#community .news_box .movie a.movie_box .subject{line-height:54px;padding:0 15px;}


#community .news_box .notice .notice_list li{margin-bottom:15px;}
#community .news_box .notice .notice_list li a{padding:20px;border-radius:15px;}
#community .news_box .notice .notice_list li a p span{font-size:13.4px;}
#community .news_box .notice .notice_list li a p{font-size:18.6px;width:calc(100% - 90px);min-width: 0;opacity:0.9;}
#community .news_box .notice .notice_list li a>span{width:80px;font-size:15px;text-align:right;opacity:0.5;padding-top:14px;}


#community .news_list ul{grid-gap:20px 15px;}
#community .news_list ul li .img{border-radius:10px;}
#community .news_list ul li .subject{font-size:18px;line-height:25px;height:50px;}
#community .news_list ul li .date{padding:0px 0 0;}
}


/* 메인 팝업존 */
.popup_zone {width:100%;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:20000}
.popup_zone .kgb {width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:20001}
.popup_zone .popup_wrap {width:460px;border-radius:15px 15px 0 0;transform:translate(-50%,-50%);position:fixed;left:50%;top:50%;z-index:20002;overflow:hidden}
.popup_zone .popup_wrap .pop_slide {height:650px;background: #fff;font-size:0;line-height:0;overflow:hidden;}
.popup_zone .popup_wrap .slide_img {display:inline-block;float:left}
.popup_zone .popup_wrap .slide_img a {display:block}
.popup_zone .popup_wrap .pop_paging {width:67px;line-height:30px;color:#888;border-radius:15px;background-color:#fff;position:absolute;right:12px;top:12px}
.popup_zone .popup_wrap .pop_paging .current {color:#222;font-weight:400}
.popup_zone .popup_wrap .pop_paging .total {}
.popup_zone .popup_wrap .pup_button {display:flex;flex-wrap:nowrap;background-color:#fff;border-radius:0 0 15px 15px;overflow:hidden}
.popup_zone .popup_wrap .pup_button a {width:50%;color:#222;font-size:16px;font-weight:400;line-height:71px}
.popup_zone .popup_wrap .pup_button a:hover {background-color:#f9f9f9}
.popup_zone .popup_wrap .pup_button a.bt_close {}
.popup_zone .popup_wrap .pup_button a.bt_close::before {display:inline-block;float:left;width:1px;height:15px;content:"";background-color:#ccc;position:relative;top:calc(50% - 6px)}
.popup_zone .popup_wrap .pup_button a.bt_today_close {}

/*슬라이드 동그라미 아이콘*/
.popup_zone .slick-dots {display:none !important;}

@media screen and (max-width:960px){
    .popup_zone .popup_wrap .pop_slide {height:650px}
}
@media screen and (max-width:768px){
    .popup_zone .popup_wrap {width:420px}
    .popup_zone .popup_wrap .pop_slide {height: 593px;}
    .popup_zone .popup_wrap .pup_button a {font-size:15px;line-height:58px}
}
@media screen and (max-width:480px){
    .popup_zone .popup_wrap {width:300px;}
    .popup_zone .popup_wrap .pop_slide {height: 425px;}
    .popup_zone .popup_wrap .pup_button a {line-height:54px}
}