body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-container{display:flex}.title{font-size:30px}main{padding:10px}.sidebar{background:#737373;height:100vh;overflow-y:auto}.routes,.sidebar{color:#fff}.top_section{align-items:center;display:flex;justify-content:space-between;padding:15px 10px}.logo{font-size:18px;line-height:0}.link{color:#fff;display:flex;gap:20px;padding:5px 40px;transition:.2s cubic-bezier(.6,-.28,.735,.045)}.link_text{font-size:15px;white-space:nowrap}.menu{border-right:4px solid #0000;color:#fff;display:flex;gap:10px;justify-content:space-between;padding:5px 40px;transition:.2s cubic-bezier(.6,-.28,.735,.045)}.menu_item{display:flex;gap:20px}.menu-container{display:flex;flex-direction:column}.footer{bottom:5px;left:0;padding:15px;position:absolute}.menu_container .link{gap:40px;padding-left:45px}.row{display:flex;flex-flow:row wrap;left:0;margin:0;overflow:hidden;position:relative;top:0;width:100%}.row:after{clear:both;content:"";display:table}[class*=c4-]{display:flex;flex-flow:column;width:100%}@media only screen and (max-width:1024px){.c4-s-4{display:flex;flex-flow:column;padding:2%;width:96%}}@media only screen and (min-width:1025px){.c4-l-1{width:22.5%}.c4-l-1,.c4-l-2{display:flex;flex-flow:column}.c4-l-2{width:47%}.c4-l-3{width:71.5%}.c4-l-3,.c4-l-4{display:flex;flex-flow:column}.c4-l-4{width:96%}}.gutter{flex:2% 1}[class*=c12-]{display:flex;flex-flow:column;width:100%}@media only screen and (max-width:414px){.c12-s-1{width:8.33%}.c12-s-1,.c12-s-2{display:flex;flex-flow:column}.c12-s-2{width:16.66%}.c12-s-3{width:25%}.c12-s-3,.c12-s-4{display:flex;flex-flow:column}.c12-s-4{width:33.33%}.c12-s-5{width:41.66%}.c12-s-5,.c12-s-6{display:flex;flex-flow:column}.c12-s-6{width:50%}.c12-s-7{width:58.33%}.c12-s-7,.c12-s-8{display:flex;flex-flow:column}.c12-s-8{width:66.66%}.c12-s-9{width:75%}.c12-s-10,.c12-s-9{display:flex;flex-flow:column}.c12-s-10{width:83.33%}.c12-s-11{width:91.66%}.c12-s-11,.c12-s-12{display:flex;flex-flow:column}.c12-s-12{width:100%}.c12-g-s-1{width:7.33%}.c12-g-s-1,.c12-g-s-2{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-s-2{width:15.66%}.c12-g-s-3{width:24%}.c12-g-s-3,.c12-g-s-4{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-s-4{width:32.33%}.c12-g-s-5{width:40.66%}.c12-g-s-5,.c12-g-s-6{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-s-6{width:49%}.c12-g-s-7{width:57.33%}.c12-g-s-7,.c12-g-s-8{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-s-8{width:65.66%}}@media only screen and (min-width:600px) and (max-width:1024px){.c12-m-1{width:8.33%}.c12-m-1,.c12-m-2{display:flex;flex-flow:column}.c12-m-2{width:16.66%}.c12-m-3{width:25%}.c12-m-3,.c12-m-4{display:flex;flex-flow:column}.c12-m-4{width:33.33%}.c12-m-5{width:41.66%}.c12-m-5,.c12-m-6{display:flex;flex-flow:column}.c12-m-6{width:50%}.c12-m-7{width:58.33%}.c12-m-7,.c12-m-8{display:flex;flex-flow:column}.c12-m-8{width:66.66%}.c12-m-9{width:75%}.c12-m-10,.c12-m-9{display:flex;flex-flow:column}.c12-m-10{width:83.33%}.c12-m-11{width:91.66%}.c12-m-11,.c12-m-12{display:flex;flex-flow:column}.c12-m-12{width:100%}.c12-g-m-1{width:7.33%}.c12-g-m-1,.c12-g-m-2{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-m-2{width:15.66%}.c12-g-m-3{width:24%}.c12-g-m-3,.c12-g-m-4{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-m-4{width:32.33%}.c12-g-m-5{width:40.66%}.c12-g-m-5,.c12-g-m-6{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-m-6{width:49%}.c12-g-m-7{width:57.33%}.c12-g-m-7,.c12-g-m-8{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-m-8{width:65.66%}}@media only screen and (min-width:1025px){.c12-l-1{width:8.33%}.c12-l-1,.c12-l-2{display:flex;flex-flow:column}.c12-l-2{width:16.66%}.c12-l-3{width:25%}.c12-l-3,.c12-l-4{display:flex;flex-flow:column}.c12-l-4{width:33.33%}.c12-l-5{width:41.66%}.c12-l-5,.c12-l-6{display:flex;flex-flow:column}.c12-l-6{width:50%}.c12-l-7{width:58.33%}.c12-l-7,.c12-l-8{display:flex;flex-flow:column}.c12-l-8{width:66.66%}.c12-l-9{width:75%}.c12-l-10,.c12-l-9{display:flex;flex-flow:column}.c12-l-10{width:83.33%}.c12-l-11{width:91.66%}.c12-l-11,.c12-l-12{display:flex;flex-flow:column}.c12-l-12{width:100%}.c12-g-l-1{width:7.33%}.c12-g-l-1,.c12-g-l-2{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-l-2{width:15.66%}.c12-g-l-3{width:24%}.c12-g-l-3,.c12-g-l-4{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-l-4{width:32.33%}.c12-g-l-5{width:40.66%}.c12-g-l-5,.c12-g-l-6{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-l-6{width:49%}.c12-g-l-7{width:57.33%}.c12-g-l-7,.c12-g-l-8{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-l-8{width:65.66%}.c12-g-l-9{width:73.97%}.c12-g-l-10,.c12-g-l-9{display:flex;flex-flow:column;margin-left:.5%;margin-right:.5%}.c12-g-l-10{width:82.3%}}@media only screen and (min-width:1080px){.r-xl{height:800px}.r-full{height:100vh;height:calc(var(--vh, 1vh)*100)}.r-half{height:100vh;height:50vh;height:calc(var(--vh, 1vh)*50)}.r-quarter{height:100vh;height:25vh;height:calc(var(--vh, 1vh)*25)}.r-3quarter{height:100vh;height:75vh;height:calc(var(--vh, 1vh)*75)}.r-half-quarter{height:100vh;height:12.5vh;height:calc(var(--vh, 1vh)*12.5)}}@media only screen and (max-width:1080px){.r-3quarter,.r-full,.r-half,.r-half-quarter,.r-quarter{height:auto}}.r1{height:5%}.r2{height:10%}.r3{height:15%}.r4{height:20%}.r5{height:25%}.r6{height:30%}.r7{height:35%}.r8{height:40%}.r9{height:45%}.r10{height:50%}.r11{height:55%}.r12{height:60%}.r13{height:65%}.r14{height:70%}.r15{height:75%}.r16{height:80%}.r17{height:85%}.r18{height:90%}.r19{height:95%}.r20{height:100%}.album-grid-2{grid-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);padding:.5rem 3rem;position:relative}.album-grid div.photo{border:thin solid #008cb4;margin:.5rem 1rem;overflow:hidden;padding:.5rem;width:100%}.album-grid div.photo img{height:100%;width:100%}.album-grid.album-title{border:thin solid #008cb4;padding:.25rem}.cont__nav{background-color:#737373;height:100vh;left:0;padding:5% 10%;top:0;width:100%}.p-custom{padding:3.7%}.p4{padding:.25rem}.p8{padding:.5rem}.p12{padding:.75rem}.p16{padding:1rem}.p20{padding:1.25rem}.p24{padding:1.5rem}.p32{padding:2rem}.p64{padding:4rem}.p96{padding:6rem}.p128{padding:8rem}.px-auto{padding:0 auto}.px4{padding:0 .25rem}.px8{padding:0 .5rem}.px12{padding:0 .75rem}.px16{padding:0 1rem}.px20{padding:0 1.25rem}.px24{padding:0 1.5rem}.px32{padding:0 2rem}.px64{padding:0 4rem}.px96{padding:0 6rem}.px128{padding:0 8rem}.py4{padding:.25rem 0}.py8{padding:.5rem 0}.py12{padding:.75rem 0}.py16{padding:1rem 0}.py20{padding:1.25rem 0}.py24{padding:1.5rem 0}.py32{padding:2rem 0}.py64{padding:4rem 0}.py96{padding:6rem 0}.py128{padding:8rem 0}.pl4{padding-left:.25rem}.pl8{padding-left:.5rem}.pl12{padding-left:.75rem}.pl16{padding-left:1rem}.pl20{padding-left:1.25rem}.pl24{padding-left:1.5rem}.pl32{padding-left:2rem}.pl64{padding-left:4rem}.pl128{padding-left:8rem}.pr4{padding-right:.25rem}.pr8{padding-right:.5rem}.pr12{padding-right:.75rem}.pr16{padding-right:1rem}.pr20{padding-right:1.25rem}.pr24{padding-right:1.5rem}.pr32{padding-right:2rem}.pr64{padding-right:4rem}.pr128{padding-right:8rem}.pt4{padding-top:.25rem}.pt8{padding-top:.5rem}.pt12{padding-top:.75rem}.pt16{padding-top:1rem}.pt20{padding-top:1.25rem}.pt24{padding-top:1.5rem}.pt32{padding-top:2rem}.pt48{padding-top:3rem}.pt64{padding-top:4rem}.pt128{padding-top:8rem}.pb4{padding-bottom:.25rem}.pb8{padding-bottom:.5rem}.pb12{padding-bottom:.75rem}.pb16{padding-bottom:1rem}.pb20{padding-bottom:1.25rem}.pb24{padding-bottom:1.5rem}.pb32{padding-bottom:2rem}.pb64{padding-bottom:4rem}.pb128{padding-bottom:8rem}.m4{margin:.25rem}.m8{margin:.5rem}.m12{margin:.75rem}.m16{margin:1rem}.m20{margin:1.25rem}.m24{margin:1.5rem}.m32{margin:2rem}.m64{margin:4rem}.m128{margin:8rem}.mx-auto{margin:0 auto}.mx4{margin:0 .25rem}.mx8{margin:0 .5rem}.mx12{margin:0 .75rem}.mx16{margin:0 1rem}.mx20{margin:0 1.25rem}.mx24{margin:0 1.5rem}.mx32{margin:0 2rem}.mx64{margin:0 4rem}.mx128{margin:0 8rem}.my4{margin:.25rem 0}.my8{margin:.5rem 0}.my12{margin:.75rem 0}.my16{margin:1rem 0}.my20{margin:1.25rem 0}.my24{margin:1.5rem 0}.my32{margin:2rem 0}.my64{margin:4rem 0}.my128{margin:8rem 0}.ml4{margin-left:.25rem}.ml8{margin-left:.5rem}.ml12{margin-left:.75rem}.ml16{margin-left:1rem}.ml20{margin-left:1.25rem}.ml24{margin-left:1.5rem}.ml32{margin-left:2rem}.ml64{margin-left:4rem}.ml128{margin-left:8rem}.mr4{margin-right:.25rem}.mr8{margin-right:.5rem}.mr12{margin-right:.75rem}.mr16{margin-right:1rem}.mr20{margin-right:1.25rem}.mr24{margin-right:1.5rem}.mr32{margin-right:2rem}.mr64{margin-right:4rem}.mr128{margin-right:8rem}.mt4{margin-top:.25rem}.mt8{margin-top:.5rem}.mt12{margin-top:.75rem}.mt16{margin-top:1rem}.mt20{margin-top:1.25rem}.mt24{margin-top:1.5rem}.mt32{margin-top:2rem}.mt64{margin-top:4rem}.mt128{margin-top:8rem}.mb4{margin-bottom:.25rem}.mb8{margin-bottom:.5rem}.mb12{margin-bottom:.75rem}.mb16{margin-bottom:1rem}.mb20{margin-bottom:1.25rem}.mb24{margin-bottom:1.5rem}.mb32{margin-bottom:2rem}.mb64{margin-bottom:4rem}div.center{align-items:center;justify-content:center}div.right{align-items:right;justify-content:right}div.mid-left{align-items:flex-start;justify-content:center}div.bottom{align-items:flex-end}div.bottom,div.top{justify-content:center}div.top{align-items:flex-start}div.middle{flex-direction:column;justify-content:center}div.center-right,div.middle{align-items:center;display:flex;width:100%}div.center-right{justify-content:flex-end}div.center-y{align-items:center;display:flex;width:100%}div.center-x{display:flex;justify-content:center;width:100%}.align-bottom-center{bottom:0;left:50%;margin-bottom:1rem;position:absolute;transform:translateX(-50%);-ms-transform:translateX(-50%)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}html{font-size:16px;padding:0}body,html{background-color:#e5eff9;margin:0}body{color:#000;font-family:Roboto,sans-serif;font-size:1rem;min-height:100vh;position:relative;top:0;width:100%}a{color:#fff;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:400;line-height:1.4em}a,a:hover{cursor:pointer;text-decoration:none}a.inline{color:blue;text-decoration:underline}a.nav{color:#fff;text-decoration:none}p,span{font-family:Roboto,sans-serif;font-size:.85rem;font-weight:400;line-height:1.4em}p.khand,span.khand{font-family:Khand,sans-serif}p.txt-color-reverse,span.txt-color-reverse{color:#fff}p.xsmall-size,span.xsmall-size{font-size:.75rem}p.regular-size,span.regular-size{font-size:1rem}p.medium-size,span.medium-size{font-size:1.25rem}p.thin,span.thin{font-weight:100}p.light,span.light{font-weight:300}p.medium,span.medium{font-weight:500}p.bold,span.bold{font-weight:700}p.italic,span.italic{font-style:italic}p.line-height-large,span.line-height-large{line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:normal}h1.montsubra,h2.montsubra,h3.montsubra,h4.montsubra,h5.montsubra,h6.montsubra{font-family:Montserrat Subrayada,sans-serif}h1.xl,h2.xl,h3.xl,h4.xl,h5.xl,h6.xl{font-size:2.5rem}h1.xxl,h2.xxl,h3.xxl,h4.xxl,h5.xxl,h6.xxl{font-size:4rem}h1.thin,h2.thin,h3.thin,h4.thin,h5.thin,h6.thin{font-weight:100}h1.light,h2.light,h3.light,h4.light,h5.light,h6.light{font-weight:300}h1.medium,h2.medium,h3.medium,h4.medium,h5.medium,h6.medium{font-weight:500}h1{font-size:2.5rem}h1,h2{font-family:Roboto,sans-serif;font-weight:700}h2{font-size:1.75rem}h3{font-weight:500}h3,h4{font-family:Roboto,sans-serif;font-size:1.25rem}h4{font-weight:400;width:100%}h1,h2,h3,h4,h5,h6{color:#000}h1.red,h2.red,h3.red,h4.red,h5.red,h6.red{color:#b11a21}h1.white,h2.white,h3.white,h4.white,h5.white,h6.white{color:#fff}h1.offwhite,h2.offwhite,h3.offwhite,h4.offwhite,h5.offwhite,h6.offwhite{color:#fafafa}h1.ash,h2.ash,h3.ash,h4.ash,h5.ash,h6.ash{color:#f2f2f2}a.center,h1.center,h2.center,h3.center,h4.center,h5.center,h6.center,p.center,span.center{text-align:center}a.right,h1.right,h2.right,h3.right,h4.right,h5.right,h6.right,p.right,span.right{text-align:right}a.left,h1.left,h2.left,h3.left,h4.left,h5.left,h6.left,p.left,span.left{text-align:left}a.justify,h1.justify,h2.justify,h3.justify,h4.justify,h5.justify,h6.justify,p.justify,span.justify{text-align:justify}h1.upper,h2.upper,h3.upper,h4.upper,h5.upper,h6.upper,p.upper,span.upper{text-transform:uppercase}h1.wide,h2.wide,h3.wide,h4.wide,h5.wide,h6.wide,p.wide,span.wide{letter-spacing:2px}h1.wide-x,h2.wide-x,h3.wide-x,h4.wide-x,h5.wide-x,h6.wide-x,p.wide-x,span.wide-x{letter-spacing:4px}h1.wide-xl,h2.wide-xl,h3.wide-xl,h4.wide-xl,h5.wide-xl,h6.wide-xl,p.wide-xl,span.wide-xl{letter-spacing:6px}h1.wide-xxl,h2.wide-xxl,h3.wide-xxl,h4.wide-xxl,h5.wide-xxl,h6.wide-xxl,p.wide-xxl,span.wide-xxl{letter-spacing:8px}ul{color:inherit;font-family:Roboto,sans-serif;font-size:.85rem;line-height:1.4em;list-style-type:disc;margin:.5rem;padding:.25rem}ul.circle{list-style-type:circle}ul.square{list-style-type:square}ul li,ul.small{font-size:.85rem}ul li{font-family:Roboto,sans-serif;line-height:1.4em;margin:.75rem 0}ul li.regular{font-size:1rem}ul li.xsmall{font-size:.75rem}img.img-fluid{height:auto;width:100%}img.img-fluid-down{height:auto;max-width:100%}img.img-fit{max-width:100%;object-fit:cover}img.thumbnail{border:1px solid #000;height:90px;padding:2px;width:120px}img.border{border:3px solid #b7b4b4}img.round{border:2px solid;border-radius:50%;margin:2px}img.center{margin-left:auto;margin-right:auto}.box{border:thin solid #b7b4b4;position:relative}.box.border-dark{border-color:#b7b4b4}.box.border-light{border-color:#b2c2bf}.box.border-lightpalegreen{border-color:#00c8c8}.box.border-lightmossgreen{border-color:#23b892}.box.border-makeuppink{border-color:#ff9c9a}.box.border-lavender{border-color:#8e84c5}.box.corner-round{border-radius:8px}.box.solid{background-color:#ffaf00;color:#fff}.box.solid-soft{background-color:#b6b6b6;color:#333}.box.lightyellow{background-color:#ffe9ae;color:#333}.box.white{background-color:#fff;color:#333}:root{--font-family-btn:"Noto Sans KR",sans-serif;--txt-color-label:#333;--txt-color-input:#333;--font-size-btn:0.85rem;--color-btn-bg:inherit;--txt-color-btn:#333;--color-btn-border:#0063ba;--color-btn-bg-dark:#004785;--txt-color-btn-reverse:#fff}label{color:#333;color:var(--txt-color-label);display:block;font-size:1rem;padding:12px 4px 4px 0}label.small{font-size:.75rem}[type=date],[type=number],[type=password],input[type=text],textarea{background-color:#fff;color:#333;color:var(--txt-color-input);font-size:1rem;margin-bottom:.5rem;margin-top:.25rem;padding:8px;resize:vertical;width:100%}[type=date].small,[type=number].small,[type=password].small,input[type=text].small,textarea.small{font-size:.75rem}[type=date].box,[type=number].box,[type=password].box,input[type=text].box,textarea.box{border:thin solid #b6b6b6;border-radius:4px}[type=date].underline,[type=number].underline,[type=password].underline,input[type=text].underline,textarea.underline{border:0;border-bottom:1px solid #4a484d}[type=date].noborder,[type=number].noborder,[type=password].noborder,input[type=text].noborder,textarea.noborder{border:0}input[type=radio]{color:#575757;font-size:.85rem}input[type=radio].small{font-size:.75rem}input[type=submit]{background-color:inherit;background-color:var(--color-btn-bg);border:2px solid #0063ba;border:2px solid var(--color-btn-border);color:#333;color:var(--txt-color-btn);cursor:pointer;font-family:Noto Sans KR,sans-serif;font-family:var(--font-family-btn);font-size:.85rem;font-size:var(--font-size-btn);font-stretch:expanded;font-weight:500;height:2rem;padding:0;position:relative;text-align:center;width:8rem}input[type=submit]:hover{box-shadow:3px 3px 2px grey}input[type=submit].round{border-radius:4px}input[type=submit].large{background-color:inherit;font-size:1rem;height:2.5rem;width:10rem}input[type=submit].capsule{background-color:inherit;border-radius:16px}input[type=submit].solid{background-color:#004785;background-color:var(--color-btn-bg-dark);color:#fff}input[type=submit].dark{background-color:#3c3c3c;border-style:none;color:#f0f0f0}input[type=submit].dark:hover{background-color:#646464;box-shadow:0 0}input[type=submit].toleft{float:left}input[type=submit].toright{float:right}input[type=submit].tocenter{left:50%;transform:translateX(-50%)}input[type=submit].small{font-size:.75rem}input[type=file]:hover{cursor:pointer}select{border:thin solid #b6b6b6;font-size:1rem;margin:4px 0;padding:4px;width:100%}select.small{font-size:.75rem}select.tall{height:32px}p.input-error,span.input-error{color:#e60000;font-size:.75rem;margin-bottom:4px}.inline-error{color:#e60000;font-size:.75rem}.inline-success{color:#269900;font-size:.75rem}.msg__err{background-color:#ffe6e6;border:1px solid #e60000;color:#c00}.msg__err,.msg__success{align-content:center;align-items:center;display:flex;font-size:16px;min-height:60px;padding:8px;position:absolute;right:10px;top:100px;width:200px;z-index:1}.msg__success{background-color:#d9ffcc;border:1px solid #269900;color:#208000}.btn-circle-err{border:thin solid #ffaf00;border-radius:50px;color:#c00;cursor:pointer;position:relative;text-align:center;width:2rem}.btn-circle-err,.custom-select{background-color:#fff;height:2rem;padding:.25rem}.custom-select{border:thin solid #0661b6;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500}.custom-select,.select.round{border-radius:.25rem}.custom-select{font-family:Arial;margin-top:8px;position:relative}.custom-select select{display:none}.select-selected{background-color:#1e90ff}.select-items div,.select-selected{border:1px solid;border-color:#0000 #0000 #0000001a;color:#fff;cursor:pointer;height:2 rem;padding:8px 16px}.select{background-color:#fff;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-stretch:expanded;font-weight:500;height:2rem;margin:.5rem;padding:.5rem;position:relative;text-align:center;width:8rem}.select.solid{background-color:#0661b6;border:2px solid #0661b6;color:#fff}.subtlewhite{background-color:#f5f5f5}.silver{background-color:#ebebeb}.greysilver{background-color:#bccbde}.mutegrey{background-color:#dcd6d5}.darkslate{background-color:#1d1e22}.slate{background-color:#404040}.muteslate{background-color:grey}.saberblue{background-color:#c2dde6}.darksaberblue{background-color:#6eaec4}.seagreen{background-color:#007c89}.palegreen{background-color:#bdcebe}.purple{background-color:#431c5d}.darkred{background-color:#c80e13}.palered{background-color:#ffaaab}.electricred{background-color:#ff0028}.brightgreen{background-color:#beef00}.txt-white{color:#fff}.txt-subtlewhite{color:#f5f5f5}.txt-darkslate{color:#1d1e22}.txt-slate{color:#404040}.txt-purple{color:#431c5d}.txt-orange{color:#e05915}.txt-yellowbrite{color:#cdd422}.txt-saberblue{color:#c2dde6}.BackgroundColor{background-color:"#e5e5e5"}.btn__std-outline-thin{background-color:#fff;border:thin solid #0661b6;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-stretch:expanded;font-weight:500;height:2rem;margin:.5rem;padding:.25rem;position:relative;text-align:center;width:8rem}.btn__std-outline-thin:hover{box-shadow:3px 3px 2px grey}.btn__std-outline-thin.small{width:4rem}.btn__std-outline-thin.large{width:16rem}.btn__vertical-outline-left{align-items:center;background-color:#fff;border:2px solid #0661b6;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:.75rem;font-stretch:expanded;font-weight:500;height:2rem;height:8rem;justify-content:center;left:0;margin:.5rem;padding:.25rem;position:relative;text-align:center;width:8rem;width:2rem}.btn__vertical-outline-left:hover{box-shadow:3px 3px 2px grey}.btn__vertical-outline-left.small{height:4rem}.btn__vertical-outline-left.large{height:16rem}.btn__round-outline-thin{background-color:#fff;border:1px solid #0661b6;border-radius:.25rem;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-stretch:expanded;font-weight:500;height:2rem;margin:.5rem;padding:.25rem;position:relative;text-align:center;width:8rem}.btn__round-outline-thin:hover{box-shadow:3px 3px 2px grey}.btn__round-outline-thin.small{width:4rem}.btn__round-outline-thin.large{width:10rem}.btn{background-color:#fff;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-stretch:expanded;font-weight:500;height:2rem;margin:.5rem;padding:.5rem;position:relative;text-align:center;width:8rem}.btn:hover{box-shadow:3px 3px 2px grey}.btn.outline-blue{background-color:#fff;border:2px solid #142d6e;color:#262626}.btn.outline-green{background-color:#fff;border:2px solid #008651;color:#262626}.btn.solid{background-color:#374151;border:2px solid #374151;color:#fff}.btn.large{height:3.4rem;padding:1.2rem;width:12rem}.btn.round{border-radius:.25rem}.btn .btnOverlay{padding-top:.5rem}.btn .btnOverlay.withblue{background-color:#142d6e}.btn .btnOverlay.withblue,.btn .btnOverlay.withgreen{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;transition:.5s ease;width:0}.btn .btnOverlay.withgreen{background-color:#008651}.btn .btnOverlay a{color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;font-stretch:expanded;font-weight:500;text-align:center;text-decoration:none}.btn:hover .btnOverlay{width:100%}.btn-circle{background-color:#fff;border:thin solid #ffaf00;border-radius:50px;color:#0f0f0f;cursor:pointer;font-family:Lato,sans-serif;font-size:1.8rem;font-stretch:expanded;font-weight:500;height:3rem;padding:.5rem;position:relative;text-align:center;width:3rem}.btn-circle:hover{background-color:#ffaf00;color:#fff}.custom__area{font-size:.75rem;height:80px}.custom__area,.custom__question_area{background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Roboto,sans-serif;padding:.25rem;resize:none;width:100%}.custom__question_area{font-size:.65rem;height:45px}.custom__date{font-size:.8rem}.custom__date,.custom__time{background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Roboto,sans-serif;padding:.25rem;resize:none;width:100%}.custom__time{font-size:1.1rem}.close__content{background-color:#fff;height:100vh;left:0;top:0;width:100%}.cont__content{border:2px solid #b7b4b4;border-radius:8px;height:95%;position:relative}.cont__content,.user__content{background-color:#fff;width:100%}.user__content{border:thin solid #b7b4b4;border-radius:8px;display:none;height:65vh}.table_cont{height:35%;position:absolute;width:95%}.cont__new-dept{height:95%;width:30%}.cont__new-dept,.cont__update-dept{background-color:#e9e9e9;border:thin solid #b7b4b4;border-radius:0 8px 8px 0;padding:1rem;position:absolute;right:1rem;top:1rem}.cont__update-dept{display:none;height:93%;width:35%}.cont__update-sec{display:none;height:92%;top:2rem;width:44%}.cont__new-sec,.cont__update-sec{background-color:#e9e9e9;border:thin solid #b7b4b4;border-radius:0 8px 8px 0;padding:1rem;position:absolute;right:1rem}.cont__new-sec{height:95%;overflow-y:auto;top:1rem;width:45%}.cont__new-student,.cont__new-subject{background-color:#e9e9e9;border:thin solid #b7b4b4;border-radius:0 8px 8px 0;height:93%;padding:1rem;position:absolute;right:1rem;top:1rem;width:30%}.cont__new-student{display:none}.cont__new-exam,.cont__upd-exam{width:36%}.cont__new-exam,.cont__new-exam-sub,.cont__upd-exam{background-color:#e9e9e9;border:thin solid #b7b4b4;border-radius:0 8px 8px 0;display:block;height:95%;padding:1rem;position:absolute;right:1rem;top:1rem}.cont__new-exam-sub{width:40%}.cont__upd-exam-sub{background-color:#e9e9e9;border:thin solid #b7b4b4;border-radius:0 8px 8px 0;display:block;height:91%;padding:1rem;position:absolute;right:1rem;top:2rem;width:39%}.cont__upd-question{height:97%;width:60%}.cont__ResultList,.cont__upd-question{background-color:#e9e9e9;border:thin solid #b7b4b4;border-radius:0 8px 8px 0;padding:1rem;position:absolute;right:1rem;top:1rem}.cont__ResultList{display:none;height:93%;width:85%}.cont__ResultIndv{border:thin solid #b7b4b4;border-radius:0 8px 8px 0;height:90%;width:95%}.cont__ChangePW,.cont__ResultIndv{background-color:#e9e9e9;display:none;padding:1rem;position:absolute;right:1rem;top:1rem}.cont__ChangePW{border:thin solid #b7b4b4;border-radius:8px 8px 8px 8px;height:40%;width:30%}.comboBoxOption{padding:5px}.cont__submenu{background-color:#737373;border:thin solid #b7b4b4;border-radius:0 0 0 0;height:30%;padding:1rem;position:fixed;right:1rem;top:1rem;width:30%}table.basic{border:none;border-collapse:collapse;font-family:Lato,sans-serif;font-size:.85rem;overflow-x:auto;table-layout:auto;text-align:left;width:100%}table.table-border-grey{border:1px solid #b4b4b4}table.table-border-yellow{border:1px solid #ffaf00}table.table-border-green{border:1px solid #008651}table.table-border-seagreen{border:1px solid #00c8c8}table.table-border-blue{border:1px solid #008cb4}table.table-border-pink{border:1px solid #ff9c9a}thead{color:#4f4f4f;height:2rem}thead.thead-grey{background-color:#6e7073}thead.thead-yellow{background-color:#ffaf00}thead.thead-green{background-color:#008651}thead.thead-seagreen{background-color:#00c8c8}thead.thead-blue{background-color:#008cb4}thead.thead-pink{background-color:#ff9c9a}th{background-color:none;border:none;font-size:.75rem;height:1.85rem;padding:.5rem;text-align:center}th.color-reverse{color:#fff}th.th-border{border-bottom:1px solid #b2c2bf}th.small{font-size:.75rem}th.extrasmall{font-size:.65rem}th.center{text-align:center}th.left{text-align:left}th.middle{vertical-align:middle}tr{border:none;padding:.5rem}tr.tr-border{border-bottom:2px solid #b2c2bf}tr.tr-two-color-grey:nth-child(2n){background-color:#f0f0f0}tr.tr-two-color-grey:nth-child(odd){background-color:#fff}tr.tr-two-color-grey:hover{background-color:#b6b6b6}tr.tr-two-color-pink:nth-child(2n){background-color:#ffd5d5}tr.tr-two-color-pink:nth-child(odd){background-color:#fff}tr.tr-two-color-pink:hover{background-color:#fbb}tr.tr-two-color-seagreen:nth-child(2n){background-color:#c8ffff}tr.tr-two-color-seagreen:nth-child(odd){background-color:#fff}tr.tr-two-color-seagreen:hover{background-color:#00c8c8}tr.tr-two-color-green:nth-child(2n){background-color:#afd}tr.tr-two-color-green:nth-child(odd){background-color:#fff}tr.tr-two-color-green:hover{background-color:#008651}tr.tr-two-color-blue:nth-child(2n){background-color:#e6eeff}tr.tr-two-color-blue:nth-child(odd){background-color:#fff}tr.tr-two-color-blue:hover{background-color:#008cc8;color:#fff}td{word-wrap:break-word;border:none;color:#000;font-size:.75rem;height:1.85rem;padding:.5rem;text-align:left;vertical-align:middle}td.small{font-size:.75px}td.extrasmall{font-size:.65px}td.center{text-align:center}td.left{text-align:left}td.middle{vertical-align:middle}td a{color:#262626;cursor:pointer;font-family:Lato,sans-serif;font-size:.85rem;font-weight:300;line-height:1.4em;text-decoration:none}td a:hover{color:blue}.pagination{border-top:thin solid #4a484d;margin-top:8px;padding:0}.pagination ul{height:48px;list-style-type:none;margin:0 auto;overflow:hidden;padding:0}.pagination ul li{display:inline-block;margin:16px 0}.pagination ul li a{border:thin solid #4a484d;border-radius:2px;color:#142d6e;font-size:.75rem;margin:4px;padding:8px 12px;text-align:center;text-decoration:none}.pagination ul li a.active{background-color:#4a484d;color:#f2f2f2}.pagination ul li a:hover{background-color:#b6b6b6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Areal,Helvetica,sans-serif}.btn-openModal{background:#2c2c2c;border:none;color:#eee;cursor:pointer;font-size:1rem;margin:2rem;outline:none;padding:.5rm 1.8rem}.btn-cancel{cursor:pointer}.modal-wrapper{background:#fff;border-radius:4px;margin:4rem auto;max-width:600px;transition:all 1.3s ease;width:80%}.modal-header{align-items:center;background:#e9e9e9;color:#2c2c2c;display:flex;justify-content:space-between;padding:1rem}.modal-header span{cursor:pointer;font-size:1.5rem}.modal-content{padding:1.5rem 1rem}.modal-body{margin-bottom:1rem}.modal-body h4{color:#dd501d;font-size:1.8rem}.modal-body p{background:#eee;color:#333;font-size:1rem;margin:1rem 0 2rem;padding:1rem}.modal-footer button{background:#dd501d;border:none;color:#fff;cursor:poiner;display:block;font-size:1rem;margin-left:auto;outline:none;padding:.5rem 1.8rem}.back-drop{background:rgba(63,61,61,.692);height:100%;position:fixed;transition:all 1.3s;width:50%}.locked-wrapper{background:#fff;border-radius:4px;margin:4rem auto;max-width:400px;transition:all 1.3s ease;width:80%}.App{color:#000}.App-logo{height:40vmin;pointer-events:none}.nav_bar_wrapper a{padding-left:30px}.deleteButton{background-color:#db1111}.deleteButton,.updateButton{border-radius:4px;color:#fff;cursor:pointer;padding:2px}.updateButton{background-color:green}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}