/* 헤더 */
#mo_header.mobile {display: none;}
.main-header {color: #fff;}
.header-wrap {position: fixed; top: 0; left: 0; z-index: 3; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 10px 0; box-sizing: border-box;}
.header-wrap.mobile {display: none}
.header-wrap.active, .header-wrap.sub-header {background-color: #fff; color: #000; transition: all .5s ease; -webkit-transition: all .4s ease; border-bottom: 1px solid #f0f0f0;}
.header-wrap.deactive {background-color: transparent; color: #fff; transition: all .5s ease; -webkit-transition: all .4s ease;}
.header-area {width: 100%; max-width: 1200px; height: 60px; margin: 0 auto; align-items: center; justify-content: space-between;}
.header-area .logo img {width: 170px;}
.gnb {display: flex; position: relative;}
.gnb > li {padding-right: 130px; font-weight: 600; font-size: 16px; position: relative;}
.gnb li:last-child {padding-right: 0;}
.gnb li:hover {color: #ef4036; transition: .3s all ease;}

/* 푸터 */
.footer-wrap {background-color: #f0f0f0;}
.footer-wrap .footer-area {padding-top: 65px; padding-bottom: 65px;}
.footer-area {position: relative;}
.footer-area .logo-box {margin-right: 72px;}
.footer-area .logo-box img {width: 70px;}
.footer-area .footerinfo-box p {font-size: 14px; color: #343434; margin-bottom: 11px;}
.footer-area .footerinfo-box p span {position: relative; margin-right: 15px;}
.footer-area .footerinfo-box p span::after {position: absolute; display: block; content: ''; width: 1px; height: 70%; background-color: #343434; top: 52%; transform: translateY(-50%); right: -9px}
.footer-area .footerinfo-box p span:last-child {margin-right: 0;}
.footer-area .footerinfo-box p span:last-child::after {display: none;}
.footer-area .footerinfo-box p.copyright {margin-top: 25px; font-weight: 600;}

/* 서브 */
.content-wrap {padding-top: 81px; min-height: calc(100vh - 300px);}
.container {width: 100%; min-height: auto;}
.sub-con {position: relative; padding: 60px 0; height: auto;}

@media all and (max-width: 1024px) {
    /* 헤더 */
    .header-wrap {padding: 10px 25px;}
    .header-area {height: 50px;}
    .header-area .logo img {width: 135px;}
    .gnb > li {padding-right: 9vw; font-size: 15px;}

    /* 푸터 */
    .footer-wrap .footer-area {padding-top: 40px; padding-bottom: 40px;}
    .footer-area .logo-box img {width: 60px;}
    .footer-area .footerinfo-box p {line-height: 135%; margin-bottom: 8px;}
    .footer-area .footerinfo-box p.copyright {margin-top: 20px;}

    /* 서브 */
    .content-wrap {padding-top: 71px; min-height: calc(100vh - 263px);}
    .sub-con {padding: 40px 0;}
}

@media all and (max-width:768px) {
    /* 헤더 */
    .header-area {height: 45px;}
    .header-area .logo img {width: 120px;}
    .gnb > li {padding-right: 6vw; font-size: 14px;}

    /* 푸터 */
    .footer-wrap .footer-area {padding-top: 35px; padding-bottom: 35px;}
    .footer-area .logo-box {margin-right: 50px;}
    .footer-area .logo-box img {width: 50px;}
    .footer-area .footerinfo-box p {line-height: 125%; margin-bottom: 5px; font-size: 13px;}
    .footer-area .footerinfo-box p.copyright {margin-top: 10px;}

    /* 서브 */
    .content-wrap {padding-top: 65px; min-height: calc(100vh - 220px);}
    .sub-con {padding: 30px 0;}
}

@media all and (max-width: 568px) {
    #mo_header.mobile {display: block;}
    #header.pc {display: none;}
    .header-wrap {padding: 10px;}
    .header-area {height: 30px;}
    .header-area .logo img {width: 100px;}
    .menu img {width: 22px;}
    .close {position: relative; width: 25px; height: 25px;}
    .close .bar {width: 25px; height: 2px; background-color: #666; display: inline-block; position: absolute; top: 8px; left: 0; cursor: pointer;}
    .close .bar:nth-child(1) {transform: rotate(45deg);}
    .close .bar:nth-child(2) {transform: rotate(-45deg);}

    .side-wrap {width: 100%; position: fixed; top: 0; left: 0; height: 100vh; z-index: -9999; visibility: hidden; opacity: 0;}
    .side-wrap .side-menu-wrap {float: right; width: 100%; height: 100vh; background-color: #fcfcfc; transform: translateX(100%); transition: .3s ease-in-out; box-sizing: border-box;}
    .side-wrap.active {z-index: 99; visibility: visible; opacity: 1;}
    .side-wrap.active .side-menu-wrap {transform: translateX(0); transition: .3s ease-in-out;}
    .side-top {height: 30px; padding: 10px; border-bottom: 1px solid #f0f0f0;}
    .side-top .logo img {width: 100px;}
    .menu-box > li {width: 100%; background-color: #fff; border-bottom: 1px solid #f0f0f0; font-size: 15px; box-sizing: border-box; cursor: pointer; color: #777; font-weight: 500; padding: 15px 10px;}
    .menu-box > li > a {width: 100%; display: block;}

    /* 푸터 */
    .footer-wrap .footer-area {padding-top: 25px; padding-bottom: 25px; display: block;}
    .footer-area .logo-box {margin-bottom: 20px;}
    .footer-area .logo-box img {width: 50px;}
    .footer-area .footerinfo-box p {line-height: 135%; margin-bottom: 8px; font-size: 12px;}
    .footer-area .footerinfo-box p.copyright {margin-top: 8px;}

    /* 서브 */
    .content-wrap {padding-top: 50px; min-height: calc(100vh - 272px);}
    .sub-con {padding: 20px 0;}

}

@media all and (max-width:320px) {

}