@charset "utf-8";

/*폰트부분설정*/
.fs_SBL{font-family:"SBAggroL", sans-serif;}
.fs_SBM{font-family:"SBAggroM", sans-serif;}

/* 폰트_어그로체*/
@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




body {font-size:0.93em;margin:0;padding:0;font-family:"Noto Sans KR", sans-serif;font-weight:400;color:#111;letter-spacing:-0.02em;}
input, select, button, textarea{font-family:"SCDream", sans-serif; font-size:0.93em;}
h1, h2, h3, h4, h5, h6, bold, strong, dt, th, b{ font-weight:500;}

a{text-decoration:none;color:#000;border:none;margin:0;padding:0;}
a:visited{text-decoration:none;border:none;}
a:active{text-decoration:none;border:none;}
a:hover{text-decoration:none;border:none;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
div, p, ul, ol, li, img, a, table, td, th, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe, dl, dt, dd, caption  {margin:0;padding:0;border:none;}

img, input.image, button {border:0 none; vertical-align:middle; }
table{border-collapse:collapse; vertical-align:middle;}

a, button, submit{transition: .2s ease-out}
input[type=button], input[type=submit], button{ cursor:pointer;}
input[type=radio]{vertical-align:middle;  border:none !important; height:auto !important;}
input[type=checkbox] { vertical-align:middle;  border:none !important;width:20px!important; height:20px!important;}

select::-ms-expand {display:none !important;}
select {-moz-appearance:none !important; /* Firefox */
 -webkit-appearance:none !important; /* Safari and Chrome */
 appearance:none !important;}
select{ background:#fff url("/images/point/board/select_arrow.png") calc(100% - 15px) center no-repeat; padding-left:15px !important; padding-right: 40px !important;}
	
fieldset{border:none;margin:0; padding:0;}
form, input{margin:0;padding:0;}
legend{display:none !important; margin:0; padding:0;}
caption{overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px;}
ul,ol,li {list-style:none;}
em, i{font-style: normal;}


hr{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }


/* Customize the label (the container) */
.form_guide{display: inline-block ;position: relative; vertical-align: middle; cursor: pointer; padding-left: 32px; font-size: 14px; line-height: 25px; margin-right: 10px; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; box-sizing: border-box;}
.form_guide:first-child{margin-left:0px;}

/* Hide the browser's default checkbox */
.form_guide input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; left: 0; top: 0;}

/* Create a custom checkbox */
.form_guide .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border: 1px solid #ddd;  display: inline-block;}
.check .checkmark {border-radius: 5px;}
.radio .checkmark {border-radius: 50%;}

/* On mouse-over, add a grey background color */
.form_guide:hover input ~ .checkmark {background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.form_guide input:checked ~ .checkmark {background-color: #00b16d;border: none; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the checkmark when checked */
.form_guide input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.check .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.radio .checkmark:after {top: 7px;left: 7px;width: 11px;height: 11px;border-radius: 50%;background: white;}



::selection {
  background: #4f35b7;
  color: #FFF;
  text-shadow: none;
}