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


/* 작성폼 */
.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"]:not(.hasDatepicker),
.writeForm .artclForm .artclInsert input[type="password"] { height:55px; padding-left:15px; }
.writeForm .artclForm .artclInsert .hasDatepicker{width: 170px; height:55px; padding-left: 40px;display: inline-block;background-image: url(../images/calendar.png), url(../images/sel_arrow.png);background-repeat: no-repeat;background-position: 15px center, 92% center;}
.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 { 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; }
}


/* 리스트 */
.boardWrap table { border-top:2px solid #353e4d; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; text-align:center; font-size:14px; }
.boardWrap table .col-num { width:8%; }
.boardWrap table .col-title { width:auto; }
.boardWrap table .col-stat { width:10%; }
.boardWrap table .col-writer { width:10%; }
.boardWrap table .col-date { width:10%; }

.boardWrap table tr:hover{background-color: #f8f8f8;} 
.boardWrap table th {background-color: #f8f8f8;color:#333;font-weight: normal;border-bottom: 1px solid #ddd;padding: 20px 5px;font-size: 18px;font-family: 'Noto Regular';}
.boardWrap table td {border-bottom: 1px solid #dcdcdc;padding: 17px 10px;white-space: nowrap;text-overflow: ellipsis;font-family: 'Noto Light';font-size: 17px;position:relative;}
.boardWrap table td.alignL{text-align:left;}
.boardWrap table td a{font-family:'Noto Regular';display: block;color:#333;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 55px);line-height: 28px;}
.boardWrap table td a:hover{color:#8b0029;}
.boardWrap th,
.boardWrap td{border-right:#dddee0;border-left:#dddee0;}

@media screen and (max-width:1200px){
    .boardWrap table th{font-size:16px;}
}
@media screen and (max-width:1024px){
    .boardWrap table .col-num,
    .boardWrap table .th-num,
    .boardWrap table .td-num{display:none;}
}
@media screen and (max-width:767px){
    .boardWrap table{display: block;}
    .boardWrap table thead{display: none;}
    .boardWrap table tbody{display: block;text-align: left;}
    .boardWrap table .td-title{display:block;width:100%;box-sizing: border-box;padding-top: 0;padding-bottom: 7px;line-height: 1.4;}
    .boardWrap table tr{display: block;border-bottom:1px solid #dddee0;overflow: hidden;padding-bottom: 17px;padding-top: 17px;}
    .boardWrap table td{border-bottom:0;float:left;padding: 0 7px 0;position: relative;}
    .boardWrap table td + td + td + td:before{content:'';width:1px;height: 10px;background: #dfdfdf;position: absolute;left:0;top: 9px;}
    .boardWrap table .td-title,
    .boardWrap table .td-writer,
    .boardWrap table .td-stat,
    .boardWrap table .td-date {display: inline-block;vertical-align: top;font-size: 13px;color:#888;font-family: 'Noto Light';}
}


/***** 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 {}