/*------------------------------------------------------
· Innoteco Temporary Page Ver 1.0
· Type : header.css
· Author : Albatrosss Pictures Kim Hyun Gyu
· Data : 2005.05.14
· Copyright @ 2005 Innoteco Temporary Page all rights reserved
---------------------------------------------------------
· SUMMARY:
0) Responsive Area
1) Mouse Pointer
2) Header
3) Footer
---------------------------------------------------------*/

@charset "utf-8";

/* #################################### 01.Mouse Pointer #################################### */
.mouse-pointer {
    width: var(--pointer-basic-size);
    height: var(--pointer-basic-size);
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 50%;
    pointer-events: none;
    background: var(--pointer-basic-color);
    z-index: 99;
}

/* #################################### 02.Header #################################### */
header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--header-wrap-height);
    z-index: var(--header-wrap-zIndex);
    background: var(--header-wrap-bgColor-basic);
}

/* #################################### 03.Footer #################################### */
footer {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: var(--header-wrap-padding);
}

footer::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    margin: 0 auto;
    width: calc(100% - (var(--header-wrap-padding) * 2));
    height: 1px;
    background: #2c2c2c;
}

/* **************************************************************
    0) Responsive Area
************************************************************** */
@media all and (max-width: 640px) {
    footer {
        flex-direction: column;
        justify-content: flex-start;
    }
}