#header{ display:none}
#footer{/*display:none*/}
.tnb-box, .sub-top-ttl, .sub-page #page_nav{display:none}
.fix-layout{ max-width:100%}
 
.sub-page #body{ max-width:100%; padding:0px !important}
.print-box { display: none; }

/* campusmap*/
.sub-page #body{ font-size:14px; letter-spacing:-0.5}
.campus-map-box { width: 100%; }
#campus-map { width: 100%; }
#campus-map .header {  border-bottom: 1px solid #303132; padding: 30px 0 0; width: 100%; background:url(/resources/images/main/campusmap/campus01.png) no-repeat 100% 0px #0059ac; }
#campus-map .header h1 { float: left;   padding: 0 24px 25px 20px; color:#fff; font-size:2em;  background-size:35px; margin-left:20px ; font-weight:300 }
#campus-map .header p { float: right; border-bottom: 2px solid #ffffff; margin-right: 100px; padding-bottom: 8px; color: #ffffff; }
#campus-map .campus_body { height:700px; overflow: hidden; width: 100%; }
#campus-map .campus_body .category { float: left; height: 100%; width:474px; }
#campus-map .campus_body .category .menu { background-color: #565a5a; border-right: 1px solid #2f3035; float: left; height: 100%; width:74px; }
#campus-map .campus_body .category .menu ul li { border-bottom: 1px solid #2f3035; line-height: 14px; text-align: center;}
#campus-map .campus_body .category .menu ul li.on { background-color: #00aaaa; }
#campus-map .campus_body .category .menu ul li a { color: #ffffff; display: block; font-weight: 400; font-size: 13px; padding: 15px 0; cursor:pointer}
#campus-map .campus_body .category .placelist { float: left; width: 400px; height: 100%;  }
#campus-map .campus_body .category .placelist .scroll { display:none; }
#campus-map .campus_body .category .placelist > ul { float:left; width:50%; height: 100%; overflow-y: scroll; }
#campus-map .campus_body .category .placelist > ul li:first-child { padding-top: 12px; }
#campus-map .campus_body .category .placelist > ul li:last-child { padding-bottom: 10px; }
#campus-map .campus_body .category .placelist > ul li a { display: block; padding: 3px 20px 3px; cursor: pointer; }
#campus-map .campus_body .category .placelist > ul li.on a { background-color: #e7e7e7; color: #224fa3; }
#campus-map .campus_body .category .placelist > ul li a.on { border-bottom: 1px solid #dddddd; color: #007b7b; font-weight: 400; }
#campus-map .campus_body .category .placelist .view_summary { display:block; float:left; width:50%; height:100%; }
#campus-map .campus_body .category .placelist .view_summary .thumb { height: 184px; overflow: hidden; width: 100%; }
#campus-map .campus_body .category .placelist .view_summary .thumb_icon {  overflow: hidden; width: 100%; padding:10px }
#campus-map .campus_body .category .placelist .view_summary .thumb img { max-width: 100%; }
#campus-map .campus_body .category .placelist .view_summary dl { margin:20px 20px 0px 20px}
#campus-map .campus_body .category .placelist .view_summary dl dt { color: #e35b00; font-size: 20px; padding: 5px 0 10px; font-weight:400 }
#campus-map .campus_body .category .placelist .view_summary dl dd { font-size: 13px; height: 400px; line-height: 20px; margin-bottom: 5px; overflow-x: hidden; overflow-y: auto; }
#campus-map .campus_body .map_view { float: right; height: 100%; width: calc(100% - 474px);  }
div #naver_map { height: 100%; width: 100%; }

/*  입시 캠퍼스맵  */
.view_summary ul li{ position:relative;   word-break:normal; word-break:keep-all; padding:7px 0px 7px 30px; border-bottom:#999999 1px dashed }
.view_summary ul li span{ display:inline-block; position:absolute; top:8px; left:0px; width:25px; height:20px; background:#0076e4; color:#fff; text-align:center; line-height:20px; font-size:0.9em; border-radius:3px}
 
@media all and (max-width: 1200px) {
}

@media all and (max-width:768px) {
	#campus-map .header{ background: #0059ac; text-align:center; }
	#campus-map .header h1{ font-size:1.5em ; float:none}
	#campus-map .campus_body { height:auto; }
	#campus-map .campus_body .category	{float:none; width:100%; height: auto; background:none; display:inline-block;}
	#campus-map .campus_body .category .opener	{position:absolute; right:auto; left:-20px; top:333px;}
	#campus-map .campus_body .category .menu	{float:none; width:100%; height:auto; border-right:0; border-bottom:1px solid #2f3035; background:#5a5b5e; display:inline-block;}
	#campus-map .campus_body .category .menu ul li	{border-bottom:0; text-align:center; line-height:14px; width:25%; float:left;}
	#campus-map .campus_body .category .menu ul li a	{display:block; border-left:1px solid #2f3035;}
	#campus-map .campus_body .category .menu ul li:first-child a	 {border-left:0;}
	#campus-map .campus_body .category .menu ul li a .space	{display:inline-block; height:100%; width:0; overflow:hidden; margin-right:-4px; vertical-align:middle;}
	#campus-map .campus_body .category .menu ul li a .text	{display:inline-block; color:#fff; font-size:11px; width:100%; vertical-align:middle; padding:15px 0;}
 	#campus-map .campus_body .category .placelist	{ position:relative; display: none; margin:0; height:100%; width:100%}
 	#campus-map .campus_body .category .placelist .scroll { position:absolute; top:10px; right:30px; }
	#campus-map .campus_body .category > div:nth-child(2) { display: block; }
	#campus-map .campus_body .category .placelist > ul	{padding:12px 0 26px; width:100%; height:130px; overflow-x:hidden; overflow-y:scroll; background:url(/resources/images/main/campusmap/scroll.png) no-repeat 92% 20px; }
	#campus-map .campus_body .category .placelist > ul li a	{display:block; padding:6px 20px 7px;}
	#campus-map .campus_body .category .placelist > ul li.on a	{ /*background:#ddd;*/ background-color:rgba(0, 0, 0, 0.1); }
	#campus-map .campus_body .category .placelist .view_summary	{ display: none; border-top:1px solid #4d4e53; width:100%; overflow:hidden; background:#fff;}
	#campus-map .campus_body .category .placelist > div:first-of-type{ display: block; }
	#campus-map .campus_body .category .placelist .view_summary .thumb	 {width:40%; height:auto; overflow:hidden; float:left;}
	#campus-map .campus_body .category .placelist .view_summary .thumb img	 {width:100%;}
	#campus-map .campus_body .category .placelist .view_summary dl	{float:left; width:59%; margin:0; padding:0px; padding-left:2%;}
	#campus-map .campus_body .category .placelist .view_summary dl dt	{color:#101010; font-size:16px; padding:17px 0 4px;}
	#campus-map .campus_body .category .placelist .view_summary dl dd	 {line-height:20px; font-size:12px; height: auto; overflow: hidden; overflow-y: auto;}
	#campus-map .campus_body .map_view	{margin:0;  width:100%; padding-right:0; position:relative; left:0; height: auto;}
	#campus-map .campus_body .map_view #naver_map {height: 250px !important; position: relative; top: auto; left: auto;}
	#campus-map .campus_body .map_view iframe	{position:relative; top:117px; left:0; width:100% !important; height:400px;}
	#campus-map .campus_body.on .category	{margin-left:0;}
	#campus-map .campus_body.on .map_view	{}
	#campus-map .campus_body.on .map_view iframe	{left:0;}
	#campus-map .campus_body .category .placelist > ul li:first-child{ padding-top:0px}

}