@charset "utf-8";
/*
    author : jooyeon Jin, publisher

    info:
        max-width:1920px;
        inner-width:1460px;

        responsible: 1460px/1280px

    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

    changes
    - 20191127 : initially created
*/

/*input_info_area*/
.input_info_area{width:100%;margin-top:10px;}
input[type="text"]{font-size:16px}
select{font-size:16px;line-height:1em;font-weight: bold;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ공통 fieldset (vodReport)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
fieldset{width:100%;border-top:2px solid #000;border-bottom:2px solid #000;}
fieldset legend{display: none;}
fieldset >div{border-bottom:1px solid #efefef;line-height:59px;}
fieldset >div >label.cs-subtitle{width:232px;display:block;float: left;text-align:left;padding-left:33px;font-size:16px;letter-spacing:-1.6px;font-weight:bold;}
fieldset >div >div >input.float{float: left;width:761px;font-size: 16px;}
fieldset >div >div{margin-bottom:7px;overflow: hidden;margin-left: 173px;}
fieldset >div:nth-child(6) >div:last-child{margin-bottom:17px;}
fieldset >div:nth-child(6) >div:nth-child(4){margin-left:232px;}
fieldset >div:nth-child(6) >div >.button1{width:117px;height:40px;border:1px solid #c6c6c6;background-color:#424242;text-align:center;color:#fff;float:left;}
fieldset >div:nth-child(6) >div >.button2{width:39px;height:39px;border:1px solid #c6c6c6;float: left;}
fieldset >div:nth-child(6) >div >.button2 >img{margin-top:4px;}
fieldset >div >ul{margin-left:232px;margin-bottom:15px;clear:both;line-height:23px;font-size:14px;}
fieldset.qustion1vs1 div { display: flex; flex-wrap: wrap; min-height: 59px; padding: 10px 0; align-items: center; line-height: normal; }
fieldset.qustion1vs1 div .content_wrapper { width: calc(100% - 232px); padding: 0; }
fieldset.qustion1vs1 input { padding-left: 4px; }
fieldset.qustion1vs1 textarea { padding-left: 16px; }
fieldset.qustion1vs1 .filebox { padding: 0; min-height: 0; }
fieldset.qustion1vs1 .filebox:not(:first-child) { padding-top: 10px; }
fieldset.qustion1vs1 .filebox input { padding-left: 16px; }
fieldset.qustion1vs1 >div >div { margin-left: 0; line-height: normal;  }
.qustion1vs1_notice { margin-top: 10px; color: #333; font-size: 14px; line-height: 1.5em; }
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.inputemailadd{width:279px;margin-left:9px;}
.inputemail{width:180px;margin-right: 10px;}
.emailadd{width:200px;height:40px;margin-top: -1px;margin-left: 4px;font-weight: bold;}
.pink{padding-left:3px;}

.red{padding-left: 3px;}
fieldset >div:nth-child(5){height:334px;margin-top: 10px;}
fieldset >div:nth-child(6){margin-top: 10px;}

.caution{font-weight: bold;font-size:14px;letter-spacing: -1.4px;color:#333;line-height:39px;margin-bottom:20px;}
.caution img{display:block;float:left;margin-top:12px;margin-right:6px;}
.btn2area{width:615px;margin:0 auto;overflow: hidden;}
.btn2area >button{float: left;}
.cs-mtm >div{padding:129px 0;}
/*checkbox 이메일*/
label[for="personalagreement"]{position: relative;left:15px;}
label[for="personalagreement2"]{position: relative;left:15px;}
label[for="personalagreement3"]{position: relative;left:15px;}
label[for="personalagreement4"]{position: relative;left:15px;}
label[for="agreement"]{position: relative;left:15px;}
label[for="agreement2"]{position: relative;left:15px;}
input[class="cb-pink"] + label span{position: absolute;left:-24px;top:1px;}

.submit_btn button{width:266px;height:63px;background-color:#ed0f69;color:#fff;font-weight:bold;text-align: center;margin:0 auto;}
.lineheight{line-height: 0;margin-top: 20px;padding-bottom: 40px;}
.input-l{width:877px;font-size: 16px;letter-spacing: -1.6px;}
textarea.input-l{line-height: 32px;}
.email2{width:150px;}
.fixed-email{color:#777;display:none/*inline-block*/;margin-right:20px;}

/* attach file custom start */
.filebox {
	display:flex;
}

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0; }

.filebox label {
	width:117px;
	display: inline-block;
	padding: .5em .75em;
	color: white;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #424242;
	cursor: pointer; text-align: center;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em; /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	width:723px;
}

.filebox button {
	cursor: pointer;
	width:39px;
	height:39px;
	border:1px solid #c6c6c6;
}
/* attach file custom end */

/* policy-privacy */
fieldset > div.fieldset-terms {
	height: auto;
	padding: 20px 0;
	position: relative;
	margin: 0 32px;
}
fieldset > div.fieldset-terms h4 {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.fieldset-terms .terms_top {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin: 0;
	border-top: 1px solid #000
}
.fieldset-terms .terms_top strong{
	font-size: 18px;
	font-weight: bold;
	display: flex;
	position: absolute;
	left: 0;
}
.fieldset-terms .terms_top .checkboxarea:last-child {
	margin-right: 0;
}
.fieldset-terms >div .checkboxarea {
	margin-right: 42px;
}
.fieldset-terms >div .checkboxarea input {
	position: unset;
	padding-left: 0;
}
.fieldset-terms >div .checkboxarea label {
	left: 0;
}
.fieldset-terms >div .checkboxarea label span{
	position: unset;
}
.fieldset-terms .terms-desc{
	display: block;
	padding:25px 20px;
	border:1px solid #c6c6c6;
	background-color: #f2f2f2;
	width: 100%;
}
.fieldset-terms .terms-desc p {
	padding: 5px 0 15px 20px;
}
.fieldset-terms .terms-desc p strong {
	font-weight: bold;
	text-decoration: underline;
}

@media screen and (max-width: 1500px){

	.email1{width:180px;}
	.email2{width:130px;}
	input.input-l{width:683px;}
	/* textarea.input-l{width:683px;} */
	fieldset.qustion1vs1 input, fieldset.qustion1vs1 textarea {width: calc(100% - 232px);}
	fieldset >div >div >input.float{width:470px;}
	.filebox .upload-name{width:527px;}
	.inputemailadd {width:255px;}
	fieldset > div.fieldset-terms {margin: 0 0 0 32px;}
	.fieldset-terms .terms-desc {
		width: 100%;
	}
}

@media screen and (max-width: 1024px){
	fieldset > div.fieldset-terms {
		margin: 0;
		width: 100%;
	}
	.fieldset-terms .terms_top {
		min-height: unset;
		padding: 15px 0 5px;
	}
}

@media screen and (max-width: 640px){
	fieldset > div.fieldset-terms h4 {
		font-size: 18px;
		margin-bottom: 0;
	}
	.fieldset-terms .terms_top {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.fieldset-terms .terms_top strong {
		position: unset;
		width: 100%;
		margin-bottom: 5px;
		font-size: 16px;
	}
	.fieldset-terms .terms-desc {
		padding: 15px 15px 5px;
	}
	.fieldset-terms .terms-desc p {
		padding: 5px 0 10px 20px;
	}
}