.cam-header {background:url('../images/cam_header_bg.png') no-repeat center / cover;}
.cam-header::after {content:''; display: block; clear:both;}
.cam-header .logo-tit {max-width:370px; width:100%; float:left; text-align: center; padding:20px 0;}
.cam-header .logo-tit a {display: block; width:100%; height:100%;}
.cam-header .logo-tit a > img {display: inline-block; vertical-align: middle;}
.cam-header .logo-tit span {display:inline-block; vertical-align:middle; font-size: 20px; font-family: 'Dream Regular'; letter-spacing: -.05em; color:#fff; position: relative; padding-left:10px; margin-left:10px;}
.cam-header .logo-tit span::after {content:''; width:1px; height:16px; background:#C6C6C6; position: absolute; top:7px; left:0;}
.cam-header .head-tab{width:calc(100% - 370px);z-index:11; float:left; padding:0 70px;}
.cam-header .head-tab a{color:#fff !important; display: inline-block; font-size: 17px; line-height: 73px; letter-spacing: -.05em; font-family: 'Dream Regular'; position: relative; margin-right:55px;}
.cam-header .head-tab a:last-child {margin-right:0;}
.cam-header .head-tab a span {display: inline-block; position: relative;}
.cam-header .head-tab a span::after{content:''; width:0%; height:2px; position: absolute; bottom:16px; left:0; background:#fff; transition:width .3s;}
.cam-header .head-tab a.on span::after{width:100%;}
.cam-header .head-tab a:hover span::after {width:100%;}

.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:#FCAF17;padding:25px 40px;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-sq::placeholder {font-size: 15px; font-family: 'Dream Light'; color:#999; letter-spacing: -.05em;}
.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}

.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%;max-height:200px;}
.cam-body.de-page01 .left-list-wrap .m-btn {display: none;}
.cam-body.de-page01 .left-list-wrap .pc-btn {display: block;}
.cam-body.de-page01 .left-tab.on{left:-370px}
.cam-body.de-page01 .left-tab .left-list{overflow: auto; width:370px;height:100%;max-height:200px;background-color:#fff;padding:15px 5px 15px 0;box-sizing:border-box}
.cam-body.de-page01 .left-tab .left-list li.nodata{padding:0 20px; text-align: center;font-family: 'Dream Regular';}
.cam-body.de-page01 .left-tab .left-list li a{display:block;color:#666;font-size:15px;font-family:"Dream Regular";letter-spacing:-.5px;line-height: 35px;text-decoration:none;padding:0px 0 0 40px;box-sizing:border-box}
.cam-body.de-page01 .left-tab .left-list li a.on,.cam-body.de-page01 .left-tab li a:hover{color:#0065E0; font-family: 'Dream Regular'; background-color:#ebf3f6; font-size: 15px; line-height: 35px;}
.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:857px}
.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%;height:calc(100% - 300px);background:#fff;border-top:1px solid #004091;padding-top:29px; padding-left:40px;box-sizing:border-box;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;width:280px;}
.campus-img-inner{position:relative;display:inline-block}
.campus-img-inner::after{content:"";position:absolute;width:30px;height:30px;background:#004091;right:-10px;bottom:-10px;z-index: -1;}
.campus-img{position:relative;width:280px;height:195px}
.campus-img::before{content:"";position:absolute;width:30px;height:30px;background:#FCAF17;left:-10px;top:-10px;opacity:0.4;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 {margin-top:23px;}
.cam-tail.de-page01 .cont-info img{float:left;width:45%;border:1px solid #ccc}
.cam-tail.de-page01 .cont-info h3{max-width: 280px;font-size:20px;line-height:1.5;letter-spacing:-.075em;color:#000;font-family:"Dream Medium";margin-bottom:15px;}
.cam-tail.de-page01 .cont-info h3 span{display:inline-block;margin-left:8px;line-height:1.5;letter-spacing:-.05em;font-size:14px;color:#0475F4;font-family:"Dream Regular"}
.cam-tail.de-page01 .detail-title {font-size: 16px; font-family: 'Dream Regular'; line-height: 30px; letter-spacing: -.05em; color:#03499A;}
.cam-tail.de-page01 .detail-plant dt {padding: 10px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; font-family: 'Dream Medium'; font-size: 15px; color: #03499A;}
.cam-tail.de-page01 .detail-plant dd {max-width: 300px; padding: 10px 0;}
.cam-tail.de-page01 .detail-plant dd li {margin-bottom: 7px; font-size: 13px;}
.cam-tail.de-page01 .detail-plant dd li span {display: inline-block; margin-right: 10px; font-family: 'Dream Medium'; color: #111;}
.cam-tail.de-page01 .cont-info h4{font-size:13px;line-height:20px;letter-spacing:-.05em;color:#222;font-family:"Dream Regular";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:1024px) {
    .cam-header .logo-tit {max-width:100%;width:100%; text-align: center;}
    .cam-header .head-tab {width:100%; text-align: center;}
}
/* 
@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: 768px) {
    .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;}
    .cam-header .head-tab a {width:33.3333%; margin-right:0;}
    .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-list-wrap {max-height:240px;}
    .cam-body.de-page01 .left-list-wrap .pc-btn {display: none;}
    .cam-body.de-page01 .left-list-wrap .m-btn {display: block;}
    .cam-body.de-page01 .left-tab{width:100%;border-right:0;z-index:5;height:auto}
    .cam-body.de-page01 .left-tab .left-list{width:100%;max-height:130px;transition:ease-in-out .3s}
    /* .cam-body.de-page01 .left-tab ul.hddn{position:absolute;top:-200px} */
    .cam-body.de-page01 .cam-tail.hddn{height:0; padding: 0;}
    .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:0px}
    .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{height: 310px; padding:40px 20px}
}