/* pages public css */
/* 학교정보 전체영역 */
#schoolInfoDiv {
	width:100%;
	height:100%;
}
.grayborder {
	border: 1px #999 solid;
}
#schoolTitle {
	padding: 0px 0px 20px 0px;
	border-bottom:#969696 solid 1px;
	font-family:"nanum gothic";
	font-weight:bold;
	font-size:20px;
	height:30px;
}
#infoBox {
	margin-top: 10px;
	width:100%;
	height:270px;
}
#infoBox_left {
	float:left;
	width:500px;
}
#map-canvas {
	width:245px;
	height:250px;
	float:right;
}
#s_logo {
	width:86px;
	height:210px;
	float:left;
}
#info_detail {
	padding-left: 15px;
	width:385px;
	height:220px;
	float:left;
}
#s_button {
	clear:both;
	width:493px;
	height:38px;	
}
#tabs {
	width:100%;
	height:100%;
}
.vr_thumb {
	width:145px;
	height:120px;
	float:left;
	padding: 1px;
	text-align:center;
}
.vr_thumb_m {
	width:145px;
	height:130px;
	float:left;
	padding: 1px;
	text-align:center;
}
/* 오류수정요청 보기 버튼 스타일 */
input.err_btn {
	background-color:#15508a;
	padding:8px 15px 8px 15px;
	color:#fff;
	cursor:pointer;
	cursor:hand;
}
input.err_btn:hover {
	background-color:#b42a20;
}
input.sBtn {
	cursor:pointer;
	cursor:hand;	
	padding:5px 10px	;	
}
.nocursor{
	cursor:default;
}
/* 학교정보 테이블 */
#schoolInfoTable {
	font-family: "nanum gothic";
	font-size: 13px;
}
#schoolInfoTable tr {
	height:22px;
}
#schoolInfoTable tr td:first-child {
	font-weight:bold;
}
/* 탭 메뉴 CSS */
.hulkzone_tab01 {padding:0;margin:15px 0px;}
.hulkzone_tab01 .tab {margin:0;padding:0;height:28px;}
.hulkzone_tab01 .tab li {position:relative;float:left;list-style-type:none;margin:0;padding:0;height:28px;overflow:hidden;background:#F5F5F5;border-top:#DEDEDE solid 1px;border-right:#DEDEDE solid 1px;border-bottom:#DEDEDE solid 1px;}
.hulkzone_tab01 .tab li a {font-weight:bold;display:block;padding:10px 9px 10px 9px;text-align:center;cursor:pointer;color:#555555;}
.hulkzone_tab01 .tab .on {border-left:#7797C8 solid 1px;font-family:dotum;color:#2663BC;background:#ffffff;border-bottom:#ffffff solid 1px;z-index:2;border-top:#7797C8 solid 1px;border-right:#7797C8 solid 1px;}
.hulkzone_tab01 .tab .on a{font-family:dotum;color:#2663BC;background:#ffffff;z-index:2;}

.hulkzone_tab01 .tabpost {background:#ffffff;border-top:#7797C8 solid 1px;position:relative;z-index:1;top:1px;padding:15px 10px 0 0px;}

.hulkzone_tab01 .tabpost ul {padding:0;margin:0;}
.hulkzone_tab01 .tabpost li {list-style-type:none;height:13px;padding:5px 0 5px 0;line-height:140%;}
.hulkzone_tab01 .tabpost li a {font-family:dotum;font-size:12px;color:#444;}
.hulkzone_tab01 .tabpost li a:hover {text-decoration:underline;}
.hulkzone_tab01 .tabpost li .dot {font-weight:bold;color:#2663BC;margin-left:-4px;}
.hulkzone_tab01 .tabpost li .comment {font:normal 11px arial;color:#FC6138;}
.hulkzone_tab01 .tabpost li .new {font-family:arial;font-size:10px;color:#ff0000;}

/* ------------- 모달 창 style ---------------- */
/* Overlay */
#modal-overlay {background-color:#525252;}

/* Container */
#modal-container {height:80%; width:750px; background-color:#FFF; border:4px solid #444; padding:0px; z-index:101;}
#modal-container .modal-data {padding:10px;}
/*#modal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#modal-container a {color:#ddd;}
#modal-container h3 {color:#84b8d9;}
*/
#modal-container a.modalCloseImg {background:url(/modules/campusvr/vr/gui/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
/* 캠퍼스투어 */
.spottour_title {
	padding: 10px 0px 0px 0px;
	font-family:"nanum gothic";
	font-size:14px;	
	font-weight:bold;
	color:#2663bc;	
}
.panel {width:748px;height:330px;float:left;position:relative;overflow:hidden;margin:10px 0px;border:#cecece solid 1px;}
.panel_m{float:none;background-size: 748px 380px;background-repeat: no-repeat;margin:0;width:100%;max-width:748px;position:relative;margin-left: auto;margin-right: auto;background-position:center;height:300px;border: 1px solid #A6A6A6;}
.tour_title {position:absolute;top:10px;left:0px;padding:8px 24px 12px 20px;background: rgb(85, 85, 85);background: rgba(15, 15, 15,.7);color:#ffffff;font-family:'malgun gothic';font-size:18px;font-weight:bold;}
.tour_title img {position:relative;top:4px;padding-right:7px;}
.tour_btn {position:absolute;bottom:-3px;right:0px;}
.panolistBtn {float:left;font-weight:bold;margin:10px;}
.border1px{border:#969696 solid 1px;	}	

/* 기타 버튼 스타일 */
a.button {
	font-family:"nanum gothic";
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0, #ffffff), color-stop(1, #dbdbdb));
filter: progid:DXImageTransform.Microsoft.gradient  (startColorStr='#ffffff', EndColorStr='#dbdbdb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient  (startColorStr='#ffffff', EndColorStr='#dbdbdb')";
	border: 1px solid #fff;
	padding: 5px 5px;
	text-decoration: none;
	color: #597390;
	line-height: 24px;
	font-size: 12px;
	margin-right:2px;
}
a.button:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0, #ffffff), color-stop(1, #eeeeee));
filter: progid:DXImageTransform.Microsoft.gradient  (startColorStr='#ffffff', EndColorStr='#eeeeee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient  (startColorStr='#ffffff', EndColorStr='#eeeeee')";
}
a.button:active {
	background-image: -moz-linear-gradient(top, #dbdbdb, #ffffff);
	background-image: -webkit-gradient(linear, left top, left bottom,  color-stop(0, #dbdbdb), color-stop(1, #ffffff));
filter: progid:DXImageTransform.Microsoft.gradient  (startColorStr='#dbdbdb', EndColorStr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient  (startColorStr='#dbdbdb', EndColorStr='#ffffff')";
	text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
	margin-top: 1px;
}
a.button {
	border: 1px solid #979797;
}
a.button.icon {
	padding-left: 5px;
}
a.button.icon span.pos {
	padding-left: 12px;
}
a.button.icon span {
	padding-left: 15px;
}
a.button.icon.marker span {
	background: url(/modules/campusinfo/img/spot_marker_s.png) no-repeat;
}
a.button.icon.pano span {
	background: url(/modules/campusinfo/img/360_s.png) no-repeat 0 0px;
}