@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*/
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../font/web/static/woff2/Pretendard-Bold.woff2) format('font-woff2'), url(../font/web/static/woff/Pretendard-Bold.woff) format('font-woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../font/web/static/woff2/Pretendard-SemiBold.woff2) format('font-woff2'), url(../font/web/static/woff/Pretendard-SemiBold.woff) format('font-woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../font/web/static/woff2/Pretendard-Medium.woff2) format('font-woff2'), url(../font/web/static/woff/Pretendard-Medium.woff) format('font-woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../font/web/static/woff2/Pretendard-Regular.woff2) format('font-woff2'), url(../font/web/static/woff/Pretendard-Regular.woff) format('font-woff');
}



.sb20{font-size: 1.25rem;font-style: normal;font-weight: 600;line-height: normal;}
.sb24{font-size: 1.5rem; font-style: normal; font-weight: 600;line-height: normal;letter-spacing: -0.03rem;}
.sb14{font-size: 0.875rem;font-style: normal;font-weight: 600;line-height: normal;}
.r12{font-size: 0.75rem;font-style: normal;font-weight: 400;line-height: 1.2rem;letter-spacing: -0.015rem;}
.r14{font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.0175rem;}
.r16{font-size: 1rem;font-style: normal;font-weight: 400;line-height: normal;}
.m10{font-size: 0.625rem;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.0125rem;}
.m12{font-size: 0.75rem;font-style: normal;font-weight: 500;line-height: normal;}
.m16{font-size: 1rem;font-style: normal;font-weight: 500;line-height: normal;}
.b24{font-size: 1.5rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.03rem;}
.b32{font-size: 2rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.04rem;}

/* 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', 'Noto Sans KR',  'FSSiena', sans-serif;} /* 맞는 폰트로 변경 해줘야함 */
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;*/}
table{font-family: 'Pretendard','Noto Sans KR'}
input,textarea,button,select{font-family: 'Pretendard','Noto Sans KR', 'FSSiena', sans-serif;}
input{-webkit-border-radius: 0;border-radius: 0; outline-style: none}
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; color:#171719;}
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:#989BA2}
input::-moz-placeholder{color:#989BA2}
input:-moz-placeholder{color:#989BA2}
input:-ms-input-placeholder{color:#989BA2}
textarea::-webkit-input-placeholder{color:#989BA2}
textarea::-moz-placeholder{color:#989BA2}
textarea:-moz-placeholder{color:#989BA2}
textarea:-ms-input-placeholder{color:#989BA2}
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:inherit;}
img{display: block;border: 0;}

textarea{resize: none; border-radius: 0.5rem;padding:1rem; border:1px solid #DBDCDF; background: #fff; outline-style: none}
table{width:100%; border-collapse: collapse;;}
/* temp */
/* body::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('');z-index: -1;opacity: 0.5;} */