@charset "UTF-8";

@import "font.css";
/*공통 reset.css*/
*{margin:0;padding:0;box-sizing:border-box; font:inherit;color:inherit;flex-shrink:0; font-family:"notosans-kr",sans-serif;}
html,body {height:100%;line-height:1.5;letter-spacing:-0.6px;color:#212121}
a {text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
ul,ol,li{list-style:none}
img,hr{border:none}
button {background:none;border:0;cursor:pointer;}
img, picture, video, canvas, svg {display: block;max-width:100%;}
input{display:block;margin:0;padding:0 12px;border:0 none;box-sizing:border-box;color:#212121}
input[type='text'],input[type='password'],input[type='tel'],input[type='email']{display:block;width:100%;height:50px;line-height:50px;border:1px solid #E0E0E0;border-radius:0;font-size:14px}
input::placeholder{color:#9E9E9E}
textarea{display:block;margin:0;padding:15px 12px;width:100%;height:200px;border:1px solid #E0E0E0;color:#212121;font-size:14px;line-height:20px;box-sizing:border-box;background:#fff;border-radius:0}
textarea::placeholder{color:#9E9E9E}

/*스크롤바*/
body{ overflow:overlay;}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 42%, 0.35);
    border-radius: 50px;
}

.flex {display: flex;}
.flex.center {align-items: center;}
.flex.column {flex-direction: column;}
.flex.flex_wrap {flex-wrap:wrap;}
.jsb {justify-content: space-between;}
.m-auto {margin: 0 auto;}
.t-center {text-align: center;}
.t-left {text-align:left;}
.t-right {text-align:right;}
.relative {position: relative;}
.absolute {position: absolute;}
.float-r {float: right;}
.float-l {float: left;}

.fff {color:#fff;}
.ccc {color:#ccc;}
.d8 {color:#0D82A7;}
.d9 {color:#9D9D9D;}
.d1 {color:#1d1d1d}
.f1 {color:#111;}
.f2 {color:#222;}
.f3 {color:#333;}
.f4 {color:#444;}
.f5 {color:#555;}
.f6 {color:#666;}
.f7 {color:#777;}
.f8 {color:#888;}
.f9 {color:#999;}

/* h1 {font-weight: 700;font-size: 84px;line-height: 96px;letter-spacing: -0.02em;}
h2 {font-weight: 500;font-size: 28px;line-height: 41px;letter-spacing: -0.02em;}
h3 {font-weight: 700;font-size: 48px;line-height: 70px;letter-spacing: -0.02em;}
h4 {letter-spacing: -0.02em;font-weight: 350;font-size: 20px;line-height: 32px;}
h5 {font-weight: 700;font-size: 36px;} */

.mb_hidden{display:none !important}
.pc_hidden{display:block !important}

@media (min-width: 768px) {
    .mb_hidden{display:block !important}
    .pc_hidden{display:none !important}
}


.loadingScreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
}

.loader_block {
    border: 16px solid #f3f3f3; 
    border-top: 16px solid #3498db; 
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: auto;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.loader_progress {
    margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}