.sub-con > .wrap { padding: 100px 0; } 
.board{ max-width: 1200px; padding: 80px 0 80px;}
.non { font-size: 20px; padding: 80px 0 100px; } 

a, a:link { color:#332; text-decoration:none; } 
a:visited { color:#332; text-decoration:none; } 
a:hover { color:#332; text-decoration:none; } 
a:focus { color:#333; text-decoration:none; } 
a:active { color:#333; text-decoration:none; } 

.flex { display: flex; } 
.board .input_ { width: 100%; height: 35px; border: 1px solid #ddd; box-sizing: border-box;} 
input { width: auto; height: auto; -webkit-appearance: auto;} 
input:focus , input:active , select:focus, select:active{ outline: 1px solid #333;}

}

/* write */
.top-box{ padding-bottom: 80px;}
.top-box p{ font-size: 18px; text-align: center; padding-top: 30px;}

.board-write *{letter-spacing:-0.04em}
.board-write .agree-box { } 
.board-write .agree-box .top { text-align: left;}
.board-write .agree-box .top .flex{ display: flex; justify-content: space-between; align-items: end;} 
.board-write .agree-box .tit { font-size: 18px; font-weight: bold; } 
.board-write .agree-box .txt { font-size: 16px; color: #666; line-height: 1.6; padding-top: 10px; } 
.board-write .agree-box label {} 
.board-write .agree-box label input { display: none; } 
.board-write .agree-box label span { display: block; font-size: 16px;  padding: 10px 10px 10px 40px; background: url(image/ico_agree_chk.png) no-repeat left center; cursor: pointer; } 

.board-write .agree-box label.on span { background: url(image/ico_agree_Redchk_on.png) no-repeat left center; } 

.board-write .agree-box ul { border: 1px solid #ddd; border-top: 2px solid #000; margin-top: 20px; } 
.board-write .agree-box ul li { display: flex; border-bottom: 1px solid #ddd; } 
.board-write .agree-box ul li:last-child{ border-bottom: 0;}
.board-write .agree-box ul li .subject { width: 15%; background-color: #f6f6f6; border-right: 1px solid #ddd; padding: 25px 0; position: relative; } 
.board-write .agree-box ul li .subject span { width: 100%; font-size: 18px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
/* .board-write .agree-box ul li:last-child .subject { padding: 30px 0; } */
.board-write .agree-box ul li .content { font-size: 18px; text-align: left; padding: 20px 0 20px 20px; } 
.board-write .agree-box ul li .content p { font-size: inherit; } 
.board-write .agree-box ul li .content p:first-child { padding-bottom: 20px; } 
.board-write .agree-box ul li .content p+p { padding-top: 5px; } 
.board-write .agree-box ul li .content strong { color: #ee2e24; font-weight: 500; } 


/* 내용 등록 */
.form-box {} 
.form-box .input_ { height: 55px; font-size:20px; box-sizing: border-box; line-height:55px;;}  

.form-box .top { display: flex; justify-content: space-between; } 
.form-box .top .tit { font-size: 18px; font-weight: bold; } 
.form-box .top .txt { font-size: 18px; color: #666; } 
.form-box .color { color: #ee2e24; vertical-align: middle; } 

.form-box .form {border-top: 2px solid #d60011; border-bottom: 1px solid #ddd; padding:0; margin-top: 20px; display:flex; flex-wrap:wrap; justify-content:space-between;} 
.form-box .form li { display: flex; border-bottom: 1px solid #ddd; width:100%; align-items:center;} 

.form-box .form li.half{width:50%; box-sizing:border-box; }
.form-box .form li.half:nth-of-type(2n){padding-right:0;}
.form-box .form li:last-child{ border-bottom: 0;}
.form-box .form li .subject { width: 215px; padding:15px; position: relative; min-width:120px; background:#f2f2f2; display:flex; height:100%; box-sizing:border-box;} 
.form-box .form li.half .subject{}
.form-box .form li .subject p { width: 100%; font-size: 17px; text-align: left; position:absolute; left:15px; top:50%; transform:translateY(-50%)} 
.form-box .form li select{ border: 1px solid #ddd; height: 40px; font-size: 20px; padding-left: 12px;}
.form-box .form li .content {flex:1; padding: 15px 20px; box-sizing: border-box; text-align: left; } 
.form-box .form li.half .content{ }
.form-box .form li .content input[type="text"]{font-size:16px; box-sizing:border-box; padding-left:12px; width:500px; height:40px; line-height:40px;}
.form-box .form li .content input:placeholder{font-size:16px; color:#999999; line-height:55px;}
.form-box .form li.vendor{}

.form-box .form li .content .input3{display:flex; align-items:Center; gap:10px;}
.form-box .form li .content .input3 input, .form-box .form li .content .input3 select{width:237px;}
.form-box .form li .content .input3 select{font-size:16px; color:#999999; line-height:55px;}

.form-box .form li .subject.spamSubject{flex-direction:column;}
.form-box .form li .subject.spamSubject p{position:static; left:auto; top:auto; transform:none;}
.form-box .form li .subject.spamSubject img{margin-top:6px !important;}




.form-box .form li .content .radioWrap{display:flex; align-items:center; gap:20px;}
.form-box .form li .content .radioWrap label{color:#555; display:flex; align-items:center; font-size:17px; gap:8px; cursor:pointer;}
.form-box .form li .content .radioWrap label span{flex:1;}
.form-box .form li .content .radioWrap input{}

/*체크박스, 라디오버튼 변경*/
.form-box .form li .content .radioWrap input[type="radio"]:focus{outline:none;}
.form-box .form li .content .radioWrap input[type="radio"]:active{outline:none;}
.form-box .form li .content .radioWrap input[type="radio"]{appearance: none ; -webkit-appearance: none; cursor:pointer;}
.form-box .form li .content .radioWrap input[type="radio"]{width:16px; height:16px; border:1px solid #333; border-radius:50%; box-sizing:border-box; position:relative;}
.form-box .form li .content .radioWrap input[type="radio"]:checked{border:3px solid #d60011; background:#d60011}
.form-box .form li .content .radioWrap input[type="radio"]:checked:after{width:13px; height:13px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:2px solid #fff; box-sizing:border-box; content:""; z-index:1; border-radius:50%; pointer-events:none;}
.form-box .form li .content .radioWrap input[type="text"]{width:300px; margin-left:5px; padding-left:10px;}
.form-box .form li .content .radioWrap input[type="text"]::placeholder{font-size:16px;}

.form-box .form li.root .content .radioWrap{gap:15px; flex-wrap:wrap;}
.form-box .form li.root .content .radioWrap label{gap:4px;}


/* 분류 */
.form-box .form li.selec select{ width: 100%;}

/* 이름 */


/* 연락처 */
.form-box .form li.tel .content {}
.form-box .form li.tel .content .hipen { padding: 0 10px; vertical-align: text-top; } 


/* 이메일 */
.form-box .form li.email .content .at { font-size: 18px; padding: 0; } 
.form-box .form li.email .content {} 
.form-box .form li.email .content .input3{gap:7px;} 
.form-box .form li.email .content select {} 
.form-box .form li.email .content p { display: inline-block; font-size: 14px; color: #ee2e24; padding-left: 10px; } 

/* 파일첨부 */
.form-box .form li.file{align-items:flex-start;}
.form-box .form li.file .content .file-wrap { position: relative; } 
.form-box .form li.file .content .file-wrap+.file-wrap { margin-top: 5px; } 
.form-box .form li.file .content .file-wrap span { display: block; width:500px; height: 40px; border: 1px solid #ddd; box-sizing: border-box; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-indent:115px; line-height:40px; color:#999;} 
.form-box .form li.file .content .file-wrap label { width: 95px; height: 25px; line-height:25px; background-color: #dddddd; font-size: 16px; color: #222; text-align: center; position: absolute; top:50%; transform:translateY(-50%); left:12px; cursor: pointer; box-sizing:border-box; border:1px solid #aaa; border-radius:7px;} 
.form-box .form li.file .content p:nth-of-type(1) { padding-top: 10px; } 
.form-box .form li.file .content p span { font-size: 14px; color: #bbb; line-height: 1.5; } 
.form-box .form li.file .content p span::before { content: "※"; display: inline-block; margin-right: 5px; } 

/* .writeTable td.con input[type="file"]{position:relative; padding-left:50px; line-height:55px; height:55px; display:flex; align-items:center; width:100%; border:1px solid #ddd; box-sizing:border-box;}
.writeTable td.con input[type="file"]::placeholder{line-height:55px; height:55px; font-size:16px;}
.writeTable td.con input[type="file" i]{line-height:55px; height:55px; font-size:16px;} */
.form-box .form li.file .content input::file-selector-button {
	font-size:0;
	position:absolute;
	top:50%;
	left:23px;
	transform:translateY(-50%);
	width:22px;
	height:80px;
	border:none;
	background:url(./image/fileIco.png) center center no-repeat;
	background-size:22px;
}

/* 제목 */

/* 내용 */
.form-box .form li.text{align-items:flex-start;}
.form-box .form li.text .content textarea { border: 1px solid #ddd; box-sizing:border-box; padding:5px 12px;font-family: 'Noto Sans KR', sans-serif; resize:none; width:100%; font-size:16px; color:#999999; height:140px;}
.form-box .form li.text .content textarea::palceholder{font-size:16px; color:#999999;}

/* input 길이 조절 */


.board-write .btn-wrap{ display: flex; justify-content: center; gap:9px;}
.board-write .btn-wrap li a{ display: block; line-height: 50px; font-size: 18px; text-align: center;}

.board-write .btn-wrap li a{width:160px; height:48px; line-height:48px; display:inline-block; color:#fff; text-align:Center; font-size:16px; font-weight:500; border-radius:50px; background:#222222; border:1px solid #333; box-sizing:border-box;}
.board-write .btn-wrap li:first-child a{background:#fff; color:#333; }
.board-write .btn-wrap li:hover a{background:var(--red1); color:#fff; border:1px solid var(--red1);}


.agreeWrap{width:540px; margin:46px auto 52px; position:relative;}
.agreeWrap p{display:flex; text-align:center; font-size:18px; align-items:Center; padding-bottom:10px;}
.agreeWrap input{margin-right:10px;}
#agree-btn{color:#d60011; cursor:pointer;}
.agree-box{
		position: absolute;
		width: 100%;
		padding: 10px;
		font-size: 16px;
		border: 1px solid #515559;
		background: #fff;
		z-index: 1;
		display: none;
		text-align: left;
		bottom: ;
		left:50%;
		transform:translateX(-50%);
		transition:none;
	}
.agree-box .agree_tit{ font-weight: 600; font-size: 16px; color: #d71313; }

.spamContent{}
.spamContent > span{display:block;font-size:16px; margin-left:0px; color:#555; font-size:17px;}
.spamContent > span a{text-decoration:underline; text-underline-offset:6px;}
.spamContent > input{display:block; margin-top:8px;}

.form-box .form li .spamSubject p{position:inherit;}
.form-box .form li .spamSubject img{margin-top:20px; width:auto; height:40px; margin-left:0; margin-right:auto; display:block; max-width:auto;}


/*2024-07-25 수정*/
.formHD{width:100%; margin:0 auto 30px;}
.formHD h1{font-size:55px; font-weight:200; color:#333; text-align:left; line-height:65px;}
.formHD h1 strong{font-weight:800; color:#d60011;}
.formHD > div{display:flex; justify-content:space-between; width:100%; margin:62px 0 0; align-items:flex-end;}
.formHD > div > div > p{color:#555555; font-size:17px; line-height:155%; text-align:left;}
.formHD > div ul{display:flex; align-items:center; justify-content:flex-end; height:105px;}
.formHD > div li{width:155px; height:auto; display:flex; flex-direction:column; align-items:center; justify-content:space-between; border-right:1px solid #ddd;}
.formHD > div li span{font-size:14px; font-weight:600; color:#d60011; line-height:1; display:block; text-align:center;}
.formHD > div li p{line-height:1; margin:10px auto; text-align:Center; color:#555555; font-size:16px; font-weight:600;}
.formHD > div li img{display:block;  margin:0 auto;}
.formHD > div li:first-child{border-left:1px solid #ddd; height:100%;}
.formHD > div li + li{}
@media screen and (max-width: 850px) {

	/*2024-07-25 수정*/
	.formHD{width:100%; margin:70px auto 40px;}
	.formHD h1{font-size:55px; font-weight:200; color:#333; text-align:left; line-height:65px;}
	.formHD h1 strong{font-weight:bold; color:#d60011;}
	.formHD > div{display:flex; justify-content:space-between; width:100%; margin:40px 0 0; align-items:flex-start; flex-direction:column; gap:40px;}
	.formHD > div > div{width:100%;}
	.formHD > div > div > p{color:#555555; font-size:17px; line-height:155%; text-align:left;}
	.formHD > div ul{display:flex; align-items:center; justify-content:flex-end; width:100%;}
	.formHD > div li{width:100%; height:auto; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; border-right:1px solid #ddd;}
	.formHD > div li span{font-size:14px; font-weight:600; color:#d60011; line-height:1; display:block; text-align:center;}
	.formHD > div li p{line-height:1; margin:10px auto; text-align:Center; color:#555555; font-size:17px; font-weight:600;}
	.formHD > div li img{display:block;  margin:0 auto;}
	.formHD > div li:first-child img{margin-top:auto; margin-bottom:0;}



    .form-box{margin-top:100px !important;}
    .board { max-width: 670px; padding: 0 40px; } 
    .board .input_ { height: 50px; font-size: 24px; } 
    .s-txt { font-size: 30px; line-height: 1.3; padding: 30px 0; } 
    br.mo { display: block; } 
    br.pc { display: none; } 

	.form-box .form li{border-bottom:none;}
	.form-box .form li.half{width:100%; box-sizing:border-box; padding-right:0;}
	.form-box .form li.half:nth-of-type(2n){padding-right:0; padding-left:0;}
	.form-box .form li:last-child{ border-bottom: 0;}
	.form-box .form li .subject { width: 37%; padding:4.5vw 0; position: relative; border-bottom:1px solid #ddd;} 
	.form-box .form li .subject p { width: 100%; font-size: 20px !important; flex-wrap:wrap;} 
	.form-box .form li .subject p br{}
	.form-box .form li select{ border: 1px solid #ddd; box-sizing:border-box; height:40px; line-height: 40px; font-size: 24px; padding-left: 12px;}
	.form-box .form li.half .content{}
	.form-box .form li .content input{font-size:24px; box-sizing:border-box; padding-left:20px; }
	.form-box .form li .content input[type="text"]{width:100%;}
	.form-box .form li .content input:placeholder{font-size:24px; color:#999999;55px;}
	.form-box .form li.vendor .content{display:flex; height:100%; align-items:center;}

	.agreeWrap{width:auto; margin:40px auto 0; position:relative; text-align:center; }
	.agreeWrap p{display:flex; text-align:center; font-size:16px; align-items:Center; padding-bottom:10px;justify-content:center;}
	.agreeWrap input{margin-right:10px; width:15px; height:15px; vertical-align:middle;}
	#agree-btn{color:#5780e9;}
	.agree-box{
			position: absolute;
			width: 500px;
			padding: 10px;
			font-size: 14px;
			border: 1px solid #515559;
			background: #fff;
			z-index: 1;
			display: none;
			text-align: left;
			bottom: ;
			left:50%;
			transform:translateX(-50%);
			transition:none;
		}
	.agree-box .agree_tit{ font-weight: 600; font-size: 18px; color: #d71313; }


    /* write */
	.top-box{ padding-bottom: 100px;}
	.top-box p{ font-size: 28px; line-height: 1.5;}

    .board-write .agree-box { } 
    .board-write .agree-box .top .flex { display: block;}
    .board-write .agree-box .tit { font-size: 32px;} 
    .board-write .agree-box .txt { font-size: 28px; padding: 20px 0; text-align: justify; word-break: keep-all;} 

    .board-write .agree-box label{ display: block; text-align: right;}
    .board-write .agree-box label span { display: inline-block; font-size: 28px; padding-left: 50px; background: url(image/m_ico_agree_chk.png) no-repeat left center;} 
    .board-write .agree-box label.on span{ background: url(image/m_ico_agree_Redchk_on.png) no-repeat left center; } 

    .board-write .agree-box ul { margin-top: 40px; } 
    .board-write .agree-box ul li .subject { width: 25%; } 
    .board-write .agree-box ul li .subject span { font-size: 28px; } 
    
    .board-write .agree-box ul li .content { font-size: 28px; font-weight: 300; padding: 20px; } 
    .board-write .agree-box ul li .content p { word-break: keep-all; text-align: justify; line-height: 1.4; letter-spacing: -3px; } 
    .board-write .agree-box ul li .content strong { font-weight: 300; } 

    .board-write .agree-box ul li:last-child .subject span { line-height: 1.5; } 
    .board-write .agree-box ul li:last-child .content { width: 68%; } 


    /* 내용 등록 */
    .form-box { margin-top:40px !important;; } 
    .form-box .input_ { height: 55px; font-size: 24px; box-sizing: border-box; } 

    .form-box .top .tit { font-size: 32px; } 
    .form-box .top .txt { font-size: 24px; } 

    .form-box .form { margin-top: 40px; } 
    .form-box .form li .subject p { font-size: 30px; } 
    .form-box .form li .content { width:63%; padding: 8.5px 20px; border-bottom:1px solid #ddd; display:flex; height:100%; padding-right:0; justify-content:flex-start;} 
    .form-box .form li select{ }
 
    /* 연락처 */
	.form-box .form li.tel .content {}
    .form-box .form li.tel .content .hipen { font-size: 24px; vertical-align: baseline; } 

    /* 이메일 */
    .form-box .form li.email .content{}
    .form-box .form li.email .content .at { font-size: 24px; padding: 0 5px; } 
    .form-box .form li.email .content select {} 
    .form-box .form li.email .content p { font-size: 24px; padding-left: 0; padding-top: 10px; } 

    /* 파일첨부 */
	.form-box .form li.file{align-items:center; justify-content:center;}
	.form-box .form li.file .content .file-wrap{width:100%; height:100%; display:flex; align-items:center;}
    .form-box .form li.file .content .file-wrap+.file-wrap { margin-top: 10px; } 
    .form-box .form li.file .content .file-wrap span { width:100%; height: 40px; font-size: 16px; padding:0; padding-left:8vw } 
    .form-box .form li.file .content .file-wrap label { width: 30%; height: 30px; line-height: 30px; font-size: 16px; } 
    .form-box .form li.file .content p span { display: block; font-size: 24px; padding-left: 25px; position: relative; } 
    .form-box .form li.file .content p span::before { content: "※"; margin-right: 5px; position: absolute; left: 0; top: 0; } 

    /* input 길이 조절 */
    .form-box .form li.name .content input { width: 100%; } 
    .form-box .form li.tel .content input { width: 100%; } 
    .form-box .form li.email .content input { width: 100%; } 
	.form-box .form li.email .content select { width: 100%; line-height:40px; padding-left:12px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden} 
    .form-box .form li.subject .content input { width: 100%; } 
    .form-box .form li.text .content textarea { width: 100%; font-size:16px; } 

    .board-write .btn-wrap {margin: 40px 0 100px; } 
/*    .board-write .btn-wrap li { width: 160px; height: 80px;} */
/*    .board-write .btn-wrap li a { line-height: 80px; font-size: 28px; } */


	/* 셀렉트 박스 화살표 변경*/




	.spamContent{display:flex; flex-direction:column;}
	.spamContent > span{display:block;font-size:15px; margin-left:0; margin-top:0px;}
	.spamContent > span a{margin-left:5px;}
	.spamContent > input{display:block; margin-top:10px; width:100% !important; margin-left:0;}


	.form-box .form li .spamSubject p{position:inherit; padding-left:12px;}
	.form-box .form li .spamSubject img{margin-top:8px; width:50%; height:auto; margin-left:12px; margin-right:auto; display:block;}








	.form-box .form li .content .radioWrap{flex-direction:column; align-items:flex-start; width:100%;}

/*체크박스, 라디오버튼 변경*/
.form-box .form li .content .radioWrap input[type="radio"]{padding:0; width:16px; height:16px; border:1px solid #333; border-radius:50%; box-sizing:border-box; position:relative;}
.form-box .form li .content .radioWrap input[type="radio"]:checked{border:3px solid #d60011; background:#d60011}
.form-box .form li .content .radioWrap input[type="radio"]:checked:after{width:13px; height:13px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:2px solid #fff; box-sizing:border-box; content:""; z-index:1; border-radius:50%; pointer-events:none;}
.form-box .form li .content .radioWrap input[type="text"]{width:337px; margin-left:10px;}
.form-box .form li .content .radioWrap input[type="text"]::placeholder{font-size:16px;}

.form-box .form li .content .radioWrap label{width:100%;}
.form-box .form li.root .content .radioWrap label:last-child{flex-wrap:wrap;}
.form-box .form li.root .content .radioWrap label:last-child input[type="text"]{width:100%;}


	}/*미디어쿼리*/