// main: ga-fabricfarm.less

.customer {
    .well {
        min-height: inherit;
        padding: 20px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid @box-border;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .customer-search {
        .stylish-input-group .input-group-addon {
            background: white !important;
            font-size: 32px;
        }
        .stylish-input-group .form-control {
            border-right:0; 
            box-shadow:0 0 0; 
            border-color:#ccc;
            height: 56px;
        }
        .stylish-input-group button {
            border:0;
            background:transparent;
        }
    }
    .faq-list {
        margin: 10px 0 0 0;
        padding: 0;
        text-align: center;
        li {
            list-style: none;
            display: inline-block;
            border-right: 1px solid @divider;
            margin-right: 10px;
            padding-right: 10px;
            margin-bottom: 5px;
        }
        li:last-child {
            border-right: none;
            margin-right: 0;
            padding-right: 0;
        }
    }
    .notice,
    .faq {
        border-top: 2px solid @board-top-color;
    }
    h4 {
        display: inline-block;
        margin: 0 0 20px 0;
        padding: 0;
    }
    .customer-state {
        margin: 40px 0;
        ul.toolbar {
            list-style: none;
            text-align: center;
            .btn-circle > i {
                width: 80px;
                height: 80px;
            }
        }
        ul > li {
            display: inline-block;
            margin-bottom: 10px;
            span {
                font-weight: 700;
                font-family: "NanumBarunGothicBold";
            }
        }
        /* 버튼형태 - 둥근버튼 */
        .btn-customer > i, .btn-customer:focus > i {
            color: @font-color-base;
            background-color: #ffffff;
            border: 1px solid @btn-border;
        }
        .btn-customer:hover > i {
            color: #ffffff;
            background-color: @primary-color;
            border: 0;
        }
        .btn.btn-circle, .btn.btn-circle.disabled {
            padding: 2px 5px;
            box-shadow: none;
            border: none;
            background: transparent;
            font-weight: 300;
            transition: none;
        }
        .btn-circle > i {
            padding: 22px 0;
            font-size: 34px;
            border-radius: 50%;
            display: block;
            margin: 0 auto;
            margin-bottom: 6px;
            line-height: normal;
            transition: all .3s ease-in-out 0s;
        }
    }

    .text-ellipsis {
        position: relative;
        
        &:before {
            content: '';
            display: inline-block;            
        }
    }
    .text-ellipsis > span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        max-width: 100%;        
    }
}

@media (max-width: 767px) {
    
}

@media (min-width: 768px) {
    
}

@media (min-width: 992px) {
   
}