.container .content { width: 1000px; margin: 0 auto; float: none; } 
.container .content * { box-sizing: border-box; } 
.content .tit-box-h3, .tit-box-h4.dis-f_a-c { display: none; } 

.easy_quotation_wrap { width: 1000px; margin: 0 auto; } 
.easy_quotation_wrap .title { width: 100%; margin-bottom: 15px; } 
.easy_quotation_wrap .title img { width: 100%; } 

/* 메인 컨텐츠 영역 */
.content_area { align-items: flex-start; justify-content: space-between; width: 100%; display: none; } 
.content_area.active { display: flex; } 

/* 좌측 강의 목록 영역 */
.quotation_header { margin-bottom: 30px; } 
.quotation_header .quotation_tab { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 25px; } 
.quotation_header .quotation_tab li { width: 33.33%; } 
.quotation_header .quotation_tab li a { display: block; width: 100%;  padding: 15px 0; text-align: center;  color: #888; background: none;  border: none; font-size: 18px;  font-weight: 500; } 
.quotation_header .quotation_tab li a.active { border-bottom: 2px solid #019a99; color: #019a99; font-weight: 700; background: none;} 
.quotation_header .quotation_tab li a:hover { border-bottom: 2px solid #019a99; color: #019a99; font-weight: 700; background: none;} 
.quotation_header_info { padding: 20px; background: #fafafa; border-radius: 8px; } 
.quotation_header_info li { font-size: 14px; line-height: 1.5; margin-bottom: 5px; } 
.quotation_header_info li a { color: #019a99; text-decoration: underline; } 
.list_area { width: 68%; } 
.list_area .lect_list_title { font-size: 24px; font-weight: 700; margin: 35px 0 20px; display: flex; align-items: end; justify-content: left; } 
.list_area .lect_list_title span { color: #019a99; } 
.list_area .lect_list_title p { font-size: 16px; line-height: 1.5; margin-left: 10px; color: #888; font-weight: 500; } 
.lecture_table { width: 680px; border-collapse: collapse; border: 1px solid #ddd; } 
.lecture_table th { background: #f8f9fa; padding: 15px 5px; text-align: center; border-bottom: 2px solid #ddd; font-weight: bold; } 
.lecture_table td { padding: 15px 5px; border-bottom: 1px solid #eee; text-align: left; } 
.lecture_table td:nth-of-type(2) { text-align: right; } 
.lecture_table td:nth-of-type(3) { text-align: right; } 
.lecture_table td:last-child { text-align: center; } 
.lecture_info { display: flex; gap: 15px; align-items: center; width: 420px; } 
.lecture_info .thumb { width: 120px; height: 90px; object-fit: cover; border-radius: 5px; margin-left: 10px; } 
.lecture_info .text_area { width: 65%; } 
.lecture_info strong { font-size: 0.9rem; line-height: 1.55rem; font-weight: 700; } 
.price_original { text-align: right; text-decoration: line-through; color: #999; } 
.price_sale { text-align: right; color: #e74c3c; font-weight: bold; } 
.select_area { text-align: center; } 
.select_area input[type="checkbox"] { display: none; } 
.select_area label { display: block; width: 20px; height: 20px; cursor: pointer; margin: 0 auto; position: relative; } 
.select_area input[type="checkbox"]+ label::before { content: ''; display: block; width: 100%; height: 100%; background:url('//cdn.hackershrd.com/hrd/images/sub/easy_quotation/chk_off.png')0 0 no-repeat; background-size:100%; } 
.select_area input[type="checkbox"]:checked + label::before { content: ''; display: block; width: 100%; height: 100%; background:url('//cdn.hackershrd.com/hrd/images/sub/easy_quotation/chk_on.png')0 0 no-repeat; background-size:100%; } 
.select_area select { padding: 5px; border: 1px solid #ddd; border-radius: 3px; } 

/* 우측 선택과정 영역 */
.selected_area_wrap { width: 300px; } 
.selected_area_wrap.fixed { position: fixed; top: 10px; right: 450px; z-index: 100; } 
.search_area { display: flex; align-items: center; margin-bottom: 20px; padding: 10px; border: 1px solid #ddd; border-radius: 8px; } 
.search_area input { width: 100%; height: 40px; padding: 0 10px; border: none; font-size: 16px; } 
.search_area input::placeholder { color: #888; font-size: 16px; } 
.search_area a { width: 30px; height: 30px; background: url('//cdn.hackershrd.com/hrd/images/sub/easy_quotation/search.png') no-repeat center center; background-size: 100%; border: none; } 
.selected_area { width: 100%; border: 1px solid #ddd; border-radius: 8px; padding: 20px; background: #fff; flex-shrink: 0; } 
.selected_area h4 { margin-bottom: 20px; font-size: 18px; text-align: center; } 
.selected_list { margin-bottom: 20px; } 
.selected_item { border:none; background: #fafafa; border-radius: 6px; padding: 15px; margin-bottom: 10px; position: relative; } 
.btn_remove { position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; display: block; background: none; border: none; } 
.btn_remove:before, .btn_remove:after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background: #333; transform: translate(-50%, -50%) rotate(45deg); } 
.btn_remove:after { transform: translate(-50%, -50%) rotate(-45deg); } 
.item_info strong { font-size: 13px; line-height: 1.3; display: block; margin-bottom: 10px; padding-right: 25px; font-weight: 500; } 
.quantity_control { display: flex; align-items: center; gap: 5px; margin-bottom: 10px; justify-content: space-between; width: 100%; } 
.quantity_control span { font-size: 14px; color: #888; } 
.quantity_control_box { display: flex; align-items: center; gap: 0; justify-content: center; } 
.btn_minus, .btn_plus { width: 30px; height: 30px; border: 1px solid #ddd; background: #fff; cursor: pointer; color: #888; font-size: 16px; font-weight: 700; } 
.quantity_control input { width: 40px; height: 30px; text-align: center; border: 1px solid #ddd; } 
.item_price { text-align: right; font-weight: bold; color: #019a99; } 

/* 합계 및 버튼 영역 */
.total_area { border-top: 2px solid #019a99; padding-top: 15px; } 
.total_price { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-size: 20px; } 
.total_price strong { font-size: 20px; color: #e74c3c; } 
.button_area { display: flex; gap: 10px; } 
.total_area a { display: block; width: 100%; padding: 15px 0; text-align: center; background: #019a99; color: #fff; text-decoration: none; border-radius: 10px; font-size: 16px; font-weight: 700; } 
.total_area a.btn_reset { background: #fff; border: 1px solid #019a99; color: #019a99; margin-bottom: 10px; } 

/* quoPage 스타일 */
.quantity_col { text-align: center; width: 120px; } 
.quantity_col .quantity_control_box { display: flex; align-items: center; gap: 0; justify-content: center; margin: 0 auto; width: fit-content; } 
.quantity_col .btn_minus, 
.quantity_col .btn_plus { width: 30px; height: 30px; border: 1px solid #ddd; background: #fff; cursor: pointer; color: #888; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; } 
.quantity_col .btn_minus { border-radius: 3px 0 0 3px; } 
.quantity_col .btn_plus { border-radius: 0 3px 3px 0; } 
.quantity_col input { width: 50px; height: 30px; text-align: center; border: 1px solid #ddd; border-left: none; border-right: none; background: #fff; font-size: 14px; } 
.quantity_col .btn_minus:hover, 
.quantity_col .btn_plus:hover { background: #f8f9fa; } 

/* 탭 스타일 */
.quotation_tab { display: flex; margin: 20px 0; border-bottom: 1px solid #ddd; } 
.quotation_tab li { flex: 1; } 
.quotation_tab li a { display: block; padding: 15px 20px; text-align: center; text-decoration: none; color: #666; background: #f8f9fa; border: 1px solid #ddd; border-bottom: none; margin-right: 2px; } 
.quotation_tab li.active a,
.quotation_tab li a.active { background: #019a99; color: #fff; border-color: #019a99; } 
.quotation_tab li:last-child a { margin-right: 0; } 

/* 컨텐츠 영역 탭 */
.content_area { display: none; } 
.content_area.active { display: flex; } 

/* 회사정보 폼 스타일 */
.sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 

.company_info { max-width: 1000px; margin: 0 auto; background: #fff; border-radius: 8px; padding: 20px 0; } 
.company_info header { margin-bottom: 30px; } 
.company_info h2 { font-size: 24px; font-weight: 700; margin-bottom: 8px; } 
.company_info header p { color: #666; font-size: 14px; line-height: 1.4; } 

.company_info fieldset { border: none; padding: 0; margin: 0; } 
.company_info fieldset + fieldset { margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee; } 

.form_row { display: flex; gap: 20px; margin-bottom: 20px; } 
.form_row:last-child { margin-bottom: 0; } 

.form_group { flex: 1; } 
.form_group.full_width { flex: none; width: 49%; } 

.form_group label { display: block; margin-bottom: 8px; font-weight: 500; color: #333; } 
.form_group label .required { color: #e74c3c; } 
.form_group label .optional { color: #666; } 

.form_group input { width: 100%; height: 48px; padding: 0 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; } 
.form_group input:focus { outline: none; border-color: #019a99; box-shadow: 0 0 0 2px rgba(1, 154, 153, 0.2); } 
.form_group input::placeholder { color: #999; } 

fieldset.terms_area { margin-bottom: 15px; background: #fafafa; padding: 20px; border-radius: 6px; } 
.terms_area .checkbox_group { margin-bottom: 15px; } 
.terms_area .checkbox_group:last-of-type { margin-bottom: 20px; } 

.checkbox_group { display: flex; align-items: flex-start; gap: 8px; } 
.checkbox_group input[type="checkbox"] { display: none; } 
.checkbox_group label { margin: 0; cursor: pointer; position: relative; padding-left: 28px; } 
.checkbox_group label span { color: #e74c3c; } 
.checkbox_group input[type="checkbox"] + label::before { content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url('//cdn.hackershrd.com/hrd/images/sub/easy_quotation/chk_off.png') 0 0 no-repeat; background-size: 100%; } 
.checkbox_group input[type="checkbox"]:checked + label::before { background: url('//cdn.hackershrd.com/hrd/images/sub/easy_quotation/chk_on.png') 0 0 no-repeat; background-size: 100%; } 

.terms_content { border-radius: 6px; font-size: 14px; line-height: 1.6; color: #666; overflow-y: scroll; height: 150px; } 
.terms_content::-webkit-scrollbar { width: 5px; } 
.terms_content::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } 
.terms_content::-webkit-scrollbar-track { background: #fafafa; border-radius: 10px; } 
.terms_content p { margin-bottom: 10px; } 
.terms_content p:last-child { margin-bottom: 0; } 

/* 총 견적가 스타일 */
.quote_summary { max-width: 1000px; margin: 0 auto; background: #fff; border-radius: 8px; padding: 20px 0; } 
.quote_summary header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } 
.quote_summary h3 { font-size: 20px; font-weight: 700; } 

.btn_delete_selected { display: inline-block; background: none; border: 1px solid #ddd; padding: 8px 16px; border-radius: 4px; color: #666; text-decoration: none; font-size: 14px; } 
.btn_delete_selected .icon { display: inline-block; width: 13px; height: 12px; background: url('//cdn.hackershrd.com/hrd/images/sub/easy_quotation/check.png') no-repeat center center; background-size: 100%; margin-right: 3px; } 
.btn_delete_selected:hover { border-color: #019a99; color: #019a99; } 

.btn_back { display: inline-block; background: none; border: 1px solid #ddd; padding: 8px 16px; border-radius: 4px; color: #666; text-decoration: none; font-size: 14px; } 
.btn_back .icon { display: inline-block; width: 13px; height: 12px; } 
.btn_back:hover { border-color: #019a99; color: #019a99; } 

.quote_table_wrap { overflow-x: auto; } 

.quote_table { width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-size: 14px; } 
.quote_table th { background: #f8f9fa; padding: 15px 12px; text-align: center; font-weight: 600; border-right: 1px solid #ddd; } 
.quote_table td { padding: 15px 12px; border-bottom: 1px solid #eee; border-right: 1px solid #ddd; } 
.quote_table td:nth-child(2) { max-width: 300px; word-break: break-word; } 
.quote_table td:not(:first-child) { text-align: center; border-right: 1px solid #ddd; } 
.quote_table .price_total { color: #019a99; font-weight: 600; } 

/* 테이블 체크박스 스타일 */
.quote_table .checkbox_col { width: 40px; text-align: center; padding: 15px 5px; } 
.quote_table .checkbox_col input[type="checkbox"] { display: none; } 
.quote_table .checkbox_col label { display: block; width: 20px; height: 20px; cursor: pointer; margin: 0 auto; position: relative; } 
.quote_table .checkbox_col input[type="checkbox"] + label::before { content: ''; display: block; width: 100%; height: 100%; background: url('//cdn.hackershrd.com/hrd/images/sub/easy_quotation/chk_off.png') 0 0 no-repeat; background-size: 100%; } 
.quote_table .checkbox_col input[type="checkbox"]:checked + label::before { content: ''; display: block; width: 100%; height: 100%; background: url('//cdn.hackershrd.com/hrd/images/sub/easy_quotation/chk_on.png') 0 0 no-repeat; background-size: 100%; } 

.quote_total { text-align: right; padding: 20px; margin-bottom: 10px; background: #fafafa; } 
.quote_total strong { font-size: 20px; color: #333; } 
.quote_total .total_amount { color: #e74c3c; font-size: 24px; margin-left: 10px; } 
.quote_notice { padding: 20px 0; margin-bottom: 25px; } 
.quote_notice p { font-size: 13px; line-height: 1.5; color: #666; margin-bottom: 6px; } 
.quote_notice p span { color: #e74c3c; font-weight: 700; } 
.quote_notice p:last-child { margin-bottom: 0; } 
.action_buttons { display: flex; justify-content: left; gap: 10px; } 
.action_buttons a { display: block; width: 190px; background: none; border: none; } 
.action_buttons a img { display: block; width: 100%; } 

.action_buttons a.btn_apply { background: #019a99; color: #fff; padding: 15px; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.2s; margin-left: auto; width: 300px; } 
.action_buttons a.btn_apply:hover { background: #017574; } 


.easy_quotation_tab {  margin: 20px 0;} 
.easy_quotation_tab ul { display: flex; justify-content: left; align-items: center; gap:1%; flex-wrap: wrap;} 
.easy_quotation_tab ul li {width: 19%;margin-bottom: 15px;} 
.easy_quotation_tab ul li a {display: block; width: 100%; padding: 15px 0; text-align: center; color: #777; background: none; border: 1px solid #777; border-radius: 8px; font-size: 16px; font-weight: 700; } 
.easy_quotation_tab ul li a.active { color: #019a99; border-color: #019a99; font-weight: 700; } 

.sub_notice { background: #fafafa; padding: 20px; border-radius: 8px; margin-bottom: 20px; } 
.sub_notice strong { font-size: 16px; font-weight: 700; margin-bottom: 10px; display: block; } 
.sub_notice ul { margin-left: 20px; } 
.sub_notice ul li { font-size: 14px; line-height: 1.5; margin-bottom: 5px; } 
.sub_notice ul li span { color: #e74c3c; font-weight: 700; }