@charset "utf-8";
.con_inner {
	padding: 0 15px;
}
/*데이터 서비스 안내*/
.serviceWrap {
	max-width: 1000px;
	margin: 0 auto;
}
.serviceWrap .service_pic {
	margin-bottom: 50px;
}
.serviceWrap .service_info {
}
.serviceWrap .service_info p {
	margin-bottom: 20px;
	word-break: keep-all;
}
.serviceWrap .service_info .strong_font {
	color: #3db166;
	font-size: 1.2em;
}
#container h4.title {
	clear: both;
	font-size: 1.3em;
	color: #0d173a;
	margin-top: 30px;
	margin-bottom: 10px;
	background: url(../../images/portal/h4_icon.png) no-repeat 0 10px;
	padding-left: 15px;
}
#container h5.title {
	clear: both;
	font-size: 1.2em;
	color: #3db166;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: 400;
}
/*login */
.loginWrap {
	max-width: 800px;
	margin: 0 auto;
}
.loginWrap .fieldset {
	padding: 30px 0;
	max-width: 500px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}/*2020-12-15수정*/
.loginWrap .input-con {
	width: 70%;
	align-items: stretch;
	align-content: stretch;
	margin: 0px 0;
}
.loginWrap .input-con p {
	margin: 5px 0;
}
.loginWrap input[type=text], .loginWrap input[type=password] {
	width: 100%;
	line-height: 36px;
	height: 46px;
}
.loginWrap .loginBtn {
	width: 28%;
	align-items: stretch;
	align-content: stretch;
}
.loginWrap .loginBtn button {
	border: none;
	background: #192857;
	color: #fff;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	font-weight: 600;
	font-size: 1.3em;
}
.loginWrap .checkbox {
	clear: both;
	margin-top: 10px;
	font-size: 0.9em;
}
.loginWrap .login-etc-con {
	border-top: 1px solid #e3e6e4;
	padding-top: 30px;
	text-align: center;
}
.loginWrap .login-etc-con a {
	display: inline-block;
	font-weight: 600;
	color: #fff;
	background: #3db166;
	border-radius: 5px;
	padding: 5px 5px;
	min-width: 140px;
}
.loginWrap .login-etc-con a.join-btn {
	background: #192857;
}
.loginWrap .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static {
	width: 100%;
}
.joinWrap {
}
.joinWrap .join_msg {
	text-align: center;
	color: #3db166;
}
.joinWrap .joinStemWrap {
	border-bottom: 1px solid #dee1df;
	background: #f9f9f9;
	padding: 30px 10px;
	margin: 30px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	text-align: center;
}
.joinWrap .joinStemWrap p {
	flex-grow: 1;
	position: relative;
}
.joinWrap .joinStemWrap p strong {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 35px;
	border: 6px solid #e3e6e4;
	background: #f4f4f4;
	margin: 0 auto 5px;
	border-radius: 50%;
	color: #384452;
	font-size: 1.8em;
	font-weight: 100;
	z-index: 100;
}
.joinWrap .joinStemWrap p:before {
	display: block;
	content: "";
	height: 6px;
	background: #e3e6e4;
	position: absolute;
	left: -1px;
	top: 25px;
	margin: 0;
	width: calc(50% - 23px);
	z-index: 1;
}
.joinWrap .joinStemWrap p:after {
	display: block;
	content: "";
	height: 6px;
	background: #e3e6e4;
	position: absolute;
	right: -1px;
	top: 25px;
	margin: 0;
	width: calc(50% - 23px);
	z-index: 1;
}
.joinWrap .joinStemWrap p:first-child:before {
	display: none;
}
.joinWrap .joinStemWrap p:last-child:after {
	display: none;
}
.joinWrap .joinStemWrap p.active {
	color: #3db166;
}
.joinWrap .joinStemWrap p.active strong {
	-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.25);
	background: #3db166;
	border: 6px solid #192857;
	color: #192857;
	font-weight: 400;
}
.joinWrap .joinStemWrap p.active:before {
	display: block;
	content: "";
	height: 6px;
	background: #192857;
	position: absolute;
	left: -1px;
	top: 25px;
	margin: 0;
	width: calc(50% - 23px);
	z-index: 1;
}
.joinWrap .joinStemWrap p.active:after {
	display: block;
	content: "";
	height: 6px;
	background: #192857;
	position: absolute;
	right: -1px;
	top: 25px;
	margin: 0;
	width: calc(50% - 23px);
	z-index: 1;
}
.joinWrap .joinStemWrap p.active:first-child:before {
	display: none;
}
.joinWrap .joinStemWrap p.active:last-child:after {
	display: none;
}
.joinWrap textarea {
	width: 100%;
	height: 200px;
}
.joinWrap .check {
	margin: 10px 0 30px 0;
	text-align: right;
	float: right;
}
.joinWrap .join-etc-con {
	border-top: 1px solid #e3e6e4;
	padding-top: 30px;
	text-align: center;
}
.joinWrap .join-etc-con a {
	display: inline-block;
	font-weight: 600;
	color: #8599a8;
	background: #e0e4e7;
	border-radius: 5px;
	padding: 5px 5px;
	min-width: 140px;
}
.joinWrap .join-etc-con a.join-btn {
	background: #192857;
	color: #fff;
}
.joinWrap .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static {
	width: 100%;
}
.joinWrap .jonmsg {
	margin-left: 15px;
}
.tableA tbody td p.mb_bl {
	display: inline-block;
}
.searchForm {
	background: #f7f7f7;
	padding: 30px 10px;
	width: 100%;
	text-align: center;
	margin: 30px auto;
}
.searchForm strong {
	font-weight: 400;
	color: #3db166;
}
.searchForm .searchBtn {
	margin-top: 10px;
}
.searchForm .searchBtn a {
	display: inline-block;
	color: #fff;
	background: #6ac189;
	border-radius: 5px;
	padding: 5px 15px;
	font-weight: 600;
}
.searchForm_info {
	border: 1px solid #dee1df;
	padding: 20px 30px;
	margin: 100px auto 0;
	background: #f9f9f9;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	align-content: space-between;
	align-items: center;
}
.searchForm_info p {
	flex-grow: 1;
	position: relative;
	width: 50%;
}
.searchForm_info p strong {
	font-weight: 400;
	display: block;
	color: #3db166;
	font-size: 1.2em;
}
.searchForm_info p:last-child {
	text-align: right;
}
.searchForm_info p a {
	display: inline-block;
	color: #fff;
	background: #6ac189;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 0.9em;
}
.search-form {
	margin-bottom: 10px;
	background: #fff;
	padding: 0px;
	border-top: 1px solid #8599a8;
	width: 100%;
}
.search-form > .dx-widget > .dx-widget .dx-box-flex {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.search-form > .dx-widget > .dx-widget .dx-box-flex > .dx-item > .dx-box-flex {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-start;
	align-items: stretch;
}
.search-form > .dx-widget > .dx-widget > .dx-box-flex > .dx-item.dx-box-item:last-child {
	border-bottom: none;
}
.search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
	margin-right: 0px;
	min-width: 160px;
	padding: 10px 25px;
	background: #f6f8fa;
	border-bottom: 1px solid #8599a8;
}
.search-form .dx-layout-manager .dx-field-item:not(.dx-last-col) {
	padding-right: 0px;
}
.search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content {
	border-bottom: 1px solid #e3e8ec;
	padding: 10px 15px;
}
.search-form > .dx-box-flex > .dx-item {
	flex-grow: 1;
}
.search-form > .dx-widget > .dx-widget .dx-box-flex .dx-item {
	flex-grow: 1;
}
.search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content table td {
	padding: 0 5px 0 0;
}
.search-form > .dx-widget > .dx-widget .dx-box-flex .dx-item.dx-radiobutton {
    flex-grow: 0;
    min-width: auto;
	align-items: center;
	padding-top:5px;
}

.reply-form {
	margin-bottom: 10px;
	background: #fff;
	padding: 0px;
	border-top: 1px solid #b3c9bb;
	width: 100%;
}
.reply-form > .dx-widget > .dx-widget .dx-box-flex {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: flex-start;
	align-items: stretch;
}
.reply-form > .dx-widget > .dx-widget .dx-box-flex > .dx-item > .dx-box-flex {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-start;
	align-items: stretch;
}
.reply-form > .dx-widget > .dx-widget > .dx-box-flex > .dx-item.dx-box-item:last-child {
	border-bottom: none;
}
.reply-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
	margin-right: 0px;
	min-width: 160px;
	padding: 10px 25px;
	background: #edf8f1;
	border-bottom: 1px solid #b3c9bb;
}
.reply-form .dx-layout-manager .dx-field-item:not(.dx-last-col) {
	padding-right: 0px;
}
.reply-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content {
	border-bottom: 1px solid #e3e8ec;
	padding: 10px 15px;
}
.reply-form > .dx-box-flex > .dx-item {
	flex-grow: 1;
}
.reply-form > .dx-widget > .dx-widget .dx-box-flex .dx-item {
	flex-grow: 1;
	min-width: 50%;
}
.reply-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content table td {
	padding: 0 5px 0 0;
}
.reply-form > .dx-widget > .dx-widget .dx-box-flex .dx-item.dx-radiobutton {
    flex-grow: 0;
    min-width: auto;
	align-items: center;
	padding-top:5px;
}


.board-search-form {
	margin-bottom: 10px;
	background: #f4f4f4;
	padding: 0px;
	width: 100%;
	border:1px solid #dddddd;
}
.board-search-form > .dx-widget > .dx-widget .dx-box-flex {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: stretch;
	justify-content: center;
}
.board-search-form > .dx-widget > .dx-widget .dx-box-flex > .dx-item > .dx-box-flex {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	align-items: stretch;
}
.board-search-form > .dx-widget > .dx-widget > .dx-box-flex > .dx-item.dx-box-item:last-child {
	border-bottom: none;
}
.board-search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
	margin-right: 0px;
	min-width: 160px;
	padding: 10px 25px;
	background: #f6f8fa;
}
.board-search-form .dx-layout-manager .dx-field-item:not(.dx-last-col) {
	padding-right: 0px;
}
.board-search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content {
	padding: 10px 5px;
}
.board-search-form > .dx-box-flex > .dx-item {
	flex-grow: 1;
}
.board-search-form > .dx-widget > .dx-widget .dx-box-flex .dx-item {
	flex-grow: 0;
}
.board-search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content table td {
	padding: 0 5px 0 0;
}
.board-search-form .dx-texteditor-input:read-only {
  background-color: #fff!important;
}

.pagination {
	margin: 30px 0;
}
.pagination .pagination-pages {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: center;
	border: 0;
}
.pagination .pagination-pages li {
	display: inline;
	margin: 0;
	padding: 0 1px;
	background: none;
	border: 0;
	list-style: none;
}
.pagination .pagination-pages li a {
	border-bottom: 3px solid #fff;
	color: black;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 13px;
}
.pagination .pagination-pages li.active a {
	border-bottom: 3px solid #3db166;
	color: #192857;
}
.pagination .pagination-pages li.prev a, .pagination .pagination-pages li.next a {
	padding: 3px;
	font-size: 16px;
}

.board-grid .dx-datagrid-headers {
    color: #384452;
    font-weight: normal;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #cccccc!important;
    background: #f4f4f4;
    text-align: center !important;
    border-top: 2px solid #3db166;
}
.board-grid .dx-datagrid .dx-row > td {
    padding: 10px 7px;
}
.board-search-form > .dx-widget > .dx-widget .dx-box-flex .dx-item.board-search {width:20%!important; }
.board-search-form > .dx-widget > .dx-widget .dx-box-flex .dx-item.board-search .dx-field-item-content {   width:20%!important;}

.btnWrap {margin-top:40px;}
.btnWrap a {background: #2a3d7a; /* Old browsers */
background: -moz-linear-gradient(top, #2a3d7a 24%, #152459 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2a3d7a 24%,#152459 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2a3d7a 24%,#152459 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d7a', endColorstr='#152459',GradientType=0 ); display:inline-block;font-size:1.3em;padding:13px 40px;border-radius:30px;color:#fff;font-weight:600;vertical-align: middle;}
.btnWrap a img {vertical-align: middle;margin-right:4px;}

.dx-btn {padding-bottom:5px;color:#888888;}
.dx-btn a {color:#3db166;display:inline-block;font-size:0.9em;border-radius:3px;border:1px solid #3db166;padding:5px 10px;}

.policy_scroll {border:1px solid #e3e6e4;padding:20px 20px 0 20px;overflow-y:scroll;height:300px;font-size:0.85em;}
.policy_scroll p {margin-bottom:10px;}
.policy_scroll p strong {color:#000;}

.searchformWrap {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;align-content: center;border-top: 1px solid #8599a8;}
.searchformWrap > .item {flex-grow: 0;width:33.333%;}
.searchformWrap > .item.date {width:66.666%;}
.searchformWrap > .item > div {display: flex;flex-direction: row;flex-wrap: wrap;align-content: stretch;align-items: center;justify-content: flex-start;}
.searchformWrap > .item > div > div.label {border-bottom: 1px solid #8599a8;
	padding: 10px;
	position: relative;
	color: #384452;
	background: #f6f8fa;
	text-align: left;
	font-weight: 600;
	width:200px;}
.searchformWrap > .item > div > div {border-bottom: 1px solid #e3e8ec;
	padding: 7px 10px 7px 10px;
	position: relative;
	color: #384452;
	background: #fff;
	font-size:0.9em;
width:calc(100% - 200px);}
.searchformWrap > .item .part {display:inline-block;width:30%!important;}
.searchformWrap > .item .part > div {}

.boardViewWrap {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;align-content: center;border-top: 1px solid #8599a8;}
.boardViewWrap > .item {flex-grow: 0;width:50%;}
.boardViewWrap > .item.full {width:100%;}
.boardViewWrap > .item .content_area {font-size:0.9em;padding:10px;border-bottom: 1px solid #8599a8;}
.boardViewWrap > .item > div {display: flex;flex-direction: row;flex-wrap: wrap;align-content: stretch;justify-content: flex-start;align-items: stretch;}
.boardViewWrap > .item > div > div.label {border-bottom: 1px solid #8599a8;
	padding: 10px;
	position: relative;
	color: #384452;
	background: #f6f8fa;
	text-align: left;
	font-weight: 600;
	width:200px;}
.boardViewWrap > .item > div > div.label a {position:absolute;right:10px;top:50%;margin-top:-10px;color:#8c94ab;}
.boardViewWrap > .item > div > div {border-bottom: 1px solid #e3e8ec;
	padding: 10px;
	position: relative;
	color: #384452;
	background: #fff;
	font-size:0.9em;
width:calc(100% - 200px);}
.boardViewWrap > .item > div > div.itembox {	padding: 7px 10px 7px 10px;}
.boardViewReplyWrap {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;align-content: center;border-top: 1px solid #b3c9bb;}
.boardViewReplyWrap > .item {flex-grow: 0;width:50%;}
.boardViewReplyWrap > .item.full {width:100%;}
.boardViewReplyWrap > .item .content_area {font-size:0.9em;padding:10px;border-bottom: 1px solid #b3c9bb;}
.boardViewReplyWrap > .item > div {display: flex;flex-direction: row;flex-wrap: wrap;align-content: stretch;align-items: center;justify-content: flex-start;}
.boardViewReplyWrap > .item > div > div.label {border-bottom: 1px solid #b3c9bb;
	padding: 10px;
	position: relative;
	color: #384452;
	background: #edf8f1;
	text-align: left;
	font-weight: 600;
	width:200px;}
.boardViewReplyWrap > .item > div > div {border-bottom: 1px solid #e3e8ec;
	padding: 10px;
	position: relative;
	color: #384452;
	background: #fff;
	font-size:0.9em;
width:calc(100% - 200px);}


ul.dot li {background:url(../../images/portal/icon.png) no-repeat 0 12px;padding-left:10px;}
ul.dot1 li {background:url(../../images/portal/icon1.png) no-repeat 0 12px;padding-left:10px;}
ul.dot2 li {background:url(../../images/portal/icon2.png) no-repeat 0 10px;padding-left:10px;line-height:1.4;margin-bottom:20px;}

/* desktop 1440 */
@media screen and (max-width:1440px) {
}

/* desktop 1200 */
@media screen and (max-width:1200px) {
}

/* desktop 1024 */
@media screen and (max-width:1024px) {
#container.subContainer {
	margin: 50px auto;
}
.serviceWrap {
	max-width: 95%;
}
.serviceWrap .service_pic {
	margin-bottom: 30px;
}
}

/* desktop 768 */
@media screen and (max-width:900px) {
.loginWrap {
	padding-left: 15px;
	padding-right: 15px;
}
.joinWrap {
	padding-left: 15px;
	padding-right: 15px;
}
.joinWrap tbody th {
	min-width:100px;
	word-break:keep-all;
}
.joinWrap tbody td .wid100px {
	width: 20%;
}
.joinWrap tbody td .wid50 {
	width: 100%;
}
.joinWrap .jonmsg {
	margin-left: 0px;
	display: block;
	margin-top: 10px;
}
.searchForm_info {
	flex-direction: column;
}
.searchForm_info p {
	width: 100%;
}
.searchForm_info {
	padding: 10px 20px;
	margin: 50px auto 0;
}
.subWrap {
	padding-left: 15px;
	padding-right: 15px;
}
	
	.searchformWrap > .item.date{width:100%;}
	.searchformWrap > .item > div > div.label {width:30%;}
.searchformWrap > .item > div > div {width:70%;}
	
.searchformWrap > .item {width:100%;}
.boardViewWrap > .item {width:100%;}
	.boardViewWrap > .item > div > div.label {width:30%;}
.boardViewWrap > .item > div > div {width:70%;}
	
	.boardViewReplyWrap > .item {width:100%;}
	.boardViewReplyWrap > .item > div > div.label {width:30%;}
.boardViewReplyWrap > .item > div > div {width:70%;}
}

/* mobie 640 */
@media screen and (max-width:640px) {
.loginWrap .login-etc-con a {
	min-width: 100px;
}
.joinWrap .join-etc-con a {
	min-width: 100px;
}
.joinWrap .joinStemWrap {
	margin: 30px 0 0 0;
}
.joinWrap .join_img img {
	max-width: 200px!important;
	height: auto;
}
.joinWrap tbody td .wid100px {
	width: 45%;
}
.joinWrap tbody td .wid50 {
	width: 100%;
}
.joinWrap tbody td .mo_t5 {
	margin-top: 5px;
	width: 100%;
}
.tableA tbody td p.mb_bl {
	display: block;
	margin-bottom: 5px;
}
.searchForm_info {
	padding: 10px 10px;
}
.searchForm_info p:last-child {
	margin-top: 20px;
}
.search-form > .dx-widget > .dx-widget .dx-box-flex > .dx-item > .dx-box-flex {
	flex-direction: column;
}
.search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content table td {
	padding: 0;
	display: block;
	margin: 1px 0;
}
.search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content table {
	width: 100%;
}
.search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
	min-width: 100px;
	padding: 10px 10px;
}
	
.reply-form > .dx-widget > .dx-widget .dx-box-flex > .dx-item > .dx-box-flex {
	flex-direction: column;
}
.reply-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content table td {
	padding: 0;
	display: block;
	margin: 1px 0;
}
.reply-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content table {
	width: 100%;
}
.reply-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
	min-width: 100px;
	padding: 10px 10px;
}
.board-search-form .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content {
    padding: 10px 5px;
}
.board-search-form > .dx-widget > .dx-widget .dx-box-flex .dx-item.board-search {width:30%!important; }
.board-search-form > .dx-widget > .dx-widget .dx-box-flex .dx-item.board-search .dx-field-item-content {   width:30%!important;}
}

/* mobie 414 */
@media screen and (max-width:320px) {
.loginWrap .login-etc-con a {
	min-width: 80px;
}
.joinWrap .join-etc-con a {
	min-width: 80px;
}
}

/* 210430 */
.con_inner_650 {
	width:50%;
	padding: 0 15px;
	float:left;
}


.btnWrap_sq a {background: #2a3d7a; /* Old browsers */
background: -moz-linear-gradient(top, #2a3d7a 24%, #152459 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2a3d7a 24%,#152459 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2a3d7a 24%,#152459 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d7a', endColorstr='#152459',GradientType=0 ); width:235px;display:inline-block;font-size:1.3em;padding:13px 20px 15px 20px;border-radius:10px;color:#fff;font-weight:600;vertical-align: middle;}

.data_write {padding:40px;background:#f9f9f9;}
.data_write .date_left {float:left;width:28%;margin:10px 0;}
.data_write .date_right {float:right;width:68%;margin:10px 0;background:#fff;border-radius:10px;padding:13px 20px 15px 20px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;min-height:75px;position:relative;}
.data_write .date_right:after {
	left: -12px;
	top: 50%;
	content: "◀";
	color:#fff;
	font-size:15px;
	height: 15px;
	width: 15px;
	margin-top:-16px;
	position: absolute;text-shadow: -1px 1.95px 1.95px rgba(0,0,0,0.15);
}
.data_write .date_left a {background: #2a3d7a; /* Old browsers */
background: -moz-linear-gradient(top, #2a3d7a 24%, #152459 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2a3d7a 24%,#152459 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2a3d7a 24%,#152459 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d7a', endColorstr='#152459',GradientType=0 );display:block;font-size:1.5em;padding:20px 10px 20px 10px;border-radius:10px;color:#fff;vertical-align: middle;text-align:center;}
.data_write .date_left a img {margin-right:5px;vertical-align: middle;}
.data_write .date_left a:hover {background: #33a75c; /* Old browsers */
background: -moz-linear-gradient(top, #33a75c 24%, #06732d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #33a75c 24%,#06732d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #33a75c 24%,#06732d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a75c', endColorstr='#06732d',GradientType=0 );}

.bigdata_fl {float:left;width:60%;}
.bigdata_fr {float:right;width:36%;}
.img_bg {background:#f9f9f9;text-align:center;}

@media screen and (max-width:1024px) {
	.data_write .date_left {width:38%;}
	.data_write .date_left a	{font-size:1.1em;}
	.data_write .date_right {width:58%;}
}
@media screen and (max-width:640px) {
.con_inner_650 {
	width:100%;
	padding: 0px;
	float:none;
}	
.con_inner_650.text-right {text-align:left;}
.btnWrap_sq a {font-size:1em;padding:5px 20px 5px 20px;}
.btnWrap_sq a br {display:none;}
.data_write {padding:20px;}
.data_write .date_left {float:none;width:100%;}
.data_write .date_left a {font-size:1em;padding:5px 20px 5px 20px;}
.data_write .date_right {float:none;width:100%;margin-top:20px;min-height:auto;}
.data_write .date_right:after {
	left: 20%;
	top: -12px;
	content: "▲";
	margin-top:0px;text-shadow: 1px -2px 1.95px rgba(0,0,0,0.15);
}
.bigdata_fl {float:none;width:100%;}
.bigdata_fr {float:none;width:100%;}
}



/*팝업*/
.popup_lnb {position:fixed;width:200px;height:100%;background:#192857;}
.popup_lnb h2 {background:#3db166;text-align:center;color:#fff;font-size:20px;padding:15px 0;}
.popup_lnb .help_search_wrap {background:#3db166;padding:0 5px 10px 5px;}
.popup_lnb .help_search_wrap p {background:#fff;}
.popup_lnb .help_search_wrap input[type=text] {border:none;width:165px;}
.popup_lnb .help_search_wrap input[type=text]:focus {outline:0;}
.popup_lnb .help_search_wrap a {font-size:12px;}
.popup_lnb .popup_lnb {height:511px;}
.popup_lnb .popup_lnb li {border-bottom:1px solid #0d173a;}
.popup_lnb .popup_lnb li a {display:block;padding:10px 10px 10px 25px;color:#7b8fa1;font-size:14px;position: relative;}
.popup_lnb .popup_lnb li a:before {position:absolute;display:block;content: "\e93f";top:50%;left:10px;font-family: xeicon;margin-top:-7px;}
.popup_lnb .popup_lnb li:hover,
.popup_lnb .popup_lnb li.active {background:#0d173a;}
.popup_lnb .popup_lnb li:hover a,
.popup_lnb .popup_lnb li.active a {color:#fff;}
.popup_content {padding:0 30px 45px 230px;}
.popup_content h3 {text-align:center;padding:20px 0;color:#0d173a;font-size:28px;border-bottom:1px solid #8499a8;}
.popup_cont {padding:20px 0;}
.popup_cont p {margin-bottom:20px;line-height:1.4;}
.popup_cont span {vertical-align: top;}
.popup_bottom {position:fixed;bottom:10px;width:calc(100% - 200px);background:#fff;left:200px;text-align:right;padding-right:10px;z-index:100;}
.popup_bottom button {border:none;border-radius:5px;background:#d7b0b0;color:#fff;padding:3px 10px;font-weight:600;cursor:pointer;}

body.open {overflow:hidden;}
.popup_wrap {display:none;/*position:fixed;*/top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;overflow-x:hidden;overflow-y:scroll;}
.popup_wrap.open {display:block;}
.popup_wrap .area {background:#fff;margin:0px auto;width:100%;max-width: 100%;position:relative;}
.popup_wrap .popup_title {background:#192857;padding:15px;color:#fff;font-size:16px;}
.popup_wrap .close_popup {position:absolute;right:15px;top:15px;color:#fff;cursor:pointer;}
.popup_wrap .popup_top {border-bottom:1px solid #e5e9ed;}
.popup_wrap .popup_top p {display:inline-block;padding:20px 15px}
.popup_wrap .popup_top .fl_l {float:left;width:50%;}
.popup_wrap .popup_top .fl_l select {min-width:200px;}
.popup_wrap .popup_top .fl_r {float:left;width:50%;text-align:right;}
.popup_wrap .popup_top .fl_r p{position:relative;padding-left:22px;}
.popup_wrap .popup_top .fl_r p:before {display:block;width:14px;height:14px;content:"";position:absolute;left:0;top:50%;margin-top:-7px;}
/*.popup_wrap .popup_top .fl_r p:first-child:before {background:#ff66ff;}
.popup_wrap .popup_top .fl_r p:nth-child(2):before {background:#92d050;}
.popup_wrap .popup_top .fl_r p:nth-child(3):before {background:#00b050;}
.popup_wrap .popup_top .fl_r p:nth-child(4):before {background:#00b0f0;}
.popup_wrap .popup_top .fl_r p:nth-child(5):before {background:#0070c0;}
.popup_wrap .popup_top .fl_r p:nth-child(6):before {background:#7030a0;}
.popup_wrap .popup_top .fl_r p:last-child:before {background:#ff9900;}*/
.calendar_wrap {}
.calendar_wrap .calendar_head {text-align:center;padding:20px 0;position:relative;}
.calendar_wrap .calendar_head h4 {display:inline-block;color:#47a067;font-size:1.5em;vertical-align: middle;}
.calendar_wrap .calendar_head a {display:inline-block;margin:0 20px;vertical-align: middle;}
.calendar_wrap .calendar_head a i {vertical-align: middle;}
.calendar_wrap .calendar_head a:hover {color:#000;}
.calendar_wrap .calendar_head .today {background:#48a067;color:#fff;font-weight:500;padding:4px 10px 5px 10px;border-radius:4px;position:absolute;top:20px;right:20px;font-size:0.9em;}
.calendar_body {}
.calendar_body  table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e3e8ec;
	display: table;
}
.calendar_body  table thead th {
	position: relative;
	padding: 10px;
	border: 1px solid #e3e8ec;
	background: #f6f8fa;
	color: #384452;
}
.calendar_body table tbody td {
	border: 1px solid #e3e8ec;
	padding: 10px;
	position: relative;
	background: #fff;
	font-size: 0.9em !important;
	height: 150px !important;
}
.calendar_body  table tbody td span {position:absolute;top:3px;left:3px;font-size:0.85em;}
.calendar_body  table tbody td span.gray {color:#999999;}
.calendar_body_inner {position: relative;}
.calendar_body_inner .calendar_body_content {position:absolute;top:0;left:0;height:100%;width:100%;}
.calendar_body_inner .calendar_body_content .calendar_body_row {height:150px;padding:17px 0 0 0;}
.calendar_body_inner .calendar_body_content .calendar_body_row1 {position: relative;margin-left:-1px;}
.calendar_body_inner .calendar_body_content .calendar_body_row1 p {float:left;}
.calendar_body_inner .calendar_body_content .calendar_body_row p {line-height:18px;text-align:center;color:#fff;border-top:1px solid #fff;border-right:1px solid #fff;font-size:12px;}
.calendar_body_inner .calendar_body_content .calendar_body_row p.line1 {background:#ff66ff;}
.calendar_body_inner .calendar_body_content .calendar_body_row p.line2 {background:#92d050;}
.calendar_body_inner .calendar_body_content .calendar_body_row p.line3 {background:#00b050;}
.calendar_body_inner .calendar_body_content .calendar_body_row p.line4 {background:#00b0f0;}
.calendar_body_inner .calendar_body_content .calendar_body_row p.line5 {background:#0070c0;}
.calendar_body_inner .calendar_body_content .calendar_body_row p.line6 {background:#7030a0;}
.calendar_body_inner .calendar_body_content .calendar_body_row p.line7 {background:#ff9900;}
.calendar_body_inner .calendar_body_content .calendar_body_row p.width1 {width:14.2857%}
.calendar_body_inner .calendar_body_content .calendar_body_row p.width2 {width:28.57%}
.calendar_body_inner .calendar_body_content .calendar_body_row p.width3 {width:42.855%}
.calendar_body_inner .calendar_body_content .calendar_body_row p.width4 {width:57.14%}
.calendar_body_inner .calendar_body_content .calendar_body_row p.width5 {width:71.425%}
.calendar_body_inner .calendar_body_content .calendar_body_row p.width6 {width:85.71%}
.calendar_body_inner .calendar_body_content .calendar_body_row p.width7 {width:100%}
.popup_info {clear:both; padding:20px;}
.popup_inner h4.title {
    clear: both;
    font-size: 1.3em;
    color: #0d173a;
    margin-top: 30px;
    margin-bottom: 10px;
    background: url(../../images/portal/h4_icon.png) no-repeat 0 10px;
    padding-left: 15px;
}

@media screen and (max-width:640px) {
	.popup_wrap .popup_top .fl_l {float:none;width:100%;padding-top:15px;}
	.popup_wrap .popup_top .fl_l p {display:block;padding: 5px 15px;}
	.popup_wrap .popup_top .fl_l select {margin:0 15px;}
	.popup_wrap .popup_top .fl_r {float:none;width:100%;text-align:left;padding:15px}
	.popup_wrap .popup_top .fl_r p {  padding:4px 0 4px 20px}
	.calendar_body_inner .calendar_body_content .calendar_body_row p {font-size:11px;}
}