@charset "UTF-8";
/*
푸터
푸터가 들어가는 _Layout.cshtml에 링크 삽입
*/

#wrapper > footer {margin-top:80px; background-color:#4c4a4a; transition-property:height; transition-duration:.3s; transition-timing-function: ease-in;}

#footer-mb {padding:31px 15px 57px;}
.footer-mb-logo {display:block; width:200px; height:35px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.footer-mb-link {display:flex; align-items:center; margin: 24px 0;}
.footer-mb-link > * {display:block; height:2.4rem; line-height:2.4rem; font-size:1.8rem; font-weight:300;  color:#fff;}
.footer-mb-link > span {width:2px; height:1.4rem; margin:0 9px; background-color:#b7b7b7;}

.footer-mb-sns {display:flex; align-items:center; height:30px; padding-bottom:31px;}
.footer-mb-sns > * {margin-right:20px;}
.footer-mb-sns > .footer-mb-follow {line-height:3rem; font-size:1.6rem; color:#fff;}
.footer-mb-sns > a > img {width:30px;}

#footer-mb > hr {margin:0 -15px; height:2px; background-color:#000; border:none; opacity:0.3;}

.footer-mb-copyright {padding-top:25px; text-align:center; line-height:2.7rem; font-size:1.5rem; font-weight:200; color:#ebebeb;}

#wrapper > footer.fixed {position:fixed; right:0; bottom:0; left:0;}


/*************** PC 기준 ***************/
@media all and (min-width: 1200px){
    /* sub.css에서 작동 */
}

/*************** PC 기준 (메인) ***************/
@media all and (min-width: 1310px){

    #footer-sitemap {width:100%; max-width:1350px; margin:0 auto; padding:55px 0;}
    #footer-sitemap > ul {display:flex;}
    #footer-sitemap > ul > li {width:197.5px; padding-left:20px;}
    #footer-sitemap > ul > li:first-child {width:217.5px;}
    /* #footer-sitemap > ul > li {width:241.2px; padding-left:20px;}
    #footer-sitemap > ul > li:first-child {width:261.2px;} */
    #footer-sitemap > ul > li:last-child {padding-right:20px;}
    #footer-sitemap > ul > li > a:first-child {display:block; margin-bottom:15px; line-height:19px; font-size:17px; font-weight:500; color:#fff;}
    #footer-sitemap > ul > li > a:not(:first-child) {display:block; margin-bottom:10px; line-height:19px; font-size:15px; color:#fff;}
    #footer-sitemap > ul > .footer-bar {width:1px; height:120px; background-color:rgba(255,255,255,.25);}
    
    .footer-hbar {width:100%; height:1px; margin:0 auto; background-color:rgba(255,255,255,.3);}

    #footer-pc {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1350px; margin:0 auto; padding:55px 0;}
    #footer-pc > .footer-pc-left {display:flex; margin-left:20px;}
    #footer-pc > .footer-pc-left > .footer-pc-logo {display:block; width:229px; height:42px; margin-right:87.5px;  background-repeat:no-repeat; background-position:center center; background-size:contain;}
    #footer-pc > .footer-pc-left > .footer-pc-text > .footer-pc-link {display:flex; align-items:center;}
    #footer-pc > .footer-pc-left > .footer-pc-text > .footer-pc-link > a {line-height:2.7rem; font-size:1.8rem; font-weight:300; color:#fff;}
    #footer-pc > .footer-pc-left > .footer-pc-text > .footer-pc-link > span {display:inline-block; width:2px; height:15px; margin:0 14px; background-color:#fff;}
    #footer-pc > .footer-pc-left > .footer-pc-text > .footer-pc-copyright {margin-top:17px; line-height:2.7rem; font-size:1.8rem; font-weight:200; color:#fff;}

    #footer-pc > .footer-pc-right {display:flex; flex-wrap:wrap; align-items:center; width:209px; height:71px; margin-right:20px;}
    #footer-pc > .footer-pc-right > a:not(:first-of-type) {margin-left:23px;}
    #footer-pc > .footer-pc-right > .footer-pc-follow {width:100%; margin-bottom:12px; line-height:2.4rem; font-size:1.6rem; color:#fff;}
    #footer-pc > .footer-pc-right > a > img {width:35px;}
}