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

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


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


#header h1{height: 100%;transition:all .3s ease-out;}
#header h1 a{width: 228px;height: 100%;transition:all ease-out .3s;background: url(/images/comm/logo.jpg) 0 center no-repeat;display: block;text-indent:-9999px;}
.header-right{height: 100%;display: flex;align-items:center;}
.header-right a{width:52px; height:52px; display:inline-block; border:1px solid #dddddd; border-radius:100%; background-repeat:no-repeat; background-position:center; background-size:18px auto; box-sizing:border-box; transition:all .2s linear;}
	#search-btn{background: url(/images/comm/search.png) center center no-repeat;}
	#search-btn:hover{background:#134aa9 url(/images/comm/search_on.png) center center no-repeat;border-color: #134aa9;}
	#mobile-btn{background: url(/images/comm/sitemap.png) center center no-repeat;margin-left: 2px;}
	#mobile-btn:hover{background:#222222 url(/images/comm/sitemap_on.png) center center no-repeat;border-color: #222;}




.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%;}
#gnb ul{transition:height .3s ease-out;display: flex;height: 100%;}
#gnb ul li{position:relative;height: 100%;}
#gnb ul li a{display: block;font-size: 18px;font-weight: 500;padding: 0 40px;line-height:1em;height: 100%;transition:all ease-out .3s;display: flex;align-items:center;}
#gnb>ul>li>a>span{position: relative;display: block;transition:all .3s ease-out;color:#000;line-height: 30px;height: 30px;}
#gnb>ul>li>a>span>strong{position: relative;display: block;transition:all .3s ease-out;text-align: center;font-weight: 500;transition:all .2s ease-out;}

#gnb>ul>li>a>span>strong:after{transition:all .3s ease-out;content: ""; position: absolute; left: 50%; bottom: -2px; height: 1px; width: 0; background-color: #3366cc; z-index: -1;}
#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:#36c}

#gnb ul ul{position:absolute;padding:0;z-index: 99;height:auto;left:0;width: 100%;top:107px;padding:0px 0 30px;display: none;}
#gnb li li{height:auto;text-align: center;}
#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{display:inline-block;color:#fff;font-size:16px;width:auto;transition:all .2s ease-out;padding:0;position:relative;padding-left:13px;font-weight:400;line-height:1.3em;padding:8px 3px 8px 3px; text-align:center;height: auto;color:#333;}
#gnb li li a:after{display: block;position: absolute;left:0;bottom:0px;content:"";width: 0;height: 1px;background: #36c;transition:all ease-out .2s;opacity:.5;z-index: -1;}
#gnb li li a:hover, #gnb li li.gnb-active2 a{color:#36c}
#gnb li li a:hover:after, #gnb li li.gnb-active2 a:after{width: 100%;opacity:1}

#gnb ul ul#gnb-sub-solution{width: 200px;}

.gnb-layer{position: fixed;left:0;top:107px;width: 100%;border-bottom: 1px solid #e0e0e0;height: 325px;background: #fff;z-index: 10;display: none;/*box-shadow:3px 3px 8px rgba(0, 0, 0, .1);*/background: #fff ;}

/* main */
.main-visual-wrap{background: #f0f0f0;padding:40px 50px 95px;}
.main-visual-wrap .inner{max-width:1281px;margin:0 auto;text-align:center;padding:0;position: relative;}
.main-visual-wrap .mainVisual{position:relative;padding:40px 40px 75px 40px;}
.main-visual-wrap .mainVisual .swiper-slide{position:relative;width:814px;height:487px;border-radius:30px;}

.main-visual-wrap .mainVisual .swiper-slide:after{position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(127,118,118,0.6);border-radius:30px;content:'';}
.main-visual-wrap .mainVisual .swiper-slide.swiper-slide-active:after{display:none;}
.main-visual-wrap .mainVisual .swiper-slide.swiper-slide-active{box-shadow:21px 22px 46px rgba(0,0,0,0.24);transition: all 0.3s ease;}
.main-visual-wrap .mainVisual .swiper-slide.swiper-slide-active a{transition: all 0.3s ease;}
.main-visual-wrap .mainVisual .swiper-slide.swiper-slide-active a:hover{transform:scale(1.05);transition: all 0.3s ease;}

.main-visual-wrap .mainVisual .swiper-slide a{display:block;width:100%;height:100%;padding-bottom:59.82800%;}
.main-visual-wrap .mainVisual .swiper-slide img{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:30px;}
.main-visual-wrap .mainVisual .mainVisual_control{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;padding-right:30px;z-index:50;}
.mainVisual .mainVisual_control .mainVisual-pagination{display:inline-block;vertical-align:middle;font-size:0;}
.mainVisual .mainVisual_control .swiper-pagination-bullet{display:inline-block; width:15px; height:15px; margin:0; margin-right:7px; background:#fff; vertical-align:top; opacity:1; cursor:pointer; border-radius:7.5px; box-shadow:3px 3px 6px rgba(0,0,0,0.15);}
.mainVisual .mainVisual_control .swiper-pagination-bullet-active{background:#008bd0;}
.mainVisual .mainVisual_control .btn_mainVisualPlay{position:absolute;right:0;top:5px;width:11px;height:13px;background:url(/images/comm/visual_stop.png) 50% 50% no-repeat;vertical-align:middle;text-indent:-9999px;border:0;}
.mainVisual .mainVisual_control .btn_mainVisualPlay.active{background:url(/images/comm/slider_play.png) 50% 50% no-repeat;}

.main-visual-wrap .mainVisual-button{position:absolute;top:50%;width:68px;height:68px;background-image:url(/images/comm/visual_next.png);background-repeat:no-repeat;background-position:center;z-index:50;cursor:pointer;border-radius:50%;box-shadow:6px 10px 15px rgba(0,0,0,0.24);transform:translateY(-50%);}
.main-visual-wrap .mainVisual-button-prev{left:-35px;background-image:url(/images/comm/visual_prev.png);}
.main-visual-wrap .mainVisual-button-next{right:-35px}


/* main-quick */
.main-quick-link{width: 1300px;margin: 0 auto;padding: 85px 0;display: flex;justify-content:space-between;}
.main-quick-link li{width: 290px;}
.main-quick-link li a{display: flex;border-radius:10px;overflow: hidden;align-items:center;padding-left: 30px;height: 125px;flex-wrap:wrap;align-items:center;align-content:center;}
.main-quick-link li a strong{display: block;font-size: 22px;color:#333;width: 100%;}

.main-quick-link1 a{background:#faf0e0 url(/images/comm/bnicon_01.jpg) right 20px center no-repeat;}
.main-quick-link1 a span{display: block;font-size: 16px;width: 100%;color:#828181;line-height: 1.3em;font-weight: 300;color:#d5a234;font-weight: 500;margin-bottom: 3px;}
.main-quick-link2 a{background:#eaf4e8 url(/images/comm/bnicon_02.jpg) right 20px center no-repeat;}
.main-quick-link2 a span{display: block;font-size: 16px;width: 100%;color:#828181;line-height: 1.3em;font-weight: 300;color:#7fb574;font-weight: 500;margin-bottom: 3px;}
.main-quick-link3 a{background:#f7eff9 url(/images/comm/bnicon_03.jpg) right 20px center no-repeat;}
.main-quick-link3 a span{display: block;font-size: 12px;width: 100%;color:#828181;line-height: 1.3em;font-weight: 300;color:#9897c5;font-weight: 400;margin-top: 3px;}
.main-quick-link4 a{background:#fbeae4 url(/images/comm/bnicon_04.jpg) right 20px center no-repeat;}
.main-quick-link4 a span{display: block;font-size: 12px;width: 100%;color:#828181;line-height: 1.3em;font-weight: 300;color:#df9d88;font-weight: 400;margin-top: 3px;}



.main-program-wrap{width: 1320px;margin: 0 auto;position: relative;padding: 0px 0 30px;transform:translateX(10px);}
.main-title-box{margin-bottom: 40px;}
.main-title-box strong{font-size: 30px;display: block;letter-spacing:-1px;text-align: center;}
.main-title-box strong em{color:#ff9900;font-style: normal;}
.main-title-box span{color:#666666;font-size: 16px;margin-top: 5px;text-align: center;display: block;font-weight: 300;}

.main-program-prev{display: block;position: absolute;left:0;top:18px;background: url(/images/comm/program_prev.jpg) center center no-repeat;width: 44px;height: 44px;border-radius:50%;border: 1px solid #d2d2d2;}
.main-program-next{display: block;position: absolute;right:0;top:18px;background: url(/images/comm/program_next.jpg) center center no-repeat;width: 44px;height: 44px;border-radius:50%;border: 1px solid #d2d2d2;}

.main-program-slide{overflow: hidden;height: 100%;}
.main-program-slide .swiper-wrapper{height: 100%;}
.main-program-slide .swiper-slide{width: 25%;height: 100%;margin-right: 50px;padding-right: 20px;padding-bottom: 20px;}
.program-a{display: block;position: relative;text-align: center;box-shadow:5px 5px 15px rgba(0, 0, 0, .08);border-radius:15px;overflow: hidden;}
.program-img{display: block;height: 0;padding-top: 100%;background-size: cover;background-position: center center;}
.program-main-content{padding: 25px;border: 1px solid #ededed;border-top: none;display: block;height: 178px;}
.program-title{display: block;font-size: 18px;color:#333;text-align: left;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.3em;}
.program-text-wrap{font-weight: 400;display: block;margin-top: 15px;}
.program-date{display: block;font-size: 13px;color:#999;text-align: left;line-height: 18px;background: url(/images/comm/program_icon1.jpg) 0 center no-repeat;padding-left: 25px;}
.program-object{display: block;font-size: 13px;color:#999;text-align: left;line-height: 18px;margin: 5px 0;background: url(/images/comm/program_icon2.jpg) 0 center no-repeat;padding-left: 25px;}
.program-person{display: block;font-size: 13px;color:#999;text-align: left;line-height: 18px;background: url(/images/comm/program_icon3.jpg) 0 center no-repeat;padding-left: 25px;}


.main-sns-wrap{padding: 80px 0 0;width: 1300px;margin: 0 auto;}
.main-sns-wrap .main-title-box{position: relative;}
.main-sns-wrap .main-title-box strong{text-align: left;display: inline-block;}
.main-sns-wrap .main-title-box span{text-align: left;display: inline-block;margin-left: 10px;}
.main-sns-wrap .main-title-box .main-sns-btn{position: absolute;right:0;bottom:0px;text-align: right;display: flex;}
.main-sns-wrap .main-title-box .main-sns-btn a{display: inline-block;width: 35px;height: 35px;border-radius:50%;margin-left: 15px;}
.main-sns-wrap .main-title-box .main-sns-btn a.icon-facebook{background: url(/images/comm/fb.png) center center no-repeat;}
.main-sns-wrap .main-title-box .main-sns-btn a.icon-insta{background: url(/images/comm/insta.png) center center no-repeat;}
.main-sns-wrap .main-title-box .main-sns-btn a.icon-youtube{background: url(/images/comm/ytb.png) center center no-repeat;}

.main-sns-box{margin: 0 auto;position: relative;min-height:180px;width: 100%;}
.main-sns-slide{overflow: hidden;height: 100%;}
.main-sns-slide .swiper-wrapper{height: 100%;}
.main-sns-slide .swiper-slide{width: 25%;}

.main-sns-list{display: flex;justify-content:space-between;margin: 40px auto 0;flex-wrap:wrap;}
.main-sns-list li{margin-top: 20px;}
.main-sns-list li a{display: block;height: 207px;width: 207px;border-radius:15px;overflow: hidden;background-size: cover;background-position: center center;position: relative;}
.main-sns-list li a:after{content:"";width: 25px;height: 25px;right:10px;top:10px;position: absolute;background: url(/images/common/sns_fb.png) center center no-repeat;background-size: 100% 100%;}
.main-sns-list .sns-img{display: block;height: 0;padding-top: 100%;background-size: cover;background-position: center center;border-radius:15px;overflow: hidden;}
.sns-label{background: url(/images/comm/fb_icon.png) center center no-repeat;width: 22px;height: 22px;display: block;position: absolute;right:18px;top:18px;}


.main-middle-wrap{background:#ededed url(/images/comm/bgbg.gif) center 0 repeat-x;padding: 100px 0 80px;}
.main-middle-container{width: 1300px;margin: 0 auto;}
.main-latest-wrap{display: flex;justify-content:space-between;flex-wrap:wrap;}
.main-news-ul{display: flex;justify-content:space-between;width: 588px;}
.main-news-ul li{width: 280px;}
.main-news-ul li a{display: block;overflow: hidden;border-radius:8px;background: #fff;}
.main-news-ul li .news-label{display: block;height: 40px;line-height: 40px;padding-left: 50px;color:#fff;font-size: 14px;font-weight: 400;}
.main-news-ul li.main-online-news .news-label{background: #66c url(/images/comm/onlinenews_icon.jpg) 13px center no-repeat;}
.main-news-ul li.main-friend-news .news-label{background: #96c url(/images/comm/schoolnews_icon.jpg) 13px center no-repeat;padding-left: 45px;}
.main-news-ul li .news-header{display: block;padding: 20px;}
.main-news-ul li .news-title{font-size: 22px;display: block;font-weight: 700;}
.main-news-ul li.main-online-news .news-title{color:#66c;}
.main-news-ul li.main-online-news .news-text{color:#99c;}
.main-news-ul li.main-friend-news .news-title{color:#96c;}
.main-news-ul li.main-friend-news .news-text{color:#c9f;}
.main-news-ul li .news-thumb{display: block;height: 0;padding-top: 56.115%;position: relative;}
.main-news-ul li .news-thumb img{position: absolute;left:0;top:0;object-fit:cover;width: 100%;height: 100%;}

.main-notice-box{width: 634px;background: #fff;border-radius:15px;padding: 40px 40px 20px;}
.main-notice-title{font-size: 24px;display: block;position: relative;font-weight: 700;line-height: 1em;margin-bottom: 15px;}
.main-notice-title span{position: absolute;display: inline-block;right:0;bottom:3px;font-size: 14px;background: url(/images/comm/notice_more.jpg) right center no-repeat;line-height: 1erm;padding-right: 20px;}

.main-notice-box ul{}
.main-notice-box ul li{padding: 5px 0;}
.main-notice-box ul li a{display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;position: relative;padding-left: 18px;font-size: 17px;line-height: 24px;font-weight: 500;}
.main-notice-box ul li a .new-icon{text-indent: -9999px;width: 24px;height: 24px;background: url(/images/comm/notice_newicon.png) 0 0 no-repeat;margin-left: 8px;display: inline-block;}
.main-notice-box ul li a:after{content:"";left:5px;top:50%;transform:translateY(-50%);width: 4px;height: 4px;background: #000;position: absolute;border-radius:50%;}
.main-notice-box ul li.empty-li{padding: 50px 0;text-align: center;}


.main-bottom-banner-wrap{padding: 40px 0;}
.main-bottom-banner{width: 1300px;margin: 0 auto;padding: 0 50px;position: relative;}

.main-bottom-slide{overflow: hidden;}
.main-bottom-slide .swiper-slide{width: 15%;}
.main-bottom-slide .swiper-slide a{display: block;position: relative;border: 1px solid #ddd;height: 0;padding-top: 27.2727272727%;}
.main-bottom-slide .swiper-slide img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.main-bottom-banner .main-bottom-prev{position: absolute;left:0;top:50%;transform:translate(-50%, -50%);background: url(/images/comm/footer_bn_prev.jpg) center center no-repeat;width: 42px;height: 42px;box-shadow:5px 5px 10px rgba(0, 0, 0, .05);border-radius:10px;}
.main-bottom-banner .main-bottom-next{position: absolute;right:0;top:50%;transform:translate(50%, -50%);background: url(/images/comm/footer_bn_next.jpg) center center no-repeat;width: 42px;height: 42px;box-shadow:5px 5px 10px rgba(0, 0, 0, .05);border-radius:10px;}


.main-bottom-notice-wrap{background: #ededed;}
.main-bottom-notice-container{width: 1300px;margin: 0 auto;padding: 25px 0;display: flex;justify-content:space-between;align-items:center;}
.main-bottom-notice-info{display: flex;align-items:flex-end;}
.main-bottom-tel{}
.main-bottom-tel span{display: block;}
.main-bottom-tel strong{display: block;font-family: Montserrat;font-size: 40px;line-height: 1em;}
.main-bottom-info-text{margin-left: 20px;}
.main-bottom-info-text span{margin-left: 10px;display: inline-block;}

.main-bottom-notice-btn{display: flex;padding-right: 1px;}
.main-bottom-notice-btn a{width: 200px;height: 40px;line-height: 38px;border: 1px solid #dcdcdc;text-align: center;background: #fff;margin-right: -1px;transition:all ease-out .3s}
.main-bottom-notice-btn a:hover{background: #333;color:#fff;}

#footer{padding-bottom: 100px;position: relative;border-top: 1px solid #e8e8e8;}
.footer-top{border-bottom: 1px solid #e8e8e8;}
.footer-inner{width: 1300px;margin: 0 auto;position: relative;}
.footer-top .footer-inner{display: flex;justify-content:space-between;align-items:center;}
.footer-top-btn{display: flex;align-items:center;}
.footer-top-btn a{margin-right: 25px;}
.footer-top-family-site{}
.footer-top-family-site #family-site{border-top: none !important;border-bottom: none !important;border-color: #e8e8e8 !important;}
.footer-top-family-site #family-site>a{font-size: 13px;color:#999;font-weight: 300;background: #fff !important;}
.footer-top-family-site #family-site>a:after{content:"";width: 17px;height: 17px;background: url(/images/comm/familysite_more.jpg) center center no-repeat;position: absolute;right:10px;top:50%;transform:translateY(-50%);transition:all ease-out .3s;}
.footer-top-family-site #family-site>ul{top:49px !important}
.footer-top-family-site #family-site.select-active>a:after{transform:translateY(-50%) rotate(180deg);}
.footer-top-family-site #family-site>ul a{height: 40px !important;line-height: 40px !important;}


.footer-bottom{padding-top: 40px;font-size: 16px;color:#333;font-weight: 400;}
.footer-bottom1 strong, .footer-bottom2 strong{margin-right: 10px;}
.footer-logo{position: absolute;right:0;top:0px;width: 186px;height: 40px;background: url(/images/comm/footer_logo.jpg) center center no-repeat;}

.footer-bottom span{margin-right: 20px;display: inline-block;position: relative;}
.footer-bottom span:last-child{margin-right: 0;}

.footer-bottom1{margin-bottom: 10px;}
.copyright{color:#333;font-size: 12px;font-weight: 700;margin-top: 30px;font-family: Montserrat;}
.footer-tail-text{margin-top: 40px;color:#999;font-size: 13px;}



#mobile-menu-wrap{position:fixed;right:0;top:0;width:230px;height:100%;z-index:9999;background:#fff;right:-230px;overflow:hidden;overflow-y:auto;}
#mobile-menu-wrap.active{box-shadow:0 10px 30px rgba(0, 0, 0, .6);}
.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: 65px;border-bottom: 1px solid #dbdbdb;padding-right: 30px;}
.mobile-menu-logo{height:65px;display:block;background: url(/images/comm/logo.jpg) 8px center no-repeat;text-indent:-9999px;background-size: 160px auto;}

.mobile-menu-content ul{}
.mobile-menu-content>ul>li{border-bottom:1px solid #dbdbdb;background:#fff !important;}

.mobile-menu-content ul li a{display:block;height:48px;line-height:48px;padding-left:15px;font-size:18px;font-weight:500;}
.mobile-menu-content ul ul{background:#fff;padding:10px 0;display:none;}
.mobile-menu-content ul li li{background:none !important;}
.mobile-menu-content ul li li a{display:block;height:30px;line-height:30px;padding-left:20px;font-size:16px;font-weight:400;position:relative;color:#1d7fc0}
.mobile-menu-content ul li li a span{position: relative;}
.mobile-menu-content ul li li a span:after{display: block;position: absolute;left:0;bottom:0;content:"";width: 0;height: 1px;background: #1d7fc0;transition:all ease-out .2s;opacity:.5;}
.mobile-menu-content ul li li a:hover  span:after, .mobile-menu-content ul li li.gnb-mobile-active2 a span:after{width: 100%;opacity: 1;}

.mobile-menu-btn{text-indent:-9999px;background: url(/images/comm/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{border-color:#1d7fc0;background:#1d7fc0 !important;color:#fff;}
.mobile-menu-content ul li li.gnb-mobile-active2 a, .mobile-menu-content ul li li a:hover{font-weight: 500;}




/* Sub */
#sub-container{position: relative;}
#sub-container.use-bg{background: #f5f6f8;}
#sub-container img{max-width:100%;}
.sub-content-wrap{}

#sub-content-body{min-height:500px;width: 1300px;margin: 0 auto;padding: 60px 0;}
#sub-content-body.is-wide{width: auto;padding: 0 0 60px;}
.sub-content-header{position: relative;display: flex;justify-content:center;flex-wrap:wrap;padding-top: 80px;z-index: 2;}
.sub-content-header .snb{width: 100%;display: flex;justify-content:center;margin-bottom: 15px;}
.sub-content-header h2{font-size: 36px;}



.sub-content-inner{width: 1300px;margin: 0 auto;}

.hidden-sm{display: none;}

@media screen and (max-width: 1300px){
	.header-container, .main-quick-link, .main-sns-wrap, .main-middle-container, .main-bottom-banner, .main-bottom-notice-container, .footer-inner, .main-program-wrap, .main-sns-box, #sub-content-body{width: auto;}
	.sub-content-inner{width: auto;}
	.main-program-wrap{transform:none;}
	.main-program-prev, .main-program-next{display: none;}
	.main-bottom-prev, .main-bottom-next{display: none;}

	.header-container{padding: 0 20px;}
	.main-middle-container, .footer-inner, .main-bottom-notice-container{padding-left: 30px;padding-right: 30px;}
	.main-program-wrap{padding-right: 10px;padding-left: 30px;}

	
	.main-quick-link{flex-wrap:wrap;padding: 40px 20px;}
	.main-quick-link li{width: 50%;padding: 10px;}
	.program-main-content{padding: 15px;height: 158px;}

	.main-latest-wrap{justify-content:center;}
	.main-news-ul{width: 100%;justify-content:center;}
	.main-news-ul li:first-child{margin-right: 30px;}
	.main-notice-box{width: 590px;margin-top: 30px;padding: 30px;}

	.main-sns-list{width: auto;}
	.main-sns-box{width: 100%;}

	.main-bottom-banner{padding: 0 30px;}

	.footer-logo{position: static;margin-bottom: 20px;}
}


@media screen and (max-width: 1200px){
	#sub-content-body{padding: 60px 30px;}


	#gnb>ul>li>a{padding: 0px 25px;}
	#gnb li li a, #gnb li.gnb-active li a, #gnb li.hover li a{letter-spacing:-1px;font-size: 14px	;}

	.main-sns-wrap .main-title-box, .main-sns-list{width: auto;}
	.main-sns-list{display: block;text-align: center;}
	.main-sns-list li{display: inline-block;margin: 10px;}
	.main-sns-list li a{width: 180px;height: 180px;}

	.main-bottom-notice-container{justify-content:center;flex-wrap:wrap;}
	.main-bottom-notice-info{width: 100%;justify-content:center;flex-wrap:wrap;}
	.main-bottom-info-text{margin-left: 0;}
	.main-bottom-notice-info>div{width: 100%;text-align: center;}
	.main-bottom-notice-btn{margin-top: 30px;}

}


@media screen and (max-width: 1000px){
	#gnb{display: none;}

	#wrapper{padding-top: 80px;}
	#header{height: 80px;}


	/* 메인비주얼 */
	.main-visual-wrap{padding:40px 0;}
	.main-visual-wrap .mainVisual{padding:0px 25px 60px 25px;}
	.main-visual-wrap .mainVisual .swiper-slide{width:100%;height:0;padding-bottom:59.82800%;}
	.main-visual-wrap .mainVisual .swiper-slide.swiper-slide-active{box-shadow:0px 10px 10px rgb(0 0 0 / 24%);}
	.main-visual-wrap .mainVisual-button{width:50px;height:50px;top:35%;background-size:contain;}
	.main-visual-wrap .mainVisual-button-prev{left:10px;}
	.main-visual-wrap .mainVisual-button-next{right:10px;}	
	

	.main-sns-wrap .main-title-box .main-sns-box{position: static;margin: 20px auto;text-align: center;}
}
@media screen and (max-width: 700px){
	.hidden-sm{display: block;}
	#wrapper{padding-top: 65px;}
	#header{height: 65px;}
	#header h1{left:15px;}
	#header h1 a{background-size: auto 35px;}
	.header-right a{width: 40px;height: 40px;}
	#header.nav-fixed{height: 65px;}
	.header-container{padding: 0 15px;padding-right: 5px;}
	#sub-content-body{padding: 25px 15px 40px;}


	.header-search-wrap{padding-top: 100px;}
	.header-search-title-box{font-size: 36px;}
	.header-search-title-box span{font-size: 16px;}
	.header-search-input-wrap{max-width:80%;margin-top: 50px;}
	.header-search-input-wrap .header-search-input{font-size: 18px;}
	.header-search-close{right:15px;top:15px;}

	.main-middle-container, .main-bottom-notice-container{padding-left: 15px;padding-right: 15px;}

	.main-quick-link{padding:30px 15px;}
	.main-quick-link li{width: 100%;padding: 5px 0;}
	.main-quick-link li a{height: 100px;}
	.main-quick-link li a strong{font-size: 18px;}
	.main-quick-link1 a{background-size: 60px auto;}
	.main-quick-link2 a{background-size: 60px auto;}
	.main-quick-link3 a{background-size: 60px auto;}
	.main-quick-link4 a{background-size: 60px auto;}

	.main-program-wrap{padding-left: 15px;padding-right: 0;padding-bottom: 0px;}
	.main-program-slide .swiper-slide{padding-right: 15px;}
	.program-a{box-shadow:3px 3px 12px rgba(0, 0, 0, .08);}

	.main-middle-wrap{padding: 70px 0 30px;}
	.main-news-ul{flex-wrap:wrap;}
	.main-news-ul li{width: 100%;margin-right: 0 !important;}
	.main-news-ul li .news-title{font-size: 18px;}
	.main-news-ul li .news-header{padding: 15px;}
	.main-online-news{margin-right: 0;margin-bottom: 20px;}
	.main-notice-box{width: 100%;margin-top: 20px;padding: 20px;}

	.main-sns-wrap{padding: 30px 0 0;}
	.main-sns-list{padding: 0 15px;}
	.main-sns-list li{margin: 5px;}
	.main-sns-list li a{width: 160px;height: 160px;}
	.main-sns-wrap .main-title-box{margin-bottom: 20px;}
	.main-sns-list{margin-top: 0;}
	.main-sns-wrap .main-title-box .main-sns-btn a{margin-left: 8px;}

	.sub-content-header{padding-top: 50px;}
	.sub-content-header h2{font-size: 28px;}
	

	#footer{padding: 0 15px 50px;}
	.footer-bottom{font-size: 14px;}
	.footer-top-family-site{order:1;width: 100%;margin-bottom: 15px;}
	.footer-top-btn{order:2;justify-content:center;width: 100%;}
	.footer-top .footer-inner{padding: 15px 0;flex-wrap:wrap;}
	.footer-top-family-site #family-site{border: 1px solid #e8e8e8 !important;width: 100% !important;}
	.footer-top-family-site #family-site>a{width: 100% !important;}
	.footer-top-family-site #family-site>ul{width: 100% !important;}
	.footer-logo{width: 100%;}
	.footer-bottom .footer-inner{padding: 0;}

	.main-title-box strong{font-size: 24px;}
	.main-title-box span{font-size: 13px;}
	.main-notice-title{font-size: 20px;}
	.main-notice-box ul li a{font-size: 14px;padding-left: 13px;}
	.main-notice-box ul li a:after{left:0;}
	.main-sns-list{padding: 0;}
	.main-sns-box{}

	.main-bottom-banner-wrap{padding: 30px 0;}
	.main-bottom-banner{padding: 0 15px;}
}

@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}


.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-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; width: 398px;height: 550px;}

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

.snb .home{display:inline-block; width:16px; height:15px; background:url('/images/comm/home.png') no-repeat center/100% auto; transition:all .2s linear; vertical-align: top; margin: 8px 10px 0 0;}
.snb .home:hover{background-image:url('/images/comm/home_on.png');}

.dropLst { display:inline-block; vertical-align:middle; color:#fff;}
.dropLst .txt {font-size:18px; position:relative; display:block; text-align:left; text-decoration:none;white-space:nowrap; text-overflow:ellipsis; height:80px; padding:0 40px 0 10px; box-sizing:border-box; color:#fff; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px;}
.dropLst .dlst { display:none; position:absolute;  z-index:99999999999; left:15px; background:#fff;width: 130px;left:50%;transform:translatex(-50%);}
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst ul { padding:12px 12px;  background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:rgba(0,0,0,.15) 0 3px 15px;z-index: 5;}
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst .txt, #sub_menu .dropLst li span, #sub_menu .dropLst li a { white-space:nowrap; /*overflow:hidden;*/ text-overflow:ellipsis; }
.dropLst li a.selected, #sub_menu .dropLst li a.on, #sub_menu .dropLst li label.on span {}
.dropLst li span, #sub_menu .dropLst li a { display:block; }

.snb {display:inline-block;}
.snb .lnbHome {position:relative; display:inline-block; height:30px; padding:0 20px 0 0; vertical-align:middle;}
.snb .lnbHome img {margin-top:28px;}
.snb .lnbHome:after {position:absolute; right:0; top:-1px; display:inline-block; width:1px; height:18px; background:rgba(255,255,255,0.5)}
.snb .lnbHome a {display:block; }
.snb .tbox {display:inline-block; vertical-align:middle;}
.snb .box {position:Relative; float:left; height: 30px; text-align:left;}
.snb .box:before{content:""; position:absolute; left:0; top:11px; display:block; width:5px; height:9px; background:url('/images/comm/lnb_arrow.png') no-repeat center/100% auto;}

.snb .dropLst .txt, #sub_menu .snb .dropLst li span, #sub_menu .snb .dropLst > a 
	{padding:0 20px 0 0; width:100%; height: 30px; line-height: 30px; font-size:14px; border:none; z-index: 99; box-sizing:border-box;}
.snb .box .dropLst .txt {color: #999999;}
.snb .box.dep2 .dropLst .txt {color:#999;}
.snb .box .dropLst .txt:before {content: ""; position: absolute; top:8px; right:0; display: block; width: 14px; height: 14px; 
	background:url('/images/comm/lnb_arrow2.png') no-repeat center/100% auto; border:1px solid rgba(255,255,255,.3); transition: all 0.3s; border-radius:100%;}
.snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.snb .box.dep2 .dropLst .txt.none{padding-right:0;}
.snb .box.dep2 .dropLst .txt.none:before{display:none;}

.snb .box .dropLst ul li:last-child {border-bottom:0;}
.snb .box .dropLst li .value {width:100%; line-height: 120%; font-size:14px; letter-spacing:-0.5pt; border:none; z-index: 99; color:#666; padding:5px 0; font-weight:normal}
.snb .box .dropLst li .value:hover {color:#134aa9; text-decoration:underline}
.snb .box .dropLst li .value.on {color:#134aa9; text-decoration:underline; font-weight:normal; }
.snb .dropLst {width:100%; box-sizing: border-box; position:relative;  padding:0 16px 0 20px;}
.snb .tbox.none .dropLst{padding:0 0 0 20px;}
.snb .tbox.none .dep2{display: none;}
.snb .dep2 .dropLst{padding-right: 0;}
.snb .dropLst .d999999lst {top:80px; width:200px;}
/*** lnb ***/


/*페이지내부*/
.main2-program-box{margin: 0 auto;position: relative;}
.main2-program-slide{overflow: hidden;height: 100%;}
.main2-program-slide .swiper-wrapper{height: 100%; display: flex;flex-wrap:wrap;}
.main2-program-slide .swiper-slide{width: 25%; padding: 0 15px 50px; }

.program2-a{display: block;position: relative;text-align: center;}
.program2-label{display: inline-block;height: 51px;margin-bottom: -25px;position: relative;z-index: 2;display: block;}
.program2-label1{background: url(/images/common/program_icon03.png) center center no-repeat;}
.program2-label2{background: url(/images/common/program_icon02.png) center center no-repeat;}
.program2-label3{background: url(/images/common/program_icon01.png) center center no-repeat;}
.program2-img{display: block;height: 0;padding-top: 132%;background-size: cover;background-position: center center;border-radius:15px;}
.program2-title{display: block;font-size: 18px;color:#333;text-align: left;word-break:break-all;letter-spacing:-1px;line-height: 1.4em;margin: 10px 0 5px;}
.program2-date{display: block;font-size: 16px;color:#828282;text-align: left;line-height: 1em;}

.main2-program-prev{display: block;position: absolute;left:-120px;top:50%;margin-top: -50px;background: url(/images/common/program_prev.png) center center no-repeat;width: 76px;height: 76px;box-shadow:5px 5px 15px rgba(0, 0, 0, .1);border-radius:50%;}
.main2-program-next{display: block;position: absolute;right:-120px;top:50%;margin-top: -50px;background: url(/images/common/program_next.png) center center no-repeat;width: 76px;height: 76px;box-shadow:5px 5px 15px rgba(0, 0, 0, .1);border-radius:50%;}

@media screen and (max-width: 1000px){
	.main2-program-slide .swiper-slide{width: 47%; margin: 0 20px 50px 0; float: left;}
}

@media screen and (max-width: 700px){
	.main2-program-slide .swiper-slide{width: 100%; margin: 0 0px 50px 0; float: none;}
}