/* ---------------비급여/개인정보처리 공통--------------- */
.info{
	position:relative;
}
.info::before{
	content:'';
	display:block;
	position:absolute;
	left:50%;
	top:0;
	transform: translateX(-50%);
	max-width:1200px;
	width:100%;
	height:150px;
	background:url('/html/assets/img/sub/dot_bg_top.png') no-repeat top right 50px;
	background-size:contain;
	transition:all 0.3s;
}
.info_wrap{
	position:relative;
}
.info_wrap::before{
	content:'';
	display:block;
	position:absolute;
	left:-7%;
	max-width:270px;
	width:100%;
	height:240px;
	background:url('/html/assets/img/sub/dot_bg_left.png') no-repeat;
	background-size:contain;
}
.info_wrap .title_box{
	position:relative;
}
.info_wrap .title_box .title{
	font-size:30px;
	font-weight:700;
}
.info_wrap .title_box .subtitle{
	font-size:18px;
	font-weight:100;
	line-height:1.5;
	padding-top:30px;
}

.non_payment_wrap::before{
	top:-10%;
}

.personal_info_wrap::before{
	top:-2%;
}

@media screen and (max-width:991px){
    .info::before{
		height:120px;
	}
	.info_wrap::before{
		height:200px;
	}
}
@media screen and (max-width:800px){
	.info_wrap .title_box .title{
		font-size:28px;
	}
	.info_wrap .title_box .subtitle{
		font-size:17px;
		padding-top:20px;
	}
}
@media screen and (max-width:600px){
    .info::before{
		height:100px;
		background-position:top right -30px;
	}
	.info_wrap::before{
		left:-15%;
		height:150px;
	}
	.non_payment_wrap::before{
		top:-7%;
	}

	.personal_info_wrap::before{
		top:-1.5%;
	}
}
@media screen and (max-width:480px){
	.info_wrap .title_box .title{
		font-size:26px;
	}
	.info_wrap .title_box .subtitle{
		font-size:16px;
		padding-top:15px;
	}
}
@media screen and (max-width:400px){
	.info::before{
		height:80px;
		background-position:top right -30px;
	}
	.info_wrap::before{
		height:120px;
	}
	.non_payment_wrap::before{
		top:-5%;
	}

	.personal_info_wrap::before{
		top:-1%;
	}
}


/* ---------------non_payment 비급여 진료비--------------- */
.non_payment{
	background-color:#f9f9f9;
}

.non_payment_list table{
	position:relative;
	width:100%;
	border:1px solid #d4d4d4;
	background-color:#fff;
    text-align: center;
	font-size: 18px;
}
/*테이블 바깥 테두리 시작*/
.non_payment_list table th:first-child{
	border-left:1px solid #d4d4d4;
}
.non_payment_list table th:last-child , .non_payment_list table td:last-child{
	border-right:1px solid #d4d4d4;
}
.non_payment_list table tbody:last-child tr th , .non_payment_list table tbody:last-child tr:last-child td{
	border-bottom:1px solid #d4d4d4;
}
/*테이블 바깥 테두리 끝*/
.non_payment_list table thead tr{
    border-top: 3px solid #c99e9f;
    background-color: #f9f9f9;
}
.non_payment_list table thead tr th{
	height:60px;
	font-size: 18px;
	font-weight:700;
    color: #343434;
	vertical-align: middle;
}
.non_payment_list table tbody tr th{
	font-size: 18px;
	font-weight:300;
	border:1px solid #e7e7e7;
	vertical-align: middle;
}
.non_payment_list table tbody tr td{
	height:60px;
	font-size: 18px;
	font-weight:300;
	border:1px solid #e7e7e7;
	vertical-align: middle;
}

@media screen and (max-width:991px){
	.non_payment_list table thead tr th{
		height:50px;
	}
	.non_payment_list table tbody tr td{
		height:50px;
	}
}
@media screen and (max-width:800px){
	.non_payment_list table thead tr th{
		font-size:17px;
	}
	.non_payment_list table tbody tr th{
		font-size:17px;
	}
	.non_payment_list table tbody tr td{
		font-size:17px;
	}
}
@media screen and (max-width:600px){
	.non_payment_list table thead tr th{
		height:45px;
	}
	.non_payment_list table tbody tr td{
		height:45px;
	}
}
@media screen and (max-width:480px){
	.non_payment_list table thead tr th{
		font-size:16px;
	}
	.non_payment_list table tbody tr th{
		font-size:16px;
	}
	.non_payment_list table tbody tr td{
		font-size:16px;
	}
}
@media screen and (max-width:400px){
	.non_payment_list table thead tr th{
		font-size:14px;
		height:40px;
	}
	.non_payment_list table tbody tr th{
		font-size:14px;
	}
	.non_payment_list table tbody tr td{
		font-size:14px;
		height:40px;
	}
}

/* ---------------personal_info 개인정보취급방침--------------- */
.personal_info{
	background-color:#f9f9f9;
}

.personal_info_list > div:not(:last-child){
	padding-bottom:100px;
}
.list .list_title{
	display: flex;
    align-items: center;
	border-bottom:3px solid #d89fa0;
	padding-bottom:20px;
	margin-bottom:20px;
}
.list .list_title span{
	display:flex;
	align-items: center;
    justify-content: center;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#d89fa0;
	font-size:16px;
	color:#fff;
	font-weight:700;
	text-align:center;
}
.list .list_title p{
	width:calc(100% - 30px);
	font-size:22px;
	font-weight:700;
	padding-left:10px;
}

.list .text_wrap p{
	font-size:18px;
	font-weight:100;
	line-height:1.5;
}
.list .text_wrap p:not(:last-child){
	padding-bottom:30px;
}
.list .text_wrap p span{
	display:block;
	padding-bottom:10px;
}

@media screen and (max-width:991px){
	.personal_info_wrap .title_box .subtitle br{
		display:none;
	}
	.personal_info_list > div:not(:last-child){
		padding-bottom:70px;
	}
}

@media screen and (max-width:800px){
	.list .list_title{
		padding-bottom:15px;
		margin-bottom:15px;
	}
	.list .list_title span{
		width:28px;
		height:28px;
		font-size:16px;
	}
	.list .list_title p{
		width:calc(100% - 28px);
		font-size:20px;
	}
}

@media screen and (max-width:600px){
	.personal_info_list > div:not(:last-child){
		padding-bottom:50px;
	}
	.list .list_title{
		padding-bottom:10px;
		margin-bottom:10px;
	}
	.list .text_wrap p{
		font-size:16px;
	}
	.list .text_wrap p:not(:last-child){
		padding-bottom:20px;
	}
	.list .text_wrap p span{
		padding-bottom:7px;
	}
	.list .text_wrap p.none_br br{
		display:none;
	}
}

@media screen and (max-width:480px){
	.list .list_title span{
		width:25px;
		height:25px;
		font-size:14px;
	}
	.list .list_title p{
		width:calc(100% - 25px);
		font-size:18px;
	}
}

@media screen and (max-width:480px){
	.list .text_wrap p{
		font-size:14px;
	}
}