@charset "utf-8";

* {margin:0px; padding:0px; font-weight:normal;font-family: 'Nanum Gothic', sans-serif;box-sizing: border-box;}

html {height:100%;}

body {
	scrollbar-3dlight-color:#b4b4b4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#eeeeee;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-face-color:#efefef;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b4b4b4;
	font-family:"나눔고딕", "NanumGothic";
	font-weight:normal;
	font-size:13px;
	line-height:normal;
	color:#333333;
  /* min-height: 100vh; */ - 예전 코드. 만악의 근원.
	min-height: 100%;
/*	-webkit-font-smoothing:antialiased;*/
}

address, article, aside, canvas, figure, footer, header, hgroup, menu, nav, section {display:block;}
hr {display:none;}
caption,figcaption  {font-size:0px; text-indent:-99999px;}
h1, h2, h3, h4, h5, h6 ,h7 {font-weight:normal;}
img {border:none; vertical-align:middle;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; border:0px; border-spacing:0px; border-collapse:collapse;}
th {color:#333; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
th, td {border:0px; word-break:break-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
fieldset {width:100%; border:0px;}
legend {position:absolute; left:-99999px; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0px; line-height:0; text-indent:-99999px;}
frameset {border:0px;}
iframe {width:100%; border:0px;}
em, address {font-style:normal;}
small {display:block; font-size:9px; line-height:0px;}

button {overflow:visible; line-height:normal !important; cursor:pointer; background:transparent; border:0px;}
button, a, select, input, label {vertical-align:middle;}

a {color:#333333; text-decoration:none; vertical-align:middle;}
a:active, visited, link {text-decoration:none;}
a:hover {text-decoration:none;}

/* font */
@font-face {
    font-family:"NanumGothic";
    src:url('../font/NanumGothic.eot');
	src:local('※'),
		url('../Font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	    url('../Font/NanumGothic.woff') format('woff');
	font-style:normal;
    font-weight:normal;
}
@font-face {
    font-family:"NanumMyeongjo";
    src:url('../font/NanumMyeongjo-Regular.eot');
	src:url('../Font/NanumMyeongjo-Regular.woff') format('woff');
	font-style:normal;
    font-weight:normal;
}
@font-face {
    font-family:"NanumMyeongjo";
    src:url('../font/NanumMyeongjo-Bold.eot');
	src:url('../Font/NanumMyeongjo-Bold.woff') format('woff');
    font-weight:700;
}



.btn-yellow {
    color: rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    background-color: #ffc657;
    background-image: linear-gradient(#ffce6b,#ffbd3f);
    border: solid 1px #ffd273;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #1d160e;
    font-family: noto-sans-bold;
    position: relative;
    z-index: 1;
}

.btn-gold {
    color: rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    background-color: #dece8f;
    background-image: linear-gradient(#dece8f,#998643);
    border: solid 1px #dece8f;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #1d160e;
    font-family: noto-sans-bold;
    position: relative;
    z-index: 1;
}

.btn-red {
    color: #ffffff;
    background-color: #be462a;
    background-image: linear-gradient(#e3603b,#a3321e);
    border: solid 1px #d85c38;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #1d160e;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
    position: relative;
    z-index: 1;
}

.btn-orange {
    color: rgba(0, 0, 0, 0.75);
    font-family: noto-sans-bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    background-color: #ffac66;
    background-image: linear-gradient(#ffac66,#d77421);
    border: solid 1px #ffac66;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #1d160e;
    position: relative;
    z-index: 1;
}

.btn-yellow:before,
.btn-red:before,
.btn-gold:before  {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s;
    z-index: -1;
    border-radius: 4px;
    border: solid 1px #1d160e;
    opacity: 0;
}

.btn-yellow:before {
    background-image: linear-gradient(#ffac66,#d77421);
}

.btn-red:before {
    background-image: linear-gradient(#7188ff,#3243a3);
}

.btn-gold:before {
    background-image: linear-gradient(#f6eedf,#98948f);
}

.btn_silver{padding: 1px;background: linear-gradient(180deg, #edeeef 0%, white 50%, #939696 50%, #e7e8e9 70%, #868687 90%, #c4c4c4 100%);}
.btn_silver > span {display:inline-block;width:100%;height:100%;color: #000;font-size: 14px;font-weight: bold;line-height:30px;text-align:center;background: linear-gradient(0deg, #a0a2a9, white);}

.inlineblock{display:inline-block !important;}