/* ============================================
   강좌 관련 페이지 버튼 표준화 스타일
   ============================================ */

/* ============================================
   1. 큰 버튼 (big_btn) - 주요 액션 버튼
   ============================================ */
.lecture-action-buttons {display: flex;gap: 15px;justify-content: center;align-items: center;padding: 40px 0;flex-wrap: wrap;}
.big_btn {display: inline-block;padding: 14px 32px;font-size: 16px;font-weight: 500;text-decoration: none;border-radius: 4px;transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;text-align: center;min-width: 140px;border: 1px solid transparent;cursor: pointer;background: none; border: none; box-sizing: border-box; line-height: 1;}

/* 큰 버튼 색상 변형 */
.big_btn.btn_blue {background-color: #4a90e2;color: #fff;border-color: #4a90e2;}
.big_btn.btn_blue:hover {background-color: #357abd;border-color: #357abd;color: #fff;text-decoration: none;}
.big_btn.btn_green {background-color: #2ecc71;color: #fff;border-color: #2ecc71;}
.big_btn.btn_green:hover {background-color: #27ae60;border-color: #27ae60;color: #fff;text-decoration: none;}
.big_btn.btn_white {background-color: #fff;color: #333;border-color: #ddd;border: 1px solid #ccc;}
.big_btn.btn_white:hover {background-color: #f5f5f5;border-color: #bbb;color: #333;text-decoration: none;}
.big_btn.btn_lightgray {background-color: #95a5a6;color: #fff;border-color: #95a5a6;cursor: not-allowed;}
.big_btn.btn_lightgray:hover {background-color: #95a5a6;border-color: #95a5a6;color: #fff;text-decoration: none;}
.big_btn.btn_black {background-color: #333;color: #fff;border-color: #333;}
.big_btn.btn_black:hover {background-color: #222;border-color: #222;color: #fff;text-decoration: none;}
.big_btn.btn_navy {background-color: #2c3e50;color: #fff;border-color: #2c3e50;}
.big_btn.btn_navy:hover {background-color: #1a252f;border-color: #1a252f;color: #fff;text-decoration: none;}
.big_btn.btn_orange {background-color: #f39c12;color: #fff;border-color: #f39c12;}
.big_btn.btn_orange:hover {background-color: #e67e22;border-color: #e67e22;color: #fff;text-decoration: none;}
.big_btn.btn_red {background-color: #e74c3c;color: #fff;border-color: #e74c3c;}
.big_btn.btn_red:hover {background-color: #c0392b;border-color: #c0392b;color: #fff;text-decoration: none;}
.big_btn.btn_purple {background-color: #641886;color: #fff;border-color: #641886;}
.big_btn.btn_purple:hover {background-color: #511fa1;border-color: #511fa1;color: #fff;text-decoration: none;}
.big_btn.btn_gray {background-color: #95a5a6;color: #fff;border-color: #95a5a6;}
.big_btn.btn_gray:hover {background-color: #7f8c8d;border-color: #7f8c8d;color: #fff;text-decoration: none;}

/* ============================================
   2. 일반 버튼 (btn) - 리스트 내 버튼
   ============================================ */
.btn {display: inline-block;padding: 8px 16px;font-size: 14px;font-weight: 500;text-decoration: none;border-radius: 6px;transition: all 0.3s ease;text-align: center;border: 1px solid transparent;cursor: pointer;line-height: 1.4;}
.btn-big {display: inline-block;padding: 8px 16px;font-size: 14px;font-weight: 500;text-decoration: none;border-radius: 6px;transition: all 0.3s ease;text-align: center;border: 1px solid transparent;cursor: pointer;line-height: 1.4;}
.btn-big:hover {background-color: #2980b9;border-color: #2980b9;color: #fff;text-decoration: none;}
.btn-big:hover {background-color: #27ae60;border-color: #27ae60;color: #fff;text-decoration: none;}
.btn-big:hover {background-color: #e67e22;border-color: #e67e22;color: #fff;text-decoration: none;}
.btn-big:hover {background-color: #f8f9fa;border-color: #4a90e2;color: #4a90e2;text-decoration: none;}
.btn-big:hover {background-color: #95a5a6;border-color: #95a5a6;color: #fff;text-decoration: none;}
.btn-big:hover {background-color: #222;border-color: #222;color: #fff;text-decoration: none;}
.btn-big:hover {background-color: #1a252f;border-color: #1a252f;color: #fff;text-decoration: none;}

/* 일반 버튼 색상 변형 */
.btn.btn_blue {background-color: #3498db;color: #fff;border-color: #3498db;}
.btn.btn_blue:hover {background-color: #2980b9;border-color: #2980b9;color: #fff;text-decoration: none;}
.btn.btn_green {background-color: #2ecc71;color: #fff;border-color: #2ecc71;}
.btn.btn_green:hover {background-color: #27ae60;border-color: #27ae60;color: #fff;text-decoration: none;}
.btn.btn_orange {background-color: #f39c12;color: #fff;border-color: #f39c12;}
.btn.btn_orange:hover {background-color: #e67e22;border-color: #e67e22;color: #fff;text-decoration: none;}
.btn.btn_white {background-color: #fff;color: #333;border-color: #ddd;}
.btn.btn_white:hover {background-color: #f8f9fa;border-color: #4a90e2;color: #4a90e2;text-decoration: none;}
.btn.btn_red {background-color: #e74c3c;color: #fff;border-color: #e74c3c;}
.btn.btn_red:hover {background-color: #c0392b;border-color: #c0392b;color: #fff;text-decoration: none;}
.btn.btn_lightgray,
.btn.btn_gray {background-color: #95a5a6;color: #fff;border-color: #95a5a6;cursor: not-allowed;}

.btn.btn_lightgray:hover,
.btn.btn_gray:hover {background-color: #95a5a6;border-color: #95a5a6;color: #fff;text-decoration: none;}

.btn.btn_black {background-color: #333;color: #fff;border-color: #333;}
.btn.btn_black:hover {background-color: #222;border-color: #222;color: #fff;text-decoration: none;}
.btn.btn_navy {background-color: #2c3e50;color: #fff;border-color: #2c3e50;}
.btn.btn_navy:hover {background-color: #1a252f;border-color: #1a252f;color: #fff;text-decoration: none;}
.btn.btn-gray {background-color: #6c757d;color: #fff;border-color: #6c757d;}
.btn.btn-gray:hover {background-color: #5a6268;border-color: #5a6268;color: #fff;text-decoration: none;}

/* ============================================
   3. 더보기 버튼 (btn-more)
   ============================================ */
.btn-more {display: inline-block;margin-top: 15px;padding: 10px 20px;background-color: #d2dfee;color: #646464;text-decoration: none;border-radius: 6px;font-size: 1em;font-weight: 500;text-align: center;transition: all 0.3s ease;border: none;cursor: pointer;}
.btn-more:hover {background-color: #357abd;text-decoration: none;color: #fff;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(53, 122, 189, 0.3);}
.btn-more-icon {display: inline-block;margin-left: 8px;font-size: 22px;font-weight: 300;vertical-align: middle;transition: transform 0.3s ease;}
.btn-more:hover .btn-more-icon {transform: rotate(90deg);}

/* ============================================
   4. 중간 크기 버튼 (mid_btn)
   ============================================ */
.mid_btn {display: inline-block;padding: 12px 30px;font-size: 15px;font-weight: 600;text-decoration: none;border-radius: 8px;transition: all 0.3s ease;text-align: center;border: 1px solid transparent;cursor: pointer;}
.mid_btn.btn_black {background-color: #333;color: #fff;border-color: #333;}
.mid_btn.btn_black:hover {background-color: #222;border-color: #222;color: #fff;text-decoration: none;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}
.mid_btn.btn_white {background-color: #fff;color: #333;border-color: #ddd;}
.mid_btn.btn_white:hover {background-color: #f5f5f5;border-color: #bbb;color: #333;text-decoration: none;}

/* ============================================
   5. 폼 내 버튼 (form-address-group .btn)
   ============================================ */
.form-address-group .btn {padding: 10px 20px;border-radius: 4px;font-weight: 500;font-size: 14px;white-space: nowrap;}

/* ============================================
   6. 검색 버튼 (btn_black)
   ============================================ */
button.btn_black,
input.btn_black[type="submit"] {display: inline-block;padding: 10px 24px;font-size: 15px;font-weight: 600;text-decoration: none;border-radius: 6px;transition: all 0.3s ease;text-align: center;background-color: #333;color: #fff;border: 2px solid #333;cursor: pointer;}

button.btn_black:hover,
input.btn_black[type="submit"]:hover {
	background-color: #222;
	border-color: #222;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* ============================================
   7. 리스트 내 버튼 (lec_list .btn)
   ============================================ */
.lec_list .btn {display: inline-block;padding: 3px 10px;border-radius: 4px;font-size: 16px;font-weight: 500;text-decoration: none;transition: all 0.3s ease;}
.lec_list .btn_blue {background-color: #3498db;color: #fff;}
.lec_list .btn_green {background-color: #2ecc71;color: #fff;}
.lec_list .btn_orange {background-color: #f39c12;color: #fff;}

.lec_list .btn_lightgray,
.lec_list .btn_gray {background-color: #95a5a6;color: #fff;}

/* ============================================
   8. 반응형 스타일
   ============================================ */
@media (max-width: 768px) {
	.lecture-action-buttons {flex-direction: column;gap: 12px;padding: 30px 0;}
	.big_btn {width: 100%;max-width: 100%;min-width: auto;padding: 12px 24px;font-size: 15px;}
	.mid_btn {width: 100%;max-width: 100%;padding: 12px 24px;font-size: 14px;}
	.btn {padding: 6px 12px;font-size: 13px;}
	.form-address-group {flex-direction: column;align-items: stretch;gap: 10px;}
	.form-address-group .btn {margin-top: 0;padding: 8px 15px;}
	.btn-more {width: 100%;padding: 12px 20px;}
}

@media (max-width: 480px) {
	.big_btn {padding: 12px 24px;font-size: 15px;}
	.btn {padding: 5px 10px;font-size: 12px;}
}

/* ============================================
   미디어 쿼리 - 모바일 (768px 이하)
   ============================================ */
@media (max-width: 768px) {
	.lec_list .btn {font-size: 14px;}
}