@charset "utf-8";
/* 알림서비스 CSS Document */
#bo_v{
	position:relative;
}
.push_service_header{
	display:flex;
	align-items: center;
    gap: 20px;
	padding:1.25rem;
	border:1px solid #dedede;
	border-radius:6px;
}

.push_service_info{
	display:flex;
	flex-direction:column;
}

.push_service_info > h3 {
	color:#0d4da8;
	font-size:1.125rem;
}
.push_service_info > p {
	font-size:1rem;
	padding:0.5rem 0;
}
.push_form{
	margin:1.5em auto;
	border: 1px solid #ddd;	
	border-top:2px solid #666;
}
.push_form_group{
	font-size:1rem;
	display:flex;
	flex-direction:column;
	gap:0px;
}
.push_form_group > li{
    font-size: 1rem;
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 1px;
    padding: 1px 0;
    border-bottom: 1px solid #dfdfdf;
}
.push_form_group > li:last-child{
    border-bottom: 0px solid #dfdfdf;
}
.push_form_group > li > label{
    background-color: #f4f4f4;
    text-align: center;
    padding: 0.5em;
    font-size: 0.85rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;	
}
.push_form_group > li > div{
	display:flex;
	padding:6px 3px;
}
.push_form_group > li .push_input{
	height:32px;
	border:1px solid #ddd;
}

.push_form_check_group{
	display:flex;
	gap:15px;
    align-items: center;	
}
.push_form_check_group > div:nth-child(1){
	background-color:#f4f4f4;
	text-align:center;
	padding:0.5em;
	font-size:0.85rem;
}
.push_form_check_group > div:nth-child(2){
	flex:1;
	display:flex;
	flex-wrap:wrap;
	padding:1em;
}

.push_form_check_group > div:nth-child(2) > div{
	flex: 0 0 30%;
	display:flex;
	gap:8px;
}

.push_private{
	display:flex;
	flex-direction:column;
}
.push_private > div{
	margin-bottom:15px;
}

.push_private_box{
	max-height:180px;
	background-color:#f8f8f8;
	border:1px solid #dedede;
	padding:0.75em;
	overflow-y:auto;
	font-size:0.95rem;
    margin: 10px 0 0 0;	
}

.push_private_box p{
	line-height:1.4;
	font-size:0.9rem;
	margin-bottom:0.35rem;
}
.push_private_box ul{
	list-style:none;
	margin-left:15px;
	margin-bottom:10px;
	margin-top:10px;
}
.push_private_box ul > li{
	position:relative;
}
.push_private_box ul.li_bu_dash > li{
	position:relative;
	padding-left:8px;
}
.push_private_box ul.li_bu_dash > li:before{
	position:absolute;
	content:'-';
	left:0;
	top:2px;
}
.pr_agreement_box{
	padding:0.6em 1em;
	display:flex;
	gap:30px;
	justify-content: center;
	border:1px solid #dedede;
	border-width:0 1px 1px 1px;
	font-size:1.025rem;
}
.pr_agreement_box > div{
	display:flex;
	justify-content: center;
}
.pr_agreement_box > div > label{
	margin-left:8px;
}
.flex-full > a {
	flex:1;
	text-align:center;
}

.push_result_box{
	background-color:#fff;
	width:100%;
	height:100%;
	display:none;
}
.push_result_box.on{
	background-color:#fff;
	padding:1.5em;
	margin:1.2rem auto;
	border-radius:12px;
	border:3px solid #dbe4ea;
    display:flex;
	flex-direction:column;
	align-items: center;
    gap: 15px;	
}
.push_result_box.on .textbox{
    font-size: 1.3rem;
    text-align: center;
	font-weight:400;
}
.push_result_box.on .textbox > strong{
	color:#1748a4;
	font-weight:700;
}

.push_result_box.on .textbox > ul{
	display:table;
	width:100%;
	margin:1em 0;
	border:1px solid #dedede;
	border-top:2px solid #666;
	font-size:0.9rem;
    border-collapse: separate;
    border-spacing: 1px;	
}
.push_result_box.on .textbox > ul > li{
	display:table-row;
}
.push_result_box.on .textbox > ul > li > span{
	display:table-cell;
	padding:5px 10px;
    border-bottom: 1px solid #dedede;	
}
.push_result_box.on .textbox > ul > li:last-child > span{
    border-bottom: 0px solid #dedede;	
}
.push_result_box.on .textbox > ul > li > span:nth-child(1){
	width:30%;
	background-color:#f4f4f4;
}
.push_result_box.on .textbox > ul > li > span > span{
	display:inline-block;
	margin-right:10px;
}

@media (max-width:700px){
	.push_form_group > li {
		font-size: 1rem;
		display: grid;
		grid-template-columns: 1fr 3fr;
	}
	.push_form_group > li .push_input {
		width:90% !important;
	}
	.push_form_check_group > div:nth-child(2) > div {
		flex: 0 0 45%;
		display: flex;
		gap: 8px;
		font-size:0.85rem;
	}
	.push_service_header .push_service_icon {
		flex:0 0 80px;
	}
	.push_service_header .push_service_icon > img{
		width:100%;
	}
}