@charset "utf-8";

#header{height: 95px !important;}
#wrap:before{height: 503px;background:#0baaa1;}
.util_link li{border-color:#fff;color: #fff;}
.util_link > li > a{color:#fff;}
.util_link > li > a:before{border-top-color:#fff;}
.util_link .clickOpen > a:before{border-top-color:#fff;}

#mVisual{position: relative;height: 620px;max-width: 1740px;margin:0 auto;background:url(/images/faculty/main/mvisual_bg.jpg);background-size:cover;}
#mVisual .title{padding-top: 180px;margin-bottom: 15px;text-align:center;}
#mVisual .title span{color:#fff;font-size:20px;}
#mVisual .title strong{display:block;font-size:57px;color:#fff;font-weight:normal;letter-spacing:-0.05em;}
#mVisual .title strong b{font-weight:bold;}
#mVisual .cont{width:644px;margin:0 auto;box-sizing: border-box;}
#mVisual fieldset{border:0;}
#mVisual .search-input-zone{position: relative;width: 100%;height:70px;background:#fff;margin:0 auto;border-radius: 50px;border: 5px solid #0baaa1;box-sizing: border-box;}
#mVisual .search-input-zone input{display: block;width: 100%;height: 100%;padding: 0 0 0 60px;border:0;background:none;box-sizing: border-box;font-size: 20px;border-radius: 0;}
#mVisual .search-input-zone:before{display:inline-block;position:absolute;left: 30px;top:50%;width:21px;height:20px;background:url(/images/faculty/main/main_ir.png);content:'';transform:translateY(-50%);}
#mVisual .search-input-zone .search-btn{display:block;position: absolute;right: 30px;top: 50%;width: auto;height: auto;padding: 0;transform: translateY(-50%);}
#mVisual ul{margin-top: -30px;padding-top: 30px;background:rgba(0,0,0,0.5);border-radius: 0 0 40px 40px;text-align:center;}
#mVisual ul li{display:inline-block;}
#mVisual ul li + li{margin-left:75px;}
#mVisual ul li a{display:block;font-size:20px;color:#fff;line-height: 85px;}
#mVisual ul li span{display:inline-block;width:38px;height:37px;margin-left: 25px;background: url(/images/faculty/main/main_ir.png);vertical-align: middle;}
#mVisual ul li .icon1{background-position: -24px 0;}
#mVisual ul li .icon2{background-position: -62px 0;}

#footerwrap{background:#fff;}
#footerwrap{padding: 70px 0;}
#footerwrap ul{}

@media (max-width:1920px){
    #mVisual{max-width: 1825px;margin: 0;}
}
@media (max-width:1400px){
    #mVisual{margin: 0 95px 0 0;}
}
@media(max-width:1023px){
    #mVisual{margin:0}
}
@media(max-width:767px){
    #mVisual{height:auto;margin:0;padding-bottom:100px;}
    #mVisual .title{padding-top:100px;}
    #mVisual .title span{font-size:16px;}
    #mVisual .title strong{font-size: 34px;line-height:1.2}
    #mVisual .title strong b{display:block;}
    #mVisual .cont{width:100%;}
    #mVisual ul{padding: 40px 0 15px;border-radius: 0 0 20px 20px;}
    #mVisual ul li{display:block}
    #mVisual ul li + li{margin: 0px 0 0;}
    #mVisual ul li a{padding: 5px 0;font-size: 15px;line-height: 1.2;}
    #mVisual ul li span{margin-left:10px;}
    #mVisual .search-input-zone{height:50px;}
    #mVisual .search-input-zone:before{display:none;}
    #mVisual .search-input-zone input{padding: 0 80px 0 15px;white-space: nowrap;text-overflow: ellipsis;font-size: 13px;}
    #mVisual .search-input-zone .search-btn{right:20px;;width:50px;}

    #footerwrap{padding: 50px 0 40px;}
}


