@charset "utf-8";
/* <weight>: Use a value from 300 to 900 */
/* <uniquifier>: Use a unique and descriptive class name */
.figtree {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/****** Reset ******/
*{margin:0;padding:0; box-sizing:border-box;}
html,body{width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

body,h1,h2,h3,h4,input,button{font-family: 'SUIT Variable', sans-serif; font-size:16px; font-weight:400; letter-spacing:0px; color:#333;}
body{background:#FFF; word-break:keep-all; padding:0; margin:0; position:relative;}
/* body.noScroll {position:fixed; width:100%; height:100%; left:0; top:0; overflow:hidden;} */
img,fieldset,iframe{border:0 none}
div {display:block; box-sizing:border-box;}
li{list-style:none; box-sizing:border-box;}
input,select,button{vertical-align:middle; font-family: 'SUIT Variable', sans-serif; font-size:16px; font-weight:300; letter-spacing:0px; outline:none; color:#333;}
textarea {font-family: 'SUIT Variable', sans-serif;}
input {letter-spacing:0;}
input, select:focus {outline: none;}
*:focus {outline:none; box-shadow: none;}
optgroup {font-weight: bolder;}
img{vertical-align:middle; width:100%;}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0; background:none; cursor:pointer;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;}
legend{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{display:none; overflow:hidden;}
table{border-collapse:collapse;table-layout:fixed; border-collapse:collapse;border-spacing:0;}
table caption{display:none;}
.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; }
i, em, address {font-style:normal;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bdbdbd;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bdbdbd;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bdbdbd;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bdbdbd;
}

/* input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;} */
input, textarea, button, select {-webkit-appearance: none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed , .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.comnChk {display:inline-flex; justify-content:flex-start; align-items:center; gap:28px;}
.comnChk input {display:flex; justify-content:flex-start; align-items:center; gap:0px; cursor:pointer; width:0; height:0; position:relative;}
.comnChk input:before {content:''; width:20px; height:20px; background:url(../img/bg_chk_off.svg) no-repeat 50% 50%; background-size:20px; flex:0 0 auto;}
.comnChk input:checked:before {content:''; background:url(../img/bg_chk_on.svg) no-repeat 50% 50%; background-size:20px;}

.comnRadio {display:inline-flex; justify-content:flex-start; align-items:center; gap:28px;}
.comnRadio input {display:flex; justify-content:flex-start; align-items:center; gap:0px; cursor:pointer; width:0; height:0; position:relative;}
.comnRadio input:before {content:''; width:20px; height:20px; background:url(../img/bg_radio_off.svg) no-repeat 50% 50%; background-size:20px; flex:0 0 auto;}
.comnRadio input:checked:before {content:''; background:url(../img/bg_radio_on.svg) no-repeat 50% 50%; background-size:20px;}

*::-webkit-scrollbar {width: 6px; height:6px;}
*::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 6px;}
*::-webkit-scrollbar-thumb:hover {background:#5C4335;}
*::-webkit-scrollbar-track {background-color: #f0f0f0; border-radius: 6px;}
*:hover::-webkit-scrollbar-thumb {background:#5C4335;}