@charset "utf-8";

/*---------------------------ÄÚÈÝÒ³ÃæÑùʽ----------------------------*/

/* contents */
#contents.inner{margin-top: -1rem;margin-left: 0;padding: 0 0.8rem 0.1rem;background: #FFF;box-shadow: 0 20px 26px #EEE;}
#contents.inner .cont-top{padding: .5rem 0 0;}
#contents #cont {display:block;min-height:600px}
#contents #cont .contents_view_wrap{}
#contents #cont .contents_view_wrap .ewm{
    position: absolute;
    right: 110px;
    top: 160px;
  }

#contents #cont .contents_view_wrap canvas{
   width:100px
}
#contents #cont .contents_view_wrap .ViewBox{text-align: center;margin: 0.4rem 0 .2rem;padding-bottom: 10px;border-bottom: 1px solid #EEE;}
#contents #cont .contents_view_wrap .ViewBox .ViewTit{font-size: .3rem;font-weight: 700;line-height: normal;}
#contents #cont .contents_view_wrap .ViewBox .ViewTit h3{color: #000;font-size: 30px;font-weight: 700;line-height: normal;}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo{color: #666;font-size: 0.17rem;margin-top: .2rem;}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span{padding: 0 0 0 10px;margin: 0 0 0 5px;line-height: 1;position: relative;display: inline-block;}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo > span::before{content:'';width:1px;height: 65%;background:#ddd;display: inline-block;top: 3px;left: 0;position: absolute;}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span:first-child{margin: 0;padding: 0;}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span:first-child::before{display:none}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.source{}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.author{}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.edit{}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.date{}
#contents #cont .contents_view_wrap .ViewBox .viewTitWinfo span.hit{}
#contents #cont .ViewInner{font-size: .2rem;line-height: 2;position: relative;overflow: hidden;min-height: 500px;}
#contents #cont .ViewInner p{text-indent: 2em;margin-bottom: 16px;/* text-align: center; */}
#contents #cont .ViewInner div.vs_img {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#contents #cont .ViewInner p.vsbcontent_img{}
#contents #cont .ViewInner div.vs_img p.vsbcontent_end{
    text-indent: 0;
    text-align:center;
}
#contents #cont .ViewInner p img,#contents #cont .ViewInner p video{}
#contents #cont .ViewPagination {display:block;position:relative;width:100%;margin: .5rem 0 .3rem;border-top: 3px solid #EEE;}
#contents #cont .ViewPagination ul {position:relative;width:100%;overflow:hidden;padding:0;}
#contents #cont .ViewPagination ul:before {display:block;content:'';position:absolute;top:50%;left:50%;width:1px;height:50px;background: #EEE;transform:translateY(-50%);}
#contents #cont .ViewPagination li {width:50%;height:100%;box-sizing:border-box;float:right;text-align:right;}
#contents #cont .ViewPagination li a {display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding: 25px 40px 25px 15px;}
#contents #cont .ViewPagination li .ico {position:absolute;top:0;right:0;overflow:hidden;width: 30px;height: 100%;display: flex;justify-content: center;flex-direction: column;}
#contents #cont .ViewPagination li .ico i{font-size: 28px;}
#contents #cont .ViewPagination li .lbl {font-weight:500;display:block;font-size: 1.2em;}
#contents #cont .ViewPagination li .subject {font-size: 1.1em;display:block;white-space: break-spaces;text-overflow:ellipsis;overflow:hidden;margin-top:0;}
#contents #cont .ViewPagination li .date {display:none}
#contents #cont .ViewPagination li:first-child {float:left;text-align:left;}
#contents #cont .ViewPagination li:first-child a {padding: 25px 15px 25px 40px;}
#contents #cont .ViewPagination li:first-child .ico {left:0;right:auto;}

/* table */
.scroltable-wrapper {position:relative;}
.scroltable-container {overflow-x:auto;}
.scroltable-nav {display:none;position:absolute;width: 20px;height:100%;cursor:pointer;z-index: 1;}
.scroltable-nav.scroltable-nav-left { left:0; background:linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right { right:0; background:linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left i,.scroltable-nav.scroltable-nav-right i{width: 20px;height: 100%;font-size: 24px;position:absolute;top: 50%;}
.basic_table {width: 99% !important;max-width: 100%  !important;border-collapse: collapse  !important;/* border-top: #1f1f1f solid 2px  !important; */word-break: keep-all!important;line-height: 1.2  !important;margin: 0.2rem auto;background: #939FBB;}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 15px; border:#d8d8d8 solid 1px;}
.basic_table tbody tr th,.basic_table tbody tr td {padding: 10px 10px !important;border: #d8d8d8 solid 1px !important;}
.basic_table thead tr th p,.basic_table thead tr td p,.basic_table tbody tr th p,.basic_table tbody tr td p{text-indent: 0 !important;margin-bottom: 0 !important;line-height: 1.8em;color: #fff;font-weight: bold;font-size: 21px;}
.basic_table tbody tr td > ul > li{margin:5px 0;}
.basic_table tr th:first-child,.basic_table tr td:first-child{}
.basic_table tr th:last-child,.basic_table tr td:last-child{}
.basic_table th {color:#1f1f1f; background-color:#fbfbfb; vertical-align:middle;}
.basic_table td {color: #1f1f1f !important;text-align: left !important;vertical-align: middle !important;word-break: keep-all !important;}
.basic_table td a{text-decoration:none; color:#454545}
.basic_table td.red{color:#F00}
.basic_table .no_border {border-right-style:none;}
.basic_table .td_center {text-align:center}
.basic_table .td_right {text-align:right}
.basic_table .td_left {text-align:left}
.border_none{border-right:none;}
.basic_table .day{position:relative; display:inline-block; border:#aec5ed solid 1px; padding:5px 10px 5px 60px; background:#e9f1ff; border-radius:3px; margin-left:15px; color:#1461dd;}
.basic_table .day em{position:absolute; display:inline-block; left:-1px; top:-1px; bottom:-1px; background:#1461dd; color:#fff; padding:5px 0; width:50px; text-align:center; font-style:normal; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.basic_table.table_resp th{text-align:left; padding:0 10px;}
.basic_table.table_resp th,.basic_table.table_resp td{display:block; border-left:0; border-right:0; padding:15px; line-height:1.4;}
.basic_table.tbl_st01{border-top:#1e1e1e solid 2px;}
.basic_table.tbl_st01 th {color:#1e1e1e}
.basic_table.tbl_st01 td {color:#464646}
.table_center tbody tr td{text-align:center;}

/* ??? ??? */
.table-scroll-wrap { position: relative; }
.table-scroll::-webkit-scrollbar { height: 4px; }
.table-scroll::-webkit-scrollbar-track { background: #f5f5f5; border-radius: 10px; }
.table-scroll::-webkit-scrollbar-thumb { background: #214397; border-radius: 10px; }
.table-scroll::-webkit-scrollbar-thumb:hover { background: #12399c; }
/* .table-scroll-desc { display: none; color: #999; font-size: 0.889rem; }
.table-words { text-align: right; color: #999; } 20220810 ??? ???? ??*/
.table-scroll-desc { display: none; color: #666; font-size: 0.889rem; }
.table-words { text-align: right; color: #666; }

.table-style { width: 100%; border-collapse: collapse; border-top: 2px solid #214397; border-bottom: 1px solid #ccc; border-right: 2px solid #fff; }
.table-style th, .table-style td { padding: 1rem 1.5rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle; word-break: keep-all; }
.table-style.sm th, .table-style.sm td { padding: 0.5rem; }
.table-style thead th { background:#f9f9f9; font-size: 0.889rem; font-weight: 700; }
.table-style tbody th, .table-style tbody td { font-weight: 300; }

.table-style-wrap { background: #F3F7FB; padding: 1.875rem 1.25rem; }
.table-style-2 { width: 100%; border-collapse: separate; }
.table-style-2 th, .table-style-2 td { padding: 1rem 1.5rem; vertical-align: middle; word-break: keep-all; }
.table-style-2.sm th, .table-style-2.sm td { padding: 0.5rem; }
.table-style-2 thead th { border: 1px solid #037FB7; border-radius: 0.625rem; background:#037FB7; color: #fff; font-weight: 700; letter-spacing: 0; }
.table-style-2 thead th:first-child { border-radius: 0.625rem 0 0 0; }
.table-style-2 thead th:last-child { border-radius: 0 0.625rem 0 0; }
.table-style-2 tbody th { border-radius: 0 0 0 0.625rem; }
.table-style-2 tbody td { border-radius: 0 0 0.625rem 0; }
.table-style-2 tbody th, .table-style-2 tbody td { position: relative; background-color: #fff; }
.table-style-2 tbody th { color: #037FB7; }
.table-style-2 tbody th::after, .table-style-2 tbody td:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 1px; background: #E3E3E3; }
.table-style-2 tbody th::after { width: 70%; }
.table-style-2 tbody td:after { width: 90%; }
.table-style-2 tbody tr:last-child th::after, .table-style-2 tbody tr:last-child td:after { display: none; }
.table-style-2 tr .ul-style > li { margin-bottom: 0.125rem; }
.table-style-2 tr small { display: block; margin-top: 0.125rem; color: #797979;}

/* print */
@media print and (max-width:1200px) {
    * {print-color-adjust:exact;-webkit-print-color-adjust:exact;}
    #container-wrap * {-webkit-print-color-adjust:exact;}
    #container {background:#fff;}
    #contents {width:100%;margin:0;}
    #header-wrap, #svisual-wrap, #side-wrap, #footer-wrap {display:none;}
}

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

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

}
@media all and (max-width:999px) {
    #contents #cont .ViewPagination ul:before{display:none}
    #contents #cont .ViewPagination li:first-child{border-bottom:1px solid #DDD}
    #contents #cont .ViewPagination li,#contents #cont .ViewPagination li:first-child{width: 100%;float: none;text-align: left;}
    #contents #cont .ViewPagination li .ico i{display:none}
    #contents #cont .ViewPagination li a{padding: .2rem 0;}
    #contents #cont .ViewPagination li:first-child a {padding: .2rem 0;}
}

@media all and (max-width:768px) {
    #contents.inner{padding: 0 0.35rem 0.1rem;}
    #contents.inner .cont-top{padding: .3rem 0 0;}
    #contents #cont .contents_view_wrap .ViewBox{margin: 0.2rem 0 .2rem;}
    #contents #cont .contents_view_wrap .ViewBox .ViewTit{font-size: .22rem;}
    #contents #cont .ViewInner{font-size: .19rem;}
    #contents #cont .ViewPagination{
        margin-bottom: 10px;
    }
}
@media all and (max-width:699px) {

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

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

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

}