@charset "utf-8";
/**
 * @File Name : lib3.css
 * @Description : 데이터통계 지도용 css
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2025.04.17 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2025.04.17
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */


/* all.css / sub.css overwrite */
#wrap>.container {max-width:none;padding:0}
#body {margin:0;}
#body>.container {padding:0;max-width:none;min-width:auto;}
#body_content {min-height:800px;}
@media screen and (max-width:1259px){
	html {overflow:hidden;}
	#wrap>.container {overflow:hidden;}	
	#body_content {min-height:auto;padding-bottom:0}
	#foot {display:none;}
}

[id*=sidemenu] {position:absolute;top:0;left:0;height:100%;background:#fff;z-index:100;box-shadow:5px 5px 10px rgba(0,0,0,.1);transition:left .4s ease .2s;}
[id*=sidemenu] .b2 {position:absolute;top:50%;right:-20px;width:20px;height:50px;background:#fff;border-radius:0 5px 5px 0;margin-top:-25px;border:1px solid #e5e3e3;text-indent:-9999px;border-left:0;box-shadow:5px 5px 10px rgba(0,0,0,.1);}
[id*=sidemenu] .b2:before {position:absolute;top:50%;left:50%;content:"";display:block;width:7px;height:11px;background:url(../../img/lib2/data1total_sprite.png) no-repeat 0 -30px / auto 100px;margin:-5.5px -3.5px}
[id*=sidemenu] .b2.off:before {background-position:-9px -30px}
[id*=sidemenu] .wrap1 {position:relative;height:100%;}
[id*=sidemenu] .wrap1:after {content:"";display:block;clear:both;}
[id*=sidemenu] .wrap1 .h1 {background:#363940;color:#fff;text-align:center;font-size:20px;font-family:"JalnanGothic", sans-serif;font-weight:500;letter-spacing:-.05em;line-height:76px;height:70px;}
[id*=sidemenu] .wrap1 .search1 {padding:20px;border-bottom:1px solid #e5e3e3;overflow:hidden;background:#fff}
[id*=sidemenu] .wrap1 .search1 dl, [id*=sidemenu] .wrap1 .search1 dd {margin:0}
[id*=sidemenu] .wrap1 .search1 dl {overflow:hidden;margin-bottom:9px;}
[id*=sidemenu] .wrap1 .search1 dt {position:relative;float:left;font-size:19px;font-weight:600;color:#000;letter-spacing:-.05em;padding-left:30px;line-height:46px;width:114px;box-sizing:border-box;}
[id*=sidemenu] .wrap1 .search1 dt:before {position:absolute;top:50%;left:4px;content:"";display:block;width:19px;height:21px;background:url(../../img/lib2/data1total_sprite.png) no-repeat 0 0 / auto 100px;margin-top:-9px;}
[id*=sidemenu] .wrap1 .search1 dd {float:left;margin-left:5px;width:90px;}
[id*=sidemenu] .wrap1 .search1 dd:nth-of-type(1) {width:70px;}
[id*=sidemenu] .wrap1 .search1 dd a {display:block;padding:0;border:1px solid #cbcbcb;border-radius:5px;background:#fcf5f5;font-size:15px;font-weight:400;color:#333;line-height:44px;text-align:center;}
[id*=sidemenu] .wrap1 .search1 dd a.on {line-height:46px;background:#eb4050;color:#fff;border:0;font-weight:600;text-decoration:underline;text-underline-position:under}
[id*=sidemenu] .wrap1 .search1 .select {float:left;border:1px solid #e0e0e0;background:#fff;border-radius:5px;height:46px;padding:5px;box-sizing:border-box;}
[id*=sidemenu] .wrap1 .search1 .select select {border:0;width:100%;height:100%;color:#000;font-weight:400;padding:0}
[id*=sidemenu] .wrap1 .search1 .vam {float:left;width:20px;text-align:center;line-height:46px;}
[id*=sidemenu] .wrap1 .search1 .select.year {width:87px;}
[id*=sidemenu] .wrap1 .search1 .select.month {width:65px;margin-left:5px}
[id*=sidemenu] .wrap1 .search1 .button.search {width:41px;height:46px;margin:0 0 0 5px;text-indent:-9999px;background:#eb4050 url(../../img/lib2/data1total_sprite.png) no-repeat -157px 0 / auto 100px;padding:0}
[id*=sidemenu] .wrap1 .use1info {position:relative;height:calc(100% - 212px);padding-left:90px;}
[id*=sidemenu] .wrap1 .use1info .tab1 {position:absolute;top:0;left:0;width:90px;height:100%;background:#363940;text-align:center;}
[id*=sidemenu] .wrap1 .use1info .tab1 li {border-bottom:1px solid rgba(255,255,255,.07);}
[id*=sidemenu] .wrap1 .use1info .tab1 li a {display:block;font-size:15px;color:rgba(255,255,255,.7);font-weight:500;letter-spacing:-.075em;padding:15px 4px;word-break:keep-all;line-height:18px;}
[id*=sidemenu] .wrap1 .use1info .tab1 li.on {background:#eb4050;border-bottom:0}
[id*=sidemenu] .wrap1 .use1info .tab1 li.on a {color:#fff}
[id*=sidemenu] .wrap1 .use1info .ctab1cont {padding:28px 20px 20px;height:100%;box-sizing:border-box;}
[id*=sidemenu] .wrap1 .use1info .ctab1cont .cont {height:100%;}
[id*=sidemenu] .wrap1 .use1info .ctab1cont .h2 {text-align:center;font-size:20px;font-family:"JalnanGothic", sans-serif;font-weight:500;letter-spacing:-.05em;color:#000;margin-bottom:18px;line-height:1.1;}
[id*=sidemenu] .wrap1 .use1info .ctab1cont .use1info1list {height:calc(100% - 85px);overflow-y:auto;}
[id*=sidemenu] .wrap1 .use1info1list ol li {position:relative;background:#f5f0f5;border-radius:9999px;font-weight:400;color:#000;margin-bottom:6px;padding:8px 80px 7px 47px;line-height:30px;}
[id*=sidemenu] .wrap1 .use1info1list ol li a {display:block;}
[id*=sidemenu] .wrap1 .use1info1list ol li a .num {position:absolute;top:50%;left:9px;width:30px;height:30px;background:#fff;text-align:center;line-height:30px;font-size:15px;color:#000;font-weight:600;border-radius:100%;margin-top:-15px;}
[id*=sidemenu] .wrap1 .use1info1list ol li a .t1 {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#000}
[id*=sidemenu] .wrap1 .use1info1list ol li a .t2 {position:absolute;top:8px;right:20px;font-size:15px;color:#000;font-weight:500}
[id*=sidemenu] .wrap1 .use1info1list ol li a.on .num {background-color:#eb4050;color:#fff;font-weight:800}
[id*=sidemenu] .wrap1 .use1info1list ol li a.on .t1 {font-weight:500}
[id*=sidemenu] .wrap1 .use1info1list ol li a.on .t2 {font-weight:800}
[id*=sidemenu]:after {content:"";display:block;clear:both;}
[id*=snb1total] {position:relative;float:left;background:#fff;height:100%;overflow:hidden;box-sizing:border-box}
[id*=snb1total] .h2 {position:relative;font-size:24px;line-height:1.1;color:#000;font-family:"JalnanGothic", sans-serif;font-weight:500;letter-spacing:-.05em;padding-bottom:20px;border-bottom:1px solid #e1e1e1;padding-left:35px}
[id*=snb1total] .h2:before {position:absolute;top:-1px;left:0;content:"";display:block;width:28px;height:24px;background:url(../../img/lib2/data1total_sprite.png) no-repeat -21px 0 / auto 100px;}
[id*=snb1total] .h2 span {color:#d4344f}
[id*=snb1total] .b1.close {position:absolute;top:18px;right:30px;width:40px;height:40px;text-indent:-9999px;background:url(../../img/lib2/data1total_sprite.png) no-repeat -115px 0 / auto 100px;border-radius:100%;}
#snbsearch1 {float:left;width:420px;height:100%;}
.result1 #snb1total1 {width:670px;opacity:1;border-left:1px solid #e5e3e3;padding:25px 30px;overflow-y:auto;}
#graph1 {text-align:center;}
#graph1 .hg1 {position:relative;padding-top:25px;display:inline-block;vertical-align:top;z-index:1;margin-bottom:10px}
#graph1 .hg1 * {display:inline-block;vertical-align:top;}
#graph1 .hg1 .ht1 {font-size:22px;color:#eb4050;font-weight:700;letter-spacing:-.05em;line-height:1.1;}
#graph1 .hg1 .b1 {width:30px;height:30px;background:url(../../img/lib2/data1total_sprite.png) no-repeat;background-size:auto 100px;margin-top:-2px}
#graph1 .hg1 .b1.prev {background-position:-51px 0}
#graph1 .hg1 .b1.next {background-position:-83px 0}
#graph1 .hb2.h3 {font-family:"S-CoreDream", sans-serif;font-size:24px;font-weight:600;line-height:1.1;margin-bottom:5px}
#chart1 {overflow-x:auto;margin-bottom:30px}
#chart1 .wrap1 .jqplot-title {position:absolute;top:-1000em !important;left:-1000em;width:1px !important;height:1px;overflow:hidden;text-indent:-9999px;text-align:left !important}
#graph1 .table1scroll>table {min-width:500px;}
#graph1 table.t3>thead>tr>th, #graph1 table.t3>*>tr>th, #graph1 table.t3>*>tr>td {padding-top:13px;padding-bottom:13px;}
/* 좌측페이징 */
[id*=sidemenu] .pagination {margin-top:20px;font-size:15px;}
[id*=sidemenu] .pagination .m a {width:20px;height:20px;line-height:20px;margin:2px 1px;box-sizing:border-box;border-radius:0}
[id*=sidemenu] .pagination .pages {display:inline-block;vertical-align:middle;margin:0 5px;}
[id*=sidemenu] .psidemenugination .pages .m a {min-width:auto;color:#777;font-weight:400;padding:0}
[id*=sidemenu] .pagination .pages .on a {background-color:transparent;color:#000;font-weight:600}
[id*=sidemenu] .pagination .control .m a {border:0}
@media screen and (min-width:1260px){
	#sidemenu.close {left:-420px;}
	.result1 #sidemenu.close {left:-1090px}
	#snb1total1 {width:0;opacity:0;transition:opacity .35s ease .02s;}
}
@media screen and (max-width:1259px){
	html.sidemenuOpen {overflow:hidden}
	[id*=sidemenu] {position:fixed;top:87%;width:100%;height:100dvh;transition:top .35s ease .1s;background-color:transparent;box-shadow:none;}
	[id*=sidemenu].close {/* left:auto;height:95px; *//* bottom:90px; */}
	[id*=sidemenu].open {top:90px;height:calc(100dvh - 90px)}
	[id*=sidemenu] .b2 {width:50px;height:20px;top:-20px;right:50%;margin-top:0;margin-right:-25px;border:0;background:#363940;border-radius:10px 10px 0 0}
	[id*=sidemenu] .b2:before {background-image:none;width:8px;height:8px;border:2px solid #fff;box-sizing:border-box;transform:rotate(45deg);border-right:0;border-bottom:0;margin:-1px -4px;}
	[id*=sidemenu] .b2.off:before {transform:rotate(-135deg);margin-top:-4px}
	[id*=sidemenu] .wrap1 .h1 {font-size:18px;line-height:72px;height:65px;}
	[id*=sidemenu] .wrap1 .search1 {text-align:center;padding:15px 10px 12px;}
	[id*=sidemenu] .wrap1 .search1 dl, [id*=sidemenu] .wrap1 .search1 .select, [id*=sidemenu] .wrap1 .search1 .vam {display:inline-block;vertical-align:top;float:none;margin-bottom:0}
	[id*=sidemenu] .wrap1 .search1 dl {margin-right:10px}
	[id*=sidemenu] .wrap1 .search1 dt {text-align:left;line-height:42px;}
	[id*=sidemenu] .wrap1 .search1 dd a {line-height:40px;}
	[id*=sidemenu] .wrap1 .search1 dd a.on, [id*=sidemenu] .wrap1 .search1 .vam {line-height:42px}
	[id*=sidemenu] .wrap1 .search1 .select {height:42px}
	[id*=sidemenu] .wrap1 .search1 .button.search {height:42px;vertical-align:top;background-position:-157px -3px}
	[id*=sidemenu] .wrap1 .use1info {padding-left:0;height:calc(100% - 137px);overflow-y:auto;background:#fff}
	[id*=sidemenu] .wrap1 .use1info .tab1 {position:absolute;top:0;left:0;width:100%;height:50px;}
	[id*=sidemenu] .wrap1 .use1info .tab1:after {content:"";display:block;clear:both;}
	[id*=sidemenu] .wrap1 .use1info .tab1 li {display:inline-block;vertical-align:top;height:100%;}	
	[id*=sidemenu] .wrap1 .use1info .tab1 li a {height:100%;box-sizing:border-box;line-height:50px;padding:0 15px}
	[id*=sidemenu] .wrap1 .use1info .ctab1cont {/* height:calc(100% - 50px) */padding-top:78px;}
	[id*=sidemenu] .wrap1 .use1info .ctab1cont .use1info1list {overflow:auto;height:auto;}
	[id*=sidemenu] .pagination {margin-top:5px;}
	[id*=sidemenu] .wrap1 .use1info1list ol li {display:inline-block;vertical-align:top;width:calc(50% - 8px);box-sizing:border-box;margin-left:10px;}
	[id*=sidemenu] .wrap1 .use1info1list ol li:nth-child(odd) {margin-left:0}
	#snbsearch1 {width:100%;height:100dvh;float:none;}
	#snb1total1 {position:absolute;top:200%;width:100%;transition:top .35s ease;}
	.result1 #snb1total1 {position:absolute;top:55px;left:0;width:100%;height:100dvh;overflow-y:auto;z-index:1;padding-left:0;padding-right:0;}
	.result1 #snb1total1 .h2 {margin-left:30px;margin-right:30px;}
	#graph1 {overflow-y:auto;height:100%;}
	#chart1 {height:300px;overflow-y:hidden;}
	#chart1>.wrap1 {height:100% !important}
}
@media screen and (max-width:999px){
	/* [id*=sidemenu].close {height:85px} */
	[id*=sidemenu] .wrap1 .h1 {line-height:62px;height:55px}
	[id*=sidemenu] .wrap1 .search1 dd a.on, [id*=sidemenu] .wrap1 .search1 .vam {line-height:38px;}
	[id*=sidemenu] .wrap1 .search1 dt {font-size:18px;line-height:38px}
	[id*=sidemenu] .wrap1 .search1 dd {width:80px;margin-left:3px}
	[id*=sidemenu] .wrap1 .search1 dd a {font-size:14px;line-height:36px}
	[id*=sidemenu] .wrap1 .search1 .select {height:38px;font-size:14px;}
	[id*=sidemenu] .wrap1 .search1 .select.month {margin-left:0;margin-right:-4px;}
	[id*=sidemenu] .wrap1 .search1 .button.search {width:38px;height:38px;background-position:-159px -5px;margin-left:3px}
	[id*=sidemenu] .wrap1 .use1info {height:calc(100% - 120px)}
	[id*=sidemenu] .wrap1 .use1info .ctab1cont .h2 {margin-bottom:15px}
	[id*=sidemenu] .wrap1 .use1info1list ol li {line-height:25px;font-size:15px;margin-bottom:4px;margin-left:6px;width:calc(50% - 5px)}
	[id*=sidemenu] .wrap1 .use1info1list ol li a .num {width:27px;height:27px;line-height:27px;margin-top:-13.5px}
	[id*=sidemenu] .wrap1 .use1info1list ol li a .t2 {font-size:14px}
	[id*=snb1total] .h2 {font-size:22px;padding-bottom:15px;}
	[id*=snb1total] .h2:before {top:-2px;}
	[id*=snb1total] .b1.close {top:14px;right:10px;width:32px;height:32px;background-size:auto 80px;background-position:-92px 0}
	.result1 #snb1total1 {padding:65px 10px 20px}
	.result1 #snb1total1 .h2 {position:absolute;top:0;left:0;margin:20px 10px;width:calc(100% - 75px);}
	.result1 #snb1total1 .snbscroll {padding-left:10px;padding-right:10px;height:calc(100% - 10px)}
	#graph1 .scroll1tablewrap:before, #graph1 .scroll1tablewrap:after {display:none}
}
@media screen and (max-width:768px){	
	[id*=sidemenu] .wrap1 .search1 dl {display:block;margin-right:0;margin-bottom:5px;}
	[id*=sidemenu] .wrap1 .search1 dt {font-size:17px;width:auto;padding-right:10px;float:none;display:inline-block;vertical-align:top;}
	[id*=sidemenu] .wrap1 .search1 dd {float:none;display:inline-block;vertical-align:top;}
	[id*=sidemenu] .wrap1 .use1info {height:calc(100% - 164px)}
	[id*=snb1total] .h2 {font-size:20px;}
	#graph1 .hg1 {padding-top:20px;margin-bottom:5px;}
	#graph1 .hg1 .ht1 {font-size:20px;}
	#graph1 .hg1 .b1 {margin-top:-4px}
	#graph1 table.t3>thead>tr>th, #graph1 table.t3>*>tr>th, #graph1 table.t3>*>tr>td {padding-top:10px;padding-bottom:10px;}
}
@media screen and (max-width:699px){
	[id*=sidemenu] .wrap1 .h1 {font-size:17px;line-height:59px;height:50px;}
	[id*=sidemenu] .wrap1 .use1info {height:calc(100% - 151px)}
	[id*=sidemenu] .wrap1 .search1 dd a.on, [id*=sidemenu] .wrap1 .search1 .vam {line-height:34px;}
	[id*=sidemenu] .wrap1 .search1 dt {font-size:16px;line-height:34px;}
	[id*=sidemenu] .wrap1 .search1 dd a {line-height:32px;}
	[id*=sidemenu] .wrap1 .search1 .select {height:34px;}
	[id*=sidemenu] .wrap1 .search1 .button.search {width:34px;height:34px;background-position:-161px -7px}
	[id*=sidemenu] .wrap1 .use1info .tab1 li a {padding:0 8px}
}
@media screen and (max-width:599px){
	[id*=sidemenu] .wrap1 .use1info {height:calc(100% - 151px)}
	[id*=sidemenu] .wrap1 .use1info .tab1 {height:40px;}
	[id*=sidemenu] .wrap1 .use1info .tab1 li {float:left;width:25%;}
	[id*=sidemenu] .wrap1 .use1info .tab1 li a {height:100%;line-height:40px;font-size:14px;}
	[id*=sidemenu] .wrap1 .use1info .tab1.rows {height:80px;}
	[id*=sidemenu] .wrap1 .use1info .tab1.rows li {height:50%;}
	[id*=sidemenu] .wrap1 .use1info .tab1.col-2 li {width:50%}	
	[id*=sidemenu] .wrap1 .use1info .tab1.col-3 li {width:33.33%}	
	[id*=sidemenu] .wrap1 .use1info .tab1.col-4 li {width:25%}	
	[id*=sidemenu] .wrap1 .use1info .tab1.col-5 li, [id*=sidemenu] .wrap1 .use1info .tab1.col-9 li {width:20%}	
	[id*=sidemenu] .wrap1 .use1info .ctab1cont {padding:65px 16px 5px;}
	[id*=sidemenu] .wrap1 .use1info .ctab1cont .h2 {font-size:19px;line-height:1.3}
	[id*=sidemenu] .wrap1 .use1info .rows + .ctab1cont {padding-top:100px;}
	[id*=sidemenu] .wrap1 .use1info1list ol li {width:100%;display:block;margin-left:0;font-size:14px;padding-top:5px;padding-bottom:4px}
	[id*=sidemenu] .wrap1 .use1info1list ol li a .t2 {font-size:13px}
	[id*=sidemenu] .wrap1 .use1info .tab1.col-7.rows {height:120px;}
	[id*=sidemenu] .wrap1 .use1info .tab1.col-7 li {width:33.33%;height:33.33%;}
	[id*=sidemenu] .wrap1 .use1info .tab1.col-7 li a {padding:0 4px;}
	[id*=sidemenu] .wrap1 .use1info .col-7.rows + .ctab1cont {height:calc(100% - 120px)}
	[id*=sidemenu] .pagination {margin-top:10px}
	[id*=snb1total] .h2 {font-size:20px;padding-right:30px;}
	[id*=snb1total] .h2:before {top:-4px}
	.result1 #snb1total1 {padding-bottom:0}
	#graph1 .hg1 .ht1 {font-size:18px;}
	#graph1 table.t3>thead>tr>th, #graph1 table.t3>*>tr>th, #graph1 table.t3>*>tr>td {font-size:14px}
}
@media screen and (max-width:499px){
	#graph1 .scroll1tablewrap:before, #graph1 .scroll1tablewrap:after {display:block} 
}
@media screen and (max-width:399px){
	[id*=sidemenu] .wrap1 .search1 .select.year {width:80px}
	[id*=sidemenu] .wrap1 .search1 .select.month {width:60px}
	[id*=sidemenu] .wrap1 .search1 .vam {width:15px}
	[id*=snb1total] .h2 {font-size:18px;}
	[id*=snb1total] .b1.close {right:5px;width:28px;height:28px;background-size:auto 70px;background-position:-81px 0}
	.result1 #snb1total1 {padding-bottom:10px}
}
@media screen and (max-width:369px){
	[id*=sidemenu] .wrap1 .search1 {padding-top:10px;height:207px;box-sizing:border-box}
	[id*=sidemenu] .wrap1 .search1 dt {font-size:15px;padding-right:5px;margin-bottom:5px;}
	[id*=sidemenu] .wrap1 .search1 dd, [id*=sidemenu] .wrap1 .search1 dd:nth-of-type(1) {width:calc(33% - 5px);}
	[id*=sidemenu] .wrap1 .search1 dt {display:block;text-align:center;padding-left:0}
	[id*=sidemenu] .wrap1 .search1 dt:before {position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;margin:-2px 5px 0 0}
	[id*=sidemenu] .wrap1 .search1 .vam {display:none}
	[id*=sidemenu] .wrap1 .search1 .select {margin-bottom:2px;}
	[id*=sidemenu] .wrap1 .search1 .select.year {width:calc(60% - 3px);}
	[id*=sidemenu] .wrap1 .search1 .select.month {width:calc(40% - 3px);}
	[id*=sidemenu] .wrap1 .search1 .button.search {display:block;width:calc(100% - 2px);background-image:none;text-indent:0;font-size:14px;margin-left:2px}
	[id*=sidemenu] .wrap1 .use1info {height:calc(100% - 257px)}
	[id*=sidemenu] .wrap1 .use1info .ctab1cont {height:calc(100% - 40px)}
}

/* 데이터통계 지도 */
#map1wrap {position:relative;height:800px;}
#map1wrap .btn1map {position:absolute;top:90px;right:20px;list-style:none;margin:0;padding:0;z-index:1}
#map1wrap .btn1map li {float:left;width:70px;height:70px;text-align:center;margin-right:10px;}
#map1wrap .btn1map li a {display:block;font-size:14px;font-weight:600;color:#9d9d9d;background:#fff;border-radius:15px;box-shadow:5px 5px 10px rgba(0,0,0,.2);height:100%;padding-top:11px;box-sizing:border-box;letter-spacing:-.075em;font-weight:500;}
#map1wrap .btn1map li a:before {content:"";display:block;width:32px;height:28px;background:url(../../img/lib2/data1total_sprite.png) no-repeat 0 0 / auto 100px;margin:auto auto 2px}
#map1wrap .btn1map li.on a {color:#000;}
#map1wrap .btn1map li.kakao.on a {background-color:#fae100}
#map1wrap .btn1map li.kakao a:before {background-position:-4px -48px;}
#map1wrap .btn1map li.naver a:before {background-position:-49px -48px;}
#map1wrap .btn1map li.kakao.on a:before {background-position:-88px -48px;}
#map1wrap .btn1map li.naver.on a:before {background-position:-133px -48px;}
#map1wrap .map {width:100%;height:100%;background:#a3d6eb;}
#map1wrap .map .map1marker1 {position:absolute;width:56px;z-index:1;text-align:center;}
#map1wrap .map .map1marker1 img {display:block;max-width:100%;}
#map1wrap .map .map1marker1 em {display:block;}
#map1wrap .map .map1marker1 .num {width:56px;height:68px;background:url(../../img/lib2/marker1_off.png) no-repeat 0 0;color:#fff;padding-top:17px;padding-right:8px;box-sizing:border-box;font-weight:800;line-height:1.1;}
#map1wrap .map .map1marker1.on .num {background-image:url(../../img/lib2/marker1_on.png);}
#map1wrap .map .map1marker1 .t1 {position:absolute;bottom:-10px;left:50%;display:inline-block;background:#363940;text-align:center;color:#fff;font-size:15px;font-weight:500;line-height:30px;z-index:-1;border-radius:9999px;padding:0 5px;z-index:-1;margin-left:-44px;min-width:80px;box-sizing:border-box;}
#map1wrap .map .map1marker1.on .t1 {text-decoration:underline;text-underline-offset:3px;}
@media screen and (max-width:1449px){
	#map1wrap .btn1map {top:100px;}
}
@media screen and (max-width:1259px){
	#map1wrap {height:calc(100vh - 106px)}
	#map1wrap .btn1map {top:70px;}
}
@media screen and (max-width:999px){
	#map1wrap .btn1map {top:40px;right:6px;}
	#map1wrap .btn1map li {width:68px;height:60px;}
	#map1wrap .btn1map li a {font-size:13px;padding-top:8px;}
}
@media screen and (max-width:599px){
	#map1wrap {height:calc(100vh - 101px)}
	#map1wrap .btn1map {right:10px}
	#map1wrap .btn1map li {width:63px;height:53px;margin-right:6px}	
	#map1wrap .btn1map li a {border-radius:8px;}
	#map1wrap .btn1map li a:before {width:22px;height:20px;background-size:auto 70px;}
	#map1wrap .btn1map li.kakao a:before {background-position:-3px -34px;}
	#map1wrap .btn1map li.naver a:before {background-position:-34px -34px;}
	#map1wrap .btn1map li.kakao.on a:before {background-position:-62px -34px;}
	#map1wrap .btn1map li.naver.on a:before {background-position:-93px -34px;}
}
@media screen and (max-width:499px){
	#map1wrap .btn1map {top:15px}
}

/* 웹트랜드 */
#sidemenu2 {position:relative;top:auto;left:auto;width:100%;height:800px;box-shadow:none;}
#snb1total2 {padding:25px 30px;width:calc(100% - 420px);border-left:1px solid #e5e3e3}
#snb1total2 #chart1 .wrap1 {min-width:600px} 
@media screen and (max-width:1259px){	
	#sidemenu2 {height:100dvh;overflow-y:auto;}
	#sidemenu2 .wrap1 {height:100dvh;padding-bottom:30px}
	#sidemenu2 .wrap1 .use1info {overflow:hidden;}
	#sidemenu2 .wrap1 .use1info .tab1 {position:relative;top:auto;left:auto;}
	#sidemenu2 .wrap1 .use1info .ctab1cont {padding-top:25px;padding-bottom:0;}
	#snb1total2 {width:100%;float:none;}
	#snb1total2 #graph1 {height:auto;}
	#snb1total2 #graph1 .table1scroll {margin-bottom:10px}
}
@media screen and (max-width:999px){
	#sidemenu2 .wrap1 .use1info .tab1 {min-height:40px;height:auto;font-size:0;}	
	#sidemenu2 .wrap1 .use1info .tab1 li a {line-height:45px;font-size:15px;padding:0 15px;}
	#snb1total2 #graph1 .hb2.h3 {font-size:22px;}
	#snb1total2 #chart1 {margin-bottom:20px;}
}
@media screen and (max-width:768px){
	#sidemenu2 .wrap1 .use1info .tab1 li a {padding:0 12px;}
	#snb1total2 #graph1 .hb2.h3 {font-size:20px}
}
@media screen and (max-width:599px){
	#snb1total2 {padding:25px 20px}
	#sidemenu2 .wrap1 .use1info .tab1 li {float:none;width:auto}
	#sidemenu2 .wrap1 .use1info .tab1 li a {line-height:40px;font-size:14px;padding:0 7px;}
	#snb1total2 #graph1 .hb2.h3 {font-size:18px}
}
@media screen and (max-width:499px){
	#sidemenu2 .wrap1 .use1info .tab1 li {min-width:calc(33% - 6px);}
}