@charset "utf-8";

/* 폰트 rem 단위 */
html {
    font-size: 62.5%; /* 10px */
    font-family: 'Noto Sans KR", sans-serif';
}

/* 여백초기화 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 테이블선 중첩 */
table {
    border-collapse: collapse;
    width: 100%;
}

/* 목록스타일 초기화 */
ol, ul {
    list-style: none;
}

/* 하이퍼링크 초기화*/
a {
    text-decoration: none;
    color: #000;
    display: block;
}

/* 글자기울임 초기화*/
address, em, i {
    font-style: normal;
}

/* 폼그룹 테두리 없애기 */
fieldset, input {
    border: 0;
    vertical-align: middle;
}

/* 폼그룹명 숨기기 */
legend {
    display: none;
}

/* ---------------------------------
    wight / height - 너비 / 높이
   --------------------------------- */

.w-100vw {
    width: 100vw;
}

.h-100vh {
    height: 100vh;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

/* ---------------------------------
    display - 디스플레이
   --------------------------------- */

.link-underline {
    text-decoration: underline;
}

.link-underline:hover {
    color: #0093FF;
}

.d-flex {
    display: flex;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.txt-center {
    text-align: center;
}

/* ---------------------------------
    margin - 마진
   --------------------------------- */

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.pb-10 {
    padding-bottom: 10px;
}

/* ============ 끝 ============ */