/*
 * [[ ESG 평가 - 한국기업지배구조원 ]]
 * 2018-03-27 오후16:24:13 
 * 큐브에이 & 이창호
 * goldlch@cubea.co.kr
*/
@charset "utf-8";
.text_wrap {
    border: 1px solid #e1e1e1;
    background-color: #fff;
    margin-bottom: 20px
}

.text_wrap textarea {
    font-size: 14px;
    color: #888;
    padding: 20px;
    height: 50px;
    overflow-y: scroll
}

.tdc_two {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px
}

.tdc_two button, .tdc_two a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    padding: 0 20px 4px 20px;
    line-height: 36px;
    font-size: 16px;
    margin-left: 8px;
    background-color: #4eab82;
}

.url_inp {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    height: 48px;
    margin-bottom: 20px
}

.url_inp input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.file_add {
    padding-left: 140px;
    position: relative;
    overflow: hidden
}

.file_add > button {
    position: absolute;
    left: 0;
    top: 0;
    width: 126px;
    height: 50px;
    border: 1px solid #e1e1e1;
    text-align: center;
    text-indent: 24px;
    background: #fff url('../img/ico_file-plus.png') 20px center no-repeat
}

.file_add li {
    position: relative;
    left: 0;
    top: 0;
    border: 1px solid #e1e1e1;
    height: 48px;
    background-color: #fff;
    padding-right: 230px;
    padding-left: 20px;
    margin-top: 10px
}

.file_add li:first-child {
    margin-top: 0
}

.file_add li * {
    display: inline-block;
    vertical-align: top
}

.file_add li .file_box {
    position: relative;
    width: 100%;
    display: block;
    height: 100%
}

.file_add li .file_box label {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 48px;
    font-size: 14px;
    color: #848484
}

.file_add li .file_box input[type="text"] {
    color: #6884de;
    width: 100%;
    height: 100%
}

.file_add li .file_input {
    position: absolute;
    right: 0;
    top: -1px;
    width: 160px;
    height: 50px;
    overflow: hidden;
    cursor: pointer
}

.file_add li .file_input > span {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background-color: #848484;
    line-height: 50px;
    cursor: pointer
}

.file_add li .file_input input[type="file"] {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%
}

.file_add li > button {
    position: absolute;
    right: 160px;
    top: 0;
    width: 48px;
    height: 48px;
    background: #fff url('../img/btns_del.gif') center center no-repeat;
    text-indent: -99999em;
    overflow: hidden
}

/* 피드백현황 */
.status_table {
    margin-bottom: 88px
}

.status_table .point_top {
    display: block;
    text-align: center;
    color: #000;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 18px
}

.status_table .deg_sup {
    width: 878px;
    margin: 0 auto;
    height: 48px;
    border: 1px solid #e1e1e1;
    line-height: 48px;
    text-align: center;
    border-radius: 24px;
    font-size: 14px;
    color: #848484
}

.status_table .deg_sup em {
    color: #3bab83
}

.status_table .deg_sup em:first-child {
    padding: 0 16px 0 12px;
    position: relative
}

.status_table .deg_sup em:first-child:after {
    content: '*';
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    line-height: 1em
}

.status_table .bar_wrap {
    text-align: left
}

.bar_wrap.flexbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}

.bar_wrap.flexbar .year_bar{
    position:static;
}


.bar_wrap {
    position: relative;
    text-align: right;
    margin-bottom: 13px
}

.bar_wrap .guide_down, .bar_wrap .exl_down {
    height: 36px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-left: 10px
}

.bar_wrap .guide_down:hover, .bar_wrap .exl_down:hover {
    -webkit-transition: background-color 0.2s cubic-bezier(0.75,0.1,0.25,1);
    transition: background-color 0.2s cubic-bezier(0.75,0.1,0.25,1)
}

.bar_wrap .exl_down {
    width: 140px;
    background: #1a8547 url('../img/ico_exl-down.png') 13px center no-repeat;
    text-indent: 18px;
}

.bar_wrap .exl_down:hover {
    background-color: #3bab83;
}

.bar_wrap .guide_down {
    width: 200px;
    background-color: #333;
}

.bar_wrap .guide_down:hover {
    background-color: #999;
}

.bar_wrap .year_bar, .bar_wrap .search_bar, .bar_wrap .list_bar {
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.bar_wrap .year_bar span, .bar_wrap .list_bar span {
    color: #848484;
    margin-right: 10px
}

.bar_wrap .year_bar {
    position: absolute;
    left: 0;
    top: 0
}

.bar_wrap .year_bar.nopost {
    position: relative
}

.bar_wrap .year_bar > p {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #848484;
    line-height: 34px;
    margin: 0 0 0 18px
}

.bar_wrap .search_bar {
    position: relative;
    margin-right: 20px
}

.bar_wrap .search_bar input[type="text"] {
    border: solid #e1e1e1;
    border-width: 1px 1px 1px 0;
    height: 34px;
    line-height: 34px;
    vertical-align: top;
    margin-left: -4px;
    width: 259px
}

.bar_wrap .search_bar button {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 52px;
    height: 34px;
    background: #fff url('../img/btn_search.gif') center center no-repeat;
    text-indent: -99999em;
    overflow: hidden
}

.bar_wrap .title_sum {
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 1em
}

.bar_wrap .title_sum span {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    position: relative;
    top: -2px
}

.bar_wrap .button-box {
    display: inline-block;
}

.bar_wrap .button-box + * {
    margin-left: 15px;
}

.bar_wrap .button-box button {
    height: 36px;
    padding: 0 20px 2px 20px;
    background-color: #3bab83;
    color: #fff;
}

.bar_wrap .button-box button + button {
    margin-left: 5px;
}

.bar_wrap .button-box button:hover{background-color:#1a8547;}

.fix_feedback-txt {
    position: relative;
}

.fix_feedback-txt .fb_txt {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56%;
    width: 26%
}

.fix_feedback-txt .fb_txt::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #cdcdcd;
}

.fix_feedback-txt .fb_txt span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    z-index: 1;
    text-align: center;
    font-size: 18px;
    color: #666;
}

.fix_feedback-txt .fb_txt span::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/ico_feedback.png) no-repeat center / 100% auto;
}

/* .fix_feedback-txt .fb_txt.twoline{top:62px;height:103px}
.fix_feedback-txt .fb_txt.twoline span{padding-top:0;padding-left:40px;font-size:17px;line-height:30px;background-size:30px auto;background-position:left center;} */
.fix_feedback-txt .hide-fb {
    position: absolute;
    left: 21.1%;
    z-index: 2;
    width: 52.8%;
}

.fix_feedback-txt .hide-fb span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    color: #666;
    background-color: #f6f6f8;
}

.fix_feedback-txt .hide-fb.es {
    top: 44.8%;
    height: 36.4%;
}

.fix_feedback-txt .hide-fb.g {
    top: 81.5%;
    height: 18%;
}

.table_list {
    margin-bottom: 50px;
}


.table_list table {
	border-top: 2px solid #414141
}

.table_list table button {
	vertical-align: top;
    display: block;
    height: 100%;
    width: 100%
}

.table_list .del_x{display:inline-block;vertical-align:middle;background-color:#414141;color:#fff;padding:8px 20px 10px 20px;line-height:1;width:auto;height:auto;border-radius:18px;}

.table_list table th, .table_list table td {
	border: solid #e1e1e1;
    border-width: 0 0 1px 1px;
    text-align: center
}

.table_list table th:first-child, 
.table_list table td:first-child {border-left-width:0;}


.table_list table th, .table_list table th button {
    font-size: 15px;
    line-height: 20px;
    color: #848484;
    font-weight: 400
}

.table_list table th button {
    height: 60px
}

.table_list table th {
    background-color: #f6f6f8
}

.table_list table td {
    height: 50px
}

.table_list table td.fir button {
    position: relative;
    text-align: left
}

.table_list table td.fir button span {
    display: block;
    vertical-align: top;
    color: #fff;
    padding: 0 15px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    font-size: 15px;
    width: auto;
    margin: 0 14px
}

.table_list table td.fir button em {
    position: absolute;
    right: 20px;
    width: 30px;
    top: 11px;
    color: #fff;
    /*color:#6884de*/
    ;display: inline-block;
    vertical-align: top;
    line-height: 26px;
    padding-left: 6px;
    text-align: center
}

.table_list table td.fir button.e span {
    background-color: #77bc1f
}

.table_list table td.fir button.s span {
    background-color: #00bcb4
}

.table_list table td.fir button.g span {
    background-color: #009bde
}

.table_list table td.fir button.fg span {
    background-color: #2352a0
}

.table_list table td.fir.on button.e, .table_list table td.fir.fixon button.e, .table_list table td.fir button.e:hover {
    background-color: #77bc1f
}

.table_list table td.fir.on button.s, .table_list table td.fir.fixon button.s, .table_list table td.fir button.s:hover {
    background-color: #00bcb4
}

.table_list table td.fir.on button.g, .table_list table td.fir.fixon button.g, .table_list table td.fir button.g:hover {
    background-color: #009bde
}

.table_list table td.fir.on button.fg, .table_list table td.fir.fixon button.fg, .table_list table td.fir button.fg:hover {
    background-color: #2352a0
}

.table_list table td.fir.on button em, .table_list table td.fir.fixon button em, .table_list table td.fir button:hover em {
    color: #fff
}

.table_list table th.sum, .table_list table td.sum {
    border-right-width: 0
}

.table_list table th.sum {
    background-color: #9fa1a2;
    color: #fff
}

.table_list table td.sum {
    background-color: #f6f6f8
}

.table_list table th.on button, .table_list table th.fixon button, .table_list table th button:hover {
    background-color: #3bab83;
    color: #fff;
    font-weight: 500
}

.table_list table td.on, .table_list table td.fixon, .table_list table td:hover {
    background-color: #f4f8fe
}

.table_list table td.on button, .table_list table td.fixon button, /* feedback */
/* .table_list.feedback table th.on button,
.table_list.feedback table th.fixon button,
.table_list table th button:hover{background-color:#f6f6f8;color:#848484;font-weight:400;} */
/* .table_list.feedback table th.on button */
/* .table_list.feedback table th.fixon button{background-color:#f6f6f8;color:#848484;font-weight:400;} */
.table_list.feedback {
}

.final_status table {
    border-top: 2px solid #414141;
    text-align: center;
    font-size: 15px
}

.final_status table th {
    background-color: #3bab83;
    color: #fff;
    font-weight: 400;
    border-left: 1px solid #1f8971;
    border-bottom: 1px solid #e1e1e1
}

.final_status table th:first-child {
    border-left-width: 0
}

.final_status table td {
    border-bottom: 1px solid #e1e1e1
}

.final_status table th, .final_status table td {
    padding: 12px 0;
    line-height: 20px
}

.final_status table tbody tr:hover td {
    background-color: #f4f8fe;
    cursor: pointer;
    color: #6884de
}

.final_status table td.txt-center {
    text-align: left;
    padding: 12px 10px
}

.final_status table td span, .final_status table td span.e, .final_status table td span.s, .final_status table td span.g, .final_status table td span.fg, .final_status table td span.c {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 100%;
    line-height: 30px;
    text-align: center;
    padding: 0
}

.final_status table td span {
    background-color: #9fa1a2;
    width: auto;
    border-radius: 12px;
    height: 24px;
    line-height: 22px;
    padding: 0 14px;
    font-size: 15px
}

.final_status table td span.e {
    background-color: #77bc1f !important
}

.final_status table td span.s {
    background-color: #00bcb4 !important
}

.final_status table td span.g {
    background-color: #009bde !important
}

.final_status table td span.fg {
    background-color: #2352a0 !important
}

.final_status table td span.c {
    width: auto;
    height: 24px;
    border-radius: 12px;
    line-height: 24px;
    background-color: #6884de;
    padding: 0 14px
}

.final_status table td span.r {
    background-color: #c00000
}

.final_status.bg_green table tbody tr:hover td span {
    background-color: #6884de
}

.final_status.bg_green table tbody tr:hover td input[type="text"], .final_status.bg_green table tbody tr:hover p {
    color: #6884de
}

/* 피드백 상세 */
.feed_status-wrap h3 {
    margin: 0 0 20px 0
}

.question_top {
    position: relative;
    margin-bottom: 80px
}

.question_top .list_move {
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    line-height: 40px;
    background-color: #414141;
    color: #fff;
    text-align: center
}

.question_top table {
    border-top: 2px solid #414141;
    color: #848484
}

.question_top table th, .question_top table td {
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    text-align: center
}

.question_top table tr th:first-child, .question_top table tr td:first-child {
    border-left-width: 0
}

.question_top table th {
    background-color: #f6f6f8;
    font-weight: 400;
    font-size: 15px;
    line-height: 50px
}

.question_top table td {
    border-left: 1px solid #e1e1e1;
    padding: 12px 0;
    line-height: 22px
}

.question_top table td.fc {
    color: #3bab83
}

.question_top table td span.e, .question_top table td span.s, .question_top table td span.fg, .question_top table td span.g {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    border-radius: 100%;
    line-height: 28px
}

.question_top table td span.e {
    background-color: #77bc1f
}

.question_top table td span.s {
    background-color: #00bcb4
}

.question_top table td span.g {
    background-color: #009bde
}

.question_top table td span.fg {
    background-color: #2352a0
}

.condition_wrap {
    background-color: #f6f6f8;
    border-top: 2px solid #414141;
    border-bottom: 1px solid #e1e1e1;
    padding: 46px 0;
    text-align: center;
    margin-bottom: 80px
}

.condition_wrap li {
    display: inline-block;
    vertical-align: top;
    width: 360px;
    background: url('../img/arw_big.png') left center no-repeat;
    min-height: 88px
}

.condition_wrap li:first-child {
    background-image: none
}

.condition_wrap li span {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    line-height: 28px;
    padding: 0 20px 2px 20px;
    border-radius: 15px
}

.condition_wrap li span.f1 {
    background-color: #414141
}

.condition_wrap li span.f2 {
    background-color: #3bab83
}

.condition_wrap li span.f3 {
    background-color: #6884de
}

.condition_wrap li em {
    display: block;
    font-size: 20px;
    padding: 17px 0
}

.condition_wrap li b {
    font-weight: 300;
    font-size: 40px;
    line-height: 88px
}

.contents_wrap {
    position: relative;
    margin-bottom: 80px
}

.contents_wrap > p, .contents_wrap > button {
    position: absolute;
    top: 0
}

.contents_wrap > button {
    right: 0;
    width: 160px;
    height: 40px;
    color: #fff;
    font-weight: 500;
    background: #414141 url('../img/arw_sm.png') 132px center no-repeat;
    text-indent: -14px
}

.contents_wrap > p {
    right: 170px;
    margin: 0;
    line-height: 40px;
    color: #848484;
    font-size: 14px;
    font-weight: 300
}

.answer_table {
    background-color: #f6f6f8;
    border-top: 2px solid #414141;
    border-bottom: 1px solid #e1e1e1;
    padding: 50px 30px
}

.answer_table table .q td > em, .answer_table table .a td > em {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 15px;
    position: absolute;
    left: 22px
}

.answer_table table .a1 {
    background-color: #c5c5c5
}

.answer_table table .a2 {
    background-color: #414141
}

.answer_table table .a3 {
    background-color: #3bab83
}

.answer_table table th span {
    display: block;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    margin: 0 5px;
    font-weight: 400
}

.answer_table table .q td {
    position: relative;
    padding: 22px 22px 22px 63px
}

.answer_table table .q td em {
    background-color: #848484;
    top: 22px
}

.answer_table table .q td p {
    margin: 3px 0;
    line-height: 24px;
    font-size: 18px;
    color: #000
}

.answer_table table .a td {
    background-color: #fff;
    border: solid #e1e1e1;
    border-width: 1px 0 1px 1px;
    padding: 34px 18px 34px 66px;
    position: relative;
    vertical-align: top
}

.answer_table table .a td:first-child {
    border-left-width: 0
}

.answer_table table .a td > em {
    top: 34px
}

.answer_table table .a td > p {
    margin: 4px 0;
    line-height: 20px
}

.answer_table table .a td li {
    position: relative;
    line-height: 20px;
    padding: 4px 0 4px 12px
}

.answer_table table .a td li:after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #414141;
    position: absolute;
    left: 0;
    top: 12px
}

.answer_table table .a td .ck {
    color: #6884de
}

.answer_table table .a td .yf {
    color: #929292
}

.history_wrap {
    margin-bottom: 50px
}

.history_wrap .sup_list {
    padding: 50px 40px 50px 30px;
    border-bottom: 1px solid #e1e1e1;
    border-top: 2px solid #414141
}

.history_wrap .sup_list:after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

.history_wrap .sup_list .bubble_guide {
    position: relative;
    width: 644px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 28px;
    margin-bottom: 50px;
    box-shadow: 4px 4px 6px rgba(186,186,186,0.3);
    font-weight: 300;
    color: #404040
}

.history_wrap .sup_list .bubble_guide:after {
    content: '';
    display: block;
    width: 14px;
    height: 25px;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px
}

.history_wrap .sup_list .bubble_guide .file {
    padding-top: 20px
}

.history_wrap .sup_list .bubble_guide .file a {
    display: block;
    font-size: 14px;
    padding: 6px 0 6px 38px;
    background: url('../img/ico_down-bubble.png') 0 7px no-repeat;
    line-height: 20px;
    color: #414141;
    word-break: break-all
}

.history_wrap .sup_list .bubble_guide .file a:hover {
    text-decoration: underline;
    color: #6884de;
    background-image: url('../img/ico_down-bubble-on.png')
}

.history_wrap .sup_list .left strong, .history_wrap .sup_list .right strong {
    display: block;
    line-height: 1em;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    color: #414141;
    letter-spacing: 0
}

.history_wrap .sup_list .left strong span, .history_wrap .sup_list .right strong span {
    color: #929292;
    font-weight: 400
}

.history_wrap .sup_list .left {
    float: left;
    padding-left: 90px;
    background: url('../img/ico_speech-left.png') left 26px no-repeat
}

.history_wrap .sup_list .left strong {
    margin-left: 6px
}

.history_wrap .sup_list .left .bubble_guide:after {
    background-image: url('../img/ico_bubble-left.png');
    left: -14px
}

.history_wrap .sup_list .right {
    float: right;
    padding-right: 90px;
    background: url('../img/ico_speech-right.png') right 26px no-repeat
}

.history_wrap .sup_list .right strong {
    margin-right: 6px;
    text-align: right
}

.history_wrap .sup_list .right .bubble_guide:after {
    background-image: url('../img/ico_bubble-right.png');
    right: -14px
}

.history_wrap .file_list {
    background-color: #f6f6f8;
    padding: 40px 30px;
    border-bottom: 1px solid #414141
}

.history_wrap .file_list h4 {
    color: #2c2c2c;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 14px 12px;
    display: block
}

.history_wrap .file_list .text_wrap textarea {
    width: 1078px
}

.history_wrap .file_list .complete_btns {
    text-align: center;
    color: #fff;
    width: 200px;
    line-height: 50px;
    height: 50px;
    background-color: #414141;
    display: block;
    margin: 40px auto 0
}

.history_wrap .feeddback_old {
    border-top: 2px solid #414141
}

.history_wrap .feeddback_old table th, .history_wrap .feeddback_old table td {
    padding: 20px 30px;
    border-bottom: 1px solid #e1e1e1
}

.history_wrap .feeddback_old table th {
    text-align: left;
    background-color: #f6f6f8;
    border-right: 1px solid #e1e1e1
}

.history_wrap .feeddback_old table td.file_wrap {
    background-color: #f9f9f9
}

.history_wrap .feeddback_old table td.file_wrap>strong:first-child {
    display: block;
    font-size: 18px;
    margin-bottom: 14px
}

.btns_transform {
    text-align: center
}

.btns_transform * {
    display: inline-block;
    vertical-align: top
}

.btns_transform a {
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 0 56px;
    line-height: 60px;
    height: 60px;
    margin: 0 8px;
    background-color: #414141
}

.btns_transform a.f {
    background-color: #3bab83
}

.btns_transform.long {
    text-align: left;
    position: relative
}

.btns_transform.long a {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.btns_transform.long a.f {
    position: static
}

/* SURVEY */
.suy_top-info {
    border: solid #e1e1e1;
    border-width: 1px 0;
    padding: 16px 0 16px 164px;
    margin-bottom: 36px;
    position: relative
}

.suy_top-info * {
    display: inline-block;
    vertical-align: top;
    line-height: 24px
}

.suy_top-info strong {
    font-weight: 500;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 20px
}

.suy_top-info p {
    margin: 0;
    color: #848484
}

.suy_top-info p em {
    color: #bbc6ef;
    margin-bottom: 2px
}

.suy_top-info > ul {
    padding: 16px;
    background-color: #f6f6f6;
    margin-top: 10px
}

.suy_top-info > ul li {
    padding-left: 22px;
    position: relative;
    margin-top: 8px
}

.suy_top-info > ul li:first-child {
    margin-top: 0
}

.suy_top-info > ul li:before {
    content: '※';
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.question_top table.suy_table td > strong {
    font-size: 22px;
    font-weight: 500;
    color: #414141;
    line-height: 30px
}

.question_top table.suy_table td span.e, .question_top table.suy_table td span.s, .question_top table.suy_table td span.g {
    width: auto;
    display: inline-block;
    vertical-align: top;
    height: 26px;
    line-height: 24px;
    border-radius: 13px;
    padding: 0 18px;
    font-size: 15px
}

.question_top table.suy_table td.name {
    color: #414141;
    font-size: 18px
}

.question_top table.suy_table td.name em {
    display: block;
    color: #848484;
    font-size: 14px;
    margin-bottom: 8px
}

.question_top table.suy_table td.txt-center {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px
}

.answer_table.suy_answer table {
    position: relative
}

.answer_table.suy_answer table:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 100%;
    background-color: #f6f6f8;
    margin-left: -5px
}

.answer_table.suy_answer table th span {
    margin: 0
}

.answer_table.suy_answer table .a td {
    padding-left: 28px;
    padding-right: 33px
}

.answer_table.suy_answer table .a td.txt_ver-cetner {
    vertical-align: middle;
    text-align: center
}

.survey_wrap .bar_wrap .title_sum {
    bottom: 8px
}

.survey_wrap .bar_wrap .year_bar.nopost {
    padding-left: 140px
}

.survey_wrap .table_list table th button em {
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    font-weight: 500
}

.survey_wrap .table_list table th button em.s {
    color: #c00000
}

.survey_wrap .table_list table th button em.y {
    color: #009bde
}

.survey_wrap .table_list table th button em.fg {
    color: #2352a0
}

/* 요청답변 - popup */
.request_answer {
    position: fixed;
    right: -1300px;
    top: 0;
    background-color: #fff;
    z-index: 21;
    border: 1px solid #e1e1e1;
    width: 1200px;
    height: 100%;
    overflow-y: scroll;
    -webkit-transition: right 0.5s cubic-bezier(0.75,0.1,0.25,1);
    transition: right 0.5s cubic-bezier(0.75,0.1,0.25,1);
}

.request_answer .request_guide {
    padding: 48px
}

.request_answer.open {
    right: 0
}

.request_answer .title {
    display: block;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 500;
    color: #414141;
    line-height: 1em;
    padding-bottom: 40px;
    font-size: 30px
}

.request_answer .close {
    position: absolute;
    right: 48px;
    top: 48px;
    background: url('../img/btn_close2.png') right top no-repeat;
    width: 20px;
    height: 20px;
    text-indent: -99999em;
    overflow: hidden
}

.request_answer .pp_btns {
    margin: 60px 0 20px 0;
    text-align: center
}

.request_answer .pp_btns button {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 0 50px;
    height: 60px;
    font-size: 20px;
    background-color: #414141;
    margin: 0 10px
}

.request_answer .pp_btns button:first-child {
    background-color: #3bab83
}

.request_answer .tit_top {
    display: block;
    font-size: 18px;
    color: #414141;
    font-weight: 400;
    margin: 30px 0
}

.request_answer .tit_top em {
    display: block;
    color: #3bab83;
    font-size: 15px;
    margin-top: 10px
}

.request_answer .answer_wrap {
}

.request_answer .answer_wrap table {
    width: 100%;
    border-top: 2px solid #848484
}

.request_answer .answer_wrap table tr th {
    border-bottom: 1px solid #e1e1e1;
    color: #848484;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    text-indent: 24px
}

.request_answer .answer_wrap table tr td {
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 16px 26px;
    color: #848484
}

.request_answer .answer_wrap table tr.tdc td {
    background-color: #f6f6f8
}

.request_answer .answer_wrap table tr.nop td {
    padding: 0
}

.request_answer .answer_wrap table tr.tpd td {
    padding-top: 44px;
    padding-bottom: 44px
}

.request_answer .answer_wrap table tr.tct td {
    text-align: center;
    color: #414141;
    letter-spacing: 0
}

.request_answer .answer_wrap table tr.tdc.tct td {
    color: #848484;
    font-size: 15px;
    letter-spacing: 0.03em
}

.request_answer .answer_wrap table tr td .clt {
    padding: 10px 0
}

.request_answer .answer_wrap table tr td .clt li {
    font-size: 15px;
    line-height: 26px;
    padding-top: 14px
}

.request_answer .answer_wrap table tr td .clt li:first-child {
    padding-top: 0
}

.request_answer .answer_wrap table tr td .clt li em {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 98px;
    height: 24px;
    border: 1px solid #e1e1e1;
    border-radius: 13px;
    text-align: center;
    line-height: 24px;
    margin-right: 10px;
    letter-spacing: 0
}

.request_answer .answer_wrap table tr td .dtb {
    padding: 6px 0
}

.request_answer .answer_wrap table tr td .dtb li {
    position: relative;
    padding-left: 12px;
    font-size: 15px;
    line-height: 30px
}

.request_answer .answer_wrap table tr td .dtb li:after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 13px;
    background-color: #848484
}

.request_answer .answer_wrap table tr td .text_wrap textarea {
    width: 851px
}

.request_answer .answer_wrap .answer_rip {
    position: relative;
    padding-left: 46px;
    background-color: #c5c5c5;
    margin-top: -1px
}

.request_answer .answer_wrap .answer_rip.back:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url('../img/blank.png') 0 0 repeat;
    position: absolute;
    left: 0;
    top: 0
}

.request_answer .answer_wrap .answer_rip.back .radio input[type='radio']:checked + label:before {
    background-image: url('../img/ico_radio-on2.png')
}

.request_answer .answer_wrap .answer_rip .rip_title {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 100%;
    text-align: center;
    line-height: 1.1em;
    font-weight: 400
}

.request_answer .answer_wrap .answer_rip .rip_title span {
    font-size: 15px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -34px 0 0 -7px
}

.request_answer .answer_wrap .answer_rip dl {
    background-color: #fff
}

.request_answer .answer_wrap .answer_rip dl dt {
    background-color: #f6f6f8;
    padding: 30px;
    border-top: 1px solid #e1e1e1
}

.request_answer .answer_wrap .answer_rip dl dt > em.p {
    display: block;
    padding-bottom: 5px;
    color: #929292;
    font-size: 13px;
}

.request_answer .answer_wrap .answer_rip dl dt > em.p span {
    color: #6884de;
}

.request_answer .answer_wrap .answer_rip dl dd {
    border-top: 1px solid #e1e1e1;
    padding: 30px
}

.request_answer .answer_wrap .answer_rip dl dd > ul li {
    padding: 20px 10px 0 0;
    display: inline-block;
}

.request_answer .answer_wrap .answer_rip dl dd > ul li:first-child {
    padding-top: 0
}

.request_answer .answer_wrap .answer_rip dl dd input[type="text"] {
    border: 1px solid #e1e1e1;
    line-height: 40px;
    width: 450px;
    padding: 0 16px
}

.request_answer .answer_wrap .answer_rip .fcl {
    color: #6884de
}

.request_answer .answer_wrap .answer_rip.after {
    background-color: #414141;
    margin-top: 0;
    color: #414141
}

.request_answer .answer_wrap .answer_rip.ui_change {
    padding-left: 0;
    color: #414141
}

.request_answer .answer_wrap .answer_rip.ui_change .mj-b {
    margin-bottom: 8px
}

.request_answer .answer_wrap .answer_rip.ui_change dl dt {
    padding: 20px
}

.request_answer .answer_wrap .answer_rip.ui_change dl dt > em.p {
    padding: 0
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd {
    padding: 20px
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li {
    padding: 0 0 0 155px;
    display: block;
    position: relative;
    min-height: 42px;
    margin-top: 10px
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li:first-child {
    margin-top: 0
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li > p {
    width: 140px;
    height: 42px;
    text-align: center;
    color: #fff;
    line-height: 42px;
    background-color: #c5c5c5;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li > .radio {
    margin: 10px 20px 10px 0
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd input[type="text"] {
    text-indent: 0
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd .basic {
    display: block;
    padding: 7px 0 11px 0;
    text-indent: 17px
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li.answer01 {
    color: #c5c5c5
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li.answer01 .radio input[type='radio']:checked + label:before {
    background-image: url('../img/ico_radio-on2.png')
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li.answer01:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url('../img/blank.png') 0 0 repeat;
    position: absolute;
    left: 0;
    top: 0
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li.answer02 > p {
    background-color: #000
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li.answer03 > p {
    background-color: #a9d18e
}

.request_answer .answer_wrap .answer_rip.ui_change dl dd > ul li.answer04 > p {
    background-color: #4eab82
}

.request_answer .answer_wrap .answer_rip.ui_change dl dt > em.p span {
    color: #ff0000
}

.request_answer .pop_list {
    padding: 50px 30px 0 30px;
    background-color: #f6f6f8
}

.request_answer .pop_list:after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden
}

.request_answer .pop_list .bubble_guide {
    position: relative;
    width: 644px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 28px;
    margin-bottom: 50px;
    background-color: #fff;
    box-shadow: 4px 4px 6px rgba(186,186,186,0.3);
    font-weight: 300;
    color: #404040
}

.request_answer .pop_list .bubble_guide:after {
    content: '';
    display: block;
    width: 14px;
    height: 25px;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px
}

.request_answer .pop_list .bubble_guide .file {
    padding-top: 20px
}

.request_answer .pop_list .bubble_guide .file a {
    display: block;
    font-size: 14px;
    color: #6884de;
    padding: 6px 0 6px 38px;
    background: url('../img/ico_down-bubble.png') 0 7px no-repeat;
    line-height: 20px;
    word-break: break-all
}

.request_answer .pop_list .bubble_guide .filea:hover {
    text-decoration: underline
}

.request_answer .pop_list .left strong, .request_answer .pop_list .right strong {
    display: block;
    line-height: 1em;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #3bab83;
    letter-spacing: 0
}

.request_answer .pop_list .left strong span, .request_answer .pop_list .right strong span {
    color: #929292
}

.request_answer .pop_list .left {
    float: left;
    padding-left: 90px;
    background: url('../img/ico_speech-left.png') left 26px no-repeat
}

.request_answer .pop_list .left strong {
    margin-left: 6px
}

.request_answer .pop_list .left .bubble_guide:after {
    background-image: url('../img/ico_bubble-left.png');
    left: -14px
}

.request_answer .pop_list .right {
    float: right;
    padding-right: 90px;
    background: url('../img/ico_speech-right.png') right 26px no-repeat
}

.request_answer .pop_list .right strong {
    margin-right: 6px;
    text-align: right
}

.request_answer .pop_list .right .bubble_guide:after {
    background-image: url('../img/ico_bubble-right.png');
    right: -14px
}

.request_answer .file_list {
    background-color: #f6f6f8;
    padding: 40px 30px
}

.request_answer .file_list p {
    color: #848484;
    font-size: 14px;
    ;margin: 0 0 20px
}

.request_answer .file_list p span {
    color: #6884de
}

.request_answer .de_answer_btns {
    text-align: center;
    margin: 40px auto 0
}

.request_answer .de_answer_btns button {
    display: inline-block;
    color: #fff;
    width: 130px;
    font-size: 20px;
    line-height: 60px;
    height: 60px;
    background-color: #414141
}

.request_answer .de_answer_btns button:first-child {
    width: 160px;
    margin-right: 10px;
    background-color: #3bab83
}

.pop_top {
    position: relative;
    border-top: 1px solid #e1e1e1
}

.pop_top .kinds {
    position: absolute;
    left: 0;
    bottom: 24px
}

.pop_top .kinds li {
    display: none;
    font-weight: 400;
    font-size: 24px;
    color: #414141
}

.pop_top .kinds li.on {
    display: block
}

.pop_top .kinds li em {
    margin-right: 10px;
    display: inline-block;
    color: #fff;
    padding: 0 23px;
    height: 30px;
    line-height: 28px;
    border-radius: 14px;
    vertical-align: middle;
    font-size: 16px;
    width: auto
}

.pop_top .kinds li.e {
    color: #77bc1f
}

.pop_top .kinds li.s {
    color: #00bcb4
}

.pop_top .kinds li.g {
    color: #009bde
}

.pop_top .kinds li.fg {
    color: #2352a0
}

.pop_top .kinds li.e em {
    background-color: #77bc1f
}

.pop_top .kinds li.s em {
    background-color: #00bcb4
}

.pop_top .kinds li.fg em {
    background-color: #2352a0
}

.pop_top strong.tit {
    display: block;
    padding: 48px 0px 28px;
    line-height: 1.2em;
    font-weight: 500;
    text-align: center
}

.pop_top strong.tit span {
    display: inline-block;
    padding: 0 15px;
    font-size: 24px;
    color: #414141;
    line-height: 24px
}

.pop_top strong.tit span:first-child {
    border-right: 1px solid #cfcfcf
}

.request_answer .answer_wrap table.res_wrap {
    margin-bottom: 50px
}

.request_answer .answer_wrap table.res_wrap th {
    text-indent: 0;
    line-height: 1.5em;
    color: #848484;
    font-size: 15px;
    letter-spacing: 0.03em;
    border-left: 1px solid #e1e1e1;
    background-color: #f6f6f8
}

.request_answer .answer_wrap table.res_wrap th, .request_answer .answer_wrap table.res_wrap td {
    padding: 20px 0 16px;
    text-align: center
}

.request_answer .answer_wrap table.res_wrap th:first-child, .request_answer .answer_wrap table.res_wrap td:first-child {
    border-left: 0
}

.request_answer .answer_wrap table.res_wrap td:first-child {
    color: #414141
}

.request_answer .answer_wrap table.res_wrap td span {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 80px
}

.request_answer .answer_wrap table.res_wrap td span em {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 29px;
    text-indent: 16px;
    line-height: 29px;
    color: #fff;
    font-size: 16px
}

.request_answer .answer_wrap table.res_wrap td span em.g {
    background-color: #3bab83
}

.request_answer .answer_wrap table.res_wrap td span em.b {
    background-color: #c5c5c5
}

.request_answer .answer_wrap table.res_wrap td span em:before {
    position: absolute;
    top: 7px;
    left: 10px;
    content: "";
    clear: both;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #a6a8a9;
    border-radius: 15px;
    background-color: #fff
}

.request_answer .answer_wrap table.res_wrap td span > em {
    position: static;
    color: #414141;
    text-indent: 0;
    line-height: 1.2em;
    height: auto
}

.request_answer .answer_wrap table.res_wrap td span > em:before {
    display: none
}

.request_answer .answer_wrap table.res_wrap td span button {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80px;
    height: 29px;
    text-indent: 16px;
    line-height: 29px;
    color: #fff;
    font-size: 16px;
    margin-left: -40px
}

.request_answer .answer_wrap table.res_wrap td span button.g {
    background-color: #3bab83
}

.request_answer .answer_wrap table.res_wrap td span button.b {
    background-color: #c5c5c5
}

.request_answer .answer_wrap table.res_wrap td span button:before {
    position: absolute;
    top: 7px;
    left: 10px;
    content: "";
    clear: both;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #a6a8a9;
    border-radius: 15px;
    background-color: #fff
}

.request_answer .answer_wrap table.res_wrap td span button.on:before {
    background-color: #333;
    border: 3px solid #fff;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 2px #000
}

.pop_survey .answer_wrap table.res_wrap td em {
    position: relative;
    padding-right: 12px;
    margin-right: 10px
}

.pop_survey .answer_wrap table.res_wrap td em:after {
    display: inline-block;
    vertical-align: top;
    content: '';
    width: 1px;
    height: 16px;
    background-color: #ccc;
    position: absolute;
    right: 0;
    top: 5px
}

.pop_survey .answer_wrap table.res_wrap td span {
    height: auto
}

.pop_survey .answer_wrap table.res_wrap td span button {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto
}

.no_click {
    position: relative
}

.no_click:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fff url('../img/blank.png') 0 0 repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5
}

.feedback_info {
    margin: -26px 0 40px 0;
    color: #666;
    font-size: 15px;
    margin-left: 40px
}

.feedback_info strong {
    display: block;
    font-size: 16px;
    color: #000;
    text-indent: -20px;
    font-weight: 500;
}

.feedback_info p {
    display: block;
}

.feedback_info em {
    font-weight: 500;
    color: #000
}

.feedback_info button {
    display: block;
    color: #fff;
    line-height: 38px;
    background-color: #4472c4;
    padding: 0 20px;
    margin-top: 12px;
    transition: box-shadow 0.2s;
}

.feedback_info button:hover {
    box-shadow: 3px 3px 0 #2f528f;
}

/* 피드백 화면구성 팝업 */
#feedbackInfo .pop_content {
    width: 980px;
    border-width: 0;
    padding: 0;
    margin-left: -490px
}

#feedbackInfo .pop_content .btn_x {
    right: 0;
    top: -50px;
    background-color: #e8e8e8;
    width: 50px;
    height: 50px
}

.screen_compo {
    padding: 45px 40px 40px 40px
}

.screen_compo>span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 14px;
    background-color: #002269;
    text-indent: -9999em;
}

.screen_compo>span::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
    padding-bottom: 40px;
    border-top: 14px solid #00a4fc;
    background: url(../img/popup_logo.png) no-repeat center bottom / 120px auto;
    z-index: 1;
}

.screen_compo>strong {
    font-size: 24px;
    color: #000;
    display: block;
    margin-bottom: 20px;
    line-height: 1;
}

.screen_compo>img {
    display: block;
    width: 100%;
}

.screen_compo ul {
    margin-top: 20px
}

.screen_compo ul li {
    line-height: 30px;
}

.screen_compo ul li em {
    font-weight: 700;
    padding-right: 6px
}

.screen_compo ul li:nth-child(1) em {
    color: #0a4e9b
}

.screen_compo ul li:nth-child(2) em {
    color: #c00000
}

.screen_compo ul li:nth-child(3) em {
    color: #70ad47
}

.screen_compo ul li:nth-child(4) em {
    color: #262626
}

.screen_compo p {
    margin: 20px 0 0 0
}

.screen_compo p b {
    font-weight: 500;
    text-decoration: underline;
    color: #000
}

.screen_compo .cal_info {
    font-weight: 700;
    color: #000
}

.screen_compo .cal_info span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #666
}
.box_conversance-wrap .conts_scroll{border:1px solid #e1e1e1;border-top:2px solid #414141;font-size:14px;line-height:1.6;color:#848484;padding:30px 50px;margin:20px 0;}
.box_conversance-wrap .conts_scroll ol li{list-style:auto;}
.box_conversance-wrap .conts_scroll ol li + li{margin-top:8px;}
.box_conversance-wrap .conts_scroll ol li span{text-decoration:underline;text-underline-position:under;text-underline-offset:1px;font-weight:500;color:#333}
.box_conversance-wrap .conts_scroll ol li em{color:red;font-weight:500;}
.box_conversance-wrap .conts_scroll > span{display:block;margin-top:20px;font-weight:500;color:#000;font-size:16px;letter-spacing:0;}
.box_conversance-wrap .cheack_conversance{text-align:right;}
.box_conversance-wrap .cheack_conversance label{font-weight:500;padding-bottom:2px;}