@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'; }
table { border-collapse : collapse }
 
.textalign-center { text-align:center; }


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

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


/* 라디오 버튼 */
.formradioboxdiv { width:75%!important; } 
.formradioboxinnderdiv { width:22%!important; } /* 라디오버튼 하나하나 넓이 */

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

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

/* 날짜입력형 */
.mcalendarclass { width:80%; }

/* 사용시간 체크박스*/
.formcheckboxdiv { width:85%!important; }
.formcheckboxdiv div .formcheckboxinnderdiv { position:relative; margin-bottom: 10px; }
.formcheckboxdiv div .formcheckboxinnderdiv .formtime {  
    display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 2px;
    left: 0;
}
#div_mformfield_95 div .formcheckboxinnderdiv label { padding-left:20px; margin-right:20px; }

#div_mformfield_95 { /* 분류 체크박스선택 */
	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: 0 0 0 15px; }
.formradioboxinnderdiv input { 
    position: absolute;
    top: 1px;
    left: 0px;
    padding-left: 10px;
    display: inline-block;
    width: 13px;
    height: 13px;
}

/* 행사목적 및 내용 */
.inquiry_title {  
	width:868px!important;
	border:1px solid #d7d7d7;
	padding:10% 6%;
}
.inquiry_content3 {
	width:100%;
	min-height:100px;
	border:1px solid #d7d7d7;	
	margin: 10px 0 0 0;
    padding: 2% 2.5%;
}

/* 완료버튼 */
.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;
}

/* 주소 */
.padding-left { padding-left:25px!important; }

.formaddrdiv { width: 30%!important; margin-left:-15px; }
.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;	
}

/* 부대시설사용 주의사항 */
#mformfield_103 { padding-left:25px; }/* 타이틀 */
#div_mformfield_104  {
    margin-top: 18px;
    margin-left: 25px;
    width: 90%!important;	
}
#div_mformfield_104 div .formradioboxinnderdiv { width:100%!important; margin-bottom:8px; }


/* 부대시설사용내역 */
#div_mformfield_107 {
	width: 93.8%!important;
    border: 1px solid #e1e1e1;
    padding: 4% 3% 3% 3%;
    margin-top: 15px;	
}
#div_mformfield_107 div .formcheckboxinnderdiv input {    
	display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 2px;
    left: 0;
}
#div_mformfield_107 div .formcheckboxinnderdiv label { padding-left: 20px; }

/* 개인정보처리 */
.consent {
    padding: 3%2%;
    border: 1px solid #d7d7d7;
    background: #f7f7f7;
	color: #747474;
    font-size: 14px;
    line-height: 21px;
    word-break: keep-all;
    height: 160px;
    margin: 18px 0 20px;
}
#div_mformfield_116  div .formcheckboxinnderdiv input {
	display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 2px;
    left: 0;
}
#div_mformfield_116 div .formcheckboxinnderdiv label { padding-left: 20px; }

/* 주의사항 */
#precautions {
	width:100%;
	margin-top:40px;	
}
#precautions table { width:100%; border:1px solid #d7d7d7; }
#precautions table tr td { 
	border-bottom:1px solid #d7d7d7; 
	border-right:1px solid #d7d7d7;
	padding:10px;
}
#precautions table tr td:first-child { 
	width: 20%; 
	text-align:center; 
	font-weight:bold; 
	background:#f7f7f7; 
}
#precautions table tr td:last-child { border-right:none; }
#precautions table tr:last-child td { border-bottom:none; }

#precautions table tr td ul li { 
	list-style:none; 
	line-height:25px;
}
#precautions table tr td a { font-size:15px; }
#precautions table tr td a:hover { color:#1e3b97; }

/* 예약확인페이지 */

#reservation > table > tr:nth-child(1),#reservation > table > tr:nth-child(2) { display:none!important; }

#px_inc {  
	line-height:25px;
}

.reservation_title h3 {
	font-size: 20px;
    font-weight: bold;
    background: url(/user_data/goyangnodong/content/editor/img/icon1.png) left 7px no-repeat;
    background-size: 25px;
    padding-left: 35px;
    padding-top: 11px;
    height: 26px;
}
.reservation_title p { padding: 10px 0 25px 0; }
.reservation_plustext {  
	margin-top: 30px;
    line-height: 26px;

}

.reservation_plustext p  span { font-size:16px!important; font-weight:bold; color:#e24a29; padding-right:2px; }
.reservation_plustext p a { font-size:17px!important; }
.reservation_plustext p a:hover { color: #222; }

.reservation_info span { color:#444!important; }
.reservation_info br { display:none; }

.reservation_title p,.reservation_plustext p { font-size:17px!important; }

/* 예약확인 viewpage */
.docform_viwepage { border-top:2px solid #1e3b97; }

.reservation_number { background:#f7f7f7; border:1px solid #d7d7d7; }
.reservation_number td:first-child { width:73%; }

.width20 { width:20%!important; }

.list_td1 { padding:20px 0 20px 20px; }

#page_content {
	top:3px!important;
}

#inquireform29 {
	min-height:2100px!important;	
}

.reservation_numberinput input {
	width:80%; 
	height:37px; 
	margin-left:5%; 
	padding: 0 5px;	
}

@media all and (max-width: 768px) {
	
	/*예약확인*/
	.list_td1 { padding:20px 10px; width:25%; }
	
	.number_writer { display:block; padding-bottom:15px; }
	.reservation_numberinput input {
		width:95%; 
		margin-left:0; 
	}	
	
	.reservation_info { margin-top:15px; }
	.reservation_info span { display:none; }
	.reservation_info br { display:block; }
	
	.reservation_number td { 
		width: 100%!important;
		display: inline-block;
		height: auto;
	 }
	.reservation_ok {  
		display:block;
		text-align: left!important;
		margin-bottom: 5%;
	}
	.reservation_ok .send_btn input { width:90%; }
	
	
	/*예약 온라인폼*/
	.nonebox { 
		display:block!important;  
		width: 100%!important;
		height: 15px; 
	} 
	.inputtitle { width:25%!important; }
	.mformtextdiv { width:40%!important; }
	.formcomboboxdiv { width:40%!important; }
	
	.formtitle { width:40%!important; padding:5px 0 0 0; }
	.formaddrdiv { width:40%!important; margin-left:0; }
	
	.padding-left { padding-left:0!important; }
	
	#div_mformfield_89 { margin-top:15px; }
	.formradioboxinnderdiv { width:100%!important;  margin: 3px 0 3px 15px; } /*대관장소 라디오버튼*/
	
	#div_mformfield_104 { margin-left:0; width:90%!important; }
	
	/*분류*/
	#div_mformfield_41 { width:92%!important; }
	.formcheckboxinnderdiv { 
		width:100%!important; 
		float:left!important;
		display:block; 
	}

	.inquiry_title { width:100%!important; }

	
	

}