/* BASIC css start */
/* BASIC css start */
:is(#footer, #footer :is(*)) {
    box-sizing: border-box;
}

#footer {
    width: 100%;
    background-color: #000;
    min-width: 320px;
    max-width: 850px;
    margin: 80px auto 0
}

#footer :is(*) {
    font-family: 'bookmania', 'NanumSquare Neo', sans-serif;
    color: #fff;
}

#footer .foot_inner {
    padding: 0 5%;
}

#footer .foot_inner .foot_top {
    margin-bottom: 5px;
    padding-top: 50px;
}

#footer .foot_inner .foot_top .f_logo {
    margin-bottom: 25px;
}

#footer .foot_inner .foot_top .f_logo a {
    display: block;
}

#footer .foot_inner .foot_top .f_logo a img {
    transform: scale(.7);
    transform-origin: left center;
    max-width: 300px;
}

#footer .foot_inner .foot_top .f_cs {
    display: flex;
    justify-content: space-between;
}

#footer .foot_inner .foot_top .f_cs>* {
    flex-grow: 1;
}

#footer .foot_inner .foot_top .f_cs h4 {
    font-family: 'bookmania','rollerscript-rough','NanumSquare Neo', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 11px;
}

#footer .foot_inner .foot_top .f_cs h5 {
    font-family: 'bookmania','rollerscript-rough','NanumSquare Neo', sans-serif;
    font-size: 26px;
    font-weight: 500;
}

#footer .foot_inner .foot_top .f_cs ul li {
    display: flex;
    font-family: 'bookmania','rollerscript-rough','NanumSquare Neo', sans-serif;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 13px;
}

#footer .foot_inner .foot_top .f_cs ul li span {
    font-family: 'bookmania','rollerscript-rough','NanumSquare Neo', sans-serif;
    font-weight: 400;
}

#footer .foot_inner .foot_middle ul.f_info {
}

#footer .foot_inner .foot_middle ul.f_info li {
    margin: 0 15px 5px 0;
    color: #aaaaaa;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    font-family: 'NanumSquare Neo', sans-serif;
}

#footer .foot_inner .foot_middle ul.f_info li a {
    color: #aaaaaa;
    font-size: inherit;
    font-weight: inherit;
}

#footer .foot_inner .foot_middle p.copy {
    color: #555;
    font-family: 'bookmania','rollerscript-rough','NanumSquare Neo', sans-serif;
    font-weight: 500;
    margin-top: 20px;
    font-size: 13px;
}

#footer .foot_inner .foot_bottom {
    border-top: 1px solid #818181;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 60px;
}

#footer .foot_inner .foot_bottom ul.f_menu {
    display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 0;
}

#footer .foot_inner .foot_bottom ul.f_menu li {
}

#footer .foot_inner .foot_bottom ul.f_menu:first-child li:nth-child(2) a {
    font-weight: 500;
}

#footer .foot_inner .foot_bottom ul.f_menu li a {
    font-size: 12px;
    font-weight: 300;
    font-family: 'NanumSquare Neo', sans-serif;
}

#footer .foot_inner .foot_bottom ul.f_sns {
    display: flex;
    align-items: center;
    gap: 10px;
}

#footer .foot_inner .foot_bottom ul.f_sns li {
}

#footer .foot_inner .foot_bottom ul.f_sns li:first-child {
    margin-right: 7px;
}

#footer .foot_inner .foot_bottom ul.f_sns li a {
    display: block;
}

#footer .foot_inner .foot_bottom ul.f_sns li a img {
    transform: scale(.66);
    transform-origin: left center;
}

/* BASIC css end */

/* BASIC css end */

