@charset "utf-8";

@import url('/sites/guide/style/css/w_reset.css');

.root_daum_roughmap {width:100% !important;}

/* Font */
@font-face{font-family:'Pre Thin';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-Thin.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-Thin.woff) format("woff")}
@font-face{font-family:'Pre Light';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-Light.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-Light.woff) format("woff")}
@font-face{font-family:'Pre DemiLight';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-ExtraLight.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-ExtraLight.woff) format("woff")}
@font-face{font-family:'Pre Regular';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-Regular.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-Regular.woff) format("woff")}
@font-face{font-family:'Pre Medium';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-Medium.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-Medium.woff) format("woff")}
@font-face{font-family:'Pre SemiBold';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-SemiBold.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-SemiBold.woff) format("woff")}
@font-face{font-family:'Pre Bold';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-Bold.woff) format("woff")}
@font-face{font-family:'Pre ExBold';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-ExtraBold.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-ExtraBold.woff) format("woff")}
@font-face{font-family:'Pre Black';font-style:normal;src:url(/Web-home/_UI/font/pre/Pretendard-Black.woff2) format("woff2"),url(/Web-home/_UI/font/pre/Pretendard-Black.woff) format("woff")}

.campus-map { display:flex; flex-direction:column; width:100%; height:100%; }
.campus-map .cam-header { flex-basis: 90px; height:100%; background: #0070EF; }
.campus-map .cam-body { height:100%; }

.cam-header {display: flex; align-items: center; justify-content: space-between; height:90px; padding: 0 50px; background: #fff; border: 1px solid #dadbdf;}
.cam-header .logo-tit {flex-shrink: 0; width:380px;display:flex;align-items:flex-start;}
.cam-header .logo-tit a {display: flex; height:100%; align-items: center; }
.cam-header .logo-tit a > span {color:#fff; display: inline-block;}
.cam-header .logo-tit a > img {display: inline-block; vertical-align: middle; margin-right: 10px;}



.cam-header .logo-tit span {display:inline-block; vertical-align:middle; font-size: 25px; font-family: 'ppm'; letter-spacing: -.05em; color:#003876; position: relative; margin-left:10px;line-height:1;}
.cam-header .head-tab {}
.cam-header .head-tab a{color:#fff; display: inline-block; font-size:20px;  letter-spacing: -.05em; font-family: 'ppr'; position: relative; margin-right:37px;}
.cam-header .head-tab a.on { color:#FFD735; font-family: 'pp';}
.cam-header .head-tab a:last-of-type {margin-right:0;}
.cam-header .srch{flex-shrink: 0; position:relative; width:290px;}

.cam-header .srch fieldset{ position:relative; display:flex; justify-content:flex-end; }
.cam-header .srch #srch-sq { border:1px solid #dadbdf; height:45px; flex-grow:1; }
.cam-header .srch #srch-sq::placeholder {font-size: 12px; font-family: 'Pre Regular'; color:#999; padding-left:10px; }
.cam-header .srch .srch-btn{ width:45px;height:45px; background:url(../images/cam-sch-btn.png) center center no-repeat; background-size:cover; cursor: pointer;}

.cam-header .close {padding-left: 20px;}
.cam-header .close button {width: 60px; height: 80px; background: url('../images/map-close.png') no-repeat center; text-indent: -9999px;}

.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}

#mapApi { width:100%; height:100%;}
#mapApi.defaultMap{background: #ededed;}

.cam-body.de-page01{position:relative;width:100%;overflow: hidden; z-index: 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%; width:370px; display:flex; flex-direction:column; background: #fff;}

.cam-body.de-page01 .left-list-wrap{overflow: auto; width:100%; height:calc(100vh - 214px); /*max-height:530px;*/ background: #fff;}

.cam-body.de-page01 .left-list-wrap::-webkit-scrollbar {width: 15px;}
.cam-body.de-page01 .left-list-wrap::-webkit-scrollbar-thumb {background-color: #005cff; border: 3px solid #fff; border-radius: 10px;}
.cam-body.de-page01 .left-list-wrap::-webkit-scrollbar-track {background-color: #fff;}
.en .cam-body.de-page01 .left-list-wrap::after {display: none;}
.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 {display: flex; flex-wrap: wrap;}
.cam-body.de-page01 .left-tab .left-list li {width: 100%;}
/*
.cam-body.de-page01 .left-tab .left-list li:nth-child(odd) {border-right:1px solid #d6d6d6;}
*/
.en .cam-body.de-page01 .left-tab .left-list li {width: 100%;}
.cam-body.de-page01 .left-tab .left-list li a{display:flex;color:#222;font-size:16px;font-family:"ppr"; letter-spacing:-.5px;text-decoration:none;padding:17px 25px;box-sizing:border-box;line-height:1.3; border-bottom:1px solid #eee;}
.cam-body.de-page01 .left-tab .left-list li a.on,
.cam-body.de-page01 .left-tab .left-list li a:hover {font-family: 'ppm'; color:#083CA6; background: #F1F6FA; border-bottom:1px solid #F1F6FA;}
.cam-body.de-page01 .left-tab .left-list li a span {width:60px; line-height: 25px; display: flex; align-items: center; justify-content: center; font-family: 'pr'; color:#555; font-size: 13px; background:#eee; border-radius:50px; margin-right: 15px;}
.cam-body.de-page01 .left-tab .left-list li a:hover span {color:#fff; background: #083CA6;}

.en .cam-body.de-page01 .left-tab .left-list li a {font-size: 15px;}
.en .cam-body.de-page01 .left-tab .left-list li a {font-family: 'Mont Regular';}
.cn .cam-body.de-page01 .left-tab .left-list li a {font-family: 'PreCn Regular';}
.cam-body.de-page01 .left-tab .left-list li a.on,
.cam-body.de-page01 .left-tab li a:hover {color:#003876; font-family: "ppr"; background-color:#f1f1f1;}
.en .cam-body.de-page01 .left-tab .left-list li a.on,
.en .cam-body.de-page01 .left-tab li a:hover {font-family: 'ppr';}
.cam-body.de-page01 .left-tab .left-list .nodata {position: absolute; left: 0; z-index: 1; width: 100%; height: 100%; padding: 30px 0; text-align: center; background: #fff;}
.cam-body.de-page01 .left-tab .fold{display: none; 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 .fold.on{background-image:url(../images/left-tab-open.png)}

#mapApi {width:100%; height:100%; /*height:857px*/ }

#mapApi 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; height:100%; }





/*
.cam-tail.de-page01{position:relative; width:100%; height:calc(100% - 530px); background:#fff; border-top:1px solid #d6d6d6; padding-top:30px; padding-left:30px; padding-bottom: 30px; box-sizing:border-box; overflow-y:auto; z-index:4}
*/
.cam-tail.de-page01{ display:none; position:absolute; width:100%; height:100%; background:#fff; box-sizing:border-box; overflow-y:auto; z-index:4; top:0; left:0; }

.cam-tail.de-page01::-webkit-scrollbar {width: 15px;}
.cam-tail.de-page01::-webkit-scrollbar-thumb {background-color: #005cff; border: 3px solid #fff; border-radius: 10px;}
.cam-tail.de-page01::-webkit-scrollbar-track {background-color: #fff;}


.cam-tail.de-page01 .closeDetailBtn01 { z-index:10; display:block; width:30px; height:30px; background: url("../images/cam-arr-left2.png") no-repeat center center; border-radius:100%; }
.cam-tail.de-page01 .closeDetailBtn02 { z-index:10; display:block; width:30px; height:30px; background: url("../images/cam-arr-left2.png") no-repeat center center; border-radius:100%; }




/*.cam-tail.de-page01 .cont-info img{float:left;width:45%;border:1px solid #ccc}*/
/*
.cam-tail.de-page01 h3{color:#000;font-size:34px;font-weight:400;margin-bottom:20px}
.campus-img {border: 1px solid #d1d1d1;}
.campus-img-inner{position:relative;display:inline-block}
.campus-img{position:relative; width:280px;height:195px}
.cam-tail.de-page01 .cont-info h3{ max-width: 280px;font-size:23px;line-height:1.5;letter-spacing:-.075em;color:#003876;font-family:"Pre Bold";margin-bottom:15px;}
*/


/* 상세보기 */
.cam-tail .tail-tit {display: flex; justify-content: space-between; align-items: center; padding:7px 10px; background: #f7f7f7; border-bottom:1px solid #CFCFCF;}
.cam-tail .tail-tit strong {display: none; font-family: 'pp'; font-size: 22px; line-height: 50px; color:#23262F;}
.campus-img-wrap{position:relative; width:100%; height:220px; overflow:hidden;}
.campus-img-wrap .campus-img-inner {width:100%; height:100%;}
.campus-img-wrap .campus-img {width:100%; height:100%;}
.campus-img-wrap img { width:100%; height:100%; object-fit: cover; object-position: center;}
.cam-tail.de-page01 .cont-info { padding:20px; }
.cam-tail.de-page01 .cont-info h3 { font-size:20px; color:#083CA6; font-family:"pp"; display: flex; align-items: center; margin-bottom: 15px;}
.en .cam-tail.de-page01 .cont-info h3 {font-family: 'Mont Medium';}
.cn .cam-tail.de-page01 .cont-info h3 {font-family: 'PreCn Bold';}
.cam-tail.de-page01 .cont-info h3 span{width:60px; display: flex; align-items: center; font-size: 13px; justify-content: center; border-radius:50px; font-family: 'pr'; color:#fff; background: #083CA6; margin-right: 10px;}

.cam-tail.de-page01 .detail-title {font-size: 16px; font-family: 'Pre Regular'; line-height: 30px; letter-spacing: -.05em; color:#03499A;}
.cam-tail.de-page01 .detail-plant li {position: relative; margin-top: 10px; padding-left: 15px; font-family: 'Pre Regular'; font-size: 15px; color: #666;}
.en .cam-tail.de-page01 .detail-plant li {font-family: 'Mont Regular';}
.cn .cam-tail.de-page01 .detail-plant li {font-family: 'PreCn Regular';}
.cam-tail.de-page01 .detail-plant li::after {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 100%; background: #005128;}
.cam-tail.de-page01 .cont-info h4{font-size:13px;line-height:20px;letter-spacing:-.05em;color:#222;font-family:"Pre 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;display: block;margin-right:20px;padding-left:15px;color:#333;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 {font-size: 16px; color:#222; font-family: "ppr"; line-height: 25px;}
.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}
.search-result .btn-result-close {display: none;}

@media all and (max-width: 1250px) {
    .cam-header {flex-wrap: wrap; height: auto; padding-top: 10px; padding-bottom: 5px;}
    .cam-header .head-tab {padding-right: 0;}
    .cam-header .logo-tit {width: 50%;}
    .cam-header .srch {width: calc(100%); padding: 15px 0}
    .cam-header .close {width: 60px;}
}

@media all and (max-width: 860px) {
    .cam-header .head-tab a {margin-right: 15px; font-size: 18px;}
}

@media all and (max-width: 768px) {
    .cam-header .logo-tit a > span {display: none;}
    .campus-map .cam-header {padding: 20px;}
    .cam-header .logo-tit {width: 100%; padding-bottom: 10px;justify-content: center;}
    .cam-header .logo-tit span {font-size: 25px;}
    .cam-header .head-tab {width: 100%; padding: 5px 0; border-top: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); text-align: center;}
    .cam-tail.de-page01 {position: static;}
    .cam-body.de-page01 {overflow: visible;}
    .cam-body.de-page01 .left-list-wrap {width: 100%; max-height: 390px;}
    .cam-body.de-page01 .left-list-wrap .pc-btn {display: none;}
    .cam-body.de-page01 .left-list-wrap .m-btn {display: none;}
    .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:500px;transition:ease-in-out .3s}
    .cam-body.de-page01 .left-tab .left-list.hddn {max-height:0;}
    /* .cam-body.de-page01 .left-tab ul.hddn{position:absolute;top:-200px} */
    .cam-body.de-page01 .left-tab .fold{display: none; 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}
    #mapApi{margin-left: 0; margin-top: 51px; height: calc(100% - 51px);}
    .campus-img-wrap{float:none;margin:0 auto;margin-bottom:0}
    .cam-tail.de-page01 .cont-info{width:100%}
    .cam-tail.de-page01 .cont-info h3 {margin-bottom: 10px;}
    .cam-tail.de-page01 .closeDetailBtn01,
    .cam-tail.de-page01 .closeDetailBtn02 {display: block; position: absolute; right: 20px; top: -30px; width: 50px; height: 50px; background: url('../images/btn-cam-close.png') no-repeat center; text-indent: -99999px;}
    .cam-body.de-page01 .left-tab .left-list .nodata {position: static;}

    .search-result {display: none;}
    .search-result.on {position: fixed; left: 0; top: 0; justify-content: center; align-items: center; z-index: 100; display: flex; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
    .search-result .result-box {position: relative; width: 100%; padding: 20px;}
    .search-result .btn-result-close {display: block; position: absolute; right: 20px; top: -30px; width: 50px; height: 50px; background: url('../images/btn-cam-close.png') no-repeat center; text-indent: -99999px;}

    .search-result-detail {display: none;}
    .search-result-detail.on {position: fixed; left: 0; top: 0; justify-content: center; align-items: center; z-index: 120; display: flex; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
    .search-result-detail .result-box-detail {position: relative; width: 100%; height: 100%; max-height: 510px; padding: 20px;}
}


/* 탭 */
.cam-body.de-page01 .left-list-tab { display:flex; border-bottom:1px solid #dadbdf; background: #F1F1F1;}
.cam-body.de-page01 .left-list-tab > li { flex-basis:33.3333%; text-align: center; height:50px;}
.cam-body.de-page01 .left-list-tab > li > a { font-size:17px; font-family:'ppm'; color:#888888; display:flex; align-items: center; justify-content: center; position: relative; width:100%; height:100%;}
.cam-body.de-page01 .left-list-tab > li > a.active { color:#005EAD;}
.cam-body.de-page01 .left-list-tab > li > a::after {content:''; width:0%; height:2px; background:#005EAD; transition:width .3s; position: absolute; bottom:-1px; left:50%; transform:translateX(-50%);}
.cam-body.de-page01 .left-list-tab > li > a.active::after {width:100%;}
.cam-body.de-page01 .left-list-tab > li > a:hover { color:#005EAD; font-family: 'ppm'; background: none;}

/* 검색 */
.cam-body .left-tab .srch {padding:15px 25px; background: #F1F1F1; position: relative; border-bottom:1px solid #DEDEDE;}
.cam-body .left-tab .srch .srch-box {position: relative;}
.cam-body .left-tab .srch input[type="text"] {width:100%; height:50px; padding:17px; border-radius:5px; font-size: 17px;}
.cam-body .left-tab .srch input[type="text"]::placeholder {font-family: "ppr"; font-size: 15px; color:#999;}
.cam-body .left-tab .srch input[type="button"] {width:50px; height:50px; background:url('../images/search.png') no-repeat center; position: absolute; right:0; top:0; cursor: pointer;}

/* 4k */
@media all and (min-width: 1921px) {	
	.cam-header .logo-tit a > img { width: 15.5648vw; }	
	.cam-header .logo-tit span { font-size:1.4576vw; }
	.cam-header .head-tab a { font-size: 0.9370vw; }
	.cam-header .srch #srch-sq::placeholder {font-size:0.6247vw; }
	.cam-body.de-page01 .left-tab .left-list li a{ font-size: 0.8329vw; }
	.en .cam-body.de-page01 .left-tab .left-list li a { font-size: 0.7808vw;}
	.cam-body.de-page01 .left-tab .left-list li a { font-size: 0.8329vw; }
	.cam-body.de-page01 .left-list-tab > li > a { font-size: 0.8329vw; }
	.cam-tail.de-page01 .cont-info h3 { font-size: 1.1452vw; }
	.cam-tail.de-page01 .cont-info h3 span { font-size: 0.7288vw; }
	.cam-tail.de-page01 .detail-title { font-size: 0.8329vw; }
	.cam-tail.de-page01 .detail-plant li { font-size: 0.7808vw; }
	.cam-tail.de-page01 .cont-info h4 { font-size: 0.6767vw; }
	.cam-tail.de-page01 > .cont-info > ul > li { font-size: 0.7808vw; }
	.cam-tail.de-page01 .cont-info ul li > strong { font-size: 0.8329vw; }
	.cam-tail.de-page01 .cont-info ul li > p { font-size: 0.8329vw; }
	.cam-tail.de-page01 .cont-txt h3 { font-size: 0.9370vw; }
}