/*
?v=8
*/
.btn {
	display: inline-block; cursor: pointer;
	font-weight: 400; font-size: 15px; line-height: 1.5em; text-align: center;
	background-color: transparent; color: #212529;
	border: 1px solid transparent; border-radius: 0.25rem;
	vertical-align: middle; padding: 0.375rem 0.75rem;
	-webkit-user-select:none;
	-moz-user-select:	none;
	-ms-user-select:	none;
	user-select:		none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-maincolor  { background-color: var(--point-main) !important; border: 1px solid var(--point-main) !important; color: #fff !important; box-shadow: none !important; }
.btn-info       { background-color: #17a2b8 !important; border: 1px solid #17a2b8 !important; color: #fff !important; box-shadow: none !important; }
.btn-blue       { background-color: #1ba9de !important; border: 1px solid #1787b0 !important; color: #fff !important; box-shadow: none !important; }
.btn-primary    { background-color: #007bff !important; border: 1px solid #007bff !important; color: #fff !important; box-shadow: none !important; }
.btn-warning    { background-color: #ffc107 !important; border: 1px solid #ffc107 !important; color: #1f2d3d !important; box-shadow: none !important; }
.btn-danger     { background-color: #dc3545 !important; border: 1px solid #dc3545 !important; color: #fff !important; box-shadow: none !important; }
.btn-red        { background-color: #e62626 !important; border: 1px solid #c01e1e !important; color: #fff !important; box-shadow: none !important; }
.btn-purple     { background-color: #a855f7 !important; border: 1px solid #a855f7 !important; color: #fff !important; box-shadow: none !important; }
.btn-success    { background-color: #28a745 !important; border: 1px solid #28a745 !important; color: #fff !important; box-shadow: none !important; }
.btn-dark       { background-color: #1d3338 !important; border: 1px solid #1d3338 !important; color: #fff !important; box-shadow: none !important; }
.btn-grey       { background-color: #999999 !important; border: 1px solid #888888 !important; color: #fff !important; box-shadow: none !important; }
.btn-xs {
	font-size: .8rem !important; padding: 0.188rem 0.38rem;
}

.form-control {
	display: block; width: calc(100% - 1.5rem); height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem; font-weight: 400; line-height: 1.5;
    color: #495057; background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da; border-radius: 0.25rem;
    box-shadow: inset 0 0 0 transparent;
    outline: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input.form-control {
	width: calc(100% - 1.5rem);
}

.txt-point { color: var(--point-main) !important; }
.txt-info { color: #17a2b8 !important; }
.txt-primary { color: #007bff !important; }
.txt-warning { color: #ffc107 !important; }
.txt-danger { color: #dc3545 !important; }
.txt-red { color: #e62626 !important; }
.txt-blue { color: #3498db !important; }
.txt-yellow { color: #ffe400 !important; }
.txt-grey { color: #999 !important; }
.txt-green { color: #7fac49 !important; }
.txt-black { color: #000 !important; }

.txt-bold { font-weight: bold !important; }
.color-red { color: #e62626; }

.nodata-txt { text-align: center; font-size: 16px; color: #a00; }
.nodata-img {
    display: block; margin: 10px 0 0; padding: 200px 0;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    font-size: 13px; color: #666;
    line-height: 1.8; text-align: center;
}
.nodata-img:before {
    content: ''; display: block; width: 98px; height: 98px; margin: 0 auto 20px;
    background-image: url(/resource/images/icons/icon-null.png?v=8);
    background-repeat: no-repeat;
}

.ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.decoration { display: block !important; clear: both !important; height: 15px !important; }

.division-line {
	position: relative; margin: 0 auto 30px;
    clear: both; width: 100%; height: 29px;
    border-bottom: 1px solid #ccc;
}
.division-line:before {
	content: 'or'; position: absolute; bottom: 0; left: 50%;
    -webkit-transform:  translate(-50%, 50%);
    -moz-transform:     translate(-50%, 50%);
    -ms-transform:      translate(-50%, 50%);
    -o-transform:       translate(-50%, 50%);
    transform:          translate(-50%, 50%);
    padding: 0 10px;
    background-color: #fff; color: #bbb;
}

.line-title {
    position: relative; padding: 10px; text-align: center;
}
.line-title:before,
.line-title:after {
    position: absolute; top: 50%;
    content: ''; display: block; width: calc(50% - 100px);
    border-bottom: 1px solid var(--color-line);
}
.line-title:before { left: 0; }
.line-title:after { right: 0; }
.line-title span { display: block; text-align: center; }

/* image button */
.sign-kakao-btn {
    position: relative;
    width: 100%; height: 40px; line-height: 32px;
    color: #280a0c; text-align: center;
    background-color: #feda30; border-radius: 3px; border: 1px solid #ffe932;
    letter-spacing: -0.1em;
    -webkit-box-shadow: 1px 2px 5px rgba(32, 7, 9, .4);
    -moz-box-shadow:    1px 2px 5px rgba(32, 7, 9, .4);
    box-shadow:         1px 2px 5px rgba(32, 7, 9, .4);
}
.sign-kakao-btn i {
    width: 42px; height: 38px; display: inline-block;
    position: absolute; top: 0; left: 0;
    background-image: url('/resource/images/icons/icon-kakao-square.jpg?v=8');
}
.sign-naver-btn {
    position: relative;
    width: 100%; height: 40px; line-height: 32px;
    color: #fff; text-align: center;
    background-color: #61c457; border-radius: 3px; border: 1px solid #4fbe3c;
    letter-spacing: -0.1em;
    -webkit-box-shadow: 1px 2px 5px rgba(32, 7, 9, .4);
    -moz-box-shadow:    1px 2px 5px rgba(32, 7, 9, .4);
    box-shadow:         1px 2px 5px rgba(32, 7, 9, .4);
}
.sign-naver-btn i {
    width: 42px; height: 38px; display: inline-block;
    position: absolute; top: 0; left: 0;
    background-image: url('/resource/images/icons/icon-naver-square.jpg?v=8');
}

.offenses-0 { border: 1px solid #df870d; background-color: #ff9504; }
.offenses-1,
.offenses-2,
.offenses-3 { border: 1px solid #7fac49; background-color: #91c653; }
.offenses-4,
.offenses-5,
.offenses-6 { border: 1px solid #b349c3; background-color: #da5ded; }
.offenses-7,
.offenses-8,
.offenses-9 { border: 1px solid #c01e1e; background-color: #e62626; }
.offenses-10 { border: 1px solid #000; background-color: #222; }

.user-level {
    position: relative; top: 4px;
    display: inline-block; width: 18px; height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

.user-level.level-1 { background-image: url(/resource/images/icons/level/1.png?v=8); }
.user-level.level-2 { background-image: url(/resource/images/icons/level/2.png?v=8); }
.user-level.level-3 { background-image: url(/resource/images/icons/level/3.png?v=8); }
.user-level.level-4 { background-image: url(/resource/images/icons/level/4.png?v=8); }
.user-level.level-5 { background-image: url(/resource/images/icons/level/5.png?v=8); }
.user-level.level-6 { background-image: url(/resource/images/icons/level/6.png?v=8); }
.user-level.level-7 { background-image: url(/resource/images/icons/level/7.png?v=8); }
.user-level.level-8 { background-image: url(/resource/images/icons/level/8.png?v=8); }
.user-level.level-9 { background-image: url(/resource/images/icons/level/9.png?v=8); }
.user-level.level-10 { background-image: url(/resource/images/icons/level/10.png?v=8); }
.user-level.level-11 { background-image: url(/resource/images/icons/level/11.png?v=8); }
.user-level.level-12 { background-image: url(/resource/images/icons/level/12.png?v=8); }
.user-level.level-13 { background-image: url(/resource/images/icons/level/13.png?v=8); }
.user-level.level-14 { background-image: url(/resource/images/icons/level/14.png?v=8); }
.user-level.level-15 { background-image: url(/resource/images/icons/level/15.png?v=8); }
.user-level.level-16 { background-image: url(/resource/images/icons/level/16.png?v=8); }
.user-level.level-17 { background-image: url(/resource/images/icons/level/17.png?v=8); }
.user-level.level-18 { background-image: url(/resource/images/icons/level/18.png?v=8); }
.user-level.level-19 { background-image: url(/resource/images/icons/level/19.png?v=8); }
.user-level.level-20 { background-image: url(/resource/images/icons/level/20.png?v=8); }
.user-level.level-21 { background-image: url(/resource/images/icons/level/21.png?v=8); }
.user-level.level-22 { background-image: url(/resource/images/icons/level/22.png?v=8); }
.user-level.level-23 { background-image: url(/resource/images/icons/level/23.png?v=8); }
.user-level.level-24 { background-image: url(/resource/images/icons/level/24.png?v=8); }
.user-level.level-25 { background-image: url(/resource/images/icons/level/25.png?v=8); }
.user-level.level-26 { background-image: url(/resource/images/icons/level/26.png?v=8); }
.user-level.level-27 { background-image: url(/resource/images/icons/level/27.png?v=8); }
.user-level.level-28 { background-image: url(/resource/images/icons/level/28.png?v=8); }
.user-level.level-29 { background-image: url(/resource/images/icons/level/29.png?v=8); }
.user-level.level-30 { background-image: url(/resource/images/icons/level/30.png?v=8); }
.user-level.level-31 { background-image: url(/resource/images/icons/level/31.png?v=8); }
.user-level.level-32 { background-image: url(/resource/images/icons/level/32.png?v=8); }
.user-level.level-33 { background-image: url(/resource/images/icons/level/33.png?v=8); }
.user-level.level-34 { background-image: url(/resource/images/icons/level/34.png?v=8); }
.user-level.level-35 { background-image: url(/resource/images/icons/level/35.png?v=8); }
.user-level.level-36 { background-image: url(/resource/images/icons/level/36.png?v=8); }
.user-level.level-37 { background-image: url(/resource/images/icons/level/37.png?v=8); }
.user-level.level-38 { background-image: url(/resource/images/icons/level/38.png?v=8); }
.user-level.level-39 { background-image: url(/resource/images/icons/level/39.png?v=8); }
.user-level.level-40 { background-image: url(/resource/images/icons/level/40.png?v=8); }
.user-level.level-41 { background-image: url(/resource/images/icons/level/41.png?v=8); }
.user-level.level-42 { background-image: url(/resource/images/icons/level/42.png?v=8); }
.user-level.level-43 { background-image: url(/resource/images/icons/level/43.png?v=8); }
.user-level.level-44 { background-image: url(/resource/images/icons/level/44.png?v=8); }
.user-level.level-45 { background-image: url(/resource/images/icons/level/45.png?v=8); }
.user-level.level-46 { background-image: url(/resource/images/icons/level/46.png?v=8); }
.user-level.level-47 { background-image: url(/resource/images/icons/level/47.png?v=8); }
.user-level.level-48 { background-image: url(/resource/images/icons/level/48.png?v=8); }
.user-level.level-49 { background-image: url(/resource/images/icons/level/49.png?v=8); }
.user-level.level-50 { background-image: url(/resource/images/icons/level/50.png?v=8); }
.user-level.level-51 { background-image: url(/resource/images/icons/level/51.png?v=8); }
.user-level.level-52 { background-image: url(/resource/images/icons/level/52.png?v=8); }
.user-level.level-53 { background-image: url(/resource/images/icons/level/53.png?v=8); }
.user-level.level-54 { background-image: url(/resource/images/icons/level/54.png?v=8); }
.user-level.level-55 { background-image: url(/resource/images/icons/level/55.png?v=8); }
.user-level.level-56 { background-image: url(/resource/images/icons/level/56.png?v=8); }
.user-level.level-57 { background-image: url(/resource/images/icons/level/57.png?v=8); }
.user-level.level-58 { background-image: url(/resource/images/icons/level/58.png?v=8); }
.user-level.level-59 { background-image: url(/resource/images/icons/level/59.png?v=8); }
.user-level.level-60 { background-image: url(/resource/images/icons/level/60.png?v=8); }
.user-level.level-61 { background-image: url(/resource/images/icons/level/61.png?v=8); }
.user-level.level-62 { background-image: url(/resource/images/icons/level/62.png?v=8); }
.user-level.level-63 { background-image: url(/resource/images/icons/level/63.png?v=8); }
.user-level.level-64 { background-image: url(/resource/images/icons/level/64.png?v=8); }
.user-level.level-65 { background-image: url(/resource/images/icons/level/65.png?v=8); }
.user-level.level-66 { background-image: url(/resource/images/icons/level/66.png?v=8); }
.user-level.level-67 { background-image: url(/resource/images/icons/level/67.png?v=8); }
.user-level.level-68 { background-image: url(/resource/images/icons/level/68.png?v=8); }
.user-level.level-69 { background-image: url(/resource/images/icons/level/69.png?v=8); }
.user-level.level-70 { background-image: url(/resource/images/icons/level/70.png?v=8); }
.user-level.level-71 { background-image: url(/resource/images/icons/level/71.png?v=8); }
.user-level.level-72 { background-image: url(/resource/images/icons/level/72.png?v=8); }
.user-level.level-73 { background-image: url(/resource/images/icons/level/73.png?v=8); }
.user-level.level-74 { background-image: url(/resource/images/icons/level/74.png?v=8); }
.user-level.level-75 { background-image: url(/resource/images/icons/level/75.png?v=8); }
.user-level.level-76 { background-image: url(/resource/images/icons/level/76.png?v=8); }
.user-level.level-77 { background-image: url(/resource/images/icons/level/77.png?v=8); }
.user-level.level-78 { background-image: url(/resource/images/icons/level/78.png?v=8); }
.user-level.level-79 { background-image: url(/resource/images/icons/level/79.png?v=8); }
.user-level.level-80 { background-image: url(/resource/images/icons/level/80.png?v=8); }
.user-level.level-81 { background-image: url(/resource/images/icons/level/81.png?v=8); }
.user-level.level-82 { background-image: url(/resource/images/icons/level/82.png?v=8); }
.user-level.level-83 { background-image: url(/resource/images/icons/level/83.png?v=8); }
.user-level.level-84 { background-image: url(/resource/images/icons/level/84.png?v=8); }
.user-level.level-85 { background-image: url(/resource/images/icons/level/85.png?v=8); }
.user-level.level-86 { background-image: url(/resource/images/icons/level/86.png?v=8); }
.user-level.level-87 { background-image: url(/resource/images/icons/level/87.png?v=8); }
.user-level.level-88 { background-image: url(/resource/images/icons/level/88.png?v=8); }
.user-level.level-89 { background-image: url(/resource/images/icons/level/89.png?v=8); }
.user-level.level-90 { background-image: url(/resource/images/icons/level/90.png?v=8); }
.user-level.level-91 { background-image: url(/resource/images/icons/level/91.png?v=8); }
.user-level.level-92 { background-image: url(/resource/images/icons/level/92.png?v=8); }
.user-level.level-93 { background-image: url(/resource/images/icons/level/93.png?v=8); }
.user-level.level-94 { background-image: url(/resource/images/icons/level/94.png?v=8); }
.user-level.level-95 { background-image: url(/resource/images/icons/level/95.png?v=8); }
.user-level.level-96 { background-image: url(/resource/images/icons/level/96.png?v=8); }
.user-level.level-97 { background-image: url(/resource/images/icons/level/97.png?v=8); }
.user-level.level-98 { background-image: url(/resource/images/icons/level/98.png?v=8); }
.user-level.level-99 { background-image: url(/resource/images/icons/level/99.png?v=8); }
.user-level.level-100 { background-image: url(/resource/images/icons/level/100.png?v=8); }

.icon-color-1 { border: 1px solid #1787b0; background-color: #1ba9de; }
.icon-color-3 { border: 1px solid #c01e1e; background-color: #e62626; }

.icon-color-2 { border: 1px solid #137aa0; background-color: #c01e1e; }
.icon-color-4 { border: 1px solid #aa1b1b; background-color: #1787b0; }

.icon-userpoint { color: #7fac49 !important; }
.icon-cashpoint { color: #c01e1e !important; }

.tooltip {
    position: fixed; padding: 10px 20px;
    font-size: 12px; text-align: center; color: #fff;
    background-color: #333;
    border: 1px solid #333;
    border-radius: 5px;
    /*box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);*/
}
.tooltip:after {
    content: ''; display: inline-block; position: absolute; bottom: -5px; left: 50%;
    width: 10px; height: 10px;
    background-color: #333;

    -webkit-transform:  translate(-50%, 0) rotate(45deg);
    -moz-transform:     translate(-50%, 0) rotate(45deg);
    -ms-transform:      translate(-50%, 0) rotate(45deg);
    -o-transform:       translate(-50%, 0) rotate(45deg);
    transform:          translate(-50%, 0) rotate(45deg);

    -webkit-transform-origin: center;
    -moz-transform-origin:    center;
    -ms-transform-origin:     center;
    -o-transform-origin:      center;
    transform-origin:         center;
}

/* ────────────────────────────────────────────────── 원픽 { ────────────────────────────────────────────────── */
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.tahoma { font-family: tahoma !important; }
.split { margin: 0 5px; color: #ddd; }
.number14 { font-family: tahoma !important; font-size: 14px !important; letter-spacing: 0px !important; }
.number13 { font-family: tahoma !important; font-size: 13px !important; letter-spacing: 0px !important; }
.number12 { font-family: tahoma !important; font-size: 12px !important; letter-spacing: 0px !important; }
.number11 { font-family: tahoma !important; font-size: 11px !important; letter-spacing: 0px !important; }
.number10 { font-family: tahoma !important; font-size: 10px !important; letter-spacing: 0px !important; }
.han12 { font-family: gulim !important; font-size: 12px !important; letter-spacing: -1px !important; }
.help { font-size: 12px; letter-spacing: -1px; color: #bbb; }
/* ────────────────────────────────────────────────── 원픽 } ────────────────────────────────────────────────── */