@charset "utf-8";

.w50 {width:50px;}
.w60 {width:60px;}
.w80 {width:80px;}
.w45p {width:45%;}
.w50p {width:50%;}
.w100p {width:100%;}
.w150 {width:150px;}
.w130 {width:130px;}
.w120 {width:120px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w500 {width:500px;}

.w42px { width:42px; }
.w50px { width:50px; }
.w80px { width:80px; }
.w100px { width:100px!important; }
.w130px { width:130px; }
.w120px { width:120px; }
.w150px { width:150px; }
.w100 { width:100%; box-sizing:border-box; *width:99%; }
.w80p { width:80%; box-sizing:border-box; *width:79%; }
.spaceBar{margin:0 5px!important;}
.cursorPointer {cursor:pointer;}
.inlineBlock {display:inline-block;position:relative;}

/* gg */
.gg {display:table;width:100%;vertical-align:middle;}
.gg-fixed {table-layout:fixed;}
.gg-col{display:table-cell;vertical-align:inherit}
.gg-row{display:table-row}
.min-width {width:1%;}
.gg-top {vertical-align:top;}
.gg-padded {margin-left:-1rem;margin-right:-1rem;}
.gg-padded .gg {border-spacing:1rem 0;}
.padding-left {padding-left: 10px !important;}
.margin-bottom-none {margin-bottom: 0 !important;}
.gg ul {list-style:disc;padding-left:22px;}
.gg ul li {line-height:1.62857143;}


input[type=radio] { display:none; }
input[type=radio] + label {display: inline-block;line-height:20px;}
input[type=radio] + label span {float:left;cursor: pointer; line-height: 20px; padding-left: 0;text-indent:-9999px;width:20px; height:20px;background: url('../images/common/inType_v1.png') no-repeat 0 0;background-size:80px 40px;margin-right:4px;}
input[type=radio]:hover + label { color:#000;}
input[type=radio]:checked + label {color:#000;}
input[type=radio]:hover + label span { background-position:-20px 0; }
input[type=radio]:checked + label span { background-position:-40px 0; }
input[type=radio]:disabled + label span {background-position:-60px 0;}
input[type=radio] + label:after {content:'';display:block;clear:both;}
.inputWrap input[type=radio] + label {margin-right:5px;padding:4px 0;}
.inputWrap input[type=radio] + label span {margin-right:4px;}


input[type=checkbox] { display:none; }
input[type=checkbox] + label {display: inline-block;line-height:20px;}
input[type=checkbox] + label span {float:left;cursor: pointer; line-height: 20px; padding-left: 0;text-indent:-9999px;width:20px; height:20px;background: url('../images/common/inType_v1.png') no-repeat 0 -20px;background-size:80px 40px;margin-right:4px;}
input[type=checkbox]:hover + label {color:#000;}
input[type=checkbox]:checked + label {color:#000;}
input[type=checkbox]:hover + label span { background-position:-20px -20px;}
input[type=checkbox]:checked + label span { background-position:-40px -20px;}
input[type=checkbox]:disabled + label span {background-position:-60px -20px;}
input[type=checkbox]:checked:disabled + label span { background-position:-40px -20px;}
input[type=radio] + label:after {content:'';display:block;clear:both;}
.inputWrap input[type=checkbox] + label {margin-right:5px;padding:4px 0;}
.inputWrap input[type=checkbox] + label span {margin-right:4px;}


/* input style */
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;padding:0 20px 0 10px;background:#fff url("../images/common/bg_arrow_b.png") no-repeat right center;background-size:18px 4px;} /* 2018-04-26 수정 */
select::-ms-expand {display: none;}
.select_b {height:32px;border:#dadada solid 1px; border-radius:2px;height:32px; color:#444; box-sizing:border-box; line-height:1.45; }
.input_b {height:32px;border:#dadada solid 1px;border-radius:2px;background:#fff; box-sizing:border-box;text-indent:4px; padding:4px 0; color:#444;}
.input_b_r {height:32px; height:32px;border:#dadada solid 1px!important;border-radius:2px;background:#fff; box-sizing:border-box;padding:4px 0;padding-right:4px; color:#444;}
.input_b[disabled] {height:32px;border:#dadada solid 1px; background:#f0f0f0;text-indent:4px; color:#898989;}
.input_b[readonly] {height:32px;border:#dadada solid 1px; background:#f0f0f0;text-indent:4px; color:#898989;}

.input_b2 {height:32px;height:32px; border:#dadada solid 1px;background:#fcfdfe; box-sizing:border-box;text-indent:4px; padding:4px 0; color:#444;}
.input_b2[disabled] { height:32px;border:#dadada solid 1px; background:#f0f0f0;text-indent:4px; color:#898989;}
.input_b2[readonly] { height:32px;border:#dadada solid 1px; background:#f0f0f0;text-indent:4px; color:#898989;}

.input_b3 {height:32px;height:32px; border:#dadada solid 1px;background:#fcfdfe; box-sizing:border-box;text-indent:4px; padding:4px 0; color:#444;}
.input_b3[disabled] { height:32px;border:#dadada solid 1px; background:#f0f0f0;text-indent:4px; color:#898989;}
.input_b3[readonly] { height:32px;border:#dadada solid 1px; background:#f0f0f0;text-indent:4px; color:#898989;}

.input_mrb {height:32px;height:32px; border:#dadada solid 1px; box-sizing:border-box; text-align:right; padding-right:4px; }
.input_mrb[disabled] { height:32px;border:#dadada solid 1px; background:#f3f3f3; }
.input_mrb[readonly] { height:32px;min-width:100px;border:#dadada solid 1px; background:#f3f3f3; }

.textareaWrap textarea {width: 100%;resize: none;overflow-y: hidden;padding: 1.1em;padding-bottom: 0.2em;line-height: 1.6;}

/* radio */
.radio_list { margin-right:10px; }
.radio_list label { margin-left:25px;  *margin-left:10px; }
.radio_list label input { margin-right:3px; border:none; *margin-right:0px; *paddnig:0px; }
.radio_list label:first-child { margin-left:0px; }

.radio_list2 label { margin-right:10px;  *margin-left:10px; vertical-align:middle; display:inline-block; }
.radio_list2 label input { margin-right:3px; border:none; *margin-right:0px; *paddnig:0px; }
.radio_list2 label:first-child { margin-left:0px; }
.radio_list2 label input, .radio_list2 label span, .radio_list2 label em { vertical-align:middle; }

.radio_list3 { float:none; *zoom:1; width:100%; }
.radio_list3:after { content:""; display:block; clear:both; height:0;}
.radio_list3 label { margin-right:15px;  *margin-right:10px; vertical-align:middle; display:inline-block; float:left; }
.radio_list3 label input { margin-right:3px; border:none; *margin-right:0px; *paddnig:0px; }
.radio_list3 label input, .radio_list3 label span, .radio_list3 label em { vertical-align:middle; }

.radio_list4 label { margin-left:10px;  *margin-left:6px; vertical-align:middle; display:inline-block; }
.radio_list4 label input { margin-right:3px; border:none; *margin-right:0px; *paddnig:0px; }
.radio_list4 label:first-child { margin-left:0px; }
.radio_list4 label input, .radio_list2 label span, .radio_list2 label em { vertical-align:middle; }

.radio_list5 label { margin-left:5px;  *margin-left:5px; vertical-align:middle; display:inline-block; }
.radio_list5 label input { margin-right:3px; border:none; *margin-right:0px; *paddnig:0px; }
.radio_list5 label:first-child { margin-left:0px; }
.radio_list5 label input, .radio_list2 label span, .radio_list2 label em { vertical-align:middle; }

.txtarea_b {overflow-y:auto; border:#c2c2c2 solid 1px; height:90px; line-height:16px; color:#858585; padding:4px; box-sizing:border-box; text-align:left; }
.txtarea_b2 {overflow-y:auto; border:#c2c2c2 solid 1px; height:150px; line-height:16px; color:#858585; padding:4px; box-sizing:border-box; text-align:left; }
.txtarea_b3 {overflow-y:auto; border:#c2c2c2 solid 1px; height:60px; line-height:16px; color:#858585; padding:4px; box-sizing:border-box; text-align:left; }
.txtarea_b4 {overflow-y:auto; border:#c2c2c2 solid 1px; height:240px; line-height:16px; color:#858585; padding:4px; box-sizing:border-box; text-align:left; }
.repeatday_list { margin-left:20px; }

/* 에러페이지 */
.errorContaner {position:absolute;top:50%;left:50%;width:600px;height:400px;margin:-200px 0 0 -300px;background:#fff;padding:40px;box-shadow:0 2px 30px rgba(0,0,0,.125);}
.errorContaner .errorIcon {color:#e4230d;font-size:32px;}
.errorContaner .errorIcon .material-icons {font-size:100px;display:block;}
.errorContaner .errorIcon .errorMsg {display:inline-block;}
.errorContaner .errorpg_Box {padding:20px 0 0 0;line-height:24px;}
.errorContaner .errorpg_Box .error_title {font-size:16px;color:#000;word-break:keep-all;}
.errorContaner .errorpg_Box .error_txt {font-size:14px;color:#666;word-break:keep-all;}
.errorContaner .error_btn {padding-top:20px;text-align:center;}

@media all and (max-width:768px) {
    .errorContaner {width: auto;margin: 0 20px;padding:20px;position: relative;left: 0;top:0;margin-top: 20px;height: 100%;}
    .errorContaner .errorIcon .material-icons {font-size:80px;display:block;}
    .errorContaner .errorIcon {font-size:20px}
}


/*등록시 첨부파일*/
.r_addFileList { padding:0px!important;}
.r_addFileList .fileList { padding:0px 15px 10px; }
.r_addFileList .fileList li { background:url(../images/board/bu_addfile.gif) no-repeat 1px 4px; padding-left:14px; text-align:left; vertical-align:middle; line-height:20px; }
.r_addFileList .fileList li a { vertical-align:middle; display:inline-block; }
.r_addFileList .fileList li span { vertical-align:middle; color:#979c9f; margin-left:10px; }

.r_addFileList .posi_btn { padding:10px 15px; }
.r_addFileList .btn_addFile { background:url(../images/common/btn/bg_btn_gray.gif) repeat-x; height:26px; letter-spacing:-0.1em; vertical-align:middle; box-sizing:border-box; border-radius:2px; border:solid #c4c4c4 1px; padding:4px 10px 6px; line-height:16px;}

.fileDelete { background:url(../images/common/btn/btn_delete_01.gif) no-repeat 0 0; width:12px; height:11px; margin-left:10px; vertical-align:middle; }
.fileDelete em { visibility:hidden; }
.file_notice { border-top:#cfcfcf dashed 1px; padding:10px 15px 10px 16px; color:#838383; }

/*전자결재 첨부파일*/
.doc_AllWrap .tb_regi_basic .r_addFileList .posi_btn { padding:8px 10px; }
.doc_AllWrap .tb_regi_basic .r_addFileList .fileList { padding:0px 10px 8px; }
.doc_AllWrap .tb_regi_basic .r_addFileList .file_notice { padding:8px 10px 8px 10px; }





/******************인풋, 셀렉트모음********************/
.input_s_b { border:#b5b5b5 solid 1px; vertical-align:middle; height:28px; box-sizing:border-box; font-size:12px; letter-spacing:-0.05em; color:#787878; padding:5px; line-height:18px; }
.sel_basic { border:#b5b5b5 solid 1px; vertical-align:middle; height:28px; box-sizing:border-box; font-size:12px; letter-spacing:-0.05em; color:#787878; padding:5px; line-height:18px; }
.w_date { width:82px; }
.w200px { width:200px; }
.w240px { width:240px; }
.w20pro { width:20%; }
.w30pro { width:30%; }
.w50pro { width:50%; }
.w100pro { width:100%; }
.tb_fixed { table-layout:fixed; }


/******************버튼모음********************/

/*달력버튼*/
.btn_calendar { /*background:url(../images/common/btn/btn_calendar.gif) no-repeat center center;*/ background:url(../images/common/board/btn_board_collection.gif) no-repeat 0 0; width:25px; height:22px; display:inline-block; vertical-align:middle; background-position:-25px 5px; padding:5px 0 5px 6px;  }
.btn_calendar em { font-size:0px; visibility:none; }



/*게시판 버튼모음*/
.bs_BtnBox_c { text-align:center; margin-top:30px; }
.bs_BtnBox_r { text-align:right; height:30px; margin-top:30px; }
.bs_BtnBox_r a { margin-left:10px; }
.bs_BtnBox_r a:first-child { margin-left:0px; }
.btnPageZoneWrap + .bs_BtnBox_r { margin-top:-30px; }

/*제목*/
.h3_title_st { background:url(../images/common/bg_h3_title.gif) no-repeat 0 0; color:#222222; font-size:22px; padding-top:10px; line-height:1.2; margin-bottom:14px; font-weight:bold; letter-spacing:-0.1em; }
.h3_title_st span { vertical-align:middle; }
.h3_title_st .countNum { font-size:16px; color:#ff342e; font-weight:normal; margin-left:20px; }
.title_noti_right { text-align:right; margin-top:-26px; margin-bottom: 8px; color:#797979; }

.h4_title_st { color:#222222; font-size:19px; line-height:1.2; margin-bottom:14px; font-weight:bold; letter-spacing:-0.1em; }
.h4_title_st span { vertical-align:middle; }
.h4_title_st .countNum { font-size:14px; color:#ff342e; font-weight:normal; margin-left:20px; }

.h3_title_basic { background:url(../images/common/bu_h3_title.gif) no-repeat 0 3px; color:#2a3a5b;font-weight:bold; font-size:16px; letter-spacing:-0.04em; padding-left:12px; margin-bottom:10px; position:relative; }
.h3_title_basic span { vertical-align:middle; }
.h3_title_basic .sub_desc { font-size:13px; margin-left:6px; color:#6a798e;font-weight:normal; }
.h3_title_basic .btn_nowatch { background:url(../images/main/btn_no_watch.png) no-repeat; width:100px; height:22px; display:inline-block; right:0; top:0; position:absolute; }
.h3_title_basic .btn_nowatch em { display:none; }

/*댓글요약*/
.rippleSum { float:none; *zoom:1; border-top:#99a5b5 solid 1px; border-left:#bbc0c8 solid 0px; border-right:#bbc0c8 solid 0px; padding:8px 15px; background:#ebedf1; font-size:11px; }
.rippleSum:after { content:""; display:block; height:0px; clear:both; }
.rippleSum .opinion_control { float:left; }
.rippleSum .opinion_control a { background:url(../images/board/btn_re_open.gif) no-repeat right 1px; color:#2c3445; padding:2px 20px 2px 0;  margin-left:13px; }
.rippleSum .opinion_control a:first-child { margin-left:0px; }
.rippleSum .opinion_control a.close { background:url(../images/board/btn_re_close.gif) no-repeat right 1px; }
.rippleSum .opinion_control .count { color:#fc4953; margin-left:2px; font-weight:bold; }

.rippleSum .all_control { float:right; }
.rippleSum .all_control a { display:inline-block; vertical-align:middle; float:left; }
.rippleSum .all_control a em { vertical-align:middle; }

/*
.rippleSum .opinion_control { float:left; line-height:20px; }
.rippleSum .opinion_control a { display:inline-block; margin-left:13px; float:left; padding-right:20px; }
.rippleSum .opinion_control a:first-child { margin-left:0px; }*/



.rippleSum .opinion_control .toggle_btn { border:#c7cacc solid 1px; border-radius:2px; padding:0px 5px 0 7px; font-size:11px; color:#666!important; vertical-align:middle; background:#fff; }
.rippleSum .opinion_control .toggle_btn .a_open { background:url(../images/common/btn_toggle_a_open2.gif) no-repeat right 3px; padding-right:8px; }
.rippleSum .opinion_control .toggle_btn .a_close { background:url(../images/common/btn_toggle_a_close2.gif) no-repeat right 3px; padding-right:8px; }
.containercolsebtn { background:#f5f5f5; }




/* 댓글 리스트*/
#RippleZone { border-left:#dbdbdb solid 0px; border-right:#dbdbdb solid 0px; }
#RippleZone .RippleGroup { float:none; *zoom:1; border-top:#c5cad1 solid 1px; }
#RippleZone .RippleGroup:after { content:""; display:block; height:0px; clear:both; }
#RippleZone .RippleGroup .RippleTitle { float:left; color:#3b7fca; width:70px; padding-left:15px;  padding-top:13px; }
#RippleZone .RippleGroup .RippleCon { width:auto; overflow:hidden; }

#RippleZone dl.normal { float:none; *zoom:1; padding:13px 15px 15px; position:relative; border-top:#bfbfbf dotted 1px; }
#RippleZone dl.normal:first-child {  border-top:none; }
#RippleZone dl.normal:after { content:""; display:block; height:0px; clear:both; }
#RippleZone dl.normal dt { margin-bottom:7px; vertical-align:middle; }
#RippleZone dl.normal dt span, #RippleZone dl.normal dt label, #RippleZone dl.normal dt input { vertical-align:middle; }
 #RippleZone dl.normal dt label input { margin-right:3px; }
#RippleZone dl.normal dt .name { color:#3b4354; font-weight:bold; vertical-align:middle; }
#RippleZone dl.normal dt .name2 { color:#2d56ad; font-weight:bold; vertical-align:middle; } /*답글구분없을때*/
#RippleZone dl.normal dt .date { color:#898989; font-size:11px; font-weight:normal; vertical-align:middle; margin-left:12px; }
#RippleZone dl.normal dd.comment { color:#4a576c; line-height:18px; }

#RippleZone dl.normal.ripple { background:url(../images/board/bg_target2.gif) no-repeat 15px 12px; padding-left:30px; }
#RippleZone dl.normal.ripple.bg_on { background:url(../images/board/bg_target2.gif) no-repeat 15px 12px #f8f8f8; padding-left:30px; }
#RippleZone dl.normal.ripple .reply_target { color:#549de7; margin-right:6px; font-size:11px; }

#RippleZone dl.normal dd.btnZone { position:absolute; right:15px; top:10px; }
#RippleZone dl.normal dd.btnZone a { display:inline-block; margin-left:5px; vertical-align:middle; height:18px; border:#cfcfcf solid 1px; border-radius:2px; }

#RippleZone .addFileList { padding:0; }
#RippleZone .addFileList .titleZone { padding:7px 0px 0px;}
#RippleZone .addFileList ul { padding:7px 0px 0; }

/* 피드백 */
#FeedBackZone { border-top:#dbdbdb solid 1px;border-left:#dbdbdb solid 0px; border-right:#dbdbdb solid 0px; }
#FeedBackZone .RippleGroup { float:none; *zoom:1; border-top:#c5cad1 solid 1px; }
#FeedBackZone .RippleGroup:after { content:""; display:block; height:0px; clear:both; }
#FeedBackZone .RippleGroup .RippleTitle { float:left; color:#3b7fca; width:70px; padding-left:15px;  padding-top:13px; }
#FeedBackZone .RippleGroup .RippleCon { width:auto; overflow:hidden; }

#FeedBackZone dl.normal { float:none; *zoom:1; padding:13px 15px 15px; position:relative;border-bottom:#dbdbdb solid 1px;}
#FeedBackZone dl.normal:first-child {  border-top:none; }
#FeedBackZone dl.normal:after { content:""; display:block; height:0px; clear:both; }
#FeedBackZone dl.normal dt { margin-bottom:7px; vertical-align:middle; }
#FeedBackZone dl.normal dt span, #FeedBackZone dl.normal dt label, #FeedBackZone dl.normal dt input {}
#FeedBackZone dl.normal dt label input { margin-right:3px; }
#FeedBackZone dl.normal dt .name { color:#3b4354; font-weight:bold; vertical-align:middle; }
#FeedBackZone dl.normal dt .name2 { color:#2d56ad; font-weight:bold; vertical-align:middle; } /*답글구분없을때*/
#FeedBackZone dl.normal dt .date { color:#898989; font-size:11px; font-weight:normal; vertical-align:middle; margin-left:5px;line-height:18px; }
#FeedBackZone dl.normal dt .status {background:#ff6600;color:#fff;display:inline-block;font-size:11px;border-radius:2px;line-height:18px;width:40px;text-align:center;}
#FeedBackZone dl.normal dt .feedName {font-size:11px;color:#898989;}
#FeedBackZone dl.normal dd.comment { color:#4a576c; line-height:18px; }


#FeedBackZone dl.normal.ripple { background:url(../images/board/bg_target2.gif) no-repeat 15px 12px; padding-left:30px; }
#FeedBackZone dl.normal.ripple.bg_on { background:url(../images/board/bg_target2.gif) no-repeat 15px 12px #f8f8f8; padding-left:30px; border-bottom:#dbdbdb solid 1px;}
#FeedBackZone dl.normal.ripple .reply_target { color:#549de7; margin-right:6px; font-size:11px; }

#FeedBackZone dl.normal dd.btnZone { position:absolute; right:15px; top:10px; }
#FeedBackZone dl.normal dd.btnZone a { display:inline-block; margin-left:5px; vertical-align:middle; height:18px; border:#cfcfcf solid 1px; border-radius:2px; }

#FeedBackZone .addFileList { padding:0; }
#FeedBackZone .addFileList .titleZone { padding:7px 0px 0px;}
#FeedBackZone .addFileList ul { padding:7px 0px 0; }

#FeedBackZone .bg_on { background:#ebedf1; border-top:#dadada solid 1px; }
#FeedBackZone dl.normal dd.commentBox { padding-top:2px; padding-right:3px; }

#FeedBackZone .txtArea { position:relative; }
#FeedBackZone .txtArea .txtArea_b { border-left:#9fa8b3 solid 1px; border-top:#b9c1ce solid 1px; border-right:#9fa8b3 solid 1px; border-bottom:#b9c1ce solid 1px; border-top-left-radius:2px; border-bottom-left-radius:2px; height:80px; width:100%; padding:2px 83px 3px 5px; box-sizing:border-box; line-height:18px; letter-spacing:0; }
#FeedBackZone .btn_comment { position:absolute; background:#59647a /* url(../images/board/bg_btn_comment.gif) repeat-x 0 center */; color:#fff;width:91px; height:80px; display:inline-block; right:-3px; top:0px; border-top-right-radius:3px; border-bottom-right-radius:3px; box-sizing:border-box; text-align:center; vertical-align:middle; line-height:80px; border:#59647a solid 1px; font-weight:bold; font-size:12px; letter-spacing:-0.05em;  }


.btn_re_ripple { background:url(../images/board/btn_re_reple.gif) no-repeat center center #fff; width:31px; } /*답글*/
.btn_re_edit { background:url(../images/board/btn_re_edit.gif) no-repeat center center #fff; width:30px; } /*수정*/
.btn_re_delete { background:url(../images/board/btn_re_delete.gif) no-repeat center center #fff; width:30px; } /*삭제*/
.btn_re_cancel { background:url(../images/board/btn_re_cancel.gif) no-repeat center center #fff; width:31px; } /*취소*/
.btn_re_cancel2 { background:url(../images/board/btn_re_reple_cancel.gif) no-repeat center center #fff; width:52px; } /*답글취소*/
.btn_re_modi_cancel { background:url(../images/board/btn_re_modify_cancel.gif) no-repeat center center #fff; width:52px; } /*수정취소*/
.btn_re_agree em, .btn_re_noagree em, .btn_re_modi_cancel em, .btn_re_ripple em, .btn_re_edit em, .btn_re_delete em, .btn_re_cancel em, .btn_re_cancel2 em { font-size:0; visibility:hidden; }
.btn_re_agree { background:url(../images/board/btn_re_agree.gif) no-repeat center center #fff; width:31px; } /*승인*/
.btn_re_noagree { background:url(../images/board/btn_re_noagree.gif) no-repeat center center #fff; width:30px; } /*반송*/

.e_doc_rippleWrap + .board_s_list { border-top:none; }

/*댓글수정폼*/
#RippleZone .bg_on { background:#f8f8f8; border-top:#dadada solid 1px; }
#RippleZone dl.normal dd.commentBox { padding-top:2px; padding-right:3px; }

#RippleZone .txtArea { position:relative; }
#RippleZone .txtArea .txtArea_b { border-left:#9fa8b3 solid 1px; border-top:#b9c1ce solid 1px; border-right:#9fa8b3 solid 1px; border-bottom:#b9c1ce solid 1px; border-top-left-radius:2px; border-bottom-left-radius:2px; height:60px; width:100%; padding:2px 83px 3px 5px; box-sizing:border-box; line-height:18px; letter-spacing:0; }
#RippleZone .btn_comment { position:absolute; background:url(../images/board/bg_btn_comment.gif) repeat-x 0 center; width:91px; height:60px; display:inline-block; right:-3px; top:0px; border-top-right-radius:3px; border-bottom-right-radius:3px; box-sizing:border-box; text-align:center; vertical-align:middle; line-height:60px; border:#b9c1ce solid 1px; font-weight:bold; font-size:11px; letter-spacing:-0.08em;  }


/* 2018-09-27 댓글 리스트 수정*/
#RippleZone { border-left:#dbdbdb solid 0px; border-right:#dbdbdb solid 0px; }
#RippleZone .RippleGroup { float:none; *zoom:1; border-top:#c5cad1 solid 1px; }
#RippleZone .RippleGroup:after { content:""; display:block; height:0px; clear:both; }
#RippleZone .RippleGroup .RippleTitle { float:left; color:#3b7fca; width:70px; padding-left:15px;  padding-top:13px; }
#RippleZone .RippleGroup .RippleCon { width:auto; overflow:hidden; }

#RippleZone .normal { float:none; *zoom:1; padding:13px 15px 15px; position:relative; border-top:#bfbfbf dotted 1px; }
#RippleZone .normal:first-child {  border-top:none; }
#RippleZone .normal:after { content:""; display:block; height:0px; clear:both; }
#RippleZone .normal dt { margin-bottom:7px; vertical-align:middle; }
#RippleZone .normal dt span, #RippleZone dl.normal dt label, #RippleZone dl.normal dt input { vertical-align:middle; }
 #RippleZone .normal dt label input { margin-right:3px; }
#RippleZone .normal dt .name { color:#3b4354; font-weight:bold; vertical-align:middle; }
#RippleZone .normal dt .name2 { color:#2d56ad; font-weight:bold; vertical-align:middle; } /*답글구분없을때*/
#RippleZone .normal dt .date { color:#898989; font-size:11px; font-weight:normal; vertical-align:middle; margin-left:12px; }
#RippleZone .normal dd.comment { color:#4a576c; line-height:18px; }

#RippleZone .normal.ripple { background:url(../images/board/bg_target2.gif) no-repeat 15px 12px; padding-left:30px; }
#RippleZone .normal.ripple.bg_on { background:url(../images/board/bg_target2.gif) no-repeat 15px 12px #f8f8f8; padding-left:30px; }
#RippleZone .normal.ripple .reply_target { color:#549de7; margin-right:6px; font-size:11px; }

#RippleZone .normal dd.btnZone { position:absolute; right:15px; top:10px; }
#RippleZone .normal dd.btnZone a { display:inline-block; margin-left:5px; vertical-align:middle; height:18px; border:#cfcfcf solid 1px; border-radius:2px; }

#RippleZone .addFileList { padding:0; }
#RippleZone .addFileList .titleZone { padding:7px 0px 0px;}
#RippleZone .addFileList ul { padding:7px 0px 0; }
#RippleZone .commentDiv {position:relative;}
#RippleZone div.ripple { background:url(../images/board/bg_target2.gif) no-repeat 0 0;padding-left:18px;margin-top:5px;margin-bottom:5px;}
#RippleZone div.ripple .reply_target { color:#549de7; margin-right:6px; font-size:11px; }
#RippleZone .depth1 {margin-left:0px;}
#RippleZone .depth2 {margin-left:20px;}
#RippleZone .depth3 {margin-left:40px;}
#RippleZone .depth4 {margin-left:60px;}
#RippleZone .depth5 {margin-left:80px;}


.btn_re_ripple { background:url(../images/board/btn_re_reple.gif) no-repeat center center #fff; width:31px; } /*답글*/
.btn_re_edit { background:url(../images/board/btn_re_edit.gif) no-repeat center center #fff; width:30px; } /*수정*/
.btn_re_delete { background:url(../images/board/btn_re_delete.gif) no-repeat center center #fff; width:30px; } /*삭제*/
.btn_re_cancel { background:url(../images/board/btn_re_cancel.gif) no-repeat center center #fff; width:31px; } /*취소*/
.btn_re_cancel2 { background:url(../images/board/btn_re_reple_cancel.gif) no-repeat center center #fff; width:52px; } /*답글취소*/
.btn_re_modi_cancel { background:url(../images/board/btn_re_modify_cancel.gif) no-repeat center center #fff; width:52px; } /*수정취소*/
.btn_re_agree em, .btn_re_noagree em, .btn_re_modi_cancel em, .btn_re_ripple em, .btn_re_edit em, .btn_re_delete em, .btn_re_cancel em, .btn_re_cancel2 em { font-size:0; visibility:hidden; }
.btn_re_agree { background:url(../images/board/btn_re_agree.gif) no-repeat center center #fff; width:31px; } /*승인*/
.btn_re_noagree { background:url(../images/board/btn_re_noagree.gif) no-repeat center center #fff; width:30px; } /*반송*/

.e_doc_rippleWrap + .board_s_list { border-top:none; }

/* 2018-09-27댓글수정폼 수정*/
#RippleZone .bg_on { background:#f8f8f8; border-top:#dadada solid 1px; }
#RippleZone dl.normal dd.commentBox { padding-top:2px; padding-right:3px; }

#RippleZone .txtArea { position:relative; }
#RippleZone .txtArea .txtArea_b { border-left:#9fa8b3 solid 1px; border-top:#b9c1ce solid 1px; border-right:#9fa8b3 solid 1px; border-bottom:#b9c1ce solid 1px; border-top-left-radius:2px; border-bottom-left-radius:2px; height:60px; width:100%; padding:2px 83px 3px 5px; box-sizing:border-box; line-height:18px; letter-spacing:0; }
#RippleZone .btn_comment { position:absolute; background:url(../images/board/bg_btn_comment.gif) repeat-x 0 center; width:91px; height:60px; display:inline-block; right:-3px; top:0px; border-top-right-radius:3px; border-bottom-right-radius:3px; box-sizing:border-box; text-align:center; vertical-align:middle; line-height:60px; border:#b9c1ce solid 1px; font-weight:bold; font-size:11px; letter-spacing:-0.08em;  }




/***********************************************topmn 인사관리***********************************************/



/*tab*/




/********************************************************* common *********************************************************/
.mgt0 { margin-top:0; }
.mgt5 { margin-top:5px; }
.mgt10 { margin-top:10px; }
.mgt15 { margin-top:15px; }
.mgt20 { margin-top:20px; }
.mgt25 { margin-top:25px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }

.mgb0 { margin-bottom:0; }
.mgb5 { margin-bottom:5px; }
.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb30 { margin-bottom:30px; }
.mgb40 { margin-bottom:40px; }
.mgb50 { margin-bottom:50px; }


.mgl0 { margin-left:0px!important; }
.mgl5 { margin-left:5px; }
.mgl6 { margin-left:6px; }
.mgl8 { margin-left:8px; }
.mgl15 { margin-left:15px; }
.mgl10 { margin-left:10px; }
.mgl20 { margin-left:20px; }
.mgl30 { margin-left:30px; }
.mgl40 { margin-left:40px; }
.mgl50 { margin-left:50px; }

.mgr0 { margin-right:0px!important; }
.mgr5 { margin-right:5px; }
.mgr6 { margin-right:6px; }
.mgr8 { margin-right:8px; }
.mgr10 { margin-right:10px; }
.mgr20 { margin-right:20px; }
.mgr30 { margin-right:30px; }
.mgr40 { margin-right:40px; }
.mgr50 { margin-right:50px; }

.bd00 {border:0!important;}
.bdt1 {border-top:1px solid #eee;}
.bdb1 {border-bottom:1px solid #eee;}  
.pd00 {padding:0;}
.pd10 {padding:10px;box-sizing:border-box;}
.pd20 {padding:20px;box-sizing:border-box;}

.pdt0 { padding-top:0; }
.pdt5 { padding-top:5px; }
.pdt10 { padding-top:10px; }
.pdt15 { padding-top:15px; }
.pdt20 { padding-top:20px; }
.pdt25 { padding-top:25px; }
.pdt30 { padding-top:30px; }
.pdt40 { padding-top:40px; }
.pdt50 { padding-top:50px; }

.pdb0 { padding-bottom:0; }
.pdb5 { padding-bottom:5px; }
.pdb10 { padding-bottom:10px; }
.pdb20 { padding-bottom:20px; }
.pdb30 { padding-bottom:30px; }
.pdb40 { padding-bottom:40px; }
.pdb50 { padding-bottom:50px; }


.pdl0 { padding-left:0px!important; }
.pdl5 { padding-left:5px; }
.pdl6 { padding-left:6px; }
.pdl8 { padding-left:8px; }
.pdl15 { padding-left:15px; }
.pdl10 { padding-left:10px; }
.pdl20 { padding-left:20px; }
.pdl30 { padding-left:30px; }
.pdl40 { padding-left:40px; }
.pdl50 { padding-left:50px; }

.pdr0 { padding-right:0px!important; }
.pdr5 { padding-right:5px; }
.pdr6 { padding-right:6px; }
.pdr8 { padding-right:8px; }
.pdr10 { padding-right:10px; }
.pdr20 { padding-right:20px; }
.pdr30 { padding-right:30px; }
.pdr40 { padding-right:40px; }
.pdr50 { padding-right:50px; }


#loading { height:100%; position:fixed; left:0px; top:0px; width:100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.loading { background-color:#fff; z-index:199; }
#loading_img{ position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px; z-index:200; }


/* 파일첨부 드래그 */
.dropAreaBasic {border-top:0px dashed #4d78d2!important;border-bottom:0px dashed #4d78d2!important;position:relative;background:#ebf6ff url(../images/work/dropAreaBasic_img.png) no-repeat center center;}
.dropAreaBasic .fileAddList_b {min-height:60px;}
.dropAreaBasic .fileAddList_b ul {border:0!important;padding:0!important;}
.dropAreaBasicHover {border-top:0px dashed #4d78d2;border-bottom:0px dashed #4d78d2;background:#ebf6ff;}
.dropAreaBasicHover .fileAddList_b {min-height:60px;}
.dropAreaBasicHover .fileAddList_b ul {border:0!important;padding:0!important;}