@charset "utf-8";

@import "style.css";

* {
    font-family: "Noto Sans KR", sans-serif;
    max-height: 1000000px;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    color: #212529;
    text-decoration-line: none;
}
a:hover, a:active, a:focus, a:visited {
    text-decoration: none;
    color: #212529;
}

p {
    color: #212529;
}

button {
    cursor: pointer;
}

/* checkbox css */
input[type=checkbox]{
    display:none;
}
input[type=checkbox] + label{
    cursor:pointer;
}
input[type=checkbox] + label > span{
    vertical-align: middle;
    padding-left: 5px;
}
input[type=checkbox] + label:before{
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    border:solid 1px #1e2f4f;
    border-radius: 3px;
    vertical-align:middle;
}
input[type=checkbox]:checked + label:before{
    content:"";
    background-image: url("../images/checkbox-markup.png");
    border-radius: 3px;
    border: solid 1px #233558;
    background-repeat: no-repeat;
    background-position: 50%;
}

.text-lt {
    text-align: left !important;
}
.text-rt {
    text-align: right !important;
}
.text-ct {
    text-align: center !important;
}
/*****  font *******/
.ft-blue {
    color: #384EE3 !important;
}
.ft-gray {
    color: #666666 !important;
}
.ft-bold {
    font-weight: bold !important;
}
.ft-14 {
    font-size: 14px !important;
}

/*****  background *******/
.bg-gray {
    background-color: #f9f9f9 !important;
}
/*****  width *******/
.w-maxcontent {
    width: max-content;
}
.w115 {
    width: 115px !important;
}
.w140 {
    width: 140px !important;
}
.w149 {
    width: 149px !important;
}
.w156 {
    width: 156px !important;
}
.w180 {
    width: 180px !important;
}
.w300 {
     width: 300px !important;
 }
.w400 {
    width: 400px !important;
}
.w450 {
    width: 450px !important;
}
.w1255 {
    width: 1255px !important;
}
.w32p {
    width: 32% !important;
}
.h90 {
    height: 90px !important;
}
.h105 {
    height: 105px !important;
}
.mt24 {
    margin-top: 24px;
}
.mb24 {
    margin-bottom: 24px;
}

/******** 기타 *********/
.cursor-pt {
    cursor: pointer;
}
.cursor-auto {
    cursor: auto;
}
.dp-flex {
    display: flex;
}
.dp-flex.al-center {
    align-items: center;
    justify-content: center;
}
.dp-grid {
    display: grid !important;
    grid-template-columns: auto 1fr;
    align-items: center;
}
.grid-lt {
    justify-self: left;
}
.grid-ct {
    justify-self: center;
}
.td-underline {
    text-decoration: underline;
}

/********* overlay ************/
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(211, 211, 211, 0.9);
    backdrop-filter: blur(10px);
    display: none; /* 기본적으로 숨김 */
    z-index: 1000;
}
#loadingGif {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
}