@charset "utf-8";

.when_mobile_nav {display:none;margin-bottom:2rem;line-height:6rem;text-align:center;border-radius:3rem 3rem 0 0;background:rgb(245 247 254 / 60%);box-shadow:inset 0px 0px 10px rgba(255,255,255,.6), inset -10px 0px 20px rgba(117, 127, 198,.3);}
.when_mobile_nav .mobile_nav_depmenu {float:left;padding:0 3.5rem;border-radius:3rem 3rem 0 0;font-size:2.5rem;color:#fff;transition:all .7s;}
.when_mobile_nav .mobile_nav_logo {display:inline-block;}
.when_mobile_nav .mobile_nav_logo img {width:90%;}
.when_mobile_nav .mobile_nav_info {float:right;padding:0 3.5rem;border-radius:3rem 3rem 0 0;font-size:2.5rem;color:#fff;transition:all .7s;}

.btn-intranet {position:absolute;bottom:8rem;left:50%;font-weight:700;color:#fff;text-align:center;background:linear-gradient(-45deg, #2aa89e, #259ec1);transform:translateX(-50%);border-radius:5rem;}
.btn-intranet-indexslide {position:absolute;right:3rem;bottom:3rem;width:15.2rem;line-height:4.6rem;font-size:1.3rem;text-align:center;color:#fff;border:solid 2px #00b7ce;background:#00b7ce;border-radius:1.3rem;box-shadow:0 10px 20px rgba(117, 127, 198, 0.2);z-index:10;}
.btn-intranet-indexslide:hover {color:#00b7ce;background:#fff;box-shadow:0 10px 20px rgba(0,227,255,.3);}

.btn-intranet-logout {width:15.2rem;line-height:4.6rem;font-size:1.3rem;font-weight:600;text-align:center;color:#333333;border:solid 2px #fff;background:#fff;border-radius:1.3rem;box-shadow:0 10px 20px rgba(117, 127, 198, 0.2);transition:all .7s;}
.btn-intranet-logout:hover {color:#fff;border:solid 2px #00b7ce;background:#00b7ce;box-shadow:0 10px 20px rgba(0,227,255,.3);}
.content-left .btn-logout-wrap {position:fixed;left:5.5rem;bottom:5rem;transition:all .7s;}

main.canvas {position:absolute;top:0;left:0;margin:1.5rem;width:calc(100% - 3rem);height:calc(100% - 3rem);border-radius:3rem;background:rgb(245 247 254 / 60%);}
main.canvas .content--canvas, main.canvas #container {position:fixed !important;top:0;left:0;z-index:-2;}
main.canvas .content-left {position:relative;float:left;width:23rem;height:100%;border-radius:3rem 0 0 3rem;/*background:#f5f7fe;*/overflow-y:auto;overflow-x:hidden;box-shadow: inset 0px 0px 15px rgba(255,255,255,.3), inset -10px 0px 30px rgba(117, 127, 198,.2);/*transition:all .7s;*/z-index:11;}

main.canvas .content-left .logo-wrap {margin:4rem 0 3rem 0;text-align:center;}
main.canvas .content-left .nav-left {margin-bottom:9rem;padding-left:3rem;}
main.canvas .content-left .nav-left .menu_left_label {width:calc(100% - 3rem);margin:.8rem 0;padding:.7rem 0 .7rem 2rem;font-size:1.4rem;font-weight:200;letter-spacing:normal;color:rgb(255 255 255 / 70%);border-top:solid 1px rgb(255 255 255 / 35%);border-bottom:solid 1px rgb(255 255 255 / 35%);}
main.canvas .content-left .nav-left .menu_left_hr {width:calc(100% - 2rem);margin:1rem 0;border-color:rgb(255 255 255 / 35%);}
main.canvas .content-left .nav-left li {margin:0;border-radius:3rem 0 0 3rem;transition:all .5s;}
main.canvas .content-left .nav-left li.active {background:#e9ecfb;transition:all .5s;}
main.canvas .content-left .nav-left li:hover {background:#e9ecfb;transition:all .5s;}
main.canvas .content-left .nav-left li:hover a {color:#00b7ce;}
main.canvas .content-left .nav-left li:hover .state-dot {background:#00b7ce;box-shadow:0 0 10px rgba(0,227,255,.7);}
main.canvas .content-left .nav-left li.active a {color:#00b7ce;}
main.canvas .content-left .nav-left li.active .state-dot {background:#00b7ce;box-shadow:0 0 10px rgba(0,227,255,.7);}
main.canvas .content-left .nav-left li .state-dot {width:.6rem;height:.6rem;margin-right:1rem;vertical-align:middle;border-radius:1rem;background:#f5f7fe;transition:all .5s;}
main.canvas .content-left .nav-left li a {padding:.8rem 0 .8rem 2rem;font-size:1.5rem;color:#fff;}

main.canvas .content-left .nav-left-slim {margin-bottom:9rem;padding-left:2rem;font-size:1.7rem;}
main.canvas .content-left .nav-left-slim h2 {margin-bottom:1.5rem;padding-left:1rem;color:#fff;}
main.canvas .content-left .nav-left-slim li {margin:.2rem 0;border-radius:3rem 0 0 3rem;transition:all .5s;}
main.canvas .content-left .nav-left-slim li.active {background:#e9ecfb;transition:all .5s;}
main.canvas .content-left .nav-left-slim li:hover {background:#e9ecfb;transition:all .5s;}
main.canvas .content-left .nav-left-slim li:hover a {color:#00b7ce;}
main.canvas .content-left .nav-left-slim li:hover .state-dot {background:#00b7ce;box-shadow:0 0 10px rgba(0,227,255,.7);}
main.canvas .content-left .nav-left-slim li.active a {color:#00b7ce;}
main.canvas .content-left .nav-left-slim li.active .state-dot {background:#00b7ce;box-shadow:0 0 10px rgba(0,227,255,.7);}
main.canvas .content-left .nav-left-slim .state-dot {width:1rem;height:1rem;margin-right:1rem;border-radius:1rem;background:#f5f7fe;transition:all .5s;}
main.canvas .content-left .nav-left-slim li a {padding:.4rem 0 .4rem 3rem;font-size:1.5rem;color:#fff;}
main.canvas .content-left .nav-left-slim hr {width:calc(100% - 3rem);margin-top:1rem;margin-left:.5rem;margin-bottom:1rem;border-color:rgb(255 255 255 / 30%);}

main.canvas .content-left .nav-left-normal {margin-bottom:9rem;padding-left:2rem;font-size:1.7rem;}
main.canvas .content-left .nav-left-normal h2 {margin-bottom:1.5rem;padding-left:1rem;color:#fff;}
main.canvas .content-left .nav-left-normal h2 span {margin-right:1rem;vertical-align: middle;}
main.canvas .content-left .nav-left-normal li {margin:.2rem 0;border-radius:3rem 0 0 3rem;transition:all .5s;}
main.canvas .content-left .nav-left-normal li.active {background:#e9ecfb;transition:all .5s;}
main.canvas .content-left .nav-left-normal li:hover {background:#e9ecfb;transition:all .5s;}
main.canvas .content-left .nav-left-normal li:hover a {color:#00b7ce;}
main.canvas .content-left .nav-left-normal li:hover .state-dot {background:#00b7ce;box-shadow:0 0 10px rgba(0,227,255,.7);}
main.canvas .content-left .nav-left-normal li.active a {color:#00b7ce;}
main.canvas .content-left .nav-left-normal li.active .state-dot {background:#00b7ce;box-shadow:0 0 10px rgba(0,227,255,.7);}
main.canvas .content-left .nav-left-normal .state-dot {width:1rem;height:1rem;margin-right:1rem;border-radius:1rem;background:#f5f7fe;transition:all .5s;}
main.canvas .content-left .nav-left-normal li a {padding:.8rem 0 .8rem 3rem;font-size:1.6rem;color:#fff;text-shadow: 0px 0px 10px rgba(0,0,0,.3);}
main.canvas .content-left .nav-left-normal hr {width:calc(100% - 3rem);margin-top:2rem;margin-left:.5rem;margin-bottom:2rem;border-color:rgb(255 255 255 / 30%);}

main.canvas .contents {position:relative;float:left;width:calc(100% - 48rem);height:100%;padding:3rem;background:#e9ecfb;overflow-x:hidden;overflow-y:auto;transition:all .7s;}
main.canvas .contents .link-wrap {margin-top:2rem;}
main.canvas .contents .owl-index-hero {background:#daeeff;border-radius:1.7rem;box-shadow:0 30px 50px rgba(117, 127, 198, 0.2);overflow:hidden;}
main.canvas .contents .owl-index-hero .index-hero-text {position:absolute;top:50%;left:30%;width:calc(100% - 33rem);transform:translateY(-50%);z-index:10;}
main.canvas .contents .owl-index-hero .index-hero-text-img {position:absolute;top:50%;left:6rem;width:calc(100% - 28rem);color:#fff;overflow:hidden;white-space:nowrap;transform:translateY(-50%);z-index:10;}
main.canvas .contents .owl-index-hero strong {display:block;margin-bottom:1rem;font-size:3.2rem;font-weight:700;}
main.canvas .contents .owl-index-hero .index-hero-text-primary {position:absolute;top:50%;left:10%;padding-right:3rem;color:#292b2c;overflow:hidden;white-space:nowrap;transform:translateY(-50%);}
main.canvas .contents .owl-index-hero .owl-item {font-size:2.6rem;height:23rem;}

main.canvas .contents .owl-sub-hero {margin-top:3rem;overflow:visible;}
main.canvas .contents .owl-sub-hero .owl-stage-outer {overflow:visible;}
main.canvas .contents .owl-sub-hero .owl-stage {padding-left:0 !important;}
main.canvas .contents .owl-sub-hero .owl-item {font-size:1.4rem;line-height:1.8rem;background:#f4f7fe;border-radius:1.7rem;border:solid 3px #f4f7fe;box-shadow:0 30px 50px rgba(117, 127, 198, 0.2);transition:all .5s;}
main.canvas .contents .owl-sub-hero .owl-item:hover {border:solid 3px #00b7ce;background:#fff;box-shadow: 0 30px 50px rgba(0,227,255,.3);}
main.canvas .contents .owl-sub-hero .index-hero-thumb {height:15rem;border-radius:1.5rem 1.5rem 0 0;background-size:cover;}

main.canvas .contents .owl-sub-member {margin-top:3rem;overflow:visible;z-index:10;}
main.canvas .contents .owl-sub-member .owl-stage-outer {overflow:visible;z-index:2;}
main.canvas .contents .owl-sub-member .owl-item {font-size:1.4rem;line-height:1.8rem;padding:1rem 2rem;background:#f4f7fe;border:solid 3px #f4f7fe;box-shadow:0 10px 30px rgba(117, 127, 198, 0.2);transition:all .5s;}
main.canvas .contents .owl-sub-member .owl-item:first-child {border-radius:5rem 0 0 5rem;}
main.canvas .contents .owl-sub-member .owl-item:last-child {border-radius:0 5rem 5rem 0;}
main.canvas .contents .owl-sub-member .owl-item:hover {border:solid 3px #00b7ce;background:#fff;box-shadow: 0 10px 30px rgba(0,227,255,.3);}

main.canvas .owl-index-hero label {position:absolute;top:1.5rem;left:1.5rem;width:3rem;height:3rem;line-height:3rem;text-align:center;border-radius:3rem;background:#00b7ce;z-index:10;}
main.canvas .owl-index-hero label span {height:3.4rem;font-size:1rem;font-weight:600;color:#fff;vertical-align:middle;}
main.canvas .contents .owl-sub-hero .index-hero-thumb label, .gall_img label {position:absolute;top:1rem;right:1rem;width:3rem;text-align:center;line-height:2.8rem;border-radius:3rem;background:#00b7ce;}
main.canvas .contents .owl-sub-hero .index-hero-thumb label span, .gall_img label span {font-size:1rem;font-weight:600;color:#fff;}
.owl-dep-hero label {position:absolute;top:.7rem;right:.7rem;width:.8rem;text-align:center;height:.8rem;border-radius:3rem;background:#00b7ce;}
.owl-dep-hero label span {font-size:1rem;font-weight:600;color:#fff;}
.wrap-board-area li > label {position:absolute;top:-0.1rem;left:-0.8rem;width:0.4rem;height:0.4rem;text-align:center;border-radius:3rem;background:#00b7ce;}

main.canvas .contents .owl-sub-hero .index-hero-text {padding-right:3rem;transform:translateY(-50%);}
main.canvas .contents .owl-sub-hero .index-hero-text-img {padding-right:3rem;color:#fff;transform:translateY(-50%);}
main.canvas .contents .owl-sub-hero .index-hero-text-primary {padding:2rem;color:#292b2c;border-radius:0 0 1.7rem 1.7rem;}
main.canvas .contents .owl-sub-hero .index-hero-text-primary strong {display:inline-block;margin-bottom:.5rem;font-size:1.6rem;}

main.canvas .contents .owl-dep-hero {margin-top:2rem;overflow:visible;}
main.canvas .contents .owl-dep-hero .owl-stage-outer {overflow:visible;}
main.canvas .contents .owl-dep-hero .owl-item {font-size:1.4rem;line-height:1.68rem;background:#f4f7fe;border-radius:1.7rem;border:solid 2px #f4f7fe;box-shadow:0 30px 50px rgba(117, 127, 198, 0.2);transition:all .5s;}
main.canvas .contents .owl-dep-hero .owl-item:hover {border:solid 2px #00b7ce;background:#fff;box-shadow: 0 30px 50px rgba(0,227,255,.3);}
main.canvas .contents .owl-dep-hero .index-hero-text-primary {float:left;width:100%;padding:2rem;color:#292b2c;border-radius:1.7rem;}
main.canvas .contents .owl-dep-hero .index-hero-text-primary strong {display:block;margin-bottom:.7rem;color:#00b7ce;}

main.canvas .contents .chart-wrap {margin:2rem -1rem 0 -1rem;}
main.canvas .contents .chart-wrap h3 {margin-bottom:2rem;font-size:15;font-weight:700;}
main.canvas .contents .chart-wrap .chart-style {float:left;width:calc(50% - 2rem);margin:0 1rem;padding:2rem;background:#f5f7fe;border-radius:1.7rem;box-shadow:0 20px 30px rgba(117, 127, 198, 0.2), 0 10px 20px rgba(117, 127, 198, 0.1);}

main.canvas .content-right {position:absolute;right:0;width:25rem;height:100%;padding:2rem;border-radius:0 3rem 3rem 0;background:rgb(33 33 44 / 90%);overflow-y:auto;z-index:11;}
main.canvas .content-right.connect {display:none;position:absolute;right:0;top:0;background: rgb(33 33 44 / 80%);backdrop-filter:blur(5px);z-index:12;}
main.canvas .content-right .wrap-btn-connect {position:sticky;top:0;z-index:10;}
main.canvas .content-right .btn-connect {width:100%;line-height:4rem;font-size:1.3rem;text-align:center;color:#fff;background:#3c3d46;border-radius:4rem;box-shadow:0 10px 20px rgba(0,0,0,.3);}
main.canvas .content-right .btn-connect:hover {background:#00b7ce;box-shadow:0 10px 20px rgba(0,227,255,.3);}
main.canvas .content-right .wrap-photo-area {margin-top:2rem;padding:2rem;text-align:center;border:solid 1px #4d4e57;border-radius:2rem;}
main.canvas .content-right .wrap-photo-area .photo-area {position:relative;width:9rem;height:9rem;margin:0 auto;background:#3c3d46;border-radius:12rem;box-shadow: 0 10px 40px rgba(0,0,0,.5);}
main.canvas .content-right .wrap-photo-area .photo-area img {width:9rem;height:9rem;border-radius:100%;}
main.canvas .content-right .wrap-photo-area .profile-name {display:block;margin:1.2rem 0 .7rem 0;font-size:2rem;color:#f5f7fe;}
main.canvas .content-right .wrap-photo-area .profile-team {display:block;font-size:1.6rem;color:#909096;}
main.canvas .content-right .wrap-photo-area .btn-profile-wrap {position:relative;margin:2rem -.5rem 0 -.5rem;}
main.canvas .content-right .wrap-photo-area .btn-profile-wrap .btn-profile {float:left;width:calc(50% - 1rem);margin:0 .5rem;font-size:1.2rem;font-weight:500;line-height:4rem;color:#fff;background:#3c3d46;border-radius:1.3rem;box-shadow: 0 10px 20px rgba(0,0,0,.3);}
main.canvas .content-right .wrap-photo-area .btn-profile-wrap .btn-profile:hover {background:#00b1c9;box-shadow:0 10px 20px rgba(0,227,255,.3);}
main.canvas .content-right .wrap-photo-area .connect-text {font-size:1.4rem;color:#fff;}
main.canvas .content-right .wrap-photo-area .btn-memonum {position:absolute;right:-.5rem;bottom:.5rem;min-width:2rem;padding:0 .5rem;line-height:2rem;color:#fff;background:#00b7ce;border-radius:5rem;}
.wrap_alert_check {position:absolute;top:-55px;left:0;animation:updown 1s infinite alternate;}
@keyframes updown {from {top:-55px;} to {top:-65px;}}
.alert_check {padding:1.5rem 2rem;color:#fff;font-size:.8em;line-height:1.4rem;border-radius:1.3rem;border:solid 2px #484857;background:rgb(46 47 59 / 70%);backdrop-filter: blur(5px);box-shadow:0 10px 20px rgba(0,0,0,.3);z-index:1000;}
.alert_check:before {content:"";position:absolute;top:45px;left:30px;width:0;height:0;border-style:solid;border-width:18px 11px 0 11px;border-color:#484857 transparent transparent transparent}

main.canvas .content-right .wrap-connect-info {margin-top:2rem;padding:2rem;font-size:1.4rem;text-align:center;color:#21212c;border-radius:2rem;background:#e8ebfa;box-shadow:0 10px 20px rgba(255,255,255,.2);}

main.canvas .content-right .wrap-banner-area {position:relative;margin-top:2rem;width:100%;text-align:center;height:10rem;border-radius:2rem;overflow:hidden;box-shadow: 0 10px 40px rgba(0,0,0,.5);}
main.canvas .content-right .wrap-banner-area .img-rotate {position:absolute;top:-6.8rem;left:-5.2rem;width:150%;animation:rotate linear 10s infinite;}
main.canvas .content-right .wrap-banner-area .banner-title {position:absolute;top:3.4rem;left:50%;width:100%;font-size:1.7rem;font-weight:600;color:#21222d;z-index:1;transform:translateX(-50%);}
main.canvas .content-right .wrap-banner-area .banner-sub {position:absolute;top:5.5rem;left:50%;width:100%;font-size:1.4rem;color:#3c3d46;z-index:1;transform:translateX(-50%);}
main.canvas .content-right .wrap-board-area {width:100%;margin-top:2rem;background:#3c3d46;border-radius:2rem;}
main.canvas .content-right .wrap-board-area > li {position:relative;box-shadow:0 10px 30px rgba(0,0,0,.3);}
main.canvas .content-right .wrap-board-area > li:first-child {border-radius:2rem 2rem 0 0;}
main.canvas .content-right .wrap-board-area > li:last-child {border-radius:0 0 2rem 2rem;}
main.canvas .content-right .wrap-board-area > li > a {display:block;padding:2rem 2rem;font-size:1.5rem;font-weight:600;color:#fff;}
main.canvas .content-right .wrap-board-area > li > ul {display:none;padding:0 2rem 2.5rem 2rem;}
main.canvas .content-right .wrap-board-area > li:first-child > ul {display:block;padding:0 2rem 2.5rem 2rem;}
main.canvas .content-right .wrap-board-area > li > ul a {font-size:1.4rem;color:#909096;}
main.canvas .content-right .wrap-board-area > li > ul a:hover {color:#fff;text-decoration:underline;}
main.canvas .content-right .wrap-board-area > li > ul li {position:relative;margin-bottom:1.2rem;overflow:hidden;}
main.canvas .content-right .wrap-board-area > li > ul li:last-child {margin-bottom:0;}
main.canvas .content-right .wrap-board-area .btn-board-moreview {height:3.4rem;font-size:3rem;font-weight:300;color:#f5f7fe;}
main.canvas .content-right .wrap-board-area > li > .wrap-btnmore {display:inline-block;position:absolute;top:.9rem;right:.5rem;width:4rem;height:3.4rem;text-align:center;transform: rotate(0deg);transition:all 0.5s;}
main.canvas .content-right .wrap-board-area > li > .wrap-btnmore:hover {transform: rotate(90deg)}

.class_INDEX .btn-expand, .class_EDU .btn-expand {display:none;}
main .btn-expand {position:absolute;top:2rem;right:2rem;padding:1rem;font-size:2.2rem;z-index:1;cursor:pointer;transition:all .7s;}
main.screenWide .content-left {width:19rem;transition:all .7s;}
main.screenWide .content-left li {transition:all .7s;}
main.screenWide .content-left .btn-logout-wrap {left:4.5rem;transition:all .7s;}
main.screenWide .content-left .btn-intranet-logout {width:13.2rem;transition:all .7s;}
main.screenWide .contents {width:calc(100% - 19rem);border-radius:0 3rem 3rem 0;transition:all .7s;}
main.screenWide .btn-expand {right:2rem;transition:all .7s;}
main.screenWide .mek-icons.logo-mh {width:13rem;height:10.5rem;transition:all .7s;}
main.screenWide.wide .content-right {display:none !important;}

.wrap-subtitle {margin:3rem 0 6rem 0;text-align:center;}
.wrap-subtitle h2 {font-size:5.5rem;font-weight:600;}
.wrap-subtitle span {margin-top:.5rem;font-size:1.8rem;color:#909096;}

.wrap-board-lates {display:flex;flex-flow:wrap;}
.wrap-board-lates .board-lates {float:left;width:50%;margin-top:5rem;padding:0 1rem;}
.wrap-board-lates .board-lates h3 {position:relative;margin-bottom:2rem;padding:2rem 1rem;font-size:2.1rem;font-weight:700;color:#000;border-bottom:solid .2rem #333333;}
.wrap-board-lates .board-lates li {margin:.5rem 0;border-radius:1.3rem;background:#f5f7fe;box-shadow:0 20px 30px rgba(117, 127, 198, 0.2);}
.wrap-board-lates .board-lates li:hover {background:#00b7ce;box-shadow:0 10px 30px rgba(0,227,255,.3);}
.wrap-board-lates .board-lates li a {width:calc(100% - 2rem);font-size:1.5rem;line-height:2rem;overflow:hidden;white-space:nowrap;padding:1.7rem 2rem;}
.wrap-board-lates .board-lates li:hover a {color:#fff;}
.wrap-board-lates .board-lates .btn-board-moreview {height:4rem;font-size:3.5rem;font-weight:300;}
.wrap-board-lates .board-lates h3 > div {display:inline-block;position:absolute;top:1.3rem;right:0;width:4rem;line-height:3.3rem;text-align:center;transform:rotate(0deg);transition:all 0.5s;}
.wrap-board-lates .board-lates h3 > div:hover {transform:rotate(90deg)}
.wrap-board-lates .board-lates label {width:4rem;margin:0 0.3rem;text-align:center;line-height:1.9rem;border-radius:2.5rem;background:#00b7ce;vertical-align:text-bottom;}
.wrap-board-lates .board-lates label span {font-size:1rem;font-weight:600;color:#fff;}

nav.depart-nav a {float:left;line-height:4.2rem;margin:0 1rem 1rem 0;padding:0 2rem;font-size:1.6rem;font-weight:600;text-align:center;border-radius:5rem;background:#f5f7fe;box-shadow:0 10px 20px rgba(117, 127, 198, 0.2);transition:all .5s;}
nav.depart-nav a span {padding-left:.3rem;color:#909096;font-size:1rem;vertical-align:bottom;}
#bo_cate #bo_cate_on span {color:rgba(255,255,255,0.7) !important;}
nav.depart-nav a:hover {color:#fff;background:#00b7ce !important;box-shadow:0 10px 20px rgba(0,227,255,.3);}
nav.depart-nav .active a {color:#fff;background:#259ec1;box-shadow:0 10px 20px rgba(0,227,255,.3);}

@media screen and (max-width:1900px) {
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1370px) {
	main.canvas {margin:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem);}
	main.canvas .content-left .logo-wrap {margin:3rem 0 2rem 0;}
	.mek-icons.logo-mh {width:13rem;height:11rem;}
	main.canvas .content-left {width:21rem;}
	.content-left .btn-logout-wrap {left:4rem;bottom:3rem;}
	main.canvas .content-left .nav-left {padding-left:2rem;}
	main.canvas .content-left .nav-left .menu_left_label {width:100%;margin:.7rem 0;padding:.6rem 0 .6rem 2rem;}
	main.canvas .content-left .nav-left .menu_left_hr {width:calc(100% - 2rem);margin:.7rem 0;}
	main.canvas .content-left .nav-left li a {padding: .8rem 0 .8rem 2rem;}
	.btn-intranet-logout {line-height:4rem;}
	.btn-expand {display:none;}
	
	main.canvas .contents {width: calc(100% - 45rem);padding:2rem;}
	.wrap-subtitle {margin:3rem 0 5rem 0;}
	.wrap-subtitle h2 {font-size:5rem;}
	.btn-intranet-indexslide {right:2rem;bottom:2rem;line-height:4rem;}
	nav.depart-nav a {padding:0 2.5rem;line-height:4rem;}
	main.canvas .contents .owl-index-hero .owl-item {font-size:2.4rem;}
	.wrap-board-lates .board-lates h3 {font-size:1.8rem;}
	
	main.canvas .content-right {width:24rem;padding:2rem;}
	main.canvas .content-right .wrap-photo-area {padding:2rem;}
	main.canvas .content-right .wrap-photo-area .btn-profile-wrap .btn-profile {line-height:4rem;}
	main.canvas .content-right .wrap-banner-area {height:9rem;}
	main.canvas .content-right .wrap-banner-area .banner-title {top:3rem;font-size:1.6rem;}
	main.canvas .content-right .wrap-banner-area .banner-sub {top:4.9rem;}
	
	main.canvas .content-right .wrap-board-area > li:first-child > ul {padding:0 2rem 2rem 2rem;}
	
}
@media screen and (max-width:1360px) {
	#wrapper {padding:1rem;}
	main.canvas {top:6rem;height:calc(100% - 8rem);border-radius:0 0 3rem 3rem;}
	main.canvas .content-left {border-radius:0 0 0 3rem;}
	main.canvas .content-right {display:none;position:absolute;top:0;right:0;width:36rem;border-radius:3rem 0 3rem 3rem;}
	.when_mobile_nav {display:block;}
	main.canvas .contents {width:calc(100% - 21rem);border-radius:0 0 3rem 0;}
	main.canvas .content-right .wrap-banner-area .img-rotate {top:-170%;left:-25%;}
	main.canvas .content-left .nav-left li.active {background:#fff;}
	main.canvas .content-left .nav-left li:hover {background:#fff;}
	.when_mobile_nav .mobile_nav_depmenu {display:none;}
	.right_open.when_mobile_nav .mobile_nav_info {border-radius:3rem 3rem 0 0;background:#353540;}
}
@media screen and (max-width:1160px) {
	main.canvas .content-left .logo-wrap {}
	.mek-icons.logo-mh {display:none;}
	main.canvas .content-left {display:none;position:absolute;top:0;left:0;width:30rem;border-radius:0 3rem 3rem 3rem;background:rgb(245 247 254 / 90%);backdrop-filter:blur(3px);box-shadow:none;}
	main.canvas .contents {width:100%;border-radius:0 0 3rem 3rem;}
	.content-left .btn-logout-wrap {left:7rem;bottom:3rem;}
	main.canvas .content-left .nav-left li {border-radius:3rem;}
	main.canvas .content-left .nav-left .menu_left_label {margin:.8rem 0;padding:.7rem 0 .7rem 2rem;color:rgb(0 0 0 / 70%);border-top: solid 1px rgb(0 0 0 / 20%);
    border-bottom: solid 1px rgb(0 0 0 / 20%);}
	main.canvas .content-left .nav-left .menu_left_hr {border-color:rgb(0 0 0 / 20%);}
	main.canvas .content-left .nav-left li a {padding:.9rem 0 .9rem 2rem;font-size:1.6rem;color:#292b2c;}
	main.canvas .content-left .nav-left li .state-dot {background:#292b2c;}
	main.canvas .content-left .nav-left {padding:0 3rem;}
	.when_mobile_nav .mobile_nav_depmenu {display:block;}
	.left_open.when_mobile_nav .mobile_nav_depmenu {border-radius:3rem 3rem 0 0;color:#292b2c;background:rgb(245 247 254 / 90%);}
	
}
@media screen and (max-width:960px) {
	main.canvas .contents .chart-wrap .chart-style {width:calc(100% - 2rem);}
	main.canvas .contents .chart-wrap .left-chart {margin-bottom:2rem;}
	main.canvas .contents .owl-index-hero strong {margin-bottom:.9rem;font-size:2.8rem;}
	main.canvas .contents .owl-index-hero .index-hero-text-img {top:43%;left:5rem;width:calc(100% - 10rem);font-size:2rem;}
	.owl-index-hero .owl-item img {width:192%;}
	main.canvas .content-right .wrap-banner-area .img-rotate {top:-170%;left:-25%;}
	main.canvas .content-right .wrap-board-area > li > ul a {white-space:nowrap;}
}
@media screen and (max-width:700px) {
	.when_mobile_nav .mobile_nav_logo a {display:inline;}
	.when_mobile_nav .mobile_nav_logo img {width:21rem;}
	.wrap-board-lates .board-lates {padding:0 .5rem;}
	.alert_check {font-size:1.4rem;line-height:2.2rem;}
}
@media screen and (max-width:400px) {
	main.canvas .contents .owl-index-hero .index-hero-text-img {top:43%;left:3rem;width:calc(100% - 7rem);}
	main.canvas .content-right .wrap-banner-area .img-rotate {top:-170%;left:-25%;}
	
	#new_sch .wrap_new_sch .new_sch_title {width:11rem !important;}
	#new_sch .wrap_new_sch .frm_input {width:calc(100% - 19rem) !important;}
	#new_sch .btn_submit {width:8rem !important;}
}

/*
 *       ___      ___       ___  __    __   __   __  
 * |  | |__   /\   |  |__| |__  |__)  /  ` /__` /__` 
 * |/\| |___ /~~\  |  |  | |___ |  \ .\__, .__/ .__/ 
 *
 * Minecraft weather effects with pure CSS
 * © Copyright 2014 Moritz Marquardt
 *
 * https://github.com/moqmar/weather.css
 *
 * Licensed under MIT License (http://opensource.org/licenses/MIT)
 */

/* main element */
.weather {
    position: relative; overflow: hidden;
}
/* pseudo elements: positioning and setup */
.weather:before, .weather:after {
    content: "";
    position: absolute; left: -50%; top: -50%; right: -50%; bottom: -50%;
    z-index: 1;
    pointer-events: none;
    
    background: transparent repeat;
    background-size: 256px 1024px;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
    opacity: 0.7;
    
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    
    -webkit-animation-name: weather;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: weather;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.weather:after {
    opacity: 0.8;
    -webkit-animation-name: weather2;
    animation-name: weather2;
}
/* rain (fast, rain.png) */
.weather.rain:before, .weather.rain:after {
    background-image: url(data:image/png;base64,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);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.weather.rain:after {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
/* snow (slow, snow.png) */
.weather.snow:before, .weather.snow:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAEACAYAAAADRnAGAAABKklEQVR42u3cQQ7CMAwEwJj//zk9VULqDSonjmc+QNNubScgxihkzjlHV/fi3QQAAACbHjtIO0gJEMH/riWyPjAiYpfFp17L7gkAUHwAQOsCADDk4SnkLN5NAAAtb6XIXPzqX4lIAAAAxSdKZ4ldZ3UJAM6ougCgLdqOSgBIq3olAQDor5VaoeHCkAEA0Gjyc13GcQkAAAAAANjKUQelWYuJ3Rd/xN9v/fI0nfsDVKz0vrKWAP0bAAwyBhkJAAC0ZwOaBAAAmLIAOKZzOKSQADME3m81A0DxMzBJAABgnjBRSgCAolllgVF98Uf80ZKIG3yQKHfc9lUCAAAAAB6cMcDrr8On4nu47NB1fmlbEFViMDBBo/fIN7wSoKIC6Eg60uInqR2Dygu87gIbXdZS4cGX7QAAAABJRU5ErkJggg==);
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}
.weather.snow:after {
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
}
/* animation keyframes */
@-webkit-keyframes weather {
    from { background-position: 0 0px; }
    to { background-position: 0 1024px; }
}
@keyframes weather {
    from { background-position: 0 0px; }
    to { background-position: 0 1024px; }
}
@-webkit-keyframes weather2 {
    from { background-position: 64px 64px; }
    to { background-position: 64px 1088px; }
}
@keyframes weather2 {
    from { background-position: 64px 64px; }
    to { background-position: 64px 1088px; }
}