input[type="checkbox"], input[type="radio"] {display: none;}

.counsel-page .write-wrap {
	padding:2.6vw 3.125vw 3.64vw;
	background-color:#f1f1f1;
	width:min(100%, 960px);
	margin:0 auto
}
.counsel-page .input-wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:1.45vw
}
.counsel-page .input-wrap select {
	width:100%;
	height: 4rem;
	padding-left:1.3vw;
	color:#555252;
	font-size: 1.25rem;
	border: 0;
	background-color:#fff
}
.counsel-page .input-wrap input[name="sName"],
.counsel-page .input-wrap input[name="sAge"],
.counsel-page .input-wrap input[name="sGender"],
.counsel-page .input-wrap input[name="sHeight"],
.counsel-page .input-wrap input[name="sWeight"],
.counsel-page .input-wrap input[name="sSNS"],
.counsel-page .input-wrap input[name='sPhone'] {
	width: 19.94vw;
	height: 4rem;
	color:#555252;
	font-size:1.25rem;
	border: 0;
	padding-left: 1rem;
	background-color: #fff;
}
.counsel-page .radio {display: none !important;}
.counsel-page .radio-wrap {display: flex;}
.counsel-page .radio-wrap > div {
	display:flex;
	align-items:center;
	margin-right: 2rem;
}
.counsel-page .radio+label {
	display:flex;
	align-items:center
}
.counsel-page .radio+label:before {
	content:'';
	display:block;
	width:1.3vw;
	height:1.3vw;
	border:1px solid #464646;
	background-color:#fff;
	border-radius:50%;
	margin-right:.52vw
}
.counsel-page .checkbox+label {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: .72vw;
	color: #707070
}

.counsel-page .checkbox+label>a {width: auto}

.counsel-page .checkbox+label:after {
	content: '';
	display: block;
	width: 1.04vw;
	height: 1.04vw;
	border: 1px solid #464646;
	background-color: #fff;
	margin-left: .52vw
}
.counsel-page .note-editor {width:100%}

#editor {
    max-width: 100%;
    width: 100%; /* 필요하다면 기본 width도 같이 지정 */
}

@media screen and (max-width :768px) {
	.counsel-page .write-wrap {
		width:100%;
		background-color:#fff
	}
	.counsel-page .input-wrap {
		display:block;
		margin-bottom:2.6vw
	}
	.counsel-page .input-wrap .radio-wrap {
		display:flex;
		align-items:center;
		margin-bottom:2.6vw
	}
	.counsel-page .input-wrap .radio-wrap>span {
		font-size:3.38vw;
		margin-right:7.29vw
	}
	.counsel-page .radio+label {
		margin-bottom:0;
		color:#1c1c1c;
		font-size:3.125vw
	}
	.counsel-page .radio+label:before {
		width:3.125vw;
		height:3.125vw;
		margin-right:1.43vw
	}
	.counsel-page .radio-wrap > div {
		margin-right:6.25vw
	}

	.counsel-page .input-wrap input[name="sName"],
	.counsel-page .input-wrap input[name="sAge"],
	.counsel-page .input-wrap input[name="sGender"],
	.counsel-page .input-wrap input[name="sHeight"],
	.counsel-page .input-wrap input[name="sWeight"],
	.counsel-page .input-wrap input[name="sSNS"],
	.counsel-page .input-wrap input[name='sPhone'] {
		border:1px solid #000;
		width:100%;
		height: 5rem;
		padding-left:2.47vw;
	}
	.counsel-page .input-wrap select {
		border:1px solid #000;
		width:100%;
		height: 5rem;
		padding-left:2.47vw
	}
	.counsel-page #select-wrap {
		margin-bottom:3.90625vw
	}
	.counsel-page .privacy-wrap {
		display: flex;
		align-items: flex-start;
		justify-content: center
	}

	.counsel-page .checkbox+label {
		color: #707070;
		font-size: 2.6vw;
		margin-bottom: 3.64vw
	}

	.counsel-page .checkbox+label:after {
		width: 3.64vw;
		height: 3.64vw
	}
}

@media screen and (min-width :3842px) {
	.counsel-page .write-wrap {
		padding:50px 60px 70px;
		width:950px
	}
	.counsel-page .input-wrap input[name="sName"],
	.counsel-page .input-wrap input[name="sAge"],
	.counsel-page .input-wrap input[name="sGender"],
	.counsel-page .input-wrap input[name="sHeight"],
	.counsel-page .input-wrap input[name="sWeight"],
	.counsel-page .input-wrap input[name="sSNS"]
	.counsel-page .input-wrap input[name='sPhone'] { {width: 383px}}
	.counsel-page .input-wrap select {
		font-size: 1.25rem;
		padding-left: 0.9rem;
	}
	.counsel-page .input-wrap {
		margin-bottom:28px
	}
	.counsel-page .radio+label:before {
		width:25px;
		height:25px;
		margin-right:10px
	}
	.counsel-page .checkbox+label {font-size: 14px}

	.counsel-page .checkbox+label:after {
		width: 20px;
		height: 20px;
		margin-left: 10px
	}
}