@charset "utf-8";

/* Font */
@font-face{font-family:'pre-t';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-Thin.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-Thin.woff) format("woff")}
@font-face{font-family:'pre-el';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-ExtraLight.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-ExtraLight.woff) format("woff")}
@font-face{font-family:'pre-l';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-Light.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-Light.woff) format("woff")}
@font-face{font-family:'pre-r';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-Regular.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-Regular.woff) format("woff")}
@font-face{font-family:'pre-m';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-Medium.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-Medium.woff) format("woff")}
@font-face{font-family:'pre-sb';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-SemiBold.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-SemiBold.woff) format("woff")}
@font-face{font-family:'pre-b';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-Bold.woff) format("woff")}
@font-face{font-family:'pre-eb';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-ExtraBold.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-ExtraBold.woff) format("woff")}
@font-face{font-family:'pre-bk';font-style:normal;src:url(/Web-home/_UI/font/pretendard/Pretendard-Black.woff2) format("woff2"),url(/Web-home/_UI/font/pretendard/Pretendard-Black.woff) format("woff")}

/* CSS Reset */
*,:after,:before,::after,::before{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html,body{overflow: visible;width:100%;height:100%;font-family:'pre-r';line-height:1.5;font-size:10px !important;color:#333;word-wrap:break-word;letter-spacing:-0.02rem;text-align:justify;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
div, dl, dt, dd, ul, ol, li, form, fieldset, p, button, th, td, i, em {font-size:1.8rem;}
body{word-break:keep-all; overflow-x: hidden !important;}
header,article,section,nav,footer{display:block}
h1, h2, h3, h4, h5, h6, strong{font-weight:400;}
img,fieldset,iframe,button{border:0 none}
li{list-style:none}
img{width:auto;max-width:100%;vertical-align:top;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{font-family:'pre-r';background-color:transparent;overflow:visible;border:0}
a,button,input{border:0 none}
input[type="button"],
input[type="submit"] {cursor: pointer;}
a:link,a:active,a:visited{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#002d56;}
legend{width:0;height:0;font-size:0;position:absolute;z-index:-1}
table{width:100%;border-spacing:0;table-layout:fixed;}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}
th{text-align:center}
input::-ms-clear{display:none}
input,button{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'pre-r';}
input[type="radio"]{position:relative;top:.2rem}
pre{white-space:pre-line;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow-y:auto}
select::-ms-expand{display:none}
textarea{resize:none}
figure{text-align:center}
strong, b{font-family:'pre-b';}

/* 4K대응 */
@media screen and (min-width:1921px) {
	html, body{font-size:0.5vw !important;}
}


/* 탭키 */
select,
input,
textarea,
a,
button{transition:outline-offset 0.1s ease;}
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
a:focus-visible,
button:focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-radius:3px;box-shadow:0 0 0 5px rgba(37, 99, 235, 0.2);}
select:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
a:focus:not(:focus-visible),
button:focus:not(:focus-visible){outline:none;}



/* 디자인 */
.root_daum_roughmap{width:100% !important;}
.campus-map{width:100%; height:100%; }
.campus-map .cam-body{ height:100%; }
.cam-header{display:none;}

#mapApi{height:100vh !important;min-height: 600px;}
#mapApi > div{height:100% !important;}
#mapApi img{width:100%;height:100%}
.body-top,
.body-btm{display:none}
.body-top.on,
.body-btm.on{display:block; height:100%; }


/* 사이드바 */
.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:40rem;display:flex;}
.left-tab.on{left:-40rem;}
.left-tab .itemA{width:12rem;background:#9f2328;}
.left-tab .itemB{width:calc(100% - 12rem);}
@media all and (max-width:1024px) {
	.left-tab{border-right:0;height:unset;width:100%;display:block;border-bottom:1px solid #bcbec0;}
	.left-tab.on{left:unset;top:-37rem;}
	.left-tab .itemA,
	.left-tab .itemB{width:100%;}
	.left-tab .itemA{display:flex;align-items:center;justify-content:space-between;}
}


/* 로고 */
.campusMapLogo{padding:3rem 0;text-align:center;}
.campusMapLogo a{display:block;}
.campusMapLogo img{width:7.5rem;}
@media all and (max-width:1024px) {
	.campusMapLogo{padding:1rem 2rem;}
}


/* 탭 */
.left-list-tab > li{padding-bottom:2rem;display:flex;justify-content:center;}
.left-list-tab > li > a{font-size:1.6rem;color:#FFF;font-family: 'pre-b';width:7rem;height:7rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:2px;}
.left-list-tab > li > a::before{width:2.2rem;height:2.2rem;content:"";display:block;filter:brightness(100);}
.left-list-tab > li:nth-child(1) a::before{background:url('../images/icon_1.png') no-repeat center;}
.left-list-tab > li:nth-child(2) a::before{background:url('../images/icon_2.png') no-repeat center;}
.left-list-tab > li:nth-child(3) a::before{background:url('../images/icon_3.png') no-repeat center;}
.left-list-tab > li:nth-child(4) a::before{background:url('../images/icon_4.png') no-repeat center;}
.left-list-tab > li > a:hover,
.left-list-tab > li > a.active{background:#FFF;color:#9f2328;}
.left-list-tab > li > a:hover::before,
.left-list-tab > li > a.active::before{filter:unset;}
@media all and (max-width:1024px) {
	.left-list-tab{display:flex;align-items:center;justify-content:flex-end;}
	.left-list-tab > li{padding-bottom:0;padding-left:0.5rem;}
}


/* 검색 */
.cam-body .left-tab .srch {background: #F1F1F1;}
.cam-body .left-tab .srch .srch-box {position: relative;}
.cam-body .left-tab .srch input[type="text"]{width:100%;height:5rem;padding:0 5rem 0 1.5rem;}
.cam-body .left-tab .srch input[type="text"]::placeholder{font-family:'pre-m'; font-size: 1.5rem; color:#777;}
.cam-body .left-tab .srch input[type="button"] {width:5rem; height:5rem; background:url('../images/iconSearch.png') no-repeat center; position: absolute; right:0; top:0; cursor: pointer;}


/* 버튼 */
.cam-body.de-page01 .left-tab .closeBtn{background:#FFF url('../images/btnArrow.png') center no-repeat;text-indent:-99999999px;position:absolute;width:3rem;height:10rem;right:-3rem;top:50%;margin-top:-5rem;border:0;box-shadow:5px 5px 5px rgba(0,0,0,0.2);display:block;}
.cam-body.de-page01 .left-tab .closeBtn.on{background:#FFF url('../images/btnArrow2.png') center no-repeat;}
@media all and (max-width:1024px) {
	.cam-body.de-page01 .left-tab .closeBtn{width:10rem;height:3rem;right:50%;top:unset;bottom:-3rem;margin-top:unset;margin-right:-5rem;background:#FFF url('../images/btnArrow3.png') center no-repeat;}
	.cam-body.de-page01 .left-tab .closeBtn.on{background:#FFF url('../images/btnArrow4.png') center no-repeat;}
}


/* 목록 */
.left-list-wrap::-webkit-scrollbar{width:10px;}
.left-list-wrap::-webkit-scrollbar-thumb{background-color:#CCC;border:3px solid #FFF;border-radius:5px;}
.left-list-wrap::-webkit-scrollbar-track{background-color:#FFF;}

.left-list-wrap{overflow-y:auto;width:100%;height:100%;background:#FFF;}
.left-list > li{position:relative;}
.left-list > li > a{color:#222;font-size:1.6rem;font-family:"pre-m"; letter-spacing:-0.5px;text-decoration:none;padding:1.5rem 2.5rem;box-sizing:border-box;line-height:1.3; border-top:1px solid #eee;display:flex;align-items:center;}
.left-list > li > a.on,
.left-list > li > a:hover {font-family:'pre-b';color:#a29164;background:#fffcf2;border-bottom:1px solid #a29164;}
.left-list .nodata {position: absolute; left: 0; z-index: 1; width: 100%; height: 100%; padding: 30px 0; text-align: center; background: #fff;}
@media all and (max-width:1024px) {
	.left-list-wrap{height:20rem;}
}


/* 상세보기 */
.inline-detail-view{padding:1.5rem;padding:relative;}
.inline-detail-view .tail-tit strong{display:none;}
.inline-detail-view .tail-tit a{width:2.5rem;height:2.5rem;border-radius:50%;position:absolute;right:0.5rem;top:6.5rem;background:#222 url('../images/x_1_w.png') center no-repeat;}
.cont-info{padding:1.5rem;background:#f7f7f7;}
.cont-info h3{display:none;}
.cont-info ul li{font-size:1.4rem;font-family:'pre-m';color:#555;line-height:1.3;position:relative;margin:2px 0;}
/*
.cont-info ul li::before{width:5px;height:2px;background:#555;position:absolute;left:0;top:9px;content:"";display:block;}
*/


/* 검색결과 구분 뱃지 */
.srch-badge{display: inline-block;font-size:1.4rem;font-family:'pre-b';color:#FFF;padding:0.1rem 0.6rem;border-radius:3px;margin-right:0.5rem;}
.badge-build{background:#003876;}
.badge-dept{background:#0070EF;}
.badge-office{background:#5c6bc0;}
.badge-conv{background:#00897b;}