.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:370px;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: 30px 0 30px 30px;}
.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}
.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:#006276;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:rgba(35,163,185,0.88)}
.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 #006276;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:#006276;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:#006276;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}
}