@charset "utf-8";
.tv_header{border-bottom:1px solid #ddd}
.tv_header .gnb,
.tv_header .btn_srch,
.tv_header .btn_allmenu,
.tv_header .btn_login{display:none}

.footer{padding:30px 0 100px}
.footer_menu_wrap{background: none;}
.footer_menu_wrap .footer_menu{padding:0;justify-content: center;}
.footer_menu_wrap .footer_menu a{color:#999}
.footer_menu_wrap .footer_menu .dot{background-color: #999;}
.footer_menu_wrap .footer_menu a.menu_light{color:#000}
.footer .footer_inner{padding:0;margin-top:20px;justify-content: center;}
.footer .footer_info,
.footer .footer_brand{display:none}
.footer .footer_meta{margin-top:0}

.login_box{padding:110px 0;margin:0 auto;text-align:center;}
.login_box h3{margin-bottom:25px;font-size:30px;font-weight:600;color:#000;}
.login_box .desc{margin-bottom:40px;font-size:17px;font-weight:400;color:#999;line-height:1.7;}
.login_box .btn_wrap{display:flex;gap:24px;justify-content: center;}
.login_box .btn_wrap a{display:block;width:194px;padding:44px 0 40px;border:1px solid #ddd;border-radius:20px;font-size:19px;font-weight:500;color:#000;transition:background-color .5s}
.login_box .btn_wrap a i{display:block;width:100%;height:47px;margin-bottom:30px;}
.login_box .btn_wrap .btn_kakao i{background: url(../../images/common/kakao.png) no-repeat 50% 50%;}
.login_box .btn_wrap .btn_naver i{background: url(../../images/common/naver.png) no-repeat 50% 50%;}

@media screen and (max-width: 1180px){
    .footer .footer_inner{align-items: center;}
}
@media screen and (max-width: 860px){
    .login_box{padding:80px 0 100px}
    .login_box h3{font-size:26px}
    .login_box .desc{margin-bottom:30px;font-size:16px}
    .login_box .btn_wrap a{width:170px;padding:35px 0 30px;font-size:17px}
    .login_box .btn_wrap a i{margin-bottom:20px;}
}
@media screen and (max-width: 640px){
    .login_box{padding:60px 0 80px}
    .login_box h3{font-size:21px}
    .login_box .desc{font-size:15px}
    .login_box .btn_wrap{gap:20px}
    .login_box .btn_wrap a{width:160px;padding:20px 0 20px;font-size:15px}
    .login_box .btn_wrap a i{margin-bottom:10px;}
    .login_box .btn_wrap .btn_kakao i{background: url(../../images/common/kakao.png) no-repeat 50% 50% / auto 35px;}
    .login_box .btn_wrap .btn_naver i{background: url(../../images/common/naver.png) no-repeat 50% 50% / auto 32px;}

    .footer{padding:30px 0 50px;}
}
@media screen and (max-width: 480px){
    .login_box{padding:40px 0 60px}
    .login_box h3{margin-bottom:20px;font-size:18px}
    .login_box .desc{font-size:14px;line-height:1.5;}
    .login_box .btn_wrap{gap:10px;}
    .login_box .btn_wrap a{font-size:14px;border-radius:10px;}
    .footer{padding:20px 0 40px;}
}


@media (hover: hover) and (pointer: fine) {
    .login_box .btn_wrap a:hover{background-color: #04b3bc;border-color:transparent;color:#fff;}
    .login_box .btn_wrap .btn_kakao:hover i{background: url(../../images/common/kakao_wh.png) no-repeat 50% 50%;}
    .login_box .btn_wrap .btn_naver:hover i{background: url(../../images/common/naver_wh.png) no-repeat 50% 50%;}

    @media screen and (max-width: 640px){
        .login_box .btn_wrap .btn_kakao:hover i{background: url(../../images/common/kakao_wh.png) no-repeat 50% 50% / auto 35px;}
        .login_box .btn_wrap .btn_naver:hover i{background: url(../../images/common/naver_wh.png) no-repeat 50% 50% / auto 32px;}
    }
}