@charset "utf-8";

header{background:none}
.headerWrap .gnbWrap,.headerWrap .gnbMenu{background:none}
.headerWrap .gnbWrap:before{background:none}
.headerWrap .gnbMenu .depth1 .depth2 > ul > li > a{color:#fff}
.headerWrap .gnbMenu .depth1 .depth2 .depth3 ul li a{color:#fff}
.headerWrap .menuWrap.over .gnbWrap{border:0}

.bodyWrap.gnbOpen:before{content:"";z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/main/bg_gr2.png) repeat-x 0 0;}

.headerWrap .gnbWrap{background:none}
.headerWrap .gnbMenu .depth1 .depth2{background:none}


/* main visual slider */
.bodyWrap .mainVisualWrap{position: relative;font-size:0}
.bodyWrap .mainVisualWrap .visualSlider { position: relative; overflow: hidden; }
.bodyWrap .mainVisualWrap .visualSlider .item{ background-size:cover ! important; height:calc(100vh - 108px);}
.bodyWrap .mainVisualWrap .visualSlider .item a { overflow:hidden; position:relative; display: block; /*max-width: 1600px;*/ margin: 0 auto; /*height: 940px;*/; height:100%;}
.bodyWrap .mainVisualWrap .visualSlider .item a img { display: none;}
.mainVisualWrap .visualSlider .item a:before{z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/main/bg_gr1.png) repeat-x 0 0;}
.mainVisualWrap .visualSlider .item a:after{z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .05)}
.mainVisualWrap .visualSlider .item .txt1{z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:725px;height:126px;font-size:0;background: url(../images/main/visual_txt.png) no-repeat 0 0;}
.mainVisualWrap .btn_scroll{cursor:pointer;content:"";position:absolute;z-index:99;position:absolute;right:0;left:0;bottom:120px;margin:auto;width:89px;height:70px;font-size:0;background: url(../images/main/ic_scroll.png) no-repeat 0 0;}
.mainVisualWrap .visualSlider .slide-controller{display:none;/*position:absolute;left:50%;margin-left:-796px;bottom:170px;width:120px;height:13px;line-height:13px;text-align:center;text-align:center;*/}
.mainVisualWrap .slick-arrow{position:absolute;top:2px;width:10px;height:10px;font-size:0}
.mainVisualWrap .slick-arrow:before{content:"";position:absolute;width:10px;height:10px;top:0;bottom:0;left:0;right:0;margin:auto;border-top:2px solid #fff;border-left:2px solid #fff;}
.mainVisualWrap .slick-prev{left:0;transform:rotate(-45deg);}
.mainVisualWrap .slick-next{left:85px;transform:rotate(135deg);}
.mainVisualWrap .slide-pause,.mainVisualWrap .slide-play{position:absolute;right:0;top:2px;width:10px;height:10px;font-size:0;border-radius:100%}
.mainVisualWrap .slide-pause:before,.mainVisualWrap .slide-pause:after{content:"";position:absolute;top:0;bottom:0;left:7px;margin:auto 0;width:2px;height:14px;border-radius:2px;background:#fff}
.mainVisualWrap .slide-pause:after{right:6px;left:auto;}
.mainVisualWrap .slide-play{display:none}
.mainVisualWrap .slide-play:before{content:"";position:absolute;top:0;bottom:0;left:2px;right:0;margin:auto;width:0;height:0;border-top:5px solid transparent;border-left:8px solid #fff;border-bottom:5px solid transparent;}
.mainVisualWrap .controller{display:block;width:100px;vertical-align:top;text-align:center;color:#fff;font-size:13px;}
.mainVisualWrap .controller .current{font-weight:700}
.mainVisualWrap .controller .total{font-weight:300}
#myVideo{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;}

/* main visual popup slider new */
.mainVisualWrap .popSliderUi{z-index:1; width:100%; height:120px;  position: absolute; bottom: 0; box-sizing:border-box;background:rgba(0, 0, 0, .4)}
.mainVisualWrap .popSliderUi:before{content:"";position:absolute;top:0;left:0;width:calc((100% - 1600px)/2);height:120px;background: rgba(0, 38, 105, .9);}
.mainVisualWrap .popupSlider{height:120px;width:1600px;margin:0 auto;padding:0 90px 0 300px;box-sizing:border-box;}
.mainVisualWrap .popupSlider:before{content:"";position:absolute;top:0;left:0;width:210px;height:120px;background: rgba(0, 38, 105, .9);}
.mainVisualWrap .popupSlider:after{content:"";position:absolute;top:0;left:0;width:250px;height:120px;background: url(../images/main/txt_now.png) no-repeat 50% 50%}
.mainVisualWrap .popupSlider .item{display:flex ! important;align-items:center;justify-content:center;width:390px ! important; height:120px;color:#fff;font-size:17px}
.mainVisualWrap .popupSlider .slide-controller{position:absolute;top:0;bottom:0;right:0;width:70px;height:13px;margin:auto 0;}
.mainVisualWrap .popupSlider .slick-next{left:auto;right:0}
.mainVisualWrap .popupSlider .slide-pause,.mainVisualWrap .popupSlider .slide-play{left:0;right:0;margin:0 auto}
.mainVisualWrap .popupSlider a{color: #ffcc00;font-size: 23px;font-weight: 600;display:block;position:relative;padding-top:12px;padding-bottom:12px;padding-right:110px;background: url(../images/main/ic_plus.png) no-repeat right 50%;}

/* main visual popup slider */
.mainVisualWrap .popSliderWrap{width:100%; background: #001f45; position: absolute; bottom: 0;}
.mainVisualWrap .popSliderWrap .popSlider{width:90%; max-width:  1400px; margin:0 auto;}
.mainVisualWrap .popSliderWrap .popSlider .item{ box-sizing: border-box; height: 145px; padding-top: 40px;}
.mainVisualWrap .popSliderWrap .popSlider .item a{ text-align: center; display: block;  box-sizing: border-box;}
.mainVisualWrap .popSliderWrap .popSlider .slick-current .item a{border-right: 1px solid #294363;}
.mainVisualWrap .popSliderWrap .popSlider .item a img{display: initial; }
.popSliderWrap .popSlider .slick-arrow{width:24px; height: 47px; font-size: 0;}
.popSliderWrap .popSlider .slick-prev{background: url(../images/main/ico_mainpop_arrow_left.png)no-repeat 0 0;position: absolute;left: 0;top: 46px;}
.popSliderWrap .popSlider .slick-next{background: url(../images/main/ico_mainpop_arrow_right.png)no-repeat 0 0;position: absolute;right: 0;top: 46px;}
.popSliderWrap .popSlider .slick-dots{line-height:20px;position:absolute;margin:0 auto;bottom:38px;height:0 ! important;width:100%;max-width:1540px;text-align:center;}
.popSliderWrap .popSlider .slick-dots li{ display: inline-block;}
.popSliderWrap .popSlider .slick-dots li~li{margin-left:3px}
.popSliderWrap .popSlider .slick-dots li button{width:50px;height:5px;font-size:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background:#566981;}
.popSliderWrap .popSlider .slick-dots li.slick-active button{ background: #dd3900;}
.popSliderWrap .closeWrap{width: 100%; max-width: 1540px; margin:0 auto; position: relative;height: 0;}
.popSliderWrap .popClose{width: 58px; font-size: 16px; color: #9ea6b5;background: url(../images/main/ico_mainpop_close.png)no-repeat 50% 0%;display: inline-block;padding-top: 30px;position: absolute;bottom: 38px;right: 0;}

/* 퀵메뉴  */
.quickBtnWrap{width: 100%; max-width: 1540px; margin:0 auto;/*border-bottom: 3px solid #020e20;*/box-sizing: border-box;padding-top: 45px;}
.quickBtnWrap .quickSlider{font-size: 0;}
.quickBtnWrap .quickSlider .item {display: inline-block;width:calc(100%/11); box-sizing: border-box;text-align: center;vertical-align: top;/*margin-bottom: 30px;*/}
.quickBtnWrap .quickSlider .item:last-child {margin-right: 0px;}
.quickBtnWrap .quickSlider .item a{display: inline-block; width: calc(1540px / 10);text-align: center; font-size: 18px;}
.quickBtnWrap .quickSlider .item a span{display: block;text-align: center;min-height: 73px;}
.quickBtnWrap .quickSlider .item:first-child img	{height:73px;}

/* notice */
.noticeWrap{width: auto;max-width: 1540px;margin: 0 auto;padding: 90px 30px;position: relative;height: 326px;}
.noticeWrap h2{font-size: 50px;color: #363636;display: inline-block;margin-right: 70px;line-height: 50px;font-family: 'Oswald';font-weight: 600;vertical-align: sub;}
.noticeWrap h3{;display: inline-block;font-weight: 700;color: #888888;line-height: 50px;;font-size: 22px;border-top: 4px solid transparent;}
.noticeWrap .noticeTitle a.on{border-top: 4px solid #dd3900; color: #000;}
.noticeWrap h3~h3{padding-left: 56px;background: url(../images/main/ico_notice_line.png)no-repeat 20px 14px;}
.noticeWrap .listBox{position: absolute;top: 190px;display: none;width: calc(100% - 60px);}
.noticeWrap .listBox.on{display: block;}
.noticeWrap .listBox ul{font-size: 0;}
.noticeWrap .listBox li{display: inline-block;width: calc(90% / 3);}
.noticeWrap .listBox li~li{margin-left: 4.99%;}
.noticeWrap .listBox li a{display: block;}
.noticeWrap .listBox li a .listTitle{font-size: 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.3em;height: 2.6em;}
.noticeWrap .listBox li a .listDate{font-size: 17px;font-weight: 300;color: #848484;padding: 20px 0;}
.noticeWrap .listBox li a .listText{font-size: 17px;color: #333;font-weight: 300;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;height: 4.5em;}
.noticeWrap .listBox .noticeMore{font-size: 0; width: 36px; height: 36px; background: url(../images/main/btn_more.png)no-repeat 0 0;position: absolute;top: -110px;right: 0;}

/* schedule */
.scheduleWrap{width: 100%; height: 272px; box-sizing:border-box; background:#080f3a url(../images/main/bg_schedule.jpg)no-repeat 50% 50%; }
.scheduleWrap .schedule{width: auto; max-width: 1540px;margin: 0 auto;position: relative;padding: 0 30px;}
.scheduleWrap .schedule h2{font-size: 35px; color: #fff;padding-top: 70px;font-family: 'Oswald';font-weight: 400;}
.scheduleWrap .schedule h2 b{font-family: 'Noto Sans KR'}
.scheduleWrap .schedule ul{font-size: 0;padding-top: 35px;}
.scheduleWrap .schedule ul li{display: inline-block; width: calc(94% / 3);vertical-align: top; }
.scheduleWrap .schedule ul li~li{padding-left:2.99%; }
.scheduleWrap .schedule ul li .dateText{font-size: 40px; color: #fff; line-height: 40px;font-family: 'Oswald';font-weight: 300;}
.scheduleWrap .schedule ul li .conText{font-size: 19px; font-weight: 300; color: #cccdd1;vertical-align: text-bottom;padding-left: 18px;}
.scheduleWrap .scheduleMore{font-size: 0; width: 36px; height: 36px; background: url(../images/main/btn_more_white.png)no-repeat 0 0;position: absolute;top: 75px;right: 30px;}

/* news */
.newsWrap{padding: 100px 0;}
.newsWrap .news{width: auto;max-width: 1540px;margin: 0 auto;font-size: 0;position: relative;padding: 0 30px;}
.newsWrap .news h2{font-size: 50px;margin-bottom: 50px;line-height: 50px;font-family: 'Oswald';font-weight: 300;}
.newsWrap .news .listWrap{display: inline-block;width: 50%;vertical-align: top;}
.newsWrap .news .left{padding-right: 3.897%;box-sizing: border-box;}
.newsWrap .news .left a{display: block;}
.newsWrap .news .left .imgWrap{position: relative;font-size: 0;width: 100%;height: 0;padding-bottom: 58.875%;}
.newsWrap .news .left .imgWrap .thumb{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.newsWrap .news .left .imgWrap .thumb img{width: 100%;height: 100%;}
.newsWrap .news .left .textWrap .titleText{font-size: 50px;font-weight: 300;line-height: 1.25em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 2.5em;padding-top: 34px;}
.newsWrap .news .left .textWrap .titleText b{font-weight: 500;}
.newsWrap .news .left .textWrap .conText{font-size: 18px;color: #333;font-weight: 300;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 3em;padding-top: 27px; display: none;}
.newsWrap .news .right a{display: inline-block;width: calc( 50% - 29px);}
.newsWrap .news .right a~a{margin-left:58px;}
.newsWrap .news .right .imgWrap{position: relative;font-size: 0;width: 100%;height: 0;padding-bottom: 59%;}
.newsWrap .news .right .imgWrap .thumb { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.newsWrap .news .right .imgWrap .thumb img {/*width: 100%;*/height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.newsWrap .news .right .textWrap .titleText{font-size: 30px;font-weight: 300;line-height: 1.25em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 2.5em;margin: 44px 0;}
.newsWrap .news .right .textWrap .conText{font-size: 18px;color: #333;font-weight: 300;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;word-wrap: break-word;height: 10.5em;}
.newsWrap .news .newsMore{font-size: 0; width: 64px; height: 60px; background: #fff url(../images/main/btn_news_more.png)no-repeat 50% 50%; border:1px solid #000;position: absolute;top: -15px;right: 30px;}

/* sns */
.snsWrap .sns{max-width: 1540px;margin: 0 auto;font-size: 0;position: relative;padding: 0 30px;}
.snsWrap .sns h2{margin-bottom: 70px;font-size: 50px;line-height: 50px;font-family: 'Oswald';font-weight: 300;}
.snsWrap .sns .group{vertical-align: top;}
.snsWrap .sns .group~.group{padding-left: 4%;}
.snsWrap .sns .youtubeWrap{width: 43.637%;display: inline-block;}
.snsWrap .sns .youtubeWrap h3 a{width: 107px;height: 25px;background: url(../images/main/ico_youtube.png)no-repeat 0 0;margin-bottom: 30px; display: block;}
.snsWrap .sns .youtubeWrap .listWrap{position: relative;font-size: 0;width: 100%;height: 0;padding-bottom: 55.25%;}
/*.snsWrap .sns .youtubeWrap .listWrap~.listWrap{margin-top: 155px;}*/
.snsWrap .sns .youtubeWrap .listWrap .thumb{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.snsWrap .sns .youtubeWrap .textWrap a{display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*.snsWrap .sns .facebookWrap{display: inline-block;width: 24.156%;}
.snsWrap .sns .facebookWrap h3 a{width: 142px; height: 23px; background: url(../images/main/ico_facebookl.png)no-repeat 0 0;margin-bottom: 32px; display: block;}
*/
/* 2024.05.29 shlee :인스타로 교체 */
.snsWrap .sns .instagramWrap{display: inline-block;width: 24.156%;}
.snsWrap .sns .instagramWrap h3 a{width: 149px; height: 27px; background: url(../images/main/ico_Instagram.png)no-repeat 0 0;margin-bottom: 32px; display: block;}

.snsWrap .sns .group .listWrap a{display: block;}
.snsWrap .sns .group .listWrap .imgWrap{position: relative;font-size: 0;width: 100%;height: 0;padding-bottom: 100%;}
.snsWrap .sns .group .listWrap .thumb{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.snsWrap .sns .group .listWrap .thumb img{width: 100%; height: 100%}
.snsWrap .sns .group .textWrap{font-size: 24px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 40px 0 85px;}
.snsWrap .sns .blogWrap{display: inline-block;width: 24.156%;}
.snsWrap .sns .blogWrap h3 a{width: 92px; height: 27px; background: url(../images/main/ico_blog.png)no-repeat 0 0;margin-bottom: 28px; display: block;}
/*.snsWrap .sns .blogWrap .textWrap{height:35px;font-size:0}*/
.snsWrap .sns .snsBtnWrap{display: inline-block;position: absolute;top: -5px;right: 30px;}
.snsWrap .sns .snsBtnWrap a{width: 56px;height: 56px;display: inline-block; /*border: 1px solid #b3b3b3;*/ border-radius: 100%;}
.snsWrap .sns .snsBtnWrap a~a{margin-left: 8px;}
.snsWrap .sns .snsBtnWrap a.btnfb{background: url(../images/main/btn_facebook_out.png)no-repeat 50% 50%;}
.snsWrap .sns .snsBtnWrap a.btnis{background: url(../images/main/btn_insta_out.png)no-repeat 50% 50%;}
.snsWrap .sns .snsBtnWrap a.btntt{background: url(../images/main/btn_twitter_out.png)no-repeat 50% 50%;}
.snsWrap .sns .snsBtnWrap a.btnbl{background: url(../images/main/btn_blog_out.png)no-repeat 50% 50%;}
.snsWrap .sns .snsBtnWrap a.btnyt{background: url(../images/main/btn_youtube_out.png)no-repeat 50% 50%;}

/* bannerSlider */
.bannerSliderWrap{position: relative;}
.bannerSliderWrap .bannerSlider { position: relative; overflow: hidden; height: 321px; }
.bannerSliderWrap .bannerSlider .item {background-size: cover ! important; }
.bannerSliderWrap .bannerSlider .item a { display: block; max-width: 1600px; height: 321px; margin: 0 auto; }
.bannerSliderWrap .bannerSlider .item a img { display: none; }
.bannerSliderWrap .btnWrap{ max-width: 1600px;position: absolute;left: 0;right: 0;top: 50%;height: 0; width: 100%; margin: -25px auto 0;}
.bannerSliderWrap .slick-arrow{font-size: 0 !important; border: 0 !important; width: 24px !important; height: 50px;}
.bannerSliderWrap .bslick-prev{background: url(../images/main/btn_middleslide_left.png)no-repeat 0 0;margin-left: 30px;}
.bannerSliderWrap .bslick-next{background: url(../images/main/btn_middleslide_right.png)no-repeat 0 0;float: right;margin-right: 30px;}
.bannerSliderWrap .bannerSlider .slick-dots{display: none !important}

/* report */
.reportWrap{width: 100%;background: #022653;}
.reportWrap .report{max-width: 1540px;margin: 0 auto;padding: 110px 30px 95px;font-size: 0;}
.reportWrap .report .leftWrap{width: 16%;display: inline-block;vertical-align: top;/*padding-top: 13px;*/}
/*.reportWrap .report .leftWrap h2{width: 141px;height: 95px;background: url(../images/main/img_report_title.png)no-repeat 0 0;font-size: 0;vertical-align: top;}*/
.reportWrap .report .leftWrap h2{font-size: 50px; line-height: 54px; color: #fff; font-family: 'Oswald'; font-weight: 300;}
.reportWrap .report .leftWrap h2 b{font-weight: 600; display: block;}
.reportWrap .report .rightWrap{width: 84%;display: inline-block;}
.reportWrap .report .rightWrap ul{font-size: 0;}
.reportWrap .report .rightWrap ul li{display: inline-block;width: calc(16.6% - 100px/5);vertical-align: top;height: 450px;position: relative;}
.reportWrap .report .rightWrap ul li~li{padding-left: 20px;}
.reportWrap .report .rightWrap ul li dt .price{font-size: 59px;color: #bb8d38;display: inline-block;line-height: 70px;font-family: 'Oswald';font-weight: 200;}
.reportWrap .report .rightWrap ul li dt .won{font-size: 20px;font-weight: 300;color: #bb8d38;padding-left: 12px;}
.reportWrap .report .rightWrap ul li dd .yearText{font-size: 16px;color: #fff;padding: 30px 0 25px;}
.reportWrap .report .rightWrap ul li dd .conText .txt{font-size: 15px;color: #fff;display: block;letter-spacing: -1px;}
.reportWrap .report .rightWrap ul li dd .conText .num{font-size: 16px;color: #fff;}
.reportWrap .report .rightWrap ul li dd .conText .num b{font-size: 24px;font-weight: 400;font-family: 'Oswald';}
.reportWrap .report .rightWrap ul li dd .prText{font-size: 15px;color: #c7c7c7;font-weight: 300;position: absolute;bottom: 0;}
.reportWrap .report .rightWrap ul li dd .prText .ico{display: block;padding-bottom: 40px;}
.reportWrap .report .rightWrap ul li dd .prText .txt{color: #9ea2aa;font-size: 13px; letter-spacing: -1px;}

/* 협력사 슬라이드 */
.cpSliderWrap{position:relative;width: 100%; background: #f3f5f8}
.cpSliderWrap .cpSlider{width:100%;}
.cpSliderWrap .cpSlider .item{height: 100px;}
.cpSliderWrap .cpSlider .item a{display: block;margin: 1px;}
.cpSliderWrap .cpSlider .item img{height:100px}
.cpSliderWrap:before{content:"";position:absolute;top:0;left:0;width:50%;height:100px;background:#0e265b}
.cpSliderWrap .cpSlide_box{z-index:1;position:relative;width:100%;max-width:1600px; margin:0 auto;padding-left:242px;box-sizing:border-box;background: #f3f5f8}
.cpSliderWrap .cpSlide_box .col{position:absolute;top:0;left:0;width:242px;height:100px;background: url(../images/main/bg_bannerbox.png) no-repeat right 50%;}
.cpSliderWrap .cpSlide_box .col p{padding-top:20px;}
.cpSliderWrap .cpSlide_box .col p span{display:inline-block;width:142px;height:21px;vertical-align:top;font-size:0;background: url(../images/main/txt_family.png) no-repeat 50% bottom;}
.cpSliderWrap .cpSlide_box .col .more{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-left:10px;vertical-align:top;font-size:0;background: url(../images/main/btn_mores.png) no-repeat 50% 50%;}
.cpSliderWrap .slick-arrow{z-index:1;position:absolute;top:60px;width:24px;height:24px;font-size:0}
.cpSliderWrap .slick-arrow.slick-prev{left:-240px;background: url(../images/main/btn_sPrev.png) no-repeat 50% 50%;}
.cpSliderWrap .slick-arrow.slick-next{left:-194px;background: url(../images/main/btn_sNext.png) no-repeat 50% 50%;}
.cpSliderWrap .slide-pause{z-index:1;position:absolute;left:-216px;top:60px;width:22px;height:24px;font-size:0;background: url(../images/main/btn_sStop.png) no-repeat 50% 50%;}
.cpSliderWrap .slide-play{display:none;z-index:1;position:absolute;left:-216px;top:60px;width:22px;height:24px;font-size:0;background: url(../images/main/btn_sPlay.png) no-repeat 50% 50%;}

/* 신년사 팝업 210106 추가 */
.popupWrap{position: fixed; top: 15%; left: 10%; max-width: 780px; width: 100%; z-index: 9999;}
.popupWrap .popupContWrap{background: url(../images/main/popup_bg_210115.jpg) no-repeat 50% 50%; background-size: cover; padding: 0 80px;}
.popupWrap .popupContWrap .school{color: #8b6e45; font-size: 36px; text-align: center; line-height: 1em;/* padding: 84px 0 10px;*/padding: 100px 0 5px; letter-spacing: -5px;}
.popupWrap .popupContWrap .tit{font-size: 60px; color: #222a50; text-align: center; font-weight: 700; line-height: 1em; letter-spacing: -5px;}
.popupWrap .popupContWrap .tit span{color: #0f2b89; letter-spacing: -5px;}
.popupWrap .popupContWrap .playWrap{padding: 120px 0 80px;}
.popupWrap .popupContWrap .playWrap .play{width: 100%; height: 0; padding-bottom: 56.25%; position: relative; margin: 0 auto;}
.popupWrap .popupContWrap .playWrap .play .thum{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.popupWrap .popupContWrap .playWrap .play .thum .youtube{display: block; width: 100%; height: 100%;}
.popupWrap .popupContWrap .playWrap .play .thum .youtube img{width: 100%; height: 100%;}
.popupWrap .popupContWrap .playWrap .play .thum iframe{display: block; width: 100%; height: 100%;}

.popupWrap .closeWrap{font-size: 11px; line-height: 35px; position: relative; display: block; padding-left: 10px; color: #fff; background:#2e3339;}
.popupWrap .closeWrap input{vertical-align: middle;}
.popupWrap .closeWrap input+label{cursor: pointer; box-sizing: border-box;}
.popupWrap .closeWrap .close{display: block; position: absolute; top: 0; right: 10px;}

/* 코로나 19 대응안내 */
.popupWrap{max-width: 450px; top: 0; left: 0;}
.popupWrap .popupContWrap{background: url(../images/main/popup_bg_210416.jpg) no-repeat 50% 50%; background-size: cover; position: relative; padding: 0 46px;}
.popupWrap .popupContWrap .linkWrap{position: absolute; top: 132px; left: 0; right: 0; margin: auto; width: calc(100% - 86px);}
.popupWrap .popupContWrap .linkWrap a{display: block; font-size: 0; width: 100%; height: 35px; margin-bottom: 6px;}
.popupWrap .popupContWrap .playWrap{padding: 268px 0 130px;}
.popupWrap .popupContWrap .playWrap .play .thum video{display: block; width: 100%; height: 100%;}


/* 2024-05-28 메인 팝업 */
#popup-wrap{z-index:999999;position:fixed;top:0;left:0;width:100%;height:100%;}
#popup-wrap:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(00, 00, 00, .75)}
#popup-wrap .popup{position:fixed;left:0;right:0;margin:auto;max-width:1600px;top:50%;transform:translateY(-50%);}
#popup-wrap  .slick-slide	{margin-right:10px;text-align:center;}
#popup-wrap  .closed	{width:100%;text-align:center;font-size:18px;color:#fff;line-height:24px;margin-top:50px;}
#popup-wrap  input[type="checkbox"]	{width:24px;height:24px;margin-right:5px;}
#popup-wrap  .closed button	{margin-left:40px;position:relative;padding-left:35px;font-size:18px;color:#fff;}
#popup-wrap  .closed button:before	{content:'';position:absolute;top:0;left:0;width:24px;height:24px;border:1px solid #777;background:url('../images/main/ico_closed.png') no-repeat 50% 50%;}
#popup-wrap  label	{cursor:pointer;}
.popup_slider	{padding-top:40px;position:relative;}
.popup_slider .slide-controller{position:absolute;left:0;top:0;display:flex;align-items:center;}
.popup_slider .slick-arrow{position:absolute;top:50%;margin:auto 0;;width:16px;height:16px;font-size:0;}
.popup_slider .slick-arrow:before{content:"";position:absolute;width:16px;height:16px;top:0;bottom:0;left:0;right:0;margin:auto;border-top:4px solid #fff;border-left:4px solid #fff;}
.popup_slider .slick-dots{display:inline-block;font-size:0;}
.popup_slider .slick-dots li{display:inline-block;}
.popup_slider .slick-dots li~li{margin-left:3px}
.popup_slider .slick-dots li button{width:10px;height:10px;border-radius:30px;background:#a9a9aa;transition:all 0.3s ease-in-out}
.popup_slider .slick-dots .slick-active button{width:25px;background:#2471fe}
.popup_slider .slick-prev{left:-40px;transform:rotate(-45deg);}
.popup_slider .slick-next{right:-40px;transform:rotate(135deg)}
.popup_slider .slide-pause,.popup_slider .slide-play{position:relative;width:20px;height:20px;font-size:0;border-radius:100%}
.popup_slider .slide-pause:before,.popup_slider .slide-pause:after{content:"";position:absolute;top:0;bottom:0;left:12px;margin:auto 0;width:3px;height:10px;background:#fff}
.popup_slider .slide-pause:after{right:11px;left:auto;}
.popup_slider .slide-play{display:none}
.popup_slider .slide-play:before{content:"";position:absolute;top:0;bottom:0;left:2px;right:0;margin:auto;width:0;height:0;border-top:5px solid transparent;border-left:8px solid #fff;border-bottom:5px solid transparent;}
.popup_slider .controller{display:inline-block;position:relative;margin-right:8px;vertical-align:middle;font-size:15px;color:#fff;}
.popup_slider .controller .total{font-weight:bold;margin-right:5px;margin-left:5px;}


/* department */
.departmentWrap{padding:100px 0;}
.departmentWrap .department{position:relative;width:auto;max-width:1540px;margin:0 auto;padding:0 30px;}
.departmentWrap .department h2{font-size:50px;margin-bottom:50px;line-height:50px;font-family:'Oswald';font-weight:300;}
.departmentWrap .department .more{font-size:0;width:64px;height:60px;background:#fff url(../images/main/btn_news_more.png)no-repeat 50% 50%;border:1px solid #000;position:absolute;top:-15px;right:30px;}
.departmentWrap .itemg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}
.departmentWrap .itemg .item{position:relative;height:348px;padding:40px;color:#fff;box-sizing:border-box;}
.departmentWrap .itemg .item:before{opacity:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);transition:all 0.3s ease-in-out;}
.departmentWrap .itemg .item.ty1{background:url(../images/main/bg_department1.png) no-repeat 50% 50%/cover;}
.departmentWrap .itemg .item.ty2{background:url(../images/main/bg_department2.png) no-repeat 50% 50%/cover;}
.departmentWrap .itemg .item.ty3{background:url(../images/main/bg_department3_1.png) no-repeat 50% 50%/cover;}
.departmentWrap .itemg .item.ty4{background:url(../images/main/bg_department4_1.png) no-repeat 50% 50%/cover;}
.departmentWrap .itemg .item.ty5{background:url(../images/main/bg_department5.png) no-repeat 50% 50%/cover;}
.departmentWrap .itemg .item.ty6{background:url(../images/main/bg_department6_1_241105.png) no-repeat 50% 50%/cover;}
.departmentWrap .itemg .item p{position:relative;font-size:30px;font-weight:700}
.departmentWrap .itemg .item .link{display:none;position:relative;height:210px;margin-top:20px;font-size:17px;overflow-y:auto}
.departmentWrap .itemg .item:hover:before{opacity:1}
.departmentWrap .itemg .item:hover .link{display:block;}
.departmentWrap .itemg .item .link li~li{margin-top:6px;}
.departmentWrap .itemg .item .link li:before{position:relative;top:-2px;content:"";display:inline-block;width:2px;height:2px;vertical-align:middle;margin-right:6px;background:rgba(255, 255, 255, .5);}
.departmentWrap .itemg .item .link a:hover{text-decoration:underline;text-underline-position:under;}
.departmentWrap .itemg .item .link::-webkit-scrollbar{width:6px; height:6px;border:6px solid rgba(255, 255, 255, .8);border-radius:16px;}
.departmentWrap .itemg .item .link::-webkit-scrollbar-button:start:decrement, .departmentWrap .itemg .item .link::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:rgba(255, 255, 255, 0)}
.departmentWrap .itemg .item .link::-webkit-scrollbar-track{background:rgba(255, 255, 255, 0);border-radius:16px;}
.departmentWrap .itemg .item .link::-webkit-scrollbar-thumb{height:50px;width:6px;background:rgba(0, 0, 0, .2);border-radius:16px;}
.departmentWrap .itemg .item .link a	{position:relative;}
.departmentWrap .itemg .item .link i	{position:absolute;right:-58px;top:2px;font-size:0;width:51px;height:21px;background:url('../images/main/ico_Npart.png') no-repeat 50% 50%/cover;}

/* best */
.bestWrap{background:url(../images/main/bg_best.png) no-repeat 50% 50%/cover;}
.bestWrap .best{position:relative;width:auto;max-width:1540px;margin:0 auto;padding:90px 30px;}
.bestWrap h2{font-size:50px;margin-bottom:50px;line-height:50px;font-family:'Oswald';font-weight:300;color:#fff}
.bestWrap .itemg{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;}
.bestWrap .itemg .item{width:360px;height:377px;padding:30px 26px;background:#fff;border-radius:12px;text-align:center;box-shadow:0 12px 12px rgba(0, 0, 0, .3);box-sizing:border-box;background-position:right bottom;background-repeat:no-repeat;background-color:#fff;}
.bestWrap .itemg .item .logo{position:relative;height:80px;}
.bestWrap .itemg .item .logo:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;}
.bestWrap .itemg .item .logo span{position:relative;display:block;height:80px;font-size:0;}
.bestWrap .itemg .item .txt1{margin-top:6px;font-size:33px;font-weight:600;}
.bestWrap .itemg .item .txt1 .price{font-size:78px;font-weight:900;font-family:'SCDream7';}
.bestWrap .itemg .item .txt1 .won{color:#333}
.bestWrap .itemg .item .txt2{margin-top:12px;line-height:26px;font-size:31px;color:#000;font-weight:600;}
.bestWrap .itemg .item .txt2 span{display:block;font-size:15px;color:#777;font-weight:400}
.bestWrap .itemg .item .txt3{margin-top:18px;color:#555;font-size:18px;}
.bestWrap .itemg .item .txt3 strong{letter-spacing:-1px;font-size:27px;font-weight:700;font-family:'SCDream7';}
.bestWrap .itemg .item .txt3 span{letter-spacing:-1px;font-size:15px}
.bestWrap .itemg .item.ty1{background-image:url(../images/main/bg_bestpatern1.png);}
.bestWrap .itemg .item.ty2{background-image:url(../images/main/bg_bestpatern2.png);}
.bestWrap .itemg .item.ty3{background-image:url(../images/main/bg_bestpatern3.png);}
.bestWrap .itemg .item.ty4{background-image:url(../images/main/bg_bestpatern4.png);}
.bestWrap .itemg .item.ty5{background-image:url(../images/main/bg_bestpatern5.png);}
.bestWrap .itemg .item.ty1 .logo:before{background:#39c101}
.bestWrap .itemg .item.ty2 .logo:before{background:#ee8101}
.bestWrap .itemg .item.ty3 .logo:before{background:#01aab0}
.bestWrap .itemg .item.ty4 .logo:before{background:#008de6}
.bestWrap .itemg .item.ty5 .logo:before{background:#0849ad}
.bestWrap .itemg .item.ty1 .txt1 .price{color:#4346c8}
.bestWrap .itemg .item.ty2 .txt1 .price{color:#01aab0}
.bestWrap .itemg .item.ty3 .txt1 .price{color:#0849ad}
.bestWrap .itemg .item.ty4 .txt1 .price{color:#008ae1}
.bestWrap .itemg .item.ty5 .txt1 .price{color:#0849ad}
.bestWrap .itemg .item .txt1:before{content:'';display:block;width:100%;height:104px}
.bestWrap .itemg .item.ty1 .txt1:before{background:url(../images/main/best_logo1.png) no-repeat 50% 0;}
.bestWrap .itemg .item.ty2 .txt1:before{background:url(../images/main/best_logo2.png) no-repeat 50% 0;}
.bestWrap .itemg .item.ty3 .txt1:before{background:url(../images/main/best_logo3.png) no-repeat 50% 0;}
.bestWrap .itemg .item.ty4 .txt1:before{background:url(../images/main/best_logo4.png) no-repeat 50% 0;}

/* N_part */
.N_part	{width:100%;background:#f9fafb;padding:100px 0 200px 0;margin-top:20px;}
.part_area	{max-width:1540px;margin:0 auto;}
.part_area h2	{font-size:46px;color:#000;font-weight:400;margin-bottom:40px;}
.part	{display:flex;}
.part > div	{width:calc((100% - 700px)/2 - 40px);margin-right:40px;}
.part > div:first-child	{width:700px;}
.part > div:last-child	{margin-right:0;}
.part > div p	{position:relative;}
.part > div p img	{max-width:100%;}
.part > div a	{width:60px;height:60px;transition:all 0.2s ease-in-out;border-radius:100%;background:url('../images/main/N_part_home.png') no-repeat 50% 50% rgba(255, 255, 255, .9);position:absolute;right:25px;bottom:20px;font-size:0;box-shadow:3px 3px 6px rgba(0, 0, 0, .15);}
.part > div a:hover	{bottom:25px;}
.part > div .part_name	{margin-top:40px;font-size:25px;color:#111;font-weight:600;margin-bottom:20px;}
.part > div .part_text	{font-size:17px;color:#555;}


/* N_banner */
.N_banner	{max-width:1540px;width:100%;margin:-100px auto 20px;box-shadow:3px 3px 6px rgba(0, 0, 0, .15);}
.N_banner img	{max-width:100%;}
.N_banner .mo	{display:none;width:100%;}
.N_banner .pc	{display:block;}

@media (max-width: 1540px) {
	/* N_part */
	.part_area	{width:calc(100% - 40px);}
	.part > div	{width:calc(25% - 8px);}
	.part > div:first-child	{width:calc(50% - 60px);}
}

@media (max-width: 1280px) {
	/* N_part */
	.N_part	{padding-bottom:100px;}
	.part > div	{margin-right:20px;}
	.part > div	{width:calc(25%);}
	.part > div:first-child	{width:calc(50% - 40px);}
	.part_area h2	{font-size:30px;margin-bottom:30px;}	
	.part > div .part_name	{margin-top:30px;font-size:22px;margin-bottom:10px;}
	/* N_banner */
	.N_banner	{margin-top:0}
}

@media (max-width: 900px) {
	.N_banner .mo	{display:block;}
	.N_banner .pc	{display:none;}
	.departmentWrap .itemg .item .link i	{top:-2px;right:-48px;width:42px;height:21px;background-size: 100% auto;}
	.part > div:first-child	{width:calc(50% - 30px);}

}

@media (max-width: 640px) {
	/* N_part */
	.N_part	{padding: 50px 0;}
	.part 	{flex-wrap:wrap;}
	.part > div	{width:calc(100%/2 - 15px);margin-right:0;}
	.part > div:first-child	{width:100%;}
	.part > div:nth-child(2n)	{margin-right:30px;}
	.part > div:nth-child(n + 1)	{margin-top:20px;}
	.part > div .part_name	{margin-top:20px;font-size:20px;}
	.part > div .part_text	{display:none;}
	.part > div a	{width:50px;height:50px;right:15px;bottom:15px}
}

@media (max-width: 1600px) {
	.popup_slider .slick-next	{right:20px;}
	.popup_slider .slick-prev	{left:20px;}
	.popup_slider .slide-controller	{text-align:center;}
}
@media (max-width: 1280px) {
	.popup_slider	{width:calc(100% - 80px);margin:0 auto;}
	.popup_slider .slide-controller	{max-width:390px;width:100%;left:50%;;transform:translateX(-50%);}
	.popup_slider .slick-dots{display:none !important;}
	.popup_slider .slick-next	{right:-20px;}
	.popup_slider .slick-prev	{left:-20px;}
	.slick-slide img	{max-width:100%;}
	#popup-wrap  .slick-slide	{margin-right:0;}
}
@media (max-width: 640px) {
	#popup-wrap  .closed	{font-size:15px;margin-top:20px;}
	#popup-wrap  input[type="checkbox"]	{width:18px;height:18px;}
	#popup-wrap  .closed button	{margin-left:20px;font-size:15px;padding-left:25px;}
	#popup-wrap  .closed button:before	{top:2px;width:18px;height:18px;background-size:8px auto;}
	.popup_slider .slick-arrow	{margin-top:-10px;}
}

@media (max-width: 390px) {
	.popup_slider .slick-arrow	{margin-top:-40px;}
}



@media (max-width: 1620px) {
	.bodyWrap .mainVisualWrap .visualSlider{}
	.bodyWrap .mainVisualWrap .visualSlider .item{background-size: cover ! important;  }
	.mainVisualWrap .visualSlider .slide-controller{margin:0;left:20px}
	.mainVisualWrap .visualSlider .slick-dots{left:0px;max-width:1090px; bottom: 31%}
	.mainVisualWrap .popSliderWrap .popSlider .item{ padding-top: 30px; height: 135px;}
	.popSliderWrap .popClose{right: 10px}

	.mainVisualWrap .popupSlider{width:calc(100% - 20px);margin-right:20px;}
	.mainVisualWrap .popupSlider:after{left:20px}
	.mainVisualWrap .popupSlider a{padding-right:50px}

	/*.scheduleWrap .schedule ul li .dateText{font-size: 38px;}
	.scheduleWrap .schedule ul li .conText{font-size: 17px; padding-left: 10px}*/

	/*.snsWrap .sns .youtubeWrap .listWrap~.listWrap{margin-top:127px;}*/
	.snsWrap .sns .group .textWrap{padding: 30px 0 65px;}

	.bannerSliderWrap .bannerSlider{height: 250px;}
	.bannerSliderWrap .bannerSlider .item a{height: 250px;}


	.reportWrap .report .rightWrap ul li{width: calc(25% - 90px/4); }
	.reportWrap .report .rightWrap ul li~li{padding-left: 30px}
	.reportWrap .report .rightWrap ul li dt .price{font-size: 68px}
	.reportWrap .report .rightWrap ul li dt .won{padding-left:3px;}
	.reportWrap .report .rightWrap ul li dd .yearText{padding:20px 0;}
	.reportWrap .report .rightWrap ul li dd .conText .txt{font-size: 20px}
	.reportWrap .report .rightWrap ul li{height: 430px}


}

@media (max-width: 1280px) {
	.bodyWrap .mainVisualWrap .visualSlider{}
	.bodyWrap .mainVisualWrap .visualSlider .item a{}

	.mainVisualWrap .popSliderWrap .popSlider .item{height: 125px;}
	.popSliderWrap .popSlider .slick-prev{top:35px;}
	.popSliderWrap .popSlider .slick-next{top: 35px;}
	.popSliderWrap .popSlider .slick-dots{bottom:30px;}

	.quickBtnWrap .quickSlider .item{width: 20%}

	.noticeWrap{padding:70px 30px;}
	.noticeWrap .listBox li a .listTitle{font-size: 25px}
	.noticeWrap .listBox .noticeMore{top:-120px;}

	.scheduleWrap .schedule h2{padding-top: 60px;}
	.scheduleWrap .scheduleMore{top: 65px;}
	.scheduleWrap{;height: 300px;  background-size: cover;}
	/*.scheduleWrap .schedule ul li .dateText{font-size: 40px;}*/
	.scheduleWrap .schedule ul li .conText{/*font-size: 22px;*/display: block;padding-left: 0;padding-top: 10px;color: #fff;}

	.newsWrap .news .left .textWrap .titleText{font-size: 45px;}
	.newsWrap .news .right .textWrap .titleText{font-size: 27px; margin:35px 0;}
	.newsWrap .news .right .textWrap .conText{font-size: 16px}

	/*.snsWrap .sns .youtubeWrap .listWrap~.listWrap{margin-top:103px;}*/
	.snsWrap .sns .group .textWrap{padding: 20px 0 55px;font-size: 21px;}

	.bannerSliderWrap .bannerSlider{height: 210px;}
	.bannerSliderWrap .bannerSlider .item a{height: 210px;}

	.reportWrap .report{padding:80px 15px 70px;}
	.reportWrap .report .rightWrap ul li{width:calc(25% - 45px/4);}
	.reportWrap .report .rightWrap ul li~li{padding-left: 15px}
	.reportWrap .report .rightWrap ul li dt .price{font-size: 60px}
	.reportWrap .report .rightWrap ul li dt .won{font-size: 16px; padding-left: 2px}
	.reportWrap .report .rightWrap ul li dd .conText .txt{font-size: 17px}



}

@media (max-width: 1024px) {
	.mainVisualWrap .popSliderWrap .popSlider .item a img{width:330px}
	.popSliderWrap .popClose{width: 48px;background-size: 43%;font-size: 13px;padding-top: 24px;text-align: center;bottom: 50px;right: 5px;}

	.noticeWrap{padding: 50px 20px 0px;}
	.noticeWrap h2{margin-right: 40px}
	.noticeWrap .listBox{top: 150px;width: calc(100% - 40px);}
	.noticeWrap .listBox .noticeMore{top:-100px;right:5px;}
	.noticeWrap h3{font-size: 20px}
	.noticeWrap .listBox li a .listTitle{font-size: 20px}
	.noticeWrap .listBox li a .listDate{padding:12px 0; font-size: 16px}
	.noticeWrap .listBox li a .listText{font-size: 16px}

	.reportWrap .report{padding:60px 30px 50px;}
	.reportWrap .report .leftWrap{width: 30%}
	.reportWrap .report .leftWrap h2{margin-left: 30px}
	.reportWrap .report .rightWrap{width: 70%}
	.reportWrap .report .rightWrap ul li{width: 50%; height: 430px;padding-left: 30px;box-sizing: border-box;margin-bottom: 30px;}
	.reportWrap .report .rightWrap ul li~li{padding-left: 30px}
	.reportWrap .report .rightWrap ul li dt .price{font-size: 68px}
	.reportWrap .report .rightWrap ul li dt .won{padding-left:3px;}
	.reportWrap .report .rightWrap ul li dd .yearText{padding:20px 0;}
	.reportWrap .report .rightWrap ul li dd .conText .txt{font-size: 20px}

	.bannerSliderWrap .bannerSlider{height: 180px}
	.bannerSliderWrap .bannerSlider .item a{height: 180px;}
	.bannerSliderWrap .bslick-prev{margin-left: 10px}
	.bannerSliderWrap .bslick-next{margin-right: 10px}
}
@media (max-width: 900px) {
	.slick-dots{bottom:70px;left:35px;}
	.bodyWrap .mainVisualWrap .visualSlider{font-size: 0;height:560px}
	.bodyWrap .mainVisualWrap .visualSlider .item{background: 0 !important;height:560px;}
	.mainVisualWrap .visualSlider .item .txt1{width:267px;height:179px;background: url(../images/main/visual_txt_m.png) no-repeat 0 0;background-size:contain}
	.bodyWrap .mainVisualWrap .visualSlider .item a img{display: block; width: 100%; height: 100%;}
	.mainVisualWrap .popSliderUi{height:100px}
	.mainVisualWrap .popupSlider:after{display:none}
	.mainVisualWrap .popupSlider{width:auto;padding:0 20px;margin:0;height:100px;}
	.mainVisualWrap .popupSlider:before{display:none}
	.mainVisualWrap .popupSlider .slide-controller{display:none}
	.mainVisualWrap .popupSlider .item{width:100% ! important;height:100px;}
	.mainVisualWrap .popupSlider a{padding-right:50px;font-size:14px;}

	.mainVisualWrap .btn_scroll{width:45px;height:35px;bottom:30px;background-size:contain}
	.mainVisualWrap .visualSlider .slide-controller{left:0;right:0;bottom:100px;margin:0 auto}
	

	.mainVisualWrap .popSliderWrap{position: inherit; }
	.mainVisualWrap .popSliderWrap .popSlider{width: 100%}
	.popSliderWrap .popSlider .slick-dots{bottom: 15px;display: flex !important;left: 0;}
	.popSliderWrap .popSlider .slick-dots li{width: 100%}
	.popSliderWrap .popSlider .slick-dots li button{width: 100%}

	.popSliderWrap .popClose{background-size: 0; color: #fff; padding:0;bottom: 12px;width: auto;right: 12px;font-size: 13px;}
	.popSliderWrap .popClose:after{content: ' X';}


	.quickBtnWrap .quickSlider .item a{width:100%;display:block;text-align:center;}

	.noticeWrap{padding:50px 20px 30px; height: 280px;}
	.noticeWrap h2{display: block;margin-bottom: 25px;}
	.noticeWrap .listBox{top: 190px}
	.noticeWrap .listBox *{vertical-align: top;}
	.noticeWrap .listBox ul{font-size:0;}
	.noticeWrap .listBox li{width: calc(95% / 2);}
	.noticeWrap .listBox li:last-child{display: none;}
	.noticeWrap .listBox .noticeMore{top: -140px}

	.scheduleWrap{background:url(../images/main/bg_schedule_m.jpg)no-repeat 50% 50%; background-size: cover;}
	/*.scheduleWrap .schedule ul li{width: calc(94% /3);}*/
	/*.scheduleWrap .schedule ul li:last-child{display: none;}*/
	.scheduleWrap .schedule ul li .dateText{font-size: 34px;}
	.scheduleWrap .schedule ul li .conText{font-size: 16px;}

	.newsWrap .news .left{display: block; width: 100%; padding:0;}
	.newsWrap .news .right{display: none;}
	.newsWrap .news .newsMore{width: 50px; height: 46px;top: -2px;}

	.snsWrap .sns .group .listWrap:last-child{display: none;}
	.snsWrap .sns .snsBtnWrap{top: 6px;}
	.snsWrap .sns .snsBtnWrap a{width: 40px; height:40px;}
	.snsWrap .sns .youtubeWrap{width: 100%;margin-bottom: 30px;}
	/*.snsWrap .sns .facebookWrap{width: 48.5%; margin-right:3%;}*/
	.snsWrap .sns .instagramWrap{width: 48.5%; margin-right:3%;}
	
	.snsWrap .sns .blogWrap{width: 48.5%}
	.snsWrap .sns .group~.group{padding:0;}
	/*.snsWrap .sns .facebookWrap h3{margin-bottom: 17px}*/
	.snsWrap .sns .instagramWrap h3{margin-bottom: 17px}
	.snsWrap .sns .blogWrap h3{margin-bottom: 13px}

	.reportWrap{display: none;}

	.bannerSliderWrap .bannerSlider,.bannerSliderWrap .bannerSlider div{font-size:0;height: auto;}
	.bannerSliderWrap .bannerSlider .item{background: 0 !important;}
	.bannerSliderWrap .bannerSlider .item a{height: auto;}
	.bannerSliderWrap .bannerSlider .item a img{display: block; width: 100%;}

	.bannerSliderWrap .bannerSlider .slick-dots{line-height:20px;position:absolute;margin:0 auto;height:0 ! important;width:100%;max-width:1540px;text-align:center;bottom:12px;display:flex!important;left:0;}
    .bannerSliderWrap .bannerSlider .slick-dots li{width: 100%;}
    .bannerSliderWrap .bannerSlider .slick-dots li~li{margin-left: 3px;}
    .bannerSliderWrap .bannerSlider .slick-dots li button{width: 100%; height: 5px; font-size: 0; background: #566981;}
    .bannerSliderWrap .bannerSlider .slick-dots li.slick-active button{background: #dd3900;}

	.cpSliderWrap{height:60px}
	.cpSliderWrap .cpSlider .item{height:60px}
	.cpSliderWrap .cpSlider .item img{height:60px}
	.bannerSliderWrap .btnWrap{display: none;}
	.cpSliderWrap .cpSlide_box{padding-left:100px}
	.cpSliderWrap .cpSlide_box .col{height:60px;width:100px;background-size:cover}
	.cpSliderWrap .cpSlide_box .col p{padding-top:16px;margin-left:10px;}
	.cpSliderWrap .cpSlide_box .col p span{width:36px;height:30px;background:url(../images/main/txt_family_m.png) no-repeat 50% 50%/contain;}
	.cpSliderWrap .cpSlide_box .col .more{width:16px;height:16px;margin-left:8px;vertical-align:middle;background-size:contain}
	.cpSliderWrap:before,.cpSliderWrap .slick-arrow, .cpSliderWrap .slide-controller{display:none}

	.popupWrap{left: 0; right: 0; top: 0; margin: auto; /*max-width: 100%;*/}
	.popupWrap .popupContWrap .school{font-size: 30px;}
	.popupWrap .popupContWrap .tit{font-size: 40px;}

	/*.popupWrap .popupContWrap{padding: 0 40px;}
	.popupWrap .popupContWrap .playWrap{padding:80px 0 80px;}*/

	
	/* department */
	.departmentWrap{padding:50px 0 20px;}
	.departmentWrap .department{padding:0 15px;}
	.departmentWrap .department h2{font-size:30px;margin-bottom:25px;line-height:40px;letter-spacing:-1px;}
	.departmentWrap .itemg{grid-template-columns:1fr 1fr;gap:8px}
	.departmentWrap .itemg .item{padding:20px 12px;height:200px}
	/*.departmentWrap .itemg .item:before{opacity:1;}*/
	.departmentWrap .itemg .item p{font-size:16px}
	.departmentWrap .itemg .item .link{/*display:block;*/height:120px;font-size:13px}
	.departmentWrap .department .more{width:50px;height:46px;top:-2px;}

	/* best */
	.bestWrap .best{padding:50px 20px}
	.bestWrap h2{font-size:30px;margin-bottom:25px;line-height:40px;}
	.bestWrap .itemg	{gap:20px;}
	.bestWrap .itemg .item{position:relative;width:calc(100%/2 - 10px);height:auto;padding:18px;background-size:auto 130px ! important;background-color:#fff ! important;box-sizing:border-box;}
	.bestWrap .itemg .item .logo{position:absolute;left:20px;top:0;bottom:0;margin:auto;}
	.bestWrap .itemg .item .logo:before{display:none}
	.bestWrap .itemg .item .logo{height:100%;}
	.bestWrap .itemg .item .logo span{height:100%;background-color:transparent ! important}
	.bestWrap .itemg .item .txt1:before	{height:60px;background-size:auto 100% ! important;}
	.bestWrap .itemg .item .txt1{margin:0;font-size:25px}
	.bestWrap .itemg .item .txt1 .price{font-size:50px}
	.bestWrap .itemg .item .txt2{margin-top:0;font-size:20px;}
	.bestWrap .itemg .item .txt2 span{font-size:11px;}
	.bestWrap .itemg .item .txt3{margin-top:0;font-size:16px}
	.bestWrap .itemg .item .txt3 strong{font-size:16px;}
	.bestWrap .itemg .item .logo.ty1 span{width:45px;}
	.bestWrap .itemg .item .logo.ty2 span{width:58px;}
	.bestWrap .itemg .item .logo.ty3 span{width:45px;}
	.bestWrap .itemg .item .logo.ty4 span{width:58px;}

}

@media (max-width: 640px) {
	.mainVisualWrap .popSliderWrap .popSlider .item a img{width: 300px; height: auto;}
	.mainVisualWrap .visualSlider .controllWrap{display: none !important;}
	.mainVisualWrap .visualSlider .slick-dots{bottom: 40px;left: 0;;}
	.mainVisualWrap .visualSlider .slick-dots li button{width: 30px;height: 25px;font-size: 15px;border-bottom: 3px solid #afb4be;}
	.mainVisualWrap .visualSlider .slick-dots li.slick-active button{border-bottom: 3px solid #001f45;}

	.quickBtnWrap .quickSlider .item a{font-size: 14px; line-height: 1.25em;}
	.quickBtnWrap .quickSlider .item a span{padding-bottom: 5px;min-height: 0;}
	.quickBtnWrap .quickSlider .item a span img{width: auto; height: 45px;}
	.quickBtnWrap .quickSlider .item:first-child img	{height:45px;}

	.noticeWrap{padding:50px 15px 20px; height: 270px;}
	.noticeWrap h2{margin-bottom: 15px;font-size: 30px;}
	.noticeWrap h3{font-size: 14px;line-height: 35px;}
	.noticeWrap h3~h3{padding-left: 15px; background-position: 5px 9px}
	.noticeWrap .listBox{top: 170px}
	.noticeWrap .listBox .noticeMore{width: 25px; height:25px; background-size: cover;top: -110px;right: -10px;}
	.noticeWrap .listBox li a .listTitle{font-size: 17px}
	.noticeWrap .listBox li a .listDate{font-size: 15px; padding:8px 0;}
	.noticeWrap .listBox li a .listText{font-size: 15px; line-height: 1.25em; height: 3.75em;}

	.scheduleWrap{height: 235px;}
	.scheduleWrap .schedule{padding:0 15px;}
	.scheduleWrap .schedule h2{font-size: 22px;padding-top: 50px;}
	.scheduleWrap .schedule ul{padding-top: 25px}
	.scheduleWrap .schedule ul li .dateText{font-size: 22px;line-height: 25px;}
	.scheduleWrap .schedule ul li .conText{font-size: 15px;padding-top: 5px;}
	.scheduleWrap .scheduleMore{width: 25px; height: 25px; background-size: contain; right: 15px; top: 50px}

	.newsWrap{padding:40px 0;}
	.newsWrap .news{padding:0 15px;}
	.newsWrap .news h2{font-size: 30px;margin-bottom: 25px;line-height: 40px;}
	.newsWrap .news .newsMore{width: 34px; height: 34px;background-size: 50%;top: 0px;right: 15px;}
	.newsWrap .news .left .textWrap .titleText{font-size: 25px;padding-top: 24px;}
	.newsWrap .news .left .textWrap .conText{font-size: 16px; padding-top: 15px	}

	.snsWrap .sns{padding:0 15px;}
	.snsWrap .sns h2{font-size: 30px; margin-bottom: 25px;line-height: 40px;}
	.snsWrap .sns .snsBtnWrap{right: 15px;top: 3px;}
	.snsWrap .sns .snsBtnWrap a{width: 35px; height: 35px;}
	.snsWrap .sns .youtubeWrap h3{width:80px; background-size: contain;margin-bottom:10px;}
	/*.snsWrap .sns .facebookWrap h3{width: 114px; background-size: contain;margin-bottom: 12px;}*/
	.snsWrap .sns .instagramWrap h3{width: 114px; background-size: contain;margin-bottom: 12px;}
	.snsWrap .sns .group .textWrap{font-size: 16px;padding: 15px 0 45px;}
	.snsWrap .sns .blogWrap h3{width: 75px; background-size: contain;margin-bottom: 7px;}

	/*.popupWrap .popupContWrap{padding: 0 20px;}
	.popupWrap .popupContWrap .playWrap{padding:50px 0 80px;}*/

	/* department */
	.departmentWrap .department .more{width:30px;height:30px;top:4px;right:12px}
	.bestWrap .best	{padding:50px 10px;}
	.bestWrap .itemg .item	{width:calc(100%/2 - 5px);}
	.bestWrap .itemg .item .txt1:before	{margin-bottom:10px;height:50px;}
	.bestWrap .itemg	{gap:10px;}
	.bestWrap .itemg .item{background-size:auto 100px ! important;padding:15px 10px;}
	.bestWrap .itemg .item .txt1{font-size:18px}
	.bestWrap .itemg .item .txt1 .price{font-size:38px}
	.bestWrap .itemg .item .txt2{font-size:18px;}
	.bestWrap .itemg .item .txt3{font-size:14px}

}

@media (max-width: 480px) {
/*.popupWrap .popupContWrap .playWrap{padding:0px 0 50px;}*/
.popupWrap .popupContWrap .linkWrap{width: calc(100% - 70px); top: 30vw;}
.popupWrap .popupContWrap .linkWrap a{height: 7.5vw;}
.popupWrap .popupContWrap .playWrap{padding: 80% 0 40%;}
}
@media (max-width: 375px) {
	.mainVisualWrap .visualSlider .slick-dots{padding-left: 15px}
	.mainVisualWrap .popSliderWrap .popSlider .item{height: 100px;padding-top: 23px;}
	.mainVisualWrap .popSliderWrap .popSlider .item a img{width: 250px;}
	.popSliderWrap .popSlider .slick-arrow{width: 12px; top: 25px}
	.popSliderWrap .popSlider .slick-next{background-position: 100%;}

	.quickBtnWrap{padding-top: 35px}

	/*.noticeWrap h2{font-size: 25px; }*/
	.noticeWrap h3~h3{padding-left: 15px; background-position: 3px 9px}

	.scheduleWrap{height: 200px}
	.scheduleWrap .schedule h2{/*font-size: 18px;*/padding-top: 33px;}
	/*.scheduleWrap .schedule ul li .dateText{font-size: 18px;}
	.scheduleWrap .schedule ul li .conText{font-size: 13px}*/
	.scheduleWrap .scheduleMore{top: 30px}

	.newsWrap .news .newsMore{width: 30px; height: 30px; top: 4px;}
	/*.newsWrap .news h2{font-size: 25px}
	.newsWrap .news .left .textWrap .titleText{font-size: 21px}
	.newsWrap .news .left .textWrap .conText{font-size: 14px}*/

	/*.snsWrap .sns h2{font-size: 25px}*/
	.snsWrap .sns .snsBtnWrap a{width: 33px; height: 33px;}
	.snsWrap .sns .snsBtnWrap{top: 2px}
	/*.snsWrap .sns .snsBtnWrap a.btnfb,.snsWrap .sns .snsBtnWrap a.btnis,.snsWrap .sns .snsBtnWrap a.btntt,.snsWrap .sns .snsBtnWrap a.btnbl,.snsWrap .sns .snsBtnWrap a.btnyt{background-size: 40px;}*/
	.snsWrap .sns .snsBtnWrap a~a{margin-left: 5px;}
	.snsWrap .sns .youtubeWrap h3{width: 70px;margin-bottom: 5px;}
	/*.snsWrap .sns .facebookWrap h3{width: 100px; margin-bottom: 7px}*/
	.snsWrap .sns .instagramWrap h3{width: 100px; margin-bottom: 7px}
	.snsWrap .sns .blogWrap h3{width: 63px; margin-bottom: 2px}
	/*.snsWrap .sns .group .textWrap{font-size: 15px;}*/
}