*{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;box-sizing:border-box;}
/* fonr-weight : 100, 200, 300, 400, 500, 600, 700, 800, 900 (9종) */

:root{
    --color_base:#232323; 
	--tb_bgcolor:#e9e9e9;
	--tbl_bdcolor:#ccc;
	--td_evbgcolor:#f9f9f9;
}
:root[data-dark=true]{
    --color_base:#fff;
	--tb_bgcolor:#363636;
	--tbl_bdcolor:#484848;
	--td_evbgcolor:rgba(249,249,249,.03);
}

html,body{position:relative;width:100%;height:100%;margin:0;padding:0;color:#232323;color:var(--color_base);}
html[data-dark=true]{background-color:#232323;}
html[data-dark=true] select{background-color:#232323;color:var(--color_base);}
.clearfix:before,.clearfix:after{content:"";display:block}.clearfix:after{clear:both;visibility:hidden;line-height:0;height:0}.clearfix{*zoom:1;}
img{max-width:100%;line-height:0;}
ul,ol,li{list-style:none;margin:0;padding:0;}
a{text-decoration:none;color:inherit;}

.container{position:relative;width:1080px;margin:30px auto;}
h1{position:relative;font-size:24px;margin:0 auto 20px;}
	h1 .git{position:absolute;top:0;right:0;}
	h1 .git a{display:inline-block;padding:5px 13px;background:#333;color:#fff;font-weight:400;font-size:13px;border-radius:8px;}
	h1 .mode label{position:relative;display:block;width:45px;height:25px;border-radius:25px;background-color:#000839;overflow:hidden;cursor:pointer;}
	h1 .mode label:before, h1 .mode label:after{
		position:absolute;content:"";display:block;width:19px;height:19px;border-radius:50%;top:3px;left:3px;transition:.5s ease;
	}
	h1 .mode label:before{background-color:#ffa41b;}
	h1 .mode label:after{background-color:#000839;left:0px;transform:scale(0.00001);}
	h1 .mode input[type=checkbox]:checked + label:before{background-color:#fff;transform:translateX(20px);}
	h1 .mode input[type=checkbox]:checked + label:after{transform:translateX(15px) scale(1);}
	h1 .mode input[type=checkbox]{display:none;}
.tbl_list{width:100%;border-collapse:collapse;}
	.tbl_list th, .tbl_list td{padding:8px 5px;}
	.tbl_list th{background:#e9e9e9;background:var(--tb_bgcolor);}
	.tbl_list th, .tbl_list td{border:1px solid;border-color:#ccc;border-color:var(--tbl_bdcolor);}
	.tbl_list tbody tr:nth-child(even){background:#f9f9f9;background:var(--td_evbgcolor);}
	.tbl_list td:nth-child(1){text-align:center;width:50px;}
	.tbl_list td:nth-child(2){text-align:center;width:100px;}
	.tbl_list td:nth-child(3){padding:8px 13px;}
	.tbl_list select{padding:3px 8px;}