/* BASIC css start */
.dn{display:none !important;}


#calc{
margin:25px 13px;
/*margin: 25px 20px;*/}

#calc *{/*font-family: 'Spoqa Han Sans Neo';*/}

#calc h3{font-size:16px;color:#333; font-weight: bold;}

#calc p.msg{
    padding: 10px 0 12px;
    font-size: 11px;
    color: #333333;
    font-weight: 400;
    letter-spacing: -.8px;
}


#calc input[type="radio"]{width: 13px !important;
    height: 13px !important;
    background: #fff url(//blancdecor.jpg2.kr/2022/pc/img/icons/radio_off.png) no-repeat center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-appearance: inherit;
    background-size: contain;}

/*
#calc input[type="radio"]:hover{
    background: #fff url(//blancdecor.jpg2.kr/2022/pc/img/icons/radio_on.png) no-repeat left top; cursor:pointer; 
}
*/
#calc input[type="radio"]:checked{
    background: #fff url(//blancdecor.jpg2.kr/2022/pc/img/icons/radio_on.png) no-repeat center; cursor:pointer;
    background-size: contain; }
    
    
    
p.tit{font-size: 13px;
    letter-spacing: -.9px;
    color: #111;
    font-weight: bold;
    padding: 13px 0 9px;}

p.info{
    font-size: 12px;
    color: #767676;
    padding-bottom: 12px;
    letter-spacing: -.35px;}

p.style_tit{
    font-size: 12px;
    color: #111111;
    font-weight: 500;
    padding: 12px 0 3px;}

p.inputbox{
    width: 98px;
    height: 28px;
    line-height: 28px;
    position: relative;
    border: 1px solid #e7e7e7;
    background: #f5f5f5;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;}
    
p.inputbox em.touch{ absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    z-index: 2;
    text-align: right;
    width: 60px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    color: #767676;}
    
p.inputbox input[type=text]{
    color: #767676;
    width: 60px;
    height: 23px;
    line-height: 23px;
    background: none;
    border: 0;
    text-align: right;
    text-indent: 10px;}
    
p.inputbox span.unit{
    position: absolute;
    right: 10px;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    letter-spacing: -.5px;}


.CalcTable {
    display: table;
    width: 100%;
}

.CalcTableBody {
    display: table-row-group;
    text-align: left;
}

.CalcTableRow {
    display: block;
    width: 100%;
}

.CalcTableFooter .CalcTableCell{
    padding-top: 20px;
    text-align: center;}


.CalcTableFooter .CalcTableCell p{
    font-size: 10px;
    font-family: initial !important;
    color: #767676;
    letter-spacing: -1px;
    line-height: 1.6;
    font-weight: 500;}

.CalcTableFooter .CalcTableCell p .redpoint{
    font-size: 11px;
    color: #b83232;
    font-family: initial !important;
    font-weight: bold;}

.CalcTableCell {
    border-top: 1px solid #ececec;
}

.CalcTableCell .cross{
    display: inline-block;
    font-size: 12px;
    color: #767676;
    font-family: 'Lato' !important;
    height: 23px;
    line-height: 23px;
    vertical-align: top;
    padding: 0 7px;}

.CalcTableHead {
    padding: 5px 5px;
    margin-top: 5px;
    margin-left: 10px;
}

.point {width: 60px;
    height: 23px;
    line-height: 22px;
    background: none;
    border: 0;
    text-align: right;
    text-indent: 10px;
    font-size: 14px;
    display: inline-block;
    color: #767676;
    font-weight: 400;
}

.small {
    font-size: small;
}

input[type=text] {
    outline: none;
    width: 70px;
    height: 25px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    text-align: center;
    font-size: small;
}

.box-radio-input input[type="radio"] {}

.box-radio-input input[type="radio"]+span {
    padding: 3px 0 3px 3px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 11px;
    color: #767676;
    width: 18%;
    display: inline-block;
}

.box-radio-input input[type="radio"]:checked+span {}

#bongzip_style{}
#buttefly_style{}
#eyelet_style{padding-bottom: 15px;}
/* BASIC css end */