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

#online-counsel .menu {flex-wrap:wrap;margin-bottom: 3%;}
#online-counsel .menu > li {
	height: 50px;
	color: #a2a2a2;
	border-left: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#online-counsel .menu >li.last {border-right:1px solid #dee2e6}
#online-counsel .menu >li:hover,
#online-counsel .menu >li:active {color: #fff;background:#7e64c8;}
#online-counsel .menu >li.active {color: #fff;background:#7e64c8;}

#online-counsel .online-consult-list > ul {
 border-top:.1vw solid #555252;
 margin-bottom:2.6vw
}
#online-counsel .online-consult-list > ul > li {
 display:flex;
 align-items:center;
 font-family:ScoreR;
 font-size:.83vw;
 border-bottom:1px solid #ccc;
 text-align:center
}
#online-counsel .online-consult-list > ul > li.title {
 font-family:ScoreM;
 font-size:110%;
}
#online-counsel .online-consult-list > ul > li >.date,
#online-counsel .online-consult-list > ul > li >.kind,
#online-counsel .online-consult-list > ul > li >.no,
#online-counsel .online-consult-list > ul > li >.status,
#online-counsel .online-consult-list > ul > li >.writer {
 flex:1;
 padding: 15px 0;
}
#online-counsel .online-consult-list > ul > li >.title {
 flex:2
}
#online-counsel .online-consult-list > ul+div {
 position:relative;
 height:2.34375vw
}
#online-counsel .online-consult-list > ul > li >.status_0 {
 color:#7e64c8
}
#online-counsel .online-consult-list .btn_write {
	position: absolute;
	right: 0;
	top: 0;
	max-width: 20%;
}

#online-counsel-write > .title>h1>span {
 font-family:ScoreR
}
#online-counsel-write .write-wrap {
 padding:2.6vw 3.125vw 3.64vw;
 background-color:#f1f1f1;
 width:49.47vw;
 margin:0 auto
}
#online-counsel-write .input-wrap {
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin-bottom:1.45vw
}
#online-counsel-write .input-wrap input[name='sTitle'] {
 width:37.23vw;
 height:3.43vw;
 font-family:ScoreR;
 color:#555252;
 font-size:1rem;
 padding-left:1.3vw;
 background-color: #fff;
}
#online-counsel-write .input-wrap input[name='sName'] {
	width: 19.94vw;
	height:60px;
	font-family:ScoreR;
	color:#555252;
	font-size:1rem;
	padding-left:1.3vw;
	background-color: #fff;
}
#online-counsel-write .input-wrap input[name='sPhone'] {
	width: 21.61vw;
	height:60px;
	font-family:ScoreR;
	color:#555252;
	font-size:1rem;
	padding-left:1.3vw;
	background-color: #fff;
}
#online-counsel-write .input-wrap select {
 width:100%;
height:60px;
 padding-left:1.3vw;
 font-family:ScoreR;
 color:#555252;
 font-size:1rem;
 border:0;
 background-color:#fff
}
#online-counsel-write .radio {display: none !important;}
#online-counsel-write .radio-wrap>div {
 display:flex;
 align-items:center;
 margin-bottom:.52vw
}
#online-counsel-write .radio-wrap>div:last-child {
 margin-bottom:0
}
#online-counsel-write .radio+label {
 display:flex;
 align-items:center
}
#online-counsel-write .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
}
#online-counsel-write .btn-submit {
 background-color:#7e64c8;
 height:3.38vw;
 text-align:center;
 color:#fff;
 font-family:ScoreB;
 font-size:1.04vw;
 position:relative;
 width:100%;
 margin-bottom: 1.04vw
}
#online-counsel-write .btn-submit i {
 position:absolute;
 top:0;
 bottom:0;
 margin:auto;
 right:1.3vw;
 width:1.71vw;
 height:1.71vw;
 background: url('../images/common/btn_enter.png') no-repeat;
}
#online-counsel-write textarea {
 width:100%
}
#online-counsel-write .checkbox+label {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-family: ScoreR;
	font-size: .72vw;
	color: #707070
}

#online-counsel-write .checkbox+label>a {width: auto}

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


@media screen and (max-width :768px) {
	#online-counsel-write .write-wrap {
		width:100%;
		background-color:#fff
	}
	#online-counsel-write .input-wrap {
		display:block;
		margin-bottom:2.6vw
	}
	#online-counsel-write .input-wrap .radio-wrap {
		display:flex;
		align-items:center;
		margin-bottom:2.6vw
	}
	#online-counsel-write .input-wrap .radio-wrap>span {
		font-family:ScoreB;
		font-size:3.38vw;
		margin-right:7.29vw
	}
	#online-counsel-write .radio+label {
		margin-bottom:0;
		color:#1c1c1c;
		font-size:3.125vw
	}
	#online-counsel-write .radio+label:before {
		width:3.125vw;
		height:3.125vw;
		margin-right:1.43vw
	}
	#online-counsel-write .radio-wrap>div {
		margin-right:6.25vw
	}
	#online-counsel-write .radio-wrap>div:last-child {
		margin-right:0
	}
	#online-counsel-write .input-wrap input[name='sTitle'],
	#online-counsel-write .input-wrap input[name='sName'],
	#online-counsel-write .input-wrap input[name='sPhone']{
		border:1px solid #000;
		width:100%;
		height:9.76vw;
		font-size:3.64vw;
		padding-left:2.47vw;
		margin-bottom: 3.25vw;
	}
	#online-counsel-write .input-wrap select {
		border:1px solid #000;
		width:100%;
		height:9.76vw;
		font-size:3.64vw;
		padding-left:2.47vw
	}
	#online-counsel-write #select-wrap {
		margin-bottom:3.90625vw
	}
	#online-counsel-write .btn-submit {
		background-color:#7e64c8;
		font-size:3.64vw;
		height:12vw
	}
	#online-counsel-write .btn-submit i {
		width:4.16vw;
		height:4.16vw;
		position:static;
		margin-left:2.34375vw
	}
	#online-counsel-write .privacy-wrap {
		display: flex;
		align-items: flex-start;
		justify-content: center
	}

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

	#online-counsel-write .checkbox+label:after {
		width: 3.64vw;
		height: 3.64vw
	}
}

@media screen and (min-width :1921px) {
	#online-counsel-write .write-wrap {
		padding:50px 60px 70px;
		width:950px
	}
	#online-counsel-write .input-wrap input[name='sTitle'] {
		width:715px;
		height:66px;
		font-size:19px;
		padding-left:25px
	}
	#online-counsel-write .input-wrap input[name='sName'] {width: 383px}
	#online-counsel-write .input-wrap input[name='sPhone'] {width: 415px}
	}
	#online-counsel-write .input-wrap select {
		height:66px;
		font-size: 1rem;
		padding-left: 0.9rem;
	}
	#online-counsel-write .radio-wrap>div {
		margin-bottom:10px
	}
	#online-counsel-write .input-wrap {
		margin-bottom:28px
	}
	#online-counsel-write .radio+label:before {
		width:25px;
		height:25px;
		margin-right:10px
	}
	#online-counsel-write .btn-submit {
		height:65px;
		font-size:20px
	}
	#online-counsel-write .btn-submit i {
		right:25px;
		width:33px;
		height:33px
	}
	#online-counsel-write .checkbox+label {font-size: 14px}

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