/*-------------------------------------------------------
   Sticky footer styles 
--------------------------------------------------------*/
/* 1128 body 배경색 추가 */
* {margin:0; padding:0;}
html, body { font-family: "맑은 고딕", arial, sans-serif; font-size: 13px; color:#333333; background-color:#fafafa;}

/*1219 수정 */
html { position: relative; height: 100%;}

/* 1219 body 수정 */
body { width:100%;min-width:1120px; margin:0; padding:0; height: 100%; }

/* 1128 footer 변경 */



/* 1219 수정 */
/*
.container.text-center.footer { color:#333333; bottom:0; height:138px; width:100%; position:fixed; background-color: #fafafa; bottom: 0; }
*/
.container.text-center.footer { margin-bottom: 40px; margin-top:80px; color:#333333;}

/* 1128 수정 padding-left */
.container{position:relative;min-width:1120px; margin:0 auto;padding:0;padding-left: 7px;}
.bi {color:#ff7c17;font-weight: bold;}

/* Top 1219 수정*/
.main-top{width:100%;height:118px; position:relative;margin:0 auto; background-color:#0472e3;}

/* Top manu, list 1219 수정 */
.top_menu{ width:1120px;padding:0;margin:0 auto; padding-top:20px;}
ul.list-inline{ width:1120px;float:right;right:0;margin-bottom:-15px;}

.list-inline>li{ color:#ffffff; }
.list-inline>li>a{color:#ffffff; }
.list-inline>li>a:link{ text-decoration: none !important; }

/* 검색창 마진탑 1219 삭제*/
#imaginary_container{/*position:relative; margin:0 auto; padding:0; padding-left:7px;*/ }
/* 검색 버튼 색상 */
/*
.stylish-input-group .input-group-addon{background: #3c3e4b !important; border: 1px; border-radius: 0; width:108px;height:55px;  box-shadow:4px 4px 6px 0px rgba(0,0,0,0.2), 0px 6px 10px 0 rgba(0,0,0,0.2);}
*/
/* 검색 버튼 */
/*
.stylish-input-group button{ border:0; background:transparent; width:108px;height:40px;margin:0; padding:0;}
*/

/* 1219 검색버튼 수정 */
.sh_btn {

    background-color: #3c3e4b !important; 
    border: 1px solid #3c3e4b; border-radius: 0; 
    width:130px;height:33px;  
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1), 0 4px 4px 0 rgba(0,0,0,0.1);
    color:#ffffff;
}
.sh_btn:hover {
    background-color: #60647f !important;
    border: 1px solid #60647f; border-radius: 0; 
    color: #ffffff;
}
/* 검색 인풋박스 */
.stylish-input-group .form-control{ 
    border-radius:0; 
    box-shadow:0 4px 4px 0 rgba(0,0,0,0.1), 0 4px 4px 0 rgba(0,0,0,0.1);
    border:0;
    width:549px; height:33px;
    color: #3c3e4b;
}

/* 로고 + 검색창 */
.search_header{left:200px; margin-right:200px;}

u{text-decoration:none; border-bottom:1px solid #898989;}

.form-control::-webkit-input-placeholder {text-align:left;}
textarea::-webkit-input-placeholder {text-align:left;}

/*-------------------------------------------------------
   Table 
--------------------------------------------------------*/

table{ margin-bottom: 0 !important;}

input[type=checkbox] {  
    display: none;
}

/* 1219 마진탑 변경 */
input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px; 
    margin-top:10px;
    margin-right: 15px;  
    font-weight: normal;
    vertical-align: middle;
    text-align: center;


}

input[type=checkbox]+ label:before {     

    content: "";  
    display: inline-block;  
  
    width: 20px;  
    height: 18px;  
  background-color: #fff;
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottom: 1px;  
    border-radius: 2px; 
    border :1px solid #717171;
}
input[type=checkbox]:checked + label:before { 

    content: "\2714";  /* 체크모양 \2714*/
    color: #3c3e4b;
    font-size: 18px; 
    font-weight:normal;  
    text-align: center;  
    line-height: 18px; 

} 



.table>thead>tr>th{ padding-left: 20px; border: 0; }

/* 1128 border-top 대신 border-bottom 으로 변경,  1219 패딩변경 */
.table>tbody>tr>td{ padding:2px 0 0 20px; line-height: 1.42857143; vertical-align: middle; border-bottom: 1px solid #cfcfcf;}

/* 1128 color 추가, 1219 높이수정 */
.table>tbody>tr{ height:26px; color: #181818;}

/* 1128 수정 border-top, 1219 높이 수정 */
.table>thead>tr{ padding: 8px; line-height: 1.42857143; border-top: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa;vertical-align: middle;height:31px;}
.table>thead>tr>th{vertical-align: middle;}

/* 1128 수정 padding-top */
td > span { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; padding-top:3px;}

/* 링크 */
th>a{color:#333;text-decoration: none;}
th>a:link {text-decoration: none;}
th>a:visited {text-decoration: none;}
th>a:hover { color:#0472e3; text-decoration: none;}
a:hover>span>.list_icon { color:#0472e3 !important; text-decoration: none;}
th>a:active {color:#0472e3; text-decoration: none;}
a.active{color:#0472e3; text-decoration: none;}

/* 테이블 상단 옵션 1219 변경*/
.table_op{margin-top:7px; height:28px;}
label{float;left;margin-top:11px;}
.create_btn{
    float:right;
    background-color:#868893;
    color:#fff;width:96px; height:28px;
    vertical-align:middle;

    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
   /* margin-top:-4px; */
}

.create_btn{
    color:#ffffff !important;
}

.create_btn:hover {
    color:#ffffff !important;
    background-color: #a1a3b1;
}
/*1219 너비조절*/
.main_table{table-layout:fixed;margin-top:5px; }

/*
.main_table td tr:nth-child(odd){background-color: #f1f1f1;}
*/
/* 1128 수정 윗줄 없애고 홀수 라인 백그라운드 변경, 짝수 백그라운드 추가 */
.table-striped.main_table>tbody>tr:nth-of-type(odd){background-color: #f1f1f2 !important;}
.table-striped.main_table>tbody>tr:nth-of-type(even){background-color: #fcfcfc  !important;}

.main_table thead{background-color: #ffffff !important;}


/* login create 버튼 링크 */



/*-------------------------------------------------------
   Table
--------------------------------------------------------*/

/* 1128 table_editor의 border 색상 전체 변경 1219 높이 변경*/
.table_editor tbody tr {height:43px !important;}
.table_editor tbody tr th {border-top: 1px solid  #a3a7a9; border-bottom: 1px solid #a3a7a9; vertical-align:middle; padding-top:0; padding-bottom: 0;}
.table_editor tbody tr td {border-top: 1px solid  #a3a7a9; border-bottom: 1px solid  #a3a7a9;padding-top:0; padding-bottom: 0; background-color: #f1f1f2;}
.table_editor th {background-color: #d8eaf4; color: #181818; border-top: 1px solid  #a3a7a9; border-bottom: 1px solid  #a3a7a9; text-align: right;padding-right:20px !important;}
.table_editor td {background-color: #F1F1F2; text-align: left; color: #333333; border-top: 1px solid  #a3a7a9; border-bottom: 1px solid #9f9f9f;}

/*1219 변경 */
td.view_text{padding-left:10px !important; padding-right:10px !important;}
/*1219 변경 */
td.view_text span{width:100%; vertical-align:middle; height:32px;  padding-top:0 !important; line-height: 23px;}
/*1219 변경 */
td.view_text input{height:30px;color:#181818;padding-left:10px; padding-bottom: 0 !important; line-height: 500;}
td.view_text input#title,#name{width:100%;}

       

.alert-danger {color: #fff; background-color: #868893;border-color: #868893;}
.alert-danger .close {position: relative;top: -4px;right: -10px;opacity:1;font-weight: 100; font-size:15px;top:1px;color:#fff;}

/*1219 수정 hieght, padding */
.alert-success { color: #333; background-color: #fff; border-color: #868893; width:423px;height:33px;padding:5px 10px;vertical-align:middel;margin-bottom:3px;}

/* top 제거 1219 */
.alert-success .close {position: relative;/*top: -4px;*/right: 0px;opacity:1;font-weight: 300;}

/* title margin, size 변경 1219 */
.title{letter-spacing:-1.5px;margin-bottom:10px;margin-top:20px; color:#3c3e4b; font-size:23px;}
.discription_btn{width:70px; height:26px;background-color:#868893; color:#fff !important;font-size:12px;vertical-align:middle;padding:4px 11px;margin-bottom:4px;}

.discription_btn:hover {
    color:#ffffff !important;
    background-color: #a1a3b1;
}

/* 1128 border 추가 */
/* 1201 확인 필요 #md-editarea > #editarea */
#editarea textarea{min-height:474px; width:100%; border:1px solid #cccccc;}
.tag {clear:both; position:relative; width:inherit; max-width:250px;;padding-top:2px; padding-bottom:2px; padding-left:5px;padding-right:15px;margin-bottom:0;}

.btn_ok{height:42px;width:136px;background-color:#0472e3; color:#fff !important;font-size:12px;vertical-align:middle;padding:4px 11px;border-radius:2px;font-weight:bold;margin-right:10px;}
.btn_ok:hover{background-color:#2c92fa; color:#fff !important;}
.btn_cancel{height:42px;width:136px;background-color:#868893; color:#fff !important;font-size:12px;vertical-align:middle;padding:4px 11px;border-radius:2px;font-weight:bold;}
.btn_cancel:hover{;background-color:#a1a3b1; color:#fff !important;}
.btn_double_check{height:26px;width:113px;background-color:#868893; color:#fff !important;font-size:12px;vertical-align:middle;padding:4px 11px;border-radius:2px;font-weight:bold; margin-left:11px;}
.btn_double_check:hover{;background-color:#a1a3b1; color:#fff !important;}

.add_btn{height:26px;background-color:#868893; color:#fff !important;font-size:12px;vertical-align:middle;padding:2px 11px;}
.add_btn:hover{height:26px;background-color:#a1a3b1; color:#fff !important;font-size:12px;vertical-align:middle;padding:4px 11px;}


/*-------------------------------------------------------
   Account Information
--------------------------------------------------------*/
/* 1219 높이 변경, vertical-align 추가 */
td.view_text input.account{width:407px;height:32px;color:#181818;padding-left:10px;padding-top:0; vertical-align: middle;}






/*-------------------------------------------------------
   mail
--------------------------------------------------------*/

.main_header{width:100%; height:45px; background-color:#0472e3;}
.main_header img{padding-top:10px;padding-left:29px;}

/*.mail_table tbody tr th{padding-top:8px;vertical-align:top;} */
.mail_table tbody tr td{background-color:#fafafa;}
.mail_title {
    letter-spacing: -1.1px;
    margin-bottom: 20px;
    margin-top: 33px;
    font-size:20.2px;
    color:#3c3e4b;
}

/* 1201 추가, 1219 수정 */
.detailed_title {
    letter-spacing: -1.2px;
    margin-bottom: 20px;
    margin-top: 33px;
    font-size:23px;
    color:#3c3e4b;
}

.mail_user {letter-spacing:-0.4px;margin-bottom:6px; color:#3c3e4b;}

/* 1201 추가, 1219 변경 */
.detailed_user {letter-spacing:-0.px;margin-bottom:6px; margin-top:-6px; color:#3c3e4b;}

.mail_create {letter-spacing:-0.44px;margin-bottom:2px;color:#3c3e4b;}
.mail_update {letter-spacing:-0.44px;margin-bottom:19px; color:#3c3e4b;}
.mail_discription {margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px; line-height:1.9; font-size:13px;}

/* 1227 margin 변경 */
.mail_discription p {margin: 0 4px;}

pre {
    width:100%;
    padding: 6px 10px;
    font-size: 90%;
    color: #f8f8f2;
    background-color: #23241f;
    border-radius: 4px;
    border-radius: 0;
    margin-top:10px;
    margin-left:3px;
    
}

.mail_attachments {padding-top:18px;}
.mail_attachments ul {list-style-type:none;padding:0 20px;}
.mail_attachments ul li span {padding-left:5px;}

.mail_att_img {margin-left:0; margin-right:0;}

/*1219 수정 */
.mail_att_img div{float:left;margin-right:23px;}
.mail_att_img .img-responsive{width:100%;}
.mail_att_img div span{padding-left:5px;}


/*-------------------------------------------------------
   상세보기
--------------------------------------------------------*/

.commentwrite{
            border:1px solid #9f9f9f;
            background-color: #f1f1f2;
        } 



.btn-link{
    color:#0472e3 !important;
}
.btn-link:hover{
    color:#0472e3;
}

/* 1219 추가 */
span.tag.label.label-info{ top:-3px;}

span.tag.label.label-info:hover{
    background-color: #a1a3b1;
    color:#fff;
}



/* -----------------------------------------------
추가
----------------------------------------------*/
a.attach_link{
    color:#333333;
    text-decoration:none;
}

.attach_link:visited{
    color:#333333;
}

.attach_link:hover{
    color:#333333;
}

.cmm_title{font-weight:bold;margin-left:5px; margin-top:20px;}
.cmm_box{padding:0;margin-bottom:14px;}

/*1227 padding-top, line-height 변경 */
.cmm_p{clear:both;color:#333;padding-top:2px;  padding-bottom:5px; border-bottom:1px solid #d1d1d1;line-height:150%; margin-bottom: 0;}
/* 1128 너비 변경 */
.commentwrite{height: 53px; width:1013px; resize: none; overflow-y:auto;float:left;padding:12px 20px; line-height:27px; vertical-align:top;margin-left: -5px;}
.cmm_save{margin-left:8px; width:97px; height:54px;float:left; color:#585b6b; font-weight: bold;}
.cmm_save:hover, .cmm_save2:hover, .cmm_cancel:hover{background-color:#e7e8ee; color:#585b6b; font-weight: bold;}
.cmm_save2, .cmm_cancel {position:relative;width:97px; height:53px; vertical-align:bottom; color:#585b6b; font-weight: bold;}
.cmm_usr{list-style-type:none;clear:both;display:block; position:relative;padding:0;color:#838282;}
.cmm_usr li{float:left; margin-top:10px;}
.cmm_usr li img{margin-left:0; margin-right:4px;}
.cmm_btn {padding:0; border:0;margin-right:0;margin-top:-4px; text-decoration:none;color:#0472e3;}
/*1227 padding-top 변경 */
.re-cmm{clear:both;color:#333;padding-top:10px;  padding-bottom:10px; border-bottom:1px solid #d1d1d1;}
.cmm_container{width:1120px;float:left;margin-left: -7px;}


.bootstrap-tagsinput {border:1px solid #cccccc;}
#EMAIL.account{color: #000000;}

.account::-webkit-input-placeholder, #title::-webkit-input-placeholder {color:#181818; text-align: left;}
.account:-moz-placeholder, #title::-webkit-input-placeholder {color:#181818;text-align: left;}
.account:-ms-input-placeholder, #title::-webkit-input-placeholder {color:#181818;text-align: left;}


/** REGISTER, UPDATE file  **/

.filebox label { height:26px;background-color:#868893;color:#fff;font-size:12px;vertical-align:middle;padding:4px 11px;display: inline-block;margin: 0;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;touch-action: manipulation;cursor: pointer;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}

.filebox input[type="file"] {  /* 파일 필드 숨기기 */ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}

 

.thumnail {background-color:#fff; overflow: hidden; width:217px; height:163px; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; /* align vertical */}


/* 1201 추가 */
.attach-list > .alert-dismissable{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}