/* NGB, 나눔고딕 굵게, */
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);  */

/* ! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:'Nanum Gothic', sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; font-family:'Nanum Gothic'}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;/* 1 */vertical-align:baseline/* 2 */}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:'Nanum Gothic',monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid #c0c0c0}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

/* base style */
body,div,dl,dt,dd,ul,ol,li,pre,code,fieldset,legend,input,button,textarea,p,blockquote,th,td,select{font-size:14px;line-height:1.428571429;color:#494949}
@media (min-width: 768px) {
   body,div,dl,dt,dd,ul,ol,li,pre,code,fieldset,legend,input,button,textarea,p,blockquote,th,td,select{font-family:'Nanum Gothic','맑은 고딕','돋움',Dotum,AppleGothic,Helvetica,sans-serif;} 
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
input,select,textarea,button,label{font-size:100%;vertical-align:middle}
input,select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
fieldset,img,iframe{border:0 none}
img{vertical-align:middle}
textarea{resize:none}
em,address{font-style:normal}
a{color:#5c5959;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
menu,li{list-style:none}
button{margin:0;padding:0;border:0;vertical-align:middle;cursor:pointer}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
ul,ol,li,dl,dt,dd{list-style:none}
i,em,address{font-style:normal}
label{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
address,cite,em{font-style:normal}
a:link,a:active{color:#494949;text-decoration:none}
a:visited{color:#494949;text-decoration:none}
a:hover{color:#3166a3;text-decoration:none}

/* default class */
.hide{display:none !important}
.show{display:block !important}
.invisible{visibility:hidden}
.hidden{display:none !important;visibility:hidden !important}
.blind,.access-hide,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.bd-none{border:none !important}
.bg-none{background:none !important}
.text-hide{border:0;background-color:transparent;font:0/0 a;color:transparent;text-shadow:none}
.tc,.text-center{text-align:center !important}
.tl,.text-left{text-align:left !important}
.tr,.text-right{text-align:right !important}
.text-justify{text-align:justify !important}
.text-nowrap{white-space:nowrap !important}
.fl,.float-left{float:left !important}
.fr,.float-right{float:right !important}
.clear{clear:both !important}
.img-responsive,.thumbnail > img,
.thumbnail a > img,
.board-detail-content img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{display:block;max-width:100%;height:auto}

/* width */
.w5p{width:5%;}
.w10p{width:10%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w95p{width:95%;}
.w100p{width:100%;}

/*foot*/
#footer {position:relative;}
.foot_link {position:absolute; top:0px; right:0;}
.foot_link li {float:left;margin-left:5px; }
.foot_link li:last-child {}
 
/* skip navi to content */
.skip-nav a{position:absolute;top:-9999em;z-index:9999;width:100%;background:#475470;font:bold 1.3em;font-weight:bold;color:#fff;text-align:center}
.skip-nav a:hover,.skip-nav a:active,.skip-nav a:focus{top:0;padding:12px 0;color:#fff}

/* typography */
.nanum400{font-family:'Nanum Gothic';font-weight:400}
.nanum700{font-family:'Nanum Gothic';font-weight:700}
.nanum800{font-family:'Nanum Gothic';font-weight:800}
.b{font-weight:700;font-weight:bold}
.bb{font-weight:800}

/* 공공누리 */
.opennuri{float:left; clear:both; border:1px solid #c5c5c5; padding:15px 20px; width:756px; margin:30px 0}
.opennuri .img01{float:left; width:117px; height:42px; margin:0 20px 0 0;}
.opennuri .img02{float:left; width:145px; height:42px; margin:0 20px 0 0;}
.opennuri .img03{float:left; width:145px; height:42px; margin:0 20px 0 0;}
.opennuri .img04{float:left; width:172px; height:42px; margin:0 20px 0 0;}
.opennuri p{line-height:18px; }
.opennuri .black{color:#000;}
.opennuri a{font-weight:bold;}
iframe body{margin:0}

/*contents*/
.error {margin:100px 0; text-align:center} 

.contentTab { margin-bottom:25px; }
.TBcont01 {border-top:2px solid #0079c8; border-left:1px solid #e1e1e1;}
.TBcont01 thead th {background:#f6fafc; color:#0079c8; font-family:'Nanum Gothic'; font-weight:bold; padding:9px; text-align:center;}
.TBcont01 tbody th {text-align:center; color:#000;}
.TBcont01 th,.TBcont01 td {border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.TBcont01 tbody td {font-size:13px; padding:9px; line-height:18px;}

ul.List01 > li {background:url(../images/common/blit01.gif) no-repeat 5px 9px; padding-left:15px; margin-bottom:5px; }
ul.List01 > li ul li {background:url(../images/common/blit03.gif) no-repeat 5px 6px; padding-left:15px; font-size:13px; line-height:18px;margin-bottom:5px;}
ul.List01 > li h4 {font-family:'Nanum Gothic'; font-weight:bold; color:#0079c8; font-size:15px;margin-bottom:5px;}
ul.List02 li {font-size:13px; background:url(../images/common/blit06.gif) no-repeat 0 7px; padding-left:10px;}

.download {margin:20px; text-align:right;}
.link {margin:20px; text-align:center;}

.Tab01 {border-bottom:1px solid #0079c8; width:100#; position:relative;}
.Tab01:after {clear:both; content:''; display:block;}
.Tab01 li {float:left; margin-right:3px; margin-bottom:0 !important;}
.Tab01 li a {border-radius:5px 5px 0 0; border:1px solid #d1d1d1; border-bottom:none; display:inline-block; height:34px; line-height:34px; padding:0 22px; font-family:'Nanum Gothic'; font-weight:bold;}
.Tab01 li a:hover, .Tab01 li a.on, .Tab01 li.active a {border:1px solid #0079c8;border-bottom:1px solid #fff; margin-bottom:-1px;; text-decoration:none; color:#0079c8;}
.Tab01 li.active a {border:1px solid #48b0a6;border-bottom:1px solid #fff; margin-bottom:-1px;; text-decoration:none; color:#05877a;}

.contimg {text-align:center; margin:20px 0;}
h4.h4-title {font-family:'Nanum Gothic'; font-weight:bold; color:#0079c8; font-size:15px; margin:20px 0 5px 0; background:url(../images/common/blit01.gif) no-repeat 5px 9px; padding-left:15px;}
.tableinfo {background:url(../images/common/blit06.gif) no-repeat 5px 9px; padding-left:15px; font-size:12px; color:#888; margin:10px 0;}

/* 민원신청 */
.iframe-info2{height:236px; margin-bottom:30; padding-left:320px;background:url(../images/common/bg-complaint01.gif) no-repeat !important; color:#303030; border:1px solid #d1d1d1;}
.iframe-info2 .info-title1{display:block; padding-top:40px; padding-right:40px; margin-bottom:25px;font-size:16px;letter-spacing:-1px}
.iframe-info2 .info-title1 .info-title2{display:block;  margin-bottom:25px;font-size:16px;letter-spacing:-1px}
.iframe-info2 .info-title1 li{margin-bottom:4px;letter-spacing:-1px}

/*소개*/
dl.water-intro dd p {margin-bottom:20px;}

/*메인 롤링배너*/
.main .section.links .link-to {margin-bottom:6px; position:relative;}
.main .section.links .link-to img {border:1px solid #e5e5e5; border-radius:5px;}
ul.mainpaging {position:absolute; top:5px; right:5px;}
ul.mainpaging.noticePager {right:30px;}
ul.mainpaging li {float:left; margin-left:3px;}
ul.mainpaging li a {display:inline-block; background:url(/assets/kor/images/main/btn_pageoff.png) no-repeat; width:8px; height:8px; text-indent:-9999px; }
ul.mainpaging li.on a {background-image:url(/assets/kor/images/main/btn_pageon.png); width:13px;}
ul.mainpaging li.stop.on a, ul.mainpaging li.play.on a {display:none;}
ul.mainpaging li.play a {background-image:url(/assets/kor/images/main/btn_play.png); vertical-align:middle; width:13px;}
ul.mainpaging li.stop a {background-image:url(/assets/kor/images/main/btn_pagestop.gif); vertical-align:middle; width:13px;}

/**** POPUP ************************************************************************************/
#pop02 { width:100%;}
	#pop02 h3 {color:#fff; font-weight:bold; font-size:16px; padding:15px; background:url(../img/admin/btn02_bg.gif); border-bottom:4px solid #db331c;}
	#pop02 h4{margin-bottom:5px; background:url(../img/admin/blit_h4.gif) no-repeat 50% left; padding-left:10px; color:#333; margin-top:0;}
	#pop02 h4.mgt15{margin-top:15px;}
	#pop02 .popcon {padding:15px; background-color:#fff;}
	#pop02 .popfoot {padding:6px; text-align:right; background:#f6f6f6; border-top:1px solid #e3e3e3;}
.popUpload {width:372px; height:215px; overflow:auto; border:1px solid #d1d1d1; margin:10px 0;}

/****************************************************************************************/
#pop01 {border:1px solid #c6c6c6; background:url(/images/admin/popup_bg.gif) repeat-y top left; padding-left:8px;}
	#pop01 h3 {border-bottom:1px solid #f9723f; font-weight:bold; font-size:16px; color:#db331c; padding:15px;}
	#pop01 h4{margin-bottom:5px; background:url(/images/admin/blit_h4.gif) no-repeat 50% left; padding-left:10px; color:#333; margin-top:0;}
	#pop01 .popcon {padding:15px;}
	#pop01 .popfoot {padding:6px; text-align:right; background:#f6f6f6; border-top:1px solid #e3e3e3;}
#pop02 {border:3px solid #3e3a38;}
	#pop02 h3 {color:#fff; font-weight:bold; font-size:16px; padding:15px; background:url(/images/admin/btn02_bg.gif); border-bottom:4px solid #db331c;}
	#pop02 h4{margin-bottom:5px; background:url(/images/admin/blit_h4.gif) no-repeat 50% left; padding-left:10px; color:#333; margin-top:0;}
	#pop02 .popcon {padding:15px;}
	#pop02 .popfoot {padding:6px; text-align:right; background:#f6f6f6; border-top:1px solid #e3e3e3;}
#pop02 {border:3px solid #3e3a38;}
