/*--------------------------------------*/
#divCalcCounter {
    display: block;
    background-color: white;
    border: 0px solid #dfdfdf;
    padding-top:20px;
    padding-bottom:10px;
    border-radius:40px;
    box-shadow: 1px 1px 5px #eaeaea;
    /*height: 300px;*/

}

#btnCounter {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

#divCountingCal
{
    display:inline-block;
    position:inherit;
    width:130px;
    height:130px;
    line-height:155px;
    background-image: url("Images/CountingCal-back.png");
 }


#divCounterBarOut {
    display: inline-block;
    width: 60%;
    border: 1px solid blue;
    height: 20px;
    text-align: left;
}

#divCounterBar {
    display: inline-block;
    width: 0%;
    border: 0px solid blue;
    height: 100%;
    background-color: royalblue;
}

#divCalcCounter img {
    display:block;
    width:70px;
    height:70px;
    margin:0;
}

#divCalcCounter .clsFontHan {
    display: inline-block;
    font-size: 24pt;
    color: #434343;
}

#divCalcCounter .clsFontHan2 {
    display: inline-block;
    font-size: 18pt;
    color: #4a4a4a;
    position:relative;
    font-weight:initial;
}

#divCalcCounter .clsFontHan3 {
    display: inline-block;
    font-size: 20pt;
    color: #747576;
    position:relative;
}

#divCalcCounter .clsFontNum {
    display: inline-block;
    font-size: 30pt;
    color: #262626;

}

#divCalcCounter .clsFontNumCal {
    display: inline-block;
    font-size: 30pt;
    color: #515151;
}

#divCalcCounter .clsFontNumBook {
    display: inline-block;    
    color: #585858;
    font-weight:100;
}

#divCalcCounter .clsFontNumSoopion {
    display: inline-block;    
    color: #EA3156;
    font-weight:500;
}

#divCalcCounter .clsCountQNum {
    font-size:32pt;
    text-align:center;
}

#divCalcCounter .clsFontNum2 {
    display: inline-block;
    font-size: 20pt;
    font-weight:600;
    color: #4a4a4a; 
}

.clsCalcCountBookBox {
    display: inline-block;
    font-size: 20pt;
    border:0px solid red;
    position:relative;
    top:-10px;
}

/* 모바일 일때 **************************** */
@media screen and (max-width: 500px) {

    #divCalcCounter {
    display:inline-block;
    width:90%;
}

    #divCountingCal
{
    width:80px;
    height:80px;
    line-height:95px;
    background-image: url("Images/CountingCal-back-Mobile.png");
 }

    #divCalcCounter .clsFontNumCal {
    display: inline-block;
    font-size: 22pt;
}


    #divCalcCounter .clsFontHan {    
        font-size: 20pt;        
    }

    #divCalcCounter .clsFontNum {        
        font-size: 22pt;        
    }

    #divCalcCounter .clsCountQNum {
    font-size:22pt;
}

    #divCalcCounter .clsFontHan2 {
        font-size: 14pt;
    }

        #divCalcCounter .clsFontHan3 {
        font-size: 1.2em;
    }

    #divCalcCounter .clsFontNum2 {
        font-size: 14pt;
    }

}
/* 모바일 end */