@charset "UTF-8";

@font-face {
    font-family: 'notokr-regular';
    src: url('../etc/notokr-regular.eot');
    src: url('../etc/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../etc/notokr-regular.woff2') format('woff2'),
         url('../etc/notokr-regular.woff') format('woff'),
         url('../etc/notokr-regular.ttf') format('truetype'),
         url('../etc/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('../etc/notokr-medium.eot');
    src: url('../etc/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../etc/notokr-medium.woff2') format('woff2'),
         url('../etc/notokr-medium.woff') format('woff'),
         url('../etc/notokr-medium.ttf') format('truetype'),
         url('../etc/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-bold';
    src: url('../etc/notokr-bold.eot');
    src: url('../etc/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../etc/notokr-bold.woff2') format('woff2'),
         url('../etc/notokr-bold.woff') format('woff'),
         url('../etc/notokr-bold.ttf') format('truetype'),
         url('../etc/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0;}
body {padding:0; margin:0; background:#fff; color:#333; font-size:14px; line-height:100%; font-family:notokr-medium,"돋움",Dotum,"굴림",Gulim,Arial,"Trebuchet MS",Verdana,"Sans-serif"; letter-spacing:-0.5px;}
h1,h2,h3,h4,h5,h6 { font-size:100%; color:#000; line-height:100%; font-weight:normal;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
hr{display:none;}
img{border:0 none;}
pre{white-space:pre-wrap;}
q:before,q:after{content:'';}
sub,sup{line-height:0; vertical-align:baseline;}
sup{top:-0.5em; vertical-align: super;}
sub{bottom:-0.25em;}
input[type=button]{-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:none;}

/* a */
a{color:inherit; text-decoration:none;}
a:hover,a:focus,a:active{color:inherit; text-decoration:none;}
a:visited{color:inherit;}

/* form */
form,fieldset,legend,label,input[type="image"],input[type="radio"],input[type="checkbox"]{border:0 none;}
fieldset{border:0 none}
legend{position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0;}
button,input,select,textarea{font-family:notokr-medium,"돋움",Dotum,"굴림",Gulim,Arial,"Trebuchet MS",Verdana,"Sans-serif"; font-size:1em; line-height:normal;}
button,input[type="button"],input[type="reset"],input[type="submit"],input[type="image"]{cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
textarea{resize:none; border:1px solid #cccccc; padding:4px 5px 0 5px;}
input[type="text"],input[type="password"] { height:34px; border:1px solid #d9dade; color:#666; box-sizing:border-box; padding-left:15px; vertical-align:middle;}
input[readonly]{ height:34px; border:1px solid #c6c6c6; background-color:#fafafa;  height:16px;}
input[type="file"]{ height:34px; background-color:#fff; box-sizing:border-box; border:none; }
select{border:1px solid #d9dade; /* height:34px; */ color:#444; padding-left:15px; background-color:#fff;}
input[type="checkbox"] + label,input[type="radio"] + label{ margin:0 20px 0 4px; color:#444; vertical-align:middle;}
input[type="checkbox"]{margin:0; width:18px; height:18px; }
input[type="radio"]{margin:0 3px 0 0; width:16px; height:16px; }
strong { font-weight:normal; font-family:notokr-bold; }
/* vertical-align */
fieldset a>img,fieldset label,fieldset select,fieldset input,table td a>img,table td label, table td input, input[type="checkbox"],input[type="radio"], select, input[type="text"], input[type="password"]{vertical-align:middle;}
input:focus, select:focus, textarea:focus { outline: none; }

/* table */
table{border-collapse:collapse; border-spacing:0px;}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

/* common class 접근성을 위한 마크업에 넣는 css */
.hide{display:inline-block; position:absolute; left:-9999px; top:-9999px; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; margin:0; padding:0;}

/* float */
.floatL {float:left}
.floatR {float:right}

/* padding */
.displayNone { display:none; }
.scrollN { overflow:hidden !important;}
.mgtNone { margin-top:0 !important;}
.mgrNone { margin-right:0 !important;}

/* text align */
.textL{text-align:left !important; padding-left:20px;}
.textR{text-align:right !important; padding-right:20px;}
.textC{text-align:center !important; }

/* layout */
#pbWrap { position:relative; overflow:hidden; min-width:1250px; }

#pbHeader { clear:both; position:relative; zoom:1;  }
#pbPageNav { clear:both; position:relative; height:50px; background:url(../img/common/bg_nav.png) no-repeat center 0; background-size:auto 50px;}

/* 은평구청 요청으로 변경 2018-05-09 */
.pbContainer { clear:both; position:relative;}
#pbContent { clear:both; position:relative; /* width:1250px; */ width:1150px; margin:0 auto; padding:39px 0 80px 0;}

#pbFooter { clear:both; position:relative; background-color:#f5f5f5; } 
#pbFooter.main { background-color:#fff;}

/* header */
.headerInnerWrap { width:1150px; height:94px; margin:0 auto; }

.headerHeading { position:relative; width:1150px;}
.headerLogo { display:inline-block; position:absolute; top:25px; left:0; width:205px; height:38px; background:url(../img/common/logo_header.png) no-repeat 0 0; background-size:205px auto; text-indent:-9999em; }
.headerLogo a { display:block; height:38px;}
.headerEtc { position:absolute; right:0; top:36px; }
.headerEtc a { display:inline-block; vertical-align:middle;}
.headerEtc .epHome { font-size:13px; height:24px; line-height:24px; color:#666; padding:0 10px 0 0; background:url(../img/common/line_footer01.png) no-repeat right 8px; background-size:2px auto; }
.headerEtc .epHome + .epHome { background:none; padding-left:7px;}
.headerEtc .epHome:hover {text-decoration:underline;}
.headerEtc .btnSitemap { width:26px; height:24px; background:url(../img/common/btn_sitemap.png) no-repeat 0 0; background-size:26px auto; text-indent:-9999em;}

.gnbMenu { position:relative; display:inline-block; margin:30px 0 0 230px; z-index:200; padding-top:10px; }
/*.gnbMenu { position:relative; display:inline-block; margin:30px 0 0 230px; z-index:200; padding-top:10px; }*/
.gnbMenu li { float:left; text-align:center; }

/* 원 순서 */
/*.gnbMenu li.gnb01 { width:147px;} /* 통계로 보는 은평 */
/*.gnbMenu li.gnb02 { width:135px;} /* 통계자료 */
/*.gnbMenu li.gnb03 { width:108px;} /* 마을지도 */
/*.gnbMenu li.gnb04 { width:146px;} /* 데이터시각화 */
/*.gnbMenu li.gnb05 { width:131px;} /* 데이터개방 */
/*.gnbMenu li.gnb06 { width:116px;} /* 통계소식 */

/* 변경 순서 */
/*.gnbMenu li.gnb01 { width:100px;} /* 마을지도 */
/*.gnbMenu li.gnb02 { width:120px;} /* 데이터개방 */
/*.gnbMenu li.gnb03 { width:135px;} /* 데이터 시각화 */
/*.gnbMenu li.gnb04 { width:140px;} /* 통계로 보는 은평*/
/*.gnbMenu li.gnb05 { width:130px;} /* 통계자료*/
/*.gnbMenu li.gnb06 { width:90px;} /* 통계소식 */

/* 변경 2019-05-21 */
.gnbMenu li.gnb01 { width:150px;} /* 마을지도 */
/* .gnbMenu li.gnb02 { width:150px;} 데이터개방 */
/* .gnbMenu li.gnb03 { width:135px;} 데이터 시각화 */
.gnbMenu li.gnb02 { width:170px;} /* 통계로 보는 은평*/
.gnbMenu li.gnb03 { width:180px;} /* 통계자료*/
.gnbMenu li.gnb04 { width:120px;} /* 통계소식 */


.gnbMenu li a { position:relative; display:inline-block; height:40px; font-size:17px; color:#000; letter-spacing:-1px;box-sizing:border-box; }
.gnbMenu li a.on, .gnbMenu li a:hover { color:#4460aa; border-bottom:2px solid #4460aa; width:100%;}
.gnbMenu li ul { display:none; height:229px; margin:0 auto; padding-top:27px; box-sizing:border-box; }
.gnbMenu li ul li { float:none; margin:0 0 11px 15px; text-align:left; }
.gnbMenu li ul li a { font-size:15px; color:#666; height:inherit; line-height:140%; }
.gnbMenu li ul li a:hover { color:#4460aa; border-bottom:none; text-decoration:underline; }
ul.gnbSub01, ul.gnbSub03, ul.gnbSub05 { background-color:#f7f7f7; }
ul.gnbSub06 { width:130px;}

.depth2Bg { display:none; width:100%; height:230px; position:absolute; left:0; right:0; top:79px; background-color:#fff; z-index:100; border-top:1px solid #d4d4d4; box-sizing:border-box; box-shadow:0px 3px 10px #f5f5f5; }

/* navigator */
.pageNavInnerWrap { position:relative; width:1150px; margin:0 auto; overflow:hidden; }
.pageNavInnerWrap h2 { display:inline-block; float:left; width:50px; height:50px; background:url(../img/common/bul_nav.png) no-repeat 0 0; background-size:50px auto; text-indent:-9999em; vertical-align:middle; }
.pageNavInnerWrap strong { display:inline-block; float:left; height:50px; line-height:50px; font-size:15px; color:#fff; width:200px; border-right:1px solid #878a98; background:url(../img/common/arrow_nav01.png) no-repeat 162px center; background-size:7px auto; text-indent:30px; vertical-align:middle; box-sizing:border-box;}
.pageNavInnerWrap ul { display:inline-block; width:900px; height:50px; background-color:#797d8c; vertical-align:middle; }
.pageNavInnerWrap ul li { float:left; background:url(../img/common/line_nav.png) no-repeat 0 center; background-size:1px auto;}
.pageNavInnerWrap ul li:first-child { background-image:none; }
.pageNavInnerWrap ul li a { display:inline-block; /* font-size:15px; */ font-size:13px; color:#ddd; height:50px; line-height:50px; padding:0 30px; background:url(../img/common/arrow_nav03.png) no-repeat right center; background-size:39px auto; padding-right:59px;}
.pageNavInnerWrap ul li a:hover {text-decoration:underline;}
.pageNavInnerWrap ul li a.current { color:#fff; background:url(../img/common/arrow_nav02.png) no-repeat right center; background-size:39px auto;}
.pageNavInnerWrap ul li a.active { color:#fff; background:url(../img/common/arrow_nav02.png) no-repeat right center; background-size:39px auto; font-size:16px;} /* 2018-05-15 수정 font-size */

/* footer */
.footerInnerWrap { position:relative; width:790px; height:132px; padding:40px 0 0 360px; margin:0 auto; }
.footerLogo { display:inline-block; position:absolute; top:52px; left:220px; width:104px; height:33px; background:url(../img/common/logo_footer.png) no-repeat 0 0; background-size:100% auto; text-indent:-9999em;}
.main .footerLogo { background:url(../img/common/logo_footer_main.png) no-repeat 0 0; background-size:100% auto;}
.footerMenu ul:after{content:""; display:block;clear:both}
.footerMenu ul li {float:left;font-size:13px;color:#6e6e6e;margin-left:7px;padding-left:10px;background:url(../img/common/line_footer01.png) no-repeat 0 center;background-size:2px auto;}
.footerMenu ul li:first-child { color:#545454; font-weight:bold;  margin-left:0; padding-left:0; background-image:none;}
.footerMenu ul li a { display:block;}
.footerMenu ul li a:hover {text-decoration:underline;}

.footerAddr { clear:both; margin-top:16px; }
.footerAddr .addr { font-size:12px; color:#545454; font-family:notokr-regular;}
.footerAddr .addr span { display:inline-block; margin-left:6px; padding-left:9px; background:url(../img/common/line_footer02.png) no-repeat 0 center; background-size:2px auto; }
.footerAddr .copyright { font-size:11px; color:#949494; margin-top:6px;}

/* contents */
.pageHeadingWrap { position:relative; }
.pageHeading { font-size:30px; padding-bottom:29px;}
.pageContentWrap { position:relative; }
.jw-edit-btn-wrap{display:none !important;}