/**
 * 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 {font-size:18px;color:#777777;position:relative;transition:all 0.3s;font-weight:300;line-height: 1.2;}
.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:-80px;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;}

}


@media (max-width:450px) {
    .tab .tab-head .tab-li a{font-size:14px;}
}