@charset "utf-8"; 
@font-face {font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: local('Pretendard Black'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Bold.woff2') format('woff2'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Bold.woff') format('woff'); 
}
@font-face {font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local('Pretendard Exrabold'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Bold.woff2') format('woff2'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Bold.woff') format('woff'); 
}
@font-face {font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local('Pretendard Bold'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Bold.woff2') format('woff2'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Bold.woff') format('woff'); 
}
@font-face {font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local('Pretendard Medium'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Medium.woff2') format('woff2'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Medium.woff') format('woff'); 
}
@font-face {font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Regular.woff2') format('woff2'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Regular.woff') format('woff'); 
}
@font-face {font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local('Pretendard Light'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Light.woff2') format('woff2'), url('https://www.engineerlab.co.kr/packages/pretendard/Pretendard-Light.woff') format('woff'); 
}

html,body,blockquote,caption,div,ol,ul,li,dl,dt,dd,fieldset,form,frame,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,object,p,
pre,q,select,table,textarea,ul,tr,td,figure,figcaption,header,article,section,aside,button{margin: 0; padding: 0}
body,div,h1,h2,h3,h4,h5,th,td,pre,input,select,a{color: #333; font-family: 'Pretendard', sans-serif; letter-spacing: -0.3px;}


::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-track-piece {background-color: #f7f7f7;}
::-webkit-scrollbar-thumb {border-radius: 8px; background-color: #ccc;}
::-webkit-scrollbar-button:start {background-color: #efefef;}
::-webkit-scrollbar-button:end {background-color: #efefef;}

html {scroll-behavior: smooth;}	
html, body{height: 100%;}
a{text-decoration: none;}
ol, ul, li, dl, dt, dd{list-style: none;}

h2{font-size: 26px;}
h3{padding-bottom: 10px;}
i, em{font-style: normal;}

body{position: relative; min-width: 1220px; height: 100%; user-select: none;}
body.popup-open {overflow: hidden;} /* 팝업이 열리면 전체 화면의 스크롤을 막음 */
div{display: block;}

table{table-layout: fixed; word-break: break-all; border-collapse: collapse;}

button{cursor: pointer; border: none;}

/* input outline */
input,
select,
textarea{border: 0;}
input:focus,
textarea:focus, 
select:focus,
summary:focus{outline: none;}

input, select, textarea{-webkit-box-shadow: none!important; box-shadow: none!important; background: transparent;}
textarea{font: 14px/24px 'pretendard' , sans-serif; border: 1px solid #eaeaea;}

input,
select{padding: 8px; border: 1px solid #eaeaea;}
input:read-only {background: #f9f9f9f9; border: 0;}

input:focus,
textarea:focus{border: 1px solid #333;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #bbb;}

input:-internal-autofill-selected {background: #fff; border: 1px solid #000;}
input:-webkit-autofill{transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out;}

input[type='file']::file-selector-button {padding: 10px 15px; border-radius: 3px; border: 1px solid #ccc; background: #f7f7f7; color: #777; font-size: 13px; cursor: pointer;}

input[type='checkbox'],
input[type='radio']{accent-color: #64c4c4; cursor: pointer;}
input[type='radio']{width: 18px; height: 18px; margin: 4px 10px 0 0;}
input[type='checkbox']{width: 20px; height: 20px; margin: 3px 5px 0 0;}
label{cursor: pointer;}