@font-face {
	font-family: 'gothic';
	src: url('/pcms/common/font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	unicode-range: U+0030-0039;
}

@font-face {
	font-family: 'score-dream-bold';
	src: url('/font/score-dream-bold.woff2') format('woff2'),
	url('/font/score-dream-bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'gmarket';
	font-style: normal;
	font-weight:400;
	src: url(/pcms/common/font/gmarketsans/GmarketSansM.woff) format('woff')
}
@font-face {
	font-family: 'gmarket';
	font-style: normal;
	font-weight:600;
	src: url(/pcms/common/font/gmarketsans/GmarketSansBold.woff) format('woff')
}

.threesixty {
	position: relative;
	overflow: hidden;
}
.threesixty .threesixty_images {
	display: block !important;
	list-style: none;
	margin: 0;
	padding: 0;
}
.threesixty .threesixty_images img {
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
}
.threesixty .threesixty_images img.previous-image {
	visibility: hidden;
	/*
					 Do not put here any other styles.
					 It causes massive recalc / repaints and image flickering,
					 especially on Firefox.
				*/

}
.threesixty .threesixty_images img.current-image {
	visibility: visible;
	/*
					 Do not put here any other styles.
					 It causes massive recalc / repaints and image flickering,
					 especially on Firefox.
				*/

}
.threesixty .spinner {
	margin-top:0 !important;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	width: 60px;
	display: block;
	margin: 0 auto;
	height: 30px;
	background: #333;
	background: rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.threesixty .spinner span {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	display: block;
}
.threesixty .nav_bar {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 11;
}
.threesixty .nav_bar a {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	background: url(../img/sprites.png) no-repeat;
	text-indent: -99999px;
}
.threesixty .nav_bar a.nav_bar_play {
	background-position: 0 0 !important;
}
.threesixty .nav_bar a.nav_bar_previous {
	background-position: 0 -73px !important;
}
.threesixty .nav_bar a.nav_bar_stop {
	background-position: 0 -37px !important;
}
.threesixty .nav_bar a.nav_bar_next {
	background-position: 0 -104px !important;
}
/* html */
.threesixty:-webkit-full-screen {
	background: #ffffff;
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding-top: 200px;
}
.threesixty:-moz-full-screen {
	background: #ffffff;
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding-top: 200px;
}

*{box-sizing: border-box}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {margin: 0;padding: 0;border: 0;font-size: inherit;font-family: inherit;vertical-align: baseline;box-sizing: border-box;word-break: keep-all;}
a, span, em{box-sizing: border-box}
a:link,a:visited{color:#494949}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
img{border:none;}
img, video, audio {max-width:100%; max-height:100%;}
figure, figcaption{margin:0;padding:0}
b, strong{ font-weight: 600; }
em, dfn, cite, address,i{font-style: normal;}
mark {background-color: #ff0; color: #000;}
small {font-size: 90%;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
del{color: #aaa !important; text-decoration: line-through; }
label{cursor:pointer;}
switch{display: none}
ul, ul>li {list-style:none;}
ol, ol>li {list-style:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
fieldset {border:none;min-width: 0;}
hr {overflow:hidden; position:absolute; height:0; width:0;}
template {display:none;}
.clearfix {display: block;}
.clearfix:after{content: "";display: table;clear: both;}
.clear {clear:both;}
.hide {display:none;}
.sr-only, .skip, .blind {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;}
br{font-size:0;}
:lang(ko) body{position:relative;color:#555;font-family:'gothic','Malgun Gothic',Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;letter-spacing: -0.03em;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;}
:lang(zh-CN) body{font-family:"Helvetica Neue","Helvetica","Arial",sans-serif}
:lang(ja) body{font-family:Hiragino Kaku Gothic Pro,osaka,sans-serif}
:lang(en) body{font-family: 'Roboto','Frutiger Linotype',sans-serif;}
@media only screen and (min-width:641px){
	body{font-size:16px;line-height:1.6}
}
@media only screen and (max-width:640px){
	body{font-size:15px;line-height:1.5}
}
.z-index1 { z-index: 1; }
.z-index2 { z-index: 2; }
.z-index3 { z-index: 3; }
.z-index4 { z-index: 4; }
.z-index5 { z-index: 5; }
.z-index6 { z-index: 6; }
.z-index7 { z-index: 7; }
.z-index8 { z-index: 8; }
.z-index9 { z-index: 9; }
.z-index10 { z-index: 10; }
input{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle;}
input[type="text"],input[type="search"]{-webkit-border-radius:0; -webkit-appearance:none;}
input[type="file"]{border:none}
input[type="radio"],input[type="checkbox"]{border:none}
button{text-transform: none; vertical-align: middle}
button,[type="button"],[type="reset"],[type="submit"] {background-color:transparent; cursor: pointer; -webkit-border-radius:0; -webkit-appearance:none;}
select{padding:0 5px;background:transparent url(/pcms/common/images/ir/arrow-select.png) no-repeat 98% 50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;}
select::-ms-expand {display: none;}
textarea{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle; resize:none;}
input[disabled="disabled"]{background-color:#ebebeb; color:#959595}
select[disabled="disabled"]{background-color:#ebebeb; color:transparent}
.clearfix{width:100%}.clearfix:after,.clearfix:before{content:"";display:block;visibility:hidden;clear:both}
html, body{width:100%;}
body{font-family:'gothic', sans-serif;}
input{font-family:'gothic', sans-serif;}
button:focus,
button:active{outline:none;border:none;}
.clear{}
.layout{position:relative;margin:0 auto;width:100%;max-width:1400px;}
.clear:after,
.layout:after{display:block;visibility:hidden;clear:both;content:""}

html{background-color:#fff}
body{/* background-color:#fff */}
#wrapper{min-height:100vh;background: #fff;/* max-width: 1920px; */position: relative;margin: 0 auto;}
#header{height: 91px;/* background-color:#fff; *//* box-shadow: 0 0 15px 0 rgb(34 41 47 / 5%); *//* border-bottom:1px solid #d9d9d9; */padding: 29px 54px;}
#header #logo{display:block;width: 474px;height: 36px;/* margin: 0 auto; */}
#header #logo a{display:block;width:100%;height:100%;/* background:url(/images/logo.png) no-repeat; */}
#header #logo a .logo_img{display:block;width:100%;height:100%;vertical-align: middle;position: relative;padding-left: 225px;}

/*
#header #logo a .logo_img span{display:inline-block;width:221px;height:34px;background:url(/cyber/hall/images/logo.png) no-repeat;position: relative;font-size: 0;padding-left: 10px;clip: auto;}
#header #logo a .logo_img strong{display:inline-block;color:#3e3f41;font-size: 25px;font-family: 'gmarket';font-weight: 300;line-height: 20px;padding: 5px 0 0 6px;border-left: 1px solid #ccc;margin-left: 10px;margin-bottom: 9px;}
*/
#header #logo a .logo_img span {display:inline-block;width:195px;height:30px;margin: 0;background-size:100% auto;background-image:url(/template/centerB/images/common/logo.png);background-image:url(/template/centerB/images/common/logo.svg);background-size: 100% auto;font-size:0;font-size:0;vertical-align:middle;position: absolute;top: 0;left: 0;background-repeat: no-repeat;clip: auto;}
#header #logo a .logo_img strong{display: inline-block;width:auto;/* margin-left: 25px; */font-size: 20px;font-family: 'gmarket';position: relative;/*padding-top: 5px;*/color: #000;/* font-weight: 600; */line-height: 1.2;/* position: relative; */white-space: nowrap;line-height: 30px;letter-spacing: -1px;font-weight: normal;}
#header #logo a .logo_img strong:before {display:block;position:absolute;left: -13px;top: 50%;content:'';width: 1px;height: 17px;margin-top: -7.5px;border-radius:50%;background: #e1e1e1;}




#header #logo a .logo_img *{vertical-align:middle}
#header .util{position:absolute;top: 26px;right: 120px;border-radius: 5px;}

ul.util {}
#header .util li {display:inline-block;float:left;width:141px;margin: 0 0 0 -1px;}
#header .util li a{display:block;padding: 8px 0 6px 0;width:100%;height:100%;border:1px solid #ccc;text-align:center;line-height: 20px;}
#header .util li a.ov{background-color: #006032;color:#fff;font-weight:bold;}

#content{padding: 0;min-height: calc(100vh - 146px);overflow: hidden;position: relative;overflow: hidden;width: calc(100% - 89px);height: calc(100vh - 146px);background-color: #dbdbdb;}
#content .layout{padding-left:339px;min-height:100vh;position:relative}
#menu{position:absolute;top: 0;left:0;/* width:339px; */width: 100%;padding-top: 89px;height: 100%;z-index: 8;}

#threesixty {position:absolute;width: 100%;height: 100%;/* overflow:hidden; */z-index:1;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;background: #fff url(/cyber/hall/images/3d/threesixty/2.png) no-repeat 50% 50%;background-size: auto 100%;max-width: 1920px;background-color: #dbdbdb;}
#threesixty:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;/* background: linear-gradient(to bottom, #62a7e5 11%,  #c1d1de 40%, #767679 65%); */z-index:1;}
#threesixty img{
	visibility: visible;
	width: 100%;
	opacity: 0;
	height: 100%;
}
.threesixty {top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:3;width: 100%;height: 100%;/* max-width: 1600px; *//* max-height: 900px; */z-index: 3;}
.previous-image ~ .main_markers {/* display: none; */}
.threesixty *{}
.threesixty .threesixty_images>li{width: 100%;height: 100%;}
.threesixty .threesixty_images>li .main_markers {z-index: 12;}
.threesixty .threesixty_images>li .main_markers:nth-child(2){display:block;}
.threesixty .threesixty_images>li .main_markers .main_marker1{position: absolute;left: 69.6%;top: 40.8%;}
.threesixty .threesixty_images>li .main_markers .main_marker2{position: absolute;left: 63.5%;top: 29.4%;}
.threesixty .threesixty_images>li .main_markers .main_marker3{position: absolute;left: 37.6%;top: 31.4%;}
.threesixty .threesixty_images>li .main_markers .main_marker4{position: absolute;left: 44.6%;top: 17.4%;}


#map3d{/* min-height: 916px; */background-color:#f7f7f8;display: none;}
#map3d img{/* position:absolute; *//* top: 50% !important; *//* left: 50% !important; *//* width: auto !important; *//* height: auto !important; *//* max-width:none; *//* max-height:none; *//* transform: translate(-50%, -50%); */}
#label{height:70px;}
#label .text{text-align:right;}
#label .text span{display:inline-block;margin-left:27px;font-family: 'score-dream-bold';color:#444444;font-size:24px;position: relative;}
#label .text span.active{color:#008357}
#label .text span:before {content: '';position: absolute;top: 13px;right: -15px;display: block;width: 10px;height: 10px;border: 1px solid #838383;border-width: 2px 2px 0 0;transform: rotate(45deg);}
#label .text span.active:before{display:none;}
#footer{padding:12px;background-color:#5e5f61}
#footer .copyright{text-align:center;color:#fff;font-size:14px;}
.nicescroll-rails {background-color:#008357;}
.nicescroll-cursors {border: none !important;background-color: #fff !important;border-radius: 5px !important;}

#side {position: absolute;top: 0;right: 0;width: 93px;z-index: 15;min-height: 100%;/* padding-top: 89px; *//* background: #3a3c49; */background-color: #444444;box-shadow: 2px 0 10px rgba(0,0,0,.2);}
#side .menu-toggle {width: 100%;height: 90px;background: #006940;display: block;border-bottom: 1px solid rgba(255,255,255,.2);/* font-family: 'gmarket'; */position: absolute;top: 0;left: 0;z-index: 9;}
#side .menu-toggle span {display:block;position: absolute;top: 50%;left: 50%;/* text-align:center; */font-size: 0;/* color:#fff; *//* padding-top: 54px; */width: 27px;height: 21px;/* font-family: 'S-CoreDream'; *//* font-family: 'gmarket'; */transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));background: url(/cyber/hall/images/menu-toggle.png) no-repeat center;}
#menu { display:none; }
#menu .dept1{min-height: 100%;background: #fff;}
#menu .dept1 > li.active {background: #00aeef;background: #fff;}
#menu .dept1 > li > a {border-bottom: 1px solid rgba(255,255,255,.2);display: block;width: 100%;height: 89px;color: #fff;/* text-decoration: none; */text-align: center;position: relative;display: block;/* padding: 20px; *//* font-family: 'S-CoreDream'; */line-height: 1;font-size: 17px;/* font-family: 'gmarket'; */background: #006940;font-weight: bold;}
#menu .dept1 > li > a:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
#menu .dept1 > li > a > span{display:inline-block;vertical-align:middle;font-size:22px;font-weight:600;line-height: 1.2;}
#menu .dept1 > li:nth-child(3){/* display:none; */}
#menu .dept1 > li > ul {display:none;}
#menu .dept1 > li.active > ul {display:block;background: #e8e8e8;padding: 10px 0;}
#menu .dept1 > li.active > ul li.active{/* background-color:#e9eaf0 */}
#menu .dept1 > li.active > a {color: #fff;background-color: #003b1f;font-weight: bold;}
#menu .dept1 > li > ul:after {display: none;content: '';width: 36px;height: 2px;background: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#menu .dept1 > li > a:after {display: none;content: '';width: 36px;height: 2px;background: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#menu .dept2 > li > a {position: relative;display: block;width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #666;text-decoration: none;text-align: center;font-family: 'S-CoreDream';}
#menu .dept2 > li.active > a {color: #006d38; font-weight: bold;}
#menu .dept2 > li > a:hover{color: #006d38; font-weight: bold;}
#menu .dept2 > li > a:focus{color: #006d38; font-weight: bold;}
#menu .dept2 > li > a:focus:before{background-color: #006d38;}
#menu .dept2 > li > a:before{content:'';position:absolute;bottom:0;left: 50%;width: 70%;height:3px;transform: translate(-50%, 0);}
#menu .dept2 > li.active > a:before{background-color: #006d38;}
#menu .dept2 > li > a span {transition: background 0.3s ease;}
#menu .dept2 > li.active > a span {display: block;content: '';position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 40px;height: 40px;line-height: 40px;border-radius: 50%;/* background: #fca834; */color: #090d64;/* box-shadow: 2px 0 10px rgba(0,0,0,.2); */}
#menu .dept2 > li:first-child{/* display:none; */}

#menu .dept2 > li{}
#menu .dept2 > li > a#All1,
#menu .dept2 > li > a#All2,
#menu .dept2 > li > a#All4{padding:15px 0;line-height:1.2;height:70px;display: none;}
#menu .dept1 > li > button {border-bottom: 1px solid rgba(255,255,255,.2);display: block;width: 100%;height: 89px;color: #fff;text-decoration: none;text-align: center;position: relative;display: block;/* padding: 20px; */font-family: 'S-CoreDream';line-height: 1;/* font-size: 24px; */}

#menu .dept1 > li > button span {display:block;position: relative;text-align:center;font-size: 20px;color:#fff;padding-top: 54px;width:100%;height:100%;}
#menu .dept1 > li > button span:before{content: '';position: absolute;top: 19px;left:50%;transform: translate(-50%, 0);width: 30px;height: 30px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-size: 100%;background-repeat: no-repeat;background-size:100%;}
#menu .dept3{position: absolute;display:none;top: 0;right: 93px;width: 253px;min-height: 100%;height: 100%;padding: 30px;padding-top: 95px;overflow-y: auto;background-color: #fff;/* height: 110vh; */box-shadow: 2px 5px 10px rgb(0 0 0 / 20%);}
#menu .dept3 li{display:block;}
#menu .dept3 li a{display:block;font-size:16px;color:#191919;text-decoration: none;padding:10px 0;padding-left: 14px;position: relative;letter-spacing: -1px;}
#menu .dept3 li a:before{content:'';position:absolute;top: 19px;left:0;width:5px;height:5px;background-color: #006940;border-radius:50%;/* letter-spacing: -1px; */}
#menu .dept3 li a:hover,
#menu .dept3 li.active a,
#menu .dept3 li a.active{color: #006d38;font-weight:bold;text-decoration:underline;}
#menu .dept2 > li.active .dept3{display:block;}
#menu .dept3_close{position:absolute;top: 30px;left: -238px;width: 66px;height: 33px;/* background-color: #e9eaf0; */border-radius: 4px;/* transform: translate(0, -47%); *//* border: 1px solid #2c386e; */display: none;}
#menu .dept3_close button{display:block;position:absolute;top: 51%;left: 8px;transform: translate(0, -50%);width: 20px;height: 20px;font-size:0;background: url(../img/menu-close.png) no-repeat left center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='72' height='72'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(0,94,56,1)'/%3E%3C/svg%3E");background-size: 120%;background-position: 0 0px;color: #006940;font-weight: bold;}
#menu .dept3_close button:after{content:'닫기';display:block;font-family: 'S-CoreDream';font-size: 18px;padding-left: 24px;padding-top: 2px;color: #006940;font-family: 'gmarket';}


.marker{/* width:39px; *//* height:52px; *//* font-size:0; *//* background: url(/images/pin.png) no-repeat; */}

#map_wrap {background: rgba(0,0,0,0.2);position:absolute;left:0;top:0;bottom:0;right:0;display:none;}
#map_wrap.active{display:block}
#map {position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;z-index: 9;}
#map-close {position:absolute;top:10px;right:20px;width:52px;height:52px;background: #fff url(../img/close-btn.png) no-repeat center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='72' height='72'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(0,94,56,1)'/%3E%3C/svg%3E");border-radius:5px;z-index: 10;}
#map .gm-style > div + div { display: none; }
#map3d {width: 100%;height: 100vh;/* overflow: hidden; */display:none;/* padding-top: 100px; */background-color: #dbdbdb;display: none;}


#pano_wrap {background: rgba(0,0,0,0.2);position:absolute;left:0;top:0;bottom:0;right:0;display:none;}
#pano_wrap.active{display:block}
#pano { position:absolute; left:0; top:0; bottom:0; right:0;width:100%;height:100%  }
#pano_viewer { position:absolute; left:0; top:0; bottom:0; right:0;width:100%;height:100%  }
#pano-close {position:absolute;top:10px;right:20px;width:52px;height:52px;background: #fff url(../img/close-btn.png) no-repeat center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='72' height='72'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(0,94,56,1)'/%3E%3C/svg%3E");border-radius:5px;background-size: 100%;}

#all_menu {display:none;visibility:hidden;opacity: 0;z-index: -1;width: 100%;height: 100%;/* padding-top: 200px; */position: absolute;top: 0;left: 0;padding-right: 93px;background-color: #fff;transition: visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, z-index 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#all_menu.active{visibility: visible;z-index: 1000;opacity: 1;z-index: 16;}
#all_menu .dept1 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow-y: scroll;height: calc(100% - 190px);max-width: 1615px;width: 100%;}
#all_menu .dept1 .tabs{display:block;text-align:center;margin-bottom: 50px;}
#all_menu .dept1 .tabs > button{margin:0 -4px;min-width:150px;padding:12px;background-color:#fff;border: 1px solid #006940;display: inline-block;height: 51px;}
#all_menu .dept1 .tabs > button.active{background-color: #006940;color:#fff;font-weight: bold;}
#all_menu .dept1 .item{padding:0 20px;}
#all_menu .dept1 .item .dept2{position: relative;text-align:left;padding-left:180px;}
#all_menu .dept1 .item .dept2 strong{/* position:absolute; *//* top:0; *//* left:0; */padding: 48px 10px 0;/* width:120px; */height:100%;/* background-color: #111574; */text-align:center;font-size: 55px;text-align:center;color: #3e3f41;font-family: 'S-CoreDream';border: none;border: none;/* z-index: -1; *//* outline: 1px solid #e5f1ff; */word-break: break-word;font-family: 'gmarket';}
#all_menu .dept1 .item .dept2 > ul{border-bottom: 1px solid #cccccc;position:relative;}
#all_menu .dept1 .item .dept2 > ul:after {display:block;visibility:hidden;clear:both;content:""}
#all_menu .dept1 .item .dept2 > ul > li{position:relative;padding-left:128px;min-height: 72px;}
#all_menu .dept1 .item .dept2 > ul > li > a{position:absolute;top: 50%;left:0;width:113px;color: #005936;font-size: 30px;text-align: right;text-decoration: none;font-family: Vitro;font-style: italic;font-family: 'gmarket';transform: translate(0, -50%);}
#all_menu .dept1 .item .dept2 > ul ul{padding: 20px 0;/* border: 1px solid; */}
#all_menu .dept1 .item .dept2 > ul ul:after {display:block;visibility:hidden;clear:both;content:""}
#all_menu .dept1 .item .dept2 > ul ul > li{display:inline-block;float:left;position:relative;width: 25%;}
#all_menu .dept1 .item .dept2 > ul ul > li > a{display:block;padding: 4px 26px;font-size:17px;color:#666;text-decoration:none;position: relative;}
#all_menu .dept1 .item .dept2 > ul ul > li > a:before{content:'';position:absolute;top: 10px;right:0;width:1px;height:14px;background-color: #5b5b5b;/* border-right: 1px solid #ddd; */opacity: 0.6;}
#all_menu .dept1 .item .dept2 > ul ul > li:nth-child(4n) >a:before{display:none}


#all_menu.active.allmenu{z-index: 9;}
#all_menu.active .dept1{padding-right: 120px;}
#all_menu .dept1 .tabs > button:nth-child(3),
#all_menu .dept1 .item#obj-3{/* display:none !important; */}
#all_menu .close-btn {/* border: 1px solid; */position: absolute;top: 0;right: 0;width: 93px;height: 90px;background: #006940 url(../img/close-btn.png) no-repeat center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48' height='48'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");margin-left: -90px;background-repeat: no-repeat;background-position: 50%;}

.main_marker{padding: 6px 0px 6px;background-color: #383d43;color: #222;font-size: 20px;border-radius: 5px;box-shadow: 2px 5px 5px rgba(0,0,0,0.2);/* border: 1px solid #383d43; */font-weight: bold;min-width: 60px;word-break: break-all;transform: translateY(0);font-family: 'S-CoreDream';/* display: none; */min-width: 102px;position: absolute;background: url('/cyber/hall/images/marker.png') no-repeat center -1px;background-color: rgba(255,255,255,.65);min-height: 41px;}
.main_marker:after{position: absolute;bottom: -14px;left: 0;content: " ";height: 15px;width:100%;color: #383d43;background: url('/cyber/hall/images/marker-tail.png') no-repeat center center;}
.main_marker.main_marker_1{top: 43%;left: 48%;}
.main_marker.main_marker_2{/* background-color:#747474; *//* border: 1px solid #747474; *//* background-color: #383d43; *//* border-color: #383d43; */top: 21%;left: 50%;}
.main_marker.main_marker_2:after{/* color: #747474; */color: #383d43;}
.main_marker.main_marker_3{top: 13%;left: 45.5%;}
.main_marker.main_marker_4{top: 30%;left: 57.5%;}

.main_marker:hover,.main_marker:focus,.main_marker:active{background-color:#005e38; color:#fff}
.main_marker:hover:after,.main_marker:focus:after,.main_marker:active:after{background: url('/cyber/hall/images/marker-tail_ov.png') no-repeat center center;}

.main_marker.main_marker_5{top: 10%;left: 48%;display: none;}
.marker{padding: 4px 9px 5px;background-color: #fff;color: #555!important;font-size: 15px;border-radius: 5px;box-shadow: 2px 5px 5px rgba(0,0,0,0.2);border: 1px solid #fff;font-weight: bold;min-width: 60px;/* max-width: 91px; */word-break: break-all;transform: translateY(0);letter-spacing: -1px;line-height:1.2;}
.marker *{vertical-align:middle}
.marker:after{position: absolute;bottom: -7px;left: 50%;content: " ";height: 0;/* z-index: -1; */border-bottom: 7px solid;border-left: 10px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);color: #2c386e;transform: rotate(-180deg) translate(40%, 0);}


.marker.active,
.marker:hover{background-color: #006d38;}
.marker:hover:after{color:#006d38}
.marker.active:after{color: #006d38;}
.marker.no_hover{background-color: #fff;border: 1px solid #fff;/* color: #555 !important; */}
.marker.no_hover:after{color: #fff;}
.marker.no_hover:hover{background-color: #383d43;border: 1px solid #383d43;color: #fff !important;}
.marker.no_hover:hover:after{color: #383d43;}
.marker.no_hover.active{background-color: #006d38;border: 1px solid #006d38;color: #fff !important;}
.marker.no_hover.active:after{color: #006d38;}
.marker.active{ animation: pin 1.2s cubic-bezier(.36,.07,.19,.97) both infinite;}


.marker_h4f2.marker_1,
.marker.marker_4_2_1{max-width: 37px;min-width: 36px;font-size: 14px;}
.marker_h4f2.marker_2,
.marker_h4f2.marker_3,
.marker_h4f2.marker_4,
.marker.marker_4_2_2,
.marker.marker_4_2_3,
.marker.marker_4_2_4{max-width: 40px;min-width: 40px;}
.marker_h4f2.marker_5,
.marker_h4f2.marker_6,
.marker.marker_4_2_5,
.marker.marker_4_2_6{max-width: 59px;min-width: 40px;font-size: 14px;}
.marker_h4f2.marker_7,
.marker_h4f2.marker_8,
.marker.marker_4_2_7,
.marker.marker_4_2_8{max-width: 92px;min-width: 42px;font-size: 14px;}

.marker_h2f3.marker_2,
.marker_h2f3.marker_3,
.marker.marker_2_3_2,
.marker.marker_2_3_3{/*max-width: 23px;*/min-width: 42px;font-size: 14px;}
.marker_h2f3.marker_1,
.marker.marker_2_3_1{/*max-width: 41px;*/min-width: 42px;font-size: 14px;}
.marker_h4f3.marker_5,
.marker.marker_4_3_5{max-width: 37px;min-width: 36px;font-size: 14px;}
.marker_h2f3.marker_4,
.marker_h2f3.marker_6,
.marker.marker_2_3_4,
.marker.marker_2_3_6{max-width: 32px;min-width: 42px;font-size: 14px;}
@keyframes pin {
	10%, 90% {
		transform: translate3d(0px, -1px, 0);
	}

	20%, 80% {
		transform: translate3d(0px, 2px, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(0, -2px, 0);
	}

	40%, 60% {
		transform: translate3d(0, 2px, 0);
	}
}

/*
.main_markers{max-width: 80px;width:100%;z-index:10;margin: 0 auto;position: absolute;right: 20px;top: 20px;}
.main_markers button{display:block;width: 70px;height: 70px;z-index:99;font-size: 18px;color:#222;background: none;background-color: #008d5e;padding: 10px 0;border-radius: 50%;color: #fff;margin-top: 5px;font-weight: bold;font-family: 'score-dream-bold';}
.main_markers button{z-index:99;font-size:24px;color:#222;min-width:159px;text-align:center;background: none;background-color: rgba(255,255,255,0.8);padding: 10px 0;border-radius: 30px;border: 5px solid #7cc242;}
.main_markers button:after{position: absolute;bottom: -12px;left: 50%;content: " ";height: 0;border-bottom: 7px solid;border-left: 10px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);color: #7cc242;transform: rotate(-180deg) translate(30%, 0);}
*/

.vr_marker {position:absolute;width: 39px;height: 54px;margin-top: -33px;margin-left: -18px;background:url(/cyber/hall/images/vr.png) no-repeat center;}
#vr_button {position:absolute;width: 39px;height: 54px; background:url(/cyber/hall/images/vr_off.png) no-repeat center;}
#vr_button.on {position:absolute;width: 39px;height: 54px; background:url(/cyber/hall/images/vr.png) no-repeat center;}
#vr_markers {display:none;}
#vr_markers.active {display:block;}

.headerSide {display: none; position: absolute; left: 0; top: 0; height: 87px; z-index: 4;}
.headerSide.on{display: flex; }
.headerSide .path {height: 100%;background-color: #2b5fb0;position:relative;}
.headerSide .path a {display: block;width: 100%;position: relative;color: #fff;}
.headerSide .path a span {display: block;height: 87px;line-height: 87px;padding: 0 20px 0 10px;transition: 0.1s;font-size: 35px;}
.headerSide .path a + a:before { position: absolute; top: 50%; margin-top: -5px; left: -5px; width: 10px; height: 10px; content: ''; display: block; background: url(/cyber/location/img/arrow.png) no-repeat center; }

.headerSide .miniMapOpen {height: 87px;width: 87px;background: #2b5fb0 url(/cyber/location/img/loc_icon.png) no-repeat center;transition: 0.1s;}
.headerSide .miniMapOpen:hover, .headerSide .miniMapOpen:focus {background-color: #2b5fb0;border: none;outline: none;}



.h1f1. #image_container,
.h1f2 #image_container,
.h1f3 #image_container,
.h1f4 #image_container{transform: translate(0, 10%);}


.h2f1 #image_container,
.h2f2 #image_container,
.h2f3 #image_container,
.h2f4 #image_container{transform: translate(0, -20%);}


.h3f1 #image_container,
.h3f2 #image_container,
.h3f3 #image_container,
.h3f4 #image_container{transform: translate(0, -20%);}

.h4f1 #image_container,
.h4f2 #image_container,
.h4f3 #image_container,
.h4f4 #image_container{transform: translate(0, -20%);}

/* 0121 */
/*.lm-marker.marker.marker_1.no_hover.marker_h2f3 {transform: translate(46%, -76%);}
.lm-marker.marker.marker_2.no_hover.marker_h2f3 {transform: translate(58%, 3%);}
*/
.lm-marker.marker.marker_3.no_hover.marker_h2f3 {max-width:200px;/*position:absolute;left:46.8% !important;transform: translate(50%, 148%);*/}
.lm-marker.marker.marker_4.no_hover.marker_h2f3 {max-width:200px;/*position:absolute;left:46.8% !important;transform: translate(38%, 139%);*/}

.lm-marker.marker.marker_3.no_hover.marker_h2f3 {max-width:200px;/*position:absolute;left:46.8% !important;transform: translate(50%, 148%);*/}
.lm-marker.marker.marker_4.no_hover.marker_h2f3 {max-width:200px;/*position:absolute;left:46.8% !important;transform: translate(38%, 139%);*/}

.marker.marker_2_3_3,
.marker.marker_2_3_4 {max-width:200px;}
/*.lm-marker.marker.marker_5.no_hover.marker_h2f3 {max-width:200px;/*position:absolute;left:46.8% !important;transform: translate(38%, 139%);*/}*/
/*.lm-marker.marker.marker_5.no_hover.marker_h2f3 {transform: translate(48%, -10%);}
.lm-marker.marker.marker_6.no_hover.marker_h2f3 {transform: translate(39%, 3%);}
.lm-marker.marker.marker_7.no_hover.marker_h2f3 {transform: translate(13%, -10%);}
.lm-marker.marker.marker_8.no_hover.marker_h2f3 {transform: translate(43%, -10%);}
.lm-marker.marker.marker_9.no_hover.marker_h2f3 {transform: translate(43%, -10%);}
*/

@media screen and (max-width:1280px) {

	.main_marker.main_marker_1{top:46%}
	.main_marker.main_marker_2{top:24%; left: 52%;}
	.main_marker.main_marker_3{left:41.5%}
	.main_marker.main_marker_4 {top: 32%;left: 61.5%;}
	
	
}

@media screen and (max-width:1150px) {


	/* #all_menu .dept1 .item .dept2{padding-left: 50px;} */
	
}


@media screen and (max-width:1024px) {

	
	.main_marker.main_marker_1{}
	.main_marker.main_marker_2{}
	.main_marker.main_marker_3{left: 38.5%;}
	.main_marker.main_marker_4 {left: 78.5%;}
	/* #all_menu .dept1 .item .dept2{padding-left: 0;} */
}


@media screen and (max-width:930px) {

	#header{height: auto;padding-bottom: 27px; padding-left: 25px;}
	#header .util{left: auto;display:block;width:100%;padding: 0;top: 81px;position: relative;top: auto;right: auto;margin: 16px 0 0;padding-right: 50px;overflow: visible;}
#header .util:after{content:'';display:block; clear:both}
	
}

@media screen and (max-width:768px) {

	.main_marker.main_marker_3{left:34.5%;top:16%}
	.main_marker.main_marker_4 {left: 84.5%;}
/* 	
	#all_menu.active .dept1 {
		padding-right: 120px;
		min-width: 1615px;
		transform: none;
		position: relative;
		top: 190px;
		left: auto;
		padding-left: 0;
		background: #fff;
	}
	#all_menu .dept1 .item .dept2{left: 0;} */
}



@media screen and (max-width:560px) {
	#header .util li{width: calc(50% + 0.5px);/* margin: 0; */}
	#header .util li:last-child{width:100%;margin-top: -1px;}
	
}




@media screen and (max-width:500px) {
	#header{padding-left: 10px;}
	#header #logo a .logo_img span {	display: inline-block;	width: 145px;height: 25px;}
	#header #logo a .logo_img{padding-left: 155px;}

	#header #logo a .logo_img strong{font-size: 17px;line-height: 17px;}
	#header #logo a .logo_img strong:before{left: -5px;height: 13px;}

	#header .util{margin-top: 6px;}

	#header .util li{width: calc(50% + 0.5px);/* margin: 0; */}
	#header .util li:last-child{width:100%;margin-top: -1px;}
	
}

@media screen  and (max-width:360px){

		
	.main_marker.main_marker_1{}
	.main_marker.main_marker_2{}
	.main_marker.main_marker_3{left: 10.5%;}
	.main_marker.main_marker_4{}
	
}
#floor-wrap.active{
  display: block;
}
#floor-wrap {
     background: rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: calc(100% - 4px);
    height: 100vh;
    z-index: 9;
    display: none;
}
#floor3dMap{
  width: 100%;
  height: 100%;
  background: #dbdbdb;
  overflow: hidden;
    opacity: 1 !important;

}
#floor-wrap.active{
  z-index: 14;
}
#floor-close{position:absolute;top:10px;right:20px;width:52px;height:52px;background: #fff url(../img/close-btn.png) no-repeat center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='72' height='72'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(0,94,56,1)'/%3E%3C/svg%3E");border-radius:5px;z-index: 10;}