@font-face {font-family:'Vitro';src: url('/cyber/hall/font/Vitro-Head.woff') format('woff');  font-weight: normal;  font-style: normal;  font-display: swap;}
@font-face {font-family:'nexonGothic';src: url('/cyber/hall/font/NEXONLv2Gothic.woff') format('woff');  font-weight: normal;  font-style: normal;  font-display: swap;}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/cyber/hall/font/score-dream-bold.woff2') format('woff2'),
	url('/cyber/hall/font/score-dream-bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


*{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}a…¡a…¡a…‘
                                      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:'nexonGothic','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}
}
html,body{min-height: 100vh;}

.skip { position: fixed; top: 0; left: 0; width: 0; height: 0; font-size: 0; overflow: hidden }
* { margin: 0; padding: 0; box-sizing: border-box; line-height: 1; }
li { list-style: none; }
button { background: none; cursor: pointer; border: 0; outline: 0; }
table { border-collapse: collapse; }
.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; }
#wrapper {position: absolute;top: 0;left: 0;padding-left: 90px;width: 100%;height: 100%;min-width: 1024px;min-height: 100vh;background:#909090;overflow:hidden}
#header{height:90px;border-top: 3px solid #014184;position: absolute;top: 0;left: 0;width: 100%;z-index: 10;}

.top-link{position:absolute;top: 25px;right: 36%;display: none;}
.top-link > li {float:left;width: auto;text-align:center;padding: 0 12px;position: relative;}
.top-link > li:before{content:'';position:absolute;top: 15px;left:0;width:1px;height:10px;background-color: #505961;opacity: 0.2;}
.top-link > li > a{display:block;width:100%;line-height:40px;color:#505961;font-size: 14px;text-decoration: none;}
.top-link > li.n1:before,
.top-link > li.siteLink:before{display:none;}

#intro{display:none;visibility:hidden;opacity: 0;z-index: -1;position: absolute;top: 0;left: 0;width: 100%;min-height: 100vh;background:url(../img/intro__background.jpg) no-repeat center;background-color:#153981;}
#intro.active{visibility: visible;z-index: 1000;opacity: 1;display: block;}
#intro .inner{position: absolute;top:50%;left:50%;/* max-width: 1629px; *//* width:100%; */min-height:464px;transform: translate(-50%, -50%);padding-right: 1000px;}
#intro .inner:before{content:'';position: absolute;top:50%;right:0%;transform: translate(0, -50%);width: 900px;height: 516px;background:url(../img/intor__img.png) no-repeat;background-size: 100%;}
#intro .inner h1{display:block;width:495px;height:125px;background:url(../img/intro__title.png) no-repeat;font-size:0;margin-bottom: 35px;}
#intro .inner p{font-size: 19px;color:#fff;line-height: 1.4;font-weight: normal;letter-spacing: -1px;}
#intro .inner .hidden-intro{margin-top:139px;}
#intro .inner button{display:block;width:286px;padding: 23px 53px;padding-top: 27px;padding-right: 112px;background-color:#1174de;font-size: 20px;color: #fff;border-radius: 50px;font-weight: bold;text-align: left;position: relative;}
#intro .inner button:before{content:'';position: absolute;top:0;right:0;width: 70px;height: 70px;background-color:#fff;border-radius: 50%;background: #fff url(../img/more-icon.png) no-repeat;background-position: 50%;}



#title {position: absolute;top: 16px;left: 150px;}
#title *{vertical-align:top}
#title a {display:block;/* width:100%; *//* height:100%; */text-decoration: none;}
#title a .logo_img {width: 291px;height: 60px;background:url(../img/logo.png) no-repeat center;background-position: 73%;}
#title a{display:block;}
#title a.kr {display:inline-block;line-height:0;}
#title a.kr .logo_img {display: inline-block;position: relative;width: 87px;height: 57px;margin: 0 29px 0 0;background: url(/template/A1/images/logo.png) no-repeat;background-image: url(/template/A1/images/logo.svg), none;background-size: cover;font-size: 0;vertical-align: top;}
#title a.kr .logo_img:after {position:absolute;top: 22px;right: -20px;content:'';width:1px;height:20px;background:#ddd;}
#title a.site-name{display:inline-block;height: 57px;/* padding-top: 16px; */}
#title a.site-name .logo_img{display:block;}



#title .big_title { color: #00559d; font-size: 37px; margin-top: 20px; font-family: 'nsr'; font-weight: 800; }
#title .sub_ment {font-size: 18px;margin-top: -3px;margin-left: 96px;font-weight: normal;color:#fff;}
/*
#search {position: absolute;top: 13px;right: 125px;border-radius: 0;overflow: hidden;outline: 3px solid #111574;}
#search_input2 {display: block;float: left;width: 280px;padding: 0 15px;height: 48px;margin-left: 1px;border: none;font-size: 18px;border-radius: 0;border: none;}
#search_input2::placeholder{color:#aaa;font-size:14px;}
#search_btn2 {display: block;width: 53px;height: 53px;color: #fff;background-color: #111574;margin-left: -1px;font-size: 0;border-radius: 0;position: absolute;top: 0;right: 0;}
#search_btn2 span {display: inline-block;width: 32px;height: 32px;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;font-size: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
*/
#content { width: 100%; height: 100%;z-index:8}
#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: 120px;background-color: #e5f1ff;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: 9;}

#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:3px solid #2c386e;display: inline-block;}
#all_menu .dept1 .tabs > button.active{background-color:#2c386e;color:#fff;}
#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: 28px;text-align:center;color:#fff;font-family: 'S-CoreDream';border: none;border: none;z-index: -1;outline: 1px solid #e5f1ff;word-break: break-word;}
#all_menu .dept1 .item .dept2 strong:after{content:'';position:absolute;top: -30px;left: -30px;background-color:#e5f1ff;width:60px;height: 60px;transform: rotate(45deg);z-index: 99;}
#all_menu .dept1 .item .dept2 > ul{border-bottom:1px solid #09164f;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: 17px;left:0;width:113px;color:#09164f;font-size: 48px;text-align:center;text-decoration: none;font-family: Vitro;font-style: italic;}
#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}
#all_menu .dept1 .item .dept2 > ul ul > li > a{display:block;padding: 12px 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: 12px;right:0;width:1px;height:14px;background-color:#2c386e;}
#all_menu.active.allmenu{z-index: 9;}
#all_menu.active .dept1{padding-right: 120px;}
#search_none { display: none; }
#search_result { display: none; }
#side {position: absolute;top: 0;left: 0;width: 93px;z-index: 11;min-height: 100%;/* background: #3a3c49; */background-color: #2c386e;box-shadow: 2px 0 10px rgba(0,0,0,.2);}
#side .menu-toggle {width: 100%;height: 90px;background: #2c386e ;display: block;border-bottom: 1px solid rgba(255,255,255,.2);}
#side .menu-toggle span {display:block;position: relative;text-align:center;font-size: 20px;color:#fff;padding-top: 54px;width:100%;height:100%;font-family: 'S-CoreDream';}
#side .menu-toggle span:before{content: '';position: absolute;top: 19px;left:50%;transform: translate(-50%, 0);width: 30px;height: 30px;background: #2c386e url(../img/menu-toggle.png) no-repeat center;background-size: 100%;background-repeat: no-repeat;background-size:100%;}

/*background: #2c386e url(../img/menu-toggle.png) no-repeat center;*/

#menu { display:none; }

#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: 24px;}
#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: #56608b;}
#menu .dept1 > li.active > ul li.active{background-color:#e9eaf0}
#menu .dept1 > li.active > a {color: #fff;background-color: #56608b;}
#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: 50px;line-height: 50px;font-size: 16px;color: #fff;text-decoration: none;text-align: center;font-family: 'S-CoreDream';}
#menu .dept2 > li.active > a{color:#090d64}
#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 > a#All1,
#menu .dept2 > li > a#All2,
#menu .dept2 > li > a#All4{padding:15px 0;line-height:1.2;height:70px;}
#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%;}
#all_menu .dept1 .tabs > button:nth-child(3),
#all_menu .dept1 .item#obj-3{display:none !important;}
#all_menu .close-btn {position: absolute;top: 0;left: 0;width: 93px;height: 90px;/* background: #fdb300 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='36' height='36'%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(35,39,115,1)'/%3E%3C/svg%3E");margin-left: -90px;background-repeat: no-repeat;background-position: 50%;}
#menu .dept3{position: absolute;display:none;top: 0;right: 93px;width: 210px;height: 100%;padding: 30px;padding-top: 95px;overflow-y: auto;background-color: rgba(233,234,240,0.8);}
#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:13px;left:0;width:5px;height:5px;background-color:#495275;border-radius:50%;/* letter-spacing: -1px; */}
#menu .dept3 li a:hover,
#menu .dept3 li.active a{color:#090d64;font-weight:bold;text-decoration:underline}
#menu .dept2 > li.active .dept3{display:block;}
#menu .dept3_close{position:absolute;top: 35px;left: -191px;width: 66px;height: 33px;/* background-color: #e9eaf0; */border-radius: 4px;/* transform: translate(0, -47%); *//* border: 1px solid #2c386e; */}
#menu .dept3_close button{display:block;position:absolute;top: 50%;left: 8px;transform: translate(0, -50%);width:16px;height:16px;font-size:0;background: url(../img/menu-close.png) no-repeat left center;}
#menu .dept3_close button:after{content:'닫기';display:block;font-family: 'S-CoreDream';font-size: 16px;padding-left: 19px;padding-top: 2px;color: #2c386e;}
#search_wrap {display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #e5f1ff;}
#search_outer {position:relative;width:100%;height:100%;overflow:hidden;display: none;}
#search_none { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; background: url(../img/search-none.png) no-repeat top center; padding-top: 240px; }
#search_none .big_text {font-size: 20px;color: #2d2d2d;font-family: 'S-CoreDream';}
#search_none .small_text {font-size: 16px;margin-top: 15px;margin-bottom:15px;}
#search_none .keyword {text-decoration: underline;color: #070d96;font-weight: bold;font-family: 'S-CoreDream';}
#search_none #re{display: inline-block;width: 68px;height: 68px;background-color: #2c386e;border-radius: 50%;margin:0 auto;box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);position: relative;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding-top: 38px;}
#search_none #re:before{    content: '';
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 20px;
	height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%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");}


span.keyword {}
#search_result {position: absolute;left: 50%;top: 50%;min-height: 400px;min-width: 1024px;transform: translateY(-50%) translateX(-50%);}
#search_result .big_text {font-size: 27px;text-align: center;}
#search_result .big_text:before{content:'';display:block;width:100px;height:100px;/* border:1px solid; */margin: 0 auto;background: url(../img/bookkeeping.gif) no-repeat center center;background-size:cover;}
#search_result .big_text .count {/* position: relative; *//* margin-top: -8px; */display: inline-block;/* font-weight: bold; */background-color: #0b529d;/* width: 30px; */width: auto;margin-right: 6px;line-height: 30px;height: 30px;color: #fff;font-size: 14px;padding: 3px 10px;border-radius: 6px;}
span.count {}
#search_result .small_text {font-size: 18px;margin-top: 10px;text-align: center;display: none;}
#search_result .small_text span {color: #0b529d;text-decoration: underline;}
#search_result .result {max-width: 1280px;margin-top: 30px;}
#search_result .location-btn {width: 96px;height: 33px;border-radius: 5px;font-size: 16px;line-height: 33px;color: #0b529d;border: 1px solid #0b529d;/* background: #0b529d; *//* background: #1a66a7; *//* box-shadow: 2px 0 10px rgba(0,0,0,.2); */}
#search_result .location-btn span {display: inline-block;height: 14px;line-height: 14px;/* background: url(../img/location-icon.png) no-repeat left center; *//* padding-left: 18px; */}
.close-btn {position: absolute;top: 0;left: 0;width: 93px;height: 90px;/* background: #fdb300 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='36' height='36'%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(35,39,115,1)'/%3E%3C/svg%3E");margin-left: -90px;background-repeat: no-repeat;background-position: 50%;}
.default-table { width: 100%; border-bottom: 2px solid #a2a2a2; }
.default-table th {/* background: #fafafa; */color: #fff;font-size: 14px;border-top: 3px solid #2e4c75;border-bottom: 1px solid #2e4c75;height: 45px;padding: 0 10px;border-left: 1px dashed #707aa3;vertical-align: middle;background-color: #4b5379;}
.default-table th:first-child {border-left: 0;border-radius: 3px 0 3px 0;}
.default-table td {font-size: 14px;padding: 10px 16px;border-left: 1px solid #e2e2e2;text-align: center;line-height: 1.3;background: #eff1f5;border-left: 1px dashed #d2d9ed;border-bottom: 1px solid #d2d9ed;vertical-align: middle;}
.default-table td:first-child { border-left: 0; }
.default-table td.td-duty{text-align:left}
.default-table tr:nth-child(even) td {background: #eff1f5;}
.th-part, .td-part { width: 115px; }
.th-team, .td-team { width: 115px; }
.th-position, .td-position { width: 100px; }
.th-name, .td-name { width: 80px; }
.td-duty span {display:block;max-height: 61px;line-height:1.5;overflow-y:auto;}
.th-tel, .td-tel {width: 123px;}
.th-location, .td-location {width: 120px;border-radius: 3px;}
.th-tel, .td-location { text-align: center; }
#search_map_bg { position:fixed; width:100%; height:100%; top:0; left:0; display:none; background:#000; opacity:0.8; }
#search_map {padding:30px 20px;background: #fff;border-radius: 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;}
#search_map .title {font-size: 29px;margin-bottom:10px;text-align:center;font-family: 'S-CoreDream';color: #000;}
#search_map .address { font-size:14px; margin-bottom:20px; text-align:center; }
#search_map .ment {/* display:none; */font-size:20px;text-align:center;margin-top:20px;font-family: 'S-CoreDream';}
#search_map .ment span { color:#1f93dd;font-family: 'S-CoreDream'; }


#label{position:absolute;left:40px;top:103px;z-index: 4;}
#label strong,
#label span{display:inline-block;}
#label strong{font-size:60px;color: #09164f;font-family: 'Vitro';font-style: italic;}
#label span{margin-left:20px;font-size: 24px;color:#666;font-family: 'S-CoreDream';}



#location_ment {position:absolute;left:50%;transform: translateX(-50%);bottom:50px;padding: 22px 79px 15px;background-color: #f5f5f6;border-radius: 30px;min-width: 900px;font-size: 24px;color: #5f656f;text-align: center;display: none;font-family: 'S-CoreDream';}
#location_ment span {font-size: 24px;color:#1f93dd;font-family: 'S-CoreDream';}


#map {width: 800px;height: 360px;border:1px solid #ababab;}
#map-close {position:absolute;top:10px;right:20px;width:52px;height:52px;background: #fff url(../img/close-btn.png) no-repeat center;border-radius:5px;}
#map .gm-style > div + div { display: none; }
#map3d {width: 100%;height: 100%;/* overflow: hidden; */display:none;/* padding-top: 100px; */background-color: #fff;}

#member_wrap_bg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.8 }
#member_wrap {display:none;border-radius:10px;background:#fff;/* background: #e5f1ff; */padding:30px 20px;position: absolute;left: 50%;top: 50%;min-height: 400px;margin-top:-308px;margin-left:-470px;}
#member_result { }
#member_result .title {text-align:center;margin-bottom: 24px;font-size: 23px;color: #000;}
#member_result .big_text { font-size: 20px; text-align: center; }
#member_result .big_text .count { color: #2194dd; }
#member_result .small_text { font-size: 15px; margin-top: 15px; text-align: center; }
#member_result .small_text span { color: #2194dd; }
#member_result .result { width: 900px; }
#member_result .paging { text-align: center; margin-top: 30px; }
#member_result .paging .paging-item {vertical-align: middle;display: inline-block;width: 30px;height: 30px;margin: 0 3px;background: #1a2866;font-size: 15px;color: #fff;line-height: 30px;cursor: pointer;}
#member_result .paging .paging-item.selected {border: 1px solid #1a2866;background-color: transparent;/* background: #2194dd; */color: #1a2866;}
#member_result .paging .paging-side {vertical-align: middle;display: inline-block;width: 32px;height: 31px;line-height: 36px;margin: 0 3px;background: #1a2866;font-size: 15px;color: #fff;cursor: pointer;}
#member_result .location-btn { width: 96px; height: 28px; border-radius: 5px; font-size: 13px; color: #fff; background: #f6a849; }
#member_result .location-btn span { display: inline-block; height: 14px; line-height: 14px; background: url(../img/location-icon.png) no-repeat left center; padding-left: 18px; }
#member-close {position:absolute;top: 30px;right:20px;width: 46px;height: 46px;background: #fff url(../img/close-btn.png) no-repeat center;border-radius:5px;border: 1px solid #9da2bb;}


#member_wrap__new_bg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.8 }
#member_wrap__new {display:none;border-radius:10px;background:#fff;/* background: #e5f1ff; */padding:30px 20px;position: absolute;left: 50%;top: 50%;min-height: 400px;margin-top:-308px;margin-left:-470px;}
#member_result__new .title {text-align:center;margin-bottom: 24px;font-size: 23px;color: #000;}
#member_result__new .big_text { font-size: 20px; text-align: center; }
#member_result__new .big_text .count { color: #2194dd; }
#member_result__new .small_text { font-size: 15px; margin-top: 15px; text-align: center; }
#member_result__new .small_text span { color: #2194dd; }
#member_result__new .result { width: 900px; }
#member_result__new .paging { text-align: center; margin-top: 30px; }
#member_result__new .paging .paging-item {vertical-align: middle;display: inline-block;width: 30px;height: 30px;margin: 0 3px;background: #1a2866;font-size: 15px;color: #fff;line-height: 30px;cursor: pointer;}
#member_result__new .paging .paging-item.selected {border: 1px solid #1a2866;background-color: transparent;/* background: #2194dd; */color: #1a2866;}
#member_result__new .paging .paging-side {vertical-align: middle;display: inline-block;width: 32px;height: 31px;line-height: 36px;margin: 0 3px;background: #1a2866;font-size: 15px;color: #fff;cursor: pointer;}
#member_result__new .location-btn { width: 96px; height: 28px; border-radius: 5px; font-size: 13px; color: #fff; background: #f6a849; }
#member_result__new .location-btn span { display: inline-block; height: 14px; line-height: 14px; background: url(../img/location-icon.png) no-repeat left center; padding-left: 18px; }
#member-close__new  {position:absolute;top: 30px;right:20px;width: 46px;height: 46px;background: #fff url(../img/close-btn.png) no-repeat center;border-radius:5px;border: 1px solid #9da2bb;}



.marker{padding: 14px 14px 14px;background-color: #2c386e;color: #fff!important;font-size: 16px;border-radius: 5px;box-shadow: 2px 5px 5px rgba(0,0,0,0.2);border: 1px solid #2c386e;font-weight: bold;min-width: 60px;/* max-width: 91px; */word-break: break-all;transform: translateY(0);}
.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:#e86c19;border: 1px solid #e86c19;}
.marker:hover:after{color:#e86c19}
.marker.active:after{color:#e86c19}
.marker.no_hover{background-color:#747474;border: 1px solid #747474;}
.marker.no_hover:after{color: #747474;}
.marker.no_hover:hover{background-color:#747474;border: 1px solid #747474;}
.marker.no_hover:hover:after{color: #747474;}
.marker.no_hover.active{background-color:#e86c19;border: 1px solid #e86c19;}
.marker.no_hover.active:after{color:#e86c19}



.marker.active{ animation: pin 1.2s cubic-bezier(.36,.07,.19,.97) both infinite;}

@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_marker{padding: 14px 14px 14px;background-color: #2c386e;color: #fff!important;font-size: 24px;border-radius: 5px;box-shadow: 2px 5px 5px rgba(0,0,0,0.2);border: 1px solid #2c386e;font-weight: bold;min-width: 60px;word-break: break-all;transform: translateY(0);font-family: 'S-CoreDream';}
.main_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);}
.main_marker.main_marker_3{background-color:#747474;border: 1px solid #747474;}{color: #747474;}
.main_marker.main_marker_3:after{color: #747474;}
.vr_marker {position:absolute;width: 37px;height: 42px;margin-top: -33px;margin-left: -18px;background:url(../img/vr.png) no-repeat center;}
#pano_wrap {display: none;background: rgba(0,0,0,0.2);position:absolute;left:0;top:0;bottom:0;right:0;}
#pano { position:absolute; left:0; top:0; bottom:0; right:0;  }
#pano_close {position:absolute;right: 20px;top: 20px;width:50px;height:50px;background: rgb(0, 85, 157) url(../img/close-btn.png) no-repeat center;border-radius: 50%;}

#threesixty {position:absolute;width: 100%;height: 100%;/* overflow:hidden; */z-index:1;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(../img/background.jpg) center bottom repeat-x;background-size: cover;}
#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;
	/* z-index: 10; */
	width: 100%;
	height: 100%;
}
.threesixty {bottom: -10%;left: 46%;transform: translate(-50%,0%);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%;}











.paging { text-align: center; margin-top: 30px; }
.paging .paging-item {vertical-align: middle;display: inline-block;width: 36px;height: 36px;margin: 0 3px;background: #fff;font-size: 15px;color: #333;line-height: 36px;cursor: pointer;border-radius: 3px;border: 1px solid #bababa;}
.paging .paging-item.selected {/* background: #0b529d; */color: #0b529d;border: 1px solid #0b529d;}
.paging .paging-side {vertical-align: middle;display: inline-block;width: 36px;height: 36px;line-height: 36px;margin: 0 3px;/* background: #00559d; */font-size: 15px;color: #0b529d;cursor: pointer;border: 1px solid #1a2866;border-radius: 3px;}


.team_menu {overflow:hidden;margin-bottom: 20px;text-align: center;}
.team_menu li {/* float:left; */margin-bottom: 5px;display: inline-block;}
.team_menu li button {padding:10px;color: #2e4c75;/* background:#808080; */font-size:14px;font-weight: bold;border: 1px solid #2e4c75;border-radius: 30px;min-width: 120px;}
.team_menu li.active button {color: #fff;background: #1a2866;}
.team_menu li + li { margin-left:5px; }
#team_menu li:first-child{display:none;}


#constrol { position:absolute; top:30px; right:0; z-index:1; border-top:1px solid#333; border-left:1px solid#333; border-bottom:1px solid#333; border-radius:5px 0 0 5px; }
#constrol button { display:block; font-size:20px; width:50px; height:50px; background:#3a3c49; }
#constrol button:hover { background:#444654;  }
#constrol button + button{ border-top:1px solid #333; }
i.fas { font-family: 'FontAwesome'; font-style:normal; color:#fff; }


.marker,
.safety_marker,
.vr_marker{position:absolute;}



.safety_marker.safety_marker1.marker_h1f3{left: 18%;top: 33.8%;/* max-width: 97px; */}

.marker.marker_h1f1.marker_1{left: 13.7%;top: 50.2%;}
.marker.marker_h1f1.marker_2{left: 69.7%;top: 44.2%;}
.marker.marker_h1f1.marker_3{left: 30.7%;top: 27.2%;}
.marker.marker_h1f1.marker_4{left: 35.9%;top: 46.2%;}
.marker.marker_h1f1.marker_5{left: 36.2%;top: 70.2%;}
.marker.marker_h1f1.marker_6{left: 45.2%;top: 56.2%;}
.marker.marker_h1f1.marker_7{left: 50.2%;top: 31.2%;}

.marker.marker_h1f2.marker_1{left: 33.6%;top: 45.8%;}
.marker.marker_h1f2.marker_2{left: 4.1%;top: 54.8%;}
.marker.marker_h1f2.marker_3{left: 22.1%;top: 45.8%;}
.marker.marker_h1f2.marker_4{left: 65.6%;top: 27.8%;}
.marker.marker_h1f2.marker_5{left: 66.6%;top: 47.8%;}

@font-face {font-family:'Vitro';src: url('/cyber/hall/font/Vitro-Head.woff') format('woff');  font-weight: normal;  font-style: normal;  font-display: swap;}
@font-face {font-family:'nexonGothic';src: url('/cyber/hall/font/NEXONLv2Gothic.woff') format('woff');  font-weight: normal;  font-style: normal;  font-display: swap;}
@font-face {
	font-family: 'S-CoreDream';
	src: url('/cyber/hall/font/score-dream-bold.woff2') format('woff2'),
	url('/cyber/hall/font/score-dream-bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


*{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}a…¡a…¡a…‘
                                      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:'nexonGothic','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}
}
html,body{min-height: 100vh;}

.skip { position: fixed; top: 0; left: 0; width: 0; height: 0; font-size: 0; overflow: hidden }
* { margin: 0; padding: 0; box-sizing: border-box; line-height: 1; }
li { list-style: none; }
button { background: none; cursor: pointer; border: 0; outline: 0; }
table { border-collapse: collapse; }
.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; }
#wrapper {position: absolute;top: 0;left: 0;padding-left: 90px;width: 100%;height: 100%;min-width: 1024px;min-height: 100vh;background:#909090;overflow:hidden}
#header{height:90px;border-top: 3px solid #014184;position: absolute;top: 0;left: 0;width: 100%;z-index: 10;}

.top-link{position:absolute;top: 25px;right: 36%;display: none;}
.top-link > li {float:left;width: auto;text-align:center;padding: 0 12px;position: relative;}
.top-link > li:before{content:'';position:absolute;top: 15px;left:0;width:1px;height:10px;background-color: #505961;opacity: 0.2;}
.top-link > li > a{display:block;width:100%;line-height:40px;color:#505961;font-size: 14px;text-decoration: none;}
.top-link > li.n1:before,
.top-link > li.siteLink:before{display:none;}

#intro{display:none;visibility:hidden;opacity: 0;z-index: -1;position: absolute;top: 0;left: 0;width: 100%;min-height: 100vh;background:url(../img/intro__background.jpg) no-repeat center;background-color:#153981;}
#intro.active{visibility: visible;z-index: 1000;opacity: 1;display: block;}
#intro .inner{position: absolute;top:50%;left:50%;/* max-width: 1629px; *//* width:100%; */min-height:464px;transform: translate(-50%, -50%);padding-right: 1000px;}
#intro .inner:before{content:'';position: absolute;top:50%;right:0%;transform: translate(0, -50%);width: 900px;height: 516px;background:url(../img/intor__img.png) no-repeat;background-size: 100%;}
#intro .inner h1{display:block;width:495px;height:125px;background:url(../img/intro__title.png) no-repeat;font-size:0;margin-bottom: 35px;}
#intro .inner p{font-size: 19px;color:#fff;line-height: 1.4;font-weight: normal;letter-spacing: -1px;}
#intro .inner .hidden-intro{margin-top:139px;}
#intro .inner button{display:block;width:286px;padding: 23px 53px;padding-top: 27px;padding-right: 112px;background-color:#1174de;font-size: 20px;color: #fff;border-radius: 50px;font-weight: bold;text-align: left;position: relative;}
#intro .inner button:before{content:'';position: absolute;top:0;right:0;width: 70px;height: 70px;background-color:#fff;border-radius: 50%;background: #fff url(../img/more-icon.png) no-repeat;background-position: 50%;}



#title {position: absolute;top: 16px;left: 150px;}
#title *{vertical-align:top}
#title a {display:block;/* width:100%; *//* height:100%; */text-decoration: none;}
#title a .logo_img {width: 291px;height: 60px;background:url(../img/logo.png) no-repeat center;background-position: 73%;}
#title a{display:block;}
#title a.kr {display:inline-block;line-height:0;}
#title a.kr .logo_img {display: inline-block;position: relative;width: 87px;height: 57px;margin: 0 29px 0 0;background: url(/template/A1/images/logo.png) no-repeat;background-image: url(/template/A1/images/logo.svg), none;background-size: cover;font-size: 0;vertical-align: top;}
#title a.kr .logo_img:after {position:absolute;top: 22px;right: -20px;content:'';width:1px;height:20px;background:#ddd;}
#title a.site-name{display:inline-block;height: 57px;/* padding-top: 16px; */}
#title a.site-name .logo_img{display:block;}



#title .big_title { color: #00559d; font-size: 37px; margin-top: 20px; font-family: 'nsr'; font-weight: 800; }
#title .sub_ment {font-size: 18px;margin-top: -3px;margin-left: 96px;font-weight: normal;color:#fff;}
/*
#search {position: absolute;top: 13px;right: 125px;border-radius: 0;overflow: hidden;outline: 3px solid #111574;}
#search_input2 {display: block;float: left;width: 280px;padding: 0 15px;height: 48px;margin-left: 1px;border: none;font-size: 18px;border-radius: 0;border: none;}
#search_input2::placeholder{color:#aaa;font-size:14px;}
#search_btn2 {display: block;width: 53px;height: 53px;color: #fff;background-color: #111574;margin-left: -1px;font-size: 0;border-radius: 0;position: absolute;top: 0;right: 0;}
#search_btn2 span {display: inline-block;width: 32px;height: 32px;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;font-size: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
*/
#content { width: 100%; height: 100%;z-index:8}
#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: 120px;background-color: #e5f1ff;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: 9;}

#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:3px solid #2c386e;display: inline-block;}
#all_menu .dept1 .tabs > button.active{background-color:#2c386e;color:#fff;}
#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: 28px;text-align:center;color:#fff;font-family: 'S-CoreDream';border: none;border: none;z-index: -1;outline: 1px solid #e5f1ff;word-break: break-word;}
#all_menu .dept1 .item .dept2 strong:after{content:'';position:absolute;top: -30px;left: -30px;background-color:#e5f1ff;width:60px;height: 60px;transform: rotate(45deg);z-index: 99;}
#all_menu .dept1 .item .dept2 > ul{border-bottom:1px solid #09164f;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: 17px;left:0;width:113px;color:#09164f;font-size: 48px;text-align:center;text-decoration: none;font-family: Vitro;font-style: italic;}
#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}
#all_menu .dept1 .item .dept2 > ul ul > li > a{display:block;padding: 12px 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: 12px;right:0;width:1px;height:14px;background-color:#2c386e;}
#all_menu.active.allmenu{z-index: 9;}
#all_menu.active .dept1{padding-right: 120px;}
#search_none { display: none; }
#search_result { display: none; }
#side {position: absolute;top: 0;left: 0;width: 93px;z-index: 11;min-height: 100%;/* background: #3a3c49; */background-color: #2c386e;box-shadow: 2px 0 10px rgba(0,0,0,.2);}
#side .menu-toggle {width: 100%;height: 90px;background: #2c386e ;display: block;border-bottom: 1px solid rgba(255,255,255,.2);}
#side .menu-toggle span {display:block;position: relative;text-align:center;font-size: 20px;color:#fff;padding-top: 54px;width:100%;height:100%;font-family: 'S-CoreDream';}
#side .menu-toggle span:before{content: '';position: absolute;top: 19px;left:50%;transform: translate(-50%, 0);width: 30px;height: 30px;background: #2c386e url(../img/menu-toggle.png) no-repeat center;background-size: 100%;background-repeat: no-repeat;background-size:100%;}

/*background: #2c386e url(../img/menu-toggle.png) no-repeat center;*/

#menu { display:none; }

#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: 24px;}
#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: #56608b;}
#menu .dept1 > li.active > ul li.active{background-color:#e9eaf0}
#menu .dept1 > li.active > a {color: #fff;background-color: #56608b;}
#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: 50px;line-height: 50px;font-size: 16px;color: #fff;text-decoration: none;text-align: center;font-family: 'S-CoreDream';}
#menu .dept2 > li.active > a{color:#090d64}
#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 > a#All1,
#menu .dept2 > li > a#All2,
#menu .dept2 > li > a#All4{padding:15px 0;line-height:1.2;height:70px;}
#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%;}
#all_menu .dept1 .tabs > button:nth-child(3),
#all_menu .dept1 .item#obj-3{display:none !important;}
#all_menu .close-btn {position: absolute;top: 0;left: 0;width: 93px;height: 90px;/* background: #fdb300 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='36' height='36'%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(35,39,115,1)'/%3E%3C/svg%3E");margin-left: -90px;background-repeat: no-repeat;background-position: 50%;}
#menu .dept3{position: absolute;display:none;top: 0;right: 93px;width: 210px;height: 100%;padding: 30px;padding-top: 95px;overflow-y: auto;background-color: rgba(233,234,240,0.8);}
#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:13px;left:0;width:5px;height:5px;background-color:#495275;border-radius:50%;/* letter-spacing: -1px; */}
#menu .dept3 li a:hover,
#menu .dept3 li.active a{color:#090d64;font-weight:bold;text-decoration:underline}
#menu .dept2 > li.active .dept3{display:block;}
#menu .dept3_close{position:absolute;top: 35px;left: -191px;width: 66px;height: 33px;/* background-color: #e9eaf0; */border-radius: 4px;/* transform: translate(0, -47%); *//* border: 1px solid #2c386e; */}
#menu .dept3_close button{display:block;position:absolute;top: 50%;left: 8px;transform: translate(0, -50%);width:16px;height:16px;font-size:0;background: url(../img/menu-close.png) no-repeat left center;}
#menu .dept3_close button:after{content:'닫기';display:block;font-family: 'S-CoreDream';font-size: 16px;padding-left: 19px;padding-top: 2px;color: #2c386e;}
#search_wrap {display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #e5f1ff;}
#search_outer {position:relative;width:100%;height:100%;overflow:hidden;display: none;}
#search_none { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; background: url(../img/search-none.png) no-repeat top center; padding-top: 240px; }
#search_none .big_text {font-size: 20px;color: #2d2d2d;font-family: 'S-CoreDream';}
#search_none .small_text {font-size: 16px;margin-top: 15px;margin-bottom:15px;}
#search_none .keyword {text-decoration: underline;color: #070d96;font-weight: bold;font-family: 'S-CoreDream';}
#search_none #re{display: inline-block;width: 68px;height: 68px;background-color: #2c386e;border-radius: 50%;margin:0 auto;box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);position: relative;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding-top: 38px;}
#search_none #re:before{    content: '';
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 20px;
	height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%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");}


span.keyword {}
#search_result {position: absolute;left: 50%;top: 50%;min-height: 400px;min-width: 1024px;transform: translateY(-50%) translateX(-50%);}
#search_result .big_text {font-size: 27px;text-align: center;}
#search_result .big_text:before{content:'';display:block;width:100px;height:100px;/* border:1px solid; */margin: 0 auto;background: url(../img/bookkeeping.gif) no-repeat center center;background-size:cover;}
#search_result .big_text .count {/* position: relative; *//* margin-top: -8px; */display: inline-block;/* font-weight: bold; */background-color: #0b529d;/* width: 30px; */width: auto;margin-right: 6px;line-height: 30px;height: 30px;color: #fff;font-size: 14px;padding: 3px 10px;border-radius: 6px;}
span.count {}
#search_result .small_text {font-size: 18px;margin-top: 10px;text-align: center;display: none;}
#search_result .small_text span {color: #0b529d;text-decoration: underline;}
#search_result .result {max-width: 1280px;margin-top: 30px;}
#search_result .location-btn {width: 96px;height: 33px;border-radius: 5px;font-size: 16px;line-height: 33px;color: #0b529d;border: 1px solid #0b529d;/* background: #0b529d; *//* background: #1a66a7; *//* box-shadow: 2px 0 10px rgba(0,0,0,.2); */}
#search_result .location-btn span {display: inline-block;height: 14px;line-height: 14px;/* background: url(../img/location-icon.png) no-repeat left center; *//* padding-left: 18px; */}
.close-btn {position: absolute;top: 0;left: 0;width: 93px;height: 90px;/* background: #fdb300 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='36' height='36'%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(35,39,115,1)'/%3E%3C/svg%3E");margin-left: -90px;background-repeat: no-repeat;background-position: 50%;}
.default-table { width: 100%; border-bottom: 2px solid #a2a2a2; }
.default-table th {/* background: #fafafa; */color: #fff;font-size: 14px;border-top: 3px solid #2e4c75;border-bottom: 1px solid #2e4c75;height: 45px;padding: 0 10px;border-left: 1px dashed #707aa3;vertical-align: middle;background-color: #4b5379;}
.default-table th:first-child {border-left: 0;border-radius: 3px 0 3px 0;}
.default-table td {font-size: 14px;padding: 10px 16px;border-left: 1px solid #e2e2e2;text-align: center;line-height: 1.3;background: #eff1f5;border-left: 1px dashed #d2d9ed;border-bottom: 1px solid #d2d9ed;vertical-align: middle;}
.default-table td:first-child { border-left: 0; }
.default-table td.td-duty{text-align:left}
.default-table tr:nth-child(even) td {background: #eff1f5;}
.th-part, .td-part { width: 115px; }
.th-team, .td-team { width: 115px; }
.th-position, .td-position { width: 100px; }
.th-name, .td-name { width: 80px; }
.td-duty span {display:block;max-height: 61px;line-height:1.5;overflow-y:auto;}
.th-tel, .td-tel {width: 123px;}
.th-location, .td-location {width: 120px;border-radius: 3px;}
.th-tel, .td-location { text-align: center; }
#search_map_bg { position:fixed; width:100%; height:100%; top:0; left:0; display:none; background:#000; opacity:0.8; }
#search_map {padding:30px 20px;background: #fff;border-radius: 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;}
#search_map .title {font-size: 29px;margin-bottom:10px;text-align:center;font-family: 'S-CoreDream';color: #000;}
#search_map .address { font-size:14px; margin-bottom:20px; text-align:center; }
#search_map .ment {/* display:none; */font-size:20px;text-align:center;margin-top:20px;font-family: 'S-CoreDream';}
#search_map .ment span { color:#1f93dd;font-family: 'S-CoreDream'; }


#label{position:absolute;left:40px;top:103px;z-index: 4;}
#label strong,
#label span{display:inline-block;}
#label strong{font-size:60px;color: #09164f;font-family: 'Vitro';font-style: italic;}
#label span{margin-left:20px;font-size: 24px;color:#666;font-family: 'S-CoreDream';}



#location_ment {position:absolute;left:50%;transform: translateX(-50%);bottom:50px;padding: 22px 79px 15px;background-color: #f5f5f6;border-radius: 30px;min-width: 900px;font-size: 24px;color: #5f656f;text-align: center;display: none;font-family: 'S-CoreDream';}
#location_ment span {font-size: 24px;color:#1f93dd;font-family: 'S-CoreDream';}


#map {width: 800px;height: 360px;border:1px solid #ababab;}
#map-close {position:absolute;top:10px;right:20px;width:52px;height:52px;background: #fff url(../img/close-btn.png) no-repeat center;border-radius:5px;}
#map .gm-style > div + div { display: none; }
#map3d {width: 100%;height: 100%;/* overflow: hidden; */display:none;/* padding-top: 100px; */background-color: #fff;}

#member_wrap_bg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.8 }
#member_wrap {display:none;border-radius:10px;background:#fff;/* background: #e5f1ff; */padding:30px 20px;position: absolute;left: 50%;top: 50%;min-height: 400px;margin-top:-308px;margin-left:-470px;}
#member_result { }
#member_result .title {text-align:center;margin-bottom: 24px;font-size: 23px;color: #000;}
#member_result .big_text { font-size: 20px; text-align: center; }
#member_result .big_text .count { color: #2194dd; }
#member_result .small_text { font-size: 15px; margin-top: 15px; text-align: center; }
#member_result .small_text span { color: #2194dd; }
#member_result .result { width: 900px; }
#member_result .paging { text-align: center; margin-top: 30px; }
#member_result .paging .paging-item {vertical-align: middle;display: inline-block;width: 30px;height: 30px;margin: 0 3px;background: #1a2866;font-size: 15px;color: #fff;line-height: 30px;cursor: pointer;}
#member_result .paging .paging-item.selected {border: 1px solid #1a2866;background-color: transparent;/* background: #2194dd; */color: #1a2866;}
#member_result .paging .paging-side {vertical-align: middle;display: inline-block;width: 32px;height: 31px;line-height: 36px;margin: 0 3px;background: #1a2866;font-size: 15px;color: #fff;cursor: pointer;}
#member_result .location-btn { width: 96px; height: 28px; border-radius: 5px; font-size: 13px; color: #fff; background: #f6a849; }
#member_result .location-btn span { display: inline-block; height: 14px; line-height: 14px; background: url(../img/location-icon.png) no-repeat left center; padding-left: 18px; }
#member-close {position:absolute;top: 30px;right:20px;width: 46px;height: 46px;background: #fff url(../img/close-btn.png) no-repeat center;border-radius:5px;border: 1px solid #9da2bb;}


#member_wrap__new_bg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.8 }
#member_wrap__new {display:none;border-radius:10px;background:#fff;/* background: #e5f1ff; */padding:30px 20px;position: absolute;left: 50%;top: 50%;min-height: 400px;margin-top:-308px;margin-left:-470px;}
#member_result__new .title {text-align:center;margin-bottom: 24px;font-size: 23px;color: #000;}
#member_result__new .big_text { font-size: 20px; text-align: center; }
#member_result__new .big_text .count { color: #2194dd; }
#member_result__new .small_text { font-size: 15px; margin-top: 15px; text-align: center; }
#member_result__new .small_text span { color: #2194dd; }
#member_result__new .result { width: 900px; }
#member_result__new .paging { text-align: center; margin-top: 30px; }
#member_result__new .paging .paging-item {vertical-align: middle;display: inline-block;width: 30px;height: 30px;margin: 0 3px;background: #1a2866;font-size: 15px;color: #fff;line-height: 30px;cursor: pointer;}
#member_result__new .paging .paging-item.selected {border: 1px solid #1a2866;background-color: transparent;/* background: #2194dd; */color: #1a2866;}
#member_result__new .paging .paging-side {vertical-align: middle;display: inline-block;width: 32px;height: 31px;line-height: 36px;margin: 0 3px;background: #1a2866;font-size: 15px;color: #fff;cursor: pointer;}
#member_result__new .location-btn { width: 96px; height: 28px; border-radius: 5px; font-size: 13px; color: #fff; background: #f6a849; }
#member_result__new .location-btn span { display: inline-block; height: 14px; line-height: 14px; background: url(../img/location-icon.png) no-repeat left center; padding-left: 18px; }
#member-close__new  {position:absolute;top: 30px;right:20px;width: 46px;height: 46px;background: #fff url(../img/close-btn.png) no-repeat center;border-radius:5px;border: 1px solid #9da2bb;}



.marker{padding: 14px 14px 14px;background-color: #2c386e;color: #fff!important;font-size: 16px;border-radius: 5px;box-shadow: 2px 5px 5px rgba(0,0,0,0.2);border: 1px solid #2c386e;font-weight: bold;min-width: 60px;/* max-width: 91px; */word-break: break-all;transform: translateY(0);}
.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:#e86c19;border: 1px solid #e86c19;}
.marker:hover:after{color:#e86c19}
.marker.active:after{color:#e86c19}
.marker.no_hover{background-color:#747474;border: 1px solid #747474;}
.marker.no_hover:after{color: #747474;}
.marker.no_hover:hover{background-color:#747474;border: 1px solid #747474;}
.marker.no_hover:hover:after{color: #747474;}
.marker.no_hover.active{background-color:#e86c19;border: 1px solid #e86c19;}
.marker.no_hover.active:after{color:#e86c19}



.marker.active{ animation: pin 1.2s cubic-bezier(.36,.07,.19,.97) both infinite;}

@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_marker{padding: 14px 14px 14px;background-color: #2c386e;color: #fff!important;font-size: 24px;border-radius: 5px;box-shadow: 2px 5px 5px rgba(0,0,0,0.2);border: 1px solid #2c386e;font-weight: bold;min-width: 60px;word-break: break-all;transform: translateY(0);font-family: 'S-CoreDream';}
.main_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);}
.main_marker.main_marker_3{background-color:#747474;border: 1px solid #747474;}{color: #747474;}
.main_marker.main_marker_3:after{color: #747474;}
.vr_marker {position:absolute;width: 37px;height: 42px;margin-top: -33px;margin-left: -18px;background:url(../img/vr.png) no-repeat center;}
#pano_wrap {display: none;background: rgba(0,0,0,0.2);position:absolute;left:0;top:0;bottom:0;right:0;}
#pano { position:absolute; left:0; top:0; bottom:0; right:0;  }
#pano_close {position:absolute;right: 20px;top: 20px;width:50px;height:50px;background: rgb(0, 85, 157) url(../img/close-btn.png) no-repeat center;border-radius: 50%;}

#threesixty {position:absolute;width: 100%;height: 100%;/* overflow:hidden; */z-index:1;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(../img/background.jpg) center bottom repeat-x;background-size: cover;}
#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;
	/* z-index: 10; */
	width: 100%;
	height: 100%;
}
.threesixty {bottom: -10%;left: 46%;transform: translate(-50%,0%);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%;}











.paging { text-align: center; margin-top: 30px; }
.paging .paging-item {vertical-align: middle;display: inline-block;width: 36px;height: 36px;margin: 0 3px;background: #fff;font-size: 15px;color: #333;line-height: 36px;cursor: pointer;border-radius: 3px;border: 1px solid #bababa;}
.paging .paging-item.selected {/* background: #0b529d; */color: #0b529d;border: 1px solid #0b529d;}
.paging .paging-side {vertical-align: middle;display: inline-block;width: 36px;height: 36px;line-height: 36px;margin: 0 3px;/* background: #00559d; */font-size: 15px;color: #0b529d;cursor: pointer;border: 1px solid #1a2866;border-radius: 3px;}


.team_menu {overflow:hidden;margin-bottom: 20px;text-align: center;}
.team_menu li {/* float:left; */margin-bottom: 5px;display: inline-block;}
.team_menu li button {padding:10px;color: #2e4c75;/* background:#808080; */font-size:14px;font-weight: bold;border: 1px solid #2e4c75;border-radius: 30px;min-width: 120px;}
.team_menu li.active button {color: #fff;background: #1a2866;}
.team_menu li + li { margin-left:5px; }
#team_menu li:first-child{display:none;}


#constrol { position:absolute; top:30px; right:0; z-index:1; border-top:1px solid#333; border-left:1px solid#333; border-bottom:1px solid#333; border-radius:5px 0 0 5px; }
#constrol button { display:block; font-size:20px; width:50px; height:50px; background:#3a3c49; }
#constrol button:hover { background:#444654;  }
#constrol button + button{ border-top:1px solid #333; }
i.fas { font-family: 'FontAwesome'; font-style:normal; color:#fff; }


.marker,
.safety_marker,
.vr_marker{position:absolute;}



.safety_marker.safety_marker1.marker_h1f3{left: 18%;top: 33.8%;/* max-width: 97px; */}

.marker.marker_h1f1.marker_1{left: 13.7%;top: 50.2%;}
.marker.marker_h1f1.marker_2{left: 69.7%;top: 44.2%;}
.marker.marker_h1f1.marker_3{left: 30.7%;top: 27.2%;}
.marker.marker_h1f1.marker_4{left: 35.9%;top: 46.2%;}
.marker.marker_h1f1.marker_5{left: 36.2%;top: 70.2%;}
.marker.marker_h1f1.marker_6{left: 45.2%;top: 56.2%;}
.marker.marker_h1f1.marker_7{left: 50.2%;top: 31.2%;}

.marker.marker_h1f2.marker_1{left: 33.6%;top: 45.8%;}
.marker.marker_h1f2.marker_2{left: 4.1%;top: 54.8%;}
.marker.marker_h1f2.marker_3{left: 22.1%;top: 45.8%;}
.marker.marker_h1f2.marker_4{left: 65.6%;top: 27.8%;}
.marker.marker_h1f2.marker_5{left: 66.6%;top: 47.8%;}
.marker.marker_h1f2.marker_6{left: 29%; top: 47%;}
/*.marker.marker_h1f2.marker_7{left: 25.6%;top: 27.8%;}*/
.marker.marker_h1f2.marker_7{left: 35.4%;top: 27.8%;}
.marker.marker_h1f2.marker_8{left: 83.95%;top: 52.8%;}
.marker.marker_h1f2.marker_9{left: 30.95%;top: 27.8%;}



.marker.marker_h1f3.marker_1{left: 87.1%;top: 58.8%;}
.marker.marker_h1f3.marker_2{left: 5.1%;top: 57.8%;}
.marker.marker_h1f3.marker_3{left: 15.1%;top: 54.8%;}
.marker.marker_h1f3.marker_4{left: 30.9%;top: 46.8%;}
.marker.marker_h1f3.marker_5{left: 29.5%;top: 27.8%;}
.marker.marker_h1f3.marker_6{left: 45.5%;top: 46.8%;}
.marker.marker_h1f3.marker_7{left: 61.4%;top: 46.8%;}
.marker.marker_h1f3.marker_8{left: 61.5%;top: 27.8%;}
.marker.marker_h1f3.marker_9{left: 71.5%;top: 57.8%;}
.marker.marker_h1f3.marker_10{left: 77.5%;top: 57.8%;}


.marker.marker_h1f4.marker_1{left: 41.1%;top: 44.8%;max-width: 87px;}
.marker.marker_h1f4.marker_2{left: 34.1%;top: 44.8%;max-width: 87px;}
.marker.marker_h1f4.marker_3{left: 7.1%;top: 44.8%;/* max-width: 87px; */}
.marker.marker_h1f4.marker_4{left: 54.4%;top: 44.8%;}
.marker.marker_h1f4.marker_5{left: 65.1%;top: 27.8%;}
.marker.marker_h1f4.marker_6{left: 27.1%;top: 44.8%;}
.marker.marker_h1f4.marker_7{left: 79.4%;top: 50.8%;}
.marker.marker_h1f4.marker_8{left: 31.4%;top: 27.8%;}
.marker.marker_h1f4.marker_9{left: 64.4%;top: 44.8%;}


.marker.marker_h1f5.marker_1{left: 47.1%;top: 44.8%;max-width: 91px;}
.marker.marker_h1f5.marker_2{left: 61.1%;top: 44.8%;}
.marker.marker_h1f5.marker_3{left: 34.1%;top: 44.8%;}
.marker.marker_h1f5.marker_4{left: 27.4%;top: 27.8%;/* max-width: 83px; */}
.marker.marker_h1f5.marker_5{left: 35.1%;top: 27.8%;}
.marker.marker_h1f5.marker_6{left: 62.1%;top: 27.8%;}
.marker.marker_h1f5.marker_7{max-width: 83px;left: 71.4%;top: 27.8%;}
.marker.marker_h1f5.marker_8{left: 31.4%;top: 27.8%;}
.marker.marker_h1f5.marker_9{left: 64.4%;top: 44.8%;}


.marker.marker_h1f6.marker_1{left: 35.1%;top: 44.8%;}
.marker.marker_h1f6.marker_2{left: 61.1%;top: 44.8%;}
.marker.marker_h1f6.marker_3{left: 63.1%;top: 27.8%;}
.marker.marker_h1f6.marker_4{left: 27.4%;top: 27.8%;}
.marker.marker_h1f6.marker_5{left: 35.1%;top: 27.8%;}
.marker.marker_h1f6.marker_6{left: 27.1%;top: 44.8%;}
.marker.marker_h1f6.marker_7{left: 79.4%;top: 50.8%;}
.marker.marker_h1f6.marker_8{left: 31.4%;top: 27.8%;}
.marker.marker_h1f6.marker_9{left: 64.4%;top: 44.8%;}

.marker.marker_h1f7.marker_1{left: 67.1%;top: 27.8%;}
.marker.marker_h1f7.marker_2{left: 55.1%;top: 44.8%;}
.marker.marker_h1f7.marker_3{left: 42.1%;top: 44.8%;}
.marker.marker_h1f7.marker_4{left: 28.4%;top: 44.8%;}
.marker.marker_h1f7.marker_5{left: 28.1%;top: 27.8%;max-width: 95px;}
.marker.marker_h1f7.marker_6{left: 30.1%;top: 27.8%;max-width: 84px;}
.marker.marker_h1f7.marker_7{left: 36.4%;top: 27.8%;}
.marker.marker_h1f7.marker_8{left: 31.4%;top: 27.8%;}
.marker.marker_h1f7.marker_9{left: 64.4%;top: 44.8%;}



.marker.marker_h1f3.marker_1{left: 87.1%;top: 58.8%;}
.marker.marker_h1f3.marker_2{left: 5.1%;top: 57.8%;}
.marker.marker_h1f3.marker_3{left: 15.1%;top: 54.8%;}
.marker.marker_h1f3.marker_4{left: 30.9%;top: 46.8%;}
.marker.marker_h1f3.marker_5{left: 31.5%;top: 27.8%;}
.marker.marker_h1f3.marker_6{left: 45.5%;top: 46.8%;}
.marker.marker_h1f3.marker_7{left: 61.4%;top: 46.8%;}
.marker.marker_h1f3.marker_8{left: 61.5%;top: 27.8%;}
.marker.marker_h1f3.marker_9{left: 71.5%;top: 57.8%;}
.marker.marker_h1f3.marker_10{left: 77.5%;top: 57.8%;}
.marker.marker_h1f3.marker_11{left: 27.5%;top: 27.8%;}
.marker.marker_h1f3.marker_12{left: 7.5%;top: 44.8%;}
.marker.marker_h1f3.marker_13{left: 87.5%;top: 51.8%;}



.marker.marker_h2f1.marker_1{left: 8.1%;top: 46.8%;}
.marker.marker_h2f1.marker_2{left: 7.1%;top: 58.8%;}
.marker.marker_h2f1.marker_3{left: 23.1%;top: 49.8%;}
.marker.marker_h2f1.marker_4{left: 36.1%;top: 48.8%;}
.marker.marker_h2f1.marker_5{left: 44.1%;top: 48.8%;}
.marker.marker_h2f1.marker_6{left: 88.1%;top: 48.8%;}


.marker.marker_h2f2.marker_1{left: 80.1%;top: 46.8%;}
.marker.marker_h2f2.marker_2{left: 49.1%;top: 46.8%;}
.marker.marker_h2f2.marker_3{left: 35.1%;top: 46.8%;}
.marker.marker_h2f2.marker_4{left: 27.1%;top: 46.8%;}

.marker.marker_h2f2.marker_5{left: 4.1%;top: 46.8%;}
.marker.marker_h2f2.marker_6{left: 10%;top: 46.8%;}
.marker.marker_h2f2.marker_7{left: 21.5%;top: 46.8%;}
.marker.marker_h2f2.marker_8{left: 43.6%;top: 46.8%;}
.marker.marker_h2f2.marker_9{left: 15.1%;top: 46.8%;}

.marker.marker_h2f3.marker_1{left: 43.1%;top: 45.8%;}
.marker.marker_h2f3.marker_2{left: 6.5%;top: 45.8%;}
.marker.marker_h2f3.marker_3{left: 14.5%;top: 45.8%;}
.marker.marker_h2f3.marker_4{left: 21.5%;top: 45.8%;}
.marker.marker_h2f3.marker_5{left: 68.5%;top: 45.8%;}
.marker.marker_h2f3.marker_7{left: 81.5%;top: 45.8%;}
.marker.marker_h2f3.marker_8{left: 75.5%;top: 45.8%;}

.marker.marker_h2f3.marker_6{left: 86.5%;top: 45.8%;}
.marker.marker_h2f4.marker_1{left: 44.1%;top: 45.8%;}
.marker.marker_h2f4.marker_2{left: 5.1%;top: 45.8%;}
.marker.marker_h2f4.marker_3{left: 22.5%;top: 45.8%;}
.marker.marker_h2f4.marker_4{left: 72.5%;top: 45.8%;}
.marker.marker_h2f4.marker_5{left: 87.5%;top: 45.8%;}
.marker.marker_h2f4.marker_6{left: 35.5%; top: 45.8%;}
.marker.marker_h2f4.marker_7{left: 46.5%; top: 45.8%;}
.marker.marker_h2f4.marker_8{left: 53.8%; top: 45.8%;}
/*
.marker.marker_h2f4.marker_1{left: 27.1%;top: 50.8%;}
.marker.marker_h2f4.marker_2{left: 39.1%;top: 49.8%;}
.marker.marker_h2f4.marker_3{left: 50.1%;top: 49.8%;}
.marker.marker_h2f4.marker_4{left: 54.1%;top: 52.8%;}
.marker.marker_h2f4.marker_5{left: 64.1%;top: 50.8%;}
*/



.marker.marker_h3f1.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h3f2.marker_1{left: 60.5%;top: 51.8%;}
.marker.marker_h3f2.marker_2{left: 40.5%;top: 51.8%;}
.marker.marker_h3f3.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h3f4.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h3f5.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h3f6.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h4f1.marker_1{left: 80.1%;top: 43.8%;}
.marker.marker_h4f1.marker_2{left: 44.6%;top: 52%;}
.marker.marker_h4f2.marker_1{left: 69.1%;top: 56.8%;}
.marker.marker_h4f2.marker_2{left: 81.1%;top: 42.8%;}
.marker.marker_h4f2.marker_3{left: 46.1%;top: 56.8%;}
.marker.marker_h4f2.marker_4{left: 19.4%;top: 56.8%;}
.marker.marker_h4f2.marker_5{left: 31.1%;top: 30.8%;}
.marker.marker_h4f3.marker_1{left: 80.2%;top: 47%;}
.marker.marker_h4f3.marker_2{left: 47.5%;top: 58.8%;}
.marker.marker_h4f3.marker_3{left: 20.2%;top: 58.8%;}
.marker.marker_h4f3.marker_4{left: 30.5%;top: 27.8%;}
.marker.marker_h4f3.marker_5{left: 64.5%;top: 60.8%;}




.view_box{max-width:1000px;max-height:462px;height: 417px;position:relative;border: 1px solid #ddd;}
.view_box #img{position:absolute;top:0;left:0;max-width:100%;width:100%;height: 100%;background-image: url('/cyber/hall/img/3d/img1.jpg');background-repeat:no-repeat;background-size:100%;}
.view_box #img img{opacity:0;}
.view_box #img.img1{background-image: url('/cyber/hall/img/3d/img1.jpg');}
.view_box #img.img2{background-image: url('/cyber/hall/img/3d/img2.jpg');}
.view_box #img.img3{background-image: url('/cyber/hall/img/3d/img2.jpg');}

.seat {border-top: 3px solid #1e81b8;position: absolute;display: inline-block;width: 104px;background-color:#fff;box-shadow: 3px 3px 8px rgba(0,0,0,.2);z-index: 2;transform: scale(1);transform-origin: bottom center;transition: transform .222s ease, box-shadow .2s ease, opacity .222s ease;opacity: 1;/* border-radius: 5px; */overflow: hidden;border-radius: 5px;z-index: 9;}
.seat .infobox{display: inline-block; vertical-align: top;position: relative;}
.seat .infobox {position: relative;z-index: 10;width:100%;padding: 5px;box-sizing: border-box;}
.seat .infobox .mem_info {display: block;line-height: 1.2;white-space: normal;font-size: 12px;letter-spacing: -1px;}
.seat .infobox .mem_info.tel {/* display: none !important; *//* padding-bottom: 5px; *//* margin-bottom: 10px; *//* border-bottom: 1px dashed #ddd; */position: relative;padding-left: 18px;padding-top: 4px;}
.seat .infobox .mem_info.tel:before{
	content:'';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #2194dd;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149 13.901 13.901 0 0 0 4 1.205c.139.02.322.042.55.064a.5.5 0 0 1 .449.498z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	top: 3px;
	left: 0;
}
.seat .infobox .user_name {font-size: 15px;color: #222;display: inline-block;}
.seat .infobox .position {font-size: 12px;color: rgba(34,34,34,.5);display: inline-block;}
.seat .infobox .position.lead {color: #00c0cc;}
.seat .infobox .mem_info.duty{display:none;}
.seat .infobox .mem_info.duty em{display:block;overflow:hidden;overflow-y: scroll;max-height: 39px;line-height: 1.15;}
.seat .infobox .seat-link{position: relative;text-align: left;width: 100%;height: 100%;}
.seat .infobox .seat-link:before{content:'';position: absolute;top: 0;right: 0;width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 11V8l4 4-4 4v-3H8v-2h4zm0-9c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zm0 18c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8z' fill='rgba(26,40,102,1)'/%3E%3C/svg%3E");background-size: 100%;}


.seat.active{border-top: 3px solid #e86c19;transform: scale(1.1);z-index: 10;}
.view_box{position: relative;}
.view_box .tip{position: absolute;bottom:0;right:0;background-color:rgba(255,255,255,0.7);padding: 10px;font-size: 15px;font-family: 'S-CoreDream';color: #000;line-height: 1;}

.view_box.img1 .seat[data-position="과장"],
.view_box.img1 .seat.index0{top: 1%;left: 9%;}
.view_box.img1 .seat.index1{top: 41%;left: 10%;}
.view_box.img1 .seat.index2{top: 76%;left: 35%;}
.view_box.img1 .seat.index3{top: 12%;left: 35%;}
.view_box.img1 .seat.index4{top: 76%;left: 47%;}
.view_box.img1 .seat.index5{top: 12%;left: 47%;}
.view_box.img1 .seat.index6{top: 76%;left: 59%;}
.view_box.img1 .seat.index7{top: 12%;left: 59%;}
.view_box.img1 .seat.index8{top: 76%;left: 70%;}
.view_box.img1 .seat.index9{top: 12%;left: 70%;}
.view_box.img1 .seat.index10{top: 76%;left: 84%;}


.view_box.img1 .seat.active[data-position="과장"],
.view_box.img1 .seat.active.index0{top: 1%;left: 9%;}
.view_box.img1 .seat.active.index1{top: 41%;left: 10%;}
.view_box.img1 .seat.active.index2{top: 76%;left: 35%;}
.view_box.img1 .seat.active.index3{top: 12%;left: 35%;}
.view_box.img1 .seat.active.index4{top: 76%;left: 47%;}
.view_box.img1 .seat.active.index5{top: 12%;left: 47%;}
.view_box.img1 .seat.active.index6{top: 76%;left: 59%;}
.view_box.img1 .seat.active.index7{top: 12%;left: 59%;}
.view_box.img1 .seat.active.index8{top: 76%;left: 70%;}
.view_box.img1 .seat.active.index9{top: 12%;left: 70%;}
.view_box.img1 .seat.active.index10{top: 76%;left: 84%;}


.view_box.img2 .seat.index0{top: 41%;left: 10%;}
.view_box.img2 .seat.index1{top: 76%;left: 35%;}
.view_box.img2 .seat.index2{top: 12%;left: 35%;}
.view_box.img2 .seat.index3{top: 76%;left: 47%;}
.view_box.img2 .seat.index4{top: 12%;left: 47%;}
.view_box.img2 .seat.index5{top: 76%;left: 59%;}
.view_box.img2 .seat.index6{top: 12%;left: 59%;}
.view_box.img2 .seat.index7{top: 76%;left: 70%;}
.view_box.img2 .seat.index8{top: 12%;left: 70%;}
.view_box.img2 .seat.index9{top: 76%;left: 84%;}
.view_box.img2 .seat.index10{top: 12%;left: 84%;}


.view_box.img3 .seat.index0{top: 41%;left: 10%;}
.view_box.img3 .seat.index1{top: 76%;left: 35%;}
.view_box.img3 .seat.index2{top: 12%;left: 35%;}
.view_box.img3 .seat.index3{top: 76%;left: 47%;}
.view_box.img3 .seat.index4{top: 12%;left: 47%;}
.view_box.img3 .seat.index5{top: 76%;left: 59%;}
.view_box.img3 .seat.index6{top: 12%;left: 59%;}
.view_box.img3 .seat.index7{top: 76%;left: 70%;}
.view_box.img3 .seat.index8{top: 12%;left: 70%;}
.view_box.img3 .seat.index9{top: 76%;left: 84%;}
.view_box.img3 .seat.index10{top: 12%;left: 84%;}



.infotext{display:none;position: relative;padding: 20px;padding-left: 210px;margin: 0;min-height: 70px;/* border: 1px solid; */background-color: #f4f4f4;/* opacity: 0; */border-top: 3px solid #1e81b8;margin-top: -1px;}
.infotext:before{content:'';position:absolute;top: 50%;left: 195px;width:1px;height: 75px;/* background: #ddd; */border-left: 1px dashed #ddd;transform: translate(0, -50%);}
.infotext .name{position:absolute;top: 20px;left: 20px;line-height: 1;}

.infotext .mem_info.user_name,
.infotext .mem_info.position{display:inline-block;}
.infotext .mem_info.user_name{font-size:26px;color: #09164f;font-family: 'Vitro';}
.infotext .mem_info.position{font-size: 18px;color: #666;font-family: 'S-CoreDream';}
.infotext .mem_info.tel {position: absolute;top: 59px;left: 20px;padding-left: 23px;padding-top: 4px;/* font-family: 'S-CoreDream'; */font-size: 16px;font-weight: normal;color: #333;}
.infotext .mem_info.tel:before{
	content:'';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #2194dd;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149 13.901 13.901 0 0 0 4 1.205c.139.02.322.042.55.064a.5.5 0 0 1 .449.498z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	top: 5px;
	left: 0;
}


.infotext .mem_info {line-height:1.4;font-size:16px;}


.infotext .mem_info.duty{display:block;white-space: pre;height: 65px;overflow: hidden;overflow-y: scroll;}
.infotext .mem_info.duty em{/* display:flex; *//* align-content: center; */height: 100%;/* align-items: center; */padding: 0 10px;display: block;line-height: 1.4;}




.keyboard {opacity: 0;width: 1007px;padding: 20px;margin: 91px auto;background-color: #fff;box-shadow: 6px 6px 10px rgba(0,0,0,.25);white-space: normal;transition: opacity .2s ease;}
.keyboard button {display: inline-block; vertical-align: top; width: 76px; height: 76px; margin: 4px; line-height: 78px; text-align: center; background-color: #ebebeb; border: 0; font-weight: 700; font-size: 20px;}
.keyboard .blank {display: inline-block; vertical-align: top; width: 76px; height: 76px; margin: 4px; line-height: 78px; text-align: center; background-color: #ebebeb; border: 0;}
.keyboard button[data-key-func="submit"] {width: 341px;}
.keyboard button[data-key-func="reset"] {line-height:1}
.keyboard button:active {background-color: #0054d2; color: #fff;}


.search_comment {display: block; text-align: center; margin: 26px auto 0;}
.search_comment *{font-style:normal}
.search_comment span {position: relative; display: none; color: #222; padding-left: 30px; font-size: 20px; }
.search_comment span.on {display: inline-block;}
.search_comment span.on:before{content:'';position:absolute;top: -6px;left: 5px;width:30px;height:30px;background-image: url('/cheongsa/images/dept/deco_sch_cmt2.png');background-repeat: no-repeat;background-position: left center;display: block;}



.search_form {display: block;margin:0 auto;/* width: 682px; */padding-top: 160px;position: absolute;top: 50%;left: 50%;/* transform: translate(-50%, -50%); */margin: -25% 0 0 -503px;}
#search_form{margin:0 auto;width: 682px;}

.search_form #search_input {width: 592px;height: 85px;border: 7px solid #111574;background-color: #fff;border-right: 0;padding: 15px;box-sizing: border-box;outline: none;font-weight: 700;font-size: 30px;/* border: none; */}
.search_form .submit_btn {vertical-align: top;width:85px;height: 85px;margin: 0 0 0 -4px;background-color: #111574;border: 0;/* background-image: url('/cheongsa/images/dept/icn_search.png'); *//* background-repeat: no-repeat; */font-size: 0;/* background-position: center; */vertical-align: top;outline: none;padding: 20px;border: none;}
.search_form .submit_btn svg{overflow:visible;/* transform: scale(0.6); */}
.search_form .submit_btn .cls-0,
.search_form .submit_btn .cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:10px;}
.search_form .submit_btn .cls-1{stroke-width:15px;}

#title a.site-name .logo_img{display:inline-block;}
.home{display:inline-block;width:68px;height:68px;background-color: #2c386e;border-radius: 50%;margin-top: -7px;margin-left: 17px;box-shadow: 3px 3px 5px rgb(0 0 0 / 20%)}
.home .text{display:block;position: relative;text-align:center;font-size:14px;color:#fff;padding-top:38px;width:100%;height:100%;}
.home .text:before{content: '';position: absolute;top:12px;left:50%;transform: translate(-50%, 0);width:20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zm-9-7v6h2v-6h-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-size:100%;}
#search-animatedtwo .cls-1 {animation: spinMaSearch 2s infinite;transform-origin: 100px 100px;}
@keyframes spinMaSearch {
	0% {
		transform: rotate(0deg);
	}

	60%,100% {
		transform: rotate(360deg);
	}
}


#all_menu:before, #all_menu:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -3;
}

/*
#all_menu:before {
  right: 0;
  bottom: -19;
  opacity: 0.5;
  height: 30em;
  width: 30em;
  border-radius: 30em;
  background: linear-gradient(#e5f1ff, #56608b);
  align-self: flex-end;
  -webkit-animation: gradient-fade 8s ease-in-out 3s infinite alternate;
  animation: gradient-fade 8s ease-in-out 3s infinite alternate;
}
#all_menu:after {
  top: auto;
  bottom: 130px;
  left: 130px;
  opacity: 0.2;
  height: 20em;
  width: 20em;
  border-radius: 20em;
  background: linear-gradient(#e5f1ff, #111574);
  -webkit-animation: gradient-fade-alt 6s ease-in-out 3s infinite alternate;
  animation: gradient-fade-alt 6s ease-in-out 3s infinite alternate;
}


@-webkit-keyframes gradient-fade {
  from {
    transform: translate(10%, -10%) rotate(0deg);
  }
  to {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
@keyframes gradient-fade {
  from {
    transform: translate(10%, -10%) rotate(0deg);
  }
  to {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes gradient-fade-alt {
  from {
    transform: translate(-20%, 20%) rotate(0deg);
  }
  to {
    transform: translate(-60%, 60%) rotate(360deg);
  }
}
@keyframes gradient-fade-alt {
  from {
    transform: translate(-20%, 20%) rotate(0deg);
  }
  to {
    transform: translate(-60%, 60%) rotate(360deg);
  }
}
*/
.arrow-maps{/* display:none; *//* display:none; */display: none !important;position: absolute;bottom: -200px;left: 50%;max-width: 1600px;width: 100%;/* margin: 0 auto; */transform: translate(-50%, 0);}
.arrow-maps.on{display:block;}
.arrow-maps img{max-width:none;width:100%;max-width:none;max-height:none;}
.geo-arrow {fill: none;stroke: #fff;stroke-width: 2;stroke-miterlimit: 10}

.arrow1{position:absolute;top: 33%;left: 29%;transform: rotate(90deg) scale(0.8);}
.arrow2{position:absolute;top: 23%;left: 22%;transform: rotate(180deg) scale(0.8);}
.arrow3{position:absolute;top: 23%;left: 69%;transform: rotate(180deg) scale(0.75);}


.dotted-circle {
	position: absolute;
	top: 40px;
	right: 220px;
	opacity: 0.3;
	-webkit-animation: rotation 38s linear infinite;
	animation: rotation 38s linear infinite;
}

#all_menu.active .draw-in {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	-webkit-animation: draw 10s ease-in-out alternate infinite;
	animation: draw 10s ease-in-out alternate infinite;

}

#all_menu.active .draw-in2 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	-webkit-animation: draw 25s ease-in-out alternate infinite;
	animation: draw 25s ease-in-out alternate infinite;
}
@-webkit-keyframes draw2 {
	from {
		stroke-dashoffset: 400;
	}
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes draw2 {
	from {
		stroke-dashoffset: 400;
	}
	to {
		stroke-dashoffset: 0;
	}
}
@-webkit-keyframes draw {
	from {
		stroke-dashoffset: 1000;
	}
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes draw {
	from {
		stroke-dashoffset: 1000;
	}
	to {
		stroke-dashoffset: 0;
	}
}
.item-to {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	transform-origin: bottom;
}

.bounce-1 {
	-webkit-animation-name: bounce-1;
	animation-name: bounce-1;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

.bounce-2 {
	-webkit-animation-name: bounce-2;
	animation-name: bounce-2;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

.bounce-3 {
	-webkit-animation-name: bounce-3;
	animation-name: bounce-3;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

@-webkit-keyframes bounce-1 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(50px);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes bounce-1 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(50px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes bounce-2 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes bounce-2 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes bounce-3 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(30px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes bounce-3 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(30px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/*.marker.marker_h1f2.marker_7{left: 25.6%;top: 27.8%;}*/
.marker.marker_h1f2.marker_7{left: 35.4%;top: 27.8%;}
.marker.marker_h1f2.marker_8{left: 83.95%;top: 52.8%;}



.marker.marker_h1f3.marker_1{left: 87.1%;top: 58.8%;}
.marker.marker_h1f3.marker_2{left: 5.1%;top: 57.8%;}
.marker.marker_h1f3.marker_3{left: 15.1%;top: 54.8%;}
.marker.marker_h1f3.marker_4{left: 30.9%;top: 46.8%;}
.marker.marker_h1f3.marker_5{left: 29.5%;top: 27.8%;}
.marker.marker_h1f3.marker_6{left: 45.5%;top: 46.8%;}
.marker.marker_h1f3.marker_7{left: 61.4%;top: 46.8%;}
.marker.marker_h1f3.marker_8{left: 61.5%;top: 27.8%;}
.marker.marker_h1f3.marker_9{left: 71.5%;top: 57.8%;}
.marker.marker_h1f3.marker_10{left: 77.5%;top: 57.8%;}


.marker.marker_h1f4.marker_1{left: 41.1%;top: 44.8%;max-width: 87px;}
.marker.marker_h1f4.marker_2{left: 35.1%;top: 44.8%;max-width: 87px;}
.marker.marker_h1f4.marker_3{left: 7.1%;top: 44.8%;/* max-width: 87px; */}
.marker.marker_h1f4.marker_4{left: 54.4%;top: 44.8%;}
.marker.marker_h1f4.marker_5{left: 65.1%;top: 27.8%;}
.marker.marker_h1f4.marker_6{left: 27.1%;top: 44.8%;}
.marker.marker_h1f4.marker_7{left: 79.4%;top: 50.8%;}
.marker.marker_h1f4.marker_8{left: 31.4%;top: 27.8%;}
.marker.marker_h1f4.marker_9{left: 64.4%;top: 44.8%;}
.marker.marker_h1f4.marker_10{left: 28.1%;top: 27.8%;}


.marker.marker_h1f5.marker_1{left: 42.1%;top: 44.8%;max-width: 91px;}
.marker.marker_h1f5.marker_2{left: 61.1%;top: 44.8%;}
.marker.marker_h1f5.marker_3{left: 34.1%;top: 44.8%;}
.marker.marker_h1f5.marker_4{left: 27.4%;top: 27.8%;/* max-width: 83px; */}
.marker.marker_h1f5.marker_5{left: 35.1%;top: 27.8%;}
.marker.marker_h1f5.marker_6{left: 62.1%;top: 27.8%;}
.marker.marker_h1f5.marker_7{max-width: 93px;left: 48.4%;top: 44.8%;}
.marker.marker_h1f5.marker_8{left: 31.4%;top: 27.8%;}
.marker.marker_h1f5.marker_9{left: 64.4%;top: 44.8%;}


.marker.marker_h1f6.marker_1{left: 35.1%;top: 44.8%;}
.marker.marker_h1f6.marker_2{left: 61.1%;top: 44.8%;}
.marker.marker_h1f6.marker_3{left: 63.1%;top: 27.8%;}
.marker.marker_h1f6.marker_4{left: 27.4%;top: 27.8%;}
.marker.marker_h1f6.marker_5{left: 35.1%;top: 27.8%;}
.marker.marker_h1f6.marker_6{left: 27.1%;top: 44.8%;}
.marker.marker_h1f6.marker_7{left: 79.4%;top: 50.8%;}
.marker.marker_h1f6.marker_8{left: 31.4%;top: 27.8%;}
.marker.marker_h1f6.marker_9{left: 64.4%;top: 44.8%;}

.marker.marker_h1f7.marker_1{left: 67.1%;top: 27.8%;}
.marker.marker_h1f7.marker_2{left: 55.1%;top: 44.8%;}
.marker.marker_h1f7.marker_3{left: 42.1%;top: 44.8%;}
.marker.marker_h1f7.marker_4{left: 28.4%;top: 44.8%;}
.marker.marker_h1f7.marker_5{left: 28.1%;top: 27.8%;max-width: 95px;}
.marker.marker_h1f7.marker_6{left: 30.1%;top: 27.8%;max-width: 84px;}
.marker.marker_h1f7.marker_7{left: 36.4%;top: 27.8%;}
.marker.marker_h1f7.marker_8{left: 31.4%;top: 27.8%;}
.marker.marker_h1f7.marker_9{left: 64.4%;top: 44.8%;}



.marker.marker_h1f3.marker_1{left: 87.1%;top: 58.8%;}
.marker.marker_h1f3.marker_2{left: 5.1%;top: 57.8%;}
.marker.marker_h1f3.marker_3{left: 15.1%;top: 54.8%;}
.marker.marker_h1f3.marker_4{left: 30.9%;top: 46.8%;}
.marker.marker_h1f3.marker_5{left: 31.5%;top: 27.8%;}
.marker.marker_h1f3.marker_6{left: 45.5%;top: 46.8%;}
.marker.marker_h1f3.marker_7{left: 61.4%;top: 46.8%;}
.marker.marker_h1f3.marker_8{left: 61.5%;top: 27.8%;}
.marker.marker_h1f3.marker_9{left: 71.5%;top: 57.8%;}
.marker.marker_h1f3.marker_10{left: 77.5%;top: 57.8%;}
.marker.marker_h1f3.marker_11{left: 27.5%;top: 27.8%;}
.marker.marker_h1f3.marker_12{left: 7.5%;top: 44.8%;}
.marker.marker_h1f3.marker_13{left: 87.5%;top: 51.8%;}



.marker.marker_h2f1.marker_1{left: 8.1%;top: 46.8%;}
.marker.marker_h2f1.marker_2{left: 7.1%;top: 58.8%;}
.marker.marker_h2f1.marker_3{left: 23.1%;top: 49.8%;}
.marker.marker_h2f1.marker_4{left: 36.1%;top: 48.8%;}
.marker.marker_h2f1.marker_5{left: 44.1%;top: 48.8%;}
.marker.marker_h2f1.marker_6{left: 88.1%;top: 48.8%;}


.marker.marker_h2f2.marker_1{left: 80.1%;top: 46.8%;}
.marker.marker_h2f2.marker_2{left: 52.1%;top: 46.8%;}
.marker.marker_h2f2.marker_3{left: 35.1%;top: 46.8%;}
.marker.marker_h2f2.marker_4{left: 27.1%;top: 46.8%;}

.marker.marker_h2f2.marker_5{left: 4.1%;top: 46.8%;}
.marker.marker_h2f2.marker_6{left: 10%;top: 46.8%;}
.marker.marker_h2f2.marker_7{left: 21.5%;top: 46.8%;}
.marker.marker_h2f2.marker_8{left: 43.6%;top: 46.8%;}
.marker.marker_h2f2.marker_9{left: 15.1%;top: 46.8%;}

.marker.marker_h2f3.marker_1{left: 43.1%;top: 45.8%;}
.marker.marker_h2f3.marker_2{left: 6.5%;top: 45.8%;}
.marker.marker_h2f3.marker_3{left: 14.5%;top: 45.8%;}
.marker.marker_h2f3.marker_4{left: 21.5%;top: 45.8%;}
.marker.marker_h2f3.marker_5{left: 68.5%;top: 45.8%;}
.marker.marker_h2f3.marker_7{left: 81.5%;top: 45.8%;}
.marker.marker_h2f3.marker_8{left: 75.5%;top: 45.8%;}

.marker.marker_h2f3.marker_6{left: 86.5%;top: 45.8%;}
.marker.marker_h2f4.marker_1{left: 44.1%;top: 45.8%;}
.marker.marker_h2f4.marker_2{left: 5.1%;top: 45.8%;}
.marker.marker_h2f4.marker_3{left: 22.5%;top: 45.8%;}
.marker.marker_h2f4.marker_4{left: 69.9%;top: 45.8%;}
.marker.marker_h2f4.marker_5{left: 87.5%;top: 45.8%;}
.marker.marker_h2f4.marker_6{left: 38.5%; top: 45.8%;}
/*
.marker.marker_h2f4.marker_1{left: 27.1%;top: 50.8%;}
.marker.marker_h2f4.marker_2{left: 39.1%;top: 49.8%;}
.marker.marker_h2f4.marker_3{left: 50.1%;top: 49.8%;}
.marker.marker_h2f4.marker_4{left: 54.1%;top: 52.8%;}
.marker.marker_h2f4.marker_5{left: 64.1%;top: 50.8%;}
*/



.marker.marker_h3f1.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h3f2.marker_1{left: 60.5%;top: 51.8%;}
.marker.marker_h3f2.marker_2{left: 40.5%;top: 51.8%;}
.marker.marker_h3f3.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h3f4.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h3f5.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h3f6.marker_1{left: 45.5%;top: 51.8%;}
.marker.marker_h4f1.marker_1{left: 80.1%;top: 43.8%;}
.marker.marker_h4f1.marker_2{left: 44.6%;top: 52%;}
.marker.marker_h4f2.marker_1{left: 70.1%;top: 56.8%;}
.marker.marker_h4f2.marker_2{left: 81.1%;top: 42.8%;}
.marker.marker_h4f2.marker_3{left: 46.1%;top: 56.8%;}
.marker.marker_h4f2.marker_4{left: 19.4%;top: 56.8%;}
.marker.marker_h4f2.marker_5{left: 31.1%;top: 30.8%;}
.marker.marker_h4f2.marker_6{left: 62.1%;top: 56.8%;}
.marker.marker_h4f3.marker_1{left: 80.2%;top: 47%;}
.marker.marker_h4f3.marker_2{left: 47.5%;top: 58.8%;}
.marker.marker_h4f3.marker_3{left: 20.2%;top: 58.8%;}
.marker.marker_h4f3.marker_4{left: 30.5%;top: 27.8%;}
.marker.marker_h4f3.marker_5{left: 64.5%;top: 60.8%;}




.view_box{max-width:1000px;max-height:462px;height: 417px;position:relative;border: 1px solid #ddd;}
.view_box #img{position:absolute;top:0;left:0;max-width:100%;width:100%;height: 100%;background-image: url('/cyber/hall/img/3d/img1.jpg');background-repeat:no-repeat;background-size:100%;}
.view_box #img img{opacity:0;}
.view_box #img.img1{background-image: url('/cyber/hall/img/3d/img1.jpg');}
.view_box #img.img2{background-image: url('/cyber/hall/img/3d/img2.jpg');}
.view_box #img.img3{background-image: url('/cyber/hall/img/3d/img2.jpg');}

.seat {border-top: 3px solid #1e81b8;position: absolute;display: inline-block;width: 104px;background-color:#fff;box-shadow: 3px 3px 8px rgba(0,0,0,.2);z-index: 2;transform: scale(1);transform-origin: bottom center;transition: transform .222s ease, box-shadow .2s ease, opacity .222s ease;opacity: 1;/* border-radius: 5px; */overflow: hidden;border-radius: 5px;z-index: 9;}
.seat .infobox{display: inline-block; vertical-align: top;position: relative;}
.seat .infobox {position: relative;z-index: 10;width:100%;padding: 5px;box-sizing: border-box;}
.seat .infobox .mem_info {display: block;line-height: 1.2;white-space: normal;font-size: 12px;letter-spacing: -1px;}
.seat .infobox .mem_info.tel {/* display: none !important; *//* padding-bottom: 5px; *//* margin-bottom: 10px; *//* border-bottom: 1px dashed #ddd; */position: relative;padding-left: 18px;padding-top: 4px;min-height: 19px;}
.seat .infobox .mem_info.tel:before{
	content:'';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #2194dd;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149 13.901 13.901 0 0 0 4 1.205c.139.02.322.042.55.064a.5.5 0 0 1 .449.498z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	top: 3px;
	left: 0;
}
.seat .infobox .user_name {font-size: 15px;color: #222;display: inline-block;}
.seat .infobox .position {font-size: 12px;color: rgba(34,34,34,.5);display: inline-block;}
.seat .infobox .position.lead {color: #00c0cc;}
.seat .infobox .mem_info.duty{display:none;}
.seat .infobox .mem_info.duty em{display:block;overflow:hidden;overflow-y: scroll;max-height: 39px;line-height: 1.15;}
.seat .infobox .seat-link{position: relative;text-align: left;width: 100%;height: 100%;}
.seat .infobox .seat-link:before{content:'';position: absolute;top: 0;right: 0;width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 11V8l4 4-4 4v-3H8v-2h4zm0-9c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zm0 18c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8z' fill='rgba(26,40,102,1)'/%3E%3C/svg%3E");background-size: 100%;}


.seat.active{border-top: 3px solid #e86c19;transform: scale(1.1);z-index: 10;}
.view_box{position: relative;}
.view_box .tip{position: absolute;bottom:0;right:0;background-color:rgba(255,255,255,0.7);padding: 10px;font-size: 15px;font-family: 'S-CoreDream';color: #000;line-height: 1;}

.view_box.img1 .seat[data-position="과장"],
.view_box.img1 .seat.index0{top: 1%;left: 9%;}
.view_box.img1 .seat.index1{top: 41%;left: 10%;}
.view_box.img1 .seat.index2{top: 76%;left: 35%;}
.view_box.img1 .seat.index3{top: 12%;left: 35%;}
.view_box.img1 .seat.index4{top: 76%;left: 47%;}
.view_box.img1 .seat.index5{top: 12%;left: 47%;}
.view_box.img1 .seat.index6{top: 76%;left: 59%;}
.view_box.img1 .seat.index7{top: 12%;left: 59%;}
.view_box.img1 .seat.index8{top: 76%;left: 70%;}
.view_box.img1 .seat.index9{top: 12%;left: 70%;}
.view_box.img1 .seat.index10{top: 76%;left: 84%;}


.view_box.img1 .seat.active[data-position="과장"],
.view_box.img1 .seat.active.index0{top: 1%;left: 9%;}
.view_box.img1 .seat.active.index1{top: 41%;left: 10%;}
.view_box.img1 .seat.active.index2{top: 76%;left: 35%;}
.view_box.img1 .seat.active.index3{top: 12%;left: 35%;}
.view_box.img1 .seat.active.index4{top: 76%;left: 47%;}
.view_box.img1 .seat.active.index5{top: 12%;left: 47%;}
.view_box.img1 .seat.active.index6{top: 76%;left: 59%;}
.view_box.img1 .seat.active.index7{top: 12%;left: 59%;}
.view_box.img1 .seat.active.index8{top: 76%;left: 70%;}
.view_box.img1 .seat.active.index9{top: 12%;left: 70%;}
.view_box.img1 .seat.active.index10{top: 76%;left: 84%;}


.view_box.img2 .seat.index0{top: 41%;left: 10%;}
.view_box.img2 .seat.index1{top: 76%;left: 35%;}
.view_box.img2 .seat.index2{top: 12%;left: 35%;}
.view_box.img2 .seat.index3{top: 76%;left: 47%;}
.view_box.img2 .seat.index4{top: 12%;left: 47%;}
.view_box.img2 .seat.index5{top: 76%;left: 59%;}
.view_box.img2 .seat.index6{top: 12%;left: 59%;}
.view_box.img2 .seat.index7{top: 76%;left: 70%;}
.view_box.img2 .seat.index8{top: 12%;left: 70%;}
.view_box.img2 .seat.index9{top: 76%;left: 84%;}
.view_box.img2 .seat.index10{top: 12%;left: 84%;}


.view_box.img3 .seat.index0{top: 41%;left: 10%;}
.view_box.img3 .seat.index1{top: 76%;left: 35%;}
.view_box.img3 .seat.index2{top: 12%;left: 35%;}
.view_box.img3 .seat.index3{top: 76%;left: 47%;}
.view_box.img3 .seat.index4{top: 12%;left: 47%;}
.view_box.img3 .seat.index5{top: 76%;left: 59%;}
.view_box.img3 .seat.index6{top: 12%;left: 59%;}
.view_box.img3 .seat.index7{top: 76%;left: 70%;}
.view_box.img3 .seat.index8{top: 12%;left: 70%;}
.view_box.img3 .seat.index9{top: 76%;left: 84%;}
.view_box.img3 .seat.index10{top: 12%;left: 84%;}



.infotext{display:none;position: relative;padding: 20px;padding-left: 210px;margin: 0;min-height: 70px;/* border: 1px solid; */background-color: #f4f4f4;/* opacity: 0; */border-top: 3px solid #1e81b8;margin-top: -1px;}
.infotext:before{content:'';position:absolute;top: 50%;left: 195px;width:1px;height: 75px;/* background: #ddd; */border-left: 1px dashed #ddd;transform: translate(0, -50%);}
.infotext .name{position:absolute;top: 20px;left: 20px;line-height: 1;}

.infotext .mem_info.user_name,
.infotext .mem_info.position{display:inline-block;}
.infotext .mem_info.user_name{font-size:26px;color: #09164f;font-family: 'Vitro';}
.infotext .mem_info.position{font-size: 18px;color: #666;font-family: 'S-CoreDream';}
.infotext .mem_info.tel {position: absolute;top: 59px;left: 20px;padding-left: 23px;padding-top: 4px;/* font-family: 'S-CoreDream'; */font-size: 16px;font-weight: normal;color: #333;}
.infotext .mem_info.tel:before{
	content:'';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #2194dd;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149 13.901 13.901 0 0 0 4 1.205c.139.02.322.042.55.064a.5.5 0 0 1 .449.498z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	top: 5px;
	left: 0;
}


.infotext .mem_info {line-height:1.4;font-size:16px;}


.infotext .mem_info.duty{display:block;white-space: pre;height: 65px;overflow: hidden;overflow-y: scroll;}
.infotext .mem_info.duty em{/* display:flex; *//* align-content: center; */height: 100%;/* align-items: center; */padding: 0 10px;display: block;line-height: 1.4;}




.keyboard {opacity: 0;width: 1007px;padding: 20px;margin: 91px auto;background-color: #fff;box-shadow: 6px 6px 10px rgba(0,0,0,.25);white-space: normal;transition: opacity .2s ease;}
.keyboard button {display: inline-block; vertical-align: top; width: 76px; height: 76px; margin: 4px; line-height: 78px; text-align: center; background-color: #ebebeb; border: 0; font-weight: 700; font-size: 20px;}
.keyboard .blank {display: inline-block; vertical-align: top; width: 76px; height: 76px; margin: 4px; line-height: 78px; text-align: center; background-color: #ebebeb; border: 0;}
.keyboard button[data-key-func="submit"] {width: 341px;}
.keyboard button[data-key-func="reset"] {line-height:1}
.keyboard button:active {background-color: #0054d2; color: #fff;}


.search_comment {display: block; text-align: center; margin: 26px auto 0;}
.search_comment *{font-style:normal}
.search_comment span {position: relative; display: none; color: #222; padding-left: 30px; font-size: 20px; }
.search_comment span.on {display: inline-block;}
.search_comment span.on:before{content:'';position:absolute;top: -6px;left: 5px;width:30px;height:30px;background-image: url('/cheongsa/images/dept/deco_sch_cmt2.png');background-repeat: no-repeat;background-position: left center;display: block;}



.search_form {display: block;margin:0 auto;/* width: 682px; */padding-top: 160px;position: absolute;top: 50%;left: 50%;/* transform: translate(-50%, -50%); */margin: -25% 0 0 -503px;}
#search_form{margin:0 auto;width: 682px;}

.search_form #search_input {width: 592px;height: 85px;border: 7px solid #111574;background-color: #fff;border-right: 0;padding: 15px;box-sizing: border-box;outline: none;font-weight: 700;font-size: 30px;/* border: none; */}
.search_form .submit_btn {vertical-align: top;width:85px;height: 85px;margin: 0 0 0 -4px;background-color: #111574;border: 0;/* background-image: url('/cheongsa/images/dept/icn_search.png'); *//* background-repeat: no-repeat; */font-size: 0;/* background-position: center; */vertical-align: top;outline: none;padding: 20px;border: none;}
.search_form .submit_btn svg{overflow:visible;/* transform: scale(0.6); */}
.search_form .submit_btn .cls-0,
.search_form .submit_btn .cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:10px;}
.search_form .submit_btn .cls-1{stroke-width:15px;}

#title a.site-name .logo_img{display:inline-block;}
.home{display:inline-block;width:68px;height:68px;background-color: #2c386e;border-radius: 50%;margin-top: -7px;margin-left: 17px;box-shadow: 3px 3px 5px rgb(0 0 0 / 20%)}
.home .text{display:block;position: relative;text-align:center;font-size:14px;color:#fff;padding-top:38px;width:100%;height:100%;}
.home .text:before{content: '';position: absolute;top:12px;left:50%;transform: translate(-50%, 0);width:20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zm-9-7v6h2v-6h-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-size:100%;}
#search-animatedtwo .cls-1 {animation: spinMaSearch 2s infinite;transform-origin: 100px 100px;}
@keyframes spinMaSearch {
	0% {
		transform: rotate(0deg);
	}

	60%,100% {
		transform: rotate(360deg);
	}
}


#all_menu:before, #all_menu:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -3;
}

/*
#all_menu:before {
  right: 0;
  bottom: -19;
  opacity: 0.5;
  height: 30em;
  width: 30em;
  border-radius: 30em;
  background: linear-gradient(#e5f1ff, #56608b);
  align-self: flex-end;
  -webkit-animation: gradient-fade 8s ease-in-out 3s infinite alternate;
  animation: gradient-fade 8s ease-in-out 3s infinite alternate;
}
#all_menu:after {
  top: auto;
  bottom: 130px;
  left: 130px;
  opacity: 0.2;
  height: 20em;
  width: 20em;
  border-radius: 20em;
  background: linear-gradient(#e5f1ff, #111574);
  -webkit-animation: gradient-fade-alt 6s ease-in-out 3s infinite alternate;
  animation: gradient-fade-alt 6s ease-in-out 3s infinite alternate;
}


@-webkit-keyframes gradient-fade {
  from {
    transform: translate(10%, -10%) rotate(0deg);
  }
  to {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
@keyframes gradient-fade {
  from {
    transform: translate(10%, -10%) rotate(0deg);
  }
  to {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes gradient-fade-alt {
  from {
    transform: translate(-20%, 20%) rotate(0deg);
  }
  to {
    transform: translate(-60%, 60%) rotate(360deg);
  }
}
@keyframes gradient-fade-alt {
  from {
    transform: translate(-20%, 20%) rotate(0deg);
  }
  to {
    transform: translate(-60%, 60%) rotate(360deg);
  }
}
*/
.arrow-maps{/* display:none; *//* display:none; */display: none !important;position: absolute;bottom: -200px;left: 50%;max-width: 1600px;width: 100%;/* margin: 0 auto; */transform: translate(-50%, 0);}
.arrow-maps.on{display:block;}
.arrow-maps img{max-width:none;width:100%;max-width:none;max-height:none;}
.geo-arrow {fill: none;stroke: #fff;stroke-width: 2;stroke-miterlimit: 10}

.arrow1{position:absolute;top: 33%;left: 29%;transform: rotate(90deg) scale(0.8);}
.arrow2{position:absolute;top: 23%;left: 22%;transform: rotate(180deg) scale(0.8);}
.arrow3{position:absolute;top: 23%;left: 69%;transform: rotate(180deg) scale(0.75);}


.dotted-circle {
	position: absolute;
	top: 40px;
	right: 220px;
	opacity: 0.3;
	-webkit-animation: rotation 38s linear infinite;
	animation: rotation 38s linear infinite;
}

#all_menu.active .draw-in {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	-webkit-animation: draw 10s ease-in-out alternate infinite;
	animation: draw 10s ease-in-out alternate infinite;

}

#all_menu.active .draw-in2 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	-webkit-animation: draw 25s ease-in-out alternate infinite;
	animation: draw 25s ease-in-out alternate infinite;
}
@-webkit-keyframes draw2 {
	from {
		stroke-dashoffset: 400;
	}
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes draw2 {
	from {
		stroke-dashoffset: 400;
	}
	to {
		stroke-dashoffset: 0;
	}
}
@-webkit-keyframes draw {
	from {
		stroke-dashoffset: 1000;
	}
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes draw {
	from {
		stroke-dashoffset: 1000;
	}
	to {
		stroke-dashoffset: 0;
	}
}
.item-to {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	transform-origin: bottom;
}

.bounce-1 {
	-webkit-animation-name: bounce-1;
	animation-name: bounce-1;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

.bounce-2 {
	-webkit-animation-name: bounce-2;
	animation-name: bounce-2;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

.bounce-3 {
	-webkit-animation-name: bounce-3;
	animation-name: bounce-3;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

@-webkit-keyframes bounce-1 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(50px);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes bounce-1 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(50px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes bounce-2 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes bounce-2 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes bounce-3 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(30px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes bounce-3 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(30px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}