.main_icon_01 {
background: url(../image/main_icon_01.png) center 40px no-repeat;
filter: grayscale(100%);
}
.main_icon_01:hover, .main_icon_02:hover, .main_icon_03:hover, .main_icon_04:hover{
    filter: grayscale(0%) !important;
}
.main_icon_02 {
background: url(../image/main_icon_02.png) center 40px no-repeat;
filter: grayscale(100%);
}
.main_icon_03 {
background: url(../image/main_icon_03.png) center 40px no-repeat;
filter: grayscale(100%);
}
.main_icon_04 {
background: url(../image/main_icon_04.png) center 40px no-repeat;
filter: grayscale(100%);
}
.online_con{
margin-bottom: 70px;
}
/*수익률*/
.callout-dark.heading-title {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.heading-title.heading-arrow-top, .heading-title.heading-arrow-bottom {
    color: #fff;
    background-color: #252525;
}
.callout-dark {
    z-index: 10;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.heading-title {
    display: block;
    position: relative;
    padding: 80px 0;
    border-bottom: rgba(0,0,0,0.1) 1px solid;
    background-color: #fff;
    -webkit-transition: all .400s;
    -moz-transition: all .400s;
    -o-transition: all .400s;
    transition: all .400s;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    background-size: cover !important;
    box-sizing: border-box !important;
}
.heading-title.heading-arrow-bottom:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #252525;
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
}
.text-white{
color: #fff!important;
}

/*추가*/
.tr_line{border-bottom: 2px solid;}

.graph-bar .no01 {width: 20px;}
.graph-bar .no02 {width: 42px;}
.graph-bar .no03 {width: 64px;}
.graph-bar .no04 {width: 86px;}
.graph-bar .no05 {width: 108px;}

.graph-bar span {
    display: block;
    height: 15px;
    background: url(/img/icon.png) no-repeat 0 -107px;
}
.graph-bar {
    display: inline-block;
    width: 108px;
    height: 15px;
    background: url(/img/icon.png) no-repeat 0 -90px;
}
.text-red {color: #ef4136 !important;}
@media screen and (max-width: 768px){
.main_icon_01 {
background: url(../image/main_icon_01.png) center 20px no-repeat;
background-size: 30%;
}
.main_icon_02 {
background: url(../image/main_icon_02.png) center 20px no-repeat;
background-size: 30%;
}
.main_icon_03 {
background: url(../image/main_icon_03.png) center 20px no-repeat;
background-size: 30%;
}
.main_icon_04 {
background: url(../image/main_icon_04.png) center 20px no-repeat;
background-size: 30%;
}
.online_con{
margin-bottom: 50px;
}
}
@media screen and (max-width: 480px){
.main_icon_01 {
background: url(../image/main_icon_01.png) center 20px no-repeat;
background-size: 20%;
}
.main_icon_02 {
background: url(../image/main_icon_02.png) center 20px no-repeat;
background-size: 20%;
}
.main_icon_03 {
background: url(../image/main_icon_03.png) center 20px no-repeat;
background-size: 20%;
}
.main_icon_04 {
background: url(../image/main_icon_04.png) center 20px no-repeat;
background-size: 20%;
}
.online_con{
margin-bottom: 30px;
}
}