@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;700;900&family=Open+Sans:wght@300;700&display=swap');

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


*{ margin:0; padding:0; font-size:15px; letter-spacing:-0.5px; font-family: 'NEXON Lv2 Gothic';}
p,input,select,option { font-size:15px; letter-spacing:-0.5px; font-family: 'NEXON Lv2 Gothic'; }


fieldset { border:none; }
.formtextareadiv { float:none!important; }

.br { height:40px; }
.brborder{ 
	width:100%; 
	height:20px; 
	margin-bottom: 20px;
	border-bottom: 1px dotted #d7d7d7; 
}
.nonebox { display:none; }/* 모바일에서 보여지도록하기! */
.inputtitle { 
	width:8%; 
	padding:5px 0 0 10px; 
}
.inputtext {
	 width:100%; 
	 padding:0 10px; 
}


/* 라디오 버튼 */
.formradioboxdiv { width:17%!important; margin-right:3%; } 
.formradioboxinnderdiv { width:22%!important; } /* 라디오버튼 하나하나 넓이 */

/* 콤보박스 */
.formcomboboxdiv { width:17%!important; margin-right:3%; } 
.formcomboboxdiv div .inputtext { height: 30px; } 

/* 한줄입력형 */
.mformtextdiv { width:17%!important; margin-right:3%; }
.mformtextdiv div .inputtext { height:30px; margin-top:-3px; }
.mformtextdiv div .inputtext_alignright { text-align:right; }

/* (분류) 체크박스*/
.formcheckboxdiv { width:85%!important; }
.formcheckboxdiv div .formcheckboxinnderdiv { position:relative; margin-bottom: 10px; }
.formcheckboxdiv div .formcheckboxinnderdiv .inputtext2,.checkbox {  
    display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 2px;
    left: 0;
}
.formcheckboxdiv div .formcheckboxinnderdiv label { padding-left:20px; }
.formcheckboxdiv div .formcheckboxinnderdiv:nth-child(5),.formcheckboxdiv div .formcheckboxinnderdiv:nth-child(10) { width:16%; float:right; }

#div_mformfield_41 { /* 분류 체크박스선택 */
	width: 93.8%!important;
    background: #fafafa;
    border: 1px solid #d7d7d7;
    padding: 4% 3% 3% 3%;
    margin-top: 15px;
}

#div_mformfield_67 { /* 심리상담신청 - 상담서비스선택 */
	width: 93.8%!important;
    background: #fafafa;
    border: 1px solid #d7d7d7;
    padding: 4% 3% 3% 3%;
    margin-top: 15px;
}

/* 개인정보 동의 */
.personal { 
	width:100%; 
	background:#f7f7f7; 
	border:1px solid #d7d7d7; 
	padding:2%; 
	margin-bottom: 15px; 
}



/* 성별 */
.formradioboxinnderdiv { position:relative; padding: 5px 0 0 15px; }
.formradioboxinnderdiv input { 
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 10px;
    display: inline-block;
    width: 13px;
    height: 13px;
}

/* 상담 제목, 내용 */
.inquiry_title {  
	width:858px!important;
	border:1px solid #d7d7d7;
	padding:10% 6%;
}
.inquiry_content {
	width:100%;
	min-height:200px;
	border:1px solid #d7d7d7;	
	margin: 10px 0 40px 0;
    padding: 2% 1%;
}

/* 완료버튼 */
.send_btn { display: inline-block; width:100%; text-align: center; }

.send_btn input {
    display: inline-block;
    width: 150px;
    height: 40px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 4px;	
	cursor:pointer;
}

/* 주소 */
.formaddrdiv { width: 48%!important; }
.formaddrdiv div .formzip { height:30px; margin-bottom:5px; }
.formaddrdiv div .formaddr { height:30px;  margin-bottom:5px; width: 100%; }

/* 온라인폼 마지막문구 */
.contentendtext {
    width: 100%!important;
    height: 36px!important;
    border: none;
    text-align: center;	
}

/*----- 리스트 -----*/
#page_content th,#page_content td { padding:10px 0px; }
#page_content th { background:#f9f9f9!important; }
#page_content th a { font-size:15px!important; }


@media all and (max-width: 768px) {
	.nonebox { 
		display:block;  
		width: 100%!important;
		height: 15px; 
	} 
	.inputtitle { width:25%!important; }
	.mformtextdiv { width:40%!important; }
	.formcomboboxdiv { width:40%!important; }
	
	#div_mformfield_4 { width:58%!important; } /*라디오버튼*/
	
	/*분류*/
	#div_mformfield_41 { width:92%!important; }
	.formcheckboxinnderdiv { 
		width:100%!important; 
		float:left!important;
		display:block; 
	}
	
	
	.inquiry_title { width:100%!important; }

}