/* common */

img{max-width:100%;}

@media all and (min-width:768px){
	.onlyMobile{display:none;}
}
@media all and (max-width:767px){
	.onlyWeb{display:none;}
}

/* contents */
.scrollbar::-webkit-scrollbar {-webkit-appearance: none;}
.scrollbar::-webkit-scrollbar:vertical {width: 6px;}
.scrollbar::-webkit-scrollbar:horizontal {height: 10px;}
.scrollbar::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border-radius: 10px; opacity:0.5;}
.scrollbar::-webkit-scrollbar-track {border-radius: 10px; background-color: #eee;}


.con-title{font-size:22px; line-height:1.25em; font-weight:600; color:#151515; margin-bottom:15px; background:url(../img/common/i_contitle.png) left 7px no-repeat; padding:0 0 0 25px; }
.con-title .small{font-size:18px;}

.con-wrap{position:relative;}
.con-wrap + .con-wrap,
.con-wrap + .con-title{margin-top:80px;}
.con-title + .con-wrap{margin-top:10px;}

.con-wrap.base > *{margin-bottom:25px;}
.con-wrap.base > *:last-child{margin-bottom:0;}

.md-title{font-size:18px; font-weight:500; margin-bottom:15px; }

.md-wrap + .md-title{margin-top:30px;}

.list-dot{margin:3px 0;}
.list-dot > li{position:relative; padding-left:12px; line-height:1.5em;}
.list-dot > li + li{margin-top:3px;}
.list-dot > li:before{display:block;content:'';width:3px;height:3px;border-radius:2px; background-color:#494949; position:absolute;left:0;top:11px;}
.list-dot > li > ul{padding:5px 0;}
.list-dot > li > ol{padding-top:5px;padding-bottom:5px;}
.list-dot.gap > li + li{margin-top:15px;}
.list-dot .row-inline{display:flex;}
.list-dot .row-inline > .lb{flex-shrink:0; margin-right:5px;}

.list-dash{margin:3px 0;}
.list-dash > li{position:relative; padding-left:12px; box-sizing:border-box; line-height:1.5em;}
.list-dash > li:before{content:'- '; position:absolute;left:0;top:0;}
.list-dash > li + li{margin-top:3px;}
.list-dash > li > ul{padding:5px 0;}
.list-dash > li > ol{padding-top:5px;padding-bottom:5px;}

.list-bullet{margin:3px 0;}
.list-bullet > li{position:relative; padding-left:20px; line-height:1.5em; margin-bottom:10px;}
.list-bullet > li:last-child{margin-bottom:0;}
.list-bullet > li:before{display:block;content:'';width:11px;height:11px;border:2px solid #60B44B; box-sizing:border-box; position:absolute;left:0; top:7px;}

.list-bullet .item-lb{font-size:18px; font-weight:500;}
.list-bullet.txt-middle > li:before{top:8px;}

.list-num.gap > li{margin-bottom:10px;}

.i-dot{position:relative; padding-left:10px;}
.i-dot:before{display:block;content:'';width:3px;height:3px;border-radius:2px; background-color:#333; position:absolute;left:0;top:11px;}

.i-dash{position:relative; padding-left:10px;}
.i-dash:before{content:'- '; position:absolute;left:0;top:0;}

p.refer{font-size:15px;}
.i-refer{position:relative;padding-left:20px;}
.i-refer:before{display:block;content:'※'; position:absolute;left:0;top:0;}

.txt-red{color:#de2424 !important;}
.txt-orange{color:#F07804;}
.txt-blue{color:#4069B4;}
.txt-green{color:#60B44B;}

.txt-small{font-size:14px;}
.txt-middle{font-size:18px;}
.txt-big{font-size:22px;}
.txt-bold{font-weight:600;}

a.txt-link{text-decoration:underline;}

.con-table{border-top:2px solid #606d97;}
.con-table table{width:100%; table-layout:fixed;}
.con-table table thead th{border:1px solid #e1e1e1; text-align:center; padding:8px 5px; background-color:#f6f6f6; color:#3d51a6; line-height:1.16em;}
.con-table table thead tr th:first-child{border-left:none;}
.con-table table thead tr th:last-child{border-right:none;}
.con-table table thead tr:first-child th{border-top:none;}
.con-table table tbody th{border:1px solid #e1e1e1;text-align:center; padding:10px 5px; font-weight:600; line-height:1.25em;}
.con-table table tbody th.bg{background-color:#f3f6f7;}
.con-table table tbody td{border:1px solid #e1e1e1; text-align:center; padding:12px 15px; line-height:1.5em;}
.con-table table tbody tr td:last-child{border-right:none;}
.con-table table tbody tr td:first-child{border-left:none;}
.con-table table tbody tr th:first-child{border-left:none;}
.con-table table tbody tr:first-child th,
.con-table table tbody tr:first-child td{border-top:none;}
.con-table .type-row tbody th{text-align:center;padding:15px;}
.con-table .type-row tbody td{text-align:left;padding:15px;}
.con-table .type-row.cell-center td{text-align:center; padding:15px 10px;}
.con-table .type-row.th-bg tbody th{background-color:#f3f6f7;}


/* button */
.btn{display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 20px; vertical-align:middle; box-sizing:border-box; text-align:center;}
.btn.gray{background-color:#E4E4E4;}
.btn.dgray{background-color:#858585; color:#fff;}
.btn.blue{background-color:#4069B4;color:#fff;}
.btn.dblue{background-color:#656678;color:#fff;}
.btn.orange{background-color:#F07804;color:#fff;}
.btn.green{background-color:#50A73A;color:#fff;}
.btn.line{background-color:#fff; border:1px solid #5C5C5C;}
.btn.line-gray{border:1px solid #ccc;}

.btn.white{color:#4069B4;border:2px solid #4069B4; background-color:#fff;}

.btn.small{height:35px; font-size:14px; }
.btn.big{height:58px; min-width:150px; font-size:18px; font-weight:600; padding:0 25px;}

.btn.wide{min-width:130px;}
.btn.small.wide{min-width:105px;}
.btn.wide2{width:250px; max-width:100%;}

.bottom-btns{text-align:center; margin-top:30px;}
.bottom-btns .btn{margin:0 3px; font-weight:600;}
.bottom-btns .right{text-align:right;}

.paging + .bottom-btns{margin-top:25px;}

.con-wrap + .bottom-btns{margin-top:50px;}


/* board ************************************************************************ */

/* list */
.data-list-top{margin-bottom:10px; display:flex; flex-wrap:wrap;}
.data-list-top .list-location{line-height:38px; margin-bottom:0;}

.data-list{margin-bottom:40px;}
.data-list table{width:100%; border-top:2px solid #151515; }
.data-list table th{text-align:center; border-bottom:1px solid #a1a1a1; padding:6px 10px; height:60px; background-color:#F5F5F5; box-sizing:border-box; font-weight:500;}
.data-list table td{text-align:center; border-bottom:1px solid #dadada; padding:8px 10px; height:60px; line-height:1.25em; box-sizing:border-box;}
.data-list table td.title{text-align:left;}
.data-list table td.title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block;max-width:100%;vertical-align:middle;}
.data-list table td.title.full a{white-space:normal;}
.data-list table thead th{position:relative;}
.data-list .filter-sort{position:absolute;right:0;top:62%; margin-top:-20px; width:20px; box-sizing:border-box;}
.data-list .filter-sort button{width:100%; height:12px; text-align:left;text-indent:-9999px; position:relative; display:block;}
.data-list .filter-sort button:before{width:100%;height:100%; position:absolute;left:0;top:0; font-size:8px; color:#555;text-indent:0; display:flex; align-items: center; justify-content: center;}
.data-list .filter-sort .up:before{content:'▲'; color:#555;}
.data-list .filter-sort .up_gray:before{content:'▲'; color:#ccc;}
.data-list .filter-sort .down:before{content:'▼'; color:#555;}
.data-list .filter-sort .down_gray:before{content:'▼'; color:#ccc;}

.data-list table .i-notice{display:inline-block;position:relative; width:34px;height:34px; margin:-10px 0 -10px;}
.data-list table .i-file{display:inline-block; position:relative; width:30px;height:30px; background:url(../img/common/i_file2.svg) center center no-repeat; text-align:left;text-indent:-9999px;}
.data-list table .i-reply{margin:0 5px 0 10px;}
.data-list table .i-reply:before,
.data-list table .i-reply:after{display:block;content:''; background-color:#2eb6d6; position:absolute;}
.data-list table .i-reply:before{width:1px;height:10px; left:-10px;top:0;}
.data-list table .i-reply:after{width:10px;height:1px; left:-10px;top:10px;}
.data-list table td.no-data{text-align:center;padding:50px 0;}
.data-list table td.rline{border-right:1px solid #dadada;}
.data-list .checkbox{min-height:0;}

.paging{text-align:center; margin:30px 0;}
.paging a{display:inline-flex; align-items:center; justify-content:center; text-align:center; height:35px;width:35px;vertical-align:middle;box-sizing:border-box; border:1px solid #DEDEDE; position:relative; color:#2B2B2B;}
.paging a:hover{border-color:#4069B4; color:#4069B4;}
.paging .page{text-align:left; text-indent:-9999px;}
.paging .page:after{display:block;width:100%;height:100%;position:absolute;left:0;top:0;content:''; }
.paging .first:after{background:url(../img/common/page_first.svg) center center no-repeat;}
.paging .prev:after{background:url(../img/common/page_prev.svg) center center no-repeat;}
.paging .next:after{background:url(../img/common/page_next.svg) center center no-repeat;}
.paging .last:after{background:url(../img/common/page_last.svg) center center no-repeat;}
.paging .current{background:#4069B4; color:#fff; border-color:#4069B4;}
.paging .current:hover{color:#fff;}

.list-bottom{margin:30px 0; position:relative;}
.list-bottom .paging{margin:0;}
.list-bottom .btn-area.right{position:absolute;right:0;top:0;}
.list-bottom .btn-area.left{position:absolute;left:0;top:0;}
.list-bottom .btn-area .btn{margin-right:3px;}
.list-bottom .btn-area .btn:last-child{margin-right:0;}

/* view */
.board-view{margin-bottom:40px;}

.data-view{margin-bottom:40px;}
.data-view-info{background-color:#F5F5F5; padding:20px; display:flex; position:relative; color:#2B2B2B;}
.data-view-info .lb{position:absolute;left:-9999px;}
.data-view-info .title{font-size:18px; font-weight:500;}
.data-view-info .writer{flex-shrink: 0; margin-right:35px; margin-left:auto;}
.data-view-info .date{flex-shrink: 0; margin-right:35px;}
.data-view-info .hit{flex-shrink: 0;}

.data-view-file{ border-bottom:1px solid #DEDEDE; padding:15px 20px;}
.data-view-file .lb{position:absolute;left:-9999px;}
.data-view-file .file-item{display:flex; position:relative; padding:2px 0;}
.data-view-file .file-name{background:url(../img/common/i_file.svg) left 5px no-repeat; padding-left:25px; margin-right:20px; text-decoration:underline;}
.data-view-file .file-info{color:#8E8E8E; font-size:15px;}
.data-view-file .file-down{flex-shrink: 0; border:1px solid #ccc; height:32px; padding:0 15px; font-size:14px; margin-left:auto;}
.data-view-file .file-down:before{display:inline-block; content:''; width:20px;height:20px; margin-right:10px; background:url(../img/common/i_down.svg) center center no-repeat;}

.data-view-contents{border-bottom:1px solid #dedede; word-break:break-all; word-wrap:break-word;}
.data-view-contents .view-contents{padding:30px 20px; min-height:200px;}

.prev-next-list{border-top:1px solid #DEDEDE; display:flex; flex-wrap:wrap; margin-top:80px;}
.prev-next-list dt{width:120px; flex-shrink: 0; border-bottom:1px solid #DEDEDE; box-sizing:border-box; text-align:center; position:relative; padding:15px 0;}
.prev-next-list dt:after{display:block;content:''; width:1px;height:34px; background-color:#dedede; position:absolute;right:0;top:50%; margin-top:-17px;}
.prev-next-list dd{width:calc(100% - 120px); border-bottom:1px solid #DEDEDE; box-sizing:border-box; padding:15px 30px; }

/*
.view-table table{width:100%; table-layout:fixed;}
.view-table table th{text-align:left; padding:15px 15px 15px 25px; border-bottom:1px solid #dadada; font-weight:600; position:relative;}
.view-table table th:after{display:block;content:'';width:1px;height:12px;background-color:#dadada; position:absolute;right:0;top:50%; transform:translateY(-50%);}
.view-table table td{text-align:left; padding:15px; border-bottom:1px solid #dadada;}
*/

/* regist */
.required{color:#ec3f2d; font-size:15px; font-weight:bold; font-family: 'S-Core';}
.required-guide{font-size:15px; color:#5f5f5f; margin-bottom:5px;}
.con-wrap .con-title + .required-guide{position:absolute;right:0;top:10px;}

.data-regist-top{display:flex; margin-bottom:10px; align-items:center;}
.data-regist-top .required-guide{margin-left:auto; margin-top:2px;}
.data-regist-top .md-title{margin:0;}
.data-regist-top .top-right{margin-left:auto;}

.data-regist{border-top:1px solid #ccc;}
.data-regist table{width:100%; table-layout:fixed;}
.data-regist table tr th{border-bottom:1px solid #ccc; padding:11px 15px 11px 20px; text-align:left; background-color:#F5F5F5; font-weight:500;}
.data-regist table tr td{border-bottom:1px solid #ccc; padding:11px 20px; text-align:left; height:60px; box-sizing:border-box;}

#egovComFileList{margin-top:10px;}
#egovComFileList li{display:flex; padding:3px 0; flex-wrap:wrap;}
#egovComFileList li *{vertical-align:middle;}
#egovComFileList li span{color:#888; font-size:14px;}
#egovComFileList .i-file{background:url(../img/common/i_file.svg) left 5px no-repeat; padding-left:25px;}
#egovComFileList .btn-del{/*border:1px solid #dedede;*/ width:22px;height:22px; text-align:left; text-indent:-9999px; overflow:hidden; background:url(../img/common/i_delete.svg) center center / 10px auto no-repeat; margin-left:3px; margin-top:3px;}

.data-regist .file-item{display:flex; flex-wrap:wrap; background:url(../img/common/i_file.svg) left 5px no-repeat; padding-left:25px; margin-top:4px;}
.data-regist .file-item > a{margin-right:5px;}
.data-regist .file-item .file-info{display:inline-flex; align-items: center; font-size:14px; color:#888;}
.data-regist .file-item .file-info img{margin-left:10px; flex-shrink:0; cursor:pointer;}

.attach-file-wrap{display:flex;}
.attach-file-wrap .selected-file{border:1px solid #ccc; padding:10px; min-height:40px; width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; }
.attach-file-wrap .selected-file span{color:#4069B4; text-decoration:underline; margin-right:20px; display:inline; vertical-align:top; line-height:1em;}
.attach-file-wrap .btn-add{width:40px;height:40px; text-align:left;text-indent:-9999px; flex-shrink: 0; margin-left:10px; position:relative; background-color:#878787;}
.attach-file-wrap .btn-add:before{display:block;content:'';width:11px;height:1px; background-color:#fff; position:absolute;left:50%;top:50%; margin-left:-5px;}
.attach-file-wrap .btn-add:after{display:block;content:'';width:1px;height:11px; background-color:#fff; position:absolute;left:50%;top:50%; margin-top:-5px;}
/*
.attach-file-wrap .file-item{display:flex;margin-bottom:10px;}
.attach-file-wrap .file-item:last-child{margin-bottom:0;}
.attach-file-wrap .file-item input{width:100%;}
.attach-file-wrap .file-item button{width:40px;height:40px; text-align:left;text-indent:-9999px; flex-shrink: 0; margin-left:10px; position:relative; background-color:#878787;}
.attach-file-wrap .btn-delete:before{display:block;content:'';width:10px;height:1px; background-color:#fff; position:absolute;left:50%;top:50%; margin-left:-5px;}
.attach-file-wrap .btn-add:before{display:block;content:'';width:11px;height:1px; background-color:#fff; position:absolute;left:50%;top:50%; margin-left:-5px;}
.attach-file-wrap .btn-add:after{display:block;content:'';width:1px;height:11px; background-color:#fff; position:absolute;left:50%;top:50%; margin-top:-5px;}
*/

.data-search{background-color:#F5F5F5; display:flex; align-items:center; justify-content:center; padding:25px 20px; margin-bottom:30px;}
.data-search > *{margin:3px;}
.data-search > .opt{width:180px;}

.keyword-box{border:1px solid #ddd; height:40px; box-sizing:border-box; background-color:#fff; display:inline-flex; position:relative; width:100%; max-width:400px;}
.keyword-box:after{display:block;content:'';width:1px;height:25px; background-color:#ddd; position:absolute;right:50px;top:9px}
.keyword-box .keyword{height:100%;width:100%; border:none; padding:0 10px; line-height:38px;}
.keyword-box .btn-submit{height:100%;width:50px; flex-shrink:0; background:url(../img/common/i_search.svg) center center no-repeat; text-align:left; text-indent:-9999px; overflow:hidden;}

.input-keyword{display:inline-flex; vertical-align:middle; width:100%; max-width:100%; position:relative;}
.input-keyword input{width:calc(100% - 135px);}
.input-keyword .btn-submit{width:130px; margin-left:5px; flex-shrink:0;}

.input-idcheck{display:flex; max-width:100%;}
.input-idcheck  .btn{flex-shrink:0; margin-left:5px;}

.input-tel{display:inline-flex; align-items:center; max-width:100%; width:250px;}
.input-tel input{width:33%;}
.input-tel span{width:15px;text-align:center; flex-shrink:0;}

.tel-certi{display:flex;}
.tel-certi .input-tel{margin-right:5px;}

.input-email{display:flex; align-items:center; max-width:100%; margin:-2px;}
.input-email input,
.input-email select{width:33%; margin:2px;}
.input-email span{width:20px;text-align:center; flex-shrink:0;}

input.datepicker{background:#fff url(../img/common/i_date.svg) right 10px center no-repeat; padding-right:30px; width:180px; cursor: pointer;}

.input-period{display:inline-flex; align-items:center; width:420px; max-width:100%; }
.input-period .datepicker{width:calc(50% - 5px);}
.input-period input + input{margin-left:10px;}

.input-guide{vertical-align:middle; font-size:14px;}
.input-guide.before{margin-bottom:5px;}
.input-guide.after{margin-top:5px;}

.checkbox{position:relative; cursor:pointer; display:inline-flex; align-items: center; min-height:40px; vertical-align:middle;}
.checkbox span{display:inline-block; padding-left:26px; vertical-align:top; line-height:1.25em; position:relative;}
.checkbox span:before{width:18px;height:18px; display:block;content:''; background:url(../img/common/checkbox_off.svg) 0 0 no-repeat; position:absolute;left:0;top:0;}
.checkbox input{position:absolute;left:-9999px;}
.checkbox input:checked + span:before{background-image:url(../img/common/checkbox_on.svg);}
.checkbox input:disabled + span{opacity:0.4;}
.checkbox.single span{padding:0;width:18px; text-align:left; text-indent:-9999px;}
.checkbox.green input:checked + span:before{background-image:url(../img/common/checkbox_on_green.svg);}
.checkbox.blue input:checked + span:before{background-image:url(../img/common/checkbox_on_blue.svg);}
.checkbox.orange input:checked + span:before{background-image:url(../img/common/checkbox_on_orange.svg);}

.radio{position:relative; cursor:pointer; display:inline-flex; align-items: center; min-height:40px; vertical-align:middle;}
.radio input{width:18px;height:18px; margin-right:8px; }

.check-group{display:flex; flex-wrap:wrap;}
.check-group > label{margin-right:20px;}


/* 탭 */
.tabMenu{border-bottom:1px solid #1e5aa0; height:48px; margin-bottom:45px;}
.tabMenu ul{display:flex;}
.tabMenu ul li{width:50%; height:48px; border:1px solid #e5e5e5;border-bottom:none; box-sizing:border-box; overflow:hidden;}
.tabMenu ul li + li{border-left:none;}
.tabMenu ul li:first-child{border-radius:10px 0 0 0;}
.tabMenu a{display:flex; width:100%; height:100%; text-align:center; align-items:center; justify-content:center; font-size:18px; font-family: 'S-Core'; padding:0 5px; box-sizing:border-box; line-height:1.16em; background-color:#f5f5f5; color:#555;}
.tabMenu .active{border-color:#1e5aa0 !important; height:49px;}
.tabMenu .active a{background-color:#fff; color:#1e5aa0; font-weight:600; }
.tabMenu ul li + li.active{border-left:1px solid #1e5aa0;}

/* 팝업 */
.pop-wrap{position:fixed; left:0;top:0;right:0;bottom:0; background-color:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content: center; z-index:99; display:none; padding:10px; box-sizing:border-box;}
.pop-wrap.active{display:flex;}
.pop-container{width:750px; max-height:calc(100vh - 40px); border:3px solid #60B44B; background-color:#fff;padding:30px 35px; box-sizing:border-box; display:flex; flex-direction:column;}
.pop-container .pop-head{min-height:55px; border-bottom:2px solid #60B44B; position:relative; margin-bottom:20px; flex-shrink: 0;}
.pop-container .pop-head h4{color:#4069B4; font-size:30px; font-weight:600; text-align:center;}
.pop-container .pop-head .pop-close{position:absolute;right:0;top:0; width:30px;height:30px; text-align:left;text-indent:-9999px; overflow:hidden; background:url(../img/common/i_pop_close.svg) center center no-repeat;}
.pop-container .pop-body{position:relative; height:100%; overflow-y:auto;}

/* 검색팝업 */
.search-form-wrap{overflow:hidden;}
.search-form-wrap .row{margin-bottom:10px;}
.search-form-wrap .input-period{max-width:100%;width:100%;}
.search-form-wrap .bottom-btns{display:flex; margin:25px -3px 0 -3px;}


/* 한강하구소개 *************************** */

.hagu-intro{font-size:18px;}
.hagu-intro > *{margin-bottom:25px;}

.hagu-feature{background-color:#EEF1F6; padding:60px 40px; text-align:center;}


/* 시민모니터링 *************************** */

.monitoring-top{display:flex; margin-bottom:10px;}
.monitoring-top .list-type{margin-left:auto;}

.list-location{line-height:34px;}

.list-type{display:inline-flex;}
.list-type a{width:34px;height:34px; box-sizing:border-box; border:1px solid #C5C5C5; text-align:left; text-indent:-9999px; overflow:hidden; background-position:center center; background-repeat:no-repeat; margin-right:9px;}
.list-type a:last-child{margin-right:0;}
.list-type .type-big{background-image:url(../img/contents/i_listtype_big.svg);}
.list-type .type-mini{background-image:url(../img/contents/i_listtype_mini.svg);}
.list-type .type-map{background-image:url(../img/contents/i_listtype_map.svg);}
.list-type .type-big.active{background-image:url(../img/contents/i_listtype_big_active.svg); border-color:#4069B4;}
.list-type .type-mini.active{background-image:url(../img/contents/i_listtype_mini_active.svg); border-color:#4069B4;}
.list-type .type-map.active{background-image:url(../img/contents/i_listtype_map_active.svg); border-color:#F07804;}

.monitoring-list{margin-bottom:60px;}
.monitoring-list ul{display:flex; flex-wrap:wrap;}
.monitoring-list li{position:relative;}

.monitoring-list .photo{position:relative; height:0; padding-top:65%;}
.monitoring-list .photo img{width:100%; height:100%; position:absolute;left:0;top:0;}
.monitoring-list .title{font-size:22px; font-weight:600; padding-right:44px; position:relative; min-height:34px; padding:3px 0; margin:14px 0 5px;}
.monitoring-list .title:after{display:block;content:'';width:34px;height:34px; position:absolute;right:0;top:0; background:url(../img/contents/i_mo_more.png) 0 0 no-repeat;}
.monitoring-list .summary{color:#575757;}
.monitoring-list .info{color:#898989; margin-top:10px;}
.monitoring-list .info > span{position:relative;}
.monitoring-list .info > span + span{margin-left:15px;padding-left:15px;}
.monitoring-list .info > span + span:before{display:block; content:''; width:1px; height:10px; background-color:#898989; position:absolute;left:-1px;top:8px; }
.monitoring-list .info .lb{position:absolute;left:-9999px;}

.monitoring-list .type-big{ margin:-20px -17px;}
.monitoring-list .type-big li{width:calc(50% - 34px); margin:20px 17px;}

.monitoring-list .type-mini{ margin:-20px -17px;}
.monitoring-list .type-mini li{width:calc(25% - 16px); margin:20px 8px;}
.monitoring-list .type-mini .title{position:absolute;left:0;right:0;bottom:0; margin:0; padding:0 20px; height:35px; background-color:rgba(0,0,0,0.5); color:#fff; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:35px; font-size:16px;  }
.monitoring-list .type-mini .title:after{display:none;}
.monitoring-list .type-mini .summary{display:none;}
.monitoring-list .type-mini .info{display:none;}

.monitoring-map{position:relative;}

.mo-view-detail{padding:35px 0; border-bottom:1px solid #DEDEDE; display:flex; flex-wrap:wrap; position:relative;}
.mo-view-detail .photo{width:43%;}
.mo-view-detail .photo img{width:100%;height:100%;}
.mo-view-detail .info{width:54%; margin-left:3%; display:flex; flex-direction: column;}
.mo-view-detail .info ul{ margin-bottom:12px;}
.mo-view-detail .info li{display:flex;}
.mo-view-detail .info .item-lb{font-weight:600; width:90px; flex-shrink:0;}
.mo-view-detail .info .mo-map{margin-top:auto; height:190px; position:relative;}
.mo-view-detail .info .mo-map img{height:100%;}


/* 댓글 */
.comment-wrap{ margin-bottom:40px;}
.comment-wrap .cmt-title{background-color:#F5F5F5; padding:20px; border-top:1px solid #2B2B2B; border-bottom:1px solid #dedede; margin-bottom:15px;  display:flex; align-items:center;}
.comment-wrap .cmt-title h4{font-size:18px; display:flex; align-items:center; line-height:1em;}
.comment-wrap .cmt-title h4:before{display:inline-block;content:''; width:28px;height:28px; background:url(../img/common/i_cmt.svg) center center no-repeat; margin-right:10px;}
.comment-wrap .cmt-title .user-info{margin-left:auto;}
.comment-wrap .cmt-title .user-info .name{margin-right:30px;}
.comment-wrap .cmt-form-wrap{margin-bottom:10px;}
.comment-wrap .cmt-form{display:flex;padding:20px; align-items:center; border:1px solid #60B44B;  background-color:#fff;}
.comment-wrap .cmt-form textarea{width:calc(100% - 110px); height:80px; border:none; padding:0;}
.comment-wrap .cmt-form .btn-submit{width:100px; height:40px; background-color:#50A73A; color:#fff; margin-left:10px;}
.comment-wrap .cmt-form-wrap.modify .cmt-form{border-color:#F07804;}
.comment-wrap .cmt-form-wrap.modify .cmt-form textarea{border-color:#F07804; height:60px;}
.comment-wrap .cmt-form-wrap.modify .cmt-form .btn-submit{background-color:#F07804;}

.comment-wrap .reply-form-wrap{margin-top:20px;}
.comment-wrap .reply-form{display:flex;padding:15px; align-items:center; border:1px solid #60B44B; background-color:#fff;}
.comment-wrap .reply-form textarea{width:calc(100% - 110px); height:40px; border:none; padding:0;}
.comment-wrap .reply-form .btn-submit{width:100px; height:40px; background-color:#50A73A; color:#fff; margin-left:10px;}

.comment-wrap .cmt-reply-wrap{border:1px solid #F07804; padding:20px; display:flex; align-items:center;}
.comment-wrap .cmt-reply-wrap .reply-btns{margin-left:auto; padding-left:20px; flex-shrink: 0;}

.comment-wrap .cmt-reply-wrap + .cmt-form-wrap{margin-top:15px;}
.comment-wrap .cmt-list{ color:#5C5C5C;}

.schedule-view .comment-wrap .cmt-list{ color:#5C5C5C; max-height:235px; overflow-y:auto;}

.comment-wrap .cmt-list .cmt-item{padding:20px; border-bottom:1px solid #ccc; position:relative;}
.comment-wrap .cmt-list .cmt-item.reply{background-color:#FAFAFA; padding:20px 20px 20px 54px;}
.comment-wrap .cmt-list .cmt-item.reply:before{display:block;content:''; width:13px;height:15px; position:absolute;left:25px;top:23px; background:url(../img/common/reply_line.png) 0 0 no-repeat;}
.comment-wrap .cmt-list .cmt-item .user-info{margin-bottom:5px;}
.comment-wrap .cmt-list .cmt-item .user-info .name{font-weight:500;}
.comment-wrap .cmt-list .cmt-item .user-info .date{font-size:14px; color:#888888; margin-left:15px;}
.comment-wrap .cmt-list .cmt-contents{word-break:break-all; word-wrap:break-word;}
.comment-wrap .cmt-list .cmt-btns{margin-top:15px;}
.comment-wrap .cmt-list .cmt-btns .btn{height:32px; font-size:14px;}
.comment-wrap .cmt-list .btn-reply{height:32px; border:1px solid #5C5C5C; font-size:14px; background-color:#fff; }

.comment-wrap .cmt-all-view{margin-top:30px;}
.comment-wrap .cmt-all-view a{display:flex; border:1px solid #D3D3D3; align-items:center; justify-content: center; padding:10px;}
.comment-wrap .cmt-all-view a:after{display:block;content:''; width:16px;height:16px; background:url(../img/common/i_cmt_more.svg) center center no-repeat; margin-left:10px;}


/* 참석여부 댓글 */
.comment-wrap.small{margin-bottom:0; margin-top:30px;}
.comment-wrap.small .cmt-title{padding:10px 15px; margin-bottom:10px;}
.comment-wrap.small .cmt-title h4{font-size:14px; margin:0;}
.comment-wrap.small .cmt-title h4:before{width:18px;height:18px; background-size:cover;}
.comment-wrap.small .cmt-form-wrap{margin-bottom:10px;}
.comment-wrap.small .cmt-form{padding:10px;}
.comment-wrap.small .cmt-form textarea{width:calc(100% - 85px); height:40px;}
.comment-wrap.small .cmt-form .btn-submit{width:70px;}
.comment-wrap.small .cmt-list .cmt-item{padding:10px 0;}
.comment-wrap.small .cmt-list .cmt-item .user-info{margin-bottom:0;}
.comment-wrap.small .cmt-list .cmt-contents{padding:0 30px 0 0; }
.comment-wrap.small .cmt-list .btn-delete{position:absolute;right:0;bottom:10px; width:24px;height:24px; box-sizing:border-box; border:1px solid #2B2B2B; text-align:left; text-indent:-9999px; overflow:hidden; background:url(../img/common/i_delete.svg) center center no-repeat;}

.comment-wrap.small .cmt-all-view{margin-top:20px;}
.comment-wrap.small .cmt-all-view a{padding:5px 10px;}


.btn-position{border:1px solid #F07804; color:#F07804;}
.btn-position:before{display:block;content:''; width:14px;height:20px; margin-right:10px; background:url(../img/contents/i_listtype_map_active.svg) center center no-repeat;}

.position-info-regist .guide-msg{margin-bottom:10px;}
.position-info-regist .input-keyword{margin-bottom:20px;}

/* 알림정보 */
.newsletter-list{margin-bottom:60px; overflow:hidden;}
.newsletter-list ul{display:flex; flex-wrap:wrap; margin:-35px -14px;}
.newsletter-list li{width:calc(100% / 3 - 28px); margin:35px 14px; position:relative;}
.newsletter-list li a{display:block;}
.newsletter-list .photo{position:relative; height:0; padding-top:100%; margin-bottom:15px; border: 1px solid #ddd;}
.newsletter-list .photo img{position:absolute;left:0;top:0; width:100%;height:100%;}
.newsletter-list .info{display:flex; justify-content:space-between;}
.newsletter-list .info .title{font-size:22px; font-weight:500; }
.newsletter-list .info .date{margin-left:10px; color:#898989; }

.faq-list{border-top:1px solid #60B44B;}
.faq-list dt{border-bottom:1px solid #60B44B;}
.faq-list dt a{display:block; padding:25px 50px 25px 35px; font-weight:500; position:relative;}
.faq-list dt a:after{display:block;content:''; width:26px;height:26px; background:url(../img/contents/faq_arr_down.svg) center center / cover no-repeat; position:absolute;right:35px;top:50%; margin-top:-13px;}
.faq-list dd{padding:25px 35px; border-bottom:1px solid #60B44B; display:none;}

.faq-list dt.active{border:none; margin-top:-1px;}
.faq-list dt.active a{border:1px solid #F07804; background-color:#F5F5F5;}
.faq-list dt.active a:after{background-image:url(../img/contents/faq_arr_up.svg);}
.faq-list dt.active + dd{display:block;}

.faq-category-title{display: block; background: #f8f9fa; border-left: 4px solid #28a745; padding: 12px 20px; margin: 20px 0 15px 0; font-weight: 600; font-size: 16px; color: #333; border-radius: 0 4px 4px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}

.answer-text { float: left; margin-right: 5px;}

.grade-list {margin: 0; padding: 0;list-style: none;overflow: hidden; /* float 해제 */}

.grade-list li {    margin-bottom: 3px; padding-left: 5px; position: relative;}

.lb-raply{display:inline-flex; align-items: center; justify-content: center; height:30px; border:1px solid #60B44B; color:#60B44B; font-size:15px; text-align:center; width:90px; max-width:100%; box-sizing:border-box;}
.lb-raply.end{border-color:#F07804; color:#F07804;}

/* 협의회 */
.commitee-intro{font-size:18px; margin-bottom:20px;}
.org-item{display:inline-flex; align-items:center; justify-content: center; min-height:82px; color:#fff; text-align:center; position:relative; max-width:100%; box-sizing:border-box; padding:10px 5px;}
.commitee-org1{background-color:#EEF1F6; padding:60px; text-align:center; display:flex; flex-direction: column; align-items: center; box-sizing:border-box;}
.commitee-org1 .top{width:250px;height:100px; background-color:#1B4F8C; font-size:18px; margin-bottom:40px;}
.commitee-org1 .dep1{display:flex; padding-top:40px; position:relative; width:100%; box-sizing:border-box;}
.commitee-org1 .dep1:before{display:block;content:''; height:39px; width:1px; background-color:#ccc; position:absolute;left:50%; top:-39px;}
.commitee-org1 .dep1:after{display:block;content:''; height:39px; border:1px solid #ccc; border-bottom-width:0; position:absolute;left:25%; right:25%;top:0;}
.commitee-org1 .dep1 > li{margin:0 6px; width:calc(50% - 12px); position:relative;}
.commitee-org1 .dep1 > li > .org-item{width:240px; max-width:100%; background-color:#F07804; margin:0 auto;}
.commitee-org1 .dep2{display:flex; padding-top:40px; position:relative; margin-top:40px; width:100%;}
.commitee-org1 .dep2:before{display:block;content:''; height:39px; width:1px; background-color:#ccc; position:absolute;left:50%; top:-39px;}
.commitee-org1 .dep2:after{display:block;content:''; height:39px; border:1px solid #ccc; border-bottom-width:0; position:absolute;left:25%; right:25%;top:0;}
.commitee-org1 .dep2 > li{margin:0 6px;  position:relative; width:calc(50% - 12px);}
.commitee-org1 .dep2 > li > .org-item{width:100%; background-color:#519390;}

.commitee-org2{background-color:#EEF1F6; padding:60px; text-align:center; display:flex; flex-direction: column; align-items: center; box-sizing:border-box;}
.commitee-org2 .top{width:250px;height:100px; background-color:#4069B4; font-size:18px; margin-bottom:40px;}
.commitee-org2 .dep1{display:flex; padding-top:40px; position:relative; width:100%; box-sizing:border-box;}
.commitee-org2 .dep1:before{display:block;content:''; height:80px; width:1px; background-color:#ccc; position:absolute;left:50%; top:-39px;}
.commitee-org2 .dep1:after{display:block;content:''; height:39px; border:1px solid #ccc; border-bottom-width:0; position:absolute;left:17%; right:17%;top:0;}
.commitee-org2 .dep1 > li{margin:0 20px; width:calc(100%  / 3 - 40px); position:relative;}
.commitee-org2 .dep1 > li > .org-item{width:100%; max-width:100%; background-color:#4AAFB8; margin:0 auto;}
.commitee-org2 .dep2{display:flex; position:relative; margin-top:40px;}
.commitee-org2 .dep2:before{display:block;content:''; height:39px; width:1px; background-color:#ccc; position:absolute;left:50%; top:-39px;}
.commitee-org2 .dep2 > li{width:100%; position:relative;}
.commitee-org2 .dep2 > li > .org-item{width:100%; background-color:#7DBF6A;}

.commitee-org2 .second{width:250px;height:85px; background-color:#2E7DB8; font-size:18px; margin-bottom:40px;}
.commitee-org2 .org-item.operation:before {display: block; content: ''; height: 39px; width: 1px; background-color: #ccc; position: absolute; left: 50%; top: -39px; }
.commitee-org2 .org-item.operation {position: relative;}



.schedule-wrap{display:flex; flex-wrap:wrap;}
.calendar-wrap{width:60%;}
.cal-nav{margin-bottom:30px;}
.opt-year{display:flex; align-items: center; justify-content: center; margin-bottom:20px;}
.opt-year .year{font-size:30px; color:#222; font-weight:bold; margin:0 20px;}
.opt-year button{width:35px;height:35px; border:1px solid #DEDEDE; box-sizing:border-box; text-align:left; text-indent:-9999px; overflow:hidden;}
.opt-year .btn-prev{background:url(../img/common/arr_prev.svg) center center no-repeat;}
.opt-year .btn-next{background:url(../img/common/arr_next.svg) center center no-repeat;}
.opt-month{text-align:center;}
.opt-month ul{display:flex; align-items: center; justify-content: center; margin:0 auto; border:1px solid #dedede; width:100%; max-width:410px;}
.opt-month li{width:calc(100% / 12);}
.opt-month li + li{border-left:1px solid #dedede;}
.opt-month a{display:block; height:33px; text-align:center; line-height:33px;}
.opt-month a.active{background-color:#4069B4; position:relative; margin:-1px; line-height:35px; color:#fff;}

.cal-table{border-top:2px solid #878787;}
.cal-table table{width:100%;}
.cal-table table th{border:1px solid #DEDEDE; border-top:none; text-align:center; padding:10px; font-size:17px; line-height:1em;}
.cal-table table td{border:1px solid #DEDEDE; padding:5px 3px; vertical-align:top; text-align:left; height:100px;}
.cal-table table td .day{display:block; line-height:1em; margin-bottom:5px;}
[class*="sche-type"]{display:block; color:#fff; padding:5px; font-size:12px; line-height:1em; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px;}
.sche-type1{background-color:#50A73A;}
.sche-type2{background-color:#4069B4;}
.sche-type3{background-color:#F07804;}

.schedule-view{width:38%; margin-left:2%; box-sizing:border-box; border:1px solid #DEDEDE; padding:24px;}
.schedule-view > h4{font-size:18px; font-weight:bold; margin-bottom:10px; color:#4069B4;}
.schedule-view .schedule-search{margin-bottom:30px;}
.schedule-view .schedule-search .opt{margin-bottom:10px;}
.schedule-view .schedule-search .input-period{width:100%; max-width:420px;}
.schedule-view .schedule-search .input-period input{width:50% !important;}
.schedule-view .schedule-search .keyword{margin-bottom:10px;}
.schedule-view .schedule-search .keyword input{width:100%;}
.schedule-view .schedule-search .cmd{text-align:center;}
.schedule-view .schedule-list th{padding:5px; height:auto; font-size:14px;}
.schedule-view .schedule-list td{padding:10px 5px; height:auto; font-size:14px;}
.schedule-view .schedule-list td .sechdule-item .time{margin-right:5px;}
.schedule-view .schedule-list td .sechdule-item{margin-bottom:5px;}
.schedule-view .schedule-list td .sechdule-item:last-child{margin-bottom:0;}

.schedule-detail{margin-bottom:30px;}
.schedule-detail .date{text-align:center; color:#F07804; font-size:18px; margin-bottom:10px;}
.schedule-detail .title{background-color:#F5F5F5; padding:10px 20px; font-size:18px; font-weight:500; margin-bottom:10px;}
.schedule-detail .detail-contents{padding:5px; max-height:172px; overflow-y:auto;}

/* 생태환경센터 */
.greeting-photo{position:relative; margin-bottom:30px;}
.greeting-photo p{position:absolute;left:60px;top:70px; font-size:30px; line-height:1.5em;}
.greeting-txt p{margin-bottom:25px;}
.greeting-txt p.sign{display:flex; align-items:center; margin-top:40px;}
.greeting-txt p.sign img{margin-left:20px;}

.center-intro-top{height:184px; display:flex; align-items: center; justify-content: center; background:url(../img/contents/center_intro_bg.png) left center / cover no-repeat; margin-bottom:30px; font-size:20px; line-height:1.5em;}
.center-intro-top p{text-align:center; padding:0 30px;}
.center-intro-top p b{font-size:22px;}

.environment-status{margin:20px 0 20px -20px;}
.environment-status li{background-color:#EEF1F6; padding:20px 80px; display:flex; align-items:center; font-size:22px; margin-bottom:15px;}
.environment-status li:last-child{margin-bottom:0;}
.environment-status li:before{display:block;content:''; width:76px;height:76px; margin-right: 60px; background-position:center center; background-size:cover; background-repeat:no-repeat;flex-shrink: 0;}
.environment-status li.item1:before{background-image:url(../img/contents/i_status1.png);}
.environment-status li.item2:before{background-image:url(../img/contents/i_status2.png);}
.environment-status li.item3:before{background-image:url(../img/contents/i_status3.png);}

.expect-effect{padding:60px 5%; background-color:#EEF1F6;}
.expect-effect ul{ display:flex; align-items:center;}
.expect-effect li{width:25%;height:260px; text-align:center; display:flex; flex-direction: column; align-items: center; justify-content: center; font-size:14px; box-sizing:border-box; padding:20px; position:relative; margin-right:12.5%; line-height:1.5em;}
.expect-effect li b{font-weight:bold;}
.expect-effect li:before{display:block;content:''; width:76px;height:76px; background-position:center center; background-size:cover; background-repeat:no-repeat; margin-top:-10px;} 
.expect-effect li:after{display:block;content:''; width:50%;height:35px; background:url(../img/contents/effect_line.png) center center no-repeat; position:absolute;left:100%;top:50%; margin-top:-17px;} 
.expect-effect li:last-child{margin:0;} 
.expect-effect li:last-child:after{display:none;} 
.expect-effect li.item1{background:url(../img/contents/effect_bg1.png) center center / 100% 100% no-repeat; padding-top:0;}
.expect-effect li.item2{background:url(../img/contents/effect_bg2.png) center center / 100% 100% no-repeat;}
.expect-effect li.item3{background:url(../img/contents/effect_bg3.png) center center / 100% 100% no-repeat;}
.expect-effect li.item1:before{background-image:url(../img/contents/i_effect1.png);}
.expect-effect li.item2:before{background-image:url(../img/contents/i_effect2.png);}
.expect-effect li.item3:before{background-image:url(../img/contents/i_effect3.png);}

.location-api-map{margin-bottom:40px;}
.location-api-map .root_daum_roughmap{width:100% !important;}
.traffic-info{background-color:#F9FAFC; padding:30px 30px 30px 190px; position:relative;}
.traffic-info:before{display:block; content:''; width:120px;height:120px; position:absolute;left:40px;top:50%; margin-top:-60px; box-sizing:border-box; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.traffic-info.subway{margin-bottom:20px;}
.traffic-info.subway:before{background-image:url(../img/contents/i_subway.png);}
.traffic-info.bus:before{background-image:url(../img/contents/i_bus.png);}
.traffic-info h4{font-size:18px; font-weight:bold; margin-bottom:15px;}
.traffic-info .item-lb{display:block; color:#4069B4; font-weight:bold;}
.traffic-info.bus li{margin-bottom:10px;}



/* member ************************************************************************ */

.member-login-wrap{max-width:688px; margin:0 auto; padding:40px 0;}

.login-form-wrap{height:100%; background-color:#F9F9F9; padding:50px 20px; display:flex; align-items:center; justify-content: center; box-sizing:border-box;}
.login-form-wrap .login-form1{width:100%; max-width:300px;}
.login-form-wrap .login-form1 .row{margin-bottom:10px;}
.login-form-wrap .login-form1 .row.input input{width:100%;}
.login-form-wrap .login-form1 .row.opt{display:flex; align-items: center;  font-size:14px;}
.login-form-wrap .login-form1 .row.opt .checkbox{min-height:25px;}
.login-form-wrap .login-form1 .row.opt .go-find{margin-left:auto;}
.login-form-wrap .login-form1 .btn-login{background-color:#4069B4; font-size:16px; width:100%; color:#fff;}

.login-layout{display:flex; margin:0 -10px;}
.login-layout > .col{width:calc(50% - 20px); margin:0 10px; display:flex; flex-direction: column;}
.login-layout .con-title{flex-shrink: 0;}
.login-layout .login-form-wrap{height:100%; }

.login-layout .login-form1{width:70%;}
.login-layout .login-form2{width:60%;}
.login-layout .login-form2 button{display:flex; align-items: center; justify-content: center; width:100%; height:60px; font-size:15px; font-weight:500;}
.login-layout .login-form2 button:before{display:block;content:''; width:30px;height:30px; margin-right:10px; background-position:center center; background-repeat:no-repeat;}
.login-layout .login-form2 .btn-kakao{background-color:#FAE100; color:#545656; margin-bottom:20px;}
.login-layout .login-form2 .btn-kakao:before{background-image:url(../img/contents/i_kakao.svg);}
.login-layout .login-form2 .btn-naver{background-color:#46B35D; color:#fff;}
.login-layout .login-form2 .btn-naver:before{background-image:url(../img/contents/i_naver.svg);}

/*
.login-form{background:url(../img/member/login_form_bg.png) left center no-repeat; display:inline-flex; padding:45px 0 45px 270px; margin:0 auto;}
.login-form .inputs{width:420px; margin-right:7px;}
.login-form .inputs input{width:100%; height:46px;border:1px solid #a8a8a8; line-height:44px; text-indent:20px;}
.login-form .inputs input::placeholder,
.login-form .inputs input::-ms-input-placeholder{color:#777777 !important; font-size:16px;}
.login-form .inputs input + input{margin-top:6px;}
*/

.find-wrap .find-opt{text-align:center; padding:30px 0 50px; text-align:center;}
.find-wrap .find-opt label{font-size:20px; margin:0 30px;}
.find-wrap .find-opt label input{width:27px;height:27px; }
.find-wrap .bottom-btns{margin-top:50px;}

.find-info-box{background-color:#F6F6F6; min-height:180px; box-sizing:border-box; padding:30px; display:flex; align-items: center; justify-content: center; max-width:688px; margin:0 auto; text-align:center;}
.find-info-box .guide-txt{color:#4069B4; font-size:22px;}
.find-info-box .registed-info{color:#F07804; font-size:22px; margin-top:15px;}
.find-info-box .user-id{width:100%; max-width:300px; margin-top:15px;}

.find-result-wrap{max-width:688px; margin:0 auto; padding:40px 0;}
.find-result-wrap .btn.wide{width:250px; max-width:100%;}

.admin-login{text-align:center; padding:70px 0; border:1px solid #F07804; width:690px; margin:40px auto; background-color:#fff; box-sizing:border-box;}
.admin-login h2{font-size:30px;color:#2B2B2B; margin-bottom:50px;}
.admin-login .login-form{width:330px; margin:0 auto;}
.admin-login .login-form .row{margin-bottom:10px;}
.admin-login .login-form .row.input input{width:100%; border:1px solid #60B44B;}
.admin-login .login-form .row.opt{display:flex; align-items: center;  font-size:14px;}
.admin-login .login-form .row.opt .checkbox{min-height:25px;}
.admin-login .login-form .row.opt .go-find{margin-left:auto;}
.admin-login .login-form .btn-login{background-color:#4069B4; font-size:16px; width:100%; color:#fff;}

.agree-wrap{border:1px solid #60B44B;}
.agree-wrap .agree-textarea{padding:20px 30px; height:220px; overflow-y:auto; box-sizing:border-box;}
.agree-wrap .agree-check{border-top:1px solid #60B44B; background-color:#F5F5F5; padding:25px 30px; display:flex; align-items: center; font-size:18px; font-weight:500;}
.agree-wrap .agree-check .check-group{margin-left:auto; flex-shrink: 0;}

.certi-wrap{border:1px solid #CDCDCD; padding:57px 0; display:flex;}
.certi-wrap .col{width:50%; text-align:center; padding:30px;}
.certi-wrap .col + .col{border-left:1px solid #CDCDCD;}
.certi-wrap .certi-opt{width:100%; max-width:208px; padding:25px 0; margin:0 auto 30px auto;}
.certi-wrap .certi-opt h4{font-size:18px; font-weight:bold; margin-bottom:10px;}
.certi-wrap .certi-opt:after{display:block;content:''; width:54px;height:54px; margin:0 auto;}
.certi-wrap .certi-opt.kakao{background-color:#FAE100; color:#371C1D;}
.certi-wrap .certi-opt.kakao:after{background:url(../img/contents/certi_kakao.png) center center / cover no-repeat;}
.certi-wrap .certi-opt.naver{background-color:#00C300; color:#fff;}
.certi-wrap .certi-opt.naver:after{background:url(../img/contents/certi_naver.png) center center / cover no-repeat;}
.certi-wrap .btn{width:110px;}

/* mypage */
.btn.member-out{border:1px solid #CCCCCC; }
.btn.member-out:before{display:block; content:''; width:20px;height:20px; background:url(../img/contents/i_out.svg) center center no-repeat; margin-right:7px;}
.btn.pw-change{border:1px solid #CCCCCC; }

.member-out-guide{border:1px solid #ccc; margin-bottom:40px;}
.member-out-guide h5{border-bottom:1px solid #ccc; padding:15px 30px; font-size:18px;}
.member-out-guide .out-contents{background-color:#F8F9FB; padding:30px;}

.lb-approval{display:inline-flex; align-items: center; justify-content: center; height:30px; border:1px solid #707070; color:#707070; font-size:15px; text-align:center; width:90px; max-width:100%; box-sizing:border-box;}
.lb-approval.back{border-color:#707070; color:#707070;}
.lb-approval.ready{border-color:#60B44B; color:#60B44B;}
.lb-approval.end{border-color:#F07804; color:#F07804;}

/* 시스템관리 */
.btn-userInfo{width:44px;height:44px; border-radius:50%; text-align:left;text-indent:-9999px; overflow:hidden; background:#EBEBEB url(../img/contents/i_info.svg) center center no-repeat;}

.pms-type{height:40px; border:1px solid #DEDEDE; display:block; box-sizing:border-box; line-height:38px; padding:0 12px; background-color:#F2F2F2; text-align:left; max-width:200px; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.lb-able{display:inline-flex; align-items: center; justify-content: center; height:30px; border:1px solid #707070; color:#707070; font-size:15px; text-align:center; width:90px; max-width:100%; box-sizing:border-box;}
.lb-able.ing{border-color:#F07804; color:#F07804;}

/* 이용안내 */
.sitemap-wrap .dep1{display:flex; flex-wrap:wrap; margin:0 -10px;}
.sitemap-wrap .dep1 > li{width:calc(25% - 20px); margin:0 10px 30px 10px; }
.sitemap-wrap .dep1 > li > a{display:block; border:1px solid #4069B4; text-align:center; padding:10px; font-size:18px; font-weight:500; color:#2B2B2B;}
.sitemap-wrap .dep2{padding:12px 0;}
.sitemap-wrap .dep2 li{position:relative; padding-left:23px; margin-bottom:5px;}
.sitemap-wrap .dep2 li:before{display:block;content:'';width:11px;height:11px; box-sizing:border-box; border:2px solid #60B44B; position:absolute;left:0;top:10px;}
.sitemap-wrap .dep2 a{font-size:16px; color:#2B2B2B; font-weight:500;}

.privacy-wrap dt{border:1px solid #60B44B; background-color:#F5F5F5; padding:25px 35px; font-weight:600;}
.privacy-wrap dd{padding:25px 35px;}
.privacy-wrap dd > *{margin-bottom:15px;}
.privacy-wrap .front-txt{margin-bottom:30px;}

.agree-textarea .privacy-wrap dt{border:none; background:none; padding:0;}
.agree-textarea .privacy-wrap dd{padding:10px 0;}

.copyright-wrap .box1{border:1px solid #4069B4; background-color:#f5f5f5; padding:35px;}
.copyright-wrap .box2{padding:35px 0;}
.copyright-wrap .box2 p + p{margin-top:20px;}
.copyright-wrap .box3{border:1px solid #F07804; background-color:#f5f5f5; padding:35px; margin-bottom:25px;}
.copyright-wrap .box3 dt{margin-bottom:20px; font-weight:500;}
.copyright-wrap .box4{border:1px solid #60B44B; background-color:#f5f5f5; padding:35px;}

.email-wrap .box1{border:1px solid #4069B4; background-color:#f5f5f5; padding:35px; margin-bottom:25px;}
.email-wrap .box2{border:1px solid #60B44B; background-color:#f5f5f5; padding:35px;}

.error-wrap{text-align:center; width:100%; padding:50px 0;}
.error-wrap .msg-wrap{margin-bottom:110px;}
.error-wrap .msg-wrap:before{display:block;content:''; width:150px;height:150px; margin:0 auto 20px auto; background:url(../img/common/i_error.png) center center / cover no-repeat;}
.error-wrap .msg-wrap .error-msg{font-size:28px; margin-bottom:5px;}
.error-wrap .msg-wrap .error-msg-sub{font-size:22px; color:#4069B4;}



/* 1280 *************************** */
@media all and (max-width:1280px){

    .list-bottom .btn-area.right{position:relative; top:inherit; right:inherit; margin:30px 0 0 0; text-align:right;}

}



/* 1080 *************************** */
@media all and (max-width:1080px){

    .calendar-wrap{width:100%;}
    .schedule-view{width:100%; margin:10px 0 0 0;}

    .newsletter-list .info{display:block;}
    .newsletter-list .info .date{margin:0;}

}

/* 768 *************************** */
@media all and (max-width:768px){

    .tabMenu a{font-size:17px;}

    .pop-container .pop-head h4{font-size:24px;}

    .data-regist table tr td{height:auto;}

    .data-view-info .writer{margin-right:15px;}
    .data-view-info .date{margin-right:15px;}

    /* 시민모니터링 */
    .monitoring-list .title{font-size:18px;}

    /* 알림정보 */
    .newsletter-list .info .title{font-size:18px;}

    /* 협의회소개 */
    .commitee-org1{padding:40px 30px;}
    .commitee-org2{padding:40px 30px;}

    /* 생태환경센터 */
    .greeting-photo p{left:6vw;top:6vw; font-size:3.5vw;}

    .expect-effect{padding:20px;}
    .expect-effect ul{ display:block;}
    .expect-effect li{width:auto;height:auto; padding:20px !important; background:none !important; margin:0 auto 60px auto;}
    .expect-effect li.item1{border:4px solid #7EB7DA;}
    .expect-effect li.item2{border:4px solid #64C0BC;}
    .expect-effect li.item3{border:4px solid #73AA62;}
    .expect-effect li:after{left:50%;top:100%; width:60px; margin-left:-30px; margin-top:15px; transform: rotate(90deg); background-size:auto 80%;} 
    .expect-effect li:last-child{margin:0 auto;} 

    /* 회원 */
    .login-layout .login-form1{width:80%;}
    .login-layout .login-form2{width:80%;}


}

/* 680 *************************** */
@media all and (max-width:680px){

    .data-view-info{flex-wrap:wrap;}
    .data-view-info .title{width:100%; margin-bottom:10px;}
    .data-view-info .writer{margin-left:0;}

    .newsletter-list ul{margin:-20px -10px;}
    .newsletter-list li {width: calc(50% - 20px); margin: 20px 10px; }

    /* 회원 */
    .login-layout{flex-wrap:wrap;}
    .login-layout > .col{width:100%;}
    .login-layout > .col + .col{margin-top:40px;}

    .find-wrap .find-opt{padding:0 0 30px;}
    .find-wrap .find-opt label input{width:20px;height:20px;}
    .find-wrap .find-opt label{font-size:17px; margin:0 10px;}
    .find-wrap .bottom-btns{margin-top:40px;}
    
    
    }

/* 599 *************************** */
@media all and (max-width:599px){

body, html{word-break:break-all;}

.con-title{font-size:18px; background-position:0 3px;}
.con-title + .con-wrap,
.con-wrap-head + .con-wrap{margin-left:0; margin-top:10px;}

.con-wrap + .con-wrap,
.con-wrap + .con-title,
.con-wrap + .con-wrap-head{margin-top:30px;}

.con-wrap + .bottom-btns{margin-top:30px;}

.md-title{font-size:17px;}

.front-box{padding:10px 0 0 90px; margin-bottom:20px; background-size:80px auto;}
.front-box > div{padding:0; background:none !important; min-height:0;}
.front-box > div:before{width:80px;height:80px;}
.front-box .m-txt{font-size:17px;}

.con-table{border-top:2px solid #194c67;}
.con-table table{width:100%; table-layout:fixed;}
.con-table table thead th{padding:10px 3px; font-weight:600; font-size:13px; word-break:break-all;}
.con-table table tbody th{padding:10px 3px; font-size:13px; word-break:break-all;}
.con-table table tbody td{padding:10px 3px; font-size:13px; word-break:break-all;}
.con-table .type-row tbody th{padding:10px;}
.con-table .type-row tbody td{padding:10px;}
.con-table .type-row.cell-center td{text-align:center; padding:10px 5px;}

.tabMenu a{font-size:14px;}

.con-wrap .con-title + .required-guide{font-size:13px;}

.board-list{margin-bottom:20px;}
.bottom-btns + .paging{margin-top:20px;}
.paging + .bottom-btns{margin-top:20px;}

.paging .current{display:inline-flex;}

.board-view{margin-bottom:20px;}
.view-title{font-size:17px; padding:20px 5px; text-align:center;}
.view-info{padding:10px 5px; font-size:14px;}
.view-info .lb{padding-right:5px;}
.view-info .data{padding-left:5px;}
.view-info .writer{width:auto;}
.view-info .writer .lb{width:auto;}
.view-info .data{min-width:0;}
.view-info .date{margin-left:20px;width:auto;}
.view-info .hit{width:auto;}
.view-file{padding:10px 5px;}
.view-file dt{display:none;}
.view-file dd{font-size:14px;}
.view-contents{padding:30px 15px;}

.view-table table{display:block;}
.view-table table colgroup{display:none;}
.view-table table tbody{display:block;}
.view-table table tr{display:block;}
.view-table table th{display:block; padding:10px 15px 5px 15px; border:none;}
.view-table table th:after{display:none;}
.view-table table td{display:block; padding:0 15px 10px 15px; border-bottom:1px solid #d7d7d7;}

.data-view-file .file-item{flex-wrap: wrap;}
.data-view-file .file-down{margin:10px 0 0 0;}

.prev-next-list{margin-top:40px;}
.prev-next-list dt{width:80px;}
.prev-next-list dd{width:calc(100% - 80px); padding:15px;}

.btn.wide{min-width:100px;}
.btn.big{height:45px;line-height:45px; min-width:80px;}
.btn.big.blueLine{line-height:45px;}

.data-regist-top{flex-wrap:wrap;}
.data-regist-top .required-guide{display:block; margin:10px 0 0 0; width:100%;}

.data-regist:not(.type-table) > table{display:block;}
.data-regist:not(.type-table) > table > colgroup{display:none;}
.data-regist:not(.type-table) > table > thead,
.data-regist:not(.type-table) > table > tbody,
.data-regist:not(.type-table) > table tr,
.data-regist:not(.type-table) > table th,
.data-regist:not(.type-table) > table td{display:block;}
.data-regist:not(.type-table) > table > tbody > tr > th{padding:5px 10px; height:auto; border-bottom:none;}
.data-regist:not(.type-table) > table > tbody > tr > th br{display:none;}
.data-regist:not(.type-table) > table > tbody > tr > td{padding:10px; height:auto;}

.input-guide{line-height:1.25em; font-size:14px;}
.input-id + .input-guide,
input + .input-guide{margin:10px 0 0 0; display:block;}

.input-period .datepicker{width:50% !important;}

.input-email{flex-wrap:wrap;}
.input-email input{width:calc(50% - 14px);}
.input-email select{width:100%;}

.input-keyword input{width:calc(100% - 85px);}
.input-keyword .btn-submit{width:80px;}

.input-idcheck  input{width:100%;}

.tel-certi{flex-wrap:wrap;}
.tel-certi .input-tel{width:100%; margin: 0 0 10px 0;}
.tel-certi .btn{width:100%;}

.data-search{flex-wrap:wrap; padding:20px; margin-bottom:20px;}
.data-search > *{width:100% !important; max-width:100%;}

.data-list thead th{line-height:1.16em; padding:5px 1px;}

.data-list:not(.type-table) table{display:block;}
.data-list:not(.type-table) caption,
.data-list:not(.type-table) colgroup,
.data-list:not(.type-table) thead{display:none;}
.data-list:not(.type-table) tbody,
.data-list:not(.type-table) tbody tr,
.data-list:not(.type-table) tbody td{display:block;}
.data-list:not(.type-table) tbody tr{padding:15px 10px; border-bottom:1px solid #dadada; position:relative;}
.data-list:not(.type-table) tbody td{display:inline-block; padding:5px; height:auto; border:none !important;  text-align:left;}
.data-list:not(.type-table) td:empty{display:none;}
.data-list:not(.type-table) td.no{display:block;}
.data-list:not(.type-table) td.check + td.no{display:inline-block;}
.data-list:not(.type-table) td.title{display:block;}
.data-list:not(.type-table) td.title a{font-size:17px;}
.data-list:not(.type-table) td.status{display:block; text-align:left; margin-top:5px;}
.data-list:not(.type-table) td.hit:before{content:'조회수 ';}
.data-list:not(.type-table) td.commt:before{content:'댓글수 ';}
.data-list:not(.type-table) td.rank{position:absolute; right:0; top:18px;}
.data-list:not(.type-table) td.rank:before{content:'우선순위 ';}
.data-list:not(.type-table) td.img img{max-width:100%;}
.data-list:not(.type-table) td.m-full{display:block;}

.data-list.user-list tbody tr{padding-right:70px;}
.data-list.user-list td.cmd{position:absolute; right:10px;top:50%; margin-top:-22px; padding:0;}
.data-list.user-list .pms-type{margin:0;}

.pop-container{padding:20px;}
.pop-container .pop-head{min-height:40px;}
.pop-container .pop-head h4{font-size:20px;}
.pop-container .pop-head .pop-close{background-size:16px auto;}

/* 한강하구 소개*/
.hagu-intro{font-size:16px;}
.hagu-feature{padding:30px 20px;}

/* 시민모니터링 */
.mo-view-detail .photo{width:100%;}
.mo-view-detail .info{width:100%; margin:15px 0 0 0;}

.comment-wrap .cmt-title{padding:15px 10px;}
.comment-wrap .cmt-list .cmt-item{padding:15px 10px;}
.comment-wrap .cmt-list .cmt-item.reply{padding:15px 10px 15px 35px;}
.comment-wrap .cmt-list .cmt-item.reply:before{left:10px;top:15px;}


/* 협의회소개 */
.org-item{font-size:14px; line-height:1.25em;}
.commitee-org1{padding:40px 20px;} 
.commitee-org1 .top{width:200px;}
.commitee-org1 .dep2 > li {margin: 0 1px; width: calc(50% - 2px);}
.commitee-org2{padding:40px 20px;}
.commitee-org2 .top{width:200px;}
.commitee-org2 .dep1 > li { margin: 0 5px; width: calc(100% / 3 - 10px);}
.commitee-intro{font-size:16px;}

.cal-table table th{font-size:15px;}

/* 생태환경소개 */
.center-intro-top{font-size:17px;}
.center-intro-top p b{font-size:16px;}

.environment-status{margin:20px 0 20px -20px;}
.environment-status li{padding:20px 30px; font-size:18px; margin-bottom:10px;}
.environment-status li:before{margin-right: 20px;}

.traffic-info{padding:20px 20px 20px 110px;}
.traffic-info:before{width:80px;height:80px; left:10px; top:10px; margin:0;}

.root_daum_roughmap .wrap_map{height:300px !important;}

/* 회원 */
.agree-wrap .agree-textarea{padding:20px; height:180px;}
.agree-wrap .agree-check{display:block; font-size:15px; padding:20px;}
.agree-wrap .agree-check .check-group{margin:10px 0 0 0;}

.certi-wrap{padding:20px 0; display:flex;}
.certi-wrap .col{padding:20px;}
.certi-wrap .certi-opt h4{font-size:16px;}

.certi-wrap .btn{width:auto;}

.find-info-box{min-height:0; padding:30px 20px; }
.find-info-box .guide-txt{font-size:16px;}
.find-info-box .registed-info{font-size:16px;}

/* 이용안내 */
.privacy-wrap dt{padding:15px;}
.privacy-wrap dd{padding:20px 15px;}
.privacy-wrap dd > *{margin-bottom:15px;}

.copyright-wrap .box1{padding:20px 15px;}
.copyright-wrap .box2{padding:20px 0;}
.copyright-wrap .box3{padding:20px 15px;}
.copyright-wrap .box4{padding:20px 15px;}

.email-wrap .box1{padding:20px 15px;}
.email-wrap .box2{padding:20px 15px;}

.error-wrap{padding:50px 0;}
.error-wrap .msg-wrap{margin-bottom:50px;}
.error-wrap .msg-wrap:before{width:100px;height:100px;}
.error-wrap .msg-wrap .error-msg{font-size:20px;}
.error-wrap .msg-wrap .error-msg-sub{font-size:16px;}

.admin-login{padding:40px 0; width:100%;}
.admin-login h2{font-size:20px; margin-bottom:30px;}
.admin-login .login-form{width:240px;}


}


/* 425 *************************** */
@media all and (max-width:425px){

    .data-search{flex-wrap:wrap; padding:15px;}
    .data-search > .opt{width:100%;}

    .input-tel{width:100%;}

    .comment-wrap .cmt-form{flex-wrap:wrap; padding:15px;}
    .comment-wrap .cmt-form textarea{width:100% !important; height:80px;}
    .comment-wrap .cmt-form .btn-submit{width:100% !important; margin:10px 0 0 0 !important; }

    .comment-wrap .cmt-form-wrap.modify .cmt-form textarea{height:80px;}
    .comment-wrap .cmt-title .user-info .name{margin-right:10px;}

    .comment-wrap .reply-form{flex-wrap:wrap;}
    .comment-wrap .reply-form textarea{width:100% !important; height:80px;}
    .comment-wrap .reply-form .btn-submit{width:100% !important; margin:10px 0 0 0 !important; }

    .traffic-info{padding:20px 20px 20px 90px;}
    .traffic-info:before{width:60px;height:60px;}

    .schedule-view{padding:20px 15px;}

    .monitoring-list .type-big{margin:0;}
    .monitoring-list .type-big li{width:100%; margin:20px 0;}

}