@charset "UTF-8";

/* 작성폼 */
.writeForm { border-top:2px solid #353e4d; border-bottom:1px solid #353e4d; box-sizing:border-box; }
.writeForm .artclForm { display:flex; justify-content:flex-start; align-items:stretch; position:relative; }
.writeForm .artclForm:not(:last-child) { border-bottom:1px solid #dcdcdc; }

.writeForm .artclForm .artclLabel { flex: 0 0 270px; background:#f8f8f8; text-align:center; color:#333; font-family:'Pre Regular'; display:flex; justify-content:flex-start; align-items:center; padding-left:20px; cursor:unset; }
.writeForm .artclForm .artclLabel mark { background:url("../images/must.png") no-repeat center center; text-align:left; text-indent:-99999px; width:7px; height:7px; display:inline-block; margin-right:5px;  }

.writeForm .artclForm .artclInsert { flex:1 0 calc(100% - 270px); padding:7px 3% 7px 20px; min-height:69px; display:flex; flex-wrap:wrap; align-items:center; }
.writeForm .artclForm .artclInsert input[type="text"],
.writeForm .artclForm .artclInsert input[type="password"],
.writeForm .artclForm .artclInsert textarea { font-family:'Pre Light'; color:#666; font-size:17px; border:1px solid #c3c3c3; }
.writeForm .artclForm .artclInsert input[type="text"],
.writeForm .artclForm .artclInsert input[type="password"] { height:55px; padding-left:15px; }
.writeForm .artclForm .artclInsert textarea { min-height:100px; padding:15px 15px; }
.writeForm .artclForm .artclInsert .hAlign > li:not(:last-child) { margin-bottom:7px; }
.writeForm .artclForm .artclInsert .notiTxt { display:inline-block; padding-left:10px; }

.writeForm .artclForm .artclInsert ._selectBox{position: relative;min-width: 150px;height: 55px;line-height: 55px;padding-left: 15px;font-family: 'Noto Light';padding-right:50px;background:#fff url('../images/sel_arrow.png') no-repeat 90%;font-size:16px;color:#666;border: 1px solid #c3c3c3;display: inline-block;vertical-align: middle;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.writeForm .artclForm .artclInsert ._selectBox:before{content:'';width:1px;height: 35px;background: #ccc;position: absolute;right:20px;top:5px;}

input[type="text"].w10, input[type="password"].w10, textarea.w10, select.w10 { width:10%; }
input[type="text"].w15, input[type="password"].w15, textarea.w15, select.w15 { width:15%; }
input[type="text"].w20, input[type="password"].w20, textarea.w20, select.w20 { width:20%; }
input[type="text"].w30, input[type="password"].w30, textarea.w30, select.w30 { width:30%; }
input[type="text"].w40, input[type="password"].w40, textarea.w40, select.w40 { width:40%; }
input[type="text"].w50, input[type="password"].w50, textarea.w50, select.w50 { width:50%; }
input[type="text"].w60, input[type="password"].w60, textarea.w60, select.w60 { width:60%; }
input[type="text"].w70, input[type="password"].w70, textarea.w70, select.w70 { width:70%; }
input[type="text"].w80, input[type="password"].w80, textarea.w80, select.w80 { width:80%; }
input[type="text"].w90, input[type="password"].w90, textarea.w90, select.w90 { width:90%; }
input[type="text"].w95, input[type="password"].w95, textarea.w95, select.w95 { width:95%; }
input[type="text"].w100, input[type="password"].w100, textarea.w100, select.w100 { width:100%; }

.file-btn { color:#fff; font-size:18px; font-family:'Pre Light'; border:0; padding:7px 15px 7px 40px; border-radius:3px; min-height:50px; cursor:pointer; }
.file-btn.add {background:#6d6b76 url('../images/attch_btn01.png') no-repeat 12px center;}
.file-btn.del {background:#6d6b76 url('../images/attch_btn02.png') no-repeat 12px center;}

.btns { padding:40px 0; text-align:center; }
.btns input { margin:0 3px; cursor:pointer; color:#fff; padding:12px 42px; border-radius:5px; border:0; font-family:'Pre Regular'; font-size:18px; }
.btn-c01{background: #717074;}
.btn-c02{background: #000;}
.btn-c03{background: #8b0029;}
.btn-c04{background: #ae9b60;}


.writeForm .artclForm .artclInsert .dlWrap { display:flex; flex-direction:column; width:100%; }
.writeForm .artclForm .artclInsert .dlWrap dl { display:flex; flex-flow:row wrap;  border-bottom:1px solid #dadbdf; padding:10px 0; }
.writeForm .artclForm .artclInsert .dlWrap dt { flex-basis: 300px; }
.writeForm .artclForm .artclInsert .dlWrap dd { flex-basis:calc(100% - 300px); }

@media all and (max-width:1280px) {
	.writeForm .artclForm .artclLabel { flex-basis:180px; }
	.writeForm .artclForm .artclInsert .notiTxt { padding-left:0; padding-top:10px; width:100%; }
	input[type="text"], input[type="password"], textarea, select { width:100% !important; }	
	.file-btn { width:100%; }

	.writeForm .artclForm .artclInsert .dlWrap dt { flex-basis: 100%; }
	.writeForm .artclForm .artclInsert .dlWrap dd { flex-basis: 100%; line-height:3.5; }

}

@media all and (max-width:768px) {
	.writeForm .artclForm { flex-wrap:wrap; }
	.writeForm .artclForm .artclLabel { flex-basis:100%; min-height:50px; }
	.writeForm .artclForm .artclInsert { flex-basis:100%; padding:7px 0; }
}