.logo{
	float:left;
	width:100%;
	margin-top:25px;
	text-align:center;
}

.logo img{
	width:50px;
}

.back_btn_area{
	position:absolute;
	left:0;
	top:15px;
}

.back_btn_area button{
	padding:5px 15px;
	font-size:20px;	
	background:#fff;
	border:0;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.main_image{
	float:left;
	width:100%;
	margin-top:140px;
	text-align:center;
}

.main_image img{
	width:400px;
}

.main_content_area{
	float:left;
	width:380px;
	margin:50px 0 50px calc(50% - 190px);
}

.main_content_area2{
	float:left;
	width:720px;
	margin:125px 0 0 calc(50% - 360px);
}

.main_content_title{
	float:left;
	width:100%;
	font-size:18px;
	font-weight:400;
	color:#767676;
}

.main_content_title2{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:30px;
	color:#000;
}

.main_content_title2 span{
	font-weight:700;
}

@media screen and (max-width:640px){
	.main_image{
		width:90%;
		margin-left:5%;
	}
	.main_image img{
		width:100%;
	}
	
	.main_content_area{
		width:90%;
		margin:50px 0 50px 5%;
	}
	
	.main_content_area2{
		float:left;
		width:94%;
		margin-left:3%;
	}
	
	.main_content_title{
		font-size:16px;
	}
	
	.main_content_title2{
		font-size:24px;
	}
}

.main_content_btn_list{
	float:left;
	width:100%;
	margin-top:20px;
}

.main_content_btn_list li{
	float:left;
	width:100%;
	margin-bottom:10px;
}

.main_content_btn_list li button.login_btn{
	width:100%;
	height:64px;
	background:#42baff;
	color:#fff;
	font-size:18px;
	font-weight:500;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.main_content_btn_list li button.join_btn{
	width:100%;
	height:64px;
	background:#092535;
	color:#fff;
	font-size:18px;
	font-weight:500;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.main_content_bigo{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:18px;
	color:#000;
	text-align:center;
}

.main_content_bigo span{
	color:#42baff;
	font-weight:700;
}

@media screen and (max-width:640px){
	.main_content_bigo{
		font-size:16px;
	}
}

.login_area{
	float:left;
	width:380px;
	margin:150px 0 0 calc(50% - 190px);
}

h2.login_title{
	float:left;
	width:100%;
	text-align:center;
	font-size:26px;
	font-weight:700;
}

.login_content_list{
	float:left;
	width:100%;
	margin-top:15px;
}

.login_content_list.unclaim{
	margin-top:25px;
}

.login_content_list li{
	float:left;
	width:calc(100% - 44px);
	padding:12px 22px;
	margin-top:10px;
	border:1px solid #bbb;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.login_content_list li:first-child{
	margin-top:0;
}

.login_content_list li.caution, .login_content_list li.matching{
	display:none;
	border:0;
	padding:0 15px;
	margin-top:5px;
	color:#d9110b;
	font-size:15px;
}

.login_content_list li dl, .login_content_list li dl dt, .login_content_list li dl dd{
	float:left;
	width:100%;
}

.login_content_list li dl dt{
	font-size:12px;
	font-weight:500;
	color:#212121;
	margin-bottom:5px;
}

.login_content_list li dl dd{
	position:relative;
}

.login_content_list li dl dd input{
	width:100%;
	border:0;
	font-size:17px;
}

.login_content_list li dl dd input.size60per{
	width:60%;
}

.login_content_list li dl dd input.size40per{
	width:40%;
}

.login_content_list li dl dd input::placeholder{
	color:#949494;
}

.login_content_list li dl dd select{
	border:0;
	width:100%;
	font-size:17px;
}

.login_content_list li dl dd select:invalid{
	color:#fff;
}

.login_content_list li dl dd select:valid{
	color:#333;
}

.login_content_list li dl dd select.agency{
	float:left;
	margin-bottom:10px;
}

.login_content_list li dl dd span{
	color:#f00;
}

.verification_btn{
	position:absolute;
	right:0;
	top:0;
	padding:0 18px;
	height:30px;
	background:#000;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:16px;
	color:#fff;
}

.verification_btn.resend{
	background:#fff;
	color:#000;
	border:1px solid #ddd;
}

.verification_btn2{
	display:inline-block;
	float:right;
	padding:0 18px;
	height:30px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:16px;
	color:#000;
}

@media screen and (max-width:640px){
	.login_area{
		width:90%;
		margin-left:5%;
	}
	
	.login_content_list input{
		font-size:15px;
	}
	
	.login_content_list input[type=date].size40per{
		width:45%;
		padding:0;
	}
	
	.login_content_list li{
		width:calc(100% - 30px);
		padding:5px 15px;
	}
	
	.verification_btn{
		padding:0 10px;
		font-size:15px;
	}
}

.time_count{
	position:absolute;
	top:0;
	right:0;
	font-size:16px;
	color:#000;
}

.pw_search_btn{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:16px;
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}

.login_btn{
	float:left;
	width:100%;
	margin-top:20px;
}

.pw_search_title{
	float:left;
	width:100%;
	margin-top:32px;
	font-size:18px;
	font-weight:700;
	text-indent:10px;
}

.overlap_chk_btn{
	float:left;
	width:100%;
	margin-top:10px;
}

.overlap_text{
	display:inline-block;
	margin-top:5px;
	font-size:16px;
	color:#092535;
}

.overlap_text.red{
	color:#Ff1100;
}

.overlap_chk_btn button{
	display:inline-block;
	float:right;
	padding:0 18px;
	height:30px;
	background:#000;
	color:#fff;
	font-size:16px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.menu_btn{
	position:absolute;
	width:36px;
	top:17px;
	left:12px;
	cursor:pointer;
}

.menu_btn img{
	width:100%;
}

.main_content_banner{
	float:left;
	width:100%;
}

.main_content_banner .img{
	float:left;
	width:208px;
	margin-left:105px;
}

.main_content_banner .img img{
	width:100%;
}

.main_content_title_area{
	float:right;
	width:50%;
	margin-top:30px;
}

@media screen and (max-width:640px){
	.main_content_banner .img{
		width:100%;
		margin-left:0;
		text-align:center;
	}
	
	.main_content_banner .img img{
		width:50%;
	}
	
	.main_content_title_area{
		float:left;
		width:100%;
		text-align:center;
	}
}

.main_user_info_area{
	float:left;
	width:162px;
	height:224px;
	padding:0 40px;
	margin-top:40px;
	border:1px solid #ccc;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

.main_user_info_area dl, .main_user_info_area dl dt, .main_user_info_area dl dd{
	float:left;
	width:100%;
}

.main_user_info_area dl.user_info{
	margin-top:38px;
}

.main_user_info_area dl.plan_info{
	width:130px;
}

.main_user_info_area dl.count_info{
	width:160px;
}

.main_user_info_area dl dt{
	font-size:18px;
	color:#000;
	white-space: nowrap;    /* 줄바꿈 방지 */
	overflow: hidden;       /* 영역을 벗어나는 내용 숨김 */
	text-overflow: ellipsis; /* 넘치는 부분 말줄임표(...) 처리 */
}

.main_user_info_area dl dd{
	margin-top:5px;
	font-size:26px;
	font-weight:700;
}

.main_user_info_area dl.user_info dt{
	font-size:26px;
	font-weight:700;
}

.main_user_info_area dl.user_info dd{
	font-size:18px;
	font-weight:normal;
}

.mypage_btn{
	float:left;
	width:100%;
	margin-top:45px;
	text-align:center;
}

.mypage_btn button{
	width:162px;
	padding:7px 0;
	font-size:17px;
	font-weight:700;
	color:#42baff;
	background:#eef9ff;
	border:1px solid #42baff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

@media screen and (max-width:640px){
	.main_user_info_area{
		width:calc(100% - 32px);
		height:initial;
		padding:20px 15px;
	}
	
	.main_user_info_area dl.user_info{
		margin-top:0;
	}
	
	.main_user_info_area dl.user_info dt{
		width:initial;
		font-size:22px;
		text-align:center;
	}
	
	.main_user_info_area dl.user_info dd{
		width:initial;
		margin-left:15px;
		font-size:18px;
		text-align:center;
	}
	
	.mypage_btn{
		float:left;
		margin-top:20px;
		text-align:center;
	}
	
	.mypage_btn button{
		width:calc(100% - 20px);
		padding:15px 10px;
		font-size:14px;
		border-radius:50px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
	}
}


.main_customer_info_area{
	float:right;
	width:462px;
	height:224px;
	margin-top:40px;
	border:1px solid #eee;
	background:#eee;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	background:url("/images/main_banner_image5.png") no-repeat 270px bottom / 135px 180px #eee;
}

.main_customer_info_area dl{
	float:left;
	margin:38px 0 0 40px;
}

.main_customer_info_area dl dt{
	float:left;
	font-size:26px;
	font-weight:700;
}

.main_customer_info_area dl dd{
	clear:both;
	float:left;
	margin-top:5px;
	font-size:18px;
	color:#000;
}

@media screen and (max-width:640px){
	.main_customer_info_area{
		float:right;
		width:100%;
		height:150px;
		margin-top:12px;
		background:url("/images/main_banner_image5.png") no-repeat right 20px bottom / 90px 110px #eee;
	}
	
	.main_customer_info_area dl{
		margin:20px 0 0 20px;
	}
	
	.main_customer_info_area dl dt{
		font-size:22px;
	}
	
	.main_customer_info_area dl dd{
		margin-top:15px;
		font-size:18px;
	}
}

.main_banner_list{
	float:left;
	width:100%;
	margin-top:15px;
}

.main_banner_list li{
	float:left;
	height:189px;
	margin-bottom:16px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	cursor:pointer;
}

.main_banner_list li:nth-child(odd){
	margin-right:0;
}

.main_banner_list li:nth-child(even){
	float:right;
}

.main_banner_list li:nth-child(1){
	width:462px;
	height:304px;
	background:url("/images/main_banner_image1.png") no-repeat center bottom /contain #42baff;
}

.main_banner_list li:nth-child(2){
	width:242px;
	height:304px;
	background:url("/images/main_banner_image2.png") no-repeat 110px 189px / 92px 85px #fd9996;
}

.main_banner_list li:nth-child(3), .main_banner_list li:nth-child(4){
	width:calc(50% - 8px);
}

.main_banner_list li:nth-child(3){
	background:url("/images/main_banner_image3.png") no-repeat 226px 83px / 90px 83px #7cddd3;
}

.main_banner_list li:nth-child(4){
	background:url("/images/main_banner_image4.png") no-repeat 234px 73px / 90px 93px #b8f0ea;
}

.main_banner_list li .banner_title{
	float:left;
	margin:35px 0 0 40px;
	font-size:26px;
	font-weight:700;
	color:#000;
}

@media screen and (max-width:640px){
	.main_banner_list{
		margin-top:12px;
	}
	
	.main_banner_list li{
		height:120px;
		margin-bottom:12px;
	}
	
	.main_banner_list li:nth-child(1){
		width:60%;
		height:150px;
		background:url("/images/main_banner_image1.png") no-repeat center bottom /contain #42baff;
	}
	
	.main_banner_list li:nth-child(2){
		width:38%;
		height:150px;
		background:url("/images/main_banner_image2.png") no-repeat right 10px bottom 10px / 60px 70px #fd9996;
	}

	.main_banner_list li:nth-child(3), .main_banner_list li:nth-child(4){
		width:49%;
	}

	.main_banner_list li:nth-child(3){
		background:url("/images/main_banner_image3.png") no-repeat right 10px bottom 10px / 70px 75px #7cddd3;
	}

	.main_banner_list li:nth-child(4){
		background:url("/images/main_banner_image4.png") no-repeat right 10px bottom 10px / 70px 70px #b8f0ea;
	}
	
	.main_banner_list li .banner_title{
		margin:20px 0 0 15px;
		font-size:18px;
	}
}

.main_notice_area{
	float:left;
	width:100%;
	margin-top:65px;
	padding-bottom:50px;
}

.main_notice_title{
	float:left;
	width:100%;
	font-size:26px;
	font-weight:700;
	padding-bottom:10px;
	border-bottom:1px solid #bbb;
}

.main_notice_title span.more{
	display:inline-block;
	float:right;
	width:38px;
}

.main_notice_title span.more img{
	width:100%;
}

.main_notice_list{
	float:left;
	width:100%;
	margin-top:22px;
}

.main_notice_list li{
	float:left;
	width:100%;
	margin-bottom:22px;
	font-size:17px;
	cursor:pointer;
}

.main_notice_list li dl{
	float:left;
	width:100%;
}

.main_notice_list li dl dd{
	float:left;
	width:120px;
}

.main_notice_list li dl dt{
	float:left;
	width:calc(100% - 120px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media screen and (max-width:640px){
	.main_notice_title{
		font-size:22px;
		padding-bottom:5px;
	}
	
	.main_notice_title span.more{
		width:30px;
	}
	
	.main_notice_list li{
		margin-bottom:15px;
	}
	
	.main_notice_list li dl dd{
		width:100%;
		font-size:14px;
		color:#787878;
	}
	
	.main_notice_list li dl dt{
		width:100%;
		font-size:16px;
		margin-top:5px;
	}
}




.mypage_aside{
	float:left;
	width:296px;
	height:100%;
}

.mypage_line{
	float:right;
	width:8px;
	height:100%;
	background:#ccc;
}


.mypage_title{
	float:left;
	width:80%;
	margin:105px 0 0 10%;
	font-size:21px;
	font-weight:700;
}

.mypage_menu_list{
	float:left;
	width:90%;
	margin:30px 0 0 5%;
}

.mypage_menu_list li{
	float:left;
	width:100%;
	height:36px;
	padding-top:17px;
	text-indent:42px;
	font-size:17px;
	cursor:pointer;
}

.mypage_menu_list li:hover, .mypage_menu_list li.over{
	background:#EEF9FF;
	color:#42BAFF;
	font-weight:700;
}

@media screen and (max-width:640px){
	.mypage_aside, .mypage_line{
		display:none;
	}
}














.aside_mypage_area{
	position:relative;
	float:left;
	width:100%;
	height:350px;
	background:#282828;
}

.aside_close_btn{
	position:absolute;
	left:10px;
	top:10px;
}

.aside_mypage_info{
	float:left;
	width:90%;
	margin:40px 0 0 5%;
	color:#fff;
}

.aside_mypage_info dt, .aside_mypage_info dd{
	float:left;
	width:100%;
	text-align:center;
	white-space: nowrap;      /* 줄바꿈 금지 */
    overflow: hidden;         /* 넘치는 부분 숨김 */
    text-overflow: ellipsis;  /* 넘치는 부분에 '...' 표시 */
}

.aside_mypage_info dd.icon{
}

.aside_mypage_info dd.ico span{
	float:left;
	width:48px;
	height:48px;
	margin-left:calc(50% - 24px);
	font-size:26px;
	line-height:26px;
	text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
	background:#EDB985;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	color:#fff;
}

.aside_mypage_info dt{
	margin-top:10px;
	font-size:26px;
	font-weight:700;
}

.aside_mypage_info dd.sosok{
	margin-top:10px;
	font-size:17px;
}

.aside_mypage_info dd.position{
	font-size:17px;
}

.aside_plan_list{
	float:left;
	width:90%;
	margin:30px 0 0 5%;
}

.aside_plan_list li{
	float:left;
	width:100%;
	margin-bottom:10px;
}

.aside_plan_list li dl{
	float:left;
	width:100%;
	color:#fff;
}

.aside_plan_list li dl dt, .aside_plan_list li dl dd{
	float:left;
	width:50%;
	font-size:17px;
}

.aside_plan_list li dl dd{
	text-align:right;
	font-weight:700;
}

.aside_mypage_btn{
	float:left;
	width:90%;
	margin:10px 0 0 5%;
}

.aside_mypage_btn button{
	width:calc(100% - 2px);
	height:46px;
	border:2px solid #fff;
	background:rgba(255, 255, 255, .32);
	font-size:17px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	color:#fff;
}

.aside_gnb_area{
	position:relative;
	float:left;
	width:100%;
	height:calc(100vh - 360px);
	margin-top:10px;
}

.aside_logout_btn_area{
	position:absolute;
	bottom:50px;
	left:0;
	width:100%;
	text-align:center;
}

.aside_logout_btn_area button{
	height:30px;
	padding:0 18px;
	border:1px solid #bbb;
	background:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:16px;
	color:#121212;
}

.aside_gnb{
	float:left;
	width:100%;
}

.aside_gnb > li{
	float:left;
	width:100%;
}

.aside_gnb > li.over{
	color:#42BAFF;
	font-weight:700;
}

.aside_gnb > li dl{
	float:left;
	width:100%;
	height:40px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}

.aside_gnb > li dl dd.ico{
	float:left;
	width:30px;
	margin:10px 0 0 5%;
}

.aside_gnb > li dl dt{
	float:left;
	width:calc(100% - (60px + 10%));
	margin-top:10px;
	font-size:17px;
}

.aside_gnb > li dl dd.arrow{
	float:right;
	margin-right:5%;
	width:30px;
}

.aside_gnb_sub{
	display:none;
	float:left;
	width:90%;
	margin:0 5%;
}

.aside_gnb_sub > li{
	float:left;
	width:100%;
	margin:5px 0;
	padding:7px 0;
	text-indent:40px;
	font-size:17px;
	cursor:pointer;
}

.aside_gnb_sub > li:hover, .aside_gnb_sub > li.over{
	background:#EEF9FF;
	color:#42BAFF;
	font-weight:700;
}

@media screen and (max-width:640px){
	.aside_logout_btn_area{
		position:initial;
		float:left;
		margin-top:40px;
		bottom:0;
	}
}


.mypage_content{
	float:right;
	width:calc(100% - 342px);
	min-height:700px;
	padding:105px 19px 50px;
	border-left:8px solid #f2f2f2;
}

.mypage_content_title{
	float:left;
	width:100%;
	font-size:21px;
	font-weight:700;
}

.mypage_content_title span.plan_close{
	display:none;
}

.mypage_basic_info_area{
	float:left;
	width:96%;
	margin:40px 0 0 2%;
}

@media screen and (max-width:640px){
	.mypage_content{
		float:left;
		width:100%;
		padding:0;
		margin:100px 0 0 0;
		border-left:0;
	}
	
	.mypage_content_title{
		position:relative;
		float:left;
		width:90%;
		margin-left:5%;
	}
	
	.mypage_content_title span.plan_close{
		display:block;
		position:absolute;
		right:0;
		top:0;
	}
	
	.mypage_content_title span.plan_close button{
		padding:5px 10px;
		font-size:16px;
		background:#fff;
		border:1px solid #ddd;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	
	.mypage_basic_info_area{
		float:left;
		width:90%;
		margin:40px 0 0 5%;
	}
}

.profile_img{
	position:relative;
	float:left;
	width:80px;
	height:80px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	background:#EDB985;
	color:rgba(255, 255, 255, .7);
	font-size:46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile_img span{
	position:absolute;
	right:0;
	bottom:0;
}

.profile_img img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.profile_list{
	float:left;
	width:50%;
	margin:15px 0 0 45px;
}

.profile_list dt, .profile_list dd{
	float:left;
	width:100%;
	font-size:14px;
}

.profile_list dd{
	font-size:26px;
	font-weight:700;
}

.profile_btn{
	float:right;
	margin:35px 0 0 0;
}

.profile_btn button{
	height:30px;
	padding:0 18px;
	background:#000;
	color:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:16px;
}

@media screen and (max-width:640px){
	.profile_img{
		margin-left:calc(50% - 40px);
	}

	.profile_list{
		margin:40px 0 0 0;
	}
	
	.profile_btn{
		margin:50px 0 0 0;
	}
}

.mypage_plan_area{
	display:none;
}

@media screen and (max-width:640px){
	.mypage_plan_area{
		display:block;
		position:relative;
		float:left;
		width:90%;
		padding:20px 5%;
		border-top:8px solid #f8f8f8;
		border-bottom:8px solid #f8f8f8;
		margin-top:30px;
		font-size:18px;
		font-weight:700;
	}
	
	.mypage_plan_area span{
		position:absolute;
		right:5%;
		top:20px;
		font-weight:400;
	}
}






.mypage_content_stitle{
	position:relative;
	float:left;
	width:96%;
	margin:35px 0 0 2%;
	font-size:17px;
	font-weight:700;
	text-indent:10px;
}

.mypage_content_stitle.first{
	margin-top:50px;
}

.mypage_content_stitle button{
	position:absolute;
	right:0;
	top:-4px;
	height:30px;
	padding:0 18px;
	background:#000;
	color:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.mypage_content_box{
	float:left;
	width:calc(96% - 44px);
	margin:20px 0 0 2%;
	padding:8px 21px;
	border:1px solid #ccc;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.mypage_content_list{
	float:left;
	width:100%;
}

.mypage_content_list li{
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
}

.mypage_content_list li:last-child{
	border-bottom:0;
}

.mypage_content_list2 li:first-child{
	border-bottom:0;
}

.mypage_content_list li dl{
	float:left;
	width:100%;
}

.mypage_content_list li dl dd{
	float:left;
	width:491px;
	height:58px;
    display: flex;
    align-items: center;
	font-size:17px;
	color:#000;
}

.mypage_content_list li dl dt{
	float:left;
	width:calc(100% - 491px);
	height:58px;
    display: flex;
    align-items: center;
	font-size:17px;
	color:#000;
}

.mypage_content_list2 li dl dd{
	color:#000;
}

@media screen and (max-width:640px){
	.mypage_content_stitle{
		width:90%;
		margin-left:5%;
	}
	
	.mypage_content_stitle.first{
		margin-top:20px;
	}
	
	.mypage_content_box{
		width:calc(90% - 40px);
		margin-left:5%;
		padding:5px 20px;
	}
	
	.mypage_content_list li.period{
		border-top:1px solid #ddd;
	}
	
	.mypage_content_list li dl dd{
		width:calc(100% - 120px);
		font-size:15px;
	}
	
	.mypage_content_list li dl dt{
		width:120px;
		font-size:15px;
	}
}





.charts_area{
	float:left;
	width:100%;
	min-height:700px;
	margin-top:105px;
	margin-bottom:50px;
}

.charts_area.customer{
	margin-top:85px;
}

.charts_title{
	position:relative;
	float:left;
	width:94%;
	padding:0 3% 25px;
	border-bottom:8px solid #f1f1f1;
	font-size:21px;
	font-weight:700;
}

.charts_title .question{
	position:absolute;
	right:32px;
	top:10px;
	font-size:17px;
	color:#d9110b;
	font-weight:400;
	cursor:pointer;
}

.charts_title.print{
	margin-top:20px;
	border-bottom:0;
}

.charts_title img{
	display:inline-block;
	margin-right:10px;
}

.charts_title .question img{
	margin-right:0;
}

.charts_title button{
	position:absolute;
	top:0;
	right:3%;
	width:268px;
	height:47px;
	background:#42baff;
	color:#fff;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	font-size:17px;
}

.chart_mobile_write_btn{
	display:none;
}

@media screen and (max-width:640px){
	.charts_area{
		margin-top:85px;
	}
	
	.charts_title{
		padding:0 3% 10px;
		font-size:18px;
	}
	
	.charts_title .question{
		top:5px;
		right:5%;
		font-size:15px;
	}
	
	.charts_title img{
		width:30px;
		margin-right:5px;
	}
	
	.charts_title .question img{
		width:20px;
	}
	
	.charts_title button{
		display:none;
	}
	
	.charts_title button.customer_add_btn{
		display:block;
		position:fixed;
		right:initial;
		top:initial;
		bottom:10px;
		left:5%;
		width:90%;
		z-index:1000;
	}
	
	.chart_mobile_write_btn{
		display:block;
		position:fixed;
		left:0;
		bottom:10px;
		width:100%;
		text-align:center;
	}
	
	.chart_mobile_write_btn button{
		width:90%;
		height:47px;
		background:#42baff;
		color:#fff;
		border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
		font-size:17px;		
	}
}

.charts_stitle{
	position:relative;
	float:left;
	width:94%;
	padding:17px 3%;
	border-bottom:1px solid #f1f1f1;
	font-size:21px;
	font-weight:700;
}

.charts_stitle .customer_write{
	position:absolute;
	right:32px;
	top:15px;
	font-size:17px;
	font-weight:700;
	color:#42baff;
	border-bottom:1px solid #42baff;
	cursor:pointer;
}

.charts_search_area{
	position:relative;
	float:left;
	width:94%;
	padding:17px 3%;
	border-bottom:8px solid #f1f1f1;
}

.charts_search_list{
	float:left;
}

.charts_search_list li{
	float:left;
	margin-right:20px;
}

.charts_search_list li dl, .charts_search_list li dl dt, .charts_search_list li dl dd{
	float:left;
}

.charts_search_list li dl{
	width:100%;
}

.charts_search_list li dl dt{
	height:20px;
	font-size:14px;
}

.charts_search_list li dl dd{
	clear:both;
	margin-top:5px;
}

@media screen and (max-width:640px){
	.charts_search_area{
		padding:5px 3%;
	}
	
	.charts_stitle{
		font-size:18px;
	}

	.charts_search_list{
		width:100%;
	}

	.charts_search_list li{
		width:100%;
		margin-bottom:10px;
		margin-right:0;
	}

	.charts_search_list dl dd{
		width:100%;
	}
	
	.charts_stitle .customer_write{
		display:none;
	}
}

.charts_search_list li dl dd .calendar_start_box, .charts_search_list li dl dd .calendar_end_box{
	float:left;
	padding:12px 22px;
	border:1px solid #bbb;
	border-radius:8px 0 0 8px;
	-webkit-border-radius:8px 0 0 8px;
	-moz-border-radius:8px 0 0 8px;

}

.charts_search_list li dl dd .calendar_end_box{
	border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	-moz-border-radius:0 8px 8px 0;
	border-left:0;
}

.charts_search_list li dl dd input[type=date], .charts_search_list li dl dd select{
	width:135px;
	height:24px;
	border:0;
	font-size:17px;
	color:#989898;
}

.charts_search_list li dl dd .search_string_box, .charts_search_list li dl dd.search_string_box{
	float:left;
	padding:12px 22px;
	border:1px solid #bbb;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.charts_search_list li dl dd .search_string_box input[type=text], .charts_search_list li dl dd .search_string_box select, .charts_search_list li dl dd.search_string_box input[type=text], .charts_search_list li dl dd.search_string_box select{
	width:229px;
	height:24px;
	border:0;
	font-size:17px;
}

.charts_search_list.customer, .charts_search_list.customer li, .charts_search_list.customer li dl, .charts_search_list.customer li dl dd{
	width:100%;
}

.charts_search_list.customer li dl dd.search_string_box, .charts_search_list.customer li dl dd .search_string_box{
	position:relative;
	width:calc(100% - 46px);
}

.charts_search_list.customer li dl dd.search_string_box input[type=text], .charts_search_list.customer li dl dd .search_string_box input[type=text]{
	width:100%;
}

.charts_search_list li dl dd .search_string_box input[type=text]::placeholder, .charts_search_list li dl dd.search_string_box input[type=text]::placeholder{
	color:#989898;
}

.charts_search_list li dl dd .search_string_box button{
	display:inline-block;
	margin-left:10px;
	background:#fff;
}

.charts_search_list li dl dd button[type=submit]{
	height:48px;
	padding:0 54px;
	background:#000;
	color:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:17px;
 }

.charts_search_list li dl dd.search_string_box .search_btn{
	display:none;
}
 
.charts_search_list.customer li dl dd.search_string_box .search_btn, .charts_search_list.customer li dl dd .search_string_box .search_btn{
	position:absolute;
	display:block;
	right:10px;
	top:10px;
}
	
.charts_search_list.customer li dl dd .ico_search button[type=submit]{
	width:initial;
	height:initial;
	border:0;
	padding:0;
	background:none;
}
 
 .charts_search_list li dl dd .search_btn_area{
	float:right;
 }
 
 @media screen and (max-width:640px){
	.charts_search_list li dl dd .calendar_start_box, .charts_search_list li dl dd .calendar_end_box{
		float:left;
		width:calc(50% - 22px);
		padding:4px 10px;
	}

	.charts_search_list li dl dd .search_string_box{
		position:relative;
		width:calc(100% - 90px);
		padding:4px 15px;
	}
	
	.charts_search_list li dl dd.search_string_box{
		position:relative;
		width:calc(100% - 30px);
		padding:10px 15px;
	}
	
	
	
	.charts_search_list.customer, .charts_search_list.customer li, .charts_search_list.customer li dl, .charts_search_list.customer li dl dd{
		width:initial;
	}
	
	.charts_search_list.customer li dl dd.search_string_box, .charts_search_list.customer li dl dd .search_string_box{
		width:calc(100% - 90px);
		margin-right:10px;
	}
	
	.charts_search_list.customer li dl dd.search_string_box input[type=text], .charts_search_list.customer li dl dd .search_string_box input[type=text]{
		width:80%;
	}
	
	.charts_search_list.customer li dl dd.search_string_box input[type=date], .charts_search_list.customer li dl dd .search_string_box input[type=date]{
		width:80%;
	}
	
	.charts_search_list.customer li dl dd.search_string_box .search_btn, .charts_search_list.customer li dl dd .search_string_box .search_btn{
		display:none;
	}

	.charts_search_list li dl dd .search_string_box .search_btn, .charts_search_list li dl dd.search_string_box .search_btn{
		display:block;
		position:absolute;
		right:10px;
		top:10px;
	}

	.charts_search_list li dl dd .search_string_box .search_btn button{
		width:initial;
		height:initial;
		padding:0;
		background:#fff;
	}
	
	.charts_search_list li dl dd input[type=date], .charts_search_list li dl dd select, .charts_search_list li dl dd .search_string_box input[type=text]{
		padding:0;
		width:100%;
		height:40px;
		font-size:18px;
	}
	
	
	.charts_search_list li dl dd button[type=submit]{
		width:48px;
		height:48px;
		border:0;
		padding:0;
	}
	
	.charts_search_list li dl dd .ico_search button[type=submit]{
		width:initial;
		height:initial;
		border:0;
		padding:0;
		background:none;
	}
 }

 .chart_download_btn{
	position:absolute;
	top:20px;
	right:32px;
 }
 
 .chart_download_btn.disease{
	position:relative;
	top:0;
	right:0;
	float:right;
	margin:10px 0 0 10px;
 }


.charts_list_area{
	float:left;
	width:100%;
}

.charts_list_title{
	float:left;
	margin-left:3%;
	font-size:21px;
	font-weight:700;
}

@media screen and (max-width:640px){
	.charts_list_area{
	}
}

.charts_list_table{
	float:left;
	width:100%;
}

.charts_list_table.customer{
	margin-bottom:50px;
}

.charts_list_table th{
	height:67px;
	background:#f6f6f6;
	border-bottom:2px solid #000;
	font-size:17px;
	font-weight:700;
}

.charts_list_table th.gray_text{
	color:#787878;
}

.charts_list_table th ul.arrow{
	display:inline-block;
	width:15px;
	margin:-10px 0 0 5px;
	padding:0;
}

.charts_list_table th ul.arrow li{
	float:left;
	width:100%;
	height:11px;
	padding:0;
	text-align:center;
	cursor:pointer;
}

.charts_list_table td{
	height:65px;
	padding:0 5px;
	border-bottom:1px solid #bbb;
	text-align:center;
	font-size:17px;
	/* 1. 단어 단위가 아닌 글자 단위로 쪼갬 (영문 긴 단어 방지) */
    word-break: break-all; 
    
    /* 2. 한글과 영문 모두 적절히 줄바꿈 유도 */
    overflow-wrap: break-word; 
    
    /* 3. (선택사항) 표의 너비를 고정하고 싶을 때 table에 적용 */
}

.charts_list_table td a{
	color:#42baff;
	border-bottom:1px solid #42baff;
}

.charts_list_table td .circle{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.charts_list_table td .circle.gray{
	background:#ccc;
}

.charts_list_table td .circle.red{
	background:#f00;
}

.charts_list_table td .circle.orange{
	background:#ff9500;
}

.charts_list_table td .circle.green{
	background:#5fca2a;
}

.charts_list_table td .search_no_box{
	display:inline-block;
	width:105px;
	height:25px;
	padding-top:7px;
	background:#fdecec;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	color:#bf6b6b;
}

.charts_list_table td .search_yes_box{
	display:inline-block;
	width:105px;
	height:25px;
	padding-top:7px;
	background:#eef9ff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	color:#2187be;
}

.charts_list_table td.ltext{
	text-align:left;
	padding-left:10px;
}

.charts_list_table td.rtext{
	text-align:right;
	padding-right:30px;
}

.charts_list_table td .circle_first_name{
	display:inline-block;
	vertical-align:middle;
	width:36px;
	height:33px;
	padding-top:3px;
	font-size:28px;
	margin-right:5px;
	color:rgba(255, 255, 255, .3);
	background:#A3BD3E;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.charts_list_table td input[type=radio]{
	width:20px;
	height:20px;
}

@media screen and (max-width:640px){
	.charts_list_table{
	}
}

.charts_customer_btn{
	position:fixed;
	left:calc(50% - 190px);
	bottom:100px;
	width:380px;
	margin-top:30px;
	text-align:center;
}

.charts_customer_btn button{
	width:100%;
	height:64px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	background:#42baff;
	border:0;
	color:#fff;
	font-size:18px;
	font-weight:500;
}

@media screen and (max-width:640px){
	.chart_mlist{
		float:left;
		width:90%;
		margin-left:5%;
		border-top:1px solid #000;
	}
	
	.chart_mlist li{
		float:left;
		width:calc(100% - 10px);
		padding:15px 5px;
		border-bottom:1px solid #ccc;
	}
	
	.chart_mlist li dl, .chart_mlist li dl dt, .chart_mlist li dl dd{
		float:left;
		width:100%;
		font-size:18px;
	}
	
	.chart_mlist li dl dt{
		font-weight:700;
	}
	
	.chart_mlist li dl dd{
		margin-top:5px;
	}
	
	.chart_mlist li dl dd.age{
		width:35%;
	}
	
	.chart_mlist li dl dd.state{
		width:64%;
		text-align:right;
	}

	.charts_customer_btn button{
		width:100%;
	}
}




.report_area{
	float:left;
	width:100%;
	margin:85px 0 50px 0;
	background:#fff;
}

.report_area.print{
	margin-top:20px;
}

.report_profile_area{
	float:left;
	width:100%;
}

.report_profile_basic{
	float:left;
	width:94%;
	height:80px;
	padding:0 3%;
	border-bottom:1px solid #ccc;
}

.report_profile_img{
	float:left;
	width:60px;
	height:60px;
	margin-top:5px;
	border-radius:35px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	background:#EDB985;
	display: flex;
	justify-content: center;
	align-items: center;
	color:rgba(255, 255, 255, .8);
	font-size:36px;
	font-weight:500;
}

.report_profile_title{
	float:left;
	margin:19px 0 0 15px;
	font-size:24px;
}

.report_profile_title span{
	font-weight:700;
}

.report_profile_btn_area{
	float:right;
	margin-top:17px;
}

.report_profile_search_date{
	float:left;
	margin-top:8px;
	font-size:17px;
}

.report_profile_send_btn{
	float:left;
	margin-left:13px;
}

.report_profile_send_btn button{
	padding:8px 28px;
	background:#42baff;
	color:#fff;
	font-size:17px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

@media screen and (max-width:640px){
	.report_area{
		margin-top:85px;
	}
	
	.report_profile_basic{
		height:initial;
		padding-bottom:15px;
	}
	
	.report_profile_img{
		width:40px;
		height:40px;
		font-size:24px;
	}
	
	.report_profile_title{
		position:relative;
		width:calc(100% - 50px);
		margin:15px 0 0 10px;
		font-size:18px;
	}
	
	.report_profile_btn_area{
		position:relative;
		float:left;
		clear:both;
		margin-top:0;
	}
	
	.report_profile_search_date{
		width:calc(100% - 50px);
		margin-left:50px;
	}
	
	.report_customer_view{
		float:left;
		width:calc(100% - 50px);
		font-size:16px;
		margin:10px 0 0 50px;
	}
	
	.report_profile_send_btn{
		float:left;
		width:100%;
		margin:10px 0 0 0
	}
	
	.report_profile_send_btn button{
		width:100%;
		padding:10px 0;
	}
}

.report_profile_point_menu{
	position:relative;
	float:left;
	margin-left:24px;
	cursor:pointer;
}

.report_profile_menu_list{
	display:none;
	position:absolute;
	left:50px;
	top:-5px;
}

.report_profile_menu_list li{
	float:left;
	width:200px;
	height:52px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	border:1px solid #ddd;
	border-bottom:0;
	font-size:18px;
}

.report_profile_menu_list li:last-child{
	border-bottom:1px solid #ddd;;
}

@media screen and (max-width:640px){
	.report_profile_point_menu{
		position:absolute;
		right:0;
		top:0;
	}
	
	.report_profile_point_menu img{
		width:30px;
	}
}

.report_profile_detail{
	float:left;
	width:calc(100% - 62px);
	padding:18px 31px;
	border-bottom:8px solid #f1f1f1;
}

.report_profile_detail.unclaim{
	border-bottom:1px solid #f1f1f1;
}

.report_profile_detail_list{
	float:left;
	width:100%;
}

.report_profile_detail_list dt, .report_profile_detail_list dd{
	float:left;
	font-size:17px;
}

.report_profile_detail_list dt{
	margin-right:5px;
	font-weight:700;
}

.report_profile_detail_list dd{
	margin-right:16px;
}

.report_profile_detail.unclaim_detail .report_profile_detail_list dt, .report_profile_detail.unclaim_detail .report_profile_detail_list dd{
	float:left;
	width:100%;
	margin-right:0;
}

.report_profile_detail.unclaim_detail .report_profile_detail_list dd{
	margin-top:10px;
}

.report_profile_year_list{
	float:left;
	width:100%;
}

.report_profile_year_list li{
	float:left;
	width:180px;
	height:46px;
	margin-bottom:5px;
	background:#fff;
	border:1px solid #ccc;
	margin-right:8px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	cursor:pointer;
}

.report_profile_year_list li:hover, .report_profile_year_list li.over{
	background:#000;
	border:1px solid #000;
	color:#fff;
	font-weight:700;
}

@media screen and (max-width:640px){
	.report_profile_detail_list dt, .report_profile_detail_list dd{
		width:100%;
		margin-right:0;
	}

	.report_profile_detail_list dd{
		margin-top:10px;
	}

	.report_profile_detail_list select{
		width:100%;
		height:50px;
		font-size:18px;
		padding-left:20px;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}
}

.report_search_area{
	float:left;
	width:calc(100% - 50px);
	padding:25px;
	border-bottom:8px solid #f1f1f1;
}

.report_search_title{
	float:left;
	width:100%;
	font-size:21px;
	font-weight:700;
}

.report_search_title span{
	display:inline-block;
	margin:10px 0 0 10px;
	font-size:14px;
	font-weight:initial;
	color:#989898;
}

.report_search_calendar_list{
	float:left;
	width:530px;
	margin-top:15px;
}

.report_search_calendar_list li{
	float:left;
	width:calc(50% - 2px);
	height:48px;
	border:1px solid #ccc;
	border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
}

.report_search_calendar_list li:last-child{
	border-left:0;
	border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
}

.report_search_calendar_list li input[type=date]{
	width:90%;
	margin:10px 0 0 10px;
	border:0;
	font-size:17px;
}

@media screen and (max-width:640px){
	.report_search_calendar_list{
		width:100%;
	}
	
	.report_search_calendar_list li{
	}

	.report_search_calendar_list li input[type=date]{
		width:calc(100% - 20px);
		padding-right:0;
		margin:5px 10px 0 10px;
	}
}

.report_search_term_list{
	float:left;
	margin-top:17px;
}

.report_search_term_list li{
	float:left;
	width:90px;
	height:48px;
	border:1px solid #ccc;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-left:8px;
	font-size:17px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	cursor:pointer;
}

.report_search_term_list li:hover, .report_search_term_list li.over{
	background:#000;
	color:#fff;
}

.report_search_btn_area{
	float:left;
	width:100%;
	margin-top:15px;
	text-align:center;
}

.report_search_btn_area button{
	padding:0 53px;
	height:48px;
	font-size:17px;
	background:#42baff;
	color:#fff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.report_primary_info_area{
	position:relative;
	float:left;
	width:100%;
}

.report_primary_info_title{
	position:relative;
	float:left;
	width:calc(100% - 64px);
	padding:22px 32px;
	font-size:21px;
	font-weight:700;
	border-bottom:1px solid #ccc;
}

.report_primary_info_title span.title{
	display:block;
	float:left;
}

.report_primary_info_title span.more{
	position:absolute;
	top:25px;
	right:30px;
	font-size:18px;
	font-weight:400;
	cursor:pointer;
}

.report_primary_info_title span.caution{
	position:relative;
	display:block;
	float:left;
	margin-left:10px;
	font-size:17px;
	color:#d9110b;
	font-weight:500;
}

.report_primary_info_title span.caution .caution_view{
	cursor:pointer;
}

.report_primary_info_title span.caution .caution_box{
	display:none;
	position:absolute;
	top:40px;
	left:30px;
	width:360px;
	padding:20px;
	color:#000;
	background:#fff;
	box-shadow:0 0 10px rgba(0, 0, 0, .1);
	z-index:100;
}

.report_primary_info_title span.caution .caution_box.view{
	display:block;
}

.report_primary_info_title .array_list{
	position:absolute;
	right:32px;
	top:30px;
}

.report_primary_info_title .array_list li{
	float:left;
	font-size:15px;
	cursor:pointer;
}

.report_primary_info_title .array_list li:first-child{
	margin-right:20px;
}

.report_primary_info_title .array_list li span.circle{
	display:inline-block;
	width:8px;
	height:8px;
	background:#ccc;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.report_primary_info_title .array_list li.over, .report_primary_info_title .array_list li:hover{
	font-weight:500;
}

.report_primary_info_title .array_list li.over span.circle, .report_primary_info_title .array_list li:hover span.circle{
	background:#42baff;
}

.caution_title{
	position:relative;
	float:left;
	width:100%;
	font-size:21px;
	font-weight:700;
}

.caution_title span{
	position:absolute;
	right:0;
	top:0;
	font-size:18px;
	font-weight:normal;
	cursor:pointer;
}

.caution_content{
	float:left;
	width:100%;
	margin-top:15px;
	font-size:17px;
	line-height:22px;
}

.report_primary_info_cont{
	float:left;
	width:calc(100% - 48px);
	padding:24px 24px 36px;
	border-bottom:8px solid #f1f1f1;
}

@media screen and (max-width:640px){
	.report_primary_info_title{
		position:relative;
		border-bottom:0;
		width:90%;
		padding:15px 5%;
	}

	.report_primary_info_title span.more{
		top:25px;
		font-size:15px;
	}
	
	.report_primary_info_title span.caution{
		clear:both;
		margin:10px 0 0 0;
	}
	
	.report_primary_info_title select{
		width:200px;
		height:40px;
		font-size:16px;
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
	}
	
	.report_primary_info_title span.caution .caution_box{
		left:0;
		width:270px;
		padding:15px;
	}
	
	.caution_title{
		font-size:18px;
	}
	
	.caution_title span{
		font-size:15px;
	}
	
	.caution_content{
		fnt-size:15px;
	}
	
	.report_primary_info_title .array_list{
		top:20px;
		right:5%;
	}
}

.report_detail_list_tabs{
	float:left;
	margin:20px 0 10px 12px;
}

.report_detail_list_tabs li{
	float:left;
	padding:10px 20px;
	font-size:20px;
}

.report_detail_list_tabs li:hover, .report_detail_list_tabs li.over{
	font-weight:700;
}

.report_detail_list_more{
	float:right;
	font-size:15px;
}

@media screen and (max-width:640px){
	.report_detail_list_tabs li{
		font-size:15px;
		padding:10px 10px;
	}
	
	.report_detail_list_tabs li:hover, .report_detail_list_tabs li.over{
		
	}
}




.report_primary_info_list{
	float:left;
	width:100%;
}

.report_primary_info_list li{
	float:left;
	width:calc(24% - 58px);
	height:109px;
	margin-right:1%;
	padding:30px 29px;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	color:#fff;
	cursor:pointer;
}

.report_primary_info_list li:last-child{
	margin-right:0;
}

.report_primary_info_list li:nth-child(1){
	background:#F17370;
}

.report_primary_info_list li:nth-child(2){
	background:#15C0A0;
}

.report_primary_info_list li:nth-child(3){
	background:#A674EF;
}

.report_primary_info_list li:nth-child(4){
	background:#42BAFF;
}

.report_primary_info_list li dl, .report_primary_info_list li dl dt, .report_primary_info_list li dl dd{
	float:left;
	width:100%;
}

.report_primary_info_list li dl dt{
	position:relative;
	font-size:26px;
	font-weight:700
}

.report_primary_info_list li dl dt span{
	position:absolute;
	right:0;
	top:-10px;
}

.report_primary_info_list li dl dd{
	margin-top:35px;
	font-size:17px;
	line-height:146%;
}

@media screen and (max-width:640px){
	.report_primary_info_cont{
		width:100%;
		padding:0;
		padding-bottom:20px;
	}
	
	.report_primary_info_list{
		width:90%;
		margin:0 0 0 5%;
	}
	
	.report_primary_info_list li{
		width:calc(49% - 20px);;
		padding:10px;
		margin-right:0;
		margin-bottom:10px;
	}
	
	.report_primary_info_list li:nth-child(even){
		float:right;
	}
	
	.report_primary_info_list li dl dt{
		margin-top:10px;
		font-size:20px;
	}
	
	.report_primary_info_list li dl dt span img{
		width:35px;
	}
	
	.report_primary_info_list li dl dd{
		margin-top:20px;
		font-size:15px;
	}
}

.report_primary_keyword_box{
	float:left;
	width:calc(100% - 106px);
	padding:29px 53px;
	margin-top:20px;
	background:#f6f6f6;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
}

.report_primary_keyword_text{
	float:left;
	width:50%;
	font-size:21px;
	font-weight:700;
	line-height:135%;
}

.report_primary_keyword_text span{
	color:#42baff;
}

.report_primary_keyword_list{
	float:right;
	width:45%;
}

.report_primary_keyword_list li{
	float:left;
	padding:7px 20px;
	margin:0 8px 8px 0;
	font-size:17px;
	font-weight:700;
	color:#42baff;
	background:#eef9ff;
	border:1px solid #4cafe8;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	cursor:pointer;
}

.report_primary_keyword_list li:last-child{
	margin-right:0;
}

@media screen and (max-width:640px){
	.report_primary_keyword_box{
		width:calc(90% - 30px);
		padding:15px;
		margin-left:5%;
	}
	
	.report_primary_keyword_text{
		width:100%;
		font-size:18px;
	}
	
	.report_primary_keyword_list{
		float:left;
		width:100%;
		margin-top:15px;
	}
	
	.report_primary_keyword_list li{
		padding:5px 12px;
		font-size:15px;
	}
}

.report_medical_payment_box{
	float:left;
	width:100%;
	height:215px;
	border-bottom:8px solid #f1f1f1;
}

.report_medical_payment_list{
	float:left;
	margin:66px 0 0 126px;
}

.report_medical_payment_list li{
	float:left;
	width:140px;
}

.report_medical_payment_list li:first-child{
	margin-right:45px;
}

.report_medical_payment_list li dl, .report_medical_payment_list li dl dt, .report_medical_payment_list li dl dd{
	float:left;
	width:100%;
}

.report_medical_payment_list li dl dt{
	font-size:21px;
	font-weight:700;
}

.report_medical_payment_list li dl dd{
	margin-top:10px;
	font-size:21px;
}

@media screen and (max-width:640px){
	.report_medical_payment_box{
		width:100%;
		height:initial;
		padding-bottom:20px;
	}
	
	.report_medical_payment_list{
		width:80%;
		margin:20px 0 0 10%;
	}
	
	.report_medical_payment_list li{
		width:50%;
	}
	
	.report_medical_payment_list li:first-child{
		margin-right:0;
	}
	
	.report_medical_payment_list li dl dt{
		font-size:18px;
	}
	
	.report_medical_payment_list li dl dd{
		font-size:18px;
	}
}

.report_medical_payment_graph_box{
	position:relative;
	float:right;
	width:242px;
	height:154px;
	margin:28px 160px 0 0;
}

.report_medical_payment_graph_box .line1{
	position:absolute;
	top:74px;
	left:0;
	width:100%;
	border-top:1px dashed #bbb;
}

.report_medical_payment_graph_box .line2{
	position:absolute;
	bottom:28px;
	left:0;
	width:100%;
	border-bottom:1px solid #bbb;
}

.report_medical_payment_graph_list{
	float:left;
	width:100%;
}

.report_medical_payment_graph_list li{
	float:left;
	width:20%;
}

.report_medical_payment_graph_list li dl, .report_medical_payment_graph_list li dl dt, .report_medical_payment_graph_list li dl dd{
	float:left;
	width:100%;
}

.report_medical_payment_graph_list li dl dd{
	position:relative;
	height:126px;
}

.report_medical_payment_graph_list li dl dt{
	height:28px;
	font-size:16px;
	color:#565656;
	text-align:center;
}

.report_medical_payment_graph_list li dl dd span.bar{
	position:absolute;
	bottom:0;
	left:calc(50% - 13px);
	width:26px;
	background:#ccc;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.report_medical_payment_graph_list li dl dd span.max{
	background:#42baff;
}

.report_medical_payment_graph_list li dl dd span.price-tag {
  position: absolute;
  display: none; /* 초기값 숨김 */
  background: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  transform: translate(-50%, -120%); /* 중앙 정렬 및 위로 띄움 */
  /* 애니메이션 설정 */
  animation: fadeUp 0.3s ease-out forwards;
  pointer-events: none; /* 클릭 방해 금지 */
  white-space: nowrap;
  z-index: 10;
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translate(-50%, -80%); /* 조금 아래에서 시작 */
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -120%); /* 원래 위치로 */
  }
}

@media screen and (max-width:640px){
	.report_medical_payment_graph_box{
		float:left;
		width:70%;
		margin:40px 0 0 15%;
	}
}


.report_main_trouble_box{
	float:left;
	width:calc(100% - 48px);
	padding:34px 24px;
	border-bottom:8px solid #f1f1f1;
}

.report_main_trouble_list{
	float:left;
	width:100%;
}

.report_main_trouble_list > li{
	float:left;
	width:calc(100% - 104px);
	padding:31px 52px;
	background:#f6f6f6;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	margin-bottom:16px;
}

.report_main_trouble_list > li:last-child{
	margin-bottom:0;
}

.report_main_trouble_list > li.no_data{
	height:120px;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size:18px;	
}

.report_main_trouble_list > li dl{
	float:left;
	width:100%;
}

.report_main_trouble_list > li dl dt{
	float:left;
	width:270px;
	margin-top:6px;
	font-size:22px;
	font-weight:700;
	text-decoration:underline;
	cursor:pointer;
}

.report_main_trouble_list > li dl dd{
	float:left;
	width:270px;
	font-size:17px;
	line-height:137%;
}

.main_trouble_detail_list{
	float:left;
	width:100%;
}

.main_trouble_detail_list li{
	float:left;
	width:50%;
}

@media screen and (max-width:640px){
	.report_main_trouble_box{
		width:100%;
		margin:0px 0 0 0;
		padding:0 0 30px 0;
		
	}
	
	.report_main_trouble_list{
		width:90%;
		margin-left:5%;
	}
	
	.report_main_trouble_list > li{
		width:calc(100% - 30px);
		padding:15px;
	}
	
	.report_main_trouble_list > li dl dd{
		margin-top:10px;
	}
}

.chart_detail_search_list{
	float:left;
	width:100%;
}

.chart_detail_search_list li{
	position:relative;
	float:left;
	margin-right:8px;
}

.chart_detail_search_list li button.outpatient_array_btn{
	padding:0 18px;
	height:40px;
	font-size:17px;
	border:1px solid #ccc;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background:#fff;
}

.chart_detail_search_list li button.outpatient_array_btn.over, .chart_detail_search_list li button.outpatient_array_btn:hover{
	border:1px solid #42baff;
	background:#42baff;
	color:#fff;
	font-weight:700;
}

.chart_detail_search_list li button.recheck_btn{
	padding:0 18px;
	height:40px;
	font-size:17px;
	border:1px solid #4cafeb;;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background:#EEF9FF;
	color:#4cafeb;
	font-weight:700;
}

.chart_detail_search_list li button.recheck_btn.over, .chart_detail_search_list li button.recheck_btn:hover{
	border:1px solid #42baff;
	background:#42baff;
	color:#fff;
	font-weight:700;
}

.chart_detail_search_list li input{
	width:300px;
	height:40px;
	border:1px solid #ccc;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:17px;
	padding:0 40px 0 10px;
}

.chart_detail_search_list li button[type=submit]{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff;
}

@media screen and (max-width:640px){
	.chart_detail_search_list li button.recheck_btn{
		border-radius:50px;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
	}

	.report_primary_mlist{
		float:left;
		width:100%;
	}
	
	.report_primary_mlist li, .report_primary_mlist li dl, .report_primary_mlist li dl dt, .report_primary_mlist li dl dd{
		float:left;
		width:100%;
	}
	
	.report_primary_mlist li dl dt{
		width:90%;
		padding:10px 5%;
		background:#f6f6f6;
		border-top:1px solid #ccc;
		font-size:18px;
		font-weight:700; 
	}
	
	.report_primary_mlist li dl dd{
		position:relative;
		width:90%;
		padding:10px 5%;
		font-size:16px;
		line-height:24px;
	}

	.report_primary_mlist.unclaim{
		border-bottom:1px solid #ccc;
	}

	.report_primary_mlist.unclaim li dl dt{
		font-weight:normal;
	}

	.report_primary_mlist.unclaim li dl dd .name{
		font-weight:700;
	}

	.report_primary_mlist.unclaim li dl dd .state{
		position:absolute;
		right:5%;
		top:30px;
	}
}











.layer_company_area{
	position:fixed;
	float:left;
	width:500px;
	height:600px;
	margin:100px 0 0 calc(50% - 250px);
	background:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

.layer_close_btn_area{
	position:absolute;
	right:15px;
	top:15px;
}

.layer_close_btn_area img{
	cursor:pointer;
}

.layer_title{
	float:left;
	width:90%;
	margin:30px 0 0 5%;
	font-size:20px;
	font-weight:700;
}

.layer_title.item{
	width:100%;
	margin-left:0;
}

.layer_stitle{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:16px;
	font-weight:700;
}

.layer_compnay_input{
	float:left;
	width:90%;
	margin:20px 0 0 5%;
	font-size:16px;
}

.layer_compnay_input input{
	width:98%;
	height:40px;
	border:1px solid #ddd;
	font-size:16px;
	text-indent:10px;
}

.layer_company_list_area{
	float:left;
	width:90%;
	height:450px;
	margin:15px 0 0 5%;
	overflow-y:auto;
}

.layer_company_list{
	float:left;
	width:100%;
}

.layer_company_list li{
	float:left;
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #ddd;
	font-size:16px;
	cursor:pointer;
}

.layer_mem_title{
	float:left;
	width:100%;
}

@media screen and (max-width:640px){
	.layer_company_area{
		width:90%;
		margin-left:5%;
	}
}






.layer_mem_edit_area{
	position:relative;
	float:left;
	width:400px;
	margin:100px 0 0 calc(50% - 250px);
	padding:55px 50px;
	background:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

.layer_mem_edit_area.edit{
	display:none;
}

.layer_close_area{
	position:absolute;
	right:15px;
	top:15px;
}

.layer_mem_title{
	float:left;
	width:100%;
	font-size:21px;
	font-weight:700;
}

.layer_mem_edit_title{
	float:left;
	width:100%;
	margin-top:40px;
	font-size:18px;
	font-weight:700;
}

.mem_edit_btn_area{
	float:left;
	width:100%;
	margin-top:30px;
}

.mem_edit_btn_area button.close_btn{
	float:left;
	width:27%;
	height:64px;
	background:#ababab;
	color:#fff;
	font-size:18px;
	font-weight:500;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.mem_edit_btn_area button.login_btn{
	float:right;
	width:70%;
	margin-top:0;
}

@media screen and (max-width:640px){
	.layer_mem_edit_area{
		width:calc(94% - 40px);
		margin-left:3%;
		padding:20px;
	}
}


.cus_write_area{
	float:left;
	width:90%;
	min-height:700px;
	margin:120px 0 50px 5%;
}

.cus_write_basic_area{
	float:left;
	width:100%;
}

.cus_write_basic_area.notice{
	width:90%;
	margin-left:5%;
}

.cus_write_first_name_box{
	float:left;
	width:66px;
	height:66px;
    display: flex;
    justify-content: center;
    align-items: center;
	background:#A3BD3E;
	color:rgba(255, 255, 255, .3);
	font-size:40px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.cus_write_name_box{
	float:left;
	margin:20px 0 0 20px;
	font-size:26px;
	font-weight:700;
}

.cus_write_btn_area{
	float:right;
	margin-top:15px;
}

.cus_write_btn_area .cw_del_btn{
	height:30px;
	padding:0 18px;
	background:#fff;
	border:1px solid #bbb;
	font-size:16px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.cus_write_btn_area .cw_save_btn{
	height:30px;
	padding:0 18px;
	background:#000;
	border:1px solid #000;
	color:#fff;
	font-size:16px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.cus_del_btn, .cus_save_btn{
	display:none;
}

@media screen and (max-width:640px){
	.cus_write_first_name_box{
		margin-left:calc(50% - 33px);
	}

	.cus_write_name_box{
		clear:both;
		width:100%;
		margin-left:0;
		text-align:center;
	}

	.cus_del_btn{
		display:block;
		float:left;
		width:100%;
		margin-top:10px;
	}

	.cus_del_btn button{
		padding:5px 15px;
		background:#fff;
		font-size:16px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border:1px solid #999;
	}

	.cus_save_btn{
		display:block;
		float:left;
		width:100%;
		margin-top:20px;
	}

	.cus_save_btn button{
		width:100%;
		height:60px;
		background:#42BAFF;
		color:#fff;
		font-size:18px;
		font-weight:700;
		border:0;
		border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
	}
}

.cus_basic_title{
	position:relative;
	float:left;
	width:100%;
	margin-top:50px;
	font-size:17px;
	font-weight:700;
}

.cus_basic_title.notice{
	margin-top:20px;
}

.cus_basic_title span.date{
	position:absolute;
	right:0;
	top:0;
	font-weight:normal;
}

.cus_write_box{
	float:left;
	width:calc(100% - 66px);
	margin-top:20px;
	padding:0 32px;
	border:1px solid #ccc;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.cus_write_list{
	float:left;
	width:100%;
}

.cus_write_list li{
	float:left;
	width:100%;
	padding:5px 0;
	border-bottom:1px solid #ddd;
}

.cus_write_list li:last-child{
	border-bottom:0;
}

.cus_write_list li dl{
	float:left;
	width:100%;
}

.cus_write_list li dl dt{
	float:left;
	width:195px;
	margin-top:15px;
	font-size:17px;
}

.cus_write_list li dl dd{
	position:relative;
	float:left;
	width:calc(100% - 195px);
	min-height:52px;
	font-size:16px;
    display: flex;
    align-items: center;
}


@media screen and (max-width:640px){
	.cus_basic_title{
		margin-top:30px;
	}

	.cus_write_box{
		width:calc(100% - 30px);
		padding:0 15px;
		margin-top:10px;
	}

	.cus_write_list li dl dt{
		width:100px;
		font-size:15px;
	}

	.cus_write_list li dl dd{
		width:calc(100% - 100px);
	}

	.cus_write_list li dl dd.text_right{
		justify-content: right;
	}
}

.cus_write_list li dl dd .blue_txt{
	color:#2187BE;
}

.cus_write_list li dl dd .red_txt{
	color:#BF6B6B;
}

.cus_write_list li dl dd input[type=text], .cus_write_list li dl dd input[type=password], .cus_write_list li dl dd input[type=date]{
	width:calc(100% - 22px);
	height:52px;
	background:#f5f5f5;
	padding-left:22px;
	font-size:17px;
	border:0;
}

.cus_write_list li dl dd select{
	width:100%;
	height:52px;
	font-size:17px;
	padding:0 20px;
	/* 1. 기본 화살표 숨기기 */
    -webkit-appearance: none;  /* 사파리 및 크롬 */
    -moz-appearance: none;     /* 파이어폭스 */
    appearance: none;

    /* 2. 커스텀 화살표 아이콘 (직접 만든 SVG나 이미지 주소) */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23333" d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;

    /* 3. 화살표 위치 조절 (오른쪽에서 20px 안쪽으로 이동) */
    background-position: calc(100% - 20px) center;
    background-size: 15px; /* 화살표 크기 */

    /* 4. 선택 박스 내부 여백 (글자가 화살표를 침범하지 않게 오른쪽 패딩 넉넉히) */
    padding: 10px 40px 10px 15px;
    
    /* 기본 스타일 예시 */
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}

.cus_write_list li dl dd button.cus_write_view_btn{
	position:absolute;
	right:0;
	top:10px;
	width:90px;
	height:32px;
	background:#fff;
	border:1px solid #a0a0a0;
	font-size:16px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.cus_write_list li dl dd button.cus_write_view_btn.disabled{
	color:#989898;
	border:1px solid #ddd;
	cursor:default;
}

.cus_write_box .cus_memo{
	float:left;
	margin:30px 0;
	width:100%;
	height:200px;
	border:0;
	font-size:17px;
}

@media screen and (max-width:640px){
	.cus_write_list li dl dd input[type=text], .cus_write_list li dl dd input[type=password], .cus_write_list li dl dd input[type=date]{
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}

	.cus_write_box .cus_memo{
		margin:15px 0;
	}
}

.unclaim_title_area{
	float:left;
	width:100%;
	border-bottom:1px solid #f2f2f2;
}

.unclaim_title_area .img{
	float:left;
	width:358px;
	height:250px;
	margin-left:50px;
}

.unclaim_title_area .img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top;
	
}

@media screen and (max-width:640px){
	.unclaim_title_area{
		padding-bottom:30px;
	}

	.unclaim_title_area .img{
		width:100%;
		height:200px;
		margin-left:0;
		text-align:center;
	}

	.unclaim_title_area .img img{
		width:90%;
	}
}

.unclaim_title_text_area{
	float:left;
	width:calc(100% - 450px);
	margin-left:42px;
}

.unclaim_title{
	float:left;
	width:100%;
	margin-top:50px;
	font-size:21px;
	font-weight:700;
}

.unclaim_title2{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:21px;
}

.unclaim_title2 span{
	font-weight:700;
}

.unclaim_btn_area{
	float:left;
	width:100%;
	margin-top:25px;
}

.unclaim_btn_area button{
	width:380px;
	height:64px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	background:#42baff;
	color:#fff;
	font-size:21px;
	font-weight:700;
}

@media screen and (max-width:640px){
	.unclaim_title_text_area{
		float:left;
		width:90%;
		margin-left:5%;
	}

	.unclaim_btn_area button{
		width:100%;
	}
}

.unclaim_area{
	float:left;
	width:100%;
	margin:85px 0 50px 0;
}

.unclaim_amount_info_area{
	float:left;
	width:calc(100% - 48px);
	margin:40px 0 40px 24px;
}

.unclaim_amount_info_list{
	float:left;
	width:100%;
}

.unclaim_amount_info_list li{
	float:left;
	width:calc(26% - 2px);
	height:156px;
	margin-right:1.5%;
	border:1px solid #42baff;
	background:#f2f7fa;
	border-radius:18px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
}

.unclaim_amount_info_list li:nth-child(1){
	width:calc(45% - 2px);
	height:156px;
	border-radius:18px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	background:#42baff;
	color:#fff;
	border:1px solid #42baff;
}

.unclaim_amount_info_list li:last-child{
	margin-right:0;
}

.unclaim_amount_info_list li dl{
	float:left;
	width:calc(100% - 48px);
	margin:27px 0 0 24px;
}

.unclaim_amount_info_list li dl dt{
	position:relative;
	float:left;
	width:100%;
	font-size:26px;
}

.unclaim_amount_info_list li dl dt img{
	cursor:pointer;
}

.unclaim_amount_info_list li:first-child dl dt{
	font-weight:700;
}

.unclaim_amount_info_list li dl dd{
	float:right;
	margin-top:40px;
	font-size:26px;
	font-weight:700;
}

.unclaim_amount_info_layer{
	display:none;
	position:absolute;
	left:0;
	top:40px;
	width:300px;
	padding:32px;
	background:#fff;
	box-shadow:2px 2px 22px 0 rgba(0, 0, 0, .2);
	color:#000;
	font-size:15px;
	z-index:1000;
}

.unclaim_amount_info_layer.unclaim_amount_info_layer3{
	left:initial;
	right:0;
}

.unclaim_amount_info_layer.active{
	display:block;
}

.unclaim_layer_title{
	float:left;
	width:100%;
	font-size:20px;
	font-weight:700;
}

.unclaim_layer_title .unclaim_layer_close_btn{
	float:right;
	font-size:18px;
	cursor:pointer;
}

.unclaim_layer_title .unclaim_layer_close_btn img{
	width:24px;
}

.unclaim_amount_info_layer .unclaim_layer_cont{
	float:left;
	width:100%;
	margin-top:20px;
}

@media screen and (max-width:640px){
	.unclaim_amount_info_area{
		width:90%;
		margin:20px 5% 10px;
	}

	.unclaim_amount_info_list li{
		width:48%;
		height:initial;
		padding-bottom:10px;
		margin-right:0;
	}

	.unclaim_amount_info_list li:nth-child(1){
		width:100%;
		height:initial;
		margin-bottom:10px;
	}

	.unclaim_amount_info_list li:last-child{
		float:right;
	}

	.unclaim_amount_info_list li dl{
		width:90%;
		margin:10px 0 0 5%;
	}

	.unclaim_amount_info_list li dl dt{
		font-size:18px;
	}
	
	.unclaim_amount_info_list li dl dt img{
		width:20px;
	}

	.unclaim_amount_info_list li dl dd{
		margin-top:20px;
		font-size:18px;
	}
	
	.unclaim_amount_info_layer{
		width:260px;
		padding:20px;
		top:20px;
	}
	
	.unclaim_layer_title{
		font-size:18px;
	}
	
	.unclaim_layer_title .unclaim_layer_close_btn{
		font-size:15px;
	}

	.unclaim_layer_title .unclaim_layer_close_btn img{
		width:20px;
	}

}

.unclaim_amount_info_bigo{
	float:left;
	width:calc(100% - 40px);
	margin-top:20px;
	padding:20px 18px;
	background:#f9f9f9;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	color:#787878;
	font-size:14px;
	line-height:20px;
}

.unclaim_tabs_area{
	float:left;
	width:calc(100% - 48px);
	margin-left:24px;
	margin-bottom:20px;
}

.unclaim_tabs_list{
	float:left;
}

.unclaim_tabs_list li{
	float:left;
	margin:15px 30px 15px 0;
	font-size:21px;
	color:#787878;
	font-weight:300;
	cursor:pointer;
}

.unclaim_tabs_list li.over, .unclaim_tabs_list li:hover{
	color:#000;
	font-weight:700;
}

.unclaim_btn_list{
	float:right;
}

.unclaim_btn_list li{
	float:left;
	margin-left:12px;
}

.unclaim_btn_list li button{
	width:230px;
	height:46px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	background:#fff;
	border:1px solid #ccc;
	font-size:18px;
}

.unclaim_btn_list li:last-child button{
	width:164px;
}

@media screen and (max-width:640px){
	.unclaim_tabs_area{
		width:90%;
		margin:0 5%;
	}

	.unclaim_btn_list{
		float:left;
		width:100%;
	}

	.unclaim_btn_list li{
		width:60%;
		margin-left:0;
	}

	.unclaim_btn_list li:last-child{
		float:right;
		width:38%;
	}

	.unclaim_btn_list li button{
		width:100%;
		font-size:15px;
	}

	.unclaim_btn_list li:last-child button{
		width:100%;
	}

	.unclaim_tabs_list{
		float:left;
		width:100%;
		margin-top:20px;
	}

	.unclaim_tabs_list li{
		font-size:18px;
		padding-bottom:10px;
		margin-bottom:0;
		border-bottom:3px solid #fff;
	}

	.unclaim_tabs_list li:hover, .unclaim_tabs_list li.over{
		border-bottom:3px solid #000;
	}
}

.layer_member_area{
	position:relative;
	float:left;
	width:460px;
	margin:50px 0 0 calc(50% - 250px);
	padding:20px;
	background:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

.planner_write_title{
	float:left;
	width:100%;
	margin-top:30px;
	font-size:20px;
	font-weight:700;
}

.planner_write_list{
	float:left;
	width:100%;
	margin-top:15px;
	border-top:1px solid #ddd;
}

.planner_write_list li{
	float:left;
	width:100%;
	padding:5px 0;
	border-bottom:1px solid #ddd;
}

.planner_write_list li dl{
	float:left;
	width:100%;
}

.planner_write_list li dl dt{
	float:left;
	width:100px;
	margin-top:8px;
	font-size:15px;
}

.planner_write_list li dl dd{
	float:left;
	width:calc(100% - 100px);
}

.planner_write_list li dl dd input[type=text], .planner_write_list li dl dd input[type=date]{
	width:90%;
	height:40px;
	padding-left:10px;
}

.planner_write_list li dl dd select{
	width:calc(90% + 12px);
	height:42px;
	padding-left:10px;
}


.layer_detail_view_area{
	position:relative;
	float:left;
	width:90%;
	margin:150px 5% 0;
	padding-bottom:20px;
	background:#fff;
}

.layer_detail_view_list{
	float:left;
	width:90%;
	margin:20px 0 0 5%;
}

.layer_detail_view_list li{
	float:left;
	width:100%;
	margin-bottom:10px;
	font-size:16px;
}

.layer_detail_view_list li dl{
	float:left;
	width:100%;
}

.layer_detail_view_list li dl dt{
	float:left;
	width:100px;
}

.layer_detail_view_list li dl dd{
	float:left;
	width:calc(100% - 100px);
	text-align:right;
}

.layer_detail_close_btn{
	float:left;
	width:90%;
	margin:10px 5% 0;
	text-align:right;
	font-size:16px;
	color:#42baff;
}

.mobile_search_list{
	display:none;
}

@media screen and (max-width:640px){
	.mobile_search_list{
		display:block;
		float:left;
		width:100%;
		padding:15px 0;
		border-bottom:8px solid #f7f7f7;
	}

	.mobile_search_list dd{
		position:relative;
		float:left;
		width:90%;
		margin-left:5%;
	}

	.mobile_search_list dd input[type=text]{
		width:100%;
		height:40px;
		border:0;
		font-size:18px;
	}
	
	.mobile_search_list dd input[type=text]::placeholder{
		color:#ccc;
	}

	.mobile_search_list dd span{
		position:absolute;
		right:10px;
		top:10px;
	}

	.mobile_search_list dd span button{
		background:#fff;
	}
}


.chart_customer_mlist{
	float:left;
	width:100%;
	border-top:1px solid #ddd;
}

.chart_customer_mlist li{
	float:left;
	width:90%;
	margin:0 5%;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}

.chart_customer_mlist li .chart_customer_mlist_radio{
	float:left;
	width:30px;
}

.chart_customer_mlist li .chart_customer_mlist_radio input[type=radio]{
	width:20px;
	height:20px;
}

.chart_customer_mlist li dl{
	float:right;
	width:calc(100% - 30px);
}

.chart_customer_mlist li dl dt{
	position:relative;
	float:left;
	width:100%;
	font-size:18px;
	font-weight:700;
}

.chart_customer_mlist li dl dt span.date{
	position:absolute;
	top:0;
	right:0;
	font-size:16px;
	color:#787878;
	font-weight:400;
}

.chart_customer_mlist li dl dd{
	float:left;
	width:100%;
	margin-top:5px;
	font-size:17px;
	line-height:24px;
}

.customer_mobile_list{
	float:left;
	width:100%;
	border-top:1px solid #ddd;
}

.customer_mobile_list li{
	float:left;
	width:90%;
	margin:0 5%;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}

.customer_mobile_list li .circle{
	float:left;
	width:30px;
	height:30px;
	font-size:20px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	color:rgba(255, 255, 255, .3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.customer_mobile_list li.no_data{
	padding:30px 0;
	text-align:center;
	font-size:16px;
}

.customer_mobile_list li .circle.circle1{
	background:#ed8985;
}

.customer_mobile_list li .circle.circle2{
	background:#A3BD3E;
}

.customer_mobile_list li .circle.circle3{
	background:#A1C398;
}

.customer_mobile_list li .circle.circle4 {
	background:#DE8FD2;
}

.customer_mobile_list li dl{
	float:left;
	width:calc(100% - 40px);
	margin-left:10px;
}

.customer_mobile_list li dl dt, .customer_mobile_list li dl dd{
	float:left;
	width:100%;
}

.customer_mobile_list li dl dt{
	position:relative;
	font-size:18px;
	font-weight:700;
}

.customer_mobile_list li dl dt span.date{
	position:absolute;
	right:0;
	top:0;
	font-size:16px;
	font-weight:400;
	color:#787878;
}

.customer_mobile_list li dl dd{
	margin-top:5px;
	font-size:17px;
	line-height:22px;
}

.unclaim_detail_list{
	float:left;
	width:90%;
	margin:0 5%;
	border-top:1px solid #ddd;
}

.unclaim_detail_list li{
	float:left;
	width:100%;
	padding:10px 0;
	font-size:16px;
	border-bottom:1px solid #ddd;
}

.unclaim_detail_list li dl, .unclaim_detail_list li dl dt, .unclaim_detail_list li dl dd{
	float:left;
	width:100%;
}

.unclaim_detail_list li dl dt .price{
	display:block;
	float:right;
	font-weight:700;
}

.unclaim_detail_list.notice li dl dt .price{
	font-weight:400;
	color:#787878
}

.unclaim_detail_list li dl dd{
	margin-top:10px;
}

.notice_write_btn{
	padding:10px 20px;
	background:#000;
	color:#fff;
	font-size:16px;
	font-weight:700;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.notice_write_area{
	float:left;
	width:90%;
	margin-left:5%;
}

.notice_write_list{
	float:left;
	width:100%;
	margin-top:15px;
	border-top:1px solid #999;
}

.notice_write_list li{
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}

.notice_write_list li dl{
	float:left;
	width:100%;
}

.notice_write_list li dl dt{
	float:left;
	width:200px;
	font-size:16px;
	text-indent:20px;
	color:#787878;
}

.notice_write_list li dl dd{
	float:left;
	width:calc(100% - 200px);
	font-size:16px;
}

.notice_write_list li dl dd.content{
	min-height:200px;
}

.notice_write_list li dl dd input[type="text"]{
	height:40px;
	font-size:16px;
}

.notice_write_list li dl dd input[type="checkbox"]{
	width:20px;
	height:20px;
}

.notice_write_list.view li dl dt, .notice_write_list.view li dl dd{
	width:100%;
	text-indent:0;
}

.notice_write_list.view li dl dd{
	padding:5px 0;
}

@media screen and (max-width:640px){
	.notice_write_list li dl dt{
		width:100%;
		text-indent:0;
		font-size:14px;
	}

	.notice_write_list li dl dd{
		width:100%;
		margin-top:10px;
	}
}

.layer_chart_state, .layer_chart_customer_info{
	position:relative;
	float:left;
	width:calc(90% - 30px);
	margin:50px 0 0 5%;
	padding:15px;
	background:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

.layer_chart_state{
	width:calc(60% - 30px);
	margin-left:20%;
}

.layer_close_btn{
	position:absolute;
	right:15px;
	top:15px;
}

.layer_chart_edit_list{
	float:left;
	width:100%;
	margin-top:40px;
	border-top:1px solid #ddd;
}

.layer_chart_edit_list li{
	float:left;
	width:100%;
	padding:15px 0;
	font-size:18px;
	border-bottom:1px solid #ddd;
	text-align:center;
}

.layer_chart_customer_info_list{
	float:left;
	width:100%;
	margin-top:40px;
	border-top:1px solid #ddd;
}

.layer_chart_customer_info_list li{
	float:left;
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}

.layer_chart_customer_info_list li dl{
	float:left;
	width:100%;
}

.layer_chart_customer_info_list li dl dt{
	float:left;
	width:100px;
	font-size:16px;
	color:#787878;
}

.layer_chart_customer_info_list li dl dd{
	float:left;
	width:calc(100% - 100px);
	font-size:18px;
}

.layer_weplat_area{
	position:relative;
	float:left;
	width:450px;
	margin:100px 0 0 calc(50% - 250px);
	padding:25px 25px 50px;
	background:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

.layer_weplat_area .layer_close_btn{
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;
}

.layer_weplat_text{
	float:left;
	width:100%;
	margin-top:40px;
	font-size:20px;
	text-align:center;
}

.layer_weplat_text span{
	font-weight:700;
}

.layer_weplat_logo{
	float:left;
	width:100%;
	margin-top:15px;
	text-align:center;
}

.layer_weplat_btn{
	float:left;
	width:100%;
	margin-top:15px;
	text-align:center;
}

.layer_weplat_btn input[type=text]{
	display:inline-block;
	width:280px;
	height:48px;
	margin-right:10px;
	padding:0 10px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:!2px;
	background:#f7f7f7;
	border:1px solid #ccc;
	color:#989898;
	font-size:16px;
}

@media screen and (max-width:640px){
	.layer_weplat_area{
		width:calc(90% - 30px);
		padding:15px;
		margin-left:5%;
	}

	.layer_weplat_btn input[type=text]{
		width:220px;
	}
}

.id_search_end_box{
	float:left;
	width:100%;
	margin-top:30px;
	padding:40px 0;
	text-align:center;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:20px;
}

.id_search_end_box span{
	font-weight:700;
	color:#42baff;
}

.layer_print_setting_area{
	position:relative;
	float:left;
	width:300px;
	padding:20px;
	margin:50px 0 0 calc(50% - 170px);
	background:#fff;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.print_item_list{
	float:left;
	width:100%;
	margin-top:10px;
}

.print_item_list li{
	float:left;
	width:calc(100% - 32px);
	padding:15px;
	margin-bottom:5px;
	border:1px solid #bbb;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:16px;
}

.print_item_list li input[type=checkbox]{
	width:16px;
	height:16px;
}

.print_item_list li:has(input[type="checkbox"]:checked){
	background:#eef9ff;
	border:1px solid #4cafe8;
}

.print_period_area{
	float:left;
	width:calc(100% - 32px);
	padding:15px;
	margin-top:10px;
	font-size:16px;
	border:1px solid #4cafe8;
	background:#eef9ff;
	text-align:center;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.print_item_btn{
	float:left;
	width:100%;
	margin-top:20px;
}

.print_item_btn button{
	width:100%;
	height:55px;
	background:#4cbaff;
	border:0;
	color:#fff;
	font-size:18px;
	font-weight:700;
	border-radius:!2px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.print_period_content{
	float:left;
	width:calc(100% - 94px);
	margin:20px 0 0 32px;
	padding:15px;
	background:#f6f6f6;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:16px;
}

.print_period_content span{
	font-weight:700;
}

.print_btn_area{
	position:fixed;
	right:30px;
	top:30px;
}

.print_btn_area button{
	width:200px;
	height:45px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background:#4cafe8;
	border:0;
	color:#fff;
	font-size:20px;
}

.charts_array_area{
	position:relative;
	float:left;
	width:100%;
}

.charts_array_list{
	float:left;
	margin:20px 0 20px 32px;
}

.charts_array_list li{
	float:left;
	margin-right:15px;
	font-size:16px;
	cursor:pointer;
}

.charts_array_list li span{
	display:inline-block;
	width:8px;
	height:8px;
	margin-right:3px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background:#ccc;
}

.charts_array_list li:hover, .charts_array_list li.over{
	font-weight:700;
}

.charts_array_list li:hover span, .charts_array_list li.over span{
	background:#42baff;
}

.excel_down_btn{
	position:absolute;
	right:32px;
	top:10px;
}

@media screen and (max-width:640px){
	.charts_array_list li{
		font-size:15px;
		letter-spacing:-1px;
	}
}

.main_disease_list_box{
	display:none;
	position:absolute;
	right:200px;
	top:0;
	width:388px;
	background:#fff;
	z-index:1000;
	box-shadow:0 0 20px rgba(0, 0, 0, .2);
}

.main_disease_list_area{
	position:relative;
	float:left;
	width:100%;
}

.main_disease_close{
	position:absolute;
	right:15px;
	top:30px;
	font-size:18px;
	cursor:pointer;
}

.main_disease_title{
	float:left;
	margin:26px 0 0 29px;
	font-size:26px;
	font-weight:700;
}

.main_disease_list{
	float:left;
	width:100%;
	margin-top:20px;
}

.main_disease_list li{
	float:left;
	width:100%;
}

.main_disease_list li dl{
	float:left;
	width:100%;
	font-size:18px;
}

.main_disease_list li dl dt{
	float:left;
	width:77px;
	height:50px;
	border-bottom:1px solid #000;
	background:#f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_disease_list li dl dd{
	float:left;
	width:calc(100% - 77px);
	height:50px;
	border-bottom:1px solid #bbb;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width:640px){
	.main_disease_list_box{
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100vh;
	}
}

@media screen and (max-width:640px){
	.scroll-container {
		width: 100%;
		overflow-x: auto; /* 가로 스크롤 허용 */
		white-space: nowrap; /* 줄바꿈 방지 */
		-webkit-overflow-scrolling: touch; /* 모바일에서 부드러운 스크롤 */
		
		/* 1. 크롬, 사파리, 오페라, 엣지 (WebKit 기반) */
		&::-webkit-scrollbar {
			display: none;
		}

		/* 2. 파이어폭스 (Firefox) */
		scrollbar-width: none;

		/* 3. 인터넷 익스플로러, 구형 엣지 (IE/Edge) */
		-ms-overflow-style: none;
	}

	.scroll-list {
		display: flex; /* 자식 요소들을 가로로 나열 */
		padding: 10px;
		list-style: none;
		margin: 0;
	}

	.scroll-list li {
		flex: 0 0 auto; /* 크기 고정 (줄어들지 않음) */
		text-align: center;
		border-radius: 8px;
	}
}

.disease_search_area{
	position:relative;
	float:right;
	margin-top:10px;
}


.disease_search_area input{
	width:300px;
	height:40px;
	border:1px solid #ccc;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:17px;
	padding:0 40px 0 10px;
}

.disease_search_area button[type=submit]{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff;
}





.f_logo{
	float:left;
	margin:25px 0 0 40px;
}

.f_logo img{
	width:152px;
}

.f_logo span{
	display:inline-block;
	margin-left:20px;
	color:#989898;
	font-size:14px;
}

.f_customer{
	float:right;
	margin:30px 40px 0 0;
	padding-bottom:30px;
	color:#000;
	font-size:14px;
}

.f_customer span{
	font-weight:700;
}



.black_bg{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background:rgba(0, 0, 0, .5);
	z-index:1001;
}

.black_bg.show{
	display:block;
}

@media screen and (max-width:640px){
	.f_logo{
		width:100%;
		margin-left:0;
		text-align:center;
	}
	
	.f_logo span{
		display:block;
		float:left;
		width:100%;
		margin:10px 0 0 0;
		text-align:center;
	}
	
	.f_customer{
		float:left;
		width:100%;
		margin:15px 0 30px 0;
		text-align:center;
	}
}






@media print {
/* 1. 기본 여백 및 크기 설정 */
    @page {
        size: A4;
        margin: 10mm; /* 프린터 여백 확보 */
    }

    body {
        margin: 0;
        padding: 0;
        min-width: 210mm; /* A4 가로폭 고정 */
        background-color: #fff !important;
        -webkit-print-color-adjust: exact; /* 배경색/이미지 강제 인쇄 */
        print-color-adjust: exact;
    }


    /* 3. 컨테이너 및 이미지 비율 유지 */
    #print_area {
		width: 1024px; /* 설계 당시 기준이 된 화면 너비 */
		margin: 0 auto;
		/* 내용이 길어질 경우 페이지 중간 잘림 방지 */
		page-break-inside: avoid;
    }

    .report_profile_img {
        /* 이미지 비율 유지하며 출력 */
        width: 80px !important;
        height: 80px !important;
        background-size: cover !important;
        -webkit-print-color-adjust: exact;
    }

    /* 4. 테이블 깨짐 방지 */
    .charts_list_table {
        width: 100% !important;
        table-layout: fixed; /* 테이블이 페이지 밖으로 나가는 것 방지 */
        border-collapse: collapse;
    }

    .charts_list_table th, .charts_list_table td {
        word-break: break-all; /* 내용이 길어도 칸이 늘어나지 않게 설정 */
        font-size: 9pt; /* 인쇄용 폰트 크기 조정 */
    }

    /* 5. 페이지 넘김 제어 */
    .page-break {
		display: block !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        clear: both !important; /* 주변 float 요소 영향 차단 */
        float: none !important;
        border: none !important;
        
        /* 페이지 분할 속성 강제 */
        page-break-before: always !important;
        break-before: page !important;
        
        /* 내용이 없어도 렌더링되도록 함 */
        visibility: hidden;
    }
	
	
	.report_medical_payment_list{
		margin-left:100px;
	}	

	.report_medical_payment_graph_box{
		width:25%;
		margin-right:100px;
	}
	
}