@charset "utf-8";

.wrap_flow { display:flex; justify-content:space-between; margin:10px 0 80px 0; }
.wrap_flow > li { flex:33.33333% 1 0; font-size:18px; background:#fff; color:#272727; border:1px solid #DDD; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px 30px; }
.wrap_flow > li:not(:first-child) { margin-left:-1px; }
.wrap_flow > li span { font-size:20px; font-family:'Pre Bold'; display:block; padding-bottom:5px; }
.wrap_flow > li.active { background:#7c0019; color:#fff; }
.wrap_flow > li.active span { color:#fff; }

/*
.wrap_flow > li::before{content:"";display:block;width:70px;height:70px;border:1px solid #DDD;background:#EEE url(/sites/campustour/images/main/news_next.png) no-repeat center;position:absolute;right:-10px;top:-10px;z-index:1;border-radius:10px;}
.wrap_flow > li:last-child::before{display:none;}
.wrap_flow > li.active::before{background-color:#FFF;}
*/

@media all and (max-width:1280px){
	.wrap_flow > li span{font-size:18px;}
	/*	.wrap_flow > li::before{width:60px;height:60px;right:-5px;top:-5px;}	*/
}
@media all and (max-width:768px){
	.wrap_flow > li span{font-size:16px;}
	/*	.wrap_flow > li::before{width:30px;height:30px;right:-15px;top:calc(50% - 15px);border:0;background-size:11px;border-radius:100%;background-color:#DDD;} */
}


/* 작성폼 */
.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:left; 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; }
.artclInsert select{min-width:150px;height:55px;line-height: 55px;padding-left:15px;border:1px solid #c3c3c3;font-family: 'Noto Light';color:#666;font-size:17px;padding-right:50px;background:#fff url('../images/sel_arrow.png') no-repeat calc(100% - 15px);-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}


.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 { width:10%; }
input[type="text"].w20, input[type="password"].w20, textarea.w20 { width:20%; }
input[type="text"].w30, input[type="password"].w30, textarea.w30 { width:30%; }
input[type="text"].w40, input[type="password"].w40, textarea.w40 { width:40%; }
input[type="text"].w50, input[type="password"].w50, textarea.w50 { width:50%; }
input[type="text"].w60, input[type="password"].w60, textarea.w60 { width:60%; }
input[type="text"].w70, input[type="password"].w70, textarea.w70 { width:70%; }
input[type="text"].w80, input[type="password"].w80, textarea.w810 { width:80%; }
input[type="text"].w90, input[type="password"].w90, textarea.w90 { width:90%; }
input[type="text"].w95, input[type="password"].w95, textarea.w95 { width:95%; }
input[type="text"].w100, input[type="password"].w100, textarea.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;}

@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 { width:100% !important; }	
	.file-btn { width:100%; }
}

@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; }
}

.writeForm .hiddenBox { background:#f8f8f8; margin-top:10px; padding:20px; border-radius:10px; width:100%; }
.writeForm .hiddenBox dl { display:flex; margin-bottom:10px; }
.writeForm .hiddenBox dl dt { font-family:'Pre Bold'; flex-basis:180px; display:flex; align-items:center; }
.writeForm .hiddenBox dl dd { font-family:'Pre Bold'; display:flex; align-items:center; }
.writeForm .hiddenBox .dlList { display:flex; column-gap:10px; diplay:flex; align-items:center; flex-wrap:wrap; }
.writeForm .hiddenBox .radioList { display:flex; flex-direction:column; }
.writeForm .radioList li { margin-bottom:10px; }