/*#region name */
/*edit*/
.w-percent {
}


html,
body {
    height: 100%;
}

html, body {
    margin: 0;
    padding: 0;
    font: normal 0.813em/1.2 'Nanum Gothic','Malgun Gothic','Apple Gothic', 'Dotum','Gulim','Verdana', 'Arial', sans-serif;
}

html {
    height: -webkit-fill-available;
}

body {
    -webkit-overflow-scrolling: touch;
    height: -webkit-fill-available;
}

.touch {
    border: 1px solid green;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

select:focus {
    border: solid 1px #719ECE; /*box-shadow: 0 0 3pt 1pt #719ECE;box-shadow: 0 0 2pt 1pt #adadad; border:dotted 1px #7f7f7f; background-color:#f7e6b4; background-color:#f1f1f1; */
}

input[type=text]::-ms-clear {
    display: none;
}

.word_b_all {
    word-break: break-all;
}

.word_b_int {
    word-break: initial;
}

.preWrap {
    white-space: pre-wrap;
}

table {
    border-spacing: 0
}

    table th, table td {
        padding: 0
    }

.borderR_no {border-right: none !important;}
.borderL_no {border-left: none !important;}
/*td {font-family: "Gulim", "Verdana", "Arial"; font-size: 12px; color: #3F3F3F;}*/

.tit01 {
    font-size: 15px;
    letter-spacing: 0;
    font-family: "Malgun Gothic";
    font-weight: 600;
    color: #333;
}

/*section*/

.iframe_wrap {
    position: relative;
    width: 100vw; /*height: calc(var(--vh, 1vh) * 100);*/
    padding: 0;
    font-family: "Malgun Gothic","Apple Gothic",sans-serif;
    margin: 0 auto !important; /*top: -1px; left: -1px;*/
    display: inline-block;
}

.tb001 {
    position: relative;
    width: 100%;
    padding: 0;
    font-family: "Malgun Gothic","Apple Gothic",sans-serif;
    margin: 0 auto !important; /*top: -1px; left: -1px;*/
    display: inline-block;
}

.tb001_1 {
    position: relative;
    width: 100%;
    margin-top: 2px;
}

.tb001_2 {
    position: relative;
    width: 100%;
    margin: 5px 0 5px auto;
    padding: 7px 0 7px 0;
    background-color: #f3f3f3;
    vertical-align: middle;
    display: inline-block;
    /*
 border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px;     margin-top: 5px;
-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; 
-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
*/
}

@media only screen and (max-device-width:640px) {
    .tb001 {
        padding-bottom: 100px;
    }

    .iframe_wrap {
        padding-bottom: 100px;
    }
     /*세션종료*/
.ProgramPermissionNone tr > td.tit{font-size:30px !important;}
}

@supports (-webkit-appearance:none) and (stroke-color: transparent) {
    min-height: -webkit-fill-available;
}


 /* 사파리 viewport 에러 test
@media only screen and (max-device-width:640px) {
.content iframe{border:1px solid red; height: calc(var(--var, 1vh) * 100); 

}
}

@media only screen and (max-device-width:640px) {
.content iframe { padding-bottom:100px;}
}
*/
.tb001_2 > ul {
    width: 98%;
    display: table;
    margin: 0;
    font-family: "Gulim", "Verdana", "Arial", "Dotum", sans-serif;
}

    .tb001_2 > ul li {
        display: table-cell;
        vertical-align: middle;
        margin: 2px 20px 0 0;
        font-size: 12px;
        line-height: 200%;
        overflow: hidden;
    }

.tb001_2_1 > ul {
    display: table;
    margin: 0;
    padding: 0;
}

    .tb001_2_1 > ul > li {
        display: table-cell;
        vertical-align: middle;
        margin: 2px 20px 0 0;
    }

.tb001_2 > ul > li > table {
    float: left;
    margin-left: 5px;
}

.tb001_2_top {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    color: #5f5f5f;
}

    .tb001_2_top > ul {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

        .tb001_2_top > ul > li {
            float: left;
            margin: 2px 2px;
            padding: 4px 0;
        }

            .tb001_2_top > ul > li.bl07 {
                background-position: 0 8px;
                margin-left: 15px;
            }

.tb001_7 {
    position: relative;
    width: 100%;
    margin: 5px 0 5px auto;
    padding: 7px 0 7px 0;
    background-color: #f3f3f3;
    vertical-align: middle;
}

    .tb001_7 > ul {
        height: 100%;
        display: table;
        margin: 0;
        font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    }

        .tb001_7 > ul > li {
            display: table-cell;
            vertical-align: middle;
            margin: 2px 20px 0 0;
            font-size: 12px;
            line-height: 200%;
            overflow: hidden;
        }

.tb001_3 {
    position: relative;
    width: 100%;
}

    .tb001_3 > ul {
        display: list-item;
        width: 100%;
    }

        .tb001_3 > ul > li {
            display: block;
            padding-top: 5px;
            padding-bottom: 5px
        }

.tb001_4 {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .tb001_4 > table {
        margin: 0 auto;
        font-size: 12px;
    }

    .tb001_4 > .tb001_4_1 {
        position: relative;
        margin: 0 auto;
        width: 100%;
    }

    .tb001_4 .tb001_4_2 {
        position: relative;
        margin: 5px auto 0 auto;
        width: 100%;
        padding: 0 10px;
        overflow: hidden;
    }

        .tb001_4 .tb001_4_2 .tb001_4_2_1 {
            position: relative;
            width: 48%;
        }

        .tb001_4 .tb001_4_2 .tb001_4_2_2 {
            position: relative;
        }

            .tb001_4 .tb001_4_2 .tb001_4_2_2.w69p {
                width: 69%;
            }

            .tb001_4 .tb001_4_2 .tb001_4_2_2.w30p {
                width: 30%;
            }

.tb001_6 {
    position: relative;
    width: 100%;
    margin: 5px auto;
    text-align: center;
    padding: 20px 0;
}

    .tb001_6 ul {
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        padding: 0;
        font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    }

        .tb001_6 ul > li {
            display: block;
            margin: 0 8px;
            font-size: 12px;
            line-height: 150%;
            overflow: hidden;
            list-style: none;
        }

.moveBtnArea {
    top: 100px;
    left: 1.2%;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

    .moveBtnArea > input[type=button] {
        border: none;
    }

.moveBtnAreaSSG {
    top: 100px;
    left: 0.2%;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

    .moveBtnAreaSSG > input[type=button] {
        border: none;
    }

.btnNext {
    display: block;
    background: url('./../Images/icon_next.png') 0 0 no-repeat;
    width: 26px;
    height: 26px;
    text-indent: -999px;
}

.btnPre {
    display: block;
    background: url('./../Images/icon_pre.png') 0 0 no-repeat;
    width: 26px;
    height: 26px;
    text-indent: -1000px;
}

.btnNextSSG {
    display: block;
    background: url('./../Images/icon_next_SSG.png') 0 0 no-repeat;
    width: 50px;
    height: 50px;
    text-indent: -999px;
}

.btnPreSSG {
    display: block;
    background: url('./../Images/icon_pre_SSG.png') 0 0 no-repeat;
    width: 50px;
    height: 50px;
    text-indent: -1000px;
}


.list01 {
}

    .list01 ul {
        clear: both;
        display: inline-block;
        padding: 0;
        margin: 10px 0 5px 0;
    }

        .list01 ul li {
            display: block;
        }

.list02 {
    width: 100%;
    border: 5px solid #f3f3f3;
    padding: 0;
    margin: 0;
}

.list03 {
    padding: 20px;
    margin: 0;
    background-color: #e9eff4;
    font-size: 12px;
    line-height: 180%;
}

    .list03 dl {
        clear: both;
        display: inline-block;
    }

        .list03 dl > dt {
            color: #000;
            display: inline-block;
            font-size: 1.2em;
        }

        .list03 dl > dt, .list03 dl > dd {
            padding-top: 3px;
            width: 100%;
        }

        .list03 dl > dd {
            padding-left: 20px;
            color: #5e5e5e;
        }

    .list03 ul, .list03 li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .list03 li {
        line-height: 180%;
    }

.list03_1 {
    padding: 10px 10px 5px 10px;
    margin: 0;
    background-color: #e9eff4;
    font-size: 12px;
    line-height: 120%;
}

.list03_2 {
    padding: 20px;
    margin: 0;
    background-color: #e9eff4;
    font-size: 13px;
    line-height: 160%;
    -moz-border-radius: 5px; /*모질라*/
    -webkit-border-radius: 5px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 5px;
}

    .list03_2 > ul, .list03_2 > ul > li {
        padding: 0;
        margin: 0;
    }

.list04 ul {
    padding: 0;
    margin: 0;
}

.list04 ul, .list04 li {
    list-style: none;
}

.list04 li {
    display: block;
    float: left;
    margin: 0 10px;
    line-height: 180%;
}

    .list04 li > span {
    }

        .list04 li > span:last-child {
            display: block;
            margin: 2px 0;
        }

.list05 {
    position: relative;
    width: 100%;
    border: 5px solid #f3f3f3;
    padding: 20px;
    margin: 0 auto;
    overflow: hidden;
}


    .list05 dl {
        display: inline-block;
        width: 95%;
        margin: 0 10px;
    }

    .list05 dt {
        height: 26px;
        font-weight: bold;
        display: table-cell;
        padding-top: 3px;
        padding-bottom: 3px;
        width: 10%;
    }

    .list05 dd {
        display: table-cell;
        width: 85%;
    }

.list06 {
    padding: 20px 10px;
    margin: 0;
    background-color: #f5f5f5;
    font-size: 12px;
    line-height: 180%;
}

    .list06 ul {
        clear: both;
        display: inline-block;
        padding: 0;
    }

        .list06 ul > li {
            color: #000;
            display: inline-block;
            width: 100%;
        }

.list07 {
    padding: 20px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 180%;
}

    .list07 ul {
        clear: both;
        display: inline-block;
        padding: 0;
    }

        .list07 ul > li {
            color: #000;
            display: inline-block;
            width: 100%;
        }

.list08 {
    border: 8px solid #f3f3f3;
    padding: 0;
    margin: 0;
}

.hakArea {
    position: relative;
    z-index: 999;
}

.memer01_list dt {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.memer01_list dd {
    color: #5d5d5d;
    line-height: 1.4em;
    margin-bottom: 20px;
}

.dl_list01 {
    border: 1px solid red;
}

    .dl_list01 > dl > dd {
        float: left;
    }

.hakMarginB8 .hakArea > .hak_list01 {
    margin-bottom: 8px;
}

.hak_list01 {
    position: relative;
    display: inline-block;
    width: 96%;
    margin: 8px 20px 6px 20px;
}

    .hak_list01 > div {
    }

        .hak_list01 > div.hak_photo {
            position: absolute;
            top: 0;
            z-index: 999;
        }

            .hak_list01 > div.hak_photo:hover {
                top: -30px;
                transform: scale(1);
                border: 1px solid #cecece;
            }

            .hak_list01 > div.hak_photo img {
                width: 44px;
                height: 52px;
            }

                .hak_list01 > div.hak_photo img:hover {
                    width: 150px;
                    height: 210px;
                    margin-top: -50px
                }
        /*.hak_list01 > div.hak_photo img{transform:scale(0.5);}
.hak_list01 > div.hak_photo img:hover{transform:scale(1);}
*/
        .hak_list01 > div:nth-child(2) {
            /* width: 50%;*/
            width: 90%;
            margin-left: 60px;
            margin-top: 2px;
        }

            .hak_list01 > div:nth-child(2) > ul {
                display: inline-block;
                width: 100%;
                padding: 0;
                margin: 0;
            }

                .hak_list01 > div:nth-child(2) > ul > li {
                    display: block;
                    float: left;
                    margin-left: 20px;
                    min-width: 140px;
                }

.hak_tit_text {
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
    color: #000;
    /*background:url('../../Common/css/Images/bar01.gif') right 6px no-repeat;*/
}

.hak_list01 > div:nth-child(2) > ul > li > dl {
    display: inline-block;
    padding-top: 2px;
    margin: 0;
}

    .hak_list01 > div:nth-child(2) > ul > li > dl > dt {
    }

    .hak_list01 > div:nth-child(2) > ul > li > dl > dt, .hak_list01 div:nth-child(2) > ul > li > dl > dd {
        color: #898989;
        display: block;
        float: left;
        font-family: Gulim;
        font-size: 12px;
    }

.hak_list01 .hak_Mark_area {
    display: inline-block;
    float: left;
}

    .hak_list01 .hak_Mark_area > ul {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

        .hak_list01 .hak_Mark_area > ul > li {
            margin-right: 20px;
            float: right;
            display: block;
        }

            .hak_list01 .hak_Mark_area > ul > li > img {
                width: 60px;
            }

/*
.hak_list01 ul {display:inline-block; width:100%; margin:0; padding:0; }
.hak_list01 ul li{}
.hak_list01 ul li.hak_tit{ min-width:80px; }
.hak_list01 ul li.hak_result{min-width:80px;padding-top:2px;}
.hak_list01 ul li .hak_tit_text{font-size:1.1em; font-weight:bold; padding-right:10px; margin-right:10px; color:#000; 
                                background:url('../../Common/css/Images/bar01.gif') right 6px no-repeat;}
.hak_list01 dl{ padding-top:2px; margin:0;}
.hak_list01 dl > dt{}
.hak_list01 dl > dt,.hak_list01 dl > dd{color:#5e5e5e;display:block; float:left; font-family: Dotum;}

*/

/*mainPage 시작*/
/*
.quickbtn_area {text-align:center;}
.quickbtn_area > a {display:inline-block; width:90px; height:35px; border-radius:5px; text-align:center; font-family:"Malgun Gothic"; font-size:13px; letter-spacing:-0.5px; color:#fff !important; margin:0 2px;padding:2px 8px;}
.quickbtn_area > a.quickbtn01{background:#627ad0;}
.quickbtn_area > a.quickbtn01:hover{background:#5a70bd;}
.quickbtn_area > a > .qtxt {display:block; float:right;margin-top:6px;}
.quickbtn_area > a.quickbtn01 > span.qicon01 {display:block; float:left; width:19px; height:19px;margin-top:6px;background:url('./../Images/main_new/icon_list.png') -24px 0 no-repeat; }
.quickbtn_area > a.quickbtn02 {background:#2763ba;}
.quickbtn_area > a.quickbtn02:hover{background:#2256a2;}
.quickbtn_area > a.quickbtn02 > span.qicon02 {display:block; float:left; width:17px; height:18px;margin-top:6px;background:url('./../Images/main_new/icon_list.png') -45px 0 no-repeat;}
*/

.quickbtn_area {
    text-align: center;
    margin-top: 10px;
}

    .quickbtn_area > a {
        display: inline-block;
        text-align: center;
        float: left;
        font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
        font-size: 12px;
        letter-spacing: -0.5px;
        color: #d3d7d9 !important;
        margin: 0 2px;
        padding: 2px 8px;
    }

        .quickbtn_area > a:hover {
            color: #fff !important;
        }

        .quickbtn_area > a > .qtxt {
            display: block;
        }

        .quickbtn_area > a > span.qicon01, .quickbtn_area > a > span.qicon02, .quickbtn_area > a > span.qicon03 {
            display: inline-block;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin: 4px 2px;
        }

        .quickbtn_area > a > span.qicon01 {
            background-color: #627ad0;
        }

            .quickbtn_area > a > span.qicon01:hover {
                background-color: #5a70bd;
            }

            .quickbtn_area > a > span.qicon01 > i {
                margin: 5px auto;
                display: block;
                width: 19px;
                height: 19px;
                margin-top: 6px;
                background: url('./../Images/main_new/icon_list.png') -24px 0 no-repeat;
            }

        .quickbtn_area > a > span.qicon02 {
            background-color: #2763ba;
        }

            .quickbtn_area > a > span.qicon02:hover {
                background-color: #2256a2;
            }

            .quickbtn_area > a > span.qicon02 > i {
                margin: 5px auto;
                display: block;
                width: 19px;
                height: 19px;
                margin-top: 6px;
                background: url('./../Images/main_new/icon_list.png') -44px 0 no-repeat;
            }

        .quickbtn_area > a > span.qicon03 {
            background-color: #4173ab;
        }

            .quickbtn_area > a > span.qicon03:hover {
                background-color: #345f8f;
            }

            .quickbtn_area > a > span.qicon03 > i {
                margin: 5px auto;
                display: block;
                width: 19px;
                height: 19px;
                margin-top: 6px;
                background: url('./../Images/main_new/icon_list.png') -64px 0 no-repeat;
            }

.my_frofile {
    text-align: center;
    margin-bottom: 10px;
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
}

    .my_frofile > a > img {
        width: 55px;
        height: 55px;
    }

.f_name {
    font-weight: bold;
}

.my_area {
    padding: 0;
    background-color: #f9f9f9;
}

    .my_area > h3 {
        background-color: #f0f0f0;
        color: #474747;
        font-size: 18px;
        letter-spacing: -0.4px;
        font-family: "Malgun Gothic","Apple Gothic", sans-serif;
        margin-top: 0;
        padding: 10px 20px;
        font-weight: 200;
    }

.my_info {
    display: inline-block;
}

    .my_info li {
        list-style: none;
        float: left;
        margin-right: 50px;
        margin: 3px 0 3px 0 !important;
    }

        .my_info li > dl {
            display: table;
            padding: 0;
            margin: 0;
        }

    .my_info > li:nth-child(1), .my_info > li:nth-child(3) {
        width: 250px;
    }

    .my_info li > dl > dt {
        font-size: 13px;
        font-weight: bold;
        padding-right: 10px;
        width: 100px;
    }

    .my_info li > dl > dd {
        font-size: 13px;
        letter-spacing: -0.5px;
    }

    .my_info li > dl > dt, .my_info li > dl > dd {
        float: left;
        display: table-cell;
    }

.user_lg {
    font-size: 12px;
    color: #737373;
}

.user_nm {
    color: #878c9c;
    font-weight: bold;
}
/*
    .mainConArea {position:relative; width:100%; overflow:hidden; background:url('./../Images/main_new/bg_Ogj.png')38% 85% no-repeat;}
*/
.mainConArea {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.mainCol01 {
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fff;
}

    .mainCol01 > h3 {
        background-color: #f5f5f5;
        font-size: 15px;
        letter-spacing: 0;
        font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
        margin-top: 0;
        padding: 10px 20px;
        font-weight: 600;
    }

.mainCol02 {
    border: 1px solid #dfdfdf;
    background-color: #f5f5f5;
}

    .mainCol02 > h3 {
        background-color: #f5f5f5;
        font-size: 15px;
        letter-spacing: 0;
        font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
        margin: 0;
        padding: 10px 20px;
        font-weight: 600;
    }

.mainCol03 {
    border: 1px solid #dfdfdf;
    -moz-border-radius: 21px; /*모질라*/
    -webkit-border-radius: 21px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 21px;
    height: auto;
}

    .mainCol03 > h3 {
        background-color: #f5f5f5;
        -moz-border-radius: 21px 21px 0 0; /*모질라*/
        -webkit-border-radius: 21px 21px 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
        border-radius: 21px 21px 0 0;
        font-size: 15px;
        letter-spacing: 0;
        font-family: "Malgun Gothic";
        margin-top: 0;
        padding: 10px 20px;
        font-weight: 600;
    }
.mainChart01 {position: relative;margin: 0 auto;padding: 10px;overflow: hidden;max-width: 96%; border:1px solid #fff;}
.mainChart01 > li {list-style: none;}
.mainChart01 > li.chart-container{ position: relative;margin: 0 auto;height: 380px;}
/*
.mainChart02 {margin:0 auto; padding:20px 10px;}
.mainChart02 > li{list-style:none; height:300px;}
.mainChart02 > li > div{width: 90%; height:350px; margin:0 auto; overflow-y:auto;}
.mainChart02 > li > canvas {max-width:850px; width:100%; height:inherit; display:inline-block; margin:0 auto;} 
*/
.mainChart03 {
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
}

    .mainChart03 > li {
        list-style: none;
    }

        .mainChart03 > li.chart-container {
            position: relative;
            margin: 0 auto;
            height: 700px;
        }

.mainChart04 {
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
}

    .mainChart04 > li {
        list-style: none;
    }

        .mainChart04 > li.chart-container {
            position: relative;
            margin: auto;
            height: 380px;
            width: 90vw;
        }

.chartT > table {
    width: 100%;
}

    .chartT > table th {
        color: #949494;
        text-align: center;
        padding: 5px 0;
    }

    .chartT > table tr:nth-child(even) {
        background-color: #f7f7f7;
    }

    .chartT > table td {
        padding: 2px 5px;
    }

        .chartT > table td:nth-child(n+2) {
            text-align: center;
        }

.chartT01 > table {
    width: 100%;
}

    .chartT01 > table th {
        color: #949494;
        text-align: center;
        padding: 5px 0;
    }

    .chartT01 > table tr:nth-child(odd) {
        background-color: #fff;
    }

    .chartT01 > table tr:nth-child(even) {
        background-color: #f7f7f7;
    }

    .chartT01 > table td {
        padding: 5px 5px;
    }

        .chartT01 > table td:nth-child(n+2) {
            text-align: center;
        }

.chartT03 > table {
    width: 100%;
}

    .chartT03 > table th {
        color: #949494;
        background-color: #fcfcfc;
        text-align: center;
        padding: 5px 0;
        border-bottom: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
    }

    .chartT03 > table tr:first-child {
        border-top: 1px solid #eaeaea;
    }

    .chartT03 > table tr {
        border-bottom: 1px solid #eaeaea;
    }

    .chartT03 > table th:last-child {
        border-right: none;
    }

    .chartT03 > table td {
        padding: 2px 5px;
    }

        .chartT03 > table td:nth-child(n+2) {
            text-align: center;
        }

.tbBtn {
    padding: 2px 10px;
    -moz-border-radius: 10px; /*모질라*/
    -webkit-border-radius: 10px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 10px;
}

.mainCol04 {
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    width: 33.33%;
    float: left;
}

    .mainCol04:nth-child(3), .mainCol04:nth-child(6) {
        border-right: 1px solid #dfdfdf;
    }

    .mainCol04:nth-child(n+4) {
        border-bottom: 1px solid #dfdfdf;
    }

    .mainCol04 > h3 {
        font-size: 15px;
        letter-spacing: 0;
        font-family: "Malgun Gothic";
        margin-top: 0;
        padding: 10px 20px;
        font-weight: 600;
    }

.charTxt {
    font-size: 14px;
    color: #0c98c4;
    font-weight: bold;
}

.mainCol04 > ol > li {
    margin: 10px;
}

/*서일대학교 시작*/
.mainCol05 {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    border: 1px solid #dfdfdf;
    -moz-border-radius: 5px; /*모질라*/
    -webkit-border-radius: 5px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 5px;
    background-color: #fff;
}

    .mainCol05 > h3 {
        -moz-border-radius: 5px 5px 0 0; /*모질라*/
        -webkit-border-radius: 5px 5px 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
        border-radius: 5px 5px 0 0;
        font-size: 15px;
        letter-spacing: 0;
        font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
        margin-top: 0;
        padding: 20px 20px;
        font-weight: 600;
    }

        .mainCol05 > h3.greenH3 {
            background-color: #9fc939;
            color: #fff;
            -moz-border-radius: 5px 5px 0 0; /*모질라*/
            -webkit-border-radius: 5px 5px 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
            border-radius: 5px 5px 0 0;
            font-size: 15px;
            letter-spacing: 0;
            font-family: "Malgun Gothic";
            margin-top: 0;
            padding: 20px 20px;
            font-weight: 600;
        }

        .mainCol05 > h3.bgVioletBtn {
            text-decoration: none;
            display: inline-block;
            width: 100%;
            -moz-border-radius: 0 0 15px 15px; /*모질라*/
            -webkit-border-radius: 0 0 15px 15px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
            border-radius: 0 0 15px 15px;
            background: url('../../Common/images/bg02.png')#627ad0 0 0 repeat;
            color: #fff;
            padding: 15px 20px;
        }

        .mainCol05 > h3.bgViolet03Btn {
            text-decoration: none;
            display: inline-block;
            width: 100%;
            background: url('../../Common/images/bg02.png')#627ad0 0 0 repeat;
            color: #fff;
            padding: 15px 20px;
            cursor: pointer;
        }

        .mainCol05 > h3.bgBlue03Btn {
            text-decoration: none;
            display: inline-block;
            width: 100%;
            background: url('../../Common/images/bg02.png')#12b9ef 0 0 repeat;
            color: #fff;
            padding: 15px 20px;
            cursor: pointer;
        }

        .mainCol05 > h3.bgSkyblue02Btn {
            text-decoration: none;
            display: inline-block;
            width: 100%;
            background: url('../../Common/Images/bg02.png')#4d87ef 0 0 repeat;
            color: #fff;
            padding: 15px 20px;
            cursor: pointer;
        }


    .mainCol05 > ol > li {
        height: 200px;
        text-align: center;
        font-size: 12px;
    }

        .mainCol05 > ol > li.jidanp {
            height: auto;
            min-height: 200px;
            padding-bottom: 10px;
            text-align: center;
            font-size: 12px;
        }

    .mainCol05.bgViolet {
        background-color: #fff;
        color: #000;
    }

    .mainCol05.bgBlue01 {
        background-color: #FFF;
        color: #000;
    }

    .mainCol05.bgSkyblue {
        background-color: #fff;
        color: #000;
    }

.bgVioletBtn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 15px 15px; /*모질라*/
    -webkit-border-radius: 0 0 15px 15px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 15px 15px;
    background: url('../../Common/images/bg02.png')#627ad0 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.bgViolet01Btn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 0 15px; /*모질라*/
    -webkit-border-radius: 0 0 0 15px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 0 15px;
    background: url('../../Common/images/bg02.png')#6d88ea 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.bgViolet02Btn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 15px 0; /*모질라*/
    -webkit-border-radius: 0 0 15px 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 15px 0;
    background: url('../../Common/images/bg02.png')#7283f7 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.bgBlue01Btn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 15px 15px; /*모질라*/
    -webkit-border-radius: 0 0 15px 15px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 15px 15px;
    background: url('../../Common/images/bg02.png')#4d87ef 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.bgBlue02Btn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 0 0; /*모질라*/
    -webkit-border-radius: 0 0 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 0 0;
    background: url('../../Common/Images/bg02.png')#4d87ef 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.bgSkyblueBtn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 15px 15px; /*모질라*/
    -webkit-border-radius: 0 0 15px 15px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 15px 15px;
    background: url('../../Common/images/bg02.png')#12b9ef 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.bgSkyblue01Btn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 15px 0; /*모질라*/
    -webkit-border-radius: 0 0 15px 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 15px 0;
    background: url('../../Common/images/bg02.png')#12b9ef 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.bgRedBtn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 15px 0; /*모질라*/
    -webkit-border-radius: 0 0 15px 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 15px 0;
    background: url('../../Common/images/bg02.png')#f67057 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.bgGreenBtn {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -moz-border-radius: 0 0 15px 0; /*모질라*/
    -webkit-border-radius: 0 0 15px 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 0 0 15px 0;
    background: url('../../Common/images/bg02.png')#64b636 0 0 repeat;
    color: #fff;
    padding: 15px 20px;
}

.mainCol05 a:hover, .mainCol05 a:focus, .mainCol05_1 a:hover, .mainCol05_1 a:focus {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.mainCol05 a, .mainCol05_1 a {
    font-size: 14px;
}

.mainCol05_1 {
    position: relative;
    overflow: hidden;
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    border: 1px solid #dfdfdf;
    -moz-border-radius: 15px; /*모질라*/
    -webkit-border-radius: 15px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 15px;
}

.mainCol05_1 > div.borderRno{border-right:none;}
.mainCol05_1 > div.borderLno{border-left:none;}


    .mainCol05_1 > h3 {
        background-color: #f7f7f7;
        -moz-border-radius: 15px 15px 0 0; /*모질라*/
        -webkit-border-radius: 15px 15px 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
        border-radius: 15px 15px 0 0;
        font-size: 15px;
        letter-spacing: 0;
        font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
        margin: 0;
        padding: 20px 20px;
        font-weight: 600;
    }

.mainCol05_1 > div {display: inline-block; position: relative; font-size: 12px; border-right: 1px solid #dcdcdc; padding: 0; margin: 0;}
.mainCol05_1 > div:last-child {border-right: none;}

        .mainCol05_1 > div > h4 {
            font-size: 15px;
            letter-spacing: 0;
            margin-top: 0;
            padding: 10px 20px;
            font-weight: 600;
            border-top: 1px solid #efefef;
            border-bottom: 1px solid #efefef;
        }

            .mainCol05_1 > div > h4.bgViolet03Btn {
                text-decoration: none;
                display: inline-block;
                width: 100%;
                background: url('../../Common/images/bg02.png')#627ad0 0 0 repeat;
                color: #fff;
                padding: 15px 20px;
                cursor: pointer;
            }

            .mainCol05_1 > div > h4.bgSkyblue02Btn {
                text-decoration: none;
                display: inline-block;
                width: 100%;
                background: url('../../Common/images/bg02.png')#12b9ef 0 0 repeat;
                color: #fff;
                padding: 15px 20px;
                cursor: pointer;
            }

            .mainCol05_1 > div > h4.bgBlue03Btn {
                text-decoration: none;
                display: inline-block;
                width: 100%;
                background: url('../../Common/Images/bg02.png')#4d87ef 0 0 repeat;
                color: #fff;
                padding: 15px 20px;
                cursor: pointer;
            }

                .mainCol05_1 > div > h4.bgViolet03Btn:hover, .mainCol05_1 > div > h4.bgSkyblue02Btn:hover, .mainCol05_1 > div > h4.bgBlue03Btn:hover {
                    color: #fff;
                }

.mainCol06_1 {font-family: "Malgun Gothic", 'Apple Gothic',sans-serif; border: 1px solid #dfdfdf;padding: 10px 0 0 0;display: inline-block;width: 100%;}
.mainCol06_1 > ol {border-top: 1px dotted #8f8f8f;}
.mainCol06_1 > ol > li {padding: 10px;font-size: 13px; text-align: left;}

            .mainCol06_1 > ol > li > ul, .mainCol06_1 > ol > li > li {
                list-style: none;
                padding: 0;
            }

                .mainCol06_1 > ol > li > ul:last-child {
                    border-bottom: none;
                }

            .mainCol06_1 > ol > li > ul {
                width: 100%;
                overflow: hidden;
            }

                .mainCol06_1 > ol > li > ul > li {
                    display: block;
                    color: #000;
                    line-height: 140%;
                }

                    .mainCol06_1 > ol > li > ul > li > span {
                        color: #b0b0b1;
                    }

                    .mainCol06_1 > ol > li > ul > li:nth-child(1) {
                        float: left;
                        width: 60%;
                        margin: 5px 0 5px 25px;
                        text-indent: -15px;
                    }

                    .mainCol06_1 > ol > li > ul > li:nth-child(2) {
                        float: right;
                        width: 30%;
                        margin: 5px 15px 5px 0;
                    }

                        .mainCol06_1 > ol > li > ul > li:nth-child(2) > .progress {
                            width: 80%;
                            float: left;
                            margin-right: 10px;
                            margin-bottom: 0;
                        }

.mainCol06 {font-family: "Malgun Gothic", 'Apple Gothic',sans-serif; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; -moz-border-radius:0; /*모질라*/ -webkit-border-radius: 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/border-radius: 0;}
.mainCol06 > h3 { -moz-border-radius: 5px 5px 0 0; /*모질라*/  -webkit-border-radius: 5px 5px 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/border-radius: 5px 5px 0 0; background-color: #eff0f2; font-size: 15px;letter-spacing: 0;
        margin-top: 0; padding: 18px 20px; font-weight: 600;}
.mainCol06 > ol > li { padding:0 0; font-size: 12px; height:60px; width:100%;}

        .mainCol06 > ol > li > ul, .mainCol06 > ol > li > li {
            list-style: none;
            padding: 0;
        }

            .mainCol06 > ol > li > ul:last-child {
                border-bottom: none;
            }

        .mainCol06 > ol > li > ul {
            border-bottom: 1px dotted #8f8f8f;
            width: 100%;
            overflow: hidden;
        }

            .mainCol06 > ol > li > ul > li {
                display: block;
                color: #1d6bad;
                line-height: 140%;
            }

                .mainCol06 > ol > li > ul > li > span {
                    color: #b0b0b1;
                }

                .mainCol06 > ol > li > ul > li:nth-child(1) {
                    float: left;
                    width: 50%;
                    margin: 5px 0 5px 15px;
                }

                .mainCol06 > ol > li > ul > li:nth-child(2) {
                    float: right;
                    width: 36%;
                    margin: 15px 15px 5px 0;
                }

.mainCol07 {
    border: 1px solid #dfdfdf;
    -moz-border-radius: 5px; /*모질라*/
    -webkit-border-radius: 5px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 5px;
}

    .mainCol07 > h3 {
        -moz-border-radius: 5px 5px 0 0; /*모질라*/
        -webkit-border-radius: 5px 5px 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
        border-radius: 5px 5px 0 0;
        background-color: #2e4954;
        color: #fff;
        font-size: 15px;
        letter-spacing: 0;
        font-family: "Malgun Gothic";
        margin-top: 0;
        padding: 18px 20px;
        font-weight: 600;
    }

    .mainCol07 > ol > li {
        padding: 10px 0;
        font-size: 12px;
    }

        .mainCol07 > ol > li > ul, .mainCol07 > ol > li > li {
            list-style: none;
            padding: 0;
        }

            .mainCol07 > ol > li > ul:last-child {
                border-bottom: none;
            }

        .mainCol07 > ol > li > ul {
            border-bottom: 1px dotted #8f8f8f;
            width: 100%;
            overflow: hidden;
        }

            .mainCol07 > ol > li > ul > li {
                display: block;
                width: 100%;
                color: #1d6bad;
                line-height: 140%;
                padding: 5px 15px;
            }

.box01 {
    border: 1px solid #d7d7d7;
    color: #737373;
    font-size: 13px;
    padding: 10px;
}

span.bodDate {
    display: block;
    float: right;
    font-size: 13px;
    color: #b0b0b1;
}

.mainCol05_1 i, .mainCol07 i {
    display: block;
    float: left;
}

i.bordIcon01 {
    width: 13px;
    height: 16px;
    background: url('../../Common/images/chartIcon_list.png') 0px 3px no-repeat;
    margin-right: 5px;
}

i.bordIcon02 {
    width: 15px;
    height: 16px;
    background: url('../../Common/images/chartIcon_list.png') -16px 3px no-repeat;
    margin-right: 5px;
}

i.bordIcon03 {
    width: 12px;
    height: 16px;
    background: url('../../Common/images/chartIcon_list.png') -34px 3px no-repeat;
    margin-right: 5px;
}

i.bordIcon04 {
    width: 12px;
    height: 16px;
    background: url('../../Common/images/chartIcon_list.png') 0px -11px no-repeat;
    margin-right: 5px;
}

.moreff {
    display: block;
    float: right;
    width: 10px;
    height: 16px;
    background: url('../../Common/images/more.png') 0 3px no-repeat;
}

.graphLeft {
    position: relative;
    float: left;
    padding: 0 20px;
    width: 45%;
}

    .graphLeft > dl > dt {
        font-weight: normal;
        margin-bottom: 2px;
    }

    .graphLeft > dl > dd.progress {
        width: 150px;
        margin-bottom: 10px;
    }

.graphLeft02 {
    position: relative;
    float: left;
    padding: 4% 0;
    width: 48%;
    text-align: center;
}

    .graphLeft02 > div {
        margin: 0 auto;
    }

.graphRight02 {
    position: relative;
    float: right;
    padding: 4% 2%;
    width: 48%;
    border-left: 1px dotted #8f8f8f;
}

.graphLeft02 > div {
    margin: 0 auto;
}

.bargraph_01 > dl {
    float: left;
    text-align: left;
}

    .bargraph_01 > dl > dt {
        font-weight: normal;
        margin-bottom: 2px;
    }

    .bargraph_01 > dl > dd.progress {
        width: 150px;
        margin-bottom: 10px;
        padding: 0 !important;
    }

.graphRight {
    position: relative;
    float: right;
    padding: 8% 0;
    width: 45%;
    text-align: center;
    border-left: 1px dotted #8f8f8f;
    margin: 2px 0 10px 0;
}

    .graphRight > div {
        margin: 0 auto;
    }

@media all and (max-width:420px) {
    .graphLeft02 {
        width: 100%;
        position: absolute;
    }

    .graphRight02 {
        float: left;
        margin-top: 150px;
        width: 100%;
        border-top: 1px dotted #8f8f8f;
        border-left: none;
    }

    .mainCol05 > ol > li.jidanp {
        height: auto;
        text-align: center;
        font-size: 12px;
    }
}


/**/
.tabClose {
    font-size: 11px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px; /*모질라*/
    -webkit-border-radius: 4px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
}

    .tabClose > span {
        width: 12px;
        height: 14px;
        background: url('../../Common/images/img_del04.png') 0 1px no-repeat;
        float: left
    }

    .tabClose:hover {
        background-color: #eeeeee;
    }

.timeLineWrap {
    position: relative;
    width: 100%;
    padding: 10px 0;
}

    .timeLineWrap ul, li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .timeLineWrap div {
        overflow: hidden;
    }

        .timeLineWrap div > ul {
            position: relative;
            display: inline-block;
            width: 100%;
            min-height: 100%;
            margin: 5px auto 10px auto;
        }

            .timeLineWrap div > ul::after {
                content: "";
                display: block;
                background: url('../../Common/images/arrow01.png') 0 0 no-repeat;
                position: absolute;
                left: 45%;
                bottom: -20px;
                width: 18px;
                height: 18px;
            }

            .timeLineWrap div > ul:last-child::after {
                display: none;
                border: 1px solid red;
            }

            .timeLineWrap div > ul > li {
                float: left;
            }

        .timeLineWrap div > a {
            display: block;
            width: 38px;
            height: 35px;
            background: url('../../Common/images/arrow.png') 40% bottom no-repeat;
            margin: 10px auto;
        }

            .timeLineWrap div > a:hover {
                background: url('../../Common/Images/arrow_on.png') 40% bottom no-repeat;
            }

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

    .stepBox > em {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 70px;
        height: 70px;
        border-radius: 0 10px 0 10px;
        color: #fff;
        text-align: center;
        font-style: normal;
        font-size: 15px;
        padding: 0;
        margin-top: 10px;
    }

        .stepBox > em > span {
            padding-top: 12px;
        }

        .stepBox > em.complete {
            background-color: #288ce6; /*ab93eb 6e79e8*/
        }

        .stepBox > em.writing {
            background-color: #eaa40e;
        }

        .stepBox > em.unwritten {
            background-color: #f5676a;
        }

        .stepBox > em.noWrite {
            background-color: #2e4954;
        }

        .stepBox > em.complete > span {
            display: block;
            width: 20px;
            height: 30px;
            background: url('../../Common/images/timelineIcon_list.png') 0 10px no-repeat;
            margin: 0 auto;
        }

        .stepBox > em.writing > span {
            display: block;
            width: 20px;
            height: 30px;
            background: url('../../Common/images/timelineIcon_list.png') -20px 10px no-repeat;
            margin: 0 auto;
        }

        .stepBox > em.unwritten > span {
            display: block;
            width: 20px;
            height: 30px;
            background: url('../../Common/images/timelineIcon_list.png') -40px 10px no-repeat;
            margin: 0 auto;
        }

        .stepBox > em.noWrite > span {
            display: block;
            width: 20px;
            height: 30px;
            background: url('../../Common/images/timelineIcon_list.png') 0 10px no-repeat;
            margin: 0 auto;
        }
/*.stepBox > em.noWrite > span{display:block; width:20px; height:30px; background:url('../../Common/images/timelineIcon_list.png') -40px 10px no-repeat; margin:0 auto;}*/
.stepListBox {
    font-size: 13px;
    display: inline-block;
    position: relative;
    width: 85%;
    word-spacing: 1pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stepListBox {
    background-color: #f4f5f5;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
}

    .stepListBox > p {
        padding: 5px 15px;
        margin: 5px 0;
        border-radius: 0 10px 0 10px;
        font-weight: bold;
    }

        .stepListBox > p.complete {
            background: url('../../Common/images/bg02.png')#288ce6 0 0 repeat;
            color: #fff;
        }

        .stepListBox > p.writing {
            background: url('../../Common/images/bg02.png')#eaa40e 0 0 repeat;
            color: #fff;
        }

        .stepListBox > p.unwritten {
            background: url('../../Common/images/bg02.png')#f5676a 0 0 repeat;
            color: #fff;
        }

        .stepListBox > p.noWrite {
            background: url('../../Common/images/bg02.png')#2e4954 0 0 repeat;
            color: #fff;
        }

        .stepListBox > p.stepTit_s {
            padding: 10px 10px !important;
            cursor: pointer;
        }

            .stepListBox > p.stepTit_s:hover { /*color:#99f7fc;*/
                color: #9ff5ff;
            }
/*.stepListBox > .stepTit {
        background-color: #3b7abd;
        padding: 5px 20px;
        border-radius: 5px;
        color: #fff;
        margin: 5px 0;
    }
        
    .stepListBox > .stepTit_s {
        background-color: #2fbcf3;
        padding: 10px 20px;
        border-radius: 5px;
        color: #fff;
        margin: 25px 0 0 0;
    }
*/


.stepList {
    display: inline-block;
    width: 100%;
    border: 1px solid #d8d8d8;
}

    .stepList > li {
        padding: 5px 10px;
        border-top: 1px dotted #909090;
        cursor: pointer;
    }

        .stepList > li:hover { /*color:#00aeff;*/
            font-weight: bold;
            letter-spacing: -0.1px;
        }

        .stepList > li:first-child {
            border-top: none;
        }

        .stepList > li.complete {
            background-color: #dfdfdf;
        }

        .stepList > li.writing {
            background-color: #fff;
        }

        .stepList > li.unwritten {
            background-color: #f5f8ff;
        }

        .stepList > li.noWrite {
            background-color: #dfdfdf;
        }

        .stepList > li.complete > em {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url('../../Common/images/stepIcon_s.png')0 0 no-repeat;
            margin-right: 6px;
        }

        .stepList > li.writing > em {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url('../../Common/images/stepIcon_s.png') -13px 0px no-repeat;
            margin-right: 6px;
        }

        .stepList > li.unwritten > em {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url('../../Common/images/stepIcon_s.png')-26px 0px no-repeat;
            margin-right: 6px;
        }

        .stepList > li.noWrite > em {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url('../../Common/images/stepIcon_s.png')0 0 no-repeat;
            margin-right: 6px;
        }

        .stepList > li.complete:hover > em {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url('../../Common/images/stepIcon_s_on.png')0 0 no-repeat;
            margin-right: 6px;
        }

        .stepList > li.writing:hover > em {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url('../../Common/images/stepIcon_s_on.png') -13px 0px no-repeat;
            margin-right: 6px;
        }

        .stepList > li.unwritten:hover > em {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url('../../Common/images/stepIcon_s_on.png')-26px 0px no-repeat;
            margin-right: 6px;
        }

        .stepList > li.noWrite:hover > em {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url('../../Common/images/stepIcon_s_on.png') 0 0 no-repeat;
            margin-right: 6px;
        }

.jdefineArea {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .jdefineArea > .jobTit > span {
        font-family: 'Nanum Gothic', sans-serif;
        display: inline-block;
        background-color: #5989e4;
        font-size: 15px;
        padding: 10px 20px;
        color: #fff;
        letter-spacing: -0.3px;
        font-weight: bold;
        margin: 5px 0;
        border-radius: 10px;
        -moz-border-radius: 10px; /*모질라*/
        -webkit-border-radius: 10px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    }

    .jdefineArea > .btnArea03 {
        padding: 10px 10px 15px 5px;
        border-bottom: 1px dotted #adadb3;
    }

table.tb_07 {
    font-family: 'Nanum Gothic', sans-serif !important;
    font-size: 13px;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #cacbd3;
    border-left: 1px solid #cacbd3;
    border-right: 1px solid #cacbd3;
    margin-bottom: 5px;
}

    table.tb_07 > thead > tr > th {
        color: #fff !important;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        font-size: 13px;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        padding: 5px 15px !important;
        text-align: left !important;
    }

        table.tb_07 > thead > tr > th:first-child {
            background-color: #bac2d5;
        }

        table.tb_07 > thead > tr > th:last-child {
            background-color: #9fa7b8;
        }

    table.tb_07 > tbody > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #f5f5f5;
        padding: 5px !important;
    }

    table.tb_07 > tbody > tr > td {
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        line-height: 18px;
        padding: 5px 10px !important;
        color: #5f5f5f;
        font-weight: normal;
        text-align: left !important;
    }

    table.tb_07 div.form-inline {
        display: inline-block;
        width: 100%;
    }

        table.tb_07 div.form-inline > div.form_left {
            width: 25%;
            float: left;
        }

        table.tb_07 div.form-inline > div.form_right {
            width: 73%;
            float: right;
            display: inline-block;
        }

        table.tb_07 div.form-inline > div.form_left > div {
            padding-top: 10px;
            cursor: pointer;
        }

            table.tb_07 div.form-inline > div.form_left > div > label {
                font-family: 'Nanum Gothic', sans-serif;
                font-size: 15px;
                letter-spacing: -0.5px;
                font-weight: bold;
                color: #000;
                vertical-align: middle;
            }

            table.tb_07 div.form-inline > div.form_left > div > img {
                vertical-align: middle;
                opacity: 0.8;
            }

                table.tb_07 div.form-inline > div.form_left > div > img:hover {
                    vertical-align: middle;
                    opacity: 1;
                }

        table.tb_07 div.form-inline > div.form_right textarea {
            width: 99%;
            height: auto;
        }

    table.tb_07 > tbody > tr > td:last-child {
        padding-bottom: 10px;
    }

        table.tb_07 > tbody > tr > td:last-child > div {
            margin-bottom: 5px;
        }

.penggaArea {
}

.pengTit {
    font-family: 'Nanum Gothic', sans-serif;
    background-color: #7aa5fe;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

.pengDate {
}

    .pengDate > div > table {
        font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
        font-size: 12px;
        line-height: normal;
        border: 1px solid #d8d8d8;
    }

        .pengDate > div > table > tbody > tr > th {
            background-color: #f6f6f6;
            text-align: center;
            font-weight: bold;
            padding: 10px 0;
            color: #5978b8;
        }

        .pengDate > div > table > tbody > tr > td {
            background-color: #d2d2d2;
            text-align: center;
            font-weight: bold;
        }

            .pengDate > div > table > tbody > tr > td > input {
                background-color: #d2d2d2 !important;
                border: none;
                border: 0
            }

.pengTit_s {
    background-color: #f6f6f6;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    color: #5978b8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8
}

    .pengTit_s a, .pengTit_s a:hover {
        color: #5978b8;
    }

.pengTable > table {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
}

    .pengTable > table > tbody > tr > td {
        padding: 5px;
        border-bottom: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }

        .pengTable > table > tbody > tr > td:first-child {
            border-left: 1px solid #d8d8d8;
        }

.pengTable02 {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    border: 1px solid #cacbd3;
}

    .pengTable02 tbody > tr.pengrow01, .pengTable02 tbody > tr.pengrow02, .pengTable02 tbody > tr.pengrow03 {
        border-bottom: 1px solid #cacbd3;
    }
        /*.pengTable02 tbody > tr.pengrow01 > td:nth-child(1){background-color:#bac2d5; color:#fff; text-align:center; font-weight:bold; border-right:1px solid #cacbd3; }
.pengTable02 tbody > tr.pengrow01 > td:nth-child(2){background-color:#e1eafe; padding-left:10px; border-right:1px solid #cacbd3;}
.pengTable02 tbody > tr.pengrow01 > td:nth-child(3){background-color:#f5f5f5; color:#5f5f5f; text-align:center; font-weight:bold; vertical-align:middle; }
.pengTable02 tbody > tr.pengrow02 > td:nth-child(1){background-color:#f5f5f5; color:#5f5f5f; text-align:center; font-weight:bold; border-right:1px solid #cacbd3;}
.pengTable02 tbody > tr.pengrow02 > td:nth-child(2){border-right:1px solid #cacbd3;}
*/
        .pengTable02 tbody > tr.pengrow01 > td, .pengTable02 tbody > tr.pengrow02 > td {
            padding-top: 5px;
        }

            .pengTable02 tbody > tr.pengrow01 > td.pengcol01_tit {
                background-color: #bac2d5;
                color: #fff;
                text-align: center;
                font-weight: bold;
                border-right: 1px solid #cacbd3;
                vertical-align: middle;
            }

            .pengTable02 tbody > tr.pengrow01 > td.pengcol01 {
                background-color: #e1eafe;
                padding-left: 10px;
                border-right: 1px solid #cacbd3;
                vertical-align: middle;
            }

            .pengTable02 tbody > tr.pengrow01 > td.pengcol01_sum {
                background-color: #f5f5f5;
                color: #5f5f5f;
                text-align: center;
                font-weight: bold;
                vertical-align: middle;
            }

            .pengTable02 tbody > tr.pengrow02 > td.pengcol02_tit {
                background-color: #f5f5f5;
                color: #5f5f5f;
                text-align: center;
                font-weight: bold;
                border-right: 1px solid #cacbd3;
                vertical-align: middle;
            }

            .pengTable02 tbody > tr.pengrow02 > td.pengcol02 {
                border-right: 1px solid #cacbd3;
                text-align: center;
                vertical-align: middle;
            }

            .pengTable02 tbody > tr.pengrow02 > td.pengcol02_sum {
                border-right: 1px solid #cacbd3;
                text-align: center;
                vertical-align: middle;
            }

        .pengTable02 tbody > tr.pengrow03 > td.pengcol03_tit {
            padding-top: 5px;
            background-color: #7aa5fe;
            text-align: center;
            color: #fff;
            border-right: 1px solid #cacbd3;
            vertical-align: middle !important;
        }

        .pengTable02 tbody > tr.pengrow03 > td.pengcol03_tit02 {
            padding-top: 5px;
            background-color: #7abefe;
            text-align: center;
            color: #fff;
            vertical-align: middle !important;
        }

        .pengTable02 tbody > tr.pengrow03 > td:nth-child(4) {
            border-right: 1px solid #cacbd3;
            vertical-align: middle !important;
        }


.timeBox {
    position: relative;
    width: 460px;
    padding: 15px 40px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

    .timeBox > div > h3 {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -1px;
        border-bottom: 1px dotted #cacaca;
        padding-bottom: 10px;
    }

    .timeBox > div.h4 {
        font-size: 14px;
        color: #727272;
        padding: 0 5px;
    }

        .timeBox > div.h4 > span {
            color: #0789d3;
        }

.timeBtnArea {
    display: block;
    margin-top: 30px;
    text-align: center;
}

    .timeBtnArea > ul {
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 70%;
    }

        .timeBtnArea > ul > li {
            display: block;
            float: left;
        }

.popTab01 {
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #dddbdb;
    margin-bottom: 10px;
}

    .popTab01 > li {
        display: block;
        float: left;
        margin: 0 1px;
        padding: 5px 10px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top: 1px solid #dddbdb;
        border-right: 1px solid #dddbdb;
        border-left: 1px solid #dddbdb;
    }

        .popTab01 > li:first-child {
        }

.txtTit03 > span {
    font-family: "Nanum Gothic",sans-serif;
    color: #3978d0;
    text-align: left;
    font-weight: 600;
    font-size: 20px !important;
    letter-spacing: -0.2px;
}
/**/
@media screen and (min-width:768px) and (max-width:1050px) {
    .graphLeft {
        width: 100%;
    }

        .graphLeft > dl > dd.progress {
            width: 200px;
        }

    .graphRight {
        width: 100%;
        border-left: none;
        border-top: 1px dotted #8f8f8f;
    }

    .timeLineWrap div > ul > li:last-child {
        width: 75%;
    }
}

@media screen and (max-width:767px) {
    .tb001 {
        padding-bottom: 100px;
    }

    .bgViolet01Btn {
        -moz-border-radius: 0 0 0 0; /*모질라*/
        -webkit-border-radius: 0 0 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
        border-radius: 0 0 0 0;
    }

    .timeLineWrap div > ul {
        background-color: #f4f5f5;
        margin: 10px 0 20px 0 !important;
    }

        .timeLineWrap div > ul > li {
            width: 100%;
        }

            .timeLineWrap div > ul > li:first-child {
                margin: 20px 0;
            }

    .stepBox > em {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100px !important;
        height: 100px !important;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-style: normal;
        font-size: 15px;
        padding: 0;
        margin-top: 10px;
    }

    .timeLineWrap div > ul::after {
        content: "";
        display: block;
        background: url('../../Common/images/arrow01.png') 0 0 no-repeat;
        position: absolute;
        left: 48% !important;
        bottom: -26px !important;
        width: 18px;
        height: 18px;
    }

    .stepBox > em > span {
        height: 46px !important;
        background-position-y: 26px !important;
    }

    table.tb_07 div.form-inline > div.form_left {
        width: 40% !important;
    }

    table.tb_07 div.form-inline > div.form_right {
        width: 58% !important;
    }

    .popTab01 {
        border-bottom: none;
    }

        .popTab01 > li {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
            border-top: 1px solid #dddbdb;
            border-bottom: 1px solid #dddbdb;
            border-left: 1px solid #dddbdb;
            border-right: 1px solid #dddbdb;
            margin: 1px;
        }
}



/* 서일대학교 끝*/

.more {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 15px;
    background: url('./../Images/main_new/icon_list.png') 0px bottom no-repeat;
    font-size: 0;
}

    .more > a {
        display: block;
        width: 10px;
        height: 10px;
    }

.s_more {
    display: inline-block;
    float: right;
    margin-top: 5px;
    width: 10px;
    height: 10px;
    background: url('./../Images/main_new/icon_list.png') -11px bottom no-repeat;
    font-size: 0;
}

    .s_more > a {
        display: block;
        width: 10px;
        height: 10px;
    }

.alarmArea {
    height: auto;
    min-height: 300px;
    max-height: 300px
}

.notice01 {
    margin: 0 18px 10px 18px;
}

    .notice01 > dt {
        color: #334577;
        font-size: 13px;
        border-bottom: 1px dotted #8b8c8c;
        padding: 5px 0;
    }

    .notice01 > dd {
        padding: 2px 0;
        overflow: hidden;
        font-size: 13px;
        font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
        letter-spacing: -0.5px;
    }

        .notice01 > dd > a {
            color: #000;
            float: left;
        }

.notice02 {
    padding: 0 18px;
}

    .notice02 > li {
        line-height: 24px;
        padding-left: 10px;
        position: relative;
        list-style: none;
        padding: 0;
        font-size: 13px;
        font-family: "dotum", "Gulim", 'Apple Gothic',sans-serif;
    }

        .notice02 > li .dt {
            position: absolute;
            right: 10px;
            top: 0;
            color: #646464;
        }

        .notice02 > li a {
            color: #646464;
        }

/*myhome*/
.icon-wh-ex01 {
    background: url('../Images/icon_wh_ex01.png') 6px 5px no-repeat;
    border: 1px solid red;
}

.f_skyBlue01 {
    color: #00aeef !important;
}

.btn_green01 { color: #fff; border: 1px solid #d8d7d7; background-color: #0aa2ac !important; }
.btn_green01:hover { color: #fff; border: 1px solid #d8d7d7; background-color: #098a92 !important; }

    .btn_green02:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #05a5b3 !important;
    }

.btn_blue01 {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #00aeef !important;
}

    .btn_blue01:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #049ed8 !important;
    }

.f_weight600 {
    font-weight: 600 !important;
}

.box_radius {
    -moz-border-radius: 5px; /*모질라*/
    -webkit-border-radius: 5px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 5px;
}

.my_box {
    border: 3px solid #00aeef;
}

.my_box01 {
    border: 1px solid #dcdcdc;
}

.mybox_area {
    padding: 20px 30px
}

.mybox_headArea {
    overflow: hidden;
}

.my_tit01 {
    font-size: 28px;
    letter-spacing: -1px;
    font-family: 'NanumSquare';
    margin-top: 0;
    padding: 20px 30px 10px 30px;
    font-weight: 500;
}

.my_boxIconBg {
    background: url('../Images/my_iconBg.png') right bottom no-repeat;
}

.my_txtEx {
    font-family: Dotum;
    font-size: 12px;
    color: #918c8c;
    padding: 10px 0;
}

.mybox_headArea > h3 {
    font-size: 24px;
    color: #353434;
    letter-spacing: -0.5px;
    font-family: 'NanumSquare';
    margin-top: 0;
    margin-right: 10px;
    font-weight: 600;
    padding-top: 10px;
}

.myH_icon_bg {
    background-color: #ededed;
    width: 45px;
    height: 45px;
    -moz-border-radius: 25px; /*모질라*/
    -webkit-border-radius: 25px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 25px;
}


.bl05 {
    background: url('../Images/bl04.gif')0 45% no-repeat;
    padding-left: 7px;
}

.bl06 {
    background: url('../Images/bl05.gif')0 45% no-repeat;
    padding-left: 7px;
}


.icon01 {
    background: url('./../Images/main_new/icon_list.png')0 0 no-repeat;
    width: 7px;
    height: 8px;
}

.alarm {
    background: url('./../Images/main_new/alarm.gif')0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
}

.circle_red {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #db3a55;
    text-align: center;
    color: #fff;
}

.circle_orange {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #f2a057;
    text-align: center;
    color: #fff;
}

.circle_yellow {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #f2ea57;
    text-align: center;
    color: #fff;
}

.scheduleArea {
    background: #fff;
    width: 98%;
    margin: 0 auto 10px auto;
}

    .scheduleArea > table {
        width: 100%;
        font-size: 13px;
        font-family: "dotum";
    }

    .scheduleArea thead th {
        padding: 10px 0;
        text-align: center;
        width: 15%;
        border-bottom: 1px solid #f5f5f5;
    }

        .scheduleArea thead th:first-child {
            width: 10%;
            border-bottom: none;
        }

    .scheduleArea tbody th {
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        color: #6f6f73;
        padding: 15px 0;
        border-right: 1px solid #f5f5f5;
    }

    .scheduleArea tbody td {
        border-bottom: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
    }

/*myhome*/
.box_radius {
    -moz-border-radius: 5px; /*모질라*/
    -webkit-border-radius: 5px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 5px;
}

.my_box {
    border: 3px solid #00aeef;
}

.my_box01 {
    border: 1px solid #dcdcdc;
}

.mybox_area {
    padding: 20px 30px
}

.mybox_headArea {
    overflow: hidden;
}

.mybox_headArea01 {
    display: inline-block;
}

.my_tit01 {
    font-size: 28px;
    letter-spacing: -1px;
    font-family: 'NanumSquare';
    margin-top: 0;
    padding: 20px 30px 10px 30px;
    font-weight: 500;
}

.my_boxIconBg {
    background: url('../Images/my_iconBg.png') right bottom no-repeat;
}

.my_txtEx {
    font-family: Dotum;
    font-size: 12px;
    color: #918c8c;
    padding: 10px 0;
}

.my_txtEx2 {
    font-family: Dotum;
    font-size: 12px;
    color: #918c8c;
}

.my_txtExBold {
    font-family: Dotum;
    font-size: 14px;
    font-weight: bold;
    color: #918c8c;
    padding: 10px 0;
}

.my_txtEx_btnArea {
    display: inline-block;
}

    .my_txtEx_btnArea > li {
        float: left;
    }

.mybox_headArea > h3, .mybox_headArea01 > h3 {
    font-size: 24px;
    color: #353434;
    letter-spacing: -0.5px;
    font-family: 'NanumSquare';
    margin-top: 0;
    margin-right: 10px;
    font-weight: 600;
    padding-top: 10px;
}

.myH_icon_bg {
    background-color: #ededed;
    width: 45px;
    height: 45px;
    -moz-border-radius: 25px; /*모질라*/
    -webkit-border-radius: 25px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
    border-radius: 25px;
}

.myH_icon01 {
    background: url('../Images/my_iconlist.png') 0 0 no-repeat;
    width: 28px;
    height: 29px;
    margin: 9px 10px;
}

.myH_icon02 {
    background: url('../Images/my_iconlist.png') -30px 0 no-repeat;
    width: 25px;
    height: 29px;
    margin: 8px 11px;
}

.myH_icon03 {
    background: url('../Images/my_iconlist.png') -57px 0 no-repeat;
    width: 28px;
    height: 29px;
    margin: 9px 10px;
}

.myH_icon04 {
    background: url('../Images/my_iconlist.png') -87px 0 no-repeat;
    width: 28px;
    height: 29px;
    margin: 9px 10px;
}

.main_sLink {
    position: relative;
    margin: 0 0 1px 2%;
    overflow: hidden;
}

    .main_sLink ul {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        float: left;
    }

        .main_sLink ul li {
            list-style: none;
            display: block;
            text-align: center;
            float: left;
        }

            .main_sLink ul li a {
                display: block;
                padding: 10px 15px;
            }

                .main_sLink ul li a:hover { /*background-color:#f5f5f5;*/
                }

                .main_sLink ul li a em {
                    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
                    font-size: 12px;
                    font-style: normal;
                    margin-bottom: 0;
                    font-weight: bold;
                    color: #000;
                    padding-top: 10px;
                    letter-spacing: -1px
                }

                .main_sLink ul li a > span {
                    display: block;
                    width: 51px;
                    height: 50px;
                    margin: 0 auto;
                    background: url('./../Images/main_new/main_IconList.png') no-repeat;
                }

    .main_sLink .main_sIcon01 span {
        background-position: 0 0;
    }

    .main_sLink .main_sIcon01:hover span {
        background-position: 0 -51px;
    }

    .main_sLink .main_sIcon01:hover em, .main_sLink .main_sIcon02:hover em, .main_sLink .main_sIcon03:hover em,
    .main_sLink .main_sIcon04:hover em, .main_sLink .main_sIcon05:hover em, .main_sLink .main_sIcon06:hover em,
    .main_sLink .main_sIcon07:hover em, .main_sLink .main_sIcon08:hover em {
        color: #30467a;
    }

    .main_sLink .main_sIcon02 span {
        background-position: -51px 0;
    }

    .main_sLink .main_sIcon02:hover span {
        background-position: -51px -51px;
    }

    .main_sLink .main_sIcon03 span {
        background-position: -102px 0;
    }

    .main_sLink .main_sIcon03:hover span {
        background-position: -102px -51px;
    }

    .main_sLink .main_sIcon04 span {
        background-position: -153px 0;
    }

    .main_sLink .main_sIcon04:hover span {
        background-position: -153px -51px;
    }

    .main_sLink .main_sIcon05 span {
        background-position: -204px 0;
    }

    .main_sLink .main_sIcon05:hover span {
        background-position: -204px -51px;
    }

    .main_sLink .main_sIcon06 span {
        background-position: -255px 0;
    }

    .main_sLink .main_sIcon06:hover span {
        background-position: -255px -51px;
    }

    .main_sLink .main_sIcon07 span {
        background-position: -306px 0;
    }

    .main_sLink .main_sIcon07:hover span {
        background-position: -306px -51px;
    }

    .main_sLink .main_sIcon08 span {
        background-position: -357px 0;
    }

    .main_sLink .main_sIcon08:hover span {
        background-position: -357px -51px;
    }

    .main_sLink .main_sIcon09 span {
        background-position: -408px 0;
    }

    .main_sLink .main_sIcon09:hover span {
        background-position: -408px -51px;
    }

    .main_sLink .main_sIcon10 span {
        background-position: -459px 0;
    }

    .main_sLink .main_sIcon10:hover span {
        background-position: -459px -51px;
    }

    .main_sLink .main_sIcon11 span {
        background-position: -510px 0;
    }

    .main_sLink .main_sIcon11:hover span {
        background-position: -510px -51px;
    }

    .main_sLink .main_sIcon12 span {
        background-position: -561px 0;
    }

    .main_sLink .main_sIcon12:hover span {
        background-position: -561px -51px;
    }

    .main_sLink .main_sIcon13 span {
        background-position: -612px 0;
    }

    .main_sLink .main_sIcon13:hover span {
        background-position: -612px -51px;
    }

    .main_sLink .main_sIcon14 span {
        background-position: -663px 0;
    }

    .main_sLink .main_sIcon14:hover span {
        background-position: -663px -51px;
    }
    .main_sLink .main_sIcon15 span {
        background-position: -714px 0;
    }

    .main_sLink .main_sIcon15:hover span {
        background-position: -714px -51px;
    }

.site_link {
    position: relative;
    width: 80%;
    margin: 2% auto;
}

    .site_link ul {
        display: table;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

        .site_link ul li {
            list-style: none;
            display: table-cell;
            vertical-align: middle;
            width: 20%;
            text-align: center;
        }

            .site_link ul li a {
                display: block;
                padding: 10px 0;
            }

                .site_link ul li a:hover { /*background-color:#f5f5f5;*/
                }

                .site_link ul li a em {
                    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
                    font-style: normal;
                    margin-bottom: 0;
                    font-weight: bold;
                    color: #000;
                    padding-top: 10px;
                }

                .site_link ul li a > span {
                    display: block;
                    width: 51px;
                    height: 50px;
                    margin: 0 auto;
                }

    .site_link .mainIcon01 span {
        background: url('./../Images/main_new/main_icon01.png')0 0 no-repeat;
    }

    .site_link .mainIcon01:hover span {
        background: url('./../Images/main_new/main_icon01_on.png')0 0 no-repeat;
    }

    .site_link .mainIcon01:hover em {
        color: #3d5d7f;
    }

    .site_link .mainIcon02 span {
        background: url('./../Images/main_new/main_icon02.png')0 0 no-repeat;
    }

    .site_link .mainIcon02:hover span {
        background: url('./../Images/main_new/main_icon02_on.png')0 0 no-repeat;
    }

    .site_link .mainIcon02:hover em {
        color: #528f9b;
    }

    .site_link .mainIcon03 span {
        background: url('./../Images/main_new/main_icon03.png')0 0 no-repeat;
    }

    .site_link .mainIcon03:hover span {
        background: url('./../Images/main_new/main_icon03_on.png')0 0 no-repeat;
    }

    .site_link .mainIcon03:hover em {
        color: #3561d3;
    }

    .site_link .mainIcon04 span {
        background: url('./../Images/main_new/main_icon04.png')0 0 no-repeat;
    }

    .site_link .mainIcon04:hover span {
        background: url('./../Images/main_new/main_icon04_on.png')0 0 no-repeat;
    }

    .site_link .mainIcon04:hover em {
        color: #f6821a;
    }

    .site_link .mainIcon05 span {
        background: url('./../Images/main_new/main_icon05.png')0 0 no-repeat;
    }

    .site_link .mainIcon05:hover span {
        background: url('./../Images/main_new/main_icon05_on.png')0 0 no-repeat;
    }

    .site_link .mainIcon05:hover em {
        color: #5b31ba;
    }

.scheduleArea tbody td {
    color: #fff;
    text-align: center;
}



#backButton {
    border-radius: 4px;
    padding: 8px;
    border: none;
    font-size: 16px;
    background-color: #2eacd1;
    color: white;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.invisible {
    display: none;
}

/*mainPage 끝*/


/*스케줄러*/
table.scheduler01 {
    width: 98%;
    border: 0;
}

table.scheduler01_top {
    border-top: 2px solid #a3a3a3;
    width: 100%;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

    table.scheduler01_top > tbody > tr > td {
        padding: 5px 0;
        text-align: center;
        border: 0;
        background-color: #f8f8f8;
        font-size: 13px;
    }

.scheduler01_mid > tbody > tr > td {
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
}


.scheduler01_mid_td {
    width: 98%;
}

    .scheduler01_mid_td > tbody > tr > td {
        width: 100%;
    }

    .scheduler01_mid_td > tbody > tr:first-child > td {
        color: #999999;
    }

.icon_hak01 {
    width: 22px;
    height: 24px;
    background: url('../../Common/css/Images/icon_hak.png') 0 0 no-repeat;
}

.icon_hak02 {
    width: 22px;
    height: 24px;
    background: url('../../Common/css/Images/icon_hak.png') -22px 0 no-repeat;
}

.icon_hak03 {
    width: 22px;
    height: 24px;
    background: url('../../Common/css/Images/icon_hak.png') -43px 0 no-repeat;
}

.icon_hak04 {
    width: 22px;
    height: 24px;
    background: url('../../Common/css/Images/icon_hak.png') -65px 0 no-repeat;
}

.icon_hak05 {
    width: 22px;
    height: 24px;
    background: url('../../Common/css/Images/icon_hak.png') -87px 0 no-repeat;
}

.icon_hak05_1 {
    width: 22px;
    height: 24px;
    background: url('../../Common/css/Images/icon_hak.png') -87px 0 no-repeat;
}

.icon_hak06 {
    width: 22px;
    height: 24px;
    background: url('../../Common/css/Images/icon_hak.png') -109px 0 no-repeat;
}

.icon_hak07 {
    width: 22px;
    height: 24px;
    background: url('../../Common/css/Images/icon_hak.png') -131px 0 no-repeat;
}

.icon_chul01 {
    width: 14px;
    height: 13px;
    background: url('../../Common/css/Images/icon_list01.png') 0 0 no-repeat;
}

.icon_chul02 {
    width: 14px;
    height: 13px;
    background: url('../../Common/css/Images/icon_list01.png') -15px 0 no-repeat;
}

.icon_chul03 {
    width: 14px;
    height: 13px;
    background: url('../../Common/css/Images/icon_list01.png') -30px 0 no-repeat;
}

/* input Box*/
table.tb_03 > tbody > tr > td > input {
    height: 26px;
    padding: 0 6px;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
}

table.tb_03 > tbody > tr > td > select {
    height: 26px;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
}

table.tb_07 > tbody > tr > td > input {
    height: 26px;
    padding: 0 6px;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
}

table.tb_07 > tbody > tr > td > select {
    height: 26px;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
}

table.tb_08 > tbody > tr > td > input {
    height: 26px;
    padding: 0 6px;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
}

table.tb_08 > tbody > tr > td > select {
    height: 26px;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
}

.s_select_ {
    height: 24px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
}

.s_select {
    height: 26px;
    padding: 0 0 0 5px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
}

.s_select01 {
    height: 26px;
    padding: 0 0 0 5px;
    vertical-align: middle;
    background-color: #cee2fe;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
}

.s_txt {
    height: 26px;
    padding: 0 6px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
}

.s_text {
    height: 26px !important;
    padding: 0 6px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
}

.s_text01 {
    height: 26px !important;
    padding: 0 6px;
    vertical-align: middle;
    border: 0;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
    background-color: #fff;
}

.s_text02 {
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
    background-color: #fff;
}

.s_textArea {
    border: 1px solid #cccccc !important;
    padding: 2px;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
}
/* background-color: #F8F8F8; */
.s_textArea01 {
    border: 1px solid #cccccc;
    padding: 2px;
    font-family: "Gulimche", "굴림체", sans-serif;
    font-size: 12px;
}
/* background-color: #F8F8F8; */

.s_textup {
    height: 26px !important;
    background-color: #fff;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
}

.s_input {
    height: 26px;
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    line-height: normal;
}





.search-input-txt {
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    font-family: Gulim, Verdana, Arial;
    font-size: 12px;
    background-color: #ffffff;
}

.search-subject {
    height: 21px;
    padding: 1px 2px 1px 2px;
}

.search_input {
    height: 21px;
    padding: 1px 2px 1px 6px;
}

.search-select {
    border: 1px solid #D5D5D5;
    padding: 4px;
    font-family: Gulim, Verdana, Arial;
    font-size: 12px;
    background-color: #ffffff;
}
/*.search-input-txt {height:22px; border:1px solid #cccccc;	padding:2px 5px; font-family: Gulim, Verdana, Arial; font-size: 12px; background-color: #fff;  }*/

.input-txt {
    border: 1px solid #D5D5D5;
    padding: 4px;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.input-txt01 {
    border: 1px solid #cccccc;
    height: 25px !important;
    -moz-height: 25px;
    -webkit-height: 25px;
    -khtml-height: 25px;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.input-txt02 {
    border: 1px solid #cccccc;
    height: 28px;
    -moz-height: 28px;
    -webkit-height: 26px;
    -khtml-height: 28px;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.textArea-txt {
    border: 1px solid #D5D5D5;
    padding: 3px;
    font-family: Gulim, Verdana, Arial;
    font-size: 12px;
}
/* background-color: #F8F8F8; */
.select-txt {
    border: 1px solid #D5D5D5;
    padding: 3px;
    font-family: Gulim, Verdana, Arial;
    font-size: 12px;
    background-color: #ffffff;
}

.select-txt01 {
    border: 1px solid #D5D5D5;
    height: 27px !important;
    font-family: Gulim, Verdana, Arial;
    font-size: 12px;
    background-color: #ffffff;
}

.tarea-msg {
    height: 50px;
    border: 1px solid #CCCCCC;
    padding: 3px;
    font-family: Gulim, Verdana, Arial;
    font-size: 12px;
    background-color: #F0F0F0;
}

.tarea-list {
    height: 130px;
    border: 1px solid #CCCCCC;
    padding: 3px;
    font-family: Gulim, Verdana, Arial;
    font-size: 12px;
    background-color: #F0F0F0;
}

.tdBox {
    width: 24px;
    padding: 2px;
    background-color: #EBF4F9;
}

.padding_ReadOnly {
    padding-top: 5px;
    padding-bottom: 4px;
}

.padding_input5 {
    padding-left: 1px;
    background-color: #FFFFFF;
    height: 23px;
}

.displaynone {
    display: none
}

.f_sub_title {
    padding: 2px 2px 2px 5px;
    background-color: #EBF4F9;
    color: #0F548B;
    height: 23px;
    FONT-WEIGHT: bold;
}

.f_sub_title02 {
    padding: 10px 20px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    background-color: #f8f8f8;
}

.f_sub_header {
    padding: 2px 2px 2px 5px;
    background-color: #EBF4F9;
    color: #0F548B;
    height: 23px;
}


/*.tb001_4_2_1 > table{width:95%; margin:0 auto; }*/

.tbTxt {
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #3F3F3F;
}





table.tb_01 {
    border: 1px solid #bec2c8;
}

    table.tb_01 > tr > th {
        color: #1a345e;
        line-height: 150%;
        border-bottom: 1px solid #bec2c8;
        border-left: 1px solid #bec2c8;
        border-right: 1px solid #bec2c8;
        background-color: #f7f9fa;
        width: 20%;
        padding: 2px 0;
    }

tbody.tb_01 th.bg_01 {
    background-color: #ebf0fa
}

table.tb_01 > tbody > tr > td {
    border-bottom: 1px solid #bec2c8;
    line-height: 18px;
    padding: 1%;
    color: #080101;
    font-weight: normal;
    text-align: center;
    text-align: left;
}


.tb001_5 {
    position: relative;
    overflow: auto;
    width: 50%;
    margin: 0 auto;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 2px;
    left: -334px;
}

    .tb001_5 > table {
        margin: 0 auto;
    }

    .tb001_5 > .tb001_5_1 {
        position: relative;
        width: 982px;
        padding: 20px;
    }


.abs-layer {
    border: 0px solid green;
}

.fomeNavArea {
    position: relative;
    width: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
}

    .fomeNavArea > ul {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .fomeNavArea > ul > li {
            display: block;
            list-style: none;
            margin: 0;
            padding: 0;
        }

.btnArea01 {
    position: relative;
    width: 100%;
}

    .btnArea01 > ul {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .btnArea01 > ul > li {
            display: block;
            list-style: none;
            margin: 0;
            padding: 0;
        }

.popBoxArea {
    border: 1px solid #bbbbbb;
    position: absolute;
    left: 20%;
    top: 10px;
    width: 500px;
    height: auto;
    z-index: 999;
    background-color: #fff;
    color: #000;
    /* box-shadow:0 1px 10px #555555*/
}

.popBox_mid {
    padding: 40px 20px 100px 20px;
    background-color: #fff;
}

.popBox_bottom {
    border: 1px solid #000;
    position: absolute;
    bottom: -1px;
    padding: 10px;
    background-color: #000;
    width: 100%;
    /*
-webkit-border-bottom-right-radius: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-moz-border-radius-bottomleft: 18px;
border-bottom-right-radius: 18px;
border-bottom-left-radius: 18px;
*/
}

.floatL {
    float: left !important;
}

.floatR {
    float: right !important;
}

.txtL {
    text-align: left;
}

.txtC {
    text-align: center !important;
}

.txtR {
    text-align: right;
}

.txtT {
    text-align: center !important;
    vertical-align: text-top !important;
}

.displayB {
    display: inline-block;
}

.displayBB {
    display: block;
}

.displayI {
    display: inline;
}

.displayN {
    display: none;
}

.liststyleN {
    list-style: none;
}

.lettSp-05 {
    letter-spacing: -0.5px;
}

.lettSp-1 {
    letter-spacing: -1px;
}

.t_underline {
    text-decoration: underline;
}

.clearB {
    clear: both;
}

.overflowH {
    overflow: hidden;
}

.overflowA {
    overflow: auto;
}

.listS_no {
    list-style: none;
}

.positionR {
    position: relative;
}

.positionA {
    position: absolute;
}

/*font color*/
.b {
    font-weight: bold;
}

.f_blue {
    color: #4d9ec8 !important;
}

.f_blue01 {
    color: #077fbd !important;
}

.f_blue02 {
    color: #1c6cd8 !important;
}

.f_blue03 {
    color: #1870b2 !important;
}

.f_blue04 {
    color: blue !important;
}

.f_skyBlue01 {
    color: #00aeef !important;
}

.f_red {
    color: #e50856;
}

.f_red01 {
    color: #cd0404;
}

.f_orange {
    color: #ff7200;
}

.f_darkgray {
    color: #5a5c5e;
}

.f_bold {
    font-weight: bold !important;
}

.f_weight600 {
    font-weight: 600 !important;
}

.f_white {
    color: #ffffff !important;
}

.f_lineM {
    text-decoration: line-through;
}

.f_purple {
    color: #6a39a9 !important;
}
/*bg color*/
.bgCfff {
    background-color: #fff;
}

.bgCygra {
    background-color: #e1e1e1;
}

.bgCgray01 {
    background-color: #f3f3f3;
}

.bgCgray02 {
    background-color: #bac2d5;
    color: #fff;
}

.bgCblue02 {
    background-color: #e9eff4;
}

.bginput {
    background-color: #f1f7eb;
    color: #0F548B;
}

.bgCorange {
    background-color: #feb401;
}

.bgCdgray {
    background-color: #1d3748;
}

.bgGreen01 {
    background-color: #92d050;
}

.bgGreen02 {
    background-color: #a9d18e;
}

.bgPurple01 {
    background-color: #a6addc;
}

.bgYellow01 {
    background-color: #ffcc00;
}

.bgYellow02 {
    background-color: #f8dd9e;
}

.bgOrange01 {
    background-color: #ffba7d;
}

.bgBlue01 {
    background-color: #6cabeb;
}

.bgBlue01p {
    background-color: #6cabeb !important
}

.bgBlue02p {
    background-color: #9bcaf9 !important
}

.bgBlue03p {
    background-color: #c7e2fb !important;
}

.bgBlue04p {
    background-color: #d3e9ff !important
}

.bgPink01 {
    background-color: #f266c0;
}


/*schedule COLOR*/
.bgschedule0 {
    background-color: rgb(18, 185, 239);
}
/*C12b9ef-skyblue*/
.bgschedule1 {
    background-color: rgb(219, 105, 104);
}
/*Cdb6968-red*/
.bgschedule2 {
    background-color: rgb(242, 160, 87);
}
/*Cf2a057-orange*/
.bgschedule3 {
    background-color: rgb(93, 139, 190);
}
/*C5d8bbe-dark skyblue*/
.bgschedule4 {
    background-color: rgb(139, 104, 219);
}
/*C8b68db-purple*/
.bgschedule5 {
    background-color: rgb(228, 115, 205);
}
/*Ce473cd-pink*/
.bgschedule6 {
    background-color: rgb(151, 185, 46);
}
/*C97b92e-green1*/
.bgschedule7 {
    background-color: rgb(69, 190, 167);
}
/*C45bea7-green2*/
.bgschedule8 {
    background-color: rgb(131, 131, 131);
}
/*C838383-dark gray*/
.bgschedule9 {
    background-color: rgb(228, 179, 77);
}
/*Ce4b34d-yellow*/
/*login_bg color*/

.bgCblue {
    background-color: /*#12b6c0*/ #005595;
}

.bgCgreen {
    background-color: /*#72ac0a;*/ #7fc00b;
}

.bgGraCcorblue {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

.bgCblue01 {
    background-color: #05aaef;
}

.bgCgreen01 {
    background-color: #26a59a;
}
/*bgCgray{background-color:#c6c6c6;}*/
.bgCpurple {
    background-color: #a208e2;
}

.bgGraCcorViolet {
    background-image: linear-gradient(120deg, #d4b2f5 0%, #8ec5fc 100%);
}

/*font size*/
.f_size_11 {
    font-size: 11px;
}

.f_size_12 {
    font-size: 12px;
}

/*line hight*/
.lineH180 {
    line-height: 180%;
}

/*border*/
.borderTno {
    border-top: none !important;
}

.borderBno {
    border-bottom: none !important;
}

.borderRLno {
    border-left: none !important;
    border-right: none !important;
}

.borT1gray {
    border-top: 1px solid #8a8b8b !important;
}

.borT1gray01 {
    border-top: 1px solid #111 !important;
}

.borderL1gray {
    border-left: 1px solid #cacbd3;
}

.borderR1gray {
    border-right: 1px solid #cacbd3;
}

.borB1gray {
    border-bottom: 1px solid #8a8b8b !important;
}

.borB1gray01 {
    border-bottom: 1px solid #cacbd3 !important;
}

.borB1dakgray {
    border-bottom: 1px solid #8a8b8b !important;
}

.dottedB1gray {
    border-bottom: 1px dotted #c1c1c1 !important
}

.line01 {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0;
    display: inline-block;
}
/*블릿*/
/*.bl01{background:url('./../Images/searchIcon.gif') 0 5px no-repeat; padding-left:10px;}*/
.bl01 {
    background: url('./../Images/bl01.png') 0 45% no-repeat;
    padding-left: 12px;
}

.bl01_2 {
    background: url('./../Images/bl01.png') 0 7px no-repeat;
    padding-left: 12px;
}

.bl011 {
    background: url('./../Images/bl01_1.gif') 0 0px no-repeat;
    padding-left: 8px;
    background-position-y: 6px;
    padding-top: 6px;
}

.bl01_1 {
    background: url('./../Images/bl01.gif') 0 4px no-repeat;
    padding-left: 8px;
}

.bl02 {
    float: left;
    display: block;
    background: url('./../Images/blArea.png')-26px 0 no-repeat;
    width: 13px;
    height: 13px;
    padding: 0;
}

.bl03 {
    background: url('./../Images/blArea.png')-26px 0 no-repeat;
    padding: 0;
}

.bl04 {
    background: url('./../Images/AiconGo.gif')4px 7px no-repeat;
}

.bl04_1 {
    background: url('./../Images/AiconGo.gif')4px 4px no-repeat;
}

.bl05 {
    background: url('./../Images/bl04.gif')0 45% no-repeat;
    padding-left: 7px;
}

.bl06 {
    background: url('./../Images/bl05.gif')0 45% no-repeat;
    padding-left: 7px;
}

.bl07 {
    background: url('./../Images/bl07.png') 0px 4px no-repeat;
    padding-left: 8px !important;
}

/*ICON*/



.txtTit01 {
    float: left;
    padding: 0 0 0 5px;
    margin: 0 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.txtTit01_1 {
    float: left;
    padding: 0 0 0 5px;
    margin: 0 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    color: #3978d0 !important;
}


/*button*/
.bntBox {
    display: block;
    float: left;
    margin-right: 5px;
}

    .bntBox a {
        display: block;
        text-decoration: none;
        text-align: center;
    }

a.btnBasic {
    color: #5f5c5c;
    padding: 6px 10px;
    border: 1px solid #d8d7d7;
    background-color: #f4f4f4;
    cursor: pointer;
}

a.btnSearch {
    color: #fff;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #09305b;
    background-color: #19579b;
    cursor: pointer;
}

.btnEdit {
    color: #000;
    font-weight: normal;
    font-size: 13px;
    padding: 6px 12px;
    border: 1px solid #d8d7d7;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
}

.buttonA {font-family: "Malgun Gothic", 'Apple Gothic',sans-serif; font-weight: normal; font-size: 12px; letter-spacing: -0.5px; padding: 4px 10px 4px 15px; background-image: none; cursor: pointer;}

.buttonB {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.5px;
    padding: 0 2px 0 5px;
    background-image: none;
    cursor: pointer;
}

.buttonC {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.5px;
    padding: 6px 0;
    border-radius: 6px;
    background-image: none;
    cursor: pointer;
}

.buttonD {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.5px;
    padding: 4px 10px 4px 10px;
    background-image: none;
    cursor: pointer;
}

.buttonE {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: -0.5px;
    padding: 5px 50px;
    background-image: none;
    cursor: pointer;
}

.buttonF {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: -0.5px;
    padding: 5px 30px;
    background-image: none;
    cursor: pointer;
}

.buttonG {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.5px;
    padding: 6px 4px;
    border-radius: 6px;
    background-image: none;
    cursor: pointer;
}

.buttonR {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    width: 25px;
    height: 25px;
    letter-spacing: -0.5px;
    background-image: none;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
}

.buttonR02 {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.5px;
    padding: 4px 8px;
    background-image: none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0; /*모질라*/
    -webkit-border-radius: 4px 4px 0 0; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
}

.buttonAtg {
    display: block;
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.5px;
    padding: 2px 8px 5px 8px;
    background-image: none;
    cursor: pointer;
    height: 26px;
}

.buttonAtb {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 150%;
    padding: 4px 10px 4px 15px;
    background-image: none;
    cursor: pointer;
    vertical-align: middle;
}

.buttonR01 {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    letter-spacing: -0.5px;
    background-image: none;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
}

.pricebtn {
    text-indent: -100000px;
}

.addrow {
    text-indent: -100000px;
    width: 24px;
    height: 24px;
}

.addrow01 {
    text-indent: -100000px;
    width: 29px;
    height: 29px;
}

.addrow02 {
    text-indent: -100000px;
    background: url('/GateWeb/Common/Images/icon_wh_add.png')#0080f3 center 50% no-repeat;
    width: 16px;
    height: 16px;
    padding: 15px;
}

.deleteRow {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -100000px;
    padding-top: 10px;
}

.buttonR_110 {
    display: block;
    width: 110px !important;
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.5px;
    padding: 5px 0;
    text-align: center;
    background-image: none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px; /*모질라*/
    -webkit-border-radius: 4px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
}

.btn_wh {
    color: #000;
    border: 1px solid #d8d7d7;
    background-color: #fff !important;
}

    .btn_wh:hover {
        color: #000;
        border: 1px solid #c0c0c0;
        background-color: #f0f1f1 !important;
        text-decoration: none;
    }

.btn_wh01 {
    color: #0080f3;
    border: 1px solid #fff;
    background-color: #fff !important;
}

    .btn_wh01:hover, .btn_wh01:focus {
        color: #0080f3;
        border: 1px solid #f4f4f4;
        background-color: #f4f4f4 !important;
        outline: none;
    }

.btn_wh_blue {
    color: #0080f3;
    border: 1px solid #0080f3;
    background-color: #fff !important;
}

    .btn_wh_blue:hover, .btn_wh_blue:focus {
        color: #0080f3;
        border: 1px solid #0080f3;
        background-color: #f0f8ff !important;
        outline: none;
    }

.btn_wh_blue02 {
    color: #0080f3;
    border: 1px solid #006cb7;
    background-color: #fff !important;
}

    .btn_wh_blue02:hover, .btn_wh_blue02:focus {
        color: #006cb7;
        border: 1px solid #015e9e;
        background-color: #e4f3fe !important;
        outline: none;
    }

.btn_dkGray {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #616262 !important;
}

    .btn_dkGray:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #3c3c3c !important;
    }

.btn_Gray {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #a6a6a6 !important;
}

    .btn_Gray:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #9a9a9a !important;
    }

.btn_Gray01 {
    color: #5f5f5f;
    border: 1px solid #c3c3c3;
    background-color: #e5e5e5 !important;
}

    .btn_Gray01:hover {
        color: #5f5f5f;
        border: 1px solid #c3c3c3;
        background-color: #d2d2d2 !important;
        text-decoration: none;
    }

.btn_gray02 {
    color: #5a5858;
    background-color: #dbdbdb !important;
}

    .btn_gray02:hover, .btn_gray02:focus {
        color: #5a5858;
        background-color: #c6c4c4 !important;
        outline: none;
    }

.btn_gray03 {
    color: #fff;
    border: 1px solid #dbdbdb;
    background-color: #c0c4c9 !important;
}

    .btn_gray03:hover, .btn_gray03:focus {
        color: #fff;
        border: 1px solid #c6c4c4;
        background-color: #aeb3b9 !important;
        outline: none;
    }

.btn_blue {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #2e7ede !important;
}

    .btn_blue:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #2870c6 !important;
    }

.btn_blue01 {
    color: #fff;
    border: 1px solid #049ed8;
    background-color: #00aeef !important;
}

    .btn_blue01:hover {
        color: #fff;
        border: 1px solid #049ed8;
        background-color: #049ed8 !important;
    }

.btn_blue02 {
    color: #fff;
    border: 1px solid #0789d3;
    background-color: #0789d3 !important;
}

    .btn_blue02:hover {
        color: #fff;
        border: 1px solid #0789d3;
        background-color: #077dc0 !important;
    }

.btn_skyblue {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #8cb1e5 !important;
}

    .btn_skyblue:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #7ba0d3 !important;
    }

.btn_skyblue01 {
    color: #fff;
    border: 1px solid #12b9ee;
    background-color: #12b9ee !important;
}

    .btn_skyblue01:hover {
        color: #fff;
        border: 1px solid #11aedf;
        background-color: #11aedf !important;
    }

.btn_green03 {
    color: #fff;
    border: 1px solid #5eadbe;
    background-color: #5eadbe !important;
}

    .btn_green03:hover {
        color: #fff;
        border: 1px solid #579fae;
        background-color: #579fae !important;
    }

.btn_yellow {
    color: #fff;
    border: 1px solid #e7a629;
    background-color: #ffb72b !important;
}

    .btn_yellow:hover {
        color: #fff;
        border: 1px solid #e7a629;
        background-color: #e7a629 !important;
    }

.btn_green01 {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #0aa2ac !important;
}

    .btn_green01:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #098a92 !important;
    }

.btn_green02 {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #02b9c9 !important;
}

    .btn_green02:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #05a5b3 !important;
    }

.btn_green04 {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #55b458 !important;
}

    .btn_green04:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #4eaa51 !important;
    }

.btn_red {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #e50856 !important;
}

    .btn_red:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #c30447 !important;
    }

.btn_purple {
    color: #fff;
    border: 1px solid #d8d7d7;
    background-color: #8f69f4 !important;
}

    .btn_purple:hover {
        color: #fff;
        border: 1px solid #d8d7d7;
        background-color: #815fda !important;
    }

.btn_purple01 {
    color: #fff;
    border: 1px solid #7a57ae;
    background-color: #865fc0 !important;
}

    .btn_purple01:hover {
        color: #fff;
        border: 1px solid #7a57ae;
        background-color: #7a57ae !important;
    }

.btn_hotpink {
    color: #fff;
    border: 1px solid #ca4075;
    background-color: #e94986 !important;
}

    .btn_hotpink:hover {
        color: #fff;
        border: 1px solid #ca4075;
        background-color: #ca4075 !important;
    }


.icon-search {
    background: url('./../Images/icon_search01.png') 8px 7px no-repeat;
}

.icon-docSave {
    background: url('./../Images/icon_docsave.png') 8px 7px no-repeat;
}

.icon-docEdit {
    background: url('./../Images/icon_docedit.png') 8px 6px no-repeat;
}

.icon-print {
    background: url('./../Images/icon_print.png') 8px 6px no-repeat;
}

.icon-new {
    background: url('./../Images/icon_new.png') 8px 7px no-repeat;
}

.icon-save {
    background: url('./../Images/icon_save.png') 8px 5px no-repeat;
}

.icon-delt {
    background: url('./../Images/icon_delt.png') 8px 7px no-repeat;
}

.icon-delt02 {
    background: url('/GateWeb/Common/Images/icon_delt02.png') center 50% no-repeat;
}

.icon-add {
    background: url('./../Images/icon_add.png') 8px 5px no-repeat;
}

.icon-add2 {
    background: url('./../Images/icon_add2.png') 8px 5px no-repeat;
}

.icon-check {
    background: url('./../Images/icon_check.png') 8px 5px no-repeat;
}

.icon-check2 {
    background: url('./../Images/icon_check2.png') 8px 5px no-repeat;
}

.icon-copy {
    background: url('./../Images/icon_copy.png') 6px 5px no-repeat;
}

.icon-cancel {
    background: url('./../Images/icon_cancel.png') 8px 6px no-repeat;
}

.icon-change {
    background: url('./../Images/icon_change.png') 8px 6px no-repeat;
}

.icon-excel {
    background: url('./../Images/icon_excel.png') 6px 5px no-repeat;
}

.icon-ex {
    background: url('./../Images/icon_ex.png') 6px 5px no-repeat;
}

.icon-key {
    background: url('./../Images/icon_key.png') 6px 5px no-repeat;
}

.icon-chart {
    background: url('./../Images/icon_chart.png') 6px 5px no-repeat;
}

.icon-openfile {
    background: url('./../Images/icon_openfile.png') 8px 5px no-repeat;
}

.icon-refresh {
    background: url('./../Images/icon_refresh.png') 6px 4px no-repeat;
}

.icon-back {
    background: url('./../Images/icon_back.png') 5px 4px no-repeat;
}

.icon-stalk {
    background: url('./../Images/icon_stalk.png') 5px 4px no-repeat;
}

.icon-play {
    background: url('./../Images/icon_play.png') 5px 4px no-repeat;
}

.icon-stop {
    background: url('./../Images/icon_stop.png') 5px 4px no-repeat;
}

.icon-full {
    background: url('./../Images/icon_full.png') 5px 4px no-repeat;
}

.icon-write {
    background: url('./../Images/icon_write.png') 5px 4px no-repeat;
}

.icon-sms {
    background: url('./../Images/icon_sns.png') 5px 4px no-repeat;
}

.icon-sms02 {
    background: url('./../Images/icon_sns02.png') 5px 4px no-repeat;
}

.icon-wh-search {
    background: url('./../Images/icon_wh_search01.png') 8px 7px no-repeat;
}

.icon-wh-docSave {
    background: url('./../Images/icon_wh_docsave.png') 8px 7px no-repeat;
}

.icon-wh-docEdit {
    background: url('./../Images/icon_wh_docedit.png') 8px 5px no-repeat;
}

.icon-wh-print {
    background: url('./../Images/icon_wh_print.png') 8px 6px no-repeat;
}

.icon-wh-editDoc {
    background: url('./../Images/icon_wh_edit_doc.png') 8px 7px no-repeat;
}

.icon-wh-new {
    background: url('./../Images/icon_wh_new.png') 8px 7px no-repeat;
}

.icon-wh-save {
    background: url('./../Images/icon_wh_save.png') 8px 5px no-repeat;
}

.icon-wh-delt {
    background: url('./../Images/icon_wh_delt.png') 8px 6px no-repeat;
}

.icon-wh-add {
    background: url('./../Images/icon_wh_add.png') 8px 5px no-repeat;
}

.icon-wh-add2 {
    background: url('./../Images/icon_wh_add2.png') 8px 5px no-repeat;
}

.icon-wh-add3 {
    background: url('/GateWeb/Common/Images/icon_wh_add.png') center 50% no-repeat;
    width: 16px;
    height: 16px;
    padding: 10px;
}

.icon-wh-check {
    background: url('./../Images/icon_wh_check.png') 8px 5px no-repeat;
}

.icon-wh-check2 {
    background: url('./../Images/icon_wh_check2.png') 8px 5px no-repeat;
}

.icon-wh-copy {
    background: url('./../Images/icon_wh_copy.png') 6px 5px no-repeat;
}

.icon-wh-cancel {
    background: url('./../Images/icon_wh_cancel.png') 8px 5px no-repeat;
}

.icon-wh-excel {
    background: url('./../Images/icon_wh_excel.png')8px 5px no-repeat;
}

.icon-wh-ex {
    background: url('./../Images/icon_wh_ex.png') 6px 5px no-repeat;
}

.icon-wh-ex01 {
    background: url('./../Images/icon_wh_ex01.png') 6px 5px no-repeat;
}

.icon-wh-key {
    background: url('./../Images/icon_wh_key.png') 6px 5px no-repeat;
}

.icon-wh-chart {
    background: url('./../Images/icon_wh_chart.png') 6px 5px no-repeat;
}

.icon-wh-change {
    background: url('./../Images/icon_wh_change.png') 8px 6px no-repeat;
}

.icon-wh-openfile {
    background: url('./../Images/icon_wh_openfile.png') 8px 5px no-repeat;
}

.icon-wh-refresh {
    background: url('./../Images/icon_wh_refresh.png') 6px 4px no-repeat;
}

.icon-wh-back {
    background: url('./../Images/icon_wh_back.png') 5px 4px no-repeat;
}

.icon-wh-play {
    background: url('./../Images/icon_wh_play.png') 5px 4px no-repeat;
}

.icon-wh-stop {
    background: url('./../Images/icon_wh_stop.png') 5px 4px no-repeat;
}

.icon-wh-full {
    background: url('./../Images/icon_wh_full.png') 5px 4px no-repeat;
}

.icon-wh-write {
    background: url('./../Images/icon_wh_write.png') 5px 6px no-repeat;
}

.icon-wh-sms {
    background: url('./../Images/icon_wh_sns.png') 5px 6px no-repeat;
}

.icon-wh-sms02 {
    background: url('./../Images/icon_wh_sns02.png') 5px 6px no-repeat;
}

.icon-wh-message {
    background: url('/GateWeb/Common/Images/icon_wh_message.png') 5px 5px no-repeat;
}

.popBtn {
    display: block;
    float: right;
    cursor: pointer;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin-left: 5px;
}

.pop_close_icon {
    display: block;
    float: right;
    cursor: pointer;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin-left: 5px;
    background: url('./../Images/icon_cancel.png') center 5px no-repeat;
}

.pop_full_icon {
    display: block;
    float: right;
    cursor: pointer;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin-left: 5px;
    background: url('./../Images/icon_full.png') center 4px no-repeat;
}

.pop_small_icon {
    display: block;
    float: right;
    cursor: pointer;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin-left: 5px;
    background: url('./../Images/icon_small3.png') center 5px no-repeat;
}

.popBtn:hover {
    background-color: #ececec;
}

.icon-bl-add {
    background: url('/GateWeb/Common/Images/icon_bl_add.png') 8px 8px no-repeat;
}

.icon-bl-add2 {
    background: url('/GateWeb/Common/Images/icon_bl_add02.png') center 50% no-repeat;
}

.icon-gray-skip {
    background: url('/GateWeb/Common/Images/icon_gray_skip.png') center 60% no-repeat;
}

.icon-gray-modify {
    background: url('/GateWeb/Common/Images/icon_gray_modify.png') center 50% no-repeat;
}

.icon-gray-copy02 {
    background: url('/GateWeb/Common/Images/icon_gray_copy02.png') center 50% no-repeat;
}

.icon-gray-delt02 {
    background: url('/GateWeb/Common/Images/icon_gray_delt02.png') center 50% no-repeat;
}

.icon-red-cancel {
    background: url('/GateWeb/Common/Images/icon_red_cancel.png') center 50% no-repeat;
}

/*.btnBlack{color:#FFF; font-weight:bold; padding:6px 10px; border:1px solid #434159; background-color:#434159; background-image: none; cursor:pointer;}*/
.btnBlack {
    color: #FFF;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #434159;
    background-color: #434159;
    background-image: none;
    cursor: pointer;
}

.btnGray {
    color: #333333;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #e2e2e4;
    background-color: #e2e2e4;
    background-image: none;
    cursor: pointer;
}

.btnGray01 {
    color: #333333;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #e0dfde;
    background-color: #e0dfde;
    background-image: none;
    cursor: pointer;
}

.btnGray02 {
    color: #FFF;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #747576;
    background-color: #747576;
    background-image: none;
    cursor: pointer;
}

.btnBlue {
    color: #FFF;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #117fd2;
    background-color: #117fd2;
    background-image: none;
    cursor: pointer;
}

.btnGreen {
    color: #FFF;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #1cb89e;
    background-color: #1cb89e;
    background-image: none;
    cursor: pointer;
}

.btnRed {
    color: #fff;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #f6151d;
    background-color: #f6151d;
    background-image: none;
    cursor: pointer;
}

.btnWhite {
    color: #000;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #e0dfde;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
}

.btnWhiteMini {
    color: #000;
    font-weight: bold;
    padding: 4px 7px;
    border: 1px solid #e0dfde;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
}

.btnGrayMini {
    color: #333333;
    font-weight: bold;
    padding: 6px 7px 20px;
    border: 1px solid #e2e2e4;
    background-color: #e2e2e4;
    background-image: none;
    cursor: pointer;
}

.btnHid {
    display: none;
}

.btnOrange {
    color: #fff;
    font-weight: bold;
    padding: 6px 10px;
    border: 1px solid #f6151d;
    background-color: #ff9800;
    background-image: none;
    cursor: pointer;
}

.btnBlue:hover, .btnGreen:hover, .btnBlack:hover, .btnRed:hover {
    color: #fff;
}


/*입학원서등 입력폼*/
.formTit01 {
    background: url('./../Images/bl02.png') 0 0 no-repeat;
    padding: 3px 0 0 10px;
    margin: 20px 0 0 0;
    font-size: 13px;
    font-weight: bold;
}

.tb_01 {
}

    .tb_01 caption {
        display: none
    }

    .tb_01 > table {
        width: 100%;
        border: 0;
        border-top: 2px solid #2e4c80;
        font-size: 9pt;
    }

        .tb_01 > table > tbody > tr > th {
            color: #1a345e;
            line-height: 150%;
            border-bottom: 1px solid #bec2c8;
            border-left: 1px solid #bec2c8;
            border-right: 1px solid #bec2c8;
            background-color: #f7f9fa;
            width: 20%;
            padding: 2px 0;
        }

    .tb_01 > tbody th.bg_01 {
        background-color: #ebf0fa
    }

    .tb_01 > table > tbody > tr > td {
        border-bottom: 1px solid #bec2c8;
        line-height: 18px;
        padding: 1%;
        color: #080101;
        font-weight: normal;
        text-align: center;
        text-align: left;
    }

.tb_01_01 {
}

    .tb_01_01 > table {
        width: 70%;
    }

        .tb_01_01 > table > thead > tr > th {
            font-size: small;
            background-color: #2e4c80;
            color: #fff;
            border-top: 1px solid #AEB7C9;
            border-right: 1px solid #AEB7C9;
            border-left: 1px solid #AEB7C9;
            border-bottom: 1px solid #AEB7C9;
            font-size: 9pt;
            padding: 2px;
            text-align: center;
        }

        .tb_01_01 > table > tbody > tr > td {
            font-size: small;
            border-right: 1px solid #AEB7C9;
            border-left: 1px solid #AEB7C9;
            border-bottom: 1px solid #AEB7C9;
            font-size: 9pt;
            padding: 2px;
            text-align: center;
        }

.borR1gray {
    border-right: 1px solid #bec2c8;
}

.borR1gray01 {
    border-right: 1px solid #cacbd3 !important;
}

.tb_02 {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
}
    /*.tb_02{font-size:12px;}*/

    .tb_02 caption {
        display: none;
    }

    .tb_02 > table {
        width: 100%;
        margin: 0 auto;
        border: 0;
        border-top: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        background-color: #fff;
    }

        .tb_02 > table > tbody > tr > th {
            color: #5f5f5f;
            line-height: 120%;
            border-bottom: 1px solid #cacbd3;
            border-left: 1px solid #cacbd3;
            border-right: 1px solid #cacbd3;
            background-color: #e9eff4;
            padding: 5px;
        }

    .tb_02 > tbody th.bg_01 {
        background-color: #f5f7f8;
    }

    .tb_02 > table > tbody > tr > td {
        border-bottom: 1px solid #cacbd3;
        line-height: 18px;
        padding: 5px;
        color: #5f5f5f;
        font-weight: normal;
        text-align: center;
        text-align: left;
    }

table.tb_03 {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #cacbd3;
    border-left: 1px solid #cacbd3;
    border-right: 1px solid #cacbd3;
    margin-bottom: 5px;
}

    table.tb_03 caption {
        display: none;
    }

    table.tb_03 > thead > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #e9eff4;
        padding: 5px;
        text-align: center;
    }

    table.tb_03 > tbody > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #f5f5f5;
        padding: 5px;
    }

    table.tb_03 > tbody > tr > td {
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        line-height: 18px;
        padding: 3px;
        color: #5f5f5f;
        font-weight: normal;
        text-align: left;
        text-align: left;
    }

table.tb_04 {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #cacbd3;
    border-left: 1px solid #cacbd3;
    border-right: 1px solid #cacbd3;
    margin-bottom: 5px;
}

    table.tb_04 caption {
        display: none;
    }

    table.tb_04 > thead > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #e9eff4;
        padding: 5px;
        text-align: center;
    }

    table.tb_04 > tbody > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #fff;
        padding: 5px;
        text-align: center;
    }

    table.tb_04 > tbody > tr > td {
        border-bottom: 1px solid #cacbd3;
        line-height: 18px;
        padding: 5px;
        color: #5f5f5f;
        font-weight: normal;
        text-align: center;
    }

table.tb_05 {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #cacbd3;
    border-left: 1px solid #cacbd3;
    border-right: 1px solid #cacbd3;
    margin-bottom: 5px;
}

    table.tb_05 caption {
        display: none;
    }

    table.tb_05 > tbody > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #f5f5f5;
        padding: 5px;
        text-align: center;
    }

    table.tb_05 > tbody > tr > td {
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        line-height: 18px;
        padding: 3px;
        color: #5f5f5f;
        font-weight: normal;
        text-align: center;
    }

    table.tb_05 > tbody > tr > th.bgBlue {
        background-color: #e9eff4;
        color: #5f5f5f;
    }


table.tb_06 {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #cacbd3;
    border-left: 1px solid #cacbd3;
    border-right: 1px solid #cacbd3;
    margin-bottom: 5px;
}

    table.tb_06 caption {
        display: none;
    }

    table.tb_06 > tbody > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #f5f5f5;
        padding: 5px;
        text-align: center;
    }

    table.tb_06 > tbody > tr > td {
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        line-height: 18px;
        padding: 3px;
        color: #5f5f5f;
        font-weight: normal;
        text-align: left;
    }

    table.tb_06 > tbody > tr > th.bgBlue {
        background-color: #e9eff4;
        color: #5f5f5f;
    }


table.tb_07 {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #cacbd3;
    border-left: 1px solid #cacbd3;
    border-right: 1px solid #cacbd3;
    margin-bottom: 5px;
}

    table.tb_07 caption {
        display: none;
    }

    table.tb_07 > thead > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #e9eff4;
        padding: 5px;
        text-align: center;
    }

    table.tb_07 > tbody > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #f5f5f5;
        padding: 5px;
    }

    table.tb_07 > tbody > tr > td {
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        line-height: 18px;
        padding: 3px;
        color: #5f5f5f;
        font-weight: normal;
        text-align: center;
        text-align: center;
    }

table.tb_08 {
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #cacbd3;
    border-left: 1px solid #cacbd3;
    border-right: 1px solid #cacbd3;
    margin-bottom: 5px;
}

    table.tb_08 caption {
        display: none;
    }

    table.tb_08 > thead > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #e9eff4;
        padding: 5px;
        text-align: center;
    }

    table.tb_08 > tbody > tr > th {
        color: #5f5f5f;
        line-height: 120%;
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        border-left: 1px solid #cacbd3;
        background-color: #f5f5f5;
        padding: 5px;
    }

    table.tb_08 > tbody > tr > td {
        border-bottom: 1px solid #cacbd3;
        border-right: 1px solid #cacbd3;
        line-height: 18px;
        padding: 3px;
        color: #5f5f5f;
        font-weight: normal;
        text-align: center;
        text-align: cebter;
    }

.blimpt {
    background: url('./../Images/icRequired.gif') 0 15px no-repeat;
    padding-left: 12px !important;
}

.blimpt01 {
    background: url('./../Images/icRequired01.gif') 0 15px no-repeat;
    padding-left: 12px !important;
}

.td_bl03 {
    background: url('./../Images/bl03.png') 5px 19px no-repeat;
    padding-left: 12px !important;
}

.tb_listArea {
    position: relative;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    padding: 6px 5px;
}

    .tb_listArea > p {
        padding: 0 0 2px 5px;
        margin: 0;
    }

.tb_list {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .tb_list li {
        list-style: none;
        float: left;
        padding: 0 3px;
        display: block;
        position: relative;
    }

        .tb_list li.s_btn {
            padding-top: 5px;
        }

        .tb_list li.bar {
            padding-left: 15px;
        }

        .tb_list li:nth-of-type(3) table {
            margin: 5px 0 6px 0;
        }

        .tb_list li:nth-of-type(3) td {
            padding-right: 5px;
            font-size: 12px;
        }

        .tb_list li.bar:before {
            display: inline-block;
            content: '';
            width: 1px;
            height: 15px;
            background: #a1a1a1;
            margin: 0;
            position: absolute;
            top: 10px;
            left: 5px;
        }


/* Margin Set */
.ml0 {
    margin-left: 0;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml45 {
    margin-left: 45px;
}

.ml50 {
    margin-left: 50px;
}

.ml55 {
    margin-left: 55px;
}

.ml65 {
    margin-left: 65px;
}

.mr0 {
    margin-right: 0 !important;
}

.mr2 {
    margin-right: 2px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

.mr45 {
    margin-right: 45px;
}

.mr50 {
    margin-right: 50px;
}

.mr100 {
    margin-right: 100px;
}

.mr200 {
    margin-right: 200px;
}

.mr450 {
    margin-right: 450px;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb4 {
    margin-bottom: 4px;
}

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

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

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb55 {
    margin-bottom: 55px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb100 {
    margin-bottom: 100px;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px;
}

.mt5 {
    margin-top: 5px !important;
}

.mt7 {
    margin-top: 7px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt16 {
    margin-top: 16px !important;
}

.mt18 {
    margin-top: 18px !important;
}

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

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px !important;
}

.mt70 {
    margin-top: 70px;
}

.mt100 {
    margin-top: 100px !important;
}

.mt200 {
    margin-top: 200px;
}

.m0auto {
    margin: 0 auto;
}

.m0 {
    margin: 0 !important;
}

.m10 {
    margin: 10px !important;
}

.m20 {
    margin: 20px !important;
}

.m3 {
    margin: 3px 0 3px 3px;
}
/*padding Set*/
.pl0 {
    padding-left: 0 !important;
}

.pl05 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px !important;
}

.pl30 {
    padding-left: 30px;
}

.pr0 {
    padding-right: 0;
}

.pr05 {
    padding-right: 5px;
}

.pr20 {
    padding-right: 20px;
}

.plr0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pt02 {
    padding-top: 2px;
}

.pt03 {
    padding-top: 3px !important;
}

.pt05 {
    padding-top: 5px !important;
}

.pt06 {
    padding-top: 6px;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.pb2 {
    padding-bottom: 2px !important;
}

.pb7 {
    padding-bottom: 7px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 20px;
}

.pdTB3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.pdTB5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pdTB10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p0 {
    padding: 0 !important;
}

/*coreText*/
.title_main {
    font-family: "Gulim","Dotum", "Verdana", "Arial";
    font-size: 12px;
    font-weight: bold;
    color: #4C4C4C
}

.title_box01 {
    font-family: "Gulim","Dotum", "Verdana", "Arial";
    font-size: 12px;
    font-weight: bold;
    color: #4C4C4C;
    padding-top: 5px;
    padding-bottom: 5px
}

.title_box02 {
    font-family: "Gulim","Dotum", "Verdana", "Arial";
    font-size: 12px;
    color: #4C4C4C;
    padding-top: 15px;
    padding-bottom: 7px
}

.normalTxt {
    font-family: "Gulim","Dotum", "Verdana", "Arial";
    font-size: 12px !important;
}

.sumBox01 {
    font-family: "Gulim","Dotum", "Verdana", "Arial";
    font-size: 12px !important;
    margin: 10px 15px;
}


/*coreStyle*/

/* 기본 */

.menuTop2Dep {
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #527D00;
}

.logBoxTitle {
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #FF6B6B;
    FONT-WEIGHT: bold;
    height: 20px;
}

.logBoxText01 {
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #333333;
    height: 20px;
}

.logBoxText02 {
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #0B8CA9;
}


/* 링크 */
td.mainLink01 {
    FONT-SIZE: 12px;
    COLOR: #7A7A7A;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
    height: 22px;
}

A.mainLink01:link {
    FONT-SIZE: 12px;
    COLOR: #7A7A7A;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.mainLink01:visited {
    FONT-SIZE: 12px;
    COLOR: #7A7A7A;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.mainLink01:active {
    FONT-SIZE: 12px;
    COLOR: #7A7A7A;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.mainLink01:hover {
    FONT-SIZE: 12px;
    COLOR: #FF8400;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.loginBoxLink01:link {
    FONT-SIZE: 12px;
    COLOR: #0B8CA9;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.loginBoxLink01:visited {
    FONT-SIZE: 12px;
    COLOR: #0B8CA9;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.loginBoxLink01:active {
    FONT-SIZE: 12px;
    COLOR: #0B8CA9;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.loginBoxLink01:hover {
    FONT-SIZE: 12px;
    COLOR: #FF8400;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: underline;
}

A.loginBoxLink02:link {
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.loginBoxLink02:visited {
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.loginBoxLink02:active {
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: none;
}

A.loginBoxLink02:hover {
    FONT-SIZE: 12px;
    COLOR: #FF8400;
    FONT-FAMILY: "Gulim", Verdana;
    TEXT-DECORATION: underline;
}

td.winMenu {
    font-family: Dotum;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    height: 19px;
    font-weight: bold;
}

a.winMenu:link {
    font-family: Dotum;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

a.winMenu:visited {
    font-family: Dotum;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

a.winMenu:active {
    font-family: Dotum;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

a.winMenu:hover {
    font-family: Dotum;
    font-size: 12px;
    color: #9CFFF2;
    text-decoration: none;
    font-weight: bold;
}

/* 데이타 그리드*/
.xg-list {
    text-align: center;
    width: 100%;
    background-color: #99ACBB;
}

.tdTitle {
    padding: 2px;
    background-color: #EBF4F9;
    height: 22px;
    color: #0F548B;
}

.tdData {
    padding: 2px;
    height: 22px;
    background-color: #FFFFFF;
}

.trOver { /* TR 테이타그리드 오버시 */
    padding: 2px;
    height: 22px;
    background-color: #E0E0E0;
}

.trActive { /* TR 데이타그리드 클릭시 */
    padding: 2px;
    height: 22px;
    background-color: #FEEEC3;
}

/* 입력 및 조회 필드 */
.f-table {
    text-align: left;
    width: 100%;
    background-color: #99ACBB;
}

.f-subject {
    padding: 2px;
    background-color: #E6F5E7;
    color: #0B6C00;
    text-align: center;
    font-weight: bold;
    height: 20px;
}

/* form양식 */
.han {
    IME-MODE: active;
}

.eng {
    IME-MODE: inactive;
}
/*width*/
.w0p {
    width: 0% !important;
}

.w1p {
    width: 1% !important;
}

.w2p {
    width: 2% !important;
}

.w3p {
    width: 3% !important;
}

.w4p {
    width: 4% !important;
}

.w5p {
    width: 5% !important;
}

.w6p {
    width: 6% !important;
}

.w7p {
    width: 7% !important;
}

.w8p {
    width: 8% !important;
}

.w9p {
    width: 9% !important;
}

.w10p {
    width: 10% !important;
}

.w11p {
    width: 11% !important;
}

.w12p {
    width: 12% !important;
}

.w13p {
    width: 13% !important;
}

.w14p {
    width: 14% !important;
}

.w15p {
    width: 15% !important;
}

.w16p {
    width: 16% !important;
}

.w17p {
    width: 17% !important;
}

.w18p {
    width: 18% !important;
}

.w19p {
    width: 19% !important;
}

.w20p {
    width: 20% !important;
}

.w21p {
    width: 21% !important;
}

.w22p {
    width: 22% !important;
}

.w23p {
    width: 23% !important;
}

.w24p {
    width: 24% !important;
}

.w25p {
    width: 25% !important;
}

.w26p {
    width: 26% !important;
}

.w27p {
    width: 27% !important;
}

.w28p {
    width: 28% !important;
}

.w29p {
    width: 29% !important;
}

.w30p {
    width: 30% !important;
}

.w31p {
    width: 31% !important;
}

.w32p {
    width: 32% !important;
}

.w33p {
    width: 33% !important;
}

.w34p {
    width: 34% !important;
}

.w35p {
    width: 35% !important;
}

.w36p {
    width: 36% !important;
}

.w37p {
    width: 37% !important;
}

.w38p {
    width: 38% !important;
}

.w39p {
    width: 39% !important;
}

.w40p {
    width: 40% !important;
}

.w41p {
    width: 41% !important;
}

.w42p {
    width: 42% !important;
}

.w43p {
    width: 43% !important;
}

.w44p {
    width: 44% !important;
}

.w45p {
    width: 45% !important;
}

.w46p {
    width: 46% !important;
}

.w47p {
    width: 47% !important;
}

.w48p {
    width: 48% !important;
}

.w49p {
    width: 49% !important;
}

.w50p {
    width: 50% !important;
}

.w51p {
    width: 51% !important;
}

.w52p {
    width: 52% !important;
}

.w53p {
    width: 53% !important;
}

.w54p {
    width: 54% !important;
}

.w55p {
    width: 55% !important;
}

.w56p {
    width: 56% !important;
}

.w57p {
    width: 57% !important;
}

.w58p {
    width: 58% !important;
}

.w59p {
    width: 59% !important;
}

.w60p {
    width: 60% !important;
}

.w61p {
    width: 61% !important;
}

.w62p {
    width: 62% !important;
}

.w63p {
    width: 63% !important;
}

.w64p {
    width: 64% !important;
}

.w65p {
    width: 65% !important;
}

.w66p {
    width: 66% !important;
}

.w67p {
    width: 67% !important;
}

.w68p {
    width: 68% !important;
}

.w69p {
    width: 69% !important;
}

.w70p {
    width: 70% !important;
}

.w71p {
    width: 71% !important;
}

.w72p {
    width: 72% !important;
}

.w73p {
    width: 73% !important;
}

.w74p {
    width: 74% !important;
}

.w75p {
    width: 75% !important;
}

.w76p {
    width: 76% !important;
}

.w77p {
    width: 77% !important;
}

.w78p {
    width: 78% !important;
}

.w79p {
    width: 79% !important;
}

.w80p {
    width: 80% !important;
}

.w81p {
    width: 81% !important;
}

.w82p {
    width: 82% !important;
}

.w83p {
    width: 83% !important;
}

.w84p {
    width: 84% !important;
}

.w85p {
    width: 85% !important;
}

.w86p {
    width: 86% !important;
}

.w87p {
    width: 87% !important;
}

.w88p {
    width: 88% !important;
}

.w89p {
    width: 89% !important;
}

.w90p {
    width: 90% !important;
}

.w91p {
    width: 91% !important;
}

.w92p {
    width: 92% !important;
}

.w93p {
    width: 93% !important;
}

.w94p {
    width: 94% !important;
}

.w95p {
    width: 95% !important;
}

.w96p {
    width: 96% !important;
}

.w97p {
    width: 97% !important;
}

.w98p {
    width: 98% !important;
}

.w99p {
    width: 99% !important;
}

.w100p {
    width: 100% !important;
}

.m_w99p {
    display: inline;
}

.m_mt5, .m_mb5 {
    margin: 0;
}

.w35p_mAuto {
    width: 35% !important;
}

.w150px_m40p {
    width: 150px;
}

.w60p_mAuto {
    width: 60%;
}

.w60px_m100p {
    width: 60px
}

.w60px_m40p {
    width: 60px
}

.w100px_m100p, .w100px_mAuto {
    width: 100px;
}

.w200px_m40p {
    width: 200px;
}

.w200px_m100p {
    width: 200px;
}

.w300px_m100p {
    width: 300px;
}

.w30p_m70p {
    width: 30%;
}

.w40p_m90p {
    width: 40%;
}

.w35p_m100p {
    width: 35%;
}

.w50p_m100p {
    width: 50%;
}

.w50p_m80p {
    width: 50%;
}

.w50p_m70p {
    width: 50%;
}

.w88p_100p {
    width: 88%;
}

.w500px_m100p {
    width: 500px;
}

.w5 {
    width: 5px !important;
}

.w10 {
    width: 10px !important;
}

.w20 {
    width: 20px !important;
}

.w25 {
    width: 25px !important;
}

.w30 {
    width: 30px !important;
}

.w35 {
    width: 35px !important;
}

.w40 {
    width: 40px !important;
}

.w45 {
    width: 45px !important;
}

.w50 {
    width: 50px !important;
}

.w60 {
    width: 60px;
    min-width: 40px;
    max-width: 100px
}

.w65 {
    width: 65px !important;
}

.w70 {
    width: 70px;
    min-width: 50px;
    max-width: 100px
}

.w70_3p {
    width: 70px;
}

.w71 {
    width: 71px !important;
}

.w72 {
    width: 72px;
}

.w73 {
    width: 73px;
}

.w74 {
    width: 74px;
}

.w75 {
    width: 75px;
}

.w76 {
    width: 76px;
}

.w77 {
    width: 77px;
}

.w78 {
    width: 78px;
}

.w79 {
    width: 79px;
}

.w80 {
    width: 80px;
}

.w85 {
    width: 85px;
}

.w86 {
    width: 86px;
}

.w87 {
    width: 87px;
}

.w88 {
    width: 88px;
}

.w89 {
    width: 89px;
}

.w90 {
    width: 90px;
    min-width: 50px;
    max-width: 150px
}

.w95 {
    width: 95px;
}

.w97 {
    width: 97px;
}

.w100 {
    width: 100px !important;
}

.w110 {
    width: 110px;
}

.w120 {
    width: 120px;
    min-width: 90px;
    max-width: 200px
}

.w125 {
    width: 125px;
}

.w130 {
    width: 130px;
}

.w135 {
    width: 135px;
}

.w136 {
    width: 136px;
}

.w137 {
    width: 137px;
}

.w138 {
    width: 138px;
}

.w139 {
    width: 139px;
}

.w140 {
    width: 140px;
}

.w145 {
    width: 145px;
}

.w150 {
    width: 150px;
    min-width: 110px;
    max-width: 220px
}

.w151 {
    width: 151px;
}

.w152 {
    width: 152px;
}

.w153 {
    width: 153px;
}

.w154 {
    width: 154px;
}

.w155 {
    width: 155px;
}

.w160 {
    width: 160px;
}

.w160_5p {
    width: 160px;
}

.w161 {
    width: 161px;
}

.w162 {
    width: 162px;
}

.w163 {
    width: 163px;
}

.w164 {
    width: 164px;
}

.w165 {
    width: 165px;
}

.w166 {
    width: 166px;
}

.w167 {
    width: 167px;
}

.w168 {
    width: 168px;
}

.w169 {
    width: 169px;
}

.w170 {
    width: 170px;
}

.w180 {
    width: 180px;
}

.w185 {
    width: 185px;
}

.w190 {
    width: 190px;
}

.w191 {
    width: 191px;
}

.w192 {
    width: 192px;
}

.w193 {
    width: 193px;
}

.w194 {
    width: 194px;
}

.w195 {
    width: 195px;
}

.w196 {
    width: 196px;
}

.w197 {
    width: 197px;
}

.w198 {
    width: 198px;
}

.w199 {
    width: 199px;
}

.w200 {
    width: 200px !important;
}

.w201 {
    width: 201px;
}

.w202 {
    width: 202px;
}

.w203 {
    width: 203px;
}

.w204 {
    width: 204px;
}

.w205 {
    width: 205px;
}

.w206 {
    width: 206px;
}

.w207 {
    width: 207px;
}

.w208 {
    width: 208px;
}

.w209 {
    width: 209px;
}

.w210 {
    width: 210px;
}

.w211 {
    width: 211px;
}

.w212 {
    width: 212px;
}

.w213 {
    width: 213px;
}

.w214 {
    width: 214px;
}

.w215 {
    width: 215px;
}

.w216 {
    width: 216px;
}

.w217 {
    width: 217px;
}

.w218 {
    width: 218px;
}

.w219 {
    width: 219px;
}

.w220 {
    width: 220px;
}

.w230 {
    width: 230px;
}

.w238 {
    width: 238px;
}

.w239 {
    width: 239px;
}

.w240 {
    width: 240px;
}

.w250 {
    width: 250px;
}

.w260 {
    width: 260px;
}

.w270 {
    width: 270px;
}

.w278 {
    width: 278px;
}

.w280 {
    width: 280px;
}

.w285 {
    width: 285px;
}

.w290 {
    width: 290px;
}

.w300 {
    width: 300px;
    min-width: 200px;
    max-width: 500px
}

.w310 {
    width: 310px;
}

.w320 {
    width: 320px;
}

.w330 {
    width: 330px;
}

.w340 {
    width: 340px;
}

.w350 {
    width: 350px;
}

.w360 {
    width: 360px;
}

.w370 {
    width: 370px;
}

.w380 {
    width: 380px;
}

.w390 {
    width: 390px;
}

.w400 {
    width: 400px;
}

.w480 {
    width: 480px;
    border: 1px solid red;
}

.w500 {
    width: 500px;
}

.w520 {
    width: 520px;
}

.w600 {
    width: 600px !important;
}

.w660 {
    width: 660px;
}

.m_w10 {
    width: 10px;
    min-width: 10px !important;
}

.m_w50 {
    width: 50px;
    min-width: 50px !important;
}

.m_w60 {
    width: 60px;
    min-width: 60px !important;
}

.m_w70 {
    width: 70px;
    min-width: 70px !important;
}

.m_w80 {
    width: 80px;
    min-width: 80px !important;
}

.m_w90 {
    width: 90px;
    min-width: 90px !important;
}

.m_w100 {
    width: 100px;
    min-width: 100px !important;
}

.m_w150 {
    width: 150px;
    min-width: 150px !important;
}

.m_w200 {
    width: 200px;
    min-width: 200px !important;
}

.m_w250 {
    width: 250px;
    min-width: 250px !important;
}

.m_w300 {
    width: 300px;
    min-width: 300px !important;
}

.m_w350 {
    width: 350px;
    min-width: 350px !important;
}

.m_w400 {
    width: 400px;
    min-width: 400px !important;
}

.m_w500 {
    width: 500px;
    min-width: 500px !important;
}

.m_w600 {
    width: 600px;
    min-width: 600px !important;
}

.m_w700 {
    width: 700px;
    min-width: 700px !important;
}

.m_w800 {
    width: 800px;
    min-width: 800px !important;
}

.m_w900 {
    width: 900px;
    min-width: 900px !important;
}

.w-percent {
    width: 98%;
}

.bt-in {
    color: #FFFFFF;
    background-color: #638D8D;
    padding: 2px;
    height: 19px;
    font-family: Verdana, "Gulim";
    font-size: 12px;
    text-align: center;
    border: 1px solid #3A6161;
    cursor: pointer;
}

.fileType {
    border: 1px solid #D5D5D5;
    background-color: #F8F8F8;
    text-indent: 2px;
    padding: 2px;
    height: 19px;
}

.abs-layer {
    overflow: auto;
    position: fixed;
    z-index: auto;
    height: 100%;
    width: 100%;
}

td.menutop2Dep {
    font-family: Gulim;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

a.menuTop2Dep:link {
    font-family: Gulim;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

a.menuTop2Dep:visited {
    font-family: Gulim;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

a.menuTop2Dep:active {
    font-family: Gulim;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

a.menuTop2Dep:hover {
    font-family: Gulim;
    font-size: 12px;
    color: #003D85;
    text-decoration: none;
    font-weight: bold;
}

.search-subject {
    height: 21px;
    padding: 1px 2px 1px 2px;
}

.search_input {
    height: 21px;
    padding: 1px 2px 1px 6px;
}

.search-select {
    border: 1px solid #D5D5D5;
    padding: 4px;
    font-family: Gulim, Verdana, Arial;
    font-size: 12px;
    background-color: #ffffff;
}

.down-input-txt {
    border: 1px solid #D5D5D5;
    padding: 2px 2px 0 2px;
    background-color: #ffffff;
    vertical-align: middle;
}
/*.search-input-txt {height:22px; border:1px solid #cccccc;	padding:2px 5px; font-family: Gulim, Verdana, Arial; font-size: 12px; background-color: #fff;  }*/

.tdBox {
    width: 24px;
    padding: 2px;
    background-color: #EBF4F9;
}

.padding_ReadOnly {
    padding-top: 5px;
    padding-bottom: 4px;
}

.padding_input5 {
    padding-left: 1px;
    background-color: #FFFFFF;
    height: 23px;
}

.displaynone {
    display: none
}

.f_sub_header {
    padding: 2px 2px 2px 5px;
    background-color: #EBF4F9;
    color: #0F548B;
    height: 23px;
}

/*cs_inputbox 컨트롤*/
.CSRadioCss01 tr td label {
    vertical-align: 2px;
}

input.CSRadioCss02 {
    height: 20px;
    vertical-align: middle;
    border: 1px solid red;
}

.CSRadioCss tr td input {
    height: 24px;
    vertical-align: middle;
}

.CSRadioCss tr td label {
    vertical-align: -1px;
    padding-left: 3px;
}

.CSRadioCss > input {
    height: 24px;
    vertical-align: middle;
}

.CSRadioCss > label {
    vertical-align: -1px;
    padding-left: 3px;
}

.CSCheckCss input {
    height: 20px;
    vertical-align: middle;
}

.CSCheckCss label {
    vertical-align: -1px;
    padding-left: 3px;
}

.CSCheckCss01 span > input {
    height: 20px;
    vertical-align: middle;
}

.CSCheckCss01 span > label {
    vertical-align: -1px;
    padding-left: 3px;
}


/*진행바-로딩바*/
.ProgressPosition {
    position: absolute;
    left: 48%;
    top: 45%;
    z-index: 400;
}

.ProgressPosition2 {
    position: absolute;
    left: 48%;
    top: 400%;
    z-index: 400;
}

.ProgressPositionFixed {
    position: Fixed;
    left: 50%;
    top: 30%;
    z-index: 400;
}

.loadingLoader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    background: #00ccff;
    background: -moz-linear-gradient(left, #00ccff 10%, rgba(0,204,255, 0) 42%);
    background: -webkit-linear-gradient(left, #00ccff 10%, rgba(0,204,255, 0) 42%);
    background: -o-linear-gradient(left, #00ccff 10%, rgba(0,204,255, 0) 42%);
    background: -ms-linear-gradient(left, #00ccff 10%, rgba(0,204,255, 0) 42%);
    background: linear-gradient(to right, #00ccff 10%, rgba(0,204,255, 0) 42%);
    position: absolute;
    left: 48%;
    top: 35%;
    z-index: 9999;
    -webkit-animation: load1 1.4s infinite linear;
    animation: load1 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    .loadingLoader:before {
        width: 50%;
        height: 50%;
        background: #00ccff;
        border-radius: 100% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    .loadingLoader:after {
        background: #ffffff;
        width: 75%;
        height: 75%;
        border-radius: 50%;
        content: '';
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

@-webkit-keyframes load1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
    background-color: #fff;
}

.btn-success.btn-outline {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info.btn-outline {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger.btn-outline {
    color: #d9534f;
    background-color: #fff;
}

    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover {
        color: #fff;
    }

/*설문*/

.list-box {
    width: 100%;
    position: relative;
    padding: 10px 0;
    font-family: sans-serif, "Gulim", "Verdana", "Arial","Dotum";
}

    .list-box > table.tb03 {
        width: 100%; /* border-top:2px solid #384157; border-bottom:1px solid #384157;*/
    }

        .list-box > table.tb03 th {
            text-align: center;
            font-weight: 500;
            color: #415791; /*background-color:#eef1f6;*/
            font-size: 14px;
            padding: 5px;
        }

        .list-box > table.tb03 td {
            font-size: 14px;
            padding: 5px;
        }


    .list-box > table.tb01 {
        width: 100%;
        border-top: 1px solid #384157;
        border-bottom: 1px solid #384157;
    }

        .list-box > table.tb01 tr {
            border-bottom: 1px solid #dfdfdf;
        }

            .list-box > table.tb01 tr:last-child {
                border-bottom: none;
            }

        .list-box > table.tb01 th {
            color: #5f5f5f;
            text-align: center;
            background-color: #f9f9f9;
            font-size: 12px;
            padding: 5px 5px 5px 5px;
            width: 15%;
        }

        .list-box > table.tb01 td {
            font-size: 13px;
            padding: 5px 30px;
            text-align: left;
        }
/*.list-box > table.tb01 td > textarea{ font-size:13px;  border:1px solid #dfdfdf; color:#303030; text-align:left;  width:100%; padding:2px 5px;}
.list-box > table.tb01 td > input.txt-box { font-size:13px;  border:1px solid #dfdfdf; color:#303030; text-align:left;  width:100%; padding:2px 5px;}
.list-box > table.tb01 td > textarea:hover, .list-box > table.tb01 td > textarea:focus,.list-box > table.tb01 td > input:hover, .list-box > table.tb01 td > input:focus{border:1px solid #5471ba;}
*/

.price2 {
    color: #5ea8e7;
}

.list-box > table.tb02 {
    width: 100%;
    border-top: 1px solid #384157;
    border-bottom: 1px solid #384157;
}

    .list-box > table.tb02 th {
        text-align: center;
        color: #5f5f5f;
        background-color: #f9f9f9;
        font-size: 12px;
        padding: 5px;
    }

    .list-box > table.tb02 td {
        border-right: 1px solid #dfdfdf;
        border-top: 1px solid #dfdfdf;
        font-size: 12px;
        padding: 5px;
    }

.totalNum {
    float: left;
    padding: 20px 10px 5px 10px;
    font-size: 14px;
    color: #656565;
    display: inline-block;
    font-family: sans-serif, "Malgun Gothic", 'Apple Gothic',sans-serif;
}

    .totalNum > span {
        color: #2b73fb;
    }

.totalNum01 {
    float: right;
    padding: 10px 10px 5px 10px;
    font-size: 14px;
    color: #656565;
    display: inline-block;
    font-family: sans-serif, "Malgun Gothic", 'Apple Gothic',sans-serif;
}

    .totalNum01 > span {
        color: #2b73fb;
    }

.paginationBox {
    width: 100%;
    position: relative;
    text-align: center;
}

.pagination01 {
    margin: 20px auto;
    display: inline-block;
}

    .pagination01 a {
        color: black;
        float: left;
        padding: 5px 13px;
        text-decoration: none;
        transition: background-color .3s;
        font-family: sans-serif, "Malgun Gothic", 'Apple Gothic',sans-serif;
        font-size: 14px;
    }

        .pagination01 a.active {
            background-color: #0080f3;
            color: white;
        }

        .pagination01 a:hover:not(.active) {
            background-color: #ddd;
            text-decoration: none;
        }

.order-list {
    padding: 0;
    margin: 2px 0;
    display: inline-block;
    width: 100%;
}

    .order-list li {
        padding: 0;
        margin: 1px 0;
    }

.radioboxArea {
    margin: 5px 0;
    padding: 0;
}

    .radioboxArea li {
        display: block;
        float: left;
        margin-right: 20px;
    }

.radiobox {
    display: block;
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    cursor: pointer;
    font-size: 12px;
    line-height: 180%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radiobox > input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radiobox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #eee;
        border-radius: 50%;
    }

    .radiobox:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .radiobox > input:checked ~ .checkmark {
        background-color: #04c885;
    }

    .radiobox > .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .radiobox > input:checked ~ .checkmark:after {
        display: block;
    }

    .radiobox > .checkmark:after {
        top: 5px;
        left: 5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }

.radioboxArea01 {
    margin: 5px 0;
    padding: 0;
}

    .radioboxArea01 li {
        display: block;
        padding: 2px 0;
    }

.radiobox01 {
    display: block;
    position: relative;
    padding-left: 25px;
    font-weight: 300;
    cursor: pointer;
    font-size: 12px;
    line-height: 150%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radiobox01 > input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radiobox01 .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #eee;
        border-radius: 50%;
    }

    .radiobox01:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .radiobox01 > input:checked ~ .checkmark {
        background-color: #04c885;
    }

    .radiobox01 > .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .radiobox01 > input:checked ~ .checkmark:after {
        display: block;
    }

    .radiobox01 > .checkmark:after {
        top: 5px;
        left: 5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }

.checkboxArea01 {
    margin: 5px 0;
    padding: 0;
}

    .checkboxArea01 li {
        display: block;
        padding: 2px 0;
    }

.checkboxA {
    display: block;
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkboxA > input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        border: 1px solid red;
    }

    .checkboxA .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #eee;
    }

    .checkboxA:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .checkboxA > input:checked ~ .checkmark {
        background-color: #04c885;
    }

    .checkboxA .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .checkboxA input:checked ~ .checkmark:after {
        display: block;
    }

    .checkboxA > .checkmark:after {
        left: 6px;
        top: 2px;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.checkbox01 {
    display: block;
    position: relative;
    padding-left: 25px;
    font-weight: 300;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkbox01 > input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        border: 1px solid red;
    }

    .checkbox01 .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #eee;
    }

    .checkbox01:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .checkbox01 > input:checked ~ .checkmark {
        background-color: #04c885;
    }

    .checkbox01 .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .checkbox01 input:checked ~ .checkmark:after {
        display: block;
    }

    .checkbox01 > .checkmark:after {
        left: 6px;
        top: 2px;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.checkbox02 {
    display: block;
    position: relative;
    font-weight: 300;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkbox02 > input {
        position: relative;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkbox02 .checkmark {
        position: absolute;
        height: 18px;
        width: 18px;
        background-color: #eee;
    }

    .checkbox02:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .checkbox02 > input:checked ~ .checkmark {
        background-color: #04c885;
    }

    .checkbox02 .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .checkbox02 input:checked ~ .checkmark:after {
        display: block;
    }

    .checkbox02 > .checkmark:after {
        left: 6px;
        top: 2px;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.form-box03 {
    position: relative;
    overflow: hidden;
    background-color: #fff !important;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 10px;
    font-size: 13px;
    margin-bottom: 10px;
    font-family: sans-serif, "Malgun Gothic", 'Apple Gothic',sans-serif;
}

    .form-box03:hover {
        cursor: move;
        background-color: #f9f9f9 !important;
        border: 1px solid #0080f3;
    }

.f-group03 {
    position: relative;
    width: 100%;
    margin: 2px 0;
    vertical-align: middle;
    background: url('/GateWeb/Common/Images/icon-sortable-handle01.png') 0 8px no-repeat;
}

.form-box03:hover > .f-group03 {
    background: url('/GateWeb/Common/Images/icon-sortable-handle01_over.png') 0 8px no-repeat;
}

.f-group04 {
    position: relative;
    width: 100%;
    margin: 2px 0;
    vertical-align: middle;
}

    .f-group04 .num {
        font-size: 18px;
        display: block;
        text-align: left;
        color: #000;
    }

.f-group03_1 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 2px 0;
    vertical-align: middle;
    text-align: left;
}

    .f-group03 .num, .f-group03_1 .num, .f-group04 .num {
        font-family: sans-serif, 'Tahoma';
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        color: #3482c7;
        margin-right: 10px;
    }

    .f-group03_1 > ul {
        margin: 0;
        padding: 0;
        width: 67%;
        display: inline-block;
    }

        .f-group03_1 > ul > li {
            display: block;
        }

            .f-group03_1 > ul > li:first-child {
                padding-left: 20px;
                color: #000;
                font-weight: 500;
                float: left
            }

            .f-group03_1 > ul > li:last-child {
                margin-top: 12px;
                float: right
            }

    .f-group03_1 .num02 {
        position: absolute;
        bottom: 20px;
        right: 0;
        width: 33%;
        text-align: center;
        font-size: 13px;
        color: #727272;
    }

        .f-group03_1 .num02 > span {
            color: #5cb85c;
            font-weight: 500;
        }

.f-group03_2 {
    margin: 10px 0;
}

.form-box03 > .list_top {
}

    .form-box03 > .list_top > ul {
        width: 98%;
        display: table;
        margin: 0;
        padding: 0;
    }

        .form-box03 > .list_top > ul > li {
            position: relative;
            float: left;
            padding-left: 20px;
            display: table-cell;
            vertical-align: middle;
            margin: 2px 10px 0 0;
            line-height: 180%;
            color: #000;
            font-weight: 500;
        }

    .form-box03 > .list_top > .btn_Area {
        position: absolute;
        top: 0;
        right: 0;
    }

        .form-box03 > .list_top > .btn_Area > a {
            width: 24px;
            height: 24px;
            display: block;
            margin-left: 5px;
            float: left;
            border-radius: 50%;
            cursor: pointer;
            opacity: 1;
        }

            .form-box03 > .list_top > .btn_Area > a:hover {
                background-color: #eaf1f6;
                opacity: 1;
            }

.form-box03 > .list_con {
    text-align: left;
    color: #606060;
}

    .form-box03 > .list_con > ul {
        width: 98%;
        margin: 0;
        padding: 0;
    }

        .form-box03 > .list_con > ul > li {
            position: relative;
            padding-left: 20px;
            margin: 2px 10px 0 0;
            line-height: 160%;
        }

.form-box03_1 {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 10px;
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
}

    .form-box03_1 > .list_top > ul {
        width: 98%;
        display: table;
        margin: 0;
        padding: 0;
    }

        .form-box03_1 > .list_top > ul > li {
            position: relative;
            float: left;
            padding-left: 10px;
            display: table-cell;
            vertical-align: middle;
            margin: 2px 10px 0 0;
            line-height: 180%;
            color: #000;
            font-weight: 500;
        }

    .form-box03_1 > .list_con {
        text-align: left;
    }

        .form-box03_1 > .list_con > ul {
            width: 100%;
            margin: 0;
            padding: 0;
        }

            .form-box03_1 > .list_con > ul > li {
                position: relative;
                padding: 5px 15px;
                line-height: 180%;
                font-size: 12px;
                color: #606060;
            }

                .form-box03_1 > .list_con > ul > li select {
                    width: 100px;
                    border: 1px solid #dfdfdf;
                    color: #5d5d5d;
                }


h3.formboxTit01 {
    background-color: #3482c7;
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
}

h4.formboxTit02 {
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-size: 16px;
    color: #434343;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin: 15px 0 10px 5px;
}

.form-box03_3 {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 10px;
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
}

    .form-box03_3 > .list_top > ul {
        width: 98%;
        display: table;
        margin: 0;
        padding: 0;
    }

        .form-box03_3 > .list_top > ul > li {
            position: relative;
            float: left;
            padding-left: 10px;
            display: table-cell;
            vertical-align: middle;
            margin: 2px 10px 0 0;
            line-height: 180%;
            color: #000;
            font-weight: 500;
        }

    .form-box03_3 > .list_con {
        text-align: left;
    }

        .form-box03_3 > .list_con > ul {
            width: 100%;
            margin: 0;
            padding: 0;
        }

            .form-box03_3 > .list_con > ul > li {
                position: relative;
                padding: 5px 15px;
                line-height: 180%;
                font-size: 12px;
                color: #606060;
            }

                .form-box03_3 > .list_con > ul > li select {
                    width: 100px;
                    border: 1px solid #dfdfdf;
                    color: #5d5d5d;
                }


.form-box03_2 {
    position: relative;
    overflow: hidden;
    font-family: "Malgun Gothic", 'Apple Gothic',sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    width: 100%;
}

    .form-box03_2 > .list_con {
        text-align: left;
        margin: 0;
        padding: 0;
    }

        .form-box03_2 > .list_con > li {
            margin: 0;
            padding: 0;
        }

            .form-box03_2 > .list_con > li > ul {
                width: 100%;
                margin: 0;
                padding: 0 0 0 15px;
            }

                .form-box03_2 > .list_con > li > ul > li {
                    position: relative;
                    margin: 2px 10px 0 0;
                    line-height: 140%;
                    color: #606060 !important;
                }


.form-box04 {
    position: relative;
    overflow: hidden;
    background-color: #eef1f6;
    padding: 10px 15px;
    font-size: 12px;
    color: #222222;
    margin-bottom: 10px;
    text-align: left;
}

    .form-box04 ul {
        background: url('/GateWeb/Common/Images/icon_important.png') 0 0 no-repeat;
        margin: 0;
        padding: 0;
    }

        .form-box04 ul > li {
            padding: 2px 0 2px 30px;
        }


.data_area {
    position: relative;
    margin: 20px auto;
    text-align: center;
    border: 1px solid #dfdfdf
}

    .data_area ul {
        padding: 0;
        margin: 0;
        width: 95%;
        display: inline-block;
    }

        .data_area ul > li {
            display: block;
            float: left;
            text-align: center;
            width: 33%;
            padding: 5px 0px;
            color: #6e6e6e;
        }

            .data_area ul > li:first-child::after {
                position: absolute;
                top: 25px;
                left: 37%;
                display: inline-block;
                content: '';
                width: 1px;
                height: 30px;
                background: #dfdfdf;
            }

            .data_area ul > li:last-child::before {
                position: absolute;
                top: 25px;
                right: 37%;
                display: inline-block;
                content: '';
                width: 1px;
                height: 30px;
                background: #dfdfdf;
            }

    .data_area > ul > li > span {
        font-family: sans-serif, 'Open Sans';
        font-weight: bold;
        font-size: 30px;
        display: block;
    }

.analysisBtn {
    display: inline-block;
    width: 99%;
    padding: 10px 0;
    margin: 10px 0 0 0;
    background-color: #f6fafd;
    color: #5e6abc;
    text-indent: 20px;
}

    .analysisBtn > span {
        display: block;
        float: left;
    }

    .analysisBtn > i {
        display: block;
        float: left;
        width: 22px;
        height: 15px;
        background: url('/GateWeb/Common/Images/icon_down.png') 10px 6px no-repeat;
        opacity: 0.6;
    }

.tb03_box {
    padding: 10px;
    background-color: #f6fafd;
}

table.tb03 {
    padding-bottom: 20px;
}

table.tb03 {
    width: 95%;
    padding: 0;
    margin: 0 auto;
    border-top: 2px solid #8fb3e4;
}

    table.tb03 caption {
        text-indent: -9999px;
    }

    table.tb03 thead th, table.tb03 tbody th, table.tb03 tfoot th {
        padding: 10px 0;
        color: #144382;
        font-size: 13px;
        font-weight: 300;
        line-height: 130%;
        border-bottom: 1px solid #d5d5d5;
        background-color: #fbfdfd;
        text-align: center;
    }

    table.tb03 tbody td.imp {
        border-bottom: 1px solid #d5d5d5;
        background-color: #fafafa;
        border-right: 1px solid #d5d5d5;
        line-height: 180%;
        padding: 5px;
        color: #3d3d3d;
        font-weight: bold;
        padding: 10px 20px;
    }

    table.tb03 tbody td, table.tb03 tfoot td {
        border-bottom: 1px solid #d5d5d5;
        line-height: 160%;
        padding: 0 20px;
        color: #3d3d3d;
        font-weight: normal;
        text-align: left;
        background-color: #f7fafc;
    }

    table.tb03 tfoot tr:last-child > th {
        border-bottom: 1px solid #8fb3e4;
    }

    table.tb03 tfoot tr:last-child > td {
        border-bottom: 1px solid #8fb3e4;
    }

    table.tb03 tbody td.borderRgay01 {
        border-right: 1px solid #dadada;
    }

.tb03_list {
    position: relative;
    padding: 0;
    margin: 2px 5px;
    clear: both;
}

    .tb03_list li {
        list-style: none;
        padding: 0;
        margin: 0;
        color: #000;
        width: 100%;
        line-height: 180%;
    }

        .tb03_list li > span {
            display: block;
            float: left;
            color: #3096e4;
            margin-right: 10px;
        }

            .tb03_list li > span:hover {
                color: #2575b3;
            }

            .tb03_list li > span:first-child::after {
                display: inline-block;
                content: '';
                width: 5px;
                height: 5px;
                background: #dfdfdf;
                border-radius: 10px;
                margin-left: 10px;
                margin-bottom: 2px;
            }

.borR1skyblue {
    border-right: 1px solid #8fb3e4;
}

.borL1skyblue {
    border-left: 1px solid #8fb3e4;
}

.borB1skyblue {
    border-bottom: 1px solid #8fb3e4 !important;
}

.drop-placeholder {
    background-color: lightgray;
    height: 3.5em;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.2em;
}

.search01 {
    width: 100%;
    position: relative;
    display: flex;
}

.searchTerm {
    width: 100%;
    border: 3px solid #0080f3;
    border-right: none;
    padding: 5px;
    height: 36px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: #9DBFAF;
}

    .searchTerm:focus {
        color: #3096e4 !important;
    }

.searchButton {
    width: 40px;
    height: 36px;
    border: 1px solid #0080f3;
    background: #0080f3;
    text-align: center;
    color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
}

    .searchButton i {
        display: block;
        width: 21px;
        height: 21px;
        background: url('../../Common/Images/searchicon_wh.png') 0 0 no-repeat;
    }

.search_wrap {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*설문끝*/

/*로그인 box*/

/*
.loginBg_body{width:100%;margin:0; padding:0;background:url('./../Images/login/loginBg_1.gif') repeat-x #005595; overflow-x:hidden;}
.loginBg_body ul li{list-style:none;}
.loginBg{width:100%; margin:0; padding:0;  position:absolute; top:0;}
.tit_watermark{width:100%;text-align:center;position:absolute; top:100px;}
.tit_watermark img{}
.loginBoxWrap{width:100%; height:95%; background:url('./../Images/login/loginAreaBg_2.png') 50% 0 no-repeat;  margin:0 auto; padding:0;}
.loginArea{position:relative;width:100%; padding:0; margin:0 auto;}

.loginBoxSdw{position:relative; top:250px; width:100%; padding-bottom:60px; background:url('./../Images/login/boxsdw.png') 50% bottom no-repeat; }
.loginBox{position:relative;width:460px; padding:15px 40px; margin:0 auto;  border-radius:10px; overflow:hidden;background-color:#fff;}
.logout_tit {font-family:'NanumGothic',sans-serif; color:#000; text-align:left; font-weight:600; font-size:20px; width:40%; float:left; margin-left:10px;}
.loginBox_logo{float:right;text-align:right; margin-right:10px;}
*/
.loginBg_body {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .loginBg_body ul li {
        list-style: none;
    }

.loginBg {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

.loginBoxWrap {
    position: relative;
    width: 100%;
    height: 98%;
    background: url('./../Images/login/loginAreaBg_3.png') 45% 0 no-repeat;
    margin: 0;
    padding: 0;
}

.loginArea {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.loginBoxSdw {
    position: relative;
    top: 150px;
    width: 100%;
    height: auto;
    padding-bottom: 60px;
    background: url('./../Images/login/boxsdw.png') 50% bottom no-repeat;
}

.loginBox_logo {
    float: right;
    text-align: right;
    margin-right: 10px;
}

.loginBox {
    position: relative;
    width: 460px;
    padding: 15px 40px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.loginBox_area {
    position: relative;
    width: 540px;
    padding: 0;
    margin: 5% auto;
    overflow: hidden;
}

.logout_tit {
    font-family: 'NanumGothic',sans-serif;
    color: #000;
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    width: 40%;
    float: left;
    margin-left: 10px;
    padding-top: 0;
}

.changePw_tit {
    background: url('./../Images/login/member_tit_txt.png') 0 0 no-repeat;
    width: 200px;
    height: 41px;
    text-indent: -1000px;
}

.txtTit02 {
    font-family: NanumSquare,sans-serif;
    color: #000;
    text-align: center;
    font-weight: 600;
    font-size: 26px !important;
}

.sso_loginBg_body {
    position: relative;
    height: 100vh;
    background: url('./../Images/login2/bg_img.png') 0 0 no-repeat #eeeeee;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sso_loginBoxWrap {
    position: relative;
    width: 100%;
    height: 100vh;
    display: inline-block;
    background: url('./../Images/login2/bg_pattern.png')0 space;
    margin: 0;
    padding: 0;
}

.sso_loginArea {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0;
    margin: 0 auto;
    overflow: auto;
}

.sso_loginBgtxt {
    position: absolute;
    bottom: 13%;
    left: 10%;
    animation: fadeInLeft 1s ease .6s both;
    width: 629px;
    height: 201px;
    content: url("./../Images/login2/temporary_txt.png");
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.sso_loginBox_logo {
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #c9c9c9;
    padding: 30px 0;
}

.sso_loginBox {
    position: absolute;
    right: 10%;
    top: 10%;
    width: 700px;
    padding: 15px 40px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.sso_login_text {
    height: 50px;
    text-align: left;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
}

.sso_loginBox2 .sso_loginBtn {
    height: 50px;
    color: #fff;
    width: 100%;
    text-align: center;
    display: block;
    border-radius: 10px;
    padding: 15px 0;
    background: rgb(173,127,249);
    background: linear-gradient(75deg, rgba(173,127,249,1) 0%, rgba(145,82,231,1) 97%);
}

    .sso_loginBox2 .sso_loginBtn:hover {
        background: rgb(145,82,231);
    }

.sso_loginBox_area {
    position: relative;
    width: 540px;
    padding: 0;
    margin: 5% auto;
    overflow: hidden;
}

.sso_loginBox h2 {
    font-family: 'Noto Sans KR',sans-serif;
    color: #000;
    text-align: left;
    font-weight: 600;
    font-size: 24px;
    float: left;
    margin-left: 10px;
    padding: 10px 0;
}

.sso_loginBox h3 {
    font-family: 'Noto Sans KR',sans-serif;
    color: #000;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    float: left;
    margin-left: 15px;
    padding: 0;
    width: 100%;
}

.sso_changePw_tit {
    background: url('./../Images/login/member_tit_txt.png') 0 0 no-repeat;
    width: 200px;
    height: 41px;
    text-indent: -1000px;
}

.sso_txtTit02 {
    font-family: NanumSquare,sans-serif;
    color: #000;
    text-align: center;
    font-weight: 600;
    font-size: 26px !important;
}

.sso_loginBox2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px dotted #c9c9c9;
}

    .sso_loginBox2 ul {
        padding: 0;
        margin: 0;
    }

        .sso_loginBox2 ul > li {
            margin: 10px;
        }

.sso_loginBox2_1 {
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dotted #c9c9c9;
    margin: 20px auto 0 auto;
    padding: 20px 10px 20px 10px;
    background: url('./../Images/login2/sso_bg_img01_1.png') right bottom no-repeat;
}

.sso_quickMenu {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}
    /*.sso_loginBox2_1_bg{position:absolute; bottom:0; right:-10px; background:url('./../Images/login2/sso_bg_img01.png') 0 0 no-repeat; width:370px; height:93px; z-index:1; border:1px solid red;}*/

    .sso_quickMenu > li {
        position: relative;
        display: block;
        float: left;
        width: 20%;
        padding: 0 5px;
    }

        .sso_quickMenu > li > a {
            display: block;
            background-color: #f4f5f7;
            padding: 20px 0;
            cursor: pointer;
        }

            .sso_quickMenu > li > a > span {
                display: block;
                width: 100%;
            }

                .sso_quickMenu > li > a > span:first-child {
                    width: 114px;
                    height: 70px;
                    background: url('./../Images/login2/sso_quickIcon.png') 0 0 no-repeat;
                    margin-top: 10px;
                }

                .sso_quickMenu > li > a > span:last-child {
                    text-align: center;
                    font-family: 'Noto Sans KR',sans-serif;
                    font-weight: 400;
                    font-size: 14px;
                    color: #151414;
                    margin: 10px 0;
                }

        .sso_quickMenu > li:nth-child(1) > a > span:first-child {
            background-position: 0 0;
        }

        .sso_quickMenu > li:nth-child(2) > a > span:first-child {
            background-position: -120px 0;
        }

        .sso_quickMenu > li:nth-child(3) > a > span:first-child {
            background-position: -241px 0;
        }

        .sso_quickMenu > li:nth-child(4) > a > span:first-child {
            background-position: -361px 0;
        }

        .sso_quickMenu > li:nth-child(5) > a > span:first-child {
            background-position: -481px 0;
        }

        .sso_quickMenu > li:nth-child(1):hover > a {
            background: #3f92f0;
        }

        .sso_quickMenu > li:nth-child(2):hover > a {
            background: #119951;
        }

        .sso_quickMenu > li:nth-child(3):hover > a {
            background: #eeaa16;
        }

        .sso_quickMenu > li:nth-child(4):hover > a {
            background: #119994;
        }

        .sso_quickMenu > li:nth-child(5):hover > a {
            background: #aa6ff8;
        }

        .sso_quickMenu > li:hover > a {
            text-decoration: none;
        }

            .sso_quickMenu > li:hover > a > span:first-child {
                width: 114px;
                height: 70px;
                background-position-y: -75px;
                margin-top: 0;
                margin-bottom: 20px;
                transition: margin .3s ease;
            }

            .sso_quickMenu > li:hover > a > span:last-child {
                font-weight: 500;
                color: #fff;
                margin: 10px 0 10px 0;
                text-decoration-line: none;
            }

/*
.sso_quickMenu > li{position:relative; display:block; float:left; background-color:#f4f5f7; margin:4px 2px; padding:0 0 30px 0; height:165px;}
.sso_quickMenu > li > span{display:block; width:100%;}
.sso_quickMenu > li > span:first-child{ width:114px; height:70px; background:url('./../Images/login2/sso_quickIcon.png') 0 0 no-repeat; margin-top:30px;}
.sso_quickMenu > li > span:last-child{ text-align:center; font-family:'Noto Sans KR',sans-serif; font-weight:400; font-size:14px;  color:#151414; margin-top:15px;}
.sso_quickMenu > li:nth-child(1) > span:first-child{background-position:0 0;}
.sso_quickMenu > li:nth-child(2) > span:first-child{background-position:-120px 0;}
.sso_quickMenu > li:nth-child(3) > span:first-child{background-position:-241px 0;}
.sso_quickMenu > li:nth-child(4) > span:first-child{background-position:-361px 0;}
.sso_quickMenu > li:nth-child(5) > span:first-child{background-position:-481px 0;}
.sso_quickMenu > li:hover{cursor:pointer;}
.sso_quickMenu > li:nth-child(1):hover{background:#3f92f0;}
.sso_quickMenu > li:nth-child(2):hover{background:#119951;}
.sso_quickMenu > li:nth-child(3):hover{background:#eeaa16;}
.sso_quickMenu > li:nth-child(4):hover{background:#119994;}
.sso_quickMenu > li:nth-child(5):hover{background:#aa6ff8;}
.sso_quickMenu > li:hover > span:first-child{ background-position-y:-75px; margin-top:10px; margin-bottom:35px; transition: margin .3s ease;}
.sso_quickMenu > li:hover > span:last-child{ font-weight:500; color:#fff;}
*/
.sso_loginFind {
    margin: 0 auto;
    width: 100%;
    font-family: 'Noto Sans KR',sans-serif;
    color: #909090;
    line-height: 150%;
    font-size: 13px;
}

    .sso_loginFind li a {
        font-size: 15px;
        color: #020202;
        letter-spacing: -0.5px;
    }


.sso_loginBox3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    margin: 5px 0 20px 0;
}

    .sso_loginBox3 ul {
        display: inline-block;
        padding: 20px 0;
        margin: 0;
        width: 100%;
        background: #f4f4f4;
    }

    .sso_loginBox3 li {
        list-style: none;
        display: block;
        margin: 0 15px;
        line-height: 180%;
        font-size: 14px;
        color: #020202;
    }

.sso_loginEx01 {
    font-size: 12px;
    text-align: left;
    margin-top: 20px !important;
    padding: 5px;
    letter-spacing: -0.5px;
    line-height: 180%;
    color: #808182;
    background: #e3e3e3;
}

/*세션종료*/
.ProgramPermissionNone{ width:500px; height:220px; color:#000; margin:20% auto; font-family:'NanumSquare', 'Nanum Gothic','나눔고딕','Malgun Gothic','돋움', dotum,'Verdana', sans-serif;}
.ProgramPermissionNone tr > th{valign:middle; align:center; padding-right:20px;}
.ProgramPermissionNone tr > td.tit{font-size:40px; font-weight:700; letter-spacing:-0.5px; margin-top:0; padding:10px 0;}
.ProgramPermissionNone .text02{ font-size:20px; font-weight:bold;  letter-spacing:-0.5px; line-height:140%;}
.ProgramPermissionNone .text02 > span{ font-size:18px; color:#6a6969;}
.ProgramPermissionNone td{}
.ProgramPermissionNone .btn_area{padding:15px 0;}
.ProgramPermissionNone .btn_area .btn_home{ text-decoration:none; background-color:#3f3f3f; color:#fff; font-size:18px; font-weight:bold; padding:10px 20px; border-radius:20px;  }
.ProgramPermissionNone .btn_area .btn_home:hover{background-color:#000;}


@media all and (max-width:1600px) {
    .sso_loginBgtxt {
        left: 2%;
    }
}

@media all and (max-width:1500px) {
    .sso_loginBg_body {
        background-position-x: -200px;
    }

    .sso_loginBgtxt {
        left: 2%;
    }

    .sso_loginBgtxt {
        position: absolute;
        bottom: 13%;
        left: 5%;
        animation: fadeInLeft 1s ease .6s both;
        width: 406px;
        height: 201px;
        content: url("./../Images/login2/temporary_txt_s.png");
    }
}

@media all and (max-width:1300px) {
    .sso_loginBgtxt {
        left: 2%;
    }

    .sso_loginBgtxt {
        bottom: 13%;
        left: 0;
    }
}

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

    .sso_loginBoxWrap {
        overflow-y: auto;
    }

    .sso_loginArea {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .sso_loginBox {
        position: absolute;
        right: 5%;
        top: 5%;
        width: 500px;
        margin-bottom: 50px;
    }

    .sso_loginBgtxt {
        bottom: 13%;
        left: 5%;
    }

    .sso_quickMenu > li {
        width: 33.333%;
        margin-bottom: 4px;
    }

        .sso_quickMenu > li:nth-child(3) {
            clear: both;
        }
}

@media all and (max-width:1000px) {
    .sso_loginBgtxt {
        bottom: 13%;
        left: 0;
    }
}

@media all and (max-width:950px) {
    .sso_loginBoxWrap {
        margin: 0 auto;
    }

    .sso_loginBox {
        width: 90%;
        margin: 0 auto;
    }

    .sso_loginBgtxt {
        display: none;
    }

    .sso_quickMenu {
        padding-left: 3%;
    }

        .sso_quickMenu > li {
            width: 20%;
            margin-bottom: 4px;
        }

            .sso_quickMenu > li:nth-child(3) {
                clear: none;
            }
}

@media all and (max-width:760px) {
    .hak_list01 {
        width: 96%;
        margin: 8px 10px 6px 10px;
    }

    .sso_quickMenu {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

        .sso_quickMenu > li {
            position: relative;
            display: block;
            float: left;
            width: 20%;
            padding: 0 5px;
        }

            .sso_quickMenu > li > a {
                display: block;
                background-color: #f4f5f7;
                padding: 10px 0;
            }

                .sso_quickMenu > li > a > span {
                    display: block;
                    width: 100%;
                    margin: 0 auto;
                }

                    .sso_quickMenu > li > a > span:first-child {
                        width: 66px;
                        height: 61px;
                        background: url('./../Images/login2/sso_quickIcon_s.png') 0 0 no-repeat;
                        margin-top: 10px;
                        overflow: hidden;
                    }

                    .sso_quickMenu > li > a > span:last-child {
                        text-align: center;
                        font-family: 'Noto Sans KR',sans-serif;
                        font-weight: 400;
                        font-size: 14px;
                        color: #151414;
                        margin: 10px 0;
                    }

            .sso_quickMenu > li:nth-child(1) > a > span:first-child {
                background-position: -15px 0;
            }

            .sso_quickMenu > li:nth-child(2) > a > span:first-child {
                background-position: -115px 0;
            }

            .sso_quickMenu > li:nth-child(3) > a > span:first-child {
                background-position: -216px 0;
            }

            .sso_quickMenu > li:nth-child(4) > a > span:first-child {
                background-position: -317px 0;
            }

            .sso_quickMenu > li:nth-child(5) > a > span:first-child {
                background-position: -415px 0;
            }

            .sso_quickMenu > li:hover > a > span:first-child {
                width: 66px;
                height: 61px;
                background-position-y: -61px;
                margin-top: 0;
                margin-bottom: 20px;
                transition: margin .3s ease;
            }

            .sso_quickMenu > li:hover > a > span:last-child {
                font-weight: 500;
                color: #fff;
                margin: 10px 0 10px 0;
            }
}

@media all and (max-width:624px) {
    .sso_quickMenu {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

        .sso_quickMenu > li {
            width: 33.3333%;
            padding: 0 2px;
            height: 131px;
        }

            .sso_quickMenu > li:nth-child(3) {
                clear: both;
            }
}

@media all and (max-width:460px) {
    .sso_quickMenu > li {
        width: 33.3333%;
        padding: 0 2px;
    }

        .sso_quickMenu > li > a > span {
            width: 100%;
        }

            .sso_quickMenu > li > a > span:first-child {
                width: 42px;
                height: 36px;
                background: url('./../Images/login2/sso_quickIcon_ss.png') 0 0 no-repeat;
                overflow: hidden;
                margin: 10px auto 0 auto;
            }

            .sso_quickMenu > li > a > span:last-child {
                margin: 10px 0;
                font-size: 13px;
            }

        .sso_quickMenu > li:nth-child(1) > a > span:first-child {
            background-position: -8px 0;
        }

        .sso_quickMenu > li:nth-child(2) > a > span:first-child {
            background-position: -69px 0;
        }

        .sso_quickMenu > li:nth-child(3) > a > span:first-child {
            background-position: -130px 0;
        }

        .sso_quickMenu > li:nth-child(4) > a > span:first-child {
            background-position: -191px 0;
        }

        .sso_quickMenu > li:nth-child(5) > a > span:first-child {
            background-position: -250px 0;
        }

        .sso_quickMenu > li:hover > a > span:first-child {
            width: 42px;
            height: 36px;
            background-position-y: -38px;
            margin-top: 0;
            margin-bottom: 20px;
            transition: margin .3s ease;
        }

        .sso_quickMenu > li:hover > a > span:last-child {
            font-weight: 500;
            color: #fff;
            margin: 10px 0 10px 0;
            text-decoration-line: none;
        }

        .sso_quickMenu > li:nth-child(3) {
            clear: both;
        }
}

.placeholderTxt > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #8c8c8c;
}

.placeholderTxt > input:-ms-input-placeholder { /* IE 10+ */
    color: #bbbbbb;
}

.placeholderTxt > input::-moz-placeholder { /* Firefox 19+ */
    color: #8c8c8c;
}

.loginBox2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #aeadad;
    float: left;
    padding: 40px 0 20px 0;
}

    .loginBox2 ul {
        padding: 0;
        margin: 0;
    }

.loginBox3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    margin: 20px 0 20px 0;
}

    .loginBox3 ul {
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .loginBox3 li {
        list-style: none;
        display: inline-block;
    }

.loginBox4 {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}

    .loginBox4 ul {
        padding: 0;
        margin: 0;
    }

.loginBox5 {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #f3f3f3;
    font-family: '돋움',Dotum, sans-serif;
    font-size: 12px;
}

    .loginBox5 ul {
        padding: 1px 20px;
        margin: 5px 0;
    }

    .loginBox5 li {
        list-style: none;
        display: inline-block;
        margin-left: 5px;
    }

.loginBox6 {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #86aed3;
    border-bottom: 1px solid #86aed3;
    font-family: '돋움',Dotum, sans-serif;
    font-size: 12px;
}

    .loginBox6 ul {
        padding: 10px 10px;
    }

    .loginBox6 li {
        list-style: none;
        display: inline-block;
        margin: 4px 0;
        line-height: 140%;
    }

.loginBoxLeft {
    position: relative;
    float: left;
    width: 40%;
    text-align: left;
    font-family: '돋움',Dotum, sans-serif;
}

    .loginBoxLeft > img {
        padding-left: 10px;
    }

.loginBoxRight {
    position: relative;
    overflow: hidden;
    float: left !important;
    width: 58%;
    text-align: left;
    font-family: '돋움',Dotum, sans-serif;
    margin-top: 30px;
}

    .loginBoxRight ul {
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 98%;
    }

    .loginBoxRight li {
        list-style: none;
        display: block;
        width: 96%;
    }

.loginOk_btn {
    display: block;
    text-align: center;
    color: #fff;
    background-color: #7bb724;
    padding: 20px 0;
    width: 112px;
    font-family: 'NanumGothic',sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.loginEx {
    display: block;
    height: 23px;
    overflow: hidden;
    text-decoration: none;
    color: #909293;
    float: left;
    text-align: left;
}

.loginEx01 {
    background-color: #f5f5f5;
    padding: 5px;
    font-size: 12px;
    text-align: left;
    margin-top: 20px;
    width: 99%;
    letter-spacing: -0.5px;
    line-height: 180%;
    color: #808182;
}

.loginEx02 {
    padding: 5px;
    font-size: 13px;
    text-align: left;
    margin-top: 20px;
    width: 99%;
    letter-spacing: -0.5px;
    line-height: 150%;
    color: #020202;
}

.loginEx03 {
    padding: 0 5px;
    font-size: 13px;
    text-align: left;
    width: 100%;
    letter-spacing: -0.5px;
    line-height: 150%;
    color: #020202;
}

    .loginEx03 dl, .loginEx03 dd, .loginEx03 dt {
        padding: 0;
        margin: 0;
    }

    .loginEx03 dd {
        background-color: #e9eff4;
        padding: 5px;
        margin-top: 5px;
    }

.loginEx img {
    border: 0;
}

.loginEx:hover {
    height: auto;
}

.exLayer {
    width: 320px;
    font-size: 12px;
    background-color: #f0f0f0;
    display: inline-block;
    padding: 10px 5px;
    margin-top: 5px;
    line-height: 150%;
}

.txtFind a {
    color: #0061aa;
    text-decoration: none;
}

.displayN {
    display: none !important;
}

.width100 {
    width: 100%;
}


.logout_txt01 {
    font-family: 'NanumGothic',sans-serif;
    font-size: 18px;
    color: #3c3a3a;
    margin: 10px 0 20px 0;
}

.logout_txt02 {
    font-family: '돋움',Dotum, sans-serif;
    font-size: 12px;
    background: #f6f6f6;
    color: #6f7376;
    padding: 10px 20px;
    text-align: left;
    line-height: 150%;
}

.loginBtn {
}


/*error페이지*/
.error-page > h2.erImg {
    float: left;
    display: block;
}

.erTxt_y {
    color: #ffa302;
    font-size: 18px;
    font-weight: bold;
}

.erTxt_b {
    color: #020202;
    font-size: 14px;
}

.btnArea02 {
    position: relative;
    width: 100%;
}

    .btnArea02 div {
        display: inline-block;
    }

        .btnArea02 div > a {
            display: inline-block;
            width: 120px;
            padding: 6px 0;
            text-align: center;
            float: left;
            margin: 0 4px;
            color: #fff;
            font-weight: bold;
            letter-spacing: -0.5px;
            font-size: 13px;
        }

.sugang-page > h2.sgImg {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 249px;
}

.sugang-page > h3 {
    text-align: center;
    margin-top: 40px;
}
/*tab*/

.wolfharu_tabmenu_menu {
}

    .wolfharu_tabmenu_menu:before, .wolfharu_tabmenu_menu:after {
        content: "";
        display: table;
    }

    .wolfharu_tabmenu_menu:after {
        clear: both;
    }

* html .wolfharu_tabmenu_menu {
    zoom: 1;
}

.wolfharu_tabmenu_menu {
    zoom: 1;
}

    .wolfharu_tabmenu_menu select {
        width: 100%;
        padding: 8px 45px 8px 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 15px;
        color: #777;
        border: 1px solid #cecece;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: normal;
        -webkit-tab-highright-color: transparent;
        background: url(.././../Images/mo_icon_tabmenu01.gif) no-repeat right center, #eeeeee;
        background: url(.././../Images/mo_icon_tabmenu01.gif) no-repeat right center, -moz-linear-gradient(top, #eeeeee 0%, #f9f9f9 10%, #ffffff 20%, #ffffff 100%);
        background: url(.././../Images/mo_icon_tabmenu01.gif) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(10%,#f9f9f9), color-stop(20%,#ffffff), color-stop(100%,#ffffff));
        background: url(.././../Images/mo_icon_tabmenu01.gif) no-repeat right center, -webkit-linear-gradient(top, #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%);
        background: url(.././../Images/mo_icon_tabmenu01.gif) no-repeat right center, -o-linear-gradient(top,#eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%);
        background: url(.././../Images/mo_icon_tabmenu01.gif) no-repeat right center, -ms-linear-gradient(top,#eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%);
        background: url(.././../Images/mo_icon_tabmenu01.gif) no-repeat right center, linear-gradient(top, #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    }

    .wolfharu_tabmenu_menu select {
        display: none;
    }

    .wolfharu_tabmenu_menu ul {
        margin: 0;
        padding: 0;
    }

        .wolfharu_tabmenu_menu ul li {
            list-style: none;
            float: left;
            position: relative;
            margin: 0 -1px -1px 0;
        }

            .wolfharu_tabmenu_menu ul li a {
                font-size: 12px;
                margin-top: 4px;
                padding: 8px 16px 8px 16px;
                border: 1px solid #cecece;
                -webkit-border-top-left-radius: 6px;
                -webkit-border-top-right-radius: 6px;
                -moz-border-radius-topleft: 6px;
                -moz-border-radius-topright: 6px;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
                background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
                display: inline-block;
            }

            .wolfharu_tabmenu_menu ul li a {
                color: #777;
                text-decoration: none;
            }

                .wolfharu_tabmenu_menu ul li a.current {
                    margin-top: 0;
                    padding-top: 10px;
                    padding-bottom: 11px;
                    border-bottom: 0 none;
                    background: #3d63ba; /* Old browsers */
                    background: -moz-linear-gradient(top, #f2f2f2 1%, #ffffff 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #f2f2f2 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #f2f2f2 1%,#ffffff 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #f2f2f2 1%, #ffffff 100%); /* IE10+ */
                    background: linear-gradient(top, #f2f2f2 1%,#ffffff 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                }

                .wolfharu_tabmenu_menu ul li a.current {
                    font-weight: bold;
                    color: #3d63ba;
                    text-shadow: 1px 1px 2px rgba(0,132,080,0.1);
                }

                .wolfharu_tabmenu_menu ul li a span {
                }

.wolfharu_tabmenu_content {
    padding: 18px 16px 12px 16px;
    border: 1px solid #cecece;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .wolfharu_tabmenu_content h2 {
        font-weight: bold;
    }

@media all and (max-width:1200px) {
    .hak_list01 > div:nth-child(2) {
        min-width: 60%;
        margin-top: 4px;
    }

    .hak_list01 .hak_Mark_area {
        float: right;
    }

    .mainCol04 {
        width: 50%;
    }

        .mainCol04:nth-child(3) {
            border-right: none;
        }

        .mainCol04:nth-child(4) {
            border-bottom: none;
        }

        .mainCol04:nth-child(2), .mainCol04:nth-child(4), .mainCol04:nth-child(6) {
            border-right: 1px solid #dfdfdf;
        }

        .mainCol04 > ol > li {
            margin: 10px;
        }
    /*
.mainChart03 > li{list-style:none; height:300px;}                
.mainChart03 > li > canvas {max-width:600px; margin:0 auto;}    
    */
}

@media all and (max-width:992px) {
    .hak_list01 > div:nth-child(2) {
        min-width: 50%;
        margin-top: 4px;
    }

    .alarmArea {
        height: auto;
    }

    .btnArea02 {
        text-align: center;
    }

    .error-page > h2.erImg {
        display: inherit;
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    .erTxt_y, .erTxt_b {
        text-align: center;
    }

    .main_sLink {
        text-align: center;
    }

        .main_sLink ul {
            margin: 0 auto;
            float: none;
        }

            .main_sLink ul li a {
                padding: 5px 10px;
            }
    /*
.mainCol03 > .mainChart01 {}
.mainCol03 > .mainChart01 >li > div{width:90%; height: 290px;}
*/

}

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

    .site_link {
        width: 100%;
    }

    .tb001_4 .tb001_4_2 .tb001_4_2_1 {
        width: 47%;
    }

    .mainCol04 {
        width: 100%;
        border-top: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-left: 1px solid #dfdfdf;
    }

        .mainCol04:nth-child(3) {
            border-right: 1px solid #dfdfdf;
        }

        .mainCol04:nth-child(6) {
            border-top: none;
            border-bottom: 1px solid #dfdfdf;
        }

    .w150px_m40p {
        width: 40%;
    }

    .w60px_m40p {
        width: 40%;
    }

    .w60px_m100p {
        width: 100%;
    }

    .w100px_m100p {
        width: 100%;
    }

    .w200px_m40p {
        width: 40%;
    }

    .w200px_m100p {
        width: 100%;
    }

    .w300px_m100p {
        width: 100%;
    }

    .w40p_m90p {
        width: 90%;
    }

    .w30p_m70p {
        width: 70%;
    }

    .w35p_m100p {
        width: 100%;
        margin-top: 2px;
    }

    .w50p_m80p {
        width: 80%;
        margin-top: 2px;
    }

    .w50p_m100p {
        width: 100%;
        margin-top: 2px;
    }

    .w88p_100p {
        width: 100%;
    }

    .m_mt5 {
        margin-top: 5px;
    }

    .m_mb5 {
        margin-bottom: 5px;
    }

    .main_sLink ul li {
        height: 100px;
    }

        .main_sLink ul li a {
            padding: 0 10px;
        }
}

@media all and (max-width:760px) {
    html, body {
        font-size: 0.95em;
        -webkit-text-size-adjust: none;
    }
    /*.tb001{position:fixed;-webkit-overflow-scrolling:touch;}*/
    .wolfharu_tabmenu_menu ul {
        display: none;
    }

    .wolfharu_tabmenu_menu select {
        font-size: 1em;
        display: block;
    }

    .wolfharu_tabmenu_content {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .tb001_4 .tb001_4_2 .tb001_4_2_1 {
        width: 100%;
    }

    .tb001_4 .tb001_4_2 .tb001_4_2_2.w69p {
        width: 100%;
    }

    .tb001_4 .tb001_4_2 .tb001_4_2_2.w30p {
        width: 100%;
    }

    .moveBtnArea {
        top: 0;
        left: 45%;
        position: relative;
    }

    .moveBtnAreaSSG {
        top: 0;
        left: 45%;
        position: relative;
    }

    .btnNext {
        float: left;
        background: url('./../Images/icon_bottom.png') 0 0 no-repeat;
        width: 26px;
        height: 26px;
        text-indent: -1000px;
    }

    .btnPre {
        float: left;
        background: url('./../Images/icon_top.png') 0 0 no-repeat;
        width: 26px;
        height: 26px;
        text-indent: -1000px;
    }

    .btnNextSSG {
        float: left;
        background: url('./../Images/icon_bottom_SSG.png') 0 0 no-repeat;
        width: 45px;
        height: 45px;
        text-indent: -1000px;
    }

    .btnPreSSG {
        float: left;
        background: url('./../Images/icon_top_SSG.png') 0 0 no-repeat;
        width: 45px;
        height: 45px;
        text-indent: -1000px;
    }

    .main_sLink {
        margin: 0 auto 10px auto;
        text-align: center;
    }

        .main_sLink ul {
            margin: 0 auto;
            padding: 0 20px;
            float: none;
        }

            .main_sLink ul li {
                float: left;
                height: 60px;
                margin: 0 5px;
            }

                .main_sLink ul li a {
                    display: block;
                    padding: 5px 0;
                }

                    .main_sLink ul li a > em {
                        display: none;
                    }
}

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

    .site_link ul li a img {
        width: 41px;
    }

    .site_link ul li a em {
        font-size: 0.8em;
        letter-spacing: -1px;
    }

    .MainboardDivInfo {
        display: none;
    }
    /*.main_sLink{margin:0 auto; text-align:center; }
.main_sLink ul{text-align:center; float:none;}
.main_sLink ul li a{display:block; padding:10px 15px;}
*/

    .main_sLink ul {
        width: 85%;
        padding: 0;
        margin: 0;
    }

        .main_sLink ul li {
            float: left;
            height: 45px;
            margin: 0 2px;
        }

            .main_sLink ul li a {
                display: block;
                padding: 5px 5px;
            }

                .main_sLink ul li a > span {
                    display: block;
                    width: 35px;
                    height: 35px;
                    margin: 0 auto;
                    background: url('./../Images/main_new/main_IconList_s.png') no-repeat;
                }

                .main_sLink ul li a > em {
                    display: none;
                }

    .main_sLink .main_sIcon01 span {
        background-position: 0 0;
    }

    .main_sLink .main_sIcon01:hover span {
        background-position: 0 -37px;
    }

    .main_sLink .main_sIcon02 span {
        background-position: -37px 0;
    }

    .main_sLink .main_sIcon02:hover span {
        background-position: -37px -37px;
    }

    .main_sLink .main_sIcon03 span {
        background-position: -74px 0;
    }

    .main_sLink .main_sIcon03:hover span {
        background-position: -74px -37px;
    }

    .main_sLink .main_sIcon04 span {
        background-position: -111px 0;
    }

    .main_sLink .main_sIcon04:hover span {
        background-position: -111px -37px;
    }

    .main_sLink .main_sIcon05 span {
        background-position: -148px 0;
    }

    .main_sLink .main_sIcon05:hover span {
        background-position: -148px -37px;
    }

    .main_sLink .main_sIcon06 span {
        background-position: -185px 0;
    }

    .main_sLink .main_sIcon06:hover span {
        background-position: -185px -37px;
    }

    .main_sLink .main_sIcon07 span {
        background-position: -222px 0;
    }

    .main_sLink .main_sIcon07:hover span {
        background-position: -222px -37px;
    }

    .main_sLink .main_sIcon08 span {
        background-position: -259px 0;
    }

    .main_sLink .main_sIcon08:hover span {
        background-position: -259px -37px;
    }

    .main_sLink .main_sIcon09 span {
        background-position: -296px 0;
    }

    .main_sLink .main_sIcon09:hover span {
        background-position: -296px -37px;
    }

    .main_sLink .main_sIcon10 span {
        background-position: -333px 0;
    }

    .main_sLink .main_sIcon10:hover span {
        background-position: -333px -37px;
    }

    .main_sLink .main_sIcon11 span {
        background-position: -370px 0;
    }

    .main_sLink .main_sIcon11:hover span {
        background-position: -370px -37px;
    }

    .main_sLink .main_sIcon12 span {
        background-position: -407px 0;
    }

    .main_sLink .main_sIcon12:hover span {
        background-position: -407px -37px;
    }

    .main_sLink .main_sIcon13 span {
        background-position: -444px 0;
    }

    .main_sLink .main_sIcon13:hover span {
        background-position: -444px -37px;
    }

    .main_sLink .main_sIcon14 span {
        background-position: -481px 0;
    }

    .main_sLink .main_sIcon14:hover span {
        background-position: -481px -37px;
    }

    .main_sLink .main_sIcon15 span {
        background-position: -518px 0;
    }

    .main_sLink .main_sIcon15:hover span {
        background-position: -518px -37px;
    }


    .tb_02 > table > tbody > tr > th {
        width: 10%;
    }

    .tb_02 > table > tbody > tr > td {
        width: auto;
    }

    .w500px_m100p {
        width: 100%;
    }

    .w50p_m70p {
        width: 70%;
    }

    .m_w99p {
        display: block;
        width: 99%;
    }

    .w5p_mAuto, .w7p_mAuto, .w8p_mAuto, .w10p_mAuto, .w15p_mAuto, .w20p_mAuto, .w25p_mAuto, .w30p_mAuto, .w35p_mAuto, .w40p_mAuto, .w45p_mAuto, .w50p_mAuto, .w55p_mAuto,
    .w60p_mAuto, .w65p_mAuto, .w70p_mAuto, .w75p_mAuto, .w80p_mAuto, .w85p_mAuto, .w90p_mAuto, .w95p_mAuto, .w100p_mAuto, .w100px_mAuto {
        width: auto !important;
    }
    /*.w150 {width:100%;}*/


    /*.tit_watermark{width:100%;text-align:center;position:absolute; top:80px;}
.tit_watermark img{width:100%}
.logout_tit {width:100%; text-align:center; margin-left:0;}
.loginBox_logo{display:none;}
.loginBoxWrap{width:100%;background:url('./../Images/login/loginAreaBg_2.png') 50% 0 no-repeat;  margin:0 auto; padding:0;}
.loginBoxSdw{position:relative; top:150px; width:100%; padding-bottom:60px; background:url('./../Images/login/boxsdw.png') 50% bottom no-repeat; }
.loginBox{position:relative;width:70%; padding:15px 40px; margin:0 auto;  border-radius:10px; overflow:hidden;background-color:#fff;}

.loginBoxLeft{float:left; width:100%; text-align:center; }
.loginBoxRight{float:left; width:100%; text-align:left; margin-top:10px;}

.loginBoxRight li .s_text{width:100%;}
.exLayer{width:95%;font-size:12px; padding:5px; margin-bottom:20px;}
.loginBtn{float:none; text-align:center; margin-top:20px;}
*/
    .logout_tit {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .loginBox_logo {
        display: none;
    }

    .loginBoxWrap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .loginBoxSdw {
        position: relative;
        top: 50px;
        width: 100%;
        padding-bottom: 60px;
        background: url('./../Images/login/boxsdw.png') 50% bottom no-repeat;
    }

    .loginBox {
        position: relative;
        width: 70%;
        padding: 15px 40px;
        margin: 0 auto;
        border-radius: 10px;
        overflow: hidden;
        background-color: #fff;
    }

    .loginBox_area {
        position: relative;
        width: 70%;
        padding: 15px 40px;
        margin: 0 auto;
        overflow: hidden;
    }

    .loginBoxLeft {
        float: left;
        width: 100%;
        text-align: center;
    }

        .loginBoxLeft > img {
            padding-left: 0;
        }

    .loginBoxRight {
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

        .loginBoxRight li .s_text {
            width: 100%;
        }

    .exLayer {
        width: 95%;
        font-size: 12px;
        padding: 5px;
        margin-bottom: 20px;
    }

    .loginBtn {
        margin: 10px 0 0 0;
    }

        .loginBtn > input {
            width: 94px;
            float: left;
            margin: 0 2px;
        }


    .f_sub_title02 {
        text-align: center;
    }

    .list05 dt {
        width: 30%;
    }

    .list05 dd {
        width: 70%;
    }

    .hak_list01 > div.hak_photo {
        width: 90%;
        position: static;
        top: 0;
        text-align: center;
        margin: 0 auto;
        transform: scale(1);
    }

        .hak_list01 > div.hak_photo:hover {
            border: 0;
        }

        .hak_list01 > div.hak_photo img {
            z-index: inherit;
        }

    .hak_list01 > div:nth-child(2) {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    .hak_list01 .hak_Mark_area {
        margin: 0 auto;
        text-align: center;
        float: none;
        width: 100%;
    }



    .tb001_2 > ul {
        padding: 0 5px;
    }

        .tb001_2 > ul > li {
            margin: 2px 10px 0 0;
        }

    /*width*/
    /*
.w20, .w25, .w30, .w35, .w40, .w45, .w50, .w60, .w65, .w70, .w71, .w72, .w73, .w74, .w75,
.w76,.w77, .w78, .w79, .w80, .w85, .w86, .w87, .w88, .w89, .w90, .w95, .w97, .w100, .w110, 
.w120, .w125, .w130, .w135, .w136, .w137, .w138, .w139, .w140, .w145, .w150, .w151, .w152, 
.w153, .w154, .w155, .w160, .w161, .w162, .w163, .w164, .w165, .w166, .w167, .w168, .w169, 
.w170, .w180, .w185, .w190, .w191, .w192, .w193, .w194, .w195, .w196, .w197, .w198, .w199, 
.w200, .w201, .w202, .w203, .w204, .w205, .w206, .w207, .w208, .w209, .w210, .w211, .w212, 
.w213, .w214, .w215, .w216, .w217, .w218, .w219, .w220, .w230, .w238, .w239, .w240, .w250, 
.w260, .w270, .w278, .w280, .w285, .w290, .w300, .w310, .w320, .w330, .w340, .w350, .w360, 
.w370, .w380, .w390, .w400, .w480, .w500, .w520, .w600, .w660{width:100% !important;} 
*/
    table.tb_03 > tbody > tr > td > .w100,
    table.tb_03 > tbody > tr > td > .w120, table.tb_03 > tbody > tr > td > .w150 {
        width: 90%;
    }

    table.tb_03 > tbody > tr > td > .w80 {
        width: 80%;
    }

    table.tb_03 > tbody > tr > td > .w70_3p {
        width: 30%;
    }

    table.tb_03 > tbody > tr > td > .w160_5p {
        width: 50%;
    }

    table.tb_07 > tbody > tr > td > .w100,
    table.tb_07 > tbody > tr > td > .w120, table.tb_07 > tbody > tr > td > .w150 {
        width: 90%;
    }

    table.tb_07 > tbody > tr > td > .w80 {
        width: 80%;
    }

    table.tb_07 > tbody > tr > td > .w70_3p {
        width: 30%;
    }

    table.tb_07 > tbody > tr > td > .w160_5p {
        width: 50%;
    }
}

@media all and (max-width:420px) {
    .main_sLink ul {
        width: 80%;
    }
}


.HeaderFreezing {
    background-color: White;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    z-index: 10;
}

.cgvHeader a:link {
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #3F3F3F;
    text-decoration: none
}

.cgvHeader a:visited {
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #3F3F3F;
    text-decoration: none
}

.cgvHeader a:hover {
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #3F3F3F;
    text-decoration: underline;
    color: #3F3F3F;
}

.cgvTable_01 {
    border: 1px solid green !important;
}

    .cgvTable_01 > tbody > tr > th {
        border: 1px solid red !important;
    }

.cgvTableTop0 {
    border-left: 1px solid #99ACBB;
    border-right: 1px solid #99ACBB;
    border-bottom: 1px solid #99ACBB;
}

    .cgvTableTop0 > tbody > tr {
        border-left: 1px solid #99acbb !important;
    }

table.cgvTableTop0 tbody:nth-of-type(1) tr:nth-of-type(1) td {
    border-top: none !important;
}

.cgvHeader {
    background-color: #EBF4F9;
    text-align: center;
    height: 22px;
    cursor: pointer;
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #0F548B;
    font-weight: lighter;
    /*box-shadow:inset 0 1px #C0C0C0, 0 1px #99ACBB;*/ box-shadow: inset 0 1px #C0C0C0, 0 1px #99ACBB;
    border-top: 1px solid #99ACBB !important;
    border-bottom: none !important;
    padding-top: 4px;
    position: sticky !important;
    top: 0;
}

.cgvRow2 {
    background-color: #FFFFFF;
    text-align: left;
    height: 30px;
    cursor: pointer;
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #3F3F3F;
    font-weight: lighter;
    border-bottom-color: #99ACBB;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-color: #99ACBB;
    border-right-width: 0px;
    border-right-color: #C0C0C0;
    border-top-width: 1px;
    border-top-color: #99ACBB;
    border-style: solid;
    padding: 2px;
    /*position: fixed;*/
}

.cgvRow {
    background-color: #FFFFFF;
    text-align: center;
    height: 22px;
    cursor: pointer;
    font-family: "Gulim", "Verdana", "Arial";
    font-size: 12px;
    color: #3F3F3F;
    font-weight: lighter;
    border-bottom-color: #99ACBB;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-color: #99ACBB;
    border-right-width: 0px;
    border-right-color: #C0C0C0;
    border-top-width: 1px;
    border-top-color: #99ACBB;
    border-style: solid;
    padding: 2px;
    /*position: fixed;*/
}


.tempinput {
    border: 1px solid #D5D5D5;
    padding: 4px;
    font-family: "Gulim", "Verdana", "Arial","Dotum", sans-serif;
    font-size: 12px;
    letter-spacing: -0.5px;
}


.cursor-pointer {
    cursor: pointer !important;
}


/* -----------------------------(tab)-----------------------------  */
/* 새로운 tab 컬러(theme:adminflare) */
.nav-flare > li.active > a,
.nav-flare > li.active > a:hover,
.nav-flare > li.active > a:focus {
    background: #3690e6 !important;
    border-bottom: 2px solid #1f83e3 !important;
}

.nav-flare .nav-justified > .active > a {
    border-bottom-color: #1f83e3 !important;
}

/* 새로운 tab 컬러(theme:adminfresh의 상단bar 컬러) */
.nav-yg > li.active > a,
.nav-yg > li.active > a:hover,
.nav-yg > li.active > a:focus {
    background: #94c53e !important;
    border-bottom: 2px solid #83b035 !important;
}

.nav-yg .nav-justified > .active > a {
    border-bottom-color: #83b035 !important;
}


.td-midalign {
    vertical-align: middle !important;
}

.td-border {
    border: 1px solid #e4e4e4;
}

.graybg {
    background-color: #E6E6E6 !important;
}

.lightgarybg {
    background-color: #D8CEF6 !important;
}


/*#endregion */


/* css3dev 에서 온 코드*/
/* CSS3 Checkbox Styles https://codepen.io/bbodine1/pen/novBm */
/* $activeColor: #c0392b; //red */
/* $background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/13460/dark_wall.png'); */
/* .slideOne */
.slideOne {
    width: 50px;
    height: 10px;
    background: #333;
    margin: 20px auto;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

    .slideOne label {
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        top: -3px;
        left: -3px;
        cursor: pointer;
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        border-radius: 50px;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .slideOne input[type=checkbox] {
        visibility: hidden;
    }

        .slideOne input[type=checkbox]:checked + label {
            left: 37px;
        }

/* end .slideOne */
/* .slideTwo */
.slideTwo {
    width: 80px;
    height: 30px;
    background: #333;
    margin: 20px auto;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

    .slideTwo:after {
        content: '';
        position: absolute;
        top: 14px;
        left: 14px;
        height: 2px;
        width: 52px;
        background: #111;
        border-radius: 50px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    }

    .slideTwo label {
        display: block;
        width: 22px;
        height: 22px;
        cursor: pointer;
        position: absolute;
        top: 4px;
        z-index: 1;
        left: 4px;
        background: #fcfff4;
        border-radius: 50px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    }

        .slideTwo label:after {
            content: '';
            width: 10px;
            height: 10px;
            position: absolute;
            top: 6px;
            left: 6px;
            background: #333;
            border-radius: 50px;
            box-shadow: inset 0px 1px 1px black, 0px 1px 0px rgba(255, 255, 255, 0.9);
        }

    .slideTwo input[type=checkbox] {
        visibility: hidden;
    }

        .slideTwo input[type=checkbox]:checked + label {
            left: 54px;
        }

            .slideTwo input[type=checkbox]:checked + label:after {
                background: #27ae60;
                /*activeColor*/
            }

/* end .slideTwo */
/* .slideThree */
.slideThree {
    width: 80px;
    height: 26px;
    background: #333;
    margin: 20px auto;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

    .slideThree:after {
        content: 'OFF';
        color: #000;
        position: absolute;
        right: 10px;
        z-index: 0;
        font: 12px/26px Arial, sans-serif;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
    }

    .slideThree:before {
        content: 'ON';
        color: #27ae60;
        position: absolute;
        left: 10px;
        z-index: 0;
        font: 12px/26px Arial, sans-serif;
        font-weight: bold;
    }

    .slideThree label {
        display: block;
        width: 34px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 1;
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        border-radius: 50px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    }

    .slideThree input[type=checkbox] {
        visibility: hidden;
    }

        .slideThree input[type=checkbox]:checked + label {
            left: 43px;
        }

/* end .slideThree */
/* .roundedOne */
.roundedOne {
    width: 28px;
    height: 28px;
    position: relative;
    margin: 20px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

    .roundedOne label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        left: 4px;
        top: 4px;
        background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
        background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
        border-radius: 50px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .roundedOne label:after {
            content: '';
            width: 16px;
            height: 16px;
            position: absolute;
            top: 2px;
            left: 2px;
            background: #27ae60;
            background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
            background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
            opacity: 0;
            border-radius: 50px;
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
        }

        .roundedOne label:hover::after {
            opacity: 0.3;
        }

    .roundedOne input[type=checkbox] {
        visibility: hidden;
    }

        .roundedOne input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

/* end .roundedOne */
/* .roundedTwo */
.roundedTwo {
    width: 28px;
    height: 28px;
    position: relative;
    margin: 20px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

    .roundedTwo label {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 4px;
        left: 4px;
        cursor: pointer;
        background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
        background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
        border-radius: 50px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .roundedTwo label:after {
            content: '';
            width: 9px;
            height: 5px;
            position: absolute;
            top: 5px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .roundedTwo label:hover::after {
            opacity: 0.3;
        }

    .roundedTwo input[type=checkbox] {
        visibility: hidden;
    }

        .roundedTwo input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

/* end .roundedTwo */
/* .squaredOne */
.squaredOne {
    width: 28px;
    height: 28px;
    position: relative;
    margin: 20px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

    .squaredOne label {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 4px;
        left: 4px;
        cursor: pointer;
        background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
        background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .squaredOne label:after {
            content: '';
            width: 16px;
            height: 16px;
            position: absolute;
            top: 2px;
            left: 2px;
            background: #27ae60;
            background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
            background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
            opacity: 0;
        }

        .squaredOne label:hover::after {
            opacity: 0.3;
        }

    .squaredOne input[type=checkbox] {
        visibility: hidden;
    }

        .squaredOne input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

/* end .squaredOne */
/* .squaredTwo */
.squaredTwo {
    width: 28px;
    height: 28px;
    position: relative;
    margin: 20px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

    .squaredTwo label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        left: 4px;
        top: 4px;
        background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
        background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .squaredTwo label:after {
            content: '';
            width: 9px;
            height: 5px;
            position: absolute;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredTwo label:hover::after {
            opacity: 0.3;
        }

    .squaredTwo input[type=checkbox] {
        visibility: hidden;
    }

        .squaredTwo input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

/* end .squaredTwo */
/* .squaredThree */
.squaredThree {
    width: 20px;
    height: 19px;
    position: relative;
    margin: 0px auto;
    background: url(blue.png) no-repeat;
}

    .squaredThree label {
        width: 14px;
        height: 14px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background: url(blue.png) no-repeat;
        border-radius: 4px;
        /* box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);*/
    }

        .squaredThree label:after {
            content: '';
            width: 9px;
            height: 5px;
            position: absolute;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredThree label:hover::after {
            opacity: 0.3;
        }

    .squaredThree input[type=checkbox] {
        visibility: hidden;
    }

        .squaredThree input[type=checkbox]:checked + label {
            opacity: 1;
            background-position: -40px 0;
        }

/* end .squaredThree */
/* .squaredFour */
.squaredFour {
    width: 20px;
    position: relative;
    margin: 20px auto;
}

    .squaredFour label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        border-radius: 4px;
        box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    }

    .squaredFour label:after {
        content: '';
        width: 9px;
        height: 5px;
        position: absolute;
        top: 4px;
        left: 4px;
        border: 3px solid #333;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .squaredFour label:hover::after {
        opacity: 0.5;
    }

    .squaredFour input[type=checkbox] {
        visibility: hidden;
    }

    .squaredFour input[type=checkbox]:checked + label:after {
        opacity: 1;
    }
/* end .squaredFour */

.txtL {
    text-align: left;
}

.txtC {
    text-align: center;
}

.txtR {
    text-align: right;
}

.sumRow {
    background-color: #f6f6f6;
    /* padding-right: 1px;*/
    border-bottom: 1px solid #111;
    /*   height: 27px;*/
}