@media all and (max-width:767px) {

	#bbs_container .bbsWriteZone .h3_title {
		display:none;
	}
	#bbs_container .bbsWrite_BtnArea > button.btnbbs:first-child {
		width:75%;
	}

	#bbs_container .bbsWriteZone:has(textarea) {
	        padding: 3rem 1.2rem 1rem;
	}
	
	#bbs_container .skinRequestButtonState > .bbsButtonArea {
		display:flex;
		width: 100%;
	}
	#bbs_container .skinRequestButtonState > .bbsButtonArea .btnbbs {
		width:100%;
		padding:0;
	
		
	}
}


.qna_agreement {
	width:100%;
	height:35rem;
	border:1px solid #aaa;
	padding:2rem;
	overflow-y:scroll;
	font-size:12pt;
	font-family:'맑은 고딕';
}

.qna_agreement:focus-visible {
	outline: dashed 3px #0088ff !important;
}

.qna_agreement .tblstyle {
    display: table;
    border-top: 2px solid #000;
    width: 100%;
    margin-top: 10px;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed
}
.qna_agreement .tblstyle > LI {
	display: table-cell;
	border: 1px solid #aaa;
}
.qna_agreement .tblstyle > LI DT {
	padding:3px;
	text-align:center;
	border-bottom: 1px solid #aaa;
	background-color:#eee;
	font-weight:bold;
}
.qna_agreement .tblstyle > LI DD {
	padding:5px;
	text-align:center;
}


.qna_agreement > .innerbox {
	background:#eee;
	padding:20px;
	font-weight:400;
}
.qna_agreement > .innertxt {
	padding:20px;
	font-size:11pt;
}

.qna_agreechk {
	padding-top:2rem;
	text-align:right;
	font-weight:bold;
}
.qna_agreechk INPUT {
	display: inline-block;
	width:2rem;
	height:2rem;

	vertical-align: middle;
	margin-top: -0.1rem;
	margin-right: 0.5rem;
}

.qna_login {
    max-width: 80rem;
    margin:10rem auto 3rem;
    border:1px solid #aaa;
    padding:5rem;
}
.qna_login INPUT {
	vertical-align:middle;
	border:1px solid #ccc;
	padding:.5em 1em;
}

.qna_agreechk ~ .btnzone {
	margin:2rem auto 5rem;
	text-align:center;
}
.qna_agreechk ~ .btnzone > BUTTON {
	width:30rem;
}


.QnaState {
	border: 1px solid #aaa;
	background-color: #eee;
	border-radius: 5rem;
    letter-spacing: -0.1rem;
	height: 3rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.QnaState.ing {
	border-color:#F4A911;
	background-color: #F8CD73;
}
.QnaState.ed {
	color:#ddd;
	border-color:#2E313D;
	background-color: #484D61;
}





#Gips_QNA {
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;

}
#Gips_QNA > .Gips_Proposal {
	width:75rem;
}
#Gips_QNA > .Gips_Proposal:has(.Gips_Document:empty) {
	display:none;
}
#Gips_QNA > .Gips_Consult {
	width: calc(100% - 75rem);
	padding-left:5rem;
}
#Gips_QNA > .Gips_Proposal:has(.Gips_Document:empty) + .Gips_Consult {
	width:100%;
	padding:0;
}

@media all and (max-width:1200px) {

	#Gips_QNA {
		flex-direction: column;
	}
	#Gips_QNA > .Gips_Proposal ,
	#Gips_QNA > .Gips_Consult {
		width: 100%;
	}
	#Gips_QNA > .Gips_Consult {
		padding:0;
	}


}




.Gips_Proposal {

	height:65rem;
	padding:2.5rem;
	border:1px solid #000;
	background:#3B3F4F;
	overflow:hidden;
	overflow-y:auto;
}
.Gips_Proposal > .Gips_Document {
	width:100%;
	margin:0 auto;
	padding:3rem;
	background-color:#fff;
	box-shadow:0 0 30px 0 #000;
}

.Gips_Document .dzTbl4 {
	min-width: 56.7rem;
	margin:0 auto;
	border:2px solid #000;
}
.Gips_Document .dzTbl4:has(+ .dzTbl4) ,
.Gips_Document .dzTbl4:has(+ .dzTbl4) TR:last-of-type > TH ,
.Gips_Document .dzTbl4:has(+ .dzTbl4) TR:last-of-type > TD {
	border-bottom-width:0;
}
.Gips_Document .dzTbl4 + .dzTbl4 {
	border-top-width:0;
}
.Gips_Document .dzTbl4 TH ,
.Gips_Document .dzTbl4 TD {
	border-color:#aaa;
	vertical-align: top;
	padding:0.5rem 1rem;
	font-size: 1.35rem;
}
.Gips_Document DIV[id^='Report_'] {
    text-align: left;
}
.Gips_Document .dzTbl4 DIV {
	min-height:2.5rem;
}
.Gips_Document P {
	font-size:1.35rem;
	padding:0;
	text-align:left;
}