@charset "euc-kr";
/*
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap'); 
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');

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,footer,button{margin: 0;padding: 0}
body,div,h1,h2,h3,h4,h5,th,td,pre,input,select,a{color: #333; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; letter-spacing: -1px; word-spacing: 0.2em; user-select: none;}

html {scroll-behavior: smooth; overflow-y:scroll;}

::-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, body{height: 100%;}
a{text-decoration: none;}
ol, ul, li, dl, dt, dd{list-style: none;}

i, em{font-style: normal;}

body{position: relative;}
div{display: block;}

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

button{cursor: pointer; border: none;}

h3{font-size: 23px; padding-top: 50px;}
h4{font-size: 15px; padding-top: 10px; color: #a1a1a1; font-weight: 300; padding-bottom: 16px;}
h5{font-size: 23px;}

/* 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 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', 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 10px 0 0;}
label{cursor: pointer;}