@charset "utf-8";
/**************************************
			   서브 공통
**************************************/
.sub_contents .page_title { margin-bottom:2.4rem;}
.sub_contents .page_title strong { display:block; position:relative; padding:1.6rem 0; font-size:4rem; white-space:nowrap;}
.sub_contents .page_contents .contents_wrap p { line-height:3rem; word-break:keep-all; color:#404040;}
.sub_contents .page_tab_box { display:flex; gap:0; margin-bottom:8rem;}
.sub_contents .page_tab_box li { flex:1;}
.sub_contents .page_tab_box li a { display:block; line-height:5rem; text-align:center; background:#ededed; border:1px solid #9d9d9d; border-right:0;}
.sub_contents .page_tab_box li:last-child a { border-right:1px solid #9d9d9d;}
.sub_contents .page_tab_box li.on a { background:#6a7e8f; color:#fff;}

/*게시판 공통*/
#bo_w, #bo_list, #bo_v { font-size:1.6rem;}
.sound_only { display:inline-block; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
.restxt { display:none; font-size:1.4rem; margin-bottom:1rem;}
.textover { display:block; max-width:70rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bo_cate_link { position:relative; display:inline-block; margin:0 3px 0 0; padding:0 6px 0 0; font-weight:700; color:#008ec4;}
.bo_cate_link:after { content:''; position:absolute; top:7px; right:0; width:1px; height:13px; background:#008ec4;}
.txt_box { display:inline-block; width:14rem; margin-right:5rem; padding:6px 16px; font-size:1.4rem; background:#bcdce5; text-align:center; vertical-align:bottom;}
.txt_box.ing { background:#f7941d; color:#fff;}
.txt_box.full { background:#448ccb; color:#fff;}
.txt_box.end { background:#b3b3b3; color:#fff;}
.square { display:flex; align-items:center; justify-content:center; padding:3px 0; color:#fff;}
.square.ing { background:#f7941d;}
.square.full { background:#448ccb;}
.square.end { background:#b3b3b3;}
.required, textarea.required { }
.req::after { content:" *"; color:#ff0000;}
.privacy_wrap { margin:5rem 0;}
.privacy_wrap fieldset { margin-top:0.5rem;}
.info_text { display:block; margin-top:5px; font-size:1.2rem; color:#ff0000;}
.cost_text { display:inline-block; margin-left:5px; font-size:1.6rem; color:#1a1a1a;}

/*게시판 버튼*/
.btn { display:inline-block; text-align:center;}
.btn_01 { padding:1rem 2.1rem; border:1px solid #6a7e8f; background:#6a7e8f; color:#fff;}
.btn_02 { padding:1rem 2.1rem; border:1px solid #055d91; background:#055d91; color:#fff;}
.btn_03 { padding:1rem 4.5rem; border:1px solid #055d91; background:#055d91; color:#fff;}
.btn_admin { padding:1rem 2.1rem; border:1px solid #6a7e8f; background:#6a7e8f; color:#fff;}
.btn_submit { min-width:13rem; padding:1rem 0.8rem; border:1px solid #055d91; background:#055d91; color:#fff;}
.btn_signup { min-width:13rem; padding:1rem 0.8rem; border:1px solid #475170; background:#475170; color:#fff;}
.btn_confirm { min-width:13rem; padding:1rem 0.8rem; border:1px solid #448ccb; background:#448ccb; color:#fff;}
.btn_cancel { min-width:13rem; padding:1rem 0.8rem; border:1px solid #6a7e8f; background:#6a7e8f; color:#fff;}
.btn_basic { padding:1rem 0.8rem; border:1px solid #ccc; background:#fafafa; color:#000;}
.btn_frmline { min-width:10rem; padding:5px; border:1px solid #a4a4a4; background:#d9d9d9; color:#1a1a1a;}
.btn_certi { min-width:12rem; padding:5px; border:1px solid #a4a4a4; background:#d9d9d9; color:#1a1a1a;}
.btn_upload { width: 150px; padding:5px; border:1px solid #c2c0c0; background:#3186b9; color:#fff;}

/*게시판 상단 공통*/
.page_top_wrap { margin-bottom:3rem;}
.page_top_wrap .page_img_box { margin-bottom:3rem;}
.page_top_wrap .page_img_box img { width:100%;}
.page_top_wrap .page_index_box { display:flex; justify-content:space-between; align-items:end;}
.page_top_wrap .page_index_box .total { font-size:1.7rem; color:#666;}
.page_top_wrap .page_index_box .total.blu { color:#0072bc;}
.page_top_wrap .page_index_box .search_area { position:relative; display:flex; justify-content:space-between; align-items:center;} 
.page_top_wrap .page_index_box .search_area select { width:15rem; padding:1rem 1rem; margin-right:5px; border:1px solid #c9c9c9; background: url(../img/sub/select_arrow.png) no-repeat; background-position:center right 10px; appearance:none; -webkit-appearance:none;}
.page_top_wrap .page_index_box .bo_search { position:relative; display:flex; justify-content:space-between; align-items:center;} 
.page_top_wrap .page_index_box .bo_search input { width:36rem; margin-right:5px; padding:1rem 1rem; border:1px solid #c9c9c9;} 
.page_top_wrap .page_index_box .btn.search { display:inline-block;} 
.page_top_wrap .page_index_box .search_area .btn_admin { margin-left:5px;}
.page_top_wrap .page_index_box .btn_bo_user { position:relative; display:flex; justify-content:space-between; align-items:center; gap:1rem;}
.page_bot_wrap { display:flex; justify-content:space-between; align-items:center; margin:3rem 0;}
.page_bot_wrap.confirm { justify-content:center; gap: 1rem; text-align:center;}

/*테이블 항목별 정의*/
.td_chk { width:30px; text-align:center;}
.td_case_num { text-align:center;}/*사건번호*/
.td_court { text-align:center;}/*법원*/
.td_dept { text-align:center;}/*재판부*/
.td_judge { text-align:center;}/*법관명*/
.td_team { text-align:center;}/*소속부서(팀)*/
.td_office { text-align:center;}/*경찰관서*/
.td_officer { text-align:center;}/*경찰관서*/
.td_writer { text-align:center;}/*게시자*/
.td_agree { text-align:center;}/*동의여부*/
.td_date { text-align:center;}/*날짜*/
.td_score { text-align:center;}/*점수*/
.td_name { text-align:center;}/*글쓴이*/
.td_hit { text-align:center;}/*조회수*/
.td_num { text-align:center;}/*글번호*/
.td_barcode { text-align:center;}/*청구번호*/
.td_writer { text-align:center;}/*저자*/
.td_publisher { text-align:center;}/*발행처*/
.td_place { text-align:center;}/*보관위치*/
.td_optime { text-align:center;}/*이용시간*/
.td_opdate { text-align:center;}/*이용날짜*/
.td_office { text-align:center;}/*소속사무소*/
.td_cate { text-align:center;}/*분류*/
.td_status { text-align:center;}/*진행상황*/
.bo_notice .td_num { color:#448ccb;}
.td_subject i { margin-left:3px;}
.td_subject .icon_reply { margin-left:1rem; vertical-align:baseline;}

/*테이블 스타일*/
.tbl_wrap.booksub { margin-bottom:8rem;}
.tbl { width:100%; border-collapse:collapse; border-spacing:0; font-size:1.6rem;}
.tbl caption { padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl a:hover { color:#d5d5d5;}
.tbl.list_type01 { border-top:2px solid #055d91;}
.tbl.list_type01 thead th { padding:12px 0; background:#ededed; font-weight:500; text-align:center;}
.tbl.list_type01 thead a { color:#000}
.tbl.list_type01 tbody th { padding:10px 5px; border:1px solid #b3b3b3; word-break:keep-all}
.tbl.list_type01 tbody th:first-child { border-left:none;}
.tbl.list_type01 td { padding:1rem 1.5rem; border:1px solid #b3b3b3; word-break:keep-all}
.tbl.list_type01 td p.font { line-height:1.8; font-weight:400;}
.tbl.list_type01 a {}
.tbl.list_type01 td:first-child { border-left:none;}
.tbl.list_type01 td:last-child { border-right:none;}
.tbl.list_type01 td.td_chk { border-right:none;}
.tbl.list_type01 td.td_chk + td { border-left:none}

.tbl.list_type02 { border-top:2px solid #055d91;}
.tbl.list_type02 tbody th { padding:10px 5px; font-weight:500; background:#ededed; border:1px solid #b3b3b3; word-break:keep-all}
.tbl.list_type02 tbody th:first-child { border-left:none;}
.tbl.list_type02 td { padding:1rem 1.5rem; border:1px solid #b3b3b3; word-break:keep-all}
.tbl.list_type02 td p.font { line-height:1.8; font-weight:400;}
.tbl.list_type02 a {}
.tbl.list_type02 td:first-child { border-left:none;}
.tbl.list_type02 td:last-child { border-right:none;}
.tbl.list_type02 td.td_chk { border-right:none;}
.tbl.list_type02 td.td_chk + td { border-left:none}

/*폼 테이블 스타일*/
.tbl_frm { font-size:1.6rem;}
.tbl_frm th { border-left:0; background:#ededed; font-weight:500;}
.tbl_frm td { }
.tbl_frm textarea, .frm_input { border:1px solid #a4a4a4; background:#fff; vertical-align:middle;}
.tbl_frm .frm_input { width:33rem; padding:5px;}
.tbl_frm .frm_input.sign_input { }
.tbl_frm .frm_input.frm_title { width:100%;}
.tbl_frm .frm_input.frm_address { width:70%;}
.tbl_frm .frm_select { width:18rem; padding:5px;}
.tbl_frm textarea { width:100%; height:30rem; padding:2px 2px 3px;}
.tbl_frm .frm_file { display:block; margin-bottom:5px}
.tbl_frm .frm_info { display:block; padding:0 0 5px;}

/*포토갤러리 스타일*/
.gal_grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:2.4rem;}
.gal_grid .itm { position:relative;}
.gal_grid .itm .gall_con > div ~ div { margin-top:2.4rem;}
.gal_grid .itm .gall_con .gall_text_href a{
	display:-webkit-box;
	margin-bottom:0.8rem;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	line-height:2rem;
	max-height:4rem;
	word-break:break-all;
}

.gal_grid .itm .gall_con .gall_text_href span{
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	line-height:2rem;
	max-height:4rem;
	font-size:1.5rem;
	font-weight:400;
	color:#595959;
	word-break:break-all;
}
.gal_grid .itm .gall_info { padding:0.8rem 0; font-size:1.4rem; border-top:1px solid #666;}
.gal_grid .itm .gall_info .gall_date { float:right;}
.gal_grid .itm .chk_box { position:absolute; top:8px; left:8px; z-index:2;}
.gal_grid .gall_img a { display:block;}
.gal_grid .gall_img img { width:100%; object-fit:cover;}

/*페이징*/
.pg_wrap { margin-top:3rem;}
.pg { text-align:center; font-size:1.4rem;}
.pg_page { display:inline-block; height:2.5rem; line-height:2.3rem; padding:0 8px; color:#888;}
.pg a:focus, .pg a:hover { color:#4458cb;}
.pg_prev, .pg_start { border:1px solid #e1e1e1; color:#4458cb;}
.pg_prev { margin-left:-4px;}
.pg_end, .pg_next { border:1px solid #e1e1e1; color:#4458cb;}
.pg_end { margin-right:-4px;}
.pg_current { margin:0 4px; color:#4458cb;}

/*게시판 읽기 상단*/
.bo_v_top_wrap .bo_v_title {padding:2.5rem 0 2.5rem 4rem; font-size:2.6rem; border-top:4px solid #055d91; border-bottom:1px solid #b3b3b3;}
.bo_v_top_area .bo_v_info { display:flex; justify-content:flex-start; align-items:center; gap:5rem; padding:1rem 4rem;border-bottom:1px solid #ddd}
.bo_v_top_area .bo_v_info li span { position:relative; margin-left:2rem; color:#777;}
.bo_v_top_area .bo_v_info li span:after { content:''; position:absolute; top:7px; left:-10px; width:1px; height:15px; background:#c2c2c2;}
.bo_v_top_area .bo_v_link { padding:0 4rem; border-bottom:1px solid #eee; background:#f5f6fa;line-height:25px;}
.bo_v_top_area .bo_v_link a { display:inline-block; width:100%; padding:8px 0 7px; word-wrap:break-word;}

/*게시판 읽기 컨텐츠*/
.bo_v_contents { min-height:20rem; height:auto; padding:5rem 4rem; font-weight:400; word-break:break-all; overflow:hidden;}
.bo_v_contents a { text-decoration:underline; color:#000;}
.bo_v_contents #bo_v_img { width:100%; margin:2px 0; overflow:hidden; zoom:1;}
.bo_v_contents #bo_v_img img { margin-bottom:2rem; max-width:100%; height:auto;}
.bo_v_contents #class_video { width:100%; margin:4rem 0; overflow:hidden; zoom:1;}


/*게시판 읽기 하단*/
.bo_v_bot_wrap { margin-bottom:8rem;}
.bo_v_file { margin-bottom:4rem; font-size:1.4rem; border-top:1px solid #b3b3b3;}
.bo_v_file li { position:relative; display:flex; align-items:center; padding:1rem 1rem; border-bottom:1px solid #b3b3b3;}
.bo_v_file li span { position:relative; width:15rem; text-align:center;}
.bo_v_file li span:after { content:''; position:absolute; right:2.5rem; top:0.3rem; width:1px; height:1.5rem; background:#c2c2c2;}
.bo_v_file a { display:inline-block; width:100%; word-wrap:break-word;}
.bo_v_btn { display:flex; justify-content:space-between; align-items:center;}
.bo_v_btn a { min-width:11rem;}
.bo_v_btn .bo_v_left { display:flex; justify-content:space-between; align-items:center; gap:0.5rem;}
.bo_v_btn .bo_v_right { display:flex; justify-content:space-between; align-items:center; gap:0.5rem;}

/*게시판 읽기 이전글 다음글*/
.bo_v_post { font-size:1.4rem; border-top:2px solid #acacac; border-bottom:2px solid #acacac;}
.bo_v_post li { position:relative; display:flex; align-items:center; padding:10px 10px; border-bottom:1px solid #acacac;}
.bo_v_post li:last-child { border-bottom:none;}
.bo_v_post li span { position:relative; width:15rem; text-align:center;}
.bo_v_post li span:after { content:''; position:absolute; right:2.5rem; top:0.3rem; width:1px; height:1.5rem; background:#c2c2c2;}
.bo_v_post li a { display:inline-block; width:100%; word-wrap:break-word;}
.bo_v_post li a strong { font-weight:500;}
.bo_v_post .post_date { position:absolute; top:50%; right:1rem; transform:translateY(-50%);}

/*로그인*/
.login_container { position:relative; display:flex; align-items:center; justify-content:center;}
.login_container .login_box { width:46rem; padding:3.5rem; font-size:1.6rem; text-align:center; border:1px solid #000; background:#fff;}
.login_container .login_box .input_group { display:flex; gap:0.5rem; width:100%; margin-bottom:2rem;}
.login_container .login_box .input_group .icon { width:5rem; height:4.6rem; border:1px solid #c2c2c2; background:#c2c2c2 center center no-repeat; text-indent:-9999px;}
.login_container .login_box .input_group.id_input .icon { background-image:url(../img/login_icon01.png);}
.login_container .login_box .input_group.pw_input .icon { background-image:url(../img/login_icon02.png);}
.login_container .login_box .input_group .frm_input { flex:1; width:100%; padding:1rem; border:1px solid #b2b2b2; background:#e6e7e8;}
.login_container .login_box .help_section { margin-bottom:3rem; text-align:center;}
.login_container .login_box .help_section p { font-size:1.4rem; margin-bottom:1rem;}
.login_container .login_box .help_section .help_links { display:flex; justify-content:center; align-items:center; padding:1rem; border:1px solid #b5b5b5;}
.login_container .login_box .help_section .help_links a { flex:1; font-size:1.4rem;}
.divider { margin:0 1rem;}
.login_container .login_box .login_btn { display:flex; gap:1rem; flex-direction:column; align-items:center; margin-bottom:3rem;}
.login_container .login_box .login_btn .btn { width:100%;}
.login_container .login_box .login_logo img { width:17rem;}

/*아이디 비밀번호 찾기*/
.find_container { position:relative; display:flex; align-items:center; justify-content:center;}
.find_container .find_box { width:46rem; padding:3.5rem; text-align:center; border:1px solid #000; background:#fff;}
.find_container .find_box .find_title { font-size:2.4rem; margin-bottom:2.5rem;}
.find_container .find_box .find_text { padding:1.5rem 0; font-weight:400; text-align:left; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
.find_container .find_box .input_row { display:flex; align-items:center; width:100%; margin:2rem 0;}
.find_container .find_box .input_row label { width:8rem; font-weight:700; color:#555;}
.find_container .find_box .input_row .frm_input { flex:1; padding:10px; font-size:1.6rem; background:#e6e7e8; border:1px solid #b2b2b2;}
.find_container .find_box .warning_text { margin-bottom:3rem; font-size:1.4rem; text-align:center; color:#ff0000;}
.find_container .find_box .find_btn { display:flex; gap:1rem; justify-content:center; width:100%; margin-bottom:3rem;}
.find_container .find_box .find_btn .btn { flex:1; max-width:150px;}
.find_container .find_box .find_logo img { width:17rem;}

/*회원가입 약관*/
.signup_container {}
.signup_container .fsignup p { position:relative; height:5rem; line-height:5rem; margin-bottom:1rem; text-align:center; background:#055d91; color:#fff;}
.signup_container .fsignup section { position:relative; margin:1rem auto 3rem;}
.signup_container .fsignup h2 { padding:1.5rem 3rem; font-size:2.4rem; border:1px solid #bbb; border-bottom:none;}
.signup_container .fsignup textarea { display:block; padding:2rem; width:100%; height:30rem; margin-bottom:1rem; background:#fff; border:1px solid #bbb;}
.signup_container .fsignup_agree { display:flex; align-items:center; gap:1rem;}
.signup_container .fsignup_agree input[type="checkbox"] { width:17px; height:17px; background:#fff; border:1px solid #ccc;}
.signup_container .fsignup_agree input[type="checkbox"] + label { font-size:1.6rem;}
.signup_container .fsignup_agree input[type="checkbox"]:checked { background:#3a8afd; border-color:#1471f6;}
.signup_container .fsignup_chkall { position:relative; justify-content:center; line-height:5rem; background:#f5f7fa; border:1px solid #e5e9f0;}
.signup_container .signup_bot_wrap { position:relative; display:flex; align-items:center; justify-content:center; gap:1rem; margin:5rem 0;}
.signup_container .signup_bot_wrap a img { width:100%;}

/*회원가입*/
.signup_container .fsignupform p { position:relative; height:5rem; line-height:5rem; text-align:center; background:#055d91; color:#fff;}
.signup_container .fsignupform .reg_mb_addr { margin-bottom:1rem;}
.signup_container .fsignupform .reg_mb_addr:last-child { margin-bottom:0;}
.signup_container .fsignupform .form_grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); gap:1rem; width:100%;}
.signup_container .fsignupform .form_flex { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; width:100%;}
.signup_container .fsignupform .form_flex.pic { justify-content:center; flex-direction:column;}
.signup_container .fsignupform .form_pic { max-width:25rem; max-height:30rem; overflow:hidden;}
.signup_container .fsignupform .form_pic img { width:100%;}
.signup_container .fsignupform .form_txt { margin-top:5px; font-size:1.4rem;}
.signup_container .fsignupform .reg_mb_upload { display:none;}
.signup_container .fsignupform .mb_chk_group { display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem;}
.signup_container .fsignupform .mb_chk_group input[type="checkbox"] { width:17px; height:17px; background:#fff; border:1px solid #ccc;}

/*온라인 법조 성희롱 · 성폭력 고충 처리 접수*/
.support_container .support_text { display:block; margin-bottom:1rem; color:#ff0000;}
.support_container .support_box01 { margin-bottom:5rem;}
.support_container .support_box02 { margin-bottom:5rem;}
.support_container .support_box02 .support_text { margin-bottom:0;}
.support_container .support_box03 { margin-bottom:7rem;}
.support_container .support_box03 .support_text { margin-bottom:0;}
.support_container table .problem_type { line-height:1.8;}

/*사건 미 수임 시 동의서*/
.consent_wrap { display:flex; align-items:center; flex-direction:column; gap:6rem; margin-top:-9rem; padding:5rem 15rem 3rem; border: 1px solid #ddd;}
.consent_wrap .consent_title { color:#08437c;}
.consent_wrap .consent_text li { text-align:center; color:#ec008c;}
.consent_wrap .consent_text li:first-child { margin-bottom:3rem; font-size:2rem; color:#1a1a1a;}
.consent_bot_wrap { position:relative; display:flex; align-items:center; justify-content:center; gap:1rem; margin:5rem 0;}
.consent_bot_wrap a { flex:0 0 25rem; border-radius:7px;}

/*변호사 검색*/
.lawyer_field_wrap { display:grid; grid-template-columns:repeat(3, 1fr); padding:2rem; border:1px solid #ddd;}
.lawyer_field_wrap .lawyer_field_column { display:flex; flex-direction:column; align-items: center; gap:1rem;}
.lawyer_field_wrap .lawyer_field_column:not(:last-child) { border-right:1px solid #ccc;}
.lawyer_field_wrap .lawyer_field_column .item { padding:0.5rem 0;}	
.lawyer_region_wrap { display:flex; border:1px solid #b3b3b3;}
.map_section { position:relative; width:80rem; height:80rem; background:url('../img/sub/base_map.png') no-repeat center; border-right:1px solid #b3b3b3;}
.map_link { position:absolute; display:block; text-indent:-9999px; transition:background 0.3s;}
.link_gwangju { top:189px; left:336px; width:140px; height:95px;}
.link_suncheon { top:221px; left:536px; width:157px; height:163px;}
.link_mokpo { top:377px; left:225px; width:51px; height:32px;}
.link_haenam { top:418px; left:187px; width:180px; height:215px;}
.link_jangheung { top:364px; left:392px; width:93px; height:207px;}
.link_gwangju.active { background:url('../img/sub/gwangju_on.png') no-repeat center;}
.link_suncheon.active { background:url('../img/sub/suncheon_on.png') no-repeat center;}
.link_mokpo.active { background:url('../img/sub/mokpo_on.png') no-repeat center;}
.link_haenam.active { background:url('../img/sub/haenam_on.png') no-repeat center;}
.link_jangheung.active { background:url('../img/sub/jangheung_on.png') no-repeat center;}
.search_section { flex:1; padding:4rem; text-align:center;}
.btn_grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2rem;}
.btn_region { padding:1rem; border:1px solid #a4a4a4; background:#fff; cursor:pointer;}
.btn_region.on { background:#007bff; font-weight:700; color:#fff;}
.lawyer_detail_box01 { margin-bottom:5rem;}
.detbl_title { font-size:2.4rem; color:#08437c;}
.search_wrap { margin-bottom:8rem;}
.search_wrap .commit_grid .lawyer_card .card_body .info_content .card_btns { justify-content:flex-end;}
.search_top_wrap { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:5rem;}
.search_top_wrap .search_title { font-size:2rem; font-weight:700; color:#08437c;}
.search_top_wrap .search_title .result { font-size:1.6rem; font-weight:500;}
.search_top_wrap .search_count { color:#262626;}
.member_view_wrap01 { margin-bottom:5rem;}
.member_view_title { font-size:2.4rem;}
		
/*사건의뢰*/
.commit_wrap { margin-bottom:8rem;}
.commit_title { margin-bottom:5rem; text-align:center; font-size:3rem;}
.control-bar { display:flex; align-items:center; margin-bottom:2rem;}
.select-all-label { display:flex; align-items:center; gap:1rem; font-size:1.5rem; cursor:pointer;}
.select-all-label input { width:17px; height:17px; cursor:pointer;}
.commit_grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(460px, 1fr)); gap:60px; margin-bottom:40px;}
.commit_grid .lawyer_card { display:flex; flex-direction:column; padding:10px 15px; border-top:4px solid #055d91; border-bottom:2px solid #bfbfbf;}
.commit_grid .lawyer_card.selected { background:#f0f7ff;}
.commit_grid .lawyer_card .card_header { margin-bottom:12px;}
.commit_grid .lawyer_card .card_header .card_checkbox { width:17px; height:17px; cursor:pointer;}
.commit_grid .lawyer_card .card_body { display: flex; gap:4rem;}
.commit_grid .lawyer_card .card_body .profile_img { display:flex; align-items:center; justify-content:center; flex:0 0 135px;}
.commit_grid .lawyer_card .card_body .profile_img img { width:100%;}
.commit_grid .lawyer_card .card_body .info_content { display:flex; flex-direction:column; justify-content:space-between; flex:1;}            
.commit_grid .lawyer_card .card_body .info_content .name_area { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding-bottom:1rem; border-bottom:1px solid #666;}
.commit_grid .lawyer_card .card_body .info_content .name_area .lawyer_name { font-size:2.2rem; color:#08437c;}
.commit_grid .lawyer_card .card_body .info_content .name_area .office_name { color:#262626;}
.commit_grid .lawyer_card .card_body .info_content .spec_details { line-height:1.6; margin-top:1rem; margin-bottom:1.5rem; font-size:1.7rem; color:#444;}
.commit_grid .lawyer_card .card_body .info_content .card_btns { display:flex; gap:1rem;}
.commit_grid .lawyer_card .card_body .info_content .card_btns .btn-sm { flex:0 0 50%; padding:1rem 0; font-size:1.4rem; text-align:center;}
.commit_grid .lawyer_card .card_body .info_content .card_btns .btn-view { background:#6c7e90; color:#fff;}
.commit_grid .lawyer_card .card_body .info_content .card_btns .btn-select { background:#f39c12; color:#fff;}
		
/*인터넷 상담*/
.counsel_wrap { margin-bottom:8rem; border-top:2px solid #055d91; border-bottom:1px solid #b3b3b3;}
.counsel_wrap p { padding:15px; font-size:2.4rem; border-bottom:1px solid #b3b3b3; color:#08437c;}
.counsel_wrap .counsel_box { display:flex; justify-content: space-between;}
.counsel_wrap .counsel_box li { position:relative; padding:3rem 5rem;}
.counsel_wrap .counsel_box li.counsel_left { display:flex;}
.counsel_wrap .counsel_box li.counsel_left div { width:16rem; overflow:hidden;}
.counsel_wrap .counsel_box li.counsel_left div img { width:100%; border:1px solid #acacac;}
.counsel_wrap .counsel_box li.counsel_left dl { margin-left:5rem;}
.counsel_wrap .counsel_box li.counsel_left dl dt { margin-bottom:2rem; font-size:2.4rem; color:#08437c;}
.counsel_wrap .counsel_box li.counsel_right:before { content:''; position:absolute; top:3rem; left:0; width:1px; height:20rem; background:#b3b3b3;}

/*영상재판시스템 이용신청*/
.tbl_frm .input_style { width:15rem; padding:5px; text-align:center; border:1px solid #a4a4a4; background:#fff; vertical-align:middle;}
.tbl_video { margin-bottom:8rem;}
.cal_left { flex:1; min-width:30rem;}
.cal_right { flex:1; min-width:30rem;}
.schedule_list_wrap { display:flex; flex-direction:column; gap:4rem; overflow:hidden;}
.schedule_header { padding:1.2rem 2rem 1.1rem;}
.schedule_header h1 { font-size:2.4rem;}
.schedule_ul { display:flex; flex-direction:column; border-top:4px solid #055d91; border-bottom:1px solid #bfbfbf;}
.schedule_item { display:flex; align-items:center; justify-content:space-between; gap:1rem; position:relative; border-bottom:1px solid #f0f0f0;}
.schedule_item:last-child { border-bottom:none;}
.schedule_content { display:grid; grid-template-columns:15rem 15rem 1fr 12rem; align-items:center; flex:1; padding:1.8rem 1rem;}
.schedule_content.manager { grid-template-columns:10rem 8rem 1fr 12rem;}
.time { font-size:1.4rem; color:#555;}
.office { font-size:1.4rem; text-align:left;}
.lawyer { font-size:1.4rem; text-align:left;}
.lawyer_phone { font-size:1.4rem; text-align:right;}
.delete_action { display:flex; justify-content:center; align-items:center; font-size:1.8rem; color:#ff3b30;}
		
/*사법경찰평가표*/
.selbox_office { background:url(../img/sub/select_arrow.png) no-repeat; background-position:center right 10px; appearance:none; -webkit-appearance:none;}
.selbox_direct { width:0; opacity:0; visibility:hidden; transition:all 0.4s ease;}
.selbox_direct.active { width:33rem; margin-left:1rem; opacity:1; visibility:visible;}
.radio_group { display:flex; align-items:center; gap:1rem;}

/*행사일정*/
.cal_list_wrap .page_bot_wrap { justify-content:flex-end;}
.calendar_header { display:flex; justify-content:center; align-items:center; gap:4rem; margin-bottom:4rem;}
.calendar_header a { color:#5c5c5c;}
.calendar_header h1 { font-size:4rem; color:#004a80;}
.calendar_weekdays, .month_row { display:flex; flex-wrap:wrap;}
.calendar_weekdays { border-top:4px solid #055d91; border-bottom:1px solid #bfbfbf;}
.calendar_days .month_row { border-bottom:1px solid #bfbfbf;}
.day_name, .day { width:calc(100% / 7); min-height:5rem; padding:1rem; border-left:1px solid #bfbfbf;}
.day_name:last-child, .day:last-child { border-right:1px solid #bfbfbf;}
.day_name { background:#ededed; text-align:center; font-weight:700;}
.day_name.sunday, .day.sunday { color:#ed1c24;}
.day { min-height:7rem; font-size:16px; cursor:pointer;}
.day .day_info { display:block; margin-top:5px; color:#1a1a1a;}
.cal_view_wrap { position:relative; display:flex;}
.cal_list_box { display:flex; flex-direction:column; width:40rem; border-right:5px solid #f2f2f2;}
.cal_list_box .cal_allchk { position:absolute; top:-3rem; left:0;}
.cal_list_box .list_content { flex:1; overflow-y: auto;}
.cal_list_box .list_content .list_item { padding:1.5rem 2rem; border-bottom:1px solid #f0f0f0; cursor:pointer;}
.cal_list_box .list_content .list_item:hover { background:#f9f9fb;}
.cal_list_box .list_content .list_item.active { background:#e8f0fe;}
.cal_list_box .list_content .list_item .item_header { display:flex; align-items:center; margin-bottom:8px; font-size:1.3rem;}
.cal_list_box .list_content .list_item .item_header input { margin-right:1rem;}
.cal_list_box .list_content .list_item .item_header .cal_title { flex:1; font-weight:600;}
.cal_list_box .list_content .list_item .item_header .cal_date { color:#888;}
.cal_list_box .list_content .list_item .item_subject { padding-left:2.3rem; font-size:1.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#444;}
.cal_view_box { display:flex; flex-direction:column; flex:1; overflow-y:auto; margin-left:4rem; min-width:0;}
.cal_view_box .bo_v_contents { overflow:auto;}

/*마이페이지*/
.mypage_wrap { display:grid; grid-template-columns: repeat(4, 1fr); gap:20px;}
.mycard { display:flex; flex-direction:column; justify-content:flex-start; min-height:16rem; border:1px solid #ccc; padding:3rem 2.4rem; transition: all 0.2s ease-in-out;}
.mycard:hover { border-color:#999; box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);}
.mycard h3 { margin-bottom:12px; font-size:1.8rem;}
.mycard p { line-height:1.5; font-size:1.4rem; color:#777; word-break:keep-all;}
		
@media screen and (max-width:1400px){

	/*변호사 검색*/
	.map_section { display:none;}

}

@media screen and (max-width:1024px){
	
	/*게시판 공통*/
	.restxt { display:block; font-size:14px; margin-bottom:1rem;}
	.responsive { overflow-x:scroll;} 
	.page_top_wrap .page_index_box { flex-direction:column; align-items:flex-start;}
	.page_top_wrap .page_index_box .total { margin-bottom:1rem;}
	.page_top_wrap .page_index_box .search_area { flex-direction:column; align-items:flex-start; gap:1rem; width:100%;}
	.page_top_wrap .page_index_box .search_area select { width:100%; margin:0;}
	.page_top_wrap .page_index_box .bo_search { width:100%;}
	.page_top_wrap .page_index_box .bo_search input { width:100%; margin:0;}
	.page_top_wrap .page_index_box .btn.search { position:absolute; top:0; right:0; margin:0;}
	.tbl { width:1000px!important;} 
	.pg { font-size:1.2rem;}
	
	/*게시판 읽기*/
	.bo_v_top_wrap .bo_v_title { padding-left:2rem;}
	.bo_v_top_area .bo_v_info { align-items:flex-start; flex-direction:column; gap:1rem; padding:1rem 2rem;}
	.bo_v_top_area .bo_v_link { padding-left:2rem;}
	.bo_v_contents { padding-left:2rem;}
	.bo_v_file li span { width:15%;}
	.bo_v_file li span:after { top:0.7rem; right:0.5rem; height:1rem;}
	.bo_v_post li span { width:20%;}
	.bo_v_post li span:after { top:0.7rem; right:0.5rem; height:1rem;}
	.bo_v_post li a strong { display:inline-block; width:18rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	
	/*아이디 비밀번호 찾기*/
	.find_container .find_box .find_text { font-size:1.5rem;}
	
	/*인터넷 상담*/
	.counsel_wrap .counsel_box { flex-direction: column;}
	.counsel_wrap .counsel_box li.counsel_left { padding-bottom:0;}
	.counsel_wrap .counsel_box li.counsel_right:before { display:none;}
	
	/*사건의뢰*/
	.commit_grid { gap:30px;}
	
	/*마이페이지*/
	.mypage_wrap { grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));}
	
}

@media screen and (max-width:768px){

	/*영상재판시스템 이용신청*/
	.schedule_content{
		display:grid;
		width:100%;
		grid-template-columns:10rem 1fr;
		gap:0.5rem;
	}
	.schedule-content.schedule-content.manager { grid-template-columns:10rem 1fr;gap:0.5rem; padding:16px;}

	.time{
		grid-column:1;
	}

	.office{
		grid-column:2;
		text-align:left;
	}

	.lawyer{
		grid-column:1;
	}

	.delete_action{
		grid-column:2;
		justify-self:end;
	}

	.lawyer_phone{
		display:none;
	}
	
	/*행사일정*/
	.day { padding:5px; font-size:12px;}
	.cal_view_wrap { flex-direction:column; gap:5rem;}
	.cal_list_box { width:100%; border:0;}
	.cal_list_box .list_content { margin-bottom:3rem;}
	.cal_view_box { margin-left:0;}

}