.page-blc .detail h1,
.page-blc .detail h2,
.page-blc .detail h3,
.page-blc .detail h4,
.page-blc .detail h5
{
    color:#fff !important;
}

.layout-style01 .side-bar .list .item a:hover {
    background-color: #f06414;
    color: #fff;
}

#header .top-bar .left-blc{
    padding-right:0px !important;
}
#header .top-bar .logo {
    max-width: 38vw!important;
   
}
@media screen and (max-width: 575px){
    #header .top-bar .right-blc {
        width: 48vw!important;
    }
    #header .top-bar .left-blc {
        width: calc(100% - 38vw) !important;
    }
}
@media screen and (max-width: 480px){
    #header .top-bar .right-blc {
        width: 48vw!important;
    }
    #header .top-bar .left-blc {
        width: calc(100% - 38vw) !important;
    }
}
/*#contents {*/
/*    padding-top: 0px !important;*/
/*}*/
.layout-style01 .side-bar .list {
    height: calc(100% - 60px) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: center;

    
}
.btn-style02 .btn-disabled {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.member-blc .step-status .item.active {
    background: #f06414 !important;
    box-shadow: #ff9151 0px 0px 4px 2px inset;
}
.member-blc .form-blc .txt-bottom .btn-txt {
    color: #fcc165 !important;
    text-shadow: 1px 1px 2px #000, 0 0 1em #f1e9e9, 0 0 0.2em #2c2c2c;
    text-decoration: underline !important;
}
.mobile-shortcut .c-item .txt01{
    font-size:15px !important;
    bottom: 10px !important;
    font-weight: 400 !important;
}
@media screen and (max-width: 767px){
    
    #hot{
        margin-bottom:10px;
    }
   
}