@charset "UTF-8";
@import url("./font.css");

/* 2021.03.18[김건민] new 아이콘 추가 */
.subNewLabel {
	display: inline-block;
	padding: 3px;
	color: white;
	background-color: #ff7100;
	border-radius: 3px;
	font-size: 10px;
	text-align: center;
	position: absolute;
	line-height: 8px;
	margin-top: -23px;
	/*right: 1px;*/
}

/* 2020.02.10 김건민 (SGIS My통계로 관련 추가:탭메뉴 관련 스타일 START)*/
.global_nav {
	float:left;
}
.global_nav ul { display:block;
}
.global_nav ul li {
	display:inline-block;
	position:relative;
	margin-left:0;
	height:25px;
	bottom:0;
}
.global_nav ul li a {
	position:absolute;
	display:block;
	padding:1px 0 2px 0;
	height:21px;
	margin-top:4px;
	width:100px;
	text-align:center;
	background-color:#fff;
	border-radius:25px 25px 0 0;
	color:#213967;
	font-size:12px;
}
.global_nav ul li a:hover {
	font-weight:bold;
	color:#000;
}

/* 2025-03-11 [김보림] 변경 누리집 수정. START */
/*2023-11-07 [김보림] 변경 누리집 반영. START */
/* header new */
.header_new { float: left; }
.header_new ul { display: inline-block; }
.header_new ul li { display: inline-block; position: relative; margin-left: 0; height: 25px; bottom: 0; }
.header_new .hn_alert{font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; /* letter-spacing: -0.10em !important;*/color: #fff; line-height: 20px; padding: 4px 30px 3px 10px; position: relative; display: block; font-size: 14px; font-weight: 400; padding-left: 32px;}
.header_new .hn_alert::before{ content: ''; background: url(../css/images/ico_flag.svg) no-repeat center; width: 24px; height: 16px; display: inline-block; margin-right: 5px; position: absolute; vertical-align: middle; left: 0; top: 6px; margin-right: 5px; }

@media (max-width:370px){
.header_new .hn_alert { font-size: 13px; padding: 9px 0; padding-left: 35px; letter-spacing: -1px; }
.header_new .hn_alert::before{width: 32px; background-size: 100%; }
}
/* 2023-11-07 [김보림] 변경 누리집 반영. END */
/* 2025-03-11 [김보림] 변경 누리집 수정. END */

.tm_my2 { background:url(/images/statsMe/tm_my2.png) no-repeat center; background-size:50px; }
.tm_my2:hover { background-size:53px; }
.tm_sgis2 { background:url(/images/statsMe/tm_sgis2.png) no-repeat center; background-size:50px; }
.tm_sgis2:hover { background-size:53px; }

/* 2020.02.10 김건민 (SGIS My통계로 관련 추가:탭메뉴 관련 스타일 END)*/


/* 2020-08-13 [이금은] 바로가기 이미지 (START) */
.tm_my3 { background:url(/images/statsMe/tm_my3.png) no-repeat center; background-size:90px; }
.tm_my3:hover { background-size:93px; }
/* 2020-08-13 [이금은] 바로가기 이미지 (END) */

/* reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,button,abbr,address,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,section,summary{margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}/* HTML5 display-role reset for older browsers */
body,html{width:100%;height:100%;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed;}
img{border:none;vertical-align:top;}
a{display:inline-block;text-decoration:none;color:inherit;}
address{font-style:normal;}
button{display:inline-block;border:none;background-color:transparent;cursor:pointer;}
input,button,a,select,option{font-family:inherit;font-size:inherit;}
input[type="checkbox"]{border:none!important;}/* for lte IE10 */
input[type="radio"]{border:none!important;}/* for lte IE10 */
caption,hr{display:none;}

/* 추가 */
ul,li{padding:0;}
li{list-style:none;}
p{font-size:14px;line-height:1.5;margin:0;padding:0;}
textarea{resize:none;overflow: auto;}
em{font-style:normal;}
a{text-decoration:none}
a:hover{text-decoration:none;}
select,input,button,textarea{font-family:"Nanum Gothic","나눔고딕","맑은 고딕","Malgun Gothic",Dotum,sans-serif;font-size:14px;}
.blind{display:block;left:0;overflow:hidden;position:absolute;top:-1000em;}

select{-moz-appearance:none; /* Firefox */	-webkit-appearance:none;/* Safari and Chrome */appearance:none;}
select::-ms-expand {display:none}

/* common */
body,html,pre{font-family: "Nanum Gothic", "나눔고딕", "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;font-size:14px;color: #000;letter-spacing:-0.045em !important;}
.clearFix:after{content: "";display: block;clear: both;}
.hidden{margin: 0;padding: 0;width: 0;height: 0;overflow: hidden;font-size: 0;line-height: 0;}
html,body,#warp{width:100%;height:100%;min-width:1100px;}
.notoBold{font-family: 'Noto Sans Medium';}

/* Accessibility Navigation */
.accNav {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
.accNav a {display:block; position:absolute; left:0; top:0; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#fff; white-space:nowrap; font-size:0.75em;}
.accNav a:focus,
.accNav a:hover,
.accNav a:active {z-index:1000; width:100%; height:auto; padding:5px 0; background:#125aac; color:#fff; font-weight:700;}

/* 공통 영역 */
.inner { width: 1080px; margin: 0 auto; position: relative; }
.inner:after { content: ""; display: block; clear: both; }
.pagination { text-align: center; }
.pagination a { display: inline-block; width: 9px; height: 9px; margin: 0 2px; background: #bababa; border-radius: 50%; }
.pagination a.active { width: 28px; background: #3680c7; border-radius: 4px; }

header { width: 100%; /*border-bottom: 1px solid #ced6dd; */}
header h1 {position: absolute;top: 17px;left: 0;}
header .util { width: 100%; height: 28px; background: #213967; }
header .util ul { float: right; }
header .util li { float: left; margin-left: 22px; }
header .util a { display: inline-block; color: #abb8d0; line-height: 28px; font-size: 12px; }
header .util a:hover { color: #fff; }

header .searchArea { position: absolute; top: 25px; right: 0; }
header .searchArea > div { position: relative; z-index: 2; width: 70px; height: 30px; border-radius: 15px; background: #213967; color: #fff; }
header .searchArea .btn_submit { float: left; color: #fff; display: block; width: 45px; height: 30px; line-height: 30px; text-indent: 5px; }
header .searchArea .btn_sizeCtr { float: left; display: block; width: 25px; height: 30px; background: url("../images/common/btn_plus.png") no-repeat 0px center; line-height: 30px; }
header .searchArea .inputTxt {position: absolute;top: 0px;left: -125px;z-index: 1;width: 195px;height: 30px;border: 2px solid #213967;box-sizing: border-box;border-radius: 19px;background: #fff;}
header .searchArea.expand .btn_sizeCtr { background: url("../images/common/btn_minus.png") no-repeat 0px center; }
header .searchArea.expand .inputTxt { top: -8px; left: -286px; width: 360px; height: 48px; border-radius: 24px; }
header .searchArea.expand .inputTxt input[type="text"] { display: block; width: 284px; height: 43px; font-size: 16px; line-height: 48px; }
header .searchArea input[type="text"] { border: 0; display: block; width: 150px; height: 25px; line-height: 25px; background: none; text-indent: 10px; font-size: 14px; }

header #gnb { width: 100%; }
header #gnb ul {height: 74px;margin-left: 130px;}
header #gnb ul li {float: left;width: 143px;height: 100%;text-align: center;height: 74px;}
header #gnb ul li.active a, header #gnb ul li:hover a { border-bottom: 2px solid #3986d0; box-sizing: border-box; background: url("../images/common/bg_selectOn.png") no-repeat center bottom; color: #3680c7; }
header #gnb a {display: block;width: 114px;margin: 0 auto;font-size: 16px;color: #454545;font-family: '나눔고딕'; font-weight:700; line-height: 100%;padding-top: 33px;padding-bottom: 22px;}
/*header #gnb a {display: block;width: 114px;margin: 0 auto;font-size: 17px;color: #454545;font-family: 'Nanum Gothic Bold';line-height: 100%;padding-top: 33px;padding-bottom: 22px;}*/

header #gnb ul li:hover .subMenu {     background-color: #f2f2f2;}

header .subMenu {position: absolute;margin: 0 auto;top: 102px;width:100%;background: #fff;  border: 1px solid #1878cc; height: 400px; /**//* box-shadow: 3px 2px 0px rgba(33, 33, 33, 0.4); */} /* 2025.06.16. 김보림 청년통계지도 추가 height 수정 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	header .subMenu {position: absolute;margin: 0 auto;top: 102px;/*left: 29%;*/}
}

/* .subMenu {} */

header .subMenu:before{content:'';display:block;width:100%;position:absolute;z-index:2;top:0px;border-bottom:1px solid #ced6dd;}
header .subMenu .inner {background: #fff;/*border: 1px solid #1878cc;box-shadow: 3px 2px 0px rgba(33, 33, 33, 0.4);width: 715px;*/left:144px;}
header .subMenu div {padding-left: 0;}
header .subMenu p {position: absolute;top: 0;left: -38px;display: block;width: 260px;padding: 160px 0 0 38px;background: url("../images/common/bg_gnbSgis.png") no-repeat;text-align: center;color: #9fa3a7;font-size: 13px;}
/*header .subMenu ul {float: left;width: 143px;height: 280px;padding-top: 20px;border-right: 1px solid #e7ebee;box-sizing: border-box;}*/
header .subMenu ul {float: left;width: 143px;/*height: 369px;*/height: 400px;padding-top: 10px;border-right: 1px solid #e7ebee;box-sizing: border-box;}   /* 2020년 SGIS고도화 3차(배후권) 수정  */ /*20210225 박은식 height 수정*/ /* 2025.06.16. 김보림 청년통계지도 추가 height 수정 */
header .subMenu ul.active{ background:#f3f3f3;}
header .subMenu ul:first-child { border-left: 1px solid #e7ebee; }
header .subMenu li {/* margin-top: 15px; */ position:relative; line-height:18px;}
header .subMenu li:first-child a {/* padding-top: 0; */}
header .subMenu a {display: block;font-size: 14px;padding: 7px 8px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
header .subMenu a:hover { text-decoration: underline; color: #176ab9;font-family: "Nanum Gothic", sans-serif; font-weight:700; }
/*header .subMenu a:hover { text-decoration: underline; color: #176ab9; font-family: 'Nanum Gothic Bold'; }*/
header {width : 100%;}

/* 통계지도체험 header 영역 2018/7/27 header .subMenu { z-index: 3000;} */
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none),(-ms-max-width: 2100px){
	header .subMenu {left:33%;}
}
@media(max-width: 1800px){	
	header .subMenu {left:30%;}
}
@media(max-width: 1700px){	
	header .subMenu {left:29%;}
}
@media(max-width: 1600px){	
	header .subMenu {left:28%;}
}
@media(max-width: 1500px){	
	header .subMenu {left:27%;}
}
@media(max-width: 1400px){	
	header .subMenu {left:25%;}
}
@media(max-width: 1300px){	
	header .subMenu {left:23%;}
}
@media(max-width: 1200px){	
	header .subMenu {left:21%;}
}

@media(max-width: 1100px){	
	header .subMenu {left:19%;}
}

@media (max-width: 1000px){
	header .subMenu {left:21%;}
}

@media(max-width: 900px){ 
	header .subMenu {left:23%;}
}
@media(max-width: 800px){ 
	header .subMenu {left:26%;}
}
@media(max-width: 700px){ 
	header .subMenu {left:30%;}
}
@media(max-width: 600px){ 
	header .subMenu {left:35%;}
}
@media(max-width: 500px){ 
	header .subMenu {left:42%;}
}
@media(max-width: 400px){ 
	header .subMenu {left:53%;}
}
*/

.mainNewLabel {
    padding: 0px 3px 2px 3px;
    color: white;
    background-color: #ff7100;
    border-radius: 3px;
    font-size: 10px;
    text-align: center;
    line-height: 8px;
    margin-top: -23px;
}

.topNewLabel {
	padding: 0px 3px 2px 3px;
	color: white;
	background-color: #ff7100;
	border-radius: 3px;
	font-size: 9px;
	vertical-align: bottom;
	font-family: "Malgun Gothic", "맑은 고딕", Dotum, sans-serif;
}