@charset "utf-8";

/* -------------------------기본 스타일-------------------------*/
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/*스크롤 고정 및 html, body 전체영역*/
html, body {
    margin: 0;
    height: 100%;
    width:100%;
    /*overflow-x: hidden;*/
}

body::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: rgba(0, 0, 0, 0.4); /* 스크롤바의 색상 */
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}

.modal_layer{
}

h3{
    color: #333;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 23px;
    line-height: 35px;
    font-weight: 600;
}

h4{font-weight: bold;}

h5{
    color: #2f2f2f;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
}

font{color: #ff4332; font-size: 12px;}

ul { margin-bottom: 0; }
img {width: 100%;}

th{vertical-align: middle;}
td{vertical-align: middle;}

strong{font-weight: 600;}

input:not([type=file]):not([type=checkbox]):not([type=radio]){height: 40px;}
select{
    font-size: 15px;
    width: 50px;
    height: 40px;
    border: 1px solid #9d9d9d;
}

button{cursor: pointer;}

table {border-collapse: collapse !important; word-break: keep-all;}


.error_sign{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../../img/error.png) 50% no-repeat;
    background-size: contain;
    color: #fff;
    font-weight: 700;
    font-size: 2.5vw;
    height: 30vw;
    padding-top: 6vw;
}
/* -------------------------공통 스타일------------------------- */

.read_cursor{cursor: pointer}
.read_no-drop{cursor: no-drop}


/* 페이징 */
.page_all{
    overflow: hidden;
    width: 100%;
    height: 40px;
    margin-top: 40px;
    padding-left: 15%;
}

/*팝업용*/
.pop_page_all{
    overflow: hidden;
    width: 100%;
    height: 40px;
    margin-top: 40px;
}
#page_back{
    float: left;
    text-align: right;
    width: 33.4%;
}

#pagination{
    margin: 0 auto;
    text-align: center;
    float: left;
    width: 200px;
    font-size: 14px;
}

#page_go{float:left; text-align:left; width:25%;}

.next{cursor:pointer;width: 35px;height: 35px;border: 1px solid #dedede; background: #fff;}
.next2{cursor:pointer;width: 35px;height: 35px;border: 1px solid #dedede; background: #fff;}
.before{cursor:pointer; width:35px; height:35px; border: 1px solid #dedede; background: #fff;}
.before2{cursor:pointer; width:35px; height:35px; border: 1px solid #dedede; background: #fff;}
.before_null{width:35px; height:35px; border:none; background: transparent;}

div.pageno{display:inline-block;padding:5px;min-width: 40px;height: 40px;line-height: 25px;font-size:14px;text-align:center;
    color:#777; cursor:pointer; border: 1px solid #dedede; border-right:1px solid transparent;}
div.pageno:last-child{border: 1px solid #dedede;}
div.pageno:hover {color:#093793; border: 1px solid #093793;} /* 번호 오버 */

div.pageno.blank {background-color:#fff; border:none; display:none;} /* 안나오는 페이지 혹은 페이지 이동버튼 숨기기 */
div.pageno.blank:hover {cursor:Default;} /* 숨기기 - 오버 시 포인터 */

div.pageno.focus {color: #093793;font-weight:bold;border: 1px solid #093793;} /* 현재 페이지 */
/* Focus 옆에 마우스 올렸을때 테두리 2중으로 생기는거 방지 */
div.pageno.focus + div.pageno:hover,
div.pageno:hover + div.pageno.focus{border-left:1px solid transparent;}
/*End 페이징*/

/* 현재위치 표시 */
.indicator{
    font-size: 15px;
    position: absolute;
    top: 14%;
    left:-0.3%;
    color: #757575;
    height: 40px;
    line-height: 20px;
    margin: 0 auto;
}

#indi_step_name{
    color: #757575;
    font-weight: 500;}

.subhead_wrap{
    position: relative; width: 1350px; height: 100px; margin: 0 auto; border-bottom: 1px solid #123f97;
}

.subhead_title{
    position: absolute; top: 46%; left: 1.3%; color: #333;
}

/*bPopup 생성시 꼭 넣을것*/
.bpopup{
    display: none;
    position: relative;
    background: #fff;
    border: 10px solid #d8d8d8;
    padding: 30px;
}

/* 상단 검색 메뉴 */
.list_number{
    font-size: 20px;
    line-height: 40px;
    letter-spacing: -0.05rem;
    color: #757575;
}
.list_number::before{
    content: "· ";

}

/*툴팁*/

/* Tooltip container */
.tooltips {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.tooltips i{
    color: rgba(112, 115, 140, 0.7);
}
/* Tooltip text */
.tooltips .tooltiptext {
    visibility: hidden;
    min-width: 120px;
    width: max-content;
    max-width: 1000px;
    background-color: #63758A;
    color: #fff;
    text-align: center;
    padding: 4px 10px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: -30px;
    right: 0;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptext {
    visibility: visible;
}
/* 특성 추가 버튼 스타일 영역 */
.sub_table_menu{
    padding-top: 40px;
}
.sub_table_menu_re{
    padding-top: 20px;
    font-size: 1.5em;
    line-height: 1;
    font-weight: normal;
}
.sub_table_menu_re::before{
    content: "\f0da";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 10px;
    color: #4467AD;
}

.sub_table_left_menu>a ,.sub_table_right_menu>a, .sub_menu>a {
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #fff;
    color: #000;
    border: #000 solid 1px;
}
.btn{ min-width: 155px;}

.btn:hover, .sub_table_right_menu>a:hover, .sub_table_left_menu>a:hover, .sub_menu>a:hover {
    background-color: #333333; color: #e2e2e2; border: #e2e2e2;
}
.listbtn{
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #fff;
    color: #383b40;
    border: 1px solid #383b40;
}
.listbtn:hover {
    color: #fff;
    background-color: #383b40;
    border-color: #383b40;
}

/*List Table 공통 CSS*/
.table_list.ver1 table{
    margin-top: 5px;
    width: 100%;
    border-top: 1px solid #ddd;
}

.table_list.ver1 th {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    /*border-top: 2px solid #464646;*/
    border-bottom: 1px solid #ddd; /*a7a7a7*/
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    background-color: #f5f5f5;
    padding: 15px 10px;
}

.table_list.ver1 td {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    padding: 15px 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.table_list.ver1 td>span:hover{
    text-decoration: underline;
}

.table_list.ver1 td .optionSelect{
    color: #4467AD;
    font-weight: 500;
}

.table_list.ver1 td .optionSelect:hover{
    text-decoration: underline;
}

.table_list.ver1_left td{
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    padding: 15px 15px;
    border-bottom: 1px solid #ddd;
}

.table_list.ver1 .row100:hover {
    background-color: #f2f2f2;
}

.table_list.ver1 .hov-column-ver1 {
    background-color: #f2f2f2;
}

.table_list.ver1 .hov-column-head-ver1 {
    background-color: #484848 !important;
}

.table_list.ver1 .row100 td:hover {
    background-color: #c2d6eb;
}

/*유망기업, 정보관리 list Table*/
.table_list.ver2 table{    width: 100%;
    table-layout: fixed;
}

.table_list.ver2 th {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    border-top: 2px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    background-color: #f5f5f5;
    padding: 15px 10px;
}

.table_list.ver2 td {
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    padding: 15px 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table_list.ver2 tr:hover{
    background-color: #f5f5f5;}

/*상관성 테이블*/
.xyTable{
    width: 100%;
}

.xyTable .row100:hover {
    background-color: #f2f2f2;
}

.xyTable .hov-column-ver1 {
    background-color: #f2f2f2;
}

.xyTable .hov-column-head-ver1 {
    background-color: #484848 !important;
}

.xyTable .row100 td:hover {
    background-color: #c2d6eb !important;
}

/*메인 리스트 */
.main_list_table{
    margin-top:40px;
    width: 100%;
}

.main_list_table th{
    font-size: 17px;
    font-weight: 600;
    color: #333;
    border-top: 3px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    background-color: #f5f5f5;
    padding: 15px 10px;
}
.main_list_table td{
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    padding: 15px 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

/* input 영역 */
.input_layer{
    padding: 0;
    border: 1px solid #ddd;
    height: 42px;
    position: relative;
}
.input_layer input{
    /* float: left; */
    border: none;
    padding-left: 12px;
    min-height: 36px;
    font-size: 15px;
    vertical-align: middle;
    outline: none;
    width: 100%;
}
.input_layer span{
    float: right;
    position: absolute;
    right: 3%;
    top: 20%;
    background: #fff;
    color: #ccc;
    font-size: 18px;
    vertical-align: middle;
}

/*Div size*/
.div_25 {width: 24.9%; position: relative; float: left;}
.div_50 {width: 49.2%;  position: relative; display: inline-block;}
.div_50:last-child{margin-right:0;}
.div_100{width:100%; position: relative; display:inline-block; float: none !important; margin-top: 20px;}
.div_100:first-child{margin-top: 0;}

.div_50_left {
    width: 48.5%;
    margin-right: 13px;
    position: relative;
    text-align: left;
    float: left;
}

.div_50_left > p > span {
    padding-left: 5px;
}

.div_50_right {
    width: 48.9%;
    /*margin-top: 12px;*/
    margin-left: 13px;
    position: relative;
    float: right;
}

.div_50_right > p > span {
    padding-left: 5px;
}

/*좌 30 우 70 기업통계에서 사용중*/
.div_30_left {
    width: 28.5%;
    margin-right: 13px;
    position: relative;
    text-align: left;
    float: left;
}

.div_70_left {
    width: 69.5%;
    position: relative;
    display: inline-block;
}


/*상단 검색 영역*/
.searchContent{
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
}

.searchContent th {
    padding: 10px 10px 10px 20px;
    text-align: left;
}

.searchContent td {
    padding: 10px;
}

/*상단 검색 영역 - 팝업*/
.PopSearchContent{
    text-align: center;
    margin-top: 20px;
}

/*서브 이미지 zoomin animation*/
.backZoom{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}

.backZoom:after{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    animation: zoomin 20s 0.3s ease-out both;
    -webkit-animation: zoomin 20s 0.3s ease-out both;
    -moz-animation: zoomin 20s 0.3s ease-out both;
}

.backZoom.com001:after{
    background-image: url("../../img/head/001_company/statistics.jpg");
    background-size: 100%;
    background-position: 50% 52%;
}

.backZoom.dia002:after{
    background-image: url("../../img/head/002_diagnosis/diagnosis.jpg");
    background-size: 100%;
    background-position: 50% 81%;
}

.backZoom.deep003:after{
    background-image: url("../../img/head/003_deep/deep.jpg");
    background-size: 100%;
    background-position: 50% 81%;
}

.backZoom.info004:after{
    background-image: url("../../img/head/004_infoManage/infoManage.jpg");
    background-size: 100%;
    background-position: 50%;
}

.backZoom.move005:after{
    background-image: url("../../img/head/005_techMoveList/techMoveList.jpg");
    background-size: 100%;
    background-position: 50%;
}

.backZoom.bis006:after{
    background-image: url("../../img/head/006_businessList/businessList.jpg");
    background-size: 100%;
    background-position: 50%;
}

.backZoom.not007:after{
    background-image: url("../../img/head/007_noticePage/noticePage.jpg");
    background-size: 100%;
    background-position: 50% 26%;
}


@keyframes zoomin {
    0%{ transform:scale(1); -webkit-transform:scale(1); }
    100%{ transform:scale(1.2); -webkit-transform:scale(1.2); }
}

@-webkit-keyframes zoomin {
    0%{ transform:scale(1); -webkit-transform:scale(1); }
    100%{ transform:scale(1.2); -webkit-transform:scale(1.2); }
}

/*End 08.30*/

/*09.09*/

/*라디오, 체크박스*/
.uk-radio, .uk-checkbox {
    box-sizing: border-box;
    margin: -4px 5px 0 0 ;
    border-radius: 0;
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    transition: .2s ease-in-out;
    transition-property: background-color, border;
}
.uk-radio:not(:disabled){cursor: pointer;}
.uk-radio {border-radius: 50%}

.uk-radio:focus, .uk-checkbox:focus{outline: none;border-color: #1e87f0;}
.uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate {background-color: #1e87f0;border-color: transparent;}
.uk-radio:checked:focus, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus {background-color: #0e6dcd;}
.uk-radio:checked {background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}
.uk-checkbox:checked {background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");}
.uk-checkbox:indeterminate {background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");}

.uk-radio:disabled, .uk-checkbox:disabled {background-color: #f8f8f8;border-color: #e5e5e5; cursor:no-drop;}
.uk-radio:disabled:checked {background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");}
.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}


/*End 09.09*/

/*SmartEditor 등등 에디터에 사용되는 textarea 영역*/
.smart_editor{width: 99%; margin:0 auto;}

/* ------------------------- 기술사업화 역량진단 ------------------------- */
/*역량진단 진단명 메뉴*/
.detail_head {
    width: 100%;
    /* padding: 1px 0 17px; */
    position: relative;
    text-align: left;
    height: 36px;
}

/* 진단목록 신규추가 */
.dia_new_wrap{width: 1310px; margin: 0 auto;}

.dia_head{text-align: center; padding: 2em; background: #F1F3F8;}
.dia_head>h3{margin-top: 20px; font-size: 25px;font-weight: 700; color: #5F6CAF; margin-bottom: 15px;}

.dia_box_wrap{
    width: 35%;
    margin: 29px auto;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    box-shadow: none;
}

.dia_label{
    font-size: 15px;
    color: #5F6CAF;
    font-weight: 500;
}

.dia_box_wrap{
    box-sizing: border-box;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    padding: 1.5rem;
}

.dia_new_select{
    font-size: 13px;
    width: 50px;
    height: 40px;
    border: 1px solid rgb(229, 227, 221);
    border-radius: 4px;
    color: #7a808f;
}

/* 진단목록 완료항목 */

.box2{background-color: #fff;}

.cominfo_wrap{
    /*background: #e4e4e4; */
    /*padding: 30px;*/
}

.question_table{
    margin-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    background: #fff;}

.company_content{
    margin-left: 18px;
}
.company_content>tbody>tr>th{
    font-size: 16px;
}
.company_content>tbody>tr>td {
    width: 350px;
    padding-top: 12px;
    text-align: center;
}

.question{margin-top: 20px;}

.question input:read-only { pointer-events: none; background: #e2e2e2}

.question>table>tbody>tr>.q_title{
    padding: 40px;
    width: 200px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    background: #71bbcf;
    color: #fff;
}

.q_text{
    text-align: left;
    padding: 18px 18px 18px 30px;
    font-size: 20px;}

.q_input{
    padding: 0 18px 18px 30px;
    width: 1090px;
}

.comment_div>p{
    padding-bottom: 20px;
}

/* ------------------------- 진단개요 ------------------------- */
/* 스텝 구분선 */
.arrow_type{
    text-align: center;
    border-top: 2px solid #00558f;
    margin-top: 15px;
    display: none;
}

/* summary_wrap 바로 밑 child 전부 안보이게*/
.summary_wrap > *{
    display: none;
}

/* 스텝1 */
.step1_wrap {
    position: relative;
    overflow: hidden;
    height: max-content;
}

.step1_wrap h2{
    position: absolute;
    left: 39.6%;
    top: 73px;
    margin: 0;
    z-index: 1;
}

.step1_wrap .left{
    float: left;
    text-align: left;
}

.step1_wrap .right{
    float: right;
    text-align: left;
    padding-left: 262px;
}

.step1_wrap dl{
    width: 50%;
    padding: 43px 0;
    position: relative;
}

.step1_wrap .left:nth-child(-n+5):before{
    display:  block;
    width:  70%; height:  1px;
    position:  absolute; bottom:  0;
    content: "";
    border-bottom:1px dotted #0067b3;
    transition: all 2s;
    animation: fullwidth 2s ease-out both 800ms;
    -webkit-animation: fullwidth 2s ease-out both 800ms;
    -moz-animation: fullwidth 2s ease-out both 800ms;
    left: 0;
}
.step1_wrap .right:nth-child(-n+5):before{
    display:  block;
    width:  70%; height:  1px;
    position:  absolute; bottom:  0;
    content: "";
    border-bottom:1px dotted #0067b3;
    transition: all 2s;
    animation: fullwidth 2s ease-out both 800ms;
    -webkit-animation: fullwidth 2s ease-out both 800ms;
    -moz-animation: fullwidth 2s ease-out both 800ms;
    right: 0;
}

.step1_wrap dt{
    font-size: 23px;
    font-weight: 700;
    color: #00558f;
    margin-bottom: 10px;
}

.step1_wrap dd{
    font-size: 16px;
    color: #545454;
}

/* 스텝2 */
.step2_wrap{
    margin-top: 10px;
    overflow: hidden;
    height: max-content;
}

.step2_wrap h2{
    font-size: 90px;
    font-weight: 600;
    text-align: center;
    color: #00558f;
}

.step2_wrap p{
    font-size: 23.6px;
    text-align: center;
    font-weight: 600;
    color: #333;
}

.step2_box{
    width: 400px;
    margin-top: 20px;
}

.last{margin-right: 0;}

.step2_box dt{
    margin-top: 10px;
    width: 400px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #00558f;
    border-radius: 10px;
    color: #fff;
    font-size: 23px;
}

.step2_box dd{
    font-size: 15px;
    color: #545454;
    margin-top: 5px;
}

/* 스텝3 */
.step3_wrap{
    height: max-content;
}

.step3_wrap h2{
    font-size: 90px;
    font-weight: 600;
    text-align: center;
    color: #00558f;
}

.step3_wrap p{
    margin: 30px 0;
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    color: #00558f;
}

/* 스텝4 */
.step4_wrap{
    height: max-content;
}

.step4_wrap h2{
    font-size: 90px;
    font-weight: 600;
    text-align: center;
    color: #00558f;
}

.step4_wrap p{
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
    background-color: #00558f;
    margin: 30px 0;
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    color: #fff;
}

/* 진단목록 시작, 제출/진행중, 완료 버튼 스타일 영역 + 비활성화 버튼 추가*/
.list_start_btn{color: #90bf01; font-weight: 500;}
.list_start_btn:hover{text-decoration: underline; text-decoration-color: #90bf01;}

.list_submission_btn{color: #36b791; font-weight: 500;}
.list_submission_btn:hover{text-decoration: underline; text-decoration-color: #36b791;}

.list_complete_btn{color: #2f72c1; font-weight: 500;}
.list_complete_btn:hover{text-decoration: underline; text-decoration-color: #2f72c1;}

.list_disable_btn{color: #ccc; cursor: no-drop;}

.dia_list_right_menu{
    display: inline-block;
    position: absolute;
    right: 0;
}

.dia_list_right_menu>a {
    text-decoration: none;
    color: #fff;
    text-align: center;
    background: #096e80;
    width: 150px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-size:16px;
    /*margin-left: 5px;*/
}


/* 내부역량진단 시작 팝업페이지 유저 */
#survey_user_check{
    text-align: center;
    margin-top: 10px;
}

.survey_form{
    width: 170px;
    height: 40px;
    padding-left: 10px;
}

/*평균 및 결과점수 영역*/
.india_score{overflow: hidden;}
.res_score{float: right;
    font-size: 18px;
    color: #333;
    margin: 30px 0 5px 0;
    font-weight: 600;
    display: inline-block;}

/* 진단목록 내부 테이블 하단 추가글 */
.comment_div{margin-top: 20px;}

/*09.03*/

/*Detail Table 공통 CSS*/
.detail_tb{margin-top:20px;}

.detail_tb table{
    table-layout: fixed;
    width: 100%;
}
.detail_tb th{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #ddd;
    line-height: 1.4;
    text-align: center;
    background-color: #f5f5f5;
}
.detail_tb td{
    vertical-align: middle;
    font-size: 15px;
    color: #333;
    background: #FFFFFF;
    border-bottom: 1px solid #ddd;
}

/*Radio 같은 click 설문용*/
.detail_tb.ver1 table{
    border-top: 3px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
}

.detail_tb.ver1 th {
    text-align: center;
    padding: 15px 10px;
}

.detail_tb.ver1 td {
    /*text-align: center;*/
    padding: 15px 10px;
    height: 40px;
    line-height: 1.4;
}

.detail_tb.ver1 td input[type=text]{width: 96.2%; padding:10px 5px; border: 1px solid #ccc;}
.detail_tb.ver1 td input[type=text]:read-only{border: none;}

/*input 입력(설문) table*/
.detail_tb.ver2 table{
    border-top: 2px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
}

.detail_tb.ver2 th {
    text-align: left;
    padding: 10px 10px 10px 50px;
    text-indent: -40px;
}

.detail_tb.ver2 td {
    padding: 15px 0;
    height: 55px;
    line-height: 55px;
    text-align: right;
}

.detail_tb.ver2 td input[type=text]{ text-align:right; padding:10px 5px; width: 160px; border:1px solid #ccc;}
.detail_tb.ver2 td input[type=text]:read-only{border: none;}
.detail_tb.ver2 td input[type=radio]{margin-left: 20px;}

/* 상세페이지 table*/
.detail_tb.ver3 table{
    border-top: 2px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    margin-top:10px;
}

.detail_tb.ver3 th {
    padding: 10px 10px 10px 50px;
    text-indent: -40px;
}

.detail_tb.ver3 td {
    padding: 15px 10px;
    height: 55px;
}

.detail_tb.ver3 td input[type=text]{ padding:10px 5px; border:1px solid #ccc; margin: 0; width: 85%;}
.detail_tb.ver3 td select{ padding:10px 5px; border:1px solid #ccc; margin: 0; width: 85%;}
.detail_tb.ver3 td input[type=text]:read-only{background: #ddd;}
.detail_tb.ver3 td textarea{padding:0; margin: 0; width: 85%; min-height: 200px; resize: none;}
.detail_tb.ver3 td img{padding:0; margin: 0; width: 200px; height: 200px; resize: none;}

/*08.29*/

/*삭제아이콘*/
.deleteIcon{
    color:#b1b1b1;
    cursor: pointer;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.deleteIcon:hover{
    color: #d54e51;
    /*font-size:18px;*/
    font-weight: 700;
}

/*전체 건수 숫자*/
.total_count{
    color:#093793;
}

/*전체 건수 라인 테이블*/
#countTable{
    /*margin-top: 20px;*/
    width: 100%;
    font-size:16px;
}

/* 기업정보 검색 버튼*/
.search_btn{
    /*-webkit-transition: all 0.3s;
    transition: all 0.3s;*/
    background: #7d7d7d;
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 18px;
    vertical-align: middle;
}

.compare_search_btn{
    float: right;
    background: #4f6dab;
    color: #fff;
    border: none;
    width: 150px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 15px;
    vertical-align: middle;
}

/* 새로고침 버튼 스타일 영역 */
.refresh_btn{
    background: #7d7d7d;
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 18px;
    vertical-align: middle;
}

/* 추가 버튼 스타일 영역 */
.add_btn {
    text-align: center;
    display: inline-block;
    font-size: 16px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #000;
    border: #000 solid 1px;
    border-radius: 0.4em;
}
.add_btn:hover{
    background-color: #333333; color: #e2e2e2; border: #e2e2e2;
}
/* 다운 버튼 스타일 영역 */
.down_btn {
    text-align: center;
    display: inline-block;
    font-size: 16px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #fff;
    color: #00838F;
    border: #00838F solid 1px;
    border-radius: 0.4em;
}
.down_btn:hover{
    background-color: #00838F; color: #fff; border: #fff;
}

/* 기업정보 추가 버튼 */
.bn_add_btn{
    color: #fff;
    background: #028AA1;
    margin:0;
    float: right;
    text-align: center;
    font-size: 16px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

/* 기업정보, 사업화정보 추가 bpopup 내부 버튼 스타일 영역 */
.business_popup{
    text-align: center;
    margin-top: 20px;}

/* 기업정보 추가 팝업 취소,삭제 버튼 스타일 영역 */
.delete_btn{
    font-size: 16px;
    color: #929292;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 155px;
    height: 40px;
    line-height: 40px;
    background-color: #ddd;
}
.delete_btn:hover{
    color: #B71C1C;
    border: 1px solid #B71C1C;
    background: #fff;
}
/* 검색 input box*/
.search_input{
    background-color: #eaeaea;
    border: none;
    padding-left: 12px;
    min-height: 40px;
    font-size: 15px;
    vertical-align: middle;
    outline:none;
}

.search_input.border_line{
    border: 1px solid #eee;
}
/*긴 버전*/
.search_input.large{width: 494px;}

.search_select{
    height: 40px;
    width: 150px;
    padding: 0 0 0 15px;
    vertical-align: middle;
    font-size: 16px;
    border: none;
    background-color: #eaeaea;
}

/*출력 영역(PDF, Word) div*/
#print_div{
    display: none;
}

/*End 08.29*/

/*09.02*/

/*검색 영역 table css*/
.search_table{width: 100%; font-size:16px;}
.search_table th{text-align: center; font-weight: bold; width: 125px;}
.search_table td{text-align:center; padding:10px;}
.search_table .search_btn_layer{vertical-align: top;}


/*검색항목 더보기*/
.search_more{cursor: pointer; border-top:1px solid #cecece; line-height: 45px;}
.search_more.close{display: none;}

.form-control{padding-left: 15px; border: 0; border-bottom: 1px solid #bbb; font-size: 15px; width:90%;/* margin-left: 11px;*/}

/* view 영역*/
.view_div{
    padding: 50px 50px 50px 50px;
    border-top: 3px solid #a7a7a7;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    box-shadow: 1px 1px 5px 1px #efefef;
}
.view_div2{
    padding: 50px 50px 50px 50px;
    border-top: 3px solid #a7a7a7;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    box-shadow: 1px 1px 5px 1px #efefef;
}
.pop_view_div{
    padding: 50px 50px 50px 50px;
    border-top: 3px solid #a7a7a7;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    box-shadow: 1px 1px 5px 1px #efefef;
    height: 650px;
    overflow-y: auto;
}

.sub_title{
    color: #2b4ca6;
    letter-spacing: 0.1vw;
    margin: 3vw auto 2vw auto;
    position: relative;
    font-size: 1.2vw;
    font-weight: bold;
    border-bottom: 1px solid #b6b6b8;
}
.sub_title::after{
    background: linear-gradient(45deg, #2b4ca6, transparent);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40%;
    height: 3px;
}
/* 상단 탭 메뉴 css */
.result_sub_menu{position: relative; z-index: 99; margin-top:20px;}
#result_sub_menu_ul{height:50px; margin-bottom: 0;}
#result_sub_menu_ul>li{float: left;}
#result_sub_menu_ul>li:last-child{border-right: 1px solid #D9D9D9;}
#result_sub_menu_ul>li>a{
    font-size:17px;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    box-shadow: 1px 0px #bdbdbd57;
}
#result_sub_menu_ul>li>a:hover{
    color: #333;
    background-color: #fff;
    text-decoration: underline;
}
#result_sub_menu_ul>li.selected>a{
    color: #fff;
    background-color: #4467ad;
}

/* 상단 탭 메뉴 css - bpopup 임시처리-kij 10.18 */
#bpop_result_sub_menu_ul{height:30px; margin-bottom: 0;}
#bpop_result_sub_menu_ul>li{float: left;}
#bpop_result_sub_menu_ul>li:last-child{border-right: 1px solid #D9D9D9;}
#bpop_result_sub_menu_ul>li>a{
    font-size:17px;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*    border-bottom: 1px solid #093793;*/
}
#bpop_result_sub_menu_ul>li>a:hover{
    color: #333;
    background-color: #F2F2F2;
}
#bpop_result_sub_menu_ul>li.selected>a{
    color: #fff;
    background-color: #4467ad;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* pdf, word 파일 영역 스타일 */
.file_menu{position: absolute; top: 50px; right: 0; text-align: center;}
.file_menu>button:hover{
    font-weight: 600;
    border-color: #35393d;}
.file_menu>button>img{
    width: 20px;
    height: 20px;}


/* sub visual wrap(상단 navigation 메뉴, 이미지) */
#visual_wrap_sub nav .container {
    max-width: 1350px;
    width: auto;
}

#visual_wrap_sub {
    position: relative;
    width: 1350px;
    height: 100px;
    margin: 20px 0 0 0;
    border-bottom: 1px solid #2597b5;
}

#visual_wrap_sub h2 {
    font-size: 40px;
    text-align: center;
    color: #fff;
    line-height: 210px;
}

#visual_wrap_sub .sub_nav {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
}

#visual_wrap_sub .sub_nav a {
    display: inline-block;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(9, 55, 147, 0.4);
    color: #fff;
    width: 267px;
    text-decoration: none;
}

#visual_wrap_sub .sub_nav a.active {
    background-color: #fff;
    color: #000;
}

/* End 09.02*/



/* 순서도 메뉴 스타일 영역 */
#checkout-progress {
    width: 95%;
    margin: 0 auto 50px auto;
    font-weight: 700;
    position: relative;
}

#checkout-progress .progress-bar {
    width: 100%;
    display: flex;
    height: 100px;
    justify-content: space-between;
    align-items: center;
}
#checkout-progress .progress-bar .step {
    z-index: 2;
    position: relative;
    cursor: pointer;
}
#checkout-progress .progress-bar .step .step-label {
    position: absolute;
    top: calc(100% + 35px);
    left: 50%;
    -webkit-transform: translateX(-50%) perspective(1000px);
    transform: translateX(-50%) perspective(1000px);
    white-space: nowrap;
    font-weight: 600;
    color: #ccc;
    transition: 0.3s ease;
    font-size: 19px;
}
#checkout-progress .progress-bar .step span {
    color: #ccc;
    transition: 0.3s ease;
    display: block;
    -webkit-transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
    font-size: 28px;
}
#checkout-progress .progress-bar .step .fa-check {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 35px;
    height: 35px;
    font-size: 35px;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}
#checkout-progress .progress-bar .step.active span, #checkout-progress .progress-bar .step.active .step-label
{
    color: #2C3E50;
}
#checkout-progress .progress-bar .step.valid .fa-check {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}
#checkout-progress .progress-bar .step.valid span {
    color: #4467ad;
    -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}
#checkout-progress .progress-bar .step.valid .step-label {
    color: #2C3E50 !important;
}
#checkout-progress .progress-bar .step:after{
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) perspective(1000px);
    transform: translate(-50%, -50%) perspective(1000px);
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 50%;
    border: 5px solid #ccc;
    transition: 0.3s ease;
}

#checkout-progress .progress-bar .step.active:after{
    border: 5px solid #4467ad;
}
#checkout-progress .progress-bar .step.valid:after {
    background-color: #4467ad;
    border: 5px solid #4467ad;
}

.bar {
    position: absolute;
    top: 53%;
    left: 0;
    background: #E8DFD8;
    width: 100%;
    height: 15px;
    border-radius: 10px;
    transform: translate(0, -50%);
    overflow: hidden;
}

.bar_fill {
    display: block;
    background: #4467ad;
    height: 100%;
    transition: transform .5s;
    transform-origin:0;
}

.opaque{
    height:28px;
    display: none;
}

/* -------------------------End 공통 스타일------------------------- */



/* -------------------------Main------------------------- 2022.01.18 pys */
.main_container{width: 100vw; height: 75vh; z-index: -2; overflow: hidden;}

/* 메인 3단 디자인 변경 2022.01.25 : pys*/

.main_box3>.main_left_box_title{
    padding-top: 12vh;
    font-size: 2vw;
    font-weight: bold;
    padding-left: 6vw;
    line-height: 3vw;
    color: #333;
    opacity: 0.9;
}
.main_box3>.main_left_box_span{
    /*padding-top: 8.4vh;*/
    padding-left: 6vw;
    line-height: 2.7vh;
    font-size: 1vw;
    color: #333;
    opacity: 0.9;
}

.main_grid_row{
    display: grid;
    grid-template-columns: 2fr 1fr;
    width: 100vw;
}

.main_box{
    display: inline-grid;
    grid-row-end: 3;
    height: 100%;
}
.main_box1{ background: linear-gradient(0deg, #88c5ff40, rgb(255 130 130 / 10%)), url(../../img/login/main_bg4.jpg); background-position: 44%; background-repeat: no-repeat; background-color: #673ab7; background-size: cover;}
.main_box2{ background: radial-gradient(118.05% 118.05% at 67.77% 111.42%, rgba(53, 0, 255, 0.2) 0%, rgba(0, 209, 255, 0) 100%), url(../../img/login/main_bg2.jpg); background-position: 34% -36px; background-repeat: no-repeat; background-color: #158cb6; background-size: cover;}
.main_box3{ background: url(../../img/login/main_bg1.jpeg); background-repeat: repeat-y; background-color: #e2e2e2; background-size: contain;}

.main_box_title{
    padding-top: 26.4vh;
    padding-left: 5vw;
    color: #fff;
    font-size: 2vw;
    font-weight: bold;
    letter-spacing: -0.1rem;
    z-index: 1;
    text-shadow: 1px 2px 3px rgb(0 0 0 / 44%);
}
.main_box_sub{
    padding-left: 5vw;
    line-height: 1.4vw;
    font-size: 1vw;
    color: #fff;
    opacity: 0.9;
    padding-top: 1vh;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 64%);
}
.main_box_end{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 1rem 1rem 4rem;}

.main_box_bottom{
    width: 24rem;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    color: #333333;
    font-size: 1.5vw;
    font-weight: lighter;
    line-height: 6vh;
    margin: 12vh 5vw 20vh 5vw;
    cursor: pointer;
}
.main_box_bottom>span{
    color: #333;
    font-weight: 500;
    vertical-align: middle;}

.main_box_bottom>.fa-chevron-right{
    font-size: 1.1vw;
    font-weight: 200;
    color: #333;
    vertical-align: middle;}

/* Q&A 스타일영역 */
.main_left_box_qn_span{
    width: 22vw;
    height: fit-content;
    background: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 20%);
    display: inline-grid;
    overflow: hidden;
    margin-left: 6vw;
}

.main_let_box_qa_title{
    padding-top: 2vh;
    padding-left: 3vw;
    color: #333;
    font-size: 1.5vw;
    font-weight: bold;
    letter-spacing: -0.1rem;
}
.main_left_box_qn_text{
    bbackground: #fff;
    padding-top: 1vh;
    padding-left: 3vw;
    line-height: 1.6vh;
    color: #333;
    opacity: 0.9;
}
.main_left_box_qn_bottom{
    background-color: #e9e9e9;
    text-align: center;
    color: black;
    font-size: 0.6vw;
    font-weight: normal;
    width: 6vw;
    height: 1.2vw;
    line-height: 1.2vw;
    border-radius: 5vw;
    margin-top: 0.5vh;
    margin-left: 3vw;
    margin-bottom: 2vh;
}


/* -------------------------End Main------------------------- 2022.01.18 pys */

/* -------------------------Main------------------------- */


/* 메인이미지 -사용안함 주석처리

#main_center{
    position: relative;
}
.main_area{
    width: 100vw;
    height: 100%;
    background: url("../../img/login/kier_main.jpg") right 36% no-repeat, #95d4ce;
    padding: 20vh 40vw 20vh 6vw;
}
.img_wrap{
    position: relative;
    width: 100%;
}
.main_img_content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width:100%;
    height: 100%;
}
.main_img_content>img{
    display: block;
    width:100%;
    height: 100%;
}

.text_wrap{
}
.text_content{
    padding: 2vh 1vw;
    background-color:rgba(1,88,116,0.5);
}

.text_lg{
    position: relative;
    font-size: 2.4vw;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    padding: 0 0 10px 0;
    color: #FFFFFF;
}
.text_sub{
    position: relative;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0;
    color: #ffffff;
}
.text_sub span{
    font-weight: 00;
}
/*

!* 메인이미지 *!
.aims{
    overflow: hidden;
    position: relative;
    height: 100%;
}

#main_center{
    position: relative;
}

!* 메인이미지 텍스트 *!

#main_center #main_1_text{
    position: absolute;
    color: #FFFFFF;
    z-index: 100;
    top: 28%;
    left: 5.5%;
    line-height: 1.7;
    padding: 40px;
}

#main_center> .btn_visual{
    width: 1500px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.btn_visual a{position: absolute;}

#main_center> .btn_visual>.btn_visual_prev{
    top: 280px;
    left: -189px;
    width: 40px;
    height: 40px;
    opacity: 0.9;
}

#main_center> .btn_visual>.btn_visual_next{
    top: 280px;
    right: -208px;
    width: 40px;
    height: 40px;
    opacity: 0.9;
}

#main_center> .btn_visual>.btn_visual_prev:hover{
    top: 280px;
    left: -189px;
    width: 40px;
    height: 40px;
    opacity: 0.6;
}

#main_center> .btn_visual> .btn_visual_next:hover{
    top: 280px;
    right: -208px;
    width: 40px;
    height: 40px;
    opacity: 0.6;
}

#main_center #main_1_text .text_lg {
    font-size: 48px;
    margin-bottom: 23px;
    line-height: 60px;
    font-weight: 700;
}

#main_center #main_1_text .text_sub{
    font-size: 25px;
}

#main_center #main_1_text .text_sm {
    font-size: 18px;
}

.main_login>a{
    margin-top: 20px;
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 8px;
    font-size: 17px;
    border: 1px solid #e4e4e4;
    background-color: #00001c;
    color: #e4e4e4;
}

.main_login>a>span{
    padding-left: 45px;}

!*05.22 추가작업*!
.container{position:relative; max-width:1600px; padding-right:50px; padding-left:50px;}

*/

/* -------------------------End Main------------------------- */


/* ------------------------- 유망기업선별 ------------------------- */
/* 기업상세 > 기업리스트 */

.main_list_table> tr{cursor: pointer;}


/* 기업통계 */
.com_table_tab01_h5{margin-bottom: -59px;}
.com_all_tab01_h3{font-size: 19px;}

/* 기술분야별 유망점수 */
.radar_view{margin-top: 20px;}


/* 기업리스트>리스트 내부> */
.rador_data_chart_size{height: 486px;}

/* 기업통계>기술분야별 유망점수>9메뉴 차트크기 */
.rador_chart_size{height: 479px;}



/* 기업통계 비교 */
.com_search_table{width: 100%; font-size:16px; position: relative;}
.com_search_table th{text-align: left; font-weight: bold; width: 70px;}
.com_search_table td{padding:10px 7px;}
.com_search_table .search_btn_layer{vertical-align: top;}

.com_search_input{
    margin-top: 5px;
    width: 100%;
    background-color: #eaeaea;
    border: none;
    padding-left: 20px;
    min-height: 40px;
    font-size: 15px;
    vertical-align: middle;
    outline: none;
}

/* 검색 팝업창 */
.com_div_50_left{
    border-top: 3px solid #a7a7a7;
    text-align: center;
    width: 100%;
    margin-right: 13px;
    position: relative;
    float: left;
}

.com_bpopup_close{
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 28px;
    cursor: pointer;
}

.com_popup_search_input{
    border: 1px solid #aaa;
    padding-left: 10px;
    margin-right: 10px;
    min-height: 40px;
    font-size: 15px;
    vertical-align: middle;
    outline: none;
}



/* -------------------------001_diagnosis------------------------- */

/*결과점수*/
.avg_all{
    margin-bottom: 8px;
    color: #4467ad;
    font-weight: 600;
    font-size: 22px;
    /*float: right;*/
}

/* 결과점수 표기 */
#q1{font-weight: 600;}
#q2{font-weight: 600;}
#q3{font-weight: 600;}
#q4{font-weight: 600;}
#q5{font-weight: 600;}
#q6{font-weight: 600;}
#q7{font-weight: 600;}
#q8{font-weight: 600;}
#q9{font-weight: 600;}

/* ------------------------- 평가개요 ------------------------- */
.deep_content{position: relative; height: 725px;}

.deep_content > *{display: none;}

.deep_h2_1{
    width: 60%;
    margin: 0 auto;
}

.deep_h2_2{
    width: 40%;
    position: absolute;
    top: 290px;
    left: 412px;
}

.deep_content p{
    text-align: center;
    width: 202px;
    height: 60px;
    line-height: 55px;
    font-size: 22px;
    position: absolute;
    left: 43%;
    bottom: -10%;
    border: 3px solid #c4a716;
    background-color: #fff;
}

.deep_last{
    height: 80px;
}
.deep_last p{
    display: none;
    margin: 100px auto 0 auto;
    width: 60%;
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
    background-color: #00558f;
    font-size: 23px;
    text-align: center;
    font-weight: 600;
    color: #fff;
}


/* 심층평가 > 특성구분 드롭다운메뉴 */
.uk-select{width: 60px; font-size: 15px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25); border: 0;}

/* 심층평가 > 상세분석결과 내부 12개 탭메뉴 */
.tab_tb{
    margin: 5px 0;
    width: 100%;
    text-align: center;
}
.tab_tb td{font-size: 16px; width: 160px; height: 40px; line-height: 40px; border: 1px solid #a7a7a7; cursor: pointer;}
.tab_tb td:hover{text-decoration: underline;}
.result_selected{font-weight: 600; color: #fff; background:#0267AB; text-decoration:none !important;}

.table_border_right{
    border-right: 1px solid #ddd;
}

.word_icon{
    font-size: 15px;
    width: 170px;
    height: 50px;
    border: 1px solid #D9D9D9;
    background-color: transparent;
}

.word_icon:hover{
    border-color: #35393d;
    font-weight: 600;
    text-decoration: underline;
}


.headerLine{line-height: 50px; /*margin-bottom:15px;*/}
.iconPosition{font-size: 17px; vertical-align: middle; color: #9fafde;}
.headText{font-size: 23px; vertical-align: top; font-weight: bold; cursor: default; color: #2B4CAE;}

#tb_project th{
    font-weight: bold;
    width: 20%;
    text-align:center;
}

/* 상세분석결과> 중요도 순위 */
.deep_pie_chart{
    width: 50%;
    margin-right: 2%;
    float: left;}

.deep_pie_table{
    height: 488px;
    overflow-y: scroll;
    float: left;
    width: 48%;}

/* 상세분석결과 > 개선공헌도 순위 */
.deep_rador_chart{
    width: 50%;
    margin-right: 2%;
    float: left;}

.deep_rador_table{
    height: 488px;
    overflow-y: scroll;
    float: left;
    width: 48%;}


/*검토의견 / 판단근거 자료 테이블*/
.ans_file_tb{width: 100%;}

/*검토의견 TD*/
.vs_widget_content-td{padding:20px; height:160px; border: 1px solid #d9d9d9;}
.ans_text_div{min-height: 100px; padding: 6px;}

.project_right{margin-top: 20px; width: 100%;}

td img:hover{
    cursor: pointer;
}

.radioLabel{cursor: pointer;}

.text_span{text-align: right; display: inline-block; margin-left: 5px;
    font-size: 13px;}


/* End diagnosis list*/

/*India*/

/*왼쪽, 가운데, 오른쪽 정렬*/
.left{
    text-align: left;
    vertical-align: middle !important;
}
.center{
    text-align: center;
    vertical-align: middle !important;
}
.right{
    text-align: right;
    vertical-align: middle !important;
}

/*End India*/

/*Outdia*/

.q11txt_q12txt_input{
    width: 120px;
    text-align:right;
}

.uk-radio:checked{
    background-color:#0267AB;
    border-color: transparent;
}

.outdia_survey_q{
    width:54%;
}

.left_header{width:15%;font-weight:bold;text-align: center; border-right:1px solid #ddd; background: #f2f2f2; vertical-align: middle !important;}
.reviewArea{width:100%; height:100px; resize: none; border:1px solid #ddd; border-top:none;}

/*판단근거 자료*/
.custom_files{width: 1px; height: 1px; display: none;}
.file_choice_btn{display: inline-block;
    line-height: 29px;
    text-align: center;
    height: 30px;
    width: 90px;
    border:1px solid #ddd;
    cursor: pointer;
    transition: 0.3s;
}
.file_name_label{
    padding-left: 5px;
    width: 200px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.file_choice_btn:hover{
    color: #333;
    border: 1px solid #333;}

/*판단근거 자료 삭제 영역*/
.file_delete_btn{float: right;}

/*End Outdia*/

/*popup*/

/* input text readonly pointer disable shape */
.left_header{width:15%;font-weight:bold;vertical-align: middle; text-align: center; border-right:1px solid #ddd; background: #f2f2f2;}

/*End popup*/

/*08.30*/

.table_detail{
    margin-top:12px;
}
.table_detail.ver1{
    width: 100%;
    border-top: 3px solid #a7a7a7;
    table-layout: fixed;
}

.table_detail.ver1 th {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    background-color: #f5f5f5;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}

.table_detail.ver1 td {
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    padding: 15px 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

/* end 08.30*/

/*09.03*/
.survey_sub_title{font-size:18px; color: #333; margin:30px 0 5px 0; font-weight: 600; display: inline-block;}
.survey_small_title{padding-left: 1px; font-size:15px; margin:10px 0 5px 0; font-weight: 600; display: inline-block;color: #4e4e4e;}

/*외부환경진단결과 시장성장성 Table*/
.out_result_tb.f_table{border-top:2px solid #a7a7a7; margin-top:5px;}
.out_result_tb{width: 100%;}
.out_result_tb th{font-size: 16px; font-weight: 600; color: #333; border-bottom: 1px solid #ddd; text-align: center; background-color: #f5f5f5;padding: 15px 10px;}
.out_result_tb td{font-size: 15px; color: #333; border-bottom: 1px solid #ddd; text-align: center; padding: 15px 10px;}

/*end 09.03*/

/*09.05*/

/*외부환경진단 - 판단근거 자료 CSS*/
.file_div{/* min-height: 80px; */font-size:15px;vertical-align: middle;line-height: 30px;margin-top: 15px;}
.file_div>div:last-child{margin-right: 0;}
.file_div>div>div{border:1px solid;font-size: 15px;/* padding:5px; */width: 330px;display: inline-block;/* height: 40px; */line-height: 38px;/* padding: 12px 0 11px 15px; */padding-left: 15px;}

/*기업명 검색 bpopup*/
.search_bpopup{width: 550px; height: 620px;}

/*기업명 검색 bpopup - table 영역*/
.company_search_layout{height: 340px; overflow-y: scroll; margin-top: 20px;}
.company_search_layout table td{cursor: pointer;}

/* -------------------------End 001_diagnosis------------------------- */

/* -------------------------002_appraisal------------------------- */

.table thead th {text-align: center; font-weight: 600; vertical-align: middle;}
.slash{url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="white" /></svg>');}
.backslash {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="white" /></svg>');
}
.wrapTable .backslash {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="white" /></svg>'); background-size: 100% 100%; background-color: #efefef; text-align: left; padding: 0 10px; border-right: solid 1px #ddd;}
.slash, .backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }

div.slash_right { text-align: right; font-weight: 600; padding-right: 15px;}
div.slash_left{ text-align: left; font-weight: 600; padding-left: 15px; }

/* project */
/*평가 상단 버튼 및 제목 영역*/
.project_header{
    position: relative;
}

#projectListTable {
    width: 100%;
    table-layout: fixed;
    margin: auto;
}

#projectListTable th {
    padding: 10px;
    text-align: center;
    vertical-align:0 middle;
    font-size: 18px;
}

#projectListTable td {
    padding: 10px;
    text-align: center;
    font-size: 16px;
}

.searchChild {
    width: 70%;
    height: 35px;
}

.contentTable {
    table-layout: fixed;
    width: 100%;
    margin: auto;
}

.contentTable th {
    text-align: center;
    padding: 5px;
    border: 1px solid #999;
}

.contentTable td {
    padding: 5px;
    border: 1px solid #999;
}

.projectBasicTB {
    width: 66%;
    table-layout: fixed;
    margin:auto;
}

.projectBasicTB th {
    width: 30%;
    text-align: left;
    padding: 5px;
}

.projectBasicTB td {
    padding: 5px;
}

.numbering {
    text-align: center;
}

/* appraisal */
.appraisalWrap {
    padding-top: 20px;
    width: 100%;
    overflow-x: auto;
}

.appraisal_move {
    margin-top: 40px;
    /* height: 45px; */
    width: 100%;
    /*display: table;*/
    overflow: hidden;
}

/*2019.08.20 추가 - 하단 버튼 div 구조*/
.appraisal_move > .divs{
    font-size: 18px;
    /* float: left; */
    /* display: table-cell; */
    /* width: 33.33%; */
    /* text-align: center; */
}
/* 하단 왼쪽 버튼*/
.appraisal_move > .divs.left_div{
    text-align: center;
    width: 100%;
}
/* 하단 중앙 버튼*/
.appraisal_move > .divs.center_div{
    text-align: center;
}
/* 하단 오른쪽 버튼 (목록 제거됨, 가운데 배치)*/
.appraisal_move > .divs.right_div{
    /*float: right;*/
    text-align: center;
}

/*하단 버튼 div 구조 End*/

.print_layer{display: none;}

.content {
    padding: 0 20px;
}

/* Step6 */
.step6PrintTb {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 100%;
}

.step6PrintTb th {
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    background: #f2f2f2;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 15px;
}

.step6PrintTb td {
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 40px;
    font-size: 13px;
}

.chart_div {
    border: 1px solid #afafaf;
    text-align: center;
    margin-top:5px;
    height: 483px;
}

.prjInfo_th{
    background: #f2f2f2;
    text-align: center;
    font-weight: 600;
}

.step1_popup_tb{
    margin: 10px 0 0 0;
    width: 100%;
    border-top: 3px solid #d8d8d8;
    display: none;
}

.step1_popup_tb td{
    font-size: 15px;
    padding-top: 25px;
    padding-left: 12px;
    width: 27%;
    color: #4e4e4e;
}

.step2_select_tb{
    margin:10px 0;
}

.step2_select_tb td{
    padding: 20px 0 10px 10px;
    font-size: 15px;
    width: 20%;
    color: #4e4e4e;
}

/* 글로벌 시장경쟁력 평가 */

#project_tb{width: 100%;}
#project_tb th{font-size:16px;}
#project_tb td{padding: 15px 5px; font-size:15px;}

/*심층평가 > 품질특성 > 기능구분 및 단위 팝업*/

/* 단위팝업 */
#unit_tb>span{
    margin-bottom: 5px;
    display: inline-block;
    width: 119px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #bbbbbb;
    text-align: center;
    font-size: 14.2px;
    cursor : pointer;
}

#unit_tb>span.selected{
    font-weight: 500;
    color: #028aa1;
    border:1px solid #028aa1;
}

/*측정단위 상단 메뉴 div */
.unit_div{
    width:100%;
}

#unit_select{
    margin-top: 20px;
    border-top: 3px solid #d8d8d8;
    border-bottom: 3px solid #d8d8d8;
}

/* 벤치마킹 DB검색 팝업창 */
#product_bpopup{
    width: auto;
    height: auto;
}

#productDIV{width: 1000px;}
#productDIV> span{font-size: 15px; margin: 0 10px 0 40px;}

/* 벤치마킹 DB검색 팝업창 입력란 스타일 */
.step5_popup_input{
    width: 210px;
    background-color: #fff;
    padding-left: 15px;
    min-height: 40px;
    font-size: 15px;
    vertical-align: middle;
    outline:none;
}

/* 상세분석 결과 스타일 영역 */
.btnList_wrap{
    padding-top: 40px;
    overflow: hidden;
}

.btnList{
    float: right;
}

.btnList_left{
    float: left;
}

/*step3,4 테이블*/
.step34_tb{
    width: 100%;
    /*table-layout: fixed;*/
    border-top: 3px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
}

.step34_tb th{
    font-size: 17px;
    font-weight: 600;
    color: #333;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    background-color: #f5f5f5;
    padding: 15px 10px;

    min-width: 150px;
}
.step34_tb td{
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    padding: 15px 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;

    min-width: 150px;
}

.step34_tb .disable_td{background:#ececec;}

/*상세분석결과 table*/
.step6_content_wrap{width: 100%; margin:40px auto 0 auto;page-break-after: always;}
.step6_content_wrap>h5{font-size: 18px; color: #333;}
.step6_content_wrap table{
    width: 100%;
    margin-top:7px;
    border-top: 3px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
}

.step6_content_wrap th {
    text-align: center;
    padding: 15px 10px;
    min-width: 95px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #ddd;
    line-height: 1.4;
    background-color: #f5f5f5;
}

.step6_content_wrap td {
    text-align: center;
    padding: 15px 0;
    height: 40px;
    line-height: 1.4;
    vertical-align: middle;
    font-size: 15px;
    color: #333;
    background: #FFFFFF;
    border-bottom: 1px solid #ddd;
}

/* -------------------------End 002_appraisal------------------------- */

/* -------------------------003_monitoring------------------------- */

.many_search{
    background-color: #f4f8fa;
    border: 1px solid #d4e7e9;
    padding: 40px 20px 40px 0;
    border-radius: 0.5em;}

.many_search>div{
    margin-top:20px;
}

.many_search input{
    width:195px; padding: 5px; font-size:16px;
}

.many_search select{
    width:195px;
    height: 40px;
    padding-left: 5px;
    font-size:16px;
}

.many_search span{
    width: 150px;
    margin-right: 5px;
}

.detail_search_list{
    display: none;
}

.long_search_btn{
    margin-top: 13px;
    width: 100%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #0267AB;
    color: #fff;
    font-size: 16px;
}
.long_search_btn_many{
    width: 100%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #0267AB;
    color: #fff;
    font-size: 16px;
}
.top_tab_menu{position: relative; z-index: 99; padding-top: 30px;}
#top_tab_menu_ul{height:50px; margin-bottom: 0;}
#top_tab_menu_ul>li{float: left;}
#top_tab_menu_ul>li:last-child{border-right: 1px solid #D9D9D9;}
#top_tab_menu_ul>li>a{
    text-align: center;
    text-decoration: none;
    display: block;
    width: 170px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    font-size: 16px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    box-shadow: 1px 0px #bdbdbd57;
}

#top_tab_menu_ul>li>a:hover{
    color: #333;
    background-color: #F2F2F2;
}
#top_tab_menu_ul>li.selected>a{
    color: #fff;
    background-color: #4467ad;
}

.bis_detail_div{min-height: 230px;}

/* ------------------------- 기업모니터링 ------------------------- */

/* 기업모니터링 > 기업정보 */
.project_etc_div> a{margin-left: 15px;}
.project_etc_div> a:hover{
    font-weight: 600;
    text-decoration: underline;}

/* 사업화 정보 */
#insert_form>table>tbody>tr>td{
    width: 20%;}

/* -------------------------End 003_monitoring------------------------- */

/* -------------------------009_notice------------------------- */

/*detail*/

.notice_title{
    width: 500px;
    margin-bottom: 20px;
    line-height: 35px;
    font-size: 14px;
}

/* 게시물 내용보기 */
.view_content {
    clear: both;
    min-height:515px;
    padding: 25px 10px;
    border-bottom: solid 1px #464646;
    border-left: solid 1px #e2e2e2;
    border-right: solid 1px #e2e2e2;
    overflow: hidden;
    background: #fff;
}

/* kipris */
.tstyle_view {
    width: 100%;
    border-top: 3px solid #a7a7a7;
    color: #555;
    background: #fff;
}
.tstyle_view th {
    padding: 8px;
    font-size: 16px;
    background: #fafafa;
    border-right: solid 1px #e2e2e2;
    border-left: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;

}
.tstyle_view td {
    padding: 8px 12px;
    font-size:15px;
    border-left: solid 1px #e2e2e2;
    border-right: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;
}

/*End detail*/

/*write*/

.q_title{
    line-height: 35px;
    font-size: 16px;
    font-weight: 600;
}

/*End write*/

/* -------------------------End 009_notice------------------------- */


/* ------------------------- 001_company ------------------------- */

/*09.04 임시처리*/
.order_btn{display: none;}

.vs_red_widget .vs_widget_head{background-color: #C00000; padding: 0; border-bottom: none;}
.vs_blueGreen_widget .vs_widget_head {background-color: #3A5750; padding: 0; border-bottom: none;}
.vs_blue_widget .vs_widget_head {background-color: #093793; padding: 0; border-bottom: none;}
.vs_blue_widget .vs_widget_head h3{color: #fff;}

.rador_view_div{padding: 30px; border: 1px solid #D9D9D9; margin: 29px 4px 10px 0;}

/*Rador Chart 메뉴*/
.rador_sub_menu_ul{position: relative;}
.rador_sub_menu_ul{margin-bottom: 0;}
.rador_sub_menu_ul>li{float: left;}
.rador_sub_menu_ul>li:last-child{border-right: 1px solid #D9D9D9;}
.rador_sub_menu_ul>li>a{
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-left: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;}
.rador_sub_menu_ul>li>a:hover{
    color: #333;
    background-color: #F2F2F2;
}
.rador_sub_menu_ul>li.selected>a{
    font-weight: 600;
    color: #2B4CAE;
    background-color: #FFF;
    border-bottom: 1px solid transparent;
}

/*검토의견 TD*/
.td-head{
    background:#f2f2f2;
    text-align: center;
    font-size: 16px !important;
    font-weight: 500;
}

.search_category{text-align: center;}
.background{fill: #eee; pointer-events: all;}

#map{background: #eee;}

#table_layer{position: relative; margin-right:20px; }
#table_layer2{height: 625px; overflow: auto;} /*지역별 유망기업 스크롤*/
#place_result th{text-align: center; /*background: #0b3a69;*/ color: #333; font-weight: bold;}

#states path{stroke: #fff;}
#states .active{fill: #0b3a69; color:#fff;}

.con-3{width: 33%; display: inline-block; position: relative;}

/*시도별 기업등급비교 -차트*/
.double_bar_chart{width: 50%; float: left; height: 354px; border:1px solid #bbb; text-align: center;/* display: table;*/}
.double_bar_chart div{display: table-cell; vertical-align: middle; text-align: center;}

/*시도별 기업등급비교 - 좌우테이블*/
.chart_tb{width:100%; height: 354px; border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7;}
.chart_tb th{text-align: center; padding: 15px 10px; font-size: 16px; font-weight: 600; color: #333; border-bottom: 1px solid #a7a7a7; line-height: 1.4; background-color: #f5f5f5;}
.chart_tb td{text-align: center; padding: 15px; height: 40px; line-height: 1.4; vertical-align: middle; font-size: 15px; color: #333; background: #FFFFFF; border-bottom: 1px solid #a7a7a7;}
.chart_tb.left_border{border-left: 1px solid #a7a7a7;}
.chart_tb.right_border{border-right: 1px solid #a7a7a7;}



/*기업분류별 유망점수 차트위 table*/
#bar_table{position: absolute; top: 8.5%; right: 0.4%; background: #fff;}
#bar_table th{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    background-color: #f5f5f5;
    padding: 15px 10px;
}
#bar_table td{
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    padding: 15px 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
#bar_rank_table{width: 100%; margin: 10px auto;}

/*기업통계 차트 영역*/
.staticChartLayer{height: 576px; padding:10px 0; border: 1px solid #ddd; margin-top:30px;}
#bar_line_chart{height: 375px; border: 1px solid #ddd; padding:20px 10px; margin-top:5px;}

.vs_widget .vs_widget_content-td{padding:20px; height:160px;border: 1px solid #ddd}
.vs_widget .vs_widget_head h3{margin-left:5px;}

.print_chart{display: none;}

/* pdf, word 파일 영역 스타일 */
.report_view{text-decoration: underline; color: #093793;}
.report_view:hover{font-weight: 600;}

/*.table*/
.table td{
    text-align:center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.table thead th {/*background: #f2f2f2;*/ text-align: center; font-weight: 600; }

#radarHeadMenu td{
    border: 1px solid #828282;
    text-align: center;
    padding: 7px;
}
#radarHeadMenu{
    width:100%;
    border-bottom: 1px solid #d9d9d9;
}

.td-selected{
    font-weight: 600;
    color: #fff;
    background: #0267AB;
    text-decoration: none !important;
}

#result_table{width: 100%;}
#result_table th{text-align: center; font-weight: bold;}

/*차트영역 DIV*/
.statistics_chart_div{width: 100%; height: 350px; border:1px solid #bbb; text-align: center; display: table;}
/*여러건*/
.statistics_many_chart_div{width: 33.3%; height: 350px; border:1px solid #bbb; text-align: center; display: inline-block; position: relative; padding-top:5px;}
/*차트영역 표시용 Text 가운데 정렬*/
.statistics_chart_div div{display: table-cell; vertical-align: middle; text-align: center;}

/*기업검색용 Bpopup*/
#companySearchBpopup{width: 850px; height: 860px;}

/* 자동완성 스타일 영역 */

/*in_s : selectBox 존재, n_s selectBox 없음, b_n_s: bpopup selectBox 없음*/

.autoSearchDiv{
    width: 492px;
    margin: 5px auto 0 auto;
    overflow: hidden;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 6px 0 #ccc;
    display: none;
    min-height: 134px;
}

.autoSearchDiv.in_s{
    top: 36px;
    left: 36%;
}
.autoSearchDiv.n_s{
    top: 36px;
    left: 30.4%;
}

.autoSearchBPopDiv{
    width: 430px;
    margin: 5px auto 0 auto;
    overflow: hidden;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 6px 0 #ccc;
    display: none;
    min-height: 134px;
}

.autoSearchBPopDiv.b_n_s{
    z-index: 999;
    top: 85px;
    left: 5.7%;
}

#autoDiv>ul>li:hover{background-color: #cbdeeb;}
#autoDiv>ul>li.active{background-color: #cbdeeb;}

.autoKeyword{cursor: pointer; padding:10px 10px 10px 14px; color: #093793; text-align: left; font-size: 14px;}

/* ------------------------- End 001_company ------------------------- */


/* -------------------------002_infoManage------------------------- */

.content_box h5{display:inline-block;font-size:1.5em;font-weight:bold;}

/* -------------------------End 002_infoManage------------------------- */

/* ------------------------- main_layout ------------------------- */

/* main css */
.middleContent {
    width: 1350px;
    padding-top: 50px;
    margin: 0 auto;
    min-height: 75vh;
}

.main_wrap {
    min-height: 580px;
    float: left;
    margin: 10px 0;
    width: 1200px;
}

/* nav menu */
#main_tab {
    text-align: center;
}

/*프로젝트명*/
.detail_head .project_name {
    font-size: 22px;
    color: #333;
    line-height: 36px;
}

/*심층평가 - 상단 제품명 출력, 역량진단 - 상단 기업명 출력 */
.detail_head .product_name, .detail_head .company_name {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    line-height: 36px;
}

/* 적용 및 선택,닫기 버튼 스타일 영역 */
.applybtn{
    text-align: center;
    font-size: 16px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #0267AB;
    color: #fff;
}

.closebtn{
    font-size: 16px;
    color: #929292;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 155px;
    height: 40px;
    line-height: 40px;
    background-color: #ddd;
}


/* 삭제버튼 스타일 영역 */
a.removeBtn {
    text-align: center;
    font-size: 16px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #F7461E;
    color: #fff;
}

/* 테이블 내부 저장버튼 스타일 영역 */
a.savebtn {
    text-align: center;
    font-size: 16px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #304FFE;
    color: #304FFE;
}
a.savebtn:hover {
    background-color: #304FFE;
    color: #fff;
}

/* 등록버튼 스타일 */
a.regibtn {
    text-align: center;
    font-size: 16px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #2962FF;
    color: #fff;
}
a.regibtn:hover {
    border: 1px solid #2962FF;
    background-color: #fff;
    color: #2962FF;
}
/* 이전, 다음버튼 스타일 영역 */
.beforeBtn{
    font-size: 16px;
    width: 70px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #7986CB;
    color: #fff;
}
.beforeBtn::before {
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 10px;
}

.beforeBtn:hover{
    text-decoration: none;
    background-color: #fff;
    color: #7986CB;
    border: 1px solid #7986CB;

}

.nextBtn{
    font-size: 16px;
    width: 70px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #3F51B5;
    color: #fff;
}
.nextBtn::after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 10px;
}

.nextBtn:hover{
    text-decoration: none;
    background-color: #fff;
    color: #3F51B5;
    border: 1px solid #3F51B5;
}


/*수정 버튼*/
a.modifyBtn {
    text-align: center;
    font-size: 16px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #fff;
    color: #000;
    border: #000 solid 1px;
    float: right;
}
a.modifyBtn:hover{background-color: #333333; color: #e2e2e2; border: #e2e2e2;}

/* 설문 */
.guide_btn{
    display: inline-block;
    font-size: 15px;
    text-align: center;
    color: #fff;
    width: 125px;
    height: 40px;
    line-height: 40px;
    background-color: #028AA1;
    transition: 0.3s;
}

/* input number scroll delete */
.select_pop_i {
    cursor: pointer;
}

#select_title_bpopup {
    width: 530px;
    height: auto;
}

#select_unit_bpopup {
    width: 808px;
    height: auto;
}

#ndsl_bpopup {
    width: 850px;
}

/*평가 생성, 삭제 버튼 div*/
.project_etc_div {
    float: right;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
}

.project_etc_div>a {color: #333;
    font-size: 16px;}


/* 일자 textbox cursor처리(readonly) */
.datebox {
    cursor: pointer !important;
}

/*페이지 불러오는중 css*/
.loading_div {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.8;
    background: white;
    z-index: 99;
    text-align: center;
}

.loading_content {
    position: absolute;
    top: 42%;
    left: 48.5%;
    z-index: 100;
}

#loading_text{
    margin-top: 20px;
    font-size: 18px;
    width: 100%;
    position: absolute;
    top: 48%;
    z-index: 100;
}
/*비팝업 내부 로딩 css*/
.loading_div_bpop {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    display: block;
    opacity: 0.8;
    background: white;
    z-index: 10000;
    text-align: center;
}

.loading_content_bpop {
    text-align: center;
    vertical-align: middle;
}

/* 신규추가 버튼 내부 입력란 레이아웃 */


.form-group-wrap{
    margin-top: 20px;
}

.form-group{
    /*display: flex;*/
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px;
}

.form-group label{
    display: block;
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.form-group input{
    outline: none;
    display: block;
    width: 100%;
    border: 1px solid #a2aeb4;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 12px 20px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
    font-size: 16px;
    transition: 0.3s ease;
}


/* -------------------------End main_layout------------------------- */


/* ------------------------- table------------------------- */
/* Table CSS*/

/* Default */
.ta_center{text-align: center;}

#noticeList *{
    vertical-align: middle;
}

#noticeList{
    margin: 20px auto 0 auto;
    border-top: 2px solid #BABABA;
}

#noticeList th{
    height: 42px;
    text-align: center;
    background: #f4f4f4;
    color: #444444;
    border: 1px solid #ddd;
}

#noticeList td{
    height: 45px;
    text-align: center;
    border: 1px solid #ddd;
}

/* -------------------------End table------------------------- */

/*게시판 DIV*/
.vs_notice_board_div {position: relative;}

.vs_notice_board_div > h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
}

.vs_notice_board_div > ul {
    list-style: none;
    border-style: solid;
    border-width: 2px 0 2px 0;
    border-color: #444;
    margin-top: 15px;
}

.vs_notice_board_div > ul li {
    border-bottom: 1px solid #ddd;
    padding: 5px 0 5px 10px;
    cursor: pointer;
    font-size: 16px;
}

.vs_notice_board_div > ul li:last-child {
    border-bottom: none;
}

.vs_notice_board_div > ul li p {
    color: #a5d5ff;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 16px;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*widget*/
.vs_widget_head {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px dashed #cecece
}

.vs_widget_head span {
    line-height: 35px;
}

.vs_widget {
    margin-top: 40px;
    border-radius: 2px;
}

.vs_red_widget {
    border: 1px solid #C00000;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border-radius: 2px;
}

.vs_red_widget .vs_widget_head {
    background-color: #C00000;
    color: #fff;
}

.vs_red_widget .vs_widget_head h3 {
    color: #fff;
}

.vs_blue_widget {
    border: 1px solid #146bc2;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border-radius: 2px;
}

.vs_blueGreen_widget {
    border: 1px solid #3A5750;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border-radius: 2px;
}

.vs_blueGreen_widget .vs_widget_head {
    background-color: #3A5750;
    color: #fff;
}

.vs_blueGreen_widget .vs_widget_head h3 {
    color: #fff;
}

/*input types*/
.vs_input_text {
    border: none;
    border-bottom: 2px solid #dadada;
    font-size: 18px;
    height: 40px;
    display: block;
    width: 100%;
    outline: none;
    background: none;
}

.vs_input_text:focus {
    border-bottom: 2px solid #1e87f0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #eaeaea inset;
}

/*buttons*/
.disable_btn {
    background: #eaeaea;
    color: #a0a0a0;
    cursor: not-allowed !important;
}

/*End vs_component*/

/* 1018 테이블헤더 고정 */
#company_list_tb{
    width: 100%;
    table-layout: fixed;}
#company_list_tb> thead{
    margin: -5px 0 0 -1px;
    table-layout: fixed;
    position: absolute;
    display: table;
    width: 453px;
}
#company_list_tb> tbody:before{
    content: "-";
    display: block;
    line-height: 52px;
    color: transparent;
}


#right_tab{margin-bottom: 0;}
#right_tab>li>a{
    text-align: center;
    text-decoration: none;
    display: block;
    width: 170px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    font-size:16px;
}

#right_tab>li>a:hover{
    color: #333;
    background-color: #F2F2F2;
}
#right_tab>li.selected>a{
    color: #fff;
    background-color: #4467ad;
}

.listWrap {position:relative; margin:20px 0 0 0; border-bottom:2px solid #5a5b60;}
.listWrap h3 {font-size:1.6em; font-weight:600; margin:20px 0 15px 0; line-height:1em;}
.listWrap .sortArea {position:absolute; bottom:10px; right:0; }
.listWrap .sortArea a {display:inline-block;  margin-right:10px; color:#666;}
.listWrap .sortArea a  i {margin-left:3px;}
.listWrap .sortArea .fa-th,.listWrap .sortArea .fa-list-ul {background:#fff; color:#b2b2b2; border:1px solid #b2b2b2; padding:4px 5px; margin:0;}
.listWrap .sortArea .fa-th:hover,.listWrap .sortArea .fa-list-ul:hover {background:#cdcdcd; border-color:#cdcdcd; color:#fff; padding:4px 5px; margin:0;}
.listWrap .sortArea .fa-th.act,.listWrap .sortArea .fa-list-ul.act {background:#5a5b60; border-color:#5a5b60; color:#fff; padding:4px 5px; margin:0;}

.list_detail {position:relative; float:left; width:775px; overflow:hidden; padding-bottom:40px; border-right:1px solid #ddd;}
.list_detail ul {}
.list_detail li {position:relative; border-top:1px dotted #ddd; padding:20px 0; width:100%; overflow:hidden; }
/* .list_detail li:first-child {border-top:none;} */
.list_detail li .imgArea {float:left; width:188px; height:140px; margin:0; margin-right:20px; padding:0;}
.list_detail li .imgArea img {border:1px solid #ddd; margin:0;}
.list_detail li .descArea {position:relative; float:left; width:70%;  height:140px;}
.list_detail li h4 {color:#006ebc; font-size:16px;   font-weight:600; height:28px; /*white-space: nowrap; text-overflow: ellipsis; */padding:0; margin:0; border:none;}
.list_detail li h5 {color:#006ebc; font-size:18px;   font-weight:600; height:24px;  background:none; padding:0; margin:0; border:none;line-height: 1em;}
.list_detail .desc {color:#666; font-size:13px; width:100%;  /*overflow: hidden; text-overflow: ellipsis;*/ word-wrap:break-word;
    display: -webkit-box; line-height: 1.2em; height: 8.4em;}
.list_detail li .s_desc {position:absolute; left:0; bottom:0; color:#000; font-size:13px; display:inline-block;}
.list_detail li .year {position:absolute; right:0; bottom:0; color:#444;  font-size:13px; display:inline-block;}
.list_detail a:hover {color:#006EBC;}

.list_detail.detailWrap {float:none; width:100%; border:none; padding:20px 0;}
.list_detail.detailWrap .imgArea {width:200px; height:154px; border:1px solid #bbb; box-shadow: 2px 2px 10px #ccc;  border-radius:5px;}
.list_detail.detailWrap .imgArea img {border-radius:5px; padding:10px; border:none; margin:0; }
.list_detail.detailWrap .descArea {float:left;  width:740px; margin-left:10px;}
.list_detail.detailWrap .division {margin-top:14px;}
.list_detail.detailWrap dl {}
.list_detail.detailWrap dt {float:left; font-weight:600; width:80px; height:32px;  }
.list_detail.detailWrap dd {height:32px;  }
.list_detail.detailWrap dd span {display:inline-block; border:1px solid #ddd; padding:2px 12px; border-radius:5px; font-size:13px;}
.list_detail.detailWrap dd span.act {background:#ebf5ff; border:1px solid #86a5ff;}
.list_detail.detailWrap dd:nth-child(2) span.act {background:#ffefd5; border:1px solid #ffa98f;}


p.box1_cc1 {
    background: #485E76;
    text-align: center;
    padding: 0 15px;
    height: 32px;
    line-height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #485E76;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
}

p.box1_cc2 {
    background: #05ABB5;
    text-align: center;
    padding: 0 15px;
    height: 32px;
    line-height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #05ABB5;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
}

p.box1_cc3 {
    background: #EAAC01;
    text-align: center;
    padding: 0 15px;
    height: 32px;
    line-height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #EAAC01;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
}

p.box1_cc4 {
    background: #F7461E;
    text-align: center;
    padding: 0 15px;
    height: 32px;
    line-height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #F7461E;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
}

.fl{float: left;}
.fr{float: right;}

.filter_w {padding:20px 0 15px 0; border-bottom:1px solid #ddd; width:auto; overflow:hidden;}

.danSpan{font-size: 14px; font-weight: bold; color:#0066CC; float: right;}

.grBox{margin-top:15px;}
.chartView {margin-top:5px;}

.fa-minus{color: #4467ad;}

/*역량진단 기업개요 작성 프로그레스 바 : 2020.10.08*/
#cle{
    size:20px;
    color: #4467ad;
}
.progressInfo{
    margin: 0 0 15px 0;
    font-size: 17px;
    font-weight: bold;
}
#gage{
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 0 13px;
    color: #4467ad;
}
#comInfoProgress{
    width: 94%; height: 35px;
}
progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

/*2020.10.08 _ progress 움직이는 쪽 */
progress::-webkit-progress-value{
    background-color:#4467ad;
    border-radius: 50px;
    height: 20px;

}

/*2020.10.08 _ progress 배경색 */
progress::-webkit-progress-bar {
    background: #e4e4e4;
    border-radius: 50px;
    height: 20px;
}

/*2021.01.28 _ 파일 span br 대신 나누기용 */
.insteadBr{
    display: block;
}

/*2021.03.25 _ 경쟁력평가  */
.now_percent_mark{
    font-size: 16px;
    font-weight: 600;
    color:#e70909;
}