@charset "utf-8";

/*************************
		SUB CONTENTS
*************************/

/*SUB*/
#subContainer {}
.sub_visual {height:280px}
.sub_vis_tit {display:table; width:90%; max-width:1200px; height:100%; margin:0 auto}
.sub_vis_tit > .inner {display:table-cell; vertical-align:middle}
.sub_vis_tit h1 {line-height:1; font-size:45px; color:#fff}
.sub_vis_tit p {margin-top:20px; font-size:20px; color:#fff}
.sub_vis_tit .tel_box {display:inline-block; padding:8px 15px; margin-top:20px; border-radius:20px; background:#761c29}
.sub_vis_tit .tel_box a {font-size:18px; color:#fff; vertical-align:middle;}
.sub_vis_tit .tel_box em {display:inline-block; width:1px; height:13px; margin:0 10px; vertical-align:middle; background:#fff;}

#num6 .sub_vis_tit p { width: 450px; }

/*sub_lnb*/
.sub_lnb {max-width:1200px; margin:19px auto 0; overflow:hidden}
.sub_lnb ul {display:table; width:100%; table-layout:fixed}
.sub_lnb ul + ul {margin-top:-1px}
.sub_lnb ul li {position:relative; display:table-cell; height:58px; cursor:pointer}
.sub_lnb ul li:before {position:absolute; top:0px; right:0; left:-1px; height:58px; border:1px solid #c7c7c7; box-sizing:border-box; content:''; -webkit-transition:.2s; transition:.2s}
.sub_lnb ul li:first-child:before {left:0}
.sub_lnb ul li a {position:relative; display:block; line-height:1.18; text-align:center}
.sub_lnb ul li a span {font-size:18px; color:#5f5f5f}
.sub_lnb ul li:hover:before {border:3px solid #922b3a}
.sub_lnb ul li:hover {z-index:1}
.sub_lnb ul li.active {z-index:1}
.sub_lnb ul li.active:before {border:3px solid #922b3a}
.sub_lnb ul li.active a span {color:#8f2434; font-weight:500}
.sub4_lnb .tab04 ~ li {display:none}
@media screen and (min-width:1025px){
	.sub_lnb .swiper-wrapper {transform:translate(0,0) !important}
}

/*sub_title*/
.sub_title {padding-top:100px; text-align:center}
.sub_title h1 {line-height:1.45; font-size:45px; color:#3a3a3a; font-weight:500}
.sub_title var {display:block; width:60px; height:6px; margin:35px auto 45px; border-radius:3px; background:#731725}
.sub_title h2 {margin-top:57px; font-size:20px; color:#353535}
.sub_title h2 span {display:inline-block; line-height:1.166; font-size:1.5em; color:#000000; background:#e7cace}
.sub_title h2 b {font-size:1em; font-weight:500}
.sub_title h3 {font-size:30px; color:#000}
.sub_title h3 b {font-size:1em; font-weight:500}
.sub_title h3 span {font-size:1em; background:#e7cace}

.sub_body {padding-bottom:100px}

/*인사말*/
.greeting_intro_con {position:relative; padding:95px 0 180px 130px}
.greeting_txt p {line-height:1.66; font-size:18px; color:#5f5050}
.greeting_txt h3 {display:inline-block; position:relative; line-height:1.4; padding:0 40px; margin:55px 0; font-size:25px; color:#731725; text-align:center; font-family: 'Noto Serif KR'}
.greeting_txt h3 span {position:absolute; line-height:1; font-size:70px; font-family: 'Noto Serif KR'}
.greeting_txt h3 span.quote_start {left:0}
.greeting_txt h3 span.quote_end {right:0}
.rep_lawyer_img {position:absolute; bottom:0; right:0}
.rep_profile_con {position:relative; background:url('/img/sub/rep_profile_con_bg.jpg'); background-size:100% 100%}
.rep_profile_con .con_tit {position:absolute; bottom:100%; margin-bottom:10px; font-size:30px; color:#171717}
.rep_profile_con .con_tit b {font-size:1em; font-weight:700}
.rep_profile_slider .slide {box-sizing:border-box; padding:75px}
.rep_profile_slider .lawyer_tit h1 {font-size:25px; color:#fff}
.rep_profile_slider .lawyer_tit h1 b {font-size:1em; color:#ffb400}
.rep_profile_slider .lawyer_tit h2 {font-size:44px; color:#fff}
.rep_profile_slider .lawyer_tit h2 b {font-size:1em; font-weight:700}
.rep_profile_slider .lawyer_career {z-index:1; position:relative; margin-top:40px; overflow:hidden}
.rep_profile_slider .lawyer_career ul {float:left; width:375px}
.rep_profile_slider .lawyer_career ul li {font-size:15px; color:#fff}
.rep_profile_slider .progress_wrap {margin-top:40px}
.rep_profile_slider .progress_wrap .cnt {margin-bottom:10px; font-size:20px; color:#999191}
.rep_profile_slider .progress_wrap .cnt > b {font-size:1em; color:#ffb400}
.rep_profile_slider .progress_wrap .bar {height:1px; background:#fff}
.rep_profile_slider .progress_wrap .bar > span {display:block; height:100%; width:0%; background:#ffb400}
.rep_profile_slider .lawyer_img {position:absolute; bottom:0; right:75px}

/*변호사 소개 리스트*/
.sub_member_list {margin-top:70px}
.sub_member_list > li {overflow:hidden}
.sub_member_list > li + li {margin-top:15px}
.sub_member_list .member_brief_box {position:relative; float:left; width:58.75%; height:290px; background:#f3f3f3}
.sub_member_list .member_brief_box .bg_compass {position:absolute; right:-20px; top:30px; max-width:350px}
.sub_member_list .member_brief_box a.btn_show {display:none}
.sub_member_list .member_brief_box .name {position:absolute; left:40px; top:50px}
.sub_member_list .member_brief_box .name h1 {font-size:20px; color:#8f2434}
.sub_member_list .member_brief_box .name h2 {font-size:35px; color:#2a2a2a}
.sub_member_list .member_brief_box .name h2 b {font-size:1em; font-weight:500}
.sub_member_list .member_brief_box .career {position:absolute; left:0; bottom:0; width:100%; height:130px; padding:27px 200px 0 40px; box-sizing:border-box; background:#5a3333}
.sub_member_list .member_brief_box .career ul {position:relative; z-index:1; float:left; width:50%; box-sizing:border-box}
.sub_member_list .member_brief_box .career ul + ul {padding-left:30px}
.sub_member_list .member_brief_box .career ul li {line-height:1.6; font-size:15px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.sub_member_list .member_brief_box .career ul li:before {display:inline-block; padding-right:5px; content:'·'}
.sub_member_list .member_brief_box .lawyer_img {position:absolute; right:15px; bottom:0}
.sub_member_list .member_img_box {position:relative; float:right; width:39.166%}
.sub_member_list .member_img_box a {position:relative; display:block; padding-top:290px; overflow:hidden}
.sub_member_list .member_img_box a > img {position:absolute; top:-50%; left:-50%; right:-50%; bottom:-50%; height:100%; margin:auto}
.sub_member_list .member_over_more {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:.3s; transition:.3s}
.sub_member_list .member_over_more .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6}
.sub_member_list .member_over_more .txt {position:absolute; left:0; top:100px; width:100%; text-align:center;}
.sub_member_list .member_over_more .txt p {margin-top:10px; font-size:20px; color:#fff}
.sub_member_list .member_box > a:hover .member_over_more {opacity:1}
.sub_consultant_list {margin:60px -2.5px 0; overflow:hidden}
.sub_consultant_list > li {float:left; width:25%; padding:0 2.5px; box-sizing:border-box}
.sub_consultant_list > li img {width:100%}

/*변호사 디테일*/
.sub_body .wrap {overflow:hidden}
.member_detail_box {position:relative; max-width:1080px; padding:65px 60px 70px; margin:55px auto 0; background:#f3f3f3}
.member_detail_box .bg_compass {position:absolute; right:100px; bottom:200px}
.member_detail_box .lawyer_img {position:absolute; right:45px; bottom:295px; max-width:385px; width:37%; overflow:hidden}
.member_detail_box .lawyer_img > img {width:100%; margin-bottom:-50px}
.member_detail_box .name h1 {font-size:20px; color:#8f2434}
.member_detail_box .name h2 {margin-bottom:40px; font-size:45px; color:#2a2a2a}
.member_detail_box .name h2 b {font-size:1em; font-weight:500}
.member_detail_box .intro {box-sizing:border-box; min-height:300px; padding-right:34%}
.member_detail_box .intro p {font-size:15px; color:#3a3a3a}
.member_detail_box .profile_tab {position:relative; margin-top:50px; padding-right:330px}
.member_detail_box .profile_tab li {display:inline-block; height:40px; line-height:40px; padding:0 15px; margin:10px 5px 0 0; font-size:20px; color:#5a3232; border:1px solid #5a3232; border-radius:20px; cursor:pointer}
.member_detail_box .profile_tab li.active {color:#fff; background:#5a3232}
.member_detail_box .profile_box {position:relative; height:225px; padding:30px; margin-top:27px; box-sizing:border-box; background:#fff}
.member_detail_box .profile_box > div {height:100%}
.member_detail_box .profile_box ul {display:none; overflow:hidden}
.member_detail_box .profile_box ul li {float:left; width:50%; line-height:1.66; font-size:15px; color:#4e4e4e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.member_detail_box .profile_box ul li a {font-size:1em}
.sub.main_member_nav {position:relative; left:0; bottom:0; width:1080px; margin:0 auto}
.sub.main_member_nav .slick-slide {margin-right:17.333px}

/*업무분야*/
.business_area_list {margin-top:80px}
.business_area_list ul {text-align:center}
.business_area_list ul li {display:inline-block; width:30%; vertical-align:top;  }
.business_area_list ul li .img {position:relative; padding:0 11%}
.business_area_list ul li .img img {width:100%; max-width:276px}
.business_area_list ul li + li .img:after {position:absolute; top:50%; right:100%; width:20px; height:20px; margin-right:-10px; background:url('/img/sub/icon_plus.png'); background-size:100% 100%; content:''}
.business_area_list ul li .txt {text-align:center}
.business_area_list ul li .txt h1 {line-height:1; font-size:25px; color:#8e2031}
.business_area_list ul li .txt p {margin-top:20px; font-size:18px; color:#4b4b4b}

/*오시는길*/
.location_wrap > .map {height:400px; margin-top:60px}
.location_wrap .loca_info {padding:90px 9.166% 0 13.33%}
.location_wrap .loca_info dl {display:table; width:100%}
.location_wrap .loca_info dl + dl {margin-top:50px}
.location_wrap .loca_info dl > * {display:table-cell; vertical-align:top}
.location_wrap .loca_info dl dt {position:relative; width:195px}
.location_wrap .loca_info dl dt:after {position:absolute; right:0; top:10px; width:1px; height:22px; background:#9e9e9e; content:''}
.location_wrap .loca_info dl dt h3 {line-height:1; font-size:30px; color:#171717}
.location_wrap .loca_info dl dd {padding-left:35px}
.location_wrap .loca_info dl dd p {font-size:20px; color:#171717}
.location_wrap .loca_info dl dd p + p {margin-top:8px}
.location_wrap .loca_info dl dd p.info {color:#731725}
.location_wrap .loca_info dl dd p.location {padding-left:93px; text-indent:-93px}
.location_wrap .loca_info dl dd p.location span {float:none; padding:0}
.location_wrap .loca_info dl dd p span {float:left; padding-bottom:1px; font-size:1em; color:#7a7a7a}

/**/
.detailContents {margin-top:65px}
.detailContents .cont_box {padding:20px 0 55px; border-top:1px solid #838383}
.detailContents .cont_box .tit {display:inline-block; padding:0 14px; margin-bottom:15px; font-size:15px; color:#262626; border:1px solid #262626; border-radius:10px}
.detailContents .cont_box dl + dl {margin-top:50px}
.detailContents .cont_box dl dt {font-size:30px; color:#000}
.detailContents .cont_box dl dd {margin-top:10px; font-size:18px; color:#171717}
.detailContents .cont_box dl dd.box {padding:40px; background:#f9f9f9}
.detailContents .cont_box .dashed_line {margin:40px 0; border-top:1px dashed #d7d7d7}
.detailContents .cont_box .banner_img {position:relative; margin-top:30px; padding-top:28.75%; overflow:hidden}
.detailContents .cont_box .banner_img img {position:absolute; top:-50%; left:-50%; bottom:-50%; right:-50%; height:100%; margin:auto}
.detailContents .cont_box.current {border-color:#e79a20}
.detailContents .cont_box.current .tit {border-color:#ffb400; color:#fff; background:#ffb400}
.detailContents .cont_box dl + .table_wrap {margin-top:30px}
.detailContents .first_table_box {padding-bottom:25px}
.detailContents .table_wrap .info {margin-top:10px; font-size:18px; color:#df2e49}
.detailContents .detail_tbl {width:100%; table-layout:fixed}
.detailContents .detail_tbl + .detail_tbl {margin-top:30px}
.detailContents .detail_tbl tr > * {padding:10px 0; font-size:18px; color:#171717; border:1px solid #b4b4b4; text-align:center}
.detailContents .detail_tbl th {background:#f3f3f3}
.detailContents .detail_tbl .align_left {text-align:left}
.detailContents .detail_tbl_type2 th {width:10.833%}
.detailContents .detail_tbl_type2.col7 th {width:110px}
.detailContents .detail_tbl_type2 th.doc {width:auto}
.detailContents .detail_tbl_type2 th.case_name {width:150px}
.detailContents .detail_tbl_type2 td.doc {padding-left:30px}
.detailContents .detail_tbl_type2 td {padding:25px 0}
.detailContents .full_img {width:100%; margin-top:10px}
.detailContents .graph .show02 {display:none}

/*상담안내*/
.guide_banner {position:relative; padding-top:31%; margin-top:75px; background:url('/img/sub/guide_banner_bg.jpg'); background-size:100% 100%}
.guide_banner .img {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/img/sub/guide_banner_img.png') top; background-size:100% auto}
.guide_banner .txt {position:absolute; top:50%; left:0; width:100%; margin-top:-60px; text-align:center}
.guide_banner .txt h1 {font-size:30px; color:#fff; font-weight:700; opacity:.4}
.guide_banner .txt h2 {line-height:1.65; font-size:20px; color:#fff; font-weight:500}
.guide_info_list {max-width:930px; margin:0 auto}
.guide_info_list li {position:relative; padding:80px 0 80px 180px}
.guide_info_list li + li {border-top:2px solid #ebebeb}
.guide_info_list li img {position:absolute; top:50%; left:15px; width:132px; height:132px; margin-top:-66px}
.guide_info_list li .con h3 {margin-bottom:10px; font-size:20px; color:#3c3c3c; font-weight:700}
.guide_info_list li .con h4 {font-size:20px; color:#262626}
.guide_info_list li .con p {line-height:1.6; font-size:27px}
.guide_info_list li .con p.info {font-size:25px; color:#e43c3c}
.guide_info_list li .con p span {margin-right:30px; font-size:1em; color:#7a7a7a}
.guide_info_list li .con p b {font-size:1em; color:#262626}
.guide_info_list li .con p strong {margin-left:40px; font-size:.55em; color:#e43c3c}
.guide_info_list li .con p a {font-size:1em}

/*BOARD*/
#boardWrap {width:94%; max-width:1200px; margin:0 auto; padding-bottom:80px}

@media screen and (max-width:1280px){
	/*인사말*/
	.greeting_intro_con {padding-left:5%}
	.greeting_txt {width:55%}
	.rep_lawyer_img {right:5%; left:55%}
	.rep_lawyer_img img {width:100%; max-width:447px}
	.rep_profile_slider .lawyer_img {right:5%}
}

@media screen and (max-width:1250px){
	.sub.main_member_nav {width:791px; margin:0 auto}
	.sub.main_member_nav .slick-slide {margin-right:10px}
}

@media screen and (max-width:1024px){
	/*SUB*/
	.sub_visual {height:10.1em}
	.sub_vis_tit {}
	.sub_vis_tit h1 {font-size:1.75em}
	.sub_vis_tit p {margin-top:.8em; font-size:.825em}
	.sub_vis_tit .tel_box {padding:.3em .9em; margin-top:.8em}
	.sub_vis_tit .tel_box > * {float:left}
	.sub_vis_tit .tel_box a {font-size:.875em}
	.sub_vis_tit .tel_box em {margin:.3em .5em}
	#num6 .sub_vis_tit p { width: auto; }

	/*sub_lnb*/
	.sub_lnb {margin:0 auto; border-bottom:1px solid #a6a6a6}
	.sub_lnb ul li {height:2.5em}
	.sub_lnb ul li:before {top:auto; right:auto; bottom:0; left:50%; width:0em; height:.1em; margin-left:0em; border:0; background:#731725}
	.sub_lnb ul li:first-child:before {left:50%}
	.sub_lnb ul li a span {font-size:1em}
	.sub_lnb ul li:hover:before {border:0}
	.sub_lnb ul li.active:before {border:0; width:2.4em; margin-left:-1.2em}
	.sub4_lnb .tab04 ~ li {display:table-cell}
	.sub4_lnb ul + ul {display:none}
	.sub4_lnb ul {table-layout:auto; width:auto}
	.sub4_lnb ul li a {padding:.2em 1em; white-space:nowrap}

	/*sub_title*/
	.sub_title {padding-top:3.25em}
	.sub_title h1 {font-size:1.875em}
	.sub_title var {width:3.1em; height:.3em; margin:1.7em auto}
	.sub_title h2 {margin-top:1.85em; font-size:1em}
	.sub_title h2 span {font-size:1.25em}
	.sub_title h3 {font-size:1.125em}

	.sub_body {padding-bottom:3em}
	.sub_body .wrap {width:94%}

	/*인사말*/
	#greetingWrap .wrap {width:100%}
	.greeting_intro_con {padding:1.3em 0 6.3em}
	.greeting_txt {width:100%; margin-top:1.75em; text-align:center}
	.greeting_txt p {line-height:1.25em; font-size:1em;}
	.greeting_txt h3 {line-height:1.2; padding:0 1.4em; margin:1.5em 0; font-size:1.5em}
	.greeting_txt h3 span {font-size:3.34em}
	.rep_lawyer_img {position:relative; right:0; left:0; width:60%; margin:0 auto; text-align:center; overflow:hidden}
	.rep_lawyer_img img {margin-bottom:-5.5em}
	.rep_profile_con .con_tit {left:5%; right:5%; margin-bottom:.5em; font-size:1.25em}
	.rep_profile_slider .slide {padding:2.75em 5% 1.5em}
	.rep_profile_slider .lawyer_tit h1 {font-size:1em}
	.rep_profile_slider .lawyer_tit h2 {font-size:1.75em}
	.rep_profile_slider .lawyer_career {margin-top:1.5em}
	.rep_profile_slider .lawyer_career ul {width:100%}
	.rep_profile_slider .lawyer_career ul li {font-size:.75em}
	.rep_profile_slider .progress_wrap {margin-top:2em}
	.rep_profile_slider .progress_wrap .cnt {margin-bottom:.7em; font-size:1em}
	.rep_profile_slider .progress_wrap .bar {height:2px}
	.rep_profile_slider .lawyer_img {}

	/*변호사 소개 리스트*/
	.sub_member_list {margin-top:2em}
	.sub_member_list .member_brief_box {height:15.4em}
	.sub_member_list .member_brief_box .bg_compass {height:100%; right:0; top:2em}
	.sub_member_list .member_brief_box a.btn_show {display:block; position:absolute; bottom:1em; left: 1.5em; width:9.84em; height:2.1em; line-height:2.1em; font-size:.95em; color:#731725; border-radius:1em; text-align:center; background:#ebebeb}
	.sub_member_list .member_brief_box .name {left:1.25em; top:1.5em}
	.sub_member_list .member_brief_box .name h1 {font-size:1em}
	.sub_member_list .member_brief_box .name h2 {font-size:1.75em}
	.sub_member_list .member_brief_box .career {height:8.5em; padding:1.25em 10em 0 1.5em}
	.sub_member_list .member_brief_box .career ul {width:100%}
	.sub_member_list .member_brief_box .career ul + ul {display:none}
	.sub_member_list .member_brief_box .career ul li {line-height:1.5; font-size:.75em}
	.sub_member_list .member_brief_box .lawyer_img {right:.5em; width:12em}
	.sub_member_list .member_img_box a {padding-top:15.4em}
	.sub_member_list .member_over_more {display:none}
	.sub_consultant_list {margin-top:2.5em}

	/*변호사 디테일*/
	.sub_body .member_view_wrap {width:100%}
	.member_detail_box {padding:65px 5% 70px; margin-top:2em}
	.member_detail_box .bg_compass {width:50%}
	.member_detail_box .name h1 {font-size:1em}
	.member_detail_box .name h2 {font-size:1.75em}
	.member_detail_box .intro {min-height:330px}
	.member_detail_box .intro p {line-height:1.4; font-size:.8em}
	.member_detail_box .intro p br {line-height:0}
	.member_detail_box .profile_tab li {height:2em; line-height:2em; padding:0 1em; margin:.7em .3em 0 0; font-size:.825em}
	.member_detail_box .profile_box ul li {width:100%; font-size:.75em}

	/*업무분야*/
	.business_area_list {margin-top:2em}
	.business_area_list ul li .txt h1 {font-size:1.125em}
	.business_area_list ul li .txt p {margin-top:1em; font-size:.875em}

	/*오시는길*/
	.location_wrap > .map {height:12em; margin-top:2em}
	.location_wrap > .map .wrap_map {height:12em !important}
	.location_wrap .loca_info {padding:2em 0 0}
	.location_wrap .loca_info dl {display:block; width:auto; padding:0 .5em}
	.location_wrap .loca_info dl + dl {margin-top:1.5em; padding-top:1.5em; border-top:2px solid #ededed}
	.location_wrap .loca_info dl > * {display:block}
	.location_wrap .loca_info dl dt {width:100%; margin-bottom:.6em}
	.location_wrap .loca_info dl dt:after {display:none}
	.location_wrap .loca_info dl dt h3 {font-size:1.25em}
	.location_wrap .loca_info dl dd {padding-left:0}
	.location_wrap .loca_info dl dd p {font-size:1em}
	.location_wrap .loca_info dl dd p.location {padding-left:4.7em; text-indent:-4.7em}
	.location_wrap .loca_info dl dd p + p {margin-top:.4em}

	/**/
	.detailContents {margin-top:2em}
	.detailContents .cont_box {padding:1.25em 0 3em}
	.detailContents .cont_box .tit {padding:0 1em; margin-bottom:1.26em; font-size:.875em}
	.detailContents .cont_box dl + dl {margin-top:2.5em}
	.detailContents .cont_box dl dt {line-height:1.2; font-size:1.725em}
	.detailContents .cont_box dl dd {margin-top:1.4em; font-size:1em}
	.detailContents .cont_box dl dd.box {padding:1.38em 1.1em}
	.detailContents .cont_box .dashed_line {margin:2em 0}
	.detailContents .cont_box .banner_img {margin-top:1.5em}
	.detailContents .cont_box dl + .table_wrap {margin-top:1.5em}
	.detailContents .first_table_box {padding-bottom:1em}
	.detailContents .table_wrap .info {margin-top:.5em; font-size:1em}
	.detailContents .detail_tbl + .detail_tbl {margin-top:1.5em}
	.detailContents .detail_tbl tr > * {padding:.5em 0; font-size:1em}
	.detailContents .detail_tbl_type2 th {width:6.25em}
	.detailContents .detail_tbl_type2.col7 th {width:6.25em}
	.detailContents .detail_tbl_type2 td {padding:.8em ; text-align:left}
	.detailContents .step_img img {max-width:500px; margin:0 auto}

	/*상담안내*/
	#guide_body {}
	.guide_banner {padding-top:53%; margin-top:2.5em}
	.guide_banner .img {background-size:130% auto}
	.guide_banner .txt {margin-top:-2.8em}
	.guide_banner .txt h1 {font-size:1.25em}
	.guide_banner .txt h2 {line-height:1.33; font-size:1.125em}
	.guide_info_list li {padding:3.5em 0 3.5em 10em}
	.guide_info_list li img {top:3.3em; left:2em; width:6.2em; height:6.2em; margin-top:0}
	.guide_info_list li .con h3 {margin-bottom:.5em; font-size:.875em}
	.guide_info_list li .con h4 {font-size:1em}
	.guide_info_list li .con p {line-height:1.1; font-size:1.3em}
	.guide_info_list li .con p + p {margin-top:.8em}
	.guide_info_list li .con p.info {font-size:.875em}
	.guide_info_list li .con p span {margin-right:.4em}
	.guide_info_list li .con p strong {display:block; margin-left:0; margin-top:.5em}
	.guide_info_list li .con p.indent {padding-left:4.2em; text-indent:-4.2em}

	#boardWrap {padding-bottom:3em}

}

@media screen and (max-width:960px){
	/*변호사 소개 리스트*/
	.sub_consultant_list {margin:2.5em -1.5% -1.5% -1.5%;}
	.sub_consultant_list > li {width:50%; padding:1.5%}

}

@media screen and (max-width:768px){
	/*sub_lnb*/
	.swiper-container.sub_lnb ul {table-layout:auto; width:auto}
	.sub_lnb ul li {height:auto; box-sizing:border-box}
	.sub_lnb ul li a {padding:.8em}
	.swiper-container.sub_lnb ul li {width:auto; min-width:6em; white-space:nowrap}
	.sub4_lnb ul li a {padding:.4em .8em}

	/*인사말*/
	.rep_lawyer_img img {margin-bottom:-24%}
	.rep_profile_slider .lawyer_img img {width:13em}

	/*업무분야*/
	.business_area_list ul {width:94%; max-width:25em; margin:0 auto}
	.business_area_list ul li {display:table; width:100%; table-layout:fixed}
	.business_area_list ul li > * {display:table-cell; vertical-align:middle; width:50%; height:14em}
	.business_area_list ul li .img {padding:0 1em 0 0; text-align:right}
	.business_area_list ul li + li .img:after {top:auto; bottom:104%; right:50%; width:1.74em; height:1.74em; margin-bottom:-.87em}
	.business_area_list ul li .txt {text-align:left}

	/*변호사 디테일*/
	.member_detail_box {padding:1em 5% 1.25em}
	.member_detail_box .bg_compass {top:6em; right:20%; width:54%; min-width:14em}
	.member_detail_box .lawyer_img {position:relative; right:0; bottom:0; max-width:100%; width:100%; text-align:right}
	.member_detail_box .lawyer_img > img {width:50%; max-width:385px; margin-bottom:-9%}
	.member_detail_box .name {position:absolute; left:5%; top:3.5em}
	.member_detail_box .name h2 {margin-bottom:0}
	.member_detail_box .intro {min-height:auto; padding-right:0; margin:.8em 0 1em}
	.member_detail_box .profile_tab {margin-top:.8em; padding-right:0}
	.member_detail_box .profile_box {height:10.25em; padding:1em; margin-top:.9em}
	.sub.main_member_nav {width:43em}

	/**/
	.detailContents .cont_box .banner_img {padding-top:51%}
	.detailContents .detail_tbl tr > * {font-size:.8em}
	.detailContents .graph .show01 {display:none}
	.detailContents .graph .show02 {display:block}

	/*상담안내*/
	.guide_info_list li {padding-left:7.5em}
	.guide_info_list li img {left:0}
}

@media screen and (max-width:650px){
	.sub.main_member_nav {left:50%; width:37em; margin-left:-18.5em}
}

@media screen and (max-width:600px){
	/*변호사 소개 리스트*/
	.sub_member_list .member_brief_box {width:100%}
	.sub_member_list .member_brief_box .career ul + ul {display:none}
	.sub_member_list .member_brief_box .career ul li {overflow:visible}
	.sub_member_list .member_img_box {width:100%; margin-top:.5em}
	.sub_member_list .member_img_box a {padding-top:61.7%}
	.sub_member_list .member_img_box a > img {width:100%; height:auto}
}

@media screen and (max-width:480px){
	/*인사말*/
	.rep_profile_slider .lawyer_img {right:-1em}
}