@charset "utf-8";

/*표준제안 list*/

/*표준제안서*/
#content-form *, #standard-apply-content * {font-family: 'Pretendard-Regular'; }
#standard-apply-content {border-radius:20px;padding:10px;background-color: #dfebf72e;margin:20px auto; margin-bottom:50px; box-shadow: 0 10px 20px rgb(218 214 214 / 19%), 0 6px 6px rgb(56 55 55 / 18%);}
#content-form {margin:10px auto;}


/*표준제안서 세부 내용*/
.inform > ul {font-size: 1.1em;margin: 10px auto;text-align: left;margin-bottom: 60px;}
.inform > ul > li{font-family: 'Pretendard-Regular';font-size: 1.1em;list-style: circle;list-style-position: inside;padding: 5px; padding-left:5%;}
/*표준제안서 - 개인정보동의*/
.privacy-agree-form > h3 {font-size: 1.2em;padding: 10px;}
.privacy-agree-form {margin: 20px auto;padding: 10px;width: 90%;}
.privacy-agree-form > textarea { width: 90%; height:100px; padding: 10px; margin-left: 10px; font-family: 'Pretendard-Regular'}
.privacy-agree-form > ul > li {font-size:15px;}
/*표준제안서 - 신청서*/
#standard-apply-form {margin: 20px auto;}
#standard-apply-form h2 {font-size: 0.9em;}
#standard-apply-content .main-title {font-size: 1.6em;text-align: center;padding: 20px; text-decoration: underline; text-underline-position: under;}
#standard-apply-form .main-title {font-size: 1.3em;}
#standard-apply-content .main-title > p > span {font-size: 1.3em;}
/* 배열방법 -  버튼 등의 요소들 */
.right-layout{display:flex;flex-direction: row;flex-wrap: wrap;width: 98%;justify-content: flex-end;margin-top: 10px;margin-bottom: 40px;}	
.right_sign {margin: 9px;font-weight: 600;display: block;}
#standard-apply-content select {text-align:center;border:1px solid #dbdbdb;}



/*표준제안서 내 테이블*/
/*표준제안서 내 테이블 - 폰트설정*/
.apply_table th > ul > li,.apply_table td > ul> li,.apply_table a, .apply_table td > div, .apply_table td > span,.apply_table th >div ,.apply_table th > span {font-size: 16px;line-height: 30px;}

/*표준제안서 내 테이블 - 디자인*/
.propose_field {padding:5px; text-align:center;}
#standard-apply-form .apply_table .secret{background-color: #ff658717;}
#standard-apply-form .apply_table {border: 1px solid #ababab47;width: 100%;margin: 20px auto;}
#standard-apply-form .apply_table thead > tr > th {background-color: #c29fff26;text-align: center;}
#standard-apply-form .apply_table th {font-size: 15px;text-align:left;padding: 10px;padding-left:15px;background-color: white;border: 1px solid #6a6a6a21; width:150px;}  
#standard-apply-form .apply_table td {font-size: 15px;text-align:center;padding: 10px;padding-left:12px;border: 1px solid #6a6a6a21; width:150px;} 
.apply_table td > textarea {width: 70%; height: 40px;}
.apply_table td > ul > li {font-size: 15px;text-align: left;}
#standard-apply-form .comment{font-weight: 500;font-size: 14px;}

/*표준제안서 link*/
#standard-apply-form a{color:#663bb3; font-size: 15px;}
#standard-apply-content a {color:#3F51B5;}
#standard-apply-content a:hover, #standard-apply-form a:hover {color:#5eaf00; background-color:rgb(255 241 251 / 68%); border-radius:10px;}
/*제안서 내 파일 다운로드*/
#standard-apply-form .file {font-size:15px;}
.file:after  {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('../../images/cws/board/icon_file_pdf.gif');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left:4px;
	vertical-align: middle;
	margin-right:6px;
}

/*제안서 테이블 내 첨부파일*/
.apply_table input[type=file]::file-selector-button {font-size:14px; padding:2px; border:none; background-color: #3F51B5; color:#fff; cursor: pointer;}
.apply_table input[type=file] {margin-left:10px; background-color: #fff; border:1px solid #ddd; width:200px; height: 24px; }


/*표준제안서 제출 button*/
.purple {
  background-color: #7a45d8;
  color:white
}
.gray {
	background-color: #817e7e;
	color:white
}
.etc_btn0 {
	border-radius: 10PX;
    padding: 9px;
    width: 60px;
    display: block;
    margin-top:10px;
	margin-left:10px;
}
.etc_btn1 {
	border-radius: 10PX;
    padding: 9px;
    width: 130px;
    display: flex;
	align-items: center;
	justify-content: center;
}
.effect1 {
	border-color: #5eaf00;
  	background-image: linear-gradient(45deg, #5eaf00 50%, transparent 50%);
  	background-position: 100%;
  	background-size: 400%;
	transition: background 300ms ease-in-out;
}
.etc_btn1 > span{color:white; }
.gray:hover {background-color: black;}
.effect1:hover { background-position: 0; cursor: pointer;}

/*input size*/
.input_s{width: 200px; font-size:15px;}
.input_m{width:200px;font-size:16px;}
.input_l{width:300px;font-size:16px;}
.input_xl{width:400px;font-size:16px;}
.textbox_xl {font-size:16px;width: 400px;}

/*div 영역을 textarea 느낌 나게 */
.text-area{ background-color: #fff; padding:10px; border:1px solid #000; overflow:scroll;}
.text-area *{font-size: 14px;}


#passwordPopup {
	border-radius:10px;
	background-color: #7a45d8db;
	padding: 20px;
	z-index: 1000;
	top: 42%;
	left: 60%;
	position: fixed;
	display: none;
}
#passwordPopup > p, #passwordPopup > div >button {
	 color: white;
}
 #passwordPopup > div {
	 display:flex;
	 justify-content: flex-end;
	}
#passwordPopup > div > button {
	background-color:#ffffff47;
	border-radius:3px;
	padding:5px;
	margin:2%;
}