@charset "UTF-8";

/* 게시판 버튼 */
div[class^="btn_st"] a,
div[class^="btn_st"] button{display:inline-flex; align-items:center; justify-content:center; min-width: 7.5rem; height:45px; padding: 0 0.75rem; border:1px solid transparent; border-radius:6px; font-size:0.8rem; color: #333; line-height:1; font-weight: 500; font-family:'Pretendard'; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
div[class^="btn_st"] .sky{border:none; border:1px solid rgba(15, 128, 228, 0.6); background: #F6FAFE; color:#0F80E4;}
div[class^="btn_st"] .blue{border:none; border:1px solid rgba(22, 89, 152, 0.6); background: #F1F5F9; color:#165998;}
div[class^="btn_st"] .yellow{border:none; border:1px solid rgba(240, 173, 78, 0.6); background:#FFF9F2; color:#F0AD4E;}
div[class^="btn_st"] .red{border:none; border: 1px solid rgba(219, 45, 45, 0.6); background: #FDF3F3; color:#DE3030;}
div[class^="btn_st"] .green{border:none; border:1px solid rgba(13, 140, 153, 0.6); background: #F1F8F9; color:#0D8C99;}
div[class^="btn_st"] .black{border:none; border:1px solid rgba(51, 51, 51, 0.6); background: #F4F4F4; color:#222;}
div[class^="btn_st"] .gray{border:none; border:1px solid rgba(136, 136, 136, 0.6); background: #F7F7F7; color:#555;}
/* 게시판 버튼 active */
div[class^="btn_st"] a:hover,
div[class^="btn_st"] a:focus,
div[class^="btn_st"] button:hover,
div[class^="btn_st"] button:focus{color:#fff !important; text-decoration:none;}
div[class^="btn_st"] .sky:hover,
div[class^="btn_st"] .sky:focus{border:1px solid #0F80E4; background:#0F80E4;}
div[class^="btn_st"] .blue:hover,
div[class^="btn_st"] .blue:focus{border:1px solid #165998; background:#165998;}
div[class^="btn_st"] .yellow:hover,
div[class^="btn_st"] .yellow:focus{border:1px solid #F0AD4E; background:#F0AD4E;}
div[class^="btn_st"] .red:hover,
div[class^="btn_st"] .red:focus{border:1px solid #DE3030; background: #DE3030;}
div[class^="btn_st"] .green:hover,
div[class^="btn_st"] .green:focus{border:1px solid #0D8C99; background: #0D8C99;}
div[class^="btn_st"] .black:hover,
div[class^="btn_st"] .black:focus{border:1px solid #333; background: #333;}
div[class^="btn_st"] .gray:hover,
div[class^="btn_st"] .gray:focus{border:1px solid #888; background: #888;}

.btn_dark{color:#222 !important;}

/* form-list */
.form-list{display:flex; flex-direction:column; gap:0.4rem;}
.form-list li{display:flex; align-items:center; position:relative; width:100%; gap:0.3rem;}
.form-list li .form-tit{flex-shrink:0; min-width:3rem; text-align:left;}
.form-list li .input{flex:1; min-width:0;}
.form-list.center li{justify-content:center;}

/* 테이블 폼 */
div[class*='tbl_st'].responsive > table .tel,
div[class*='tbl_st'].responsive > table .mail,
div[class*='tbl_st'].responsive > table .add{display:flex; align-items:center; gap:0.3rem;}
div[class*='tbl_st'].responsive > table .tel input,
div[class*='tbl_st'].responsive > table .mail input,
div[class*='tbl_st'].responsive > table .mail select{flex:1; min-width:0;}

/* BD_Top */
.BD_Top{display:flex; position:relative; width:100%; justify-content:space-between; margin-bottom:1.1rem; padding:0; border:none; overflow:visible;}
.BD_Top > form{display:flex; position:relative; width:100%;}
.BD_Top .BD_total{display:flex; flex-shrink:0; position:relative; float:none; align-items:center;}
.BD_Top .BD_total a{margin-right:5px; line-height:1;}
.BD_Top .BD_total > span{position:relative; font-size:16px; color:#666665;}
.BD_Top .BD_total > span + span{padding-left:0.55rem;}
.BD_Top .BD_total > span + span:before{display:block; position:absolute; top:50%; left:0; width:1px; height:0.65rem; background:#ccc; content:''; transform:translateY(-50%);}
.BD_Top .BD_srch{float:none; position:relative; margin-left:auto;}
.BD_Top .BD_srch > div{display:flex; align-items:center; position:relative;}
.BD_Top .BD_srch select,
.BD_Top .BD_srch input,
.BD_Top .BD_srch button{display:flex; position:relative; align-items:center; height:2.25rem; border-radius:4px; font-size:16px;}
.BD_Top .BD_srch select,
.BD_Top .BD_srch input{margin-left:0.5rem; border:1px solid #ccc; background-color:#fff; padding:0 0.65rem;}
.BD_Top .BD_srch select{min-width:7.25rem; padding-right:1.3rem; background:url(/images/web/evaluation/con_com/select_arrow.png) no-repeat right 0.65rem center;}
.BD_Top .BD_srch .inpTxt{min-width:14rem;}
.BD_Top .BD_srch .btnSearch{flex-shrink:0; justify-content:center; width:4rem; margin-left:0.5rem; background:#0772ED; color:#fff;}
.BD_Top .BD_srch select:focus,
.BD_Top .BD_srch input:focus,
.BD_Top .BD_srch button:focus{outline-offset:-0.2rem; outline-color:#444;}
.BD_Top .BD_srch .btnSearch:focus{outline-color:#fff;}

/* BD_list */
.BD_list th{padding:15px 0;}
.BD_list td{word-break:keep-all;}

/* BD_table */
.BD_table td .input_txt{height:40px; padding:0 0.55rem; line-height:1; vertical-align:middle;}
.BD_table td .input_txt + span{display:block; margin-top:7px;}

/* FAQ */
.subCntBody .faqList{border-top:2px solid #000;}
.subCntBody .faqList .list > dt{border-bottom:1px solid #d5d5d5; transition:border 0.3s ease;}
.subCntBody .faqList .list > dt.active{border-bottom:1px solid rgba(15, 128, 228, 0.3);}
.subCntBody .faqList .list > dt button{border-bottom:none;}
.subCntBody .faqList .list > dt button .faq_Q{top:15px; background-color:#165998; border-radius:100%;}
.subCntBody .faqList .list > dt button .faq_question{display:block; font-size:17px; color:#111; font-weight:500; font-family:'Pretendard';}
.subCntBody .faqList .list > dd{border-bottom:1px solid rgba(15, 128, 228, 0.3); background:#F6FAFE;}
.subCntBody .faqList .list > dd .faq_answer{display:flex; flex-direction:column; position:relative; margin:0; padding:20px 20px 20px 60px; font-family:'Pretendard';}
.subCntBody .faqList .list > dd .faq_answer > span.faq_A{top:18px; background:#0F80E4; border-radius:100%;}
.subCntBody .faqList .list > dd .faq_answer p{font-size:16px; color:#111;}
.subCntBody .faqList .list > dd .faq_answer p.faq_btn{position:relative; height:auto; margin-top:10px; }

/* pagination */
.pagination{display:flex; justify-content:center; position:relative; gap:0.4rem; flex-wrap:wrap;}
.pagination > li > a,
.pagination > li > span{width:35px; height:35px; margin-left:0; border:1px solid #fff; border-radius:100%; color:#333; line-height:1.2; transition:all 0.3s;}
.pagination > li[class^="page-"] > a,
.pagination > li[class^="page-"] > span{border:1px solid #d5d5d5;}
/* pagination active */
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover{background-color:#E9E9E9; border-color:#E9E9E9; color:#333;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{background-color:#165998; border-color:#165998; font-weight:700;}
.pagination > li[class^="page-"] > a:hover,
.pagination > li[class^="page-"] > a:focus,
.pagination > li[class^="page-"] > span:hover,
.pagination > li[class^="page-"] > span:focus{background-color:#fff; border-color:#888;}

/* .BD_table td ul.file li a.btn_view {position:absolute;top: -1px;right:0;font-size: 12.5px;font-weight:bold;letter-spacing:-1px;padding:2px 8px;color: #757e9b !important;background: #757e9b26;border: 1px solid #757e9b;border-radius: 7px;text-align: center;height: 22px;line-height: 18px;min-width: 4.5rem;} 191021 추가 *//*260304
.BD_table td ul.file li a.btn_view:hover {background:#757e9b; color:#fff !important; text-decoration: none; transition: .3s;}260304 */
.pagination > li > a, .pagination > li > span {padding:6px 0px;}

table [class^="btn_"]{min-width:auto; height:auto;}

/* 설문조사 */
#qnrInfoBtn{min-width:auto; width:5rem;}

@media screen and (max-width:1600px) {
    /* BD_Top */
    .BD_Top{flex-direction:column;}
    .BD_Top > form{flex-direction:column;}
    .BD_Top .BD_total{margin-bottom:0.5rem;}
    .BD_Top .BD_srch{width:100%;}
    .BD_Top .BD_srch > div{width:100%; flex-wrap:wrap; gap:0.5rem;}
    .BD_Top .BD_srch > div *:first-child{margin:0;}
    .BD_Top .BD_srch select, .BD_Top .BD_srch input{margin-left:0;}
    .BD_Top .BD_srch .inpTxt{flex:1; min-width:0;}
    .BD_Top .BD_srch .btnSearch{margin-left:0;}
}

@media screen and (min-width:641px) {
    /* BD_list */
    .BD_list td{font-size:15px;}
    
    /* BD_table */
    .BD_table th{font-size:15px;}
    .BD_table td{font-size:15px;}
}

@media screen and (min-width:1025px) {
    /* BD_list */
    .BD_list th{font-size:16px;}
    .BD_list td{font-size:16px;}
    
    /* BD_list */
    .BD_list.responsive .mTit{display:none;}
}

@media screen and (max-width:1024px) {
    /* BD_Top */
    .BD_Top .BD_srch select{min-width:6rem;}
    
    /* BD_list */
    .BD_list.responsive .BD_tm_none{display:none !important;}
    .BD_list.responsive colgroup{display:none;}
    .BD_list.responsive thead{display:none;}
    .BD_list.responsive tbody,
    .BD_list.responsive tfoot{display:block; width:100%;}
    .BD_list.responsive tfoot{border-top:1px solid #d9d9d9;}
    .BD_list.responsive th,
    .BD_list.responsive td{position:relative; margin-top:0.4rem;}
    .BD_list.responsive tbody tr,
    .BD_list.responsive tfoot tr{display:flex; flex-direction:column; position:relative; width:100%; padding:0.7rem 0; border-bottom:1px solid #d9d9d9; text-align:left;}
    .BD_list.responsive tbody tr th,
    .BD_list.responsive tbody tr td,
    .BD_list.responsive tfoot tr th,
    .BD_list.responsive tfoot tr td{display: flex;border:none;padding:0;padding-left:12px;padding-right:12px;vertical-align:middle;text-align:left;}
    .BD_list.responsive tbody tr td a,
    .BD_list.responsive tfoot tr td a{display:inline; width:auto;}
    .BD_list.responsive tbody tr td br,
    .BD_list.responsive tfoot tr td br{display:none;}
    .BD_list.responsive tbody tr th:first-child,
    .BD_list.responsive tbody tr td:first-child,
    .BD_list.responsive tfoot tr th:first-child,
    .BD_list.responsive tfoot tr td:first-child{margin-top:0;}
    /* 반응형 제목 */
    .BD_list.responsive tbody tr .mTit,
    .BD_list.responsive tbody tr .mTit,
    .BD_list.responsive tfoot tr .mTit,
    .BD_list.responsive tfoot tr .mTit{display:inline-flex;flex-shrink: 0;position:relative;min-width:4rem;margin-right:10px;padding-left:11px;padding-right:10px;color:#111;font-weight:600;}
    .BD_list.responsive tbody tr .mTit:before,
    .BD_list.responsive tbody tr .mTit:before,
    .BD_list.responsive tfoot tr .mTit:before,
    .BD_list.responsive tfoot tr .mTit:before{position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#666; content:'';}
    .BD_list.responsive tbody tr .mTit:after,
    .BD_list.responsive tbody tr .mTit:after,
    .BD_list.responsive tfoot tr .mTit:after,
    .BD_list.responsive tfoot tr .mTit:after{display:block; position:absolute; top:5px; right:0; width:1px; height:12px; background:#d5d5d5; content:'';}
    
    /* 설문조사 */
    #qnrInfoBtn{line-height:1;}
}

@media screen and (max-width:860px) {
    /* form-list */
    .form-list.center li{justify-content:flex-start;}
    .BD_Top .BD_srch .inpTxt{min-width:7rem;}
}

@media screen and (max-width:690px) {
    /* BD_Top */
    .BD_Top .BD_srch select{float:none; width:auto; margin-bottom:0; }
    .BD_Top .BD_srch .inpTxt{margin-bottom:0;}
    
    /* pagination */
    .pagination > li > a,
    .pagination > li > span{width:30px !important; height:30px !important; line-height:1.4;}
    .pagination > li > a.first,
    .pagination > li > a.last{width:30px !important; height:30px !important;}
    
    /* FAQ */
    .subCntBody .faqList .list > dt button .faq_question{font-size:15px; line-height:1.5;}
    .subCntBody .faqList .list > dd .faq_answer p{font-size:15px; line-height:1.5;}
}

@media screen and (max-width:640px) {
    /* 버튼 */
    div[class^="btn_st"] a,
    div[class^="btn_st"] button{min-width:6rem; height:40px; padding:0 0.65rem; font-size:0.75rem;}
    
    /* BD_Top */
    .BD_Top .BD_total > span + span{margin-left:auto !important;}
    .BD_Top .BD_total > span + span:before{display:none;}

    /* pagination */
    .pagination{gap:0.2rem;}
    .pagination > li > a,
    .pagination > li > span{width:28px; height:28px; font-size:12px;}
    .pagination > li[class^="page-"] > a,
    .pagination > li[class^="page-"] > span{width:28px; height:28px; font-size:12px;}

    /* BD_list */
    .BD_list.responsive tbody tr th,
    .BD_list.responsive tbody tr td,
    .BD_list.responsive tfoot tr th,
    .BD_list.responsive tfoot tr td{padding-left:10px; padding-right:10px;}
}

@media screen and (max-width: 560px) {
    /* BD_Top */
    .BD_Top .BD_srch > div{flex-direction:column; align-items:flex-start; gap:0.5rem;}
    .BD_Top .BD_srch select,
    .BD_Top .BD_srch input,
    .BD_Top .BD_srch button{margin:0 !important; width:100% !important; font-size:15px;}
    .BD_Top .BD_srch .inpTxt{flex:auto; min-width:auto;}
    
    /* FAQ */
    .subCntBody .faqList .list > dt button .faq_Q,
    .subCntBody .faqList .list > dd .faq_answer > span.faq_A{left:12px; width:26px; height:26px; font-size:14px; line-height:23px;}
    .subCntBody .faqList .list > dt button .faq_Q{top:13px;}
    .subCntBody .faqList .list > dd .faq_answer > span.faq_A{top:15px;}
    .subCntBody .faqList .list > dt button .faq_question{margin:0 20px 0 50px;}
    .subCntBody .faqList .list > dd .faq_answer{padding:18px 15px 18px 50px;}
}

@media screen and (max-width: 480px) {
    /* BD_list */
    .BD_list.responsive tbody tr th,
    .BD_list.responsive tbody tr td,
    .BD_list.responsive tfoot tr th,
    .BD_list.responsive tfoot tr td{padding-left:5px; padding-right:5px;}
}

@media screen and (max-width: 360px) {
    /* BD_list */
    .BD_list.responsive tbody tr .mTit,
    .BD_list.responsive tbody tr .mTit,
    .BD_list.responsive tfoot tr .mTit,
    .BD_list.responsive tfoot tr .mTit{min-width:3.5rem;}
}