@charset "euc-kr";
/* reset */
@import url(reset.css);

body, height {height: 100%;}

body { 
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 75%;
	font-family: "?��?", Dotum, sans-serif;
	color: #636363;
	list-style: none;
	line-height: 18px;
	border: 0px solid blue;
	outline: 0
}

/* ?�일 ?��? */
.skip_navigation, .blind {visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0}

#wrapper {display: block; width: 1000px; height: 651px; margin: 0; padding: 0; text-align: left;}

#header {position: relative; height: 67px; padding-top: 30px; padding-left: 30px; background: url(../make_img/cybercampus/bg_header.jpg) no-repeat left top;}
#header:afet {content: ""; display: block; clear: both;}
#header h1 {float: left; padding-right: 21px; line-height: 47px; margin-right: 15px; background: url(../make_img/cybercampus/icon_bar01.png) no-repeat right center;}
#header h1 img {display: block;}
#header h2 {float: left; padding-top: 5px;}
#header h2 img {display: block;}
#header .btn_close {position: absolute; top: 18px; right: 19px;}
#header .btn_close a, #header .btn_close img {display: block;}

#container {position: relative; height: 498px;}
#container:after {content: ""; display: block; clear: both;}

.building_list {float: right; width: 207px; height: 460px; padding-top: 38px; padding-left: 31px; background: url(../make_img/cybercampus/bg_infomation.jpg) no-repeat left top;}
.building_list li {display: block; margin-bottom: 9px;}
.building_list li a {color: #fff; font-weight: bold;}
.building_list li a .number {display: inline-block; width: 20px; height: 15px; line-height: 15px; vertical-align: middle; text-align: center; background: url(../make_img/cybercampus/bg_number.png) no-repeat center center;}


.building_area {position: relative; float: left; width: 762px; height: 498px; background: url(../make_img/cybercampus/bg_campus.jpg) no-repeat left top;}
.building_area .building_list02 {margin: 0; padding: 0;}
.building_area .building_list02 li {display: block; width: 38px; height: 49px;}
.building_area .building_list02 li a, .building_area .building_list02 li img {display: block;}
.building_area .building_list02 li.number01 {position: absolute; top: 50%; left: 50%; margin-left: -220px; margin-top: -50px}
.building_area .building_list02 li.number02 {position: absolute; top: 50%; left: 50%; margin-left: 55px; margin-top: 85px;}
.building_area .building_list02 li.number03 {position: absolute; top: 50%; left: 50%; margin-left: -90px; margin-top: -75px}
.building_area .building_list02 li.number04 {position: absolute; top: 50%; left: 50%; margin-left: -45px; margin-top: -10px;}
.building_area .building_list02 li.number05 {position: absolute; top: 50%; left: 50%; margin-left: 275px; margin-top: -55px;}
.building_area .building_list02 li.number06 {position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -105px}
.building_area .building_list02 li.number07 {position: absolute; top: 50%; left: 50%; margin-left: 62px; margin-top: -18px}
.building_area .building_list02 li.number08 {position: absolute; top: 50%; left: 50%; margin-left: 110px; margin-top: -105px}
.building_area .building_list02 li.number09 {position: absolute; top: 50%; left: 50%; margin-left: 208px; margin-top: -110px}
.building_area .building_list02 li.number10 {position: absolute; top: 50%; left: 50%; margin-left: 55px; margin-top: -165px}
.building_area .building_list02 li.number11 {position: absolute; top: 50%; left: 50%; margin-left: 20px; margin-top: -218px}
.building_area .building_list02 li.number12 {position: absolute; top: 50%; left: 50%; margin-left: 135px; margin-top: -180px}
.building_area .building_list02 li.number13 {position: absolute; top: 50%; left: 50%; margin-left: -160px; margin-top: -95px}
.building_area .building_list02 li.number14 {position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -45px}
.building_area .building_list02 li.number15 {position: absolute; top: 35px; left: 30px;}
.building_area .building_list02 li.number16 {position: absolute; top: 50%; left: 50%; margin-left: 195px; margin-top: 50px}
.building_area .building_list02 li.number17 {position: absolute; top: 50%; left: 50%; margin-left: 200px; margin-top: -185px}

.word_building {position: absolute; bottom: 0; left: 40px; z-index: 20}

.detail_area {position: absolute; top: 0; left: 0; display: none; width: 311px; height: 498px; background: #fff; z-index: 100}
.detail_area .title_area {position: relative; border-top: 1px solid #006ba7; border-bottom: 1px solid #006ba7; background: #2a87c3; height: 31px; text-align: center;}
.detail_area .title_area h4 {font-weight: bold; color: #fff; line-height: 31px; vertical-align: middle;}
.detail_area .title_area .btn_close02 {position: absolute; top: 9px; right: 13px;}
.detail_area .detali_box {padding: 16px 18px 12px 18px;}
.detail_area .detali_box img {display: block; width: 275px; height: 165px; margin-bottom: 12px;}

.building_table {height: 260px; background: #ececec; overflow-x: hidden; overflow-y: auto; border: 0px solid red;}



.building_info {clear: both; border-collapse: collapse; border-width: 0 0 1px 0; padding: 0 10px;}
.building_info tr {  } /* colgroup ?�로 td ?��??�제?�하?�면 tr???�의  */
.building_info thead {border-collapse: collapse; border: none 0; border-width: 0 0 1px 0;}
.building_info thead th {border-collapse: collapse; border: none 0; color: #fff; font-weight: bold; text-align: center; padding: 6px 4px; background: #5daa0b;  border-bottom: 2px solid #fff;}
.building_info td {border: 1px solid #FFF; padding: 5px 10px; color: #333333}
.building_info td.center {text-align: center;}

.building01 {  background: #999999; font-weight:bold ; border-bottom:1px solid #FFF}

#footer {height: 32px; padding-top: 24px; background: #295c45; text-align: center; vertical-align: middle;}
#footer p {display: block;}
#footer p img {display: inline-block; vertical-align: bottom;}