/* Margin */
.m-0 { margin: 0px !important; }
.m-hori-0 { margin-left: 0 !important; margin-right: 0 !important; }
.m-top-0 { margin-top: 0px; }
.m-top-5 { margin-top: 5px; }
.m-top-10 { margin-top: 10px; }
.m-top-15 { margin-top: 15px; }
.m-top-20 { margin-top: 20px; }
.m-top-30 { margin-top: 30px; }
.m-top-50 { margin-top: 50px; }
.m-top-80 { margin-top: 80px; }
.m-top-100 { margin-top: 100px; }
.m-right-0 { margin-right: 0px !important; }
.m-right-3 { margin-right: 3px; }
.m-right-5 { margin-right: 5px; }
.m-right-100 { margin-right: 100px; }
.m-bottom-0 { margin-bottom: 0px !important; }
.m-bottom-1 { margin-bottom: 1px; }
.m-bottom-5 { margin-bottom: 5px; }
.m-bottom-10 { margin-bottom: 10px !important; }
.m-bottom-15 { margin-bottom: 15px; }
.m-bottom-30 { margin-bottom: 30px !important; }
.m-bottom-50 { margin-bottom: 50px; }
.m-bottom-100 { margin-bottom: 100px; }
.m-left-0 { margin-left: 0px; }
.m-left-10 { margin-left: 10px; }
.m-left-15 { margin-left: 15px; }
.m-left-20 { margin-left: 20px; }
.m-left-25 { margin-left: 25px; }
.m-left-72 { margin-left: 72px; }

/* Padding */
.p-0 { padding: 0px !important; }
.p-5 { padding: 5px; }
.p-15 { padding: 15px !important; }
.p-30 { padding: 30px !important; }
.p-top-0 { padding-top: 0px !important; }
.p-top-10 { padding-top: 10px !important; }
.p-top-15 { padding-top: 15px; }
.p-top-20 { padding-top: 20px; }
.p-top-30 { padding-top: 30px; }
.p-top-50 { padding-top: 50px; }
.p-left-0 { padding-left: 0px !important; }
.p-left-10 { padding-left: 10px; }
.p-left-15 { padding-left: 15px; }
.p-left-30 { padding-left: 30px; }
.p-right-5 { padding-right: 5px; }
.p-right-10 { padding-right: 10px; }
.p-right-15 { padding-right: 15px; }
.p-right-20 { padding-right: 20px; }
.p-right-30 { padding-right: 30px; }
.p-right-100 { padding-right: 100px; }
.p-bottom-0 { padding-bottom: 0px; }
.p-bottom-10 { padding-bottom: 10px; }
.p-bottom-15 { padding-bottom: 15px; }
.p-bottom-30 { padding-bottom: 30px; }
.p-bottom-50 { padding-bottom: 50px; }
.p-lr-15 { padding-left: 15px; padding-right: 15px; }

/* Font */
.nanum-square { font-family: 'NanumSquareOTFR00' }
.nanum-square-bold { font-family: 'NanumSquareOTFB00' }

.text-upper { text-transform: uppercase; }

.font-cancel { text-decoration: line-through; opacity: 0.8; }
.font-bold { font-weight: bold; }
.font-normal { font-weight: normal !important; }
.font-12 { font-size: 12px !important; line-height: 22px; }
.font-13 { font-size: 13px; line-height: 23px; }
.font-14 { font-size: 14px; line-height: 24px; }
.font-16 { font-size: 16px; line-height: 26px; }
.font-18 { font-size: 18px; line-height: 28px; }
.font-20 { font-size: 20px !important; line-height: 30px; }
.font-24 { font-size: 24px !important; line-height: 34px; }
.font-30 { font-size: 30px; line-height: 40px; }
.font-36 { font-size: 36px; line-height: 46px; }
.font-60 { font-size: 60px; line-height: 60px; }

/* Border */
.border-card { border: 1px solid #e1e1e1; border-radius: 5px; padding: 20px; }
.border-1 { border: 1px solid #e1e1e1; }
.border-right-1-dot-dark { border-right: 1px dotted #616161; }
.border-card-teal { border: 2px dotted #80cbc4; border-radius: 5px; padding: 20px; }
.border-card-amber { border: 2px dotted #ffc107; border-radius: 5px; padding: 30px; }

.section-border { border: 1px solid #e1e1e1; border-radius: 10px; padding: 20px; margin-bottom: 20px; }
.section-border-form { border: 1px dotted #c1c1c1; border-radius: 10px; padding: 30px; margin-bottom: 20px; }
.section-border-dark { border: 1px solid #818181; border-radius: 5px; padding: 20px; }

/* Width */
.max-width-600 { max-width: 600px; }

/* Height */
.max-height-300 { max-height: 300px; overflow-x: hidden; }
.min-height-120 { min-height: 120px; }
.min-height-150 { min-height: 150px; }
.min-height-300 { min-height: 300px; }

/* Element */
.msg-success-dark { font-size: 12px; color: #a5d6a7; } /* 성공 메시지 */
.msg-price { font-size: 12px; color: #388e3c; line-height: 50px; } /* 가격 메시지 */
.msg-limit { font-size: 12px; color: #F44336; } /* 몇자 제한 메시지 */
.msg-limit-dark { font-size: 12px; color: #ef9a9a ; } /* 몇자 제한 메시지 */
.msg-fail-dark { font-size: 12px; color: #ef9a9a ; } /* 실패 메시지 */
.help { position: relative; top: 5px; padding-left: 5px; } /* h3 도움말 말풍선 */
.help-etc { position: relative; top: 2px; padding-left: 5px; }
.memo { font-size: 12px; font-weight: 600; color: #F44336; text-align: center; margin: 15px 0 5px 0; } /* 제작 참고 메모 */

.float-right { float: right; }

.btn-small { padding: 0 12px; height: 28px; line-height: 28px; font-size: 11px; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.18), 0 0px 0px 0 rgba(0, 0, 0, 0.15); } /* 작은버튼 */
.btn-table-small { padding: 0 8px; height: 24px; line-height: 22px; font-size: 11px; font-weight: 600; border: 1px solid #d1d1d1; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.05), .5px .5px .5px 0px rgba(0, 0, 0, 0.08); } /* 작은버튼 */

.font-dec { text-decoration: line-through; }

/* 삭제 대상 */
.valign-edit { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; }
.add-valign-parents { display: table; }
.add-valign { display: table-cell; vertical-align: middle; }


/* ------------------------------ OOCSS 197175 ver 1.0 ------------------------------ */
/* Align */
.margin-auto { margin: 0 auto; }
.center-align { text-align: center !important; }
.left-align { text-align: left !important; }
.right-align { text-align: right !important; }

/* Size */
.height-100 { height: 100px; }
.height-120 { height: 120px; }
.height-150 { height: 150px; }
.height-200 { height: 200px; }
.height-250 { height: 250px; }

.min-height-100 { min-height: 100px; }

/* Box */
.border-card-dark { border: 1px solid #616161; padding: 15px; border-radius: 5px; }
.border-card-solid { border: 1px solid #ccc; }
.border-card-solid-radius { border: 1px solid #ccc; border-radius: 5px; }
.border-card-dotted { border: 2px dotted #ccc; border-radius: 5px; }

/* Border Color */
.border-light-grey { border-color: #e1e1e1; }
.border-teal { border-color: #80cbc4; }

/* Memo */
.msg-green { font-size: 12px; color: #388e3c; }
.msg-red { font-size: 12px; color: #F44336; }
.msg-success { font-size: 12px; color: #388e3c; }
.msg-fail { font-size: 12px; color: #F44336; }

/* TABLET STYLE */
@media only screen and (max-width : 992px) {
}

/* MOBILE STYLE */
@media only screen and (max-width : 600px) {
    .border-card-solid { margin-bottom: 15px; }
    .border-card-solid-radius { margin-bottom: 15px; }
}