@charset "UTF-8";

#payment-list .sub-tab-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; margin-top:30px; }
#payment-list .m-cont { text-align:center; }

#payment-list .m-cont .cont-box {  }
#payment-list .m-cont .cont-box .tt { font-size:1.15em; font-weight:600; }
#payment-list .m-cont .cont-box .tt.bg-gray { background-color:#e5e5e5; }
#payment-list .m-cont .cont-box .tt.bg-darkem { background-color:#0e3155; color:#fff; }
#payment-list .m-cont .cont-box .tt.bg-yellow { background-color:#1a4f6e; color:#fff; }
#payment-list .m-cont .cont-box .tt.bg-darkpink { background-color:#1a5f6e; color:#fff; }

#payment-list .m-cont .cont-box .ct {  }
#payment-list .m-cont .cont-box .ct .block { display:block; padding:20px 0px; border-bottom:1px solid #ccc; }

/************************ 서비스 소개 ************************/
.service-info .pay-list-cont { display:block; width:100%; }
.service-info .pay-list-cont .box-style-dashed { display:block; width:100%; border:1px dashed #ccc; border-radius:5px; background-color:#fafafa; padding:20px; }

.service-info .pay-list-cont .p-l-txt { display:block; width:100%; font-size:0.91em; font-weight:600; color:#000; }
.service-info .pay-list-cont .p-l-txt:not(:last-of-type) { margin-bottom:15px; }
.service-info .pay-list-cont .p-l-txt .block { display:block; width:100%; line-height:1.5; }

.service-info .pay-list-cont .p-txt { display:block; width:100%; font-weight:600; font-size:1.2em; text-align:center; color:#000; }
.service-info .pay-list-cont .plus { display:block; width:100%; font-weight:800; font-size:3em; margin-top:10px; margin-bottom:10px; text-align:center; }

/************************ 서비스 이용현황 ************************/
.service-active { display:block; width:100%; }
.service-active .flex-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; }
.service-active .flex-box .item { display:block; background-color:#fafafa; border:1px solid #ccc; padding:40px 20px; text-align:center; }
.service-active .flex-box .item img { max-width:100%; vertical-align:top; }
.service-active .flex-box .item .ser-act-tt { display:block; width:100%; margin-top:25px; margin-bottom:13px; }
.service-active .flex-box .item .ser-act-tt span { display:inline-block; font-weight:600; color:#fff; padding:7px 40px; border-radius:17px; }

.service-active .flex-box .item.ser-act1 span { background-color:#3288b5; }
.service-active .flex-box .item.ser-act2 span { background-color:#464646; }

.service-active .flex-box .item .ser-act-ct {
	display:block;
	font-family:'SEBANG_Gothic_Regular', sans-serif;
	font-weight:300;
	color:#000;
	letter-spacing:-1.2px;
}

.function-btn--frame {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
}
	.function-btn--frame .inner--frame {
		display:block;
		s-flex-align:center;
		align-self:center;
		-ms-flex-item-align:center;
	}
	
		.function-btn--frame .func-btn {
			display:flex;
			justify-content:space-between;
			min-width:100px;
			padding:10px 15px;
			background-color:#fff;
			border:0px;
			border-radius:5px;
			transition:0.3s all ease-in-out;
		}
			.function-btn--frame .func-btn .text,
			.function-btn--frame .func-btn .icon { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; font-size:0.85em; font-weight:600; }
	
	.function-btn--frame .func-btn-request { background-color:#0f8c2a; color:#fff; }
	.function-btn--frame .func-btn-request:hover,
	.function-btn--frame .func-btn-request:focus { background-color:#074e17; text-decoration:none; }
	
	.function-btn--frame .func-btn-cancel { background-color:#e11818; color:#fff; }
	.function-btn--frame .func-btn-cancel:hover,
	.function-btn--frame .func-btn-cancel:focus { background-color:#8c0f0f; text-decoration:none; }

.form-info-text {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
}
	.form-info-text .info-text-title {
		display:block;
		width:100%;
		font-size:1rem;
		font-weight:600;
		color:#000;
	}
	
	.form-info-text.info-detail {
		display:block;
		width:100%;
		margin-top:10px;
	}
	
		.form-info-text .info-detail .block {
			display:block;
			width:100%;
			font-weight:600;
			color:#000;
			line-height:1.5;
			font-size:0.85rem;
		}
		
		.form-info-text .info-detail .color-b { color:#e21779; }
		.form-info-text .info-detail .block:not(:last-of-type) { margin-bottom:6px; }

.amount-info { display:block; width:100%; font-weight:600; color:#000; }

/************************ 서비스 신청내역 ************************/
.service-apply--frame {
	display:block;
	width:100%;
	margin-top:30px;
}
	.service-apply--frame .no-apply--list {
		display:block;
		width:100%;
		background-color:#fff;
		border:1px solid #b2b2b2;
		border-radius:10px;
		padding:50px;
		text-align:center;
		font-weight:600;
		font-size:1rem;
		color:#000;
	}
	
	.service-apply--frame .apply-list {
		display:block;
		width:100%;
		background-color:#fff;
		border:1px solid #b2b2b2;
		border-radius:10px;
		position:relative;
	}
	.service-apply--frame .apply-list:not(:last-of-type) { margin-bottom:15px; }
	
		.service-apply--frame .apply-list .list-title {
			display:block;
			font-family:'SEBANG_Gothic_Regular', sans-serif;
			font-weight:400;
			font-size:1.7rem;
			color:#000;
			letter-spacing:-.6px;
			line-height:1.24;
		}
		.service-apply--frame .apply-list .list-info {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			margin-top:15px;
		}
		.service-apply--frame .apply-list .info-frame {
			align-self:center;
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:auto;
			margin-top:10px;
		}
		
		
			.service-apply--frame .apply-list .info-title,
			.service-apply--frame .apply-list .info-cont {
				display:block;
				-ms-flex-align:center;
				align-self:center;
				-ms-flex-item-align:center;
				font-weight:600;
				font-size:0.85rem;
			}
			
			.service-apply--frame .apply-list .info-title {
				padding:10px 25px;
				margin-right:15px;
				background-color:#6a6a6a;
				border-radius:17px;
				color:#fff;
			}
			.service-apply--frame .apply-list .info-cont { color:#000; }
		
		.service-apply--frame .apply-list .function-btn--frame .func-btn { width:100%; }
		
		.service-apply--frame .apply-list .apply-state {
			display:block;
			width:100%;
			max-width:100px;
			padding:10px;
			background-color:#646464;
			border-radius:0 0 5px 5px;
			position:absolute;
			top:0;
			color:#fff;
			font-weight:600;
			font-size:0.85rem;
			text-align:center;
		}
		.service-apply--frame .apply-list .apply-state.apply { background-color:#2b9ace; }
		.service-apply--frame .apply-list .apply-state.cancel { background-color:#d82b24; }
		.service-apply--frame .apply-list .apply-state.reject { background-color:#d82b24; }
		.service-apply--frame .apply-list .apply-state.checking { background-color:#00a2a2; }
		.service-apply--frame .apply-list .apply-state.using { background-color:#005ba2; }
		.service-apply--frame .apply-list .apply-state.extension { background-color:#6b00a2; }
		.service-apply--frame .apply-list .apply-state.end { background-color:#2f2f2f; }
		.service-apply--frame .apply-list .apply-state.complete { background-color:#1ba0c6; }
		

/************************ 서비스 신청 폼 ************************/
.service-form--frame { display:block; width:100%; position:relative; }

.signup-write-box.apply-service .service-form--frame .form--frame { max-width:100%; }

.service-form--frame .cmn-title { font-size:1.4rem; color:#000; margin-bottom:12px }
.service-form--frame .text-description { display:block; width:100%; font-weight:600; font-size:0.85rem; }
.service-form--frame .form--frame { padding:30px; margin-top:30px; border-top:2px solid #000; border-bottom:1px solid #ccc; }

.service-form--frame .chk--frame { display:block; }
			
.service-form--frame .form--frame.service-info { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; padding:0px; }
.service-form--frame .form--frame.service-info .service-select--frame { display:block; }

.service-form--frame .select-radio--frame {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
}
	.service-form--frame .select-radio--frame .select-list { display:block; }
	
		.service-form--frame .select-radio--frame input[type="radio"],
		.service-form--frame .select-radio--frame input[type="checkbox"] {
			width:0;
			height:0;
			position:absolute;
			opacity:0;
		}

		.service-form--frame .select-radio--frame .custom-radio {
			display:block;
			padding:18px;
			background-color:#fff;
			border:1px solid #ccc;
			border-radius:5px;
			font-size:0.85rem;
			font-weight:600;
			color:#000;
			text-align:center;
			cursor:pointer;
			transition:0.3s all ease-in-out;
		}
		.service-form--frame .select-radio--frame .custom-radio:hover,
		.service-form--frame .select-radio--frame .custom-radio:focus { background-color:#fafafa; }

		.service-form--frame .select-radio--frame input[type="radio"]:checked ~ .custom-radio,
		.service-form--frame .select-radio--frame input[type="checkbox"]:checked ~ .custom-radio {
			background-color:#00a2a2;
			border-color:#00a2a2;
			color:#fff;
		}

		.service-form--frame .payment-info--frame {
			display:block;
			background-color:#fafafa;
		}
		
			.service-form--frame .payment-info--frame .pay-text--frame:not(.creditCard) { display:none; }
		
		
			.service-form--frame .payment-info--frame .amount-info {
				display:flex;
				justify-content:flex-end;
				width:100%;
			}
				.service-form--frame .payment-info--frame .amount-info .total-amount--num,
				.service-form--frame .payment-info--frame .amount-info .total-amount--text {
					-ms-flex-align:end;
					align-self:flex-end;
					-ms-flex-item-align:end;
					display:block;
				}
				
				.service-form--frame .payment-info--frame .amount-info .total-amount--num {
					width:auto;
					font-family:'SEBANG_Gothic_Bold', sans-serif;
					font-size:2.4rem;
					color:#069;
				}
				
				.service-form--frame .payment-info--frame .amount-info .total-amount--text {
					width:auto;
					margin-left:8px;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-weight:500;
					font-size:1.8rem;
					color:#000;
				}


.service-form--frame .addMember--frame {
	align-items:flex-end;
}


.service-form--frame .payment-detail--frame {
	display:block;
	width:100%;
	margin-top:30px;
}
	.service-form--frame .payment-detail--frame .form-group {
		padding:0 !important;
		border:0 !important;
	}

	.service-form--frame .payment-detail--frame .detail-list--frame {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		flex-wrap:wrap;
		width:100%;
	}
	
		.service-form--frame .payment-detail--frame .detail-list--frame .detail-list {
			display:block;
			width:auto;
		}
		
		.service-form--frame .payment-detail--frame .detail-list--frame .detail-list:not(:last-of-type) {
			padding-right:30px;
			margin-right:16px;
			background:url('/res/home/img/service/image_service_detailPay_plusMark.png') no-repeat right center;
		}
		
		
		.service-form--frame .payment-detail--frame .detail-list--frame .detail-list.plus-mark {
			font-weight:600;
			font-size:1.5rem;
			color:#000;
		}
		
			.service-form--frame .payment-detail--frame .detail-list--frame .detail-list .list-title {
				display:block;
				width:100%;
				padding:10px 25px;
				text-align:center;
				background-color:#006699;
				border-radius:5px 5px 0 0;
				font-weight:600;
				font-size:0.91rem;
				color:#fff;
				
			}
			
			.service-form--frame .payment-detail--frame .detail-list--frame .detail-list.default .list-title { background-color:#000; }
			
			.service-form--frame .payment-detail--frame .detail-list--frame .detail-list .list-pay {
				display:block;
				width:100%;
				padding:10px 25px;
				background-color:#fff;
				border:1px solid #ccc;
				border-top:0px;
				border-radius:0 0 5px 5px;
				font-weight:600;
				font-size:0.91rem;
				color:#000;
				text-align:center;
			}


.message-info {
	display:block;
	width:100%;
}
	.message-info .block {
		display:block;
		width:100%;
		margin-top:15px;
		font-weight:600;
		font-size:0.85rem;
		color:#f00;
		text-align:right;
	}


/************************ 서비스 신청 완료 ************************/
.complete-box .service-info--frame {
	display:block;
	width:100%;
	max-width:540px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	padding:20px;
	border-top:2px solid #000;
	border-bottom:1px solid #b2b2b2;
}
	.complete-box .service-info--frame .service-info--list {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		width:100%;
		margin-bottom:25px;
	}
		.complete-box .service-info--frame .list-title,
		.complete-box .service-info--frame .list-cont {
			display:block;
			align-self:center;
			font-weight:600;
			font-size:1rem;
			color:#000;
		}
			.complete-box .service-info--frame .bank-info--frame {
				display:block;
				width:100%;
				word-wrap:break-word;
				word-break:keep-all;
				overflow-wrap:anywhere;
			}
				.complete-box .service-info--frame .info-title {
					display:block;
					width:100%;
					padding:15px 0;
					background-color:#2faec9;
					border-radius:5px 5px 0 0;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-weight:300;
					font-size:1.15rem;
					color:#fff;
					text-align:center;
				}
				
				.complete-box .service-info--frame .info-cont {
					display:block;
					width:100%;
					padding:15px;
					background-color:#fff;
					border:1px solid #ccc;
					border-top:0px;
					border-radius:0 0 5px 5px;
				}
					.complete-box .service-info--frame .info-cont .block {
						display:block;
						width:100%;
						line-height:1.5;
						font-weight:600;
						font-size:0.85rem;
						text-align:center;
					}
					
					.complete-box .service-info--frame .info-cont .block.big {
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:300;
						font-size:1.3rem;
					}
					
					.complete-box .service-info--frame .info-cont .block.big.color-e {
						font-family:'SEBANG_Gothic_Bold', sans-serif;
						color:#2faec9;
						font-size:1.5rem;
					}


/************************ 서비스 신청 - 2024.03.29 리뉴얼 ************************/
/***************** 서비스 신청 - 공통  *******************/
.service-layout--frame .cmn-title {
	margin-bottom:12px;
	font-family:'SEBANG_Gothic_Regular', sans-serif;
	font-weight:300;
	font-size:1.4rem;
	line-height:1.4;
	letter-spacing:-.6px;
	color:#000;
}

.service-layout--frame .custom-checkbox { margin-top:0px; }

.service-layout--frame .signup-write-box .hide-txt {
	padding:0px;
	background-color:transparent;
	border:0px;
	font-size:0.8rem;
}

.service-layout--frame .form-text {
	display:block;
	width:100%;
	font-size:1.5rem;
	font-family:'SEBANG_Gothic_Regular', sans-serif;
    font-weight:300;
    line-height:1.5;
    letter-spacing:-.6px;
    color:#000;
}


/***************** 서비스 신청 - 약관동의  *******************/
.service-layout--frame .agreement-box {
	display:block;
	width:100%;
	margin-top:35px;
}

	.service-layout--frame .agreement-box .cmn-title {
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:100%;
	}
	
		.service-layout--frame .agreement-box .cmn-title .text { font-family:'SEBANG_Gothic_Regular', sans-serif; } 

		.service-layout--frame .agreement-box .cmn-title .detail-open--btn {
			display:block;
			width:auto;
			padding:10px 25px;
			background-color:#fff;
			border:1px solid #ccc;
			border-radius:30px;
			font-family:'Nanum Gothic', sans-serif;
			font-weight:600;
			font-size:0.85rem;
			color:rgba(0,0,0,0.6);
			transition:0.3s all ease-in-out;
		}

		.service-layout--frame .agreement-box .cmn-title .detail-open--btn.active {
			background-color:#00a2a2;
			border-color:#00a2a2;
			color:#fff;
		}
	
	.service-layout--frame .agreement-box .agree-list--frame {
		display:block;
		width:100%;
	}
	
	.service-layout--frame .agreement-box .agree-list--frame:not(:last-of-type) { margin-bottom:30px; }
	
		.service-layout--frame .agreement-box .border-box-style1 { display:none; }
		
		.service-layout--frame .agreement-box .agr-check {
			display:flex;
			justify-content:space-between;
			align-items:center;
			width:100%;
			padding:15px;
			background-color:#fafafa;
			border:1px solid #ccc;
			border-radius:5px;
		}
			.service-layout--frame .agreement-box .agr-check .agr-text {
				display:block;
				width:auto;
				font-family:'Nanum Gothic', sans-serif;
				font-weight:600;
				font-size:0.85rem;
				color:#000;
			}
			
.service-form--frame .service-select--frame,
.service-form--frame .payment-info--frame { width:100%; }
	
	.service-layout--frame .form--frame .form-group--title {
		font-family:'SEBANG_Gothic_Regular', sans-serif;
		font-weight:300;
		line-height:1.5;
		letter-spacing:-.6px;
		color:#000;
	}
	

.service-layout--frame .signup-write-box .form-group {
	margin-bottom:0px;
	padding:30px;
	border-bottom:1px solid #ccc;
}

.service-form--frame.receipt--frame { display:none; }

.service-form--frame .form--frame.receipt-info { padding:0px; }
	.service-form--frame .form-group .flex-box {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		flex-wrap:wrap;
		width:100%;
	}
		.service-form--frame .form-group .flex-box .input-type--btn {
			display:block;
			width:auto;
			height:48px;
			padding:0 20px;
			background-color:#000;
			border:0px;
			border-radius:5px;
			color:#fff;
			font-weight:600;
			font-size:0.85rem;
			transition:0.3s all ease-in-out;
		}
		
		.service-form--frame .form-group .flex-box .input-type--btn:hover,
		.service-form--frame .form-group .flex-box .input-type--btn:focus { background-color:#00a2a2; }
					
				.service-form--frame .form-group.biz-adr .detail-adr input[type="text"] { width:49.5%; }
				.service-form--frame .form-group.biz-adr .detail-adr input[type="text"]:first-of-type { margin-right:1%; }	

			.service-form--frame .form--frame.receipt-info .input--frame { width:100%; }
			.service-form--frame .form--frame.receipt-info .input--frame:not(.input-tel) { display:none; }
			.service-form--frame .form--frame.receipt-info .flex-v-align {
				display:flex;
				align-items:flex-end;
			}

			.service-form--frame .form--frame.receipt-info .section-frame:not(.bill-section) { display:none; }


.service-layout--frame .confirm-frame .form--frame .form-group--title { color:rgba(0,0,0,.6); }


/********** 마이페이지 - 신청내역 입금확인요청 - 레이어팝업 **********/
.layer-popup {
	display:none;
	max-height:100%;
	overflow-y:auto;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
	.layer-popup .layer-popup-frame { display:block; }
		.layer-popup .layer-popup-header {
			display:flex;
			justify-content:space-between;
			align-items:center;
			width:100%;
			background-color:#21bdbd;
		}
			.layer-popup .layer-popup-header .pop-title,
			.layer-popup .layer-popup-header .pop-close { display:block; }
			
			.layer-popup .layer-popup-header .pop-title {
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-weight:300;
				color:#fff;
			}
		
		.layer-popup .layer-popup-content {
			display:block;
			width:100%;
			max-height:calc(100% - 119px);
			background-color:#fff;
			border-radius:0 0 10px 10px;
			overflow-y:auto !important;
		}

			.layer-popup .i-text {
				display:inline-block;
				width:auto;
				font-weight:600;
				font-size:0.85rem;
				color:#464646;
			}
			
			.layer-popup .form-box {
				display:block;
				width:100%;
				max-height:calc(100% - 116.69px);
				padding:25px;
				background-color:#fafafa;
				border-bottom:1px solid #ccc;
				overflow-y:auto;
			}
				
				.layer-popup .form-box .form--frame {
					padding:0px;
					margin-top:15px;
				}
				
					.layer-popup .form-box .form--frame .account-info {
						display:flex;
						justify-content:flex-start;
						align-items:center;
						flex-wrap:wrap;
						width:100%;
					}
						.layer-popup .form-box .form--frame .account-info .flex-item.date-picker {
							display:flex;
							justify-content:flex-start;
							align-items:center;
						}
			
							.layer-popup .form-box .date-picker img {
								max-width:100%;
								max-height:100%;
								margin-left:10px;
							}
			
			.layer-popup .info-text-box {
				display:block;
				width:100%;
				margin-top:25px;
				text-align:center;
			}
				.layer-popup .info-text-box .block {
					display:block;
					width:100%;
					font-weight:600;
					color:#000;
					font-size:0.85rem;
					line-height:1.5;
				}
			
			.layer-popup .func-btn-box {
				display:flex;
				justify-content:center;
				width:100%;
			}
				.layer-popup .func-btn-box .func-button {
					display:block;
					padding:20px 0;
					background-color:#fff;
					border:1px solid #ccc;
					text-align:center;
					font-weight:600;
					transition:0.3s all ease-in-out;
				} 
				.layer-popup .func-btn-box .func-button:hover,
				.layer-popup .func-btn-box .func-button:focus { text-decoration:none; }
			
				.layer-popup .func-btn-box .func-button.confirm {
					background-color:#21bdbd;
					border-color:#21bdbd;
					color:#fff;
				}
			
				.layer-popup .func-btn-box .func-button.pop-close:hover,
				.layer-popup .func-btn-box .func-button.pop-close:focus {
					background-color:#8f8f8f;
					border-color:#8f8f8f;
					color:#fff;
				}
				
				.layer-popup .func-btn-box .func-button.confirm:hover,
				.layer-popup .func-btn-box .func-button.confirm:focus {
					background-color:#0f5f5f;
					border-color:#0f5f5f;
				}

/************************ 서비스 소개 - 레이어 팝업 ************************/
.layer-popup.consulting .layer-popup-header {
	padding:0;
	background-color:transparent;
	justify-content:flex-end;
	margin-bottom:15px;
}
	.layer-popup.consulting .layer-popup-header .pop-title { display:none; }
	
	.layer-popup.consulting .layer-popup-content .form--frame {
		display:block;
		width:100%;
		padding:15px 15px 0 15px;
		background-color:#fff;
	}
	
		.layer-popup.consulting .form--frame .form-group {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
			margin-bottom:0px;
		}
		
			.layer-popup.consulting .form--frame .form-group .form-group--title {
				display:flex;
				justify-content:center;
				align-items:center;
				margin-bottom:0px;
			}
				.layer-popup.consulting .form--frame .form-group .form-group--title .v-align {
					display:block;
					width:100%;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-weight:300;
					font-size:1rem;
					letter-spacing:-.6px;
					line-height:1.4;
				}
			
			.layer-popup.consulting .form--frame .form-group .form-group--content { display:block; }
			
			
			
				.layer-popup.consulting .form--frame .form-group .service-name {
					display:flex;
					align-items:center;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-weight:300;
					font-size:1.15rem;
					letter-spacing:-.6px;
					line-height:1.4;
					color:#000;
				}
			
				.layer-popup.consulting .form--frame .form-group input[type="text"] {
					display:block;
					width:100%;
					padding:15px;
					background-color:#fff;
					border:1px solid #ccc;
					border-radius:5px;
					font-size:0.8rem;
					font-weight:600;
				}
				
		.layer-popup.consulting .layer-popup-content .form--frame .form-group textarea {
			padding:15px;
			height:150px;
			font-size:0.8rem;
			font-weight:600;
		}


.layer-popup.consulting .bottom-area {
	display:block;
	width:100%;
	padding:15px;
}
	.layer-popup.consulting .agree-list--frame .border-box-style1 {
		display:block;
		width:100%;
		height:100px;
		padding:20px;
		background-color:#fafafa;
		border:1px solid #ccc;
		border-radius:5px;
		overflow-y:auto;
	}
	
	.layer-popup.consulting .agree-list--frame .agr-check {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		width:100%;
		margin-top:10px;
	}
		.layer-popup.consulting .agree-list--frame .agr-check .agr-text {
			display:block;
			width:auto;
			font-size:0.8rem;
			font-weight:600;
		}
		
/************************ 서비스 소개 ************************/
.service-information--frame {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}

	.service-information--frame .online-section,
	.service-information--frame .offline-section {
		display:block;
		width:100%;
	}
	
		.service-information--frame .section-title--frame {
			display:flex;
			justify-content:space-between;
			align-items:center;
			flex-wrap:wrap;
			width:100%;
			margin-bottom:20px;
		}
			.service-information--frame .section-title--frame .s-title {
				display:block;
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-weight:300;
				font-size:1.5rem;
			}
			
			.service-information--frame .section-title--frame .s-link-btn {
				display:flex;
				justify-content:space-between;
				align-items:center;
				min-width:150px;
				padding:15px 20px;
				border-radius:30px;
				color:#fff;
				font-weight:600;
				font-size:0.85rem;
				transition:0.3s all ease-in-out;
			}
			
			.service-information--frame .section-title--frame .s-link-btn.apply-btn { background-color:#006699; }
			.service-information--frame .section-title--frame .s-link-btn.open-pop--btn { background-color:#00a2a2; }
			
			.service-information--frame .section-title--frame .s-link-btn:hover,
			.service-information--frame .section-title--frame .s-link-btn:focus {
				background-color:#343434;
				text-decoration:none;
			}
			
				.service-information--frame .section-title--frame .s-link-btn .text,
				.service-information--frame .section-title--frame .s-link-btn .icon {
					display:block;
					width:auto;
				}
				
	.service-information--frame .online-section .service-infoList--frame {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
		.service-information--frame .online-section .service-info {
			display:block;
			padding:25px;
			background-color:#fff;
			border:1px solid #ccc;
			border-radius:5px;
		}
		
		.service-information--frame .online-section .service-info:nth-of-type(1),
		.service-information--frame .online-section .service-info:nth-of-type(3) { background-color:#fafafa; }
				
			.service-information--frame .online-section .text--frame {
				display:block;
				width:100%;
			}
				.service-information--frame .online-section .text--frame .info-title {
					display:block;
					width:100%;
					margin-bottom:15px;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-size:1.35rem;
					font-weight:300;
					line-height:1.4;
					color:#000;
				}
				
				.service-information--frame .online-section .text--frame .info-decription {
					display:block;
					width:100%;
					font-size:0.85rem;
					font-weight:600;
					color:rgba(0,0,0,.6);
					line-height:1.4;
				}
				
			.service-information--frame .online-section .info-effect--text {
				display:block;
				width:100%;
				font-family:'SEBANG_Gothic_Bold', sans-serif;
				line-height:1.4;
				color:#3288b5;
			}
				.service-information--frame .online-section .info-effect--text * { font-family:'SEBANG_Gothic_Bold', sans-serif; }
				.service-information--frame .online-section .info-effect--text .green-color { color:#32b595; }
		
		.service-information--frame .online-section .service-info.function-info { position:relative; }
		
			.service-information--frame .online-section .function-info .link {
				display:flex;
				justify-content:flex-start;
				align-items:flex-end;
				width:auto;
				font-weight:600;
				font-size:0.85rem;
				color:#000;
				transition:0.3s all ease-in-out;
			}
				.service-information--frame .online-section .function-info .link .text,
				.service-information--frame .online-section .function-info .link .icon {
					display:block;
					width:auto;
				}
				
				.service-information--frame .online-section .function-info .link .text { margin-right:25px; }
				
			.service-information--frame .online-section .function-info .link:hover,
			.service-information--frame .online-section .function-info .link:focus {
				color:#3288b5;
				text-decoration:none;
			}
			
			.service-information--frame .online-section .function-info .info-effect--text { text-align:left; }
			
	.service-information--frame .online-section .service-info--details {
		display:block;
		width:100%;
		margin-top:20px;
	}
		.service-information--frame .online-section .service-info--details .details-list {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		}
		
		.service-information--frame .online-section .service-info--details .details-list:not(:last-of-type) { margin-bottom:12px; }
		
			.service-information--frame .online-section .service-info--details .list-title,
			.service-information--frame .online-section .service-info--details .list-cont {
				display:flex;
				justify-content:center;
				align-items:center;
				padding:20px 25px;
			}
			
			.service-information--frame .online-section .service-info--details .list-title { background-color:#636363; }
			
				.service-information--frame .online-section .service-info--details .list-title .block {
					display:block;
					width:100%;
					font-size:0.91rem;
					font-weight:600;
					color:#fff;
					text-align:center;
				}
			
			.service-information--frame .online-section .service-info--details .list-cont {
				background-color:#fafafa;
				border:1px dashed #ccc; 
			}
			
				.service-information--frame .online-section .service-info--details .list-cont .block {
					display:block;
					width:100%;
					font-size:0.85rem;
					font-weight:600;
					color:#000;
					text-align:left;
					
				}
				
		.service-information--frame .online-section .service-info--details .details-list:nth-of-type(even) .list-title { background-color:#a5a5a5; }
		.service-information--frame .online-section .service-info--details .details-list:nth-of-type(even) .list-cont { background-color:#fff; }
	
	.service-information--frame .offline-section { margin-top:60px; }
	
		.service-information--frame .offline-section .off-list--frame {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		}
			.service-information--frame .offline-section .off-list {
				display:block;
				padding:33px;
				border:1px solid #ccc;
				border-radius:10px;
			}
				.service-information--frame .offline-section .off-list .list-title {
					display:block;
					width:100%;
					margin-bottom:15px;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-size:1.5rem;
					font-weight:300;
					line-height:1.4;
					color:#000;
				}
				
				.service-information--frame .offline-section .off-list.list1 .list-title { color:#00a2a2; }
				.service-information--frame .offline-section .off-list.list2 .list-title { color:#3288b5; }
				.service-information--frame .offline-section .off-list.list3 .list-title { color:#e21779; }

				.service-information--frame .offline-section .off-list .list-description {
					display:block;
					width:100%;
					margin-bottom:12px;
					font-size:0.85rem;
					font-weight:600;
					color:rgba(0,0,0,.6);
					line-height:1.4;
				}

				.service-information--frame .offline-section .off-list .list-pay {
					display:flex;
					justify-content:flex-start;
					align-items:flex-end;
					width:100%;
				}
				
					.service-information--frame .offline-section .off-list .list-pay .num {
						display:block;
						width:auto;
						font-family:'SEBANG_Gothic_Bold', sans-serif;
						line-height:1.4;
					}
					
					.service-information--frame .offline-section .off-list.list1 .list-pay .num  { color:#00a2a2; }
					.service-information--frame .offline-section .off-list.list2 .list-pay .num  { color:#3288b5; }
					.service-information--frame .offline-section .off-list.list3 .list-pay .num  { color:#e21779; }
					
					.service-information--frame .offline-section .off-list .list-pay .text {
						display:block;
						width:auto;
						margin-left:8px;
						padding-bottom:5px;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						line-height:1.4;
						color:#000;
					}
					
			.service-information--frame .offline-section .off-list .list-cont--frame {
				display:block;
				width:100%;
				padding-top:20px;
				margin-top:20px;
				border-top:1px dashed #ccc;
			}
				.service-information--frame .offline-section .off-list .include-text {
					display:block;
					width:100%;
					margin-bottom:15px;
					font-weight:600;
					font-size:0.91rem;
					color:#62baff;
				}
				
				.service-information--frame .offline-section .off-list .depart--frmae {
					display:block;
					width:100%;
				}
				
					.service-information--frame .offline-section .off-list .depart-list {
						display:block;
					    width:100%;
					    padding-left:27px;
					    background-image:url(/res/home/img/index/image_idx_check_icon.png);
					    background-repeat:no-repeat;
					    background-position:left 3.015px;
					    font-weight:600;
					    font-size:0.85rem;
					    color:#000;
					    line-height:1.4;
					}
					
					.service-information--frame .offline-section .off-list .depart-list:not(:last-of-type) { margin-bottom:15px; }

.normal-radio--frame {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
	width:100%;
	margin-top:20px;
}

	.normal-radio--frame .select-list {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		width:auto;
	}
	
	.normal-radio--frame .select-list .custom-radio {
		display:block;
		width:auto;
		margin-left:8px;
		font-weight:600;
	}

/************************ 서비스 이용현황 ************************/
.dashboard-flex--frame {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
}
	.dashboard-flex--frame .item-list { display:block; }
	
		.dashboard-flex--frame .item-list .item-title {
			display:block;
			width:100%;
			padding:20px;
			background-color:#f4f4f4;
			border:1px solid #ccc;
			border-radius:10px 10px 0 0;
			font-family:'SEBANG_Gothic_Regular', sans-serif;
			font-weight:300;
			color:#000;
		}
		
		.dashboard-flex--frame .item-list .item-cont {
			display:flex;
			justify-content:center;
			align-items:center;
			width:100%;
			height:120px;
			bakground-color:#fff;
			border:1px solid #ccc;
			border-top:0px;
			border-radius:0 0 10px 10px;
		}
			.dashboard-flex--frame .item-list .item-cont .v-align {
				display:block;
				width:auto;
				font-family:'SEBANG_Gothic_Bold', sans-serif;
				font-size:2rem;
				color:#000;
				line-height:1.4;
				letter-spacing:-.6px;
				text-align:center;
				position:relative;
				transition:0.3s all ease-in-out;
			}
				.dashboard-flex--frame .item-list .item-cont .v-align .text { font-family:'SEBANG_Gothic_Bold', sans-serif; }
				
				.dashboard-flex--frame .item-list .item-cont .v-align .icon {
					display:block;
					width:auto;
					padding:6px 10px;
					background-color:#f00;
					border-radius:30px;
					position:absolute;
					right:-24px;
					top:-18px;
					font-family:'Nanum Gothic', sans-serif;
					font-size:0.6rem;
					color:#fff;
					font-weight:600;
					
				}
			
			.dashboard-flex--frame .item-list .item-cont .v-align:hover,
			.dashboard-flex--frame .item-list .item-cont .v-align:focus {
				text-decoration:none;
				color:#3288b5;
			}
			
		.service-active .link-btn {
			display:flex;
			align-items:center;
			width:auto;
			padding:10px 20px;
			background-color:#1d4e70;
			border-radius:50px;
			transition:0.3s all ease-in-out;
		}
		
		.service-active .link-btn:hover,
		.service-active .link-btn:focus { background-color:#1c873d; }
		
			.service-active .link-btn .text,
			.service-active .link-btn .icon {
				display:block;
				width:auto;
				background-color:transparent !important;
				color:#fff;
				font-weight:;
			}
			
			.service-active .link-btn .text {
				padding-right:20px;
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-weight:300;
			}

		.extra-service--frame {
			display:block;
			width:100%;
			margin-top:30px;
		}
			.extra-service--frame .title--frame {
				display:flex;
				justfit-content:space-between;
				align-items:center;
				width:100%;
				margin-bottom:12px;
			}
		
				.extra-service--frame .title--frame .title {
					display:block;
					width:100%;
				    font-family:'SEBANG_Gothic_Regular', sans-serif;
				    font-weight:300;
				    font-size:1.4rem;
				    line-height:1.4;
				    letter-spacing:-.6px;
				    color:#000;
				}
				
				.extra-service--frame .title--frame .link-btn2 {
					display:flex;
					justify-content:flex-start;
					align-items:center;
					width:auto;
					padding:10px 20px;
					background-color:#fff;
					border:1px solid #ccc;
					border-radius:50px;
					transition:0.3s all ease-in-out;
					color:#000;
				}
				
				.extra-service--frame .title--frame .link-btn2:hover,
				.extra-service--frame .title--frame .link-btn2:focus {
					background-color:#1c7287;
					border-color:#1c7287;
					color:#fff;
					text-decoration:none;
				}
				
					.extra-service--frame .title--frame .link-btn2 .text,
					.extra-service--frame .title--frame .link-btn2 .icon {
						display:block;
						width:auto;
					}
					
					.extra-service--frame .title--frame .link-btn2 .text {
						min-width:100px;
						margin-right:20px;
						font-weight:600;
						font-size:0.85rem;
					}					
		
		.extra-service--frame .not-service {
			display:flex;
			justify-content:center;
			align-items:center;
			width:100%;
			padding:60px 30px;
			background-color:#fff;
			border:1px solid #ccc;
			border-radius:5px;
		}
			.extra-service--frame .not-service .v-align {
				display:block;
				width:100%;
			    font-family:'SEBANG_Gothic_Regular', sans-serif;
			    font-weight:300;
			    font-size:1.2rem;
			    line-height:1.4;
			    letter-spacing:-.6px;
			    color:#000;
				text-align:center;
			}
		
		.extra-service--frame .service-list--frame {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		}
			.extra-service--frame .service-list { display:block; }
			
				.extra-service--frame .service-list .list-title {
					display:block;
					width:100%;
					padding:30px 20px 20px 20px;
					background-color:#555;
					border-radius:10px 10px 0 0;
				}
				
					.extra-service--frame .service-list .list-title .icon,
					.extra-service--frame .service-list .list-title .text {
						display:block;
						width:100%;
						text-align:center;
					}
					
					.extra-service--frame .service-list .list-title .text {
						margin-top:15px;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
					    font-weight:300;
					    font-size:1.2rem;
					    line-height:1.4;
					    letter-spacing:-.6px;
					    color:#fff;
					}

				.extra-service--frame .service-list .list-cont {
					display:flex;
					justify-content:center;
					align-items:center;
					width:100%;
					padding:20px;
					background-color:#fff;
					border:1px solid #ccc;
					border-top:0px;
					border-radius:0 0 10px 10px;
				}
					.extra-service--frame .service-list .list-cont .v-align {
						display:block;
						width:100%;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
					    font-weight:300;
					    font-size:1.5rem;
					    line-height:1.4;
					    letter-spacing:-.6px;
					    color:#000;
						text-align:center;
					}	

/************************ 부가서비스 목록 ************************/
.extra-serviceList--frame {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}

	.extra-serviceList--frame .extra-list {
		display:block;
		padding:30px;
		background-color:#fff;
		border:1px solid #ccc;
		border-radius:10px;
	}
	
	.extra-serviceList--frame .extra-list:hover,
	.extra-serviceList--frame .extra-list:focus { text-decoration:none; }
	
		.extra-serviceList--frame .extra-list .list-title {
			display:block;
			width:100%;
			margin-bottom:12px;
			font-family:'SEBANG_Gothic_Regular', sans-serif;
			font-weight:300;
			font-size:1.2rem;
			letter-spacing:-.9px;
			color:#000;
		}
		
		.extra-serviceList--frame .extra-list .list-description {
			display:block;
			width:100%;
			min-height:50px;
			font-weight:600;
			font-size:0.85rem;
			color:rgba(0,0,0,.6);
			line-height:1.4;
		}
		
		.extra-serviceList--frame .extra-list .link-mark {
			display:inline-flex;
			justify-content:flex-end;
			align-items:center;
			width:auto;
			margin-top:30px;
			padding:10px 25px;
			background-color:#8b8b8b;
			border-radius:50px;
			font-weight:600;
			font-size:0.85rem;
			color:#fff;
			transition:0.3s all ease-in-out;
		}
		
		.extra-serviceList--frame .extra-list:hover .link-mark,
		.extra-serviceList--frame .extra-list:focus .link-mark {
			background-color:#205a95;
		}
		
			.extra-serviceList--frame .extra-list .link-mark .text,
			.extra-serviceList--frame .extra-list .link-mark .icon {
				display:block;
				width:auto;
			}
			
			.extra-serviceList--frame .extra-list .link-mark .text { margin-right:30px; }


/************************ 서비스 신청내역 - 상세 ************************/
.service-detail--frame {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
	.service-detail--frame .info-title {
		display:block;
		width:100%;
		margin-bottom: 12px;
	    font-family:'SEBANG_Gothic_Regular', sans-serif;
	    font-weight:300;
	    font-size:1.4rem;
	    line-height:1.4;
	    letter-spacing:-.6px;
	    color:#000;
	}

	.service-detail--frame .info-service--frame {
		display:block;
		width:100%;
	}
		
		.service-detail--frame .info-service--frame .info-content {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
			background-color:#fff;
			border-top:2px solid #000;
		}
		
		.service-detail--frame .info-service--frame .info-content--list {
			display:block;
			padding:20px;
			background-color:#fff;
			border-bottom:1px solid #ccc;
		}
			.service-detail--frame .info-content--list .info-content--title {
				display:block;
				width:100%;
				margin-bottom:12px;
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-size:1rem;
			    font-weight:300;
			    line-height:1.5;
			    letter-spacing:-.6px;
			    color:rgba(0,0,0,.7);
			}
			
			.service-detail--frame .info-content--list .info-content--cont {
				display:block;
			    width:100%;
			    font-size:1.2rem;
			    font-family:'SEBANG_Gothic_Regular', sans-serif;
			    font-weight:300;
			    line-height:1.5;
			    letter-spacing:-.6px;
			    color:#000;
			}
			
			.service-detail--frame .info-content--list .info-content--cont .apply-state {
				display:block;
				width:100%;
				max-width:100px;
				padding:10px;
				background-color:#646464;
				border-radius:5px;
				color:#fff;
				font-weight:600;
				font-size:0.85rem;
				text-align:center;
			}
			
			.service-detail--frame .info-content--list .info-content--cont .apply-state.apply { background-color:#2b9ace; }
			.service-detail--frame .info-content--list .info-content--cont .apply-state.cancel { background-color:#d82b24; }
			.service-detail--frame .info-content--list .info-content--cont .apply-state.reject { background-color:#d82b24; }
			.service-detail--frame .info-content--list .info-content--cont .apply-state.checking { background-color:#00a2a2; }
			.service-detail--frame .info-content--list .info-content--cont .apply-state.using { background-color:#005ba2; }
			.service-detail--frame .info-content--list .info-content--cont .apply-state.extension { background-color:#6b00a2; }
			.service-detail--frame .info-content--list .info-content--cont .apply-state.end { background-color:#2f2f2f; }
			.service-detail--frame .info-content--list .info-content--cont .apply-state.complete { background-color:#1ba0c6; }
			
			
	.service-detail--frame .info-service-change--frame {
		display:block;
		width:100%;
		margin-top:50px;
	}
		.service-detail--frame .info-service-change--frame .change-list--frame {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		}
		
		.service-detail--frame .change-list--frame .change-list {
			display:block;
			margin-top:12px;
			padding:20px;
			background-colo:#fff;
			border:1px solid #ccc;
			border-radius:5px;
		}
		
		
			.service-detail--frame .change-list--frame .list-item {
				display:flex;
				justify-content:flex-start;
				width:100%;
			}
			
			.service-detail--frame .change-list--frame .list-item:not(:last-of-type) { margin-bottom:10px; }


				.service-detail--frame .change-list--frame .list-item .item-title,
				.service-detail--frame .change-list--frame .list-item .item-cont {
					display:block;
					width:auto;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
				    font-size:1rem;
				    font-weight:300;
				    line-height:1.5;
				    letter-spacing:-.6px;
				}
			
				.service-detail--frame .change-list--frame .list-item .item-title {
					min-width:85px;
					padding:10px;
					margin-right:20px;
					background-color:#000;
					font-size:0.8rem;
					color:#fff;
				}
				
				.service-detail--frame .change-list--frame .list-item .item-cont {
					padding-top:10px;
					color:rgba(0, 0, 0, 1);
				}


@media screen and (min-width:1px) and (max-width:360px) {
	/************************ 서비스 신청내역 ************************/
	.service-apply--frame .apply-list .function-btn--frame .inner--frame { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	.service-apply--frame .apply-list .function-btn--frame .func-btn { margin-right:0px; }
	.service-apply--frame .apply-list .function-btn--frame .func-btn:not(:last-of-type) { margin-bottom:10px; }
}	

/*** Mobile ***/  
@media screen and (min-width:1px) and (max-width:639px) {	
	/********** 마이페이지 - 신청내역 입금확인요청 - 레이어팝업 **********/
	.layer-popup {
		width:100%;
		bottom:0px !important;
		top:auto !important;
	}
		.layer-popup .layer-popup-frame {
			display:block;
			width:100%;
		}
			.layer-popup .layer-popup-header { padding:15px; }
		
				.layer-popup .layer-popup-header .pop-title { font-size:1.21em; }
				.layer-popup .layer-popup-header .pop-close { width:25px; height:25px; }
					.layer-popup .layer-popup-header .pop-close img { max-width:100%; vertical-align:top; }
			
			.layer-popup .layer-popup-content { border-radius:0px; }
				.layer-popup .form-box { padding:15px; }
				
					.layer-popup .form-box .account-info .w-49 { width:100%; margin-right:0px !important; }
					.layer-popup .form-box .account-info .w-49:nth-of-type(3) { margin-top:10px; }
				
				.layer-popup .func-btn-box {
					flex-wrap:wrap;
					padding:15px;
				}
					.layer-popup .func-btn-box .func-button {
						width:100%;
						font-size:0.8rem;
						margin-right:0px;
						padding:10px;
					}
					.layer-popup .func-btn-box .func-button.confirm { margin-bottom:10px; }
				
				.layer-popup .info-text-box { margin-top:15px; }
				.layer-popup .info-text-box .block {
					display:inline;
					margin-top:0px;
					font-size:0.8rem;
				}
				
	/************************ 서비스 소개 - 레이어 팝업 ************************/
	.layer-popup.consulting .form--frame .form-group:not(:last-of-type) { margin-bottom:20px; }
	
		.layer-popup.consulting .form--frame .form-group .form-group--title,
		.layer-popup.consulting .form--frame .form-group .form-group--content { width:100%; }
		
		.layer-popup.consulting .form--frame .form-group .form-group--title { margin-bottom:6px; }
		
			.layer-popup.consulting .agree-list--frame .agr-check .agr-text { margin-bottom:10px; }
		
		.layer-popup.consulting .bottom-area .func-btn-box { 
			padding:0px;
			padding-top:20px;
		}
	
	.service-layout--frame .agreement-box .border-box-style1 { border-top:1px solid #ccc; }
	
	.service-layout--frame .agreement-box .agr-check {
		margin-top:20px;
		justify-content:center;
		flex-wrap:wrap;
	}
		.service-layout--frame .agreement-box .agr-check .agr-text,
		.service-layout--frame .agreement-box .agr-check .check-custom { width:100%; }
		
		.service-layout--frame .agreement-box .agr-check .agr-text {
			margin-bottom:10px;
			text-align:center;
		}
	
	/************************ ??? ************************/
	#payment-list .m-cont { width:49%; }
	#payment-list .m-cont.mct { margin-right:2%; }
	
	#payment-list .cont-box { font-size:0.8em; }
	#payment-list .m-cont .cont-box .tt { padding:20px; }
	
	/************************ 서비스 소개 ************************/
	.service-information--frame .online-section .info-effect--text {
		margin-top:10px;
		font-size:1.3rem;
	}
	
		.service-information--frame .online-section .function-info .link {
			padding-top:12px;
			padding-bottom:12px;
		}
		
			.service-information--frame .section-title--frame .s-title,		
			.service-information--frame .section-title--frame .s-link-btn { width:100%; }
			
			.service-information--frame .section-title--frame .s-link-btn { margin-top:12px; }
			
			.service-information--frame .online-section .service-info--details .list-title {
				width:100%;
				border-radius:5px 5px 0 0;
			}		
				
			.service-information--frame .online-section .service-info--details .list-cont {
				width:100%;
				border-top:0px;
				border-radius:0 0 5px 5px;
			}
			
	.service-information--frame .offline-section .off-list { width:100%; }
	.service-information--frame .offline-section .off-list:nth-of-type(n+2) { margin-top:20px; }
	
		.service-information--frame .offline-section .off-list .list-pay .num { font-size:1.5rem; }					
		.service-information--frame .offline-section .off-list .list-pay .text { font-size:1.2rem; }
	
	/************************ 서비스 이용현황 ************************/
	.service-active .flex-box .item { width:100%; }
	.service-active .flex-box .item:not(:last-of-type) { margin-bottom:15px; }
	.service-active .flex-box .item .ser-act-tt span { font-size:0.91em; }
	.service-active .flex-box .item .ser-act-ct { font-size:1.25em; }
		
	.mob-br-top { border-top:2px solid #464646 !important; }
	
	
	
	/************************ 서비스 신청내역 ************************/
	.service-apply--frame .apply-list .list-title,
	.service-apply--frame .apply-list .list-info { padding-left:20px; padding-right:20px; }
	
	.service-apply--frame .apply-list .apply-state { left:20px; }
	
	.service-apply--frame .apply-list .info-frame { width:100%; }
		
		.service-apply--frame .apply-list .info-frame .info-title,
		.service-apply--frame .apply-list .info-frame .info-cont { width:100%; }
		
		.service-apply--frame .apply-list .info-frame .info-title {
			display:inline-block;
			width:auto;
			margin-right:0px;
			border-radius:5px;
		}
		
		.service-apply--frame .apply-list .info-frame .info-cont {
			padding:10px;
		}
	
	
	.service-apply--frame .apply-list .function-btn--frame .inner--frame { padding:20px; }
	
	/************************ 서비스 신청 폼 ************************/
	.service-form--frame select { width:100%; }
	
	.service-form--frame .chk--frame { width:100%; margin-top:10px; }
	.service-form--frame .chk--frame .check-custom { justify-content:flex-start; -ms-flex-pack:start; }
		
	.service-form--frame .select-radio--frame .select-list {
		width:49%;
		position:relative;
	}
	.service-form--frame .select-radio--frame .select-list:nth-of-type(odd) { margin-right:2%; }
	.service-form--frame .select-radio--frame .select-list:nth-of-type(n+3) { margin-top:25px; }
	
	.service-form--frame .select-radio--frame .custom-radio {
		width:100%;
		padding:10px;
		font-size:0.8rem;
	}
	
	
	.service-form--frame .select-radio--frame .select-list .disc {
		display:block;
		width:60px;
		padding:6px 0;
		border-radius:17.5px;
		background-color:#e21779;
		position:absolute;
		left:0;
		top:-15px;
		font-size:0.7rem;
		font-weight:600;
		color:#fff;
		text-align:center;
	}
	
	
	.service-form--frame .form-group.biz-num .input-type--text-sm { width:100%; }
		.service-form--frame .form-group.biz-num .input-type--btn {
			width:100%;
			margin-top:10px;
		}
	
		.service-form--frame .form-group.biz-adr .detail-adr input[type="text"] { width:100%; }
		.service-form--frame .form-group.biz-adr .detail-adr input[type="text"]:not(:last-of-type) { margin-bottom:10px; }
		
		.service-form--frame .form-group.biz-adr .search-adr input[type="text"] { width:100%; }
		.service-form--frame .form-group.biz-adr .search-adr .input-type--btn {
			width:100%;
			margin-top:10px;
		}
		
	.service-form--frame .payment-detail--frame .detail-list--frame .detail-list { width:100%; }
	.service-form--frame .payment-detail--frame .detail-list--frame .detail-list:not(:last-of-type) {
		margin-bottom:5px;
		margin-right:0px;
	}
	
	.service-form--frame .addMember--frame .input,
	.service-form--frame .addMember--frame .input #memberNum { width:100%; }
		
	/************************ 서비스 이용현황 ************************/
	.dashboard-flex--frame .item-list { width:100%; }
	.dashboard-flex--frame .item-list:not(:last-of-type) { margin-bottom:15px; }
	
	.service-active .link-btn {
		max-width:65%;
		justify-content:space-between;
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.extra-service--frame .service-list { width:100%; }						
	.extra-service--frame .service-list:not(:last-of-type) { margin-bottom:20px; }
	
	/************************ 부가서비스 목록 ************************/
	.extra-serviceList--frame {
		padding-left:30px;
		padding-right:30px;
	}
	
		.extra-serviceList--frame .extra-list { width:100%; }
		.extra-serviceList--frame .extra-list:nth-of-type(n+2) { margin-top:20px; }
		

	/************************ 서비스 신청내역 - 상세 ************************/
	.service-detail--frame .info-service--frame .info-content--list { width:100%; }
	
	.service-detail--frame .change-list--frame .change-list { width:100%; }
		
	
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:891px) {
	/************************ 서비스 신청 폼 ************************/
	.service-form--frame .service-select--frame,
	.service-form--frame .payment-info--frame  { width:100%; }
	
	.service-form--frame .payment-info--frame { border-top:1px solid #ccc; }
	.service-form--frame .payment-info--frame .amount-info { padding-top:60px; }
	
	.normal-radio--frame .select-list { width:100% !important; }
	.normal-radio--frame .select-list:not(:last-of-type) { margin-bottom:15px; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1216px) {
	/************************ 서비스 소개 ************************/
	.service-information--frame {
		padding-left:20px;
		padding-right:20px;
	}
	
	
	/************************ 서비스 신청내역 ************************/
	.service-apply--frame .apply-list { overflow:hidden; }

	.service-apply--frame .apply-list .list-title,
	.service-apply--frame .apply-list .list-info { width:100%; }
	
	.service-apply--frame .apply-list .list-title { padding-top:55px; }
	
	.service-apply--frame .apply-list .list-info { margin-bottom:20px; }
	
	.service-apply--frame .apply-list .function-btn--frame { width:100%;  }
	
	.service-apply--frame .apply-list .function-btn--frame .inner--frame { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; width:100%; background-color:#f1f1f1; border-top:1px dashed #b2b2b2; }
	
	/************************ 서비스 신청 폼 ************************/
	.signup-write-box.apply-service { padding-left:20px; padding-right:20px; }
	
	/************************ 서비스 소개 - 레이어 팝업 ************************/
	.layer-popup.consulting {
		width:100%;
		bottom:0px !important;
    	top:auto !important;
	}
		.layer-popup.consulting .layer-popup-frame { width:100%; }
		
			.layer-popup.consulting .layer-popup-content { border-radius:0px; }
			
	/************************ 서비스 소개 ************************/
	.service-information--frame .online-section .service-info { width:100%; }
	.service-information--frame .online-section .service-info:nth-of-type(n+2) { margin-top:20px; }
	
		.service-information--frame .online-section .text--frame .info-decription { min-height:40px; }
	
	

	/************************ 서비스 신청내역 - 상세 ************************/
	.service-detail--frame .service-detail--inner {
		display:block;
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}	
			
	
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1216px) {
	/************************ 서비스 소개 ************************/
	.service-information--frame .online-section .info-effect--text { font-size:1.5rem; }
	
	.service-information--frame .offline-section .off-list { width:49%; }
	.service-information--frame .offline-section .off-list:nth-of-type(odd) { margin-right:2%; }
	.service-information--frame .offline-section .off-list:nth-of-type(n+3) { margin-top:20px; }
	
	/************************ 서비스 신청내역 ************************/
	.service-apply--frame .apply-list .list-title,
	.service-apply--frame .apply-list .list-info { padding-left:30px; padding-right:30px; }
	
	.service-apply--frame .apply-list .apply-state { left:30px; }	
	
	.service-apply--frame .apply-list .function-btn--frame .inner--frame { padding:20px 30px 20px 30px; }
	
	
		.service-apply--frame .apply-list .info-frame { width:49%; }		
		.service-apply--frame .apply-list .info-frame:nth-of-type(odd) { margin-right:2%; }
	
	/************************ 서비스 신청내역 - 상세 ************************/
	.service-detail--frame .info-service--frame .info-content--list { width:50%; }
	
	.service-detail--frame .change-list--frame .change-list { width:49%; }				
	.service-detail--frame .change-list--frame .change-list:nth-of-type(odd) { margin-right:2%; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {	
	
	
	/************************ 서비스 이용현황 ************************/
	.service-active .flex-box .item { width:49%; }
	.service-active .flex-box .item:not(:last-of-type) { margin-right:2%; }
	.service-active .flex-box .item:nth-of-type(n+3) { margin-top:20px; }
	
	.service-active .flex-box .item .ser-act-tt span { font-size:0.91em; }
	.service-active .flex-box .item .ser-act-ct { font-size:1.6em; }
	
	/************************ 서비스 신청내역 ************************/
	.service-apply--frame .apply-list .function-btn--frame .func-btn { min-width:130px; max-width:130px; }
	
	/************************ 서비스 신청 폼 ************************/
	.service-form--frame select { min-width:20%; }
		
	.service-form--frame .chk--frame { width:auto; position:absolute; right:0; }
	
	.service-form--frame .select-radio--frame .select-list {
		width:auto;
		margin-top:25px;
		position:relative;
	}
	.service-form--frame .select-radio--frame .select-list:not(:last-of-type) { margin-right:10px; }
	
	.service-form--frame .select-radio--frame .select-list .disc {
		display:block;
		width:60px;
		padding:6px 0;
		border-radius:17.5px;
		background-color:#e21779;
		position:absolute;
		left:0;
		top:-15px;
		font-size:0.8rem;
		font-weight:600;
		color:#fff;
		text-align:center;
	}
	
	.service-form--frame .select-radio--frame .custom-radio { width:auto; min-width:100px; }
	
	
	.service-form--frame .form-group .flex-box .input-type--btn { margin-left:10px; }
	
	/********** 마이페이지 - 신청내역 입금확인요청 - 레이어팝업 **********/
	.layer-popup .layer-popup-frame { width:600px; }
		.layer-popup .layer-popup-header {
			padding:30px 40px;
			border-radius:10px 10px 0 0;
		}
			.layer-popup .layer-popup-header .pop-title { font-size:2em; }
		
			.layer-popup .func-btn-box .func-button {
				width:150px;
				font-size:0.91rem;
			}
			
			.layer-popup .table-info .info-title {
				width:25%;
				border-radius:5px 0 0 5px;
			}
			.layer-popup .table-info .info-content {
				width:75%;
				border-left:0px;
				border-radius:0 5px 5px 0;
			}
			
			.layer-popup .table-info .info-title,
			.layer-popup .table-info .info-content { padding:17px; }
			
	/************************ 서비스 소개 - 레이어 팝업 ************************/
	.layer-popup.consulting .form--frame .form-group .form-group--title {
		width:20%;
		background-color:#26734e;
	}
		.layer-popup.consulting .form--frame .form-group:not(:last-of-type) .form-group--title { border-bottom:1px solid rgba(255,255,255,.6); }
		
			.layer-popup.consulting .form--frame .form-group .form-group--title .v-align { 
				color:#fff;
				text-align:center;
			}
			
	.layer-popup.consulting .form--frame .form-group .form-group--content {
		width:80%;
		padding:15px;
		border-bottom:1px solid #ccc;
	}
		.layer-popup.consulting .form--frame .form-group:first-of-type .form-group--content { border-top:1px solid #ccc; }
	
		.layer-popup.consulting .func-btn-box {
			margin-top:30px;
			margin-bottom:30px;
		}
			.layer-popup.consulting .func-btn-box .func-button { padding:10px 0; }
			
	/************************ 서비스 소개 ************************/	
	.service-information--frame .online-section .function-info .text--frame { width:calc(100% - 190px); }
	
		.service-information--frame .online-section .function-info .link {
			position:absolute;
			right:25px;
			top:64.25px;
		}
	
		.service-information--frame .online-section .info-effect--text { text-align:right; }
		
			.service-information--frame .online-section .service-info--details .list-title {
				width:17%;
				border-radius:5px 0 0 5px;
			}		
				
			.service-information--frame .online-section .service-info--details .list-cont {
				width:83%;
				border-left:0px;
				border-radius:0 5px 5px 0;
			}
			
			
	.service-information--frame .offline-section .off-list .list-pay .num { font-size:2rem; }					
	.service-information--frame .offline-section .off-list .list-pay .text { font-size:1.3rem; }
	
	/************************ 서비스 이용현황 ************************/
	.dashboard-flex--frame .item-list { width:32%; }
	.dashboard-flex--frame .item-list:not(:last-of-type) { margin-right:2%; }
	
	.service-active .item { position:relative; }
	
		.service-active .link-btn {
			justify-content:flex-start;
			position:absolute;
			right:20px;
			top:20px;
		}
		
	.extra-service--frame .service-list {
		width:32%;
		margin-top:20px;
	}						
	.extra-service--frame .service-list:not(:last-of-type) { margin-right:2%; }
	.extra-service--frame .service-list:nth-of-type(3n) { margin-right:0; }
	
		.extra-service--frame .service-list .list-cont { min-height:100px; }
		
	/************************ 부가서비스 목록 ************************/
	.extra-serviceList--frame .extra-list { width:49%; }				
	.extra-serviceList--frame .extra-list:nth-of-type(odd) { margin-right:2%; }
	.extra-serviceList--frame .extra-list:nth-of-type(n+3) { margin-top:20px; }
	
			
}

/*** Tablet & Desktop ***/
@media screen and (min-width:890px) {
	/************************ 서비스 신청 폼 ************************/
	.normal-radio--frame .select-list:not(:last-of-type) { margin-right:35px; }
	
	.service-form--frame .payment-info--frame .amount-info { padding-top:50px; }
}

/*** Desktop ***/
@media screen and (min-width:1217px) {
	/************************ 서비스 소개 ************************/
	.service-information--frame .online-section .service-info { width:49%; }
	.service-information--frame .online-section .service-info:nth-of-type(odd) { margin-right:2%; }
	
	.service-information--frame .online-section .service-info.function-info {
		width:100%;
		margin-top:20px;
		margin-right:0px;
	}
	
		.service-information--frame .online-section .text--frame .info-decription { min-height:80px; }
		
		.service-information--frame .online-section .info-effect--text { font-size:1.8rem; }
		
		
		
	.service-information--frame .offline-section .off-list {
		width:auto;
		flex:1;
	}
	
	.service-information--frame .offline-section .off-list:not(:last-of-type) { margin-right:1.5%; }
	
	
	/************************ 서비스 신청내역 ************************/
	
	
	.service-apply--frame .apply-list { padding:35px 35px 25px 35px; }
	.service-apply--frame .apply-list .list-title,
	.service-apply--frame .apply-list .list-info { width:calc(100% - 212px); }
	
		.service-apply--frame .apply-list .info-frame {
			width:32%;
			margin-right:2%;
		}
		
		.service-apply--frame .apply-list .info-frame:nth-of-type(3n) { margin-right:0px; }
	
	
	.service-apply--frame .apply-list .list-title { padding-top:25px; }
	
	.service-apply--frame .apply-list .apply-state { left:35px; }
	
	.service-apply--frame .apply-list .function-btn--frame { width:auto; height:100%; padding:35px; position:absolute; right:0; top:0; }
	.service-apply--frame .apply-list .function-btn--frame .func-btn:not(:last-of-type) { margin-bottom:10px; }
	
	/************************ 서비스 소개 - 레이어 팝업 ************************/
	.layer-popup.consulting .layer-popup-frame { width:720px; }
	
		.layer-popup.consulting .layer-popup-content { border-radius:10px; }
		
	/************************ 서비스 소개 ************************/
	
	/************************ 서비스 신청내역 - 상세 ************************/
	.service-detail--frame .service-detail--inner {
		display:block;
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	
		.service-detail--frame .info-service--frame .info-content--list { width:33%; }
		
		.service-detail--frame .change-list--frame .change-list { width:32%; }				
		.service-detail--frame .change-list--frame .change-list:not(:nth-of-type(3n)) { margin-right:2%; }
	
}