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

/* ================== reset css ================== */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button, section {
margin:0;padding:0;
box-sizing:border-box;
font-family:"Noto Sans KR","Nanum Gothic",sans-serif;
}
body, input, textarea, select, table, button {
font-weight:normal;
}
body {height:auto}
textarea, select {font-family:"Noto Sans KR","Nanum Gothic",sans-serif;font-size:1em}
textarea {white-space:pre-wrap;width:100%;max-width:100%;min-width:100%;min-height:30vh;border:0;outline:0;background-color:transparent;box-sizing:border-box;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
select {margin:0}
ul, ol {padding:0;margin:0}
li {list-style:none}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#666;text-decoration:none}
a:hover, a:focus {text-decoration:none;}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/select_arr.png) no-repeat 95% 50%;}
select::-ms-expand {display:none;}
input {width:100%;border:0;outline:0;background-color:transparent;box-sizing:border-box;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
input:focus, input:valid, input:-webkit-autofill {background-color:transparent}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=date]:focus, input[type=date]:focus-visible {outline:none !important;box-shadow:none !important;-webkit-box-shadow:0 0 0 0 white inset;}
table {padding:0;border:0;border-collapse:collapse;border-spacing:0;}
th, td {padding:0;position:relative;word-break:keep-all}
a, a:hover, a:focus, button {text-decoration:none;cursor:pointer}
:hover {-webkit-transition:all 0.14s ease-in-out;-moz-transition:all 0.14s ease-in-out;-o-transition:all 0.14s ease-in-out;transition:all 0.14s ease-in-out;}
/* 드래그 스타일 */
::-moz-selection {color:#fff;background:#7649f5;}
::selection {color:#fff;background:#7649f5;}
/*  스크롤 스타일 */
::-webkit-scrollbar {width:6px;height:8px}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb {width:6px;height:8px;-webkit-border-radius:3px;border-radius:3px;background:#676767;}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb:window-inactive {background:rgba(0,0,0,0.4);}

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.scroll_hidden {overflow: hidden;width: 100%;height: 100vh;touch-action:none;}

#container input[type=checkbox], #container input[type=radio] {display:none;visibility:hidden;}


@keyframes down {
0%{transform:translateY(-50px)}
100%{transform: translateY(0px)}
}

.btn_style {display:block;}
.btn_style.submit {}
.btn_style.cancell{}
.btn_style.del{}
.btn_style.ok {}
.btn_style.gray {}
.btnStyle.ok {}

@media (max-width:500px){
}
@media (max-width:380px){
}
@media (max-width:320px){
}