img {
    border: medium none;
    max-width: 100% ;
    max-height: 100%;
    width: auto;
}

.fr-view img {
    height: auto !important;
}


.pos-top {
    top: 0;
}


.text-overflow-hidden {

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}



body {
    font-family:'NotoSansKr',sans-serif;
    /*color: #333;*/
    color: #000a19;
    font-weight:normal;
    font-size:16px;
    line-height: 1.571428571;
}



/*
font size
*/

h1, .h1 {
    font-size: 30px;
}

h2, .h2 {
    font-size: 28px;
}

h3, .h3 {
    font-size: 26px;
}

h4, .h4 {
    font-size: 24px;
}

h5, .h5 {
    font-size: 22px;
}

h6, .h6 {
    font-size: 20px;
}

.c1 {
    font-size: 22px;
    font-weight: normal;
}

.c2 {
    font-size: 20px;
    font-weight: normal;
}

.c3 {
    font-size: 18px;
    font-weight: normal;
}

.c4 {
    font-size: 16px;
    font-weight: normal;
}

.c5 {
    font-size: 14px;
    font-weight: normal;
}

.c6 {
    font-size: 12px;
    font-weight: normal;
}

.c7 {
    font-size: 10px;
    font-weight: normal;
}

.c8 {
    font-size: 8px;
    font-weight: normal;
}


/*
margin padding util
*/



.margin-top-0 {
    margin-top: 0px;

}

.margin-top-5 {
    margin-top: 2.5px;

}

.margin-top-10 {
    margin-top: 5px;

}

.margin-top-15 {
    margin-top: 7.5px;

}

.margin-top-20 {
    margin-top: 10px;

}

.margin-top-30 {
    margin-top: 15px;

}

.margin-top-40 {
    margin-top: 20px;

}

.margin-top-50 {
    margin-top: 25px;

}

.margin-top-60 {
    margin-top: 30px;

}

.margin-top-70 {
    margin-top: 35px;

}

.margin-top-80 {
    margin-top: 40px;

}

.margin-top-90 {
    margin-top: 45px;

}

.margin-top-100 {
    margin-top: 50px;

}

.margin-bottom-0 {
    margin-bottom: 0px;

}

.margin-bottom-5 {
    margin-bottom: 2.5px;

}

.margin-bottom-10 {
    margin-bottom: 5px;

}

.margin-bottom-15 {
    margin-bottom: 7.5px;

}

.margin-bottom-20 {
    margin-bottom: 10px;

}

.margin-bottom-30 {
    margin-bottom: 15px;

}

.margin-bottom-40 {
    margin-bottom: 20px;

}

.margin-bottom-50 {
    margin-bottom: 25px;

}

.margin-bottom-60 {
    margin-bottom: 30px;

}

.margin-bottom-70 {
    margin-bottom: 35px;

}

.margin-bottom-80 {
    margin-bottom: 40px;

}

.margin-bottom-90 {
    margin-bottom: 45px;

}

.margin-bottom-100 {
    margin-bottom: 50px;

}

.padding-top-0 {
    padding-top: 0px;

}

.padding-top-5 {
    padding-top: 2.5px;

}

.padding-top-10 {
    padding-top: 5px;

}

.padding-top-15 {
    padding-top: 7.5px;

}

.padding-top-20 {
    padding-top: 10px;

}

.padding-top-30 {
    padding-top: 15px;

}

.padding-top-40 {
    padding-top: 20px;

}

.padding-top-50 {
    padding-top: 25px;

}

.padding-top-60 {
    padding-top: 30px;

}

.padding-top-70 {
    padding-top: 35px;

}

.padding-top-80 {
    padding-top: 40px;

}

.padding-top-90 {
    padding-top: 45px;

}

.padding-top-100 {
    padding-top: 50px;

}

.padding-bottom-0 {
    padding-bottom: 0px;

}

.padding-bottom-5 {
    padding-bottom: 2.5px;

}

.padding-bottom-10 {
    padding-bottom: 5px;

}

.padding-bottom-15 {
    padding-bottom: 7.5px;

}

.padding-bottom-20 {
    padding-bottom: 10px;

}

.padding-bottom-30 {
    padding-bottom: 15px;

}

.padding-bottom-40 {
    padding-bottom: 20px;

}

.padding-bottom-50 {
    padding-bottom: 25px;

}

.padding-bottom-60 {
    padding-bottom: 30px;

}

.padding-bottom-70 {
    padding-bottom: 35px;

}

.padding-bottom-80 {
    padding-bottom: 40px;

}

.padding-bottom-90 {
    padding-bottom: 45px;

}

.padding-bottom-100 {
    padding-bottom: 50px;

}

@media (min-width: 992px) {

    .line-margin {
        margin-bottom:40px;
    }


    h1, .h1 {
        font-size: 45px;
    }

    h2, .h2 {
        font-size: 40px;
    }

    h3, .h3 {
        font-size: 35px;
    }

    h4, .h4 {
        font-size: 30px;
    }

    h5, .h5 {
        font-size: 25px;
    }

    h6, .h6 {
        font-size: 20px;
    }

    .c1 {
        font-size: 25px;
        font-weight: normal;
    }

    .c2 {
        font-size: 22px;
        font-weight: normal;
    }

    .c3 {
        font-size: 20px;
        font-weight: normal;
    }

    .c4 {
        font-size: 18px;
        font-weight: normal;
    }

    .c5 {
        font-size: 16px;
        font-weight: normal;
    }

    .c6 {
        font-size: 14px;
        font-weight: normal;
    }

    .c7 {
        font-size: 12px;
        font-weight: normal;
    }

    .c8 {
        font-size: 10px;
        font-weight: normal;
    }

    .margin-top-0 {
        margin-top: 0px;

    }

    .margin-top-5 {
        margin-top: 5px;

    }

    .margin-top-10 {
        margin-top: 10px;

    }

    .margin-top-15 {
        margin-top: 15px;

    }

    .margin-top-20 {
        margin-top: 20px;

    }

    .margin-top-30 {
        margin-top: 30px;

    }

    .margin-top-40 {
        margin-top: 40px;

    }

    .margin-top-50 {
        margin-top: 50px;

    }

    .margin-top-60 {
        margin-top: 60px;

    }

    .margin-top-70 {
        margin-top: 70px;

    }

    .margin-top-80 {
        margin-top: 80px;

    }

    .margin-top-90 {
        margin-top: 90px;

    }

    .margin-top-100 {
        margin-top: 100px;

    }

    .margin-bottom-0 {
        margin-bottom: 0px;

    }

    .margin-bottom-5 {
        margin-bottom: 5px;

    }

    .margin-bottom-10 {
        margin-bottom: 10px;

    }

    .margin-bottom-15 {
        margin-bottom: 15px;

    }

    .margin-bottom-20 {
        margin-bottom: 20px;

    }

    .margin-bottom-30 {
        margin-bottom: 30px;

    }

    .margin-bottom-40 {
        margin-bottom: 40px;

    }

    .margin-bottom-50 {
        margin-bottom: 50px;

    }

    .margin-bottom-60 {
        margin-bottom: 60px;

    }

    .margin-bottom-70 {
        margin-bottom: 70px;

    }

    .margin-bottom-80 {
        margin-bottom: 80px;

    }

    .margin-bottom-90 {
        margin-bottom: 90px;

    }

    .margin-bottom-100 {
        margin-bottom: 100px;

    }

    .padding-top-0 {
        padding-top: 0px;

    }

    .padding-top-5 {
        padding-top: 5px;

    }

    .padding-top-10 {
        padding-top: 10px;

    }

    .padding-top-15 {
        padding-top: 15px;

    }

    .padding-top-20 {
        padding-top: 20px;

    }

    .padding-top-30 {
        padding-top: 30px;

    }

    .padding-top-40 {
        padding-top: 40px;

    }

    .padding-top-50 {
        padding-top: 50px;

    }

    .padding-top-60 {
        padding-top: 60px;

    }

    .padding-top-70 {
        padding-top: 70px;

    }

    .padding-top-80 {
        padding-top: 80px;

    }

    .padding-top-90 {
        padding-top: 90px;

    }

    .padding-top-100 {
        padding-top: 100px;

    }

    .padding-bottom-0 {
        padding-bottom: 0px;

    }

    .padding-bottom-5 {
        padding-bottom: 5px;

    }

    .padding-bottom-10 {
        padding-bottom: 10px;

    }

    .padding-bottom-15 {
        padding-bottom: 15px;

    }

    .padding-bottom-20 {
        padding-bottom: 20px;

    }

    .padding-bottom-30 {
        padding-bottom: 30px;

    }

    .padding-bottom-40 {
        padding-bottom: 40px;

    }

    .padding-bottom-50 {
        padding-bottom: 50px;

    }

    .padding-bottom-60 {
        padding-bottom: 60px;

    }

    .padding-bottom-70 {
        padding-bottom: 70px;

    }

    .padding-bottom-80 {
        padding-bottom: 80px;

    }

    .padding-bottom-90 {
        padding-bottom: 90px;

    }

    .padding-bottom-100 {
        padding-bottom: 100px;

    }


    .padding-left-25 {
        padding-left: 25px;

    }

}





.has-error .help-block-error {
    color: #a94442;
    font-size: 14px;
}

.border-bottom {

    border-bottom: 1px solid #c0c0c0;

}

.padding-left-15 {

    padding-left: 15px;
}

.margin-left-15 {

    margin-left: 15px;
}

.inline-block{
    display: inline-block;
}

.width-10 {
    width: 10px;

}

.width-20 {
    width: 20px;

}

.width-30 {
    width: 30px;

}

.width-40 {
    width: 40px;

}

.width-50 {
    width: 50px;

}

.width-60 {
    width: 60px;

}

.width-70 {
    width: 70px;

}

.width-80 {
    width: 80px;

}

.width-90 {
    width: 90px;

}

.width-100 {
    width: 100px;

}



/**
 * 	div table
 */

.dt {
    width: 100%;
}

.dt-cell {

}

.dt-cell, .dt-head {
    padding: 3px;
}

.dt-row {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dt-row::after {
    clear: both;
}

.dt-row::after, .dt-row::before {
    content: " ";
    display: table;
}

@media (max-width: 768px) {


    /**
   * 	utils
   */
    .col-dt-xs-2 {

        width: 16.6667%;
        float: left;
    }

    .col-dt-xs-3 {

        width: 25%;
        float: left;
    }

    .col-dt-xs-4 {

        width: 33.3333%;
        float: left;
    }

    .col-dt-xs-5 {

        width: 41.6667%;
        float: left;
    }

    .col-dt-xs-6 {

        width: 50%;
        float: left;
    }

    .col-dt-xs-10 {

        width: 83.3333%;
        float: left;
    }

    .col-dt-xs-12 {

        width: 100%;
        float: left;
    }

}

@media (min-width: 768px) {

    /*
     * table
     */
    .dt {
        display: table;
        width: 100%;
    }

    .dt-head {
        font-weight: bold;
    }

    .dt-row {
        display: table-row;

    }

    .dt-heading {
        display: table-header-group;
    }

    .dt-body {
        display: table-row-group;
    }

    .dt-foot {
        display: table-footer-group;
    }

    .dt-cell, .dt-head {
        display: table-cell;
        border-bottom: 1px solid #dddddd;
        padding: 10px 10px;
    }


}


/**
width
**/

.input-small {
    width: 145px !important;
}

.input-medium {
    width: 240px !important;
}


.width-50{
    width:50px;
    display:inline-block;
}

.width-100 {
    width:100px;
    display:inline-block;
}

.width-150 {
    width:150px;
    display:inline-block;
}

.width-200{
    width:200px;
    display:inline-block;
}



/**
table-responsive-v2
*/

.table-responsive-v2 tbody td {

    display: block;
}

.table-responsive-v2 tbody td.first {

    border-top: 2px solid #578ebe ;
    margin-top:5px;

}

@media (min-width: 768px) {

    .table-responsive-v2 tbody td {

        display: table-cell;
    }


    .table-responsive-v2 tbody td.first {

        border-top: none ;
        margin-top:0;

    }


}