/* .cam-head.de-page01{width:100%;z-index:10}
.cam-head.de-page01:after{content:'';display:block;clear:both}
.cam-head.de-page01 .inner{float:left;width:100%;max-width:400px;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,0.2);z-index:1}
.cam-head.de-page01:after{content:'';display:block;clear:both}
.cam-head.de-page01 .logo-tit{margin:0 auto; padding: 27px 0}
.cam-head.de-page01 .logo-tit a{display:block;background-color:#fff; font-size: 0;}
.cam-head.de-page01 .logo-tit img{display:inline-block;vertical-align:middle; width: 50%;}
.cam-head.de-page01 .logo-tit span{font-family:"Noto Medium";text-decoration:none;font-size:22px;color:#5b5b5c;letter-spacing:-.5px;display:inline-block;line-height:1.2;vertical-align:middle}
.cam-head.de-page01 .logo-tit span::before{content:"";display:inline-block;width:1px;height:16px;background:#C6C6C6;margin:0 10px;}
.cam-head.de-page01 .srch{position:relative;width:100%;background:#004091;padding:20px 30px 25px 30px;box-sizing:border-box}
.cam-head.de-page01 .srch fieldset{position:relative;margin:0 auto}
#mapApi.defaultMap{background: #ededed;}
.cam-head.de-page01 .srch #srch-sq{width:100%;line-height:50px;font-family:'Noto Sans Korean';font-size:16px;letter-spacing:-.5px;font-weight:300;background-color:#fff;padding:0 15px;padding-right:45px;box-sizing:border-box;border:none;border-radius:5px;height:50px;box-shadow:5px 5px 5px rgba(0,0,0,0.2)}
.cam-head.de-page01 .srch .srch-sq{display:block;color:#fff;background:url(../images/srch-pick.png) left center no-repeat;padding-left:40px;margin-bottom:15px;cursor:pointer;line-height:2;font-size:18px;font-family:"Noto DemiLight";letter-spacing:-.5px}
.cam-head.de-page01 .srch .srch-btn{position:absolute;width:30px;height:30px;right:10px;bottom:10px;border:0;background:url(../images/srch-icon.png) center center no-repeat}
.head-tab{position:absolute;width:100%;max-width:750px;left:420px;top:35px;z-index:11}
.head-tab a{color:#fff !important;font-size:16px;letter-spacing:-.5px;font-family:'Noto Regular';font-weight:300;text-align:center;text-decoration:none;background-color:rgba(76,76,76,0.9);border:none;display:inline-block;padding:8px 5px;width:120px;box-sizing:border-box;margin-left:5px}
.head-tab a.on{background-color:#004091;}
.cam-body.de-page01{position:relative;width:100%}
.cam-body.de-page01 .left-tab{position:absolute;left:0;top:0;border-right:1px solid #bcbec0;box-shadow:2px 0 5px rgba(0,0,0,0.2);transition:ease-in-out .3s;z-index:2;height:100%}
.cam-body.de-page01 .left-list-wrap{height:100%}
.cam-body.de-page01 .left-tab.on{left:-370px}
.cam-body.de-page01 .left-tab ul{overflow: auto; width:370px;height:100%;max-height:384px;background-color:#fff;padding:15px 5px 15px 0;box-sizing:border-box}
.cam-body.de-page01 .left-tab ul li.nodata{padding:0 20px; text-align: center;}
.cam-body.de-page01 .left-tab li a{display:block;color:#666;font-size:18px;font-family:"Noto Medium";letter-spacing:-.5px;text-decoration:none;padding:8px 40px;box-sizing:border-box}
.cam-body.de-page01 .left-tab li a.on,.cam-body.de-page01 .left-tab li a:hover{color:#006276;background-color:#ebf3f6}
.cam-body.de-page01 .left-tab button{position:absolute;width:30px;height:50px;right:-30px;top:50%;margin-top:-25px;background:url(../images/left-tab-close.png) 9px center no-repeat #fff;text-indent:-99999px;border:0;border-radius:0 10px 10px 0;box-shadow:5px 5px 5px rgba(0,0,0,0.2)}
.cam-body.de-page01 .left-tab button.on{background-image:url(../images/left-tab-open.png)}
.cam-body.de-page01 .map-api{width:100%;height:633px}
.cam-body.de-page01 .map-api img{width:100%;height:100%}
.cam-body.de-page01 .body-btm{width:100%;background-color:#f6f6f6}
.cam-body.de-page01 .body-btm img{display:block;width:100%;max-width:940px;padding:65px 0;margin:0 auto}
.cam-body.de-page01 .body-top,.cam-body.de-page01 .body-btm{display:none}
.cam-body.de-page01 .body-top.on,.cam-body.de-page01 .body-btm.on{display:block}
.cam-tail.de-page01{position:relative;width:100%;border-top:1px solid #004091;padding:40px;box-sizing:border-box;max-height:300px;overflow-y:scroll;z-index:4}
.cam-tail.de-page01 h3{color:#000;font-size:34px;font-weight:400;margin-bottom:20px}
.campus-img-wrap{position:relative;float:left;width:280px;margin-right:50px}
.campus-img-inner{position:relative;display:inline-block}
.campus-img-inner::after{content:"";position:absolute;width:30px;height:30px;background:#004091;right:-30px;bottom:-30px}
.campus-img{position:relative;width:240px;height:165px}
.campus-img::before{content:"";position:absolute;width:30px;height:30px;background:#6a6f8b;left:-10px;top:-10px;z-index:-1}
.campus-img::after{content:"";position:absolute;width:100%;height:100%;background:url(../images/campus_line_bg.png);right:-10px;bottom:-10px;z-index:-1}
.cam-tail.de-page01 .cont-info{float:left;width:calc(100% - 330px)}
.cam-tail.de-page01 .cont-info img{float:left;width:45%;border:1px solid #ccc}
.cam-tail.de-page01 .cont-info h3{font-size:34px;line-height:50px;letter-spacing:-.5px;color:#000;font-family:"Noto Medium";margin-bottom:5px}
.cam-tail.de-page01 .cont-info h3 span{display:inline-block;margin-left:8px;font-size:16px;color:#004091;font-family:"Noto Medium"}
.cam-tail.de-page01 .cont-info h4{font-size:16px;line-height:30px;letter-spacing:-.5px;color:#222;font-family:"Noto Light";margin-bottom:5px}
.cam-tail.de-page01 .cont-info > ul{box-sizing:border-box}
.cam-tail.de-page01 > .cont-info > ul > li{color:#666;font-size:15px;margin-bottom:10px;overflow:hidden;font-weight:300;position:relative}
.cam-tail.de-page01 .cont-info ul li:last-child{margin-bottom:0}
.cam-tail.de-page01 .cont-info ul li > strong{position:relative;float:left;display:inline-block;margin-right:20px;padding-left:15px;color:#0065e0;font-size:16px;line-height:30px;letter-spacing:-.5px}
.cam-tail.de-page01 .cont-info ul li strong::before{content:"";position:absolute;width:7px;height:7px;background:#0065E0;border-radius:50%;left:0;top:12px}
.cam-tail.de-page01 .cont-info ul li > p{float:left;font-size:16px;line-height:30px;letter-spacing:-.5px;color:#666}
.cam-tail.de-page01 .cont-info ul li ul li{display:inline-block;padding-left:10px;position:relative;margin:0 7px 5px}
.cam-tail.de-page01 .cont-info ul li ul li:before{content:'';display:block;position:absolute;width:5px;height:5px;background:#929292;border-radius:100%;left:0;top:12px}
.cam-tail.de-page01 .cont-info ul p a{text-decoration:none;color:#555;margin-right:10px;word-break:keep-all}
.cam-tail.de-page01 .cont-info ul p span{margin:0 3px;display:inline-block}
.cam-tail.de-page01 .cont-txt{float:right;width:30%}
.cam-tail.de-page01 .cont-txt h3{color:#333;font-size:18px;text-align:center;background-color:#f8f8f8;border:1px solid #e8e8e9;margin-bottom:15px;padding:15px;box-sizing:border-box}
.cam-tail.de-page01 .cont-txt dl{position:relative;border-bottom:1px solid #e8e8e9;padding:15px 20px;box-sizing:border-box}
.cam-tail.de-page01 .cont-txt dl:after{content:'';display:block;clear:both}
.cam-tail.de-page01 .cont-txt dt{float:left;width:20%}
.cam-tail.de-page01 .cont-txt dd{float:right;width:80%;color:#666}
.cam-tail.de-page01 .cont-txt a{position:relative;color:#666;text-decoration:none;padding-right:25px}
.cam-tail.de-page01 .cont-txt a:hover{text-decoration:underline}
.cam-tail.de-page01 .cont-txt a:after{content:'';position:absolute;width:13px;height:13px;right:0;top:50%;margin-top:-6px;background:url(../images/new-win.png) center center no-repeat}

@media all and (max-width: 1200px) {
    .head-tab{max-width:380px}
    .head-tab a{margin-bottom:5px}
}

@media all and (max-width: 860px) {
    .head-tab{max-width:260px}
    .cam-head.de-page01 .logo-tit{float:none}
    .cam-head.de-page01 .srch{position:relative;width:100%;left:auto;top:auto}
    .cam-tail.de-page01 .cont-info:after{content:'';display:block;clear:both}
    .cam-tail.de-page01 .cont-txt{float:none;width:100%;max-width:inherit}
}

@media all and (max-width: 700px) {
    .head-tab{position:relative;max-width:100%;left:auto;top:auto; font-size: 0;}
    .head-tab::after{content:"";display:block;clear:both}
    .head-tab a{margin-bottom:0;margin-left:0;width:50%}
    .cam-head.de-page01 .logo-tit{margin:0 auto}
    .cam-head.de-page01 .inner{max-width:100%}
    .cam-head.de-page01 .srch fieldset{max-width:100%}
    .cam-head.de-page01 .logo-tit a{text-align:left}
    .cam-body.de-page01 .left-tab{width:100%;border-right:0;z-index:5;height:auto}
    .cam-body.de-page01 .left-tab ul{width:100%;max-height:180px;transition:ease-in-out .3s}
    .cam-body.de-page01 .left-tab ul.hddn{position:absolute;top:-200px}
    .cam-body.de-page01 .left-tab button{width:20px;height:60px;top:auto;bottom:-40px;right:50%;margin-right:-10px;transform:rotate(90deg);background:url(../images/left-tab-close.png) 5px center no-repeat #fff}
    .cam-body.de-page01 .left-tab.on{left:auto;top:-200px}
    .cam-body.de-page01 .map-api{padding-top:180px}
    .campus-img-wrap{float:none;margin:0 auto;margin-bottom:20px}
    .cam-tail.de-page01 .cont-info{width:100%}
}

@media all and (max-width: 500px) {
    .cam-tail.de-page01 .cont-info ul li > strong{float:none;margin-bottom:10px}
    .cam-tail.de-page01 .cont-info ul li > p{float:none}
    .cam-tail.de-page01{padding:40px 20px}
} */

.srch-sq{display: none;}


.businfo-wrap .campus-header {
    background-color: #03499a;
    padding: 16px 40px 11px;
}

.businfo-wrap .campus-header::after {
    content: "";
    display: table;
    clear: both;
}

.businfo-wrap .campus-logo {
    display: inline-block;
    vertical-align: top;
}

.businfo-wrap .campus-header p {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-family: "Gmarket Medium";
    color: #fff;
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
    line-height: 53px;
}

.businfo-wrap .campus-header p::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 16px;
    background-color: #c6c6c6;
    margin-top: -12px;
}

.businfo-wrap .campus-header #tab{display: inline-block; margin-left: 20px; vertical-align: top; margin-top: 8px;}
.businfo-wrap .campus-header #tab a{font-size: 16px; font-family: "Gmarket Medium"; color: white; margin-right: 10px; position: relative;}
.businfo-wrap .campus-header #tab a:last-child{margin-right: 0;}
.businfo-wrap .campus-header #tab a::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: white; transition: all .5s;}
.businfo-wrap .campus-header #tab a.on::after,
.businfo-wrap .campus-header #tab a:hover:after{width: 100%;}

@media all and (max-width: 768px) {
    .businfo-wrap .campus-header{padding: 16px 20px 11px;}
    .businfo-wrap .campus-header #tab{display: block; margin-left: 0;}
}

.businfo-wrap .campus-content {
    position: relative;
    overflow: hidden;
}

.businfo-wrap .campus-left {
    position: absolute; left: 0; top: 0; height: 100%;
    width: 370px;
    transition: all .5s;
    z-index: 2;
}

.businfo-wrap .campus-left.on{left: -370px;}

.businfo-wrap .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: white url(/sites/guide/images/campus/search_close.png) no-repeat center center;
    z-index: 2;
    font-size: 0;
}

.businfo-wrap .campus-left .toggleed.on{
    transform: rotate(180deg);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.businfo-wrap .campus-search-box {
    background: url(/sites/guide/images/campus/search_background.png) no-repeat center center / cover;
    padding: 25px 40px;
}

.businfo-wrap .campus-search-box fieldset {
    position: relative;
}

.businfo-wrap .campus-search-box input[type="text"] {
    width: 100%;
    line-height: 50px;
    font-family: "Noto Regular";
    font-size: 16px;
    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: #999999;
}

.businfo-wrap .campus-search-box input[type="button"] {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    bottom: 10px;
    border: 0;
    background: url(/sites/guide/images/campus/search_btn.png) no-repeat center center;
    display: block;
}

.businfo-wrap .campus-search-list {
    height: 100%;
    max-height: 200px;
    overflow: auto;
    background-color: white;
}

.businfo-wrap .campus-search-list ul {
    width: 100%;
    height: 100%;
    max-height: 200px;
    height: 200px;
    background-color: #fff;
    padding: 15px 5px 15px 0;
}

.businfo-wrap .campus-search-list li a {
    display: block;
    color: #666;
    font-size: 16px;
    font-family: "Noto Regular";
    line-height: 35px;
    text-decoration: none;
    padding: 0 40px;
}

.businfo-wrap .campus-search-list li a.on, .campus-search-list li a:hover {
    color: #0065e0;
    background-color: #ebf3f6;
}

.businfo-wrap .campus-search-result {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-top: 1px solid #004091;
    padding: 29px 0;
    overflow-y: scroll;
    max-height: 590px;
}

.businfo-wrap .campus-search-image {
    position: relative;
    z-index: 2;
    max-width: 280px; margin: 0 auto;
}

.businfo-wrap .campus-search-image::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #1881b7;
    opacity: .4;
    left: -10px;
    top: -10px;
    z-index: -1;
}

.businfo-wrap .campus-search-image img{width: 100%;}

.businfo-wrap .campus-search-image::after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #03499a;
    right: -10px;
    bottom: -10px;
    z-index: -1;
}

.businfo-wrap .campus-search-info-box {
    padding: 45px 40px 0 40px;
    word-break: break-all;
}

.businfo-wrap .campus-search-info-box h1 {
    font-size: 23px;
    color: #00428e;
    font-family: "Gmarket Medium";
}

.businfo-wrap .campus-search-info-box ul {
    padding: 0 20px 0 0;
    margin-top: 15px;
}

.businfo-wrap .campus-search-info-box li {
    margin-bottom: 28px;
}

.businfo-wrap .campus-search-info-box li:last-child {
    margin-bottom: 0;
}

.businfo-wrap .campus-search-info-box li p {
    font-size: 17px;
    line-height: 25px;
    font-family: "Noto Regular";
    color: #222222;
}

.businfo-wrap .campus-right {
    position: relative;
    height: 890px;
}

.businfo-wrap .map-api{width: 100%; height: 100%;}

@media all and (max-width: 768px) {
    .businfo-wrap .campus-search-box{padding: 25px 20px;}

    .businfo-wrap .campus-left {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 2;
        height: auto;
    }

    .businfo-wrap .campus-right {
        width: 100%;
        float: none;
        height: 100vh;
        padding-top: 400px;
    }

    .businfo-wrap .campus-right.on{padding-top: 0;}

    .businfo-wrap .campus-search-list {
        height: 200px;
    }

    .businfo-wrap .campus-search-result {
        padding: 0;
    }

    .businfo-wrap .campus-search-image {
        max-width: 280px;
        margin: 0 auto;
    }

    .businfo-wrap .campus-search-image::after {
        right: -10px;
    }

    .businfo-wrap .campus-search-result {
        min-height: auto;
        height: 200px;
    }

    .businfo-wrap .campus-left .toggleed {
        top: auto;
        bottom: -30.5px;
        right: 50%;
        margin-left: -25px;
        transform: rotate(90deg);
    }

    .businfo-wrap .campus-logo {
        width: 150px;
    }

    .businfo-wrap .campus-header p {
        line-height: 36px;
    }

    .businfo-wrap .campus-left.on{left: 0; top: -400px;}
    .businfo-wrap .campus-left .toggleed.on{transform: rotate(270deg);}
}