@charset "UTF-8";

/* COLOR */

:root {
  --ice-green: #cee7eb;
  --default-green: #02999b;
  --default-green1: #009394;
  --default-green2: #01acae;
  --steel: #75819b;
  --bgcolor: #464e63;
  --default-blue: #4d64cf;
  --light-blue: #93a6ff;
  --ice-blue: #ecf2f2;
  --point-blue: #3047b6;
    --em-blue:#8EDDF3;
    --em-blue-30: rgba(142,221,243,0.3);
  --azure: #12b0e6;
  --skyblue: #16a7e7;
  --dodger-blue: #43a5f6;
  --ice-grey: #dee8e8;
  --grey: #72818c;
  --pale-grey: #f3faff;
  --dark-lilac: #56597a;
  --yellow: #feae41;
    --pastel-yellow: #f3c56c;
    --pale-gold: #fbd86d;
    --light-yellow: #f5d391;
    --pale-yellow: #ffe8ba;
    --straw: #fff47b;
    --lemon-40: rgba(255, 240, 85, 0.4);
    --lemon-60: rgba(255, 240, 85, 0.6);
    --em-yellow: #FFF078;
    --em-yellow-30: rgba(255,240,120,0.3);
  --orange: #f8603b;
  --hot-pink: #ff207c;
  --corel: #f76e64;
    --light-corel: #f8978f;
    --em-red: #FFBEA6;
    --em-red-30: rgba(255,190,166,0.3);
  --pink: #FF62A3;
  --light-pink:#FFCCC0;
  --orange-red: #fa3f52;
  --pinky-red: #ff1c4b;
  --default-grey: #323b49;
  --lilac: #8362a6;
    --lilac-30: rgba(183,158,244,0.3);
  --peacock-blue: #0148a0;
  --tiffany-blue: #6ee5da;
  --pastel-blue:#BAE5F7;
  --bluegreen: #017a7b;
  --barbie-pink: #fd3f8e;
  --mango: #f89931;
  --light-green: #cbffa6;
  --light-olive: #add25e;
  --olive: #a7ba48;
  --boring-green: #68c553;
  --algae-green: #21b24b;
  --light-blue-grey: #cfd2d4;
  --ice-blue-two: #e8ffff;
  --white-30: rgba(255,255,255, 0.3);
  --white-60: rgba(255,255,255, 0.6);
  --white-80: rgba(255,255,255, 0.8);
  --white: #ffffff;
  --white-two: #fafafa;
  --black-20: rgba(0, 0, 0, 0.2);
  --black-10: rgba(0, 0, 0, 0.1);
  --white-50: rgba(255,255,255,0.5);
}

/* DEFAULT */
*,
*:after,
*::before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'NanumBarunGothic', 'Malgun Gothic', sans-serif;
}

::selection {
    background: var(--lilac-30);
}
html{
	font-family: 'NanumBarunGothic', 'Malgun Gothic', sans-serif;
}
body{
    width: 100vw;
    height: 100vh;
	background: var(--bgcolor);
}
button{
    cursor: pointer;
    border: none;
    outline: none;
}
.none{
	visibility: hidden;
}
ul{
	list-style: none;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus{
	text-decoration: none;
	color:inherit;
	display: block;
	width: inherit;
	height: inherit;
	cursor: pointer;
}

.top{
    vertical-align: top;
}
/* FORM */
input[type="text"],input[type="password"]{
	padding:1rem 1.5rem;
	cursor: text;
    border: none;
    border-radius: 25px;
    display: block;
    text-align: center;
    outline: none;
    color: var(--default-grey);
}
input::placeholder{
    color: var(--grey);
    font-size: 1rem;
}

.skip{
    font-size: 0;
    line-height: 0;
    width: 1px;
    height:1px;
    position: absolute;
    text-indent: -99999px;
}