@charset "utf-8";

.main_ir {background: url(/images/edu/main/main_ir.png)no-repeat;}

#mvisual{overflow: hidden;position:relative;}
#mvisual .mvis_slide .grap{position: relative;height:380px;}
#mvisual .mvis_slide .grap .obj{height:100%;}
#mvisual .mvis_slide .grap .obj .item{position: absolute;left: 0;top: 0;width: 100%;height:100%;text-align:center;}
#mvisual .mvis_slide .grap .obj .item strong{display:block;margin-bottom:15px;font-size:50px;color:#fff;line-height: 1.2;font-weight: bold;}
#mvisual .mvis_slide .grap .obj .item span{font-size:16px;color:#fff;}
#mvisual .mvis_slide .grap .obj .item p{font-size:17px;color:#fff;}
#mvisual .mvis_slide .grap .obj .item1{padding-top:100px;background: url(/images/edu/main/mvisual_img01.png) center;}
#mvisual .mvis_slide .grap .control{position: absolute;/* top: 0; */bottom: 40px;left: 0;right: 0;text-align:center;}
#mvisual .mvis_slide .grap .control button{display:inline-block;position:relative;width:43px;height:43px;margin:0;padding:0;font-size:0;text-indent:-9999px;border-radius: 50%;content:'';}
#mvisual .mvis_slide .grap .control button[data-control="prev"]{position:absolute;top:50%;left: 50%;width:47px;height:48px;margin: -225px 0 0 -640px;background:url(/images/edu/main/mvisual_arr.png);}
#mvisual .mvis_slide .grap .control button[data-control="next"]{position:absolute;top:50%;left: 50%;width:47px;height:48px;margin: -90px 0 0 -640px;background:url(/images/edu/main/mvisual_arr.png) -47px 0;}
#mvisual button[data-control="prev"]:before,#mvisual  button[data-control="next"]:before{display:none;}
#mvisual .mvis_slide .grap .control button[data-control="stop"]{width: 24px;height: 24px;margin-left:10px;}
#mvisual .mvis_slide .grap .control button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #fff, 3px 0 #fff;}
#mvisual .mvis_slide .grap .control button[data-control="play"]{width: 24px;height: 20px;margin-left:10px;}
#mvisual .mvis_slide .grap .control button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 6px 0 6px 10px;border-style: solid;border-color: transparent transparent transparent #fff;}
#mvisual .mvis_slide .grap .control .pagnum{position: absolute;top: 50%;left: 50%;margin-left: -630px;margin-top: -160px;color:#fff;line-height: 1.2;letter-spacing:-0.05em}
#mvisual .mvis_slide .grap .control .pagnum em{display:block}
#mvisual .mvis_slide .grap .control .pagnum em:first-child{font-weight:bold;text-decoration:underline}
#mvisual .mvis_slide .grap .control .paging{display: inline-block;position: relative;top: -2px;vertical-align: middle;}
#mvisual .mvis_slide .grap .control .paging button{display:inline-block;width: 10px;height: 10px;margin-left:10px;border-radius:50%;background: rgba(255,255,255,0.5);font-size:0;text-indent:-9999px;vertical-align:middle;}
#mvisual .mvis_slide .grap .control .paging button.ov{background: none;border: 2px solid #fff;}

#mvisual .popzone > a{display: block;position:absolute;right: 50%;top: 50%;width:88px;height:127px;padding: 18px 0 0;margin-right: -520px;transform: translate(0px, -50%);background: none;border:1px solid rgba(255,255,255,0.5);border-width:1px 0;color: #fff;font-size: 14px;}
#mvisual .popzone > a:before{display:block;width:24px;height:23px;margin:0 auto 13px;background:url(/images/edu/main/mvisual_icon.png);content:'';}
#mvisual .popzone a .arrow{position: static;display: block;width:26px;height:26px;margin: 10px auto 0;background: url(/images/edu/main/mvisual_icon.png) -25px 0;transform: none;}
#mvisual .popzone a .arrow:before,#mvisual .popzone a .arrow:after{display:none;}
#mvisual .popzone .pop-layer{display:none;position:absolute;top: 50%;left:50%;z-index:10;max-width: 1480px;width: 100%;height: 609px;}
#mvisual .popzone .dim-layer{display:none;position:fixed;top:0;left:0;z-index: 1000;width:100%;height:100%;}
#mvisual .popzone .dim-layer .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity: .7;filter:alpha(opacity=50);}
#mvisual .popzone .dim-layer .pop-layer{display:block;background: #fff;}
#mvisual .popzone .dim-layer .pop-layer .pop-container{position: relative;height:100%;}
#mvisual .popzone .dim-layer .pop-layer .pop-container .tit{height: 108px;padding:35px 0 0 50px;background:url(/images/edu/main/pop_bg.png);background-size:cover;letter-spacing:-0.1em}
#mvisual .popzone .dim-layer .pop-layer .pop-container .tit strong{display:inline-block;font-size:35px;color:#fff;font-weight:bold;vertical-align:middle;line-height:1.2}
#mvisual .popzone .dim-layer .pop-layer .pop-container .tit p{display:inline-block;position:relative;padding-left:35px;;font-size:19px;color:#fff;vertical-align:middle}
#mvisual .popzone .dim-layer .pop-layer .pop-container .tit p:before{position:absolute;left:15px;top:50%;width:1px;height:17px;background:#fff;transform:translate(0,-50%);content:'';}
#mvisual .popzone .btn-layerClose{position:absolute;top:25px;right:30px;width:60px;height:60px;font-size:0;transform:rotate(45deg);}
#mvisual .popzone .btn-layerClose:before,
#mvisual .popzone .btn-layerClose:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#mvisual .popzone .btn-layerClose:before {width: calc(100%);height: 1px;background: #fff;}
#mvisual .popzone .btn-layerClose:after {width: 1px;height: calc(100%);background: #fff;}


.pop_slide{position:relative;width:100%;height: 380px;margin: 75px 0 0;padding: 0 120px;overflow:hidden;}
.pop_slide .slick-list,
.pop_slide .slick-list .slick-track,
.pop_slide .slick-list .slick-track .slick-slide,
.pop_slide .slick-list .slick-track .slick-slide>div,
.pop_slide .slick-list .slick-track .slick-slide picture,
.pop_slide .slick-list .slick-track .slick-slide img{height:100%;}
.pop_slide .slick-slide{margin-right:38px;}
.pop_slide .slick-dots li{display:inline-block;width:12px;height:12px;margin:0 2px;}
.pop_slide .slick-dots li button{width: 100%;height: 100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size: 13px;border:0;border-radius:50%;}
.pop_slide .control{position:static}
.pop_slide .control [data-control=next],
.pop_slide .control [data-control=prev]{position:absolute;top:50%;transform:translateY(-50%);display:block;width:50px;height:50px;font-size:0;background-color:rgba(0,0,0,0.5)}
.pop_slide .control [data-control=next]:before,
.pop_slide .control [data-control=prev]:before{content:'';position:absolute;top:15px;left:15px;right:15px;display:block;width:20px;height:20px;border:1px solid #fff;border-width:1px 1px 0 0;}
.pop_slide .control [data-control=prev]{left:20px;}
.pop_slide .control [data-control=next]{right:20px;}
.pop_slide .control [data-control=next]:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.pop_slide .control [data-control=prev]:before{transform:rotate(45deg);-webkit-transform:rotate(230deg);}
.pop_slide .control [data-control=stop],
.pop_slide .control [data-control=play]{display:none !important;}
.pop_slide .control [data-paging]{width: auto;float: right;}
.pop_slide .slick-dots li{display:inline-block;width:12px;height:12px;margin:0 2px;}
.pop-container .control{position:static;margin-top:-70px;}
.pop-container .control > button{display:block;position: absolute;top: 50%;width: 34px;height: 67px;font-size: 0;}
.pop-container .control > button[data-control="prev"]{left: 44px;}
.pop-container .control > button[data-control="prev"]:after{display:block;content:'';position:absolute;top: 0;left: 9px;width: 46px;height: 46px;border: 1px solid #74747f;border-width: 2px 2px 0 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.pop-container .control > button[data-control="next"]{right: 44px;}
.pop-container .control > button[data-control="next"]:after{display:block;content:'';position:absolute;top: 2px;left: auto;right: 9px;width: 46px;height: 46px;border: 1px solid #74747f;border-width: 2px 2px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.pop-container .control [data-paging]{width: auto;float: right;}
.pop_slide .slick-dots{display:block;position: relative;z-index: 1;text-align:center;margin-top: -25px;}
.pop_slide .slick-dots li{display:inline-block;width: 20px;height: 20px;margin:0 2px;}
.pop_slide .slick-dots li.slick-active button{background-color: #9e2233;color: #fff;}

#mvisual .pop_slide .item{float:left;width:calc(25% - 30px);border:1px solid #ddd}
#mvisual .pop_slide .item a{display: block;position:relative;width: 100%;height: 100%;background: #fff;min-height: 311px;padding:3px;}
#mvisual .pop_slide .item a:after{position:absolute;left:0;right:0;bottom:0;z-index:-1;height:0;background:url(/images/edu/main/mcont1_ov.png);content:'';transition: all 1s;}
#mvisual .pop_slide .item a:hover,#mvisual .pop_slide .item a:focus{background:none;}
#mvisual .pop_slide .item a:hover:after,#mvisual .pop_slide .item a:focus:after{height:100%;}
#mvisual .pop_slide .item a .txt{min-height: 248px;padding: 31px 0px 0px;text-align: center;}
#mvisual .pop_slide .item a:hover .txt,#mvisual .pop_slide .item a:focus .txt{background:#fff;}
#mvisual .pop_slide .item a .txt > span{display:inline-block;padding: 1px 11px;background:#57577b;border-radius:15px;text-align:center;font-size:13px;color:#fff;}
#mvisual .pop_slide .item a strong{display:block;position: relative;margin-top: 20px;padding-bottom: 30px;font-size:18px;color:#1c1e5c;font-weight:bold;letter-spacing: -0.1em;}
#mvisual .pop_slide .item a strong:after{position:absolute;left:50%;bottom:15px;right:0;width:34px;height:1px;background:#c8c8c8;transform:translate(-50%,0);content:'';}
#mvisual .pop_slide .item a li{position:relative;margin-bottom: 10px;font-size:14px;line-height:1.2;color: #828282;letter-spacing:-0.05em;}
#mvisual .pop_slide .item a li:last-of-type{margin: 25px 0 0;color:#000;}
#mvisual .pop_slide .item a li span{display:inline-block;margin-right:10px;background: url(/images/edu/main/pop_icon.png);font-size:0;vertical-align:middle;}
#mvisual .pop_slide .item a li .icon1{width:12px;height:11px;background-position:0 0}
#mvisual .pop_slide .item a li .icon2{width:13px;height:13px;background-position:-16px 0}
#mvisual .pop_slide .item a li .icon3{width:11px;height:13px;background-position:-34px 0}
#mvisual .pop_slide .item a em{display:block;position:absolute;bottom:0;left:0;right:0;height:61px;background:#57577b;font-size:18px;text-align:center;line-height:61px;color:#fff;font-weight:bold}
#mvisual .pop_slide .item a:hover em,#mvisual .pop_slide .item a:focus em{background:none;}
#mvisual .pop_slide .item a em:before{display:inline-block;width:20px;height:20px;margin-right: 15px;background: url(/images/edu/main/mcont1_icon.png);content:'';vertical-align: middle;}

#mcont1 .link_box{margin:86px 0 88px}
#mcont1 .link_box:after{display:block;clear:both;content:'';}
#mcont1 .link_box .box{float:left;width:calc(25% - 30px);border:1px solid #ddd}
#mcont1 .link_box .box:not(:last-of-type){margin-right:40px;}
#mcont1 .link_box .box a{display: block;position:relative;width: 100%;height: 100%;background: #fff;min-height: 320px;padding:3px;}
#mcont1 .link_box .box a:after{position:absolute;left:0;right:0;bottom:0;z-index:-1;height:0;background: url(/images/edu/main/mcont1_ov.png) no-repeat;background-size: cover;content:'';transition: all 1s;}
#mcont1 .link_box .box a:hover,#mcont1 .link_box .box a:focus{background:none;}
#mcont1 .link_box .box a:hover:after,#mcont1 .link_box .box a:focus:after{height:100%;}
#mcont1 .link_box .box a:before{position:absolute;right: 23px;top: 33px;background:url(/images/edu/main/mcont1_icon.png);content:'';}
#mcont1 .link_box .box:nth-child(1) a:before{width:56px;height: 39px;background-position: -28px -2px;}
#mcont1 .link_box .box:nth-child(2) a:before{width:58px;height:41px;background-position: -90px 0;}
#mcont1 .link_box .box:nth-child(3) a:before{width:50px;height:41px;background-position: -153px -1px;}
#mcont1 .link_box .box:nth-child(4) a:before{width:50px;height: 42px;background-position: -206px -1px;}
#mcont1 .link_box .box:nth-child(1) a:hover:before,#mcont1 .link_box .box:nth-child(1) a:focus:before{background-position: -28px -45px;}
#mcont1 .link_box .box:nth-child(2) a:hover:before,#mcont1 .link_box .box:nth-child(2) a:focus:before{background-position: -90px -45px;}
#mcont1 .link_box .box:nth-child(3) a:hover:before,#mcont1 .link_box .box:nth-child(3) a:focus:before{background-position: -153px -45px;}
#mcont1 .link_box .box:nth-child(4) a:hover:before,#mcont1 .link_box .box:nth-child(4) a:focus:before{background-position: -206px -45px;}
#mcont1 .link_box .box a .txt{min-height: 256px;padding: 35px 30px 0px;}
#mcont1 .link_box .box a:hover .txt,#mcont1 .link_box .box a:focus .txt{background:#fff;}
#mcont1 .link_box .box a strong{display:block;margin-bottom:20px;font-size:18px;color:#1c1e5c;font-weight:bold;letter-spacing: -0.1em;}
#mcont1 .link_box .box a li{position:relative;margin-bottom:20px;padding-left:8px;font-size:14px;line-height:1.2}
#mcont1 .link_box .box a li:before{position:absolute;left:0;top:10px;width:3px;height:3px;background:#222;border-radius:50%;content:'';}
#mcont1 .link_box .box a li span{display:block;font-weight:bold;}
#mcont1 .link_box .box a em{display:block;position:absolute;bottom:0;left:0;right:0;height:61px;background:#57577b;font-size:18px;text-align:center;line-height:61px;color:#fff;font-weight:bold}
#mcont1 .link_box .box a:hover em,#mcont1 .link_box .box a:focus em{background:none;}
#mcont1 .link_box .box a em:before{display:inline-block;width:20px;height:20px;margin-right: 15px;background: url(/images/edu/main/mcont1_icon.png);content:'';vertical-align: middle;}

#mcont2{overflow: hidden;position:relative;padding:62px 0 58px;background:#eeeff4;}
#mcont2:before{position:absolute;left:0;top:0;width:307px;height:280px;background: url(/images/edu/main/mcont2_bg1_1.png) no-repeat;content:'';}
#mcont2 .bg1{position:absolute;left: 106px;top: 84px;width:200px;height:200px;background: url(/images/edu/main/mcont2_bg1_2.png);animation-name: circle;animation-duration: 40s;animation-iteration-count: infinite;}
#mcont2 .bg2{position:absolute;right: 0px;bottom: -150px;width: 1027px;height:606px;background: url(/images/edu/main/mcont2_bg2_1.png);animation-name: wave;animation-duration: 7s;animation-iteration-count: infinite;}
#mcont2 .bg3{position:absolute;right: 0px;bottom: -150px;width: 852px;height: 494px;background: url(/images/edu/main/mcont2_bg2_2.png);animation-name: wave;animation-duration: 7s;animation-iteration-count: infinite;animation-delay: 1s;}
#mcont2 .layout{position:relative;}
#mcont2 .layout > div{float:left;position:relative;z-index: 1;width: calc(33.333% - 20.8px);min-height: auto;margin-right:31px;}
#mcont2 .layout > div:last-of-type{margin:0;}
#mcont2 .layout > div .tit{display:block;width: 100%;min-height:64px;margin-bottom: 16px;padding: 14px 25px;border:1px solid #c6c6c6;border-bottom:0;font-size:22px;color:#222;text-align: left;font-weight: bold;}
#mcont2 .layout > div .tit strong{display:block;}
#mcont2 .layout > div .more{position:absolute;top: 26px;right: 25px;width:20px;height:20px;font-size:0;}
#mcont2 .layout > div .more:before,
#mcont2 .layout > div .more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#mcont2 .layout > div .more:before {width: calc(100%);height: 2px;background: #91969c;}
#mcont2 .layout > div .more:after {width: 2px;height: calc(100%);background: #91969c;}
#mcont2 .board__list .board__nav-item .tit:after{display:inline-block;width:23px;height:23px;margin-left:10px;background:url(/images/edu/main/new.png);content:'';vertical-align:middle;}
#mcont2 .board__typeA .board__item .board__link .board__item--title{margin-bottom: 9px;font-size:18px;color:#222;}
#mcont2 .board__typeA .board__item .board__link .board__item--content{font-size:15px;color:#888;line-height: 1.4;}
#mcont2 .board__typeA .board__item{min-height: auto;margin-bottom:20px;}
#mcont2 .board__typeA .board__item:nth-child(3),#mcont2 .board__typeA .board__item:nth-child(4){display:none;}
#mcont2 .board__typeA .board__item .board__link{padding-top:0;padding-bottom: 0;}
#mcont2 .board__typeA .board__item .board__link .board__item--date span{height:auto;}
#mcont2 .board__typeA .board__item .board__link .board__item--date{padding-top: 30px;border:0;font-size:15px;color:#9e9ea2;letter-spacing: -0.05em;}
#mcont2 .board__typeA .board__item .board__link .board__item--date i{position:absolute;top:0;left:0;right:0;font-size:40px;}
#mcont2 .board__more{background:none;}
#mcont2 .qna_box .txt .top{position:relative;z-index: 1;margin-bottom: 13px;padding: 20px 25px 16px;border: 1px solid #cdd1dd;}
#mcont2 .qna_box .txt .top li{margin-bottom: 5px;font-size: 15px;color: #434343;}
#mcont2 .qna_box .txt .top li b{display:inline-block;margin-right:10px;font-weight:bold;color:#222;font-size: 16px;letter-spacing:-0.1em;}
#mcont2 .qna_box .txt .top li b em{font-weight:bold;}
#mcont2 .qna_box .txt .top li b span{display:inline-block;position: relative;margin-right:10px;background:url(/images/edu/main/mcont2_icon.png);vertical-align:middle;}
#mcont2 .qna_box .txt .top li b .icon1{width:20px;height:23px;background-position:0 0;}
#mcont2 .qna_box .txt .top li b .icon2{top: -2px;width:20px;height:13px;background-position:-28px 0;}
#mcont2 .qna_box .txt .top li:nth-child(3){position:absolute;right: 25px;top: 27px;font-size: 15px;color: #3a3a3a;}
#mcont2 .qna_box .txt .top li:nth-child(3) b{display: block;width: 44px;padding: 1px 0;border-radius:15px;background:#9f2133;color:#fff;font-size:13px;text-align: center;}
#mcont2 .qna_box .txt .bottom li{float:left;position: relative;width: calc(50% - 11px);height:84px;margin-right:22px;border: 1px solid #cdd1dd;}
#mcont2 .qna_box .txt .bottom li:last-of-type{margin:0;}
#mcont2 .qna_box .txt .bottom li a{display:block;width:100%;height:100%;padding-left: 60px;line-height: 77px;font-size:17px;color:#222;}
#mcont2 .qna_box .txt .bottom li a:after{content:'';position:absolute;top: 36px;right: 22px;display:block;width: 8px;height: 8px;border: 1px solid #626c82;border-width: 2px 2px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#mcont2 .qna_box .txt .bottom li a span{position:absolute;left: 25px;top: 50%;width:20px;height:26px;background:url(/images/edu/main/mcont2_icon.png);transform: translate(0px, -50%);content:'';}
#mcont2 .qna_box .txt .bottom li a .icon1{width:20px;height:26px;background-position: -54px 0;}
#mcont2 .qna_box .txt .bottom li a .icon2{left: 20px;width: 24px;height: 22px;background-position: -80px 0;}
#mcont2 .stu_box .link{position:relative;width:100%;height:196px;background:#4576db;}
#mcont2 .stu_box .link:before{position:absolute;right:0;bottom:0;z-index: 0;width:183px;height:167px;background: url(/images/edu/main/mcont2_bg.png) no-repeat;content:'';}
#mcont2 .stu_box .link a{display:block;position: relative;width:100%;height:100%;padding:35px 25px;}
#mcont2 .stu_box .link strong{display:block;margin-bottom:10px;color:#fff;font-size:22px;font-weight:bold}
#mcont2 .stu_box .link p{color:#fff;font-size:14px;}

#mcont3{padding:38px 0 40px}
#mcont3 .tit{position:absolute;left:0;top: 0;letter-spacing: -0.1em;}
#mcont3 .tit strong{display:block;margin-bottom:5px;font-size:20px;color:#2e3192;font-weight:bold;}
#mcont3 .tit p{font-size:14px;color:#4a5055}
#mcont3 ul{overflow:hidden;padding: 10px 0 0 200px;}
#mcont3 ul li{float:left;width:25%;}
#mcont3 ul li a{display:block;width:100%;height:100%;text-align:center;}

@keyframes circle {
    0% {transform: rotate(0); -webkit-transform: rotate(0);}
    100% {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
}
@keyframes wave {
    0% {transform: translateX(0); -webkit-transform: translateX(0);}
    50% {transform: translateX(30px); -webkit-transform: translateX(30px);}
    100% {transform: translateX(0); -webkit-transform: translateX(0);}
}

@media(max-width:1279px){
    #mvisual .mvis_slide .grap .obj .item span{font-size:14px}
    #mvisual .mvis_slide .grap .obj .item strong{font-size:36px;}
    #mvisual .mvis_slide .grap .obj .item p{font-size:14px;}
    #mvisual .mvis_slide .grap .control button[data-control="prev"]{left:20px;margin-left:0;}
    #mvisual .mvis_slide .grap .control .pagnum{left:35px;margin-left:0;}
    #mvisual .mvis_slide .grap .control button[data-control="next"]{left:20px;margin-left:0;}
    #mvisual .popzone > a{right:20px;margin-right:0;}
    #mvisual .popzone .pop-layer{width:95%;height: 95%;max-height: 520px;}
    #mvisual .popzone .dim-layer .pop-layer .pop-container .tit strong{font-size:30px}
    #mvisual .popzone .dim-layer .pop-layer .pop-container .tit p{font-size:17px;}
    .pop_slide{height: 350px;padding: 0 60px;}
    .pop_slide .slick-slide{margin-right:20px}
    .pop-container .control > button[data-control="prev"]{left:20px}
    .pop-container .control > button[data-control="prev"]:after{width:40px;height:40px}
    .pop-container .control > button[data-control="next"]{right:20px}
    .pop-container .control > button[data-control="next"]:after{width:40px;height:40px;}

    #mcont1 .link_box{margin:25px 0 26px;}
    #mcont1 .link_box .box{width: calc(50% - 10px);margin-bottom: 20px;}
    #mcont1 .link_box .box:not(:last-of-type){margin-right:20px;}
    #mcont1 .link_box .box:nth-child(2n){margin-right:0}

    #mcont2{padding: 38px 0 30px;}
    #mcont2:before,#mcont2 .bg1,#mcont2 .bg2,#mcont2 .bg3{display:none;}
    #mcont2 .layout{padding-top:226px;}
    #mcont2 .layout > div{width: calc(50% - 10px);margin-right:20px;}
    #mcont2 .layout .qna_box{margin-right:0;}
    #mcont2 .qna_box .txt .top li b em{display:none;}
    #mcont2 .board__typeA .board__item .board__link{padding-left:75px}
    #mcont2 .board__typeA .board__item .board__link .board__item--title{margin-bottom:5px;}
    #mcont2 .layout .stu_box{position:absolute;left: 20px;top:0;right: 20px;width: auto;}
    #mcont2 .stu_box .link{height:112px;}
    #mcont2 .stu_box .link:before{right: 30px;width:145px;height:112px;background-size:100%;}
    #mcont2 .stu_box .link a{padding:20px 25px;}
    #mcont2 .stu_box .link strong{margin-bottom:5px;}
    #mcont2 .stu_box .link p br{display:none;}

    #mcont3{padding:19px 0 18px}
    #mcont3 .tit{top:30px;left:25px;}
    #mcont3 ul li{width:calc(50% - 3px);height:49px;margin:0 6px 6px 0;border:1px solid #ddd;}
    #mcont3 ul li:nth-child(2n){margin-right:0;}
    #mcont3 ul li a{padding:10px 0}
    #mcont3 ul li a img{height:100%;}
}
@media (max-width:767px){
    .layout{padding:0 11px}

    #mvisual .mvis_slide .grap{height:360px;}
    #mvisual .mvis_slide .grap .obj .item strong{font-size:27px;}
    #mvisual .mvis_slide .grap .control .pagnum{display:none;}
    #mvisual .mvis_slide .grap .control button[data-control="play"],#mvisual .mvis_slide .grap .control button[data-control="stop"]{margin-left:5px;}
    #mvisual .mvis_slide .grap .control button[data-control="prev"]{position:static;width: 35px;height: 35px;margin:0;background-size: 215%;background-position:0 0}
    #mvisual .mvis_slide .grap .control button[data-control="next"]{position:static;width: 35px;height: 35px;margin:0;background-size: 215%;background-position:-35px 0}
    #mvisual .popzone > a{position:relative;right: auto;top: auto;width:100%;height:54px;padding: 15px;border:0;background:#4576db;transform: none;}
    #mvisual .popzone a:before{display:inline-block;vertical-align: middle;margin: 0 10px 0 0;}
    #mvisual .popzone a .arrow{position:absolute;right:10px;top:5px}
    #mvisual .popzone .dim-layer .pop-layer .pop-container .tit{padding: 20px 50px 20px 30px;}
    #mvisual .popzone .dim-layer .pop-layer .pop-container .tit strong{font-size:20px}
    #mvisual .popzone .dim-layer .pop-layer .pop-container .tit p{display:block;padding:0;font-size:14px;}
    #mvisual .popzone .dim-layer .pop-layer .pop-container .tit p:before{display:none;}
    #mvisual .pop_slide .item a li{font-size:13px;}
    #mvisual .popzone .btn-layerClose{right: 10px;top: 35px;width: 40px;height: 40px;}
    #mvisual .popzone .dim-layer .pop-layer .pop-container{overflow-y:auto}
    .pop_slide{margin: 30px 0;padding: 0 40px;}
    .pop_slide .slick-slide{margin:0;}
    .pop-container .control > button[data-control="prev"]{left:10px}
    .pop-container .control > button[data-control="prev"]:after{width:20px;height:20px}
    .pop-container .control > button[data-control="next"]{right:10px}
    .pop-container .control > button[data-control="next"]:after{width:20px;height:20px;}

    #mcont1 .link_box{margin:11px 0}
    #mcont1 .link_box .box{width:100%;margin:0 0 13px}
    #mcont1 .link_box .box:not(:last-of-type){margin-right:0}
    #mcont1 .link_box .box a{min-height:auto;}
    #mcont1 .link_box .box a .txt{min-height:auto;padding-bottom: 25px;margin-bottom: 61px;}
    #mcont1 .link_box .box a strong{margin-bottom:10px;font-size:16px;}

    #mcont2{padding:17px 0 28px}
    #mcont2:after{position: absolute;bottom: 0;right: 0;z-index: 0;width: 320px;height:182px;background: url(/images/edu/main/mcont2_bg2.png) no-repeat;background-size:auto 100%;content:'';}
    #mcont2 .layout{padding-top:155px}
    #mcont2 .layout > div{width:100%;}
    #mcont2 .layout > div .more{top: 15px;right: 18px;}
    #mcont2 .layout > div .tit{min-height: 44px;margin-bottom: 15px;padding: 10px 20px;font-size:16px;}
    #mcont2 .board__list .board__nav-item .tit:after{width:16px;height:16px;background-size:100%;}
    #mcont2 .board__list .board__content{margin-bottom: 27px;padding:0 20px;}
    #mcont2 .board__typeA .board__item{margin-bottom:5px}
    #mcont2 .board__typeA .board__item:nth-child(3),#mcont2 .board__typeA .board__item:nth-child(4){display:block;}
    #mcont2 .board__typeA .board__item .board__link{padding:0}
    #mcont2 .board__typeA .board__item .board__link .board__item--title{width: 100%;padding-right: 70px;font-size:14px;}
    #mcont2 .board__typeA .board__item .board__link .board__item--content{display:none;}
    #mcont2 .board__typeA .board__item .board__link .board__item--date{right:0;left: auto;top: 1px;padding:0;line-height: 1.2;}
    #mcont2 .board__typeA .board__item .board__link .board__item--date span{padding: 0;font-size:13px;color:#9e9ea2;}
    #mcont2 .board__typeA .board__item .board__link .board__item--date i{position:static;display:inline-block;font-size:13px;color:#9e9ea2;font-weight:normal}
    #mcont2 .qna_box .txt .top{margin-bottom: 9px;padding: 10px 24px 8px;}
    #mcont2 .qna_box .txt .top li b{font-size:13px;}
    #mcont2 .qna_box .txt .top li:nth-child(3){position:static;}
    #mcont2 .qna_box .txt .top li:nth-child(3) b{display:inline-block;width: 34px;}
    #mcont2 .qna_box .txt .bottom li{width: calc(50% - 6px);height:54px;margin-right: 11px;}
    #mcont2 .qna_box .txt .bottom li a{line-height:54px;}
    #mcont2 .qna_box .txt .bottom li a:after{right: 17px;top: 24px;width: 6px;height: 6px;border-width: 1px 1px 0 0;}
    #mcont2 .layout .stu_box .tit{display:none;}
    #mcont2 .layout .stu_box{left:10px;right:10px;}
    #mcont2 .stu_box .link{height:140px;}
    #mcont2 .stu_box .link:before{right: 20px;width:114px;height:106px;}
    #mcont2 .stu_box .link a{padding: 28px 70px 28px 20px;letter-spacing: -0.05em;}
    #mcont2 .stu_box .link strong{font-size:16px;}
    #mcont2 .stu_box .link p{font-size:13px;line-height:1.3}

    #mcont3{padding:15px 0 9px}
    #mcont3 .tit{position:static}
    #mcont3 .tit strong{font-size:16px;}
    #mcont3 .tit p{display:none;}
    #mcont3 ul{padding:0;}
    #mcont3 ul li a{padding: 14px 0;}
}