@charset "utf-8";

/* 제목 스타일 */
.title-sub01 {display:inline-block; margin:10px 0 15px; padding:7px 25px 7px 18px; background:#707070; color:#fff; font-size:16px; font-weight:normal; letter-spacing:-0.5px; border-radius:0 18px 18px 0;}
.title-sub01::after {display:block; content:''; clear:both;}

/* tab menu */
.tab-menu {display: flex; display:-ms-flexbox; -ms-flex-wrap:wrap; flex-wrap: wrap; flex-direction: row; margin-bottom:30px; padding-left: 1px}
.tab-menu li {flex: auto; white-space:nowrap; text-align: center}
.tab-menu li a {position:relative; display:block; padding:16px 8px; border:solid 1px #dcdcdc; font-size:14px; letter-spacing:-0.03em; color:#191919; background:#fff; margin-left: -1px; margin-bottom: -1px; transition: all 0.2s ease-in-out;}
.tab-menu li a:hover {border-color: #3F51B5; z-index: 1; color: #3f51b5; font-weight: bold; box-shadow: 0 10px 12px rgba(63, 104, 181, 0.32);}
.tab-menu li a.active {background:#2221d4; border:solid 1px #2221d4; color:#fff; font-weight: bold; z-index:1; box-shadow:0 10px 12px rgba(63, 104, 181, 0.32);}
.tab-menu.c3>li{flex-basis: 33.333333%}
.tab-menu.c4>li{flex-basis: 25%}
.tab-menu.c5>li{flex-basis: 20%}
.tab-menu.c6>li{flex-basis: calc(100% / 6)}
.tab-menu.c7>li{flex-basis: calc(100% / 7)}
.tab-menu.c8>li{flex-basis: calc(100% / 8)}
.tab-menu.c8{padding-left: 0}
.tab-menu.grow0>li{flex-grow : 0}
@media screen and (max-width:1024px){
	.tab-menu>li{flex-basis: 20%}
	.tab-menu>li>a{font-size: 13px}

	.tab-menu.c4>li{flex-basis:50%}
	.tab-menu.c5>li{flex-basis:33.33333%}
	.tab-menu.c6>li{flex-basis:33.33333%}
	.tab-menu.c7>li{flex-basis:20%}
	.tab-menu.c8>li{flex-basis:25%}
	.tab-menu.grow0>li{flex-grow : 1}
}
@media print{
}
.tab-menu-mo {display:none;}

/* 8대분야 */
@media screen{
	.tab-menu.major_catgory{padding: 0; margin: 0 -2px; margin-bottom: 30px}
	.tab-menu.major_catgory>li{width: calc((100% - 10%) / 9)}
	.tab-menu.major_catgory>li.all{width: 10%}
	.tab-menu.major_catgory>li>a{padding: 12px 4px; padding-top: 54px; margin: 0 2px;font-size: .9em; color: #696969; position: relative; box-shadow: none}
	.tab-menu.major_catgory>li>a:hover{box-shadow: none; border-color: #0066ff}
	.tab-menu.major_catgory>li>a.active{background:#fff; border-color:#0066ff; color: #2221d4}
	.tab-menu.major_catgory>li>a:before{content: ""; width: 100%; height: 28px; position: absolute; top: 14px; left: 0; right: 0; background-position:50%; background-repeat: no-repeat; background-size: auto 100%}
	.tab-menu.major_catgory>li.mj_cate_main>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_01.svg)}
	.tab-menu.major_catgory>li.mj_cate_01>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_02.svg)}
	.tab-menu.major_catgory>li.mj_cate_02>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_03.svg)}
	.tab-menu.major_catgory>li.mj_cate_03>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_04.svg)}
	.tab-menu.major_catgory>li.mj_cate_04>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_05.svg)}
	.tab-menu.major_catgory>li.mj_cate_05>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_06.svg)}
	.tab-menu.major_catgory>li.mj_cate_06>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_07.svg)}
	.tab-menu.major_catgory>li.mj_cate_07>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_08.svg)}
	.tab-menu.major_catgory>li.mj_cate_08>a:before{background-image: url(/images/rdsusr/common/mj_cate_img_09.svg)}
	.tab-menu.major_catgory>li>a.active:after{content:""; width:22px; height: 22px; position: absolute; border-radius: 100px; bottom: -14px; left: 50%; margin-left: -11px; background:#2221d4 url(/images/rdsusr/common/mj_cate_icon_act.svg) no-repeat 50%; background-size: 10px auto}
	.tab-menu.major_catgory>li.mj_cate_main>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_main>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_01_on.svg)}
	.tab-menu.major_catgory>li.mj_cate_01>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_01>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_02_on.svg)}
	.tab-menu.major_catgory>li.mj_cate_02>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_02>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_03_on.svg)}
	.tab-menu.major_catgory>li.mj_cate_03>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_03>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_04_on.svg)}
	.tab-menu.major_catgory>li.mj_cate_04>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_04>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_05_on.svg)}
	.tab-menu.major_catgory>li.mj_cate_05>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_05>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_06_on.svg)}
	.tab-menu.major_catgory>li.mj_cate_06>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_06>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_07_on.svg)}
	.tab-menu.major_catgory>li.mj_cate_07>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_07>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_08_on.svg)}
	.tab-menu.major_catgory>li.mj_cate_08>a:hover:before,
	.tab-menu.major_catgory>li.mj_cate_08>a.active:before{background-image: url(/images/rdsusr/common/mj_cate_img_09_on.svg)}
}

@media screen and (max-width: 1024px){
	.tab-menu.major_catgory{flex-wrap: nowrap}
	.tab-menu.major_catgory>li{width: 20%}	
}
@media screen and (max-width: 767px){
	.tab-menu.major_catgory>li>a{font-size: .74em}	
}

/* 검색 STYLE (hj 대폭수정) */
#form-search {width:100%; margin-bottom:40px; padding:20px 25px; background:#f6f6f7;}
#form-search select,
#form-search input {height:34px; width: 100%; margin:0; padding:5px 10px; border:solid 1px #ccc; font-size:14px; vertical-align:middle; background:#fff;}
#form-search input[type="checkbox"] {width:18px; height:18px; padding:0;}
#form-search button {width:10%; height:34px; border: 1px solid #061f4d;background: #061f4d;color: #fff;font-weight:bold; vertical-align:middle;}
#form-search button.reset {background:#fff; border:solid 1px #727982; color:#555b64;}
.list-search {position:relative; overflow:hidden; margin: 0 -4px}
.list-search > li {float:left; width:25%; margin: 6px 0; padding: 0 4px}
.list-search > li.Keywords {clear:both; width:100%;}
.list-search > li > dl > dt, .list-search > li > dl > dd {display:block;}
.list-search > li > dl > dt {color:#404040; font-weight:bold; margin-bottom: 5px}
.list-search > li > dl > dd.date {display:inline;}
.list-search > li > dl > dd ul {width:100%;}
/* .list-search > li > dl > dd ul li {display:inline-block; padding:0 5px 0 10px; border-left:solid 1px #cfcfcf;} */
.list-search > li > dl > dd ul li {display:inline-block; padding:0 5px 0 0px;}
.list-search > li > dl > dd ul li:first-child {border-left:none; padding-left:0;}
.list-search > li.w2{width: 50%}
.list-search > li.w3{width: 33.333%}
.list-search > li.w3_2{width: 66.666%}
.list-search > li.opw2{width: 44.222%}
#form-search .list-search > li.opw2 button{position: absolute; top: 24px; right: 4px; width: 87px; cursor: pointer;}
.list-search > li dd.sel_group > select{border-radius: 0; width: 50% !important; float: left}
.list-search > li dd.sel_group > select+select{margin-left: -1px !important}
.list-search > li dd.sel_group > select:first-child{border-bottom-left-radius: 3px; border-top-left-radius: 3px}
.list-search > li dd.sel_group > select:last-child{border-bottom-right-radius: 3px; border-top-right-radius: 3px}
.list-search > li.w1{width: 100%}
.list-search > li.w1>dl{display: table; width: 100%}
.list-search > li.w1>dl>dt{display: table-cell; width: 17.8%; text-align: right; padding-right: 20px; vertical-align: middle}
.list-search > li.w1>dl>dd{display: table-cell}
#form-search .list-search > li+li.Keywords{padding-top:10px}
#form-search .list-search > li.Keywords{width: 100%; padding-right: 98px; position: relative}
#form-search .list-search > li.Keywords select,
#form-search .list-search > li.Keywords input{float: left}
#form-search .list-search > li.Keywords button{position: absolute; right: 4px; width: 87px; cursor: pointer;}
#form-search .list-search > li.Keywords select{width: 19%; margin-right: 1%}
#form-search .list-search > li.Keywords input{width: 100%}
#form-search .list-search > li.Keywords select+input{width: 80%}
#form-search .list-search > li.Keywords .op1{float: left; width:19%; padding: 9px 0; text-align: center; font-weight: bold; letter-spacing: -0.05em}
#form-search .list-search > li.Keywords .op2{width:100%}
#form-search .list-search > li.Keywords select.op2{margin: 0}
#form-search .list-search > li.Keywords .op1+.op2{width:80%}
@media screen and (max-width:767px){
	#form-search .list-search > li.Keywords select{width: 34%}
	#form-search .list-search > li.Keywords .op1{width: 34%}
	#form-search .list-search > li.Keywords .op1+.op2{width: 66%}
	#form-search .list-search > li.Keywords select+input{width: 65%}
	.list-search > li{width: 50%}
	.list-search > li.w3{width: 100%}
	.list-search > li.w3_2{width: 100%}
	.list-search > li.w1>dl>dt{width: 26%}
	.list-search > li.opw2{width: 38%}
}
@media screen and (max-width:424px){
	#form-search{padding: 10px}
	#form-search input {width:71%;}
	#form-search button {width:100%; margin-top:15px;}
	.list-search > li {width:100% !important}
	#form-search .list-search > li.Keywords{padding-right: 0}
	#form-search .list-search > li.Keywords button{position: relative; width: 100%; margin-top: 10px; right: 0;}
	#form-search .list-search > li.opw2 button{position: relative; top: 0; width: 100%; margin-top: 10px; right: 0;}
	.list-search > li.w1>dl>dt,
	.list-search > li.w1>dl>dd{display: block}
	.list-search > li.w1>dl>dt{width: 100%; text-align: left}
}
@media print {
	#form-search{border: 1px solid #ddd}
	#form-search button{border: 1px solid #555b64}
}

/* 통계검색폼 제외 */
#statisticsPrt .list-search > li > dl > dt,
#statisticsPrt .list-search > li > dl > dd{display: inline-block}
#statisticsPrt .list-search > li > dl > dd.date{display: inline}


#form-search input.input_w01 {width:68%;}

.list-search.edu-search > li > dl > dt, .list-search.edu-search > li > dl > dd {float:left;}
.list-search.edu-search > li > dl > dt {width:10.3%;}
.list-search.edu-search > li > dl > dd {width:89%;}
.list-search.edu-search > li > dl > dd ul li {float:left; width: 25%; margin-bottom: 5px}
@media screen and (max-width:767px){
	.list-search.edu-search > li > dl > dd ul li{width: 50%}
}
.article {float:left; margin-bottom:8px; font-size:13px;}

.list01 {clear:both; display:table; width:100%; margin-top:8px; border-top:solid 1px #cfcfcf;}
.list01 .list-content {display:table; float:left; width:100%; padding:20px 0; border-bottom:solid 1px #e0e0e0;}
.list01 .list-content::after {display:block; content:''; clear:both;}
.list01 .list-content .list-num,
.list01 .list-content .list-txt,
.list01 .list-content .list-file,
.list01 .list-content .list-event,
.list01 .list-content .list-progress {display: table-cell; vertical-align: middle;}
.list01 .list-content .list-num {width:10%; min-width:10%; padding:0 10px; text-align:center;}
.list01 .list-content .list-num span {top:50%; display:inline-block; width:50px; height:24px; margin-top:-12px; line-height:160%; font-size: .88em; font-weight: bold; color:#ff8d08;}
.list01 .list-content .list-num span.text-notice {background:#ff8d08; border-radius:12px; color:#fff;}
.list01 .list-content .list-txt {width:auto; padding:0 10px; /*white-space: nowrap;*/ overflow: hidden;}
.list01 .list-content .list-txt > p{line-height: 1.6}
.list01 .list-content .list-txt > p > a:not([class^='btn']) {color:#505050; font-size:18px; font-weight:bold; line-height:145%;}
.list01 .list-content .list-detail {margin-top:12px;}
.list01 .list-content .list-detail > li {display:inline-block; margin-right:10px; font-size:13px;}
.list01 .list-content .list-detail > li > span {font-size:13px; font-weight:bold;}
.list01 .list-content div.list-detail{line-height: 1.6}
.list01 .list-content div.list-detail *{line-height: inherit}
.list01 .list-content .list-file {width:10%;}
.list01 .list-content .list-file > p.file {position:relative; width:44px; height:44px; margin:0 25px; background:url('../../../images/rdsusr/icon_file01.png') no-repeat center;}
.list01 .list-content .list-file > p.file > span {position:absolute; top:19px; left:12px; display:inline-block; width:18px; height:18px; background:#ff8d08; color:#fff; font-size:13px; text-align:center; line-height:130%; border-radius:50%;}
/* 일괄다운로드(zip) 기능구현으로 css 추가 201906.21 */
.list01 .list-content .list-file > p.file > span > a {color:#fff;}
.list01 .list-content .list-event {width:20%;}
.list01 .list-content .list-event span {display:inline-block; margin: 5px 0; text-align: center;}
.list01 .list-content span.event-place {padding-left:20px; background:url('../../../images/rdsusr/icon_place.png') no-repeat left center;}
.list01 .list-content span.event-date {padding-left:20px; background:url('../../../images/rdsusr/icon_calender.png') no-repeat left center;}
.list01 .list-content .list-progress {width:10%;}
.list01 .list-content .list-progress > span {display:block; width:46px; height:46px; margin:0 24px; font-size:13px; text-align:center; line-height:46px; border-radius:50%; letter-spacing:-1px;}
.list01 .list-content .list-progress > span.ing {background:#ff8d08; color:#fff;}
.list01 .list-content .list-progress > span.end {background:#999; color:#fff;}
.list01 .list-content .list-progress > span.ready {background:#fff; border:solid 1px #ff8d08; color:#ff8d08;}
@media screen and (max-width:767px){
	.list01 .list-content .list-detail > li{display: block; margin-top: 5px}
}

.list02 {clear:both; width:100%; margin-top:8px;}
.list02::after {display:block; content:''; clear:both;}
.list02 > li {float:right; width:49%; margin-bottom:16px; border:solid 1px #cfcfcf; padding:20px;}
.list02 > li:nth-child(2n-1) {float:left;}
.list02 .list-content .list-thum {float:left; margin-right:20px;}
.list02 .list-content .list-thum a {display:block; width:120px; height:155px; overflow:hidden; border:solid 1px #cfcfcf; position: relative}
.list02 .list-content .list-thum a img {width:100%;height:100%;}
.list02 .list-content .list-thum .no-img {position:relative; display:block; width:120px; height:155px; overflow:hidden; background:#ededed; border:solid 1px #cfcfcf;}
.list02 .list-content .list-thum .no-img span {position:absolute; top:50%; margin:-10px 23px 0; color:#aaa; font-size:15px; font-weight:bold;}
.list02 .list-content .list-txt {position:relative; float:left; width:66%}
.list02 .list-content .list-txt .tag{margin-bottom: 10px}
.list02 .list-content .list-txt > p > a {color:#505050; font-size:16px; font-weight:bold; line-height: 1.2; white-space: normal; height: 59px; overflow: hidden; word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.list02 .list-content .list-txt .list-detail {position:absolute; bottom: -60px}
.list02 .list-content .list-txt .list-detail li {margin-top:5px; color:#787878; font-size:13px;}
.list02 .list-content .list-txt .list-detail li span {color:#666; font-size:13px;}

@media print{
	.list02 .list-content .list-thum { width: 40%; margin-right: 3%;}
	.list02 .list-content .list-thum a {width: 100%; height: 0; padding-bottom: 130%; position: relative;}
	.list02 .list-content .list-thum a img { position: absolute;}
	.list02 .list-content .list-txt {width:57%; height: auto}
}


.tag {display:inline-block; padding:5px 10px; font-size:12px; font-weight: bold; border-radius:3px; border:1px solid}
.tag-blue{color: #0066ff}
.tag.tag-fill{color: #fff; border: 0 none}
.tag-blue.tag-fill {background: #0066ff}
.tag-orange {color:#ff9908;}
.tag-orange.tag-fill{background: #ff9908;}
.tag-green {color: #8BC34A}
.tag-green.tag-fill{background:  #8BC34A;}
.tag-gray {color:#a5a5a5}
.tag-gray.tag-fill{background: #b5b5b5;}
.tag.tag-round{border-radius: 100px}

.no-result {width:100%; padding:15px 0 !important; border:dashed 1px #ccc !important; background:#f5f5f5 !important; text-align:center !important;}

#pagenation {clear:both; width:100%; margin:40px 0; text-align:center;}
#pagenation a {display:inline-block; min-width:30px; height:30px; margin:0 2px; padding:0 .6em; border:solid 1px #cfcfcf; border-radius:100px; line-height:220%; vertical-align:middle;font-weight: 800; font-size: 12px;}
#pagenation a:hover {border-color: #333;}
#pagenation a.active {background:#333; border:none; color:#fff;}
#pagenation a.pg_first, #pagenation a.pg_previous, #pagenation a.pg_next, #pagenation a.pg_last {text-indent:-999px; overflow:hidden;}
#pagenation a.pg_first {background:url('../../../images/rdsusr/arrow_first01.png') no-repeat center;}
#pagenation a.pg_first:hover {background:url('../../../images/rdsusr/arrow_first01.png') no-repeat center #f1f1f1; border:solid 1px #cfcfcf;}
#pagenation a.pg_previous {background:url('../../../images/rdsusr/arrow_previous01.png') no-repeat center;}
#pagenation a.pg_previous:hover {background:url('../../../images/rdsusr/arrow_previous01.png') no-repeat center #f1f1f1; border:solid 1px #cfcfcf;}
#pagenation a.pg_next {background:url('../../../images/rdsusr/arrow_next01.png') no-repeat center;}
#pagenation a.pg_next:hover {background:url('../../../images/rdsusr/arrow_next01.png') no-repeat center #f1f1f1; border:solid 1px #cfcfcf;}
#pagenation a.pg_last {background:url('../../../images/rdsusr/arrow_last01.png') no-repeat center;}
#pagenation a.pg_last:hover {background:url('../../../images/rdsusr/arrow_last01.png') no-repeat center #f1f1f1; border:solid 1px #cfcfcf;}

/* view style */
.box-view {width:100%; border-top:solid 2px #ff8d08;}
.box-view::after {display:block; content:''; clear:both;}
.box-view h1.title-view {padding:15px 0; color:#404040; font-size:22px; font-weight:bold;}
.box-view .view-content {float:left; width:100%; margin:15px 0;}
.box-view .view-content li {float:left; width:45%; margin-bottom:5px;}
.box-view .view-content li:nth-child(2n-1) {margin-right:8%;}
.box-view .view-content li dl {float:left; width:100%;}
.box-view .view-content li dl dt {float:left; width:20%; margin-right:3px; padding:10px 2px; border-bottom:solid 1px #888; color:#404040; font-size:13px;}
.box-view .view-content li dl dd {float:left; width:79%; padding:10px 2px; border-bottom:solid 1px #cfcfcf; color:#505050; font-size:13px;}
.box-view .view-content li dl dd a {color:#679dda;}
.box-view .view-text {clear:both; width:100%; line-height:normal;}
.view-text p, .view-text p span, .view-text ul, .view-text ol {line-height:135%;}
.view-text p span {line-height:normal;}
.view-text ul {list-style:disc; margin-left:20px;}
.view-text ul ul {list-style:circle; margin-left:20px;}
.view-text ol {list-style:decimal; margin-left:20px;}
.view-text ol ul {list-style:circle; margin-left:20px;}
.box-file {width:100%; margin:50px 0 30px; border:solid 1px #cfcfcf;}
.box-file tr{page-break-inside: avoid}
.box-file th {width:15%; background:#fff; color:#404040; font-size:16px; border-right:solid 1px #cfcfcf; vertical-align:middle;}
.box-file td {padding:10px 15px;}
.box-file td > .view-file li {display:block; position:relative; line-height:180%;}
.box-file td > .view-file li a {color:#679dda;}
.box-file td > .view-file li span {float: right; color:#b0b0b0; font-size:13px;}

.box-view02 {width:100%; border-top:solid 3px #303F9F;}
.box-view02 h1.title-view {padding:20px 0; color:#404040; font-size:22px; font-weight:bold; text-align:center; line-height: 1.2;}
.box-view02 h1.title-view .year {display:inline-block; margin-right:10px; padding:5px 15px; background:#ff8d08; border-radius:16px; color:#fff; font-size:16px;}
.box-view02 .view-content {display: flex; flex-wrap: wrap; width:100%; margin-bottom:15px; }
.box-view02 .view-content>li {width:50%; border-bottom:solid 1px #cfcfcf;}
.box-view02 .view-content li dl {display: table; width:100%; height: 100%}
.box-view02 .view-content li dl dt {display: table-cell;width:28%; height:38px; padding:5px 15px; background:#f6f6f7; color:#404040; font-size:13px; line-height:1.6; vertical-align: middle}
.box-view02 .view-content li dl dd {display: table-cell;width:72%; height:38px; padding:5px 15px; color:#505050; font-size:13px; line-height:1.6; vertical-align: middle;word-break: break-all;}
.box-view02 .view-content li.col2{width: 100%}
.box-view02 .view-content li.col2 dl dt{width:14%}
.box-view02 .view-content li.col2 dl dd{width:86%}
.box-view02 .view-content>li.col3{width: 33.333333%}
.box-view02 .view-content li dl dd a {color:#2196f3;}
.box-view02 .view-text {clear:both; width:100%; line-height:normal;}
.box-view02 .view-content li dl dt.no-back {background:white;}
/* 사용자 입력 컨텐츠 td 정렬 삭제 */
.box-view02 .view-text td{vertical-align: middle;}

.box-view02 .title-view+.view-content{border-top: 1px solid #cfcfcf}
.box-view02 .view-content li.url {float:left; width:100%; border-bottom:solid 1px #cfcfcf;}
.box-view02 .view-content li.url dl {float:left; width:100%;}
.box-view02 .view-content li.url dl dt {float:left; width:12.5%; height:auto; min-height:38px; max-height:70px; padding:5px 15px; background:#f6f6f7; color:#404040; font-size:13px; line-height:30px;}
.box-view02 .view-content li.url dl dd {float:left; width:87%; height:auto; max-height:70px; padding:5px 15px; color:#505050; font-size:13px; line-height:30px;}
.box-view02 .view-content li.url dl dd a {color:#679dda;}

/* 글 내용 reset없는 게시판 뷰박스(ex:설문조사) */
.box-view03 {width:100%; border-top:solid 3px #ff8d08;}
.box-view03 h1.title-view {padding:20px 0; color:#404040; font-size:22px; font-weight:bold; text-align:center; line-height: 1.2;}
.box-view03 h1.title-view .year {display:inline-block; margin-right:10px; padding:5px 15px; background:#ff8d08; border-radius:16px; color:#fff; font-size:16px;}
.box-view03 {width:100%; border-top:solid 3px #ff8d08;}
.box-view03 h1.title-view {padding:20px 0; color:#404040; font-size:22px; font-weight:bold; text-align:center; line-height: 1.2;}
.box-view03 h1.title-view .year {display:inline-block; margin-right:10px; padding:5px 15px; background:#ff8d08; border-radius:16px; color:#fff; font-size:16px;}
.box-view03 .view-content {display: flex; flex-wrap: wrap; width:100%; margin-bottom:15px; }
.box-view03 .view-content>li {width:50%; border-bottom:solid 1px #cfcfcf;}
.box-view03 .view-content li dl {display: table; width:100%; height: 100%}
.box-view03 .view-content li dl dt {display: table-cell;width:28%; height:38px; padding:5px 15px; background:#f6f6f7; color:#404040; font-size:13px; line-height:1.6; vertical-align: middle}
.box-view03 .view-content li dl dd {display: table-cell;width:72%; height:38px; padding:5px 15px; color:#505050; font-size:13px; line-height:1.6; vertical-align: middle;word-break: break-all;}
.box-view03 .view-content li.col2{width: 100%}
.box-view03 .view-content li.col2 dl dt{width:14%}
.box-view03 .view-content li.col2 dl dd{width:86%}
.box-view03 .view-content>li.col3{width: 33.333333%}
.box-view03 .view-content li dl dd a {color:#2196f3;}
.box-view03 .view-text {clear:both; width:100%; line-height:normal;}
.box-view03 .view-content li dl dt.no-back {background:white;}
.box-view03 .title-view+.view-content{border-top: 1px solid #cfcfcf}
.box-view03 .view-content li.url {float:left; width:100%; border-bottom:solid 1px #cfcfcf;}
.box-view03 .view-content li.url dl {float:left; width:100%;}
.box-view03 .view-content li.url dl dt {float:left; width:12.5%; height:auto; min-height:38px; max-height:70px; padding:5px 15px; background:#f6f6f7; color:#404040; font-size:13px; line-height:30px;}
.box-view03 .view-content li.url dl dd {float:left; width:87%; height:auto; max-height:70px; padding:5px 15px; color:#505050; font-size:13px; line-height:30px;}
.box-view03 .view-content li.url dl dd a {color:#679dda;}

/*컨텐츠 뷰박스 - 지역커뮤니티 및 정책지구*/
.view-contents {width:100%; padding-bottom: 25px;}
.view-contents .view-contents-left {float:left; width:50%; height:400px;}
.view-contents .view-contents-rigth {float:left; width:50%; height:400px;border: 1px solid #ddd; padding: 20px;}
.view-contents .view-contents-rigth .content_sec{height: 100%; overflow-y:auto; padding: 10px}
.view-contents .content_sec,
.view-contents .content_sec p{line-height: 1.4}
.clean{clear:both; }
@media screen and (max-width:767px){
	.view-contents .view-contents-left{float: none; width: 100%}
	.view-contents .view-contents-rigth{float: none; width: 100%; height: auto}
}




/* 사업안내 */
.box-business .fl_l {width:58%;}
.box-business .fl_r {width:40%;}

/* 인포그래픽, 북카페 목록 */
.list-book {clear:both; margin-left: -30px}
.list-book::after {display:block; content:''; clear:both;}
.list-book li {float:left; width:25%; padding:0 0 40px 30px;}
.list-book li a {display:block;}
.list-book li a .img-thum {width:100%; height:0; padding-bottom: 124%; overflow:hidden; position: relative}
.list-book li a .img-thum img {width:100%; height:100%; position: absolute}
.list-book li a .product {margin-top:15px;}
.list-book li a .product .title-book {font-size:15px; color: #3c3c3c; font-weight:bold;white-space: normal; line-height:1.3; height:2.5em; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-book li a .product .data-in {width:100%; margin-top: 18px;}
.list-book li a .product .data-in::after {display:block; content:''; clear:both;}
.list-book li a .product .data-in span {font-size:12px; font-weight: bold; color: #a5a5a5}
.list-book li a .product .data-in span.date {float:left; overflow: hidden;text-overflow: ellipsis; width: 80%; height: 1em; white-space: nowrap}
.list-book li a .product .data-in span.hit {float:right; width: 20%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right}

.list-book li a .img-thum-local {width:210px; height: 130px; overflow:hidden;position: relative;}
.list-book li a .img-thum-local img {width:100%; height:100%;}
@media screen and (max-width:1024px){
	.list-book li {float:left; width:calc(100% / 3)}
}
@media screen and (max-width:550px){
	.list-book li {width:50%;}
}
@media screen and (max-width: 414px){
	.list-book li {clear:both; float:none; width:100%; margin:0 auto 20px;}
	.list-book li>a{border-bottom:solid 1px #cfcfcf; padding-bottom:20px;}
}

/* 동영상 리스트 */
.list-media {clear:both; margin-left: -30px}
.list-media::after {display:block; content:''; clear:both;}
.list-media li {float:left; width:25%; padding:0 0 40px 30px;}
.list-media li a {display:block;}
.list-media li a .img-thum {width:100%; height:0; padding-bottom: 67%; overflow:hidden; position: relative}
.list-media li a .img-thum img {width:100%; height:100%; position: absolute;transition: all 0.3s ease-in-out;}
.list-media li a:hover .img-thum img{-webkit-transform:scale(1.1);transform: scale(1.1);}
.list-media li a .product {margin-top:15px;}
.list-media li a .product .title-media {font-size:1.2em; color: #3c3c3c; font-weight:bold;white-space: normal; line-height:1.3; height:2.5em; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-media li a .product .data-in {width:100%; margin-top: 18px;}
.list-media li a .product .data-in::after {display:block; content:''; clear:both;}
.list-media li a .product .data-in span {font-size:12px; font-weight: bold; color: #a5a5a5; line-height: 1.2;}
.list-media li a .product .data-in span.date {float:left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; width: 80%}
.list-media li a .product .data-in span.hit {float:right; padding: 2px 0; padding-left: 16px; background:url(/images/rdsusr/common/icon_open.png) no-repeat 0 50%}
.list-media li a .product .data-author{font-size:.87em; color:#1976D2; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 1em; white-space: nowrap; margin-top: 10px}
.list-media.c5 li{width:20%}

@media screen and (max-width:1024px){
	.list-media li {float:left; width:calc(100% / 3);}
	.box-file th {font-size:15px;}
}

@media screen and (max-width: 768px) {
	.box-file th {font-size:14px;}
}

@media screen and (max-width:550px){
	.list-media li {float:left; width:50%;}
}
@media screen and (max-width:414px){
	.list-media {padding-top:20px;}
	.list-media li {clear:both; float:none; width:100%; margin:0 auto 20px;}
	.list-media li>a{border-bottom:solid 1px #cfcfcf; padding-bottom:20px;}
}
@media print{
	.list-media li{page-break-inside: avoid}
}


/* 책소개 view Style */
.book-info {float:left; position:relative; width:74%;}
.book-img {float:right; position:relative; width:210px; height:247px; border:solid 1px #cfcfcf; overflow:hidden;}
.book-img img {width:100%; height:auto;}
@media screen and (max-width:1024px){
	.tableB.book-info th {width:20%;}
	.book-info {width:64%;}
}
@media screen and (max-width:823px) {
	.tableB.book-info th {width:25%;}
}
@media screen and (max-width:667px) {
	.book-info {float:none; position:relative; width:100%;}
	.book-img {float:none; position:relative; margin:0 auto 20px; width:240px; height:304px; border:solid 1px #cfcfcf; overflow:hidden;}
	.book-img img {width:100%; height:100%;}
}
@media print{
	.tableB.book-info th {width:20%;}
	.book-info {width:64%;page-break-inside: auto;}
}

/* 동영상 view style */
.box-media {position:relative; width:80%; margin:0 auto 30px;}
.box-media video {width:100%; height:auto;}

/* 정책제안 list style */
.list-proposal {width:100%;}
.list-proposal::after {display:block; content:''; clear:both;}
.list-proposal > li {float:left; position:relative; width:290px; height:300px; padding:20px; margin:0 30px 30px 0; background:#fff; border:solid 1px #cfcfcf; border-radius:15px;}
.list-proposal > li:nth-child(3n) {margin-right:0;}
.list-proposal > li a {display:block;}
.list-proposal > li .title-pro {font-size:16px; font-weight:bold;}
.list-proposal > li .text-pro {margin:10px 0; height:128px; line-height:130%; white-space: normal; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.list-proposal > li .pro-info {position:absolute; bottom:20px;}
.list-proposal > li .pro-info > li {line-height:130%;}
.list-proposal > li .like {position:absolute; right:20px; bottom:20px; width:60px; height:60px; border:solid 1px #ff8d08; border-radius:50%; text-align:center;}
.list-proposal > li .like span {display:block; padding-top:34px; background:url('../../../images/rdsusr/icon_like.png') no-repeat center 10px; font-weight:bold;}

.reply {}
.reply textarea {float:left; margin-right:10px;}
.reply button {width:100px; height:74px; border:solid 1px #fff; border-radius:3px; background:#555b64; color:#fff; line-height:40px; text-align:center;}

.comment {width:100%;}
.comment li {border-bottom:solid 1px #cfcfcf;}
.comment li::after {display:block; content:''; clear:both;}
.comment li .text-com {padding:15px 10px;}
.comment li .info-com {float:left; display:block; width:100%; padding:0 10px 15px;}
.comment li .info-com .id {float:left; font-weight:bold;}
.comment li .info-com .date {float:right; color:#666;}

/* 설문조사 stlye */
.survey01 {margin:20px 0;}
.question {clear:both; margin-bottom:10px; font-size:1.2em;color: #000;}
.question span{font-size:inherit;color: inherit}
.answer li input[type=radio] {vertical-align:top;}
.view-text ul.answer {clear:both; float:left; width:100%; margin:0 0 30px 0; list-style:none; padding: 0 10px}
.survey01 .answer li {float:left; width:33%; margin-top:10px;}
.survey01 .answer li.col2{width: 100%}
.survey01 .answer li.col2 .i_txt[disabled]{display: none}
.survey_title{clear: both; background: #ff8d08; color: #fff; font-weight: bold; line-height: 1.4; padding: 14px 20px;; margin-top: 20px}
.survey_txt1{clear: both;}
.survey02 .answer li {float:left; width:50%; margin-top:10px;}
.survey03 .answer li {float:left; width:100%; margin-top:10px;}
.survey04 .answer li textarea {width:100%; height:80px;}
@media screen and (max-width:767px){
	.survey01 .answer li{width: 50%}
}
@media screen and (max-width:424px){
	.survey01 .answer li{width: 100%}
}

/* table Style */
.tableA {width:100%; border-top:solid 2px #303F9F; border-right:solid 1px #cfcfcf;}
.tableA th, .tableA td {border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf;border-bottom:solid 1px #cfcfcf; vertical-align: middle;}
.tableA th {padding:13px 10px; background:#f6f6f7; white-space: nowrap}
.tableA td {padding:5px 10px;}
.tableA.list td {padding:13px 10px; text-align:center; line-height:135%;}

.tableA.list td .file {display:inline-block; width:20px; height:20px; background:#DEEDF4; color:#f86b10; font-size:11px; font-weight: 800; text-align:center; line-height:20px; border-radius:50%;}
.tableA.list td span.no-file {display:inline-block; width:20px; height:20px; background:#0B74DD; color:#f86b10; font-size:11px; font-weight: 800; text-align:center; line-height:20px; border-radius:50%;}
.tableA.list td .file .file-no {color:#0B74DD; font-size:1em; font-weight: 800}

@media print{
	.tableA{page-break-inside: auto}
}

.tableB {border-top:solid 1px #cfcfcf;}
.tableB th, .tableB td {padding:13px 10px; border-bottom:solid 1px #cfcfcf; vertical-align: middle; line-height: 1.4}
.tableB th {width:15%; background:#ecedef;}
.tableB td a:hover {text-decoration:underline;}

.tableB.list {border-left:solid 1px #cfcfcf;}
.tableB.list th, .tableB.list td {border-right:solid 1px #cfcfcf;}
.tableB.list th {width:auto;}

 /* 세부사업 현황판 임시 추가 2019.08.14 */
.tableC {width:100%; border-top:solid 3px #ff8d08; border-right:solid 1px #cfcfcf;}
.tableC th,
.tableC td {border-left:solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf; vertical-align: middle;}
.tableC th {padding:13px 10px; background:#f6f6f7;}
.tableC td {padding:5px 10px; line-height: 1.4; letter-spacing: -0.04em; }
.tableC.list td {padding:13px 10px; text-align:center; line-height:135%;}
.tableD {width:100%; border-top:solid 2px #303F9F;  border-right:solid 1px #cfcfcf;margin-bottom: 40px;}
.tableD th,
.tableD td {border-left:solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf; vertical-align: middle; padding:13px 10px;}
.tableD th {background:#f6f6f7;}
.tableD td {line-height: 1.4; letter-spacing: -0.04em}
.tableD.list th{}
.tableD.list td {padding:13px 10px; text-align:center; line-height:135%;}


/* file talble */
.fileTable {width:100%; border-top:solid 2px #ff8d08; border-right:solid 1px #cfcfcf; margin-bottom: 5px;}
.fileTable th, .fileTable td {border-left:solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf; vertical-align: middle;}
.fileTable th {padding:5px 10px; background:#f6f6f7;}
.fileTable td {padding:5px 10px; line-height: 1.4; letter-spacing: -0.04em}
.fileTable.list td {padding:3px 10px; text-align:center; line-height:135%;}
.box-file .fileTable th{width: auto; display: table-cell}


.txt-previous, .txt-next {display:inline-block; padding-left:30px;}
.txt-previous {background:url('../../../images/rdsusr/arrow_top02.png') no-repeat left center;}
.txt-next {background:url('../../../images/rdsusr/arrow_bottom02.png') no-repeat left center;}

/* 사용자 입력 컨텐츠 */
.usr_edt,
.usr_edt p{line-height: 1.4}


/* 달력 style */
#calendar-wrap {position:relative;}
#calendar-wrap h2 {padding-bottom:20px; font-size:22px; text-align:center; color: #151515; font-weight: 800;}
#calendar-wrap .calendar-dir {position:absolute; top:0; width:100%;}
#calendar-wrap .calendar-dir li {width:30px; height:30px; overflow:hidden; text-indent:-999px;}
#calendar-wrap .calendar-dir li a {display:block; width:30px; height:30px;}
#calendar-wrap .calendar-dir li.prev {float:left;}
#calendar-wrap .calendar-dir li.prev a {background:url('/images/rdsusr/calendar-dir.png') no-repeat 0 0;}
#calendar-wrap .calendar-dir li.prev a:hover {background:url('/images/rdsusr/calendar-dir.png') no-repeat 0 -40px;}
#calendar-wrap .calendar-dir li.next {float:right;}
#calendar-wrap .calendar-dir li.next a {background:url('/images/rdsusr/calendar-dir.png') no-repeat -40px 0;}
#calendar-wrap .calendar-dir li.next a:hover {background:url('/images/rdsusr/calendar-dir.png') no-repeat -40px -40px;}
#calendar {clear:both; width: 100%;}
#calendar ul {display:flex; display:-ms-flexbox; flex-wrap:wrap; -ms-flex-wrap:wrap; width: 100%;}
#calendar li {flex-basis:0; -ms-flex-preferred-size:0; flex-grow:1; -ms-flex-positive:1; text-align:center; margin-right: -1px; margin-bottom: -1px; padding: 5px; box-sizing: border-box;}
#calendar ul.weekdays {height: 40px; background: #fff; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
#calendar ul.weekdays li {text-align: center; text-transform: uppercase; line-height: 20px; border: none !important; padding: 10px 6px; color: #333; font-size: 14px;}
#calendar .days {}
#calendar .days > li {height:auto; min-height:120px; border: 1px solid #ccc;}
#calendar .days > li:hover {background: #f5f5f5;}
#calendar .date {float: right; padding:3px 5px;}
#calendar .event {display: block; margin-top: 40px;}
#calendar .event li {clear: both; display: block; padding:5px; margin-bottom: 5px; height:auto; border-left: 2px solid #f86b10; background: #fff8eb; text-align:left;}
#calendar .event li a {font-size: 12px; line-height: 1.2; letter-spacing: -0.04em; display: block}
#calendar .event li a:hover {color: #f86b10}
#calendar .event li.co01 {background: #fff8eb; border-color:#ff8d08;}
#calendar .event li.co01>a:hover{color:#ff8d08}
#calendar .event li.co02 {background: #ebfffb; border-color:#14a97a;}
#calendar .event li.co02>a:hover{color:#14a97a}
#calendar .event li.co03 {background: #ebf0ff; border-color:#1471a9;}
#calendar .event li.co03>a:hover{color:#1471a9}
#calendar .event li.co04 {background: #fcf0fc; border-color:#a91488;}
#calendar .event li.co04>a:hover{color:#a91488}
#calendar .other-month {background: #f5f5f5; color: #666;}
#calendar .sun {color:#f30202 !important;}
#calendar .sat {color:#0257f3 !important;}

/* 만족도 조사 및 의견수렴 */
.acceptOpinion {max-width:1150px;padding:35px 50px 50px 50px;margin:50px auto 0 auto;background:#fff;border:1px solid #bbb;}
.acceptOpinion > div {position:relative;overflow:hidden;}
/* 만족도 선택 - 매우만족, 만족, 보통, 불만족, 매우불만족 */
.acceptOpinion .satisfy p {position:relative;top:15px;left:0;font-weight:400;}
.acceptOpinion .satisfy ul {float:right;padding:15px 0;overflow:hidden;}
.acceptOpinion .satisfy li {float:left;}
.acceptOpinion .satisfy li input[type='radio'] {vertical-align:middle;margin-top: 0;}
.acceptOpinion .satisfy li label {margin-left:5px;cursor:pointer;}
.acceptOpinion .satisfy li+li{margin-left: 20px}

/* 의견작성 */
.acceptOpinion .reply {position:relative;}
.acceptOpinion .reply label span {overflow:hidden;display:block;position:absolute;visibility:hidden;width:1px;height:1px;font-size:1px;}
.acceptOpinion .reply input[type='text'] {width:90%;height:40px;line-height:40px;padding:0 5px;background:transparent;border:1px solid #ccc;}
.acceptOpinion .reply input[type='button'] {height:40px;font-weight:400;font-size:14px;color:#fff;line-height:40px;background:#555;border:none;cursor:pointer; padding: 0 10px}
.acceptOpinion .reply input[type='button']:hover,
.acceptOpinion .reply input[type='button']:focus {background-color:#66a6ee;}

/* 일반통계 tree menu */
#statistics-wrap .content-detail{padding-top: 0}
#statistics-wrap .page-control{position: absolute; right: 30px; top: 16px; z-index: 1}
#statistics-wrap .page-control li a{background: #fff}
.jstree_wrap {width: 100%; min-height:500px; padding-left: 20%; position: relative}
.jstree_wrap #sub-title{float: none; position: relative; padding: 20px; padding-left: 30px; margin-left: 30px; letter-spacing: -0.075em; font-weight: normal}
.jstree_wrap #sub-title:before{content: ""; width: 20px; height: 20px; border: 4px solid #f86b10; position: absolute; left: 0; top:28px}
.jstree_wrap #sub-title:after{content: none}
.jstree_wrap #sub-title>small{letter-spacing: -0.04em; margin-left: 14px; font-size: 0.42em;}
.jstree_wrap #sub-title.in_txt>strong{display: table-cell; color:inherit; font-size: 1em; white-space: nowrap}
.jstree_wrap #sub-title.in_txt>small{display: table-cell; padding-left: 20px; vertical-align: middle; line-height: 1.4}
.jstree_wrap .statics_tit_wrap #sub-title04{position: relative; top: 3px}
.jstree_left {position: absolute; width: 20%; box-sizing: border-box; padding: 20px 0 40px 30px; top: 0; bottom: 0; left: 0; }
.jstree_left .jstree_stats_title_div {width:100%; height:50px; background:#ffc000; border:solid 1px #feb300; color:#fff; font-weight: bold;}
.jstree_left .jstree_stats_title_div > h3 {text-align: center;  color: #fff; font-size: 36px; line-height: 1.2; margin: 0px 0px;}
.jstree_left .tree_menu {width:100%; height: 100%; overflow-y: auto;background: #fff;border-top: 5px solid #222; padding: 10px}
.jstree_left .tree_menu>.jstree-children{padding-bottom: 10px; overflow-x:auto}
.jstree_right {width: 100%; box-sizing: border-box;margin: 0;padding: 0 30px 30px;}
.jstree_right h3#sub-title02 {margin: 0px 10px;}
.jstree_right .statContent {width: 100%; overflow-x: auto;}
/* .jstree_right .statContent .form-search {width:100%; margin-bottom:40px; padding:20px 25px; background:#f6f6f7; border:solid 1px #ddd;} */
.jstree_right .statContent .form-search {width:100%; margin-bottom:10px; padding:20px 25px; background:#f6f6f7; border:solid 1px #ddd;}
.jstree_right .statContent .form-search select, .jstree_right .statContent .form-search input {height:34px; margin:0; padding:5px 10px; border:solid 1px #ccc; font-size:14px; vertical-align:middle; background:#fff;}
.jstree_right .statContent .form-search input[type="checkbox"] {width:18px; height:18px; padding:0;}
.jstree_right .statContent .form-search input[type="radio"] {width:18px; height:18px; padding:0;}
.jstree_right .statContent .form-search input {width:78%;}
.jstree_right .statContent .form-search button {width:10%; height:34px; background:#555b64; border:0; color:#fff; font-weight:bold; vertical-align:middle;}
.jstree_right .statContent .form-search button.reset {background:#fff; border:solid 1px #727982; color:#555b64;}
.jstree_right .statContent .form-search .list-search dl dd input[type='button'] {width: 85px;height: 30px;font-weight: 100;font-size:14px;color:#fff;line-height: 20px;background:#555;border:none;cursor:pointer;}
.jstree_right .statContent .form-search .list-search dl dd input[type='button']:hover,
.jstree_right .statContent .form-search .list-search dl dd input[type='button']:focus {background-color:#66a6ee;}
.statics_tit_wrap{background: #fff; padding: 20px; margin-bottom: 10px;box-shadow: 1px 3px 2px #e4e4e4;}
.statics_tit_wrap .chartBtn{margin: 0}
.statics_tit_wrap #sub-title02{padding: 0}
.statics_tit_wrap:after{content: ""; display: block; clear: both}
.statics_box_wrap{background: #fff; padding: 20px 20px 0 0; margin: 20px 0 20px 0;border: solid 1px #ddd}
/*.statics_box_wrap{background: #fff; padding: 20px; margin-bottom: 10px;box-shadow: 1px 3px 2px #e4e4e4}*/
.jstree_wrap.wrap2{padding-left:15.66%}
.jstree_wrap.wrap2 .jstree_left{width:15.66%}
/* 버튼 오른쪽에 위치 */
.statics_box_wrap.in_bt_right .dt-buttons{float:right}
.statics_box_wrap.in_bt_right h4+.dataTables_wrapper .dt-buttons{margin-top:-20px}
@media print {
	.jstree_wrap{padding-left: 0}
	.jstree_left{display: none}
	.jstree_right .statContent .form-search .list-search dl dd input[type='button']{border: 1px solid #555}
}

/* 일반통계 시도/시군구 검색 레이어팝업 */
.popup-stat-search-layer {position: absolute; z-index: 10000; top: 0; left: 0; 	right: 0}
.popup-stat-search-layer:before { content: ' '; position: fixed; top: 0; left: 0; right: 0; bottom: 0;	background-color: rgba(0,0,0,0.5);}
.popup-stat-search {position:absolute; top:200px; left:50%; width:510px; margin:0 0 0 -255px; background:#fff; border:solid 4px #f86b10;}
.popup-stat-search h2 {margin:56px 0 20px; text-align:center; color:#404040; font-size:28px; font-weight:bold;}
.popup-stat-search .text-stat {color:#787878; text-align:center;}
.select-checkbox-area {width:280px; margin:30px auto;}
.select-checkbox-area p {margin-top:14px; font-size:13px; letter-spacing:-0.5px;}
.box-stat {width:100%; margin-top: 10px;}
.box-stat-left {width:48%; height:325px; float:left; margin: 10px 0px 0px 10px; border: 1px solid #cfcfcf; overflow: auto;}
.box-stat-right {width:48%;height:325px;float:left;margin: 10px 0px 0px 0px;border: 1px solid #cfcfcf; overflow: auto;}
.btnArea-stat {width:100%; margin:30px auto 0;padding: 15px 0 15px;border-top:dashed 1px #ccc;text-align:center;margin-top: 340px;}
.btnArea-stat button.btn-stat {width:100px; height:40px; margin-top:5px; background:#f86b10; border:0; color:#fff; font-size:16px; cursor:pointer;}
.btn-close {cursor:pointer; position:absolute; top:0; right:0;}

/* 용어사전*/
.list-search > li > dl > dd ul li a:hover,
.list-search > li > dl > dd ul li a.active {color:#ff8401; text-decoration:underline;}
#classDiv {width:100%; margin-bottom:40px; padding:10px 15px; background:#f6f6f7; border:solid 1px #ddd;}
.classDivScroll{max-height:200px; overflow-x: hidden; overflow-x: auto;}
.list-terms {position:relative; width:100%; overflow:hidden;}
.list-terms > li > dl > dd ul li {float:left; width:32%; margin: 4px; height: 30px;}
.list-terms > li > dl > dd ul li a:hover,
.list-terms > li > dl > dd ul li a.active {color:#ff8401; text-decoration:underline;}

#dataInfo{width:100%; padding: 20px 0; background:#ecedef; color: #404040; text-align: center;}
#dataInfo > .title-view {font-size: 22px; font-weight: bold; }
#detailDiv {width:100%; padding:30px 15px;}

@media screen and (max-width:1366px){
	.acceptOpinion .satisfy p{top: 0}
	.acceptOpinion .satisfy ul {float:left;padding:15px 0;overflow:hidden;margin-top: 10px;}
}

@media screen and (max-width:1024px)
{
  /* 콘텐츠 수정 */
  #form-search input {width:76%;}
  .list01 .list-content .list-event {width:25%;}
	.list02 .list-content .list-thum{width: 40%; margin-right: 3%}
	.list02 .list-content .list-thum a{width: 100%; height: 0; padding-bottom: 130%; position: relative}
	.list02 .list-content .list-thum a img{position: absolute}
  .list02 .list-content .list-txt {width:57%; height: auto}


  /* 사업안내 */
  .box-business .fl_l {width:100%;}
  .box-business .fl_r {width:100%; margin-top:10px;}

  #form-search input.input_w01 {width:64% !important;}

  .list-search.edu-search > li > dl > dt {width:13%;}
  .list-search.edu-search > li > dl > dd {width:86%;}
  .list-search.edu-search > li > dl > dd ul li {margin-bottom: 8px;}




  .list-proposal > li {width:230px;}
  .list-proposal > li .text-pro {white-space: normal; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
  #pagenation {margin:40px 0 0;}

  .reply textarea {width:85%;}

  .acceptOpinion .satisfy ul {float:left;padding:15px 0;overflow:hidden;margin-top: 10px;}
  .acceptOpinion .reply input[type='text'] {width:80%;height:40px;line-height:40px;padding:0 5px;background:transparent;border:1px solid #ccc;}
  .acceptOpinion .reply input[type='button'] {width:17%;height:40px;font-weight:400;font-size:14px;color:#fff;line-height:40px;background:#555;border:none;cursor:pointer;}

  .list-search > li.opw2{width: 43%}
}

@media screen and (max-width:823px) {
  /* 콘텐츠 수정 */
  .page-control li {display:none;}
  .page-control li:first-child {display:none;}

  #form-search input {width:72%;}

/*   .list-search > li > dl > dd ul li  {padding:0 2px 0 7px;} */
  .list-search > li > dl > dd ul li  {padding:0 7px 0 0px;}

  .box-view .view-content li {width:48%;}
  .box-view .view-content li:nth-child(2n-1) {margin-right:3%;}

  .list02 > li {clear:none; float:right; width:49%; padding: 14px}
  .list02 > li:nth-child(2n-1) {float:left;}


  /* 정책제안 list style */
  .list-proposal {width:100%;}
  .list-proposal::after {display:block; content:''; clear:both;}
  .list-proposal > li {float:left; position:relative; width:48%; margin:0 4% 30px 0;}
  .list-proposal > li:nth-child(3n) {margin-right:4%;}
  .list-proposal > li:nth-child(2n) {margin-right:0;}


  .acceptOpinion .reply input[type='text'] {width:80%;height:40px;line-height:40px;padding:0 5px;background:transparent;border:1px solid #ccc;}
  .acceptOpinion .reply input[type='button'] {width:17%;height:40px;font-weight:400;font-size:14px;color:#fff;line-height:40px;background:#555;border:none;cursor:pointer;}

  .list-search > li.opw2{width: 43%}
}

@media screen and (max-width:812px) {
  .acceptOpinion .satisfy ul {float:left;padding:15px 0;overflow:hidden;margin-top: 10px;}
  .list-terms > li > dl > dd ul li {float:left; width:50%; margin: 4px 0; height: 30px;}
}

@media screen and (max-width:767px) {
  /* 콘텐츠 수정 */
  #form-search input {width:74%;}

/*   .list-search > li > dl > dd ul li  {padding:0 1px 0 5px;} */
  .list-search > li > dl > dd ul li  {padding:0 5px 0 0px;}


  .list-search.edu-search > li > dl > dt {width:13.5%;}
  .list-search.edu-search > li > dl > dd {width:85%;}



  .reply textarea {width:83%;}

  .acceptOpinion .satisfy ul {float:left;padding:15px 0;overflow:hidden;margin-top: 10px;}
  .acceptOpinion .reply input[type='text'] {width:80%;height:40px;line-height:40px;padding:0 5px;background:transparent;border:1px solid #ccc;}
  .acceptOpinion .reply input[type='button'] {width:17%;height:40px;font-weight:400;font-size:14px;color:#fff;line-height:40px;background:#555;border:none;cursor:pointer;}
  .list-terms > li > dl > dd ul li {float:left; width:50%; margin: 4px 0; height: 30px;}

  .list-search > li.opw2{width: 42%}
}
@media screen and (max-width:767px) {
	#calendar ul.weekdays, #calendar .other-month {display: none;}
  #calendar li {flex-basis: auto; display:block; width: 100%; height:auto !important; padding: 10px; margin-bottom: -1px;}
  #calendar .date {float: none; text-align:left; font-weight:bold;}
  #calendar .days > li {min-height: 46px;}
  #calendar .event {margin-top:20px;}
	
	.box-view02 .view-content li.col3{width: 100%}
	.box-view03 .view-content li.col3{width: 100%}
}
@media screen and (max-width:736px) {
  .list-search.edu-search > li > dl > dt {width:16%;}
  .list-search.edu-search > li > dl > dd {width:84%;}

  .acceptOpinion .satisfy ul {float:left;padding:15px 0;overflow:hidden;margin-top: 10px;}
  .acceptOpinion .reply input[type='text'] {width:80%;height:40px;line-height:40px;padding:0 5px;background:transparent;border:1px solid #ccc;}
  .acceptOpinion .reply input[type='button'] {width:17%;height:40px;font-weight:400;font-size:14px;color:#fff;line-height:40px;background:#555;border:none;cursor:pointer;}
  .list-terms > li > dl > dd ul li {float:left; width:50%; margin: 4px 0; height: 30px;}
}

@media screen and (max-width:667px) { /* iphone 가로*/
  #form-search input {width:72%;}
	.box-view02 h1.title-view {text-align:left;}
	.box-view02 .view-content li dl dt {width:30%;}
	.box-view02 .view-content li dl dd {width:70%;}
	.box-view02 .view-content li.col2 dl dt{width:15%}
	.box-view02 .view-content li.col2 dl dd{width:85%}
	
	.box-view03 h1.title-view {text-align:left;}
	.box-view03 .view-content li dl dt {width:30%;}
	.box-view03 .view-content li dl dd {width:70%;}
	.box-view03 .view-content li.col2 dl dt{width:15%}
	.box-view03 .view-content li.col2 dl dd{width:85%}

  #form-search input.input_w01 {width:61% !important;}

  .list02 .list-content .list-txt > p > a {height: 40px; -webkit-line-clamp: 2;}


  .list-proposal > li {width:46%; margin:0 2% 20px;}
  .list-proposal > li:nth-child(3n) {margin:0 2% 20px;}

  .reply textarea {width:81%;}


  .acceptOpinion .satisfy ul {float:left;padding:15px 0;overflow:hidden;margin-top: 10px;}
  .acceptOpinion .reply input[type='text'] {width:80%;height:40px;line-height:40px;padding:0 5px;background:transparent;border:1px solid #ccc;}
  .acceptOpinion .reply input[type='button'] {width:17%;height:40px;font-weight:400;font-size:14px;color:#fff;line-height:40px;background:#555;border:none;cursor:pointer;}
  .list-terms > li > dl > dd ul li {float:left; width:50%; margin: 4px 0; height: 30px;}

  .list-search > li.opw2{width: 40%}
}

@media screen and (max-width:550px)
{
  /* 콘텐츠 수정 */
  #form-search input {width:61%;}
  #form-search button {width:15%}

  .list01 .list-content .list-event {display:block; width:100%; margin-top:8px; padding-left:16%;}
  .list01 .list-content .list-event span {width:49%; text-align:left;}
  .list01 .list-content .list-file {display:none;}
  .list01 .list-content .list-progress {display:none;}

  .list02 > li {clear:both; width:100%;}
	.list02 .list-content .list-txt > p > a{height: auto; -webkit-line-clamp:3}
	.list02 .list-content .list-txt .list-detail{position:static; margin-top: 20px}

  .none-mo {display:none !important;}
	.mo_fix1{width: 40%}

  .box-view .view-content li {width:49%;}
  .box-view .view-content li:nth-child(2n-1) {margin-right:1%;}
  .box-view .view-content li dl dt {width:25%;}
  .box-view .view-content li dl dd {width:72%;}

	.box-view02 .view-content>li {width:100%;}
	.box-view02 .view-content li dl dt {width:35%;}
	.box-view02 .view-content li dl dd {width:64%;}
	.box-view02 .view-content li.col2 dl dt{width:35%}
	.box-view02 .view-content li.col2 dl dd{width:64%}
	
	.box-view03 .view-content>li {width:100%;}
	.box-view03 .view-content li dl dt {width:35%;}
	.box-view03 .view-content li dl dd {width:64%;}
	.box-view03 .view-content li.col2 dl dt{width:35%}
	.box-view03 .view-content li.col2 dl dd{width:64%}

  .box-file th {width:18%;}
  .tableB th {width:18%;}

	.acceptOpinion{padding: 20px 25px 25px 25px}

  .acceptOpinion .satisfy ul {padding:15px 0;overflow:hidden;margin-top: 10px;}
	.acceptOpinion .satisfy li{float: none;}
	.acceptOpinion .satisfy li+li{margin-left: 0; margin-top: 10px}
  .acceptOpinion .reply input[type='text'] {width:100%;height:40px;line-height:40px;padding:0 5px;background:transparent;border:1px solid #ccc;}
  .acceptOpinion .reply input[type='button'] {	width:100%;height:40px;font-weight:400;font-size:14px;color:#fff;line-height:40px;background:#555;border:none;cursor:pointer;	}
  .list-terms > li > dl > dd ul li {float:left; width:50%; margin: 4px 0; height: 30px;}

  .list-search > li.opw2{width: 38%}

	.tab-menu {display:none;}
	.tab-menu-mo {display:block; width:100%; height: auto; margin-bottom:20px; padding:12px 10px}
	.tab-menu.mo-view{ -webkit-display:flex; display:flex;}
}

@media screen and (max-width:414px){ /* iphone 6/7/8/ plus */

  /* 콘텐츠 수정 */
  .box-business .fl_l .tableB th {width:25%;}

  #form-search input.input_w01 {width:71% !important;}

  .list01 .list-content .list-num {display:none;}
  .list01 .list-content .list-txt {width:100%;}
  .list01 .list-content .list-event {display:block; width:100%; margin-top:8px; padding:0 10px;}


  .box-view .view-content li {width:100%;}

  .box-file th {display:none;}
  .tableB th {width:10%;}
  .txt-previous, .txt-next {padding:0; text-indent:-9999px; overflow: hidden; width: 10px}


  .list-proposal > li {width:100%; margin:0 0 20px;}
  .list-proposal > li:nth-child(3n) {margin:0 0 20px;}

  .reply textarea {width:100%;}
  .reply button {clear:both; float:right; height:40px; margin-top:10px;}

  .list-terms > li > dl > dd ul li {float:left; width:100%; margin: 4px 0; height: 30px;}

}

@media screen and (max-width:375px){ /* iphone 6/7/8/X */
  #form-search input {width:67%;}
  #pagenation a {width:28px; height:28px; margin:1px;}

  #form-search input.input_w01 {width:67% !important;}

  .list02 > li {margin:0; padding:15px 0; border:none; border-bottom:solid 1px #cfcfcf;}

  .ellipsis-mo {display: inline-block; width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

@media screen and (max-width:360px){ /* Galaxy note3 */
  #form-search input {width:66%;}

  #form-search input.input_w01 {width:65% !important;}

  .list02 .list-content .list-txt {width:57%;}

	.box-view02 .view-content li dl dt {width:40%; height:auto;}
	.box-view02 .view-content li dl dd {width:60%; height:auto;}
	.box-view02 .view-content li.col2 dl dt{width:40%; height:auto;}
	.box-view02 .view-content li.col2 dl dd{width:60%; height:auto;}
	
	.box-view03 .view-content li dl dt {width:40%; height:auto;}
	.box-view03 .view-content li dl dd {width:60%; height:auto;}
	.box-view03 .view-content li.col2 dl dt{width:40%; height:auto;}
	.box-view03 .view-content li.col2 dl dd{width:60%; height:auto;}

}

.none-all{display: none !important;}

/* 191212 프린트 추가 설정 */
@media print {
	.DEXT_fiVe_UP_uploadbox_txt ol li .fname{overflow: hidden !important}
	.DEXT_fiVe_UP_uploadbox_txt ol li .fname span{width: 100% !important}

	/* 개별 프린트 css */
	.none-prnt{display: none}
	.prnt_ellp_line2{display: block; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.2; height: calc(1em*1.2*2); text-overflow: ellipsis}

}