/* ------------------------------------------헤더---------------------------------------------------- */
header {
    background:#000;
    width:100%;
    position:fixed; top:0;
    z-index: 999;
    padding:0 200px;
    }
header .header_container {
    max-width:1520px;
    margin:0 auto;
    display:flex; justify-content:space-between; align-items:center;
}
header .header_container h1 {}
header .header_container h1 a {}
header .header_container h1 a img {display:block;}
header .header_container .right_wrap {
    display:flex; gap:50px;
}
header .header_container .right_wrap .sns {display:flex; gap:15px;}
header .header_container .right_wrap .sns a {}
header .header_container .right_wrap .sns a img {display:block;}
header .header_container .right_wrap .menu {}
header .header_container .right_wrap .menu img {display:block;}
header .header_container .right_wrap .hidden_container {
    position:absolute;
    top:0;
    left:50%; transform:translateX(-50%);
    width:100%; height:100vh; background:rgba(0,0,0,0.7);
    opacity: 0;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center; /* 가운데 기준으로 확장 */
    transition: all 1s ease;
}
header .header_container .right_wrap .hidden_container.active {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
}
header .header_container .right_wrap .hidden_container .hidden_menu {
    position:absolute;
    left:50%; transform:translate(-50%, -50%); 
    top:50%;
    display:flex; flex-direction:column; gap:50px;
}
header .header_container .right_wrap .hidden_container .hidden_menu li {}
header .header_container .right_wrap .hidden_container .hidden_menu li a {
    font-size:3.125rem; font-weight:700;
    color:#fff;
    transition:all 0.5s;
    display:block;
}
header .header_container .right_wrap .hidden_container .hidden_menu li:hover {
    transform:scaleX(110%);
}
header .header_container .right_wrap .hidden_container .hidden_menu_close {
    position:absolute; right:50px; top:50px;
    font-size:2.5rem;
    color:#fff;
}
/* 메인 */
main {
    padding:50px 0;
}
main .company_container {
    max-width:1520px; margin:50px auto;
}
main .company_container .category {
    display:flex; justify-content:center; gap:30px;
    margin-bottom:150px;
}
main .company_container .category li {}
main .company_container .category li button {font-size:1.563rem;}
main .company_container .category li button.active {
    font-weight:800;
    border-bottom:1px solid #000;
}
main .company_container .company_wrap {}
main .company_container .company_wrap .about {
    display:flex; justify-content:center; align-items:center; gap:50px;
}
main .company_container .company_wrap .about .fnc_logo {}
main .company_container .company_wrap .about .fnc_logo img {display:block; width:100%;}
main .company_container .company_wrap .about .about_content {}
main .company_container .company_wrap .about .about_content p {
    line-height:1.5;
    font-weight:500;
    font-size:1.125rem;
    opacity:0;
    animation:opa 2s both;
}
main .company_container .company_wrap .about .about_content p span {font-weight:700;}
main .company_container .company_wrap .history {
    display:flex; flex-flow:column nowrap; gap:70px;
    display:none;
}
main .company_container .company_wrap .history dl {}
main .company_container .company_wrap .history dl .year {
    float:left; margin-right:50px;
    font-weight:800;
}
main .company_container .company_wrap .history dl dd {
    display:flex; float:right; gap:20px;
    width:calc(100% - 120px);
    margin-bottom:30px;
}
main .company_container .company_wrap .history dl dd:last-of-type {margin-bottom:0;}
main .company_container .company_wrap .history dl dd .month {font-size:0.875rem; font-weight:600;}
main .company_container .company_wrap .history dl dd .title {display:flex; flex-direction:column; gap:5px;}
main .company_container .company_wrap .history dl dd .title p {font-size:0.875rem; color:#919191;}
/* 푸터 */
footer {
    background:#000;
    width:100%;
    z-index: 999;
    padding:50px 0;
}
footer.active {
    display:block;
}
footer .footer_container {
    max-width:1520px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between;
}
footer .footer_container .info {display:flex; gap:50px;}
footer .footer_container .info > a{}
footer .footer_container .info > a img {}
footer .footer_container .info .info_wrap {}
footer .footer_container .info .info_wrap .info_top {margin-bottom:20px;}
footer .footer_container .info .info_wrap .info_top ul {display:flex; gap:15px;}
footer .footer_container .info .info_wrap .info_top ul li {
    font-size:0.875rem; font-weight:500;
}
footer .footer_container .info .info_wrap .info_top ul li a {color:#aaa;}
footer .footer_container .info .info_wrap .info_bottom {}
footer .footer_container .info .info_wrap .info_bottom address {display:flex; gap:15px;}
footer .footer_container .info .info_wrap .info_bottom address p {color:#aaa; font-size:0.875rem; font-weight:500;}
footer .footer_container .info .info_wrap .info_bottom .copy {color:#666; margin-top:5px; font-size:0.75rem; font-weight:500;}
footer .footer_container .site_map_wrap {position:relative;}
footer .footer_container .site_map {
    width:250px;
    padding:5px 20px;
    background:#000;
    font-size:0.875rem; font-weight:500;
    color:#949494;
    border:1px solid #949494;
}
footer .footer_container .site_map option {
    background: #fff;
    color: #000;
}
footer .footer_container .site_map_wrap img {
    position:absolute; top:0; right:5px;
    display:block;
}
@keyframes opa {
    0% {opacity:0; transform:translateY(50px);}
    100% {opacity:1; transform:translateY(0);}
}