/* BASIC css start */
.grade-bg {height: 110px; background: #f3f3f3; margin-bottom:20px;}
.bg h1.grade-title {
    font-family: GothamPro, sans-serif !important;
    text-align: center;
    font-size: 20px;
    color:#333333;
letter-spacing:0.015em;

}
.grade-bg p {top:200px; color:#666; font-size:14px; font-weight:normal;}

.grade {margin-bottom:125px;}
.grade h2 {font-size:16px; margin:20px 0 20px 2%; font-weight: bold; color: #333333;}
.grade table {width:96%; margin:0 2% 20px 2%;}
.grade table tr.first {border-top:2px solid #333333;}
.grade table tr.icon {}
.grade table tr.icon td {height:120px; font-weight:600;}
.grade table tr.icon img{width:40%;}
.grade table tr.coupon {}
.grade table tr.coupon td {height:120px; font-weight:600;}
.grade table tr.coupon img{width:60px;}
.grade table tr.txt {}
.grade table tr.txt td {height:80px;}
.grade table tr {border-left:none; border-right:none;}
.grade table tr:last-child {border-bottom:1px solid #333333;}
.grade table tr td, th{border-right:1px solid #eeeeee; border-top:1px solid #eeeeee; font-size:14px; line-height:21px;}
.grade table tr th {font-size:14px; width:100%; padding-left:30px; border-left:none; border-right:none; color:#333; font-weight:600; text-align:left;}
.grade table tr td {width:33.33%; font-weight:400; color:#666; text-align:center;}
.grade table tr td img {width:50%; padding-bottom:10px;}
.grade table tr td p {}
.grade table tr:first-child p{font-family: GothamPro, "Noto Sans KR", sans-serif; font-size:14px; font-weight:400; padding-top:25px;}
.grade table tr td:last-child {border-right:none; border-bottom:none;}
.grade table tr.last {border-bottom:2px solid #333333;}

.grade table tr th.row1{height:50px;}

.sub {font-size:13px; color:#999;}
.diamond {color:#3868a9;}
.platinum {color:#ad3941;}
.gold {color:#c89c00;}
.silver {color:#a0a0a0;}
.bronze {color:#b28750;}
.normal {color:#859a58; font-weight:600 !important;}

.grade-notice {}
.grade-notice table {width:96%; margin:0 2% 20px 2%;}
.grade-notice table tr.first {border-top:2px solid #333333;}
.grade-notice table tr:last-child {border-bottom:2px solid #333333;}
.grade-notice h2 {font-size:16px; margin:20px 0 20px 2%; font-weight: bold; color: #333333;}
.grade-notice table tr th {padding-left:10px; text-align:left; height:100px; width:40%; border-left:none; border-right:none; color:#333; font-weight:600;}
.grade-notice table tr td, th{border-top:1px solid #eeeeee; font-size:14px;}
.grade-notice table tr td {text-align:left; width:60% margin-left:10%; line-height:18px;}
.grade-notice table tr td:last-child {border-right:none;}

.grade-notice table tr th.row1{height:50px;}

.grade-text {width:90%; margin:0 5% 30px 5%;}
.grade-text h3 {font-size:14px; color:#333333; font-weight:600; padding-bottom:10px;}
.grade-text p {font-size:13px; color:#999999; font-weight:400; padding-top:10px; text-indent : -10px}
/* BASIC css end */