@charset "utf-8";
@import url("layout.css");
@import url("main.css");
@import url("content.css");
@import url("jquery-ui.css");

/* 폰트 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 초기화 */
html,body,
input[type="text"],
input[type="password"],
input[type="file"],
textarea,button,
select{font-family: 'Noto Sans KR', sans-serif;}
button{border:0;padding:0;background:transparent;}
html{overflow-y:scroll}
html,body{margin:0;padding:0;/* line-height:100% */;color:#434343;background:#fff;word-break:break-all;-ms-word-break:break-all;font-size:13px;}
html,body{height:100%;}
 
.table-layout-auto{table-layout:auto;}

/* html5 */
/* article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;} */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,blockquote,form,fieldset,label,legend,thead,tbody,tfoot,th,td,img{margin:0;padding:0;border:0;/* line-height:100%; */}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img,input,textarea,select,button,label{vertical-align:middle;}
img,input,textarea{margin:0;padding:0;}
textarea{font-family:"돋움",dotum;}
ul, ol{list-style:none;}
table{width:100%; border-collapse:collapse;border-spacing:0;table-layout:fixed;}
caption{width:0;height:0;/*visibility:hidden;*/font-size:0;line-height:0;}
a{color:#434343;text-decoration:none;}
a:hover,a:active,a:visited{text-decoration:none;}
a:focus{outline:4px dotted #04d34d;
transform: scale(0.95); transition: none;}
button:focus{outline:4px dotted #04d34d;
transform: scale(0.95); transition: none;}
em,i,address{font-style:normal;}
label{cursor:pointer;margin-right:10px;}
input[type="radio"],
input[type="checkbox"]{width:13px; height:13px;margin-right: 5px;}
input[type="text"],input[type="password"]{border:1px solid #dcdcdc;height:28px;line-height:28px;font-size:13px; color:#474747; padding-left:5px;font-family:"돋움",dotum;float: left;}
/* 20171224 */
input.type01{height:30px;line-height:30px;}
/* .ie7 input[type="text"],
.ie7 input[type="password"]{height:20px;line-height:20px;padding:0 5px;} */
input[type="file"]{border:1px solid #e1e1e1;height:30px;}
textarea{border:1px solid #e1e1e1;line-height:18px;font-size:12px;color:#474747;padding:10px;resize:none;}
/* 20171224 */
select{height:32px; width:175px; margin:0;font-size:12px;background:#fff;border:1px solid #dcdcdc;vertical-align:middle;color:#474747;letter-spacing:-1px;}
* {-webkit-text-size-adjust:none;}
select::-ms-expand{display:none; /* IE10, 11 */}

/* 스킵네비게이션 */
.skip a{width:100%;height:100px;display:block;position:absolute;left:-5000px;top:-5000px;z-index:9999999;background:#039;text-align:center;font-size:1.3em;font-weight:bold;}
.skip a:hover,
.skip a:active,
.skip a:focus{left:0;top:0;padding:20px 0;color:#fff; outline: 2px dashed #fff; outline-offset: -4px;}
/*.skip{position:absolute;top:0;left:0;z-index:5000;width:100%;height:0;}
.skip a {display:block;overflow:hidden;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;text-align:center;font-size:0;color:#222;}
.skip a:focus, #skipNavi a:hover {width:100%;height:15px;padding:10px 0;font-size:1em;background:#222;color:#fff;z-index:5000; }*/

/* 단일클레스 */
.blind{display:block;position:absolute;left:-99999px;top:-9999px;width:1px;height:1px;font-size:1px;}
.inblick{display:inline-block !important;}
.bdr{border:0;}
.chinese{font-family:"Tahoma","MS PGothic";}  /* 사파리브라우저에서 (한문) 맑음고딕 지원하지 않음 */

/* 정렬 */
.ovh{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.cb{clear: both;}

/* 텍스트 */
.epll{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.tal{text-align:left !important;}
.tar{text-align:right;}
.tac{text-align:center;}
.letter3{letter-spacing:-3px;}
.fbd{font-weight:bold;}

/* 컬러 */
.cblue{color:#183bbe}
.cblue2{color:#102987 !important;}
.cred{color:#e40000 !important;}

/* margin top */
.mt0{margin-top:0 !important}
.mt1{margin-top:1px !important}
.mt2{margin-top:2px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt8{margin-top:8px !important}
.mt9{margin-top:9px !important}
.mt10{margin-top:10px !important}
.mt11{margin-top:11px !important}
.mt12{margin-top:12px !important}
.mt13{margin-top:13px !important}
.mt14{margin-top:14px !important}
.mt15{margin-top:15px !important}
.mt16{margin-top:16px !important}
.mt17{margin-top:17px !important}
.mt18{margin-top:18px !important}
.mt19{margin-top:19px !important}
.mt20{margin-top:20px !important}
.mt21{margin-top:21px !important}
.mt22{margin-top:22px !important}
.mt23{margin-top:23px !important}
.mt24{margin-top:24px !important}
.mt25{margin-top:25px !important}
.mt26{margin-top:26px !important}
.mt27{margin-top:27px !important}
.mt28{margin-top:28px !important}
.mt29{margin-top:29px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}
.mt120{margin-top:120px !important}
.mt150{margin-top:150px !important}


/* margin left */
.ml0{margin-left:0 !important}
.ml1{margin-left:1px !important}
.ml2{margin-left:2px !important}
.ml3{margin-left:3px !important}
.ml4{margin-left:4px !important}
.ml5{margin-left:5px !important}
.ml6{margin-left:6px !important}
.ml7{margin-left:7px !important}
.ml8{margin-left:8px !important}
.ml9{margin-left:9px !important}
.ml10{margin-left:10px !important}
.ml11{margin-left:11px !important}
.ml12{margin-left:12px !important}
.ml13{margin-left:13px !important}
.ml14{margin-left:14px !important}
.ml15{margin-left:15px !important}
.ml16{margin-left:16px !important}
.ml17{margin-left:17px !important}
.ml18{margin-left:18px !important}
.ml19{margin-left:19px !important}
.ml20{margin-left:20px !important}
.ml23{margin-left:23px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml50{margin-left:50px !important}


/* margin right */
.mr0{margin-right:0 !important}
.mr1{margin-right:1px !important}
.mr2{margin-right:2px !important}
.mr3{margin-right:3px !important}
.mr4{margin-right:4px !important}
.mr5{margin-right:5px !important}
.mr6{margin-right:6px !important}
.mr7{margin-right:7px !important}
.mr8{margin-right:8px !important}
.mr9{margin-right:9px !important}
.mr10{margin-right:10px !important}
.mr11{margin-right:11px !important}
.mr12{margin-right:12px !important}
.mr13{margin-right:13px !important}
.mr14{margin-right:14px !important}
.mr15{margin-right:15px !important}
.mr16{margin-right:16px !important}
.mr17{margin-right:17px !important}
.mr18{margin-right:18px !important}
.mr19{margin-right:19px !important}
.mr20{margin-right:20px !important}
.mr40{margin-right:40px !important}
.mr60{margin-right:60px !important}
.mr80{margin-right:80px !important}
.mr70{margin-right:70px !important}
.mr90{margin-right:90px !important}


/* margin bottom */
.mb0{margin-bottom:0 !important}
.mb1{margin-bottom:1px !important}
.mb2{margin-bottom:2px !important}
.mb3{margin-bottom:3px !important}
.mb4{margin-bottom:4px !important}
.mb5{margin-bottom:5px !important}
.mb6{margin-bottom:6px !important}
.mb7{margin-bottom:7px !important}
.mb8{margin-bottom:8px !important}
.mb9{margin-bottom:9px !important}
.mb10{margin-bottom:10px !important}
.mb11{margin-bottom:11px !important}
.mb12{margin-bottom:12px !important}
.mb13{margin-bottom:13px !important}
.mb14{margin-bottom:14px !important}
.mb15{margin-bottom:15px !important}
.mb16{margin-bottom:16px !important}
.mb17{margin-bottom:17px !important}
.mb18{margin-bottom:18px !important}
.mb19{margin-bottom:19px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb80{margin-bottom:80px !important}


/* padding top */
.pt0{padding-top:0 !important}
.pt1{padding-top:1px !important}
.pt2{padding-top:2px !important}
.pt3{padding-top:3px !important}
.pt4{padding-top:4px !important}
.pt5{padding-top:5px !important}
.pt6{padding-top:6px !important}
.pt7{padding-top:7px !important}
.pt8{padding-top:8px !important}
.pt9{padding-top:8px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}


/* padding left */
.pl0{padding-left:0 !important}
.pl1{padding-left:1px !important}
.pl2{padding-left:2px !important}
.pl3{padding-left:3px !important}
.pl4{padding-left:4px !important}
.pl5{padding-left:5px !important}
.pl6{padding-left:6px !important}
.pl7{padding-left:7px !important}
.pl8{padding-left:8px !important}
.pl9{padding-left:9px !important}
.pl10{padding-left:10px !important}
.pl12{padding-left:12px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}
.pl50{padding-left:50px !important}
.pl60{padding-left:60px !important}


/* padding right */
.pr0{padding-right:0px !important}
.pr1{padding-right:1px !important}
.pr2{padding-right:2px !important}
.pr3{padding-right:3px !important}
.pr4{padding-right:4px !important}
.pr5{padding-right:5px !important}
.pr6{padding-right:6px !important}
.pr7{padding-right:7px !important}
.pr8{padding-right:8px !important}
.pr9{padding-right:9px !important}
.pr10{padding-right:10px !important}
.pl12{padding-right:12px !important}
.pl18{padding-left:18px !important;}
.pl20{padding-right:20px !important}
.pl30{padding-right:30px !important}
.pl40{padding-right:40px !important}
.pl50{padding-right:50px !important}
.pl60{padding-right:60px !important}


/* padding bottom */
.pb0{padding-bottom:0 !important}
.pb1{padding-bottom:1px !important}
.pb2{padding-bottom:2px !important}
.pb3{padding-bottom:3px !important}
.pb4{padding-bottom:4px !important}
.pb5{padding-bottom:5px !important}
.pb6{padding-bottom:6px !important}
.pb7{padding-bottom:7px !important}
.pb8{padding-bottom:8px !important}
.pb9{padding-bottom:9px !important}
.pb10{padding-bottom:10px !important}
.pb11{padding-bottom:11px !important}
.pb12{padding-bottom:12px !important}
.pb13{padding-bottom:13px !important}
.pb14{padding-bottom:14px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}



/* 너비 */
.w100p{width:100%;}
.w90p{width:90%;}
.w50{width:50px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w80{width:80px;}
.w82{width:82px;}
.w90{width:90px;}
.w106{width:106px;}
.w135{width:135px;}
.w150{width:150px;}
.w187{width:187px;}
.w226{width:226px;}
.w230{width:230px;}
.w240{width:240px;}
.w265{width:265px;}
.w193{width:193px;}
.w198{width:198px;}
.w350{width:350px;}
.w368{width:368px;}
.w405{width:405px;}
.w440{width:440px;}
.w442{width:442px;}
.w464{width:464px;}
.w550{width:550px;}
.w582{width:582px;}
.w620{width:620px;}
.w635{width:635px;}
.w770{width:770px;}
.w890{width:890px;}
.w950{width:950px;}
.w980{width:980px;}


/* 높이 */
.h50{height:50px !important;}
.h72{height:72px !important;}
.h132{height:132px !important;}
.h168{height:168px;}
.h385{height:385px;}

/* 기본버튼 */
.btn{display:block;text-align:center;}
.btn2{display:block;text-align:center;}
.btn.white_s{width:60px;background:url("/images/egovframework/com/main/btn/btn_white_s.jpg") no-repeat 0 0;}
.btn.white_m{/*width:82px;background:url("/images/egovframework/com/main/btn/btn_white_m.jpg") no-repeat 0 0;*/}
.btn.white_mm{width:41px;background:url("/images/egovframework/com/main/btn/btn_white_mm.jpg") no-repeat 0 0;}
.btn.white_s,
.btn.white_m,
.btn.white_mm{color: #555;padding: 2px 5px 3px;border: 1px solid #9f9f9f;margin-left: 5px;font-size: 13px;float: left;}

/* 명도대비 수정 .btn_s{height:32px;line-height:32px;background:#e88282;color:#fff;padding: 0px 15px;}*/
.btn_s{height:32px;line-height:32px;background:#bc5555;color:#fff;padding: 0px 15px;}
.btn.gray_s{height:32px;line-height:32px;background:#549e26;color:#fff;padding: 0px 10px;}
.btn.gray_s1{height:62px;line-height:62px;background:#549e26;color:#fff;padding: 0px 10px;font-size: 26px;}
.btn.gray_xs{height:32px;line-height:32px;background:#549e26;color:#fff;padding: 0px 10px;font-size:13px;}/* width:60px;background:url("/images/egovframework/com/main/btn/btn_gray_xs.jpg") no-repeat 0 0; */
.btn.green_s{height:32px;line-height:32px;background:#1f8041;color:#fff;padding: 0px 10px;} 
.btn.blue_m{color: #fff;padding: 5px 9px 7px;background:#269e94;margin-left: 5px;font-size: 13px;float: left;}
.btn.blue_m_b{color: #fff;padding: 2px 6px 4px;background:#37790e;margin: 1px;font-size: 13px;float: left;cursor:pointer;border-radius: 10px;}
.icobox01,.icobox02,.icobox03,.icobox04{color:#fff;width:28px;height:14px;line-height:15px;font-family: 'Noto Sans KR', sans-serif;font-size:11px;}
.icobox01{background:url("/images/egovframework/com/main/btn/iocbox01.png") no-repeat 0 0;}
.icobox02{background:url("/images/egovframework/com/main/btn/iocbox02.png") no-repeat 0 0;}
.icobox03{background:url("/images/egovframework/com/main/btn/iocbox03.png") no-repeat 0 0;}
.icobox04{background:url("/images/egovframework/com/main/btn/iocbox04.png") no-repeat 0 0;}

/* 기본버튼 이벤트 */
.btn_s:hover{background-color:#d27a7a;}
.btn.white_s:hover,
.btn.white_m:hover,
.btn.white_mm:hover{background-color:#f7f7f6;}

.btn.gray_s:hover,
.btn.gray_xs:hover{background-color:#434343;}


/* btn 추가 */
.btn.green_m{height:22px;line-height:22px;background:#269e50;color:#fff;padding: 0px 10px;font-size: 13px;}
.btn.red_m{height:22px;line-height:22px;background:#e40000;color:#fff;padding: 0px 10px;font-size: 13px;}

/* btn 추가 이벤트 */
.btn.green_m:hover{background-color:#1d793d;}
.btn.red_m:hover{background-color:#b10000;}

/* 서브탭메뉴 */
.tabMenu{overflow:hidden;}
.tabMenu > li{width:78px;float:left;margin-left:3px;margin-top:3px;border:2px solid #dcdcdc;}
.tabMenu > li:first-child{margin-left:0;}
.tabMenu > li.ml0{margin-left:0;}
.tabMenu > li > a{height:30px;line-height:17px;padding:16px 0 0;display:block;text-align:center;color:#aaaaaa;font-size:15px;}
.tabMenu > li.line2 > a{height:38px;padding-top:8px;}
.tabMenu > li.on{border-color:#535353;color:#535353;}
.tabMenu > li.on > a{color:#535353;}

/* 게시판 페이징 */
.paging{height:18px;line-height:18px;text-align:center;font-family: 'Noto Sans KR', sans-serif;}
.paging *{vertical-align:middle;}
.paging a{margin:0 6px;}
.paging a.on{font-weight:bold;}
.paging .start, .paging .prev, .paging .next, .paging .end{margin:0 0;}

/* 서브페이지 타이틀 */
.sub_titArea{height:24px;overflow:hidden;padding-bottom:5px;border-bottom:1px solid #a9a9a9;}
.sub_titArea h3.tit{height:24px;line-height:24px;float:left;color:#434343;font-weight:bold;font-size:18px;}

/* 서브페이지 우측상단 SNS 버튼 */
.subsns{overflow:hidden;float:right;padding:12px 0;}
.subsns a{width:27px;height:25px;line-height:25px;float:left;margin-left:2px;display:block;text-align:center;text-indent: -9999px;}
.subsns a:first-child{margin-left:0; text-indent: unset;}
.subsns a:hover,
.subsns a.on{}
.subsns a img{vertical-align:top;}
.subsns a.sns1{background:url("/images/egovframework/com/main/btn/btn_sns.png") no-repeat left center;}
.subsns a.sns2{background:url("/images/egovframework/com/main/btn/btn_sns.png") no-repeat -29px center;}
.subsns a.sns3{background:url("/images/egovframework/com/main/btn/btn_sns.png") no-repeat -58px center;}
.subsns a.sns4{background:url("/images/egovframework/com/main/btn/btn_sns.png") no-repeat -87px center;}
.subsns a.sns5{background:url("/images/egovframework/com/main/btn/btn_sns.png") no-repeat right center;}

.nameArea ul{overflow:hidden;}
.nameArea ul li{height:28px;line-height:28px;float:left;}
.nameArea ul li:first-child{margin-right:8px;padding-right:8px;background:url("/images/egovframework/com/main/img/star_line.jpg") no-repeat right 10px;}
.starArea ul{overflow:hidden;font-family: 'Noto Sans KR', sans-serif;}
.starArea ul li{height:24px;float:left;}
div.star_area{height:10px;margin-top:3px;}
div.star_area a{float:left;display:block;width:11px;height:10px;}
div.star_area:after{content:""; display:block; clear:both;}
.starArea ul li:first-child{margin-right:5px;padding-right:5px;background:url("/images/egovframework/com/main/img/star_line.jpg") no-repeat right center;}
.starArea ul li:first-child + li{margin-right:10px;}
.starArea ul li span{display:block;margin-top:6px;}
.starPoint{width:59px;height:10px;display:block;overflow:hidden;background:url("/images/egovframework/com/main/img/star_point.png") no-repeat 0 0;}
.starPoint.st1{background-position:0 -11px;}
.starPoint.st2{background-position:0 -22px;}
.starPoint.st3{background-position:0 -33px;}
.starPoint.st4{background-position:0 -44px;}
.starPoint.st5{background-position:0 -55px;}

/* 게시물 검색 */
.topSearch{/* height:21px; */padding:14px;overflow:hidden;background:#f5f5f5;border-top:2px solid #535353;border-bottom:1px solid #a9a9a9;}
.topSearch ul{overflow:hidden;}
.topSearch ul li{float:left;/* margin-left:5px; */}
.topSearch ul li:first-child{margin-left:0;}
.topSearch ul li strong{display:block;margin-top:4px;}
.couponTip{padding:10px 0 10px 26px;border-bottom:1px solid #dcdcdc;background:#f5f5f5 url("/images/egovframework/com/main/icon/arr_right.png") no-repeat 10px center;}

/* 사진리스트 타입1 */
/* 산과 공원의 한컷 포토리스트 */
.photo_list_type1{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	overflow:hidden;
}
.photo_list_type1 li{position:relative;width:336px;height:200px;margin:0 7px;margin-top:10px;padding:10px;border-bottom:2px solid #01c73c;}
.photo_list_type1 li .thum{height:200px;display:block;text-align:center;overflow:hidden;}
.photo_list_type1 li .thum img{width:100%;vertical-align:top;}
.photo_list_type1 li .text{overflow:hidden;margin-top:10px;margin-bottom:5px;}
.photo_list_type1 li .text p{overflow: hidden;}
.photo_list_type1 li .text strong,
.photo_list_type1 li .text span{display:block;padding:1px 0}
.photo_list_type1 li .text strong{font-size:15px;}
.photo_list_type1 li .text span{margin-top:7px;color:#898989;}
.photo_list_type1 li .text p span{margin-top:7px;color:#898989;float:left;}
.photo_list_type1 li .text a{margin-top:8px;} 
.photo_list_type1 li .text p span.user{float:right;}
.photo_list_type1 li .text p span.title{width: 90%;color:#434343;margin-top:0px;}
.photo_list_type1 li .text p span.count{float:right;margin-top:0px;}
.photo_list_type1 .timeBg,
.photo_list_type1 .timeText{display:block;position:absolute;right:15px;top:148px;width:40px;height:14px;}
.photo_list_type1 .timeBg{background:#000;opacity:0.8;filter: alpha(opacity=80);}
.photo_list_type1 .timeText{text-align:center;line-height:14px;color:#fff;font-weight:bold;font-family: 'Noto Sans KR', sans-serif;font-size:11px;}
.photo_list_type1 .cstW li { width: 356px;height: 220px;padding:0px;}
.photo_list_type1 .cstW li .thum {height:176px;}
.photo_list_type1 .cstW li .text{background: url('/images/egovframework/com/main/img/overlay.png') repeat 0 0;padding:10px;margin:0px;}


/* 사진리스트 타입1 */
/* 통합검색 현장스케치 */
.photo_list_type11{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	overflow:hidden;
}
.photo_list_type11 li{position:relative;width:336px;min-height:230px; height:auto;margin:0 7px;margin-top:10px;padding:10px;border-bottom:2px solid #01c73c;}
.photo_list_type11 li .thum{height:200px;display:block;text-align:center;overflow:hidden;}
.photo_list_type11 li .thum img{width:100%;height:186px;vertical-align:top;}
.photo_list_type11 li .text{overflow:hidden;margin-top:10px;margin-bottom:5px;}
.photo_list_type11 li .text p{overflow: hidden;}
.photo_list_type11 li .text strong,
.photo_list_type11 li .text span{display:block;padding:1px 0}
.photo_list_type11 li .text strong{font-size:15px;}
.photo_list_type11 li .text span{margin-top:7px;color:#898989;}
.photo_list_type11 li .text p span{margin-top:7px;color:#898989;float:left;}
.photo_list_type11 li .text a{margin-top:8px;} 
.photo_list_type11 li .text p span.user{float:right;}
.photo_list_type11 li .text p span.title{width: 90%;color:#434343;margin-top:0px;}
.photo_list_type11 li .text p span.count{float:right;margin-top:0px;}
.photo_list_type11 .timeBg,
.photo_list_type11 .timeText{display:block;position:absolute;right:15px;top:148px;width:40px;height:14px;}
.photo_list_type11 .timeBg{background:#000;opacity:0.8;filter: alpha(opacity=80);}
.photo_list_type11 .timeText{text-align:center;line-height:14px;color:#fff;font-weight:bold;font-family: 'Noto Sans KR', sans-serif;font-size:11px;}
.photo_list_type11 .cstW li { width: 356px;height: 220px;padding:0px;}
.photo_list_type11 .cstW li .thum {height:176px;}
.photo_list_type11 .cstW li .text{background: url('/images/egovframework/com/main/img/overlay.png') repeat 0 0;padding:10px;margin:0px;}

.photo_list_type2{overflow:hidden;}
.photo_list_type2 li{width:244px;float:left;margin-left:15px;margin-top:10px;}
.photo_list_type2 li .thum{position:relative;width:100%;height:172px;display:block;}
.photo_list_type2 li .thum img{width:244px;vertical-align:top;}
.photo_list_type2 li .thum span{display:block;height:43px;line-height:43px;text-align:center;border:1px solid #dadada;color:#434343;font-size:15px;}
.photo_list_type2 li .thum em.bg{position:absolute;left:0;top:0;width:56px;height:126px;display:block;background:#000;opacity:0.5;filter: alpha(opacity=50);}
.photo_list_type2 li .thum i.num{position:absolute;left:0;top:8px;width:56px;height:57px;line-height:57px;padding:1px 0;text-align:center;display:block;color:#dadada;font-size:70px;}

.photo_list_type3 > li{overflow:hidden;padding:20px 0;border-bottom:1px solid #a9a9a9;}
.photo_list_type3 > li > a{display:block;}
.photo_list_type3 > li > a > img{vertical-align:top;height:150px;width:200px;}

.photo_list_type4 > li{overflow:hidden;margin-top:20px;}
.photo_list_type4 > li:first-child{margin-top:0;}
.photo_list_type4 > li img{float:left;}
.photo_list_type4 > li div{width:536px;height:140px;float:right;}
.photo_list_type4 > li strong{display:block;font-size:18px;}
.photo_list_type4 > li span{font-size:15px;font-weight:normal;}
.photo_list_type4 > li p{margin-top:20px;line-height:17px;}
/* 생태정보 레이어팝업 포토리스트 */
.photo_list_type5{overflow:hidden; }
.photo_list_type5 li{position:relative;width:200px;height:191px;float:left;margin-left:15px;margin-top:10px;padding:10px;border-bottom:2px solid #01c73c;}
.photo_list_type5 li .thum{height:134px;display:block;text-align:center;overflow:hidden;}
.photo_list_type5 li .thum img{width:100%;vertical-align:top;}
.photo_list_type5 li .text{overflow:hidden;margin-top:5px;margin-bottom:5px;}
.photo_list_type5 li .text p{overflow: hidden;}
.photo_list_type5 li .text strong,
.photo_list_type5 li .text span{display:block;padding:1px 0}
.photo_list_type5 li .text strong{font-size:15px;}
.photo_list_type5 li .text span{margin-top:7px;color:#898989;}
.photo_list_type5 li .text p span{margin-top:7px;color:#898989;float:left;}
.photo_list_type5 li .text a{margin-top:8px;} 
.photo_list_type5 li .text p span.user{float:right;}
.photo_list_type5 li .text p span.title{width: 90%;color:#434343;margin-top:0px;}
.photo_list_type5 li .text p span.count{float:right;margin-top:0px;}
.photo_list_type5 .timeBg,
.photo_list_type5 .timeText{display:block;position:absolute;right:15px;top:148px;width:40px;height:14px;}
.photo_list_type5 .timeBg{background:#000;opacity:0.8;filter: alpha(opacity=80);}
.photo_list_type5 .timeText{text-align:center;line-height:14px;color:#fff;font-weight:bold;font-family: 'Noto Sans KR', sans-serif;font-size:11px;}
.photo_list_type5 .cstW li { width: 356px;height: 220px;padding:0px;}
.photo_list_type5 .cstW li .thum {height:176px;}
.photo_list_type5 .cstW li .text{background: url('/images/egovframework/com/main/img/overlay.png') repeat 0 0;padding:10px;margin:0px;}
/* 현장스케치 포토리스트 */
.photo_list_type6{overflow:hidden;}
.photo_list_type6 li{position:relative;width:336px;height:200px;float:left;margin-left:15px;margin-top:10px;padding:10px;border:1px solid #dadada;}
.photo_list_type6 li .thum{height:145px;display:block;text-align:center;overflow:hidden;}
.photo_list_type6 li .thum img{width:100%;vertical-align:top;}
.photo_list_type6 li .text{overflow:hidden;margin-top:10px;margin-bottom:5px;}
.photo_list_type6 li .text p{overflow: hidden;}
.photo_list_type6 li .text strong,
.photo_list_type6 li .text span{display:block;padding:1px 0}
.photo_list_type6 li .text strong{font-size:15px;}
.photo_list_type6 li .text span{margin-top:7px;color:#898989;}
.photo_list_type6 li .text p span{margin-top:7px;color:#898989;float:left;}
.photo_list_type6 li .text a{margin-top:8px;} 
.photo_list_type6 li .text p span.user{float:right;}
.photo_list_type6 li .text p span.title{width: 90%;color:#434343;margin-top:0px;color:#fff;}
.photo_list_type6 li .text p span.count{float:right;margin-top:0px;}
.photo_list_type6 .timeBg,
.photo_list_type6 .timeText{display:block;position:absolute;right:15px;top:148px;width:40px;height:14px;}
.photo_list_type6 .timeBg{background:#000;opacity:0.8;filter: alpha(opacity=80);}
.photo_list_type6 .timeText{text-align:center;line-height:14px;color:#fff;font-weight:bold;font-family: 'Noto Sans KR', sans-serif;font-size:11px;}
/*tylpe1 추가커스텀*/
.photo_list_type6.cstW li { width: 356px;height: 220px;padding:0px;}
.photo_list_type6.cstW li .thum {height:176px;}
.photo_list_type6.cstW li .text{background: url('../images/img/overlay.png') repeat 0 0;padding:10px;margin:0px;}

/* 테이블 */
.imgDown{overflow:hidden;height:24px;line-height:24px;}
.imgDown span{display:block;padding:1px 0;float:left;}
.imgDown a{float:right;}

.starTit{border-bottom:1px solid #535353;}
.starTit > li:first-child{height:28px;line-height:28px;padding-left:10px;background:#737373;color:#fff;font-size:15px;}
.starTit > li:first-child a{color:#fff;font-size:15px;}

.tables_st1{border-top:2px solid #535353;}
.tables_st1 table tbody tr th,
.tables_st1 table tbody tr td{padding:10px 0;border-bottom:1px solid #dcdcdc;}
.tables_st1 table tbody tr th{background:#f5f5f5;}
.tables_st1 table tbody tr td{padding-left:10px; padding-right:10px;}

.tables_st2{border-top:1px solid #dcdcdc;}
.tables_st2 table tbody tr th,
.tables_st2 table tbody tr td{padding:10px 0;border-bottom:1px solid #dcdcdc;}
.tables_st2 table tbody tr th{background:#f5f5f5;text-align:left;}
.tables_st2 table tbody tr th a{display:block;padding-left:40px;}
.tables_st2 table tbody tr th .prev a{background:url("/images/egovframework/com/main/btn/table_prev.jpg") no-repeat 24px center;}
.tables_st2 table tbody tr th .next a{background:url("/images/egovframework/com/main/btn/table_next.jpg") no-repeat 24px center;}
.tables_st2 table tbody tr td{padding-left:20px;}

.tables_st3{color:#434343;}
.tables_st3 table tbody tr th,
.tables_st3 table tbody tr td{padding:3px 0 0 20px;text-align:left;line-height:19px;vertical-align:top;word-break:break-all;
/*white-space:pre-wrap;*/}
/* 명도대비 수정 .tables_st3 table tbody tr th{padding-left:10px;padding-top:3px;height:26px;background:#bababa;color:#fff;border-top:1px solid #fff;vertical-align:top;}*/
.tables_st3 table tbody tr th{padding-left:10px;padding-top:3px;height:26px;background:#bababa;color: #434343;border-top:1px solid #fff;vertical-align:top;font-weight: normal;}

.tables_st4 table thead tr th,
.tables_st4 table tbody tr td{padding:6px 0;text-align:center;}
.tables_st4 table thead tr th{background:#f5f5f5;}
.tables_st4 table tbody tr td{border-bottom:1px solid #dcdcdc;line-height:15px;}
.tables_st4 table tbody tr td a{display:block;color:#434343;}

.tables_st5{border-top:2px solid #535353;font-size:14px;line-height: 16px;}
.tables_st5 table tbody tr th,
.tables_st5 table tbody tr td{padding:6px 2px 6px 2px;border-bottom:1px solid #dcdcdc;}
.tables_st5 table tbody tr td{padding:6px 0 6px 10px;}
.tables_st5 table tbody tr th{background:#f5f5f5;}

.tables_st6{border-top:1px solid #a9a9a9;border-bottom:1px solid #dcdcdc;}
.tables_st6 table thead tr th,
.tables_st6 table tbody tr td{padding:10px 0;border-top:1px solid #dcdcdc;}
.tables_st6 table thead tr th{background:#f5f5f5;}
.tables_st6 table tbody tr td{text-align:center;}

.pb_border{border-bottom:1px solid #dcdcdc;}

/* 겔러리 */
.galleryBox{position:relative;width:300px;height:254px;}
.galleryBox img{vertical-align:top;}
.galleryBox .bigImg img{display:none;}
.galleryBox .bigImg img.on{display:block;}
.galleryBox .galleryBtn{overflow:hidden;margin-top:4px;}
.galleryBox .galleryBtn > li{float:left;margin-left:4px;}
.galleryBox .galleryBtn > li:first-child{margin-left:0;}
.galleryBox .galleryBtn > li > a{display:block;}
.galleryBox .g_prev,
.galleryBox .g_next{position:absolute;top:0;width:20px;height:200px;display:block;}
.galleryBox .g_prev img,
.galleryBox .g_next img{margin-top:66px;}
.galleryBox .g_prev{left:10px;}
.galleryBox .g_next{right:10px;}

.fl_leftbox{overflow:hidden;}
.fl_leftbox li{float:left;line-height:24px;margin-left:10px;}
.fl_leftbox li:first-child{margin-left:0;}
.fl_leftbox_st1{overflow:hidden;}
.fl_leftbox_st1 li{float:left;margin-left:10px;}

.boardBtnset li{float:left;margin-left:4px;}
.boardBtnset li:first-child{margin-left:4px;}
.galleryList > li{border-bottom:1px solid #a9a9a9;padding-bottom:20px;margin-bottom:20px;}

.map{width:100%;height:300px;}


.pageList01 { padding: 20px 0 0; text-align: center;}
.pageList01 ul { font: 0pt/0 arial; list-style: none outside none; margin: 0; padding: 0;  vertical-align: middle;}
.pageList01 ul li.first { background: none repeat scroll 0 0 transparent; font: 0pt/0 arial; padding: 2px 4px 0 0; vertical-align: 4px;}
.pageList01 ul li a { color: #323232;}
.pageList01 ul li.first img, .pageList01 ul li.pre img { margin: 0 0 0; vertical-align: middle;}
.pageList01 ul li.next img, .pageList01 ul li.last img { margin: -2px 0 0; vertical-align: middle;}
.pageList01 ul li.pre { font: 0pt/0 arial; padding: 2px 4px 0 0; vertical-align: 4px;}
.pageList01 ul li { background: no-repeat scroll right top transparent; display: inline-block; font: bold 12px tahoma; height: 17px; margin: 0; min-width: 7px; padding: 0 8px 0 9px;}
.pageList01 ul li.next { background: none repeat scroll 0 0 transparent; font: 0pt/0 arial; padding: 0 0 0 4px; vertical-align: middle;}
.pageList01 ul li.last { background: none repeat scroll 0 0 transparent; font: 0pt/0 arial; padding: 0 0 0 4px; vertical-align: middle;}
.pageList01 ul li strong { color: #0082E2; text-decoration: underline;}







div.tab_box {position:relative;}
div.tab_box table{  table-layout: auto;}
div.tab_box ul.tab {height:37px;border-bottom:1px solid #dcdcdc;}
div.tab_box ul.tab li {float:left;}
div.tab_box ul.tab li h3 a{top:0;width:150px;height:35px;line-height:35px;border-right:1px solid #dcdcdc;background:#fafafa;border-top:2px solid #183bbe;border-bottom:1px solid #dcdcdc;text-align:center;display:block}
div.tab_box ul.tab li h3.tab01 a{border-left:1px solid #dcdcdc;}
div.tab_box ul.tab li h3.tab01 a.on{background:#fff;border-bottom:1px solid #fff;font-weight:bold}
div.tab_box ul.tab li h3.tab02 a{line-height:0px;background:0 0 no-repeat url("/images/egovframework/com/main/img/sns01.jpg");}
div.tab_box ul.tab li h3.tab02 a.on{background:center 0 no-repeat url("/images/egovframework/com/main/img/sns01_on.jpg")#1cb8eb;line-height:0px;text-indent:-5000px;border-bottom:1px solid #1cb8eb;}
div.tab_box ul.tab li h3.tab03 a.on{background:center 0 no-repeat url("/images/egovframework/com/main/img/sns02_on.jpg")#3c5a9a;line-height:0px;text-indent:-5000px;border-bottom:1px solid #3c5a9a;}
div.tab_box ul.tab li h3.tab04 a.on{background:center 0 no-repeat url("/images/egovframework/com/main/img/sns03_on.jpg")#638c0a;line-height:0px;text-indent:-5000px;border-bottom:1px solid #638c0a;}


/* 트위터  */
.contents_left .tab_box .tab_01 table.sns tr {border-bottom:1px solid #ebebeb;}
.contents_left .tab_box .tab_01 table.sns td {padding:10px 0;}
.contents_left .tab_box .tab_01 table.sns td.thum {text-align:center; vertical-align:top;}
.contents_left .tab_box .tab_01 table.sns td.sns_txt span.sns_name {color:#333; font-weight:bold; font-size:14px;}
.contents_left .tab_box .tab_01 table.sns td.sns_txt span.sns_org {color:#999; font-size:12px; margin-left:5px;}
.contents_left .tab_box .tab_01 table.sns td.sns_txt p.sns_memo {padding:5px 0; line-height:18px; font-size:14px;}
.contents_left .tab_box .tab_01 table.sns td.sns_txt  a{color:#23abe9}
.contents_left .tab_box .tab_01 table.sns td.sns_txt  b a{color:#333}
.contents_left .tab_box .tab_01 table.sns td.sns_txt img {vertical-align:middle;}

.mainSection .section06 > div > p.snsbtn > a.sns00{right:0px;top:0;cursor:pointer}
.sns_area{display:block;padding:5px 8px 5px;border-bottom:1px solid #ddd;position: relative;}
.sns_area:after{content:"";display:block;clear:both;}
.sns_area span{display:block; float:left;line-height:13px;}
.sns_area span.fir_img{margin-right:8px;}
.sns_area span.sec_area{}
.sns_area span.sec_area em.thir{ position: absolute;top:5px;right:8px;width:100px;height:12px;font-size:11px;text-align:right}
.sns_area span.text_ar{clear:both; height:13px;overflow:hidden;margin-top:5px;}
.sns_area span em{display:block;font-family: 'Noto Sans KR', sans-serif;}
.sns_area span em.fir{font-weight:bold;line-height: 16px;color:#000}
.sns_area span em.sec{color:#959595;}



/* 프린트 & 이메일 버튼 */
.sub_group{margin-right:10px;}
.sub_group .sub_print{width:65px;background: url('/images/egovframework/com/main/btn/btn_print.png') no-repeat left center;margin-right:3px;}
.sub_group .sub_email{width:65px;background: url('/images/egovframework/com/main/btn/btn_email.png') no-repeat left center;}

.view_more {padding-top: 15px;text-align: center;}
.view_more a {height: 32px;line-height: 32px;display: inline-block;padding:0 10px 0 25px;font-size: 13px;background: #269e94 url('/images/egovframework/com/main/icon/ico_more.png') no-repeat 10px 12px;background-size:8px;color:#fff;}


/*상단 광고 배너*/
.t_banner_wrap { position:relative; height:91px; text-align:center; background:#fff; border-bottom:1px solid #dbdbdb; box-sizing:border-box; z-index:1; } /* height:91px; */
.t_banner_wrap > .img { position:relative; width:100%; height:100%; overflow:hidden; }
.t_banner_wrap > .img > a { display:block; width:100%; height:100%; }
.t_banner_wrap > .img > a > img { position:absolute; left:50%; top:0; transform:translateX(-50%); }
.t_banner_wrap > .t_close { position:absolute; right:50%; bottom:5px; width:150px; margin-right:-576px; padding:3px 2px 5px; background:rgba(0,0,0,0.5); border-radius:6px; overflow:hidden; }
.t_banner_wrap > .t_close label { font-size:12px; color:#fff; }
.t_banner_wrap > .t_close input[type='checkbox']:checked + label:before { width:10px; height:10px; background: #fff url("/images/icon_input_checked_m.png") no-repeat 50% 50%; background-size:10px auto; margin-top:1px;}
.t_banner_wrap > .t_close input[type='checkbox'] + label span { font-size: 12px;;}
.t_banner_wrap > .t_close input[type='checkbox'] + label:before { width:10px; height: 10px; margin-left:-5px; margin-right:4px; }
.t_banner_wrap > .t_close input[type='checkbox']:focus + label:before {outline: 3px dotted #ff0000;/* outline:-webkit-focus-ring-color:5px; */}
.t_banner_wrap > .t_close .btn_close { width:24px; height:24px; display:inline-block; background:url("/images/btn_allmenu_close.png") no-repeat center center; background-size:50% auto; border:0; vertical-align: middle}
.t_banner_wrap > .btn_transparent { display: block;position:absolute; left:50%; top:0; width:140px;height: 90px;margin-left:-550px; background:transparent;z-index: 2; text-indent: -9999em}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
/*상단 광고 배너 - 텍스트로 뜰때*/
.t_banner_wrap.layer_over { position:absolute; top:0; width:100%; min-width:100%; z-index:2; }
.t_banner_wrap.layer_over > .img > img { position:absolute; left:50%; top:0; transform:translateX(-50%); }
/* 2019-09-20 안내레이어 여백 조정 */
.div_emergency { position:relative; width:100%; min-height:90px; text-align:center; background:#007fcd; box-sizing:border-box; overflow:hidden; z-index:10; }
.div_emergency > .emergency_box { position:relative; width:auto; max-width:1150px; margin:0 auto; padding:10px 0 30px; box-sizing:border-box; overflow:hidden; } 
.div_emergency > .emergency_box > h1,
.div_emergency > .emergency_box > h2 { margin-bottom:5px; font-size:20px; color:#f0f536; font-weight:700; }
.div_emergency > .emergency_box > h2 a {color: #f0f536;text-decoration: underline;}
.div_emergency > .emergency_box .emer_cnts { font-size:15px; color:#fff; font-weight:400; line-height:1.5; } /* 2019-03-06 mod font-size */
.div_emergency > .emergency_box .emer_cnts a {color: #fff;text-decoration: underline}
.div_emergency > .emergency_box .emer_date { margin-top:0px; font-size:15px; color:#f3f538; font-weight:400; } /* 2019-03-06 mod font-size */
.div_emergency > .emergency_box .emer_date a {color:#f3f538;text-decoration: underline}
.div_emergency > .emergency_box .emer_close { position:absolute; left:50%; width:150px; padding:3px 2px 3px; text-align:right; background:rgba(0,0,0,0.5); border-radius:6px; overflow:hidden; transform:translateX(-50%);}
.div_emergency > .emergency_box .emer_close label { font-size:12px; color:#fff; }
.div_emergency > .emergency_box .emer_close input[type='checkbox'] + label span { font-size: 12px;}
.div_emergency > .emergency_box .emer_close input[type='checkbox'] + label:before { width:10px; height:10px; margin-left:-5px; margin-right:4px; }
.div_emergency > .emergency_box .emer_close input[type='checkbox']:checked + label:before { width:10px; height:10px; background: #fff url("/images/icon_input_checked_m.png") no-repeat 50% 50%; background-size:10px auto; margin-top:1px;}
.div_emergency > .emergency_box .emer_close input[type='checkbox']:focus + label:before {outline: 1px dashed #ffff00;/* outline:-webkit-focus-ring-color:5px; */}
.div_emergency > .emergency_box .emer_close .btn_close { width:24px; height:24px; display:inline-block; background:url("/images/btn_allmenu_close.png") no-repeat center center; background-size:9px auto; border:0; vertical-align:middle;}