@CHARSET "UTF-8";
.titPage.mb30 {margin-bottom: 33px;}
.titPage.mb47 {margin-bottom: 47px;}
.titPage.mb140 {margin-bottom: 120px;}
.titPage.mb36 {margin-bottom: 36px;}

.txtInfo2.top25 {top: 25px;}

.searchBox.type2 {margin: 50px 0px 40px 0px;}
.searchBox.type2 .col4 .colspan2{width:50%;}
.searchBox.type2.w160 .row.col4 .col:nth-of-type(1) {width: 22%;}
.searchBox.type2.w160 .row.col4 .col:nth-of-type(2) {width: 20%;}
.searchBox.type2.w160 .row.col4 .col:nth-of-type(3) {width: 19%;}
.searchBox.type2.w160 select {width: 160px;}
.searchBox.type2.w160 input[type="text"] {width: 220px;}
.searchBox.type2.w160 .pl40 input[type="text"] {width: 160px;}
.searchBox.type2.w160 select.mr10 {margin-right: 10px;}
.searchBox.type2 label.w50 {width: 60px;}
.searchBox.type2.local label.w85 {width: 85px;}
.searchBox.type2 .row.pl38 {padding: 0 0 0 38px;}
.searchBox.type2.layer {margin: 0px 0px 16px 0px;}
.searchBox.type2.layer .col {width: 80%;}
.searchBox.type2 .col.ml25 {margin-left: 25px;}
.searchBox.type2.w160 .col {width: 23.33%;}
.searchBox.type2.w160 .col.ml50 {margin-left: 50px;}
.searchBox.type2.w160 .col:nth-of-type(3) {width: 46%;}
.searchBox.type2 .row.pl40 {padding: 0 0 0 40px;}

.titleArea.mb20 {margin-bottom: 20px;}
.titleArea + .table.txtCenter {margin-top: 69px;}

.adRequest {margin-top: 20px; margin-bottom: 45px;}
.adRequest .table td {text-align: left; padding: 5px 20px;}
.adRequest .titleArea h4 {margin-top: 10px; line-height: 34px; letter-spacing: -1px;}
.adRequest .table th {height: 48px; padding: 0px 0px;}
.table.modify table select, .table.modify table input[type="text"] {width: 93px; height: 35px; margin-right: 8px; padding: 5px 10px;}
.table.modify table select.w551 {width: 551px; padding: 5px 10px;}
.table.modify table input.w100 {width: 100%; padding: 5px 10px;}
.table.txtCenter table th.RightredDot:first-child::after {content: "";display: inline-block;width: 5px;height: 5px;margin: 0px 0px 3px 5px;background: #eb5050;vertical-align: middle;border-radius: 50%;}
.table.txtCenter table td {padding: 5px 20px;}
.table.txtCenter table input[type="text"] {width: 100%; margin-right: 5px; padding: 5px 20px;}
.table.txtCenter table textarea{width: 1099px; height: 83px; border: 1px solid #cdd2d9;resize: none;}
table.userinfo.border {margin-top: 0px;border: 0;border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.table.txtCenter table textarea {box-sizing: border-box; padding: 10px 20px;font-size: 14px; font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;}
.table.txtCenter table input[type="text"].mb5 {width: 350px; margin-bottom: 5px;}
.table table td span{display: inherit; padding: 11px 0 15px 0; text-align: left; font-size: 13px; font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif; color: #838a9f;}
.tagList {float: left; width: 100%; min-height: 105px; padding: 7px; box-sizing: border-box; border: 1px solid #cdd2d9;}
.tagList .tag {float: left; height: 25px; margin:0 10px 10px 0;background:#e7e9ed;border-radius: 2px;}
.tagList .tag.blueType {background:#4067de;}
.tagList .tag span {padding:0 30px 0 7px; line-height: 25px; text-align: left; color: #000000;
	font-size: 14px; background: url("../images/btn/btn-delete.png") no-repeat right 7px center;}
.tagList .tag.blueType span{color:#fff;background: url("../images/btn/btn-delete-white.png") no-repeat right 7px center;}
.file {position: relative; border: 1px solid #cdd2d9; width: 360px; height: 35px; margin-bottom: 6px; padding: 6px 4px; box-sizing: border-box; background: #e7e9ed;}
.file label {position: absolute; top: -1px; right: -95px; display: inline-block; width: 89px; height: 35px; box-sizing: border-box; border: 1px solid #cdd2d9; border-radius: 2px; text-align: center; line-height: 35px; font-size: 13px; font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;}
.file .fileName {display: block; height: 100%; line-height: 24px;}
.fileList {float: left; width: 100%; height: 93px; padding: 10px 20px; box-sizing: border-box; border: 1px solid #cdd2d9;}


/*버튼 영역*/
button.init, a.init {display: inline-block; height: 35px; margin-left: 20px; padding:0 20px; border-radius: 2px; box-sizing: border-box; border: solid 1px #a0a7b4; font-family: MalgunGothic;font-size: 13px; line-height: 35px; letter-spacing: -0.65px; color: #686868;}
button.init.lightGray.tag {display: block; height: 38px;}
button.init.pw, .btnArea a.pw {margin-left: 0px;}
button.init.allSel{margin-left:0;padding:0 8px 0 28px;color:#686868;border:1px solid #aeb2b9;background:#fff url("../images/btn/ico-allSel.png")no-repeat 10px center;}
button.init.allSel:hover{color:#294fc3;border:1px solid #3c5ed2;
	background:url("../images/btn/ico-allSel-hover.png")no-repeat 10px center;}
button.init.add{width:30px;margin-left:0;padding:0;height:30px;line-height:30px;border:1px solid #aeb2b9;
	background:url("../images/btn/ico-add.png") no-repeat center center; }
button.init.add:hover{border:1px solid #3c5ed2;
	background:url("../images/btn/ico-add-hover.png") no-repeat center center; }
button.init.remove{width:30px;margin-left:0;padding:0;height:30px;line-height:30px;border:1px solid #aeb2b9;
	background:url("../images/btn/ico-remove.png") no-repeat center center; }
button.init.remove:hover{border:1px solid #3c5ed2;
	background:url("../images/btn/ico-remove-hover.png") no-repeat center center; }
button.btnArrow, a.btnArrow {display: inline-block; width: 30px; height: 30px; margin: 0 2px; border: 1px solid #afb1b8; box-sizing: border-box; font-size: 16px; border: 1px solid #bec3cb; border-radius: 3px; line-height: 28px; font-size: 13px; font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;}
button.btnArrow:hover, a.btnArrow:hover {border: solid 1px #4067de;}
button.btnArrow.Down, a.btnArrow.Down {background: url(../images/btn/btn-arrow-down.png) no-repeat 8px center;}
button.btnArrow.Down:hover, a.btnArrow.Down:hover {background: url(../images/btn/btn-arrow-down-hover.png) no-repeat 8px center;}
button.btnArrow.Up, a.btnArrow.Up {background: url(../images/btn/btn-arrow-up.png) no-repeat 8px center;}
button.btnArrow.Up:hover, a.btnArrow.Up:hover {background: url(../images/btn/btn-arrow-up-hover.png) no-repeat 8px center;}
.btnArea button.w164, .btnArea a.w164{width:164px;height:44px;}
.btnArea button.w149, .btnArea a.w149{width:149px;height:44px;}
.btnArea.mt30 {margin-top: 30px;}
.btnCont.layerAdd {top: -4px; background:url('../images/btn/ico-layer.png') no-repeat 9px center;}
.btnCont.layerAdd:hover {background:url('../images/btn/ico-layer-hover.png') no-repeat 9px center;}
.btnCont.layerAdd button{padding:0 7px 0 30px}
.btnCont.layerAdd:hover button{color:#294fc3;}
.btnCont.layerAdd a {height:35px; padding: 0 20px 0 20px;}



.table.hover table tr:hover td{background: #f3f6fc;}

/* etc */
.txtGreen{color:#4caf50;}
.txtRed{color:#e83939;}
.txtBlue{color:#294fc3;}
.txtGray{color:#888888;}

/* 검색결과 없음 */
table.userinfo .noResult{border:0;}
table.userinfo .noResult .doc{padding-top: 95px;}

/* popup */
.table.userRight table th, .table.userRight table td {height: 38px; padding: 0px 0px;}
.table.userRight {margin-bottom: 30px;}
.searchBox.type2.local {margin: 0px 0px 16px 0px; }
.searchBox.type2.local label {width: 54px;}
.searchBox.type2.local select {width: 180px; margin-right: 16px;}
.searchBox.type2 .btnSearch {margin-top: 0;padding-top: 0; border: 0; float: left;width: 84px;}
.table.userLocal table th {height: 38px; padding: 0px 0px;}
section.column.local {margin-left: 75px; margin-bottom: 15px;}

/* .popup.layerPopup .table table td {padding: 5px 20px;text-align: left;} */
/* .popup.layerPopup .table table.tdCenter td {text-align: center;} */
/* .popup.layerPopup .table td textarea {width: 373px; height: 106px;border: 1px solid #cdd2d9;resize: none;} */
/* .popup.layerPopup .table table input[type="text"] {width: 100%;} */
/* .popup.layerPopup .table table select {width: 237px;} */
/* .popup.layerPopup .table table select.w127 {width: 127px;} */

.btnArea .w84{width:84px;height:44px;}
.btnArea .deepGrayType{background: #5b5b5b;}
.btnArea .blueType{background: #4067de;}

/* .btnArea .right{float:right;} */
/* .btnArea button, .btnArea a{display: inline-block;width:120px;height:44px;margin:0 3px;border-radius:3px;line-height:43px;background:#5b5b5b;color:#fff;font-size:16px;font-family: "맑은 고딕";font-weight:bold;vertical-align: top;} */
.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;}


/* line 1315, scss/common.scss */
.cont.innerTab .btnArea1 {
	position: absolute;
}

/* line 1317, scss/common.scss */
.cont.innerTab .btnArea1 .myErrChk {
	display: inline-block;
}

/* line 1319, scss/common.scss */
.cont.innerTab .btnArea1 .myErrChk .checkbox label {
	width: auto;
	padding: 0 10px 0 35px;
	border: 1px solid #cbced2;
	border-radius: 3px;
	height: 33px;
	line-height: 31px;
	color: #686868;
	font-family: '맑은 고딕';
	font-weight: bold;
	background-position: 8px 5px;
	box-sizing: border-box;
}

/* line 1322, scss/common.scss */
.cont.innerTab .btnArea1 .myErrChk .checkbox:hover label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

/* line 1324, scss/common.scss */
.cont.innerTab .btnArea1 .myErrChk .checkbox input[type="checkbox"]:checked + label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

.cont .btnGrid button.Jidodream {
	margin-right: 5px;
	border :1px solid #cbced1;
	float: right;
	width: 102px;
	background-image: url("../../images/sts/statsIcon/jidodreamC.png");
	background-position: 11px center;
	text-indent: 25px;
	background-repeat: no-repeat;
	color: #585858;
}
.cont .btnGrid button.Jidodream:hover {
	border: 1px solid #4067de;
	background-image: url("../../images/sts/statsIcon/jidodreamC.png");
	background-repeat: no-repeat;
	background-position: 11px center;
	text-indent: 25px;
	color: #222222;
	font-weight: bold;

}
button.termsBtn {
	margin-right: 5px;
	border :1px solid #cbced1;
	float: right;
	width: 102px;
	background-image: url("../../images/sts/statsIcon/btn-terms.png");
	background-position: 11px center;
	text-indent: 25px;
	background-repeat: no-repeat;
	color: #585858;
}
button.termsBtn:hover {
	border: 1px solid #4067de;
	background-image: url("../../images/sts/statsIcon/btn-terms.png");
	background-repeat: no-repeat;
	background-position: 11px center;
	text-indent: 25px;
	color: #222222;
	font-weight: bold;

}
.cont .btnGrid button.excel {
	float: right;
	width: 111px;
	height: 34px;
	border-radius: 3px;
	text-align: left;
	text-indent: 32px;
	color: #585858;
	border: 1px solid #cbced1;
	line-height: 32px;
	background: url("../../images/btn/btn-excel-pull.png") no-repeat 12px
		center;
}


.cont .btnGrid button.excel:hover {
	color: #222222;
	font-weight: bold;
	border: 1px solid #4067de;
}

.cont .btnGrid button.plusView {
	float: right;
	width: 75px;
	height: 34px;
	border-radius: 3px;
	text-align: left;
	text-indent: 10px;
	color: #585858;
	border: 1px solid #cbced1;
	line-height: 32px;
}
.cont .btnGrid button.plusView:hover {
	color: #222222;
	font-weight: bold;
	border: 1px solid #4067de;
}
.cont .btnGrid button.tooltipBtn {
	float: right;
	width: 85px;
	height: 31px;
	border-radius: 3px;
	text-align: left;
	text-indent: 11px;
	color: #585858;
	border: 1px solid #cbced1;
}
.cont .btnGrid button.tooltipBtn:hover {
	color: #222222;
	font-weight: bold;
	border: 1px solid #4067de;
}
.moreInfo1 {
	position: relative;
	width: 100%;
	height: 1px;
	background: #d6d6d6;
	margin-top: -1px;
}

.btnTopList {
	position: fixed;
	right: 30px;
	bottom: 100px;
	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;
}

.btnHelpIcon {
	position: fixed;
	right: 30px;
	bottom: 170px;
	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/stsHelpIcon.png") no-repeat center 13px;
	transition: 0.3s;
	box-shadow: 2px 2px 3px #000;
}

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


.graphArea .tip {
	position: absolute;
    left: 42.5%;
    margin-top: 450px;
    transform: translateX(-50%);
    height: 30px;
    line-height: 30px;
    padding: 0 13px 0 30px;
    color: #fff;
    font-size: 12px;
    font-weight: '맑은 고딕';
    background: rgba(0, 0, 0, 0.75) url(../../images/sts/statsIcon/ico-tip.png) no-repeat 7px center;
    border-radius: 50px;
}
.multiChart{
	width:100%;
	height:500px;
}
.grid-cell-red{
	background:#fff;
}
.grid-cell-cus{
	background:#fcfccc;
}
/* 테이블 단어간격 */
.table table .word4_1 {
	word-spacing: 8px;
}

.table table .word2 {
	word-spacing: 60px;
}

.table table .word3 {
	word-spacing: 20px;
}



#detailUserListPopUp #tblList tr.data{
	cursor:pointer;
}

#detailUserListPopUp #tblList tr.data.active{
	background-color: rgb(177, 205, 223);
}

#detailUserListPopUp #tblList tr.data.active{
	background-color: rgb(177, 205, 223);
}
#detailUserListPopUp .tabContWrap.type02 {
	margin-top: 20px;
	display:none;
}
#detailUserListPopUp .tabContWrap.type02.active {
	display:block;
}
#detailUserListPopUp .tabContWrap.type02 .tabNav .tabList li{
	margin: 0 5px 0 0;
	padding: 0 10px;
	width: auto;
	border-bottom: unset;
}
#detailUserListPopUp .tabContWrap.type02 .tabNav .tabList li.active{
	border-bottom: unset;
}
#detailUserListPopUp .tabContWrap.type02 .tabNav .tabList{
	border-bottom: 1px solid #00198a;
}