@charset "utf-8";
/*size pc-(), mo-()*/

/* 사용하는 폰트로 변경 해줘야함 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-Thin.woff');
  src: url('/fonts/woff/Pretendard-Thin.woff') format('woff'),
  url('/fonts/woff2/Pretendard-Thin.woff2') format('woff2');
  font-weight: 100;
}
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-ExtraLight.woff');
  src: url('/fonts/woff/Pretendard-ExtraLight.woff') format('woff'),
  url('/fonts/woff2/Pretendard-ExtraLight.woff2') format('woff2');
  font-weight: 200;
}
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-Light.woff');
  src: url('/fonts/woff/Pretendard-Light.woff') format('woff'),
  url('/fonts/woff2/Pretendard-Light.woff2') format('woff2');
  font-weight: 300;
}
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-Regular.woff');
  src: url('/fonts/woff/Pretendard-Regular.woff') format('woff'),
  url('/fonts/woff2/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
}
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-Medium.woff');
  src: url('/fonts/woff/Pretendard-Medium.woff') format('woff'),
  url('/fonts/woff2/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
}
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-SemiBold.woff');
  src: url('/fonts/woff/Pretendard-SemiBold.woff') format('woff'),
  url('/fonts/woff2/Pretendard-SemiBold.woff2') format('woff2');
  font-weight: 600;
}
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-Bold.woff');
  src: url('/fonts/woff/Pretendard-Bold.woff') format('woff'),
  url('/fonts/woff2/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
}
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-ExtraBold.woff');
  src: url('/fonts/woff/Pretendard-ExtraBold.woff') format('woff'),
  url('/fonts/woff2/Pretendard-ExtraBold.woff2') format('woff2');
  font-weight: 800;
}
@font-face{
  font-family: 'Pretendard';
  src: url('/fonts/woff/Pretendard-Black.woff');
  src: url('/fonts/woff/Pretendard-Black.woff') format('woff'),
  url('/fonts/woff2/Pretendard-Black.woff2') format('woff2');
  font-weight: 900;
}

/* reset */
*{margin: 0;padding: 0;border: 0;box-sizing: border-box;word-break: keep-all;}
html{-webkit-tap-highlight-color:transparent !important;-webkit-text-size-adjust: none;-webkit-appearance: none;}
html{overflow-x: hidden;-webkit-touch-callout: none;}/* -webkit-user-select:none; 모바일 드래그 막기 */
body{min-width: 320px;max-width: 100%;font-family: 'Pretendard', 'FSSiena', sans-serif;font-weight: 400;color: #000000;} /* 맞는 폰트로 변경 해줘야함 */
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin: 0px;padding: 0px;}
li{list-style: none}
table,th,td{border-collapse: collapse;/*border-spacing: 0;*/}
input,textarea,button,select{font-family: 'Pretendard', 'FSSiena', sans-serif;font-weight: 400;color: #000000;}
input{-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;}
input[type=text], input[type=tel], input[type="number"], input[type="email"], input[type="password"]{outline: none;}
input[type=text]::-ms-clear, 
input[type=tel]::-ms-clear{display: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
button{border: none;background: none;cursor: pointer;-webkit-transform: translate3d(0,0,0);}
button{overflow:visible\9}	/* button fix for ie8 */
label{cursor: pointer;}
label img{pointer-events: none;}
input::-webkit-input-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
textarea::-webkit-input-placeholder{color:#999}
textarea::-moz-placeholder{color:#999}
textarea:-moz-placeholder{color:#999}
textarea:-ms-input-placeholder{color:#999}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
a{text-decoration: none;color: #242424;}
img{display: block;border: 0;width: 100%;}