@charset "UTF-8";

.userTabWrap { display:flex; flex-flow:row wrap; align-items:stretch; column-gap:10px; row-gap:20px; }
.userTabWrap.type2 > li { flex:1 0 auto; }
.userTabWrap > li a { display:block; border:1px solid #dadbdf; padding:15px; font-family:'Pre Bold'; color:#272727; text-align:center; }
.userTabWrap > li.active a { color:#fff; background-color:#7c0019; }

.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 { 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; }

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

/***** Paging *****/
._fnctWrap ._paging{text-align: center;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 36px;height: 36px;line-height: 32px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 10px;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 3px;}
._fnctWrap ._paging ._inner ul li a{display:inline-block;font-size:16px;width: 35px;height: 35px;line-height: 35px;text-align: center;margin: 0 1px;color:#555;font-family: 'Noto Light';border-width: 0;}
._fnctWrap ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/arrow_first.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/arrow_prev.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/arrow_next.png) center no-repeat;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/arrow_last.png) center no-repeat;}
._fnctWrap ._paging ._inner li strong{background-color: #99a2b2 !important;border-color: #99a2b2 !important;color: #fff;border-radius: 50%;border-radius:50%;}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (min-width:1201px){
    ._fnctWrap ._paging{padding-bottom:50px;}
}

@media screen and (max-width:767px){
    ._fnctWrap .paging a{width:28px !important;height: 28px !important;font-size:13px;line-height: 25px;}
}


.boardWrap { margin:70px 0; }
.boardWrap .rowWrap { border-top:2px solid #404040; }
.boardWrap .rowWrap > .item { padding:20px 0; border-bottom:1px solid #ddd; }
.boardWrap .rowWrap .info { display:flex; justify-content:space-between; }
.boardWrap .rowWrap .info > dt { font-size:20px; }
.boardWrap .rowWrap .info > dd { text-align:right; position:relative; }
.boardWrap .rowWrap .content { margin-top:10px; }
.boardWrap .rowWrap .info > dd .source { font-size:14px; }
.boardWrap .rowWrap .info > dd .source:not(:last-child)::after { content:"/"; display:inline-block; padding:0 5px; }


/***** View *****/
.view {border-bottom:1px solid #000; margin-top:70px; }
.view .title{border-top:2px solid #353e4d;border-bottom:1px solid #dfdfdf;padding:40px 45px 20px;background: #f8f8f8;position: relative;}
.view .title strong{color:#212121;font-family: 'Noto Medium';line-height:32px;font-size: 26px;font-weight: normal;display: block;word-break:keep-all;margin-bottom:25px;}
.view .title .detail li{display: inline-block;vertical-align: top;font-size:16px;color:#888;vertical-align: middle; display: inline-block;font-family: 'Noto Regular';padding:0 20px;position: relative;}
.view .title .detail li.cate-info i{color:#8b0029;font-family: 'Noto Medium';}
.view .title .detail li span{font-size:16px;color:#555;display: inline-block;margin-right:10px;font-family: 'Noto Regular';}
.view .title .detail li.answer-ing span{display: inline-block;padding: 5px 20px;background-color: #828282;color: #fff;font-size: 17px;border-radius: 30px;}
.view .title .detail li.answer-ing span.complete{background-color: #8b0029;}
.view .title .detail li.answer-ing span.progress{background-color: #cfa972;}
.view .title .detail li.answer-ing span.end{background-color: #828282;}
.view .title .detail li:nth-child(1){padding-left:0;}
.view .title .detail li + li:before{content:'';width:1px;height: 15px;background:#dfdfdf;position: absolute;margin-top: -7.5px; top:50%;left:0;}
.view .cont { padding:0 50px; padding-bottom:50px; }
@media screen and (max-width:1200px){
    .view .title .detail{padding-right:100px;}
    .view .title .detail li{margin-bottom: 3px;}
}
@media screen and (max-width:767px){
    .view .title{padding:25px 15px 20px;}
    .view .title strong{font-family: 'Noto Regular';font-size:18px;margin-bottom: 15px;line-height: 1.4;}
    .view .title .detail{font-size:0;padding-right: 60px;}
    .view .title .detail li{font-size:13px;color:#888;padding:0 8px;}
    .view .title .detail li + li:before{height: 8px;top: 10px;}
    .view .title .detail li span{display: none;}
}


.board-view .contWrap { border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:20px 50px; }

.board-view .dlWrap { display:flex; }
.board-view .dlWrap dt { font-family:'Pre Bold'; flex-basis:150px; }
.board-view .dlWrap dd {}