@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
body.ko, body.ko h1, body.ko h2, body.ko h3, body.ko h4, body.ko h5 {
    font-family: Noto Sans KR, 'Nanum Gothic', Helvetica, Arial, sans-serif;
}
body.ja { 
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ >Ｐゴシック","MS PGothic", "Open Sans", Arial, sans-serif !important; 
}

.badge, .form-control, .btn, .input-group { border-radius: 0; }

.badge { padding: 5px; font-size: 0.8rem; font-weight: initial;}

.text-fixed { 
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

highlight { 
    background-color: #ffff00;
    border-radius: 3px;
}

.font-200 { font-size: 2.0rem; }
.font-190 { font-size: 1.9rem; }
.font-180 { font-size: 1.8rem; }
.font-170 { font-size: 1.7rem; }
.font-160 { font-size: 1.6rem; }
.font-150 { font-size: 1.5rem;  }
.font-140 { font-size: 1.4rem; }
.font-130 { font-size: 1.3rem; }
.font-120 { font-size: 1.2rem; }
.font-110 { font-size: 1.1rem; }
.font-100 { font-size: 1.0rem; }
.font-095 { font-size: 0.95rem; }
.font-090 { font-size: 0.90rem; }
.font-085 { font-size: 0.85rem; }
.font-080 { font-size: 0.80rem; }
.font-075 { font-size: 0.75rem; }
.font-070 { font-size: 0.70rem; }
.font-060 { font-size: 0.60rem; }

/* 커스텀 버튼 Start */
.btn-gray { background: #F5F4F4; border: 1px solid #D4D4D4; }

.btn-custom-light { background: #fff; border: 1px solid #150505; }
.btn-custom-dark { background: #fff; background: #1A1A1A; color: #fff; }
.btn-custom-dark:hover { color: #fff; }

.btn-custom-light-blue { background-color: #B6CAEF; color: #0A0C0B; }
.btn-custom-light-blue:hover { color: #0A0C0B; }

.btn-custom-outline-red { background: #fff; border: 1px solid #BF1112; }
.btn-custom-light-red { background-color: #F7C9CB; color: #0A0C0B; }
.btn-custom-light-red:hover { color: #0A0C0B; }
.btn-custom-red { background-color: #BF1212; color: #fff; }
.btn-custom-red:hover { color: #fff; }

.btn-custom-light-green { background-color: #CDEBDF; color: #0A0C0B; }
.btn-custom-light-green:hover { color: #0A0C0B; }

.btn-custom-blue { background-color: #2D63C5; color: #fff; }
.btn-custom-blue:hover { color: #fff; }

.btn-custom-green { background-color: #10B377; color: #fff; }
.btn-custom-green:hover { color: #fff; }

.btn-custom-light-yellow { background-color: #FAE2A6; color: #0A0C0B; }
.btn-custom-light-yellow:hover { color: #0A0C0B; }

.btn-custom-yellow { background-color: #FFA10D; color: #fff; }
.btn-custom-yellow:hover { color: #fff; }
/* 커스텀 버튼 Finished */

/* 커스텀 텍스트 색상 Start */
.text-custom-red { color: #BF1212; }
.text-custom-blue { color: #2C63C3; }
.text-custom-green { color: #10B377; }
.text-custom-yellow { color: #FFA10D; }
/* 커스텀 텍스트 색상 Finished */

/* 커스텀 배경 색상 Start */
.bg-custom-red { background-color: #BF1212; }
.bg-custom-blue { background-color: #2C63C3; }
.bg-custom-green { background-color: #10B377; }
.bg-custom-yellow { background-color: #FFA10D; }
.bg-initial { background-color: initial; }
/* 커스텀 배경 색상 Finished */


/* 리뷰 별점 Start */
.product-ratings, .ratings {
    position: relative;
    display: inline-block;
    letter-spacing: 0.1em;
    line-height: 1;
    font-family: 'FontAwesome';
}
.product-ratings {
    height: 1px;
}
.product-ratings::before {
    content: "\f005" "\f005" "\f005" "\f005" "\f005";
    color: #b3b3b3;
}
.product-ratings .ratings {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
}
.product-ratings .ratings::before {
    content: "\f005" "\f005" "\f005" "\f005" "\f005";
    color: #BF1112;
}
/* 리뷰 별점 Finished */

/** 게시판 기본 스타일 Start */
article img { cursor: pointer; }

.hljs { padding: 0.5rem !important; }
.hljs-ln-code { padding-left: 10px !important; }
.hljs-ln-numbers { background: #444 !important; padding: 0 5px; min-width: 30px; text-align: center; }
.hljs-copy-button { top: 0.5em !important; }
.hljs-addition {
    background-color: transparent !important;
}