/* 샘플소스 - 웹즐 소스패키지 */

@import url("accordion.css");
@import url("modal.css");
@import url("social-share.css");
@import url("animate.css");
@import url("note.css");
@import url("testimonial.css");
@import url("box.css");
@import url("heading.css");
@import url("progress-bar.css");
@import url("tabs.css");
@import url("buttons.css");
@import url("image-caption.css");
@import url("post-grid.css");
@import url("table.css");
@import url("breadcrumb.css");
@import url("link-effects.css");
@import url("pricing-tables.css");
@import url("timeline.css");
@import url("calltoaction.css");
@import url("list.css");
@import url("services.css");
@import url("carousel.css");
@import url("member.css");
/*-----------------------------------
    Basic Style 
--------------------------------------*/

 main > section {
    padding: 70px 0;
    position: relative;
}

main {line-height: 24px;font-size: 15px;color: #818181;}

main  img {max-width:100%;}


main .container-fluid,
main .col-lg-1,
main .col-md-1,
main .col-sm-1,
main .col-xs-1,
main .col-lg-2,
main .col-md-2,
main .col-sm-2,
main .col-xs-2,
main .col-lg-3,
main .col-md-3,
main .col-sm-3,
main .col-xs-3,
main .col-lg-4,
main .col-md-4,
main .col-sm-4,
main .col-xs-4,
main .col-lg-5,
main .col-md-5,
main .col-sm-5,
main .col-xs-5,
main .col-lg-6,
main .col-md-6,
main .col-sm-6,
main .col-xs-6,
main .col-lg-7,
main .col-md-7,
main .col-sm-7,
main .col-xs-7,
main .col-lg-8,
main .col-md-8,
main .col-sm-8,
main .col-xs-8,
main .col-lg-9,
main .col-md-9,
main .col-sm-9,
main .col-xs-9,
main .col-lg-10,
main .col-md-10,
main .col-sm-10,
main .col-xs-10,
main .col-lg-11,
main .col-md-11,
main .col-sm-11,
main .col-xs-11,
main .col-lg-12,
main .col-md-12,
main .col-sm-12,
main .col-xs-12 {
    padding-right: 15px; 
    padding-left: 15px;
}

main [class*="tcb-"] {
    margin: 6px 4px;
}
main .table>tbody>tr>td {
    border: 0;
}
main .color-red {
    color: red !important;
}
main .bg-blue {
    background-color: #009EE3;
}
main .sec-color {
    background-color: #fafafa;
}
main .sec-spacer {
    padding: 100px 0;
}
main .spacer1 {
    height: 10px;
}
main .spacer2 {
    height: 20px;
}
main .spacer3 {
    height: 30px;
}
main .spacer4 {
    height: 40px;
}
main .title {
    position: relative;
    font-size: 24px;
    line-height: 26px;
    color: #444;
    padding-bottom: 15px;
    margin: 0;
    margin-bottom: 50px;
}
main .title:before {
    position: absolute;
    content: '';
    left: 0;
    background-color: #34495e;
    height: 1px;
    width: 40px;
    bottom: 0;
}
main .title:after {
    position: absolute;
    content: '';
    background-color: #34495e;
    left: 0;
    height: 1px;
    width: 60px;
    bottom: 3px;
}
main .title.white {
    color: #bbb;
}
main .title.white:before, 
main .title.white:after {
    background: rgba(255,255,255,0.4);
}
main .text-center.title:before {
    left: 50%;
    transform: translateX(-50%);
}
main .text-center.title:after {
    left: calc(50% + 10px);
    transform: translateX(-50%);
}
main .bg-img {
    background-image: url(../../img/wpack/bg-img.png);
}
main .bg-img2 {
    background-image: url(../../img/wpack/bg-img2.jpg);
}
main .tc-element-list-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
main .tc-element-list-menu li a {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 17px;
    background: rgba(0, 0, 0, 0.05);
    width: 100%;
    color: #999;
    margin-bottom: 30px;
    text-align: center;
}
main .tc-element-list-menu li a:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #888;
}
main .tc-element-list-menu li a .badge {
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 4px;
    background: #ef1c2e;
    font-size: 11px;
    padding: 5px 9px 6px 9px;
    letter-spacing: 1px;
}
main .tc-element-list-menu li a .badge.update {
    background: #4CAF50;
}
main .tc-element-list-menu li a .badge.hot {
    background: #f39c12;
}
main .title .badge {
    border-radius: 4px;
    background: #ef1c2e;
    font-size: 11px;
    padding: 5px 9px 4px 9px;
    letter-spacing: 1px;
}

@media (max-width: 767px) {
    main .row [class*="col-"]:nth-child(n+2) [class*="testimonial-"] {
        margin-top: 60px;
    }
}