@charset "utf-8";

@font-face{font-family:"Paperlogy";src:url("/common/font/Paperlogy-6SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Paperlogy";src:url("/common/font/Paperlogy-7Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Paperlogy";src:url("/common/font/Paperlogy-8ExtraBold.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
	--bg:#F2F4F7;
	--surface:#FFFFFF;
	--surface-2:#F6F8FA;
	--line:#DBE0E7;
	--line-2:#E8ECF1;
	--text:#0F172A;
	--text-2:#374151;
	--text-3:#6B7584;
	--ink:#1D2331;
	--role:#2B6BF3;
	--role-deep:#1F5BE0;
	--role-weak:#EAF1FF;
	--role-light:#FFFFFF;
	--blue:#3B82F6;
	--blue-weak:#EEF4FF;
	--green:#1FB26B;
	--green-weak:#E7F8EF;
	--amber:#F5A524;
	--amber-deep:#C9800A;
	--amber-weak:#FFF6E3;
	--red:#F04E4E;
	--red-weak:#FEEDED;
	--radius:4px;
	--side-w:272px;
	--top-h:76px;
	--tab-h:72px;
	--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
	--font-head:"Paperlogy","Pretendard Variable",Pretendard,"Malgun Gothic",sans-serif;
}

.role-player{--role:#0EA5E9;--role-deep:#0891D2;--role-weak:#E6F6FD;--role-light:#FFFFFF;--side-bg:#F3FAFE}
.role-coach{--role:#12B886;--role-deep:#0CA374;--role-weak:#E6F8F2;--role-light:#FFFFFF;--side-bg:#F3FBF8}
.role-expert{--role:#2B6BF3;--role-deep:#1F5BE0;--role-weak:#EAF1FF;--role-light:#FFFFFF;--side-bg:#F4F7FE}
.role-admin{--role:#343C50;--role-deep:#232A3A;--role-weak:#EDEFF3;--role-light:#A3B0C8}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{overflow-x:clip;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.015em;word-break:keep-all;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
img,svg{max-width:100%}
img{display:block}
h1,h2,h3,h4,h5,strong,b{font-weight:700}
em,i{font-style:normal}
table{width:100%;border-collapse:collapse}
:focus-visible{outline:2px solid var(--role);outline-offset:2px}

[hidden]{display:none!important}
.ico{display:block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ff-head{font-family:var(--font-head)}
.blind{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:999;padding:10px 16px;border-radius:8px;background:var(--text);color:#fff}
.skip:focus{top:16px}