/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
    margin: 0;
    padding: 0
}

fieldset, img {
    border: 0 none
}

dl, ul, ol, menu, li {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

input, select, textarea, button {
    vertical-align: middle
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}

body {
    background: #fff
}

body, th, td, input, select, textarea, button {
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Nanum Gothic', sans-serif;
    color: #000
}
main {
    display: block;
}

/* color값은 디자인가이드에 맞게사용 */
a {
    color: #333;
    text-decoration: none
}

a:active, a:hover {
    text-decoration: underline
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal
}

/* global */
.blind {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px
}

/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

.f_l {
    float: left
}

.f_r {
    float: right
}

.cl_b {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both
}

.show {
    display: block
}

.hide {
    display: none
}

.tbl {
    border-collapse: collapse;
    border-spacing: 0
}

/* 테이블 초기화 */

#submain05_wrap{ width:100%; height:auto;  margin:0 auto; border-top:1px solid #fff; background:#f8f8f8; } /*메인화면 백그라운드*/
#submain05_container{margin:0 auto; height:auto; width:100%; position:relative; clear:both   } /*메인아래단 위치 및 크기*/


.BjdSd::-ms-expand{display: block;}
.BjdSgg::-ms-expand{display: block;}
.BjdEmd::-ms-expand{display: block;}
.grade01{width: 30px; height: 30px; background: #0099FF; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.gradecol01{font-size: 14px;}
.grade02{width: 30px; height: 30px; background: #00CCFF; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.gradecol02{font-size: 14px;}
.grade03{width: 30px; height: 30px; background: #00CC00; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.gradecol03{font-size: 14px;}
.grade04{width: 30px; height: 30px; background: #FF9933; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.gradecol04{font-size: 14px;}
.grade05{width: 30px; height: 30px; background: #FF3333; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.gradecol05{font-size: 14px;}

.grade01_2{width: 30px; height: 30px; background: #0099FF; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade02_2{width: 30px; height: 30px; background: #E1E1E1; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade03_2{width: 30px; height: 30px; background: #FF3333; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}


.grade01_3{width: 30px; height: 30px; background: #0099FF; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade02_3{width: 30px; height: 30px; background: #FFFF33; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade03_3{width: 30px; height: 30px; background: #FF9933; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade04_3{width: 30px; height: 30px; background: #FF3333; border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}


.grade01_4{width: 25px; height: 25px; background: #FFFFC6; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade02_4{width: 25px; height: 25px; background: #003E00; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade03_4{width: 25px; height: 25px; background: #1B6200; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade04_4{width: 25px; height: 25px; background: #3F8600; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade05_4{width: 25px; height: 25px; background: #63AA00; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade06_4{width: 25px; height: 25px; background: #87CE00; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade07_4{width: 25px; height: 25px; background: #ABF200; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade08_4{width: 25px; height: 25px; background: #CFFF24; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade09_4{width: 25px; height: 25px; background: #F3FF48; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade10_4{width: 25px; height: 25px; background: #FFFF7E; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade11_4{width: 25px; height: 25px; background: #FFFFC6; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}
.grade12_4{width: 25px; height: 25px; background: #EAEAEA; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
/*-moz-opacity: 0.5;           Netscape */
/*-khtml-opacity: 0.5;         Safari 1.x */
/*opacity: 0.5;                Good browsers */}

.legend_span{display: inline-block; vertical-align: middle; line-height: 4px; color: #FFF; font-weight: 600; font-size: 16px; text-align: center;}