.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; }
html { height:100%; }
body {height:100%;font-family: 'ntk';overflow: hidden;background:url(../img/pattern.png);}
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: 700px; /*background:url(../img/bg.png) no-repeat left bottom; background-size: cover; */ background:#909090;  }
#header{height:90px;/* background-color:#fff; */border-top: 3px solid #014184;position: absolute;top: 0;left: 0;width: 100%;/* box-shadow: 2px 0 10px rgba(0,0,0,.2); */}

.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;/* font-family:'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial; */text-decoration: none;}
.top-link > li.n1:before,
.top-link > li.siteLink:before{display:none;}


#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: 100px;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: 80px;height: 61px;margin: 0 29px 0 0;background: url(/template/A1/images/logo_ci.png) no-repeat;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: 30px;overflow: hidden;/* transform: translateX(-50%); *//* margin-left: 45px; *//* box-shadow: 2px 0 10px rgba(0,0,0,.2); *//* border-radius: 50px; */border: 3px solid #ddd;}
#search_input {display: block;float: left;width: 280px;padding: 0 15px;height: 40px;margin-left: 1px;/* border: 3px solid #644c3c; */border: none;font-size: 18px;border-radius: 0;}
#search_input::placeholder{color:#aaa;font-size:14px;}
#search_btn {display: block;float: left;width: 60px;height: 40px;color: #fff;/* background-color: #644c3c; */margin-left: -1px;font-size: 0;border-radius: 0;}
#search_btn span { display: inline-block; height: 30px; line-height: 30px; padding-left: 22px; background: url(../img/search-icon.png) no-repeat left center; }
#content { position: relative; width: 100%; height: 100%; }
#all_menu {display:none;visibility:hidden;opacity: 0;z-index: -1;width: 100%;height: 100%;/* padding-top: 200px; */position: absolute;top: 0;left: 0;background-color: rgba(255,255,255,0.8);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;}
#all_menu .dept1 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow-y: scroll;height: calc(100% - 290px);}
#all_menu .dept1 > li {overflow: hidden;width: 900px;/* border: 1px solid; */}
#all_menu .dept1 > li > a {position: relative;float: left;width: 64px;height: 64px;line-height: 64px;text-align: center;background-color: #6a737b;background-image: -webkit-linear-gradient(top, #6a737b, #a3a3a3);background-image: -o-linear-gradient(top, #6a737b, #a3a3a3);background-image: linear-gradient(to bottom, #6a737b, #a3a3a3);font-size: 16px;color: #fff;text-decoration: none;text-align: center;margin-right: 20px;}
/*#all_menu .dept1 > li > a:after { position: absolute; top: 0; right: -15px; content: ''; display: block; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 15px solid #3a3c49; }*/
#all_menu .dept2 {float: left;display: inline-block;margin-bottom: 10px;}
#all_menu .dept2 > li {overflow-y: hidden;padding-top: 9px;}
#all_menu .dept2 > li > a { padding-bottom:10px; position: relative; float: left; margin-right: 15px; font-size: 18px; color: #2194dd; font-family: 'nsr'; font-weight: 800; text-decoration: none; }
#all_menu .dept2 > li > a:after { content: ''; display: block; position: absolute; bottom:0; width: 20px; height: 1px; background: #2194dd; }
#all_menu .dept3 {width: 746px;float: left;overflow: hidden;margin-top:-9px;}
#all_menu .dept3 > li { float: left; position: relative; padding: 0 15px; margin-left: -1px; line-height: 2; }
#all_menu .dept3 > li:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: ''; width: 1px; height: 10px; background: #a4a4a4; }
#all_menu .dept3 > li > a { font-size: 15px; color: #000; text-decoration: none; }


#search_none { display: none; }
#search_result { display: none; }
#side {position: absolute;top: 0;left: 0;width: 105px;z-index: 10;min-height: 100%;/* background: #3a3c49; */background-color: #0b529d;box-shadow: 2px 0 10px rgba(0,0,0,.2);}
#side .menu-toggle {width: 100%;height: 90px;background: #014184 url(../img/menu-toggle.png) no-repeat center;display: block;}
#menu { display:none; }
#menu .dept1 > li.active {background: #00aeef;background: #fff;}
#menu .dept1 > li > a {/* border-bottom: 1px solid #757780; */border-bottom: 1px solid rgba(255,255,255,.2);display: block;width: 100%;height: 60px;line-height: 60px;font-size: 18px;color: #fff;text-decoration: none;text-align: center;position: relative;/* color: #3f2f29; */}
#menu .dept1 > li > ul { position: relative; display:none }
#menu .dept1 > li.active > ul {display:block;/* background: #e7e6e7; */background: #f1f2fa;}
#menu .dept1 > li.active > a {/* border:0; */color: #3f2f29;}
#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: #000;text-decoration: none;text-align: center;}
#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: #fff;box-shadow: 2px 0 10px rgba(0,0,0,.2);}
#search_wrap { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; }
#search_outer { position:relative; width:100%; height:100%; overflow:hidden; }
#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; }
#search_none .small_text { font-size: 15px; margin-top: 15px; }
#search_none .keyword {text-decoration: underline;color: #644c3c;}

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;}
#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: 105px;height: 90px;background: #fdb300 url(../img/close-btn.png) no-repeat center;margin-left: -90px;}
.default-table { width: 100%; border-bottom: 2px solid #a2a2a2; }
.default-table th {background: #fafafa;color: #2e4c75;font-size: 14px;border-top: 3px solid #2e4c75;border-bottom: 1px solid #2e4c75;height: 45px;padding: 0 10px;border-left: 1px solid #ddd;}
.default-table th:first-child {border-left: 0;border-radius: 3px 0 3px 0;}
.default-table td {font-size: 16px;padding: 10px 3px;border-left: 1px solid #e2e2e2;text-align: center;line-height: 1.3;}
.default-table td:first-child { border-left: 0; }
.default-table td.td-duty{text-align:left}
.default-table tr:nth-child(even) td { background: #f1f2f6; }
.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: 67px;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:23px; margin-bottom:10px; text-align:center; }
#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;}
#search_map .ment span { color:#1f93dd; }
#location_ment { position:absolute; left:50%; transform: translateX(-50%); bottom:50px; }
#location_ment span { font-size:20px; color:#1f93dd;  }
#map { width:750px; height:260px; border:1px solid #ababab; }
#map-close { position:absolute; top:10px; right:20px; width:52px; height:52px; background:#1f93dd 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;}
#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: #fff url(../img/background.gif) right top no-repeat;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:30px;font-size: 20px;}
#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: #808080;font-size: 15px;color: #121212;line-height: 30px;cursor: pointer;}
#member_result .paging .paging-item.selected {border: 1px solid #2e4c75;background-color: transparent;/* background: #2194dd; */}
#member_result .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: #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:10px; right:20px; width:52px; height:52px; background:#1f93dd url(../img/close-btn.png) no-repeat center; border-radius:5px; }


.compass_text{position: absolute;top: 250px;left: 0;display:none;z-index: 4;transition: all 0.3s ease-out;max-width: 273px;color: #666;line-height: 1.4;padding-left: 10px;}
.compass_text i{font-style:normal;color:#28313e;font-weight: bold;text-decoration: underline;}
.compass_text:before{content:'*';color: #666;line-height: 1.4;position: absolute;top: 4px;left: -2px;font-size: 18px;}
.compass{width: 276px;height: 236px;border-radius:10px;background:#f1f1f1 url(../img/background__compass.png) no-repeat 50%;position: absolute;top: 0;left: 0;display:none;z-index: 4;transition: all 0.3s ease-out;}
.compass button{font-size:0;display:inline-block;}
.compass .compass_marker1,
.compass .compass_marker2{position: absolute;top: 50%;width:129px;height:65px;transform: translate(0%, -50%);}
.compass .compass_marker3,
.compass .compass_marker4{position: absolute;left: 50%;width:65px;height:129px;transform: translate(-50%, 0);}
.compass .compass_marker1{right: 20px;background:url(../img/compass_buttn1.png) no-repeat 50%;}
.compass .compass_marker1.ov{background:url(../img/compass_buttn1_ov.png) no-repeat 50%;}
.compass .compass_marker2{left: 20px;background:url(../img/compass_buttn2.png) no-repeat 50%;}
.compass .compass_marker2.ov{background:url(../img/compass_buttn2_ov.png) no-repeat 50%;}
.compass .compass_marker3{bottom: 5px;background:url(../img/compass_buttn3.png) no-repeat 50%;}
.compass .compass_marker3.ov{background:url(../img/compass_buttn3_ov.png) no-repeat 50%;}
.compass .compass_marker4{top: 5px;background:url(../img/compass_buttn4.png) no-repeat 50%;}
.compass .compass_marker4.ov{background:url(../img/compass_buttn4_ov.png) no-repeat 50%;}



.marker {height: 68px;padding-right: 17px;padding-left: 17px;background: url(../img/marker_c.png) center top no-repeat;font-size: 13px;font-weight: bold;line-height: 2.5;color: #fff;cursor: pointer;-ms-transform: translate(-50%, -55px);transform: translate(-50%, -55px);white-space: nowrap;padding-bottom: 30px;}
.marker:before { display: block; position: absolute; top: 0; left: -2px; width: 3px; height: 100%; background: url(../img/marker_l.png) left top no-repeat; content: ''; }
.marker:after { display: block; position: absolute; top: 0; right: -4px; width: 4px; height: 100%; background: url(../img/marker_r.png) right top no-repeat; content: ''; }
.marker.active { background-image: url(../img/marker_blue_c.png) !important; z-index:1; }
.marker.active:before { background-image: url(../img/marker_blue_l.png) !important; }
.marker.active:after { background-image: url(../img/marker_blue_r.png) !important; }
.marker:hover { height: 75px; padding-right: 22px; padding-left: 22px; padding-bottom:35px; background-size: auto 75px; font-size: 15.4px; -ms-transform: translate(-50%, -60.5px); transform: translate(-50%, -60.5px); }
.marker:hover:before { background-size: auto 45px; }
.marker:hover:after { background-size: auto 45px; }

.marker.no_hover:hover { height: 68px; padding-right: 20px; padding-left: 20px; background: url(../img/marker_c.png) center top no-repeat; font-size: 14px; font-weight: bold; line-height: 2.5; color: #fff; cursor: default; -ms-transform: translate(-50%, -55px); transform: translate(-50%, -55px); white-space: nowrap; padding-bottom: 30px; }
.marker.no_hover:hover:before { display: block; position: absolute; top: 0; left: -2px; width: 3px; height: 100%; background: url(../img/marker_l.png) left top no-repeat; content: ''; }
.marker.no_hover:hover:after { display: block; position: absolute; top: 0; right: -4px; width: 4px; height: 100%; background: url(../img/marker_r.png) right top no-repeat; content: ''; }

.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: 90%;height: 90%;/* overflow:hidden; */z-index:1;top: 63%;left: 50%;transform: translate(-50%, -50%);}
#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;
}
.threesixty { top:50%; left:50%; transform: translate(-50%,-50%);z-index:3 }
.previous-image ~ .main_markers {/* display: none; */}
.threesixty *{}
.threesixty .threesixty_images>li{}
.threesixty .threesixty_images>li .main_markers {}
.threesixty .threesixty_images>li .main_markers .main_marker1{position: absolute; left: 67.6%; top: 46.8%;}
.threesixty .threesixty_images>li .main_markers .main_marker2{position: absolute; left: 63.5%; top: 34.4%;}
.threesixty .threesixty_images>li .main_markers .main_marker3{position: absolute; left: 48.6%; top: 37.4%;}
.threesixty .threesixty_images>li .main_markers .main_marker4{position: absolute; left: 49.6%; top: 28.4%;}
.threesixty .threesixty_images>li .main_markers .main_marker5{position: absolute; left: 35.6%; top: 40.4%;}

.threesixty .threesixty_images>li.compass1 .main_markers .main_marker1{left: 67.6%; top: 46.8%;}
.threesixty .threesixty_images>li.compass1 .main_markers .main_marker2{left: 59.5%;top: 24.4%;}
.threesixty .threesixty_images>li.compass1 .main_markers .main_marker3{left: 37%;top: 28.4%;}
.threesixty .threesixty_images>li.compass1 .main_markers .main_marker4{left: 46.6%;top: 16.4%;}
.threesixty .threesixty_images>li.compass1 .main_markers .main_marker5{left: 21.6%;top: 32.4%;}


.threesixty .threesixty_images>li.compass2 .main_markers .main_marker1{left: 41.6%;top: 23.8%;}
.threesixty .threesixty_images>li.compass2 .main_markers .main_marker2{left: 39.5%;top: 34.4%;}
.threesixty .threesixty_images>li.compass2 .main_markers .main_marker3{left: 58.6%;top: 29.4%;}
.threesixty .threesixty_images>li.compass2 .main_markers .main_marker4{left: 58.6%;top: 48.4%;}
.threesixty .threesixty_images>li.compass2 .main_markers .main_marker5{left: 70.6%;top: 24.4%;}


.threesixty .threesixty_images>li.compass4 .main_markers .main_marker1{left: 41.6%;top: 36.8%;}
.threesixty .threesixty_images>li.compass4 .main_markers .main_marker2{left: 57.5%;top: 44.4%;}
.threesixty .threesixty_images>li.compass4 .main_markers .main_marker3{left: 51.6%;top: 27.4%;}
.threesixty .threesixty_images>li.compass4 .main_markers .main_marker4{left: 62.6%;top: 32.4%;}
.threesixty .threesixty_images>li.compass4 .main_markers .main_marker5{left: 48.6%;top: 20.4%;}


.threesixty .threesixty_images>li.compass3 .main_markers .main_marker1{left: 64.6%;top: 31.8%;}
.threesixty .threesixty_images>li.compass3 .main_markers .main_marker2{left: 46.5%;top: 25.4%;}
.threesixty .threesixty_images>li.compass3 .main_markers .main_marker3{left: 52.6%;top: 37.4%;}
.threesixty .threesixty_images>li.compass3 .main_markers .main_marker4{left: 39.6%;top: 43.4%;}
.threesixty .threesixty_images>li.compass3 .main_markers .main_marker5{left: 57.6%;top: 47.4%;}








.main_marker{padding: 10px 26px 12px;/* padding-left:92px; */background-color: #28313e;color: #fff;font-size: 18px;border-radius: 43px;box-shadow: 2px 5px 5px rgba(0,0,0,0.2);}
.main_marker *{vertical-align:middle}
.main_marker:after{position: absolute;bottom: -6px;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: #28313e;transform: rotate(-180deg) translate(30%, 0);}


.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 #0b529d;border-radius: 3px;}


#team_menu { overflow:hidden; margin-bottom:5px; }
#team_menu li {float:left;margin-bottom: 5px;}
#team_menu li button {padding:10px;color: #2e4c75;/* background:#808080; */font-size:14px;font-weight: bold;border: 1px solid #2e4c75;border-radius: 5px;}
#team_menu li.active button {color: #fff;background: #2e4c75;}
#team_menu li + li { margin-left:5px; }

#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;}


.marker.marker_h1f1.marker_1{left: 59.7%;top: 70.2%;}
.marker.marker_h1f1.marker_2{left: 59.7%;top: 64.2%;}
.marker.marker_h1f1.marker_3{left: 41.7%;top: 70.2%;}
.marker.marker_h1f1.marker_4{left: 38.9%;top: 57.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: 70.8%;}
.marker.marker_h1f2.marker_2{left: 40.1%;top: 58.8%;}
.marker.marker_h1f2.marker_3{left: 64.1%;top: 50.8%;}
.marker.marker_h1f2.marker_4{left: 48.6%;top: 32.8%;}
.marker.marker_h1f2.marker_5{left: 50.6%;top: 70.8%;}
.marker.marker_h1f2.marker_6{left: 40.95%;top: 70.8%;}
.marker.marker_h1f2.marker_7{left: 67.6%;top: 70.8%;}
.marker.marker_h1f2.marker_8{left: 63.4%;top: 70.8%;}
.marker.marker_h1f2.marker_9{left: 55.6%;top: 70.8%;}

.marker.marker_h1f2.marker_7,
.marker.marker_h1f2.marker_8,
.marker.marker_h1f2.marker_9,
.marker.marker_h1f2.marker_11{font-size:0;width: 60px;padding:0;}

.marker.marker_h1f2.marker_7:before,
.marker.marker_h1f2.marker_8:before,
.marker.marker_h1f2.marker_9:before,
.marker.marker_h1f2.marker_7:after,
.marker.marker_h1f2.marker_8:after,
.marker.marker_h1f2.marker_11:after,
.marker.marker_h1f2.marker_9:after{display:none;}

.marker.marker_h1f2.marker_7{background: url(../img/marker_7.png) center top no-repeat;}
.marker.marker_h1f2.marker_8{background: url(../img/marker_8.png) center top no-repeat;}
.marker.marker_h1f2.marker_9{background: url(../img/marker_10.png) center top no-repeat;}
.marker.marker_h1f2.marker_11{background: url(../img/marker_9.png) center top no-repeat;}


.marker.marker_h1f2.marker_10{left: 34.1%;top: 58.8%;}


.marker.marker_h1f2.marker_11{left: 59.3%; top: 70.8%;}
.marker.marker_h1f2.marker_12{left: 54.45%;top: 57%;}
.marker.marker_h1f2.marker_13{left: 63.1%;top: 43.8%;}
.marker.marker_h1f2.marker_14{left: 80.1%;top: 39.8%;}
.marker.marker_h1f2.marker_15{left: 89.1%;top: 39.8%;}
.marker.marker_h1f2.marker_16{left: 73.1%;top: 64.8%;}
.marker.marker_h1f2.marker_17{left: 74.1%;top: 74.8%;}
.marker.marker_h1f2.marker_18{left: 74.1%;top: 89.8%;}
.marker.marker_h1f2.marker_19{left: 74.1%;top: 74.8%;}
.marker.marker_h1f2.marker_20{left: 56.1%;top: 59.8%;}
.marker.marker_h1f2.marker_21{left: 74.1%;top: 81.8%;}

.marker.marker_h1f3.marker_1{left: 46.8%;top: 32.8%;}
.marker.marker_h1f3.marker_2{left: 41.1%;top: 57.8%;}
.marker.marker_h1f3.marker_3{left: 33.1%;top: 68.8%;}
.marker.marker_h1f3.marker_4{left: 40.9%;top: 69.8%;}
.marker.marker_h1f3.marker_5{left: 48%;top: 69.8%;}
.marker.marker_h1f3.marker_6{left: 54.8%;top: 69.8%;}
.marker.marker_h1f3.marker_7{left: 62.8%;top: 69.8%;}
.marker.marker_h1f3.marker_8{left: 54.5%;top: 57.6%;}
.marker.marker_h1f3.marker_9{left: 50.8%;top: 32.8%;}


.marker.marker_h1f4.marker_1{left: 64.1%;top: 44.8%;}
.marker.marker_h1f4.marker_2{left: 37.1%;top: 67.8%;}
.marker.marker_h1f4.marker_3{left: 50.1%;top: 67.8%;}
.marker.marker_h1f4.marker_4{left: 61.4%;top: 67.8%;}


.marker.marker_h2f1.marker_1{left: 47.1%;top: 44.8%;}
.marker.marker_h2f2.marker_1{left: 37.1%;top: 44.8%;}
.marker.marker_h2f2.marker_2{left: 52.5%;top: 44.8%;}

.marker.marker_h2f3.marker_1{left: 64.1%;top: 48.8%;}
.marker.marker_h2f3.marker_2{left: 73.1%;top: 37.8%;}
.marker.marker_h2f3.marker_3{left: 74.5%;top: 50.8%;}
/*
.marker.marker_h2f3.marker_4{left: 29.1%;top: 49.8%;}
.marker.marker_h2f3.marker_5{left: 38.1%;top: 42.8%;}
.marker.marker_h2f3.marker_6{left: 42.5%;top: 42.8%;}
.marker.marker_h2f3.marker_7{left: 47.3%;top: 42.8%;}
.marker.marker_h2f3.marker_8{left: 54.3%;top: 42.8%;}
.marker.marker_h2f3.marker_9{left: 35.1%;top: 51.8%;}
.marker.marker_h2f3.marker_10{left: 40.1%;top: 51.8%;}
.marker.marker_h2f3.marker_11{left: 44.1%;top: 51.8%;}
.marker.marker_h2f3.marker_12{left: 48.1%;top: 51.8%;}
.marker.marker_h2f3.marker_13{left: 52.1%;top: 51.8%;}
.marker.marker_h2f3.marker_14{left: 56.1%;top: 51.8%;}

*/
.marker.marker_h2f3.marker_4,
.marker.marker_h2f3.marker_5,
.marker.marker_h2f3.marker_6,
.marker.marker_h2f3.marker_7,
.marker.marker_h2f3.marker_8,
.marker.marker_h2f3.marker_9,
.marker.marker_h2f3.marker_10,
.marker.marker_h2f3.marker_11,
.marker.marker_h2f3.marker_12,
.marker.marker_h2f3.marker_13,
.marker.marker_h2f3.marker_14{display:none;}




.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: 35.5%;top: 51.8%;}
.marker.marker_h3f4.marker_2{left: 55.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: 33.1%;top: 75.8%;}
.marker.marker_h4f1.marker_2{left: 42.6%;top: 25%;}
.marker.marker_h4f1.marker_3{left: 58.9%;top: 26.4%;}
.marker.marker_h4f1.marker_4{left: 66.6%;top: 26.4%;}

.marker.marker_h4f2.marker_1{left: 34.1%;top: 67.8%;}
.marker.marker_h4f2.marker_2{left: 33.1%;top: 50.8%;}
.marker.marker_h4f2.marker_3{left: 38.4%;top: 23.8%;}
.marker.marker_h4f2.marker_4{left: 43.7%;top: 27.8%;}
.marker.marker_h4f2.marker_5{left: 50.1%;top: 21.8%;}
.marker.marker_h4f2.marker_6{left: 49.9%;top: 28.8%;}

.marker.marker_h4f3.marker_1{left: 34.2%;top: 46%;}
.marker.marker_h4f3.marker_2{left: 34.5%;top: 63.8%;}
/*
.marker.marker_h5f1.marker_1{left: 40.1%;top: 39.8%;}
.marker.marker_h5f1.marker_2{left: 51.1%;top: 39.8%;}
.marker.marker_h5f1.marker_3{left: 61.1%;top: 34.8%;}
.marker.marker_h5f1.marker_4{left: 66.4%;top: 34.8%;}
.marker.marker_h5f1.marker_5{left: 72.5%;top: 34.8%;}
.marker.marker_h5f1.marker_6{left: 48.5%;top: 68.8%;}
.marker.marker_h5f1.marker_7{left: 48.5%;top: 53.8%;}
.marker.marker_h5f1.marker_8{left: 67.5%;top: 63.8%;}
*/
.marker.marker_h5f1.marker_1,
.marker.marker_h5f1.marker_2,
.marker.marker_h5f1.marker_3,
.marker.marker_h5f1.marker_4,
.marker.marker_h5f1.marker_5,
.marker.marker_h5f1.marker_6,
.marker.marker_h5f1.marker_8{display:none}


.marker.marker_h5f1.marker_7{left: 55.5%;top: 53.8%;}


/*
.marker.marker_h5f2.marker_1{left: 40.1%;top: 66.8%;}
.marker.marker_h5f2.marker_2{left: 59.1%;top: 32.8%;}
.marker.marker_h5f2.marker_3{left: 72.4%;top: 40.8%;}
.marker.marker_h5f2.marker_4{left: 72.4%;top: 50.8%;}
.marker.marker_h5f2.marker_5{left: 66.5%;top: 65.8%;}
.marker.marker_h5f2.marker_6{left: 48.5%;top: 49.8%;}
.marker.marker_h5f2.marker_7{left: 37.5%;top: 45.8%;}
*/
/*

.marker.marker_h5f2.marker_1{left: 40.1%;top: 66.8%;}
.marker.marker_h5f2.marker_2{left: 59.1%;top: 32.8%;}
.marker.marker_h5f2.marker_3{left: 72.4%;top: 40.8%;}
.marker.marker_h5f2.marker_4{left: 72.4%;top: 50.8%;}
.marker.marker_h5f2.marker_5{left: 66.5%;top: 65.8%;}
.marker.marker_h5f2.marker_6{left: 55.5%;top: 49.8%;}
.marker.marker_h5f2.marker_7{left: 37.5%;top: 45.8%;}

*/


.marker.marker_h5f2.marker_1{left: 40.1%;top: 66.8%;}
.marker.marker_h5f2.marker_6{left: 55.5%;top: 49.8%;}

.marker.marker_h5f2.marker_2,
.marker.marker_h5f2.marker_3,
.marker.marker_h5f2.marker_4,
.marker.marker_h5f2.marker_5,
.marker.marker_h5f2.marker_7{display:none}


.marker.marker_h5f3.marker_1{left: 59.1%;top: 61.8%;}
.marker.marker_h5f3.marker_2{left: 56.1%;top: 39.8%;}
.marker.marker_h5f3.marker_3{left: 40.1%;top: 66.8%;}
.marker.marker_h5f3.marker_4{left: 69.4%;top: 34.8%;}
.marker.marker_h5f3.marker_5{left: 76.5%;top: 34.8%;}
.marker.marker_h5f3.marker_6{left: 48.5%;top: 68.8%;}


.marker.marker_h5f4.marker_1{left: 51.1%;top: 52.8%;}
.marker.marker_h5f4.marker_2{left: 58.1%;top: 52.8%;}


.marker.marker_h5f5.marker_1{left: 52.1%;top: 57.8%;}
.marker.marker_h5f5.marker_2{left: 39.1%;top: 34.8%;}
.marker.marker_h5f5.marker_3{left: 45.6%;top: 34.8%;}
.marker.marker_h5f5.marker_4{left: 58.1%;top: 57.8%;}


.marker.marker_h5f6.marker_1{left: 66.1%;top: 56.8%;}
.marker.marker_h5f6.marker_2{left: 47.1%;top: 66.8%;}