body {
	overflow-y: auto;
	overflow-x: hidden;
}
input::placeholder {
	opacity: 0.5;
	color: #5d579f;
	font-size: 14px;
	font-weight: 500;
}
.Wrap {
	width: 100%;
}
.joinWrap {
	padding: 0 10px;
	transition: all 0.5s;
}
.DVMSlogo {
	position: fixed;
    top: 35px;
    left: 100px;
	background: url("../images/img_DVMS_02.png") 0 0 no-repeat;
	background-size: 290px;
	width: 290px;
	height: 70px;
}
.menuTitle {
	position: fixed;
    top: 200px;
    left: 170px;
	display: inline-block;
    font-size: 28px;
    font-weight: 600;
    color: #534d95;
}
.joinCopy {
	position: fixed;
	bottom: 40px;
	left: 100px;
}
.joinRight {
	padding-top: 50px;
    width: 100%;
    max-width: 650px;
    margin-left: 530px;
}
.subTitle {
	font-size: 24px;
	font-weight: 600;
	color: #534d95;
	margin-bottom: 30px;
}
.sectionArea {
	border-bottom: 1px solid #d1cee2;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.form {
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.form .inputTit {
	font-size: 14px;
	font-weight: 500;
	color: #565967;
	width: 150px;
}
.form .required::after {
	content: '*';
	color: #ec2655;
	font-size: 14px;
	font-weight: 600;
	margin-left: 5px;
}
.form .inputArea {
	width: 100%;
}
.form .inputArea input {
	height: 40px;
	padding: 0 10px;
}
.form .inputArea input.inpTxt {
	width: 100%;
}
.form .inputArea select {
	height: 40px;
	border: 1px solid #dcdcdc;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 35px 0 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    color: #3a4058;
}
.flexag {
	display: flex;
	align-items: center;
	gap: 5px;
}
.inpt {
	width: 110px;
}
.confirm {
	height: 40px;
	border: 1px solid #dcdcdc;
	font-size: 14px;
	font-weight: 500;
	color: #534d95;
	word-break: keep-all;
	background-color: #fff;
	padding: 0 15px;
	border-radius: 5px;
	width: 100%;
}
.confirm:hover {
	background-color: #f8f8fc;
}
.txtRed {
	font-size: 12px;
	font-weight: 500;
	color: #ec2655 !important;
	margin-left: 10px;
}
.iaL {
	width: 70%;
}
.iaR {
	width: 30%;
}
.check2 {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 0;
    font-size: 15px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}
.check2 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	padding: 0;
}
.checkmark2 {
	width: 18px;
	height: 18px;
	background-color: #fff;
    border: 1px solid #d1cee2;
	border-radius: 3px;
}
.check2:hover input ~ .checkmark2 {
  	background-color: #fff;
}
.check2 input:checked ~ .checkmark2 {
  	background-color: #fff;
}
.checkmark2::after {
	display: none;
	position: absolute;
	content: "";
}
.check2 input:checked ~ .checkmark2::after {
  	display: block;
}
.check2 .checkmark2::after {
	top: 2px;
	left: 5px;
	width: 4px;
	height: 9px;
	border: solid #5d589f;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.check2 .checkTxt2 {
    font-size: 14px;
    font-weight: 600;
    color: #565967;
    padding-left: 10px;
	margin-left: 0;
}
.check2 .checkTxt2 span {
	font-weight: 400;
}
.btnCon {
	border: 1px solid #dcdcdc;
	font-size: 12px;
	font-weight: 500;
	color: #534d95;
	word-break: keep-all;
	background-color: #fff;
	padding: 3px 15px;
	border-radius: 5px;
}
.btnCon:hover {
	background-color: #f8f8fc;
}
.agreeFlex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.agreeSection {
	margin-bottom: 25px;
}
.btn_pur_color {
	border: none;;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    word-break: keep-all;
    background-color: #7d74e3;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
}
.btn_pur_color:hover {
	background-color: #534d95;
}
.btn_pur_line {
    border: 1px solid #7d74e3;
    font-size: 14px;
    font-weight: 600;
    color: #534d95;
    word-break: keep-all;
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
}
.btn_pur_line:hover {
	background-color: #f8f8fc;
}
.marB5 {
	margin-bottom: 5px;
}
.btnSection {
	margin-bottom: 40px;
}
.find_id_info {
	position: relative;
	background-color: #efeef6;
	border-radius: 5px;
	height: 50px;
	text-align: center;
	margin-top: 30px;
}
.find_id_info span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #565967;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.find_idpw {
	margin: 30px 0 50px;
}

.txt_bot {
	display: block;
	text-align: center;
}
.txt_bot .btnJoin {
	font-weight: 600;
	color: #534d95;
	margin-left: 20px;
}
.ad_tab {
	width: 100%;
	text-align: center;
}
.widnH {
	width: 100%;
	padding: 15px 25px !important;
}
.popup-wrap {
    display:none; /* 팝업 호출 시 display:flex; 로 바꿔 주세요 */
    background-color:rgba(0,0,0,.5);
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:15px;
    z-index: 999999;
    backdrop-filter: blur(2px);
}
.popup-Box {
    position: relative;
    width:100%;
    max-width:380px;
    background-color:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,.3);
	padding: 10px;
}
.popup-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px 15px 10px;
}
.popup-head h2 {
	font-size: 16px;
	font-weight: 500;
	color: #534d95;
}
.popup-head .btn_x {
    background: url(../images/btn_close_loginBox.png) 0 0 no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
}
.popup-body {
	background-color: #f5f4f9;
	border-radius: 10px;
	padding: 10px;
}
.popup-content {
	text-align: center;
	padding: 20px 0;
}
.popup-content .top-txt {
	margin-bottom: 20px;
}
.popup-content .top-txt p {
	font-size: 14px;
	font-weight: 500;
	color: #3e414f;
	line-height: 18px;
}
.popup-content .top-txt span {
	font-weight: 600;
	color: #6332f0;
} 
.mid-con {
	text-align: left;
}
.bot-con {
	margin-top: 30px;
}
.popBtn_pur_line {
    border: 1px solid #7d74e3;
    font-size: 14px;
    font-weight: 600;
    color: #534d95;
    word-break: keep-all;
    background-color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
	width: 100%;
}
.popBtn_pur_line:hover {
	background-color: #534d95;
	color: #fff;
	border: 1px solid #534d95;
}
.popup-Box2 {
    position: relative;
    width:100%;
    max-width:780px;
    background-color:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,.3);
	padding: 10px;
	max-height: 740px;
	height: 100%;
}
.popup-body2 {
	background-color: #f5f4f9;
	border-radius: 10px;
	padding: 10px;
	overflow-y: auto;
	max-height: 675px;
    height: calc(100vh - 95px);
}
.popTxt:first-child {
	margin-top: 0;
}
.popTxt {
	margin-top: 30px;
}
.popTxt h3 {
	font-size: 15px;
}
.popTxt li {
	margin: 5px 0;
}
.txtTop {
	margin: 20px 0;
}
.marT5 {
	margin-top: 5px;
}

/* 250114 추가 */
.contents_pages {
	position: relative; 
	width: 100%; 
	height: 100%; 
	background-color: #f3f5f8;
	z-index: 222;
	display: none;
}
.pagesWrap {
    padding: 0 10px 50px;
    transition: all 0.5s;
    background-color: #f3f5f8;
}
.conRight {
    padding-top: 50px;
    width: 100%;
    max-width: 1400px;
    padding-left: 500px;
}
.report_area {
	min-width: 900px;
	overflow-x: auto;
}
.areaBoxW {
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	padding: 15px;
	margin-bottom: 20px;
}
.box_top_txt {
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}
.box_top_txt h3 {
	margin-top: 30px;
    font-size: 28px;
}
.txt_date {
	position: absolute;
	right: 0;
	top: -30px;
}
.txt_date span {
	font-weight: 500;
	margin-left: 5px;
}
.table_area {
	width: 100%;
	margin-bottom: 10px;
}
.t_type_a, .t_type_b {
	width: 100%;
	border-top: 1px solid #dde1e6;
}
.t_type_a th {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 10px;
	color: #747c88;
	background-color: #f3f5f8;
    border-bottom: 1px solid #dde1e6;
    border-right: 1px solid #dde1e6;
}
.t_type_a td {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 10px;
	border-bottom: 1px solid #dde1e6;
    border-right: 1px solid #dde1e6;
}
.t_type_b th {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 10px;
	color: #747c88;
	background-color: #f3f5f8;
    border-bottom: 1px solid #dde1e6;
    border-right: 1px solid #dde1e6;
}
.t_type_b td {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 10px;
	border-bottom: 1px solid #dde1e6;
    border-right: 1px solid #dde1e6;
}
.t_type_b td.txtR {
	text-align: right;
}
.t_type_b th:first-child, .t_type_b td:first-child, .t_type_a th:first-child {
	border-left: 1px solid #dde1e6;
}
.flexT {
	display: flex;
	gap: 10px;
}
.wid50per {
	width: 50%;
}
.checkArea {
	height: 18px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.txtArea {
    position: relative;
	width: 100%;
	border: 1px solid #dde1e6;
	margin-top: 10px;
}
.txtArea h4 {
    background-color: #f4f5f8;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #dde1e7;
}
.txtArea textarea {
	width: 100%;
	min-height: 80px;
    padding: 10px;
    resize: vertical;
}
.signature_area {
	display: flex;
	justify-content: flex-end;
	gap: 40px;
	margin-top: 15px;
	padding: 20px;
}
.signature_area .sign_title {
	font-size: 14px;
	font-weight: 600;
}
.signature_area .sign_txt {
	display: flex;
	align-items: center;
	gap: 20px;
}
.signature_area .sign_txt dl {
	display: flex;
	align-items: center;
	gap: 10px;
}
.sign_txt dt {
	
}
.sign_txt dd span.branch, .sign_txt dd span.name {
	font-size: 14px;
	font-weight: 600;
	margin-right: 10px;
}
.sign_txt dd span.sign {
	margin: 0 50px 0 30px;
}
.btnSection_print {
	margin-bottom: 10px;
	padding: 0 20px;
	display: flex;
	justify-content: flex-end;
	gap: 15px;
	align-items: center;
}
.btn_print {
	background: url("../images/btn_print.png") 0 0 no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
}
.btn_save {
	background: url("../images/btn_save.png") 0 0 no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
}
.btnPrintArea {
	width: 100px;
	display: flex;
	justify-content: center;
	padding: 10px;
}
.popup-Box3 {
    position: relative;
    width: 100%;
    max-width: 900px;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, .3);
    padding: 10px;
    height: 100%;
}
.popup-body3 {
    background-color: #f5f4f9;
    border-radius: 10px;
    padding: 10px;
    overflow-y: auto;
    height: calc(100vh - 165px);
}
.btnPrintArea {
	display: flex;
	justify-content: center;
	width: 100%;
}
.widpad {
	width: 120px;
	padding: 10px;
}
.flexagC {
	display: flex;
	justify-content: center;
}

/*0124 추가*/
.loginInfo {
    text-align: right;
    color: #a1a7bc;
}
.loginInfo span {
    margin-left: 5px;
}
.userSection {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: center;
}
.userPicture {
    width: 160px;
    text-align: center;
}
.userPicture h4 {
    font-size: 16px;
    font-weight: 500;
    color: #424963;
    margin-bottom: 10px;
}
.myPicture {
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 160px;
/*    background: url("../images/img_myProfile_noImg.png") center center no-repeat #e8e8f1;*/
	background-size: 30px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
.myPicture img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.userInfo {
    display: flex;
	align-items: center;
	gap: 60px;
	width: 100%;
}
.userHello {
    font-size: 18px;
    font-weight: 400;
    color: #424963;
	word-break: keep-all;
}
.userHello .userName {
    font-size: 24px;
    font-weight: 600;
    margin-right: 5px;
}
.authority {
    font-size: 13px;
    font-weight: 500;
    color: #a1a7bc;
}
.userBot {
    width: 100%;
}
.userBot dl {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.userBot dt {
    width: 65px;
    font-size: 14px;
    font-weight: 400;
    color: #5e579f;
}
.userBot dd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #616472;
    width: 88%;
}
.txtRd {
    font-size: 14px;
    font-weight: 600;
    color: #ec2655;
}
.btn_purLine {
    border: 1px solid #e1deee;
    font-size: 12px;
    font-weight: 600;
    color: #5e579f;
    word-break: keep-all;
    background-color: #fff;
    padding: 4px 15px;
    border-radius: 5px;
}
.btn_purLine:hover {
    background-color: #f2f0fb;
}
.txtH3 {
    font-size: 16px;
    font-weight: 500;
    color: #424963;
}
.paging {
    margin: 20px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.paging a {
    font-size: 14px;
    font-weight: 400;
    color: #616472;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    padding-top: 4px;
}
.paging a:hover {
    background-color: #f2f0fb;
}
.paging a.active {
    background-color: #9f98f2;
    color: #fff;
    font-weight: 700;
}
.paging a.paging_prev {
    background: url("../images/btn_back_arrow.png") center center no-repeat;
    background-size: 7px;
}
.paging a.paging_next {
    background: url("../images/btn_back_arrow.png") center center no-repeat;
    background-size: 7px;
    transform: rotateY(180deg);
}
.mw580 {
    max-width: 480px;
}
.imgArea {
    width: 100%;
    height: 300px;
    background-color: #e3e2ed;
}
.imgInfo {
    padding: 10px 50px;
    text-align: center;
    word-break: keep-all;
}
.imgInfo p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}
.imgInfo span {
    display: inline-block;
    font-size: 12px;
    color: #8f8f8f;
    margin-bottom: 10px;
}
.marT10 {
    margin-top: 10px;
}
.confirm2 {
    height: 40px;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    font-weight: 500;
    color: #534d95;
    word-break: keep-all;
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
}
.disB {
    display: block;
}
table th, table td {
    word-break: keep-all;
}

/*0203 추가*/
.btnClosedArea {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
}
.btnClosedArea .btnClosed {
	background: url("../images/btn_close_B.png") center center no-repeat;
	background-size: 20px;
	width: 25px;
	height: 25px;
	border: none;
}
.pagesN {
	display: none;
}
.search_box dt .tit {
    position: relative;
    display: block;
    background: url(../images/ico_menu_search_on.png) 0 4px no-repeat;
    background-size: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #424963;
    padding-left: 25px;
}
.search_box dt.on .tit:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
.search_box dt .tit:before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    margin-top: -10.5px;
    width: 20px;
    height: 20px;
    background: url(../images/btn_arrow_d.png) no-repeat 50%;
	background-size: 20px;
    transition: transform ease-in-out 0.25s;
    -webkit-transition: transform ease-in-out 0.25s;
    cursor: pointer;
}
.search_box dd {
	position: relative;
	background-color: #f7f9fc;
	border-radius: 4px;
	padding: 20px;
	margin-top: 15px;
}
.form_area {
	width: 100%;
	max-width: 610px;
	margin: 0 auto;
}
.flex30 {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 10px;
}
.formTit {
	min-width: 50px;
	font-size: 14px;
	font-weight: 500;
	color: #616472;
	word-break: keep-all;
}
.selectBox_flex {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
	width: 100%;
	max-width: 530px;
}
.selBox {
	width: 33%;
}
.selectBtn {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d9d8e2;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-weight: 500;
    color: #616472;
    margin: 0;
}
.input_area {
	width: 100%;
	max-width: 530px;
}
.input_area input {
	width: 100%;
    height: 40px;
    padding: 0 10px;
}
.datenBtn {
	display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}
.date {
    display: flex;
    align-items: center;
    justify-content: space-between;
	width: 100%;
	max-width: 340px;
}
.choiceDate {
    position: relative;
	width: 45%;
}
.choiceDate input {
    padding: 8px 10px;
    border: 1px solid #d9d8e2;
    border-radius: 5px;
    width: 100%;
    color: #616472;
}
.choiceDate .datePicker {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/ico_calender.png) 0 0 no-repeat;
    background-size: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.dateCenter {
    margin: 0 5px;
}
.dateBtn {
	display: flex;
	gap: 5px;
	width: 50%;
}
.dateBtn button {
	background-color: #fff;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    color: #3a4058;
	word-break: keep-all;
	width: 100%;
}
.btnArea {
	display: flex;
	justify-content: center;
	gap: 5px;
}
.btnArea button {
	width: 20%;
	min-width: 150px;
}
.btnArea button.btn_pur {
	background-color: #5d579f;
    color: #fff;
}
.list_result {
	position: relative;
	margin-top: 30px;
}
.list_result .noResult {
	margin-top: 150px;
}
.result_top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 0 10px;
}
.re_top_tit span {
	font-weight: 600;
}
.btn3 {
	padding: 2px 10px;
    border: 1px solid #dcdee3;
    border-radius: 5px;
    background-color: #fff;
	font-size: 12px;
	font-weight: 600;
	color: #5e579f;
}
.re_box {
	margin-bottom: 10px;
}
.result_con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.result_con .rc_L {
	display: flex;
    align-items: center;
    gap: 15px;
    width: 80%;
}
.result_con .rc_R {
	display: flex;
	gap: 20px;
}
.result_con .rc_R button {
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #dfe1e7;
}
.result_con .rc_R button.btn_fav {
	background: url("../images/ico_favorite_line.png") center center no-repeat #fff;
	background-size: 15px;
}
.result_con .rc_R button.btn_fav:hover, .result_con .rc_R button.btn_fav.active {
	background: url("../images/ico_favorite.png") center center no-repeat #fff;
	background-size: 15px;
}
.result_con .rc_R button.btn_del {
	background: url("../images/ico_delete.png") center center no-repeat #fff;
	background-size: 15px;
}
.result_con .rc_R button.btn_alarm {
	background: url("../images/ico_my_alarm_off.png") center center no-repeat #fff;
	background-size: 15px;
}
.result_con .rc_R button.btn_alarm:hover, .result_con .rc_R button.btn_alarm.active {
	background: url("../images/ico_my_alarm_on.png") center center no-repeat #fff;
	background-size: 15px;
}
.mar0 {
	margin: 0;
}
.rc_L .rc_L_img {
	position: relative;
    width: 30%;
	max-width: 230px;
    height: 130px;
    border-radius: 10px;
    background-color: #e3e1eb;
    overflow: hidden;
}
.rc_L .rc_L_img .txt_TR {
	display: block;
	padding: 2px 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background-color: #000;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 3px;
}
.rc_L .rc_img_01 {
    background: url(../images/rc_img_01.png) center center / cover no-repeat;
}
.rc_L .rc_img_02 {
    background: url(../images/rc_img_02.png) center center / cover no-repeat;
}
.rc_L .rc_img_03 {
    background: url(../images/rc_img_03.png) center center / cover no-repeat;
}
.rc_L_txt ul {
	margin-top: 10px;
}
.rc_L_txt li .infoTxt:first-child {
    padding-left: 0;
}
.rc_L_txt li .infoTxt {
    position: relative;
    padding-left: 6px;
    margin-right: 6px;
	color: #79769a;
}
.rc_L_txt li .infoTxt::before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #888;
}
.reportTabWrap {
    margin-bottom: 10px;
}
.reportConTab {
    display: flex;
    gap: 2px;
}
.reportConTab .reTit {
    font-size: 14px;
    font-weight: 600;
    color: #80848b;
    width: 100%;
    padding: 10px;
    background-color: #fff;
	border: 1px solid #d9d8e2;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}
.reportConTab .reTit.active {
    background-color: #9f98f2;
    color: #fff;
	border: none;
}
.report_contents .report_con {
    display: none;
}
.report_contents .report_con.active {
    display: block;
}
.report_cards_list {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.re_box2 {
	width: 32%;
	text-align: center;
}
.rc_L_txt .top_txt {
	font-size: 14px;
	font-weight: 500;
	color: #b2afce;
}
.rc_L_txt h2 {
	font-size: 20px;
    font-weight: 400;
    color: #534d95;
	margin-bottom: 20px;
}
.regist_date {
	display: flex;
    gap: 20px;
    justify-content: center;
    margin: 30px 0;
}
.regist_date div {
    font-size: 12px;
    font-weight: 500;
    color: #79769a;
}
.regist_date div .regist_tit {
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 600;
    color: #b2afce;
    margin-right: 5px;
}
.rc_R_tit {
	display: block;
	font-size: 12px;
    font-weight: 600;
    color: #b2afce;
}
.rc_R_txt {
	display: block;
	font-size: 12px;
    font-weight: 500;
    color: #616472;
}
.bot_more {
	width: 100%;
    max-width: 240px;
    margin: 0 auto;
}
.areaBoxW:hover {
	box-shadow: 2px 2px 14px rgb(76, 68, 150, 0.14);
	transition: 0.3s;
}

/* 0213 추가 */
.noPagesArea {
	margin: 150px 0;
}
.noPages {
	background: url(../images/img_noPages.png) center 0 no-repeat;
	background-size: 60px;
	text-align: center;
	padding-top: 70px;
}
.noPages p {
	font-size: 20px;
	font-weight: 700;
	color: #3f3891;
}
.noPages span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #605e95;
	margin-bottom: 20px;
}
.noPages button {
	font-size: 12px;
    font-weight: 600;
    color: #9f98f2;
    padding: 8px 20px;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #9f98f2;
    cursor: pointer;
}
.noPages button:hover {
	background-color: #9f98f2;
	color: #fff;
}
.noticeList {
	display: block;
}
.noticeListTop {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.noticeListTop span {
    font-weight: 600;
    color: #f9739f;
}
.table_d {
	width: 100%;
}
.table_d tr:hover {	
	background-color: #fbfbfd;
}
.table_d th {
	background-color: #f8f8fb;
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #525964;
}
.table_d td {
	text-align: center;
	padding: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #525964;
	border-bottom: 1px solid #f3f5f8;
}
.txtL {
	text-align: left !important;
}
.tdflex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tdflex a:hover {
	color: #534d95;
}
.tdflex span {
	display: block;
	color: #9292a3;
}
.noticeView {
	display: none;
}
.noticeView .nv_top {
	border-top: 2px solid #605e95;
    border-bottom: 1px solid #605e95;
	background-color: #f8f8fb;
    margin-bottom: 10px;
	padding: 30px 15px;
}
.nv_top_txt {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 5px;
}
.nv_top_txt .txt_h2_top {
	font-size: 22px;
	font-weight: 400;
	word-break: keep-all;
	color: #525964;
}
.nv_top_txt h2 {
	font-size: 22px;
	word-break: keep-all;
	line-height: 24px;
}
.noticeView .nv_top .txtDate {
	font-size: 14px;
	font-weight: 500;
	color: #9292a3;
}
.noticeView .nv_con {
	padding: 15px;
	min-height: 360px;
	border-bottom: 1px solid #605e95;
}

/*0325 추가*/
.loginBack {
	background: url("../images/img_login_bg.jpg") center center no-repeat;
	height: 100vh;
	background-size: cover;
}
.loginWrap {
	background: url("../images/img_login_bg_b.png") center bottom no-repeat;
	height: 100%;
}
.login-wrap2 {
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
    max-width: 420px;
    padding: 20px;
}
.loginBox2 {
    position: relative;
    width:100%;
    background-color:#7c75c9;
    border-radius:15px;
    overflow:hidden;
	box-shadow: 0px 0px 9px 1px rgba(0,0,0,.3);
}
.login-head2 {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 50px;
}
.login-head2 h1 {
    background: url("../images/img_DVMS_01.png") center center no-repeat;
    background-size: 210px;
    height: 35px;
}
.login-head2 p {
    font-size: 8px;
    font-weight: 500;
	color: #9f98f2;
    letter-spacing: 0;
}
.txt_login {
	color: #c8c4f8;
    font-size: 20px;
    font-weight: 200;
    line-height: 20px;
    display: block;
    margin-top: 40px;
}
.ptg-input-error {
    background: url(../images/ico_waring.png) 7px center no-repeat #3f3891;
    background-size: 18px;
    padding: 5px;
    border-radius: 5px;
    text-align: left;
    font-weight: 400;
    padding-left: 30px;
    margin-bottom: 5px;
    color: #ffe714;
}
.copy_section {
    
}
/*0404추가*/
.btn_logout {
    padding: 3px 15px;
    border-radius: 5px;
    background-color: #efefef;
    margin-top: 15px;
}
.policySection {
    padding: 10px;
}
.policySection > div {
    margin: 30px 0;
}
.policySection h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.policySection h3 {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    z-index: 1;
}
.policySection h3:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 8%;
    width: 100%;
    height: 7px;
    border-radius: 2px;
    background: linear-gradient(to right, rgb(202, 198, 254, .8) 0%, rgba(211, 233, 46, 0) 100%);
}
.policySection p {
    font-size: 16px;
    word-break: keep-all;
    line-height: 20px;
}
.policySection dl {
    padding: 10px;
    font-size: 16px;
    word-break: keep-all;
    font-weight: 400;
}
.policySection dl dt {
    font-weight: 600;
    margin-top: 10px;
}
.policySection dl dd {
    padding-left: 13px;
}
.policySection .txtSpan {
    display: block;
    padding-left: 15px;
}
.policySection .policy_sub_txt {
    padding: 0 10px 10px;
}
.policySection .policy_sub_txt h4 {
    margin-top: 20px;
}
.policySection .policy_sub_txt a:hover {
    text-decoration: underline;
}
.policySection .policy_sub_txt span {
    font-weight: 400;
}

/*0410 추가*/
.infoArea {
    display: flex;
}
.popup-Box4 {
    position: relative;
    width: 100%;
    max-width: 540px;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, .3);
    padding: 10px;
}
.popup-body4 {
    border-radius: 10px;
    padding: 30px;
    min-height: 410px;
    background: url("../images/img_login_bg_b.png") right bottom no-repeat #6b67db;
    background-size: 100%;
}
.popup-body4 h3 {
    font-size: 28px;
    font-weight: 700;
    color: #ffdb10;
    letter-spacing: -2px;
    background: url("../images/img_DVMS_01.png") -7px 0 no-repeat;
    background-size: 145px;
    padding-top: 60px;
    word-break: keep-all;
}
.popup-body4 p {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 20px 0;
    word-break: keep-all;
}
.popup-body4 span {
    font-size: 15px;
    font-weight: 400;
    color: #c3c1ff;
    word-break: keep-all;
}

.kar-notice {
	color: #c8c4f8;
	line-height: 1.2em;
	padding-top: 9px;
	font-size: 12pt;
	letter-spacing: normal;
}
.kar-notice span{
	font-weight: bold;
	letter-spacing: normal;
}
/* 모바일 */
@media (max-width: 1199px) {
	/* 모바일 기기에서는 안내메시지 표시하지 않도록 한다. */
	.kar-notice {
		display: none;
	}

	.kar-join-info {
		display: none;
	}

	.joinWrap {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		max-width: 650px;
	}
	.DVMSlogo {
		position: relative;
		top: 20px;
		left: 7px;
		background-size: 230px;
	}
	.menuTitle {
		display: none;
	}
	.subTitle {
		margin-left: 15px;
	}
	.joinRight {
		margin-left: 0;
		padding-top: 30px;
	}
	.joinCopy {
		position: relative;
		left: 0;
		bottom: 0;
		padding: 40px 0 !important;
	}
	/* 250114 추가 */
	.pagesWrap {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		max-width: 900px;
	}
	.conRight {
		padding-left: 0;
        padding-top: 30px;
	}
	/*0325 추가*/
	.loginBox2 {
		max-width: 100%;
	}
    
}
@media screen and (min-width:961px) and (max-width: 1040px) {
	.pagesWrap {
		left: 53.7%;
	}
}
@media (max-width: 768px) {
	.form {
		display: block;
		margin: 10px 0 20px 0;
	}
	.form .inputTit {
		display: block;
		margin-bottom: 10px;
	}
	.result_con .rc_L {
		width: 100%;
	}
	.result_con .rc_R {
		width: 100%;
		justify-content: center;
	}
	.re_box2 {
		width: 49%;
	}
	.tdflex {
		display: block;
	}
	.tdflex a {
		display: block;
		width: 100%;
	}
	.th_date {
		font-size: 0 !important;
	}
}
@media (max-width: 720px) {
	.userSection {
		display: block;
	}
	.userInfo {
		justify-content: center;
		gap: 30px;
	}
	.userBot {
		margin-top: 20px;
	}
	.nv_top_txt {
		display: block;
	}
}
@media (max-width: 589px) {
	.flex30 {
		display: block;
	}
	.re_box2 {
		width: 100%;
	}
	.bot_more {
		max-width: 100%;
	}
}
@media (max-width: 483px) {
	.datenBtn {
		flex-wrap: wrap;
	}
	.date {
		max-width: 100%;
	}
	.result_con .rc_L {
		flex-wrap: wrap;
	}
	.rc_L .rc_L_img {
		width: 100%;
		max-width: 100%;
	}
}

/*@media print {
	h2 {
    	break-before: page;
	}
	@page {
	    size: A4;
	    margin: 1cm;
	    margin-top: 2cm;
	    margin-bottom: 2cm;
	    break-after: always;
	    break-inside: avoid;
	}
     @page {
        size:210mm 297mm; 
  		margin:0mm;
	    bleed: 3mm;
	    page-break-inside:auto;
		page-break-after:auto; 
	    size: A4;
	    overflow:hidden;
	    position:relative;
	    width:210mm;
	    height:297mm; 
	    height:calc(297mm - 1px); 
	    page-break-before: auto
    } 
    .DVMSlogo, .menuTitle, .subTitle, .btnSection_print, .btnSection, .joinCopy, .leftMenu, .btnClosedArea {
        display: none;
    }
    .conRight {
        padding-left: 20px;
        padding-right: 20px;
    }
}*/


/* @media print {
	@page {}
    .DVMSlogo, .menuTitle, .subTitle, .btnSection_print, .btnSection, .joinCopy, .leftMenu, .btnClosedArea {
        display: none;
    }
    .conRight {
        padding-left: 20px;
        padding-right: 20px;
    }
}
 */

@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust:exact; 
	}
	#reportViewPrint {
		/* page-break-inside:auto; 
		page-break-before: auto;
		page-break-after:auto;
		position:relative; */
        margin: 50px 30px 30px 30px;
  		padding: 20px 40px;
  		bleed: 3mm;
	}
	/* @page {
		size: A4;
	  	margin: 50px 30px 30px 30px;
  		padding: 20px 40px;
  		bleed: 3mm;
	} */
}