:root{
    --window-size:1920px;
    --window-revers-size:-1920px;
    --color-blue1:#2943AE;
    --color-blue2:#0057ED;
    --color-blue3:#4468DF;
    --color-blue4:#464D9E;
    --color-gray100:#1E1E21;
    --color-gray80:#53565D;
    --color-gray60:#787878;
    --color-gray40:#A4A5A9;
    --color-gray30:#DCDCDC;
    --color-gray20:#E9E9ED;
    --color-gray15:#F4F4F5;
    --color-gray10:#FAFAFA;
    --bg-blue1:#F4F8FF;
    --bg-blue2:#F0F2F9;
    --color-red:#F00;
    --color-yell:#FFEA00;
    --color-green:#29ce00;
    --color-mint:#00D0AE;
    --color-sky:#00AAFF;
    --color-skyblue:#0095FF;
    --color-orange:#ff8000;
    --color-purple:#9000FF;
    --color-white:#FFFFFF;
    --popup-shadow:0 2px 7px 0 rgba(0,0,0,.07);
    --icon-shadow:0 4px 4px 0 rgba(144,144,144,.35);
    --box-shadow:0 4px 11px 0 rgba(52,112,208,.16);
    --box-shadowblue:0 4px 11px 0 rgba(64,61,99,.18);
    --btn-shadow:0 3px 0 0 rgba(0,0,0,.04);
}

/* 리셋 */
a {text-decoration:none;outline:none;}
a:hover, a:active {text-decoration:none;}
button{border:0; outline:0; cursor:pointer; background:transparent;}
ul,ol,li{list-style:none;}
em,i{font-style:normal;}

/* 공통 */
html,body{touch-action:pan-x pan-y;}
body {font-size:12px;font-weight:400; background:var(--color-white);}
*, *:before, *:after {padding:0;margin:0;font-family:'Noto Sans KR',sans-serif;box-sizing: border-box;}
.dim{display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(30,30,33,.2); z-index:1000;}
[class^='btn-type']{font-size:14px; font-weight:500; text-align:center;}
.btn-type1{color:var(--color-white); background:var(--color-blue4);}
.btn-type2{color:var(--color-white); background:var(--color-gray40);}
.mt12{margin-top:12px;}
.hide{display:none !important;}

/* 공통 Header */
.geomapHeader{position:absolute; left:0; right:0; top:0; z-index: 999; height:50px;}
.geomapHeader .container{height:100%; display:flex; justify-content: space-between; align-items: center;}
.geomapHeader .header_left{display:flex; gap:20px; align-items:center;}
.geomapHeader .header_left h1{position:relative;}
.geomapHeader .header_left h1:after{content:''; position:absolute; right:-10px; top:3px; width:1px;height:11px;background:var(--color-white);}
.geomapHeader .header_left h1 img{margin-top:2px; display:block;}
.geomapHeader .header_left a{display:block;}
.geomapHeader .header_left a img{display:block;}
.geomapHeader .header_left p{font-size:16px; font-weight:600; color:var(--color-white); line-height:1;}
.geomapHeader .header_left p a{font:inherit; color:inherit;}
.geomapHeader .header_left p span{font:inherit; color:#F8ECC8;}
.geomapHeader .loginBox {display:flex; gap:16px;}
.geomapHeader .loginBtn {padding:0 12px; display:block; text-align:center;line-height:25px;font-size:12px;font-weight:600;color:var(--color-white);background:rgba(255,255,255,.26);border-radius:4px;}
.geomapHeader .logout span{font-size:14px;color:var(--color-white);line-height:25px;font-weight:400;}
.geomapHeader .logout span strong{font-weight:600;}

/* Main Header */
#headerMain .container{margin:0 auto; max-width:1200px;}

/* Sub Header */
#headerSub{position:relative; background:linear-gradient(180deg, #344BBC, #4358C1);}
#headerSub .container{padding:0 20px;}

/* main */
._main{position:relative; padding:174px 0 291px; background:#112A62 url('../images/geomap/main_bg.png') center bottom repeat-x; overflow: hidden;}
._main .container{position:relative; margin:0 auto; width:100%; max-width:1200px;}
._main .main_tit_wrap{padding-bottom:54px; text-align:center;}
._main .main_tit_wrap p{margin-top:12px; font-size:20px; color:var(--color-white); font-weight:400; line-height:1.4;}
._main .main_tit_wrap p span{font-size:inherit; font-weight:600; color:#F8ECC8;}
._main .main_obj{position:absolute; background-repeat:no-repeat; background-position:center;}
._main .main_obj.obj1{left:0; bottom:9px; width:84px; height:46px; background-image:url('../images/geomap/main_obj1.png'); animation:goRight infinite 50s linear;}
._main .main_obj.obj2{right:0; bottom:21px; width:68px; height:43px; background-image:url('../images/geomap/main_obj2.png'); animation:goLeft infinite 50s linear;}

.main_card_list_wrap{margin:0 auto;}
.main_card_list_wrap ul{display:flex; justify-content:space-between; gap:28px;}
.main_card_list_wrap ul li{position:relative; flex:1; height:340px; text-align:center; border-radius:12px; overflow:hidden;}
.main_card_list_wrap ul li h3{font-family:"GmarketSansBold" ,'noto sans KR', sans-serif; line-height:1;}
.main_card_list_wrap ul li .card_warp{position:relative; width:100%; height:100%; transition: .4s; transform-style: preserve-3d; box-shadow:3px 4px 5px 2px rgba(0,0,0,.1); border-radius: 12px;}
.main_card_list_wrap ul li .card_box{position:absolute; left:0; right:0; top:0; bottom:0; backface-visibility: hidden; background:linear-gradient(135deg, #FFF8DF, #CABE95); border-radius:12px;}
.main_card_list_wrap ul li .hover_box{transform:rotateY(180deg);}
.main_card_list_wrap ul li .thumb{position:relative; width:100%; height:272px; background-repeat:no-repeat; background-position:top center;}
.main_card_list_wrap ul li .obj{position:absolute; background-repeat:no-repeat; background-position:center;}
.main_card_list_wrap ul li .txt{position:relative; z-index:1; background:linear-gradient(180deg, #F8F8F8, #f1f1f1);}
.main_card_list_wrap ul li .txt h3{color:#384564; font-size:24px; line-height:68px;}
.main_card_list_wrap ul li .hover_box .thumb{height:100%;}
.main_card_list_wrap ul li .txt_wrap{position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; background:rgba(52,66,121,.88); z-index: 1;}
.main_card_list_wrap ul li .txt_wrap h3{font-size:36px; color:var(--color-white);}
.main_card_list_wrap ul li .txt_wrap p{font-size:18px; color:var(--color-white); line-height:1.4; font-weight:400;}
.main_card_list_wrap ul li .txt_wrap a{margin-top:35px; width:260px; font-size:16px; font-weight:600; color:var(--color-gray100); line-height:48px; border-radius: 24px; background:linear-gradient(135deg, #FFF8DF, #CABE95);}
.main_card_list_wrap ul li .txt_wrap a i{margin-left:10px; display:inline-block; width:8px; height:48px; background:url('../images/geomap/arr_right.png') no-repeat center; vertical-align:top;}
.main_card_list_wrap ul li.card1 .thumb{background-image:url('../images/geomap/card1_bg.png');}
.main_card_list_wrap ul li.card1 .obj{top:49px; right:41px; width:146px; height:119px; background-image:url('../images/geomap/card1_obj.png');}
.main_card_list_wrap ul li.card2 .thumb{background-image:url('../images/geomap/card2_bg.png');}
.main_card_list_wrap ul li.card2 .obj{left:28px; top:82px; width:128px; height:131px; background-image:url('../images/geomap/card2_obj.png');}
.main_card_list_wrap ul li.card2 .obj-box{position:absolute; left:28px; top:82px; transform-origin:right bottom; width:70px; height:70px;}
.main_card_list_wrap ul li.card2 .obj-box .obj{left:0; top:0;}
.main_card_list_wrap ul li.card3 .thumb{background-image:url('../images/geomap/card3_bg.png');}
.main_card_list_wrap ul li.card3 .obj.obj1{left:71px; top:89px; width:108px; height:95px; background-image:url('../images/geomap/card3_obj.png');}
.main_card_list_wrap ul li.card3 .obj.obj2{right:38px; top:116px; width:99px; height:78px; background-image:url('../images/geomap/card3_obj2.png');}

.main_card_list_wrap ul li:hover .card_warp{transform:rotateY(180deg);}
.main_card_list_wrap ul li:hover .hover_box{}

.bounceUpDownAni{animation:bounceUpDown infinite 3s ease-in alternate;}
.rollingAni{animation:rolling infinite 3.5s linear;}
.rolling-reverseAni{animation:rolling-reverse infinite 3.5s linear;}

@keyframes bounceUpDown {
    0%{transform:translateY(0);}
    100%{transform:translateY(20px);}
}
@keyframes rolling {
    100%{transform:rotate(360deg);}
}
@keyframes rolling-reverse {
    100%{transform:rotate(-360deg);}
}
@keyframes goLeft {
    0%{transform:translateX(100%);}
    100%{transform:translateX(var(--window-revers-size));}
}
@keyframes goRight {
    0%{transform:translateX(-100%);}
    100%{transform:translateX(var(--window-size));}
}

._sub{height:calc(100dvh - 50px);}
.menu_wrap{position:relative; padding:12px 24px; display:flex; justify-content: space-between; align-items: center; background:var(--color-white); z-index:999;}
.menu_wrap:after{content:''; position:absolute; left:0; right:0; top:100%; height:16px; background:linear-gradient(180deg, rgba(30,30,33,0.06), rgba(30,30,33,0));}
.menu_wrap .menu-box{display:flex; gap:8px;}
.menu_wrap .menu-box a{width:152px;height:44px; font-size:16px; color:var(--color-gray100); font-family:"GmarketSansMedium" , 'noto sans KR', sans-serif; line-height:45px; text-align:center; border-radius:8px 8px 8px 4px; border:1px solid var(--color-gray20);}
.menu_wrap .menu-box a.on{color:var(--color-white); font-family:"GmarketSansBold" , 'noto sans KR', sans-serif; background:var(--color-blue1); border-color:var(--color-blue1);}
.menu_wrap .menu-btns{display:flex; gap:8px; align-items:center;}
.menu_wrap .menu-btns p{font-size:12px; color:var(--color-gray80); font-weight:500; line-height:1;}
.menu_wrap .menu-btn{display:inline-flex; flex:none; align-items:center; justify-content:center; gap:8px; height:36px; font-size:14px; font-weight:500; color:var(--color-gray100); border-radius:4px;}
.menu_wrap .menu-btn i{display:inline-block;}
.menu_wrap .btn-share{width:103px; background:var(--color-gray15);}
.menu_wrap .btn-share i{width:18px; height:15px; background:url('../images/geomap/ico_share2.png') no-repeat center;}
.menu_wrap .btn-reset{width:119px; background:#98BDFF;}
.menu_wrap .btn-reset i{width:14px; height:14px; background:url('../images/geomap/ico_reset2.png') no-repeat center;}

.map_cont_wrap{display:flex; height: calc(100% - 68px); overflow:hidden;}
.side-navi{position:relative; width:336px; flex:none; display:flex; flex-direction:column; background:var(--bg-blue1);box-shadow:4px 0 12px 0 rgba(30, 30, 33, 0.06); z-index:10;}
.side-navi:after{content:''; position:absolute; top:0; bottom:0; left:100%; width:16px; background:linear-gradient(90deg, rgba(30,30,33,0.06), rgba(30,30,33,0));z-index:1;}
.side-navi .side-navi-toggle{position:absolute; top:50%; transform:translateY(-50%); right:-20px; display:flex; width:20px; height:64px; align-items:center; justify-content:center; background:var(--color-blue3);border-radius:0 6px 6px 0; z-index:2;}
.side-navi .side-navi-toggle i{display:block; width:8px; height:13px; background:url('../images/geomap/arr_side.png') no-repeat center;}
.side-widget-wrap{position:relative; padding:20px 0 14px; flex:1; display:flex; flex-direction:column; overflow-y:auto; overflow-x:hidden;}
.side-widget-wrap.visible{overflow:visible; min-height:0;}
.side-navi.close .side-navi-toggle i{transform:rotate(180deg);}
.side-navi.close:after{content:none;}
.side-navi.close > div{display:none;}
.side-map-type-box{padding:4px; display:flex; gap:4px; background:var(--color-white); border-radius:20px; box-shadow:0 2px 7px 0 rgba(0,0,0,.06)}
.side-map-type-box button{flex:1; height:40px; font-size:14px; font-weight:600; color:var(--color-blue3); background:var(--color-white); border-radius:20px;}
.side-map-type-box button.on{color:var(--color-white); background:var(--color-blue3);}

.map_cont_wrap.ty2{position:relative;}
.map_cont_wrap.ty2 .side-navi{position:absolute; height:100%;}
.map_cont_wrap.ty2 .content-wrap{position:absolute ;left:0; right:0; top:0; bottom:0;}

.side-widget{margin-left:20px; max-width:296px;}
.side-widget+.side-widget{margin-top:12px;}

.region-box{padding:12px; display:flex; gap:12px; align-items:center; background:var(--color-white); border-radius:8px;}
.region-box p{font-size:14px; color:var(--color-gray100); font-weight:600; line-height:1;}
.region-box select{appearance:none; flex:1; padding:0 40px 0 16px; height:36px; color:var(--color-gray100); font-size:14px; font-weight:400; line-height:32px; background:url('../images/geomap/arr_select.png') no-repeat center right 16px; border:1px solid var(--color-blue3); border-radius:18px;}

.region-box2{padding:12px; background:var(--color-white); border-radius:8px;}
.region-box2 .region{display:flex; gap:12px; align-items:center; }
.region-box2 p{font-size:14px; color:var(--color-gray100); font-weight:600; line-height:1;}
.region-box2 .region .ui-select-parent{flex:1;}
.region-box2 select{appearance:none; padding:0 40px 0 16px;width:100%;height:36px; color:var(--color-gray100); font-size:14px; font-weight:400; line-height:32px; background:url('../images/geomap/arr_select.png') no-repeat center right 16px; border:1px solid var(--color-blue3); border-radius:18px;}
.region_name{margin-top:12px;display:flex;justify-content: space-between;align-items: center;}
.region_name p{color:var(--color-blue3);font-size:12px;font-weight:600;}
.switchRadio{width:57px;height:25px;background:url('../images/geomap/switchBtn.png') no-repeat center top;}
.switchRadio.on{background-position:center bottom;}

.side-tab-box{display:flex; border-bottom:1px solid var(--color-gray20);}
.side-tab-box button{flex:1; height:42px; font-size:14px; font-weight:600; color:var(--color-gray40); background:transparent;}
.side-tab-box button.on{color:var(--color-blue4); border-bottom:1px solid var(--color-blue4);}

.side-search-wrap{margin-top:12px;}
.side-search-wrap .search-box{position:relative; height:36px; border:1px solid var(--color-blue3); background:var(--color-white); border-radius:4px; overflow:hidden;}
.side-search-wrap .search-box .search-input{display:block; padding:0 40px 0 16px; font-size:14px; font-weight:400; color:var(--color-gray100); width:100%; height:100%; border:none; outline:none;}
.side-search-wrap .search-box .search-btn{position:absolute; right:0; top:0; bottom:0; padding:7px 8px; display:flex; align-items:center; justify-content:center; background:transparent;}
.side-search-wrap .search-box .search-btn i{display:block; width:23px; height:23px; background:url('../images/geomap/ico_search.png') no-repeat center;}

.map-add-marker-box{display:flex; gap:8px;}
.map-add-marker-box .map-marker-btn{position:relative; flex:1;}
.map-add-marker-box .map-marker-btn button{width:100%; height:36px; display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--color-blue4); font-weight:500; background:var(--color-white); border-radius:4px; border:1px solid var(--color-blue4);}
.map-add-marker-box .map-marker-btn button i{margin-right:12px; display:inline-block; width:25px; height:24px; background-position:left top; background-repeat:no-repeat;}
.map-add-marker-box .btn-marker-add i{background-image:url('../images/geomap/ico_marker.png');}
.map-add-marker-box .btn-marker-reset i{background-image:url('../images/geomap/ico_reset.png');}
.map-add-marker-box .map-marker-btn button:hover{color:var(--color-white); background-color:var(--color-blue3); border-color:var(--color-blue3);}
.map-add-marker-box .map-marker-btn button:hover i{background-position-y:bottom;}
.map-add-marker-box .marker-tooltip{position:absolute; right:-3px; top:-3px;}
.map-add-marker-box .marker-tooltip span{display:block; width:20px; height:20px; background:url('../images/geomap/ico_tooltip.png') no-repeat center; cursor:pointer;}
.map-add-marker-box .marker-tooltip .marker-tooltip-layer{display:none; position:absolute; bottom:0; left:0; padding:0 0 35px 10px; z-index:1;}
.map-add-marker-box .marker-tooltip .marker-tooltip-box{position:relative; padding:16px 20px; background:#FFFBCE; border-radius:12px 12px 12px 0; box-shadow:0 2px 7px rgba(30,30,33,.07);}
.map-add-marker-box .marker-tooltip .marker-tooltip-box:after{content:''; position:absolute; left:0; bottom:-9px; width:12px; height:9px; background:url('../images/geomap/obj_tooltip.png') no-repeat center;}
.map-add-marker-box .marker-tooltip .marker-tooltip-box p{font-size:14px; font-weight:400; color:var(--color-gray100); line-height:1.4; white-space:nowrap;}
.map-add-marker-box .marker-tooltip:hover .marker-tooltip-layer{display:block;}

.side-result-box{margin:0; flex:1; display:flex; flex-direction:column; min-height:0; max-width:100%;}
.side-result-box .list-cnt{margin:0 20px; font-size:14px; font-weight:400; color:var(--color-gray100); line-height:1;}
.side-result-box .list-cnt span{font:inherit; font-weight:600; color:var(--color-blue4);}
.side-result-box .result-list{margin-top:12px; padding:0 20px; flex:1; overflow-y:auto;}
.side-result-box .result-list li{padding:12px 0; cursor:pointer;}
.side-result-box .result-list li+li{border-top:1px solid var(--color-gray20);}
.side-result-box .result-list li h5{font-size:16px; color:var(--color-gray100); font-weight:600; line-height:1.3;}
.side-result-box .result-list li .result-list-info{margin-top:10px; display:flex; gap:10px; align-items:flex-start;}
.side-result-box .result-list li .result-list-info .badge{flex:none; padding:0 4px; font-size:12px; color:var(--color-blue2); font-weight:400; line-height:23px; border:1px solid var(--color-gray20); border-radius:4px; background:var(--color-white);}
.side-result-box .result-list li .result-list-info p{flex:1; font-size:14px; color:var(--color-gray100); font-weight:400; line-height:25px;}
.side-result-box .list-pagination{margin:20px 20px 0; display:flex; justify-content:center; align-items:center; gap:15px;}
.side-result-box .list-pagination .num{padding:0 3px; font-size:16px; color:#000; font-weight:400; line-height:28px;}
.side-result-box .list-pagination .num.on{color:var(--color-blue4); font-weight:600;}
.side-result-box .list-pagination .arr{width:36px; height:28px; display:flex; justify-content:center; align-items:center; border-radius:4px; border:1px solid var(--color-gray20); background:var(--color-white);}
.side-result-box .list-pagination .arr i{display:inline-block; width:9px; height:15px;}
.side-result-box .list-pagination .arr.prev i{background:url('../images/geomap/page_left.png') no-repeat center;}
.side-result-box .list-pagination .arr.next i{background:url('../images/geomap/page_right.png') no-repeat center;}

.side-result-box .result-list.ty2 li{padding:0;}
.side-result-box .result-list.ty2 li+li{margin-top:12px; border-top:none;}
.side-result-box .result-list.ty2 h3{font-size:16px; font-weight:600; color:var(--color-gray100); line-height:1;}
.side-result-box .result-list.ty2 h3 span{font:inherit; font-weight:400; color:var(--color-blue4);}
.side-result-box .result-list.ty2 .result-items{margin-top:8px; display:flex; flex-wrap:wrap; gap:12px;}
.side-result-box .result-list.ty2 .result-item{width:calc(33.33% - 8px);}
.side-result-box .result-list.ty2 .result-item .thumb{border-radius:4px; overflow:hidden;}
.side-result-box .result-list.ty2 .result-item .thumb a{display:block;}
.side-result-box .result-list.ty2 .result-item .thumb img{display:block; width:100%;}
.side-result-box .result-list.ty2 .result-item .tit{margin-top:10px;}
.side-result-box .result-list.ty2 .result-item .tit input[type=checkbox]{display:none;}
.side-result-box .result-list.ty2 .result-item .tit input[type=checkbox] + label{position:relative; padding-left:20px; display:block; font-size:12px; font-weight:400; color:var(--color-gray100); line-height:16px; cursor:pointer; max-height:32px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.side-result-box .result-list.ty2 .result-item .tit input[type=checkbox] + label:before{content:''; position:absolute; left:0; top:0; width:16px; height:16px; background:url('../images/geomap/ico_chkbox.png') no-repeat center top;}
.side-result-box .result-list.ty2 .result-item .tit input[type=checkbox]:checked + label:before{background-position-y:bottom;}
.side-result-box .list-more{margin:12px 20px 0;}
.side-result-box .btn-more{display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; color:var(--color-blue4); line-height:34px; border:1px solid var(--color-blue4); background:var(--bg-blue2); border-radius:4px;}
.side-result-box .btn-more i{margin-left:10px; display:inline-block; width:7px; height:12px; background:url('../images/geomap/arr_right2.png') no-repeat center;}

.content-wrap{position:relative; flex:1;}
.map-type-box{position:absolute; top:45px; right:20px; padding:4px; background:var(--color-white); border-radius:6px;}
.map-type-box .map-type-btn{position:relative; padding-top:48px; display:block; width:40px; font-size:12px; color:var(--color-gray100); line-height:1; background:transparent; border:none; outline:none; appearance:none;}
.map-type-box .map-type-btn+.map-type-btn{margin-top:12px;}
.map-type-box .map-type-btn:before{content:''; position:absolute; left:0; top:0; width:40px; height:40px; background-repeat:no-repeat;  background-position:center top; background-size:100% auto; border-radius:8px;}
.map-type-box .map-type-btn.ty1:before{background-image:url('../images/geomap/map-type1.png');}
.map-type-box .map-type-btn.ty2:before{background-image:url('../images/geomap/map-type2.png');}
.map-type-box .map-type-btn.ty3:before{background-image:url('../images/geomap/map-type3.png');}
.map-type-box .map-type-btn.on:before,
.map-type-box .map-type-btn:hover:before,
.map-type-box .map-type-btn:active:before{background-position-y:bottom; box-shadow:var(--box-shadowblue)}
.map-type-box .map-type-draw{position:relative;display:block;width:56px;min-height:74px;}
.map-type-box .map-type-draw+.map-type-draw{margin-top:12px;}
.map-type-box .map-type-draw span{position:absolute;top:0;display:block;width:56px;height:56px;border-radius:50%;overflow:hidden;background-position:center top;background-repeat:no-repeat;box-shadow:var(--popup-shadow);}
.map-type-box .map-type-draw.on span,
.map-type-box .map-type-draw:hover span,
.map-type-box .map-type-draw:active span{background-position-y:bottom;}
.map-type-box .map-type-draw .btn_print{background-image:url('../images/geomap/btn_print.png');}
.map-type-box .map-type-draw .btn_down{background-image:url('../images/geomap/btn_save.png');}
.map-type-box .map-type-draw p{margin-top:62px;font-size:12px;line-height:1;letter-spacing:-0.02em;color:var(--color-gray100);}
.map-type-box .map-type-draw.on p,
.map-type-box .map-type-draw:hover p,
.map-type-box .map-type-draw:active p{position:absolute;top:0;left:0;margin-top:0;width:56px;height:56px;border-radius:50%;font-size:14px;font-weight:700;line-height:56px;background:var(--color-blue2);color:var(--color-white);opacity:0.84;}

.map-module-box{position:absolute; bottom:20px; right:20px;}
.map-module-box .zoom-controls{margin:0 8px 0 auto; border-radius:6px; overflow:hidden; width:32px;}
.map-module-box .zoom-controls .zoom-button{display:block; width:100%; height:28px; background-color:var(--color-blue3); background-repeat:no-repeat; background-position:center;}
.map-module-box .zoom-controls .zoom-button.zoom-in{background-image:url('../images/geomap/ico_plus.png');}
.map-module-box .zoom-controls .zoom-button.zoom-out{background-image:url('../images/geomap/ico_minus.png');}
.map-module-box .zoom-controls .zoom-slider-container{padding:8px; height:120px; display:flex; align-items:center; justify-content:center; background:var(--color-white);}
.map-module-box .zoom-controls .zoom-slider{margin:0 auto; width:104px; height:4px; border-radius:6px; transform:rotate(-90deg); cursor:pointer; appearance:none; -webkit-appearance:none; background:var(--color-gray15);}
.map-module-box .zoom-controls .zoom-slider::-webkit-slider-thumb{width:12px; height:12px; background:var(--color-blue3); border-radius:50%;}
.map-module-box .map-module-scale{margin-top:10px; padding-right:56px; font-size:12px; font-weight:600; line-height:1; text-shadow:-1px -1px 0 rgba(255,255,255,1), 1px 1px 0 rgba(255,255,255,1); background:url('../images/geomap/ico_scale.png') no-repeat right center;}

.map-module-box.ty2{padding:8px; border:1px solid var(--color-blue1);border-radius:6px;box-shadow:var(--popup-shadow); background:var(--color-white);}
.map-module-box.ty2 .txtbox{padding:4px 11px;text-align:center;background:var(--bg-blue1);border:1px solid var(--bg-blue2);border-radius:6px;}
.map-module-box.ty2 .txtbox p{color:var(--color-blue3);font-size:12px;font-weight:600;line-height:17px;}
.map-module-box.ty2 .zoom-controls{margin:0 auto;width:47px;}
.map-module-box.ty2 .zoom-controls .zoom-slider-container{padding:15px 8px; height:auto;}
.map-module-box.ty2 .zoom-controls .zoom-slider-box{position:relative; margin:0 auto; width:100%; height:104px;}
.map-module-box.ty2 .zoom-controls .zoomSlider{position:relative; margin:0 auto; width:4px; height:100%; background:#f4f4f5;}
.map-module-box.ty2 .zoom-controls .zoomSlider .ui-slider-range{position:absolute; bottom:0; width:100%; background:rgba(0, 87, 237, .4);}
.map-module-box.ty2 .zoom-controls .zoomSlider .ui-slider-handle{position: absolute; left:-21px; transform:translateY(50%); cursor: pointer;font-size: 12px;line-height: 25px;-webkit-user-select: none;-moz-user-select: none;user-select: none;width:46px; height:25px; background:var(--color-blue3); border-radius:6px;text-align:center;color:var(--color-white);box-shadow:var(--icon-shadow); outline:none;}


/*.map-module-box.ty2 .zoom-controls .zoom-slider{position:absolute; left:50%; bottom:-23px; height:47px; transform:rotate(-90deg); transform-origin:left; z-index:10; opacity:0;}*/
/*.map-module-box.ty2 .zoom-controls .range_control{position: absolute;bottom: 0;left: 50% !important;transform:translateX(-50%);cursor: pointer;font-size: 12px;line-height: 25px;-webkit-user-select: none;-moz-user-select: none;user-select: none;width:47px; height:25px; background:var(--color-blue3); border-radius:4px;text-align:center;color:var(--color-white);box-shadow:var(--icon-shadow);}*/
/*.map-module-box.ty2 .zoom-controls .zoom-slider-bar{margin:0 auto; display:flex; align-items:flex-end; width:4px; height:100%; background:#F4F4F5;}*/
/*.map-module-box.ty2 .zoom-controls .zoom-slider-bar span{display:block; width:100%; background:rgba(0, 87, 237, .4);}*/
.map-module-box.ty2 .btn_zoom_enter{display:block;width:100%;height:25px;text-align:center;color:var(--color-white);font-size:12px;background:var(--color-blue1);border-radius:4px;}
.map-module-box.ty2 .btn_zoom_enter.ani{animation:blinkBtn infinite .5s alternate;}
@keyframes blinkBtn{
    100%{background:#FF4E4E;}
}

/* layer popup */
.popup-layer{}
.popup-wrap{position:fixed; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; background:rgba(30,30,33,.2); z-index:1000;}
.popup-wrap .popup-body{padding:28px; text-align:center; background:var(--color-white); border-radius:8px; box-shadow:0 2px 6px 0 rgba(0,0,0,.07);}
.popup-wrap .popup-body h5{font-size:16px; color:var(--color-gray100); font-weight:600; line-height:1.4;}
.popup-wrap .popup-body p{margin-top:10px; font-size:14px; color:var(--color-gray100); font-weight:400; line-height:1.3;}
.popup-wrap .popup-body .badge{margin-right:10px; padding:0 12px; display:inline-block; font-size:16px; font-weight:600; line-height:30px; color:var(--color-blue2); background:var(--bg-blue1); border-radius:4px;}
.popup-wrap .popup-body .flex-txt{display:flex; justify-content:center;}
.popup-wrap .popup-body .flex-txt+.flex-txt{margin-top:12px;}
.popup-wrap .popup-body .flex-txt h5{line-height:30px;}
.popup-wrap .popup-body .flex-txt+.txt-reset{margin-top:12px;}
.popup-wrap .popup-body .txt-reset{background:var(--color-gray15); border-radius:20px;}
.popup-wrap .popup-body .txt-reset p{font-size:14px; color:var(--color-gray100); text-align:center; line-height:36px;}
.popup-wrap .popup-body .popup-btns{margin-top:20px; display:flex; justify-content:center; gap:8px;}
.popup-wrap .popup-body .popup-btns [class^='btn-type']{padding:0 12px; min-width:88px; line-height:36px; border-radius:4px;}
.popup-wrap .popup-body .dropArea{margin-top:20px;position:relative;width:283px;height:128px; border:1px solid var(--color-gray30);border-radius:8px;overflow:hidden;}
.popup-wrap .popup-body .dropArea:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0;}
.popup-layer.ty2 .popup-body{border:1px solid var(--color-blue4);}
.popup-layer.ty3 .popup-wrap .popup-body{padding:0;}
.popup-layer.ty3 .popup-wrap .popup-body .header{height:47px;display:flex;flex-wrap:nowrap;justify-content: space-between;align-items: center; padding:0 12px 0 28px;background:var(--color-blue3);border-radius:8px 8px 0 0;}
.popup-layer.ty3 .popup-wrap .popup-body .header h5{color:var(--color-white);font-size:16px;font-weight:600;}
.popup-layer.ty3 .popup-wrap .popup-body .header .popup_close{width:30px;height:32px;background:url('../images/geomap/pop_ty3_close.png') no-repeat center center;}
.popup-layer.ty3 .popup-wrap .popup-body .pop_conts{padding:28px;}
.popup-wrap .popup-body .pop_conts table{width:405px;border-top:1px solid var(--color-gray80);border-collapse:collapse}
.popup-wrap .popup-body .pop_conts table th,td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-gray30);}
.popup-wrap .popup-body .pop_conts table th p,.popup-wrap .popup-body .pop_conts table td p{margin-top:0;line-height:23px;font-size:16px;color:var(--color-gray100)}
.popup-wrap .popup-body .pop_conts table td p span{color:var(--color-blue2);}
.popup-wrap .popup-body .pop_conts table td select{appearance:none; padding:0 40px 0 16px;width:206px; height:36px; color:var(--color-gray100); font-size:14px; font-weight:400; line-height:32px; background:url('../images/geomap/arr_select.png') no-repeat center right 16px; border:1px solid var(--color-blue3); border-radius:4px;}
.popup-wrap .popup-body .pop_conts .ic_dot{position:relative;padding-left:25px;margin-top:8px;line-height:31px;font-size:16px;color:var(--color-gray100);letter-spacing: -0.02em;}
.popup-wrap .popup-body .pop_conts .ic_dot:before{content:'';position:absolute;left:10px;top:13px;width:5px;height:5px;background:var(--color-gray100);border-radius:50%;}
.popup-wrap .popup-body .pop_conts .ic_dot span{font:inherit;color:var(--color-blue2);}
.dropArea{cursor:pointer;}
.dropArea .file_img_wrap{display:flex;flex-direction:column;align-items: center;justify-content: center;height:100%;}
.dropArea .fileipt{appearance: none;margin:0;padding:0;width:0;height:0;}
.dropArea .btn_filename{display:inline-block;width:75px;height:36px;font-size:14px;font-weight:600;line-height:34px;color:var(--color-blue2);background:var(--bg-blue1);border-radius:4px;border:1px solid var(--color-blue2);box-shadow:0 4px 11px 0 rgba(64,61,99,0.18);}
.dropArea p{margin-top:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--color-gray80);}
.preview_img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;object-fit: contain;}
.uploadImg{margin-top:20px;position:relative;width:304px;height:144px; border:1px solid var(--color-gray30);border-radius:8px;overflow:hidden;}
.uploadImg .btn_del_img{position:absolute;right:10px;bottom:10px;width:28px;height:28px;background:url('../images/geomap/btn_img_del.png') no-repeat center center;z-index:10;}
.cropper-modal{background:var(--color-white);opacity:0.2;}
/* 수업 자료 공유하기 */
#themePopupWrap {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; z-index: 1000;}
#themePopupWrap .dimed {position: fixed; left: 0; right: 0; bottom: 0; top: 0; background:rgba(30,30,33,.2); z-index: 1000;}
#themePopupWrap .share_pop { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); width: 440px; border: 0; border-radius: 8px;  z-index: 1000; overflow: hidden;}
#themePopupWrap .share_pop .popup_head {position: relative; padding: 0 0 0 33px; background: #4d8bef;}
#themePopupWrap .share_pop .popup_head p {font-size: 22px; font-weight: 500; color: var(--color-white); line-height: 67px; letter-spacing: -0.05em;}
#themePopupWrap .share_pop .popup_head .popup_close {display: inline-block; position: absolute; right: 26px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; font-size: 0; background: url('../images/geomap/ico_pop_close.png')no-repeat center; }

#themePopupWrap .share_pop .popup_body {padding: 35px 93px 37px 93px; background: #eef5f8;}
#themePopupWrap .share_pop .popup_body strong {display: block; font-size: 16px; font-weight: 600; color: var(--color-gray100);}
#themePopupWrap .share_pop .popup_body .share_box.qr {display: flex; justify-content: center; align-items: center; width: 250px; height: 250px; margin-top: 15px; background: var(--color-white); border: 1px solid var(--color-gray40); border-radius: 12px; overflow: hidden;}
#themePopupWrap .share_pop .popup_body .share_box.qr .qr_wrap {position: relative; width: 100%;}
#themePopupWrap .share_pop .popup_body .share_box.qr .qr_wrap img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 94%;}
#themePopupWrap .share_pop .popup_body .share_box.copy {margin-top: 18px; text-align: center; }
#themePopupWrap .share_pop .popup_body .share_box.copy p {font-size: 16px; font-weight: 400; color: #333333; letter-spacing: -0.05em;  text-align: center;}
#themePopupWrap .share_pop .popup_body .share_box.copy .pop_btn_share {display: inline-block; width: 140px; padding-left: 57px; margin-top: 8px;  font-size: 16px; font-weight: 400; color: var(--color-white); line-height: 40px; letter-spacing: -0.05em; text-align: left; background: #4d8bef url('../../images/teachware/ico_share.png')no-repeat left 25px center; border: 1px solid #3374dc; border-radius: 4px; box-sizing: border-box;}
#themePopupWrap .share_pop .popup_body .share_box.copy span {display: inline-block; margin-top: 18px; font-size: 15px; font-weight: 400; color: #e76557; letter-spacing: -0.04em; opacity: 0;}
#themePopupWrap .share_pop .popup_body .share_box.copy span.on {opacity: 1;}

/* 비바샘 공유하기 */
#themePopupWrap .share_pop.type2{width:651px;font-family:'noto sans KR',sans-serif;}
#themePopupWrap .share_pop.type2 .popup_body{padding:28px 28px 50px; display:flex; background:var(--color-white);}
#themePopupWrap .share_pop.type2 .popupQr{position:relative;padding-right:50px;}
#themePopupWrap .share_pop.type2 .popupQr:after{content:"";display:block;width:1px;height:93%;position:absolute;top:10px;right:0;border-left:1px solid #ced8e1;}
#themePopupWrap .share_pop.type2 .popupUrlBtn{padding-left:50px;}
#themePopupWrap .share_pop.type2 .popupUrlBtn ul{margin-top:15px;}
#themePopupWrap .share_pop.type2 .popupUrlBtn ul li+li{margin-top:17px;}
#themePopupWrap .share_pop.type2 .popupUrlBtn ul li[class^="url0"] a{font-size:15px;font-weight:400;display:block;color:#333;}
#themePopupWrap .share_pop.type2 .popupUrlBtn ul li[class^="url0"] a:before{content:"";display:inline-flex;align-items:center;background:url("../images/geomap/ico_url_share.png")no-repeat center 0;width:70px;height:70px;margin-right:27px;}
#themePopupWrap .share_pop.type2 .popupUrlBtn ul li.url02 a:before{background-position-y:-86px}
#themePopupWrap .share_pop.type2 .popupUrlBtn ul li.url03 a:before{background-position-y:-171px}
#themePopupWrap .share_pop.type2 .popupUrlBtn p{margin-top:26px;line-height:16px;padding-left:8px;position:relative;font-size:14px;font-weight:400;color:#333;}
#themePopupWrap .share_pop.type2 .popupUrlBtn p:before{content:"*";dipsplay:inline-block;vertical-align:top;font-size:14px;position:absolute;top:0;left:0;height:32px;}
/*비바샘 공유하기 - 비바클래스*/
#themePopupWrap .share_pop.vivaclass{width:600px;display:none;font-family:'noto sans KR',sans-serif;}
#themePopupWrap .share_pop.vivaclass#adminViva.on,
#themePopupWrap .share_pop.vivaclass#noneadminViva.on{display:block;}
#themePopupWrap .share_pop.vivaclass .popWrap{background-color:var(--color-white);}
#themePopupWrap .share_pop.vivaclass .popup_head{height:54px;padding:30px 27px 0 30px;background-color:var(--color-white);text-align:center;}
#themePopupWrap .share_pop.vivaclass .popup_head .tit{color:#000;font-size:28px;font-weight:bold;line-height:1;}
#themePopupWrap .share_pop.vivaclass .popup_head .tit strong{color:#2c57b6;}
#themePopupWrap .share_pop.vivaclass .popup_head:after{content:"";display:block;width:100%;border-bottom:1px solid #000;padding-bottom:24px;}
#themePopupWrap .share_pop.vivaclass .popup_head .popup_close{background-image:url('../images/geomap/ico_pop_close02.png');}
#themePopupWrap .share_pop.vivaclass .popup_body{background-color:var(--color-white);padding:0 27px 0 30px;height:337px;}
#themePopupWrap .share_pop.vivaclass .popup_body p{text-align:center;line-height:28px;font-size:16px;color:#000;font-weight:400;}
#themePopupWrap .share_pop.vivaclass .popup_body p strong{font-size:20px;font-weight:500;color:#000;}
#themePopupWrap .share_pop.vivaclass .popup_body .formWrap{text-align:center;}
#themePopupWrap .share_pop.vivaclass .popup_body .formCont{height:46px;margin:36px 0 41px;}
#themePopupWrap .share_pop.vivaclass .popup_body .btnWrap{text-align:center;height:58px;display:flex;justify-content:center;width:100%;}
#themePopupWrap .share_pop.vivaclass .popup_body .btnWrap a{background-color:#2d57b6;color:var(--color-white);display:inline-flex;width:213px;height:58px;font-size:18px;border-radius:28px;align-items:center;justify-content:center;padding:0;}
#themePopupWrap .share_pop.vivaclass#adminViva .popup_body p{padding-top:40px;}
#themePopupWrap .share_pop.vivaclass#noneadminViva .popup_body p{padding-top:75px;}
#themePopupWrap .share_pop.vivaclass#noneadminViva .popup_body .btnWrap{padding-top:83px;}
#themePopupWrap .share_pop.vivaclass .popup_body .btnWrap.gallery a{float:none;padding:0;}
#themePopupWrap .share_pop.vivaclass .popup_body .btnWrap a:after{content:none;}

/* 비바클래스 공유하기 - 라이브러리 등 */
.themePopupWrap {display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding-top: 140px; overflow-x: hidden; overflow-y: scroll; z-index: 9999;}
.themePopupWrap .dimed{position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: #22252b; opacity: 0.85; z-index: 9998;}
.themePopupWrap .share_pop { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); width: 100%; width: 440px; border: 0; border-radius: 30px;  z-index: 9999; overflow: hidden;}
.themePopupWrap .share_pop .popup_head {position: relative; padding: 0 0 0 33px; background: #4d8bef;}
.themePopupWrap .share_pop .popup_head .tit{color:#000;font-size:28px;font-weight:bold;line-height:1;}
.themePopupWrap .share_pop .popup_head .tit strong{color:#2c57b6;font-size:28px;font-weight:bold;}
.themePopupWrap .share_pop .popup_head p {font-size: 22px; font-weight: 500; color: var(--color-white); line-height: 67px; letter-spacing: -0.05em;}
.themePopupWrap .share_pop .popup_head .popup_close {display: inline-block; position: absolute; right: 26px; top: 30px; width: 26px; height: 26px; font-size: 0; background: url('../images/geomap/ico_pop_close.png')no-repeat center;}
.themePopupWrap .share_pop .popup_body {padding: 35px 93px 37px 93px; background: #eef5f8;}
.themePopupWrap .share_pop .popup_body strong {display: block; font-size: 18px; font-weight: 600; color: #333333; letter-spacing: -0.05em;}
.themePopupWrap .share_pop .popup_body .share_box.qr {display: flex; justify-content: center; align-items: center; width: 250px; height: 250px; margin-top: 13px; background: var(--color-white); border: 2px solid #ededed; border-radius: 20px; overflow: hidden;}
.themePopupWrap .share_pop .popup_body .share_box.qr .qr_wrap {position: relative; width: 100%; }
.themePopupWrap .share_pop .popup_body .share_box.qr .qr_wrap img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 113%;}
.themePopupWrap .share_pop .popup_body .share_box.copy {margin-top: 18px; text-align: center; }
.themePopupWrap .share_pop .popup_body .share_box.copy p {font-size: 16px; font-weight: 400; color: #333333; letter-spacing: -0.05em;  text-align: center;}
.themePopupWrap .share_pop .popup_body .share_box.copy .pop_btn_share {display: inline-block; width: 140px; padding-left: 57px; margin-top: 8px;  font-size: 16px; font-weight: 400; color: var(--color-white); line-height: 40px; letter-spacing: -0.05em; text-align: left; background: #4d8bef url("../images/themeplace/common/ico_share.png")no-repeat left 25px center; border: 1px solid #3374dc; border-radius: 4px; box-sizing: border-box;}
.themePopupWrap .share_pop .popup_body .share_box.copy span {display: inline-block; margin-top: 18px; font-size: 15px; font-weight: 400; color: #e76557; letter-spacing: -0.04em; opacity: 0;}
.themePopupWrap .share_pop .popup_body .share_box.copy span.on {opacity: 1;}
/* 비바샘 공유하기 type2 */
.themePopupWrap [class^="share_pop"].type2{width:651px;}
.themePopupWrap [class^="share_pop"].type2 .popup_body{display:flex;}
.themePopupWrap [class^="share_pop"].type2 .popup_body{padding:37px 50px 41px 50px;}
.themePopupWrap [class^="share_pop"].type2 .popupQr{position:relative;padding-right:50px;}
.themePopupWrap [class^="share_pop"].type2 .popupQr:after{content:"";display:block;width:1px;height:93%;position:absolute;top:10px;right:0;border-left:1px solid #ced8e1;}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn{padding-left:50px;}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn ul{margin-top:13px;}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn ul li+li{margin-top:17px;}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn ul li[class^="url0"] a{font-size:15px;font-weight:400;display:block;color:#333;}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn ul li[class^="url0"] a:before{content:"";display:inline-flex;align-items:center;background:url("../images/geomap/ico_url_share.png")no-repeat center 0;width:70px;height:70px;margin-right:27px;}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn ul li.url02 a:before{background-position-y:-86px}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn ul li.url03 a:before{background-position-y:-171px}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn p{margin-top:26px;line-height:16px;padding-left:8px;position:relative;font-size:14px;font-weight:400;color:#333;}
.themePopupWrap [class^="share_pop"].type2 .popupUrlBtn p:before{content:"*";dipsplay:inline-block;vertical-align:top;font-size:14px;position:absolute;top:0;left:0;height:32px;}
/*비바샘 공유하기 비바클래스*/
.themePopupWrap .share_pop.vivaclass,.share_pop.vivaclass{width:600px;display:none;}
.themePopupWrap .share_pop.vivaclass#adminViva.on,.themePopupWrap .share_pop.vivaclass#noneadminViva.on,.share_pop.vivaclass#adminViva.on,.share_pop.vivaclass#noneadminViva.on{display:block;}
.themePopupWrap .share_pop.vivaclass .popWrap{background:var(--color-white);}
.themePopupWrap .share_pop.vivaclass .popup_head,.share_pop.vivaclass .popup_head{height:84px;padding:30px 27px 25px 30px;background-color:var(--color-white);text-align:center; box-sizing: border-box;  -webkit-box-sizing: border-box;}
.themePopupWrap .share_pop.vivaclass .popup_head:after,.share_pop.vivaclass .popup_head:after{content:"";display:block;width:100%;border-bottom:1px solid #000;padding-bottom:24px;}
.themePopupWrap .share_pop.vivaclass .popup_head .popup_close,.share_pop.vivaclass .popup_head .popup_close{background-image:url('../images/geomap/ico_pop_close.png');}
.themePopupWrap .share_pop.vivaclass .popup_body,.share_pop.vivaclass .popup_body{box-sizing:border-box; -webkit-box-sizing:border-box; background-color:var(--color-white);padding:30px 27px 41px 30px;height:337px;}
.themePopupWrap .share_pop.vivaclass .popup_body p,.share_pop.vivaclass .popup_body p{text-align:center;line-height:28px;font-size:16px;color:#000;}
.themePopupWrap .share_pop.vivaclass .popup_body p strong,.share_pop.vivaclass .popup_body p strong{font-size:20px;font-weight:500;color:#000;}
.themePopupWrap .share_pop.vivaclass .popup_body .formWrap,.share_pop.vivaclass .popup_body .formWrap{text-align:center;}
.themePopupWrap .share_pop.vivaclass .popup_body .formCont,.share_pop.vivaclass .popup_body .formCont{height:46px;margin:36px 0 41px;}
.themePopupWrap .share_pop.vivaclass .popup_body .btnWrap a,.share_pop.vivaclass .popup_body .btnWrap {text-align:center;}
.themePopupWrap .share_pop.vivaclass .popup_body .btnWrap a,.share_pop.vivaclass .popup_body .btnWrap a{background-color:#2d57b6;color:var(--color-white);display:inline-flex;width:213px;height:58px;font-size:18px;border-radius:28px;align-items:center;justify-content:center;}
.themePopupWrap .share_pop.vivaclass#noneadminViva .popup_body p{padding:45px 0 83px;}
/* URL 업로드 팝업 */
#addLinkPopup .input-flex{margin-top:24px;}
#addLinkPopup .input-flex dl{display:flex;}
#addLinkPopup .input-flex dl+dl{margin-top:8px;}
#addLinkPopup .input-flex dt{width:60px;}
#addLinkPopup .input-flex dt p{margin:0; font-size:14px; font-weight:600; color:var(--color-gray100); line-height:33px;}
#addLinkPopup .input-flex dd{flex:1;}
#addLinkPopup .input-flex dd input{padding:0 16px; width:360px; height:33px; font-size:14px; font-weight:400; color:var(--color-gray100); border:1px solid var(--color-blue3);border-radius:4px;}
/* 이미지 뷰어 팝업 */
#imgDetailPop .thumb{max-height:calc(100dvh - 250px); max-width:90vw; overflow-y:auto;}
#imgDetailPop .thumb img{max-width:100%;}

#popImgUpload .popup-wrap,
#addLinkPopup .popup-wrap,
#imgDetailPop .popup-wrap{margin-top:118px;}

/* 지도 만들기 */
.printWrap{position:relative; width:100%;height:100%;}
.printWrap .canvasLayer{position:absolute; left:0; top:0; width:100%; height:100%;}
.printWrap .canvasLayer canvas{width:100%; height:100%; background:transparent;}
.printWrap .canvasLayer.textMapArea{overflow:hidden;}
.canvasLayer .upper-canvas.cu_t{cursor: text !important;}
.canvasLayer .upper-canvas.cu_m{cursor: move !important;}
.canvasLayer .upper-canvas.cu_g{cursor: grab !important;}

/* 텍스트 상자 채우기 */
.btn_fill_box{position:relative;}
.fill_color_list{display:none; position:absolute; top:calc(100% + 5px); left:50%; transform:translateX(-50%); padding:14px 18px; background:var(--color-white); border:1px solid var(--color-blue2); box-shadow:var(--box-shadowblue); border-radius:6px;}
.fill_color_list.on{display:block;}
.fill_color_list .btn_fill_color{position:relative; display:block; width:22px; height:24px; border-radius:4px;}
.fill_color_list .btn_fill_color.color0{background:#FFFFFF; border:1px solid var(--color-gray40);}
.fill_color_list .btn_fill_color.color1{background:#FF0000; border:1px solid #FF0000;}
.fill_color_list .btn_fill_color.color2{background:#FF8000; border:1px solid #FF8000;}
.fill_color_list .btn_fill_color.color3{background:#FFEA00; border:1px solid #FFEA00;}
.fill_color_list .btn_fill_color.color4{background:#29CE00; border:1px solid #29CE00;}
.fill_color_list .btn_fill_color.color5{background:#00D0AE; border:1px solid #00D0AE;}
.fill_color_list .btn_fill_color.color6{background:#00AAFF; border:1px solid #00AAFF;}
.fill_color_list .btn_fill_color.color7{background:#0095FF; border:1px solid #0095FF;}
.fill_color_list .btn_fill_color.color8{background:#9000FF; border:1px solid #9000FF;}
.fill_color_list .btn_fill_color.color9{background:#53565D; border:1px solid #53565D;}
.fill_color_list .btn_fill_color + .btn_fill_color{margin-top:8px;}
.fill_color_list .btn_fill_color.on{box-shadow:var(--icon-shadow);}
.fill_color_list .btn_fill_color.on:before{content:''; position:absolute; left:-3px; top:-3px; right:-3px; bottom:-3px; background:var(--color-blue2); border-radius:4px; z-index:-1;}

.side-tool-wrap{padding:8px;flex:none; display:flex; flex-direction:column; min-height:0; background:var(--color-blue4);border-radius:6px;}
.side-tool-wrap .toolwrap{display:flex;flex-wrap:wrap;align-items:flex-start;min-height:0; flex:1;}
.side-tool-wrap .tool_menu{width:60px;display:flex;flex-direction:column; flex-wrap:wrap;}
.side-tool-wrap .tool_menu li{text-align:center;}
.side-tool-wrap .tool_menu li a{display:flex;width:100%;height:84px;align-items:center;justify-content:center;flex-direction:column;border-radius:6px 0 0 6px;}
.side-tool-wrap .tool_menu li a .icon{width:36px;height:36px;background-position:center top;background-repeat:no-repeat;}
.side-tool-wrap .tool_menu li a .icon.menu01{background-image:url('../images/geomap/tool_menu01.png');}
.side-tool-wrap .tool_menu li a .icon.menu02{background-image:url('../images/geomap/tool_menu02.png');}
.side-tool-wrap .tool_menu li a .icon.menu03{background-image:url('../images/geomap/tool_menu03.png');}
.side-tool-wrap .tool_menu li a .icon.menu04{background-image:url('../images/geomap/tool_menu04.png');}
.side-tool-wrap .tool_menu li a .icon.menu05{background-image:url('../images/geomap/tool_menu05.png');}
.side-tool-wrap .tool_menu li a .menuname{font-size:12px;font-weight:600;line-height:24px;letter-spacing:-0.02em;color:var(--color-white);}
.side-tool-wrap .tool_menu li.on a{background:var(--color-white);}
.side-tool-wrap .tool_menu li.on a .icon{background-position:center bottom;}
.side-tool-wrap .tool_menu li.on a .menuname{color:var(--color-blue1);}
.side-tool-wrap .tool_conts{flex:1; height:100%;}
.side-tool-wrap .btn_all_del{flex:none; margin-top:6px;width:100%;height:36px;color:var(--color-blue4);font-size:14px;font-weight:600;border-radius:6px;background:var(--bg-blue2);border:1px solid var(--color-blue4);}
.side-tool-wrap .tool_conts .tool_con{display:none;width:100%;height:100%;padding:12px;background:var(--color-white);border-radius:6px;}
.side-tool-wrap .tool_conts .tool_con.on{display:flex; flex-direction:column;}
.side-tool-wrap .tool_con h3{font-size:16px;font-weight:600;color:var(--color-gray100);}
.side-tool-wrap .tool_con .toolOpt + .toolOpt{margin-top:20px;}
.side-tool-wrap .tool_con .toolOpt h3 + *{margin-top:12px;}
.side-tool-wrap .tool_conts .tool_con.draw{border-radius:0 6px 6px 6px;}
.side-tool-wrap .tool_conts .tool_con.link{border-radius:6px 6px 6px 0;}
.toolOpt{display:flex; flex-direction:column; min-height:0;}
.toolOpt .pentool{display:flex;gap:3px;flex-wrap:wrap;align-items: flex-start;justify-content: space-between;}
.toolOpt .pentool button{margin:1px;flex:1;height:100px;border-radius:6px;border:1px solid var(--color-gray30);overflow:hidden;}
.toolOpt .pentool button span{display:block;width:100%;height:60px;background-repeat:no-repeat;background-position:center top;}
.toolOpt .pentool button p{font-size:14px;font-weight:600;color:var(--color-gray100);letter-spacing:-0.02em;line-height:36px;}
.toolOpt .pentool button .icon_pen{background-image:url('../images/geomap/ico_pen.png');}
.toolOpt .pentool button .icon_hlight{background-image:url('../images/geomap/ico_heghlighter.png');}
.toolOpt .pentool button .icon_eraser{background-image:url('../images/geomap/ico_eraser.png');}
.toolOpt .pentool button.on{margin:0;border:2px solid var(--color-blue2);box-shadow: var(--icon-shadow);}
.toolOpt .pentool button.on span{background-position:center bottom;}
.toolOpt .pentool button.on p{color:var(--color-blue2);}
.toolOpt .weight{padding:13px 22px;height:58px;display:flex;flex-wrap:nowrap;align-items:center;justify-content: space-between; border:1px solid var(--color-gray30);border-radius:6px;}
.toolOpt .weight button{margin:2px;border-radius:50%;background:var(--color-gray30);}
.toolOpt .weight button.on{margin:0;border:2px solid var(--color-blue2);box-sizing:content-box;background:var(--color-gray80);box-shadow:var(--icon-shadow);}
.toolOpt .weight .size1{width:8px;height:8px;}
.toolOpt .weight .size2{width:12px;height:12px;}
.toolOpt .weight .size3{width:16px;height:16px;}
.toolOpt .weight .size4{width:22px;height:22px;}
.toolOpt .weight .size5{width:26px;height:26px;}
.toolOpt .color_chip{padding:13px 20px;/*height:88px;*/display:flex;flex-wrap:wrap;align-items:center;/*justify-content: space-between;*/gap:6px; border:1px solid var(--color-gray30);border-radius:6px;}
.toolOpt .color_chip button{margin:2px;width:22px;height:24px;border-radius:6px;box-sizing:content-box;}
.toolOpt .color_chip button.on{margin:0;border-radius:6px;border:2px solid var(--color-blue2);background:var(--color-gray80);box-shadow:var(--icon-shadow);}
.toolOpt .color_chip button span{display:block;width:100%;height:100%;border-radius:6px;}
.toolOpt .color_chip .color0 span{background:var(--color-gray100);}
.toolOpt .color_chip .color1 span{background:var(--color-gray80);}
.toolOpt .color_chip .color2 span{background:var(--color-red);}
.toolOpt .color_chip .color3 span{background:var(--color-orange);}
.toolOpt .color_chip .color4 span{background:var(--color-yell);}
.toolOpt .color_chip .color5 span{background:var(--color-green);}
.toolOpt .color_chip .color6 span{background:var(--color-mint);}
.toolOpt .color_chip .color7 span{background:var(--color-sky);}
.toolOpt .color_chip .color8 span{background:var(--color-skyblue);}
.toolOpt .color_chip .color9 span{background:var(--color-purple);}
.toolOpt .color_chip .color10 span{background:var(--color-white);border:1px solid var(--color-gray40);}
.toolOpt .erasertype{display:flex;flex-wrap:wrap;gap:6px;}
.toolOpt .erasertype button{margin:2px;flex:1;padding:12px 0;background:var(--color-gray15);text-align:center;border-radius:6px;}
.toolOpt .erasertype button span{font-size:14px;color:var(--color-gray100);letter-spacing: -0.02em;line-height:20px;}
.toolOpt .erasertype button.on,
.toolOpt .erasertype button:hover{margin:0;border:2px solid var(--color-blue2);box-shadow:var(--icon-shadow);background:var(--color-white);}
.toolOpt .erasertype button.on span,
.toolOpt .erasertype button:hover span{color:var(--color-blue2);font-weight:600;}
.toolOpt select{appearance:none; padding:0 40px 0 16px;width:100%; height:36px; color:var(--color-gray100); font-size:14px; font-weight:400; line-height:32px; background:url('../images/geomap/arr_select.png') no-repeat center right 16px; border:1px solid var(--color-blue3); border-radius:6px;}
.toolOpt .boxstyle{display:flex;flex-wrap:wrap; gap:0 8px;}
.toolOpt .boxstyle button{position:relative; width:60px;height:46px;}
.toolOpt .boxstyle button i{position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%); width:82px; background-repeat:no-repeat;background-position:center top;}
.toolOpt .boxstyle button.on i{background-position:center bottom;}
.toolOpt .boxstyle .box1 i{background-image:url('../images/geomap/boxtype1.png');}
.toolOpt .boxstyle .box2 i{background-image:url('../images/geomap/boxtype2.png');}
.toolOpt .boxstyle .box3 i{background-image:url('../images/geomap/boxtype3.png');}
.toolOpt .boxstyle .box4 i{background-image:url('../images/geomap/boxtype4.png');}
.toolOpt .boxstyle .box5 i{background-image:url('../images/geomap/boxtype5.png');}
.toolOpt .boxstyle .box6 i{background-image:url('../images/geomap/boxtype6.png');}
.toolOpt .boxstyle .box7 i{background-image:url('../images/geomap/boxtype7.png');}
.toolOpt .boxstyle .box8 i{background-image:url('../images/geomap/boxtype8.png');}
.toolOpt .boxstyle .box9 i{background-image:url('../images/geomap/boxtype9.png');}

.toolOpt .shape_type{margin-top:12px; display:flex; border-radius:6px; border:1px solid var(--color-gray30); overflow:hidden;}
.toolOpt .shape_type button{font-size:12px; line-height:34px; font-weight:500; color:var(--color-gray80); flex:1;}
.toolOpt .shape_type button.on{color:var(--color-white); font-weight:600; background:var(--color-sky);}
.toolOpt .shape_tab{display:none;}
.toolOpt .shape_tab.on{display:flex; flex:1; flex-direction:column; min-height:0;}
.toolOpt .pattern_txt{margin-top:12px;}
.toolOpt .iconList{margin-top:12px; display:flex; flex-wrap:wrap; gap:10px 5px; flex:1; align-items:flex-start;}
.toolOpt .iconList .iconItem{width:calc(33.33% - 10px/3); text-align:center; cursor:pointer;}
.toolOpt .iconList .iconItem .thumb{position:relative; width:100%; background:var(--color-gray15); border:2px solid var(--color-gray15); border-radius:6px;}
.toolOpt .iconList .iconItem .thumb:after{content:''; display:block; padding-bottom:100%;}
.toolOpt .iconList .iconItem img{position:absolute; left:50%; top:50%;transform:translate(-50%, -50%); max-width:100%;}
.toolOpt .iconList .iconItem p{font-size:14px; color:var(--color-gray100); font-weight:400; line-height:1.3;}
.toolOpt .iconList .iconItem:hover .thumb,
.toolOpt .iconList .iconItem.on .thumb{border-color:var(--color-blue2);}
.toolOpt .iconList .iconItem:hover p,
.toolOpt .iconList .iconItem.on p{color:var(--color-blue2); font-weight:600;}
.toolOpt .iconList.col2{justify-content:space-around; gap:10px;}
.toolOpt .iconList.col2 .iconItem{width:60px; flex:none;}

.side-tool-wrap .tool_con .btn_add_box{margin-top:4px;display:block;width:100%;height:32px;color:var(--color-white);font-size:14px;text-align:center;border-radius:6px;background:var(--color-blue4);}
.toolOpt .t14{font-size:14px;line-height:20px;letter-spacing:-0.02em;color:var(--color-gray100);}
.toolOpt .btn_file_up{margin-top:16px;display:block;width:100%;height:36px;color:var(--color-blue2);font-size:14px;font-weight:600;border:1px solid var(--color-blue2);background:var(--bg-blue1);border-radius:6px;box-shadow:0 4px 11px 0 rgba(64,61,99,0.18);}
.toolOpt .hyperlink{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;}
.toolOpt .hyperlink button{position:relative; margin:2px;flex:1;padding:12px 0;background:var(--color-gray15);text-align:center;border-radius:8px;font-size:14px;color:var(--color-gray100);letter-spacing: -0.02em;line-height:20px; overflow:hidden;}
.toolOpt .hyperlink button span{margin:0 auto 4px;display:block;width:40px;height:40px;}
.toolOpt .hyperlink button .ico_url{background:url('../images/geomap/ico_url.png') no-repeat center center;}
.toolOpt .hyperlink button .ico_youtube{background:url('../images/geomap/ico_youtube.png') no-repeat center center;}
.toolOpt .hyperlink button .hide-image{position:absolute; left:-9999px; top:-9999px;}
.toolOpt .hyperlink button.on,
.toolOpt .hyperlink button:hover,
.toolOpt .hyperlink button:active{margin:0;border:2px solid var(--color-blue2);color:var(--color-blue2);font-weight:600;box-shadow:var(--icon-shadow);background:var(--color-white);}

.objectMenu{position:absolute; display:flex; gap:1px; background:var(--bg-blue1); border:2px solid var(--color-blue2); border-radius:6px; transform:translate(-50%, -50%);}
.objectMenu:after{content:''; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%); width:12px; height:11px; background:url('../images/geomap/obj_draw_layer.png') no-repeat center;}
.objectMenu a{position:relative; display:block; padding:8px 16px; font-size:12px; font-weight:500; color:var(--color-gray100); line-height:1; text-align:center; cursor:pointer;}
.objectMenu a:before{content:''; margin:0 auto; display:block; width:32px; height:32px; background-position:center; background-repeat:no-repeat;}
.objectMenu a.btn_copy:before{background-image:url('../images/geomap/ico_draw_copy.png');}
.objectMenu a.btn_del:before{background-image:url('../images/geomap/ico_draw_del.png');}
.objectMenu a.btn_fill:before{background-image:url('../images/geomap/ico_draw_fill.png');}
.objectMenu a.btn_edit:before{background-image:url('../images/geomap/ico_draw_edit.png');}
.objectMenu a:after{content:''; position:absolute; right:-1px; top:10px; bottom:10px; width:1px; background:var(--color-gray40);}
.objectMenu a:last-child:after{display:none;}

.objectEditMenu{position:absolute; transform-origin:center;}
.objectEditMenu a{display:block; width:20px; height:24px; background:url('../images/geomap/ico_edit.png') no-repeat center; cursor:pointer;}

/*수업자료실*/
.search_cont_wrap{height:calc(100% - 68px);overflow-y:auto;}
.wrap-search {display: flex;align-items: center;padding:28px 40px;width: 100%;background: var(--bg-blue1);}
.wrap-search .contInner {position: relative;display: block;width:100%;margin: 0 auto;}
.wrap-search .contInner .subtab{display:flex;justify-content: flex-start;}
.wrap-search .contInner .subtab li{position:relative;}
.wrap-search .contInner .subtab li a{padding:13px 0;display:block;width:160px;height:44px;text-align:center;line-height:1.2;font-size:16px;background:var(--color-gray20);color:var(--color-gray100);border-radius:8px 8px 0 0;}
.wrap-search .contInner .subtab li.on a,.search_cont_wrap .wrap-search .contInner .subtab li:hover a{color:var(--color-blue1);font-weight:600;background:var(--color-white);border:1px solid var(--color-blue3);border-bottom:none; }
.wrap-search .contInner .subtab li.on:after,.search_cont_wrap .wrap-search .contInner .subtab li:hover:after{content:'';position:absolute;left:1px;right:1px;bottom:-1px;height:1px;background:var(--color-white);}
.wrap-search .contInner .sub_tab_conts{padding:28px 52px;display:flex;width:100%;flex-wrap:nowrap;gap:20px;align-items:stretch;background:var(--color-white);border:1px solid var(--color-blue3);border-radius:0 8px 8px 8px;box-shadow:var(--box-shadow);}
.search_item{flex:1;}
.search_item dl{display:flex;gap:12px;align-items:flex-start;}
.search_item dl dt{width:100px;flex:none;height:30px;text-align:center;background:var(--bg-blue1);border-radius:4px;}
.search_item dl dt span{font-size:14px;font-weight:600;color:var(--color-blue3);line-height:30px;}
.search_item dl dd button{position:relative;padding:0 12px 0 13px; height:30px;}
.search_item dl dd button span{font-size:16px;color:var(--color-gray100);font-weight:400;}
.search_item dl dd button:before{content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:var(--color-gray40);}
.search_item dl dd button.on span,.search_item dl dd button:hover span{color:var(--color-blue3);font-weight:600;border-bottom:1px solid var(--color-blue2)}
.search_item dl dd button.new:after{content:''; margin-left:4px; display:inline-block; width:20px; height:25px; background:url('../images/geomap/icon_new.png') no-repeat center; vertical-align:top;}
.search_item dl + dl{margin-top:8px;}
.search_item .ip_wrap{margin-top:8px;width:100%;}
.search_item .ip_wrap input{padding:0 16px;height:36px;font-size:14px;color:var(--color-gray100);width:100%;border:1px solid var(--color-blue3);border-radius:4px;}
.search_item .ip_wrap input::-webkit-input-placeholder{color:var(--color-gray100);}
.sub_tab_conts .btn_search{width:120px;font-size:16px;font-weight:600;color:var(--color-blue1);border-radius:8px;border:1px solid var(--color-blue1);background:var(--bg-blue2);}
.search_cont_wrap .content {padding:40px;width: 100%;background: var(--color-white);}
.search_cont_wrap .content .contInner{margin:0 auto;}

.place_tab {display: flex;display: -webkit-flex;justify-content: flex-start; gap:4px;}
.place_tab li {}
.place_tab li a {position:relative;padding:11px 16px; display: block;min-width:160px;height:48px;text-align: center;font-size: 18px;color: var(--color-gray100);line-height: 26px;border-radius:8px; border:1px solid var(--color-gray20);}
.place_tab li a span {margin-left: 4px;font:inherit;color: var(--color-gray40);}
.place_tab li a .ico_maplink{display:inline-block;margin-right:8px;width:20px;height:28px;vertical-align:top;background:url('../images/geomap/ico_maplink.png') no-repeat center center / contain;}
.place_tab li a .ico_maplink2{display:inline-block;margin-right:10px;width:28px;height:28px;vertical-align:top;background:url('../images/geomap/ico_maplink2.png') no-repeat center center / contain;}
.place_tab li.on a,.place_tab li:hover a {color:var(--color-white);background:var(--color-blue3);box-shadow:var(--box-shadowblue); border-color:var(--color-blue3)}
.place_tab li.on a:after,.place_tab li:hover a:after {content:'';position:absolute;left:50%;bottom:-13px;margin-left:-8px;width:16px;height:12px;background:url('../images/geomap/place_tab_on.png') no-repeat center center;}
.place_tab li.on a span,.place_tab li:hover a span {color: var(--color-yell);}
.placetab_conts .tit_wrap{margin-top: 34px;position: relative;display: flex;justify-content: space-between;align-items: center;}
.placetab_conts .tit_wrap .tit {font-size: 32px;color: var(--color-gray100);font-weight: 600;line-height: 1;}
.module_tb{margin:28px 0 0;padding:0 0 17px;display:flex;flex-wrap:nowrap;justify-content:space-between;border-bottom:1px solid var(--color-gray40);}

.module_tb .module_right {position: relative;text-align:right;}
.btn_map_marker{padding:6px 0;width:150px;height:36px;text-align:center;border:1px solid var(--color-blue3);border-radius:4px;box-shadow:var(--popup-shadow);vertical-align:middle;}
.btn_map_marker span{padding-left:35px;display:inline-block;font-size:14px;font-weight:500;line-height:24px;color:var(--color-blue4);background:url('../images/geomap/ico_marker.png') no-repeat left top;}
.btn_map_marker.on,.btn_map_marker:hover{background:var(--color-blue3);}
.btn_map_marker.on span,.btn_map_marker:hover span{background-position:left bottom;color:var(--color-white);}
.btn_info{margin-left:5px;display:inline-block;vertical-align:middle;width:20px;height:38px;background:url('../images/geomap/btn_infoicon.png') no-repeat center center;}
.btn_info_layer{display:none;position:absolute;right:0;bottom:45px;padding:26px 24px 40px;width:370px;height:145px;text-align:left;background:url('../images/geomap/pop_layer_infobg.png') no-repeat center center;transition:all 4500ms ease-in-out;}
.btn_info_layer p{font-size:14px;color:var(--color-gray100);}
.module_tb .module_left {padding: 6px 0;}
.module_tb .m-alert-txt {margin-left:8px; display:inline-block; font-size:14px; color:#787878; font-weight:400; line-height:24px; vertical-align:top;}
.placetab_conts input[type="checkbox"]{display:none;appearance: none;padding:0;margin:0;width:0;}
.placetab_conts input[type="checkbox"] + label {position: relative;display: inline-block;padding-left: 24px;cursor: pointer;line-height:24px;vertical-align: middle;}
.placetab_conts input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;background:url('../images/geomap/ipt_checkbox_bg.png') no-repeat center top;}
.placetab_conts input[type="checkbox"] + label .txt{display:inline-block;font-size:14px;color:var(--color-gray100);line-height:24px;vertical-align: top;}
.placetab_conts input[type="checkbox"]:checked + label:before{background-position:center bottom;}
.placetab_conts input[type="checkbox"]:checked + label .txt {color: var(--color-blue3);}

.btn_bookmark {margin-left:14px;display: inline-block;font-size: 14px;font-weight: 400;color: var(--color-gray100);line-height: 24px;vertical-align: middle;}
.btn_bookmark span {margin-right: 5px;display: inline-block;width: 24px;height: 24px;vertical-align: top;background:url('../images/geomap/ico_bookmark.png') no-repeat center center;border:none;}
.btn_download{margin-left:14px;display: inline-block;font-size: 14px;font-weight: 400;color: var(--color-gray100);line-height: 24px;vertical-align: middle;}
.btn_download span {margin-right: 5px;display: inline-block;width: 24px;height: 24px;vertical-align: top;background:url('../images/geomap/ico_download.png') no-repeat center center;border:none;}

/* 사진자료 */
.data_list {}
.data_list ul {margin:32px auto 0;display: flex;display: -webkit-flex;flex-wrap: wrap;gap:36px 40px;justify-content: flex-start;}
.data_list ul li {position: relative;width:calc(20% - 32px);}
.data_list ul li .data_cont {position:relative;border-radius: 8px;overflow:hidden;}
.data_list ul li .data_cont .samquiz{position:absolute;right:0;top:0;width:51px;height:26px;background:url('../images/geomap/ico_samquize.png') no-repeat center center;}
.data_list ul li .data_cont .img{position:relative; width: 100%;}
.data_list ul li .data_cont .img:after{content:''; display:block; padding-bottom:56.25%;}
.data_list ul li .data_cont .img img{position:absolute; left:50%; right:0; top:50%; bottom:0; width:100%;height:100%;transform:translate(-50.1%,-50.1%);}
.data_list ul li .data_cont .type{position:absolute; left:0; top:0; z-index:1;}
.data_list ul li .data_cont .type.visual{width:131px; height:50px; background:url('../images/geomap/ico_type_visual.svg') no-repeat center;}
.data_list ul li .data_cont .type.culture{width:44px; height:49px; background:url('../images/geomap/ico_type_culture.svg') no-repeat center;}
.data_list ul li .data_cont .type.nature{width:44px; height:49px; background:url('../images/geomap/ico_type_nature.svg') no-repeat center;}
.data_list ul li .data_cont .type.multi{width:44px; height:49px; background:url('../images/geomap/ico_type_multi.svg') no-repeat center;}
.data_list ul li .data_cont .hoverbox{position:absolute;left:0;top:0;padding:10px 0;display:none;align-items:flex-end;gap:8px;justify-content:center;width:100%;height:100%;background: rgb(41,67,174);background: linear-gradient(180deg, rgba(41,67,174,0.4) 0%, rgba(41,67,174,0.6) 100%); z-index:2;}
.data_list ul li:hover .data_cont .hoverbox{display:flex;}
.data_list ul li .data_cont .hoverbox button{width:36px;height:36px;border-radius:50%;background-color:var(--bg-blue1);background-position:center top;background-repeat:no-repeat;}
.data_list ul li .data_cont .hoverbox button:hover{background-color:var(--color-blue3);background-position:center bottom;}
.data_list ul li .data_cont .hoverbox .btn_preview{background-image:url('../images/geomap/ico_preview.png');}
.data_list ul li .data_cont .hoverbox .btn_pick{background-image:url('../images/geomap/ico_pick.png');}
.data_list ul li .data_cont .hoverbox .btn_down{background-image:url('../images/geomap/ico_down2.png');}
.data_list ul li .data_cont .hoverbox .btn_share{background-color:var(--color-blue3);background-image:url('../images/geomap/ico_share.png');}
.data_list ul li .data_cont .hoverbox .btn_share:hover{background-color:var(--bg-blue1);}
.data_list ul li .chk_cont {margin-top: 12px;}
.data_list ul li .chk_cont .chk_box {display:block;}
.data_list ul li .chk_cont .chk_box label{min-height:43px;}
.data_list ul li .chk_cont .chk_box label .txt {letter-spacing: -0.2px;font-size: 14px;font-weight:600;color: var(--color-blue3);}
.data_list ul li .chk_cont .chk_box label .place {display: block;font-weight: 400;font-size:16px;color: var(--color-gray100);}
/*활동 자료*/
.data_list .ref_data{margin:0;display:block;width:100%;}
.data_list .ref_data li{padding:11px 0;height:60px;display:flex;flex-wrap:nowrap;justify-content:space-between; width:100%;border-bottom:1px solid var(--color-gray20);}
.data_list .ref_data li .filename{position:relative;flex:1;}
.data_list .ref_data li .filename .chk_box {display:inline-block;vertical-align:top;height:38px;}
.data_list .ref_data li .filename .chk_box input[type="checkbox"] + label:before{top:0;}
.data_list .ref_data li .filename .ico_file{margin-left:4px;display:inline-block;width:calc(100% - 170px);line-height:38px;font-size:16px;color:var(--color-gray100);}
.data_list .ref_data li .filename .ico_file span{margin:7px 16px 0 0;display:inline-block;width:24px;height:24px;overflow:hidden;background:url('../images/geomap/ico_file.png') no-repeat center 0;vertical-align:top;}
.data_list .ref_data li .filename .ico_file.pdf span{background-position:center 0;}
.data_list .ref_data li .filename .ico_file.ppt span{background-position:center -26px;}
.data_list .ref_data li .filename .ico_file.hwp span{background-position:center -52px;}
.data_list .ref_data li .filename .ico_file.zip span{background-position:center -78px;}
.data_list .ref_data li .filename .ico_file.img span{background-position:center -104px;}
.data_list .ref_data li .filename .ico_file.video span,
.data_list .ref_data li .filename .ico_file.mp4 span {background-position:center -130px;}
.data_list .ref_data li .filename .ico_file.word span{background-position:center -156px;}
.data_list .ref_data li .filename .ico_file.excel span{background-position:center -182px;}
.data_list .ref_data li .filename .ico_file.mp3 span{background-position:center -208px;}
.data_list .ref_data li .filename .ico_file.link span{background-position:center -234px;}
.data_list .ref_data li .btns{display:flex;flex-wrap:nowrap;gap:12px;}
.data_list .ref_data li .btns .btn_preview{width:32px;height:32px;border:1px solid var(--bg-blue2);border-radius:4px;background:var(--bg-blue1) url('../images/geomap/ico_preview2.png') no-repeat center top}
.data_list .ref_data li .btns .btn_bookmark{margin-left:0;width:32px;height:32px;border:1px solid var(--bg-blue2);border-radius:4px;background:var(--bg-blue1) url('../images/geomap/ico_bookmark2.png') no-repeat center top;}
.data_list .ref_data li .btns .btn_down{width:32px;height:32px;border:1px solid var(--bg-blue2);border-radius:4px;background:var(--bg-blue1) url('../images/geomap/ico_download2.png') no-repeat center top;}
.data_list .ref_data li .btns button.disabled{background-position:center bottom;}

/*맵 링크*/
.data_list .map_data{display:flex;flex-wrap:wrap;gap:28px;}
.data_list .map_data li{width:100%;display:flex;flex-wrap:nowrap;align-items: center;gap:20px;}
.data_list .map_data li .thumb{position:relative;width:160px;height:90px;border-radius:8px;overflow:hidden;}
.data_list .map_data li .thumb .ico_gmap{position:absolute;top:8px;right:4px;width:28px;height:28px;border-radius:50%;background:var(--bg-blue1) url('../images/geomap/ico_maplink.png') no-repeat center center / 12px 16px;}
.data_list .map_data li .thumb .ico_gmap2{position:absolute;top:8px;right:4px;width:28px;height:28px;border-radius:50%;background:url('../images/geomap/ico_maplink2.png') no-repeat center center;}
.data_list .map_data li .thumb .img{width:100%;height:100%;}
.data_list .map_data li .thumb .img img{width:100%;min-height:100%;}
.data_list .map_data li .map_info{flex:1;}
.data_list .map_data li .map_info p{font-size:14px;color:var(--color-gray100);}
.data_list .map_data li .map_info p span{font:inherit;font-weight:600;color:var(--color-blue3);}
.data_list .map_data li .map_info h4{display:-webkit-box;font-size:16px;font-weight:400;color:var(--color-gray100);line-height:20px;text-overflow: ellipsis;-webkit-line-clamp: 3;}
.data_list .map_data li .btn_map_link{width:143px;height:40px;border-radius:20px;border:1px solid var(--color-blue3);}
.data_list .map_data li .btn_map_link{width:143px;height:40px;border-radius:20px;border:1px solid var(--color-blue3);}

.data_list .ref_site li .thumb{width:200px;}
.data_list .ref_site li .thumb .img{padding:10px; display:flex; align-items:center; justify-content:center;}
.data_list .ref_site li .thumb .img img{max-width:100%; max-height:100%; width:auto; height:auto; min-height:0;}

.more_btn {display:block;margin: 35px auto 0;width:140px;height:36px;text-align:center;border:1px solid var(--color-blue1);border-radius:20px;box-shadow:0 3px 0 0 rgba(0,0,0,0.04);}
.more_btn span{padding-right:26px;font-size:14px;line-height:34px;color:var(--color-gray100);background:url('../images/geomap/ico_more.png') no-repeat right center;}

.data_list ul li .share_pop.type1{display:none;position:absolute;top:20px;left:20px;width:304px;background-color:var(--color-white);border:2px solid #ff8025;border-radius:40px;z-index:106;padding:17px 31px 30px 29px;box-shadow:5px 12px 5px 3px rgba(0,0,0,.4);}
.data_list ul li .share_pop.type1.on,[classharePopupWraps^="share_pop"].type1.on,.share_pop.type1.on{display:block;}
.data_list ul li .share_pop.type1 .popup_tit{font-size:20px;font-weight:bold;text-align:center;position:relative;height:36px;line-height:36px;margin-bottom:17px;color:#000;}
.data_list ul li .share_pop.type1 .popup_tit:before{content:"";display:inline-block;width:36px;height:36px;background:url('../images/geomap/ico_share02.png') no-repeat center center #eee;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.data_list ul li .share_pop.type1 .urlBtn ul{margin-top:0;display:flex;justify-content:center;align-items:center;gap:0 15px;}
.data_list ul li .share_pop.type1 .urlBtn ul li{width:auto;margin:0;}
.data_list ul li .share_pop.type1 .urlBtn ul li a{display:block;margin:0;padding:0;border:0;float:none;text-align:center;font-weight:400;color:#333;}
.data_list ul li .share_pop.type1 .urlBtn ul li[class^='url0'] a:before{content:"";display:block;width:70px;height:70px;margin:0 0 9px;background:url('../images/geomap/ico_url_share02.png') no-repeat 0 0;}
.data_list ul li .share_pop.type1 .urlBtn ul li.url02 a:before{background-position-x:-85px;}
.data_list ul li .share_pop.type1 .urlBtn ul li.url03 a:before{background-position-x:-170px;}
.data_list ul li.nodata{padding:100px 0; width:100%;}
.data_list ul li.nodata p{width:100%; font-size:16px; color:#000; line-height:1; text-align:center;}

/* 마커 스타일 */
.markerStyle {display: flex;align-items: center;border: 2px solid #4E94D8;border-radius: 5rem;text-align: center;padding: 3px 8px 3px 5px;position: absolute;font-size: 14px;z-index: 50;transform: translate(-50%, calc(-100% - 21px));word-break: keep-all;white-space: nowrap;cursor: pointer;background: var(--color-white);}
.markerStyle:before{content: "";width: 30px;height:30px;display: inline-block;background-repeat:no-repeat;background-position:center;background-size:contain; border-radius:50%;}
.markerStyle:after {content: "";position: absolute;width: 0;height: 0;border-bottom: 12px solid transparent;border-top: 15px solid #4E94D8;border-left: 12px solid transparent;border-right: 12px solid transparent;left: 50%;transform: translate(-50%);bottom: -27px;}
.markerStyle span {display: inline-block;font:inherit;color: #000000;margin-left: 0.3rem;}
.markerStyle.photo {border-color:#FF8E0A;}
.markerStyle.photo:before{background-image:url('../images/geomap/icon-photo.png')}
.markerStyle.photo:after {border-top-color:#FF8E0A;}
.markerStyle.video {border-color:#FF0066;}
.markerStyle.video:before{background-image:url('../images/geomap/icon-video.png')}
.markerStyle.video:after {border-top-color:#FF0066;}
.markerStyle.quiz {border-color:#7F47DD;}
.markerStyle.quiz:before{background-image:url('../images/geomap/icon-quiz.png')}
.markerStyle.quiz:after {border-top-color:#7F47DD;}
.markerStyle.graph {border-color:#80350E;}
.markerStyle.graph:before{background-image:url('../images/geomap/icon-graph.png')}
.markerStyle.graph:after {border-top-color:#80350E;}
.markerStyle.map {border-color:#4E94D8;}
.markerStyle.map:before{background-image:url('../images/geomap/icon-map.png')}
.markerStyle.map:after {border-top-color:#4E94D8;}
.markerStyle.map2 {border-color:#4E94D8;}
.markerStyle.map2:before{background-image:url('../images/geomap/ico_maplink2.png')}
.markerStyle.map2:after {border-top-color:#4E94D8;}
.markerStyle.class {border-color:#00BC07;}
.markerStyle.class:before{background-image:url('../images/geomap/icon-class.png')}
.markerStyle.class:after {border-top-color:#00BC07;}

/* 2025-04-21 푸터 추가 */
.footer{width:100%; padding:46px 0; background:var(--color-white); border-top:1px solid #ddd;}
.footer.noLine{border-top:none;}
.footer .footer_wrap {display:flex; max-width:1100px; padding:0 20px; margin:0 auto; }
.footer .footer_wrap h2 {margin-right:45px;}
.footer .footer_wrap .info {text-align:left;}
.footer .footer_wrap .info ul {display:flex; margin-bottom:12px;}
.footer .footer_wrap .info ul li {position:relative; padding-right:10px; padding-left:10px; }
.footer .footer_wrap .info ul li:first-child {padding-left:0;}
.footer .footer_wrap .info ul li:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#8b8989; }
.footer .footer_wrap .info ul li:last-child:after {display:none;}
.footer .footer_wrap .info ul li a {font-size:14px; color:#636774; font-weight:500;}
.footer .footer_wrap .info span { position:relative; padding:0 6px; color:#636774; font-size:12px;}
.footer .footer_wrap .info span:first-child{padding-left:0;}
.footer .footer_wrap .info span:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:9px; background-color:#aeaaaa; }
.footer .footer_wrap .info span a {color:#aeaaaa; font-size:12px;}
.footer .footer_wrap .info p {font-size:12px;  color:#aeaaaa;}

/* 한국 지리 추가 2025-08-29 */
.btn-menu-toggle{position:relative; padding:2px 9px; width:80px; height:22px; font-size:12px; color:var(--color-blue2); font-weight:700; text-align:right; line-height:18px; background:var(--color-white); border-radius:11px;}
.btn-menu-toggle:before{content:''; position:absolute; left:2px; width:18px; height:18px; background:var(--color-blue2); border-radius:50%; box-shadow:var(--popup-shadow)}
.btn-menu-toggle.kor{text-align:left;}
.btn-menu-toggle.kor:before{left:unset; right:2px;}

.korea .map_cont_wrap{position:relative;}
.korea .map-type-box{top:16px; right:20px; padding:6px; display:flex; gap:6px; z-index:10;}
.korea .map-type-box .map-type-btn+.map-type-btn{margin-top:0;}
.korea .map-controls{position:absolute; top:106px; right:20px; padding:4px 10px; background:var(--color-white); border-radius:8px; box-shadow:var(--popup-shadow);}
.korea .map-controls .map-control-btn{position:relative; padding:36px 0 8px; display:block; width:36px; font-size:12px; color:var(--color-gray100); font-weight:400; line-height:14px; border-bottom:1px solid var(--color-gray30);}
.korea .map-controls .map-control-btn:last-child{border-bottom:none;}
.korea .map-controls .map-control-btn:before{content:''; position:absolute; left:0; top:0; width:36px; height:36px; background-repeat:no-repeat; background-position:center top;}
.korea .map-controls .map-control-btn.ty1:before{background-image:url('../images/geomap/map-btn1.svg');}
.korea .map-controls .map-control-btn.ty2:before{background-image:url('../images/geomap/map-btn2.svg');}
.korea .map-controls .map-control-btn.ty3:before{background-image:url('../images/geomap/map-btn3.svg');}
.korea .map-controls .map-control-btn.ty4:before{background-image:url('../images/geomap/map-btn4.svg');}
.korea .map-controls .map-control-btn:hover,
.korea .map-controls .map-control-btn.on{color:var(--color-blue2);}
.korea .map-controls .map-control-btn.ty1:hover:before,
.korea .map-controls .map-control-btn.ty1.on:before{background-image:url('../images/geomap/map-btn1_on.svg');}
.korea .map-controls .map-control-btn.ty2:hover:before,
.korea .map-controls .map-control-btn.ty2.on:before{background-image:url('../images/geomap/map-btn2_on.svg');}
.korea .map-controls .map-control-btn.ty3:hover:before,
.korea .map-controls .map-control-btn.ty3.on:before{background-image:url('../images/geomap/map-btn3_on.svg');}
.korea .map-controls .map-control-btn.ty4:hover:before,
.korea .map-controls .map-control-btn.ty4.on:before{background-image:url('../images/geomap/map-btn4_on.svg');}

.floatPanoramaViewer{display:none; position:absolute; top:106px; right:96px; width:27.969vw; height:18.646vw; min-width:8.75vw; min-height:5.833vw; border-radius:8px; box-shadow:var(--popup-shadow); overflow:hidden; transition:.3s; background:var(--color-gray15); z-index:101;}
.floatPanoramaViewer.open{display:flex; justify-content:flex-end;}
.floatPanoramaViewer .panoramaViewer{width:100%; height:100%; backdrop-filter:blur(0);}
.floatPanoramaViewer .pano-status-area{display:none; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.4);}
.floatPanoramaViewer .pano-status-area.show{display:flex; align-items:center; justify-content:center;}
.floatPanoramaViewer .pano-status-area p{padding:0 10px; font-size:14px; color:var(--color-white); font-weight:500; text-align:center; word-break:keep-all;}
.floatPanoramaViewer .pano-modules{position:absolute; top:8px; right:8px; display:flex; gap:8px; align-items:center; z-index:10;}
.floatPanoramaViewer .pano-modules .btn-module{width:26px; height:26px; border-radius:50%; background-repeat:no-repeat; background-position:center; box-shadow:var(--box-shadow);}
.floatPanoramaViewer .pano-modules .btn-module.extend{background-image:url('../images/geomap/btn_extend.svg');}
.floatPanoramaViewer .pano-modules .btn-module.reduce{display:none; background-image:url('../images/geomap/btn_reduce.svg');}
.floatPanoramaViewer .pano-modules .btn-module.close{background-image:url('../images/geomap/btn_close.svg');}
.floatPanoramaViewer .btn-scale{position: absolute;bottom: 0;left: 0;width: 61px;height: 62px;background:url('../images/geomap/btn_scale.svg') no-repeat center;clip-path: polygon(0px 25%, 0% 100%, 100% 100%);cursor: nesw-resize; z-index:10; user-select:none;}
.floatPanoramaViewer .full-map-info{display:none; position:absolute; left:10px; bottom:10px;}
.floatPanoramaViewer .full-map-info .map-location{padding:8px 12px; width:320px; border-radius:8px; background:var(--color-white)}
.floatPanoramaViewer .full-map-info .map-location-info{padding-left:32px; min-height:24px; display:flex; flex-direction:column; justify-content:center; background:url('../images/geomap/ico_map_loctaion.svg') no-repeat left top;}
.floatPanoramaViewer .full-map-info .map-location-info p{font-size:14px; color:var(--color-gray100); font-weight:400; line-height:1.3;}
.floatPanoramaViewer .full-map-info .map-location-info span{display:block; font-size:14px; color:var(--color-gray40); font-weight:400; line-height:1.3;}
.floatPanoramaViewer .full-map-info .minimap{position:relative; margin-top:8px; min-width:320px; min-height:196px; border-radius:8px; overflow:hidden;}

.floatPanoramaViewer .minimap .minimap-modules{position:absolute; bottom:10px; left:10px; border:1px solid var(--color-gray30); border-radius:4px; box-shadow:var(--btn-shadow); background:var(--color-white); overflow:hidden; z-index:10;}
.floatPanoramaViewer .minimap .minimap-modules .btn-module{display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center;}
.floatPanoramaViewer .minimap .minimap-modules .btn-module.extend{background-image:url('../images/geomap/btn_minimap_extend.svg');}
.floatPanoramaViewer .minimap .minimap-modules .btn-module.reduce{display:none; background-image:url('../images/geomap/btn_minimap_reduce.svg');}
.floatPanoramaViewer .minimap .minimap-modules.zoom{left:unset; right:10px;}
.floatPanoramaViewer .minimap .minimap-modules.zoom:before{content:''; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); height:1px; background:var(--color-gray30);}
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom{position:relative; display:block; width:30px; height:30px;}
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom:before{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:11px; height:2px; background:var(--color-gray80);}
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom.plus:after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:11px; background:var(--color-gray80);}
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom.minus{margin-top:1px;}
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom:hover:before,
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom:hover:after{background:var(--color-blue3);}
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom.disabled{cursor:default;}
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom.disabled:before,
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom.disabled:after{opacity:.5;}
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom.disabled:hover:before,
.floatPanoramaViewer .minimap .minimap-modules .btn-minimap-zoom.disabled:hover:after{background:var(--color-gray80);}
.floatPanoramaViewer .minimap .btn-scale{display:block; bottom:unset;left:unset;top:0;right:0;clip-path: polygon(0px 25%, 0% 100%, 100% 100%); transform:rotate(180deg);}
.floatPanoramaViewer .minimap.maximum .minimap-modules .btn-module.extend{display:none;}
.floatPanoramaViewer .minimap.maximum .minimap-modules .btn-module.reduce{display:block;}
.floatPanoramaViewer .full-pano-controls{display:none; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.floatPanoramaViewer .full-pano-pov-control{position:relative; margin-bottom:12px; width:68px; display:flex; flex-wrap:wrap; border-radius:50%; transform:rotate(45deg); box-shadow:4px 4px 6px 0 rgba(0, 0, 0, 0.11);}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov{position:relative; width:34px; height:34px; border-color:rgba(30, 30, 33, 0.8); border-style:solid;}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov:before{content:''; position:absolute; width:6px; height:6px; background: url('../images/geomap/btn_compass_arr.svg') no-repeat;}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov.top{border-radius:100% 0 0 0; border-width:14px 0 0 14px;}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov.top:before{left:0; top:0;}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov.right{border-radius:0 100% 0 0; border-width:14px 14px 0 0;}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov.right:before{right:0; top:0; transform:rotate(90deg);}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov.bottom{border-radius:0 0 100% 0; border-width:0 14px 14px 0;}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov.bottom:before{right:0; bottom:0; transform:rotate(180deg);}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov.left{border-radius:0 0 0 100%; border-width:0 0 14px 14px;}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov.left:before{left:0; bottom:0; transform:rotate(-90deg);}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov:hover{border-color:var(--color-blue3);}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov-center{position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; width:40px; height:40px; border-radius:50%; background:rgba(30, 30, 33, 0.8); z-index:1;}
.floatPanoramaViewer .full-pano-pov-control .btn-pano-pov-center:before{content:''; position:absolute; left:0; right:0; top:0; bottom:0;  border-radius:50%; background:rgba(255,255,255, .29) url('../images/geomap/ico_compass.svg') no-repeat center;}
.floatPanoramaViewer .full-pano-zoom-control{margin:0 auto; width:36px; border-radius:36px; overflow:hidden; box-shadow:4px 4px 6px 0 rgba(0, 0, 0, 0.11);}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom{position:relative; width:36px; height:40px; background:rgba(30, 30, 33, 0.8);}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom:before{content:''; display:inline-block; width:16px; height:16px;}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom:hover{background:var(--color-blue3);}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom.plus{border-radius:36px 36px 0 0;}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom.plus:before{background:url('../images/geomap/ico_zoom_plus.svg') no-repeat center;}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom.minus{border-radius:0 0 36px 36px;}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom.minus:before{background:url('../images/geomap/ico_zoom_minus.svg') no-repeat center;}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom.disabled{cursor:default;}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom.disabled:hover{background:rgba(30, 30, 33, 0.8);}
.floatPanoramaViewer .full-pano-zoom-control .btn-pano-zoom.disabled:before{opacity:.5;}

.floatPanoramaViewer.full{right:0; top:0; bottom:0; width:100% !important; height:100% !important; border-radius:0; box-shadow:none;}
.floatPanoramaViewer.full .pano-modules .btn-module.extend{display:none;}
.floatPanoramaViewer.full .pano-modules .btn-module.reduce{display:block;}
.floatPanoramaViewer.full .btn-scale{display:none;}
.floatPanoramaViewer.full .full-map-info{display:block;}
.floatPanoramaViewer.full .full-pano-controls{display:block;}
.floatPanoramaViewer.full .full-pano-controls{display:block;}
.floatPanoramaViewer.full .minimap .btn-scale{display:block;}

.mapStreetMarker{position:absolute; width:89px; height:56px; transform:translateY(50%); transition:.3s;}
.mapStreetMarker .mapStreetMarker-marker{position:relative; margin:0 auto; width:24px; height:28px; background:url('../images/geomap/street_marker.png') no-repeat center; z-index:2;}
.mapStreetMarker .mapStreetMarker-pov{position:absolute; left:50%; top:-16px; margin-left:-45px; transform-style:preserve-3d; transform-origin:center; transform:rotateX(60deg);}
.mapStreetMarker .mapStreetMarker-pov span{display:block; width:89px; height:89px; background:url('../images/geomap/street_pov.svg') no-repeat center;}

.mapInfoWindow{padding:12px; min-width:178px; border:1px solid var(--color-gray60); background:var(--color-white); border-radius:4px; box-shadow:var(--popup-shadow);}
.mapInfoWindow .infoWinContent{padding-bottom:8px;}
.mapInfoWindow .infoWinContent .infoWinContent-item{display:flex; justify-content:space-between; align-items:center;}
.mapInfoWindow .infoWinContent p{font-size:16px; color:var(--color-gray100); font-weight:700; letter-spacing:-0.02em; flex:none; white-space:nowrap; line-height:1.3;}
.mapInfoWindow .infoWinContent p span{font:inherit; color:var(--color-blue2);}
.mapInfoWindow .infoWinContent p sup{font:inherit;}
.mapInfoWindow .infoWinContent .cctvInfoText{position:relative; font-size:14px;}
.mapInfoWindow .infoWinContent .cctvInfoText span{color:var(--color-gray100); font-weight:700;}
.mapInfoWindow .infoWinContent .cctvInfoText em{color:var(--color-gray60); font-weight:400;}
.mapInfoWindow .infoWinContent .cctvInfoText em:before{content:'ㅣ'; color:var(--color-gray30);}
.mapInfoWindow .infoWinDesc{padding-top:8px; border-top:1px solid var(--color-gray80);}
.mapInfoWindow .infoWinDesc p{font-size:12px; color:var(--color-gray80); line-height:1.3;}
.mapInfoWindow .infoWinBtn{margin-top:4px;}
.mapInfoWindow .infoWinBtn .btn_info_del{display:block; height:36px; width:100%; font-size:14px; line-height:34px; font-weight:400; color:var(--color-gray80); border-radius:36px; border:1px solid var(--color-gray30);}
.mapInfoWindow .infoWinBtn .btn_info_del i{margin-right:8px; display:inline-block; width:19px; height:34px; background:url('../images/geomap/btn_erase.svg') no-repeat center; vertical-align:top;}
.mapInfoWindow .infoWinBtn .btn_info_del:hover{background:var(--color-gray20); border-color:var(--color-gray20);}
.mapInfoWindow.ty2 .infoWinContent p span{color:var(--color-red);}
.mapInfoWindow.mini{padding:6px; min-width:0;}
.mapInfoWindow.mini .infoWinContent{padding:0;}
.mapInfoWindow.mini .infoWinContent p{font-size:12px; font-weight:400;}

.mapCCTvMarker{width:28px; height:28px; background:url('../images/geomap/ico_cctv.svg') no-repeat center; box-shadow:0 1px 1px 0 rgba(0,0,0,.25); border-radius:50%;}
.mapCctvInfoWindow{border-radius:8px; box-shadow:var(--popup-shadow); overflow:hidden;}
.mapCctvInfoWindow .infoWinHead{position:relative; padding:12px 68px 12px 28px; background:var(--color-blue3);}
.mapCctvInfoWindow .infoWinHead h2{font-size:18px; color:var(--color-white); font-weight:700;}
.mapCctvInfoWindow .infoWinHead h2 span{font-size:inherit; font-weight:400; color:inherit;}
.mapCctvInfoWindow .infoWinHead h2 span:before{content:'ㅣ';}
.mapCctvInfoWindow .infoWinHead .infoWindowClose{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:30px; height:32px; background:url('../images/geomap/btn_infoWinClose.svg') no-repeat center;}
.mapCctvInfoWindow .infoWinBody{padding:28px; background:var(--color-white);}
.mapCctvInfoWindow .cctvBox{position:relative;}
.mapCctvInfoWindow .cctvBox:before{content:''; display:block; padding-top:66.7%;}
.mapCctvInfoWindow .cctvBox > div{position:absolute; left:0; top:0; width:100%; height:100%;}
.mapCctvInfoWindow .infoText{margin-top:20px;}
.mapCctvInfoWindow .infoText h5{font-size:14px; color:var(--color-gray100); font-weight:400; line-height:1.2;}
.mapCctvInfoWindow .infoText p{font-size:12px; color:var(--color-gray80); font-weight:400; line-height:1.2;}

/* video js 커스텀 */
.vjs-has-started .vjs-control-bar{justify-content:space-between;}
.video-js .vjs-control .vjs-icon-placeholder:before{left:50%; top:50%; transform:translate(-50%, -50%); width:16px; height:16px;}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{background:url('../images/geomap/btn_cctv_pause.svg') no-repeat center top;}
.video-js .vjs-play-control .vjs-icon-placeholder:before{background:url('../images/geomap/btn_cctv_play.svg') no-repeat center top;}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{width:18px; height:18px; background:url('../images/geomap/btn_cctv_full.svg') no-repeat center top;}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{background:url('../images/geomap/btn_cctv_fullout.svg') no-repeat center top;}
.video-js .vjs-control .vjs-icon-placeholder:hover:before{background-position-y:bottom;}




@media screen and (max-width:1366px){
    .toolOpt .erasertype button:hover{margin:2px;border:none;background:var(--color-gray15);box-shadow:none;}
    .toolOpt .erasertype button:hover span{color:var(--color-gray100); font-weight:400;}
    .toolOpt .erasertype button.on{margin:0;border:2px solid var(--color-blue2);box-shadow:var(--icon-shadow);background:var(--color-white);}
    .toolOpt .erasertype button.on span{color:var(--color-blue2);font-weight:600;}
    
    .map-type-box .map-type-btn:hover:before{background-position-y:top; box-shadow:unset;}
    .map-type-box .map-type-btn.on:before{background-position-y:bottom; box-shadow:var(--box-shadowblue);}
    
    .korea .map-controls .map-control-btn:hover{color:var(--color-gray100);}
    .korea .map-controls .map-control-btn.ty1:hover:before{background-image:url('../images/geomap/map-btn1.svg');}
    .korea .map-controls .map-control-btn.ty2:hover:before{background-image:url('../images/geomap/map-btn2.svg');}
    .korea .map-controls .map-control-btn.ty3:hover:before{background-image:url('../images/geomap/map-btn3.svg');}
    .korea .map-controls .map-control-btn.ty4:hover:before{background-image:url('../images/geomap/map-btn4.svg');}
    
    .korea .map-controls .map-control-btn.on{color:var(--color-blue2);}
    .korea .map-controls .map-control-btn.ty1.on:before{background-image:url('../images/geomap/map-btn1_on.svg');}
    .korea .map-controls .map-control-btn.ty2.on:before{background-image:url('../images/geomap/map-btn2_on.svg');}
    .korea .map-controls .map-control-btn.ty3.on:before{background-image:url('../images/geomap/map-btn3_on.svg');}
    .korea .map-controls .map-control-btn.ty4.on:before{background-image:url('../images/geomap/map-btn4_on.svg');}
}
@media screen and (max-width:1200px){
    .wrap-search{padding:28px 24px;}
    .search_cont_wrap .content{padding:40px 24px;}
    .place_tab li a{min-width:140px; font-size:14px;}
    .place_tab li a .ico_maplink{width:16px;}
    .place_tab-kr li a{min-width:100px;}
    
    .floatPanoramaViewer{width: 27.96875vw; height: 18.6459vw; min-width: 17.578vw; min-height: 11.719vw;}
}

@media screen and (max-width:1366px) and (max-height:700px){
    .korea .map-type-box{right:100px;}
    .korea .map-controls{top:16px;}
    
    .korea .map-module-box .zoom-controls{margin:0 auto; width:36px;}
    .korea .map-module-box .zoom-controls .zoom-button{height:36px;}
    .korea .map-module-box .zoom-controls .zoom-button.zoom-in{border-bottom:1px solid #fff;}
    .korea .map-module-box .zoom-controls .zoom-slider-container{display:none;}
    
    .floatPanoramaViewer{width: 17.578vw; height: 11.719vw;}
}

@media screen and (max-width:1366px) and (max-height:600px){
    ._sub{height:auto;}
    .map_cont_wrap{height:100dvh;}
}

@media screen and (max-device-width:768px){
    .side-navi .side-navi-toggle{right:-50px; width:50px; height:104px; background:transparent; justify-content:flex-start;}
    .side-navi .side-navi-toggle i{width:20px; height:64px; border-radius:0 6px 6px 0; background-color:var(--color-blue3);}
    .side-navi.close .side-navi-toggle i{border-radius:6px 0 0 6px;}
}