@charset "utf-8";

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {padding:0 20px}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {position: absolute; right: 0; top: 0;}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */



/* 뉴스레터 */
article#bo_v {max-width:1200px;}
#bo_v_title {position:relative; border:none; padding-bottom:50px; margin-bottom:20px;}
#bo_v_title:before {content:''; width:60px; height:3px; background:#a58451; position:absolute; left:0; bottom:0;}
#bo_v_title h2 {color:#511515; font-weight:bold; font-size:48px; letter-spacing:-1px;}
#bo_v_title .bo_v_tit {color:#511515; line-height:1.4; text-align:left; margin-top:15px; max-width:300px; word-break:keep-all;}
#bo_v_info .if_date {float:inherit;}
#bo_v_info {font-style:italic; font-size:18px; color:#231f20;}
#bo_v_info .if_date {color:#231f20; margin-top:5px;}

.news_head {justify-content:space-between;}
.news_head .news_head_wrap {width:55%; margin-top:160px;} 
.news_head .news_img {position:relative; width:40%; text-align:right;}
.news_head .news_img > div {position:absolute; background:#511515; padding:30px 70px 30px 30px; top:70px; right:0;}
.news_head .news_img > div > img {width:180px;}
.news_head .news_img > img {width:70%; margin-right:10%;}

#bo_v_con {margin:50px 0;}


.news_profile {margin-bottom:30px;}
.news_profile > h2 {font-size:18px; font-weight:bold; color:#511515;}
.news_profile .txt {font-size:13px; color:#231f20; margin-top:15px;}
.news_profile .profile_wrap {display:flex; flex-wrap:wrap; gap:4%; margin-top:30px;}
.news_profile .profile_wrap .profile {margin-bottom:20px; width:48%;}
.news_profile .profile_wrap .profile > a {width:100%; display:flex; flex-wrap:wrap; align-items:flex-end;}
.news_profile .profile_wrap .profile .image_container {overflow: hidden; display: flex; align-items: center; justify-content: center; width:25%; min-width:270px; height: 250px; background:#e3e6e5;}
.news_profile .profile_wrap .profile .image_container img {margin-top:80px;}
.news_profile .profile_wrap .profile .info {margin-left:20px;}
.news_profile .profile_wrap .profile .info h3 {color:#231f20; font-size:18px; font-weight:bold;}
.news_profile .profile_wrap .profile .info p {color:#231f20; font-size:18px;}
.news_profile .profile_wrap .profile .info ul {margin-top:15px;}
.news_profile .profile_wrap .profile .info ul li {color:#231f20; font-size:16px; word-break:break-all;}
.news_profile .profile_wrap .profile .info ul li span {color:#a58451; font-weight:bold; margin-right:10px; vertical-align:baseline;}
.news_profile .info_box {margin-top:25px; border-top:2px solid #4b0613; border-bottom:2px solid #4b0613; padding:15px 0;}
.news_profile .info_box .flex_wrap {align-items:center;}
.news_profile .info_box .flex_wrap > div:nth-child(1) {width:20%; margin-right:5%;}
.news_profile .info_box .flex_wrap > div h4 {font-size:16px; color:#a58451; font-weight:bold;}
.news_profile .info_box .flex_wrap > div p {color:#231f20; font-size:14px;}
.news_profile .info_box .flex_wrap > div ul {}
.news_profile .info_box .flex_wrap > div ul li {font-size:14px; display:inline-block; margin-right:10px;}
.news_profile .info_box .flex_wrap > div ul li span {font-weight:bold; color:#939598; vertical-align:baseline;}

.lawyer_sel_container button {font-size:14px; font-weight:bold; border:1px solid #eee; background:#eee;vertical-align:middle; border-radius:3px; padding:10px 20px;height:50px; transition:0.3s;}
.lawyer_sel_container button:hover {background:#2c2c2c; color:#fff;}
.lawyer_sel {position:relative; margin-bottom:10px;}
.news_lawyer {display:flex; flex-wrap:wrap;}
.news_lawyer label {font-size:18px; font-weight:bold; margin-right:15px; margin-top:13px;}
.news_lawyer select {width:calc(100% - 180px); border:1px solid #ccc; background:#fff;vertical-align:middle; border-radius:3px;padding:12px;height:50px; margin:0}
.lawyer_sel button {position:absolute; right:0; top:0;}




@media all and (max-width:1200px){
	.news_profile .profile_wrap .profile {width:100%;}
}

@media all and (max-width:1000px){
	#bo_v_title h2 {font-size:32px;}
	#bo_v_title .bo_v_tit {font-size:20px;}
	.news_head .news_head_wrap {margin-top:100px;}
	.news_head .news_img > div > img {width:100px;}

	.news_profile .info_box .flex_wrap > div:nth-child(1) {width:30%; margin-bottom:15px;}

}

@media all and (max-width:820px){
	.news_head .news_head_wrap {width:50%;}
	.news_head .news_img {width:50%;}
	
}

@media all and (max-width:640px){
	#bo_v_title {padding-bottom:30px;}
	#bo_v_title h2 {font-size:26px;}
	#bo_v_title .bo_v_tit {font-size:18px;}
	.news_head .news_head_wrap {margin-top:60px;}
	.news_head .news_img > div {padding:20px 50px 20px 20px;}

	.news_profile .profile_wrap .profile .image_container {min-width:240px; height:200px;}
	
	.news_lawyer select {width:calc(100% - 170px); height:45px;padding: 9px;}
	.lawyer_sel_container button {height:45px;padding: 8px 15px;}
	
}

@media all and (max-width:520px){
	#bo_v_title {padding-bottom:20px; margin-bottom:20px;}
	.news_head .news_head_wrap {width:100%;}
	.news_head .news_img {width:80%; order:-1;}
	#bo_v_info p, #bo_v_info .if_date {font-size:16px;}
	
	.news_profile .profile_wrap .profile .image_container {min-width:150px; height:150px;}
	.news_profile .profile_wrap .profile .image_container img {margin-top:30px;}
	.news_profile .profile_wrap .profile .info {width:calc(100% - 170px); margin-left:15px;}
	.news_profile .info_box .flex_wrap > div:nth-child(1) {width:100%;}
	.news_profile .info_box .flex_wrap > div:nth-child(1) img {width:150px;}

	.news_lawyer label {font-size:16px;}
	
}