/* BASIC css start */
.allhpcard {width: 1080px; margin: 0 auto; position: relative;}
.allhpcard ul{width: 100%;}
.allhpcard li{float: left; position: relative; width: 338px; border-radius: 7px; border: 1px solid #ddd; margin-top: 20px; text-align: center; padding-top: 15px; margin-right:30px;}
.allhpcard img{ width: 230px;}
.allhpcard dt{ font-size: 20px; font-weight: bold; line-height: 32px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #d4d4d4; text-align: center;}
.allhpcard dd{ font-size: 13px; color: #626262; line-height: 23px; border-bottom: 1px solid #d4d4d4; text-align: left; padding: 15px 20px; }
.allhpcard font{ color: #aa36bb; font-size: 16px; font-weight: 600;}
.allhpcard .mprice{ text-align: right; font-size: 20px; font-weight: bold; padding: 15px 20px; line-height: 18px;}
.allhpcard .mprice span{font-size: 13px; font-weight: normal; color: #626262;}
.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;}
.allhpcard:after{ content:''; display:block; clear:both; }

.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 */