@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////
 서브 상단 Header영역
 //////////////////////////////////////////////////////////////////////////////////////////*/
.sub_wrap {padding-top:160px; height:378px; box-sizing:border-box; background-position:center top; background-repeat:no-repeat;}

.sub_top_header {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.sub_top_header .base_width {padding:0 20px; text-align:center; color:#fff; vertical-align:middle;}

.sub_top_header span.icon {}
.sub_top_header span.icon i {font-size:50px; font-weight:normal;}
.sub_top_header strong.title {display:block; margin-bottom:10px; font-size:36px; font-weight:normal;}
.sub_top_header span.guide {display:block; margin:0 200px; font-size:14px; font-weight:normal; opacity:0.8;
    word-break:keep-all;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;}

.navi_submenu_box {background: rgb(31,171,146,1);
    background: linear-gradient(90deg, rgba(161,255,165,1) 0%, rgba(0,155,236,1) 25%, rgba(0,155,236,1) 80%, rgba(31,171,146,1) 100%);}
.navi_submenu_box .base_width {display:flex; justify-content:space-between; align-items:center;}

.navi_submenu {}
.navi_submenu::after {display:block; content: ''; clear:both;}
.navi_submenu .submenu_depth2 {float:left; border-left:solid 1px rgba(255,255,255,0.2); position:relative;}
.navi_submenu .submenu_depth2>a {display:block; border-right:solid 1px rgba(255,255,255,0.2); padding:0 30px; height:60px; line-height:60px; color:#fff; font-size:18px; font-weight:600; background-color:rgba(19,70,140,0); transition:all 0.5s ease-out;}
.navi_submenu .submenu_depth2>a:hover,
.navi_submenu .submenu_depth2>a.active  {border-right:solid 1px rgba(255,255,255,0); background-color:rgba(19,70,140,0.5);}
.navi_submenu .submenu_depth2>a span {}
.navi_submenu .submenu_depth2>a i {font-size:12px;}

.navi_submenu .submenu_depth2 a.title {}
.navi_submenu .submenu_depth2 a.title i {margin-left:10px; font-size:10px; transform:rotate(0deg); transition: all 0.3s ease-out;}
.navi_submenu .submenu_depth2 a.title.menuenable {border-right:solid 1px rgba(255,255,255,0); background-color:rgba(19,70,140,0.5);}
.navi_submenu .submenu_depth2 a.title.active i {transform:rotate(180deg);}

.navi_submenu .submenu_depth3 {width:100%; background-color:#225775; position:absolute; top:60px; left:0; z-index:1;}
.navi_submenu .submenu_depth3 ul {}
.navi_submenu .submenu_depth3 ul li {}
.navi_submenu .submenu_depth3 ul li a {display:block; padding:12px 20px 12px 30px; font-size:15px; color:#fff; border-top:solid 1px #3c7293; position:relative;}
.navi_submenu .submenu_depth3 ul li a:hover {background-color:#0e3045; border-top:solid 1px #0e3045;}
.navi_submenu .submenu_depth3 ul li a::after {display:block; content:'-'; position:absolute; top:calc(50% - 9px); left:15px; opacity:0.3;}
.navi_submenu .submenu_depth3 ul li:first-child a {border-top:none;}

.location {}
.location ul {}
.location ul li {display:inline-block; padding:0 10px; position:relative;}
.location ul li::after {display:block; content:''; width:1px; height:10px; background-color:#fff; position:absolute; top:calc(50% - 5px); left:0; opacity:0.3;}
.location ul li:first-child:after {display:block; content:''; width:0; height:0;}
.location ul li a {display:block; color:#fff; opacity:0.7;}
.location ul li a:hover {opacity:1;}

@media all and (max-width:1300px){
    .sub_top_header span.guide {margin:0 10%;}
    .navi_submenu_box {background: rgb(31,171,146,1);
        background: linear-gradient(90deg,rgba(0,155,236,1) 0%, rgba(31,171,146,1) 100%);}
}

/* 테스크탑 */
@media all and (max-width:1024px){    
    .navi_submenu_box .base_width {display:block; overflow:hidden;}
    .navi_submenu_box .location {padding:10px; box-sizing:border-box; float:right;}
    .navi_submenu {display:none;}
}
/* 테블릿*/
@media all and (max-width:768px){
    .sub_top_header span.guide {margin:0 5%;}
}
/* 모바일*/
@media all and (max-width:640px){
    .sub_top_header .base_width {padding:30px 20px;}

    .sub_top_header span.icon i {font-size:40px;}
    .sub_top_header span.icon img {width:30px;}
    .sub_top_header strong.title {font-size:26px;}
    .sub_top_header span.guide {font-size:12px;}

    .sub_wrap {padding-top:90px; height:auto;}
}
@media all and (max-width:480px){   
      
}


/*//////////////////////////////////////////////////////////////////////////////////////////
 서브 콘텐츠 영역
 //////////////////////////////////////////////////////////////////////////////////////////*/
.sub_content .base_width {padding:50px 20px 100px; box-sizing:border-box;}

.page_cont_header {display:flex; margin-bottom:30px; justify-content:space-between; align-items:center;}
.page_cont_header h2 {font-size:48px; color:#333333; font-weight:normal;}
.page_cont_header .func {}
.page_cont_header .func button.btn_outlink {padding:0 20px; height:40px; font-size:16px; border:solid 1px #999999; border-radius:40px; background-color:#fff;}
.page_cont_header .func button.btn_outlink i {margin-left:10px; color:#ff6600; transition: all 0.3s;}
.page_cont_header .func button.btn_outlink:hover {border:solid 1px #666;}
.page_cont_header .func button.btn_outlink:hover i {transform: rotate(-90deg);}


h3.pagetitle {font-size:22px; color:#333; font-weight:600;}

.pagetitle_grid2 {display:flex; margin-bottom:10px; justify-content:space-between; }
.pagetitle_grid2 .start {align-items:center;}
.pagetitle_grid2 .end {align-items:center;}

.board_top_func {margin-bottom:20px; overflow: hidden;}
.board_ment {float:left; line-height:38px;}
.board_search_box {float:right;}
.board_search_box select {height:38px; border:solid 1px #999; border-radius:5px; vertical-align:middle;}
.board_search_box .search_box {display:inline-block; padding-right:36px; vertical-align:middle; border:solid 1px #999; border-radius:5px; overflow:hidden; position:relative;}
.board_search_box .search_box input {width:170px; height:36px; font-size:14px; border:none;}
.board_search_box .search_box input:focus {outline-color: #fff;}
.board_search_box .search_box button {width:36px; height:36px; text-align:center; border:none; background-color:#fff; position:absolute; top:0; right:0;}
.board_search_box .search_box button i {}

@media all and (max-width:1300px){
    .page_cont_header h2 {font-size:40px;}
}

/* 테스크탑 */
@media all and (max-width:1024px){
    .page_cont_header h2 {font-size:36px;}
}
/* 테블릿*/
@media all and (max-width:768px){
    .page_cont_header h2 {font-size:30px;}
    h3.pagetitle {font-size:18px;}    
}
/* 모바일*/
@media all and (max-width:640px){
    .page_cont_header h2 {font-size:26px;}
    .page_cont_header .func button.btn_outlink {padding:0 10px; height:30px; font-size:14px;}
    .page_cont_header .func button.btn_outlink i {margin-left:5px;}

    .board_top_func {margin-bottom:20px; overflow: hidden;}
    .board_ment {float:inherit; line-height:38px;}
    .board_search_box {float:inherit; padding:10px; text-align:center; background-color:#f2f2f2; border-radius:7px;}
}
@media all and (max-width:480px){   
      
}


/* 안내문 */
.guide_box {padding:20px 30px; font-size:16px; background-color:#f5fcff; border:solid 1px #cae0ea; border-radius:5px;}
.guide_box .guide_row {margin:10px 0; color:#666; line-height:1.2;}
.guide_box .guide_row ul {margin-top:5px;}
.guide_box .guide_row ul li {padding:2px 0 2px 15px; position:relative;}
.guide_box .guide_row ul li::after {display:block; content:'●'; font-size:5px; color:#333; position:absolute; top:7px; left:0;}
.guide_box .guide_row .ment {margin-top:10px; color:#0091e3;}

.guide_box_btnbox {padding:10px; text-align:center;}
.guide_box_btnbox button {padding:0 20px; height:46px; font-size:18px; color:#fff; border:none; background-color:#0092e4; border-radius:5px; transition: 0.5s;}
.guide_box_btnbox button i {margin-left:10px;}
.guide_box_btnbox button:hover {opacity:0.8;}

button.btn_all_app {padding:0 10px; height:36px; font-size:16px; color:#fff; border:none; background-color:#0092e4; border-radius:5px; transition: 0.5s;}
button.btn_all_app i {margin-left:10px;}
button.btn_all_app:hover {opacity:0.8;}

@media all and (max-width:640px){   
    .guide_box {padding:10px 20px; font-size:14px;}
    .guide_box_btnbox button {padding:0 20px; height:36px; font-size:16px;}
}


/* //////////////////////////////////////////////////////////
기본 게시판 목록 
///////////////////////////////////////////////////////////////*/
table.table_list_basic {width:100%; font-size:16px; font-weight:normal; color:#333; border-top:solid 1px #b2b2b2;}
table.table_list_basic thead {}
table.table_list_basic thead tr {}
table.table_list_basic thead th {padding:20px 10px; border-bottom:solid 2px #000;}
table.table_list_basic tbody {}
table.table_list_basic tbody tr {background-color:#fff; transition:all 0.5s;}
table.table_list_basic tbody tr:hover {background-color:#f2f2f2;}
table.table_list_basic tbody td {padding:20px 30px; text-align:center; line-height:1.2; border-bottom:solid 1px #cccccc;
    word-break:keep-all;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;}
table.table_list_basic tbody td a {display:inline-block;
        word-break:keep-all;
        white-space:-moz-pre-wrap;
        white-space:-pre-wrap;
        white-space:-o-pre-wrap;
        word-wrap:break-word;}

@media screen and (max-width:768px) {  
    #table_list_basic {font-size:14px;}
    table.table_list_basic thead th {padding:15px 5px;}
    table.table_list_basic tbody td {padding:10px 10px;}
}

    
 /* 반응형 table : UI를 유지, 가로 스크롤 생성 /*/
.table_container_outer {position:relative;}
.table_container_fade {display:none;}
.table_container {overflow-y: none; _overflow: auto;}

@media screen and (max-width:768px) {
      .table_container_outer {position:relative;}
      .table_container_fade {display:block; position:absolute; right:0; width:10px; height:100%;
            background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
            background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
            background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
            background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
            background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
      }
      .table_container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0;}

      #table_list_basic {width:900px;}
      #table_list_basic_result {width:900px;}
}

/* //////////////////////////////////////////////////////////
감사실무, 전문가상담 목록 
///////////////////////////////////////////////////////////////*/
.list_type_rwd {}
.list_type_rwd ul {border-top:solid 2px #000;}
.list_type_rwd ul li {padding:25px 0; display:flex; justify-content:space-between; align-items:center; border-bottom:solid 1px #cccccc;}

.list_type_rwd ul li .info_box {display:flex; align-items:center; width:100%;}
.list_type_rwd ul li .info_box .cell_number {flex-basis:100px; flex-shrink:0; text-align:center;}
.list_type_rwd ul li .info_box .cell_number span.number {display:inline-block; color:#333; font-size:25px;}

.list_type_rwd ul li .info_box .cell_title {width:80%;}
.list_type_rwd ul li .info_box .cell_title a {}
.list_type_rwd ul li .info_box .cell_title strong.title {display:block; margin-bottom:10px; font-size:22px; color:#333; font-weight:600;}
.list_type_rwd ul li .info_box .cell_title a:hover strong {color:#000;}
.list_type_rwd ul li .info_box .cell_title .info_list {color:#999;}
.list_type_rwd ul li .info_box .cell_title .info_list .info_item {margin-right:15px; display:inline-block;}
.list_type_rwd ul li .info_box .cell_title .info_list .info_item:last-child {margin-right:0;}
.list_type_rwd ul li .info_box .cell_title .info_list .info_item i {vertical-align:middle;}
.list_type_rwd ul li .info_box .cell_title .info_list .info_item span {display:inline-block; vertical-align:middle;}

.list_type_rwd ul li .func_box {flex-basis:130px; width:130px; flex-shrink:0; text-align:left; padding-left:15px; padding-right:5px;}

.list_type_rwd ul li.top_fix {background-color:#eaf6ff;}
.list_type_rwd ul li.top_fix .info_box .cell_number span.bell {display:inline-block; width:28px; height:28px; line-height:28px; color:#fff; font-size:16px; text-align:center; background-color:#ff6600; border-radius:28px;}

a.btn_file {display:inline-block; margin:3px 2px; width:28px; height:28px; line-height:28px; color:#333; font-size:16px; font-weight:normal; text-align:center; vertical-align:middle; border-radius:28px; background-color:#ccc; 
    color:#ff6600; background-color:#f1e0d5; position:relative;}
a.btn_file:hover {color:#fff; background-color:#ff6600;}
a.btn_file .pop_innerfile {display:none;}
a.btn_file:hover .pop_innerfile {display:block; padding:5px 7px; color:#333; font-size:13px; line-height:1; border:solid 1px #ccc; border-radius:5px; background-color:#fff; 
    position:absolute; bottom:25px; right:0px; white-space:nowrap;}
a.btn_file:hover .pop_innerfile:hover {color:#ff6600; border:solid 1px #ff6600;}

a.btn_external_link {display:inline-block; margin:3px 2px; width:28px; height:28px; line-height:28px; color:#333; font-size:16px; font-weight:normal; text-align:center; vertical-align:middle; border-radius:28px; background-color:#ccc;
    color:#44788d; background-color:#d5e9f1;}
a.btn_external_link:hover {color:#fff; background-color:#44788d;}

/* 상담 진행상태 */
span.label_counsel {display:inline-block; width:80px; height:26px; line-height:26px; font-size:15px; color:#666666; text-align:center; background-color:#fff; border:solid 1px #ccc; border-radius:30px;}
span.label_counsel.label_counsel_app {color:#666666; background-color:#fff; border:solid 1px #ccc;}
span.label_counsel.label_counsel_ready {color:#0091e3; background-color:#dff5ff; border:solid 1px #dff5ff;}
span.label_counsel.label_counsel_complete {color:#999; background-color:#ebebeb; border:solid 1px #dfdfdf;}

/* 테스크탑 */
@media all and (max-width:1024px){
    .list_type_rwd ul li .info_box .cell_number span.number {font-size:20px;}
    .list_type_rwd ul li .info_box .cell_title strong.title {font-size:20px;}
}
/* 테블릿*/
@media all and (max-width:768px){
    .list_type_rwd ul li {padding:15px 0;}
    .list_type_rwd ul li .info_box {display:block; align-items:center;} 
    .list_type_rwd ul li .info_box .cell_number {display:none;}    
    .list_type_rwd ul li .info_box .cell_title {padding-left:5px;}
    .list_type_rwd ul li .info_box .cell_title strong.title {font-size:18px;}

    span.label_counsel {width:100px; font-size:14px;}
}
/* 모바일*/
@media all and (max-width:480px){   
    .list_type_rwd ul li .info_box {padding-left:5px;}
    .list_type_rwd ul li .info_box .cell_title strong.title {font-size:16px;}
    .list_type_rwd ul li .func_box {flex-basis:70px; width:70px; flex-shrink:0; text-align:right; padding-left:10px;}

    span.label_counsel {width:70px; font-size:12px;}
}

/* 상세페이지 */
.view_type_rwd {font-size:16px; color:#333; border-top:solid 1px #999;}
.view_type_rwd .info_row {display:flex; align-items:center; border-bottom:solid 1px #ddd; background-color:#f5fbff;}
.view_type_rwd .info_row .cell_title {width:20%; flex-shrink:0; text-align:center; color:#6e94a9; box-sizing:border-box;}
.view_type_rwd .info_row .content {padding:25px 15px; width:80%; text-align:left; box-sizing:border-box; background-color:#fff;}

.view_type_rwd .info_row.half {float:left; width:50%;}
.view_type_rwd .info_row.half .cell_title {width:40%; flex-shrink:0;}
.view_type_rwd .info_row.half .content {width:60%; box-sizing:border-box;}

.view_type_rwd .info_row.half_end .cell_title {width:40%; flex-shrink:0;}
.view_type_rwd .info_row.half_end .content {width:60%; box-sizing:border-box;}
.view_type_rwd .info_row.half_end::after {display:block; content:''; clear:both;}

.view_type_rwd .info_row .content input[type="text"],
.view_type_rwd .info_row .content input[type="email"],
.view_type_rwd .info_row .content input[type="phone"],
.view_type_rwd .info_row .content select {padding:0 15px; width:100%; height:36px; font-size:16px; font-weight:normal; border:solid 1px #ccc; border-radius:5px; box-sizing:border-box;}

.view_type_rwd .info_row .content input[type="email"],
.view_type_rwd .info_row .content input[type="phone"],
.view_type_rwd .info_row .content select {width:40%;}

.view_type_rwd .info_row .content textarea {padding:10px; width:100%; font-size:16px; font-weight:normal; border:solid 1px #ccc; border-radius:5px; box-sizing:border-box;}

ul.inner_file {}
ul.inner_file li {padding:5px 0;}
ul.inner_file a:hover i {color:#ff6600}

/* 테스크탑 */
@media all and (max-width:1024px){    
    .view_type_rwd {font-size:15px;}
    .view_type_rwd .info_row .content input[type="email"],
    .view_type_rwd .info_row .content input[type="phone"],
    .view_type_rwd .info_row .content select {width:100%;}
}
/* 테블릿 */
@media all and (max-width:768px){
    .view_type_rwd .info_row .content {padding:10px;}
    .view_type_rwd .info_row .content input[type="text"],
    .view_type_rwd .info_row .content input[type="email"],
    .view_type_rwd .info_row .content input[type="phone"] {height:36px; font-size:14px;}
    .view_type_rwd .info_row .content textarea {font-size:14px;}

    .view_type_rwd .info_row.half {float:initial; width:100%;}
    .view_type_rwd .info_row.half .cell_title {width:20%;}
    .view_type_rwd .info_row.half .content {width:80%;}

    .view_type_rwd .info_row.half_end .cell_title {width:20%;}
    .view_type_rwd .info_row.half_end .content {width:80%;}
}
/* 모바일*/
@media all and (max-width:640px){    
    .view_type_rwd {font-size:14px;}
    .view_type_rwd .info_row {display:block; border-bottom:solid 1px #ddd; background-color:#fff;}
    .view_type_rwd .info_row .cell_title {padding:15px 15px 5px 30px; width:initial; color:#1673c1; text-align:left; position:relative;}
    .view_type_rwd .info_row .cell_title::after {display:block; content:''; width:7px; height:2px; background-color:#1673c1;
    position:absolute; top:calc(50% + 3px); left:15px;}
    .view_type_rwd .info_row .content {padding:5px 15px 15px; width:initial; text-align:left;}

    .view_type_rwd .info_row.half .cell_title {width:initial;}
    .view_type_rwd .info_row.half .content {width:initial;}

    .view_type_rwd .info_row.half_end .cell_title {width:initial;}
    .view_type_rwd .info_row.half_end .content {width:initial;}
}


/* 전문가상답 답변 관련 안내문 */
.answer_guide {display:flex; align-items:center; margin-top:20px; padding:15px; font-size:14px; color:#dd8b8b; background-color:#f3eeee; border-radius:10px;}
.answer_guide .icon {width:30px; text-align:left; font-size:24px; font-weight:normal; flex-shrink:0;}

ul.comments_list {margin-bottom:20px; border-top:solid 1px #ccc;}
ul.comments_list li {padding:25px 20px; border-bottom:solid 1px #eee;}
ul.comments_list li .user_info {margin-bottom:10px;}
ul.comments_list li .user_info span.photo {display:inline-block; width:40px; height:40px; line-height:40px; font-size:20px; color:#999; text-align:center; border-radius:40px; vertical-align:middle; background-color:#f2f2f2;}
ul.comments_list li .user_info strong.writer {margin-right:5px; font-size:18px; color:#666666;}
ul.comments_list li .user_info span.date {font-size:14px; color:#999; font-weight:normal;}
ul.comments_list li .comment_txt {color:#666666; font-weight:normal; line-height:1.5;}

.comment_app {display:flex; justify-content:space-around; width:100%; align-items:center;}
.comment_app .func_left {width:100%;}
.comment_app .func_left textarea {width:100%; height:60px; color:#666; font-size:16px; border-radius:5px; box-sizing:border-box; resize:none;}
.comment_app .func_right {width:85px; flex-shrink:0; text-align:right;}
.comment_app .func_right button {width:80px; height:60px; color:#fff; font-size:16px; background-color:#0091e3; border:solid 1px #0091e3; border-radius:5px; box-sizing:border-box;}
.comment_app .func_right button:hover {opacity:.8;}

/* 파일업로드 : 드랍존 라이브러리 */
.dropzone {width:99%; border:2px dashed #ccc !important; border-radius:5px; -webkit-transition: .2s; transition: .2s;}
.dropzone.dz-drag-hover {border:2px solid #3498db !important;}
.dz-message.needsclick i {display:block; font-size:30px; color:#005eaa; opacity:.3;}
span.plus {display:none;}
.dropzone.dz-started .dz-message {display:inline-block !important; width:120px; float:right; border: 1px solid rgba(238, 238, 238, 0.36); border-radius: 30px;
     height:120px; margin:16px; -webkit-transition: .2s; transition: .2s;}
.dropzone.dz-started .dz-message span.text {display:none;}
.dropzone.dz-started .dz-message span.plus {display:block; font-size:70px; color:#aaa; line-height:110px;}

.innerfile_ment {margin-top:10px; font-size:14px; color:#666;}


@media all and (max-width:1300px){
}

/* 테블릿*/
@media all and (max-width:768px){
    ul.comments_list li .user_info span.photo {width:40px; height:40px; border-radius:40px;}
    ul.comments_list li .user_info strong.writer {font-size:14px;}
}
/* 모바일*/
@media all and (max-width:640px){  
}
@media all and (max-width:480px){   
    ul.comments_list li .user_info span.date {font-size:12px; letter-spacing:-1px;}
}


/* //////////////////////////////////////////////////////////
실무교육
 /////////////////////////////////////////////////////////*/
h3.lecture_package_title_big {margin-bottom:20px; font-size:24px; letter-spacing:-1px; font-weight:600; border-bottom:solid 1px #ccc;}
h3.lecture_package_title_big span {display:inline-block; padding:10px; vertical-align:middle;}

h3.lecture_package_title {margin-bottom:20px; font-size:22px; font-weight:600; letter-spacing:-1px;}
h3.lecture_package_title i {color:#2988d3; font-size:16px;}
h3.lecture_package_title span {vertical-align:middle;}

.lecture_guide {display:flex; align-items:center; padding:15px; margin-bottom:30px; background-color:#edf7ff; border-radius:5px;}
.lecture_guide .icon {width:50px; text-align:center; font-size:30px; flex-shrink:0; font-weight:normal; color:#0091e3;}
.lecture_guide .icon i {font-weight:normal;}
.lecture_guide .txt {font-size:16px; color:#666;
    word-break:keep-all;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;}

@media all and (max-width:640px){   
    h3.lecture_package_title {font-size:20px;}
    h3.lecture_package_title i {font-size:16px;}
    .lecture_guide .txt {font-size:14px;}
}


/* 챠트 /////////////////////////////*/
/* .graph-wrap {margin:0 10% 120px; display:flex; justify-content: center; flex-wrap: wrap; align-content: stretch; gap:60px;} */
.chart_donut {margin:0 50px 30px;}
.chart_donut ul {overflow:hidden;}
.chart_donut li {float:left; width:20%;}
.circle-graph {margin-bottom:80px; text-align:center; position:relative;}
.circle-graph > strong {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px;}
.circle-graph .title {padding:10px 20px; width:100%; text-align:center; font-size:16px; box-sizing:border-box; position:absolute; top:150px;
    word-break:keep-all;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;}

@media all and (max-width:1300px){
}

/* 테스크탑 */
@media all and (max-width:1024px){
    .chart_donut li {float:left; width:33.33%;}    
}
/* 테블릿*/
@media all and (max-width:768px){
    .chart_donut {margin:0 30px 30px;}
    .chart_donut li {float:left; width:50%;}
    .circle-graph {margin-bottom:65px;}
}
/* 모바일*/
@media all and (max-width:640px){    
    .chart_donut {margin:0 0 30px;} 
    .circle-graph .title {font-size:14px;}
}
@media all and (max-width:360px){ 
    .chart_donut li {width:100%;}
    .circle-graph > strong {font-size:18px;}
    .circle-graph .title {padding:10px 0; font-size:14px;}
}

/* 등록된 강의가 없을 경우 */
.blank_cont_lecture {margin-top:10px; padding:100px 10px; text-align:center; color:#666; font-size:20px; background-color:#fff; border:solid 1px #ddd; border-radius:10px;}
 .blank_cont_lecture i {font-size:40px; font-weight:normal;}
 .blank_cont_lecture .msg {color:#666; font-weight:normal;}

 @media screen and (max-width:768px) {
    .blank_cont_lecture {padding:50px 10px;}
    .blank_cont_lecture .msg {font-size:16px;} 
}

/* //////////////////////////////////////////////////////////
기본 과정목록 
////////////////////////////////////////////////////////// */
.lecture_list {}
.lecture_list ul { margin-left:-2%;}
.lecture_list ul::after {display:block; content: ''; clear:both;}
.lecture_list ul li {float:left; width:23%; margin-left:2%; margin-bottom:20px;}
.lecture_list ul li .outline {border:solid 1px #e6e6e6; border-radius:5px; overflow:hidden; position:relative; top:0; transition: all 0.3s ease-out;
    box-shadow:2px 2px 5px 0px rgba(0,0,0,0.05);}
.lecture_list ul li .outline:hover {border:solid 1px #ccc; top:-5px; box-shadow:5px 5px 15px 0px rgba(0,0,0,0.1);}

.lecture_list ul li .outline .top {}
.lecture_list ul li .outline .top strong.title {display:block; margin:30px 10px 20px; text-align:center; font-size:20px; font-weight:600; line-height:1.2; color:#333; 
    height:50px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;}
.lecture_list ul li .outline .top span.lead_txt {display:block; margin:0 10px 20px; font-size:14px; font-weight:600; line-height:18px; color:#999;
    height:56px; 
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;}
.lecture_list ul li .outline:hover .top strong.title {color:#0092e4;}
.lecture_list ul li .outline .lec_info {display:flex; justify-content:space-between; justify-content:center; align-items:center; height:46px; font-size:16px; background-color:#eff7ff;}
.lecture_list ul li .outline .lec_info i {opacity:0.3;}
.lecture_list ul li .outline .lec_info .teacher {width:50%; flex-shrink:0; text-align:center;}
.lecture_list ul li .outline .lec_info .teacher span {color:#376a9e;}
.lecture_list ul li .outline .lec_info .time {width:50%; flex-shrink:0; text-align:center; position:relative;}
.lecture_list ul li .outline .lec_info .time::after {display:block; content:''; width:1px; height:28px; background-color:#d8d8d8; position:absolute; left:0; top:calc(50% - 14px);}

@media all and (max-width:1300px){
    .lecture_list ul li .outline .top strong.title {margin:20px 10px 10px; font-size:18px; line-height:1.3;}
}
/* 테스크탑 */
@media all and (max-width:1024px){
    .lecture_list ul li {width:31.33%;}    
}
/* 테블릿*/
@media all and (max-width:768px){
}
/* 모바일*/
@media all and (max-width:640px){
    .lecture_list ul li {width:48%;}
    .lecture_list ul li .outline .top {}
    .lecture_list ul li .outline .top strong.title {font-size:16px;}
    .lecture_list ul li .outline .lec_info {height:36px; font-size:14px;} 
    .lecture_list ul li .outline .lec_info .time::after {height:18px; top:calc(50% - 9px);}
}
@media all and (max-width:480px){   
    .lecture_list ul li {width:96%;}
}

/* 카드형 리스트 */
.board_list_rwd {}
.board_list_rwd ul {margin-left:-2%;}
.board_list_rwd ul:after {display:block; clear:both; content:'';}
.board_list_rwd ul li {float:left; margin-bottom:20px; margin-left:2%; width:31.33%; position:relative;}
.board_list_rwd ul li .label_new {display:inline-block; padding:0 10px; height:20px; line-height:20px; font-size:12px; color:#fff; border-radius:0 0 5px 5px; background-color:#ff6600;  position:absolute; top:0; left:10px; z-index:10;}
.board_list_rwd ul li a {display:block; padding:25px 20px; background-color:#fff; border-radius:5px; border:solid 1px #eee; transition:all 0.3s ease-out; position:relative; top:0;}
.board_list_rwd ul li a:hover {border:solid 1px #ccc; box-shadow:5px 5px 20px rgba(0,0,0,0.05); position:relative; top:-7px;}
.board_list_rwd ul li strong.title {display:block; margin-bottom:20px; font-size:20px; line-height:24px;
     height:50px; 
     display:-webkit-box;
     -webkit-line-clamp:2;
     -webkit-box-orient:vertical;
     overflow:hidden;
     text-overflow:ellipsis}
.board_list_rwd ul li span.lead_txt {display:block; font-size:14px; line-height:18px; color:#999;
     height:38px; 
     display:-webkit-box;
     -webkit-line-clamp:2;
     -webkit-box-orient:vertical;
     overflow:hidden;
     text-overflow:ellipsis}
.board_list_rwd ul li span.date {display:block; margin-top:10px; color:#666;}

.board_list_rwd_paging {padding:20px 0 10px; text-align:center;}
.board_list_rwd_paging button.btn_board_more {width:150px; height:36px; font-size:18px; color:#666; background-color:#fff; border-radius:36px; border:solid 1px #ccc; transition:border 0.5s ease-out;}
.board_list_rwd_paging button.btn_board_more:hover {border:solid 1px #999;}
.board_list_rwd_paging button.btn_board_more i {margin-left:10px; color:#999; font-weight:normal; transition:all 0.3s ease-out;}
.board_list_rwd_paging button.btn_board_more:hover i {transform: rotate(90deg);}

/* 테블릿*/
 @media all and (max-width:768px){   
     .board_list_rwd ul li {width:48%;}
     .board_list_rwd ul li .label_new {height:16px; line-height:16px;}
     .board_list_rwd ul li a {padding:20px 10px;}
     .board_list_rwd ul li a:hover {position:relative; top:0;}
     .board_list_rwd ul li strong.title {font-size:18px; line-height:22px; height:46px;}
     .board_list_rwd ul li span.lead_txt {font-size:12px; line-height:16px; height:34px;}
     .board_list_rwd ul li span.date {display:block; margin-top:10px; text-align:right; font-size:12px;}
 }
 


 /* //////////////////////////////////////////////////////////
 회계기준 
 //////////////////////////////////////////////////////////*/
.accounting_standard_list {}
.accounting_standard_list ul { margin-left:-2%;}
.accounting_standard_list ul::after {display:block; content: ''; clear:both;}
.accounting_standard_list ul li {float:left; width:23%; margin-left:2%; margin-bottom:20px;}
.accounting_standard_list ul li .outline {border:solid 1px #e6e6e6; border-radius:5px; overflow:hidden; position:relative; top:0; transition: all 0.3s ease-out;
    box-shadow:2px 2px 5px 0px rgba(0,0,0,0.05);}
.accounting_standard_list ul li .outline:hover {border:solid 1px #ccc; top:-5px; box-shadow:5px 5px 15px 0px rgba(0,0,0,0.1);}

.accounting_standard_list ul li .outline .top {display:flex; justify-content:center; height:150px; align-items:center;}
.accounting_standard_list ul li .outline .top strong.title {margin:0 15px; text-align:center; font-size:20px; font-weight:600; color:#333; line-height:1.2;
    word-break:keep-all;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;}
.accounting_standard_list ul li .outline:hover .top strong.title {color:#333;}
.accounting_standard_list ul li .outline .lec_info {display:flex; padding:0 10px; justify-content:space-between; align-items:center; height:46px; font-size:14px; color:#376a9e; background-color:#eff7ff;}
.accounting_standard_list ul li .outline .lec_info i {opacity:0.3; font-weight:normal;}
.accounting_standard_list ul li .outline .lec_info span {}
.accounting_standard_list ul li .outline .lec_info .start_time {}
.accounting_standard_list ul li .outline .lec_info .org {}
/* color:#376a9e; */

@media all and (max-width:1300px){
    .accounting_standard_list ul li .outline .top strong.title {margin:0 10px; font-size:18px;}
}
/* 테스크탑 */
@media all and (max-width:1024px){
    .accounting_standard_list ul li {width:31.33%;}    
}
/* 테블릿*/
@media all and (max-width:768px){
}
/* 모바일*/
@media all and (max-width:640px){
    .accounting_standard_list ul li {width:48%;}
    .accounting_standard_list ul li .outline .top {height:100px;}
    .accounting_standard_list ul li .outline .top strong.title {font-size:16px;}
    .accounting_standard_list ul li .outline .lec_info {height:36px; font-size:14px;} 
    .accounting_standard_list ul li .outline .lec_info .time::after {height:18px; top:calc(50% - 9px);}
}
@media all and (max-width:480px){   
    .accounting_standard_list ul li {width:96%;}
}


/*//////////////////////////////////////////////////////////
 게시판용 버튼 
 //////////////////////////////////////////////////////////*/
.board_func {padding:20px 0 50px; text-align:center;}
button.btn {margin:0 2px; padding:0 20px; font-weight:600; height:36px; border:solid 1px #ddd; background-color:#fff; border-radius:5px;}

button.btn.btn_sm {height:30px; font-size:14px;}
button.btn.btn_md {height:36px; font-size:15px;}
button.btn.btn_xs {height:46px; font-size:16px;}

button.btn.btn_bg_white {color:#333; border:solid 1px #ddd; background-color:#fff;}
button.btn.btn_bg_white:hover {border:solid 1px #aaa;}
button.btn.btn_bg_gray {color:#666; border:solid 1px #ccc; background-color:#f2f2f2;}
button.btn.btn_bg_gray:hover {color:#333; border:solid 1px #aaa;}
button.btn.btn_bg_primary {color:#fff; border:solid 1px #0091e3; background-color:#0091e3;}
button.btn.btn_bg_primary:hover {opacity:0.9;}

/* 게시판 페이징 /////////////////////////////////////////////*/
.table_paging {padding:20px 0 10px; text-align:center; color:#999; font-weight:normal;}
.table_paging a,
.table_paging i {display:inline-block; vertical-align:middle;}
.table_paging a:hover {color:#333;}

.table_paging a.btn_pgmove{width:26px; height:26px; line-height:26px; color:#999; border-radius:26px; background-color:#e9e9e9;}
.table_paging a.btn_pgmove:hover {color:#fff; background-color:#c7c7c7;}

.table_paging .pagenum {font-size:18px; color:#666; vertical-align:middle;}
.table_paging .pagenum a {display:inline-block; padding:0 10px; color:#999;}
.table_paging .pagenum a:hover,
.table_paging .pagenum a.active {color:#000;}


/*//////////////////////////////////////////////////////////
 정책
 //////////////////////////////////////////////////////////*/
 h3.policy_pg_title {margin-bottom:10px; font-size:20px;}
 h4.policy_title {margin-top:50px; font-size:18px;}
 h4.policy_title_s {margin-top:20px; font-size:16px;}

 .policy_guide {padding:20px; color:#666; font-weight:normal; border-radius:5px; border:solid 1px #ddd;}
 .policy_content {margin-top:10px; color:#666; font-weight:normal; line-height:1.5;}
 .policy_content ul {}
 .policy_content ul li {padding:5px 0; font-weight:normal;}
 .policy_content div {font-weight:normal;}

 .gep_line {margin-top:50px; border-bottom:solid 1px #ddd;}

 table.table_policy {width:100%;}
 table.table_policy thead {}
 table.table_policy thead th {padding:10px; text-align:center; border:solid 1px #ddd; background-color:#f2f2f2;}
 table.table_policy tbody {}
 table.table_policy tbody td {padding:10px; text-align:center; border:solid 1px #ddd;}


 /*//////////////////////////////////////////////////////////
 통합검색
 //////////////////////////////////////////////////////////*/
 .search_word {margin-bottom:50px; padding:0 10px 30px; text-align:center; font-size:24px; border-bottom:solid 1px #ccc;}
 .search_word strong {color:#ff6600; font-size:28px;}

 h4.search_cata_title {margin-top:50px; padding:15px 20px; font-size:24px; color:#005eaa; text-align:center; background-color:#e6f4ff; border-radius:5px;}
 h4.search_cata_title i,
 h4.search_cata_title span {display:inline-block; vertical-align:middle; font-weight:normal;}
 h4.search_cata_title span.icon {width:23px; vertical-align:baseline;}

 h4.search_cata_title_s {margin-top:50px; padding-bottom:10px; padding-left:10px; font-size:20px; position:relative;}
 h4.search_cata_title_s::after {display:block; content:'■'; font-size:8px; position:absolute; top:6px; left:0;}

 .blank_cont_search {margin-top:10px; padding:100px 10px; text-align:center; color:#999; font-size:20px; background-color:#fff; border:solid 1px #ddd; border-radius:10px;}
 .blank_cont_search i {font-size:30px; font-weight:normal;}
 .blank_cont_search .msg {color:#666; font-weight:normal;}

 @media screen and (max-width:768px) {  
    .search_word {margin-bottom:30px; padding:0 10px 30px; font-size:16px;}
    .search_word strong {font-size:20px;}

    h4.search_cata_title {padding:10px; font-size:18px;}
    h4.search_cata_title span.icon {width:16px;}
    h4.search_cata_title_s {margin-top:30px; padding-left:10px; font-size:16px;}
    h4.search_cata_title_s::after {display:block; content:'■'; font-size:6px; position:absolute; top:4px; left:0;}

    .blank_cont_search {padding:50px 10px;}
    .blank_cont_search .msg {font-size:16px;} 
}

/* 기본 게시판 */
table.table_list_basic_result {width:100%; font-size:16px; font-weight:normal; color:#333; border-top:solid 1px #b2b2b2;}
table.table_list_basic_result thead {}
table.table_list_basic_result thead tr {}
table.table_list_basic_result thead th {padding:5px 10px; font-size:14px; border-bottom:solid 2px #000;}
table.table_list_basic_result tbody {}
table.table_list_basic_result tbody tr {background-color:#fff; transition:background-color 0.5s;}
table.table_list_basic_result tbody tr:hover {background-color:#f2f2f2;}
table.table_list_basic_result tbody td {padding:10px 20px; text-align:center; line-height:1.2; border-bottom:solid 1px #cccccc;
    word-break:keep-all;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;}
table.table_list_basic_result tbody td a {display:inline-block;
        word-break:keep-all;
        white-space:-moz-pre-wrap;
        white-space:-pre-wrap;
        white-space:-o-pre-wrap;
        word-wrap:break-word;}

@media screen and (max-width:768px) {  
    #table_list_basic_result {font-size:14px;}
    table.table_list_basic_result thead th {padding:15px 5px;}
    table.table_list_basic_result tbody td {padding:10px 10px;}
}

/* 감사실무 게시판 */
.list_type_rwd_result {}
.list_type_rwd_result ul {border-top:solid 2px #000;}
.list_type_rwd_result ul li {padding:10px 20px; border-bottom:solid 1px #cccccc;}
.list_type_rwd_result ul li a {}
.list_type_rwd_result ul li strong.title {display:block; font-size:16px; color:#333;}
.list_type_rwd_result ul li a:hover strong {color:#000;}

@media screen and (max-width:768px) {  
    .list_type_rwd_result ul li strong.title {font-size:14px;}
}


/*  게시판 상세페이지 내용 영역 */
.npop_style_reset a {text-decoration:underline !important; color:blue;}
.npop_style_reset table {margin:10px 0;}
.npop_style_reset th
{ 
    padding:3px 5px;
    border:solid 1px #aaa;  
    font-family: inherit !important;
    text-align:center;
    font-weight:normal;
}

.npop_style_reset td 
{  
    text-align: inherit !important;
    padding:3px 5px;
    border:solid 1px #aaa;  
    font-family: inherit !important;
}
  
.npop_style_reset table , .npop_style_reset tbody  
{ 
    width:100%;
    outline: inherit !important;
    padding:3px 5px;
    border:solid 1px #aaa;  
    vertical-align: baseline !important;
    list-style: inherit !important;
    font-family: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}