@charset "utf-8";
@import url(fonts.css);

*{ margin: 0; padding: 0; box-sizing: border-box; }

a{text-decoration: none; color: #222;}
li{list-style: none;}
img{border: 0;}
button {border:0 none; background-color:transparent; cursor:pointer;}
/* input, textarea{box-shadow: none;-webkit-appearance: none; -moz-appearance: none; appearance: none; } */
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
/* input::-ms-clear { display: none;} */
br{font-family: Sans-Serif;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea, button {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;font-family: 'GmarketSans','Pretendard GOV','맑은고딕','나눔고딕', '돋움', sans-serif;}
input:focus {outline:none;}

/* 전체 스크롤바 custom 
* {
	scrollbar-width: thin;
}*/

html {
  scrollbar-width: thin; /* Firefox용 */
}

body::-webkit-scrollbar {
  width: 8px; /* Chrome, Edge, Safari용 */
}
.his_scroll .s_inner::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.his_scroll .s_inner::-webkit-scrollbar-track {
    background: #d8d8d7;
    border-radius: 3px;
}
.his_scroll .s_inner::-webkit-scrollbar-thumb {
    background: #f48216; 
    border-radius: 3px;
    border:1px solid #d8d8d7;
}


::-webkit-input-placeholder {
	color:#8c8c8c;
	font:inherit;
	line-height:inherit;
}
input:disabled::-webkit-input-placeholder {
	color:#8c8c8c;
}
:-moz-placeholder {
	color:#8c8c8c;
	font:inherit;
	line-height:inherit;
}
input:disabled:-moz-placeholder {
	color:#8c8c8c;
}
::-moz-placeholder {
	color:#8c8c8c;
	font:inherit;
	line-height:inherit;
}
input:disabled::-moz-placeholder {
	color:#8c8c8c;
}
:-ms-input-placeholder {
	color:#8c8c8c;
	font:inherit;
	line-height:inherit;
}
input:disabled:-ms-input-placeholder {
	color:#8c8c8c;
}
textarea::placeholder {
	color:#8c8c8c;
}
textarea::-webkit-placeholder {
	color:#8c8c8c;
}
textarea::-moz-placeholder {
	color:#8c8c8c;
}
textarea::-ms-placeholder {
	color:#8c8c8c;
}


/* margin */
.m0{margin:0px !important}
.mt0{margin-top:0px !important}
.mt5{margin-top:.5rem !important}
.mt10{margin-top:1rem !important}
.mt20{margin-top:2.0rem !important}
.mt30{margin-top:3.0rem !important}
.mt40{margin-top:4.0rem !important}
.mt50{margin-top:5.0rem !important}
.mt60{margin-top:6.0rem !important}
.mt70{margin-top:7.0rem !important}
.mt80{margin-top:8.0rem !important}
.mt90{margin-top:9.0rem !important}
.mt100{margin-top:10.0rem !important}
.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:.5rem !important}
.mb10{margin-bottom:1.0rem !important}
.mb20{margin-bottom:2.0rem !important}
.mb30{margin-bottom:3.0rem !important}
.mb40{margin-bottom:4.0rem !important}
.mb50{margin-bottom:5.0rem !important}
.mb60{margin-bottom:6.0rem !important}
.mb70{margin-bottom:7.0rem !important}
.mb80{margin-bottom:8.0rem !important}
.mb90{margin-bottom:9.0rem !important}
.mb100{margin-bottom:10.0rem !important}
.ml0{margin-left:0px !important}
.ml5{margin-left:.5rem !important}
.ml10{margin-left:1.0rem !important}
.ml20{margin-left:2.0rem !important}
.ml30{margin-left:3.0rem !important}
.ml40{margin-left:4.0rem !important}
.ml50{margin-left:5.0rem !important}
.ml60{margin-left:6.0rem !important}
.ml70{margin-left:7.0rem !important}
.ml80{margin-left:8.0rem !important}
.ml90{margin-left:9.0rem !important}
.ml100{margin-left:10.0rem !important}
.mr0{margin-right:0px !important}
.mr5{margin-right:.5rem !important}
.mr10{margin-right:1.0rem !important}
.mr20{margin-right:2.0rem !important}
.mr30{margin-right:3.0rem !important}
.mr40{margin-right:4.0rem !important}
.mr50{margin-right:5.0rem !important}
.mr60{margin-right:6.0rem !important}
.mr70{margin-right:7.0rem !important}
.mr80{margin-right:8.0rem !important}
.mr90{margin-right:9.0rem !important}
.mr100{margin-right:10.0rem !important}

/* padding */
.p0{padding:0px !important}
.pt0{padding-top:0px !important}
.pt5{padding-top:.5rem !important}
.pt10{padding-top:1.0rem !important}
.pt20{padding-top:2.0rem !important}
.pt30{padding-top:3.0rem !important}
.pt40{padding-top:4.0rem !important}
.pt50{padding-top:5.0rem !important}
.pt60{padding-top:6.0rem !important}
.pt70{padding-top:7.0rem !important}
.pt80{padding-top:8.0rem !important}
.pt90{padding-top:9.0rem !important}
.pt100{padding-top:10.0rem !important}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:1.0rem !important}
.pb20{padding-bottom:2.0rem !important}
.pb30{padding-bottom:3.0rem !important}
.pb40{padding-bottom:4.0rem !important}
.pb50{padding-bottom:5.0rem !important}
.pb60{padding-bottom:6.0rem !important}
.pb70{padding-bottom:7.0rem !important}
.pb80{padding-bottom:8.0rem !important}
.pb90{padding-bottom:9.0rem !important}
.pb100{padding-bottom:10.0rem !important}
.pl0{padding-left:0px !important}
.pl5{padding-left:.5rem !important}
.pl10{padding-left:1.0rem !important}
.pl20{padding-left:2.0rem !important}
.pl30{padding-left:3.0rem !important}
.pl40{padding-left:4.0rem !important}
.pl50{padding-left:5.0rem !important}
.pl60{padding-left:6.0rem !important}
.pl70{padding-left:7.0rem !important}
.pl80{padding-left:8.0rem !important}
.pl90{padding-left:9.0rem !important}
.pl100{padding-left:10.0rem !important}
.pr0{padding-right:0px !important}
.pr5{padding-right:.5rem !important}
.pr10{padding-right:1.0rem !important}
.pr20{padding-right:2.0rem !important}
.pr30{padding-right:3.0rem !important}
.pr40{padding-right:4.0rem !important}
.pr50{padding-right:5.0rem !important}
.pr60{padding-right:6.0rem !important}
.pr70{padding-right:7.0rem !important}
.pr80{padding-right:8.0rem !important}
.pr90{padding-right:9.0rem !important}
.pr100{padding-right:10.0rem !important}