/* 데이터 신청 (팝업)!!*/
.w100p{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.popup{display: none;}

/* line 1550, scss/common.scss */
aside dl dd .typeSelect .radioGroupCustom {
	display: none;
	text-align: left;
	border: 1px solid #cdd2d9;
	border-top: 0;
}

/* line 1551, scss/common.scss */
aside dl dd .typeSelect .radioGroupCustom .radio {
	display: inline-block;
	height: 38px;
	margin-left: 8px;
	line-height: 38px;
}

/* line 1553, scss/common.scss */
aside dl dd .typeSelect .radioGroupCustom .radio label {
	display: block;
	width: auto;
	height: 38px;
	color: #777777;
	font-weight: bold;
	font-size: 13px;
	line-height: 38px;
	padding-left: 22px;
	background-position: left center;
}

/* line 1554, scss/common.scss */
aside dl dd .typeSelect .radioGroupCustom .radio input[type='radio']:checked + label {
	color: #454545;
}
/* 데이터 신청 (팝업)!!*/

/* 테이블정의서, 코드정의서 다운로드 !!*/
.btnCont button{display: inline-block;height:30px;margin:0 2px;padding:0 7px 0 25px;border:1px solid #afb1b8;box-sizing: border-box;font-size:16px;border:1px solid #afb1b8;border-radius:3px;line-height:28px;font-size:13px;font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;}
.btnCont .btnExel{background: url("../../images/ico/ico-exel.png") no-repeat 8px center;color:#222222;}
/* 테이블정의서, 코드정의서 다운로드 !!*/


/* 검색어 자동완성 */
.searchArea .innerSearch .searchWrap .autoSearchBox {
	position: relative;
	width: 505px;
	border-radius: 0 5px 5px 0;
	color: #454545;
	font-family: 'Noto Sans';
	font-size: 15px;
	background: #fff;
	z-index: 999999; 
}


.searchArea .innerSearch .searchWrap .autoSearchBox dl {
	position: absolute;
	width: 505px;
	text-indent: 7px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px #aaa;
	text-align: left;
}

.searchArea .innerSearch .searchWrap .autoSearchBox dl dd > a {
	display: block;
	line-height: 20px;
	width: 480px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 검색어 자동완성 */


/* 카테고리 검색*/
#content.dataSet .selectFilter .boxWrap .filterCtList {
	float: left;
	width: 880px;
}

#content.dataSet .selectFilter .boxWrap .filterCtList li {
	float: left;
	color: #2860e0;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: bold;
}

#content.dataSet .selectFilter .boxWrap .filterCtList li a {
	display: inline-block;
	margin: 0 0 7px 27px;
	padding-right: 20px;
	background: url("../../images/btn/btn-filter-remove.png") no-repeat right center;
}
/* 카테고리 검색*/

/*문자 강조!! */
.highlight{backgroud-color:white; color: #FFA500;}
/*문자 강조!! */


/*버튼영역*/
.btnArea1 button, .btnArea1 a{display: inline-block;width:90px;height:34px;margin:0 3px;border-radius:3px;line-height:32px;background:#5b5b5b;color:#fff;font-size:13px;font-family: "맑은 고딕";font-weight:bold;vertical-align: top;text-align: center;}
.btnArea1 .whiteType{background: #fbfcfd;border:1px solid #858992;box-sizing: border-box;color:#454545;}
.btnArea1 .lightGrayType{background: #a0a7b4;}
.btnArea1 .deepGrayType{background: #5b5b5b;}
.btnSearch2 {display: inline-block;height: 25px;padding: 0 6px;font-family: "맑은 고딕";font-weight: normal;background: #aaacaf;}
/*버튼영역*/

.table .btnAdd2 {
	background: #4e93f0;
}


.table .btnAdd2:hover {
	background: #aaacaf; 
}

.table .btnAdd2 {
	display: inline-block;
	height: 26px;
	padding: 0 6px;
	font-family: "맑은 고딕";
	font-weight: normal;
}


.popupPd input[type="text"].calendar {
	float: left;
	background: #fff url("../../images/input/ico-cal.png") no-repeat 90% center;
}

.popupPd input[type="text"].calendar:focus {
	background: #fff url("../../images/input/ico-cal-active.png") no-repeat 90% center;
}

.evalList .summary .btnArea button.btnEval1 {
	background-image: url("../../images/btn/ico-e-eval.png");
}

.evalList .summary .btnArea button.btnEval1:hover {
	background-image: url("../../images/btn/ico-e-eval-hover.png");
}

.evalList .summary .btnArea button.btnError1 {
	background-image: url("../../images/btn/ico-e-caution.png");
}

.evalList .summary .btnArea button.btnError1:hover {
	background-image: url("../../images/btn/ico-e-caution-hover.png");
}


.checkbox.disabled label {
	background: url("../../images/input/bg-checkbox-disable.png") no-repeat;
}

.checkbox.disabled input[type="checkbox"]:checked + label {
	background: url("../../images/input/bg-checkbox-disable.png") no-repeat;
}

.sliderDetail .item .box:hover .boxWrap1, .sliderDetail .item .box.active .boxWrap1 {
	border: 1px solid #3673e2;
	box-shadow: 0 0 3px 1px #3673e2;
}


.sliderDetail .item .boxWrap1 {
	max-height: 192px;
	padding: 16px 15px 13px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	transition: 0.25s;
	cursor: pointer;
	background: #fff;
}

.sliderDetail .item .boxWrap1:focus, .sliderDetail .item .boxWrap1:active {
	outline: 0;
}
.sliderDetail .item .boxWrap1 .boxwrap_header{
	display:flex;
}
.sliderDetail .item .boxWrap1 .strong {
	margin-bottom: 9px;
	padding-left: 4px;
	color: #222222;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
	text-align: left;
	white-space: normal;
	line-height: 1.2;
	height: 1.4em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sliderDetail .item .boxWrap1 .strong:hover .tooltip {
	display: block;
	width: 170px;
	height: max-content;
	left: calc(50% - 95px);
	bottom: 130px;
	text-align: left;
	padding: 10px;
	z-index: 1000;
}

.sliderDetail .item .boxWrap1 .star {
	margin-left: 40px;
}

.sliderDetail .item .boxWrap1 .starPoint {
	margin-left: 5px;
	font-size: 17px;
	color: #f93048;
	font-family: 'Noto Sans Medium';
}
.sliderDetail .item .slider_thumb_wrap{
	display:block;width:199px;height:110px;
}
.sliderDetail .item .boxWrap1 p {
	margin-bottom: 9px;
}

.sliderDetail .item .boxWrap1 .tag {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	border-radius: 15px;
	font-size: 11px;
	font-weight: bold;
	font-family: '맑은 고딕';
	white-space:nowrap;
}

.sliderDetail .item .boxWrap1 .tag.blue {
	color: #3d6ce2;
	border: 1px solid #6a91f5;
}

.sliderDetail .item .boxWrap1 .tag.green {
	margin-left: 3px;
	color: #0e98a4;
	border: 1px solid #27b9bc;
}

.sliderDetail .item .boxWrap1 button {
	width: 88px;
	height: 34px;
	margin-top: 11px;
}

.sliderDetail .item .boxWrap1 button:hover {
	background: #3673e2;
}

.popup .popupHeader1 {
	position: relative;
	width: 100%;
	height: 52px;
	line-height: 52px;
	background: linear-gradient(to right, #3670d7, #339ee5);
	border-radius: 3px 3px 0 0;
}

.popup .popupHeader1 h3 {
	padding: 0 22px;
	color: #fff;
	font-size: 20px;
	font-family: 'Noto Sans';
	font-weight: normal;
}

.popup .popupHeader1 .btnClose {
	position: absolute;
	right: 21px;
	top: 16px;
	width: 23px;
	height: 21px;
	background: url("../../images/btn/btn-popup-close.png");
}

.mapArea {
	width: 100%;
	height: 244px;
	margin-bottom: 40px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	text-align: center;
}

.btnTopList {
	position: fixed;
	right: 100px;
	bottom: 30px;
	display: block;
	width: 60px;
	height: 60px;
	line-height: 65px;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	font-size: 12px;
	font-family: '맑은 고딕';
	font-weight: bold;
	background: #010408 url("../../images/sts/statsIcon/ico-list-custom.png") no-repeat center 13px;
	transition: 0.3s;
	box-shadow: 2px 2px 3px #000;
}

.btnTopList:hover {
	color: #010408;
	background: #fff url("../../images/sts/statsIcon/ico-list-custom-hover.png") no-repeat center 13px;
}


.banner.type2 {
	background: #e8ecf8 url("../../images/lnb/bg-mydata-type2.png") no-repeat right -78px top -50px;
}

.banner.type2 strong {
	color: #253f92;
}

.banner.type2 .blue {
	background: #3a5fd1;
}

.banner.type2 .bulletImg {
	background: url("../../images/lnb/ico-mydata-type2.png") no-repeat;
}



/*모두드림 데이터 평가하기*/
#evlArea .commentWrap .radioGroup {
	margin-top: -13px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
}

#evlArea .commentWrap .radioGroup label {
	display: inline-block;
	padding-left: 25px;
    padding-bottom: 1px;
    margin-left: 15px;
}

.commentGroup textarea {
	float: left;
	width: calc(100% - 80px);
	padding: 15px;
	height: 78px;
}

.commentGroup button {
	float: left;
	width: 80px;
	height: 78px;
}

.replyList .replyBox .replyWrap .btnGroup2 {
	right: 20px;
	bottom: 10px;
	top: auto;
    position: absolute;
}

.replyList .replyBox .replyWrap .btnGroup2 button {
	width: 37px;
	height: 37px;
}

.replyList .replyBox .replyWrap .btnGroup button.btnListUp2 {
	display: none;
	background: url("../../images/btn/btn-list-up-type3.png");
}

/* line 2066, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListUp2:hover {
	background: url("../../images/btn/btn-list-up-hover.png");
}

/* line 2068, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListDown2 {
	background: url("../../images/btn/btn-list-down-type3.png");
}

/* line 2069, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListDown2:hover {
	background: url("../../images/btn/btn-list-down-hover.png");
}

.replyList .replyBox .replyWrap .btnGroup2 button.btnListEdit2 {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

.replyList .replyBox .replyWrap .btnGroup2 button.btnListEdit2:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

.replyList .replyBox .replyWrap .btnGroup2 button.btnListEdit2.type2 {
	background: url("../../images/btn/btn-list-edit2.png");
}

.replyList .replyBox .replyWrap .btnGroup2 button.btnListEdit2.type2:hover {
	background: url("../../images/btn/btn-list-edit2-hover.png");
}

.replyList .replyBox .replyWrap .btnGroup2 button.btnListRemove2 {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

.replyList .replyBox .replyWrap .btnGroup2 button.btnListRemove2.type2 {
	background: url("../../images/btn/btn-list-remove2.png");
}

.replyList .replyBox .replyWrap .btnGroup2 button.btnListRemove2.type2:hover {
	background: url("../../images/btn/btn-list-remove2-hover.png");
}

.replyList .replyBox .replyWrap .btnGroup2 button.btnListRemove2:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

.btnArea .myEvlChk {
	display: inline-block;
}

.btnArea .myEvlChk .checkbox label {
	width: auto;
	padding: 0 10px 0 35px;
	border: 1px solid #cbced2;
	border-radius: 3px;
	height: 32px;
	line-height: 31px;
	color: #686868;
	font-family: '맑은 고딕';
	font-weight: bold;
	background-position: 8px 5px;
	box-sizing: border-box;
}

.btnArea .myEvlChk .checkbox:hover label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

.btnArea .myEvlChk .checkbox input[type="checkbox"]:checked + label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

#evlArea .btnArea label{
	width: auto;
    padding: 0 10px 0 35px;
    border: 1px solid #cbced2;
    border-radius: 3px;
    height: 32px;
    line-height: 31px;
    color: #686868;
    font-family: '맑은 고딕';
    font-weight: bold;
    background-position: 8px 5px;
    box-sizing: border-box;
}   

#evlArea .btnArea .myErrChk {
    display: inline-block;
}

.titReplyHide {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: revert;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	word-wrap: break-word;
}


/* line 3820, scss/common.scss */
.replyList .replyBox .replyWrap .strong {
	width: 860px;
	margin-bottom: 2px;
	font-size: 18px;
	font-family: "Noto Sans";
	white-space: normal;
	line-height: 1.5;
	max-height: 3em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* line 3822, scss/common.scss */
.replyList .replyBox .replyWrap .strong.down {
	display: block;
	overflow: visible;
	max-height: inherit;
}


.replyBtnArea {float: right;}
.replyBtn {float: left;}
.replyBtn.re {background: url(../../images/sts/statsIcon/btn-reply.png) no-repeat 12px center;}
.replyBtn.write {background: url(../../images/sts/statsIcon/btn-write.png) no-repeat 20px center;}
.replyBtn.del {background: url(../../images/sts/statsIcon/btn-del.png) no-repeat 18px center;}
.replyBtn.cancel {background: url(../../images/sts/statsIcon/btn-cancel.png) no-repeat 18px center;}
.replyBtn button, .replyBtn a {padding-left: 30px; height: 30px; margin: 0 2px; box-sizing: border-box; font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif; line-height: 28px;
	font-size: 12px; letter-spacing: -0.6px; text-align: center; color: #999999;}
	
.replyBtn.re:hover {background: url(../../images/sts/statsIcon/btn-reply-hover.png) no-repeat 12px center;}
.replyBtn.write:hover {background: url(../../images/sts/statsIcon/btn-write-hover.png) no-repeat 20px center;}
.replyBtn.del:hover {background: url(../../images/sts/statsIcon/btn-del-hover.png) no-repeat 18px center;}
.replyBtn.cancel:hover {background: url(../../images/sts/statsIcon/btn-cancel-hover.png) no-repeat 18px center;}
.replyBtn button:hover, .replyBtn a:hover {color: #4067de;}

/*모두드림 데이터 평가하기*/


/*모두드림 데이터 오류신고*/
#errSttemntArea {
	display: none;
}

#errSttemntArea .commentWrap {
	padding-bottom: 18px;
	margin-bottom: 0;
	border-bottom: 0;
}

#errSttemntArea .commentWrap strong {
	margin-right: 10px;
}

#errSttemntArea .btnArea {
	margin-top: 0;
}

#errSttemntArea .btnArea button {
	width: 90px;
	height: 40px;
}

#errSttemntArea .sub {
	float: left;
	width: auto;
	margin-top: 13px;
}

#errSttemntArea .row {
	display: inline-block;
	width: 100%;
	margin-bottom: 12px;
}

#errSttemntArea .row .left {
	width: 95px;
	height: 100%;
	padding-top: 6px;
}

#errSttemntArea .row .left.middle {
	line-height: 50px;
	padding-top: 0;
}

#errSttemntArea .row .left .titEval {
	position: relative;
	padding-left: 25px;
	font-size: 16px;
	color: #333333;
}

#errSttemntArea .row .left .titEval:before {
	position: absolute;
	display: block;
	content: '';
	left: 10px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #376fee;
}

#errSttemntArea .row .right {
	width: calc(100% - 95px);
}

#errSttemntArea .row .radioGroup {
	background: #fff;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
}

#errSttemntArea .row .radio {
	float: left;
	margin-right: 30px;
}

#errSttemntArea .row .radio label {
	padding-left: 25px;
	padding-bottom: 1px;
}

#errSttemntArea .row textarea {
	height: 85px;
	padding: 10px;
}


.btnArea .myErrChk {
	display: inline-block;
}

.btnArea .myErrChk .checkbox label {
	width: auto;
	padding: 0 10px 0 35px;
	border: 1px solid #cbced2;
	border-radius: 3px;
	height: 32px;
	line-height: 31px;
	color: #686868;
	font-family: '맑은 고딕';
	font-weight: bold;
	background-position: 8px 5px;
	box-sizing: border-box;
}

.btnArea .myErrChk .checkbox:hover label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

.btnArea .myErrChk .checkbox input[type="checkbox"]:checked + label {
	border: 1px solid #376fee;
	color: #2a58d0;
}


.checkbox input[type="checkbox"]:checked + label {
    background: url(../../images/input/bg-checkbox-active.png) no-repeat;
    background-position: 8px 5px;
}


.btnFileSelect {
	width: 74px;
	height: 26px;
	margin-left: 80px;
	text-indent: 20px;
	text-align: center;
	border-radius: 3px;
	line-height: 26px;
	color: #686868;
	border: 1px solid #cbccd2;
	font-size: 12px;
	background: #fff url("../../images/btn/ico-download.png") no-repeat 5px center;
}


.btnFileSelect:hover {
	color: #2853d5;
	border: 1px solid #376fee;
	background: #fff url("../../images/btn/ico-download-hover.png") no-repeat 5px center;
}


.btnFileSelect:before {
	display: none;
}


.newReplyList .replyBox .replyWrap button.btnFileSelect2 {
	display: none;
	width: 90px;
	height: 26px;
	margin-bottom: 10px;
	text-indent: 20px;
	color: #686868;
	border: 1px solid #cbccd2;
	font-size: 12px;
	background: url("../../images/btn/ico-download.png") no-repeat 5px center;
}

.newReplyList .replyBox .replyWrap button.btnFileSelect2:hover {
	color: #2853d5;
	border: 1px solid #376fee;
	background: url("../../images/btn/ico-download-hover.png") no-repeat 5px center;
}


/*모두드림 데이터 오류신고*/

/* 크롬에서 div나 버튼 클릭 시 테두리 */
*:focus{outline:none;}

/* 24.04.08 모두드림 데이터셋 검색 css 추가 */
#dataListTBody tr:hover, #dataListTBody tr.active{
	background: #f3f6fc;
}

/* 기관별 검색 (24.03.27) */
.insttSearch > div {
	display: flex;
	gap: 15px;
	margin-top: 15px;
}
.insttSearch ul {
	/*flex: 1;*/
	min-height: 130px;
	padding: 20px 20px 15px 20px;
	border: 1px solid #ccc;
	border-radius: 7px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.03);
	cursor: pointer;
	box-sizing: border-box;
	width: 247.5px;
}
.insttSearch li.title {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}
.insttSearch li.txt {
	margin-top: 20px;
	font-size: 15px;
	font-weight: 400;
	color: #555;
}

.insttSearch ul:hover {
	border: 1px solid #4067de;
	box-shadow: 0 0 3px 1px #3673e2;
}

.insttSearch ul:hover li {
	color: #4067de;
}