@charset "UTF-8";

@font-face { font-family: 'pp'; font-weight: 100; font-style: normal; src: url('../fonts/Paperlogy1.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'pp'; font-weight: 200; font-style: normal; src: url('../fonts/Paperlogy2.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'pp'; font-weight: 300; font-style: normal; src: url('../fonts/Paperlogy3.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'pp'; font-weight: 400; font-style: normal; src: url('../fonts/Paperlogy4.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'pp'; font-weight: 500; font-style: normal; src: url('../fonts/Paperlogy5.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'pp'; font-weight: 600; font-style: normal; src: url('../fonts/Paperlogy6.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'pp'; font-weight: 700; font-style: normal; src: url('../fonts/Paperlogy7.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'pp'; font-weight: 800; font-style: normal; src: url('../fonts/Paperlogy8.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'pp'; font-weight: 900; font-style: normal; src: url('../fonts/Paperlogy9.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'SBAggro'; font-weight: 300; font-style: normal; src: url('../fonts/SBAggroL.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'SBAggro'; font-weight: 400; font-style: normal; src: url('../fonts/SBAggroM.ttf') format('woff'); font-display: swap; } 
@font-face { font-family: 'SBAggro'; font-weight: 500; font-style: normal; src: url('../fonts/SBAggroB.ttf') format('woff'); font-display: swap; } 
#main a{text-decoration:none}
#main h3{font-weight:900; font-size: 50px;     font-family: "GmarketSansTTFBold";}

#visualWrap{font-family: 'pp';overflow:hidden;width:100%; height: 100vh; margin:0 auto;line-height:0; position: relative;}
#visual .visual{position:relative;width:100% !important; height: 100vh;}
#visualWrap .bx-wrapper{position:relative;text-align:center; max-width: 1080px;margin: auto;}/*교내소식*/
#visualWrap .bx-wrapper .bx-caption{position:absolute;left:0;right:0;top:40%;z-index:150;width:100%;text-align:center}
#visualWrap .bx-wrapper .bx-caption p{font-family:'NanumSquare';color:rgba(255,255,255,0);line-height:150%}
#visualWrap .bx-wrapper .active .bx-caption p{font-family:'NanumSquare';color:#fff;line-height:110%;text-shadow:3px 3px 3px rgba(0,0,0,1);animation:visual 3s ease-in-out}
@keyframes visual{
	0%{margin-top:30px;color:rgba(255,255,255,0);text-shadow:5px 5px 5px rgba(0,0,0,0)}
	50%{margin-top:0;color:rgba(255,255,255,1);text-shadow:4px 4px 4px rgba(0,0,0,0.5)}
	100%{margin-top:0;color:rgba(255,255,255,1);text-shadow:3px 3px 3px rgba(0,0,0,1)}
}
#visualWrap .bx-wrapper .bx-caption p:first-child{font-size:60px;font-weight:700;}
/*#visualWrap .bx-wrapper .bx-caption p:last-child{font-size:36px;font-weight:400}*/
#visualWrap .bx-wrapper .bx-controls{position:absolute;top:0;left:0;right:0;z-index:140;max-width:1400px;width:100%;height:100%;margin:0 auto}
#visualWrap .bx-wrapper .bx-pager{float:right;margin:20px 50px 0 0}
#visualWrap .bx-wrapper .bx-pager .bx-pager-item{display:inline-block;padding-right:5px}
#visualWrap .bx-wrapper .bx-pager .bx-pager-link{overflow:hidden;display:block;width:15px;height:15px;background-color:#515153;font-size:0;text-indent:-9999px}
#visualWrap .bx-wrapper .bx-pager .bx-pager-link.active{width:30px;background-color:#0e4194}
#visualWrap .bx-wrapper .bx-controls-direction{position:relative;left:0;top:40%}
#visualWrap .bx-wrapper .bx-controls-direction a{display:block;float:left;width:45px;height:45px; background-color:rgba(0,0,0,.5);text-indent:-9999px}
#visualWrap .bx-wrapper .bx-controls-direction a:hover{background-color:#000}
#visualWrap .bx-wrapper .bx-controls-direction a:focus{background-color:rgba(0,0,0,.5)}
#visualWrap .bx-wrapper .bx-controls-direction .bx-prev{position:absolute;left:0;background:url('../images/visual_btn_prev.png') rgba(26,116,187,.9) no-repeat center center}
#visualWrap .bx-wrapper .bx-controls-direction .bx-next{position:absolute;right:0;background:url('../images/visual_btn_next.png') rgba(26,116,187,.9) no-repeat center center}
#visualWrap .bx-wrapper .bx-controls-auto{position:absolute;top:20px;right:20px;width:30px;height:15px;text-align:left}
#visualWrap .bx-wrapper .bx-controls-auto a{text-indent:-9999px}
#visualWrap .bx-wrapper .bx-controls-auto .bx-start{position:absolute;top:0;z-index:102;width:30px;height:15px;margin:0;background:url('../images/visual_btn_start.png') no-repeat center center}
#visualWrap .bx-wrapper .bx-controls-auto .bx-stop{position:absolute;top:0;z-index:102;width:30px;height:15px;margin:0;background:url('../images/visual_btn_stop.png') no-repeat center center;}
#visualWrap .bx-wrapper .bx-controls-auto .bx-start.active{z-index:101;background:url('../images/visual_btn_stop.png') no-repeat center center}
#visualWrap .bx-wrapper .bx-controls-auto .bx-stop.active{z-index:101;background:url('../images/visual_btn_start.png') no-repeat center center}

.visualbox{position: absolute; width: 450px; height: 280px; background: rgba(0,0,0,0.7); padding: 20px; top: 40%; left: 20%; transform: translate(-50%, -50%);}
.visualbox h1{color: #FFFFFF; font-size: 30px; text-align: center; line-height: 0px; font-weight: 400; padding-top: 25px; font-family: 'Noto Sans KR', sans-serif; position: relative; text-shadow: 0px 0px 7px #000;}
.visualbox h1::before{content: ""; position: relative; left: 0; bottom: -50px; width: 80px; height: 2px; background: #FFFFFF; margin: 10px auto; display: block;}
.visualbox p{color: #FFFFFF; font-size: 30px; position: relative; display: block; text-shadow: 0px 0px 7px #000;  padding: 45px 0; line-height: 40px; margin-top: 20px;}
.visualbox p span{ font-size: 35px; }
.visualbox a{width: 100%; position: relative; display: inline-block; color: #FFFFFF;}
.visualbox a:hover{color: #000;}
#visual{position: relative; height: 100%; z-index: 100;}
#visual .visual{ display:inline-block;position: relative; }
#visual .visual::before{content: "";position: absolute;width: 100%;height: 100%;background:linear-gradient(180deg, #00000000 50%, #00000000 82%, #00000039 95%);z-index: 1000;}



/* 이미지 */
.main_visual .visual{position:relative;height:100%;z-index:100;} /* 200707 수정 */
.main_visual .visual div{height:100%;}
.main_visual .visual img{position:relative; left: 50%; width:auto; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}/* 200707 */
/* 배너 퀵메뉴*/
.bannerWrap{position: absolute;height: 100px; max-width: 1400px;width: 100%; left: 50%; bottom: 0;  transform: translateX(-50%); z-index: 999;color: #fff;}
.bannerWrap .bannerbox{position: relative;height: 100%;}
.bannerWrap .bannerbox .usermenu{position: absolute;text-align: center;border-radius: 15px;width: 280px;height: 48px;top: 50%;right: 10px;transform: translateY(-50%);background: linear-gradient(90deg, #0080ffe1,#003B94e1);}
.bannerWrap .bannerbox .usermenu .menuBtn{display: inline-block;padding: 6px;margin-top: 8px;font-size: 16px;font-weight: 500;}
.bannerWrap .bannerbox .usermenu .menuBtn a{color: #fff;line-height: normal;}
.bannerWrap .bannerbox .usermenu .menuBtn a:hover{color: #ffdd1c;}
.bannerWrap .bannerbox .schedule{position: absolute;line-height: normal;top: 50%;left: 10px;transform: translateY(-50%);}
.bannerWrap .bannerbox .schedule a{display: block;z-index: 1;border-radius: 50%;position: absolute;top:32%;left: 12px;transform: translateY(-50%);width: 50px;height: 50px;background-image: url("../images/2024/bannerWrap_icon.png");background-repeat: no-repeat;background-size: contain;background-position: center;}
.bannerWrap .bannerbox .schedule a:hover{top: 10%;transition-duration: .4s;box-shadow: 1px 1px 10px #ddd;}
.bannerWrap .bannerbox .schedule div{display: inline-block;}
.bannerWrap .bannerbox .schedule div:nth-child(2){position: relative;padding-right: 5px;padding-left: 70px;}
.bannerWrap .bannerbox .schedule div:nth-child(2)::before{content: "";position: absolute;width: 1px;height: 14px;border-left: 2px solid #ffffffaf;right: 0;top: 50%;transform: translateY(-50%);}
.bannerWrap .bannerbox .schedule div.schduleNone::before{border-left: 0px;}

/* .bannerWrap .bannerbox .schedule div:nth-child(1)::after{content: "";position: absolute;top:45%;left: 0;transform: translateY(-50%);width: 50px;height: 50px;background-image: url("../images/2024/bannerWrap_icon.png");background-repeat: no-repeat;background-size: contain;background-position: center;} */
.bannerWrap .bannerbox .schedule div span{font-size: 18px;color: #eee;margin: 0 10px;}
.bannerWrap .bannerbox .schedule div span.date{color: #fff;font-weight: 500;}


/* 버튼 */
#visualWrap .control{position: absolute; left: 0; right: 0; bottom: 0; width: 251px; height: 32px; margin: 0 auto; padding-top: 8px; padding-left: 38px; border-radius: 30px 30px 0 0;  background-color: #fff;  font-size: 0;  line-height: 0;    z-index: 999;}
#visualWrap .control button{display:inline-block; font-size: 16px; color: #000;overflow:hidden; cursor: pointer; }
#visualWrap .control button.btn_stop{}
#visualWrap .control button.btn_play{display:none;}
/*2024 버전*/
#visualWrap .control button {display: inline-block;position: relative;width: 22px;height: 21px;vertical-align: top;background: none;border: none;font-size: 14px;}
#visualWrap .control .visual_prev  {margin-left: 19px;}
#visualWrap .control .visual_prev:before {width: 14px;height: 13px;background-position: left 37.83%;background-size: 100% 953.84%;}
#visualWrap .control .visual_next:before {width: 14px;height: 13px;background-position: left 58.55%;background-size: 100% 953.84%;}
#visualWrap .control .visual_paging {display: inline-block;margin-right: 23px;margin-left: 24px; vertical-align: top;font-size: 20px;position: relative;}
#visualWrap .control .visual_paging span {display: inline-block;position: relative;color: #888;font-size: 15px;line-height: 21px;vertical-align: top;letter-spacing: -0.025em;}
#visualWrap .control .visual_paging .visual_current {color: #034EA2;font-weight: 600;}
#visualWrap .control .visual_paging .visual_total {margin-left: 9px;padding-left: 15px;}
#visualWrap .control .visual_paging .visual_total:before {content:'';display: block;position: absolute;top: 11px;left: 0;width: 5px;height: 1px; background-color: #ababab;}
#visualWrap .visual_progress {display: block;overflow: hidden;position: absolute;left: 50%;bottom: 108px;z-index: 999;width: 1px;height: 50px;background-color: rgba(255,255,255,.4); content: ''}
#visualWrap .visual_progress:before {display: block;position: absolute;left: 0;width: 100%;height: 30%;background-color: #fff;animation: 3s aniBar infinite;content: ''}
#visualWrap .visual_scroll {font-family: 'KIMM_Bold','GmarketSansTTFBold';display: block;position: absolute;color: #FFF;display: inline-block;font-weight: 500;width: 100%;text-align: center;bottom: 70px;z-index: 999;font-size: 14px;}

.visualimg_overlay1{z-index: 1001;color: #FFF; font-family: 'KIMM_Bold', 'GmarketSansTTFBold'; font-size: 5.5rem; font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 5px; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);}
.visualimg_overlay2{z-index: 1001;color: #FFF; font-family: 'KIMM_Bold', 'GmarketSansTTFBold'; font-size: 2rem; font-style: normal;font-weight: 700;line-height: normal; position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 70%;}
#visual .visual.visual2::before {background: linear-gradient(180deg, #00000039 14%, #00000017 58%, #00000039 95%);}

/*상단팝업 슬라이드*/
/* 팝업존 */
#popzone_wrap {position:relative;left:0px;top:0px;z-index:200;width:100%; overflow-x:hidden; }
#popzone_wrap .popzone-box {position:relative ;left:0;width:100%; overflow:hidden;text-align:left;padding:5px 0px; background:#1c2947;}
#popzone_wrap .popupzone-cont { position:absolute; width:100%;}
#popzone_wrap.close {width:75px;height:85px;opacity: 1; font-weight: 100; z-index:150;}
.popClose{text-align:right; bottom: 5px; position: relative;}
.popClose label{color:#FFF; margin: 0 10px;}
.btnClose{margin-left:20px;}
.btnClose img{width:20px; height:20px;}
#chkday{vertical-align: inherit;}
/*2021 팝업 */
#popup{background: url(../images/2021/headBannerLine.png) no-repeat center center; position: relative;}
.popup-list{width:50%;}
.popup-list a{text-align:center; margin:0 auto; display: block;}
#popup .slick-next{background:url('../images/2021/popupNext.png')no-repeat center; right: 0; top: 35px;}
#popup .slick-prev{background: url('../images/2021/popupPrev.png')no-repeat center; left: 0; top: 35px;}
#popup .slick-dots{bottom: -10px; left: 20px; display: inline-block; position: relative; margin: 0 auto;}
#popup .slick-dots li button{border:0; width: 10px;}
#popup .slick-dots li.slick-active button{border:0; width: 20px;}
@keyframes aniBar {
    0% {top: -30%}
    100% {top: 100%}
}

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list{ overflow:hidden;padding-bottom: 12px;}
.slick-list.dragging{ cursor:pointer; }
.slick-initialized .slick-slide{ display:inline-block;}
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }
.slick-dots{ position:absolute; max-width:1200px; left:0px; bottom:-70px; z-index:1000;}
.slick-dots li{ position:relative; display:inline-block; margin:0 3px; padding:0; cursor:pointer; }
.slick-dots li button{ display:block; width:10px; height:10px; border-radius:10px; cursor:pointer; background:rgba(0,0,0,0.6); font-size:0; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
.slick-dots li.slick-active button{width:20px; background:#fff;}

/* 수정SH 
#mnews{padding:90px 0; background:url('../images/mnews_bg.png') no-repeat left bottom;}
#mnews .container{position:relative }
.mnews a:hover img{transform: scale(1.1);  }
.mnews a:hover .mnews_img{background: url(../images/ico/btn_more.png) no-repeat; background-position: center; background-size: cover;}
#mnews h3{position:relative;height:50px;font-size:20px;font-weight:400;color:#111}
#mNews .mnews_img{overflow:hidden; border-radius: 20px; position: relative; }
#mNews .mnews_img img{transition :all 0.4s ease;}
#mNews .mnews_img:after{content:''; width: 100%; display: inline-block; opacity: 1; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 50%; background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 85%); transition: opacity 0.25s ease-in-out;}
#mnews h4{overflow:hidden;height:40px;margin-top:12%;font-size:18px;color:#FFFFFF;white-space:nowrap;text-overflow:ellipsis;}
#mnews h4:hover{text-decoration:underline}
#mnews p{display:-webkit-box;font-size:15px;color:#888;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;line-height:1.5em;height:4.5em;overflow:hidden;text-overflow:ellipsis;text-align:left}
#mnews .bx-controls{position:absolute;right:29px;top:0}
#mnews .bx-controls a{display:block;float:left;width:30px;height:30px;border:1px solid #ccc;text-indent:-9999px}
#mnews .bx-controls .bx-prev{background:url(../images/2024/btn_banner_arrow_right.png) no-repeat center center}
#mnews .bx-controls .bx-next{margin-left:-1px;background:url(../images/2024/btn_banner_arrow_right.png)  no-repeat center center}
#mnews .more{display:block;position:absolute;right:0;top:0;width:30px;height:30px;border:1px solid #ccc;}
#mnews .bx-controls .bx-prev:hover{background-color:#eee}
#mnews .bx-controls .bx-next:hover{background-color:#eee}
#mnews .more:hover{background-color:#eee}
#mNews{position: relative;; padding:90px 0;  font-family: 'SCoreDream'; background:#FFFFFF;}
#mNews .container{position:relative}
#mNews .mNews_con.on .bx-controls{position:absolute; width: 100%; top: 40%; transform: translate(0, -50%);}
#mNews .mNews_con.on .bx-controls a{display:block;float:left;width:65px;height:65px; text-indent:-9999px}
#mNews .mNews_con.on .bx-controls .bx-prev{background:url(../images/2024/btn_banner_arrow_left.png) no-repeat center center; background-size: cover; position: absolute; left: -35px;}
#mNews .mNews_con.on .bx-controls .bx-next{margin-left:-1px;background:url(../images/2024/btn_banner_arrow_right.png)  no-repeat center center; background-size: cover; position: absolute; right:-5px;} 
#mNews #mNewsTit .mNews_more{display:block;position:absolute;right:0;top:5px; }
#mNews #mNewsTit .mNews_more:hover img{transform:rotate(360deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
#mNews #mNewsTit{top: 12px; position: relative;}
#mNews #mNewsTit li{float:left; position: relative; height:50px; padding-right:20px}
#mNews #mNewsTit li a{ font-family: "GmarketSansTTFBold"; color: #898282; font-size: 42px; font-style: normal; font-weight: 900; line-height: normal;}
/*#mNews #mNewsTit li:nth-child(2) a:before{display:inline-block;width:1px;height:30px;margin-right:20px;background-color:#ccc;vertical-align:middle;content:""; transform: rotate(21deg);}*/
/* 수정SH 
#mNews #mNewsTit li.on a{color:#034EA2}
#mNews #mNewsTit li.on a::after{content: ""; width: 20px; height: 20px; position: absolute; display: inline-block; right: 0px; top: -5px; background: url(../images/ico/over.png) no-repeat top;} 
#mNews .mNews_con{position:relative;display:none;}
#mNews .mNews_con.on{display:block}
#mNews h4{font-family: 'SCoreDream'; overflow:hidden; font-size:20px;color:#FFFFFF; position: absolute; bottom: 0;  word-break: keep-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; z-index: 2; margin: 0 10px 17px 20px; line-height: 28px; height: 56px; max-height: 56px; transition: opacity, transform 0.25s ease-in-out; }
#mNews p{display:-webkit-box;font-size:15px;color:#888;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;line-height:1.5em;height:4.5em;overflow:hidden;text-overflow:ellipsis;text-align:left}
#mNews .mnews_img img{border:1px solid #eee}*/

#mNews ul.mpressLst li{padding-bottom: 80px;padding: 0 35px; float: left; width: 33.33%; border-radius: 25px;}
/*#mNews ul.mpressLst li:hover{background: #fff;box-shadow: 4px 4px 8px #11111111;}#mNews ul.mpressLst li:hover .subject strong{color: #034EA2;}*/
#mNews ul.mpressLst li:hover{background: linear-gradient(115deg, #0088ff, #034EA2 ) ;box-shadow: 4px 4px 8px #11111111;border-radius: 25px 25px 100px 25px;transition-duration: .4s;}
#mNews ul.mpressLst li:hover .subject strong,
#mNews ul.mpressLst li:hover .year{color: #fff;}
#mNews ul.mpressLst li .date{line-height: 1.1; height: 100%; font-weight: 700;}
#mNews ul.mpressLst li em{display: block;color: #034EA2;}
#mNews ul.mpressLst li .con{position:relative; padding: 30px 0;}
#mNews ul.mpressLst li .day{font-size: 0px;}
#mNews ul.mpressLst li .year{font-size: 18px;color: #555;font-weight: 400;position: absolute;bottom: 0;}
#mNews ul.mpressLst li .subject{line-height: 1.4;position:relative;padding-bottom: 40px;height: 110px;}
#mNews ul.mpressLst li .subject strong,
#mNews ul.mpressLst li .subject span{display: block;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.5;}
#mNews ul.mpressLst li .subject strong{font-weight: 500;font-size: 22px;-webkit-line-clamp: 2;margin-bottom: 20px; color: #222;}
#mNews ul.mpressLst li .subject span{font-size: 16px;color: #333333;-webkit-line-clamp: 3;}
#mNews ul.mpressLst .slick-slide{margin-right: 20px;}
#mNews #mNewsWrap2{position: relative;z-index: 1;}
#mNews #mNewsWrap2 .slide_ctrl_btn{position: absolute;top: 30%; width: 100%; max-width: 1400px; z-index: 9;}
#mNews #mNewsWrap2 .slide_ctrl_btn button{display: block; float: left; width: 65px; height: 65px; text-indent: -9999px; border: 0; cursor: pointer;}
#mNews #mNewsWrap2 .slide_ctrl_btn .press_prev{position: absolute; background: url(../images/2024/btn_banner_arrow_left.png) no-repeat center center; background-size: cover; text-indent: -9999px; right: 98%;}
#mNews #mNewsWrap2 .slide_ctrl_btn .press_next{position: absolute; background: url(../images/2024/btn_banner_arrow_right.png) no-repeat center center; background-size: cover; text-indent: -9999px; left: 98%;}
#mNews #mNewsWrap2 .slide_ctrl_btn .press_prev:hover{animation: prevBtnMove 1s ease-in-out infinite;filter: drop-shadow(0px 4px 2px #00000023);}
#mNews #mNewsWrap2 .slide_ctrl_btn .press_next:hover{animation: nextBtnMove 1s ease-in-out infinite;filter: drop-shadow(0px 4px 2px #00000023);}
@keyframes prevBtnMove {
    0% {right: 98%;}
	50% {right: 97%;}
    100% {right: 98%;}
}
@keyframes nextBtnMove {
    0% {left: 98%;}
	50% {left: 97%;}
    100% {left: 98%;}
}
.wrap-notice .more{position:absolute; right:0; top:0; display:none;}
#mNews ul.mpressLst .slick-slide li{position: relative;}
#mNews ul.mpressLst .slick-slide.slick-active li::before{position: absolute;content: "";width: 1px;height: 65%;border: 1px solid #11111110;top:50%;left: -9px;transform: translateY(-50%);}

/*
#mNews .mpressLst li{overflow:hidden;position:relative;width:100%;height:45px;padding:0 10px; margin-bottom: 1px;}
#mNews .mpressLst li:hover{background-color:#fafafa}
#mNews .mpressLst .mpress_tit{overflow:hidden;display:inline-block;width:100%;font-size:20px;color:#111;line-height:45px;white-space:nowrap;text-overflow:ellipsis; margin-top: 0% !important; top: 0;}
#mNews .mpressLst .mpress_tit:before{display:inline-block;width:3px;height:3px;margin-right:10px;background-color:#333;vertical-align:middle;content:""}
#mNews .mpressLst .mpress_date{position:absolute;top:0;right:10px;font-size:14px;color:#888;line-height:45px;}
#mNews .mpressLst .mpress_notice{display:inline-block;margin-right:5px;padding:.3em .4em .1em;border-radius:.25em;background-color:#428bca;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;vertical-align:baseline;white-space:nowrap}
*/
/*수정SH
 #mNewsCon{position: relative; bottom: -20px; padding: 25px 0;}
.mnews .active:last-child{margin-right: 0;} */

/*<<<<<<<<<<<수정SH*/
#mNews, .mnoticeArea, .post_list_wrap, #why2,#media{font-family: 'pp'; font-weight: 400;}
#mNewsTit{position: relative;}
#mNewsTit .mNews_stit{display: block;font-family: 'SBAggro';font-weight: 400;font-size: 16px;letter-spacing: 0;color: #034EA2;}
#mNewsTit .mNews_tit {display: block;margin-top: 9px;margin-bottom: 10px;font-family: 'SBAggro';font-weight: 400;font-size: 38px;line-height: 1.1;color: #212121;}
#mNewsTit .midl{text-align: center;}
#mNewsTit .mNews_more a {position: absolute;font-size: 16px;color: #1174ff;right: 0;bottom: 16%;transform: translateY(-50%);padding-right: 20px;}
#mNewsTit .mNews_more a span{display: block;position: absolute;right: 0;bottom: 0;border-radius: 50%;font-weight: 500;}
#mNewsTit .mNews_more a:hover {font-weight: 600;}
#mNewsTit .mNews_more a:hover span{right: -8px; bottom: 9px; width: 26px;height: 26px;background: #1174ff;transition: 0.3s;color: #fff;text-align: center;line-height: 26px;} 

#mNews{position: relative;margin-top: 70px;padding-bottom: 36px;}
#mNews h4 {position: absolute;overflow: hidden;font-size: 20px;color: #FFFFFF;bottom: 0;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;z-index: 2;margin: 0 10px 17px 20px;line-height: 28px;height: 56px;max-height: 56px;transition: opacity, transform 0.25s ease-in-out;font-weight: 400;}
#mNews::before{position: absolute;content: "";background-color: #EFF8FF;width: 100%;height: 70%;bottom: 0;z-index: -1;}
#mNewsBox{display:grid;grid-template-columns: 50% 25% 25%;grid-template-rows: repeat(2, 240px);margin-top: 30px;margin-bottom: 55px;}
#mNewsBox .mnews.mnews1{grid-column:1;grid-row:1 / span 2;}
#mNewsBox .mnews.mnews2{grid-column:2;grid-row:1;}
#mNewsBox .mnews.mnews3{grid-column:3;grid-row:1;}
#mNewsBox .mnews.mnews4{grid-column:2;grid-row:2;}
#mNewsBox .mnews.mnews5{grid-column:3;grid-row:2;}
#mNewsBox .mnews.mnews1 a{width: 98%;height: 96%;}
#mNewsBox .mnews.mnews1 h4 {font-size:26px; line-height: 34px;max-height: 64px;height: 64px;margin: 0 36px 34px 36px;}
#mNewsBox .mnews a{position: relative;display: block;width: 96%; height: 92%;border-radius: 30px;overflow: hidden;background:#fff}
#mNewsBox .mnews a:hover{border: 10px solid transparent;background: linear-gradient(to right, #00BAFF55 0%, #00BAFF 100%);;transition-duration: .3s;}
#mNewsBox .mnews .mnews_img{position: relative;width: 100%;height: 100%;}
#mNewsBox .mnews .mnews_img img{width: 100%;height: 100%;}
#mNewsBox .mnews .mnews_img:after {content: '';width: 100%;display: inline-block;opacity: 1;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 50%;background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 85%);transition: opacity 0.25s ease-in-out;}
#mNewsBox .mnews a:hover .mnews_img img{transform: scale(1.3);transition-duration: .65s;}
/*수정>>>>>>>>>>>>*/



.mnoticeArea{position: relative; padding: 90px 0; background: #FFFFFF;}
.mnoticeArea:after{content: ''; background: url(../images/2024/symbol_ani.png) center center no-repeat; background-size: contain; position: absolute; display: inline-block;opacity: 0.4; top: -80%;left: -530px; width: 730px; height: 730px;	animation: rotate 20s linear infinite; z-index: -1;}
.mnoticeWrap{position:relative; float:left;width:50%;}

#mnotice #mnoticeTit{margin:15px 0 5px;}
#mnotice #mnoticeTit li{float:left;width:10%;}
#mnotice #mnoticeTit li:first-child a:after, #mnotice #mnoticeTit li:last-child a:after{display: none;}
#mnotice #mnoticeTit li.mnotice_more{position: relative;top: -65px;width:40px; height: 40px; border-right:none;background:url('../images/2024/btn_more.png') no-repeat center center; background-size: cover; text-indent:-9999px}
#mnotice #mnoticeTit li.mnotice_more:hover{transform:rotate(360deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
#mnotice #mnoticeTit li.mnotice_more a{border: none;}
#mnotice #mnoticeTit li a{padding: 8px 0;  border-radius: 50px;display:block;position:relative;font-size:18px;font-weight:500;text-align:center}
#mnotice #mnoticeTit li.on a{color: #fff;background-color: #0060BF;}
#mnotice .mnotice_con{overflow:hidden;display:none;height:390px; margin-top: 20px;}
#mnotice .mnotice_con.on{display:block}

#mnotice .mnoticeLst2 li{overflow:hidden;position:relative;width:100%;padding:0px 10px;border-bottom:1px solid #efefef;padding-top: 10px;padding-bottom: 9px;}
#mnotice .mnoticeLst2 li:first-child{border-top:1px solid #efefef;}
#mnotice .mnoticeLst2 li:hover{background:#EEF3F8;padding-left: 25px;border-radius: 16px;box-shadow: 0px 1px 5px #ededed;transition: 0.2s;}
#mnotice .mnoticeLst2 li a{display: block;}
#mnotice .mnoticeLst2 .mnotice_tit{overflow:hidden;display:inline-block;width:80%;margin-right: 20%;font-size:18px;color:#000;white-space:nowrap;text-overflow:ellipsis; font-weight: 400;padding-bottom: 8px;}
#mnotice .mnoticeLst2 .mnotice_date{position: relative;font-size:14px;color:#888;display: inline-block;padding-right: 14px;margin-right: 8px;}
#mnotice .mnoticeLst2 .mnotice_date::after{position: absolute;content: "";width: 1px;height: 10px;border-left: 2px solid #ddd;right: 0;top:50%;transform: translateY(-50%);}
#mnotice .mnoticeLst2 .cate{font-size: 15px;color: #555;font-weight: 500;margin-right: 20px;}
#mnotice .mnoticeLst2 .label{ background-color: unset;color: #f0ad4e;padding: 0;}
#mnotice .mnoticeLst2 .mnotice_notice{color: #bb1515;margin-right: 20px;}
#mnotice .total_mnoticeLst2 li{overflow:hidden;position:relative;width:100%;height:55px;padding:0 10px; }
#mnotice .total_mnoticeLst2 li:hover{background:#ccdbea;}
#mnotice .total_mnoticeLst2 li a{display: block;}
#mnotice .total_mnoticeLst2 .mnotice_tit{overflow:hidden;display:inline-block;width:80%;font-size:16px;color:#111;line-height:45px;white-space:nowrap;text-overflow:ellipsis}
#mnotice .total_mnoticeLst2 .mnotice_date{position:absolute;top:0;right:10px;font-size:14px;color:#888;line-height:45px;}
#mnotice .total_mnoticeLst2 .mnotice_notice{display:inline-block;margin-right:5px;padding:.3em .4em .1em;border-radius:.25em;background-color:#428bca;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;vertical-align:baseline;white-space:nowrap}

#vision{position: relative; background: url('../images/2021/bar.jpg') center top no-repeat;background-size: cover; height: 180px;}
#vision .visionWrap{text-align: center;}
#vision h2{color: #FFF; font-weight: 500; font-size: 42px; padding: 45px 0 15px;}
#vision span::after{content: ""; position: relative; display: inline-block; width: 2px; height: 22px; background-color: #FFFFFF; transform: skewX(-35deg); margin: 0px 15px 8px; vertical-align: middle;}
#vision span:last-child::after{display: none;}
#vision a{color: #FFF; font-weight: 300; font-size: 24px; padding-top: 64px;}
#vision span a:after{content: ''; display: inline-block; vertical-align: middle; position: relative; width: 57px; height: 57px; background: url(../images/2021/link_arrow.png) no-repeat center left; background-color: rgba(40, 77, 154, 0.6); border-radius: 50%; margin-left: 20px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#vision span a:hover::after{background: url(../images/2021/link_arrow.png) no-repeat center center;  background-color: rgba(36, 146, 255, 0.6);}
#visual .pc{-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100;  object-fit: fill;}
#visual .mobile{display:none;}
.video1_overlay1{color: #FFF; font-family: 'KIMM_Bold', 'GmarketSansTTFBold'; font-size: 5.5rem; font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 5px; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);}
.video1_overlay2{color: #FFF; font-family: 'KIMM_Bold', 'GmarketSansTTFBold'; font-size: 2rem; font-style: normal;font-weight: 700;line-height: normal; position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 70%;}

/* SNS 영역 타이틀 */
.mainTitleWrap{position: relative; z-index: 2; width: 100%; max-width: 1760px; margin: 0px auto 50px; padding: 0 20px; box-sizing: border-box; text-align: center; letter-spacing: -1px;}
.mainTitleWrap p{color: #000;font-weight: 500; font-size: 16px; font-family: 'SCoreDream';}
.mainTitleWrap h3{font-size: 46px; font-weight: 700; line-height:85px; font-weight: 700!important;    margin: 0 0 0 6px;}
.mainTitleWrap h3 span sup{top: -.9em; font-size: 25px;}

/*SNS영역*/
#sns{padding: 70px 0 120px; position: relative; background-color: #FFFFFF; overflow: hidden;}
#sns:before{content: none; animation: flowText2 25s linear infinite; z-index: 0; background: #FFFFFF url(../images/2024/csu_ani.png) center center repeat-x; background-size: contain; position: absolute; display: inline-block; top: 10%; right: 0; width: 3840px; height: 220px;}
#sns:after{content: ''; animation: flowText 25s linear infinite; z-index: 0; background: #FFFFFF url(../images/2024/csu_ani.png) center center repeat-x; background-size: contain; position: absolute; display: inline-block; bottom: -6%; left: 0; width: 3840px; height: 220px;}
@keyframes flowText {
	0% {transform: translateX(0%);}
	100% {transform: translateX(-100%);}
}
@keyframes flowText2 {
	0% {transform: translateX(0%);}
	100% {transform: translateX(100%);}
}
#facebookPost {position: relative; z-index: 2;}
#facebookPost .tit_box {text-align: center; margin: auto;width: 60%;/* position: relative; float: left; padding-right: 22px; */}
#facebookPost .tit_box h3 {display:block; font-size: 24px; margin-bottom: 12px;}
#facebookPost .tit_box > .img {margin-bottom:20px;}
#facebookPost .tit_box > .shortcut_wrap {margin-top: 28px;}
#facebookPost .tit_box > .shortcut_wrap > a {width: 54px; height: 54px; margin: 0 20px; position:relative; display: inline-block;background-color: #ddd;border-radius: 50%;}
#facebookPost .tit_box > .shortcut_wrap > a::before{ content: "";display: block;width: 100%;height: 100%;background-repeat:no-repeat ;background-position: center;opacity: 0.8;}
#facebookPost .tit_box > .shortcut_wrap > .facebook::before {background-image: url(../images/2024/facebook.png); background-size: 20%;}
#facebookPost .tit_box > .shortcut_wrap > .blog::before {background-image: url(../images/2024/blog.png); background-size: 66%;opacity: 0.9;}
#facebookPost .tit_box > .shortcut_wrap > .insta::before {background-image: url(../images/2024/insta.png); background-size: 50%;}
#facebookPost .tit_box > .shortcut_wrap > .youtube::before {background-image: url(../images/2024/youtube.png); background-size: 52%;}
/*#facebookPost.active .shortcut_wrap a {animation: colorFlash 1s ease forwards;}/* 순차 애니메이션 
#facebookPost.active .shortcut_wrap a:nth-child(1) { animation-delay: 0s; }/* 딜레이 (순서대로 나오게)
#facebookPost.active .shortcut_wrap a:nth-child(2) { animation-delay: 0.3s; }
#facebookPost.active .shortcut_wrap a:nth-child(3) { animation-delay: 0.5s; }
#facebookPost.active .shortcut_wrap a:nth-child(4) { animation-delay: 0.7s; }
@keyframes colorFlash {/* 색 들어왔다가 다시 빠짐 
    0%   { background-color: #ddd; }
    50%  { background-color: var(--hover-color); }
    100% { background-color: #ddd; }
}
.facebook { --hover-color: #C7F0FF; }/* 각 아이콘별 색 지정
.blog     { --hover-color: #E6F8DC; }
.insta    { --hover-color: #FBE5FF; }
.youtube  { --hover-color: #FFDADA; }
#facebookPost .tit_box > .shortcut_wrap > a:hover{animation: none !important;animation-delay: unset !important;}*/
#facebookPost .tit_box > .shortcut_wrap > .facebook:hover {background-color: #C7F0FF;box-shadow: 0px 0px 1px 8px #C7F0FF67;}
#facebookPost .tit_box > .shortcut_wrap > .blog:hover {background-color: #ddf5cf;box-shadow: 0px 0px 1px 8px #ddf5cf74;}
#facebookPost .tit_box > .shortcut_wrap > .insta:hover {background-color: #FBE5FF;box-shadow: 0px 0px 1px 8px #FBE5FF67;}
#facebookPost .tit_box > .shortcut_wrap > .youtube:hover {background-color: #FFDADA;box-shadow: 0px 0px 1px 8px #FFDADA67;}
#facebookPost .ico{width: 70px;height: 60px;border-radius: 0 0 1.5rem 0;background-color: #fff;position: absolute;top: 0;left: 0;z-index: 10;}
#facebookPost .ico_svg {width: 43px;height: 43px;background-image: url(../images/2024/sns-ico.png);background-size: 100% 100%;position: absolute;top: 5px;left: 14px;border-radius: 16px;}
#facebookPost .ico::before {content: '';position: absolute;left: 6px;bottom: -1.5rem;z-index: -1;width: 1.5rem;height: 1.5rem;border-radius: 1.5rem 0 0 0;box-shadow: -4px -4px 0 4px #fff;}
#facebookPost .ico::after {content: '';position: absolute;right: -1.5rem;top: 0;z-index: -1;width: 1.5rem;height: 1.5rem;border-radius: 1.5rem 0 0 0;box-shadow: -4px -4px 0 4px #fff;}
#facebookPost .post_list_wrap {margin: 40px 0 0 0;position:relative; font-size:0.875em;}
#facebookPost .post_list_wrap > ul{display: grid;grid-template-columns: 25% 25% 50% ;grid-template-rows: repeat(2, 240px);margin-top: 30px;margin-bottom: 55px;}
#facebookPost .post_list_wrap > ul > li {position:relative; height: 100%;} 
#facebookPost .post_list_wrap > ul > li.post1{grid-column:3;grid-row:1 / span 2;}
#facebookPost .post_list_wrap > ul > li.post2{grid-column:1;grid-row:1}
#facebookPost .post_list_wrap > ul > li.post3{grid-column:2;grid-row:1;}
#facebookPost .post_list_wrap > ul > li.post4{grid-column:1;grid-row:2;}
#facebookPost .post_list_wrap > ul > li.post5{grid-column:2;grid-row:2;}
#facebookPost .post_list_wrap > ul > li.post1 > a{height: 97%;}
#facebookPost .post_list_wrap > ul > li > a > .hashtag {color:#004f9e;}
#facebookPost .post_list_wrap > ul > li > a { position: relative; display: block; height: 94%;width: 96%; margin: auto;overflow: hidden;border-radius: 20px;}
/* #facebookPost .post_list_wrap > ul > li:hover > a {box-shadow: 8px 10px 8px #11111145;} */
#facebookPost .post_list_wrap > ul > li:hover{z-index: 100;}
#facebookPost .post_list_wrap > ul > li:hover .ico{width: 86px;height: 78px;transition-duration: .4s;}
#facebookPost .post_list_wrap > ul > li:hover .ico_svg{width: 60px;height: 60px;transition-duration: .4s;}
#facebookPost .post_list_wrap > ul > li.post1:hover .ico{width: 117px;height: 106px;}
#facebookPost .post_list_wrap > ul > li.post1:hover .ico_svg{width: 85px;height: 85px;}


#facebookPost .post_list_wrap > ul > li > .date {display: none;}
#facebookPost .post_list_wrap ul li a img{width: 100%; height: 100%;  object-fit: cover;}
#facebookPost .post_list_wrap ul li:hover a img {transform: scale(1.3);transition-duration: .65s;}
#facebookPost .post_list_wrap ul li:hover a .title{overflow: hidden;font-size: 20px;color: #FFFFFF;position: absolute;bottom: 0;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;z-index: 2;margin: 0 10px 17px 20px;line-height: 28px;height: 56px;max-height: 56px;transition: opacity, transform 0.25s ease-in-out;font-weight: 300;}
#facebookPost .post_list_wrap ul li.post1:hover  a .title{font-size: 24px;margin: 0 30px 27px 30px;line-height: 38px;height: 70px;max-height: 70px;}
#facebookPost .post_list_wrap ul li:hover a:before{content: '';display: block;opacity: 1;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 100%;background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 85%); transition: opacity 0.25s ease-in-out;border-radius: 20px;}
#facebookPost .post_list_wrap ul li a .title{font-size: 0px;}

/*미디어 영역*/
#media{padding: 30px 0 130px 0; background-color: #e6f1ff00;}
#media .mediaWrap{position: relative; float: left; width: 100%; height: 320px; box-sizing: border-box; }
#media .mediaWrap:nth-child(2){float: right;}
#media .mediaWrap h2, #media .mediaWrap h2{color: #222; font-size: 33px; font-weight: 500; float: left; margin: 10px 0 20px;}
#media .mediaWrap:first-child{margin-right: 2%;}
#media .view_more{background: url(../images/2024/btn_more.png) no-repeat center center;background-size: cover; text-indent: -9999px; position: relative; display: inline-block; top: 17px; left: 20px; width: 40px; height: 40px;}
#media .view_more:hover{transform:rotate(360deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
#media .mediaWrap .mediaCont{position: relative;overflow: visible; width: 100%; height:320px; float: left;margin-top: 30px;}
#media .mediaWrap .mediaCont .media_img_play{display: none;}
#media .mediaWrap .mediaCont ul{list-style: none; width:5000px;display:flex;transform:translateX(-800px)}
#media .mediaWrap .mediaCont ul li{float: left; width: 445px; height: 320px; position: relative; margin-right: 20px; border-radius: 20px; overflow: hidden;flex:0 0 auto;}
#media .mediaWrap .mediaCont ul li .media_img{height: 100%; width: 100%; border-radius: 20px;}
#media .mediaWrap .mediaCont ul li .media_img img{width:100%; height:100%; border-radius: 20px;}
#media .mediaWrap .mediaCont ul li a:hover .media_img img{width:100%; height:100%; border-radius: 20px;border: 6px solid #00BAFF;transition:all 0.2s ease;}
#media .mediaWrap .mediaCont::after{position: absolute;content: "";width: 2000px;height: 320px;background: linear-gradient(to left,#ffffffaa 88%,#ffffff44 99%,transparent 100%);top:0;left: 100%;}
#media .mediaWrap .mediaCont::before{position: absolute;content: "";width: 2000px;height: 320px;background: linear-gradient(to right,#ffffffaa 88%,#ffffff44 99%,transparent 100%);top:0;right: 100%;z-index: 1;}
#media .mediaWrap .mediaCont ul li a:hover .media_img::after{width:calc(100% - 12px); height: calc(50% - 6px); left: 6px;bottom: 6px;border-radius: 0 0 16px 16px;transition:all 0.2s ease;}
/*#media .mediaWrap .mediaCont ul li a:hover .media_img::after{width:calc(100% - 12px); height: 100%; left: 6px;bottom: 6px;border-radius: 0 0 16px 16px;transition:all 0.2s ease;}  */
#media .mediaWrap .mediaCont ul li a:hover .media_img::before{animation: moveUpDown 1s ease-in-out infinite;content: '';z-index: 2; width: 65px;height: 65px; position: absolute; left: 50%; top: 50%; border-radius: 50%;transform: translate(-50%, -50%);background: #00BAFF;background-image: url("../images/2024/media-play.png");background-repeat: no-repeat;background-position: 55% 50%;background-size:20px;}
@keyframes moveUpDown {
    0% {transform: translate(-50%, -50%);}
	50% {transform: translate(-50%, -65%);}
    100% {transform: translate(-50%, -50%);}
}
#media .mediaWrap .mediaCont ul li .media_tit{ overflow: hidden; font-size: 20px; color: #FFFFFF; position: absolute; bottom: 0; word-break: keep-all; text-overflow: ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -webkit-box; z-index: 2; margin: 0 10px 17px 20px; line-height: 28px; height: 56px; max-height: 56px; transition: opacity, transform 0.25s ease-in-out;}
#media .mediaWrap .mediaCont ul li .media_img:after{content: ''; width: 100%; display: inline-block; opacity: 1; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 50%; background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 85%); transition: opacity 0.25s ease-in-out;}
#media .mediaWrap .galleryTit .slide_ctrl_btn{float: right;}
#media .mediaWrap .galleryTit .slide_ctrl_btn a{display: block; float: left; width: 50px; height: 50px; cursor: pointer;}
#media .mediaWrap .galleryTit .slide_ctrl_btn .prev{background: url(../images/ico/mnews_btn_left.png) no-repeat center center; text-indent: -9999px;}
#media .mediaWrap .galleryTit .slide_ctrl_btn .next{background: url(../images/ico/mnews_btn_right.png) no-repeat center center; text-indent: -9999px;}
#media .mediaWrap .galleryTit .slide_ctrl_btn .view_more{background: url(https://www.cs.ac.kr/views/main/basic/images/ico/mnews_btn_more.png) no-repeat center center; background-size: cover; text-indent: -9999px;}
#media .mediaWrap .galleryTit .slide_ctrl_btn .view_more:hover{transform:rotate(360deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
#media .mediaWrap .galleryCont{overflow: hidden; width: 100%; height: 240px; float: left; overflow: hidden;}
#media .mediaWrap .galleryCont .media_img_play{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#media .mediaWrap .galleryCont ul{list-style: none; width:100%;}
#media .mediaWrap .galleryCont ul li{float: left; width: 313px; height: 240px; position: relative; margin-right: 20px;}
#media .mediaWrap .galleryCont ul li .media_img{height: 100%; width: 100%;}
#media .mediaWrap .galleryCont ul li .media_img img{width:100%; height:100%;}
#media .mediaWrap .galleryCont ul li .media_tit{font-size: 18px; margin-top: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000; font-weight: 400;}

/* why */
#why{position: relative; background: url(../images/2024/창신대학교_전경1.jpg); background-size: cover; background-attachment: fixed; width: 100%; height: 100%; color: #FFFFFF;  position: relative; text-align: center;} 
#why:before{position: absolute; display: block; background: rgba(0, 0, 0, 0.5); content: ''; width: 100%; height: 100%;}
#why .vision{position: relative; display: inline-block; z-index: 1; width: 70%; margin-top: 100px;}
#why .vision .tit{font-size: 36px; text-align: center; font-family: 'KIMM_Bold', 'GmarketSansTTFBold'; margin-bottom: 30px;}
#why .vision ul{margin-top: 25px; display: flex; flex-wrap: wrap;}
#why .vision ul li {float: left; width: 33.33%; text-align: center;}
#why .vision ul li a{color: #FFFFFF; position: relative;  display: inline-block; width:100%; height: 100%; cursor: pointer; padding: 60px 20px;}
#why .vision ul li a:hover{background-color: #034EA2;}
#why .vision ul li div.vision1, #why .vision ul li div.vision2, #why .vision ul li div.vision3{font-weight: 600; left: 50%; top: 50%; position: relative; transform: translate(-50%, -50%);}
#why .vision ul li div.vision1 a, #why .vision ul li div.vision2 a, #why .vision ul li div.vision3 a{color: #FFFFFF;}
#why .vision ul li div.vision1:before{content:''; background:url(../images/2024/vision1.png) center center no-repeat; background-size: contain; position: relative; display: inline-block; width: 40px; height: 45px; margin-bottom: 15px;}
#why .vision ul li div.vision2:before{content:''; background:url(../images/2024/vision2.png) center center no-repeat; background-size: contain; position: relative; display: inline-block; width: 40px; height: 45px; margin-bottom: 15px;}
#why .vision ul li div.vision3:before{content:''; background:url(../images/2024/vision3.png) center center no-repeat; background-size: contain; position: relative; display: inline-block; width: 40px; height: 45px; margin-bottom: 15px;}
#why .why{position: relative; display: inline-block; z-index: 1; z-index: 1; width: 100%; margin: 50px 0 100px;}
#why .why .tit{font-size: 36px; font-family: 'KIMM_Bold', 'GmarketSansTTFBold'; margin-bottom: 20px; padding-left: 10%; text-align: left;}
#why .why > div > ul{position: relative; display: flex; flex-wrap: wrap;}
#why .why ul li {float: left; width: 25%; text-align: center;}
#why .why ul li div.why1, #why .why ul li div.why2, #why .why ul li div.why3, #why .why ul li div.why4{font-weight: 600; left: 50%; top: 50%; position: relative; transform: translate(-50%, -50%)}
#why .why ul li a{color: #FFFFFF; position: relative;  display: inline-block; width:100%; height: 100%; cursor: pointer; padding: 20px;}
#why .why ul li a:hover{background-color: #034EA2;}
.bold{ font-family: 'GmarketSansTTFBold'; font-size: 32px; margin-bottom: 20px; margin-top: 25px;}
.medium{ font-family: 'GmarketSansTTFMedium'; font-size: 22px;  margin-bottom: 20px; margin-top: 15px; }
.small{font-family: 'GmarketSansTTFLight'; font-size: 14px; line-height: 18px;  justify-content: center;}
#why .why ul li div.why1:before{content:''; background:url(../images/2024/why1.png) center center no-repeat; background-size: contain; position: relative; display: inline-block; width: 40px; height: 45px; margin-bottom: 15px;}
#why .why ul li div.why2:before{content:''; background:url(../images/2024/why2.png) center center no-repeat; background-size: contain; position: relative; display: inline-block; width: 40px; height: 45px; margin-bottom: 15px;}
#why .why ul li div.why3:before{content:''; background:url(../images/2024/why3.png) center center no-repeat; background-size: contain; position: relative; display: inline-block; width: 40px; height: 45px; margin-bottom: 15px;}
#why .why ul li div.why4:before{content:''; background:url(../images/2024/why4.png) center center no-repeat; background-size: contain; position: relative; display: inline-block; width: 40px; height: 45px; margin-bottom: 15px;}


/* why2  START*/
#why2 {padding: 0 0 90px;margin-top: 105px;background-color: #f8f8f8;background-image: url('../images/2024/why/why2-bak.png');background-repeat: no-repeat;background-position: center;background-size: cover;} 
#why2 .why2Tit{padding-top: 98px;position: relative;margin-bottom: 60px;}
#why2 .why2Tit .why2_tit{position: absolute;font-size: 120px;color: #D7D7D7;font-weight: 600;font-family: "SBAggro";bottom: 66%;}
.why2_tit span {opacity: 0;transform: translateY(20px);}
.why2_tit span.active {animation: fadeUp 0.8s ease forwards;}

@keyframes fadeUp {
  from {opacity: 0;transform: translateY(20px);}
  to {opacity: 1;transform: translateY(0);}
}
#why2 .why2Tit .why2_stit{text-align: center;color: #fff;font-size: 32px;}
#why2 .list-wrap{color: #fff;width: 100%;display: table;}
#why2 .list-wrap .txt{}
#why2 .list-wrap .tit{font-size: 22px;font-weight: 500;margin: 6px 0;}
#why2 .list-wrap .tit_a{font-size: 15px;color: #CCCCCC;}
#why2 .list-wrap .tit_b{font-size: 14px;color: #CCCCCC;}
#why2 .list-wrap > div{display: table-cell;vertical-align: top;}
#why2 .list-wrap .left{width: 26%;}
#why2 .list-wrap .right{width: 74%;}
#why2 .list-wrap .left .graph .perct{display: table;width: 100%;}
#why2 .list-wrap .left .graph .perct .per{display: table-cell;width: 50%;padding-left: 20px;}
#why2 .list-wrap .left .graph .perct .per p{ margin-top: 35px;margin-bottom: 18px;}
#why2 .list-wrap .left .graph .perct .per i{font-weight: 300;}
#why2 .list-wrap .left .graph .perct .perct2 i{color: #00BAFF;}
#why2 .list-wrap .left .graph .perct .per strong{font-size: 45px;margin-right: 5px;}
#why2 .list-wrap .left .graph .bar{display: table;width: 90%; margin-top: 30px;border-bottom: 1px solid #e4e4e4;}
#why2 .list-wrap .left .graph .bar .bar1,
#why2 .list-wrap .left .graph .bar .bar2{position: relative;display: table-cell;width: 50%;height: 165px;}
#why2 .list-wrap .left .graph .bar .bar1::before,
#why2 .list-wrap .left .graph .bar .bar2::before{position: absolute;content: ""; width: 50px;height: 0; bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 20px 20px 0 0;box-shadow: 0 3px 2px #111111aa;transition: height 1.5s ease;}
#why2 .list-wrap .left .graph .bar .bar1.active::before{height: 80%;background: linear-gradient(to top, #999999, #fff);} 
#why2 .list-wrap .left .graph .bar .bar2.active::before{height: 100%;background: linear-gradient(to top, #007099, #00BAFF);}
#why2 .list-wrap .right ul li{position: relative;padding-left: 100px;margin-bottom: 30px;}
#why2 .list-wrap .right ul li::before{position: absolute;content: "";width: 16px;height: 16px;border-radius: 50%;background: #ccc;left: 50px;top: 50%;}
#why2 .list-wrap .right ul li::after{position: absolute;content: "";left: 57px;width: 1px;height: 70px;bottom: 12px;border-left: 1px solid #ccc;}
#why2 .list-wrap .right ul li:first-child:after{width: 0;height: 0;border: 0;}
#why2 .list-wrap .right .txt{display: inline-block;vertical-align: bottom;}
#why2 .list-wrap .right .titl{width: 50%;}
#why2 .list-wrap .right .titl .tit{margin-bottom: 0;}
#why2 .list-wrap .right .titl .tit_b{color: #fff;}
#why2 .list-wrap .right i{color: #00BAFF;margin-right: 6px;}
#why2 .list-wrap .right i strong{font-weight: 700;font-size: 38px;font-family: 'SCoreDream';margin-right: 5px;}


















/* 전체 사이트 */
#allsite{background: #303030;}
.linwWrap{margin: 0 auto;padding:20px 0 75px 0; border-bottom: 1px solid #545b68; display:none;}
.linwWrap .linwWrapCon{display:flex; flex-direction:row; justify-content:space-between;}
.linwWrapCon div{width:32%;}
.linwWrapCon div h4{font-size:16px;border:1px solid #767982;padding:10px 20px;margin-bottom:15px; background: transparent; color: #FFFFFF; text-align: center; font-weight: 500;}
.linwWrapCon ul{width: 48%; margin: 0 1%;float:left;}
.linwWrapCon ul li{margin: 15px 0px;}
.linwWrapCon ul li a{color:#FFFFFF; display:inline-block;font-size:14px;position:relative;border-bottom:1px solid transparent;}
.linwWrapCon ul li a:before{content:"";display:block;width:3px;height:3px;background:#FFF;position:absolute;left:-9px;top:6px;}
.linwWrapCon ul li a:hover,
.linwWrapCon ul li a:focus{border-bottom:1px solid #FFF;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}

@media only screen and (max-width:1200px){
	.linwWrap{max-width:95%;padding-left:2.5%;padding-right:2.5%;}
}
@media only screen and (max-width:820px){
	.linwWrap{padding-bottom:20px;}
	.linwWrap .linwWrapCon{display:flex; flex-direction:column;}
	.linwWrapCon div{width:100%;}
	.linwWrapCon div h4{margin-top:15px;}
	.linwWrapCon div:first-child h4{margin-top:0;}
}

#mad{overflow:hidden;padding-top:20px}
#mad li{overflow:hidden;float:left;position:relative;width:32%;height:310px;margin-right:2%;padding:50px 30px 0;background-color:#fff}
#mad li:nth-child(n+3){margin-right:0}
#mad li:hover{z-index:2;margin-top:1px;margin-bottom:-1px;border:1px solid rgba(0,0,0,.1);border-width:1px 0 0 1px;background-color:#fafafa}
#mad h3,#mad h3 a{padding-bottom:20px;font-size:18px;font-weight:400;color:#0a7dca;text-align:center}
#mad .mad_img{overflow:hidden;position:relative;max-width:226px;height:125px;margin:0 auto}
#mad .mad_img_play{display:block;position:absolute;left:0;right:0;z-index:2;height:125px;text-align:center}
#mad .mad_img_play img{width:100%;height:auto;max-width:226px}
#mad .mad_tit{overflow:hidden;padding-top:20px;font-size:15px;color:#111;line-height:120%;text-align:center;white-space:nowrap;text-overflow:ellipsis}
#mad .mad_tit:hover,#mad li:hover .mad_tit{text-decoration:underline}
#mad .mad_date{position:absolute;bottom:25px;left:30px;font-size:12px;color:#bbb}
#mad .mad_hit{position:absolute;bottom:25px;right:30px;font-size:12px;color:#bbb}
#mad .mcsnews{background:url('../images/mcsnews_bg.png') #fff no-repeat right center}
#mad .mgallery{background:url('../images/mgallery_bg.png') #fff no-repeat right bottom}
#mad .mmovie{background:url('../images/mmovie_bg.png') #fff no-repeat left top}
#mad .mblackboard{overflow:hidden;width:100%;height:80px;margin-top:20px;background-color:#0a7dca;text-align:left;padding:0 30px;line-height:80px}
#mad .mblackboard:hover{margin-top:21px;background-color:#086cb0}
#mad .mblackboard h3{float:left;width:35%;display:block;font-size:20px;font-weight:bold;color:#fff;letter-spacing:.02em;text-align:right;line-height:85px}
#mad .mblackboard .mad_img{float:left;width:50%;text-align:right;}
#mad .mblackboard .mad_img img{width:auto;height:40px;vertical-align:middle}
#mad .mblackboard .mblackboard_tit{float:left;width:50%;display:block;font-size:20px; font-weight: 400; color:#fff;line-height:80px;text-align:center}
#mad .mblackboard .mblackboard_tit br{display:none}
#mad .smartlms:hover{margin-top: 18px;}
#mad .chocs:hover{margin-top: 18px;}
#mad .smartlms{margin-top: 20px; height: 80px; width: 49.5%;  background:#FFFFFF; border: 2px solid #f0f0f0; padding: 0; margin-right: 1%;}
#mad .chocs{margin-top: 20px; height: 80px; width: 49.5%; background:#FFFFFF; border: 2px solid #f0f0f0; padding: 0; margin-left: 1%;}


#mschedule{float: right; width: 46%;  }
#mschedule .mscheduleTit h3{font-size: 42px;font-weight: 900;display: inline-block;font-family: "GmarketSansTTFBold";}
#mschedule .mscheduleTit h3::before{content: ""; }
#mschedule .mscheduleBtn{float:right}
#mschedule .mscheduleBtn li{float:left; position: relative; top: -5px;}
#mschedule .mscheduleBtn li a{display:block;width:40px;height:40px; line-height:55px;text-align:center;text-indent:-9999px}
#mschedule .mscheduleBtn .mschedule_prev{background:url('../images/mschedule_btn_prev.png') no-repeat center center}
#mschedule .mscheduleBtn .mschedule_next{background:url('../images/mschedule_btn_next.png') no-repeat center center}
#mschedule .mscheduleBtn .mschedule_more{background:url('../images/2024/btn_more.png') no-repeat center center; background-size: cover;} 
#mschedule .mscheduleBtn .mschedule_more:hover{transform:rotate(360deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

#mschedule .mscheduleToday{overflow-x:hidden;overflow-y:auto;position:relative;height:102px;padding:20px 30px 20px 110px;border:1px solid #c9cacc;border-width:1px 0;background-color:#fff;width:100%;}
#mschedule .mscheduleToday .mschedule_date{float:none;position:absolute;top:20px;left:30px;line-height:1.2}
#mschedule .mschedule_date{float:left;display:block;width:60px;height:60px;margin-right:20px;padding:10px;background-color:#419ae2;font-size:22px;font-weight:400;color:#fff;text-align:center;line-height:1;}
#mschedule .mschedule_date em{display:block;padding-bottom:5px;font-size:12px;font-weight:300;color:rgba(255,255,255,.7)}
#mschedule .mschedule_tit{overflow:hidden;display:block;padding-top:10px;font-size:16px;font-weight:400;color:#222;line-height:120%;white-space:nowrap;text-overflow:ellipsis}
#mschedule .mschedule_tit:hover,#mschedule li:hover .mschedule_tit{text-decoration:underline}
#mschedule .mschedule_txt{overflow:hidden;display:block;padding-top:10px;font-size:14px;color:#888;white-space:nowrap;text-overflow:ellipsis}
#mschedule .mscheduleToday .mschedule_date{background-color:#0a7dca}
#mschedule .mscheduleLst {background-color: #034EA2;height: 445px;padding: 45px;margin-top: 20px;border-radius: 12px;}
/* 2024 리뉴얼 디자인 스크롤*/
.mscheduleLst ul::-webkit-scrollbar { width: 4px; }
.mscheduleLst ul::-webkit-scrollbar-thumb { height: 20%; background: #d5d5d7; border-radius: 10px; }
.mscheduleLst ul::-webkit-scrollbar-track { background: #ffffff45; }
.mscheduleLst ul{height: 270px;overflow: auto;}

.sc_control{position: relative;text-align: center; position: relative; margin: 0px 0 60px 0;height: 32px;}
.sc_control::after{position: absolute;content: "";width: 100%;height: 2px;left: 0;bottom: -20px;background: linear-gradient(to right, #ffffff 40%, #ffffff6a 40%);}
.sc_monthBox {float: left;padding: 0 34px;}
.sc_arrow_left{border-radius: 50%;position: absolute;top: 51%;left: 0;display: block;background: url(../../../schedule/csu_2024/images/sc_btn_left.png) center center no-repeat;text-indent: -9999px; width: 22px;height: 28px;transform: translateY(-50%);}
.sc_arrow_right{border-radius: 50%;position: absolute;top: 51%;left: 174px;display: block;background: url(../../../schedule/csu_2024/images/sc_btn_right.png) center center no-repeat;text-indent: -9999px;width: 22px;height: 28px;transform: translateY(-50%);}
.sc_arrow_right:hover, .sc_arrow_left:hover{box-shadow: 0 0 0px #ddd;filter: sepia(1);}
.sc_monthBox .sc_monthBox_month{display: inline-block;color: #FFF;font-size: 30px;font-style: normal;font-weight: 500;line-height: normal;text-align: center;}
.sc_monthBox .sc_monthBox_year{display: inline-block;color: #FFF;font-size: 30px;font-style: normal;font-weight: 500;line-height: normal;text-align: center;float: left;}
.sc_monthBox .sc_monthBox_year::after{content: ".";display: inline-block;}	
#mschedule .sc_date{display: inline-block;color: #FFF;font-size: 16px;font-weight: 400;z-index: 0;vertical-align: middle;margin-right: 15px;width: 130px;}
#mschedule .mscheduleLst li.hile .sc_date span{box-shadow: inset 0 -10px 0px #ED6079dd;}
#mschedule .mscheduleLst li.hile p{font-weight: 600;}
#mschedule .sc_title{    width: calc(100% - 150px);color: #FFF;font-size: 16px;font-weight: 400;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
#mschedule .mscheduleLst li:first-child{padding-top: 0;}
#mschedule .mscheduleLst li{padding-top: 30px;color: rgba(255, 255, 255, .8);}
#mschedule .sc_control .sc_tit{position: absolute;width: 100px;padding: 10px 0;background: #ffffff39;color: #fff;border-radius: 30px;right: 0;top: 56%;transform: translateY(-50%);}
#mpopup{float:right;position:relative;width:480px;height:320px;background-color:rgba(236,233,230,.7);}
#mpopup h3{overflow:hidden;display:block;height:55px;padding-left:30px;border:1px solid #c9cacc;font-size:18px;font-weight:400;color:#111;line-height:55px}
#mpopup .mpopup_more{position:absolute;top:0;right:0;display:block;width:55px;height:55px;border:1px solid #c9cacc;background:url('../images/mschedule_btn_more.png') no-repeat center center;line-height:55px;text-align:center;text-indent:-9999px}
#mpopup .mpopup_more:hover{background-color:#eee}
#mpopup .bx-controls{position:absolute;right:55px;top:1px}
#mpopup .bx-controls a{display:block;float:left;width:55px;height:53px;border-left:1px solid #c9cacc;text-indent:-9999px}
#mpopup .bx-controls .bx-prev{background:url(../images/mschedule_btn_prev.png) no-repeat center center}
#mpopup .bx-controls .bx-next{margin-left:-1px;background:url(../images/mschedule_btn_next.png)  no-repeat center center}
#mpopup .bx-controls a:hover{background-color:#eee}
#mpopup .bx-controls-auto{position:absolute;bottom:0;right:-54px;width:55px;height:53px}
#mpopup .bx-controls-auto a{display:block;width:55px;height:53px;text-indent:-9999px}
#mpopup .bx-controls-auto .bx-start{position:absolute;top:0;z-index:2;margin:0;background:url('../images/visual_btn_start.png') no-repeat center center}
#mpopup .bx-controls-auto .bx-start:hover,
#mpopup .bx-controls-auto .bx-start:focus{background-color:#eee}
#mpopup .bx-controls-auto .bx-stop{position:absolute;top:0;z-index:2;margin:0;background:url('../images/visual_btn_stop.png') no-repeat center center;}
#mpopup .bx-controls-auto .bx-stop:hover,
#mpopup .bx-controls-auto .bx-stop:focus{background-color:#eee}
#mpopup .bx-controls-auto .bx-start.active{z-index:1;background:url('../images/visual_btn_stop.png') no-repeat center center}
#mpopup .bx-controls-auto .bx-stop.active{z-index:1;background:url('../images/visual_btn_start.png') no-repeat center center}
#mpopup .mpopup{overflow:hidden;width:100%;height:260px}
#mpopup .mpopup:after{clear:both;margin-top:1px;content:""}
#mpopup .mpopup img{width:100%;height:100%}

#mlink{margin-top:50px}
#mlink h3{height:40px;font-size:20px;color:#111}
#mlink ul{border-top:3px solid #0a7dca;border-bottom:1px solid #eeeeef;text-align:left}
#mlink li{float:left;width:20%;padding:2% 10px;border-left:1px solid #eeeeef;text-align:center}
#mlink li:nth-child(5n+1){clear:both;border-left:none}
#mlink li:nth-child(n+5){border-top:1px solid #eeeeef}
#mlink li:hover{display:block;background-color:#f0f0f0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#mlink li:hover h4{text-decoration:underline}
#mlink h4{margin:8% 0;font-size:18px;font-weight:400;color:#244e7d;line-height:130%}
#mlink p{font-size:14px;color:#888;letter-spacing:-.07em;line-height:130%}
#mlink .mlink1_blank a{text-decoration:none}
#mlink .mlink1_blank a h4{text-decoration:none}
#mlink .mlink1_blank{display:none}

#mservice{overflow:hidden}
#mservice h3{display:none;height:30px;margin-top:5%;font-size:20px;color:#111}
#mservice ul{border-bottom:1px solid #eeeeef}
#mservice li{float:left;position:relative;width:10%;padding:1% 0;text-align:center}
#mservice li:before{display:block;position:absolute;top:50%;left:0;width:1px;height:20px;margin-top:-10px;background-color:#eeeeef;content:""}
#mservice li:first-child:before{display:none}
#mservice i{display:inline-block;width:30px;height:30px;margin-right:5px;border-radius:100%;background-color:#bbb;vertical-align:middle}
#mservice p{display:inline-block;font-size:15px;font-weight:400;color:#555;letter-spacing:-.07em;line-height:120%}
#mservice li:hover{display:block;background-color:#f0f0f0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#mservice li:hover i{background-color:#0a7dca;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#mservice li:hover p{text-decoration:underline}

#mbanner{position:relative;height:100px;margin-top:60px;padding:20px 122px;background-color:#fafafa}
#mbanner .bx-controls a{display:block;float:left;width:100px;height:100px;background-color:#f0f1f5;text-indent:-9999px}
#mbanner .bx-controls .bx-prev{position:absolute;left:0;top:0;background:url(../images/mschedule_btn_prev.png) #f0f1f5 no-repeat center center}
#mbanner .bx-controls .bx-next{position:absolute;right:0;top:0;background:url(../images/mschedule_btn_next.png) #f0f1f5  no-repeat center center}
#mbanner .bx-controls a:hover{background-color:#dee0e9}
#mbanner .bx-controls-auto{position:absolute;top:-35px;right:0;width:23px;height:28px}
#mbanner .bx-controls-auto a{display:block;width:23px;height:28px;text-indent:-9999px}
#mbanner .bx-controls-auto .bx-start{position:absolute;top:0;z-index:2;margin:0;background:url('../images/mbanner_btn_start.png') no-repeat center center}
#mbanner .bx-controls-auto .bx-start:hover,
#mbanner .bx-controls-auto .bx-start:focus{background-color:#fff}
#mbanner .bx-controls-auto .bx-stop{position:absolute;top:0;z-index:2;margin:0;background:url('../images/mbanner_btn_stop.png') no-repeat center center;}
#mbanner .bx-controls-auto .bx-stop:hover,
#mbanner .bx-controls-auto .bx-stop:focus{background-color:#fff}
#mbanner .bx-controls-auto .bx-start.active{z-index:1;background:url('../images/mbanner_btn_stop.png') no-repeat center center}
#mbanner .bx-controls-auto .bx-stop.active{z-index:1;background:url('../images/mbanner_btn_start.png') no-repeat center center}
#mbanner #mbannerLst a{width:195px !important;margin-right:44px !important}


@media (max-width: 1620px){
	.video1_overlay1{font-size: 4.5rem;}
	.video1_overlay2{font-size: 1.6rem;}
	.visualimg_overlay1{font-size: 4.5rem;}
	.visualimg_overlay2{font-size: 1.6rem;}
	
}
@media screen and (max-width:1440px){
	.container{padding-left:20px;padding-right:20px}
	#popup .slick-next, #popup .slick-prev{top: 20px;}
	/* #mnews .more{right:20px}
	#mNews #mNewsTit .mNews_more{right:20px} */
}
@media screen and (max-width:1320px){
	/*--@@*/
	#why2 .why2Tit .why2_tit{font-size: 75px;bottom: 81%;}
	#why2 .list-wrap .tit {font-size: 20px;}
	#why2 .list-wrap{width: 96%;margin: auto;}
	#why2 .list-wrap .right .titl {width: 60%;}
	#why2 .list-wrap .left .graph .perct .per strong {font-size: 38px;}
	#why2 .list-wrap .tit_a {font-size: 14px;}
	#why2 .list-wrap .right i strong{font-size: 32px;}
	/*@@--*/
}

@media screen and (max-width:1280px){
	.mnoticeArea:after{content: none;}
	.visualbox{width: 320px; height: 240px;}
	.visualbox h1{font-size: 24px;}
	.visualbox p{font-size: 20px; line-height: 15px;}
	#mad li{height:280px}
	#mad .mblackboard{height:110px;line-height:110px}
	#mad .mblackboard h3{line-height:110px}
	#mad .mblackboard .mblackboard_tit{line-height:110px}
	#mlink p br{display:none}
	#mservice i{display:block;margin:0 auto 8px}
}
@media screen and (max-width:1200px){
	/*--@@*/
	#mNewsBox{grid-template-rows: repeat(2, 190px);}
	#mNewsBox .mnews .mnews_img img{object-fit: cover;}
	#mNewsBox .mnews.mnews1 h4{font-size: 20px;line-height: 26px;height: 50px;}
	#mNews h4{font-size: 18px;line-height: 20px;height: 40px;}
	#facebookPost .post_list_wrap > ul{grid-template-rows: repeat(2, 190px);}
	#facebookPost .post_list_wrap ul li.post1:hover a .title {font-size: 20px;line-height: 26px;height: 50px;}
	#facebookPost .post_list_wrap ul li:hover a .title{font-size: 18px;line-height: 20px;height: 40px;}
	#facebookPost .ico_svg{width: 38px;height: 38px;}
	#facebookPost .ico {width: 62px;height: 52px;}
	#facebookPost .ico::before,#facebookPost .ico::after{border-radius: 1rem 0 0 0;}
	#facebookPost .post_list_wrap > ul > li.post1:hover .ico_svg{width: 60px;height: 60px;}
	#facebookPost .post_list_wrap > ul > li.post1:hover .ico {width: 84px;height: 76px;}
	#facebookPost .post_list_wrap > ul > li:hover .ico_svg {width: 44px;height: 44px;}
	#facebookPost .post_list_wrap > ul > li:hover .ico {width: 68px;height: 60px;}
	#mNews ul.mpressLst li .subject strong{font-size:18px;line-height:22px}
	#mNews ul.mpressLst li .year{font-size: 14px;}
	#mNews ul.mpressLst li{padding: 0 22px;}
	#mNews #mNewsWrap2 .slide_ctrl_btn button{width: 45px;height: 45px;}
	#mschedule .mscheduleLst {    padding: 32px;}
	#mschedule .sc_date{margin-right: 0;}
	#mnotice #mnoticeTit li{width: 12%;}
	/*@@--*/
}
@media screen and (max-width:1120px){
	/*--@@*/
	#why2 .list-wrap .left .graph .perct .per strong{font-size: 30px;font-family: 'SCoreDream';}
	#why2 .list-wrap .left .graph .perct .per p {margin-top: 52px;}
	#why2 .list-wrap .right ul li{padding-left: 82px;}
	#why2 .list-wrap .right ul li::before{top: 24px;}
	#why2 .list-wrap .right ul li:nth-child(3)::before{top: 12px;}
	#why2 .list-wrap .right ul li::after{height: 101px;bottom: 15px;}
	#why2 .list-wrap .right i strong{font-size: 28px;}
	#why2 .list-wrap .right .txt.tit_b{display: block;margin-top: 8px;margin-left: 72%;}
	#why2 .list-wrap .right .titl {width: 72%;}
	/*@@--*/
}
@media screen and (max-width:1100px){
	#mschedule{height: 100%;}
	#mpopup{width:49%;margin-top:40px}
	#mad .mblackboard{height:80px;line-height:80px}
	#mad li{height:auto;padding:50px 30px}
	#mad .mblackboard h3{line-height:80px}
	#mad .mblackboard .mblackboard_tit{line-height:80px}
	/*비전 슬로건*/
	#vision{height: 160px;}
	#vision .visionWrap h2{font-size: 28px;}
	#vision .visionWrap a{font-size: 20px;}
	#vision .visionWrap span a:after{width: 40px; height: 40px;}
	/*SNS 영역*/
	/* #facebookPost .tit_box {width:100%; padding:0;}
	#facebookPost .tit_box h3 {float:none;}
	#facebookPost .tit_box > .img {margin-bottom:0; display:inline-block;}
	#facebookPost .post_list_wrap {width:100%; margin-top:20px;}
	#facebookPost .post_list_wrap > ul > li > a {min-height:185px;} */

}
@media screen and (max-width:1000px){
	#popup .slick-next, #popup .slick-prev{top: 10px;}
	.visualbox{ display: none;}
	.visualbox h1{font-size: 10px;}
	/* #mnews{padding:10% 0} */
	/* #mnews h3{height:40px}
	#mNews{padding:10% 0}
	#mNews h3{height:40px} */
	.mnoticeArea{padding:6% 0}
	#mlink{margin-top:5%}
	#mlink h3 em{display:none}
	#mlink li{width:33.333%}
	#mlink li:nth-child(n){clear:none;border-top:none;border-left:1px solid #eeeeef}
	#mlink li:nth-child(3n+1){clear:both}
	#mlink li:nth-child(n+4){border-top:1px solid #eeeeef}
	#mlink li:nth-child(3n+1){border-left:none}
	#mlink .mlink1_blank{display:block}
	#mlink h4{margin:4% 0;font-size:18px;color:#244e7d}
	#mlink p{font-size:13px;font-weight:300}
	#mlink p br{display:block}
	#mservice h3{display:block}
	#mservice ul{border-top:3px solid #0a7dca}
	#mservice li{width:20%}
	#mservice li:nth-child(10n+6):before{display:none}
	#mservice li:nth-child(n+6){border-top:1px solid #eeeeef}
	#mservice li:nth-child(5n+1){clear:both}
	#mbanner{padding:20px 72px}
	#mbanner .bx-controls a{width:50px;height:100px}
	#mbanner .bx-controls-auto a{width:23px;height:28px}
	.video1_overlay1{font-size: 70px;}
	.video1_overlay2{font-size: 24px;}
	.visualimg_overlay1{font-size: 70px;}
	.visualimg_overlay2{font-size: 24px;}
	
	#why .vision{width: 100%;}
	#why .vision .tit, #why .why .tit{font-size: 20px; margin-bottom: 25px; }
}
@media screen and (max-width:990px){
	#visualWrap .visual_progress{bottom: 150px;}
	#visualWrap .visual_scroll{bottom: 120px;font-size: 12px;}
	.bannerWrap .bannerbox .schedule div span{margin: 0 5px;font-size: 15px;}
	.bannerWrap .bannerbox .schedule div:nth-child(2){padding-left: 52px;}
	.bannerWrap .bannerbox .schedule div:nth-child(2)::before{height: 10px;border-left: 1px solid #ffffffaf;}
	.bannerWrap .bannerbox .schedule a {width: 42px;height: 42px;}
}

@media screen and (max-width:920px){
	/*--@@*/
	#why2 .why2Tit .why2_stit{font-size: 26px;font-weight: 700;}
	#why2 .why2Tit .why2_tit {font-size: 56px;bottom: 82%;}
	#why2 .why2Tit {padding-top: 62px;}
	#why2 .list-wrap .right ul li {padding-left: 0;background: #fff2;border-radius: 12px;padding: 10px 22px;margin-bottom: 10px;}
	#why2 .list-wrap .right ul li::after,#why2 .list-wrap .right ul li::before {display: none;}
	#why2 .list-wrap .left {width: 38%;}
	#why2 .list-wrap .right .titl {width: 100%;margin-bottom:6px;}
    #why2 .list-wrap .right i,  #why2 .list-wrap .right .txt.tit_b {display: block;width: 100%;text-align: right;margin-left: 0;}
	#why2 .list-wrap .left {width: 43%;}
	/*@@--*/

}

@media screen and (max-width:850px){
	/*--@@*/
	#mNewsBox,
	#facebookPost .post_list_wrap > ul{height: 620px;grid-template-columns: 50% 50%;grid-template-rows: 40% 30% 30%;}
	#mNewsBox .mnews.mnews1,
	#facebookPost .post_list_wrap > ul > li.post1{grid-column: 1 / span 2;grid-row: 1;}
	#mNewsBox .mnews.mnews2,
	#facebookPost .post_list_wrap > ul > li.post2 {grid-column: 1;grid-row: 2;}
	#mNewsBox .mnews.mnews3,
	#facebookPost .post_list_wrap > ul > li.post3 {grid-column: 2;grid-row: 2;}
	#mNewsBox .mnews.mnews4,
	#facebookPost .post_list_wrap > ul > li.post4 {grid-column: 1;grid-row: 3;}
	#mNewsBox .mnews.mnews5,
	#facebookPost .post_list_wrap > ul > li.post5 {grid-column: 2; grid-row: 3;}
	#mNewsBox .mnews.mnews1 a,
	#facebookPost .post_list_wrap > ul > li.post1 > a{height: 95%;}
	#mNewsBox .mnews a,
	#facebookPost .post_list_wrap > ul > li > a{height: 92%;margin: auto;}
	#mNewsBox .mnews.mnews1 h4{height: 25px;-webkit-line-clamp: 1;}
	.mnoticeWrap, #mschedule {width: 100%;float: none;display: block;}
	#mschedule{margin-top: 30px;}
	#mnotice .mnotice_con{height: 366px; overflow: hidden;margin-top: 6px;line-height: normal;}
	#mnotice #mnoticeTit li {width: 10%;}
	#mnotice #mnoticeTit li a{font-size: 16px;line-height:normal}
	#mnotice .mnoticeLst2 li{padding: 6px 8px;}
	#mnotice .mnoticeLst2 .mnotice_tit {padding-bottom: 2px;}
	#mnotice .mnoticeLst2 li:nth-child(7),#mnotice .mnoticeLst2 li:nth-child(8){display: none;}
	#mschedule .mscheduleLst {padding: 38px;margin-top: 4px;height: 354px;}
	#mschedule .mscheduleLst li {padding-top: 15px;line-height: normal;}
	#mschedule .sc_control .sc_tit{top: 40%;font-size: 14px;padding: 4px 0;}
	.mscheduleLst ul{padding: 0 20px;height: 210px;}
	.sc_monthBox .sc_monthBox_year, .sc_monthBox .sc_monthBox_month{font-size: 26px;}
	.sc_control {margin: 0px 0 40px 0;}
	.sc_arrow_right {left: 154px;}
	.sc_arrow_right,.sc_arrow_left{width: 22px;height: 24px;background-size: 55%;}
	/*@@--*/

}
@media screen and (max-width:820px){
	#mlink li p br{display:none}
	#mlink li {min-height:105px}
	#why .why ul li{width: 50%;}
	#why .why ul li:nth-child(n+3){margin-top: 25px;}
	/*--@@*/
	#why2 .why2Tit .why2_tit{bottom: 84%;}
	/*@@--*/
}

@media screen and (max-width:780px){
	/*--@@*/
	#why2{line-height: normal;}
	#why2 .list-wrap{display: block;}
	#why2 .list-wrap > div {display: block;}
	#why2 .list-wrap .left {width: 100%;display: block;background: #fff2;border-radius: 12px;padding: 10px 22px;margin-bottom: 10px;}
	#why2 .list-wrap .left .graph{width: 310px;margin-left: auto;}
	#why2 .list-wrap .left .graph .bar .bar1, #why2 .list-wrap .left .graph .bar .bar2{height: 100px;}
	#why2 .list-wrap .left .graph .bar .bar1::before, #why2 .list-wrap .left .graph .bar .bar2::before {width: 60px;border-radius: 15px 15px 0 0;}
	#why2 .list-wrap .left .graph .bar {margin-top: 12px;}
	#why2 .list-wrap .left .graph .perct .per p {margin-top: 0px;margin-bottom: 0px;}
	#why2 .list-wrap .right {width: 100%;}
	#why2 .list-wrap .right .txt.tit_b{margin-top: 0px;}
	#why2 .list-wrap .right ul li{display: inline-block;width: 49.5%;height: 130px;vertical-align: top;}
	#why2 .list-wrap .right ul li:first-child{width: 100%;}
	#why2 .list-wrap .left .graph .bar .bar1::before, #why2 .list-wrap .left .graph .bar .bar2::before{box-shadow: none;}
	#why2 .list-wrap .right .titl .tit{height: 20px;}
	#why2 .list-wrap .right ul li:nth-child(3) .titl .tit{margin-top: 20px;}
	#why2 .why2Tit {padding-top: 42px;margin-bottom: 34px;}
	#why2 .why2Tit .why2_tit {font-size: 34px;}
	#why2 {padding: 0 0 30px;}
	/*@@--*/
}
@media screen and (max-width:768px){/* 아이패드 */
	/*#mnoticeTit{margin: 0px 0 5px;}
	#mnotice .mnoticeLst2 li{height: 50px;}
	#mnotice .mnotice_con{height:auto}
	#mnotice .mnoticeLst li{height:auto;padding:50px 20px}
	#mnotice .mnoticeLst .mnotice_tit{margin-bottom:15px}
	#mnotice h2{font-size: 29px; margin: 0px}*/
	#mad li{height:auto;padding:30px 30px 50px}
	#mlink h3{height:30px}
	#mlink li img{display:none}
	#mlink h4{font-size:16px}
	#mlink p{font-size:13px}
	#mservice li i{display:none}
	#mservice p{font-size:14px;letter-spacing:-.05em;line-height:150%}
	.slick-prev{right: 90px;}
	.slick-arrow{width: 45px; height: 45px; opacity: 0.7;}
	.control{right: 45px; opacity: 0.7;}
	.control a{width: 45px; height: 45px;}
	#qMenu2{padding: 25px 0 25px;}
	#qMenu2 .qMenu2Cont .title{text-align: left;width:100%;display: block;}
	#qMenu2 .qMenu2Cont .title strong{font-size:28px;display: block;padding-bottom: 0; margin-bottom: 10px;}
	#qMenu2 .qMenu2Cont .title strong:after, #qMenu2 .qMenu2Cont .title p{display: none;}
	#qMenu2 .qMenu2Cont  .hotlink-rolling{width: 100%;margin: 0 auto;display: block;padding: 0;}
	#qMenu2 .qMenu2Cont  .hotlink-rolling .slick-initialized .slick-slide{padding:0 20px;}
	#qMenu2 .qMenu2Cont  .hotlink-rolling .slick-slide img{width:50%;}
	#qMenu2 .qMenu2Cont .hotlink-rolling .slick-arrow{display: inline!important;}
	#qMenu2 .qMenu2Cont .hotlink-rolling .slick-prev{top:35px;}
	#qMenu2 .qMenu2Cont .hotlink-rolling .slick-next{top:35px;}
	.mainTitleWrap{margin: 0px auto 20px;}
	/*비전*/
	#vision .visionWrap h2{padding: 28px 0 15px;}
	#vision .visionWrap a{font-size: 18px;}
	#vision .visionWrap span a:after{width: 30px; height: 30px; background-size: 20px;}
	/*SNS영역*/
	/* #sns{padding: 30px 0;}
	#facebookPost .tit_box h3 {margin-bottom:5px;}
	#facebookPost .tit_box > .img > img {width:140px;}
	#facebookPost .tit_box .shortcut_wrap a{color: transparent; padding:0;}
	#facebookPost .post_list_wrap > ul {width:820px;}
	#facebookPost .post_list_wrap > ul > li {width:335px; height:240px; padding-left:20px;}
	#facebookPost .post_list_wrap > ul > li > a {min-height:150px;} */
	/*미디어*/
	/* #media{padding: 30px 0;} */
}
@media screen and (max-width:700px){
	#popup{background: none;}
	#mpopup{float:none;position:relative;width:100%;height:auto}
	#mpopup .bx-wrapper{width:100%}
	#mpopup .mpopup{height:auto}
	#mpopup .mpopup img{height:100%}
	#mbanner{height:60px;margin-top:45px;padding:10px 62px}
	#mbanner .bx-controls a{width:40px;height:60px}
	#mbanner .bx-controls-auto{right:7px}
	#mbanner .bx-controls-auto a{width:23px;height:28px}
	#mbanner #mbannerLst a{width:130px !important;margin-right:10px !important}
	#mbanner #mbannerLst img{height:40px}
	.bannerWrap .bannerbox .schedule{display: none;}
	#main h3{font-size: 32px;}
	#mNews #mNewsTit li a{font-size: 24px;}
	#mNews #mNewsTit li.mNews_more{top: -4px;}
	#mNewsCon{bottom: -15px; }
	#mschedule{width:100%}
	#mschedule .mscheduleTit h3{font-size: 24px;}
	#mschedule .mscheduleTit h3 span{font-size: 32px;}
	#mnotice h2{font-size: 24px;}
	#mnotice h2 span{font-size: 32px;}
	#mnotice h2 span, #mschedule .mscheduleTit h3 span, .mainTitleWrap h3 span {font-size: 32px;}
	.mnoticeWrap{width:100%; margin-bottom: 35px;  padding-right: 0%;}
	.mainTitleWrap p{font-size: 14px;}
	.mainTitleWrap h3{font-size: 40px;}
	
	/*--@@*/
	#facebookPost .tit_box > .shortcut_wrap > a{margin: 0 6px;width: 44px;height: 44px;}
	#media {padding: 0;}
	#media .mediaWrap {margin-top: 0px;}
	#media .mediaWrap .mediaCont ul li {width: 300px;height: 220px;}
	#media .mediaWrap .mediaCont ul li a:hover .media_img::before{width: 55px;height: 55px;background-size: 16px;}
	#media .mediaWrap .mediaCont ul li .media_tit {font-size: 16px;line-height: 18px;height: 35px;}
	/*@@--*/

}
@media screen and (max-width:620px){
	/* #mnotice .mnoticeLst2 li{height:40px}
	#mnotice .mnoticeLst2 .mnotice_tit{width:75%;font-size:15px;line-height:40px}
	#mnotice .mnoticeLst2 .mnotice_date{line-height:40px} */
	#mad li{width:100%}
	#mad li:nth-child(3n+2) a{font-size: 12px;}
	#mad li{margin-top:4%; margin-right:0;}
	#mad li:hover{margin-top:4%; margin-right:0;}
	#mad .mad_img_play{height:100px}
	#mad .mad_img{height:100px}
	#mad .mblackboard{width:48%;height:auto;padding:30px 30px 41px;line-height:150%}
	#mad .mblackboard h3{float:none;width:100%;line-height:1;font-size:16px;font-weight:400;text-align:center}
	#mad .mblackboard .mad_img{float:none;width:100%;height:100px;padding-top:0;text-align:center}
	#mad .mblackboard .mad_img img{width:auto;height:auto}
	#mad .mblackboard .mblackboard_tit{float:none;width:100%;padding-top:20px;font-size:14px;text-align:center;line-height:150%}
	#mad .mblackboard .mblackboard_tit br{display:block}
	#mad .mblackboard:hover{margin-top:4%;background-color:#086cb0}
	#mlink li{min-height:auto;padding:0;background-color:#f7f7f7}
	#mlink li:hover{background-color:#e7e7e7}
	#mlink h4{margin:0;line-height:40px}
	#mlink h3{font-size:18px}
	#mlink p{display:none}
	#mservice h3{font-size:18px}
	#mservice li{width:25%}
	#mservice li:nth-child(n){clear:none;border:none;border:1px solid #eeeeef;border-width:0 0 1px 1px}
	#mservice li:nth-child(4n+1){clear:both;border-left:none}
	#mservice li:before{display:none}
	/*비전*/
	#vision{height: 120px;}
	#vision .visionWrap h2{font-size: 15px;}
	#vision .visionWrap a{font-size: 13px;}
	#vision .visionWrap span a:after{width: 30px; height: 30px; background-size: 20px; margin-left: 8px;}
	#vision span::after{content: none;}
	/*SNS영역*/
	/* #facebookPost .tit_box > .shortcut_wrap > a {line-height:35px; margin-bottom:5px; margin:0;} */

	/*--@@*/
	#mNewsTit .mNews_stit{font-size: 12px;}
	#mNewsTit .mNews_tit{margin-top: 2px;font-size: 32px;}
	#mNewsTit .mNews_more a{font-size: 14px;bottom: 4%}
	/* #mNewsTit .mNews_more a span{right: 5px;}right: -3px;bottom: 6px; */
	#mNewsTit .mNews_more a:hover span{width: 22px;height: 22px;line-height: 22px;}
	#mNewsTit .mNews_more a{padding-right: 14px;}
	/*@@--*/

}
@media screen and (max-width:550px){
	/* #mnotice #mnoticeTit li a{font-size:16px;line-height:50px} */
	#mad .mblackboard .mblackboard_tit br{display:none}
}
@media screen and (max-width:500px){
	/*--@@*/
	#mNewsBox .mnews.mnews1 h4{margin: 0 26px 22px 26px;font-size: 18px;}
	#mNews h4, 
	#facebookPost .post_list_wrap ul li:hover a .title {font-size: 16px;margin: 0 10px 10px 10px;}
	#mNewsBox .mnews a, 
	#mNewsBox .mnews a, #facebookPost .post_list_wrap > ul > li > a{border-radius: 10px;}
	#mNewsBox, #facebookPost .post_list_wrap > ul {height: 460px;}
	#mNews ul.mpressLst li .subject strong{font-size: 16px;line-height: 20px;}
	#mNews ul.mpressLst li .subject{height: 94px;}
	#mNews #mNewsWrap2 .slide_ctrl_btn .press_next{left: 95%;}
	#facebookPost .post_list_wrap ul li.post1:hover a .title {font-size: 18px;margin: 0 26px 22px 26px;line-height: 20px;height: 40px;}
	#facebookPost .ico::before, #facebookPost .ico::after {border-radius: 10px 0 0 0;}
	#facebookPost .ico_svg { width: 32px;height: 32px;border-radius: 0;top: 2px;left: 8px;}
	#facebookPost .ico {width: 46px;height: 40px;border-radius: 0 0 12px 0;}
	#facebookPost .post_list_wrap {margin: 28px 0 0 0;}
	#facebookPost .post_list_wrap > ul > li:hover .ico {width: 60px;height: 53px;}
	#facebookPost .post_list_wrap > ul > li.post1:hover .ico_svg {width: 52px;height: 52px;}
	#facebookPost .post_list_wrap > ul > li.post1:hover .ico {width: 68px;height: 62px;}
	#facebookPost .tit_box > .shortcut_wrap {margin: auto;margin-top: 15px;width: 196px;}
	#facebookPost .tit_box > .shortcut_wrap > a {width: 40px;height: 40px;margin: 0 2px}
	#sns {padding: 70px 0 0px;}
	#media .mediaWrap .mediaCont ul li {width: 260px;height: 200px;}

	#why2 .why2Tit .why2_stit {font-size: 22px;}
	#why2 .list-wrap .tit{margin: 0;font-size: 16px;}
	#why2 .list-wrap .tit_a {font-size: 10px;line-height: 10px;}
	#why2 .list-wrap .tit_b {font-size: 10px;}
	#why2 .list-wrap .right ul li, #why2 .list-wrap .left {padding: 8px 8px;}
	#why2 .list-wrap .right ul li{ height: 102px;}
	#why2 .list-wrap .right ul li:nth-child(3) .titl .tit{margin-top: 12px;}
	#why2 .list-wrap .right .titl{margin-bottom: 14px;}
	#why2 .list-wrap .right .titl .tit{line-height: 20px;}
	#why2 .list-wrap .right i strong {font-size: 20px;}
	#why2 .list-wrap .left .graph {width: 162px;}
	#why2 .list-wrap .left .graph .bar .bar1.active::before {height: 76%;}
	#why2 .list-wrap .left .graph .bar .bar1, #why2 .list-wrap .left .graph .bar .bar2 {height: 50px;}
	#why2 .list-wrap .left .graph .bar .bar1::before, #why2 .list-wrap .left .graph .bar .bar2::before {width: 30px;border-radius: 8px 8px 0 0;}
	#why2 .list-wrap .left .graph .perct .per{padding-left: 8px;}
	#why2 .list-wrap .left .graph .perct .per p{font-size: 12px;}
	#why2 .list-wrap .left .graph .perct .per strong {font-size: 20px;}
	
	.mscheduleLst ul{padding: 0px 10px;height: 174px;}
	#mschedule .mscheduleLst{padding: 20px;height: 278px;}
	#mschedule .mscheduleLst li {padding-top: 10px;}
	#mschedule .sc_date{font-size: 14px;}
	#mschedule .sc_title{font-size: 14px;}
	#mschedule .sc_control .sc_tit {font-size: 12px;width: 80px;padding: 2px 0;}
	.sc_control {margin: 0px 0 30px 0;}
	.sc_control::after{bottom: -10px;}
	.sc_monthBox .sc_monthBox_year, .sc_monthBox .sc_monthBox_month {font-size: 22px;}
	.sc_arrow_right, .sc_arrow_left {width: 18px;height: 20px;}
	.sc_arrow_right {left: 138px;top: 40%;}
	.sc_arrow_left {top: 44%;}

	#mnotice .mnotice_con {height: 330px;}
	#mnotice .mnoticeLst2 .mnotice_tit{font-size: 16px;width: 86%;}
	#mnotice .mnoticeLst2 .mnotice_date {font-size: 12px;}
	#mnotice .mnoticeLst2 .cate {font-size: 13px;margin-right: 14px;}
	#mnotice #mnoticeTit li a {font-size: 15px;border-radius: 10px;padding: 5px 0;}
	/*@@--*/
}
@media screen and (max-width:480px){
	#popup .slick-next, #popup .slick-prev{background-size: 50%;}
	#mpopup{margin-top:20px}
	.mnoticeWrap{width:100%}
	.mainTitleWrap h3{font-size: 26px;}
	/* #mnotice #mnoticeTit li{width:14.2%;}
	#mnotice #mnoticeTit li a:after{content: none;}
	#mnotice #mnoticeTit{height: 50px;}
	#mnotice #mnoticeTit li a{font-size:14px;line-height:14px; border-radius: 5px;}
	#mnotice .mnoticeLst2{margin-bottom:10px}
	#mnotice .mnoticeLst2 li{height:35px; padding: 0;}
	#mnotice .mnoticeLst2 .mnotice_tit{font-size:14px;line-height:35px}
	#mnotice .mnoticeLst2 .mnotice_date{font-size:13px;line-height:35px; display: none;}
	#mnotice #mnoticeTit li.mnotice_more{width: 20px;  height: 20px; float: right; top: -98px;} */
	#mschedule{margin-top:20px}
	#mschedule .mscheduleBtn .mschedule_more{width:20px; height: 20px; top: 15px; position: relative;}
	#mad{padding-top:10px}
	#mad li{padding:20px 20px 30px}
	#mad .mad_date{bottom:10px}
	#mad .mad_hit{bottom:10px}
	#mad .mblackboard{padding:20px 20px 18px}
	#mad .mad_img_play{height:90px}
	#mad .mad_img{height:90px}
	#mad .mblackboard .mad_img{height:90px}
	#mlink h4{margin:0;font-size:14px;line-height:40px}
	#sns{margin: 0 0 20px 0px;}
	#sns:after{content:none;}
	.video1_overlay1{font-size: 45px;}
	.video1_overlay2{font-size: 20px; line-height: 25px; margin-top: 15px;}
	.visualimg_overlay1{font-size: 45px;}
	.visualimg_overlay2{font-size: 20px; line-height: 25px; margin-top: 15px;}
	
	#why .vision ul li a{padding: 30px 20px;}
	#why .vision ul li div.vision1:before, #why .vision ul li div.vision2:before, #why .vision ul li div.vision3:before{width: 30px;height: 35px;}
	#why .vision{margin-top: 50px;}
	#why .why{margin: 0 0 50px;}
	/* #media .mediaWrap {height: 240px;}
	#media .mediaWrap .mediaTit .slide_ctrl_btn a, #mNews #mNewsWrap2 .slide_ctrl_btn button{width: 45px; height:45px;}
	#media .mediaWrap .mediaTit .slide_ctrl_btn .prev, #mNews #mNewsWrap2 .slide_ctrl_btn .press_prev{left: -10px;}
	#media .mediaWrap .mediaTit .slide_ctrl_btn .next, #mNews #mNewsWrap2 .slide_ctrl_btn .press_next{right:-10px;}
	#media .mainTitleWrap{margin: 0px auto 15px;}
	#media .view_more{top: 23px; left: 10px; width: 30px; height: 30px;}
	#media .mediaWrap .mediaCont{height: 240px;}
	#media .mediaWrap .mediaCont ul li{width:335px; height: 240px;} */
}
@media screen and (max-width:420px){
	/* #mnotice .mnoticeLst2 .mnotice_tit{width:100%} */
	#mad .mad_img_play{height:70px}
	#mad .mad_img{height:120px}
	#mad .mblackboard .mad_img{height:70px}
	#mlink li{width:50%;border:none;border-top:1px solid #eeeeef}
	#mlink li:nth-child(n){clear:none;border-left:none}
	#mlink li:nth-child(2n+1){clear:both;border-right:1px solid #eeeeef}
	#mlink li:nth-child(n+3){border-top:1px solid #eeeeef}
	#mlink .mlink1_blank{display:none}
	#mservice li{width:50%}
	#mservice li:nth-child(n){clear:none;border:none;border:1px solid #eeeeef;border-width:0 0 1px 1px}
	#mservice li:nth-child(2n+1){clear:both;border-left:none}
	.video1_overlay2{font-size: 14px; margin-top: 5px;}
	.visualimg_overlay2{font-size: 14px; margin-top: 5px;}

	
	/*--@@*/
	#why2 .why2Tit .why2_tit {font-size: 28px;}
    /*@@--*/
}
@media screen and (max-width:380px){
	#mad .mad_img_play{height:60px}
	#mad .mad_img{height:60px}
	#mad .mblackboard .mad_img{height:60px}
	#mad .mblackboard .mblackboard_tit{word-break:break-all}
	#mad .mblackboard .mblackboard_tit span{display:none}
	#mad .mad_hit{display:none}
	#mad .mad_date{left:0;width:100%;text-align:center}
}
@media screen and (max-width:360px){
	/* #mnotice .mnoticeLst2 .mnotice_tit{font-size:14px;line-height:30px}
	#mnotice .mnoticeLst2 .mnotice_date{font-size:12px;line-height:30px} */
	#mad h3{font-size:14px}
	#mad .mad_img_play{height:50px}
	#mad .mad_img{height:50px}
	#mad .mblackboard .mad_img{height:50px}
	#mad .mblackboard h3{font-size:14px}
}
@media screen and (max-width:340px){
	/*--@@*/
	#why2 .list-wrap .right ul li {width: 49.4%;}
	/*@@--*/
}