*{margin: 0;padding: 0;box-sizing: border-box;}
body.overflow{overflow: hidden;}
#wrapper {padding-top: 100px;transition:all .3s ease-out;}

#header {position: fixed;height: 100px;left: 0;top: 0;width: 100%;z-index: 100;background: #fff;	transition:height .3s ease-out;}
#wrapper.nav-fixed #header{box-shadow:0px 4px 5px 0px rgba(0, 0, 0, .2);height: 80px;}
#wrapper.nav-fixed #header .gnb-layer, #wrapper.nav-fixed #header .gnb-sub-info{top:80px;}
#wrapper.nav-fixed #header #gnb ul ul{top:80px;}


.header-container{display: flex;justify-content:space-between; height: 100%;width: 1360px;margin: 0 auto;}


#header h1{height: 100%;transition:all .3s ease-out;}
#header h1 a{width: 226px;height: 100%;transition:all ease-out .3s;background: url(/new_images/common/logo_head.jpg) 0 center no-repeat;display: block;text-indent:-9999px;}
.header-right{height: 100%;display: flex;align-items:center;gap:0 9px}
.header-right a{height: 36px;border: 1px solid #ccc;border-radius:30px;display: inline-flex;position: relative;align-items: center;padding-left: 9px;padding-right: 15px;gap:5px;font-size: 16px;color:#000;line-height: 21px;}
.header-right a.header-right-register-btn{background: url(/images/renewal/mt_join.png) 0 0 no-repeat;}
.header-right a.header-right-mody-btn{background: url(/images/renewal/mt_mypage.png) 0 0 no-repeat;}
/* .header-right a.header-right-login-btn:before{background: url(/new_images/common/login_icon.jpg) 0 0 no-repeat;content: "";width: 21px;height: 21px;display: block;} */
.header-right a.header-right-logout-btn{background: url(/images/renewal/mt_logout.png) 3px center no-repeat;padding-left: 40px;}
.header-mobile-menu{display: none;}
.header-right a.header-right-login-btn{width: 33px;height: 33px;background: url(/new_images/sub/login.jpg) 0 0 no-repeat;border: none;}


.header-search-wrap{position: fixed;left:0;top:0;height: 100%;background:rgba(26,97,177,0.98);width: 100%;top:-100%;transition:all ease-out .2s;z-index: 1050;padding-top: 200px;top:0;display: none;}
.header-search-wrap.active{}
.header-search-title-box{font-size: 50px;color:#fff;text-align: center;}
.header-search-title-box span{display: block;opacity:.5;font-size: 18px;}

.header-search-input-wrap{max-width:60%;margin: 0 auto;margin-top: 80px;position: relative;border-bottom: 2px solid #fff;}
.header-search-input-wrap .header-search-input{width: calc(100% - 50px);height: 50px;border: none;background: none;color:#fff;font-size: 24px;padding-left: 10px;}
.header-search-input-wrap input[type=image]{position: absolute;right:15px;bottom:15px;}

.header-search-input-wrap .header-search-input::-webkit-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.header-search-input-wrap .header-search-input:-ms-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.header-search-input-wrap .header-search-input::placeholder{color: #fff;opacity:.6;font-weight: 300;}

.header-search-submit{position: absolute;right:35px;bottom:30px;}
.header-search-close{position: absolute;right:50px;top:50px;width: 29px;height: 29px;background: url(/images/comm/search_close.png) 0 0 no-repeat;}




#gnb{z-index: 999;transition:height .3s ease-out;height: 100%;margin-left: 10px}
#gnb ul{transition:height .3s ease-out;display: flex;height: 100%;}
#gnb ul li{height: 100%;}
#gnb ul li a{display: block;font-size: 20px;font-weight:300;padding: 0 15px;line-height:1em;height: 100%;transition:all ease-out .3s;display: flex;align-items:center;}
#gnb>ul>li>a>span{position: relative;display: flex;transition:all .3s ease-out;color:#000;height: 30px;align-items: center;}
#gnb>ul>li>a>span>strong{position: relative;display: block;transition:all .3s ease-out;text-align: center;font-weight: 300;transition:all .2s ease-out;line-height: 1em;padding: 0 15px;}

#gnb>ul>li>a>span>strong:after{transition:all .3s ease-out;content: ""; position: absolute; left: 50%; bottom: -7px; height: 14px; width: 0; background-color: #dafef6; z-index: -1;border-radius:8px;left:0;}
#gnb>ul>li.gnb-active>a>span>strong:after,#gnb>ul>li.hover>a>span>strong:after{left:0; width: 100%; }
#gnb>ul>li.gnb-active>a>span>strong, #gnb>ul>li.hover>a>span>strong{color:#06c; }

#gnb .gnb-sub-div{display: none;}
.gnb-sub-info{position: absolute;background: #36c url(/new_images/common/navi_bg.png) right 27px bottom -15px no-repeat;width: 50%;height: 10px;right:50%;margin-right: 396px;z-index: 200;top:100px;height: 356px;transition:all .3s ease-out;display: flex;justify-content: flex-end;display: none;}
#gnb li.hover .gnb-sub-info{display: flex;}
.gnb-sub-info-title{padding-top: 50px;flex-direction: column;display: flex;color:#fff}
.gnb-sub-info-title strong{font-size: 24px;margin-bottom: 20px;}
.gnb-sub-info-title span{font-size: 14px;opacity: 0.5;}
#gnb-sub-p_intro .gnb-sub-info{display: flex !important;}

.gnb-sub-info-title{width: 279px;}
#gnb ul ul{position:absolute;padding:0;z-index: 99;height:auto;left:0;width: 160px;top:100px;padding:38px 0px; top:100px;transition:all .3s ease-out;display: block;height: 306px;}
#gnb li li{height:auto;}
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:block;font-size:16px;width:auto;transition:all .2s ease-out;padding:0;position:relative;font-weight:300;line-height:1.3em;padding:6px 3px;padding-left: 13px;height: auto;color:#888;}
#gnb li li a:after{display: block;position: absolute;left:0;top:12px;content:"";width: 5px;height: 5px;background: #ddd;transition:all ease-out .2s;opacity:.5;z-index: -1;border-radius:50%;}
#gnb li li a:hover, #gnb li li.gnb-active2 a{ color:#06c !important; }
#gnb li li a:hover:after, #gnb li li.gnb-active2 a:after{background: #06c !important;}

#gnb li.hover li a{color:#666;font-weight:300;}
#gnb li.hover li a:after{background: #aaa;}

#gnb ul #gnb-sub-p_intro ul{left:50%;margin-left: -345px;}
#gnb ul #gnb-sub-p_business ul{left:50%;margin-left: -185px;width: 180px;}
#gnb ul #gnb-sub-p_project ul{left:50%;margin-left: -5px;width: 170px;}
#gnb ul #gnb-sub-p_info ul{left:50%;margin-left: 165px;}
#gnb ul #gnb-sub-p_class ul{left:50%;margin-left: 325px;width: 130px;}
#gnb ul #gnb-sub-p_notice ul{left:50%;margin-left: 455px;}

#gnb ul #gnb-sub-p_intro .gnb-sub-info{background: #36c url(/new_images/common/navi_bg.png) right 27px bottom -15px no-repeat;}
#gnb ul #gnb-sub-p_business .gnb-sub-info{background: #36c url(/new_images/common/navi_bg.png) right 27px bottom -15px no-repeat;}
#gnb ul #gnb-sub-p_project .gnb-sub-info{background: #36c url(/new_images/common/navi_bg.png) right 27px bottom -15px no-repeat;}
#gnb ul #gnb-sub-p_info .gnb-sub-info{background: #36c url(/new_images/common/navi_bg.png) right 27px bottom -15px no-repeat;}
#gnb ul #gnb-sub-p_class .gnb-sub-info{background: #36c url(/new_images/common/navi_bg.png) right 27px bottom -15px no-repeat;}
#gnb ul #gnb-sub-p_notice .gnb-sub-info{background: #36c url(/new_images/common/navi_bg.png) right 27px bottom -15px no-repeat;}


.gnb-layer{position: fixed;left:0px;width: 100%;top:100px;height: 356px;background: #fff;z-index: 50;/* box-shadow:3px 3px 8px rgba(0, 0, 0, .1); */background: #ff725e ;top:100px;background: #fff;border-bottom: 1px solid #e0e0e0;border-left: none;border-right: none;transition:all .3s ease-out;border-top: 1px solid #dbdbdb;display: none;}

.is-sub-page #header:after{content: "";height: 1px;width: 100%;left:0;bottom:0;position: absolute;background: #dbdbdb;}
#wrapper.is-sub-page.nav-fixed #header:after{display: none;}
.is-sub-page .gnb-layer{border-top: none;}


/*Àüü¸Þ´ºº¸±â*/
#mobile-menu-wrap{position:fixed;right:0;top:0;width:340px;height:100%;z-index:9999;background:#fff;right:-340px;overflow:hidden;overflow-y:auto;}
#mobile-menu-wrap.active{box-shadow:0 10px 30px rgba(0, 0, 0, .6);}
#mobile-menu-wrap:before{content: "";position: absolute;left:0;top:0;background: #174572;width: 140px;height: 100%;}
.mobile-menu-bg{position:fixed;content:"";display:block;width:100%;height:100%;background:rgba(0, 0, 0, .7);z-index:9998;left:0;top:0;cursor:pointer;display:none;}
.mobile-menu-header{height: 63px;background:#fff url(/new_images/sub/login_logo.jpg) 8px center no-repeat;padding-left: 70px;border-bottom: 1px solid #dbdbdb;position: relative;z-index: 1;background-size: 50px auto;display: flex;justify-content: space-between;align-items: center;}
.mobile-menu-header a{font-size: 13px;font-weight:300;margin-right: 10px;}
/* .mobile-menu-header a.mobile-logout{color:#999} */
.mobile-menu-header-type1{}
.mobile-menu-header-type2{}

.mobile-menu-logo{height:50px;display:block;padding-left:55px;line-height:50px;color:#fff;font-size:16px;position:relative;background:#5cad85;}

.mobile-menu-logo:after{content:"";display:block;width:33px;height:33px;left:15px;top:8px;position:absolute;border-radius:50%;background:url(/img/mungu_m_04.png) center center no-repeat;border:1px solid #fff;}
/*
.mobile-menu-content ul{padding: 3rem;}
.mobile-menu-content>ul>li{background:url(/images/renewal/common/nav_arr.png) no-repeat right center, #fff !important;}

.mobile-menu-content ul li a{display:block;height:60px;line-height:60px;padding-left:15px;font-size:22px;font-weight:300;}
.mobile-menu-content ul ul{background:#fff;padding:10px 0;display:none;padding-top: 0;}
.mobile-menu-content ul li li{background:none !important;}
.mobile-menu-content ul li li a{display:block;height:40px;line-height:40px;padding-left:40px;font-size:18px;font-weight:300;position:relative;}
.mobile-menu-content ul li li a span{position: relative;}


.mobile-menu-btn{text-indent:-9999px;background: url(/images/common/allmenu_close.jpg) 0 0 no-repeat;background-size: 100% 100%;width: 20px;height: 20px;position: absolute;right:10px;top:20px;margin-right: 0 !important;}

.mobile-menu-content ul li.gnb-mobile-active>a{background:url(/images/renewal/common/nav_btmarr.png) no-repeat right center, #fff !important;}
.mobile-menu-content ul li li.gnb-mobile-active2 a, .mobile-menu-content ul li li a:hover{font-weight:300;color:#1d7fc0}
*/
/* #mobile-menu-wrap{right:0 !important} */
.mobile-menu-content{width: 140px;text-align: left;z-index: 1;}
.mobile-menu-content li{border-bottom: 1px solid #efefef;}
.mobile-menu-content li a{display: block;height: 60px;display: flex;justify-content: center;align-items: center;color:#333;font-weight: 300;font-size: 16px;position: relative;letter-spacing:-1px;background: #174572;color:#fff;}
.mobile-menu-content>ul>li.gnb-mobile-active>a{color:#333;background: #fff;}
/* .mobile-menu-content>ul>li.gnb-mobile-active>a:after{content:"";display: block;position: absolute;width: 6px;height: 6px;background: #2b6dc3;border-radius:50% ;right:10px;top:50%;margin-top: -3px;} */
.mobile-menu-content ul ul{position: absolute;left:140px;top:0px;z-index: 2;display: none;width: calc(100% - 140px);padding: 0 20px;top:63px}
.mobile-menu-content.has-admin-link ul ul{position: absolute;left:139px;top:145px;z-index: 2;display: none;width: 150px;}
.mobile-menu-content>ul>li.gnb-mobile-active>ul{display: block;}
.mobile-menu-content>ul>li.gnb-mobile-active>ul>li.gnb-mobile-active2>ul{display: block;}
.mobile-menu-content>ul>li.gnb-mobile-active>ul>li.gnb-mobile-active2>a{color:#2b6dc3;}
.mobile-menu-content ul ul li{background:#efefef;border-bottom-color: #efefef;}
.mobile-menu-content ul ul li a{font-size: 13px;color:#333;background: #fff;justify-content: flex-start;height: 50px;border-bottom: 1px solid #ddd;position: relative;}
.mobile-menu-content ul ul li a:before{content: "";position: absolute;right:6px;top:50%;transform:translatey(-50%);width: 13px;height: 1px;background: #2c4c7d;}
.mobile-menu-content ul ul li a:after{content: "";position: absolute;right:12px;top:50%;transform:translatey(-50%);width: 1px;height: 13px;background: #2c4c7d;}
.mobile-menu-content ul ul ul{border-top: none;padding: 0px 15px 15px;display: none;}
.mobile-menu-content ul ul ul li a{background: #fff;height: 35px;line-height: 35px;background:#fff url(/images/leftgnb_off.gif) 10px center no-repeat;padding-left: 25px;color:#666;font-size: 14px;}
.mobile-menu-content>ul>li.gnb-mobile-active>ul>li.gnb-mobile-active2>ul>li.gnb-mobile-active3 a{background:#fff url(/images/leftgnb_on.gif) 10px center no-repeat;color:#2b6dc3}

.gnb-mobile-bg{position: absolute;right:0;top:65px;width: 150px;height: 100%;background: #efefef;}


#rightMenuOpenHeader{display: block;width: 65px;height: 65px;background: url(/images/mm.png) center center no-repeat;background-size: 34px auto;position: absolute;right:0;top:50%;margin-top: -32px;display: none;}

.header-search-wrap{position: fixed;left:0;top:0;height: 100%;background:rgba(26,97,177,0.98);width: 100%;top:-100%;transition:all ease-in-out .2s;z-index: 1050;padding-top: 200px;top:0;display: none;}
.header-search-wrap.active{}
.header-search-title-box{font-size: 50px;color:#fff;text-align: center;}
.header-search-title-box span{display: block;opacity:.5;font-size: 18px;}

.header-search-input-wrap{max-width:60%;margin: 0 auto;margin-top: 80px;position: relative;border-bottom: 2px solid #fff;}
.header-search-input-wrap .header-search-input{width: calc(100% - 50px);height: 50px;border: none;background: none;color:#fff;font-size: 24px;padding-left: 10px;}
.header-search-input-wrap input[type=image]{position: absolute;right:15px;bottom:15px;}

.header-search-input-wrap .header-search-input::-webkit-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.header-search-input-wrap .header-search-input:-ms-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.header-search-input-wrap .header-search-input::placeholder{color: #fff;opacity:.6;font-weight: 300;}

.header-search-submit{position: absolute;right:35px;bottom:30px;}
.header-search-close{position: absolute;right:50px;top:50px;width: 29px;height: 29px;background: url(/images/common/search_close.png) 0 0 no-repeat;}

#sub-container{position: relative;display: flex;width: 1350px;margin: 60px auto 0;justify-content: space-between;}
.snb{width: 255px;}
.snb h2{background: #3266cc url(/new_images/common/sub_tit_bg.jpg) right 13px bottom -15px no-repeat;height: 110px;display: flex;align-items: center;padding-left: 30px;color:#fff;font-size: 28px;border-radius:8px 28px 8px 28px}
#snb-p_intro h2{background: #3266cc url(/new_images/common/sub_tit_bg.jpg) right 13px bottom -15px no-repeat;}

#sub-container img{max-width:100%;}
.sub-content-box{width: 1035px;}
#sub-content-body{min-height:500px;}
#sub-content-body.is-wide{}

.snb>ul{margin-top: 18px;}
.snb>ul>li{margin-bottom: 8px;}
.snb>ul>li:last-child{margin-bottom: 0;}
.snb>ul>li>a{display: flex;border: 1px solid #dddddd;border-radius:10px;height: 57px;align-items: center;padding-left: 27px;font-size: 18px;color:#666666;background: #fff;font-weight: 300;}
.snb>ul>li.snb-active>a{background-color: #69c3be;border-color: #69c3be;color:#fff;}
.snb>ul>li.has-ul{background: #f5f5f5;border-radius:10px;}
.snb>ul>li.has-ul>a{background-image: url(/new_images/common/sub_menu_out.jpg);background-position: right 30px center;background-repeat: no-repeat;}
.snb>ul>li.has-ul.snb-active>a{background-image: url(/new_images/common/sub_menu_over.jpg);background-position: right 30px center;background-repeat: no-repeat;}



.snb ul ul{display: none;padding: 25px;}
.snb ul ul a{display: block;position: relative;padding-left: 12px;font-size: 16px;color:#666;padding: 2px 10px 2px 12px;}
.snb ul ul a:before{content: "";position: absolute;left:0;background: #666;width: 6px;height: 2px;top: 50%;transform:translatey(-50%);}
.snb ul ul li.snb-active2 a{color:#000}
.snb ul ul li.snb-active2 a:before{background: #000;}

.sub-content-header-nav{display: flex;align-items: center;}
.sub-content-header-nav a{margin-right: 30px;position: relative;display: block;font-size: 16px;color:#666}
.sub-content-header-nav a:after{content: "";width: 18px;height: 18px;background: url(/new_images/common/sub_more.jpg) center no-repeat;position: absolute;right:-24px;top:50%;transform:translatey(-50%);}
.sub-content-header-nav a:last-child:after{display: none;}
.sub-content-header-nav a:last-child{color:#000;font-weight:300;}
.sub-content-header-nav-home{display: block;width: 18px;height: 18px;background: url(/new_images/common/sub_home.jpg) center no-repeat;text-indent: -9999px;}



.sub-content-header-inner{display: flex;justify-content: space-between;margin-top: 20px;align-items: flex-end;padding-bottom: 30px;border-bottom: 1px dashed #ddd;margin-bottom: 50px;}
.sub-content-header-inner h2{font-size: 38px;line-height: 1em;}
.sub-content-header-inner h2 strong{font-weight: 400;}
.sub-top-sns{display: flex;align-items: center;position: relative;}
.sub-top-sns a{display: block;height: 30px;width: 46px;}
.sub-top-sns1{background: url(/new_images/common/sub_share.jpg) center center no-repeat;}
.sub-top-sns2{background: url(/new_images/common/sub_link.jpg) center center no-repeat;}
.sub-top-sns3{background: url(/new_images/common/sub_print.jpg) center center no-repeat;}

.sns-pop-btn{border:1px solid #ddd;border-radius:10px;position:absolute;right:138px;bottom:-2px;display:none;width: 104px;}
.sns-pop-btn i{content: '';float: left;position: absolute;right: 0;top: 50%;width: 0;height: 0;margin: -6px -6px -6px 0;border: 6px solid transparent;border-left-color: #ddd;border-right: 0;}
.sns-pop-btn i:after{content: '';float: left;position: absolute;right: 0;top: 50%;width: 0;height: 0;margin: -6px 1px;border: 6px solid transparent;border-left-color: #fff;border-right: 0;}
.sns-pop-btn:after{content:""; display:block; clear:both;}
.sns-pop-btn li{float:left;}
.sns-pop-btn li a{display:block;}
.sns-pop-btn li a.sns-facebook-btn{width:34px;height:30px;background:url(/new_images/common/sns_pop_facebook.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-twitter-btn{width:34px;height:30px;background:url(/new_images/common/sns_pop_twitter.png) center center no-repeat;background-size:auto 20px;}
.sns-pop-btn li a.sns-kakao-btn{width:34px;height:30px;background:url(/new_images/common/sns_pop_kakao.png) center center no-repeat;background-size:auto 20px;}






.wide-container-wrap{width: 1035px;margin: 0 auto;}

.sub-header-tab{display: flex;margin-bottom: 50px;background: #fafafa;max-width: 1035px;margin: 0 auto 50px;}
.sub-header-tab li{flex:1 1 100%}
.sub-header-tab li a{display: flex;height:64px;border-bottom: 2px solid #008ddc;align-items: center;justify-content: center;font-weight:300;font-size: 16px;}
.sub-header-tab li.active a{background: #fff;border: 2px solid #008ddc;border-bottom-color: #fff;border-radius:8px 8px 0 0;color:#018dda}

.is-wide .sub-header-tab{margin-top: 60px;}


/* Main */
#main-container{padding-top: 14px;}
.main-content-box{display: flex;gap:60px;width: 1350px;margin: 0 auto;}
.main-content-left{width: 400px;height: 620px;overflow: hidden;}
.main-sns-box{height: 40px;}
.sns-box{display: flex;gap:4px}
.sns-box a{display: block;width: 24px;height: 24px;}
.sns-box a.sns-facebook{background: url(/new_images/common/sns_facebook.jpg) center center no-repeat;}
.sns-box a.sns-blog{background: url(/new_images/common/sns_blog.jpg) center center no-repeat;}
.sns-box a.sns-kakao{background: url(/new_images/common/sns_kakao.jpg) center center no-repeat;}
.sns-box a.sns-youtube{background: url(/new_images/common/sns_youtube.jpg) center center no-repeat;}
.main-content-slide{height: 550px;width: 100%;overflow: hidden;border-radius:0 80px 0 80px}
.main-content-slide .swiper-slide a{display: block;height: 100%;}
.main-content-slide .swiper-slide a img{object-fit:cover;width: 100%;height: 100%;}
.main-content-slide-manage{height: 30px;background: #fff;display: flex;align-items: center;justify-content: flex-end;padding-top: 12px;}
.main-content-slide-manage .swiper-pagination-custom{width: auto;display: flex;align-items: center;line-height: 1em;}
.main-content-slide-manage .swiper-pagination-custom span{font-size: 16px;font-weight:300;color:#000;display: block;position: relative;margin-right: 40px;width: 25px;text-align: center;}
.main-content-slide-manage .swiper-pagination-custom span:after{content: "";width: 4px;height: 4px;background: #797979;border-radius:50%;right:-22px;position: absolute;top:50%;transform:translatey(-50%);}
.main-content-slide-manage .swiper-pagination-custom strong{font-size: 16px;color:#767676;font-weight:300;width: 22px;display: block;width: 25px;text-align: center;}
.main-content-slide-prev{display: block;width: 26px;height: 18px;background: url(/new_images/common/silder_prev.jpg) center no-repeat;margin-right: 20px;}
.main-content-slide-next{display: block;width: 26px;height: 18px;background: url(/new_images/common/silder_next.jpg) center no-repeat;margin-left: 20px;}
.main-content-slide-play{display: block;width: 12px;height: 13px;background: url(/new_images/common/silder_stop.jpg) center no-repeat;margin-left: 20px;}
.main-content-slide-play.active{background: url(/new_images/common/silder_play.jpg) center no-repeat;}
.main-content-right{width: 890px;}
.main-calendar-wrap{height: 180px;}
.main-calendar-header{height: 30px;border-radius:25px 25px 0 0;border: 1px solid #ebebeb;border-bottom: none;width: 200px;position: relative;box-shadow:0px 0px 13px rgba(0, 0, 0, .07);z-index: 1;display: flex;align-items: center;justify-content: center;padding-top: 12px;}
.main-calendar-header:after{content:"";position: absolute;left:0;right:0;bottom:-13px;height: 20px;background: #fff;z-index: -1;}
.main-calendar-header .main-calendar-prev{background: url(/new_images/common/calendar_prev.jpg) 0 0 no-repeat;width: 7px;height: 11px;display: block;}
.main-calendar-header .main-calendar-next{background: url(/new_images/common/calendar_next.jpg) 0 0 no-repeat;width: 7px;height: 11px;display: block;}
.main-calendar-header span{font-size: 18px;font-weight:300;display: flex;align-items: center;margin: 0 14px;}
.main-calendar-header span strong{font-size: 22px;font-weight: 400;width: 95px;text-align: center;}
.main-calendar-body{border: 1px solid #ebebeb;height: 150px;box-shadow:4px 4px 13px rgba(0, 0, 0, .07);border-radius:0 15px 15px 15px;padding: 30px;}
.main-calendar-ul{display: flex;gap:9px;justify-content: center;}
.main-calendar-ul li{display: flex;}
.main-calendar-ul li span{font-size: 13px;color:#666;opacity: .5;position: relative;display: block;width: 16px;text-align: center;}
.main-calendar-ul li span.active{opacity: 1;font-weight:300;cursor:pointer;}
.main-calendar-ul li span.active:after{content: "";position: absolute;left:1px;width: 100%;bottom:-2px;height: 2px;background: #666;}
.main-calendar-ul li span.cr{color:#f66 !important}
.main-calendar-ul li span.cr.active:after{background-color: #f66;}
.main-calendar-ul li span.cb{color:#3399cc !important}
.main-calendar-ul li span.cb.active:after{background-color: #39c;}
.main-calendar-ul li strong{font-weight: 300;}

.main-schedule-box{overflow: hidden;width: 100%;margin-top: 20px;padding: 0 40px;position: relative;}
.schedule-a{display: flex;gap:8px;align-items: center;}
.schedule-date{display: flex;width: 56px;height: 56px;flex:0 0 56px;background: #f6f6f6;border-radius:10px;justify-content: center;align-items: center;flex-direction: column;}
.schedule-date span{color:#999999;font-size: 12px;line-height: 1em;}
.schedule-date strong{color:#333;font-size: 24px;line-height: 1em;margin-bottom: 3px;}
.schedule-a .schedule-info{display: flex;flex-direction: column;}
.schedule-a .schedule-info strong{font-size: 14px;color:#999999;font-weight:300;}
.schedule-a .schedule-info span{font-size: 14px;color:#333;font-weight:300;line-height: 1.2em;letter-spacing:-1px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.schedule-empty{height: 56px;display: flex;align-items: center;justify-content: center;width: 100%;}

.main-schedule-prev{position: absolute;width: 25px;height: 25px;background: url(/new_images/common/calendar_b_prev_active.jpg) 0 0 no-repeat;left:0;top:50%;transform:translatey(-50%);}
.main-schedule-prev.swiper-button-disabled{background: url(/new_images/common/calendar_b_prev.jpg) 0 0 no-repeat;}
.main-schedule-next{position: absolute;width: 25px;height: 25px;background: url(/new_images/common/calendar_b_next_active.jpg) 0 0 no-repeat;right:0;top:50%;transform:translatey(-50%);}
.main-schedule-next.swiper-button-disabled{background: url(/new_images/common/area_arrow.jpg) 0 0 no-repeat;}

.main-schedule-list{overflow: hidden;}
.before-slide .main-schedule-list .swiper-wrapper{gap:25px;}
.before-slide .main-schedule-list .swiper-slide{flex:1 1 25%;}
.before-slide .main-schedule-prev, .before-slide .main-schedule-next{display: none;}


.main-middle-box{margin-top: 45px;display: flex;justify-content: space-between;}
.main-middle-left{display: flex;flex-direction: column;justify-content: space-between;width: 595px;}
.main-center-news{}

.main-latest-header{margin-bottom: 20px;display: flex;justify-content: space-between;align-items: flex-end;padding-right: 50px;position: relative;}
.main-latest-more{position: absolute;right:0;top:50%;transform:translatey(-50%);width: 25px;height: 25px;background: url(/new_images/common/news_more.jpg) right center no-repeat;}

.main-latest-title{height: 30px;line-height: 30px;font-size: 22px;font-weight:300;color:#333;}
.main-latest-tab{text-align: right;margin-top: -5px;}
.main-latest-tab a{margin-left: 20px;font-weight:300;color:#999999;font-size: 14px;display: inline-block;position: relative;padding-bottom: 3px;line-height: 1em;}
.main-latest-tab a.active{color:#000;}
.main-latest-tab a.active:after{content: "";position: absolute;left:-8px;right:-8px;bottom:-5px;height: 13px;background: #ddf4fb;border-radius:8px;z-index: -1;}

.main-latest-list{height: 112px;overflow: hidden;}
.main-latest-list li{margin-bottom: 5px;display: none;}
.main-latest-list li.active{display: block;}
.main-latest-list a{display: block;position: relative;line-height: 24px;padding-left: 60px;padding-right: 65px;}
.main-latest-list a span{position: absolute;left:0;top:0;height: 24px;line-height: 24px;color:#fff;border-radius:30px;display: inline-block;text-align: center;width: 48px;font-size: 12px;color:#fff;}
.main-latest-list a span.latest-label0{background: #55aaff;}
.main-latest-list a span.latest-label1{background: #b37dc6;}
.main-latest-list a span.latest-label2{background: #cc9f67;}
.main-latest-list a span.latest-label3{background: #87b17e;}
.main-latest-list a span.latest-label4{background: #67cc9a;}
.main-latest-list a span.latest-label5{background: #67c1cc;}
.main-latest-list a strong{font-size: 16px;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;color:#333;font-weight:300;}
.main-latest-list a em{font-size: 14px;color:#ccc;position: absolute;right:0;line-height: 24px;top:0;font-style: normal;}

.main-area-news{}
.main-area-title{display: block;height: 30px;line-height: 30px;font-size: 22px;font-weight:300;color:#333;background: url(/new_images/common/news_more.jpg) right center no-repeat;margin-bottom: 18px;}

.main-area-list{display: flex;gap:20px}
.main-area-list li{width: 25%;}
.main-area-list li a{display: block;position: relative;height: 0;padding-top: 108.148%;border-radius:8px;overflow: hidden;}
.main-area-list li img{position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit:cover;}

.main-middle-right{height: 395px;width:236px;}
.main-middle-right-btn{height: 44px;margin-bottom: 20px;background: #4d8af5 url(/new_images/common/bn_bg.jpg) right center no-repeat;border-radius:10px 10px 10px 30px;height: 79px;position: relative;padding-left: 25px;display: flex;flex-direction: column;justify-content: center;color:#fff;margin-bottom: 19px;}
.main-middle-right-btn:after{content: "";position: absolute;right:23px;top:50%;transform:translatey(-50%);background: url(/new_images/common/bn_more.png) center no-repeat;width: 25px;height: 25px;}
.main-middle-right-btn span{display: block;font-size: 14px;font-weight:300;}
.main-middle-right-btn strong{display: block;font-size: 18px;}
.main-banner-wrap{height: 266px;}
.main-banner-slide{width: 100%;height: 100%;overflow: hidden;border-radius:28px 8px 8px 8px}
.main-banner-slide a{display: block;overflow: hidden;width: 100%;height: 100%;}
.main-banner-slide a img{width: 100%;height: 100%;object-fit:cover;vertical-align: top;}

.main-banner-manage{height: 30px;background: #fff;display: flex;align-items: center;justify-content: flex-end;padding-top: 12px;}
.main-banner-manage .swiper-pagination-custom{width: auto;display: flex;align-items: center;line-height: 1em;}
.main-banner-manage .swiper-pagination-custom span{font-size: 16px;font-weight:300;color:#000;display: block;position: relative;margin-right: 40px;width: 25px;text-align: center;}
.main-banner-manage .swiper-pagination-custom span:after{content: "";width: 4px;height: 4px;background: #797979;border-radius:50%;right:-22px;position: absolute;top:50%;transform:translatey(-50%);}
.main-banner-play{display: block;width: 12px;height: 13px;background: url(/new_images/common/silder_stop.jpg) center no-repeat;margin-left: 20px;}
.main-banner-play.active{background: url(/new_images/common/silder_play.jpg) center no-repeat;}


.main-bottom-box{display: flex;gap:44px;height: 150px;border-radius:45px 0 45px 0;background: #eefafe;width: 1350px;margin: 50px auto 0;padding:0 50px;}
.main-email-box{display: flex;width: 410px;height: 150px;flex-direction: column;justify-content: center;}
.main-email-title{}
.main-email-title strong{display: block;font-size: 18px;color:#54aaff;font-weight:300;margin-bottom: 2px;}
.main-email-title span{display: block;font-size: 14px;color:#9fbdd6;font-weight:300;}
.main-email-content{margin-top: 12px;display: flex;justify-content: flex-start;}
.main-email-content input{height: 36px;background: #fff;border: none;width: 216px;padding: 0 15px;}
.main-email-content button{height: 36px;background: #54aaff;color:#fff;border: none;width: 100px;text-align: center;}
.main-quick-box{display: flex;gap:60px;height: 100%;align-items: center;}
.main-quick-box a{display: flex;width: 240px;flex-direction: column;}
.main-quick-box a.main-quick1{background: url(/new_images/common/main_quick_bg1.jpg) right 30px center no-repeat;}
.main-quick-box a.main-quick2{background: url(/new_images/common/main_quick_bg2.jpg) right center no-repeat;}
.main-quick-box a.main-quick3{background: url(/new_images/common/main_quick_bg3.jpg) right center no-repeat;}
.main-quick-box a strong{color:#54aaff;font-size: 18px;display: block;font-weight: 300;}
.main-quick-box a span{color:#54aaff;font-size: 14px;margin-top: 5px;display: block;font-weight: 300;}

.main-email-content input::-webkit-input-placeholder{color:#abc6dc;}
.main-email-content input:-ms-input-placeholder{color:#abc6dc;}
.main-email-content input::placeholder{color:#abc6dc;}


/* footer */
#footer{width: 1350px;margin: 50px auto 0;position: relative;z-index: 10;}
.footer-top{padding: 0 30px;background: #f8f8f8;display: flex;height: 80px;align-items: center;justify-content: space-between;}
.footer-link-box{display: flex;gap:10px}
.footer-link-box a{font-size: 16px;color:#333;display: block;position: relative;font-weight:300;margin-right: 40px;}
.footer-link-box a:after{content: "";position: absolute;right:-28px;top:50%;transform:translatey(-50%);width: 4px;height: 4px;background: #707070;border-radius:50%;}
.footer-link-box a:last-child:after{display: none;}
.footer-link-box a.footer-link1{color:#0066cc;}

.footer-family-link{display: flex;gap:20px;}
.footer-family-link>div{display: flex;gap:8px;align-items: center;}
.footer-family-link .select-box ul{width: 100% !important;left:0;top:auto !important;bottom:calc(100% + 10px);}
.footer-family-btn{height: 38px;color:#fff;background: #a0a0a0;display: flex;align-items: center;justify-content: center;border-radius:10px;padding: 0 15px;}

.footer-go{border: 1px solid #fff !important;width: 100% !important;border: none !important;height: auto !important}
.footer-go.select-box ul a{height: 35px !important;line-height: 35px !important;font-size: 14px;}
.footer-go.select-box>a{font-size: 14px !important;background: #fff;height: 40px !important;line-height: 38px !important;background: #fff !important;font-weight:300;border-radius:8px;padding-right: 50px;border: 1px solid #e7e7e7;color:#666666 !important}
.footer-go.select-box>a:after{content:"";width: 16px;height: 16px;background: url(/images/renewal/common/footer_icon02.jpg) center center no-repeat;position: absolute;right:15px;top:0px;height: 100%;transition:all ease-out .2s;}
.footer-go.select-box.select-active>a{color:#0f64d1;}
.footer-go.select-box.select-active>a:after{transform:rotate(180deg);}

.footer-bottom{padding-bottom: 80px;margin-top: 45px;position: relative;}
.footer-info{display: flex;gap:25px;font-size: 18px;}
.footer-info strong{color:#333;font-weight:300;margin-right: 10px;}
.footer-info span{color:#666666;}
.footer-content{font-size: 18px;line-height: 1.6em;color:#666666;font-weight:300;margin: 25px 0;}
#footer-logo{position: absolute;right:0;top:0;background: url(/new_images/common/logo_footer.jpg) 0 0 no-repeat;width: 190px;height: 51px;}


.side-bar-content{position: fixed;left:50%;margin-left: 735px;top:145px}
.side-quick{position: fixed;left:50%;margin-left: 735px;top:145px}
.side-quick li{margin-bottom: 20px;}
.side-quick li a{width: 90px;height: 90px;display: flex;border-radius:50%;justify-content: center;padding-top: 45px;transition:all .3s ease-out;}
.side-quick li a strong{font-size: 12px;font-weight:300;display: block;line-height: 1.2em;text-align: center;}
.side-quick li a.side-quick1{background:#f7f7f7 url(/new_images/common/quickicon_1.jpg) center 15px no-repeat;}
.side-quick li a.side-quick2{background:#f7f7f7 url(/new_images/common/quickicon_2.jpg) center 15px no-repeat;}
.side-quick li a.side-quick3{background:#f7f7f7 url(/new_images/common/quickicon_3.jpg) center 15px no-repeat;}
.side-quick li a.side-quick4{background:#f7f7f7 url(/new_images/common/quickicon_4.jpg) center 17px no-repeat;}
.side-quick li a.side-quick5{background:#f7f7f7 url(/new_images/common/quickicon_5.jpg) center 20px no-repeat;}
.side-quick li a.side-quick6{background:#063aff url(/new_images/common/quickicon_6.png) center 20px no-repeat; color: #fff;}
.side-quick li a:hover{box-shadow:0 0 0px rgba(0, 0, 0, .3);}

.mobile-sns-list{display: flex;justify-content:center;margin-top: 40px;display: none;}
.mobile-sns-list li{margin: 0 5px;}
.mobile-sns-list li a{display: block;width: 30px;height: 30px;}
.mobile-sns-list li a.sns-facebook-btn{background:url(/images/mobile/micon_fb.png ) center center no-repeat;}
.mobile-sns-list li a.sns-twitter-btn{background:url(/images/mobile/micon_tw.png ) center center no-repeat;}
.mobile-sns-list li a.sns-kakao-story-btn{background:url(/images/mobile/micon_story.png ) center center no-repeat;}
.mobile-sns-list li a.sns-kakao-btn{background:url(/images/mobile/micon_talk.png ) center center no-repeat;}
.mobile-sns-list li a.sns-band-btn{background:url(/images/mobile/micon_band.png ) center center no-repeat;}
.mobile-sns-list li a.sns-link{background:url(/images/mobile/micon_link.png ) center center no-repeat;}

.mobile-sub-content-header{display: none;}
.mobile-sub-content-header h2{background: #3266cc url(/new_images/common/sub_tit_bg.jpg) right 13px bottom -15px no-repeat;height: 130px;display: flex;align-items: center;padding-left: 30px;color:#fff;font-size: 24px;border-radius:8px 28px 8px 28px;}


#go-top{width: 66px;height: 66px;display: block;position: fixed; right:50px;bottom:50px;border-radius:50%;background: url(/images/renewal/common/go_top.png) center no-repeat;z-index: 500;background-size: 100% 100% ;}

@media screen and (max-width: 1700px){
	.sub-content-header-wrap{padding: 0 30px;}
}
@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1550px){
	.sub-content-header-nav{left:30px;}
}
@media screen and (max-width: 1400px){
	.sub-content-header-inner{width: auto;}
	.header-container{width: auto;}
 	#gnb>ul>li>a{padding: 0 15px;font-size: 16px;} 
	#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{font-size: 14px;}
	.header-right a{font-size: 16px;}

	.sub-content-header-wrap{padding: 0 30px;}
	.sub-content-header-nav{left:30px;}
}
@media screen and (max-width: 1300px){

}
@media screen and (max-width: 1200px){
	#wrapper{padding-top: 80px;}
	#header{padding-top: 0;display: block;height: 80px;}
	.header-container{width: auto;padding: 0 30px;}
	#gnb{display: none;}
	#mobile-menu-open{display: inline-block !important;}
	#header h1{position: static;display: inline-block;}

	.header-right{display: none;}
	.header-mobile-menu{display: flex;align-items: center;}
	#mobile-menu-open{display: block;width: 30px;height: 30px;background: url(/images/common/allmenu_over.png) center center no-repeat;}



	#sub-content-body, .wide-container-wrap, .sub-header-tab, .main-top-box, .main-bottom-box{width: auto;}


	#sub-content-body{}
	#sub-content-body.is-wide{padding: 0px 0px 60px;}
	#sub-content-body.is-wide .wide-container-wrap{padding: 0 30px;width: auto;}
}
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 1000px){
	/* .sub-content-header{height: 250px;} */
/* 	.sub-content-header-inner{padding: 80px 50px 50px;}
	.sub-content-header h2 strong{font-size: 32px;line-height: 1.2em;} */
	.sub-content-header h2 span{font-size: 16px;}

	.mobile-sns-list{display: flex;}
	.sns-share{display: none;}
	
	.cardnews-next, .cardnews-prev{display: none;}
	#go-top{width: 50px;height: 50px;right:30px;bottom:30px;}

}
@media screen and (max-width: 900px){

}

@media screen and (max-width: 800px){

}
@media screen and (max-width: 700px){
	#wrapper{padding-top: 65px;}
	#header{height: 65px;}
	#header h1 a{}
	.header-container{padding: 0 15px;}
	#wrapper.nav-fixed #header{height: 65px;}
	

	.sub-content-header-wrap{padding: 0 15px;}



	#sub-content-body{}
	#sub-content-body.is-wide{padding: 0px 0px 30px;}
	#sub-content-body.is-wide .wide-container-wrap{padding: 0 15px;}

	#go-top{width: 45px;height: 45px;right:20px;bottom:20px;}


	#mobile-menu-wrap{width: 100%;right:-100%;}
}

@media screen and (max-width: 600px){


}
@media screen and (max-width: 500px){

}


.popup-box{display: none;}
.popup-wrap{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 9900;background: rgba(0, 0, 0, .85);display: flex;align-items:center;justify-content:center;}
.popup-container{width: 398px;position: relative;margin: 10px;max-width:100%;}
.popup-slider-wrap{height: 0;width: 100%;padding-top: 138.1909%;position: relative;overflow: hidden;display: none;}
.popup-slider{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.popup-slider a{display: block;}
.popup-slider img{width: 100%;height: 100%;}
.popup-slider-bottom{text-align: right;padding: 15px;background: #313131;}
.popup-slider-bottom a{color:#fff;margin-left: 15px;}
.popup-slider-bottom a.close-popup-today{display: inline-block;position: relative;margin-right: 15px;}
.popup-slider-bottom a.close-popup-today:after{position: absolute;content:"";height: 13px;background: #999;right:-15px;width: 1px;top:5px}

.swiper-pagination-popup-wrap{position: absolute;z-index: 10;bottom:60px;width: 100%;text-align: center;}
.swiper-pagination-popup-wrap .swiper-pagination{position: static;display: inline-block;vertical-align: middle;}
.swiper-pagination-popup-wrap .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background: #fff;transition:all .2s ease-in-out;opacity:1;margin:0 8px !important;vertical-align: middle;}
.swiper-pagination-popup-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height:16px;border: 3px solid #fff;background: none;}

.popup-container{width: auto;}

.popup-pc img{vertical-align: top;}

@media screen and (max-width: 1250px){
	.popup-container{width: 398px;}
	.popup-pc{display: none;}
	.popup-slider-wrap{display: block;}
}


.fb-page, .fb-page span, .fb-page span iframe[style] {width: 100% !important; 	height:100% !important;}

/* Æ˾÷·¹À̾î */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

@media screen and (max-width: 700px){
	.hd_pops{left: 10px !important;top:10px !important; right:10px !important}
	.hd_pops_con{width: 100% !important;}
}


.view-btn{border-radius:4px !important}
.bbs-top-search-content button{border-radius:4px !important}
#bo_cate a{font-size: 12px !important;}
.bbs-top-search-content input[type=text]{color:#333}
.bbs-top-search-content input[type=text]::-webkit-input-placeholder{color:#999}
.bbs-top-search-content input[type=text]:-ms-input-placeholder{color:#999}
.bbs-top-search-content input[type=text]::placeholder{color:#999}

.frm_input{color:#0099ff !important; }
.frm_input::-webkit-input-placeholder{color:#999 !important}
.frm_input:-ms-input-placeholder{color:#999 !important}
.frm_input::placeholder{color:#999 !important}


.youtubeBackgroundBG{width:100%; height:100%; position:absolute; z-index:1;  top:0px; bottom:0px; left:0px; right:0px;  background:#000;overflow:hidden; color:#fff;}
.youtubeBackgroundBG > i.fa{display:block; width:80px; height:80px; line-height:80px; text-align:center; position:absolute; z-index:1; left:50%; top:50%; margin-left:-40px; margin-top:-40px; color:rgba(255,255,255,0.3); font-size:60px;}
.youtubeBackgroundBG .youtubePlayer{width:100%; height:100%; z-index:2; top:0px; bottom:0px; left:0px; right:0px;border:0px;overflow:hidden; background:transparent !important;}
.youtubeBackgroundBG .youtubePlayer:after{content:'';display:block;position:absolute; z-index:3; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.fp-tableCell{position: relative;}
.youtubeBackgroundBG .youtubePlayer iframe{width: 100% !important;height: 100% !important;left:0;right:0;margin-left: 0 !important;margin-top: 0 !important;}




.class-search-wrap{background: #f0f1f6;padding: 30px 0;}
.class-search-container{width: 1200px;margin: 0 auto;display: flex;}
.class-search-input{flex-grow:1;}
.class-search-form{display: flex;}
.class-search-select.select-box {border-radius:10px;height: auto !important;}
.class-search-select.select-box>a{border-radius:10px;height: 50px !important;line-height: 50px !important;}
.class-search-select.select-box ul{top:48px !important;}
.class-search-select.select-box ul li a{height: 35px !important;line-height: 35px !important;}

.class-search-form label{display: block;position: relative;padding-left: 20px;font-size: 18px;margin-right: 20px;min-width:60px;}
.class-search-form label:after{width: 5px;height: 5px;border-radius:50%;background: #181818;content:"";position: absolute;left:6px;top:11px;}
.class-search-box{display: flex;align-items:center;}
.class-search-box1{margin-right: 50px;}
.class-search-box2{flex-grow:1;}
.class-search-box2 input[type=text]{flex-grow:1;height: 100%;border: 1px solid #ddd;border-radius:10px;padding-left: 15px;}
.class-search-submit{flex:0 0 120px;margin-left: 30px;display: flex;align-items:flex-end;}
.class-search-submit button{width: 100%;height: 100%;background: #3399cc;border-radius:10px;color:#fff;font-size: 16px;height: 52px;}

.class-list-wrap{width: 1200px;margin: 0 auto;}
.class-list-header{font-size: 16px;margin: 50px 0 20px;}
.class-list-header strong{color:#3399cc;font-weight:300;}
.class-list li.list-th{background: #3399cc !important;}
.class-list li.list-th div{color:#fff;font-size: 16px !important;justify-content:center !important;padding: 20px 0;}
.class-list li{display: flex;border-bottom: 1px solid #e8e8e8;transition:background ease-out .3s;}
.class-list li div{text-align: center;padding: 30px 10px;display: flex;align-items:center;justify-content:center;font-size: 16px;}
.class-list li .class-num{flex:0 0  50px;color:#ccc}
.class-list li .class-program-category{flex:0 0  150px;color:#3399cc;}
.class-list li .class-program-title{flex-grow:1;justify-content:flex-start;text-align: left;}
.class-list li .class-program-object{flex:0 0  100px;color:#999;font-size: 14px;}
.class-list li .class-category{flex:0 0  100px;color:#999;font-size: 14px;}
.class-list li .class-group-name{flex:0 0  240px;color:#999;font-size: 14px;}
.class-list li .class-link{flex:0 0  105px;}
.class-list li .class-link-btn{display: inline-block;font-size: 14px;padding: 5px 15px;color:#fff;border-radius:30px;border: 1px solid #39c;color:#09c;transition:background ease-out .3s;}
.class-list li:hover{background: #eaf5fa;}
.class-list li:hover .class-link-btn{background: #39c;color:#fff;}
.class-list li.empty-li{padding: 50px 0;text-align: center;justify-content:center;font-size: 16px;}

.class-view-wrap{width: 1200px;margin: 30px auto;}
.class-view{display: flex;flex-wrap:wrap;border: 2px solid #333;border-left: none;border-right: none;font-size: 16px;}
.class-view li{display: flex;width: 100%;border-bottom: 1px solid #e8e8e8;margin-right: auto;flex-grow:1;}
.class-view li:last-child{border-bottom: none;}
.class-view li label{display: flex;flex:0 0 250px;padding: 20px 20px 20px 50px;justify-content:flex-start;align-items:center;background: #f1f4f9;font-weight:300;text-align: right;}
.class-view li div.class-view-content{display: flex;flex-grow:1;padding: 20px 10px;align-items:center;padding-left: 50px;}
.class-view li.middle-line{border-top: 1px solid #000;}
.class-view-btn{padding: 8px 25px !important;}
.class-bottom-btn{margin-top: 30px;text-align: center;font-size: 16px;}
.class-bottom-btn a{display: inline-block;background: #36c;color: #fff;border-radius: 8px;padding: 8px 25px;font-size: 16px;}


@media(max-width:1650px){
	.side-bar-content{display: none;}
}

@media(max-width:1350px){
	#sub-container, .main-content-box, .main-bottom-box, #footer{width: auto;}
	.main-content-box{flex-direction: column;align-items: center;width: 100%}
	.main-content-left{margin: 0 auto;}

	.main-bottom-box{margin: 50px 30px 0;height: auto;flex-direction: column;gap:30px;padding: 30px;}
	.main-email-box{height: auto;flex-direction: row;width: 100%;justify-content: space-between;}
	.main-email-content form{display: flex;}
	.main-quick-box{justify-content: space-between;}
	
	#footer-logo{left:50%;transform:translatex(-50%);}
	.footer-bottom{padding-top: 100px;text-align: center;}
	.footer-info{justify-content: center;}
	.footer-sns-box{justify-content: center;}

	.snb{display: none;}
	#sub-container{padding: 0 30px;}
	.sub-content-box{width: 100%;}
}
@media(max-width:1200px){
	.class-list-wrap{width: auto;}
	.class-view-wrap{width: auto;padding: 0 30px;}
	.class-view li label{flex:0 0 150px;padding-left: 20px;}
	.class-view li div.class-view-content{padding: 20px;}
	.class-search-container{flex-wrap:wrap;width: auto;}
	.class-search-input{width: 100%;padding: 0 30px;}
	.class-search-submit{width: 100%;margin-top: 30px;justify-content:center;flex:auto;margin-left: 0;}
	.class-search-submit button{width: 120px;}
	.class-search-box1{flex:auto}
	.class-search-box{margin-top: 20px;}
	.class-search-box:first-child{margin-top: 0;}
}
@media(max-width:1000px){
	.class-search-form.mt30{margin-top: 20px !important;}
	.class-search-form{flex-wrap:wrap;}
	.class-search-box{width: 100%;}
	.class-search-box1{margin-right: 0;}
	.class-search-box2{margin-top: 20px;}
	.class-search-box2 input[type=text]{height: 52px;}
	.class-search-form label{min-width:70px}
	.class-search-select.select-box{width: 100% !important;}
	.class-search-select.select-box ul{width: 100% !important;}

	.class-list{border-top: 2px solid #181818;}
	.class-list li.list-th{display: none;}
	.class-list li:last-child{border-bottom: 1px solid #181818;}
	.class-list li{display: block;padding: 15px 0;}
	.class-list li div{display: block;text-align: left;padding: 3px 10px;}
	.class-list li div.class-num{display: none;}
	.class-list li .class-link{text-align: center;margin-top: 15px;}
	.class-list li .class-link-btn{padding: 5px 20px;}

	.class-view li{width: 100%;}

	.sub-header-tab{gap:15px;padding: 25px;border-radius:25px;flex-wrap:wrap;}
	.sub-header-tab li{width: auto;height: auto;background: none !important;flex:0 0 auto;}
	.sub-header-tab li a{width: auto;height: auto;border: none !important;background: none !important;font-size: 14px;}

	.main-calendar-ul{flex-wrap:wrap;width: 500px;margin: 0 auto;justify-content: flex-start;gap:12px}
	.main-content-right{width: 100%;}
	.main-calendar-body{height: auto;}
	.main-calendar-wrap{height: auto;}
	.main-content-box{padding: 0 30px;}

	.main-middle-box{flex-direction: column;align-items: center;gap:50px}
	.main-middle-left{width: 100%;}

	.main-quick-box{flex-direction: column;}
	.main-email-box{flex-direction: column;}

	.footer-top{flex-direction: column;height: auto;padding: 30px 0;gap:15px;}
}

@media(max-width:700px){
	#sub-container{padding: 0 15px;margin-top: 30px;}
	.class-search-input{padding: 0 15px;}
	.class-search-form label{font-size: 16px;min-width:70px;}
	.class-search-form label:after{top:9px;}


	.class-view-wrap{padding: 0 15px;}
	.class-view{font-size: 14px;}
	.class-view li label{flex:0 0 120px;padding: 20px 10px;}
	.class-view li div.class-view-content{padding: 20px 10px;}

	.main-content-box{padding: 0 15px;}
	.main-calendar-ul{flex-wrap:wrap;width: 300px;margin: 0 auto;justify-content: flex-start;gap:6px}
	.main-calendar-body{padding: 30px 15px 20px;}
	.main-content-box{gap:40px;}

	.main-area-list{flex-wrap:wrap;}
	.main-area-list li{width: calc(50% - 10px);}

	.main-email-content input{width: 190px;}
	.main-email-content button{width: 80px;}
	.main-bottom-box{margin: 40px 15px 0;padding: 40px 15px;}
	
	.footer-link-box a{font-size: 14px;margin-right: 30px;}
	.footer-link-box a:after{right:-22px;transform:none;top:6px;}
	.footer-family-link{flex-direction: column;gap:10px;}
	
	.footer-bottom{padding-top: 80px;}
	.footer-info{font-size: 14px;flex-wrap:wrap;flex-direction: column;gap:5px;}
	.footer-content{font-size: 14px;}

	.mobile-sub-content-header{display: block;}
	.sub-content-header-nav{display: none;}

	.sub-content-header h2 strong{font-size: 24px;line-height: 1.2em;}
	.sub-content-header h2 span{font-size: 14px;}
	.sub-top-sns2, .sub-top-sns3{display: none !important}
	.sub-content-header-inner{padding-bottom: 15px;}
	.sns-pop-btn{right:44px;}
}
@media(max-width:500px){
	.main-content-left{width: 300px;height: auto;}
	.main-content-slide{height: 412px;}
	.sub-content-header h2 strong{font-size: 20px;line-height: 1.2em;}
	.sub-content-header h2 span{font-size: 14px;}
}

.cardnews-wrap{display: flex;justify-content: center;position: relative;}
.cardnews-slide{width: 800px;overflow: hidden;max-width: 100%;}
.cardnews-slide .swiper-wrapper{}
.cardnews-slide .swiper-slide{position: relative;height: 0;padding-top: 100%;}
.cardnews-slide .swiper-slide img{position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit:cover}
.cardnews-prev{position: absolute;left:calc(50% - 430px);top:50%;width: 60px;height: 60px;background: url(/images/renewal/picn01.png) center no-repeat;transform:translatey(-50%);z-index: 2;opacity: .5;transition:all ease-out .3s;border-radius:50%;}
.cardnews-next{position: absolute;right:calc(50% - 430px);top:50%;width: 60px;height: 60px;background: url(/images/renewal/picn02.png) center no-repeat;transform:translatey(-50%);z-index: 2;opacity: .5;transition:all ease-out .3s;border-radius:50%;}
.cardnews-prev:hover, .cardnews-next:hover{opacity: 1;box-shadow:0 0 15px rgba(0, 0, 0, .5);}