/* BASIC css start */
.scon .allhpcard {width:100%; display:block; overflow: hidden;}
.scon .allhpcard li{float: left; position: relative; width:255px; border-radius: 7px; border: 1px solid #ddd; margin-top: 10px; text-align: center; padding-top: 15px; margin-right:30px;}
.scon .allhpcard img{ width: 215px;}
.scon .allhpcard dt{ font-size: 20px; font-weight: 800; line-height: 32px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #d4d4d4; text-align: center;}
.scon .allhpcard dd{ font-size: 13px; color: #626262; line-height: 23px; border-bottom: 1px solid #d4d4d4; text-align: left; padding: 15px 20px; }
.scon .allhpcard font{ color: #aa36bb; font-size: 16px; font-weight: 600;}
.scon .allhpcard .mprice{ text-align: right; font-size: 20px; font-weight: 800; padding: 15px 20px; line-height: 18px;}
.scon .allhpcard .mprice span{font-size: 13px; font-weight: normal; color: #626262;}
.scon .allhpcard button{display: inline-block; width: 90%; background-color:#5b5b5b; text-align:center; font-size:18px; color:#fff; font-weight: 600; line-height:40px; margin-bottom:15px; border-radius:3px; border:0px; font-family:'³ª´®°íµñ', 'Nanum Gothic', dotum, sans-serif;}
.scon .allhpcard:after{ content:''; display:block; clear:both; }

.scon .allhpcard li .flags {
    display: inline-block;
    height: 30px;
    padding: 0 16px;
    border-radius: 15px;
    background: #AA36BB;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
}
/* BASIC css end */