.srch-sq{display:none}
.campus-header{background-color:#002d56;padding:15px 0 15px 40px}
.campus-header::after{content:"";display:table;clear:both}
.campus-logo{display:inline-block;vertical-align:top}
.campus-header p{display: none; vertical-align:middle;font-size:22px;font-family:"Gmarket Medium";color:#fff;position:relative;padding-left:20px;margin-left:20px;line-height:53px}
.campus-header p::before{content:"";display:block;position:absolute;left:0;top:50%;width:2px;height:16px;background-color:#c6c6c6;margin-top:-12px}
.campus-header #tab{float: right; padding-left: 130px;}
.campus-header #tab a{position: relative; top: 1px; margin-right: 50px; font-family: 'Noto Regular'; font-size: 20px; color: #fff;}
.campus-header #tab a:last-child{margin-right:0}
.campus-header #tab a::after{content:"";display:block;position:absolute;left:0;bottom:-8px;width:0;height:2px;background-color:#fff;transition:all .5s}
.campus-header #tab a.on::after,.campus-header #tab a:hover:after{width:100%}
.campus-header #tab .ic-lang {position: absolute; left: 280px; top: 24px; padding: 5px 8px; padding-left: 35px; margin-right: 20px; border-radius: 7px; font-size: 13px; color: #002d56;}
.campus-header #tab .ic-lang.kr {background: #fff url('../images/ic-lang1.png') no-repeat 7px center;}
.campus-header #tab .ic-lang.en {background: #fff url('../images/ic-lang2.png') no-repeat 7px center;}
.btn-map-close {display: inline-block; width: 90px; height: 100%; background: url('../images/btn_close.gif') no-repeat center; text-align: left; text-indent: -99999px;}

.campus-content{position:relative;overflow:hidden}
.campus-left{position:absolute;left:0;top:0;height:100%;width:370px;transition:all .5s;z-index:2; box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.campus-left.on{left: auto; right: 100%;}
.campus-left .toggleed{position:absolute;right:-25px;top:50%;margin-top:-25px;width:25px;height:50px;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#fff url(../images/search_close.png) no-repeat center center;z-index:2;font-size:0; box-shadow: 5px 0px 4px rgba(0,0,0,.1);}
.campus-left .toggleed.on{transform:rotate(180deg);border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px}
.campus-search-box{display: inline-block; width: 290px;}
.campus-search-box fieldset{position:relative}
.campus-search-box input[type="text"]{width:100%;line-height:50px;font-family:"Noto Regular";font-size:15px;background-color:#fff;padding:0 15px;padding-right:45px;box-sizing:border-box;border-radius:5px;height:50px;box-shadow:5px 5px 5px rgba(0,0,0,.2);color:#999}
.campus-search-box input[type="text"]::placeholder {color: #999;}
.campus-search-box input[type="button"]{position:absolute;width:30px;height:30px;right:10px;bottom:10px;border:0;background:url(../images/search_btn.png) no-repeat center center;display:block; cursor: pointer;}
.campus-search-list{height:100%;max-height:460px}
.campus-search-list ul{position: relative;overflow:auto;width:100%;height:100%;height:460px;background-color:#fff;}
.campus-search-list ul::after {content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #d6d6d6;}
.campus-search-list ul .nodata {display: flex; position: relative; z-index: 1; width: 100%; height: 100%; justify-content: center; align-items: center; text-align: center; background: #fff; color: #666;}
.campus-search-list ul li {float: left; width: 50%;}
.campus-search-list li a{display:block;color:#666;font-size:14px;font-family:"Noto Regular";line-height:35px;text-decoration:none;padding:0 28px}
.campus-search-list li a.on,.campus-search-list li a:hover{color:#004788;background-color:#ebf3f6}
.campus-search-result{position:relative;width:100%;height:100%;max-height: 400px;background-color:#fff;border-top:1px solid #d6d6d6;padding: 30px 0 0 0;overflow-y:scroll;min-height:590px}
.campus-search-image{position:relative;z-index:2;max-width:300px;margin:0 auto}
.campus-search-image img{width:100%}
.campus-search-info-box{padding:5px 30px 0}
.campus-search-info-box h1{font-size:23px;color:#008395;font-family:"Noto Bold"}
.campus-search-info-box ul{padding:0 20px 0 0;margin-top:15px}
.campus-search-info-box li{margin-bottom:28px}
.campus-search-info-box li:last-child{margin-bottom:0}
.campus-search-info-box li p{font-size:17px;line-height:25px;font-family:"Noto Regular";color:#222}
.campus-right{position:relative;height:890px}
.map-api{width:100%;height:100%}

@media all and (max-width: 1100px) {
    .campus-header {padding: 15px 0 15px 17px;}
    .campus-header #tab {padding-left: 90px;}
    .campus-header #tab a {margin-right: 20px; font-size: 17px;}
    .campus-search-box {width: 230px;}
    .campus-header #tab .ic-lang {left: 250px;}
    .btn-map-close {width: 50px;}
}

@media all and (max-width: 860px) {
    .btn-map-close {position: absolute; right: 0; top: -62px; height: 50px;}
    .campus-header {padding: 15px 0;}
    .campus-header #tab {display:block;margin-left:0}
    .campus-header #tab {float: none; padding-left: 0; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.2); text-align: center;}
    .campus-header #tab a {top: -10px; margin-right: 10px; font-size: 16px;}
    .campus-header #tab a.start {position: relative; top: -10px;}
    .campus-left{position:absolute;left:0; right: 0; top:0;width:100%;height: auto; z-index:2; transition: 1s;}
    .campus-left.on {left:0; right: 0;}
    .campus-left.hddn {top: auto; bottom: 100%;}
    .campus-right{width:100%;float:none;height:800px}
    .campus-search-list {max-height: 106px}
    .campus-search-list ul {height: 106px;}
    .campus-search-list ul::after {display: none;}
    .campus-search-list ul li:nth-child(odd) {border-right: 1px solid #d6d6d6;}
    .campus-search-result{padding:40px}
    .campus-search-image{max-width:280px;margin:0 auto}
    .campus-search-image::after{right:-10px}
    .campus-search-result{min-height:auto;height:300px}
    .campus-left .toggleed{top:auto;bottom:-36.5px;right:50%;margin-left:-25px;transform:rotate(90deg)}
    .campus-left .toggleed.on {transform:rotate(270deg)}
    .campus-search-box {width: 100%; padding: 10px 20px 0 20px;}
    .campus-logo{width: 100%; padding: 0 0 10px 20px;}
    .campus-header p{line-height:36px}
}