/*
 * 공통 폼 레이아웃
 */
.cl_formWrap {margin-bottom:50px;}
.cl_formWrap .cl_formHead { display: flex; justify-content: space-between; align-items: center; border-bottom:solid 3px #5e71e4; }
.cl_formWrap .cl_formHead .mainText { color: #000000; font-size: 32px; font-family:NotoSansB; margin-bottom: 15px;}
.cl_formWrap .formTitle {font-size:32px; font-family:NotoSansB; color:#000000; padding-bottom:15px; }
.cl_formWrap .cl_formRow {font-size:0; box-sizing: border-box; padding: 30px 50px 0 50px; }
.cl_formWrap.formTypeLine .cl_formRow {border-bottom: 1px solid #d8d8d8; padding: 20px 50px;}
.cl_formWrap .cl_formRow.formType2 {display: flex; align-items: center;}
.cl_formWrap .cl_formRow .formCol {display:inline-block; vertical-align: top; box-sizing: border-box;}
.cl_formWrap .cl_formRow .formCol.head {font-size: 28px; color:#000000; font-family:NotoSansB;     margin-bottom: 5px;}
.cl_formWrap .cl_formRow .formCol.before { position: relative; font-size: 24px; color:#000000; font-family:NotoSansL; }
.cl_formWrap .cl_formRow .formCol.before:before { position: absolute; content: '*'; display: block; right: -12px; top: 2px; color: #586ad5;}
.cl_formWrap .cl_formRow.formType2 .formCol.head { width: 250px; }
.cl_formWrap .cl_formRow .subTopText { font-size: 22px; font-family:NotoSansL; color: #000000; }
.cl_formWrap .cl_formRow .subText { font-size: 20px; font-family:NotoSansR; color: #888888; }
.cl_formWrap .cl_formRow .formCol.body { flex: 1; width: 100%; font-size: 30px; color:#000000;  padding: 0px 0;  }
.cl_formWrap .cl_formRow .formCol.body.halfInput { display: flex; justify-content: space-between; width: 100%; }
.cl_formWrap .cl_formRow .formCol.body.attach { font-size: 0; }
.cl_formWrap .cl_formRow .formCol.body.attach.type2 label img { background: #dedede; box-sizing: border-box; padding: 11px; }
.cl_formWrap .cl_formRow .formCol.body .type2 { position: relative; }
.cl_formRow .formCol.body.alignRight { text-align: right;  }
.cl_formWrap .cl_formRow .formCol.body.inputButton { width: 100%; display: flex; }
.cl_formWrap .cl_formRow .formCol.body .betweenText {padding:0 8px;}
.cl_formWrap .cl_formRow .formCol.body .tailCheck {margin-left:10px; vertical-align: middle;}
.cl_formWrap .cl_formRow .formCol.body label.checkText {font-size:26px; color:#000000; font-family:NotoSansR; padding-right: 50px;}
.cl_formRow .formCol.body label.checkText.textBold { font-size: 28px; font-family:NotoSansB; }

.cl_formWrap .cl_formRow .formCol.body .bodyInnerCol { position: relative; display: flex; align-items: center; padding: 0px 0; }
.cl_formWrap .cl_formRow .formCol.body .bodyInnerCol .deleteBtn { position: absolute;right: 100px;cursor: pointer; }
/*.cl_formWrap .cl_formRow .formCol.body .bodyInnerCol:last-child {margin-bottom:0;}*/
.cl_formWrap .cl_formRow .formCol.body .mainText { font-size: 26px; font-family:NotoSansR;}
.cl_formWrap .cl_formRow .formCol.body .mainText.fontL { font-size: 28px; font-family:NotoSansR;}
.cl_formWrap .cl_formRow .formCol.body.colorWrap { display: flex; }
.cl_formWrap .cl_formRow .formCol.body.checkBoxes { display: flex; align-items: center; }

/*
 * 공통버튼
 */
/* 버튼 */
.cl_button.default {
	display:inline-block;
	height:60px;
	line-height:60px;
	font-size: 28px;
	font-family:NotoSansM;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	cursor:pointer;
	border-radius: 5px;
	
}
.cl_buttonBox { font-size: 0; }
.cl_buttonBox textarea { height: 190px; }

.cl_button.black {color:#ffffff; background-color:#000000;}
.cl_button.gray {color:#ffffff; background-color:#999999;}
.cl_button.lightgray {color:#000000; background-color:#f7f7f7;}
.cl_button.blue {color:#ffffff; background-color:#5e71e4;}

.cl_button.mini { width: 200px; height: 70px; line-height:70px; font-family:NotoSansR;}
.cl_button.small { width:280px; height:80px; line-height:80px; font-family:NotoSansL; }
.cl_button.basic { width: 495px;  }
.cl_button.medium { width:480px; }
.cl_button.large { width:700px; }
.cl_button.flexible { flex: 1; height: 70px; line-height: 70px; font-family:NotoSansR;}
.cl_button.full {width:100%;}
.cl_button.fontM {font-size:28px !important;}
.cl_button.fontL {font-size:40px !important;}

.cl_button.enter { display: flex; align-items: center; justify-content: center; height: 70px; line-height: 70px; border-radius: 0px;}
.cl_button.enter span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ffffff; color: #777777; border-radius: 50%; box-sizing: border-box;  margin: 0 10px;}

.cl_button.iconBtn { display: flex; align-items: center; justify-content: space-between; height: 130px; line-height: 130px;  color: #000000; border-radius: 30px; padding: 0 30px; }
.cl_button.iconBtn .flexibleWrap { display: flex; align-items: center; }
.cl_button.iconBtn .flexibleWrap img { border-right: 2px solid #ffffff; padding-right: 20px;  }
.cl_button.iconBtn .flexibleWrap span { padding-left: 20px; }
.cl_button.iconBtn.type2 { color: #ffffff; padding: 0; padding-left: 60px; }
.cl_button.iconBtn.type2 .btnIconWrap { display: flex; align-items: center; justify-content: center; width: 150px; height: 100%; background: #586ad5; border-radius: 0 30px 30px 0; }

/*
 * 공통 인풋박스
 */
.input.default {
	font-size: 26px;
	color:#000000;
	padding: 15px;
	box-sizing: border-box;
	border:solid 1px #cfcfcf;
	border-radius: 5px;
	background-color:#ffffff;
	vertical-align: middle;
	font-family:NotoSansL;
}
.input.mini {width:100px;}
.input.small {width:120px;}
.input.medium {width:225px;}
.input.large {width:325px;}
.input.extraLarge {width:500px;}
.input.full {width:100%;}
.input.flexible { flex: 1; }
.input.flexInput { width: 70%;    margin-bottom: 20px; }
.input.disabled {background-color:#f5f5f5;}
.input.oneLine { border: 0px; border-bottom: 1px solid #cfcfcf;}
.input.fontS { font-size: 24px; }
.input.default.borderRight { border-radius: 0; border-radius: 5px 0 0 5px; }
.input.half { width: 47%; }

label input[type=file] {
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}


/*
 * 공통 textarea 박스
 */
textarea {
	width:100%;
	height: 150px;
	font-size: 26px;
	color:#000000;
	padding:11px;
	font-family:NotoSansR;
	resize:none;
	background-color:#ffffff;
	border:solid 1px #cfcfcf;
	box-sizing:border-box;
}
textarea::placeholder {color: #c3c3c3; line-height: 120px;}
textarea.fontS { font-size: 14px; }
textarea.large { height: 200px; }

/*
 * 공통 select 박스
 */
.select.default {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url("../images.renew/selectorArrow2.png") no-repeat 95% 50%; /* 화살표 모양의 이미지 */
	font-size: 26px;
	padding: 15px;
	padding-right: 20px;
	box-sizing: border-box;
	background-color:#ffffff;
	border:solid 1px #cfcfcf;
	border-radius:5px;
}
.select.mini {width:80px;}
.select.small {width:100px;}
.select.medium {width:125px;}
.select.large {width:150px;}
.select.full {width:100%;}



@media(max-width:600px) {
	
	/* 폼 레이아웃 */
	.cl_formWrap {margin-bottom:20px;}
	.cl_formWrap .formTitle {font-size:20px; padding-bottom:5px; }
	.cl_formWrap .cl_formHead .mainText { color: #000000; font-size: 20px; font-family:NotoSansB; margin-bottom: 5px;}
	.cl_formWrap .cl_formRow {font-size:0;   padding: 15px 0px 0 0px;}
	.cl_formWrap.formTypeLine .cl_formRow {  border-bottom: 1px solid #d8d8d8; padding: 15px 0; }
	.cl_formWrap .cl_formRow .formCol.head {font-size: 18px; margin-right: 0px; margin-bottom: 5px;}
	.cl_formWrap .cl_formRow .formCol.before { font-size: 16px; }
	.cl_formWrap .cl_formRow .formCol.before:before { position: absolute; content: '*'; display: block; right: -12px; top: 2px; color: #586ad5;}
	.cl_formWrap .cl_formRow.formType2 .formCol.head {width: 130px; }
	.cl_formWrap .cl_formRow .subTopText { font-size: 18px; }
	.cl_formWrap .cl_formRow .subText { font-size: 16px; }
	.cl_formWrap .cl_formRow .formCol.body {width: 100%; font-size: 30px; color:#000000;  padding: 0px 0; }
	.cl_formWrap .cl_formRow .formCol.body.attach { font-size: 0; }
	.cl_formWrap .cl_formRow .formCol.body.attach.type1 img { width: 80%; }
	.cl_formWrap .cl_formRow .formCol.body.attach.type2 label img { background: #dedede; box-sizing: border-box; padding: 0px; }
	.cl_formWrap .cl_formRow .formCol .attach.type3 img { width: 50px; }
	.cl_formWrap .cl_formRow .formCol.body.alignRight { text-align: right;  }
	.cl_formWrap .cl_formRow .formCol.body.inputButton { width: 100%; display: flex; }
	.cl_formWrap .cl_formRow .formCol.body .tailCheck {margin-left:10px; vertical-align: middle;}
	.cl_formWrap .cl_formRow .formCol.body label.checkText {font-size:16px; color:#000000; padding-right: 10px;}
	.cl_formWrap .cl_formRow .formCol.body label.checkText.textBold { font-size: 18px; }
	
	.cl_formWrap .cl_formRow .formCol.body .bodyInnerCol { padding: 0px 0; }
	.cl_formWrap .cl_formRow .formCol.body .bodyInnerCol .deleteBtn { position: absolute;right: 70px;cursor: pointer; }
	.cl_formWrap .cl_formRow .formCol.body .mainText { font-size: 16px; font-family:NotoSansR;}
	.cl_formWrap .cl_formRow .formCol.body .input.medium { width: 100%; }
	.cl_formWrap .cl_formRow .formCol.body .mainText.fontL { font-size: 18px; font-family:NotoSansR;}
	
	
	/*
		 * 공통버튼
		 */
	.cl_button.default {
		display: inline-block;
		height: 48px;
		line-height: 48px;
		font-size: 16px;
	}
	
	.cl_buttonBox {
		font-size: 0;
	}
	
	.cl_buttonBox textarea {
		height: 190px;
	}
	
	
	.cl_button.mini {
		width: 100px;
	}
	
	.cl_button.small {
		width: 120px;
	}
	
	.cl_button.basic {
		width: 240px;
	}
	
	/*.cl_button.small { width:290px; }*/
	.cl_button.medium {
		width: 250px;
	}
	
	.cl_button.large {
		width: 320px;
	}
	
	
	.cl_button.fontM {
		font-size: 16px !important;
	}
	
	.cl_button.fontL {
		font-size: 22px !important;
	}
	
	.cl_button.enter {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		line-height: 50px;
		border-radius: 0px;
	}
	
	.cl_button.enter span {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
	}
	
	.cl_button.iconBtn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 70px;
		line-height: 70px;
		padding: 0 20px;
	}
	
	.cl_button.iconBtn .flexibleWrap {
		display: flex;
		align-items: center;
	}
	
	.cl_button.iconBtn img {
		width: 20%;
	}
	
	.cl_button.iconBtn .flexibleWrap img {
		width: 30%;
	}
	
	.cl_button.iconBtn.type2 {
		padding-left: 50px;
	}
	
	.cl_button.iconBtn.type2 .btnIconWrap {
		width: 100px;
		height: 100%;
		background: #586ad5;
	}
	
	.cl_button.iconBtn.type2 .btnIconWrap img {
		width: 40%;
	}
	
	/*select*/
	.select.default {
		-webkit-appearance: none; /* 네이티브 외형 감추기 */
		-moz-appearance: none;
		appearance: none;
		background: url("../images.renew/selectorArrow2.png") no-repeat 95% 50%; /* 화살표 모양의 이미지 */
		font-size: 16px;
		padding: 11px;
		padding-right: 20px;
		box-sizing: border-box;
		background-color:#ffffff;
	}
	.select.mini {width:80px;}
	.select.small {width:100px;}
	.select.medium {width:125px;}
	.select.large {width:150px;}
	.select.full {width:100%;}
	
	
	/*input*/
	.input.default {
		font-size: 16px;
		color:#000000;
		padding: 12px;
	}
	.input.mini {width:100px;}
	.input.small {width:120px;}
	.input.medium {width:225px;}
	.input.large {width:100%;}
	.input.extraLarge {width:100%;}
	.input.full {width:100%;}
	.input.fontS { font-size: 14px; }
	/*.input.half {width: 45%;}*/
	.input.flexInput { margin-bottom: 10px; }
	
	/*textarea*/
	textarea {
		width:100%;
		height: 150px;
		font-size: 16px;
		color:#000000;
		padding:11px;
		font-family:NotoSansR;
		resize:none;
		background-color:#ffffff;
	}
	textarea::placeholder {color: #c3c3c3; line-height: 120px;}
	textarea.fontS { font-size: 14px; }
	textarea.large { height: 200px; }
}