.sub2_01_02{color:#444}
.sub_btn_wrap{background: #f9f9f9e0;padding: 2% 0;}
.sub_btn_wrap:first-child{border-top-right-radius:11px;border-top-left-radius:11px}
.sub_btn_wrap:last-child,.sub_btn_wrap.last{border-bottom-right-radius:11px;border-bottom-left-radius:11px;border-bottom: none;}

ul.tabs,ul.tabs_inner{justify-content: center;align-items:stretch;border: none;overflow: visible;}
ul.tabs li{width: calc(100%/6); border: none; padding: 12px;border-radius: 13px; height: 70px;overflow: unset;background: none;color: #454545 !important;}
ul.tabs li span{font-size:18px; line-height:1.4;}
ul.tabs li.active{background: none;color: #fff !important;border: 2px solid;position: relative;background: #208ce8 !important;}
ul.tabs li.active:after {content: "";display: block;position: absolute;width: 12px;height: 15px;left: 50%;bottom: -15px;transform: translateX(-50%);z-index: 10;border-top: 10px solid #208ce8;border-right: 10px solid transparent;border-left: 10px solid transparent;}
ul.tabs_inner li{width: auto;border: none;margin: 0.5%;padding: 12px;border-radius: 17px;height: 42px;font-size: 1.1em;background: #f5f5f5;color: #45455dd1;}
ul.tabs_inner li.active {background: #eef7ff;color: #2c9dff;}
ul.tabs li span,ul.tabs_inner li span{position: relative;display: block;}

.sub_02_01_line {border-top: 1px dashed  #e8e8e8;}
.bgbox{background: #fff7f2;padding: 20px;border-radius: 20px;}
.bgbox2{background: #ffe6d7;padding: 20px 10px;border-radius: 20px;}
.bgbox p{padding-left: 10px ;text-indent: -10px;}
.kevbox p{text-indent: 0px !important;}
.point_txt{font-size: 2em;background: #e70012;font-weight: 700;color: #fff;display: block;width: 50%;margin: 20px auto;border-radius: 30px;padding: 8px;}
.point_txt.gray{background: #666;}
.point_txt2{font-size: 1.5em;background: #e70012;color: #fff;width: inherit;max-width: 50%;min-width: 300px;margin: 40px auto 20px auto;border-radius: 20px;padding: 8px;position: relative;}

.point_txt2:before {content: "";display: block;width: 23px;height: 10px;border-bottom: 14px solid #e70012;border-right: 14px solid transparent;border-left: 10px solid transparent;transform: skew(310deg, -1deg);top: -13px;left: 18%;position: absolute;}
.color-y{color: yellow;}
.tbl01 tbody tr td:first-child,.tbl01 thead tr th{font-weight: bold;}
.tbl01 tbody tr td.border_L, .tbl01 thead tr th.border_L{border-left: 1px solid #cccccc;font-weight: normal;}
.tbl01 {width: 100%;border-top: 2px solid #ff7c3c;}
.tbl01 * {word-break:keep-all; }
.tbl01 td, .tbl01 th {padding: 10px !important;}

.sub2_01_05{color: #ff2828;	} 
.sub2_01_06.circle{background: #ce0e14;width: 90px;height: 90px;line-height: 90px;display: inline-block;border-radius: 100%;color: #fff;font-size: 1.4em;margin: 2% .5%;}
.sub2_01_06.circle.gray {background: #ababab;color: #fff;width: 130px;height: 130px;line-height: 130px;text-align: center;}
span.sub2_01_06.circle.gray.gray_2 { background: #808080; color: #fff; background: #e4e4e4; color: #808080;border: 1px solid #808080;}
.ksp-tit.border > span{padding: 3px;background: #eaeaea;line-height: 2;}
.ksp-tit{position:relative;padding: 0 2%;}
.ksp-tit strong{position:relative;color: #e41919;}
.ksp-tit.bg-icn strong:after{content:"";display:block;position:absolute;background: url(../img/bg-icn.png) no-repeat;width: 22px;height: 60px;top: 0;left: -10%;background-size: contain;}
.ksp-tit.bg-icn strong:before {content: "";display: block;position: absolute;background: url(../img/bg-icn.png) no-repeat;width: 22px;height: 60px;top: 0;right: -10%;background-size: contain;transform: translateY(-2px) scale(-1);}
.ksp-tit strong.color-B{color: #000;}

.kev-tit{padding:0 2%; margin:5% 0 2%; font-weight:600; color:#005bac; text-align:center;}
.kev-tit b{font-size:22px}

.ft-icon-list {display: flex; flex-wrap:wrap;    justify-content: center; color: #ce0e14; margin-top: 20PX !important;}
.ft-icon-list img {width: 70%;}
.ft-icon-list li b {margin-top: 10px; display: block; font-size:14px;;}
.stick-list {display: flex; flex-wrap:wrap;    justify-content: center;}
.stick-list li {padding: 0 20px !important; text-align: center; font-size:15px;}
.stick-list li p {margin-top: 10px; font-weight: 500;}

.grade-list {display: flex; flex-wrap:wrap;  justify-content: space-between; width: calc(100% + 20px) !important; margin-top: -10px !important; margin-left: -10px !important;}
.grade-list li {width: calc(100%/5 - 20px);border-top: 2px solid;flex: auto;font-size:14px;background: #f2f3f6;font-weight: 400;line-height: 1.4;margin: 10px;text-align: left;padding: 20px !important;}
.grade-list li p {font-size:18px; font-weight: 700; margin-bottom: 10px;}

.ladder-list {display: flex; flex-wrap:wrap;  justify-content: space-between;}
.ladder-list li {width: 48%; margin-top: 5%; text-align: center; font-size:16px; line-height: 1.4;}
.ladder-list li img {max-width: 500px; width: 100%;}
.ladder-list li b {color: #0083cb;}

.box-bg {border:2px solid #0097d0; padding: 3% 0;  border-radius:10px}
.box-bg .color {color: #0097d0 !important; }

.box-gray {background: #f5f5f5; padding: 5% 3%;}

.eco-logo {width: 100px;}
.eco-logo-tit {width: 100px;}

.smart-hood-bg {margin-top: 3%;width: 100%; overflow:hidden; background: url(/img/smart-hood-bg.jpg) no-repeat center/cover; color: #fff; padding: 250px 60px}
.smart-hood-bg * {color: #fff !important; text-align: left !important;}

.smart-hood-bg .ksp-tit {padding: 0;}
.smart-hood-bg img {width: 300px; margin-bottom: 40px;margin-top: 10px;}
.smart-hood-bg .ksp-tit span {margin-top: 40px; width: 100%; max-width: 700px;}
.smart-hood-bg .ksp-tit {font-size:30px;}
.ksp-tit em {font-size:0.7em}

@media (max-width: 1230px){
ul.tabs li span{font-size:16px;}
}

@media (max-width: 991px){

.bgbox{margin-top: 10px;}
.point_txt2{font-size: 1.2em;}
ul.tabs li{width: calc(100%/3);max-width:230px; height:60px; border-radius:10px;}
ul.tabs li:nth-child(n+4){margin-top:20px;}
ul.tabs li.active:after {bottom: -15px;border-top: 6px solid #208ce8;border-right: 7px solid transparent;border-left: 7px solid transparent;}

.ksp-tit.bg-icn strong:after{width: 8px;height: 35px;top: 15px;left: -5%;}
.ksp-tit.bg-icn strong:before {width: 8px;height: 35px;top: 0;right: -5%;transform: translateY(11px) scale(-1);}
.smart-hood-bg {padding: 20% 5%;}
}

@media (max-width:768px){
ul.tabs li{width: calc(100%/3); max-width:192px; height:55px; }
ul.tabs li:nth-child(n+4){margin-top:16px;}
.grade-list li {width: calc(100%/3 - 20px);}
.grade-list li p {font-size:15px;}
}

@media (max-width:700px){
.ksp-tit.bg-icn strong:after{width: 8px;height: 35px;top: 4px;left: -5%;}
.ksp-tit.bg-icn strong:before {width: 8px;height: 35px;top: 0;right: -5%;transform: translateY(2px) scale(-1);}

.kev-tit b{font-size:19px;}

ul.tabs li { max-width: 165px;}
ul.tabs li span{font-size:13px; font-weight:600;}
ul.tabs li:nth-child(n+4){margin-top:14px;}

}


@media (max-width:600px){
.sub2_01_title > img{width:22px}
    
ul.tabs{justify-content:left;}
ul.tabs li{padding:0;max-width: inherit;width: 48%;  height: 50px;}
ul.tabs li:nth-child(n+3){margin-top:12px;}
ul.tabs li.active{border-radius:11px}
ul.tabs li.active:after{display:none;}
ul.tabs li span{width:100%;max-width:inherit;padding: 0 10px;font-size:13px !important;}
.tab_container .tab_content ul{width:calc(100% + 30px);left:-15px;position:relative;margin-bottom: 10px;}
ul.tabs_inner li{width: auto;margin: 0.5%;padding: 5px;height: 34px;font-size: 12px !important;}
.sub2_01_06.circle,.sub2_01_06.circle.gray{width: 80px;height: 80px;line-height: 80px;font-size: 0.9em;}
.sub2_01_06.circle.gray{font-size: 0.8em;}
.point_txt{font-size: 14px;;width: 60%;}
.point_txt2{font-size: 1em;width: inherit;min-width: 250px;padding: 5px;}

.sub2_01_01{font-size:12px}
.sub2_01_05,.sub2_01_03,.sub2_01_05a{font-size:14px}
.ksp-tit span{font-size: 0.8em;}

.bgbox{padding: 10px;}

.kev-tit b{font-size:16px;}
.stick-list, .grade-list {width: 100% !important; left: 0 !important;}
.stick-list li  {font-size:14px; width: 30%;padding: 0 10px !important;}
.stick-list li img {width: 100%;}

.grade-list li {width: calc(100%/1 - 20px); margin: 3px 10px; padding: 13px !important;}
.grade-list {margin-top: 0 !important;}
.grade-list li p {font-size:14px; margin-bottom: 3px;}
.ladder-list li  {width: 100%; font-size:14px;}
.smart-hood-bg {padding: 25% 4% 10% 4%;}
.smart-hood-bg img {width: 150px;margin-bottom: 20px;margin-top: 2px;}

.smart-hood-bg .ksp-tit {font-size:20px;}
.smart-hood-bg .ksp-tit span {font-size:13px; margin-top: 20px;}
.eco-logo {width: 60px !important;}
.eco-logo-tit {width: 54px;}

}

@media (max-width:400px){
.sub2_01_title{font-size:18px;}


ul.tabs li span,.kisenWrap > div{font-size:12px !important;}
.tab_container .tab_content ul{justify-content:left;}
ul.tabs_inner li{font-size:8px !important;width:48%;margin:1%}

.sub2_01_06.circle{width: 70px;height:70px;line-height: 70px;}
.ksp-tit.bg-icn strong:after,.ksp-tit.bg-icn strong:before{display:none;}
.ksp-tit.bg-icn strong{border-bottom:2px solid #afafaf;}

.kev-tit b{font-size:14px;}
}

@media (max-width:320px){
ul.tabs li{width: 100%; height: 40px; border-radius:5px;}
ul.tabs li.active{border-radius:5px;}
ul.tabs li:nth-child(n+2){margin-top:0px;}
}