/**
 * todo 완성된 코드는 content.css 로 이동
 */

/* 탭 스타일 */
.tab {}
.tab .tab-head {padding-bottom:34px; border-bottom:1px solid #cccccc;}
.tab .tab-head .tab-li {}
.tab .tab-head .tab-li a {height:42px;font-family:"Noto Sans Korean",sans-serif;font-size:14px;color:#777777;position:relative;transition:all 0.3s;}
.tab .tab-head .tab-li a:hover {color:#2d2d2d;}
.tab .tab-head .tab-li a.active {font-weight:bold;color:#2d2d2d;}
.tab .tab-head .tab-li a.active:after {content:'';width:7px;height:7px;position:absolute;border-radius:100%;background:#c30e23;left:0;right:0;margin:auto;top:-16px;}
.tab .tab-body {background:#f4f4f4;}
/**/
.pages .p-btn {position:relative;top:-90px;right:75px;}
.pages .p-btn a {display:inline-block;background:#c30e23;color:#fff;padding:6px 16px;font-size:16px;}
.pages .p-btn a:hover {color:#fff;cursor:pointer;}

@media (max-width:1200px) {
    .tab {padding:10px 0;position:relative;z-index:1000;}
    .tab .tab-head {position:absolute;width:100%;height:50px;top:0;z-index:1000;}
    .tab .tab-head ul {height:50px;}
    .tab .tab-head .tab-li {width:100% !important;background:#fff;}
    .tab .tab-head .tab-li:first-child {padding-top:50px;}
    .tab .tab-head .tab-li a {display:none;height:50px;width:100%;border:1px solid #ddd;border-top:0;line-height:48px;overflow:hidden;}
    .tab .tab-head .tab-li a br {display:none;}
    .tab .tab-head a.active {width:100%;display:block;position:absolute;top:0;border-top:1px solid #ddd;}
    .tab .tab-body {padding-top:50px;}
}

@media (max-width:991px) {
    .pages .p-btn {top:-42px;right:0;position:absolute;}

}