@charset "utf-8";
/*
* File Name : map.css
* Description : 기본 스타일시트
* Author : Web business Team / JEONG SANG HOON
* Email : jeong90@geonspace.com
* Date : 2023.10.17
* Update : 2023.10.17
* (c) 2023. 지오앤 Inc. all rights reserved.
*/

.en{font-family: 'Poppins', sans-serif;}
*{margin:0; border:0; padding:0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; font-display: swap; caret-color: transparent;}
input{caret-color: initial !important;}
a{text-decoration: none;}
img{max-width:100%;}
ul,li{list-style: none;}
:root{
    --color1: #33415e;
    --color2: #3f4952;
    --color3: #818b97;
    --color4: #cdcfd1;
}
table{ padding:0; border:0; border-spacing:0px; border-collapse:collapse; }
th, td{ padding:0; }
.fx{display: flex;}
.fx_end{justify-content: flex-end;}
a{color:#fff; line-height: 1.3;}
body{overflow: hidden;}
.sub_inner{width:100%; height:100vh;}
.sub_inner .map_container{width:100%; height:100vh; overflow: hidden;}
.sub_inner .map_description {position: absolute; left: 50%; bottom: 9px; color: #33415e; height: 22px; font-size: 14px !important; text-align: center; transform: translateX(-50%);}
/* .sub_inner .map_container{width:100%; height:100vh; background:url(../images/sample1.jpg) no-repeat center / cover;} */
.sub_inner .left_menu{position: absolute; left:40px; top:40px; width:280px; height:calc(100% - 80px); padding:25px; border-radius: 25px; background:var(--color1); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25); transition: all .3s ease; z-index: 10000;}
.sub_inner .left_menu .folding,.content_info .close{position: absolute; top:37.5px; right:0; transform: translateX(50%); display: flex; align-items: center; justify-content: center; width:25px; height:25px; background:var(--color3); color:#fff; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); cursor: pointer; z-index: 10; transition: 0.3s all ease;}
.sub_inner .left_menu .folding:hover,.content_info .close:hover{background: var(--color2); transition: 0.3s all ease;}
/*.sub_inner .left_menu .top_group{display: flex; flex-direction: column; gap:30px; border-bottom:1px solid rgba(255, 255, 255, .25); padding-bottom:20px; width:230px; transition: all .3s ease;}*/
.sub_inner .left_menu .top_group{display: flex; flex-direction: column; border-bottom:1px solid rgba(255, 255, 255, .25); padding-bottom:5px; width:230px; transition: all .3s ease;}
/* .sub_inner .left_menu .top_group{display: flex; flex-direction: column; border-bottom:1px solid rgba(255, 255, 255, .25); padding-bottom:20px; width:230px; transition: all .3s ease;} */
.sub_inner .left_menu .top_group .logo{display: flex; align-items: center; gap:10px; position: relative; height:50px; width:230px; overflow: hidden; transition: all .3s ease;}
.sub_inner .left_menu .top_group .logo span{display: flex; align-items: center; justify-content: center;}
.sub_inner .left_menu .top_group .logo img{width:50px; height:50px;}
.sub_inner .left_menu .top_group .logo p{width:calc(100% - 70px); margin-bottom:4px; transition: all .3s ease; overflow: hidden; white-space : nowrap;; opacity: 1;}
.sub_inner .left_menu .top_group .search{position: relative; display: flex; background:rgba(255, 255, 255, .15); border-radius: 15px; overflow: hidden; width:230px; overflow: hidden; transition: all .3s ease; margin-top: 5px;}
/* .sub_inner .left_menu .top_group .search{position: relative; display: flex; background:rgba(255, 255, 255, .15); border-radius: 15px; overflow: hidden; width:230px; overflow: hidden; transition: all .3s ease;} */
.sub_inner .left_menu .top_group .search button{width:45px; height:45px; background:transparent; color:#fff; opacity: .5; cursor: pointer; transition: all .3s ease; display: flex; align-items: center; justify-content: center;}
.sub_inner .left_menu .top_group .search input{width:calc(100% - 45px); height:45px; padding:10px; outline: none; color:#fff; background:transparent; color:#fff; transition: all .3s ease; opacity: 1;}
.sub_inner .left_menu .top_group .search input::placeholder{color:#fff; opacity: .5;}
.sub_inner .left_menu.on .top_group .search:hover{background:var(--color1);}

.sub_inner .left_menu .menu{width:230px; margin-top:10px; display: flex; flex-direction: column; gap:10px;}
/* .sub_inner .left_menu .menu{width:230px; margin-top:20px; display: flex; flex-direction: column; gap:20px;} */
.sub_inner .left_menu .menu .link_group{width:100%; border-bottom:1px solid rgba(255, 255, 255, .25); padding-bottom:8px; overflow: hidden; transition: all .3s ease;}
/* .sub_inner .left_menu .menu .link_group{width:100%; border-bottom:1px solid rgba(255, 255, 255, .25); padding-bottom:20px; overflow: hidden; transition: all .3s ease;} */
.sub_inner .left_menu .menu .link_group ul{display: flex; flex-wrap: wrap;}
.sub_inner .left_menu .menu .link_group ul li{width:calc(50% - 10px); margin:5px;}
.sub_inner .left_menu .menu .link_group ul li a{display: flex; font-size:12px; padding:5px; border:1px solid #ddd; justify-content: center; border-radius: 10px; font-weight: 500; color:rgba(255, 255, 255, .75); width:100%; transition: all .3s ease; overflow: hidden; white-space:nowrap; opacity: 1;}
.sub_inner .left_menu .menu .link_group ul li:hover a{background:#fff; border-color:var(--color1); color:var(--color1);}
.sub_inner .left_menu .menu .link_group ul li.on a{background:#fff; border-color:var(--color1); color:var(--color1);}
.sub_inner .left_menu.on .menu .link_group ul li a{width:0; opacity: 0;}
.sub_inner .left_menu.on .link_group{padding-bottom:0;width:0;}
.sub_inner .left_menu .menu nav > ul{display: flex; flex-direction: column; gap:10px;}
.sub_inner .left_menu .menu nav > ul > li{border-radius: 10px; width:100%; transition: all .3s ease; position: relative; z-index: 1; max-height: 101px;}
.sub_inner .left_menu .menu nav > ul > li:hover,.sub_inner .left_menu .menu nav > ul > li.on{background:rgba(255, 255, 255, .1);}
.sub_inner .left_menu .menu nav > ul > li a{position: relative; display: flex; gap:0px; font-size:16px; font-weight: 500;}
.sub_inner .left_menu .menu nav > ul > li > a > i{position: absolute; right:0; top:50%; transform: translateY(-50%); opacity: .5; width:50px; height:50px; display: flex; align-items: center; justify-content: center; display: none;}
.sub_inner .left_menu .menu nav > ul > li a .tit{opacity: 1; padding:8px 10px; transition: all .3s ease; width:100%;}
.sub_inner .left_menu .menu nav > ul > li a .tit {display: flex; flex-direction: column; gap:10px;}
.sub_inner .left_menu .menu nav > ul > li a .tit span{width:100%; opacity: 1; overflow: hidden; transition: all .3s ease;}
.sub_inner .left_menu .menu nav > ul > li a .tit .desc2{font-size:12px; opacity: .75; font-weight: 300; width: 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub_inner .left_menu .menu nav > ul > li a[href="#"] .tit{font-size:14px; font-weight: 500; gap:0;}
.sub_inner .left_menu .menu nav > ul > li > ul{display: none; animation: menu_depth2 .5s linear forwards; animation-timing-function: ease;}
@keyframes menu_depth2 { 0%{opacity: 0;} 100%{opacity: 1;} }
.sub_inner .left_menu .menu nav > ul > li > ul li{height:0; overflow: hidden; transition: all .3s ease;}
.sub_inner .left_menu .menu nav > ul > li > ul li a{display: flex; align-items: center; transition: all .3s ease;}
.sub_inner .left_menu .menu nav > ul > li > ul li a:hover{background:var(--color2);}
.sub_inner .left_menu .menu nav > ul > li > ul li a i{position: relative; width:50px; height:50px;}
.sub_inner .left_menu .menu nav > ul > li > ul li a i::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:1px; height:100%; background:#687077;}
.sub_inner .left_menu .menu nav > ul > li > ul li a i::after{position: absolute; content:''; left:50%; top:50%; transform: translate(0,-50%); width:25%; height:1px; background:#687077;}
.sub_inner .left_menu .menu nav > ul > li > ul li:last-child a i::before{height:50%; top:0; transform: translate(-50%,0);}
.sub_inner .left_menu .menu nav > ul > li > ul li a .tit{font-size:14px; font-weight: 400; opacity: .5;}
.sub_inner .left_menu .menu nav > ul > li > ul li a:hover .tit{opacity: 1;}
.sub_inner .left_menu .menu nav > ul > li.on ul{display: block;}
.sub_inner .left_menu .menu nav > ul > li.on ul li{height:50px;}
.sub_inner .left_menu .menu nav > ul > li.on > a > i{transform: translateY(-50%) rotate(180deg); opacity: 1;}

.sub_inner .left_menu.on{width:100px; height:300px; top:40px; transform: translateY(0);}
.sub_inner .left_menu.on .folding::before{transform: rotate(180deg);}
.sub_inner .left_menu.on .top_group{width:50px; flex-shrink: 0; border:0;}
.sub_inner .left_menu.on .top_group .logo{width:50px; gap:0;}
.sub_inner .left_menu.on .top_group .logo p{opacity: 0;}
.sub_inner .left_menu.on .top_group .search{width:50px;}
.sub_inner .left_menu.on .top_group .search button{width:50px;}
.sub_inner .left_menu.on .top_group .search input{width:0; padding:0; opacity: 0;}
.sub_inner .left_menu.on .top_group .tab-menu > .tab {width: 0;padding: 0; opacity: 0;}
.sub_inner .left_menu.on .top_group .search:hover{flex-shrink: 0; width:230px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.sub_inner .left_menu.on .top_group .search:hover button{opacity: 1;}
.sub_inner .left_menu.on .top_group .search:hover input{width:calc(100% - 45px); height:45px; padding:15px 15px 15px 0; opacity: 1;}
.sub_inner .left_menu.on .menu nav > ul > li{width:50px;}
.sub_inner .left_menu.on .menu nav > ul > li a .tit{width:0; opacity: 0;}
.sub_inner .left_menu.on .menu nav > ul > li a .tit span{opacity: 0;}
.sub_inner .left_menu.on .menu nav > ul > li > ul{background:var(--color1); display: none;}
.sub_inner .left_menu.on .menu nav > ul > li > ul > li:first-child{border-radius: 10px 10px 0 0;}
.sub_inner .left_menu.on .menu nav > ul > li > ul > li:last-child{border-radius: 0 0 10px 10px;}
.sub_inner .left_menu.on .menu nav > ul > li > ul > li a{opacity: .5;}
.sub_inner .left_menu.on .menu nav > ul > li:hover a .con::before{opacity: 1; visibility: inherit;}
.sub_inner .left_menu.on .menu nav > ul > li > a > i{display: none;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul{position: absolute; left:calc(100% + 45px); top:0; transition: all .3s ease; width:230px; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); z-index: 10;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul::before{position: absolute; left:0; transform: translateX(-100%); width:45px; background:transparent; height:100%; content:''; transition: all .3s ease;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul::after{position: absolute; left:0; top:20px; transform: translateX(-50%) rotate(45deg); width:10px; height:10px; background:var(--color1); content:'';}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul li{width:100%;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul li a{padding:15px; width:230px;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul li a:hover{opacity: 1;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul li a .tit{opacity: 1 !important; width:100% !important;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul li a i{display: none;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul{display: block !important;}
.sub_inner .left_menu.on .menu nav > ul > li:hover > ul li{height:50px !important;}

.sub_inner .left_menu .paging_group{position: absolute; bottom:25px;}
.sub_inner .left_menu .paging_group ul{display: flex; gap : 8px; justify-content: space-evenly; overflow: hidden; transition: all .3s ease;}
.sub_inner .left_menu .paging_group ul li {width:20px; height:20px;}
.sub_inner .left_menu .paging_group ul li a{display: flex; width:100%; height:100%; font-size:11px; align-items: center; justify-content: center; position: relative; color:#fff; z-index: 1; }
.sub_inner .left_menu .paging_group ul li a::after{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; border-radius: 50%; z-index: -1; background:var(--color3); opacity: 0; transition: all .3s ease;}
.sub_inner .left_menu .paging_group ul li.on a::after,.sub_inner .left_menu .paging_group ul li:hover a::after{opacity: .5;}
.sub_inner .left_menu.on .paging_group ul{width:0; opacity: 0;}

.map_point{position: absolute; content:''; left:calc(50% + 127px); top:50%; transform: translate(-50%,-50%); z-index: 100; width:60px; height:60px; cursor: pointer;}
.map_point svg path{fill: #f30; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);  transition: all .3s ease;}
.map_point:hover svg path{fill: #09f;}


.content_info{position: absolute; left:360px; top:0; width:400px; top:50%; transform: translateY(-50%); height:calc(100% - 80px); z-index: 1000; border-radius: 25px; background:var(--color1); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25); transition: all .3s ease; opacity: 0; visibility: hidden; margin-left:-40px; padding:25px 10px 25px 25px;}
.content_info.on {left:180px;}
.content_info.open{ opacity: 1; visibility: inherit; margin-left:0;}
.content_info .inner{height:100%; padding-bottom:30px; padding-right:15px; overflow-y: scroll;}
.content_info .inner::-webkit-scrollbar{height: 5px; width:5px; background:rgba(255, 255, 255, .05);}
.content_info .inner::-webkit-scrollbar-thumb{background:#fff; border-radius: 100px;}
.content_info .inner h3{font-size:21px; font-weight: 700; color:#fff; text-align: center; padding-bottom:30px; border-bottom:1px solid rgba(255, 255, 255, .15);}
.content_info .inner .tit_top{display: flex; justify-content: space-between; align-items: flex-end; padding:30px 0 20px;}
.content_info .inner .tit_top h4{font-size:16px; line-height: 1; color:var(--color4);}

.content_info .inner .table_type1{width:100%; margin-bottom:10px;}
.content_info .inner .table_type1 table{border-top:2px solid var(--color4); width:100%;}
.content_info .inner .table_type1 th,.content_info .inner .table_type1 td{font-size:12px; color:var(--color4); border-bottom:1px solid rgba(255, 255, 255, .15); padding:7px; white-space: nowrap; text-align: center;}
.content_info .inner .table_type1 table thead th,.content_info .inner .table_type1 table tbody th{font-weight: 600; background:rgba(255, 255, 255, .15);}
.content_info .inner .table_type1 table tbody th{text-align: left; padding:7px;}
.content_info .table_type1.table2{text-align: center;}
.content_info .table_type1.table2 i{font-size:18px; cursor: pointer; opacity: .75; transition: all .3s ease; position: relative; display: inline-flex; align-items: center; justify-content: center;}
.content_info .table_type1.table2 i.file1::before{display: flex; content:''; width:16px; height:16px;  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><path d="M14 2v6h6"></path></g></svg>') no-repeat center / 100%;}
.content_info .table_type1.table2 i.file2::before{display: flex; content:''; width:16px; height:16px;  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><path d="M14 2v6h6m-4 5H8m8 4H8m2-8H8"></path></g></svg>') no-repeat center / 100%;}
.content_info .table_type1.table2 i.file3::before{display: flex; content:''; width:16px; height:16px;  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><path d="M14 2v6h6m-8 10v-6m-3 3l3 3l3-3"></path></g></svg>') no-repeat center / 100%;}
.content_info .table_type1.table2 i:hover{opacity: 1;}
.content_info .swiper_group{margin:30px auto;}
.content_info .swiper_group .info_type1_slde .swiper-slide{position: relative; cursor: pointer;}
.content_info .swiper_group .info_type1_slde .swiper-slide span{display: flex; justify-content: center; align-items: center; height:79px; background:var(--color1); overflow: hidden;}
.content_info .swiper_group .info_type1_slde .swiper-slide span img{max-width:none !important; width:auto !important; height:100% !important;}
.content_info .swiper_group .info_type1_slde .swiper-slide::after{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%) scale(1.2); width:100%; height:100%; background:#000; opacity: 0; transition: all .3s ease;}
.content_info .swiper_group .info_type1_slde .swiper-slide-thumb-active::after{opacity: .75;}
.content_info .swiper_group .info_type1_slde2{margin-bottom:10px;}
.content_info .swiper_group .info_type1_slde2 .swiper-slide span{display: flex; justify-content: center; align-items: center; height:345px; background:var(--color1); overflow: hidden;}
.content_info .swiper_group .info_type1_slde2 .swiper-slide span img{max-width:none !important; width:auto !important; height:100% !important;cursor: zoom-in;}
.content_info .swiper-button-next:after,.content_info .swiper-button-prev:after{font-size:24px; color:#fff;}
.content_info .info_type1_slde .swiper-slide{overflow: hidden; position: relative;}

.right_menu{position: fixed; height:calc(100% - 80px); right:40px; top:50%; transform: translateY(-50%); display: flex; flex-direction: column; gap:20px;}
.right_menu .tool_btn{position: relative; width:65px; height:65px; border-radius: 20px; background:var(--color1); cursor: pointer; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25);}
.right_menu .tool_btn::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:15px; height:5px; border:2px solid #fff; border-right:transparent; border-left:transparent; transition: all .3s ease;}
.right_menu .tool_btn::after {opacity: 0; position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: rgba(255, 255, 255, 0.15); border-radius: 13px;transition: all .3s ease;}
.right_menu .tool_btn:hover::after {opacity: 1;transition: all .3s ease;}
.right_menu.fold .tool_btn::before{top:calc(50% - 2px); transform: translate(-50%,-50%) rotate(45deg); border:2px solid #fff; width:10px; height:10px; border-left:transparent; border-top:transparent;}

.right_menu > ul{background:var(--color1); border-radius: 20px; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; height:520px; transition: all .3s ease; opacity: 1;}
.right_menu.fold > ul{height:0; overflow: hidden; opacity: 0;}
.right_menu > ul > li{width:65px; height:65px; display: flex; align-items: center; justify-content: center; position: relative; padding:12px;}
.right_menu > ul > li::before{position: absolute; content:''; width:10px; height:1px; top:100%; left:50%; transform: translate(-50%,-50%); background:#fff; opacity: .15;}
.right_menu > ul > li:last-child:before{display: none;}
.right_menu > ul > li > a{width:100%; height:100%; background:transparent; color:#fff; font-size:16px; cursor: pointer; border-radius: 10px; transition: all .3s ease; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.right_menu > ul > li > a svg{transform: translate(-1px,3px) scale(1); width:16px !important; height:16px !important;}
.right_menu > ul > li:nth-child(3) > a,.right_menu > ul > li:nth-child(4) > a{position: relative;}
.right_menu > ul > li:nth-child(3) > a img,.right_menu > ul > li:nth-child(4) > a img{display: none;}
.right_menu > ul > li:nth-child(3) > a::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:2px; height:15px; background:#fff;}
.right_menu > ul > li:nth-child(3) > a::after,.right_menu > ul > li:nth-child(4) > a::after{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:15px; height:2px; background:#fff;}

.right_menu > ul > li img{filter: brightness(0) invert(1); width:18px; height:18px; transition: all .3s ease;}
.right_menu > ul > li.on a,.right_menu > ul > li:hover > a{background:rgba(255, 255, 255, .15);}
.right_menu > ul > li a{height:100%;}
.site_map{position: fixed; width:100%; height:100vh; background:rgba(0, 0, 0, .5);}
.mTip-close{position: absolute; width:30px; height:30px; background:var(--color3); border-radius: 5px; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25);}
.mTip-close::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); width:50%; height:1px; background:#fff;}
.mTip-close::after{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); width:50%; height:1px; background:#fff;}

.right_menu ul li .btn_group{position: absolute; right:100%; top:0; padding-right:20px; visibility: hidden; opacity: 0; transition: all .3s ease; transform: translateX(20px);}
.right_menu ul li .btn_group div{display: flex; padding:20px; background:var(--color1); gap:20px; border-radius: 20px; position: relative; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);}
.right_menu ul li .btn_group div::after{position: absolute; left:100%; transform: translateX(-50%) rotate(45deg); top:25px; background:var(--color1); content:''; width:13px; height:13px;}
.right_menu ul li .btn_group a{display: flex; flex-direction: column; align-items: center; gap:5px;}
.right_menu ul li .btn_group .img{width:55px; height:55px; background:rgba(255, 255, 255, .15); border-radius: 13px; display: flex; align-items: center; justify-content: center; transition: all .3s ease;}
.right_menu ul li .btn_group a .img img{opacity: .75;}
.right_menu ul li .btn_group a:hover .img img, .right_menu ul li .btn_group a.on .img img{opacity: 1;}
.right_menu ul li .btn_group .img:hover{background:rgba(255, 255, 255, .05);}
.right_menu ul li .btn_group .txt{font-size:12px; opacity: .75; transition: all .3s ease;}
.right_menu ul li .btn_group a:hover .txt, .right_menu ul li .btn_group a.on .txt{opacity: 1;}
.right_menu ul li .btn_group a span{white-space: nowrap;}
.right_menu ul li::after{position: absolute; content:attr(txt); left:50%; top:100%; transform: translate(-50%,-100%); z-index: 1; font-size:12px; background:#000;  color:#fff; font-size:10px; white-space: nowrap; padding:2px 5px; width:100%; text-align: center; opacity: 0; transition: all .3s ease;}
.right_menu ul li:hover::after{opacity: 1;}
.right_menu ul li.on .btn_group{visibility: inherit; opacity: 1; transform: translateX(0);}
.right_menu > ul li.on .btn_group a, .right_menu > ul > li:hover .btn_group a{background:transparent !important;}
.right_menu ul li .btn_group a.on .img{border:2px solid #fff;}

.ol-measuretip{font-size:14px; white-space: nowrap !important;}


.leg_btn{position: fixed; width:65px; height:65px; right:40px; bottom:40px; padding:12px; background:var(--color1); display: flex; flex-direction: column; align-items: center; justify-content: center; color:#fff; cursor: pointer; border-radius: 20px; font-size:12px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25);}
.leg_btn::before{display: flex; content:''; width:20px; height: 20px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5s1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5S5.5 6.83 5.5 6S4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5s1.5-.68 1.5-1.5s-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z'/%3E%3C/svg%3E") no-repeat center / 100%;}
.leg{position: fixed; background:var(--color1); max-width:450px; right:120px; bottom:40px; transform: translateX(20px); padding:20px; border-radius: 20px; z-index: 10000; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25); transition: all .3s ease; visibility: hidden; opacity: 0;}
.leg.on{transform: translateX(0); visibility: initial; opacity: 1;}
.leg .content{display: flex; flex-direction: column; gap:30px; height:100%;}
.leg .group{display: flex; flex-direction: column; gap:10px;}
/* .leg .group:nth-child(3) ul li{width:100%;} */
.leg h3{font-size:13px; color:#fff;}
.leg .close{position: absolute; content:''; right:10px; top:10px; width:20px; height:20px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M17.414 16L24 9.414L22.586 8L16 14.586L9.414 8L8 9.414L14.586 16L8 22.586L9.414 24L16 17.414L22.586 24L24 22.586z'/%3E%3C/svg%3E") no-repeat center / 100%; opacity: .75; transition: all .3s ease; z-index: 1; cursor: pointer;}
.leg .close:hover{opacity: 1;}
.leg ul{width:100%; display: flex; flex-wrap: wrap; gap:10px;}
.leg ul li{display: flex; align-items: center; gap:5px; color:#fff; width:calc((100% - 20px) / 3)}
.leg ul li span{font-size:12px; opacity: .75; word-break: keep-all;}
.leg ul li i{width:13px; height:13px; border-radius: 50%; border:1px solid rgba(255, 255, 255, .25);}
.leg .leg_col1 {background-color: #e6a97f; border: 1px solid #ce5907;}
.leg .leg_col2 {background-color: #e481f7; border: 1px solid #d228f2;}
.leg .leg_col3 {background-color: #8481e7; border: 1px solid #1d17d4;}
.leg .leg_col4 {background-color: #c993ab; border: 1px solid #9f3e69;}
.leg .leg_col5 {background-color: #8fde81; border: 1px solid #06b500;}
.leg .leg_col6 {background-color: #dc6b66; border: 1px solid #c8140c;}
.leg .leg_col7 {background-color: #83ecc7; border: 1px solid #19dc97;}
.leg .leg_col8 {background-color: #f2ee7f; border: 1px solid #e9e11b;}
.leg .leg_col9 {background-color: #634631; border: 1px solid #5f4734;}
.leg .leg_col10 {background-color: #71c4ef; border: 1px solid #09f;}

.leg .leg_col11 {background-color: #F56652; border: 1px solid #F56652;}
.leg .leg_col12 {background-color: #17A773; border: 1px solid #17A773;}
.leg .leg_col13 {background-color: #FEAB38; border: 1px solid #FEAB38;}

.leg .leg_col14 {background-color: #ffff86; border: 1px solid #808000;}
.leg .leg_col15 {border: 1px solid #FFEB3B; background-color: #fff; background-image: repeating-linear-gradient(139deg, #fff 0px, #fff 1px, #ffeb3b 2px);}
.leg .leg_col16 {background-size: 100% 2px !important; background: linear-gradient(to bottom, #ade1e1 50%, #ffffff 50%); border: 1px solid #009500;}

.leg .leg_col17 {background-color: #ffff86; border: 1px solid #808000;}
.leg .leg_col18 {border: 1px solid #48ff3b;}
.leg .leg_col19 {background-size: 100% 2px !important; background: linear-gradient(to bottom, #ade1e1 50%, #ffffff 50%); border: 1px solid #009500;}

.new_paging_group {
    text-align: center;
    margin-top: 20px;
}

.new_paging_group ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
}

.new_paging_group ul li {
    width: 20px;
    height: 20px;
    margin: 0px 5px;
}

.new_paging_group ul li a.pagination-sel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    position: relative;
    border-radius: 50%; /* 완전한 동그라미 모양을 만듭니다. */
}
.new_paging_group ul li a::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background:var(--color3);
    opacity: 0;
    transition: all .3s ease;
    z-index: -1;
}

.new_paging_group ul li.on a::after,
.new_paging_group ul li:hover a::after {
    opacity: 0.5;
}

.new_paging_group ul li.on a {
    background-color: #5A667B; /* 현재 페이지 동그라미 색상을 변경합니다. */
    color: #fff; /* 현재 페이지의 텍스트 색상을 흰색으로 설정합니다. */
    border-color: #5A667B; /* 현재 페이지의 테두리 색상을 변경합니다. */
    transition: all .3s ease;
}

.new_paging_group ul li a:hover {
    background-color: #5A667B;
}

.sub_inner .left_menu .paging_group{position: absolute; bottom:25px;}
.sub_inner .left_menu .paging_group ul{display: flex; width:230px; justify-content: space-evenly; overflow: hidden; transition: all .3s ease;}
.sub_inner .left_menu .paging_group ul li {width:20px; height:20px;}
.sub_inner .left_menu .paging_group ul li a{display: flex; width:100%; height:100%; font-size:11px; align-items: center; justify-content: space-evenly; position: relative; color:#fff; z-index: 1; cursor:pointer; }
.sub_inner .left_menu .paging_group ul li a{}
.sub_inner .left_menu .paging_group ul li a::after{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; border-radius: 50%; z-index: -1; background:var(--color3); opacity: 0; transition: all .3s ease;}
.sub_inner .left_menu .paging_group ul li.on a::after,.sub_inner .left_menu .paging_group ul li:hover a::after{opacity: .5;}
.sub_inner .left_menu.on .paging_group ul{width:0; opacity: 0;}
.content_info .inner .tit_top{display: flex; justify-content: space-between; align-items: center;}
.content_info .inner .tit_top > a{font-size:11px; border:1px solid #fff; padding:5px; transition: all .3s ease; background:var(--color1); color:#fff;}
.content_info .inner .tit_top > a:hover{background:#fff; color:var(--color1);}
.content_info .inner .tit_top ul{display: flex; gap:10px;}
.content_info .inner .tit_top ul li a{font-size:14px; line-height: 1; font-weight: 500; opacity: .5; transition: all .3s ease; padding:0 !important; border:0 !important;}
.content_info .inner .tit_top ul li.on a,.content_info .inner .tit_top ul li:hover a{opacity: 1;}
.content_info .inner .tab_content{display: none;}
.content_info .inner .tab_content.on{display: block; animation: tab_fade .3s linear forwards; animation-timing-function: ease;}

.content_info .inner .tab_content .sub_btn_groups { display: flex; justify-content: flex-end;column-gap: 4px; }
.content_info .inner .tab_content .sub_btn_groups a { font-size: 11px; border: 1px solid #fff; padding: 5px; transition: all .3s ease; background: var(--color1); color: #fff;}
.content_info .inner .tab_content .sub_btn_groups a:hover { background:#fff; color:var(--color1); }
.content_info .inner .tab_content .sub_btn_groups.on a { background:#fff; color:var(--color1); }

/*
.content_info .inner .tab_content a{font-size:11px; border:1px solid #fff; padding:5px; transition: all .3s ease; background:var(--color1); color:#fff;}
.content_info .inner .tab_content a:hover{background:#fff; color:var(--color1);}
*/

@keyframes tab_fade { 0%{opacity: 0;} 100%{opacity: 1;} }
.content_info .inner .table_type1.x_scroll{overflow-x: scroll;}
.content_info .inner .table_type1::-webkit-scrollbar{width:5px; height:5px; background:transparent;}
.content_info .inner .table_type1::-webkit-scrollbar-thumb{background:#fff; border-radius: 100px;}
.content_info .inner .table_type1.x_scroll table{width:600px;}

.status_modal{position: fixed; left:0; top:0; width:100%; height:100%; z-index: 10000; background:rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all .3s ease;}
.status_modal.on{opacity: 1; visibility: inherit;}
.status_modal .close{position: absolute; right:10px; top:10px; width:50px; height:50px; cursor: pointer;}
.status_modal .close::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); width:50%; height:1px; background:#000;}
.status_modal .close::after{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); width:50%; height:1px; background:#000;}
.status_modal .container{position: relative; display: flex; flex-direction: column; width:786px; height:75vh; background:#fff; padding:50px 50px 30px; border-radius: 20px; box-shadow: 0 2px 40px rgba(0, 0, 0, 0.25);}
.status_modal .container h3{line-height: 1; margin-bottom:30px;}
.status_modal .container h3::before{width:5px; height:5px;}
.status_modal .content{display: block; height:100%; overflow-y: scroll; margin-bottom:30px;}

.status_modal .table_type1 *{line-height: 1.4; word-break: keep-all; color:#333;}
.status_modal .table_type1 table{width:100%; border-top:2px solid #4d4d4d;}
.status_modal .table_type1 table th{background:#fafafa; color:#666;}
.status_modal .table_type1 table th, .status_modal .table_type1 table td{padding:7px; font-size:14px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.status_modal .table_type1 table th:last-child, .status_modal .table_type1 table td:last-child{border-right:0;}
.status_modal .markerbox{display: flex; align-items: center; justify-content: center;}
.status_modal .markerbox i{display: flex; align-items: center; justify-content: center; width:20px; height:20px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23004c98' d='M12 21.325q-.35 0-.7-.125t-.625-.375Q9.05 19.325 7.8 17.9t-2.087-2.762q-.838-1.338-1.275-2.575T4 10.2q0-3.75 2.413-5.975T12 2q3.175 0 5.588 2.225T20 10.2q0 1.125-.437 2.363t-1.275 2.575Q17.45 16.475 16.2 17.9t-2.875 2.925q-.275.25-.625.375t-.7.125M12 12q.825 0 1.413-.587T14 10q0-.825-.587-1.412T12 8q-.825 0-1.412.588T10 10q0 .825.588 1.413T12 12'/%3E%3C/svg%3E") no-repeat center / 100%; cursor: pointer;}
.status_modal .table_type1 table s{display: block; width:15px; height:15px; margin:0 auto;}

.status_modal .li_type1{ font-size:14px;}
.status_modal .li_type1 li{line-height: 1.4; font-size:15px; position: relative; padding-left:12px; word-break: keep-all; margin-bottom:5px;}
.status_modal .li_type1 li:last-child{margin-bottom:0;}
.status_modal .li_type1 li::before{position: absolute; content:''; left:0; top:7px; width:5px; height:5px; background:var(--color1);}
.status_modal .li_type1 li ul li{font-size:14px;}
.status_modal .li_type1 li ul li::before{position: absolute; content:''; left:0; top:9px; width:5px; height:2px; background:var(--color1);}
.status_modal .btn{display: flex; justify-content: center; background:var(--color1); color:#fff; padding:7px; width:120px; margin:0 auto; border-radius: 5px;}



.right_menu > ul > li a i{width:18px; height:18px;}
.right_menu > ul > li.background a i{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 100 100' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M50 0C22.415 0 0 22.415 0 50s22.415 50 50 50c27.504 0 49.857-22.287 49.988-49.76A2.5 2.5 0 0 0 100 50a2.5 2.5 0 0 0-.014-.254a2.5 2.5 0 0 0 0-.012C99.841 22.274 77.495 0 50 0m-2.5 5.27v21.566c-6.033-.18-11.744-1.004-16.906-2.328c.915-2.493 1.954-4.805 3.101-6.889c3.85-6.99 8.706-11.284 13.805-12.35m5 0c5.1 1.065 9.956 5.36 13.805 12.35c1.147 2.083 2.186 4.395 3.101 6.888c-5.162 1.324-10.873 2.149-16.906 2.328zM34.588 7.7c-1.954 2.156-3.723 4.69-5.274 7.506c-1.326 2.41-2.505 5.05-3.529 7.871c-2.986-1.02-5.73-2.213-8.166-3.555c-.167-.091-.323-.186-.486-.279A44.975 44.975 0 0 1 34.588 7.701m30.824 0a44.975 44.975 0 0 1 17.455 11.543c-.163.093-.32.188-.486.28c-2.436 1.34-5.181 2.536-8.168 3.556c-1.022-2.822-2.2-5.463-3.527-7.873c-1.551-2.816-3.32-5.35-5.274-7.506M13.885 23.135c.435.26.87.52 1.322.77c2.74 1.509 5.775 2.83 9.043 3.943c-1.674 5.982-2.678 12.627-2.871 19.652H5.072a44.79 44.79 0 0 1 8.813-24.365m72.23 0A44.79 44.79 0 0 1 94.928 47.5H78.604c-.193-7.023-1.193-13.668-2.862-19.65c3.271-1.113 6.308-2.435 9.051-3.946c.451-.248.887-.51 1.322-.77m-57.058 6.148c5.665 1.476 11.887 2.361 18.443 2.541V47.5H26.383c.194-6.547 1.146-12.72 2.674-18.217m41.886 0c1.528 5.497 2.48 11.67 2.674 18.217H52.5V31.822c6.555-.18 12.779-1.064 18.443-2.539M5.073 52.5h16.306c.193 7.025 1.197 13.669 2.871 19.65c-3.267 1.115-6.302 2.437-9.043 3.946c-.451.248-.887.51-1.322.77A44.79 44.79 0 0 1 5.072 52.5m21.31 0H47.5v15.66c-6.558.18-12.78 1.07-18.445 2.549c-1.527-5.495-2.478-11.665-2.672-18.209m26.117 0h21.117c-.194 6.544-1.145 12.714-2.672 18.209C65.28 69.23 59.058 68.341 52.5 68.16zm26.105 0h16.323a44.79 44.79 0 0 1-8.813 24.365c-.435-.26-.87-.52-1.322-.77c-2.742-1.51-5.78-2.832-9.049-3.947c1.67-5.981 2.669-12.625 2.861-19.648M47.5 73.164V94.73c-5.1-1.065-9.956-5.36-13.805-12.35c-1.147-2.083-2.186-4.395-3.101-6.888c5.162-1.324 10.873-2.149 16.906-2.328m5 0c6.033.18 11.744 1.004 16.906 2.328c-.915 2.493-1.954 4.805-3.101 6.889c-3.85 6.99-8.706 11.284-13.805 12.35zm21.713 3.756c2.987 1.02 5.732 2.215 8.168 3.557c.167.091.323.186.486.279a44.975 44.975 0 0 1-17.455 11.543c1.954-2.156 3.723-4.69 5.274-7.506c1.326-2.41 2.504-5.05 3.527-7.873m-48.428.002c1.024 2.821 2.203 5.461 3.53 7.871c1.55 2.816 3.319 5.35 5.273 7.506a44.975 44.975 0 0 1-17.455-11.543c.163-.093.32-.188.486-.28c2.436-1.34 5.18-2.534 8.166-3.554' color='currentColor'/%3E%3C/svg%3E") no-repeat center / 100%;}
.right_menu ul li .btn_group a i{position: relative; display: flex; align-items: center; justify-content: center;}
.right_menu ul li .btn_group a i.img::before{content:''; width:80%; height:80%; opacity: .75;}
.right_menu ul li .btn_group a:nth-child(1) i.img::before{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 100 100' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M1.965 12.5C.88 12.5 0 13.443 0 14.605v70.79c0 1.162.88 2.104 1.965 2.105h96.07c1.085 0 1.965-.943 1.965-2.105v-70.79c0-1.162-.88-2.104-1.965-2.105Zm22.408 4.213h12.385c3.19 1.117 6.48 2.17 9.773 3.135c7.26 2.126 14.43 3.856 20.004 5.056c1.774.382 3.307.687 4.711.957c-.961 1.034-1.904 2.065-2.867 3.094l-1.057 1.129c-6.493-2.033-13.921-4.056-23.474-6.059c-6.74-1.412-13.237-3.964-19.475-7.312m17.08 0h14.453a295.548 295.548 0 0 0 11.785 2.814c2.73.588 5.06 1.043 6.784 1.346a59.4 59.4 0 0 0 2.091.336c.52.071.951.085.795.09l.006.158a419.433 419.433 0 0 0 4.26-4.744h5.332c-4.469 5.16-9.513 10.604-14.564 16.002C62.597 43.184 52.989 53.4 48.97 59.592a10.385 10.385 0 0 1 1.79 5.836c0 1.793-.457 3.484-1.261 4.963c4.097 3.203 7.157 7.856 9.928 12.896h-4.635c-2.384-4.05-4.909-7.543-7.832-9.808a10.41 10.41 0 0 1-9.732 1.949a89.094 89.094 0 0 1-3.231 7.86h-4.43c1.527-3.143 2.92-6.369 4.096-9.782c-2.336-1.923-3.83-4.834-3.83-8.078c0-2.752 1.083-5.258 2.836-7.131c-5.91-13.21-16.585-20-28.738-27.215v-4.674c12.892 7.605 25.195 14.839 32.052 29.502a10.347 10.347 0 0 1 10.092.809c4.67-6.914 13.935-16.629 23.397-26.739c1.588-1.697 3.155-3.398 4.73-5.1c-.158-.026-.253-.038-.422-.068a191.94 191.94 0 0 1-6.931-1.375c-5.543-1.193-12.683-2.916-19.897-5.029a212.348 212.348 0 0 1-5.5-1.695m20.65 0H79.6c-.895 1.004-1.77 1.997-2.702 3.021c-.05-.005-.077-.004-.128-.011a58.622 58.622 0 0 1-2.036-.328c-1.697-.299-4.013-.75-6.726-1.334a290.859 290.859 0 0 1-5.904-1.348m26.846 0h7.12v4.385c-.042-.003-.082-.012-.124-.012h-.013a1.75 1.75 0 0 0 .013 3.5c.042 0 .082-.009.123-.012v3.524c-.04-.003-.08-.012-.123-.012h-.013a1.75 1.75 0 0 0 .013 3.5c.042 0 .082-.009.123-.012v3.524c-.04-.003-.08-.012-.123-.012a1.75 1.75 0 1 0 0 3.5c.042 0 .082-.009.123-.012v1.295c-.791-.251-1.598-.502-2.369-.754a1.75 1.75 0 0 0-1.54-.504c-.641-.213-1.257-.425-1.884-.638a1.75 1.75 0 1 0-3.078-1.055c-1.426-.499-2.822-.998-4.222-1.496a1.75 1.75 0 0 0-.942-.334c-.71-.253-1.433-.507-2.146-.76a1.75 1.75 0 0 0-.43-2.422l-1.596 1.71c-1.047-.37-2.159-.738-3.23-1.106c5-5.346 9.953-10.706 14.318-15.797m5.06 1.84c-1.156.286-2.137.788-3.138 1.545a1.75 1.75 0 1 0 3.139-1.545m-4.421 2.656a45.985 45.985 0 0 0-2.268 2.277a1.75 1.75 0 1 0 2.268-2.277m-85.656 1.99c18.115 12.035 33.234 17 51.261 19.965c-3.805 4.23-7.139 8.16-9.572 11.578a11.803 11.803 0 0 0-5.324-1.28c-1.241 0-2.441.194-3.57.552c-7.314-14.554-19.964-21.79-32.795-29.356Zm88.5 1.387a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m-6.28.148l-2.256 2.416a1.75 1.75 0 1 0 2.256-2.416m2.78 3.352a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m-6.121.228l-2.323 2.489a1.75 1.75 0 1 0 2.323-2.489m2.62 3.272a1.75 1.75 0 1 0 .028 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .028 3.5a1.75 1.75 0 0 0-.027-3.5m-88.5 1.248c11.478 6.84 21.321 13.273 26.981 25.223c-1.607 2.038-2.578 4.597-2.578 7.37c0 3.318 1.382 6.333 3.592 8.509c-1.164 3.244-2.53 6.33-4.024 9.351h-4.328l2.75-4.762l-2.922-1.687l1.041-1.805l-4.047-2.336l-6.115 10.59H3.931V48.32l7.684 4.582l4.778-8.012l-12.461-7.432ZM63.58 44.437c2.32.385 4.57.922 6.73 1.57a1.75 1.75 0 1 0 2.84.927c1.369.483 2.69 1 3.97 1.54a1.75 1.75 0 0 0 1.415.61c.649.29 1.276.584 1.897.88a1.75 1.75 0 1 0 3.127 1.56c.693.363 1.29.708 1.935 1.064a1.875 1.875 0 0 0-.058-.002a1.75 1.75 0 1 0 1.464.773c3.197 1.81 5.717 3.38 7.327 4.172a1.75 1.75 0 0 0 1.723 2.055c.042 0 .08-.015.122-.018v3.53c-.04-.003-.08-.012-.123-.012h-.013a1.75 1.75 0 0 0 .013 3.5c.042 0 .082-.009.123-.012v3.524c-.04-.003-.08-.012-.123-.012a1.75 1.75 0 1 0 0 3.5c.042 0 .082-.009.123-.012v9.713H61.15c-2.7-5.02-5.69-9.798-9.795-13.324a11.804 11.804 0 0 0-.613-10.328c2.623-3.807 7.38-9.234 12.834-15.198zm4.37 4.649c-.218 0-.434.04-.637.12a11.436 11.436 0 0 0-.092 3.22a1.75 1.75 0 1 0 .729-3.34m7 0a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5m-56.749 3.307l-3.623 6.275l-2.431 4.21l6.275 3.624l2.432-4.211l2.492 1.44l3.623-6.276l-2.492-1.44zm53.235.193a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m-3.5 3.5a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m-20.713.021c.013.031.021.061.035.092a70.204 70.204 0 0 1-.139 3.377a1.75 1.75 0 0 0 .104-3.469m-27.922 2.856a6.434 6.434 0 0 0-6.463 6.465a6.432 6.432 0 0 0 6.463 6.463a6.434 6.434 0 0 0 6.465-6.463a6.435 6.435 0 0 0-6.465-6.465m31.135.623a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m-52.135.877c2.783 0 4.965 2.182 4.965 4.965s-2.182 4.963-4.965 4.963s-4.963-2.18-4.963-4.963s2.18-4.965 4.963-4.965m34.635 2.623a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m-20.694.023c.224.556.658.995 1.444 1.514a1.75 1.75 0 0 0-1.444-1.514m10.194 3.477a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5m7 0a1.75 1.75 0 1 0 .027 3.5a1.75 1.75 0 0 0-.027-3.5M65.81 68.359c-3.228 0-5.877 2.65-5.877 5.877c0 3.228 2.65 5.875 5.877 5.875s5.875-2.647 5.875-5.875c0-3.227-2.648-5.877-5.875-5.877m16.134 1.727a1.75 1.75 0 0 0-1.271 2.953l2.562-.021a1.75 1.75 0 0 0-1.29-2.932m7 0a1.75 1.75 0 0 0-1.324 2.893l2.668-.024a1.75 1.75 0 0 0-1.344-2.87m-23.134 1.273a2.854 2.854 0 0 1 2.875 2.877a2.852 2.852 0 0 1-2.875 2.875a2.854 2.854 0 0 1-2.877-2.875a2.855 2.855 0 0 1 2.877-2.877m-18.913 4.02c2.168 1.932 4.174 4.707 6.118 7.908H35.65c.899-1.979 1.762-3.992 2.541-6.096c.686.124 1.387.2 2.106.2c2.433 0 4.704-.745 6.601-2.012' color='currentColor'/%3E%3C/svg%3E") no-repeat center / 100%;}
.right_menu ul li .btn_group a:nth-child(2) i.img::before{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 100 100' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M28.958 18.46a4.403 4.403 0 0 0-1.615 6.028l2.9 5.025l-3.306.677L0 45.742L11.436 65.55l26.937-15.552l2.24-2.525l2.9 5.024a4.403 4.403 0 0 0 6.03 1.616l12.162-7.022a4.403 4.403 0 0 0 1.615-6.03l-2.9-5.024l3.306-.677l26.937-15.552L79.228 0L52.29 15.552l-2.24 2.525l-2.9-5.024a4.403 4.403 0 0 0-6.03-1.616ZM6.248 47.415l23.769-13.722l6.861 11.884L13.11 59.3ZM53.785 19.97L77.553 6.248l6.862 11.885l-23.769 13.722Zm38.44 44.878c-11.274-.189-22.738 2.606-33.178 8.705A63.478 63.478 0 0 0 34.237 100h4.298c4.991-9.194 12.446-17.2 22.096-22.924a36.043 36.043 0 0 1 3.312-1.375c1.493 2.387 4.686 6.609-.156 9.22c-3.779 2.502-2.301 13.542-8.24 8.42c-1.663-3.434.125-13.357-5.299-6.96c-.228 2.948 2.43 6.627-.533 7.74c1.062 4.017-2.838 3.532-4.248 2.346c-.773 1.374 1.936 2.02 1.818 3.533h.145c1.032-1.872 1.599-1.266 2.207 0h47.789c.41 0 .791-.104 1.135-.273c-1.05-.144-1.988-.689-2.42-2.428c-3.97-2.266-2.775-4.71.904-6.428c2.205-4.312-10.218-.677-3.938-5.924c-2.935 1.978-4.144 2.838-6.738-.693c3.214 4.383-4.52 4.994-2.908.328c.748-1.548-4.302-.864-1.223-3.436c2.215-1.456 12.128 5.174 9.71-.863c1.261-1.405-3.478-2.621-2.852-3.199c-3.293 3.652-8.62-2.76-10.205-5.398c1.37-.73 2.662-1.634 3.435-2.356A59.966 59.966 0 0 1 100 69.313v-3.84a64.007 64.007 0 0 0-7.775-.625m-6.592 6.916c-.215.044-.347.093-.418.142c-.5.348 2.009.726.418-.142m-14.15.465c.671.004.926.264-.057 1.015l-1.354.276c-1.269.01-1.712-.129-1.687-.319c.768-.318 1.54-.616 2.316-.9c.286-.047.557-.074.781-.072m16.787.945c-1.176.072-1.773.172-1.993.275c-.952.446 5.179.967 1.993-.275m4.687.398c-.641-.038-1.224.056-1.508.223c-.454.268-.14.722 1.94 1.135c1.472 1.6 1.04 3.04 2.12.187c-.257-1.056-1.484-1.482-2.552-1.545m-10.951 5.723c.244-.065 1.969 1.094.426.58c-.424-.401-.507-.558-.426-.58m-3.684 1.11c.365.042 1.23.898-.021.491c-.125-.253-.14-.393-.096-.455c.024-.033.065-.043.117-.037m-6.054.98c1.127.045 1.45.785-1.006 2.66c-.766.442-1.684.796-2.584.578c-1.028-.836-.538-1.68.424-2.297c.925-.594 2.288-.977 3.166-.941m-26.16 11.568c-.068-.017-.151.007-.253.084c-.27.206-.662.78-1.16 1.895c-.802 1.086-1.29 5.17-.002 1.605c1.49-1.238 1.883-3.46 1.414-3.584m-4.538 5.395a1.07 1.07 0 0 0-.36.109c-.408.2-.88.7-1.398 1.543h3.096c-.21-.994-.672-1.723-1.338-1.652M63.79 52.735a7.45 7.45 0 0 1-9.139 5.312l-1.271 4.837c6.625 1.742 13.477-2.242 15.242-8.861z' color='currentColor'/%3E%3C/svg%3E") no-repeat center / 100%;}
.right_menu ul li .btn_group a:nth-child(3) i.img::before{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 100 100' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M50 83h50v7H50zm10-18.25h40v7H60zM70 46.5h30v7H70zm10-18.25h20v7H80zM90 10h10v7H90z'/%3E%3Cpath fill='%23ffffff' d='M23 70c-8.255 0-15 6.745-15 15c0 8.255 6.745 15 15 15c8.255 0 15-6.745 15-15c0-8.255-6.745-15-15-15m0 5c5.552 0 10 4.448 10 10s-4.448 10-10 10s-10-4.448-10-10s4.448-10 10-10m0 4.158A5.82 5.82 0 0 0 17.158 85A5.82 5.82 0 0 0 23 90.842A5.82 5.82 0 0 0 28.842 85A5.82 5.82 0 0 0 23 79.158M42.562 1.001h-5.701l1.4 5.758l-4.05.372l-1.448-2.958l-5.649 1.305l-2.354-3.116l-7.18 3.508l1.896 3.16l-4.684 3.272L1.703 1.001H0v6.662l10.255 9.566l-3.034 3.609l2.258 3.895l-6.52 7.065l3.481 5.808L0 41.159v6.99l9.797-4.85l2.251 2.088l6.777-2.137l2.606 3.812l8.793 1.605l7.77-3.189l-1.257-2.958l3.763-1.252L52.97 50.6h9.72L48.674 39.44l7.122-2.267l2.972-5.538l7.395-3.2l.344-3.616l7.88-2.321v-6.244l-7.742 1.978l.175-3.287l-5.773-.356l-3.005-7.84l-14.146.01zm-2.625 7.071h3.505l4.681 15.621L66.35 19.04l-.417 5.264l-28.477 7.274l9.456 6.931l-6.908 1.673l-8.998-6.955l-21.132 9.395l-2.917-4.415l19.154-8.89l-14.254-11.95l2.892-3.622l16.791 14.18l12.572-3.21l-4.887-16.31Z' color='currentColor'/%3E%3Cpath fill='currentColor' d='m44.354 1.53l.052.14h-.427z' color='currentColor'/%3E%3C/svg%3E") no-repeat center / 100%;}
.right_menu ul li .btn_group a{flex-direction: column;}


.right_menu ul li.layers .btn_group div{width:300px;}
.right_menu ul li.layers .btn_group div > ul{display: flex; flex-direction: column; gap:15px; width:100%;}
.right_menu ul li.layers .btn_group div > ul > li{display: flex; flex-direction: column; gap:15px; transition: all .3s ease; padding:10px; border-radius: 10px; background:rgba(255, 255, 255, .1); border:2px solid transparent;}
.right_menu ul li.layers .btn_group div > ul > li:hover,
.right_menu ul li.layers .btn_group div > ul > li.on,
.right_menu ul li.layers .btn_group div > ul > li.active{border-color:rgba(255, 255, 255, 1);}
.right_menu ul li.layers .btn_group div > ul > li h5{display: flex; justify-content: space-between; align-items: center; width:100%; color:#fff;}
.right_menu ul li.layers .btn_group div > ul > li h5 span{position: relative; font-size:16px; display: flex; align-items: center; gap:15px; width:calc(100% - 20px)}
.right_menu ul li.layers .btn_group div > ul > li:nth-child(1) h5 span::before{position: relative; filter: invert(100%); content:''; width:20px; height:20px; background:url(../../images/newGis/CircleHouse.svg) no-repeat center / 100%;}
.right_menu ul li.layers .btn_group div > ul > li:nth-child(2) h5 span::before{position: relative; filter: invert(100%); content:''; width:20px; height:20px; background:url(../../images/newGis/shovel.svg) no-repeat center / 100%;}
.right_menu ul li.layers .btn_group div > ul > li:nth-child(3) h5 span::before{position: relative; filter: invert(100%); content:''; width:20px; height:20px; background:url(../../images/newGis/images.svg) no-repeat center / 100%;}
.right_menu ul li.layers .btn_group div > ul > li h5 u{position: relative; width:20px; height:20px; border:1px solid rgba(255, 255, 255, .5); border-radius: 50%; cursor: pointer;}
.right_menu ul li.layers .btn_group div > ul > li h5 u::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:50%; height:1px; background:#fff;}
.right_menu ul li.layers .btn_group div > ul > li h5 u::after{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:1px; height:50%; background:#fff; transition: all .3s ease;}
.right_menu ul li.layers .btn_group div > ul > li.on h5 u::after{height:0;}
.right_menu ul li.layers .btn_group div > ul > li > ul{display: none; flex-direction: column; gap:10px;}
.right_menu ul li.layers .btn_group div > ul > li.on > ul{display: flex;}
.right_menu ul li.layers .btn_group div > ul > li > ul > li{padding:10px;  border-radius: 5px; transition: all .3s ease;}
.right_menu ul li.layers .btn_group div > ul > li > ul > li:hover{background:rgba(255, 255, 255, .15);}

.right_menu ul li.layers .btn_group div > ul > li > ul > li input{display: none;}
.right_menu ul li.layers .btn_group div > ul > li > ul > li label{display: flex; align-items: center; gap:5px; font-size:14px; color:rgba(255, 255, 255, .75); line-height: 1; font-weight: 500; transition: all .3s ease; cursor: pointer;}
.right_menu ul li.layers .btn_group div > ul > li > ul > li label s{position: relative; top:2px; width:12px; height:12px; border:1px solid rgba(255, 255, 255, .75);}
.right_menu ul li.layers .btn_group div > ul > li > ul > li label s::before{position: absolute; content:''; left:-4px; top:-6px; width:17px; height:17px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4z'/%3E%3C/svg%3E"); display: none;}
.right_menu ul li.layers .btn_group div > ul > li > ul > li:hover label,.right_menu ul li.layers .btn_group div > ul > li > ul > li input:checked + label{ color:rgba(255, 255, 255, 1);}
.right_menu ul li.layers .btn_group div > ul > li > ul > li input:checked + label s::before{display: block;}
.right_menu ul li.layers .btn_group div li::after{display: none;}



.ol-measuretip{display: flex; align-items: center; height:30px; background:#fff; padding: 0 10px; border-radius: 5px;   font-size:14px; white-space: nowrap !important; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25);}
.mTip-close{position: absolute; width:30px; height:30px; background:var(--color3); border-radius: 5px; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25); left:calc(100% + 5px);}
.mTip-close::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); width:50%; height:1px; background:#fff;}
.mTip-close::after{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); width:50%; height:1px; background:#fff;}


/** 이미지 확대 보기  **/
.userImagePreviewLayer {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; z-index: 100001; background-color: rgba(107, 107, 107, 0.8);}
.userImagePreviewLayer .content {display: inline-block; background-color: #F0F0F0; border: solid; border-color: #4D6082; border-width: 1px; overflow: auto; background: var(--color2); }
.userImagePreviewLayer .content img {display: inline-block; background-color: #F0F0F0; vertical-align: middle; }
.userImagePreviewLayer .content span {display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.userImagePreviewLayer span { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.userImagePreviewLayer .userImagePreviewBtnLayer { position: absolute; display: flex; flex-wrap:nowrap; justify-content: flex-end; padding: 10px; column-gap: 10px;}
.userImagePreviewLayer .userImagePreviewBtnLayer .userImagePreviewBtnExpandIcon { display: inline-block; background-image: url(../../images/newGis/ico_expand_green.png); background-size: 24px 24px; height: 24px; width: 24px; background-color: #000; cursor: pointer; transition: all .3s ease; }
.userImagePreviewLayer .userImagePreviewBtnLayer .userImagePreviewBtnCloseIcon { display: inline-block; background-image: url(../../images/newGis/ico_exit_green.png); background-size: 24px 24px; height: 24px; width: 24px; background-color: #000; cursor: pointer; transition: all .3s ease; }
.userImagePreviewLayer .userImagePreviewBtnLayer .userImagePreviewBtnExpandIcon:hover { background-color: white; }
.userImagePreviewLayer .userImagePreviewBtnLayer .userImagePreviewBtnCloseIcon:hover { background-color: white; }
.userImagePreviewLayer .content::-webkit-scrollbar { height: 5px; width: 5px; background: rgba(255, 255, 255, .05); }
.userImagePreviewLayer .content::-webkit-scrollbar-thumb { background: #fff; border-radius: 100px; }



.tab-menu .tab {padding: 7px 10px;cursor: pointer;border: 1px solid #e0e0e0;background-color: #33415E;margin: 5px;font-size: 14px;color: #C8CCD3;border-radius: 10px;margin-bottom: 5px;width: calc(50% - 10px);text-align: center; font-weight:500;}

/** 현상변경 Pin 레이아웃 **/
#cgofPinPanel{display: none; position: absolute; top: 0; left: 0; z-index: 1000; background: #fff; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25); border-radius: 15px; padding: 10px; }
#cgofPinContent{font-size:12px; color: black; }
#cgofPinContent .table_type1 table { width: 100%;}
#cgofPinContent .table_type1 table thead th{font-weight: 600; background: #bdb9b9; font-size: 10px; color: black;border-bottom: 1px solid rgba(255, 255, 255, .15);padding: 7px;white-space: nowrap;text-align: center;}
#cgofPinContent .table_type1 td {font-size: 10px;color: black;border-bottom: 1px solid rgba(0, 0, 0, .15);padding: 7px;white-space: nowrap;text-align: center;}
#cgofPinContent .table_type1 table tr:hover td {background:#d9d9d9; }
#cgofPinPanel .close{position: absolute;top: 12px;right: -7px; transform: translateX(50%); display: flex; align-items: center; justify-content: center; width:25px; height:25px;background: #5A5555;color: #fff;border-radius: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);cursor: pointer;z-index: 10;transition: 0.3s all ease;}
#cgofPinPanel .close:hover{background: #858080; transition: 0.3s all ease;}



#prmList tr:hover td{background:#496288; color:#fff;}