@charset "utf-8";

/* reset */
@import url(reset.css);

@font-face {font-family: 'NanumGothic'; src: url('../font/NanumGothic.eot');}  
@font-face {font-family: 'NanumBarunGothic'; src:url('../font/NanumBarunGothic.eot');}
@font-face {font-family: 'NanumBarunGothicBold'; src:url('../font/NanumBarunGothicBold.eot');}


@font-face{
	font-family: 'NanumGothic';
	src: url('../font/NanumGothic.eot');
	src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumGothic.woff') format('woff'),
		 url('../font/NanumGothic.ttf') format('truetype');
}

@font-face{
	font-family: 'NanumBarunGothic';
	src: url('../font/NanumBarunGothic.eot');
	src: url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumBarunGothic.woff') format('woff'),
		 url('../font/NanumBarunGothic.ttf') format('truetype');
}
@font-face{
	font-family: 'NanumBarunGothicBold';
	src: url('../font/NanumBarunGothicBold.eot');
	src: url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		 url('../font/NanumBarunGothicBold.woff') format('woff'),
		 url('../font/NanumBarunGothicBold.ttf') format('truetype');
}


html, body {
	height: 100%;
}

body { 
	height: 100%;
	text-align: center;
	font-size: 75%;
	font-family: "나눔바른고딕", "NanumBarunGothic", NanumBarunGothic, "돋움", "Dotum", Dotum, sans-serif;
	color: #000;
	list-style: none;
	line-height: 1.7em;
	border: 0px solid blue;
	outline: 0;
}

/* 스킵네비게이션 */
.skip-navigation a {
	display: block; 
	height: 1px; 
	width: 1px; 
	margin: 0 -1px -1px 0; 
	padding: 0; 
	overflow: hidden; 
	font-size:0; line-height:0;
}

.skip-navigation a:hover,
.skip-navigation a:active,
.skip-navigation a:focus {
	position: fixed; 
	top: 0; 
	left: 0; 

	width: 100%; 
	height: 20px; 
	line-height: 20px; 
	vertical-align: middle; 
	font-size: 75%;
	font-weight: bold; 
	text-align: center; 
	background: #000; 
	color: #fff;
	z-index: 10;
	border: 1px solid red;
}


.blind, caption {
	visibility: hidden; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 0; 
	height: 0; 
	font-size: 0;
	line-height: 0
}

#wrapper {
	position: relative; 
	margin: 0; 
	padding: 0;
	width: 1000px;
	height: 833px;
	font-size: 1em;
	text-align: left;
}


.header {
	height: 40px;
	padding: 20px 26px 20px 30px;
	background: #2f4e85;
	overflow: hidden;
}

.header .logo-area {
	float: left;
}

.header .logo-area h1 {
	float: left
}

.header .logo-area h1 img {
	display: block;
	margin-right: 15px;
}

.header .logo-area h2 {
	float: left;
	padding-top: 14px;
}

.header .logo-area h2 img {
	display: block;
}

.btn-close {
	position: absolute;
	top: 25px;
	right: 26px;
	height: 31px;
	line-height: 31px;
	color: #fff;
	font-size: 16px;
	font-family: "NanumBarunGothicBold", "나눔바른고딕 Bold", NanumBarunGothicBold, "돋움", Dotum, sans-serif;
}

.btn-close img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
}

.container {
	position: relative;
}

.bg-map {
	width: 1000px;
	height: 559px;
	background: url(../make_img/campusmap/img01.png) no-repeat 0 0;
	background-size: 1000px 559px;
	border-bottom: 1px solid #8f8f8f;
}

.map-list-info {
	position: relative;
	height: 194px;
}

.map-list-info .word-info01 {
	position: absolute;
	top: 13px;
	left: 500px;
	color: #777777;
	font-size: 12px;
}

.map-list-info .tabmenu-list {
	position: relative;
	border: 0px solid red;
}

.map-list-info .tabmenu-list ul {
	border: 0px solid red;
}

.map-list-info .tabmenu-list ul:after {
	content: "";
	clear: both;
	display: block;
}

.map-list-info .tabmenu-list ul li {
	float: left;
	width: 156px;
	height: 36px;
}

.map-list-info .tabmenu-list ul li a.tabmenu {
	display: block;
	width: 141px;
	height: 36px;
	padding-left: 15px;
	line-height: 36px;
	text-align: left;
	font-size: 15px;
	color: #ffffff;
	background: url(../make_img/campusmap/tabmenu_off.png) no-repeat 0 0;
	font-family: "NanumBarunGothicBold", "나눔바른고딕 Bold", NanumBarunGothicBold, "돋움", Dotum, sans-serif;
}

.map-list-info .tabmenu-list ul li a.tabmenu:hover,
.map-list-info .tabmenu-list ul li a.tabmenu.on {
	background: url(../make_img/campusmap/tabmenu_on.png) no-repeat 0 0;
}

.map-list-info .tabmenu-list ul li ul {
	display: none;
	position: absolute;
	top: 37px;
	left: 0;
	width: 960px;
	padding: 20px;
	height: 107px;
}

.map-list-info .tabmenu-list ul li ul.tabmenu-sub-list01 {
	display: block;
}

.map-list-info .tabmenu-list ul li ul li {
	float: left;
	width: 20%;
}
.map-list-info .tabmenu-list ul li ul.tabmenu-sub-list01 li:nth-child(-n+6){
	height: 200px;
}
.map-list-info .tabmenu-list ul li ul.tabmenu-sub-list01 li:nth-child(n+6):nth-child(-n+10){
	height: 140px;
}
.map-list-info .tabmenu-list ul li ul.tabmenu-sub-list01 li:nth-child(n+11):nth-child(-n+15){
	height: 100px;
}
.map-list-info .tabmenu-list ul li ul.tabmenu-sub-list02 li, .map-list-info .tabmenu-list ul li ul.tabmenu-sub-list04 li {
	height: 40px;
}

.map-list-info .tabmenu-list ul li ul li a {
	display: inline-block;
	vertical-align: middle;
	height: 25px;
/*	color: #5c5656;*/
	color: #000;
	font-size: 13px;
	font-family: "NanumBarunGothicBold", "나눔바른고딕 Bold", NanumBarunGothicBold, "돋움", Dotum, sans-serif;
}

.map-list-info .tabmenu-list ul li ul li a img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.map-list-info .tabmenu-list ul li ul li a span{
	display: block;
	padding-left: 27px;
	font-family: "NanumBarunGothicRegular", "나눔바른고딕 Regular", NanumBarunGothicRegular, "돋움", Dotum, sans-serif;
	color: #5c5656;
}

.tag {
	display: none;
	position: absolute;

	vertical-align: top;
	min-width: 50px;
	height: 63px;
	padding-right: 2px;
	background: url(../make_img/campusmap/bg_bubble_right.png) no-repeat right 0;
}

.tag span {
	display: block;
	height: 58px;
	padding: 4px 25px 0 25px;
	color: #ffffff;
	font-size: 16px;
	background: url(../make_img/campusmap/bg_bubble_left.png) no-repeat left 0;
}

.tag-0101 {
	left: 525px;
	top: 154px;
}

.tag-0102 {
	left: 711px;
	top: 162px;
}

.tag-0103 {
	left: 820px;
	top: 248px;
}

.tag-0104 {
	left: 820px;
	top: 348px;
}


.tag-0105 {
	left: 246px;
	top: 147px;
}


.tag-0106 {
	left: 480px;
	top: 62px;
}


.tag-0107 {
	left: 416px;
	top: 285px;
}

.tag-0108 {
	left: 312px;
	top: 5px;
}

.tag-0108 {
	left: 314px;
	top: 5px;
}

.tag-0109 {
	left: 389px;
	top: 409px;
}

.tag-0110 {
	left: 317px;
	top: 172px;
}

.tag-0111 {
	left: 499px;
	top: 405px;
}

.tag-0112 {
	left: 494px;
	top: 10px;
}

.tag-0113 {
	left: 383px;
	top: 352px;
}

.tag-0114 {
	left: 760px;
	top: 342px;
}

.tag-0115 {
	left: 510px;
	top: 305px;
}

.tag-0116 {
	left: 640px;
	top: 342px;
}

.tag-0117 {
	left: 640px;
	top: 250px;
}

.tag-0118 {
	left: 385px;
	top: 220px;
}

.tag-0119 {
	left: 387px;
	top: 80px;
}

.tag-0120 {
	left: 190px;
	top: 0px;
}

.tag-0201,
.tag-0202,
.tag-0203,
.tag-0207,
.tag-0208,
.tag-0211,
.tag-0212,
.tag-0216 {	
	left: 317px;
	top: 172px;
}

.tag-0204,
.tag-0205,
.tag-0206,
.tag-0215 {	

	left: 510px;
	top: 305px;
}

.tag-0209 {	
	left: 383px;
	top: 352px;
}

.tag-0210 {	
	left: 820px;
	top: 248px;
}


.tag-0213 {	
	left: 480px;
	top: 62px;
}

.tag-0214 {
	left: 416px;
	top: 285px;
}


.tag-0301 {
	left: 820px;
	top: 348px;
}

.tag-0302 {
	left: 760px;
	top: 342px;
}



.tag-0312,
.tag-0318,
.tag-0319,
.tag-0321 {
	left: 317px;
	top: 172px;
}


.tag-0403,
.tag-0304,
.tag-0307,
.tag-0311,
.tag-0315,
.tag-0320 {
	left: 711px;
	top: 162px;
}


.tag-0303,
.tag-0305,
.tag-0306,
.tag-0308,
.tag-0309,
.tag-0310,
.tag-0314 {
	left: 525px;
	top: 154px;
}

.tag-0313,
.tag-0316,
.tag-0317 {
	left: 416px;
	top: 285px;
}

.tag-0322,
.tag-0323 {
	left: 820px;
	top: 248px;
}

.tag-0324 {
	left: 246px;
	top: 147px
}

.tag-0401,
.tag-0402,
.tag-0404,
.tag-0409,
.tag-0410,
.tag-0411,
.tag-0414{
	left: 510px;
	top: 305px;
}


.tag-0408 {
	left: 525px;
	top: 154px;
}

.tag-0405,
.tag-0407 {
	left: 246px;
	top: 147px;
}

.tag-0406 {
	left: 190px;
	top: 0px;
}

/*
.tag-0409 {
	left: 480px;
	top: 62px;
}
*/

.tag-0412 {
	left: 385px;
	top: 220px;
}

.tag-0413 {
	left: 640px;
	top: 342px;
}

.tabmenu-list li .tabmenu-sub {
	border: 0px solid red;
}

.tabmenu-list li .tabmenu-sub li a {
	display: block;
	padding-left: 14px;
	background: url(../make_img/campusmap/icon_bullet01.png) no-repeat left 6px;