@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
/* start common */
* {letter-spacing: -1px;font-family:'Noto Sans'}
/**:focus {outline: 1px dashed #999999}*/
.hide {
    display: none !important;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    /*background-color: #ddd;*/
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}
dd {
    margin-bottom: 0;
}
p {
    margin: 0 0 10px
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.1;
}

table, .btn {
    font-size: unset;
}
a, a:visited {color:#333333}
a:hover, a:active {color:#999999}
p {line-height: 1.8em}
/*---------------------------*/


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

/*---------------------------*/
.paginator {
    margin: 0 auto;
}
p.tags {margin-top:25px;}
.w-100 {width:100%;}
.h-100 {height:100%;}
.wrapper {padding:0 0 10px;min-width:1200px}
.bg-white {background-color: #FFFFFF}
.bg-green {background-color: #067c4c}
.bg-orange {background-color: #f9844f}
.bg-gray {background-color: #efefef}
.bg-darkgray {background-color: #e1e1e1}

table.dark-header th {background-color: #666666;color:#FFFFFF;text-align:center;}
/* end common */

/* start header - pc */ 
#header {margin-top:9px; height: 224px}
/* mobile header*/
#mHeader{width:100%; z-index: 22; position: fixed; top: 0; left:0; right: 0; }
#mHeader .navWrap{width:100%;height: 45px; overflow: hidden; background: #0899a6; }
#mHeader .navWrap .btnMenu{ color: #fff; background: #005c6c; text-align: center; width:45px; height:45px; margin: 0; float:left; display: block; font-size:25px;padding-top:5px}
/*#mHeader .narWrap .btnMenu .fa {font-size: 205px}*/
#mHeader .navWrap .logoM{width:100px; left:50%; float: left; margin:2px 0 0 -50px; position:absolute;}
#mHeader .navWrap .btnSearch{border-left: 1px solid #68c2cf; background: #0899a6; width: 45px; height: 45px; text-align: center; float:right; display: block; color:#fff; font-size:15px;padding-top:10px}

    .logo-container {background-color: #0899a6;width:197px; float:left;}
    .logo-container .logo {padding-top:15px;text-align: center}
    .logo-container .search {background-color: #0899a6;}
    .logo-container .search .search-form {background-color: #06b6b8;margin-top:110px}
    .logo-container .search .search-form input {font-size : 14px;}
    /*header search */
    .stylish-input-group .input-group-addon{
        background: #06b6b8 !important;
        border:none;
        padding:12px 10px 12px 5px;
    }
    .stylish-input-group .form-control{
        border-right:0;
        box-shadow:0 0 0;
        border:none;
        background-color: #06b6b8;
        margin:5px;
        color:#FFFFFF;
    }
    .stylish-input-group button{
        border:0;
        background:transparent;
    }
    .stylish-input-group button span {color:#FFFFFF}

    /* MENU CONTAINER */
    .menu-container {width:927px}
    .gnb {height:25px;letter-spacing:-1px;background-color: #FFFFFF;font-weight:bold}
    /*.gnb { padding:2px 0 13px 2px;height:25px;letter-spacing:-1px;background-color: #FFFFFF;font-weight:bold}*/
    .gnb > .row > div {width:160px;font-size:16px;}
    .gnb > .row > div > span {padding-left:2px;}
    .gnb a {color:#000000;text-decoration: none;padding-bottom:1px}
    .gnb div a:hover {text-decoration: none;border-bottom:1px solid #666666}
    .gnb div.active a {color:#0899a6}
    .gnb div.active a:hover {text-decoration: none;border-bottom:none}
    .gnb ul {margin:0;padding:0;}
    .gnb ul li {list-style:none;}  
    .gnb .main li {font-size:16px;}
    .gnb a {color:#000000;text-decoration: none;padding-bottom:1px}
    .gnb .main .sub li {font-size:12px; list-style: none; padding: 4px 2px 3px;letter-spacing: -1px;}

    .sub > .row > div {width:160px}
    .sub a {color:#777777;text-decoration: none;padding: 3px 0;}
    .sub li {font-size:12px; list-style: none; padding: 4px 2px 3px;letter-spacing: -1px;}
    .sub li.active {background-color: #0899a6;text-decoration: none;color:#FFFFFF}
    .sub li.active a{background-color: #0899a6;text-decoration: none;color:#FFFFFF}
    .sub a:hover {text-decoration: underline}
    .sub {background-color: #FFFFFF;height:198px}
    .sub ul {margin:0; padding:5px 0 0 0}
    .sub a {color:#777777;text-decoration: none;padding: 3px 0;font-weight: 400}

    .bg-accent {display:none;position:fixed;height:63px;background-color: #0899a6;top:0;width:100%;z-index: 10000}
    #floatHeader {top:0;z-index:10001;margin-top:-10px;}
    #floatHeader .contain {position:fixed;}
    #floatHeader .logo-container .logo {padding-top:10px;height:50px}
    #floatHeader .logo-container .search-form {margin-top:165px}
    #floatHeader .sub {
        border-bottom:1px solid #CCCCCC;
        display: none;
        /*-webkit-box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.5);
        -moz-box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.5);
        box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.5);*/
    }
    #floatHeader .search {display: none}
    #floatHeader .gnb {background-color: transparent;color:#FFFFFF; height:63px;padding-top:20px;font-weight: normal}
    #floatHeader .gnb a {color:#FFFFFF}
    .gnbWrap{width:380px; background: #FFFFFF; height: 100%; position:fixed; left:-300px; z-index: 2000; overflow-y: auto;}
    .mobile_gnb ul {margin:0;padding:0}
    .mobile_gnb li {list-style: none; margin:0;padding:27px 15px;border-right:1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;cursor: pointer;}
    .mobile_gnb li a {color:#000000;font-size:15px;text-decoration: none}
    .mobile_gnb li a i {display:none;margin-right:5px}
    .mobile_gnb li.active {background-color: #0899a6}
    .mobile_gnb li.active a {color:#FFFFFF;font-size:15px;text-decoration: none}
    .mobile_gnb li:hover {background-color: #0899a6;color:#FFFFFF}
    .mobile_gnb li.active a i {display:inline;margin-right:5px}
    .mobile_search .input-group {background-color: #06b6b8}
    .mobile-menu {
        height: 100%;
    }
    .mobile_gnb {
        position: fixed;
        left: 0;

        width:130px;
        height: 100%;
        border-right: 1px solid #e1e1e1;
    }
    .mobile_gnb li {
        border-right: 0;
    }
    .mobile_sub {
        position: fixed;
        overflow-x: hidden;
        overflow-y: auto;
        top:45px;
        left:130px;
        height:100%;
        display:block;
        min-width: 240px;
        background: #FFF;
    }
    .sub_div ul {
        padding: 15px;
    }
    .sub_div ul li {
        list-style: none;
        padding: 5px 0 5px 0px;
    }
    .sub_div ul.depth_0 li a {
        display: block;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #222;
        text-decoration: none;
        background: url(/Spri/images/mobile_menu_arrow_down.png) right 5px no-repeat;
    }
    .sub_div ul.depth_0 li.active > a {
        color: #05909c;
        font-weight: bold;
        background: url(/Spri/images/mobile_menu_arrow_up.png) right 5px no-repeat;
    }
    .sub_div ul li a {
        font-size:14px;
        font-weight: bold;
        color: #222222;
    }
    .sub_div ul.depth_1 {
        display: none;
        padding: 0 0 0 5px;
    }
    .sub_div ul.depth_1 li a {
        font-size: 12px;
        font-weight: normal;
        border-bottom: 1px solid #cccccc;
        background: url(/Spri/images/mobile_menu_plus.png) right 5px no-repeat;
    }
    .sub_div ul.depth_1 li.active > a {
        color: #05909c;
        font-weight: bold;
        border-bottom: 1px solid #cccccc;
        background: url(/Spri/images/mobile_menu_minus.png) right 5px no-repeat;
    }
    .sub_div ul.depth_2 {
        display: none;
        padding: 0 0 0 0px;
    }
    .sub_div ul.depth_2 li {
        /*display: none;*/
        padding: 0;
    }
    .sub_div ul.depth_2 li a {
        font-weight: normal !important;
        padding-left: 15px;
        font-weight: normal;
        display: block;
        background: #eeeeee !important;
        border-bottom: 1px solid #FFF !important;
    }
    .sub_div ul.depth_2 li {
    }
    .sub_div ul.depth_2 li.active {
        padding-left:12px;
        background-color: #eeeeee;
        background: url(/Spri/images/mobile_menu_arrow_right.png) 0 0px no-repeat !important;
    }
    .sub_div ul.depth_2 li.active a {
        padding-left:5px;
    }
    .sub_div ul.depth_3 {
        display: none;
        padding: 0 0 20px 10px;
    }
    .sub_div ul.depth_3 li a {
        background: #FFF !important;
        border-bottom: 1px solid #eee !important;
    }
    .mobile_sub_close {
        display: none;
        padding: 0;
        margin: 0;
        border: 0;
        position: absolute;
        right: -39px;
    }

/* end header */
/* start side menu */
.side-left {border-top:3px solid #666666;background-color: #FFFFFF;width:197px;float:left}
.side-left li {font-size:13px;}

.side-left li a.active {background-color: #666666;color:#FFFFFF}
.side-left .nav>li>a {
    position: relative;
    display: block;
    padding: 15px 15px;
}
.side-left .nav>li>a:focus, .side-left .nav>li>a:hover {
    text-decoration: none;
    background-color: #666666;
    color:#FFFFFF;
}

.side-left {
    border-top: 5px solid #666;
}
.side-left #side {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    /*display: none;*/
    padding: 0;
}
.side-left ul li {
    list-style: none;
    padding: 0;
}
.side-left ul.depth_0 li {
    background-color: #FFF;
}
.side-left ul.depth_0 li a {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    padding: 15px 0 15px 15px;
    background: url(/Spri/images/mobile_menu_arrow_down2.png) 170px 25px no-repeat;
}
.side-left ul.depth_0 li.active {
    font-weight: bold;
    background-color: #505050;
}
.side-left ul.depth_0 li.active > a {
    color: #fff;
    background: url(/Spri/images/mobile_menu_arrow_down2_active.png) 170px 25px no-repeat;
}
.side-left ul.depth_1 {
    display: none;
    padding: 0;
    border-bottom: 1px solid #e9e9e9;
}
.side-left ul.depth_1 li a {
    font-size:14px;
    color: #333;
    font-weight: normal;
    background: #FFF;
    padding: 8px 0 8px 20px;
}
.side-left ul.depth_1 li.active > a {
    color: #000;
    font-weight: bold;
    background: #FFF;
}
.side-left ul.depth_2 {
    display: none;
    padding: 0 0 0 0px;
}
.side-left ul.depth_2 li {
    /*display: none;*/
    padding: 0;
}
.side-left ul.depth_2 li a:before {
    content : " - ";
}
.side-left ul.depth_2 li a {
    font-size: 12px;
    display: block;
    font-weight: normal;
    padding-left: 25px;
    border-bottom: 1px solid #FFF;
    word-break: keep-all;
    text-indent: -6px;
}
.side-left ul.depth_2 li {
}
.side-left ul.depth_2 li.active {
    /*color: #05909c;*/
}
.side-left ul.depth_2 li.active a {
    /*color: #05909c;*/
    /*font-weight: bold;*/
}
.side-left ul.depth_3 {
    display: none;
    padding: 0;
}
.side-left ul.depth_3 li a {
    color: #333;
    padding:3px 3px 3px 35px;
    font-weight: normal;
}
.side-left ul.depth_3 li a::before {
    content : "";
}
.side-left ul.depth_3 li.active a {
    color: #05909c;
    font-weight: normal;
}

.left_banner {margin-top:20px}

/* END SIDE MENU */
/* page header */
#page-header {margin-top:5px;padding:0; height: auto; min-height: 70px}
#page-header h1 {/*padding-top:12px;*/margin-top:0;margin-bottom:5px;font-size:24px}
#page-header p {font-size: 12px}
.contain > .page_title {padding-bottom: 20px; width: 90%;}
ul.breadcrumbs {overflow:hidden;margin:0;}
ul.breadcrumbs li {margin:0;padding:0 5px 0 0;float:left;list-style:none}
ul.breadcrumbs li span {padding-left:5px;}
ul.breadcrumbs li:first-child a,ul.breadcrumbs li:first-child span {padding-left:0}
ul.breadcrumbs li:before {content:"/";color:#aaa}
ul.breadcrumbs li:first-child:before {content:" "}
ul.breadcrumbs li.current a {cursor:default;color:#333}
ul.breadcrumbs li:hover a,ul.breadcrumbs li a:focus {text-decoration:underline}
ul.breadcrumbs li.current:hover a,ul.breadcrumbs li.current a:focus {text-decoration:none}

/* end page header */

#main-content {width:903px; margin-top:0;min-height:1000px;float:right}

/* START PAGINATION */
.pagination {
    align-items: center;
    justify-content: center;
}
.pagination a:hover,
.pagination a:visited,
.pagination a:active,
.pagination a:link { color:#666 }

.pagination>li>a, .pagination>li>span { margin: 3px; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination>.active>a.page-link, .pagination>.active>a.page-link:focus, .pagination>.active>a.page-link:hover, .pagination>.active>span.page-link, .pagination>.active>span.page-link:focus, .pagination>.active>span.page-link:hover {
    background-color: #05909c;
    border-color: #05909c;
    color: #fff;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #666;
    background-color: #fff;
    border-color: #ccc;
}
/* END PAGINATION */

/* START FOOTER */
#footer {display: flow-root}
#footer .bottom-logo {float:left;width:100px;padding-top:25px;text-align: center}
#footer .bottom-logo img {width:100px}
#footer .bottom-address {float:left;margin-top:25px;font-size:12px;margin-left:100px}
#footer .bottom-address p {margin-bottom:-2px}
#footer .bottom-address p.copyright {color:#999999}
.bottom-mark ul {margin:0;padding:0;float:right;}
.bottom-mark ul li {padding-top:0;list-style: none;display:inline-block;padding-left: 5px}
#footer .bottom-mark ul li {padding-top:20px;list-style: none;display:inline-block;padding-left: 10px}
.bottom-mark ul li:first-child {padding-left: 0}
.bottom-mark ul li span {display:none}
.bottom-mark ul li a i {font-size:30px;color:#FFFFFF}

.btn-facebook {padding-left:1.5em;}
.btn-youtube {}

/* END FOOTER */

/* 여기서부터 세부 페이지 스타일 */
/* START MAIN PAGE */
#top-banner {padding-left:0;padding-right:0;max-width:777px;height:250px;position:relative;float:left;width:780px;max-height:250px;overflow: hidden}
#top-right {padding-left:0;padding-right:0;width:360px;height:250px;position:relative;}
#top-right ul {margin:0;padding:0; white-space: nowrap;}
#top-right ul li {list-style:none;width:115px;background-color:#e1e1e1;font-size:12px;display:inline-block;padding:5px}
#top-right ul li.active {background-color: #999999}
#top-right ul li img {margin-left:0}
#top-right ul li#static img {margin-left:5px}
#top-right ul.tab li {cursor: pointer;color:#444343;font-weight:bold;font-size:12px; margin-right: 3px;}
#top-right ul.tab li:last-child {margin-right: 0;}
#top-right ul.tab li a {color:#000000;text-decoration: none}
#top-right ul.tab li a:hover {color:#000000;text-decoration: none}
#top-right .tab-content .tab-pane {display:none}
#top-right .tab-content {clear: right; overflow: hidden; width: 350px; margin-left: 1px;}
#top-right .tab-pane {border:1px #999999 solid;height:203px;}
#top-right .post-list {padding: 14px 10px;}
#top-right .post-date {font-size:12px;color:#666666;display:inline;margin-right:7px;font-weight:bold}
#top-right .post-title {font-size:13px;color:#666666;padding-bottom: 10px;white-space: nowrap; overflow: hidden; max-width: 316px; text-overflow: ellipsis; }
#top-right .go_posts {display:none}
#top-right .carousel-container {padding:7px;}
/* revolution slider timer 감추기 */
.tp-bannertimer {display:none !important}
.top-button .col-4 {padding-left:0;padding-right:0;padding-top: 19px;padding-bottom:11px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF}
.top-button .col-6 {padding-left:0;padding-right:0;height:156px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF}
.top-button h5 {margin:0;padding:15px 15px 7px;font-size:12px;font-weight:bold;letter-spacing: -1px}

/*#recent-post {padding-left:20px;padding-right:20px}*/
/*#recent-post .row {padding-left:5px;padding-right:5px}*/
#recent-post .col-3 {
    flex: unset;
    max-width: unset;
    padding: 0;
    width: 278px;
    margin: 0 4.67px;}
#recent-post .col-3:first-child {margin-left:15px;}
#recent-post .col-3:last-child {margin-right:15px;}
#recent-post .panel-news {border:none; margin-bottom:0px}
#recent-post .panel-news .panel-heading {border-top-left-radius: 0; border-top-right-radius: 0;background-color: #666666; border:none; padding:11px 15px }
#recent-post .panel-news .panel-title {font-size: 20px; color:#FFFFFF; font-weight:bold;letter-spacing:-1px}
#recent-post .panel-news .panel-title a:visited, #recent-post .panel-news .panel-title a:hover {color: unset;}
#recent-post .panel-news .panel-body {border-bottom-left-radius: 0; border-bottom-right-radius: 0;background-color: #FFFFFF; border:none;height:286px;}
#recent-post a.btn-more {font-size:11px;color:#333333;margin-top:5px}
#recent-post .btn-category {border-top-left-radius: 0; border-top-right-radius: 0;border-bottom-left-radius: 0; border-bottom-right-radius: 0;background-color: #666666;color:#FFFFFF;border:none;width:80px;font-size:11px;margin-right:3px;padding:2px 0 5px 0;}

#recent-post .post-title:after {border-bottom:1px solid #999999;}
#recent-post div.post-title {white-space:nowrap; overflow:hidden;max-width:247px;text-overflow:ellipsis;padding-bottom:5px;padding-top:5px;}
#recent-post a.post-title {color:#000000}
#recent-post div.post-content {color:#666666;font-size:12px;height:136px;vertical-align: top;line-height: 1.7em;padding-top:5px; overflow:hidden}

#board-list .col-6 {padding-left:0;padding-right:0}
#board-list .boards {display:none}
#board-list .boards ul {margin:0;padding:0}
#board-list .boards ul li {list-style: none;text-align:center;padding:5px;border-bottom: 1px solid #FFFFFF;background-color: #CCCCCC}
#board-list .boards ul li a{font-weight: bold;text-decoration: none}
#board-list .boards ul li a i{float:left;font-size:19px;color:#999999}

#bottom-news .title {float:left;width:120px;height:120px;}
#bottom-news h3 {padding: 15px;font-size:18px;color:#FFFFFF;margin:0;margin-bottom:20px}
#bottom-news .news-link {color:#FFFFFF;float:right;margin-right:15px;font-weight:normal;font-size:12px;}
#bottom-news .lists {height:120px;margin-left:140px}
#bottom-news .lists tr {height:25px}
#bottom-news .lists tr td {max-width:410px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;vertical-align: top;}
#bottom-news .category_date {color:#999999;margin-right:5px;}
#bottom-news .lists a {color: #666666;font-size:12px}
#bottom-news .lists a:hover {color: #333333}

#bottom-link .col-4 {padding-left:0;padding-right:0}
#bottom-guide {border-right:1px solid #cccccc;height:75px}
#bottom-guide h3 {color:#666666;font-style:italic;font-weight: bold;}
#bottom-guide .relay img {width: 80%;margin: 3px 0;}
#bottom-guide {height:80px;text-align: center;}
    @media (max-width: 575px) {
        #bottom-guide {
            height: auto;
            padding-top: 0;
        }
        #bottom-guide .relay_title {
            width: 100%;
        }
        #bottom-guide .relay {
            border-top: 1px solid #ccc;
            width: 33.33333333%;
            float:left;
        }
        #bottom-guide h4 {
            text-align: left;
            margin-left: -11px;
        }
        .wrapper.bg-white.no-padding{
            border-top: none !important; 
        }
}
#bottom-external {height:80px;text-align: center; border-left:1px solid #ccc; overflow: hidden;}
#bottom-guide .col-4, #bottom-external .col-6 {height: auto;padding:0;}
#bottom-external > div {border-right:none; height: 100%}
#bottom-guide .col-4:last-child, #bottom-external .col-6:last-child {border-right:none;}
#bottom-external > div img {max-height: 80px;}
h4 {font-weight: bold}
#bottom-link h4 {margin-top:18px;margin-bottom:15px}
#bottom-link p {padding-bottom:20px;font-size:12px;padding-right:20px;}
/* END MAIN PAGE*/

/* post content common */
#page-title h2 {margin-top:20px;margin-bottom:25px;font-weight:bold;font-size:20px;padding-bottom:13px;border-bottom:1px solid #CCCCCC}

ul.fontSize {float:right;margin:0;padding:0}
ul.fontSize li {display:block;width:24px;height:24px;border:1px solid #999999;margin:0;padding:0;text-align: center;float:left;cursor:pointer;}
ul.fontSize li.printPreview {width:68px;margin-left:10px;}
ul.fontSize li#smaller span {font-size:12px;display:inherit;padding-top:4px;}
ul.fontSize li#bigger {border-left:none}
ul.fontSize li#bigger span {font-size:17px;display:inherit;}

.post-meta p { display: inline-block; margin-bottom: 0; margin-right: 12px; font-size: 12px; color: #666666 }
.post-meta p.view { margin-right: 0; }
.post-meta {float:right}
.contents.view .post-meta {
    width:100%;
    text-align: right;
    margin-bottom: .5em;
}
.post-authors {margin-bottom:10px}
.post-authors ul {margin:0; padding:0;margin-bottom:10px}
.post-authors li {display:inline;list-style:none;margin-right:20px;}
.post-authors .accent {color:#0899a6}

/* start gallery */
.panel-gallery {border:none; margin-bottom:20px; box-shadow:none ;}
.panel-gallery a { color: #333; }
.panel-gallery .panel-heading {border-top-left-radius: 0; border-top-right-radius: 0;background-color: #DDDDDD; border:none; padding:10px 15px }
.panel-gallery .panel-title {font-size: 16px; color:#000000; font-weight:bold;margin-top:5px;text-overflow: ellipsis;overflow: hidden;min-width: 240px;white-space:nowrap;}
.panel-gallery .panel-body {border-bottom-left-radius: 0; border-bottom-right-radius: 0;background-color: #FFFFFF; border:none;padding:0;border:1px solid #CCCCCC;}
.panel-gallery .post-meta {float:none}
/* end gallery */

.panel-blog {border:none; margin-bottom:20px; box-shadow:none ;}
.panel-blog a { color: #333; }
.panel-blog .panel-heading {border-top-left-radius: 0; border-top-right-radius: 0;background-color: #DDDDDD; border:none; padding:10px 15px}
.panel-blog .panel-title {font-size: 16px; color:#FFFFFF; font-weight:bold;margin-top:2px;margin-bottom:2px}
.panel-blog .panel-body {border-bottom-left-radius: 0; border-bottom-right-radius: 0;background-color: #FFFFFF; border:none;padding:0}
.panel-blog .post-meta {float:right;text-align:right;overflow:hidden}
.blog-main-image {float:left;margin:10px;}
.panel-blog .panel-body {padding-top:12px}
/* end blog */

h3.post-title {margin-top:40px;margin-bottom:25px;font-weight: bold}
/* .contents {line-height: 1.8em} */

#content_priority_subject li {list-style: none}
/* start profile */



#content_greeting p {text-align: justify;}
#content_greeting .greeting_top {font-size:1.3em;}
#content_greeting .greeting_bottom {font-weight:bold;line-height: 2em}



/* 약도페이지 사용 */
.content_detail h4 {padding-left: 22px;background: url(/Spri/images/circle_green.png) left center no-repeat;font-weight: bold; }
.content_detail p.address {font-weight: bold;margin-bottom: 2px;}
.content_detail ul, .content_detail ol {margin:0;padding:0;list-style: none;}
.content_detail .contact li {display:inline;padding-right:15px;}
.content_detail .contact li b {font-weight: bold;margin-left: 7px;}
.content_detail .method li {font-size: 12px;margin-top: 10px;}
.content_detail h5.guide {font-weight: bold;background:transparent url('/Spri/images/map_top.png') no-repeat left top;margin-top:40px;margin-bottom:5px;padding:15px 0 5px 0;}

.content_detail h5.guide:after {
    content: "";
    position: absolute;
    top: 30px;
    left: 15px;
    height: 2px;
    width: 100px;
    background-color: rgba(0, 0, 0, 0.7);
}


/* 연혁에 timeline 사용*/
.timeline { list-style: none; position: relative; max-width: 1170px; padding: 20px; margin: 0 auto; overflow: hidden; }
  .timeline:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -2px; background-color: rgba(0, 0, 0, 0.2); height: 100%; width: 2px; border-radius: 1px; display: block; }
  .timeline .timeline-row { padding-left: 50%; position: relative; z-index: 10; }
    .timeline .timeline-row .timeline-time { position: absolute; right: 50%; top: 31px; text-align: right; margin-right: 40px; font-size: 20px; line-height: 1.3; font-weight: 600; }
      .timeline .timeline-row .timeline-time small { color: #0899a6; text-transform: uppercase; font-size: 24px; font-weight: 600; margin-right:5px }
    .timeline .timeline-row .timeline-icon { position: absolute; top: 40px; left: 50%; margin-left: -10px; width: 20px; height: 20px; border-radius: 50%; background-color: #0899a6; text-align: center; /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/ overflow: hidden; padding: 5px; color: white; font-size: 14px; z-index: 100; }
      .timeline .timeline-row .timeline-icon > div { border-radius: 50%; line-height: 0; font-size: 0; }
      .timeline .timeline-row .timeline-icon > div > i{ font-size: 1px; }
    .timeline .timeline-row .timeline-content { margin-left: 40px; position: relative; background-color: white; color: #333333; }
      .timeline .timeline-row .timeline-content:after { content: ""; position: absolute; top: 60px; left: -41px; height: 2px; width: 30px; background-color: rgba(0, 0, 0, 0.2); z-index: -1; }
      .timeline .timeline-row .timeline-content .panel-body { padding: 38px 15px 2px; position: relative; z-index: 10; }
      .timeline .timeline-row .timeline-content h2 { font-size: 18px; margin-bottom: 6px; margin-top: 0; line-height: 1.2; }
      .timeline .timeline-row .timeline-content p { margin-bottom: 15px; }
      .timeline .timeline-row .timeline-content img { margin-bottom: 15px; }
      .timeline .timeline-row .timeline-content blockquote { border-color: #eeeeee; }
        .timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small { color: #999999; }
      .timeline .timeline-row .timeline-content .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin-bottom: 15px; overflow: hidden; }
        .timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .timeline .timeline-row:nth-child(odd) { padding-left: 0; padding-right: 50%; }
      .timeline .timeline-row:nth-child(odd) .timeline-time { right: auto; left: 50%; text-align: left; margin-right: 0; margin-left: 40px; }
      .timeline .timeline-row:nth-child(odd) .timeline-content { margin-right: 40px; margin-left: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-content:after { left: auto; right: -41px; }
  .timeline.animated .timeline-row .timeline-content { opacity: 0; left: 20px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; }
  .timeline.animated .timeline-row:nth-child(odd) .timeline-content { left: -20px; }
  .timeline.animated .timeline-row.active .timeline-content { opacity: 1; left: 0; }
  .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content { left: 0; }

@media (max-width: 3600px) {
  .timeline { padding: 15px 10px; }
    .timeline:after { left: 28px; }
    .timeline .timeline-row { padding-left: 0; margin-bottom: 16px; }
      .timeline .timeline-row .timeline-time { position: relative; right: auto; top: 0; text-align: left; margin: 0 0 6px 72px; }
        .timeline .timeline-row .timeline-time strong { display: inline-block; margin-right: 10px; }
          .timeline .timeline-row .timeline-content .panel-body { padding: 0 15px 2px; position: relative; z-index: 10; }
      .timeline .timeline-row .timeline-icon { top: 30px; left: 7px; margin-left: 0; }
      .timeline .timeline-row .timeline-content { margin-left: 56px; box-shadow: 0 1px 2px rgba(255, 255, 255, 1); position: relative; }
        .timeline .timeline-row .timeline-content:after { right: auto !important; left: -36px !important; top: 0px; }
      .timeline .timeline-row:nth-child(odd) { padding-right: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-time { position: relative; right: auto; left: auto; top: 0; text-align: left; margin: 0 0 6px 72px; }
        .timeline .timeline-row:nth-child(odd) .timeline-content { margin-right: 0; margin-left: 55px; }
    .timeline.animated .timeline-row:nth-child(odd) .timeline-content { left: 20px; }
    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content { left: 0; }
}

/* timeline end */
.organization_profiles .profile { position: relative; display: block; width: 100%; overflow: auto; padding: 30px; }
.organization_profiles .profile img { float: left; height:165px}
.organization_profiles .profile .information { float: left; padding-left: 30px; }
.organization_profiles .profile .information h3 { margin-top: 0; }
.organization_profiles .tab { display: block; width: 100%; overflow: auto; padding: 0; margin: 0; position: relative; border-bottom: 1px solid #505050; }
.organization_profiles .tab li { display: inline-block; list-style: none; float: left; padding-top: 5px; width: 161px; text-align: center;}
.organization_profiles .tab li a { display: block; padding: 3px 30px 2px 30px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }
.organization_profiles .tab li.active a { color: #05909c;border: 1px solid #05909c; border-bottom: 3px solid #05909c; }


.crew { line-height: 1.8em;}
.crew ul { height: 148px; padding: 0; border: 1px solid #cecece; }
.crew ul li {list-style:none;}
.crew li { margin-left: 145px; }
.crew li.name { font-size: 20px; margin-bottom: 0; margin-top: 20px; font-weight: bold;}
.crew li.title { color: #05909c;  margin-bottom: 15px;  }
.crew li.btn_custom { position: absolute; top:0; right:15px; text-align:center; background:#505050; color: #fff; border-radius:0;  margin:0;}
.crew li.btn_custom a {color:#FFFFFF;padding: 7px;}
.crew .crews_top { margin-bottom: 70px; }
.crew .item { position:relative; margin-bottom: 20px;  }
.crew .picture { position: absolute; top:0; left:15px ;  width: 118px; height: 148px; text-align: center; margin: 0; padding-left: 1px;}
.crew .picture img  {width: 118px; height: 146px; position: relative;top:1px;}

h3.mother span {background-color: #FFFFFF;top:-10px;position: relative;}
h3.mother:before { content: ""; position: absolute; height: 2px; background-color: rgba(0, 0, 0, 0.7); }

.crew h4 {background: url(../images/system_bullit.png) no-repeat 0 5px;}
.crew h4 { font-size: 18px !important; font-weight: bold; color:#05909c; text-align: left !important; padding-left: 20px; margin-left: 25px; margin-top: 10px;  }



/* 중점과제 */

.priority_subject h3 {margin-top: 60px;margin-bottom:40px}
.priority_subject .priority_issue li {margin-top: 15px;padding-left:22px;background: url(/Spri/images/circle_green.png) left center no-repeat;font-size:16px;margin-left:80px;list-style: none}

.top_wrap {position:relative;margin-top:80px;}
.priority_subject h4 {background-image: none;text-align:center;position:absolute; z-index:100; top: 0;left:35%;}
.priority_subject h4 span {background-color:#333333;color:#FFFFFF;padding:5px 20px;}
.priority_subject .gray_box {position:relative;top:50px;width:75%;margin:0 auto;}
.priority_subject dl {background-color:#e1e1e1;position:relative;top:-30px;padding:30px 20px 20px 20px;}
.priority_subject dt {padding-left:20px;font-weight:bold;font-size:16px;margin-top:20px;}
.priority_subject dd {margin:10px 20px}

.top_title {margin-top: 60px;margin-bottom:40px;text-align:center}
.static_site a {color:#0899a6;text-decoration: underline;}
.static_site a:hover, .static_site a:visited {color:#0899a6;text-decoration: underline;}



/* shortcode */
.symple-callout {
    clear: both;
    display: block;
    position: relative;
    overflow: auto;
    width: 100%;
    background: #eee;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.symple-callout-caption {
    text-align: left;
    float:left;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    margin-top: 5px;
}

.symple-callout-button, a.symple-button {
    float: right;
    background: #514b49;
    padding: 5px 30px 5px 30px;
}
.symple-callout-button a, a.symple-button {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}
.symple-callout-button .fa {
    margin-right: 10px;
    vertical-align: middle;
    font-size: 14px;
}
/*
symple_box_shortcode
*/
.symple-box {
    /*background: #fff;*/
    font-size: 14px;
    padding: 15px 30px;
    margin-bottom:15px;
    line-height: 2em;
}
.symple-box.left {
    text-align: left;
}

.symple-box.green {
    background-color: #e0ffff;
    color: #466399;
}

.symple-box.gray {
    background-color: #CCCCCC;
    color: #466399;
}

.symple-box.yellow {
    background-color: #FFE48E;
    color: #C69500;
}

.symple-box.spri {
    background-color: #0F857C;
    color: #fff;
}
.contain {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (min-width : 576px) {
    #header {display:block}
    #mHeader {display:none}
    .contain {width:1170px}
    #board-list {display:none}
}
@media screen and (max-width: 575px) {
    .wrapper {min-width:100%}
    .contain {padding-left:0;padding-right:0;overflow: hidden;}
    .space-xs {height:0}
    .wrapper {padding:0}

    .bg-accent {display:none}

    #header {display:none}
    #mHeader {display:block}
    .side-left {display:none}

    /* #page-header {margin-top:37px;padding:0 15px;} */
    ul.breadcrumbs {float:none;margin:0;padding:0 0 5px 0;}
    .panel-blog .post-meta {float:none;padding:5px 5px 2px 5px}
    #main-container {margin-top:5px}
    #main-content {width:100%;margin-left:0;padding:10px;}
    .fluid-width-video-wrapper iframe {width:100%;height:56.2%}

    #footer .bottom-address {clear:both;margin:0 5px;padding-top:15px;}
    #footer .bottom-mark {}

    /* mobile main page */
    #top-banner {margin-top:42px}
    #top-banner {width:100%;height:32%;float:none}
    #top-right {display:none}

    #top-right ul {margin:0;padding:0}
    #top-right ul li {list-style:none;display:block;width:100%;margin-bottom:3px}
    #top-right ul li img {margin-left:5px}
    #recent-post {display:none}
    #board-list {display:block}
    #bottom-news {display:none}
    #bottom-banner {display:none}
    #bottom-guide {float:none;width:100%;margin: 0; border-right: 0;}
    #bottom-external {float:none;width:100%;margin-left:0;clear:both;border-top:1px solid #cccccc;height: auto;}
    #bottom-external .col-4 {margin-top:10px;margin-bottom:10px;}
    #bottom-external .col-4:last-child {padding-top:10px;}
    #bottom-external .bottom-mark ul li {padding-left:5px;}
    #bottom-external .bottom-mark ul li a.btn {padding:3px 6px;}
    #bottom-external .bottom-mark ul li a.btn i {font-size:14px;}
    #bottom-external .col-6 img {max-width: 100%; max-height: 63px;}
    #bottom-link h3 {font-size: 14px;margin-top: 8%;margin-bottom: 10px;}
    #bottom-link p {padding-bottom:15px;font-size:10px;padding-right:10px;word-break:keep-all}
    #footer .bottom-mark ul li {padding-top: 30px;padding-left:0}
    #footer .bottom-mark ul li.wa_mark img {height:30px;width:60px}
    #footer .bottom-mark ul li.open_policy img {height:30px;width:90px}
    /* end mobile main page */

    .row {margin-left: -10px; margin-right: -10px;}
    /*.contents div[class^="col-"] {margin-left: 10px; margin-right: 10px;}*/
    .contents.view img {width:100%;height:auto;display:block;margin:0 auto;}
    .contents.gallery .col-4 {width:100%}
    .mother:before {
        display:none;
    }
    .priority_subject .priority_issue li {margin-left:20px;}
    .priority_subject .priority_issue b {display:block}
    .post-authors li {display:block}
    .post-authors li.author_image {float:left}
    .post-authors li.list {margin-left:70px}
    .post-cnt_view, .post-no {display:none;}
    .crew .col-6 {width:100%}

    .organization_profiles .profile { position: relative; display: block; width: 100%; overflow: auto; padding: 0; }
    .organization_profiles .profile img { float: left; height:130px}
    .organization_profiles .profile .information { float: left; padding-left: 20px; }
    .organization_profiles .profile .information h3 { margin-top: 0; }
    .organization_profiles .tab { display: block; width: 100%; overflow: auto; padding: 0; margin: 0; position: relative; border-bottom: 1px solid #505050; }
    .organization_profiles .tab li { display: inline-block; list-style: none; float: left; padding-top: 5px; }
    .organization_profiles .tab li a { display: block; padding: 10px 30px 0px 30px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }
    .organization_profiles .tab li.active a { color: #05909c; border-bottom: 3px solid #05909c; }

}
.contents.blog {
    margin-top: 20px;
}
@media screen and (max-width : 480px) {
    .contents.blog img {width:100%; height:auto;display:block;float:none;margin:0 auto;}
    .organization_profiles .profile .information { float: left; padding-left: 15px; }
}


/* webponent chart*/
.webponent_chart ul {clear:both;margin:20px 0;padding:0;}
.webponent_chart ul.legend li {list-style: none;display:inline-block;margin-right: 20px;float:left}
.webponent_chart ul.legend li i {padding: 0 20px;margin-right:5px;}

.social-link ul {margin:0;padding:0;float:right}
.social-link li {list-style:none;display:inline-block;margin:0}
.social-link li a {padding:0 0 5px 5px}
.social-link li a span {font-size:14px;color:#FFFFFF;text-align:center;padding:5px}
.post-buttons {clear:both;padding-top:20px;}
.post-buttons a {margin-left:5px;}
.crew-data {text-align:center;width:100%}
.crew-data ul {margin:0;padding:0;}
.crew-data ul li {margin:0 0 3px 0;padding:0;list-style:none;font-size:14px}
.crew-data .crew_title {}
.crew-data .crew_name {font-weight: bold;font-size:30px;padding-bottom:15px}
.crew-data .crew_tel {margin-bottom:0}
.crew-data .crew_email {}


a.btn-primary {
    color: #fff;
    background-color: #0899a6;
    border-color: #067c4c;
}

a.btn-primary:hover {
    color: #fff;
    background-color: #067c4c;
    border-color: #067c4c;
}

input[name="s_keyword"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #FFFFFF;
    }
input[name="s_keyword"]::-moz-placeholder { /* Firefox 19+ */
      color: #FFFFFF;
    }
input[name="s_keyword"]:-ms-input-placeholder { /* IE 10+ */
      color: #FFFFFF;
    }
input[name="s_keyword"]:-moz-placeholder { /* Firefox 18- */
      color: #FFFFFF;
    }

input[name="search_grid"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #000000;
    }
input[name="search_grid"]::-moz-placeholder { /* Firefox 19+ */
      color: #000000;
    }
input[name="search_grid"]:-ms-input-placeholder { /* IE 10+ */
      color: #000000;
    }
input[name="search_grid"]:-moz-placeholder { /* Firefox 18- */
      color: #000000;
    }




.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.post-content h4 {
    font-size:18px;
    margin-top:45px;
    margin-bottom:20px;
    font-weight:bold;
}
.post-content h5 {
    font-size:16px;
    margin-top:30px;
    margin-bottom:20px;
}

.post-content h6 {
    font-size:14px;
    font-weight:bold;
    margin-top:30px;
    margin-bottom:20px;
}

.post-content h3, .post-content h4, .post-content h5, .post-content h6 {line-height: 1.2em;}

.post-content .reporter {text-align:right;font-size:0.9em;font-weight: bold;color:#999999;border-top:1px solid #999999;padding-top:25px;margin-top:20px;}
.post-content img {margin:20px 0}

/*연구원 보기 추가작업*/
.organization_profiles .profile .information {margin-bottom:40px;}
.pv_dc_data {width:100px;float:left;border-top:1px solid #CCCCCC}
.pv_dc_data.first {clear:both;}
.pv_dc_data ul {margin:0;padding:0;padding-top:20px;}
.pv_dc_data ul li {list-style: none;text-align:left;}
.pv_dc_data .data_title {font-weight: bold;}
.pv_dc_data ul li .glyphicon {color:#999999}
@media screen and (max-width: 575px) {
    .organization_profiles .profile .information {margin-bottom:10px;}
    .pv_dc_data.first {
        clear:both;
        margin-left:0;
    }
    .pv_dc_data {width:33%;margin-top: 20px;}
    .pv_dc_data ul {margin-top:0;}
}


.organization_profiles .content dt {margin-top: 20px;}
.organization_profiles .content dd {margin-top: 10px;line-height:1.8em}


.table {border-bottom: 1px solid #ddd}
.info {text-align: center}

circle {opacity:0.6 !important;}

.contents .post-content ul {margin-top:5px;padding-left:10px;}
.contents .post-content > ul {margin-top:10px;}
.contents .post-content li {list-style: none;padding-bottom:5px;word-break: keep-all;}

.contents .post-content > ul > li:before {content: "● ";}
.contents .post-content > ul > li > ul > li {padding-left:20px;text-indent: -13px}
.contents .post-content > ul > li > ul > li:before {content: "― ";}

.contents .post-content > ul > li > ul > li > ul > li {margin-left:-9px;text-indent: -6px}
.contents .post-content > ul > li > ul > li > ul > li:before {content: "· ";}

.contents .post-bottom-meta ul {margin:0;padding:0;}
.contents .post-bottom-meta li {list-style: none;}

.contents .post-bottom-meta li {list-style: none;}


.badge-primary {background-color: #0899a6}

/*column 새글 올릴 때 기본템플릿*/
.contents .post-content .column > ul > li:before {content: "● ";}
.contents .post-content .column > ul > li > ul > li {padding-left:20px;text-indent: -13px}
.contents .post-content .column > ul > li > ul > li:before {content: "― ";}

.contents .post-content .column > ul > li > ul > li > ul > li {margin-left:-9px;text-indent: -6px;padding-bottom: 7px;}
.contents .post-content .column > ul > li > ul > li > ul > li:before {content: "· ";}
.post-content .column p.column-writer {text-align:right;margin-bottom:1em;padding:10px;clear:both;background-color:#EEEEEE;}
.post-content .column h4.column-title {color:#333333;font-size:1.5em;padding-left:0.5em;border-left:5px solid #0899A6;}
.post-content .column p {text-indent:1em;}
.post-content .column .table th {background-color:#EEEEEE;}
.post-content .column p.footnote {text-indent:0;font-size:0.9em;color:#999999;}
.post-content .column ul.footnotes {margin:0;padding:0;margin:20px 0; border-top:1px dotted #999999;}
.post-content .column ul.footnotes li {margin:0;padding:0;list-style:none;}
.contents .post-content .column > ul.footnotes > li:before {content: "";}
.post-content .column a.sup {vertical-align: super;font-size:0.7em;color:#0899a6;}
.post-content .column ul.footnotes li a {color:#0899a6;}

.post-content .magazine h4 {color:#333333;font-size:1.5em;padding-left:0.5em;border-left:5px solid #0899A6;}
.post-content .magazine p {padding-left:40px;}

.contents .post-content .prenotice h4:before {content: "■ ";}
.contents .post-content .prenotice h4 {font-size:24px;font-weight:normal;}
.contents .post-content .prenotice > ul > li {list-style-type: upper-roman;margin-left:40px;font-weight:bold;}
.contents .post-content .prenotice > ul > li > ul > li {list-style-type: decimal;margin-left:5px;font-weight:normal;}
.contents .post-content .prenotice p {text-align:justify;margin-left: 40px}

.modal-passwd {width:300px;margin:20% auto;}
.post-bottom-meta {}

.post-bottom-meta li {border-bottom:1px dashed #DDDDDD;padding-left:20px;}
.post-bottom-meta li:last-child {border-bottom:none;}

.post-bottom-meta ul.replies {padding:0;margin:0;border-top:1px solid #CCCCCC;}
.post-bottom-meta ul.replies li {padding:10px 0;margin:0;}
dl.reply {border-top:1px solid #DDDDDD;padding-top:10px;border-bottom:2px solid #CCCCCC;color:#999999;}
dl.reply dt {float:left;width:20%;height:35px;}
dl.reply dd {height:35px;}
@media (max-width: 575px) {
    dl.reply dt {float:none;height:25px;width:100%;}
}

div#notice h4 {
    margin-top: 45px;
    margin-bottom: 20px;
    font-size: 2.2em;
    font-weight: bold;
    text-align: center;
}
div#notice h5 {
    margin-top: 45px;
    margin-bottom: 45px;
    font-size: 2.2em;
    font-weight: bold;
}
div#notice div.foot{
    text-align: center;    
}
div#notice div.foot p{  
    margin-top: 20px;
    font-weight: bold;
}
div#notice span.cap {
    font-size: 85%;
    color: #777;
    padding-left: 0.5em;
}

.accent2 {
    color: red;
}
.accent {
    color: #337ab7;
}

div#notice ul, div#notice ul > li{
    list-style-type: circle;    
}

div#notice p {
    text-indent: 1em;
    font-weight: normal;
}

div#notice a {
    color: blue;
}

div#notice ol > li {
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

div#notice li > ol {
    list-style-type: upper-latin;
    margin-top: 10px;
}

div#notice ol > li > ol > li {
    margin-top: 0;
    font-weight: normal;
}

div#notice ul > li {
    font-weight: normal;
}

div#notice .table th {
    background-color: #EEEEEE;
}

div.insight p {text-align:justify;padding-left:40px;}
div.insight > ul > li {font-weight:bold;}
div.insight > ul > li > ul > li {padding-left:20px;font-weight:normal;}

.post-content p {text-align:justify;}

#recent-post2{
    padding-top: 10px;
    padding-bottom: 10px;
}
    @media (max-width: 575px) {
        #recent-post2{
            overflow: hidden;
        }
    }
#recent-post2 .row {
    margin: 0 -5px;
}
#recent-post2 .col-sm-9, #recent-post2 .col-sm-3 {
    padding-right: 5px;
    padding-left: 5px;
}

#recent-post2 .panel {
    border: none;
}

#recent-post2 .allcrew {
    width: 100%;
    height: 249px;
    margin-bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
}

#recent-post2 .panel-news .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    border: none;
    padding: 11px 15px;
}
@media (max-width: 575px) {
    #recent-post2 .panel-news .panel-heading {
        padding-bottom: 0;
    }
    #recent-post2 .panel-body {
        padding: 13px 15px;
    }
}
#recent-post2 .panel-news .panel-title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.left-border-dashed{
    border-left: 1px #ccc dashed;
}
.bottom-border-dashed{
    border-bottom: 1px #ccc dashed;
}

@media (max-width: 575px) {
    .left-border-dashed{
        border-left: none;
    }
    .bottom-border-dashed{
        border-bottom: none;
    }
}
#recent-post2 .panel {
    margin-bottom: 0
}
@media (min-width: 576px) {
    .home_main2 > div {
        float: left;
    }
    #recent-post2 .row .col-sm-9 {
        width: 75%;
        float: left;
    }
    #recent-post2 .row .col-sm-3 {
        width: 25%;
        float: left;
    }
    #recent-post2 .row .col-sm-6 {
        width: 50%;
    }
    #recent-post3 .col-sm-6 {
        width: 50%;
        float: left;
    }
    #recent-post3 .recent {
        
        width: 576px;
        margin-right: -2px;
    }
    #recent-post3 .brain {
        width: 580px;
    }

}
@media (max-width: 575px) {
    #recent-post2 .row .col-sm-9 {
        width: 100%;
    }
    #recent-post2 .row .col-sm-3 {
        width: 100%;
    }
}
#recent-post2 .panel-body > .row {
    padding: 0 20px;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 575px) {
    #recent-post2 .panel-body > .row {
        padding: 0;
    }
}
#recent-post2 .panel-body > .row > a > div{
    padding:15px 10px;
}
#recent-post2 .panel-body > .row > a > div span{
    /*word-break: break-all;
    white-space: wrap;*/
    display: inline-block;
    float: left;
}
@media (max-width: 575px) {
    #recent-post2 .panel-body > .row > a > div span{
        font-size: 1.15rem;
    }
}
#recent-post2 .panel-body > .row > a > div .circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ddd;
    display: inline-block;
    float: right;  
    padding-left: 1px; 
}
#recent-post2 .panel-body > .row > a:hover > div .circle {
    background-color:#0899a6; 
}

@media (max-width: 575px) {
    #recent-post2 .panel-body > .row > a > div > .circle {
        right: 20px;
    }
}
#recent-post2 .panel-body > .row > a > div .circle::after{
    content: " ";
    display: inline-block;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    margin-left: 3px;
    margin-bottom: 2.5px;
}
#recent-post2 .panel-body > .row > a:hover > div .circle::after{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
#recent-post2 .survey {
    width: 100%;
}
#recent-post2 .survey .survey_front {
    background-image: url('/spri/images/main-poll-noback1.png');
    width:150px;
    height: 100px;
    position: absolute;
    right: -44px;
    bottom: -22px;
}
@media (max-width: 575px) {
    #recent-post2 .survey .survey_front {
        right: -10px;
        bottom: 0px;
    }
}
#recent-post2 a {
    text-decoration: none;
}
#recent-post2 .survey .survey_main {
    background-color:#3777b5;
    width: 100%;
    padding: 15px;
    color: #72afdf;
    font-weight: bold;
}
#recent-post2 .survey .survey_back {

}
#recent-post2 .survey-h, .survey-s{
    font-size: 1.2em;
}
#recent-post2 .survey-h{
    color: yellow;
    padding:0 3px;
    margin: -15px 0;
    font-size: 2.5em;
    position: absolute;
    bottom: 19px;
}
#recent-post2 .survey-s{
    color: white;
}
#recent-post2 .survey-t{
    padding-left: 24px;
}

#recent-post3 .recent-post3-l {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    float: left;
    width: 780px;
    background-color: #000;
}
    @media (max-width: 575px) {
        #recent-post3 .recent-post3-l {
            width: 100%;
        }
    }
#recent-post3 .recent-post3-r {
    padding-left: 0;
    padding-right: 0;
    width: 360px;
    position: relative;
    margin-left: 780px;
    background-color: #3777b5;
}
#recent-post3 .recent-post3-l>div.row {
    padding: 0;
    margin:0;
}

#recent-post3 .recent-post3-l>div.row>div {
    padding: 15px;
    color: #888;
    font-size: 1.1em;
    text-align: center;
    cursor: pointer;
}
    @media (max-width: 575px) {
        #recent-post3 .recent-post3-l>div.row>div {
            font-size: 1.3rem;
            padding: 18px 0;
        }
    }


#recent-post3 .recent-post3-l div.row>div.active {
    color: white;
    background-color: #38aeb0; 
    font-weight: bold;
}
#recent-post3 .recent-post3-l div.row>div.active::after {
    content: " ";
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: -10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #38aeb0;
}


#recent-post3 .recent-post3-l .more {
    float: right;
    width: 30px;
    height: 30px;
    color: #888;
    border: 1px solid #888;
    margin-right: 15px;
}


#recent-post3 .survey .survey_main {
    background-color:#3777b5;
    width: 100%;
    padding: 14px;
    color: #72afdf;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
}
#recent-post3 .survey-h, .survey-s{
    font-size: 1.2em;
}
#recent-post3 .survey-h{
    color: yellow;
    padding:0 3px;
    margin: -15px 0;
    font-size: 2.5em;
    position: absolute;
    bottom: 19px;
}
#recent-post3 .survey-s{
    color: white;
    padding-left: 24px;
}


    @media (max-width: 575px) {
        #recent-post3 .survey.sur_pc {
            display: none;
        }
    }
#recent-post3 .survey.sur_mb{
    display: none;
}
    @media (max-width: 575px) {
        #recent-post3 .survey.sur_mb {
            display: block;
            height: 51px;
        }
        #recent-post3 .survey.sur_mb .survey_front{
            right: 0;
            bottom: -22px;
        }
        #recent-post3 .survey.sur_mb span.survey-h {
            bottom: 18px;
        }
    }
#recent-post3 .survey .survey_front {
    background-image: url('/spri/images/main-poll-noback1.png');
    width:150px;
    height: 100px;
    position: absolute;
    right: -5px;
    bottom: -21px;
}
#recent-post3>.home_main2 {
    padding: 20px 0;
    max-width: 100%;
}
#recent-post3 .sw-l, #recent-post3 .sw-r{margin-top:20px;}
#recent-post3 .sw-l{
    margin-top: 10px;
    margin-bottom: 10px;
}
#recent-post3 .sw-r{width: 50%; float: left;}
    @media (max-width: 575px) {
        #recent-post3 .sw-r{width: 100%;}
    }
#recent-post3 .sw-l-l {
    padding: 0;
}
#recent-post3 .sw-l-l img{
    width: 115%;
    margin-top: 21px;
    padding: 10%;
}

#recent-post3 .sw-l-r h3{
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
}
    @media (max-width: 575px) {
        #recent-post3 .sw-l-r h3{
            text-overflow:ellipsis;
            white-space:nowrap;
            word-wrap:normal;
            overflow:hidden;
        }
    }
#recent-post3 .sw-l-r h4{
    font-size: 1.1em;
    font-weight: bold;
    margin: 0; 
    float: right;
}
#recent-post3 .sw-l-r p{
    text-align: justify;
    line-height: 1.28em;
    color: #555;
    font-size: 0.9em;
    letter-spacing: 0.01px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 48px;
}
#recent-post3 .sw-r ul{
    padding-top: 15px;
}
#recent-post3 .sw-r li{
    padding: 4px 0;
    font-size: 0.9em;
    color: #555;
}
#recent-post3 .sw-r span{
    width: 350px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;
}
    @media (max-width: 575px) {
        #recent-post3 .sw-r span {
            width: 75%
        }
    }

#recent-post3 .sw-r small{
    float: right;
    color: #555;
    font-size: 0.94em;
    margin-right: 15px;
}

#recent-post3 .tabs {
    width: 100%;
    height: 133px;
}


.row.recent-inner {
    margin-left: 0;
}
.brain {
    padding-left: 0;
}
    @media (max-width: 575px) {
        .row.recent-inner {
            margin-left: -10px;
        }
        .brain {
            padding-left: 10px;
            padding-right: 10px;
        }
    }
.brain div{
    background-image: url('/spri/images/mountinall.jpg');
    height: 133px;
    background-size: cover;
    background-position: center;
    background-position-y: -180px
}
    @media (max-width: 575px) {
        .brain div{
            height: 0;
            padding-top: 75%;
            /* padding-bottom: 50%; */
            background-size: contain;
            background-position-y: unset;
        }
    }
.tabs.row {
    border: 1px solid #ccc; 
    margin-right: 0;
    margin: 0;
    height: 133px;
    border-right:0;
}
    @media (max-width: 575px) {
        .tabs.row {
            height: 133px;
        }
    }

#recent-post .panel-title a:visited {
    color:unset;
}

.stat {
        padding-left: 0;
    }
    @media (max-width: 575px) {
        .row.recent-inner {
            margin-left: -10px;
        }
        .stat {
            
            margin-right: -1px;
        }
    }
    .stat div.back{
    background-color: #FFFFFF;
    background-image: url('/spri/images/stat_banner.png');
    height: 133px;
    background-size: auto 45%;
    background-repeat: no-repeat;
    background-position: 8px 32px;
    border: 1px solid #ccc;
    }
    .stat div.text{
        padding-left:105px;
    }
    .stat div.text h3{
        font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 0;
    padding-top: 28px;

    }
    .stat div.text p{
        line-height: 1.28em;
        color: #555;
        font-size: 0.9em;
        letter-spacing: 0.01px;
        text-align: justify;
        padding-right:10px;
    }

.profile div.crew table.table {border-bottom:0; margin-top:-10px;}
.profile div.crew table.table>thead>tr>th {padding: 15px 0;border-top: 1px solid #ddd; border-bottom: 0;background-color: #f5f5f5;text-align: center;}
.profile div.crew table.table>tbody>tr>td {border-bottom:1px solid #ddd;}
.profile div.crew table.table>tbody>tr>td:first-child {padding: 20px 0;}
div.crew{margin-top:50px;}
div.crew a.btn {background-color: #ddd}



.modal-content {
    border-radius: 0;
    padding: 0 50px;
}
.modal-header {
    text-align: center;
}
.modal-title {
    margin: 17px auto;
    font-size: 27px;
}
.modal-header .h4 {
    margin: 10px;
}
.modal-body {
    padding:0;
    margin-top : 22px;
}
.modal-footer {
    text-align: center;
}
.modal-footer.mt-1 {
    margin-top:-1px;
}
.modal-content button.btn{
    background-color: #555;
    color: #fff;
}
.modal-dialog {
    margin-top: 93px;
}

.email_wrap_wrap {
    border-top: 1px solid #ddd;
}
.email_wrap {
    display: none;
    background-color: #f5f5f5;
    width: 100%;
    text-align: center;
    padding:15px 0;
    vertical-align: middle;
}

.email_wrap .email_value {
    font-size: 18px;
}
.img_button {    
    margin: 0 auto;
    width: 247px;
    height: 80px;
}
.captcha_view {
    text-align: center;
    margin: 0 auto;
}
.captcha_view img {
    float: left;
}
.captcha_buttons {
    float: left;
    padding-top: 16px;
    width: 32px;
}
.captcha_buttons a {
    float: left;
}
.modal-body .catcha_attach .captcha_input {
    border-top: 1px solid #ddd;
    padding: 25px 0;
    margin: 22px 0 0 0;
}
.modal-body .catcha_attach .captcha_input .form-group{
    padding: 0 25px;
    margin: 0;
}
.modal-body .catcha_attach .captcha_input .form-group label{
    padding: 7px 0;
    margin: 0;
}
.modal-body .catcha_attach .captcha_input .form-group input{
    width: 70%;
    float: right;
}
@media (min-width: 768px) {
    .modal-dialog {
        width:450px;
        }
}


.profile {
    font-size: 14px;
}

.organization_profiles .profile .table_wrap {
    float: left;
    display: inline-block;
    width: calc(100% - 165px - 300px);
    padding: 0 45px;
}

.organization_profiles .profile .table_wrap th,
.organization_profiles .profile .table_wrap td {
    padding: 6px;
}
.organization_profiles .profile .pv_dc_data_wrap {

    float: left;
    display: inline-block;
    width: 300px;
}

@media (max-width: 575px) {
    .organization_profiles .profile {
        text-align: center;
    }
    .organization_profiles .profile img { float: none; height:130px; margin-bottom: 31px;}
    .organization_profiles .profile .table_wrap {
        float: none;
        width: 100%;
    }
    .organization_profiles .profile .pv_dc_data_wrap {
        float: none;
        padding: 0 45px;
        width: 100%;
    }
    .organization_profiles .profile .pv_dc_data_wrap li {
        text-align: center
    }
    .organization_profiles .tab li{
        width: 50%;
    }
}
.pv_dc_data_wrap .pv_dc_data ul {
    padding-top: 10px;
}
.pv_dc_data_wrap .pv_dc_data li {
    height: 20px;
}
.pv_dc_data_wrap .pv_dc_data {
    height: 99px;
}

@media (min-width: 768px) {
    .d-none-sm {
        display: none;
    }
}



/*------------------anyslider.css start-----------------------*/
/* Bare minimum styles */
.slider {
    -ms-touch-action: pan-y; /* Prevent default touch actions on Windows 8. Only required for IE10 */
    overflow: auto; /* Not required but recommended for accessibility when JavaScript is turned off */
    position: relative;
    touch-action: pan-y; /* Prevent default touch actions on Windows 8. Supported in IE11+ */
}

.slide-wrapper {
    border-left: 1px solid #ccc;
}
.open_slider {
    margin-left:-1px;
}

/* AnySlider can be styled to your liking. This is just example styles */
.slider {
    /*border: 1px dotted #333;
    height: 250px;
    margin: 40px auto;
    padding: 5px;
    text-align: center;
    width: 100%;*/
}

/* The arrows can of course also be styled to your liking. This is just example styles */
.as-prev-arrow,
.as-next-arrow {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 32px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 43%;
    white-space: nowrap;
    width: 32px;
    z-index: 10;
}

.as-prev-arrow {
    background: url(../images/left-arrow.png) no-repeat;
    left: 0;
}

.as-next-arrow {
    background: url(../images/right-arrow.png) no-repeat;
    /*background-position: -32px 0;*/
    right: 0;
}

.slider:hover .as-prev-arrow,
.slider:hover .as-next-arrow {
    filter: alpha(opacity=1);
    opacity: 1;
}

/* The same rules for styling apply here. Style to your liking */
.as-nav {
    bottom: -10px;
    left: 50%;
    margin-left: -27px;
    position: absolute;
    text-align: left;
    width: 54px;
    z-index: 1;
}

.as-nav a {
    background: url(../images/bullets.png) no-repeat;
    height: 16px;
    display: inline-block;
    margin: 0 1px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 16px;
}

.as-nav .as-active,
.as-nav a:hover {
    background-position: 0 -16px;
}

.slider-wrapper {
    height: 275px;
    position: relative;
}


/*------------------anyslider.css end-----------------------*/
/*------------------anyslider(main)-----------------------*/

.anyslider .as-prev-arrow, .anyslider .as-next-arrow {background:unset;background-color: rgba(0,0,0,.5);display: block; width: 40px;height: 40px;text-indent: unset;}
.anyslider .as-prev-arrow:hover, .anyslider .as-next-arrow:hover {text-decoration: none;}
.anyslider .as-prev-arrow:before {content: '\e824';}
.anyslider .as-next-arrow:before {content: '\e825';}
.anyslider .as-prev-arrow:before, .anyslider .as-next-arrow:before {font-family: revicons;font-size: 15px;color:#fff;display: block;line-height: 40px;text-align: center}
.anyslider .main_btn {margin-top: -65px;}
.anyslider .main_btn a.btn {margin:0; padding:5px 10px; letter-spacing:-1px; font-weight:400; font-size:12px; left: calc(100% - 150px); position: relative; padding:8px 10px;}
/*------------------anyslider(main) end-----------------------*/


.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1rem;
    border-radius: 3px;
}

.btn.btn-default, .btn.btn-default:hover {
    color: #4f5f6f;
}
.btn.btn-default {
    color: #212529;
    background-color: #fff;
    border-color: #d7dde4;
}
.btn.btn-default:hover {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.contain {
    display: flex;
    margin: 0 auto;
}

.fa {font: normal normal normal 14px/1 FontAwesome}
.fa.fa-bars {font-size:inherit;}
.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius: 3px;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

@media (max-width: 575px) {
    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .p-0-sm {
        padding : 0 !important;
    }

    .border-sm-right {
        border-right: 1px solid #ccc;
    }
    .pl-sm-2 {
        padding-left: .5rem!important;
    }
    .ml-sm-0 {
        margin-left: 0 !important;
    }
    .mr-0-sm {
        margin-right: 0 !important;
    }
    .bottom-mark ul {padding-bottom: 10px;}
    
}


@media (min-width: 576px ) {
    #main-container > .container,
    #middle_content,
    #recent-post3,
    #bottom-link,
    #footer,
    #page-header > .container,
    #recent-post,
    #mainmenu_container,
    #floatmenu_container {
        min-width: 1140px !important;
    }
}

a.jstree-anchor.jstree-clicked:focus {outline: 2px solid #000 !important;}
ul.graphic li a.sm2_paused {background-color: #666 !important}
ul.graphic li a, ul.graphic li a.sm2_link:focus {background-color: #003366;}
.open_btn a{font-weight: normal;font-size: 0.8em;}