@charset "utf-8";

.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%;}
.cam-header-top {min-height: 8rem; background:url('../images/bg-header-top.jpg') no-repeat top right / cover;}
.cam-body {height:100%;}

.cam-header-top {display:none; align-items:center; justify-content:space-between; height:9rem; padding:0 5rem;;}
.cam-header-top .tit {flex-shrink:0; width:38rem; display:flex; align-items:flex-start;}
.cam-header-top .tit a {display:flex; height:100%; align-items:center;}
.cam-header-top .tit a > span {color:#fff; display:inline-block;}
.cam-header-top .tit a > img {display:inline-block; vertical-align:middle; margin-right:1rem;}

.cam-header-top .tit span {display:inline-block; vertical-align:middle; font-size:2.6rem; font-family:'paper'; color:#003876; position:relative;line-height:1; font-weight:500;}
.cam-header-top .head-tab {}
.cam-header-top .head-tab a {color:#fff; display:inline-block; font-size:2rem; font-family:'paper';font-weight: 500; position:relative; margin-right:3.7rem;}
.cam-header-top .head-tab a:last-of-type {margin-right:0;}
.cam-header-top .srch {flex-shrink:0; position:relative; width:29rem;}

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

.cam-header-top .close {padding-left:2rem;}
.cam-header-top .close button {width:6rem; height:8rem; background:url('../images/map-close.png') no-repeat center; text-indent:-9999px;}

.cam-header {display: flex;align-items: center;padding: 0 5rem;background: #0070ef;}
.cam-header .tit > a {display: flex;align-items: center;gap: 3rem;padding: 1.5rem 0;}
.cam-header .tit span {font-size: 2.5rem;color: #fff;font-weight: 500;}

.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:37rem; background-color:#fff; box-shadow:.2rem 0 .5rem 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;}
.cam-body.de-page01 .left-tab {position:absolute; left:0; top:0; border-right:.1rem solid #bcbec0; box-shadow:.2rem 0 .5rem rgba(0,0,0,0.2); transition:ease-in-out .3s; z-index:2; height:100%; width:37rem; display:flex; flex-direction:column;}

.cam-body.de-page01 .left-list-wrap {overflow:auto; width:100%; height:100%; background:#fff;}

.cam-body.de-page01 .left-list-wrap::-webkit-scrollbar {width:1rem;}
.cam-body.de-page01 .left-list-wrap::-webkit-scrollbar-thumb {background-color:#aaa;border-radius:1rem;}
.cam-body.de-page01 .left-list-wrap::-webkit-scrollbar-track {background-color:#eee;}

.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:-37rem;}

.cam-body.de-page01 .left-tab .left-list {display:flex; flex-wrap:wrap;}
.cam-body.de-page01 .left-tab .left-list li {width:100%;}

.en .cam-body.de-page01 .left-tab .left-list li {width:100%;}

.cam-body.de-page01 .left-tab .left-list li a {display:flex; align-items: center;color:#222; font-size:1.6rem; font-family:"paper";font-weight: 400; ; text-decoration:none; padding:1.7rem 2.5rem; box-sizing:border-box; line-height:1.3; border-bottom:.1rem 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:'paper';font-weight: 500; color:#083CA6; background:#F1F6FA; border-bottom:.1rem solid #F1F6FA;}

.cam-body.de-page01 .left-tab .left-list li a span {width:6rem; line-height:2.5rem; display:flex; align-items:center; justify-content:center; font-family:'pr'; color:#555; font-size:1.3rem; background:#eee; border-radius:5rem; margin-right:1.5rem;}

.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:1.5rem;}
.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';}

.en .cam-body.de-page01 .left-tab .left-list li a.on,
.en .cam-body.de-page01 .left-tab li a:hover {font-family:'paper';font-weight: 400;}

.cam-body.de-page01 .left-tab .left-list .nodata {position:absolute; left:0; z-index:1; width:100%; height:100%; padding:3rem 0; text-align:center; background:#fff;}

.cam-body.de-page01 .left-tab button {position:absolute; width:3rem; height:5rem; right:-3rem; top:50%; margin-top:-2.5rem; background:url(../images/left-tab-close.png) .9rem center no-repeat #fff; text-indent:-99999px; border:0; border-radius:0 1rem 1rem 0; box-shadow:.5rem .5rem .5rem 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:100%;}

.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:94rem; padding:6.5rem 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 {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:1.5rem;}
.cam-tail.de-page01::-webkit-scrollbar-thumb {background-color:#003876; border:.3rem solid #fff; border-radius:1rem;}
.cam-tail.de-page01::-webkit-scrollbar-track {background-color:#fff;}

.cam-tail.de-page01 .closeDetailBtn01 {z-index:10; display:block; width:3rem; height:3rem; background:#000 url("../images/cam-arr-left.png") no-repeat center center; background-color:rgb(0,0,0,1); border-radius:100%;}
.cam-tail.de-page01 .closeDetailBtn02 {z-index:10; display:block; width:3rem; height:3rem; background:#000 url("../images/cam-arr-left.png") no-repeat center center; background-color:rgb(0,0,0,1); border-radius:100%;}

/* 상세보기 */
.cam-tail .tail-tit {display:flex; justify-content:space-between; align-items:center; padding:.5rem 2rem; background:#f7f7f7; border-bottom:.1rem solid #CFCFCF;}

.cam-tail .tail-tit strong {display:inline-block; font-family:'paper';font-weight: 600; font-size:2.2rem; line-height:5rem; color:#23262F;}

.campus-img-wrap {position:relative; width:100%; height:22rem; 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:2rem;}

.cam-tail.de-page01 .cont-info .sub-txt {display: block;width: 6rem;height: 2.5rem;margin-top: .7rem;text-align: center;line-height: 2.5rem;font-size: 1.3rem;color: #fff;background: #083ca6;border-radius: 1.25rem;font-family: 'pr';}

.cam-tail.de-page01 .cont-info h3 {font-size:2rem; color:#083CA6; font-family:"paper";font-weight: 700; display:flex; align-items:center; margin-bottom:1.5rem;}

.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:6rem; display:flex; align-items:center; font-size:1.3rem; justify-content:center; border-radius:5rem; font-family:'pr'; color:#fff; background:#083CA6; margin-right:1rem;}

.cam-tail.de-page01 .detail-title {font-size:1.6rem; font-family:'Pre Regular'; line-height:3rem; ; color:#03499A;}

.cam-tail.de-page01 .detail-plant li {position:relative; margin-top:1rem; padding-left:1.5rem; font-family:'Pre Regular'; font-size:1.5rem; 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:.8rem; width:.5rem; height:.5rem; border-radius:100%; background:#005128;}

.cam-tail.de-page01 .cont-info > div {display: flex;align-items: flex-start;gap: 1rem;}

.cam-tail.de-page01 .cont-info h4 {font-size:1.3rem; line-height:2rem; ; color:#222; font-family:"Pre Regular"; margin-bottom:.5rem}

.cam-tail.de-page01 .cont-info > ul {box-sizing:border-box}

.cam-tail.de-page01 > .cont-info > ul > li {color:#666; font-size:1.5rem; margin-bottom:1rem; overflow:hidden; font-weight:300; position:relative;font-family: 'paper';font-weight: 400;}

.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:2rem; padding-left:1.5rem; color:#0065e0; font-size:1.6rem; line-height:3rem; }

.cam-tail.de-page01 .cont-info ul li strong::before {content:""; position:absolute; width:.7rem; height:.7rem; background:#0065E0; border-radius:50%; left:0; top:1.2rem}

.cam-tail.de-page01 .cont-info ul li > p {font-size:1.6rem; color:#222; font-family: 'paper'; line-height:2.5rem;font-weight: 400;}

.cam-tail.de-page01 .cont-info ul li ul li {display:inline-block; padding-left:1rem; position:relative; margin:0 .7rem .5rem}

.cam-tail.de-page01 .cont-info ul li ul li:before {content:''; display:block; position:absolute; width:.5rem; height:.5rem; background:#929292; border-radius:100%; left:0; top:1.2rem}

.cam-tail.de-page01 .cont-info ul p a {text-decoration:none; color:#555; margin-right:1rem; word-break:keep-all}

.cam-tail.de-page01 .cont-info ul p span {margin:0 .3rem; display:inline-block}

.cam-tail.de-page01 .cont-txt {float:right; width:30%}

.cam-tail.de-page01 .cont-txt h3 {color:#333; font-size:1.8rem; text-align:center; background-color:#f8f8f8; border:.1rem solid #e8e8e9; margin-bottom:1.5rem; padding:1.5rem; box-sizing:border-box}

.cam-tail.de-page01 .cont-txt dl {position:relative; border-bottom:.1rem solid #e8e8e9; padding:1.5rem 2rem; 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:2.5rem}

.cam-tail.de-page01 .cont-txt a:hover {text-decoration:underline}

.cam-tail.de-page01 .cont-txt a:after {content:''; position:absolute; width:1.3rem; height:1.3rem; right:0; top:50%; margin-top:-.6rem; background:url(../images/new-win.png) center center no-repeat}

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

@media all and (max-width: 860px) {
    .cam-header-top .tit span {font-size:3rem;}
    .cam-header-top .head-tab a {margin-right:1.5rem; font-size:1.8rem;}
}

@media all and (max-width: 768px) {
    .cam-header-top {justify-content: center;min-height: 9.7rem;padding-top: 1.3rem;}
    .cam-header-top .tit {width:100%; padding-bottom:1rem; justify-content:center;}
    .cam-header-top .tit span {font-size: 2.7rem;}
    .cam-header-top .head-tab {padding:.5rem 0; border-top:.1rem solid rgba(255,255,255,.3); border-bottom:.1rem solid rgba(255,255,255,.3); text-align:center;}

    .cam-header {justify-content: center;}
    .cam-header .tit > a {flex-direction: column-reverse;justify-content: center;gap: 1rem;}
    .cam-header .tit span {border-bottom: 1px solid rgba(255,255,255,.4);}

    .cam-body.de-page01 .left-list-wrap {width:100%; max-height:24rem;}
    .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:14rem; transition:ease-in-out .3s}

    .cam-body.de-page01 .left-tab .left-list.hddn {max-height:0;}

    .cam-body.de-page01 .cam-tail.hddn {height:0; padding:0;}

    .cam-body.de-page01 .left-tab button {width:2rem; height:6rem; top:auto; bottom:-4rem; right:50%; margin-right:-1rem; transform:rotate(90deg); background:url(../images/left-tab-close.png) .5rem center no-repeat #fff}

    .cam-body.de-page01 .left-tab.on {left:auto; top:0}

    .cam-body.de-page01 .map-api {padding-top:18rem}

    .campus-img-wrap {float:none; margin:0 auto; margin-bottom:2rem}

    .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:1rem}
    .cam-tail.de-page01 .cont-info ul li > p {float:none}
    .cam-tail.de-page01 {height:31rem; padding:4rem 2rem}
}

/* 탭 */
.cam-body.de-page01 .left-list-tab {display:flex; border-bottom:.1rem solid #dadbdf; background:#F1F1F1;}

.cam-body.de-page01 .left-list-tab > li {flex-basis:50%; text-align:center; height:5rem;}

.cam-body.de-page01 .left-list-tab > li > a {font-size:1.7rem; font-family:'paper'; color:#888888; display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:100%;font-weight: 500;}

.cam-body.de-page01 .left-list-tab > li > a.on,
.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:.2rem; background:#005EAD; transition:width .3s; position:absolute; bottom:-.1rem; left:50%; transform:translateX(-50%);}

.cam-body.de-page01 .left-list-tab > li > a.on::after,
.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:'paper';font-weight: 500; background:none;}

/* 검색 */
.cam-body .left-tab .srch {padding:1.5rem 2.5rem; background:#F1F1F1; position:relative; border-bottom:.1rem solid #DEDEDE;}

.cam-body .left-tab .srch .srch-box {position:relative;}

.cam-body .left-tab .srch input[type="text"] {width:100%; height:4.5rem; padding:1.7rem; border-radius:.5rem;font-size: 1.5rem;font-family: 'paper';font-weight: 400;}

.cam-body .left-tab .srch input[type="text"]::placeholder {font-family:'nl'; font-size:1.5rem; color:#999;}

.cam-body .left-tab .srch input[type="button"] {width:5rem; height:5rem; background:url('../images/search.png') no-repeat center; position:absolute; right:0; top:-.3rem; cursor:pointer;}

/* 4k */
@media all and (min-width: 1921px) {	
	.cam-header-top .tit a > img {width:15.5648vw;}	
	.cam-header-top .tit span {font-size:1.4576vw;}
	.cam-header-top .head-tab a {font-size:0.9370vw;}
	.cam-header-top .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;}
}