body {
    margin: 0;
    padding: 0
}

body {
    font-family: "malgun gothic", dotum, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #353535;
    overflow-y: scroll
}

input, select, a {
    color: #000
}

    input:hover, select:hover, textarea:hover {
        border: 1px solid #f99175;
        transition: border-color .3s
    }

input, select, textarea {
    border: 1px solid #d1d5dd;
    font-size: 13px;
    box-sizing: border-box;
    font-family: "malgun gothic", dotum, Helvetica, Arial, sans-serif;
}

    input[type="text"]:disabled, input[type="radio"]:disabled, input[type="checkbox"]:disabled {
        color: #aaa !important;
        border: 1px solid #ebebeb !important;
        background: #fff;
        cursor: not-allowed
    }

input {
    margin: 0;
    padding: 0 5px 1px 5px;
    height: 22px;
    box-sizing: border-box
}

select {
    margin: 0;
    padding: 1px;
    height: 22px;
    box-sizing: border-box
}

input.radio, input.checkbox {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    height: auto
}

textarea {
    padding: 5px
}

a {
    text-decoration: none
}

ul, li, ol, dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style: none
}

div, span, em, a, img {
    margin: 0;
    padding: 0;
    border: 0
}

h1 {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 23px;
    font-weight: bold;
    color: #000;
    font-family: nanum gothic, malgun gothic;
    letter-spacing: -1px
}

.text-red {
    color: #f34040 !important
}

.text-puopel {
    color: #8168de !important
}

.text-blue {
    color: #409aef !important
}

.text-orange {
    color: #f46144 !important
}

.text-green {
    color: #6a9b35 !important
}

.text-gray {
    color: #757575 !important
}

.text-white {
    color: #fff !important
}

.bg-gray-10 {
    background: #000000
}

.clear {
    clear: both
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.background-none {
    background: none !important
}

.margin-top-10 {
    margin-top: 10px !important
}

.margin-bottom-5 {
    margin-bottom: 5px !important
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

.margin-bottom-20 {
    margin-bottom: 20px !important
}

.padding-0 {
    padding: 0 !important
}

.margin-0 {
    margin: 0 !important
}

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.border-none {
    border: none !important
}

.font-size-12 {
    font-size: 12px !important
}

.padding-meg-border-none {
    padding: 10px 10px !important
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.info-bg-gray, .info-bg-yellow, .info-bg-red, .info-bg-blue {
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 2px
}

.info-bg-gray {
    border: 1px solid #d5d5d5;
    color: #000;
    background: #f6f6f6
}

.info-bg-yellow {
    border: 1px solid #e2dfd2;
    background: #fffbee;
    color: #473a38
}

.info-bg-red {
    background: #efefef;
    color: #f84d4d
}

.info-bg-blue {
    background: #e9f8ff;
    color: #000;
    border: 1px solid #cfeaf7
}

.info-bg-white {
    padding: 6px 10px;
    border: 1px solid #cecece;
    border-radius: 1px
}

.shadow {
    background: url(../themes/stc/images/background-shadow.png) repeat-x bottom
}

.btn-shadow {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .05)
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.block {
    display: block;
    width: 100%
}

.vertical-align-top {
    vertical-align: top
}

.inline {
    display: inline
}

.nowrap {
    white-space: nowrap
}

.ul-table-in-left {
    display: inline
}

    .ul-table-in-left li {
        float: left;
        padding-right: 20px
    }

.inser-text-right {
    margin-right: 15px
}

.inser-text-left {
    margin-left: 15px
}

.wrapperDiv {
    width: 100%;
    position: relative;
    overflow: hidden
}

.ui-top-container {
    width: 100%;
    background: url(../themes/stc/images/index-top-background.png) repeat-x bottom;
    z-index: 999;
    position: fixed
}

.top-areaShadow {
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.25); /* Safari and Chrome */
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.25); /* Firefox */
    box-shadow: 0px 2px 5px rgba(0,0,0,.25); /* CSS3 */
    filter: shadow(color=#000000, direction=220, Strength=5);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2, Color='#000000', Position='true');
}

.container-fixed {
    margin: 0 auto;
    width: 1000px;
    position: relative
}

.top-hearder {
    height: 72px;
    position: relative
}

.top-ci {
    display: inline-block;
    padding-top: 19px;
    width: 258px
}

.top-side-menu {
    display: inline-block;
    position: absolute;
    right: 0
}

    .top-side-menu ul {
        padding-top: 10px
    }

        .top-side-menu ul li {
            float: left;
            padding: 0 8px;
            font-size: 12px;
            background: url(../themes/stc/images/ba-line.png) no-repeat right center
        }

.gnb-menu {
    height: 40px;
    position: relative;
    line-height: 0
}

    .gnb-menu ol {
        display: inline-block;
        height: 38px
    }

        .gnb-menu ol li {
            float: left
        }

        .gnb-menu ol > li > a {
            display: inline-block;
            margin-bottom: 8px;
            padding: 12px 53px 10px 0
        }

.menu-all {
    float: left;
    display: block;
    width: 43px;
    height: 38px;
    border-left: 1px solid #ebedf1;
    border-right: 1px solid #ebedf1;
    box-sizing: border-box
}

.my-menu {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding-top: 10px;
    width: 120px;
    height: 38px;
    border-right: 1px solid #ebedf1;
    text-align: center;
    box-sizing: border-box
}

.mov-arrow-left {
    float: left;
    top: 125px;
    left: -50px;
    position: absolute;
    opacity: 0.5
}

.mov-arrow-right {
    float: right;
    top: 125px;
    right: -50px;
    position: absolute;
    opacity: 0.5
}

    .mov-arrow-left:hover, .mov-arrow-right:hover {
        opacity: 1
    }

.gnb-menu dl a {
    display: inline-block;
    margin-bottom: 8px;
    max-width: 102px;
    line-height: 1.4em
}

.gnb-menu ol li a.gnb-menu dl dt a {
    margin: 0;
    padding: 2px 0;
    color: #121212;
    font-weight: 500;
    font-size: 13px
}

.gnb-menu dl dt a:hover {
    color: #ff783d
}

.my-menu-sub dt {
    display: block;
    padding: 2px 0 6px
}

#menu_background {
    box-sizing: border-box
}

.top-visual-area {
    position: relative;
    margin-top: 41px;
    height: 295px;
    background: url(../themes/stc/images/top-background-patten.png);
    z-index: 1
}

.top-visual-area-sub {
    position: relative;
    padding-top: 41px;
    height: 72px;
    background: url(../themes/stc/images/top-background-patten.png);
    z-index: 1
}

.forebg, .mtext1 {
    position: absolute
}

.forebg {
    z-index: 5
}

.mtext1 {
    top: 55px;
    right: 20px;
    z-index: 6
}

.subTitle-01 {
    float: right;
    padding: 19px 25px 0 0
}

    .subTitle-01 h1 {
        color: #fff;
        font-size: 28px;
        text-shadow: 0 0 3px rgba(77,46,37,0.7)
    }

.main-content {
}

.breadcrumb-area {
    height: 38px;
    border-bottom: 0px solid #e3e6ef
}

.safety-text {
    display: inline-block;
    padding-top: 12px
}

.breadcrumb {
    float: right;
    padding-top: 8px;
    font-size: 12px;
    color: #858585
}

    .breadcrumb ol {
        margin: 0;
        padding: 0
    }

        .breadcrumb ol li {
            float: left;
            padding-left: 7px
        }

            .breadcrumb ol li span {
                display: block;
                margin-top: 1px;
                padding-left: 9px;
                font-size: 11px;
                color: #959595;
                background: url(../themes/stc/images/breadcrumb-line.png) no-repeat left top;
                background-position: 0 4px
            }

.main-content-area {
    margin: 30px 0
}

.sub-content-area {
    width: 100%;
    display: table;
    margin: 0 0 25px 0;
    color: #121212
}

.content-01 {
    height: 190px; /* background:url(../themes/stc/images/main-sec-line.png) repeat-x bottom */
}

.content-02 {
    margin-top: 30px;
    height: 190px
}

    .content-01 div, .content-02 div {
        float: left
    }

.content-01-01, .content-01-02, .content-01-03, .content-01-04, .content-01-05 {
    height: 190px
}

.content-01-01, .content-01-02 {
    width: 220px;
    margin-right: 30px
}

.content-01-01 {
    background: url(../themes/stc/images/main-p-img01.png) no-repeat bottom right
}

.content-01-03 {
    width: 500px
}

.content-01-04 {
    width: 470px;
    margin-right: 30px
}

.content-01-05 {
    width: 500px
}

.item-list-01, .item-list-02 {
    margin-top: 15px
}

    .item-list-01 li {
        display: block;
        padding: 5px 0
    }

    .item-list-02 li {
        float: left;
        display: block;
        width: 50%;
        padding: 5px 0
    }

.main-table {
    width: 100%;
    margin-top: 15px
}

.guide-box {
    width: 500px;
    height: 190px;
    border: 1px solid #e3e6ef;
    background: url(../themes/stc/images/ba-line.png) repeat-y center center;
    border-radius: 4px
}

    .guide-box div {
        float: left;
        width: 50%;
        font-size: 12px;
    }

        .guide-box div p {
            display: block;
            margin: 20px;
            position: relative
        }

.guide-item-01, .guide-item-02 {
    display: block;
    margin: 0 20px
}

.guide-item-02 {
    margin-top: -10px
}

.guide-item-01 li {
    float: left;
    width: 50%;
    text-align: center
}

.guide-item-02 li {
    float: left;
    width: 100%;
    text-align: left;
    padding: 8px 0;
    border-bottom: 1px solid #efefef
}

    .guide-item-02 li span {
        display: inline-block
    }

    .guide-item-02 li b { /*font-size:14px*/
    }

.main-more {
    float: right;
    font-size: 11px
}

    .main-more a {
        color: #858585
    }

        .main-more a:hover {
            color: #000
        }

.my-seh-list {
    table-layout: fixed
}

    .my-seh-list th {
        padding-left: 12px;
        text-align: left;
        font-weight: normal;
        background: url(../themes/stc/images/ba-line.png) no-repeat right center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .my-seh-list td {
        height: 25px;
        background: url(../themes/stc/images/ba-line.png) no-repeat right center
    }

        .my-seh-list td:last-child {
            background: none
        }

.noti-list {
    table-layout: fixed
}

    .noti-list th {
        padding-left: 12px;
        text-align: left;
        font-weight: normal;
        background: url(../themes/stc/images/bullet-main01.png) no-repeat left center
    }

        .noti-list th span {
            color: #f46a34
        }

    .noti-list td {
        height: 25px;
        text-align: right
    }

        .noti-list td:last-child {
            background: none
        }

.h1 {
    display: block;
    margin: 0;
    padding: 0;
    height: 30px;
    border-bottom: 1px solid #e3e6ef
}

.tab-menu-area {
    float: left;
    display: block;
    padding-top: 42px;
    height: 30px;
    position: relative;
    overflow: hidden
}

    .tab-menu-area span {
        float: left;
        display: block;
        margin-right: 2px;
        padding-top: 7px;
        border-radius: 5px 5px 0 0;
        height: 25px;
        background: #383c4b;
        color: #fff;
        min-width: 135px;
        text-align: center;
        font-weight: bold;
        opacity: 0.9
    }

        .tab-menu-area span:hover {
            opacity: 1;
            background: #2e3241
        }

        .tab-menu-area span.tab-on {
            background: #ff7555;
            opacity: 1;
            cursor: none
        }

        .tab-menu-area span a {
            display: block;
            color: #fff
        }

.tab-title {
    margin-top: 5px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: url(../themes/stc/images/bullet-sub01.png) no-repeat top left;
    background-position: 0 3px;
    position: absolute
}

.tab-right {
    display: block;
    margin-bottom: 10px;
    height: 32px;
    border-bottom: 1px solid #696c76;
    position: relative
}

    .tab-right ul {
        float: right;
        display: inline-block;
        margin-bottom: 25px;
        height: 32px;
        border-bottom: 1px solid #696c76
    }

.sub-menu {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #696c76
}

    .sub-menu li.none a {
        color: #cbcbcb
    }

        .sub-menu li.none a span {
            display: inline-block;
            float: right;
            margin-top: 3px;
            margin-left: 5px;
            width: 7px;
            height: 12px;
            background: url(../themes/stc/images/icon-tabarrow-right-none.png) no-repeat center center
        }

    .sub-menu li.on a span {
        isplay: inline-block;
        float: right;
        margin-top: 3px;
        margin-left: 5px;
        width: 7px;
        height: 12px;
        background: url(../themes/stc/images/icon-tabarrow-right.gif) no-repeat center center
    }

    .sub-menu li.on-none {
    }

    .tab-right li:last-child, .sub-menu li.last-child, .sub-menu li:last-child, .sub-menu li.last-child {
        border-left: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2
    }

    .tab-right li, .sub-menu li {
        float: left;
        padding: 7px 15px 0 15px;
        height: 24px;
        text-align: center;
        border-left: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2
    }

        .tab-right li a {
            color: #656565
        }

        .tab-right li:hover {
            background: #f6f6f6;
        }

            .tab-right li:hover a {
                color: #000
            }

        .tab-right li.on, .sub-menu li.on {
            background: #fff;
            border-right: 1px solid #313b51;
            border-left: 1px solid #313b51;
            border-top: 1px solid #313b51;
            border-bottom: 1px solid #fff
        }

            .tab-right li.on a {
                color: #000
            }

.search {
    margin: 20px 0 25px 0;
    padding-bottom: 30px
}

.search-work-area {
    height: 23px;
    margin: 0
}

.search-area {
    display: table;
    width: 100%;
    margin: -20px 0 -25px 0;
    padding: 15px 0 12px 0;
    border: 2px solid #e4e6ea;
    border-radius: 3px
}

    .search-area > .icon-area {
        float: left;
        margin-left: 12px;
        margin-top: -6px;
        position: absolute
    }

    .search-area table {
        display: inline-block;
        float: left;
        margin-left: 60px;
        margin-top: -2px
    }

        .search-area table th {
            padding-right: 10px
        }

        .search-area table td {
            padding-right: 20px
        }

.order-form {
    float: left;
    display: inline-block;
    padding: 4px 0
}

    .order-form span {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle
    }

        .order-form span.name-text {
            font-weight: bold;
            padding-bottom: 1px
        }

.icon-area {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    vertical-align: top
}

.item-field {
    float: left
}

.field-text {
    display: inline-block;
    padding: 0 4px
}

.search-btn-div {
    display: inline;
    float: left
}

.check-group {
    margin-right: 10px
}

.check-area {
    padding-top: 5px;
    font-size: 12px
}

    .check-area span {
        display: inline-block;
        float: left
    }

span.check-text {
    display: inline-block;
    margin-top: -2px;
    padding: 0 4px;
    color: #454545
}

.check-text {
    font-size: 13px
}

.check-list li {
    line-height: 25px
}

.sub-title01 {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: url(../themes/stc/images/bullet-sub01.png) no-repeat top left;
    background-position: 0 3px
}

.sub-title02 {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-left: 7px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    background: url(../themes/stc/images/bullet-main01.png) no-repeat 0 8px;
    box-sizing: border-box
}

.table-view-noicon {
    margin-bottom: 30px;
    border-top: 2px solid #5777bf;
    border-bottom: 0px solid #b1b3b5;
    clear: both
}

    .table-view-noicon table {
        width: 100%
    }

        .table-view-noicon table th, .table-view-noicon table td {
            border-bottom: 1px solid #efefef;
            font-size: 13px;
            vertical-align: top
        }

        .table-view-noicon table th {
            text-align: left;
            padding: 8px 8px;
            color: #36519e;
            background-position: 8px 8px
        }

        .table-view-noicon table td {
            text-align: left;
            padding: 8px 8px;
            color: #333
        }

.table-view {
    margin-bottom: 30px;
    border-top: 2px solid #5777bf;
    border-bottom: 0px solid #b1b3b5;
    clear: both
}

    .table-view table {
        width: 100%
    }

        .table-view table th, .table-view table td {
            border-bottom: 1px solid #efefef;
            font-size: 13px;
            vertical-align: top
        }

        .table-view table th {
            text-align: left;
            padding: 8px 10px 9px 25px;
            color: #36519e;
            background: url(../themes/stc/images/bullet-sub02.png) no-repeat;
            background-position: 8px 12px
        }

        .table-view table td {
            text-align: left;
            padding: 8px 10px 9px 0;
            color: #333
        }

.table-edit {
    margin-bottom: 30px;
    border-top: 2px solid #7c828e;
    border-bottom: 0px solid #b1b3b5;
    clear: both
}

    .table-edit table {
        width: 100%
    }

        .table-edit table th, .table-edit table td {
            border-bottom: 1px solid #efefef;
            font-size: 13px
        }

        .table-edit table th {
            text-align: left;
            padding: 9px 10px 7px 25px;
            color: #252525;
            vertical-align: top;
            background: url(../themes/stc/images/bullet-sub03.png) no-repeat;
            background-position: 8px 12px
        }

        .table-edit table td {
            text-align: left;
            padding: 7px 0 7px 0;
            color: #252525
        }

.table-edit-list {
    margin-bottom: 30px;
    border-top: 2px solid #959eb1;
    border-bottom: 0px solid #b1b3b5;
    clear: both
}

    .table-edit-list table {
        width: 100%
    }

        .table-edit-list table th, .table-edit-list table td {
            font-size: 13px
        }

        .table-edit-list table th {
            text-align: center;
            padding: 9px 10px 7px 10px;
            color: #252525;
            vertical-align: top;
            border-bottom: 1px solid #dbdbdb;
        }

        .table-edit-list table td {
            text-align: left;
            padding: 7px 10px 7px 10px;
            color: #252525;
            border-right: 1px solid #efefef;
            border-bottom: 1px solid #efefef;
        }

            .table-edit-list table td:last-child {
                border-right: 0
            }

.table-edit-list-box {
    margin: 0 0 10px 0;
    border: 2px solid #858585;
    clear: both
}

    .table-edit-list-box table {
        width: 100%
    }

        .table-edit-list-box table th, .table-edit-list table td {
            font-size: 13px;
            background: #f4f5f7
        }

        .table-edit-list-box table th {
            text-align: center;
            padding: 7px 10px 7px 10px;
            color: #252525;
            vertical-align: top;
            border-bottom: 1px solid #dbdbdb;
            border-right: 1px solid #dbdbdb
        }

            .table-edit-list-box table th:last-child {
                border-right: 0
            }

        .table-edit-list-box table td {
            text-align: left;
            padding: 7px 10px 7px 10px;
            color: #252525;
            text-align: center;
            border-right: 1px solid #efefef;
            border-bottom: 0;
        }

            .table-edit-list-box table td:last-child {
                border-right: 0
            }

.table-edit-list-box2 {
    margin: 0 0 10px 0;
    border: 2px solid #858585;
    clear: both;
    overflow: auto;
    width: 1000px;
}

    .table-edit-list-box2 table {
        width: 100%;
    }

        .table-edit-list-box2 table th, .table-edit-list table td {
            font-size: 13px;
            background: #f4f5f7
        }

        .table-edit-list-box2 table th {
            text-align: center;
            padding: 7px 10px 7px 10px;
            color: #252525;
            vertical-align: top;
            border-bottom: 1px solid #dbdbdb;
            border-right: 1px solid #dbdbdb;
            height: 10px;
        }

            .table-edit-list-box2 table th:last-child {
                border-right: 0
            }

        .table-edit-list-box2 table td {
            text-align: left;
            padding: 7px 10px 7px 10px;
            color: #252525;
            text-align: center;
            border-right: 1px solid #efefef;
            border-bottom: 0;
        }

            .table-edit-list-box2 table td:last-child {
                border-right: 0
            }

.edit-view {
    padding: 7px 10px 7px 10px !important
}

.long-text {
    display: table;
    width: 100%;
    margin: 10px 0 10px 10px;
    color: #000;
    line-height: 20px;
    word-break: break-all;
    overflow: auto
}

.table-in-list-type {
    margin: 0;
    padding: 0;
    border: 0
}

    .table-in-list-type th {
        height: 19px;
        padding: 5px !important;
        border-bottom: 1px dotted #999;
        color: #5c67aa !important;
        background: none !important
    }

    .table-in-list-type td {
        padding: 3px !important
    }

        .table-in-list-type td div.check-area {
            padding-top: 1px !important
        }

.table-side-list {
    margin-bottom: 30px;
    border-top: 2px solid #ff905a;
    border-bottom: 0px solid #b1b3b5;
    clear: both
}

    .table-side-list table {
        width: 100%;
        border-collapse: collapse
    }

        .table-side-list table th {
            border-bottom: 1px solid #e2e2e2;
            font-size: 13px
        }

        .table-side-list table td {
            border-bottom: 1px solid #efefef;
            font-size: 13px
        }

        .table-side-list table th {
            text-align: center;
            padding: 9px 10px 7px 10px;
            color: #252525;
            vertical-align: top;
            background: #f8f8f8
        }

        .table-side-list table td {
            padding: 7px 10px 7px 10px;
            color: #454545
        }

.table-side-view {
    margin-bottom: 30px;
    border-top: 2px solid #ff905a;
    border-bottom: 0px solid #b1b3b5;
    clear: both
}

    .table-side-view table {
        width: 100%
    }

        .table-side-view table th, .table-side-view table td {
            border-bottom: 1px solid #efefef;
            font-size: 13px;
            vertical-align: top
        }

        .table-side-view table th {
            text-align: left;
            padding: 8px 10px 9px 25px;
            color: #252525;
            background: url(../themes/stc/images/bullet-sub04.png) no-repeat;
            background-position: 8px 12px
        }

        .table-side-view table td {
            text-align: left;
            padding: 8px 10px 9px 0;
            color: #333
        }

.table-side-edit {
    margin-bottom: 30px;
    border-top: 2px solid #ff905a;
    border-bottom: 0px solid #b1b3b5;
    clear: both
}

    .table-side-edit table {
        width: 100%
    }

        .table-side-edit table th, .table-side-edit table td {
            border-bottom: 1px solid #efefef;
            font-size: 13px
        }

        .table-side-edit table th {
            text-align: left;
            padding: 9px 10px 7px 25px;
            color: #252525;
            vertical-align: top;
            background: url(../themes/stc/images/bullet-sub03.png) no-repeat;
            background-position: 8px 12px
        }

        .table-side-edit table td {
            text-align: left;
            padding: 7px 10px 7px 10px;
            color: #252525
        }

/* small Button Red */
a.btn_red, a.btn_red span, a.btn_red em,
a.btn_red:hover, a.btn_red:hover span, a.btn_red:hover em,
a.btn_red.disabled, a.btn_red.disabled em {
    background: url(../themes/stc/images/btn_red.png);
    cursor: pointer;
}

a.btn_red {
    display: inline-block;
    height: 21px;
    line-height: 1.7;
    font-size: 12px;
    color: #b33737;
    font-family: 'malgun gothic';
    white-space: nowrap;
}

    a.btn_red em {
        display: inline-block;
        float: right;
        height: 21px;
        width: 6px
    }

a.btn_red {
    background-position: 0 0
}

    a.btn_red em {
        background-position: right -42px
    }

    a.btn_red:hover {
        background-position: 0 -21px;
        color: #fff;
    }

        a.btn_red:hover em {
            background-position: right -63px
        }

    a.btn_red.disabled {
        background-position: 0 -84px !important;
        color: #b2b2b2 !important
    }

        a.btn_red.disabled em {
            background-position: right -105px !important
        }

/* small Button Blue */
a.btn_blue, a.btn_blue span, a.btn_blue em,
a.btn_blue:hover, a.btn_blue:hover span, a.btn_blue:hover em,
a.btn_sm_red:active, a.btn_sm_red:active span a.btn_sm_red:active em {
    background: url(../themes/stc/images/btn_blue.png);
    cursor: pointer;
}

a.btn_blue {
    display: inline-block;
    height: 21px;
    line-height: 1.7;
    font-size: 12px;
    color: #005bb1;
    font-family: 'malgun gothic';
    white-space: nowrap;
}

    a.btn_blue em {
        display: inline-block;
        float: right;
        height: 21px;
        width: 6px
    }

a.btn_blue {
    background-position: 0 0
}

    a.btn_blue em {
        background-position: right -42px
    }

    a.btn_blue:hover {
        background-position: 0 -21px;
        color: #fff;
    }

        a.btn_blue:hover em {
            background-position: right -63px
        }

    a.btn_blue.disabled {
        background-position: 0 -84px !important;
        color: #b2b2b2 !important
    }

        a.btn_blue.disabled em {
            background-position: right -105px !important
        }

.btn-area {
    display: inline-block;
    width: 100%
}

.btn-popup-area {
    display: block;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #d0d3d9
}

.btn-defult {
    display: inline-block;
    .display:inline;
    margin-left: 3px;
    padding: 0;
    line-height: 1.5
}

    .btn-defult a {
        display: inline-block;
        height: 18px;
        padding: 1px 8px 1px 8px;
        font-size: 12px;
        font-weight: bold;
        border-radius: 2px;
        border: 1px solid #949596;
        background: url(../themes/stc/images/background-btn-d.png) repeat-x bottom;
        cursor: pointer
    }

        .btn-defult a:hover {
            color: #fff;
            background: #42454f;
            border: 1px solid #1f2229;
            transition: border-color .3s
        }

.btn-ls-strong {
    display: inline-block;
    margin-left: 3px;
    padding: 0
}

    .btn-ls-strong a {
        display: inline-block;
        height: 18px;
        padding: 2px 12px 2px;
        color: #454545;
        font-weight: bold;
        border-radius: 2px;
        border: 1px solid #949596;
        background: url(../themes/stc/images/background-btn-d.png) repeat-x bottom;
        cursor: pointer
    }

        .btn-ls-strong a:hover {
            color: #fff;
            background: #42454f;
            border: 1px solid #1f2229;
            transition: border-color .3s
        }

.btn-ls-darkb {
    display: inline-block;
    margin-left: 3px;
    padding: 0
}

    .btn-ls-darkb a {
        display: inline-block;
        height: 18px;
        padding: 2px 12px 2px;
        color: #fff;
        font-weight: bold;
        border-radius: 2px;
        border: 1px solid #252c37;
        background: #505864;
        cursor: pointer
    }

        .btn-ls-darkb a:hover {
            color: #fff;
            background: #42454f;
            border: 1px solid #1f2229;
            transition: border-color .3s
        }

.btn-sx-strong {
    display: inline-block;
    margin-left: 3px;
    padding: 0
}

    .btn-sx-strong a {
        display: inline-block;
        height: 16px;
        padding: 2px 7px;
        font-size: 12px;
        color: #666;
        font-weight: bold;
        border-radius: 2px;
        border: 1px solid #ddd;
        background: #fff;
        cursor: pointer
    }

        .btn-sx-strong a:hover {
            color: #111;
            background: #fff;
            border: 1px solid #999;
            transition: border-color .3s
        }

.nav-header {
    display: block;
    width: 100%
}

.nav-footer {
    display: block;
    width: 100%
}

.meg-box {
    width: 100%;
    float: left;
    height: 90px;
    margin-bottom: 25px;
    border: 1px solid #e4e6ea;
    border-radius: 3px
}

.meg-box-area {
    padding: 10px 20px
}

    .meg-box-area table {
        padding-left: 80px;
        height: 70px
    }

.meg-box-icon01 {
    background: url(../themes/stc/images/icon-otc-01.png) no-repeat 15px center
}

.meg-box-icon02 {
    background: url(../themes/stc/images/icon-otc-02.png) no-repeat 0 center
}

.approval-box {
    display: table;
    width: 99.8888%;
    margin-bottom: 30px;
    border-radius: 2px;
    border: 1px solid #aaacaf;
    font-size: 13px;
    position: relative
}

.approval-box-padding {
    width: 100%;
    padding: 10px 10px 10px 130px;
    background: url(../themes/stc/images/icon-approval01.png) no-repeat left top;
    background-position: 40px 35px
}

.approval-win-icon {
    float: left;
    width: 10%;
    text-align: center
}

    .approval-win-icon img {
        margin-top: 23px
    }

.approval-win-area {
    float: left;
    margin-bottom: 10px;
    width: 14.399%
}
/* div 이동 시 뒤 영역 */
.approval-win {
    margin: -1px 2.555px -1px 2.555px;
    border: 1px solid #cfcfcf;
    border-radius: 0px;
    background: #fff
}

    .approval-win h4 {
        display: block;
        margin: 0;
        padding: 3px 0;
        font-size: 13px;
        text-align: center;
        border-bottom: 1px solid #cfcfcf;
        background: url(../themes/stc/images/background-btn-d.png) repeat-x left bottom
    }

    .approval-win h5 {
        margin: 5px 0 0 0;
        padding: 2px 0 3px 0;
        font-size: 12px;
        text-align: center;
        background: #f6f6f6
    }

        .approval-win h5.apv-disabled {
            color: #aaa;
            border: 1px solid #efefef
        }

    .approval-win h6 {
        margin: 0;
        padding: 3px 0;
        color: #656565;
        font-size: 11px;
        font-weight: normal;
        text-align: center
    }

    .approval-win .apv-comment {
        padding: 5px 10px 5px 10px;
        border-top: 1px solid #cfcfcf;
        font-size: 11px
    }

    .approval-win ul {
        margin: 5px 10px;
        table-layout: fixed
    }

        .approval-win ul li {
            padding: 2px 0;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            font-size: 12px;
            text-overflow: ellipsis
        }

/* Drag Box */
#drag-box-area {
    margin: 5px 0
}

.drag_area {
    border: 1px solid rgb(233, 233, 233);
    height: 150px;
    padding: 5px;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: relative
}

    .drag_area:hover {
        border: 1px dotted rgb(134, 184, 241);
        background: #f9feff
    }

    .drag_area > table {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: separate;
    }

        .drag_area > table > tbody > tr > td {
            padding: 0 10px 2px 10px;
            height: 23px;
            color: #555;
            border: 1px solid #d2d2d2 !important;
            background: #fff
        }

            .drag_area > table > tbody > tr > td:hover {
                color: #252525;
                border: 1px solid #afb1b4 !important
            }

.cursor-p a {
    display: block;
    margin-right: -5px;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 1
}

    .cursor-p a:hover {
        color: #f6f6f6;
        background: #42454f
    }

#spDragText {
    color: #bbb
}

#uploadedContainer {
    margin: 10px 0 0;
    padding: 0
}

.uploadedContainer-title {
    padding: 0 0 5px;
    color: #454545;
    font-weight: bold;
    font-size: 12px;
    color: #64a33a
}

.uploaded-box {
    background: #f4f4f4;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
}

    .uploaded-box ul {
        display: inline-block
    }

        .uploaded-box ul li {
            display: inline-block;
            float: left;
            padding: 7px 10px 2px 20px;
            height: 22px;
        }

            .uploaded-box ul li span {
                display: block;
                padding-right: 10px
            }

            .uploaded-box ul li.uploadedList-none {
                width: 100%;
                border: 0 !important;
                background: none;
                color: #656565;
                text-align: center
            }

td #uploadedContainer {
    margin: 1px !important
}
/* 인 TD 스타일 */

.ghs-area {
    display: block
}

    .ghs-area li {
        float: left;
        padding: 15px
    }

.GHS01, .GHS02, .GHS03, .GHS04, .GHS05, .GHS06, .GHS07, .GHS08, .GHS09, .GHS10, .GHS361_14, .GHS361_15, .GHS361_18 {
    width: 60px;
    height: 60px;
    text-indent: -1000000px;
    background-position: center center overflow:hidden
}

.GHS01 {
    background: url(../themes/stc/images/ghs01.gif) no-repeat
}

.GHS02 {
    background: url(../themes/stc/images/ghs02.gif) no-repeat
}

.GHS03 {
    background: url(../themes/stc/images/ghs03.gif) no-repeat
}

.GHS04 {
    background: url(../themes/stc/images/ghs04.gif) no-repeat
}

.GHS05 {
    background: url(../themes/stc/images/ghs05.gif) no-repeat
}

.GHS06 {
    background: url(../themes/stc/images/ghs06.gif) no-repeat
}

.GHS07 {
    background: url(../themes/stc/images/ghs07.gif) no-repeat
}

.GHS08 {
    background: url(../themes/stc/images/ghs08.gif) no-repeat
}

.GHS09 {
    background: url(../themes/stc/images/ghs09.gif) no-repeat
}

.GHS10 {
    background: url(../themes/stc/images/ghs10.gif) no-repeat
}

.GHS361_14 {
    background: url(../themes/stc/images/ghs361_14.gif) no-repeat
}
/* 2017.06.27. 김병수 추가. */
.GHS361_15 {
    background: url(../themes/stc/images/ghs361_15.gif) no-repeat
}
/* 2017.06.27. 김병수 추가. */
.GHS361_18 {
    background: url(../themes/stc/images/ghs361_18.gif) no-repeat
}
/* 2017.06.27. 김병수 추가. */

.web-file-upload {
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #d2d2d2
}

.sub-title-btn-area {
    margin-bottom: 5px;
    margin-left: -3px;
    padding: 0
}

#body-poppup {
    margin: 0;
    padding: 0;
    overflow: auto
}

    #body-poppup > .wrapperDiv {
        margin: 0;
        padding: 0
    }

        #body-poppup > .wrapperDiv > .main-content {
            margin: 0;
            padding: 0;
        }

.pop-content-area {
    margin: 20px;
    background: #fff
}

    .pop-content-area h1 {
        margin: 0 0 15px 0;
        padding: 0 0 8px 0;
        border-bottom: 2px solid #404349
    }

#footer-container {
}

.footer-copyright {
    padding: 15px 0
}

.comp-list {
    width: 100%;
    height: 26px;
    border-bottom: 1px solid #e3e6ef;
    border-top: 1px solid #e3e6ef;
    background: #f7f7fa
}

.comp-list {
    padding-top: 10px
}

    .comp-list li {
        float: left;
        padding: 0 10px;
        background: url(../themes/stc/images/ba-line.png) no-repeat right center
    }

        .comp-list li:last-child {
            background: none
        }

.form-box {
    display: table;
    width: 100%;
    border: 3px solid #eee;
    box-sizing: border-box
}

.form-box {
    box-sizing: border-box
}

    .form-box li {
        float: left
    }

    .form-box h3 {
        margin: 20px;
        padding: 7px 15px;
        color: #fff;
        background: #8ad06b
    }

    .form-box p {
        margin: 15px 20px;
        padding: 0 15px;
        height: 150px;
        line-height: 20px
    }

.ui-width-50 {
    width: 49.888%
}

.ui-width-100 {
    width: 99.888%
}

.carousel-caption {
    width: 100%;
    height: 295px;
    position: absolute;
    top: 5px;
    text-align: right
}

.caption-align {
    display: table;
    margin: 0 auto;
    width: 1000px
}

/* 2016년 2월 17일 */
#WriterDangerFound, #WriterDangerReduce {
    background: #eef0f3
}


/* 2017.11.03 hsm 추가 */
.line-button {
    margin-bottom: 5px;
}