.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 ;}
table {border-spacing: 0}
table th, table td {padding: 0}
.borderR_no{border-right: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;}

}
@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%;
                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 {
        margin: 0 auto;
        padding: 10px;
        overflow: hidden;
        max-width: 96%;
    }

        .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 > 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: 1px solid #dfdfdf;
        -moz-border-radius: 5px; /*모질라*/
        -webkit-border-radius: 5px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/
        border-radius: 5px;
    }

        .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: 10px 0;
            font-size: 12px;
        }

            .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_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_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;
        }

    .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;
    }

    .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;
    text-decoration-color: red;
}

    .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
    }

    .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;
    }
.sumRow {background-color: #f6f6f6;padding-right: 1px;border-bottom: 1px solid #111;}

    /* 입력 및 조회 필드 */
    .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;
    }

    .w20 {
        width: 20px;
    }

    .w25 {
        width: 25px;
    }

    .w30 {
        width: 30px;
    }

    .w35 {
        width: 35px;
    }

    .w40 {
        width: 40px;
    }

    .w45 {
        width: 45px;
    }

    .w50 {
        width: 50px;
    }

    .w60 {
        width: 60px;
        min-width: 40px;
        max-width: 100px
    }

    .w65 {
        width: 65px;
    }

    .w70 {
        width: 70px;
        min-width: 50px;
        max-width: 100px
    }

    .w70_3p {
        width: 70px;
    }

    .w71 {
        width: 71px;
    }

    .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;
    }

    .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;
    }

    .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;
    }

    .w660 {
        width: 660px;
    }

    .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: 700px;
        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: 21px;
        width: 47%;
        float: left;
        margin-left: 10px;
        padding-top: 5px;
    }

    .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;
    }


    @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: inline-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;
                        }

    /*241129 추가*/
    .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;
        }
}

    @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;}


        .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;
    }