@charset "utf-8";
/*분류:사용안함권장*/
.board-cate{display:none}
ul.cate-now{text-align:center;font-size:0;vertical-align:top;margin-bottom:30px}
ul.cate-now a{display:block;font-size:15px;font-family:'Noto Regular';padding:7px 25px;background:#DDD;text-align:center;border-right:1px solid #FFF}
ul.cate-now li.all-list a,
ul.cate-now a.cate_2{color:#FFF}
ul.cate-now li.all-list a{background:#707070}
ul.cate-now a.cate_2{background:#959595}
ul.cate-now li{display:inline-block}
ul.cate-now li:first-child a{border-top-left-radius:30px;border-bottom-left-radius:30px}
ul.cate-now li:last-child a{border-top-right-radius:30px;border-bottom-right-radius:30px}
ul.cate-now li.all-list{font-family:'Noto Regular';}
ul.cate-now li.no-cate{border-top-right-radius:30px;border-bottom-right-radius:30px}
ul.cate-now a:hover,
ul.cate-now li.all-list a:hover{background:#2d2d2f;color:#FFF}
/*말머리*/
.board-tab{margin-bottom:30px}
.board-tab ul{display:flex;justify-content:center;}
.board-tab ul li{}
/*
.board-tab ul li a{display:block;font-size:16px;font-family:'Noto Regular';padding:12px 25px;background:#EEE;border-right:1px solid #FFF}
*/
.board-tab ul li a{display:block;font-size:18px;font-family:'Noto Regular';padding:12px 15px;background:#EEE;border-right:1px solid #FFF}
.board-tab ul li:first-child a{border-top-left-radius:30px;border-bottom-left-radius:30px}
.board-tab ul li:last-child a{border-top-right-radius:30px;border-bottom-right-radius:30px}
.board-tab ul li.on{}
.board-tab ul li a.on{background:#2c9b46;color:#FFF}
.board-tab ul li a:hover{background:#707070;color:#FFF}
.board-tab .gup{}
.board-tab .gup_m{display:none;}
.board-tab .gup_m select{display:inline-block;padding:0 40px 0 10px;font-size:18px;font-family:'Noto Regular';width:100%;height:60px;-webkit-appearance:none;appearance:none;border:1px solid #DDD;background:#EEE url(/sites/style_guide/images/common/bul_select.png) no-repeat right center;}
.board-tab .gup_m select::-ms-expand{display:none}
@media screen and (max-width:1340px){
  .board-tab .gup{display:none;}
  .board-tab .gup_m{display:block;}
}
/*
@media screen and (max-width:1024px){
.board-tab .gup{display:none;}
.board-tab .gup_m{display:block;}
}
*/
@media screen and (max-width:768px){
  .board-tab .gup_m select{height:45px;}
}
/*기간검색*/
.board-date{padding:20px 20px 17px 20px;border-top:1px solid #DDD;border-bottom:1px solid #DDD;background:#f0f1f2;margin-bottom:20px;}
.board-date .line{overflow:hidden;background:url(/sites/style_guide/images/common/icon_calendar.png) no-repeat left center;padding-left:30px;margin:0 10px;}
.board-date fieldset{text-align:center;}
.board-date .line,
.board-date label,
.board-date input[type=text]{display:inline-block;font-size:18px}
.board-date label{font-family:'Noto Regular';margin-right:5px}
.board-date input[type=text]{text-align:center;width:120px;padding:0 10px;height:30px;border:1px solid #DDD;background:#FFF}
@media screen and (max-width:768px){
  .board-date fieldset{text-align:center}
  .board-date legend,
  .board-date .line,
  .board-date input[type=text]{float:none}
  .board-date .line{margin-left:auto}
  .board-date legend{margin-bottom:10px}
  .board-date label{display:none}
  .board-date input[type=text]{height:40px}
}
/*게시물수+검색*/
.board-search{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
/*게시물수*/
.board-search .util-search{font-size:16px;}
.board-search .util-search strong{color:#cb2026;}
.board-search .util-search a{display:inline-block;width:30px;height:30px;margin-right:5px;text-indent:-9999px;background:url(/sites/style_guide/images/common/icon_rss.png) no-repeat center;}
/*검색*/
.board-search .form-search{}
.board-search fieldset{overflow:hidden}
.board-search legend{position:absolute;top:-9999px;left:-9999px}
.board-search .box-sel,
.board-search .box-search{float:left}
.board-search select,
.board-search input{display:inline-block;box-sizing:border-box;float:left;font-size:18px;font-family:'Noto Regular';height:50px;-webkit-appearance:none;appearance:none;border:1px solid #DDD;background:#FFF}
.board-search select::-ms-expand{display:none}
.board-search select{background:#FFF url(/sites/style_guide/images/common/bul_select.png) no-repeat right center;padding:0 40px 0 10px}
.board-search input{margin-left:-1px}
.board-search input[type=text]{padding:0 10px}
.board-search input[type=submit]{cursor:pointer;width:80px;color:#FFF;background:#5e6263;border-color:#5e6263}
.board-search input[type=submit]:hover{background:#52575c;border-color:#52575c}
@media screen and (max-width:1024px){
  .board-search{flex-wrap:wrap;margin-bottom:0;border-bottom:2px solid #000;}
  .board-search .util-search,
  .board-search .form-search{position:relative;width:100%;}
  .board-search .util-search{padding-bottom:10px}
  .board-search select,
  .board-search input{border:0;height:40px;}
  .board-search .box-search{width:calc(100% - 175px)}
  .board-search input[type=text]{width:100%}
  .board-search input[type=submit]{position:absolute;right:0}
}
/*페이징*/
._paging{padding:30px 0 10px 0;}
/*보기_단축URL*/
.sumUrl a{display:inline-block;position:relative;color:#FFF !important;text-align:center;border:0;box-sizing:border-box;border-radius:30px;padding:2px 20px;margin-bottom:10px;font-size:14px;background-color:#009d56}
.sumUrl a:hover{background-color:#2d2d2f}
/*보기_헤드*/
.board-view-info{border-bottom:1px solid #DDD}
.board-view-info dl{overflow:hidden;font-size:16px;}
.board-view-info dt{float:left;padding-right:5px;font-family:'Noto Regular';}
.board-view-info dd{float:left;}
/*제목*/
.view-info{}
.view-info dl.view-num{display:none}
.view-info dl.view-num dt{}
.view-info dl.view-num dd{}
.view-info h2.view-title{line-height:1.5;color:#222;text-align:center;border-top:1px solid #666;padding-top:30px;font-size:24px;font-family:'Noto Medium';}
.view-info h2.view-title:before{margin: 10px auto}
/*글정보*/
.view-detail{padding:10px 0 20px 0}
.view-detail .view-util{text-align:center}
.view-detail .view-util dl{display:inline-block;margin-left:10px;padding-left:10px;border-left:1px solid #DDD;line-height:1}
.view-detail .view-util dl dt{}
.view-detail .view-util dl dd{}
.view-detail .view-util dl.write{border-left:0}
.view-detail .view-util dl.modify{}
.view-detail .view-util dl.writer{}
.view-detail .view-util dl.count{}
/*글기능*/
.view-detail .view-share .sns{}
.view-detail .view-share .util{text-align:right;}
.view-detail .view-share .util a,
.view-detail .view-share .util input{display:inline-block;font-size:14px;background:none;font-family:'Noto DemiLight';border:1px solid #DDD;padding:0 5px;}

/*보기_내용*/
.view-con{padding:25px}
.view-con p, .view-con span, .view-con table th, .view-con table td{font-family:'Noto DemiLight' !important; font-size:18px !important; line-height:1.8 !important;}
.view-con strong{font-family:'Noto Medium' !important; font-size:18px !important; line-height:1.8 !important;}
/*
.view-con .view-img{text-align:center;margin-bottom:20px}
*/
.view-con .view-img{display:none;}
/*보기_첨부파일*/
.view-file{border-top:1px solid #DDD;border-bottom:1px solid #666;margin-top:10px;background:#f5f5f5; padding:10px 0;}
.view-file dl{position:relative;font-size:16px;display:flex;justify-content:flex-start;align-items:center;}
.view-file dl dt{width:90px;padding-left:20px}
.view-file dl dd{width:calc(100% - 110px);}
.view-file dl dd span{display:block;padding:7px 0}
.view-file dl dd ul{padding:0px 0}
.view-file dl dd ul li{position:relative;padding-left:12px;}
.view-file dl dd ul li:before{content:"";display:block;width:5px;height:2px;background:#666;position:absolute;top:calc(50% - 1px);left:0}
/*보기_이전다음글*/
.view-navi{border-bottom:2px solid #666}
.view-navi dl{position:relative;font-size:16px;min-height:50px}
.view-navi dl.next{border-bottom:1px dashed #DDD}
.view-navi dl.prev{}
.view-navi dl dt{position:absolute;left:0;top:12px;font-family:'Noto Regular';padding:0 20px}
.view-navi dl dt:before{content:"";display:inline-block;width:13px;height:13px;margin-right:10px;background:url(/sites/style_guide/images/common/arrow_2_b.png) no-repeat center;}
.view-navi dl.next dt{}
.view-navi dl.prev dt:before{transform:rotate(180deg);}
.view-navi dl dd{padding-left:110px}
.view-navi dl dd a{display:block;padding:12px 0}
.view-navi dl dd a div{float:right;font-size:15px}
.view-navi dl dd a div span{padding-right:20px}
/*보기_댓글*/
.view-comment-write{margin-top:50px;border-top:2px solid #666;}
.view-comment-write .name{padding:10px 20px;border-bottom:1px solid #DDD;}
.view-comment-write .name label{font-size:16px;font-family:'Noto Regular';margin-right:10px;}
.view-comment-write .name input[type=text]{height:40px;padding:10px;font-size:16px;width:200px;border-color:#DDD;background:#f5f5f5;}
.view-comment-write .comment{position:relative;}
.view-comment-write .comment .comment-text{}
.view-comment-write .comment .comment-text textarea{width:100%;height:100px;font-size:16px;font-family:'Noto DemiLight';border-color:#DDD;border-top:0;background:#f5f5f5;}
.view-comment-write .comment .small-btn-box{padding:20px 0;text-align:center;}
.view-comment-write .comment .small-btn-box input{height:40px;padding:0 20px;font-size:14px;color:#FFF;font-family:'Noto Regular';background:#858585;border:3px solid #858585;cursor:pointer;border-radius:30px;}
ul.view-comment-list{border-bottom:2px solid #666;}
ul.view-comment-list li{border-top:1px solid #DDD;padding:10px 0;}
ul.view-comment-list li strong{font-family:'Noto DemiLight';font-size:15px;}
ul.view-comment-list p{padding:10px 0;position:relative;}
ul.view-comment-list p input[type=button]{margin-left:5px;border:1px solid #DDD;background:#f5f5f5;padding:0 10px;cursor:pointer;border-radius:30px;}
/*보기_답글*/
.view-answer{margin:0 0 50px 0;}
.view-answer .answer-title{border-bottom: 1px solid #DDD;background:#f5f5f5;}
.view-answer .answer-title .title{line-height: 1.5;color: #222;text-align: center;padding-top: 30px;font-size: 20px;font-family:'Noto Regular';}
.view-answer .answer-title .answer-info{padding:10px 0 20px 0;text-align:center}
.view-answer .answer-title .answer-info span{display:inline-block;padding:0 10px;line-height:1;font-size:14px;}
.view-answer .answer{border-bottom:2px solid #666;background:#f5f5f5;padding:30px;}
.view-answer .small-btn-box{padding:20px 0;display:flex;justify-content:center;align-items:center;}
.view-answer .small-btn-box a,
.view-answer .small-btn-box input{display:block;height:40px;padding:0 20px;font-size:14px;color:#FFF;font-family:'Noto Regular';background:#858585;border:3px solid #858585;cursor:pointer;border-radius:30px;margin:0 2px;}
.view-answer .small-btn-box a{padding-top:7px;}
/*보기_답글작성*/
#_popupHeader{border-bottom:1px solid #DDD;margin-bottom:10px;padding-bottom:10px}
#_popupHeader h1{font-size:25px !important}
.box-answer .row{border-bottom:1px solid #DDD;margin-bottom:10px;padding-bottom:10px}
.box-answer .row label{display:block;font-size:18px;font-family:'Noto Regular';position:absolute}
.box-answer .row label .must{display:inline-block;font-size:0;background:#FFF}
.box-answer .row label .must:before{content:"*";display:inline-block;line-height:0;vertical-align:-2px;margin-right:5px;font-size:13px;font-family:'Noto Regular';background:none;color:#e22318}
.box-answer .row .insert{margin-top:5px;margin-left:120px}
.box-answer .row .insert input{width:100%;height:35px}
.box-answer .row .insert textarea{width:100%}
@media screen and (max-width:768px){
  .view-detail .view-util dl.modify,
  .view-navi dl dd a div{display:none}
  .box-answer .row .insert{margin-top:0;margin-left:0;padding-top:35px}
  .box-answer .row .insert textarea{height:100px}
}
/*쓰기*/
.board-write{border-top:2px solid #666;padding-top:10px;font-size:18px;}
/*쓰기_필수*/
.board-write .must{display:inline-block;font-size:0;}
.board-write .must:before{content:"*";display:inline-block;line-height:0;vertical-align:-2px;margin-right:5px;font-size:13px;font-family:'Noto Regular';background:none;color:#e22318}
/*쓰기_필드*/
.board-write .row{display:table;width:100%;position:relative;border-bottom:1px dashed #DDD;margin-bottom:10px;padding-bottom:10px}
.board-write .title,
.board-write .insert{vertical-align:middle;display:table-cell}
.board-write .title{width:200px;font-family:'Noto Regular';line-height:0}
.board-write .insert{}

.board-write .insert .flex_con{display:flex;justify-content:flex-start;align-items:center; flex-flow:row wrap;}
.board-write .insert .flex_con .line{margin-right:5px;}

@media screen and (max-width:768px) {
  .board-write .insert .flex_con .line{flex-basis:100%;}
  .board-write .flex_con .line select { width:49%;}  
}



.board-write .insert .line{margin:3px 0;}
.board-write .insert .switch{}
.board-write .insert input[type=text],
.board-write .insert input[type=password],
.board-write .insert input[type=button],
.board-write .insert input[type=password],
.board-write .insert select,
.board-write .insert textarea{display:inline-block;box-sizing:border-box;border:1px solid #DDD;background:#f8f8f8;}
.board-write .insert input[type=text],
.board-write .insert input[type=password],
.board-write .insert input[type=button],
.board-write .insert input[type=password],
.board-write .insert select{height:40px;font-size:18px;-webkit-appearance:none;appearance:none}
.board-write .insert select{height:35px;background:url(/sites/style_guide/images/common/bul_select.png) no-repeat 85% center;padding:0 50px 0 10px}
.board-write .insert select::-ms-expand{display:none}
.board-write .insert input[type=text]{padding:0 10px}
.board-write .insert input[type=button]{padding:0 20px}
.board-write .long{width:100%}
.board-write .half{width:50%}
/*쓰기_첨부파일*/
.board-write .file-select{background:#f8f8f8 !important;padding:10px !important;height:auto !important;}
.board-write .insert input[type=button].file-btn.add{}
.board-write .insert input[type=button].file-btn.del{}
.board-write .insert input[type=button]{cursor:pointer;height:35px;color:#FFF;background:#acacac;border-color:#acacac}
.board-write .insert input[type=button]:hover{background:#5e6263;border-color:#5e6263}
.board-write .possible{padding:10px 0}
/*쓰기_라디오버튼*/
.board-write .one-line{display:flex;justify-content:flex-start;align-items:center;}
.board-write .one-line li{margin-right:10px;}
.board-write .insert input[type=radio],
.board-write .insert input[type=checkbox]{top:0;display:inline-block;vertical-align:-1px;margin-right:3px}
.board-write .insert textarea{padding:15px;width:100%;font-size:18px;font-family: 'Noto DemiLight';}
/*쓰기_기간선택*/
.board-write .ico-cal{font-family:'Noto Regular';}
.board-write .hasDatepicker{text-align:center;width:120px;height:35px !important}
@media screen and (max-width:768px){
  .board-write .row{display:block}
  .board-write .title,
  .board-write .insert{display:block}
  .board-write .title{width:100%;line-height:1;padding:10px 0 15px 0}
  .board-write .half{width:100%}
  .board-write .hasDatepicker { width:100%;}

}
/*버튼*/
.board-button{overflow:hidden;margin-top:50px;text-align:center}
.board-button .btn-mine{float:left}
.board-button .btn-control{float:right}
.board-button form{line-height:1}
.board-button a,
.board-button input{display:inline-block;cursor:pointer;padding:7px 20px;border-radius:30px;border:3px solid transparent;font-family:'Noto Regular';font-size:18px;color:#FFF;background:#858585;-webkit-appearance:none;appearance:none;}
.board-button a:hover,
.board-button input:hover,
.view-comment-write .comment .small-btn-box input:hover,
.view-answer .small-btn-box a:hover,
.view-answer .small-btn-box input:hover{background:#FFF;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);border-color:#858585;color:#858585}
/*삭제*/
.board-button input[type=button]{}
/*새글*/
.board-button input[type=submit]{background:#0049cf}
.board-button input[type=submit]:hover{background:#FFF;border-color:#0049cf;color:#0049cf;}
/*내글*/
.board-button .btn-mine input[type=submit]{background:#00746b}
.board-button .btn-mine input[type=submit]:hover{background:#FFF;border-color:#00746b;color:#00746b;}
/*답글*/
.board-button a{background:#76b83d;color:#FFF !important;padding:11px 20px}
.board-button a:hover{border-color:#76b83d;color:#76b83d !important}
/*
.btn-control a{vertical-align:-2px;}
*/
/*보기_버튼*/
.board-button.view .btn-mine,
.board-button.view .btn-control{display:inline-block;float:none}
/*미리보기 버튼*/
a.previewDocu{cursor: pointer;box-sizing:border-box;    padding: 2px 18px 2px 13px;border-radius: 20px;font-family:'Noto Regular';border:2px solid transparent;font-size: 14px;background: #76b83d;color: #FFF !important;margin-left:10px}
a.previewDocu:hover{border-color: #76b83d;color: #76b83d !important;background: #FFF;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);}

/*말머리 색상*/
._openwrd{color:#022968;font-family: 'Noto Medium';}

/*비밀번호*/
.pass-wrap{}
.pass-wrap .board-button{margin-top:20px;}
.pass-wrap .insert input[type=password]{width:100%;height:40px;font-size:18px;-webkit-appearance:none;appearance:none;border:1px solid #DDD;background:#f8f8f8;}


/*list*/
.bbs_type_table{}
.board-table{word-break:break-all !important;width:100%;}
.board-table caption{text-indent:-9999px;}
.board-table thead{border-bottom:2px solid #1a222a;border-top:1px solid #1a222a;}
.board-table th{background:#f0f1f2;font-family:'Noto Regular';padding:13px 0;line-height:1.25;}
.board-table tbody{border-bottom:2px solid #696969;}
.board-table td{box-sizing:border-box;border-bottom:1px solid #DDD;padding:13px 3px;text-align:center;vertical-align:top;}
.board-table td:first-child{border-left:0;}
.board-table td:last-child{border-right:0;}
.td-subject a{display:block;text-align:left;}
.td-subject a strong{display:inline-block;font-family:'Noto Regular';}
/*답변여부*/
.board-table ._artclTdStatus .aDone,
.board-table ._artclTdStatus .aWait{display:inline-block;padding:5px 15px;color:#FFF;font-size:14px;font-weight:500}
.board-table ._artclTdStatus .aDone{background:#0065b3}
.board-table ._artclTdStatus .aWait{background:#5e6263}
.board-table .artclAnswerWrap{margin-top:30px;border-top:2px solid #666;padding:25px;background:#f5f5f5}
.board-table .artclAnswerTitle{font-weight:500;padding-bottom:10px;}
.board-table .artclAnswerInfo{overflow:hidden;padding-top:20px}
.board-table .artclAnswerInfo span{display:inline-block;padding-left:10px;font-size:14px;font-weight:400;float:right}
.board-table .artclAnswerInfo .date{}
.board-table .artclAnswerInfo .writer{}
/*휴지통글*/
.board-table tr.trash{background:rgba( 0,0,0,0.4 ) !important}
.board-table tr.trash td:first-child:before{content:"";display:block;width:50px;height:25px;background:url(/sites/style_guide/images/common/icon_trash.png) no-repeat center;background-size:20px;margin-top:3px}
/*공지글*/
.board-table tr.headline{background-color:#fffeef}
.board-table ._artclNotice{display:block;width:100%;height:100%;text-indent: -9999px;background:url(/sites/style_guide/images/common/icon_notice.png) no-repeat center;background-size:22px}
.board-table .notice .td-num span{display:inline-block;text-indent:-9999px;width:100%;height:30px;background:url(/sites/style_guide/images/common/icon_notice.png) no-repeat center;background-size:30px}
/*새글*/
.board-table .new{display:inline-block;vertical-align:-4px;margin-left:5px;width:20px;height:20px;text-indent:-9999px;background:#00a99d url(/sites/style_guide/images/common/icon_new.png) no-repeat center;border-radius:30px}
/*첨부파일*/
.board-table .attach_file{float:left;margin:7px 5px 0 0;display:inline-block;width:13px;height:13px;text-indent: -9999px;background:url(/sites/style_guide/images/common/icon_file.png)}
/*답글*/
.aDone,
.aWait{display:inline-block;background:#888;color:#FFF;font-size:14px;padding:0 10px;border-radius:2px}
.aDone{background:#76b83d}
.aWait{}
@media screen and (min-width:1025px){
  .board-table tbody tr:hover{background:#fcfcfc}
  /*cell width*/
  .th-admin,.td-admin{width:50px;}
  .th-num,.td-num{width:70px;}
  .th-subject,.td-subject{}
  .th-reply,.td-reply{width:130px;}
  .th-write,.td-write{width:130px;}
  .th-date,.td-date{width:130px;}
  .th-reco-y,.td-reco-y{width:80px;}
  .th-reco-n,.td-reco-n{width:80px;}
  .th-comment,.td-comment{width:80px;}
  .th-acess,.td-acess{width:80px;}
  .th-file,.td-file{width:100px;}
  .th-etc,.td-etc{width:150px;}
  .td-write{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media screen and (min-width:481px) {
  .board-table td a.artclLinkView strong{font-weight:400}
}
@media screen and (max-width:1024px) {
  .board-table{display:block;width:100%;}
  .board-table thead{display:none}
  .board-table tbody{display:block;width:100%;border-top:1px solid #DDD}
  .board-table tr{display:block;width:100%;position:relative;border-bottom:1px solid #DDD;padding:15px 10px;box-sizing:border-box;overflow:hidden}
  .board-table td{display:none;width:100%;border-bottom:0;padding:0;text-align:left;box-sizing:border-box;}
  .td-subject,
  .td-reply,
  .td-write,
  .td-date,
  .td-access{display:block !important}
  .td-write,
  .td-date,
  .td-access{float:left !important;width:auto !important;text-align:right !important;font-size:14px;font-weight:400}
  .td-write{padding-right:10px !important}
  .board-table .notice .td-subject a strong{position:relative;}
  .board-table .notice .td-subject a strong:before{content:"공지";display:inline-block;text-indent:-9999px;width:30px;height:30px;background:url(/sites/style_guide/images/common/icon_notice.png) no-repeat center;background-size:30px;margin-right:10px;}
  .td-access{margin-left:10px;position:relative;}
  .td-access:before{content:"조회수 ";}
}