@charset "utf-8";
/* CSS Document */

/****************
	button 
****************/
.border-rz {border-radius: 0;}
.btn-style-normal {
  min-width: 120px;
  padding: 10px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  border: none !important;
}

.btn_list {
                        background-color: #2c3e50 !important;
                        color: #fff !important;
                        padding: 12px 35px !important;
                        font-size: 1.05rem !important;
                        font-weight: 600 !important;
                        border: none !important;
                        border-radius: 4px !important;
                        cursor: pointer;
                        text-decoration: none;
                        transition: background 0.2s ease;
}

.btn_list:hover {background-color: #1a252f !important;}

.btn-custom-list {
                    background-color: #4a5568 !important;
                    color: #ffffff !important;
                    border: none !important;
                    padding: 0.6rem 1.75rem !important;
                    border-radius: 30px !important;
                    /* 알약 스타일 모양 */
                    font-weight: 500;
                    transition: background-color 0.2s;
}
.btn-custom-list:hover {background-color: #2d3748 !important;}

/****************
	검색폼 영역 
****************/
                    .custom-search-wrapper {
                        width: 100%;
                        margin: 2rem 0;
                    }

                    .custom-search-wrapper .input-group {
                        border: 2px solid #e2e8f0;
                        overflow: hidden;
                        background-color: #ffffff;
                        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
                        transition: all 0.25s ease-in-out;
                    }

                    .custom-search-wrapper .input-group:focus-within,
                    .custom-search-wrapper .input-group:hover {
                        border-color: #4a5568;
                        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
                    }

                    .custom-search-wrapper .form-select,
                    .custom-search-wrapper .form-control {
                        border: none !important;
                        box-shadow: none !important;
                        padding: 0.75rem 1.25rem;
                        font-size: 0.95rem;
                    }

                    .custom-search-wrapper .form-select {
                        border-right: 1px solid #edf2f7 !important;
                        background-color: #f8fafc;
                        color: #4a5568;
                        cursor: pointer;
                    }

                    .custom-search-wrapper .search-submit-btn {
                        border: none !important;
                        border-radius: 0 !important;
                        background-color: #4a5568 !important;
                        color: #ffffff !important;
                        padding: 0 1.5rem !important;
                        transition: background-color 0.2s;
                    }

                    .custom-search-wrapper .search-submit-btn:hover {
                        background-color: #2d3748 !important;
                    }

                    @media (max-width: 575.98px) {
                        .custom-search-wrapper .form-select {
                            max-width: 95px !important;
                            padding: 0.65rem 0.75rem;
                            font-size: 0.9rem;
                        }

                        .custom-search-wrapper .form-control {
                            padding: 0.65rem 0.85rem;
                            font-size: 0.9rem;
                        }

                        .custom-search-wrapper .search-submit-btn {
                            padding: 0 1.1rem !important;
                        }
                    }





.btn-lawyer-more {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            background-color: #ffffff;
                            border: 1px solid #cbd5e1;
                            padding: 10px 32px;
                            color: #000;
                            font-size: 15px;
                            font-weight: 500;
                            text-decoration: none;
                            border-radius: 30px;
                            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 마우스 오버 시 골드 포인트 컬러로 부드럽게 반전 */
.btn-lawyer-more:hover {background-color: var(--brand-gold); border-color: var(--brand-gold); color: #ffffff;}

/* 내부 화살표 모션 효과 */
.btn-lawyer-more i {font-size: 14px; transition: transform 0.3s ease;}
.btn-lawyer-more:hover i {transform: translateX(4px);}

.lawyer-nav-buttons button {
                            width: 44px;
                            height: 44px;
                            border-radius: 50%;
                            /* 완벽한 원형 생성 */
                            border: 1px solid #cbd5e1;
                            /* 깔끔한 연그레이 테두리 */
                            background-color: #ffffff;
                            /* 기본 흰색 배경 */
                            color: #334155;
                            /* 화살표 아이콘 색상 */
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            cursor: pointer;
                            transition: all 0.25s ease;
                            /* 마우스 오버 시 부드러운 전환 효과 */
                            outline: none;
                            padding: 0;
}

.lawyer-nav-buttons button i {font-size: 18px; line-height: 1;}

.lawyer-nav-buttons button:hover:not(.swiper-button-disabled) {
                            background-color: var(--brand-navy);
                            border-color: var(--brand-navy);
                            color: #ffffff;
}

.lawyer-nav-buttons button.swiper-button-disabled {
                            opacity: 0.35;
                            cursor: default;
                            background-color: #f1f5f9;
                            border-color: #e2e8f0;
                            color: #94a3b8;
}

 .member-nav-buttons button {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: 1px solid #cbd5e1;
            background-color: #ffffff;
            color: #334155;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.25s ease;
}

.member-nav-buttons button:hover {
            background-color: var(--brand-navy);
            border-color: var(--brand-navy);
            color: #ffffff;
}

.cert-nav-container button {
            width: 44px;
            height: 44px;
            border: 1px solid #e2e8f0;
            background-color: #ffffff;
            color: #475569;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.25s ease;
}

.cert-nav-container button:hover {
            background-color: var(--brand-navy);
            border-color: var(--brand-navy);
            color: #ffffff;
}


.btn-consult-write {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background-color: #ffffff;
            border: 1px solid #cbd5e1;
            padding: 10px 32px;
            color: #000;
            font-size: 15px;
            font-weight: 500;
            text-decoration: none;
            border-radius: 30px;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-consult-write:hover {
            background-color: var(--brand-gold);
            border-color: var(--brand-gold);
            color: #ffffff;
}





.butn {
  background: #36590d;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 12px 30px;
  line-height: normal;
  font-weight: 500;
  text-transform: none !important;
  position: relative;
  z-index: 1;
  display: inline-block;
  white-space: nowrap;
  border: none;
  cursor: pointer; 
}

.butn span {z-index: 9; position: relative;}
.butn:hover {color: #fff; border-radius: 0px;}
.butn:after {
    content: '';
    position: absolute;
    border-radius: 4px;
    bottom: 6px;
    left: 0;
    height: 2px;
    -webkit-transition: width .4s;
    -o-transition: width .4s;
    transition: width .4s;
    width: 0;
    background: #01479d;
    height: 100%;
    top: 0;
    z-index: 1; 
}
.butn:hover:after {width: 100%; border-radius: 3px;}
.butn.theme {background: #300d59; color: #fff;}
.butn.theme span {color: #fff;}
.butn.theme:hover {color: #fff; border-radius: 0px;}
.butn.theme:after {background: #590d36; border-radius: 3px;}
.butn.theme:hover span {color: #FFF;}
.butn.theme2 {background: #393939; color: #fff;}
.butn.theme2 span {color: #fff;}
.butn.theme2:hover {color: #fff; border-radius: 3px;}
.butn.theme2:after {background: #00326f; border-radius: 3px;}
.butn.theme2:hover span {color: #FFF;}

.butn-m {
  background: #00326f;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 10px 15px;
  line-height: normal;
  font-weight: 500;
  text-transform: none !important;
  position: relative;
  z-index: 9999;
  display: inline-block;
  white-space: nowrap;
  border: none;
  cursor: pointer; 
}

.butn-m span {z-index: 9; position: relative;}
.butn-m:hover {color: #fff; border-radius: 0px;}
.butn-m:after {
    content: '';
    position: absolute;
    border-radius: 0px;
    bottom: 6px;
    left: 0;
    height: 2px;
    -webkit-transition: width .4s;
    -o-transition: width .4s;
    transition: width .4s;
    width: 0;
    background: #01479d;
    height: 100%;
    top: 0;
    z-index: 1; 
}
    
.butn-m:hover:after {width: 100%; border-radius: 0px;}
.butn-m.theme3 {background: #393939; color: #fff; }
.butn-m.theme3 span {color: #fff; }
.butn-m.theme3:hover {color: #fff; border-radius: 0px; }
.butn-m.theme3:after {background: #00326f; border-radius: 0px; }
.butn-m.theme3:hover span {color: #FFF; }