@charset "utf-8";

/* 서브페이지 상단 공통 */
.sub_wrap {}
.sub_wrap .sub_top { height:500px !important; }
.sub_wrap .sub_top .sub_bg_text { display:flex; flex-direction:column; justify-content:center; max-width:1500px; width:100%; height:100%; padding-top:50px; margin:0 auto; color:#FFF;  }
.sub_wrap .sub_top .sub_bg_text h3 { margin-top:15px; font-size:45px; font-weight:bold;  }
.sub_wrap .sub_top .sub_bg_text span { font-size:21px; }
.about_wrap { padding-top:0 !important; }
.about_wrap .sub_top {position: relative; top:0; height:550px;overflow: hidden; z-index: 11; }
.about_wrap .sub_top .bg { position:absolute; float:left; left:0; top:0; width:100%; height:100%;background-position:center; background-repeat:no-repeat;  animation-name: zoom-in; animation-duration:8.8s; animation-fill-mode:forwards; z-index:-1;}
.about_wrap .sub_top .sub_top_text { display:flex; align-items:center; justify-content:center; flex-direction: column; height:100%; width:100%; padding-top: 50px; font-size:45px; font-weight:bold; color:#e0c27a !important; }
.about_wrap .sub_top .sub_top_text .sub_top_sub { display:block; font-size:1.4rem; text-align:center; margin-top:10px; color:#fff; }
.about_wrap .sub_top .bg:after { content:""; display:block; position:absolute; float:left; left:0; top:0; width:100%; height:100%; -webkit-box-sizing: border-box; background: linear-gradient(180deg, rgba(0,0,0,0.5), transparent); background-size: 100% 100%; } 
.about_wrap .sub_head { position:relative; top:0; }

/*인사말*/
.sub_wrap { position:relative; padding-top:100px; box-sizing:border-box; }
.sub_wrap .sub_head { width:100%; padding:18px 0; text-align:center; border-top:0px solid#E9E9E9; border-bottom:1px solid#E9E9E9; background:#FFF; z-index:1; transition:all .4s; }
.sub_wrap .sub_head.hidden { top:0; }
.sub_wrap .sub_head > a { display:inline-block; padding:8px 20px; font-size:17px;  color:#B6B6B6; transition:.5s; color:#999; background:#f3f3f3; border-radius:30px; margin:0 13px; color:#000; }
.sub_wrap .sub_head > a.active { font-weight:bold; color:#fff; background:#222; }
.sub_wrap .sub_text { text-align:center; padding:100px 0 80px 0; }
.sub_wrap h2 { margin-bottom:15px; font-size:40px; font-weight:bold; letter-spacing:-1px;}
.sub_wrap .sub_text h2 { margin-bottom:30px; }
.about_wrap .sub_text h2 { display:inline-block; position:relative; padding:5px 40px 5px 40px; background: #79632f; background: linear-gradient(45deg, #79632f , #e0c27a );  /* background:#194C58; */ color:#fff; font-size:36px; }
.about_wrap .sub_text h2:before,  .about_wrap .sub_text h2:after { content:''; display:inline-block; position:absolute; float:left; width:25px; height:25px; border:2px solid #79632f; } 
.about_wrap .sub_text h2:before { left:-10px; top:-10px; border-right:0; border-bottom:0; }
.about_wrap .sub_text h2:after {  right:-10px; bottom:-10px; border-color:#e0c27a;  border-left:0; border-top:0;  }

.sub_wrap .sub_text > span { display:block; line-height:1.3; font-size:20px; color:#555; }
.sub_wrap .sub_spot {}
.sub_wrap .sub_bg { width:100%; height:40vh; color:#FFF;}
.sub_wrap .sub_bg.s_bg01 { background:url(/wl/img/sub_bg1.png)no-repeat; background-attachment: fixed;}
.sub_wrap .sub_bg.s_bg02 {background:url(/wl/img/sub_bg2.png)no-repeat; background-attachment: fixed;}
.sub_wrap .sub_bg > div { display:flex; flex-direction:column; justify-content:center; max-width:1400px; width:100%; height:100%; margin:0 auto; }
.sub_wrap .sub_bg span { font-size:21px; font-weight:400; }
.sub_wrap .sub_bottom {max-width:1400px; padding:140px 0px; margin:0 auto;  }
.sub_wrap .sub_bottom span { display:block; font-size:21px; line-height: 1.7; }
.sub_wrap .sub_bottom .sign  { font-size:2rem; line-height: 1.7; font-weight:500; text-align:right; margin-top:80px;  }
.sub_wrap .sub_bottom .sign span { display:inline-block; font-size:1.3rem; }
.sub_wrap .sub_bottom .sign img { width:280px; margin-left:30px; }

/* 업무분야 */
.sub_contents {display:block; position:relative;}
.sub_contents .sub_inner {position:relative; max-width:1500px; margin:-60px auto 0 auto; z-index:11;box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;  background:#FFF;}
.field_wrap {display:flex; max-width:1300px; padding:90px 0; margin:0 auto; }
.field_wrap .line-bot {border-bottom-color: #ddd; border-bottom-style:dashed;}
.field_wrap .left {width:calc(100% - 78%); border-right:1px solid#222;}
.field_wrap .left .field_title {display:block; font-size:20px; font-weight:600; padding:17px; transition:.3s; cursor:pointer;}
.field_wrap .left .field_title .gt_sign {display:none; margin-left:15px; transition:.3s;}
.field_wrap .left .field_title:hover {color:#e0c27a; }
.field_wrap .left .field_title:hover .gt_sign {/* display:inline-block; border-top: 2px solid #2D7CC7; border-right: 2px solid #2D7CC7; */}
.field_wrap .left .field_title.active { background: linear-gradient(45deg, #79632f , #e0c27a); color:#fff; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
.field_wrap .left .field_title.active .gt_sign { /* display:inline-block; border-top: 2px solid #2D7CC7; border-right: 2px solid #2D7CC7; */}
.field_wrap .right {width:78%; padding-left:100px;}
.field_wrap .right .r_title {font-size:30px; margin-bottom:15px; font-weight:600;}
.field_wrap .right .right_top {line-height: 1.4; margin-bottom:50px; font-size:19px; font-weight:500;}
.field_wrap .right .right_tab {display:flex; margin-bottom:50px; font-size:18px; border-bottom:1px solid#222;}
.field_wrap .right .right_tab .tab_p { display:flex; align-items:center; padding:10px 15px; margin-right:30px; margin-bottom:30px; font-weight:600; background:#DDD; cursor:pointer; transition:.3s; }
.field_wrap .right .right_tab .tab_p:hover {transform:translate(-5px,-5px); background:#2D7CC7; color:#FFF; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;} 
.field_wrap .right .right_tab .tab_p.active {background:#2D7CC7; color:#FFF; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.field_wrap .right .tab_content {display:none;}
.field_wrap .right .tab_content.view {display:block;}
.field_wrap .right .tab_content .r_sub_title {margin-bottom:10px; font-size:28px; font-weight:600; }
.field_wrap .right .tab_content .fm_t {color:#212195;}
.field_wrap .right .tab_content .fms_t {color:#2D7CC7;}
.field_wrap .right .tab_content .r_sub_title.case_title {font-size:25px;}
.field_wrap .right .tab_content .r_sub_title.lig {font-size:24px; margin-bottom:20px;}
.field_wrap .right .tab_content .r_sub_txt {line-height: 1.3;font-size:18px; }
.field_wrap .right .tab_content .r_sub_txt.lig {font-size:16px;}
.field_wrap .right .tab_content .r_sub_txt.bld {font-size:22px; font-weight:500;}
.field_wrap .right .tab_content .field_ul {margin:40px 0 10px 0; font-size:15px; border:1px solid#999; border-bottom:0;}
.field_wrap .right .tab_content .field_ul .flex_ul {display:flex; flex-direction:column;}
.field_wrap .right .tab_content .field_ul li {display:flex; border-bottom:1px solid#999;}
.field_wrap .right .tab_content .field_ul li.row1 {justify-content:center; padding:10px; background:#ddd;  font-weight:500;}
.field_wrap .right .tab_content .field_ul li.row2 div {border-right:1px solid#999;}
.field_wrap .right .tab_content .field_ul li p {padding:10px;}
.field_wrap .right .tab_content .field_ul li.row2 div:nth-of-type(1) {display:flex; align-items:center; justify-content:center; width:15%; background:#ddd;}
.field_wrap .right .tab_content .field_ul li.row2 div:nth-of-type(2) {width:20%;}
.field_wrap .right .tab_content .field_ul li.row2 div:nth-of-type(3) {width:calc(100% - 15% - 20%); border-right:0;}
.field_wrap .right .tab_content .field_ul li.row2 div p {flex:1; border-bottom:1px solid#999;}
.field_wrap .right .tab_content .field_ul li.row2 div p:last-child {border-bottom:0;}
.field_wrap .right .tab_content .field_ul li.row3 p:nth-of-type(1),
.field_wrap .right .tab_content .field_ul li.row4 p:nth-of-type(1) {width:25%; text-align:center; border-right:1px solid#999; background:#ddd;}
.field_wrap .right .tab_content .gy_f {font-size:14px; color:#444;}
.field_wrap .right .tab_content .field_ul_02 {margin:50px 0; font-size:15px; border:1px solid#999; }
.field_wrap .right .tab_content .field_ul_02 li {padding:5px 10px;}
.field_wrap .right .tab_content .field_ul_02 .title {font-weight:500; background:#DDD; padding:10px; border-bottom:1px solid#999;}
.field_wrap .right .tab_content .field_ul_02 .title + li {padding-top:10px;}
.field_wrap .right .tab_content .field_ul_02 li:last-child {padding-bottom:10px;}
.field_wrap .right .tab_content .field_ul_03 {margin-top:15px; margin-bottom:40px;}
.field_wrap .right .tab_content .field_ul_03 li div {width:50%; padding:15px;}
.field_wrap .right .tab_content .field_ul_03 li div:first-child {background:#ddd; border-right:1px solid#999; font-weight:500;}
.field_wrap .right .tab_content .field_img_wrap {padding:40px 0;}
.field_wrap .right .tab_content .field_img_wrap .img_title {font-size:22px; font-weight:600; margin-bottom:15px;}
.field_wrap .right .tab_content .field_img_wrap .img_txt {line-height:1.3;font-size:17px; margin-bottom:30px;}
.field_wrap .right .tab_content .r_sub_title .rs_span {display:inline-block; margin-left:10px; font-size:16px;}
.field_wrap .right #tab02 .field_ul li.row2 div:nth-of-type(1) {width:18%;}
.field_wrap .right #tab02 .field_ul li.row2 div:nth-of-type(3) {width:calc(100% - 18% - 20%); }
.field_wrap .right .p_bot {line-height: 1.5; letter-spacing: .4px; margin-top:50px; font-size:18px; font-weight:500;}
.field_wrap .right #tab03 .field_ul li .tab03_row {display:flex; align-items:center; justify-content:center; flex:1; padding:15px; border-right:1px solid#999; }
.field_wrap .right #tab03 .field_ul li .tab03_row:last-child {border-right:0;}
.field_wrap .right .tab_con02 {}
.field_wrap .right .tab_con02 .r_sub_txt {}
.field_wrap .right .tab_con02 .field_list_p {margin-bottom:15px; font-size:17px;}
.field_wrap .right .tab_con02 .field_list_p.b_p {margin-top:50px; margin-bottom:50px; font-size:20px;}
.field_wrap .right .tab_con02 .field_list_wrap {padding-bottom:50px; font-size:15px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul {margin-top:10px; border:1px solid#999; border-bottom:0;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul li {display:flex; border-bottom:1px solid#999;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul li div {padding:15px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul li div.title {background:#ddd; font-weight:500;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul li div:first-child { width:15%; border-right:1px solid#999;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul02 {border:1px solid#999;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul02 li {line-height: 1.3; padding:15px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 {border:1px solid#999; border-bottom:0; margin-bottom:20px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li {display:flex; border-bottom:1px solid#999;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li.title {font-weight:700; background:#DDD; text-align:center; font-size:17px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li div { border-right:1px solid#999;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li div:last-child {border-right:0;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li div.flex_col {display:flex; flex-direction:column;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li.li_03 div {padding:10px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li.li_03 div:first-child {width:85%;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li.li_03 div:last-child {width:calc(100% - 85%);} 
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li:not(.li_03) div:first-child {display:flex; align-items:center; justify-content:center; padding:10px; width:20%;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li:not(.li_03) div:nth-of-type(2) {width:calc(100% - 20% - 15%);}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li:not(.li_03) div:last-child {width:15%;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li:not(.li_03) div p {padding:10px; border-bottom:1px solid#999;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 li:not(.li_03) div p:last-child {border-bottom:0;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 + .r_sub_txt b {display:inline-block; margin-bottom:10px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2-2-p {padding-bottom:40px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2-2-p b{display:inline-block; margin-bottom:10px;}
.field_wrap .right .tab_con02 .field_list_wrap .field2_ul03 + .r_sub_txt {padding-bottom:40px;}
.field_wrap .right .tab_content.tab_con03 {display:block;}
.field_wrap .right .tab_con03 .field_list_p.b_p {margin-top:50px; margin-bottom:15px; font-size:18px;}
.field_wrap .right .tab_con03 .line-bot {margin-bottom:50px;}
.field_wrap .right .tab_con03 .line-bot.first-con {margin-top:50px; margin-bottom:40px;}
.field_wrap .right .tab_con03 .field_list_wrap {margin-bottom:50px; font-size:15px; border:1px solid#999; border-bottom:0;}
.field_wrap .right .tab_con03 .field_list_wrap li {display:flex; border-bottom:1px solid#999;}
.field_wrap .right .tab_con03 .field_list_wrap li.title {text-align:center; background:#DDD; font-weight:500;}
.field_wrap .right .tab_con03 .field_list_wrap li:not(.title) div:first-child {background:#ddd; font-weight:600;}
.field_wrap .right .tab_con03 .field_list_wrap li div {border-right:1px solid#999;}
.field_wrap .right .tab_con03 .field_list_wrap li div:not(.list_div) {padding:10px;}
.field_wrap .right .tab_con03 .field_list_wrap li div:first-child { display:flex; align-items:center; justify-content:center; width:25%; text-align:center;}
.field_wrap .right .tab_con03 .field_list_wrap li div:last-child {width:calc(100% - 25%); border-right:0;}
.field_wrap .right .tab_con03 .field_list_wrap li div p {padding:10px; border-bottom:1px solid#999;}
.field_wrap .right .tab_con03 .field_list_wrap li div p:last-child {border-bottom:0;}
.field_wrap .right .tab_con03 .field3_txt {padding-bottom:40px; }
.field_wrap .right .tab_con03 .field3_txt.mt-40 {margin-top:40px; padding-bottom:0;}
.field_wrap .right .tab_con03 .field3_txt .field_p {font-size:19px; margin-bottom:15px;}
.field_wrap .right .tab_con03 .field3_txt.bld .field_p { font-weight:500;}
.field_wrap .right .tab_con03 .field3_txt.bld .field_p > b.bld {display:inline-block; font-size:23px; margin-bottom:15px;}
.field_wrap .right .tab_con03 .field3_txt.min {padding-bottom:0; margin-top:20px;}
.field_wrap .right .tab_con03 .field3_txt.min .field_p { font-size:16px; font-weight:400;}
.field_wrap .right .tab_con03 .field3_txt .field3_txt_con {line-height:1.4; font-size:17px; margin-bottom:5px;}
.field_wrap .right .tab_con03 .field3_txt .field3_txt_con.bld {font-size:20px;}
.field_wrap .right .tab_con03 .field3_txt .field3_txt_con.inden {margin-left:13px;}
.field_wrap .right .tab_con03 .field3_txt.min .field_p {margin-bottom:5px;}
.field_wrap .right .tab_con03 .field3_txt.min .field3_txt_con {font-size:16px;}
.field_wrap .right .tab_con03 .field3_txt ul {margin:20px 0 30px 0; }
.field_wrap .right .tab_con03 .field3_txt ul li {margin-bottom:10px;}
.field_wrap .right .tab_con03 .field3_txt ul li.title {margin-bottom:20px; font-weight:600; font-size:19px;}
.field_wrap .right .tab_con03 .field3_txt ul li:not(.title) {text-indent:15px; font-size:18px;}
.field_wrap .right .tab_con03 .field3_case:nth-of-type(1) {margin-top:50px;}
.field_wrap .right .tab_con03 .field3_case .field3_case_p {margin-bottom:10px; font-size:18px; font-weight:500;}
.field_wrap .right .tab_con03 .field3_case ul {line-height:1.3; margin-bottom:50px; border:1px solid#999; border-bottom:0; font-size:15px;}
.field_wrap .right .tab_con03 .field3_case ul li {display:flex; border-bottom:1px solid#999;}
.field_wrap .right .tab_con03 .field3_case ul li div {padding:10px;}
.field_wrap .right .tab_con03 .field3_case ul li div:first-child {width:15%; border-right:1px solid#999; background:#ddd; font-weight:500;}
.field_wrap .right .tab_con03 .field3_case ul li div:last-child {width:calc(100% - 15%);}
.field_wrap .right .tab_con03 .field3_case ul li div.list_wrap p {padding-bottom:5px;}
.field_wrap .right .tab_con04 .r_sub_txt {line-height:1.5;}
.field_wrap .right .tab_con04 .r_sub_txt .list_p {margin-top:6px; margin-left:10px; font-size:17px; font-weight:400;}
.field_wrap .right .tab_con04 .tab_content {display:block; margin-top:40px;}
.field_wrap .right .tab_con04 .tab_content#tab02 {margin-top:60px;}
.field_wrap .right .tab_con04 .line-bot {padding-bottom:40px; margin-bottom:40px;}
.field_wrap .right .img_wraps {margin-bottom:40px;}
.field_wrap .right .p_bot {font-weight:400;}
.field_wrap .right .field_05_ul {}
.field_wrap .right .field_05_ul li div:first-child {width:20% !important; background:#ddd;}
.field_wrap .right .field_05_ul li div {width:40% !important;}
.field_wrap .right .field_05_ul_2 li div {width:50% !important;}
.field_wrap .right .field_05_ul_3 li div {width:30% !important; text-align:center;}
.field_wrap .right .field_05_ul_3 li div:nth-of-type(3) {width:10% !important;}
.field_wrap .war {font-size:14px; color:red;}
.field_wrap .t_coral {background:#fbe4d6 !important; font-size:19px; font-weight:700;}
.field_wrap .t_coral.lig {font-size:15px; font-weight:500;}
.field_wrap .t_yellow {background:#fff2cd !important;}
.field_wrap .t_yellow.bld {font-size:16px; font-weight:700; background:#fff2cd !important;}
.field_wrap .t_blue {background: #d9e2f3 !important;}
.field_wrap .t_green {background: #e2f0d9 !important;}
.field_wrap .t_black {background: #000 !important; color:#fff; font-size:19px; font-weight:700;}




/* 변호사 소개 */
.sub_wrap {}
.sub_wrap .sub_top .sub_bg_text { display:flex; flex-direction:column; justify-content:center; max-width:1400px; width:100%; height:100%; padding-top:120px; margin:0 auto; color:#FFF;  }
.sub_wrap .sub_top .sub_bg_text h3 { margin-top:15px; font-size:45px; font-weight:bold;  }
.sub_wrap .sub_top .sub_bg_text span { font-size:21px; }
.sub_wrap .sub_text .btn_wrap { margin-top:50px; }
.sub_wrap .sub_text .btn_wrap > a {display:inline-block; padding:20px 30px; margin-right:25px; border-radius:100px; font-size:19px; background:#F5F5F5; transition:all .2s;} 
.sub_wrap .sub_text .btn_wrap > a.active { background:#194C58; color:#FFF; } 
.sub_wrap .sub_text .btn_wrap > a.active:after { border:1px solid#fff; background:url(/wl/img/arrow_wh.png)no-repeat center; } 
.sub_wrap .sub_text .btn_wrap > a:after { content:''; display:inline-block; width:25px; height:25px; margin-left:20px;     vertical-align: sub; border:1px solid#DDD; border-radius:100%; background:url(/wl/img/arrow.png)no-repeat center;  }
.sub_wrap .info_list { position:relative; background:#F3F9FA; }
.sub_wrap .info_list .info_content { max-width:1400px; padding:100px 0; margin:0 auto; }
.sub_wrap .info_list .info_content > li { display:flex; padding:60px 60px 100px 60px; margin-bottom:100px;  background:#FFF; box-shadow: rgb(100 100 111 / 5%) 0px 7px 29px 0px;}
.sub_wrap .info_list .info_content > li .info_img .l_img_wrap { position:relative; max-width:550px; max-height:600px; background:#F3F9FA; overflow:hidden;}
.sub_wrap .info_list .info_content > li .info_img .l_img_wrap .mark_history { left: 18px; right: auto; }
.sub_wrap .info_list .info_content > li .info_img .l_img_wrap img.l_img { width:100%;  }
.sub_wrap .info_list .info_content > li .info_img .m_doc { display:flex; justify-content: center; margin-top:30px; }
.sub_wrap .info_list .info_content > li .info_img .m_doc img { display:inline-block; max-width:150px; margin:0 5px; border:1px solid #f3f3f3; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
.sub_wrap .info_list .info_content > li .info_text {flex-grow:1; margin-left:60px; color:#222; font-size:18px; }
.sub_wrap .info_list .info_content > li .info_text .name { margin-top:30px; }
.sub_wrap .info_list .info_content > li .info_text .name span { }
.sub_wrap .info_list .info_content > li .info_text .name h3 { font-size:40px; font-weight:bold; margin:10px 0 10px 0; }
.sub_wrap .info_list .info_content > li .info_text .name h3 em { font-size:2rem; }
.sub_wrap .info_list .info_content > li .info_text .sub_con { padding:10px 0; }
.sub_wrap .info_list .info_content > li .info_text .sub_con .title { font-weight:600; font-size:22px; padding: 10px 0; margin:10px 0; border-bottom:2px solid #222; }
.sub_wrap .info_list .info_content > li .info_text .sub_con .content {line-height:1.6}
.sub_wrap .info_list .info_content > li .sub_ul { margin-bottom:50px; }
.sub_wrap .info_list .info_content > li .sub_ul li { font-size:17px; margin-bottom:5px;  transform: rotate(0.1deg); }
.info_wrap .info_list .info_content > li .sub_ul li.title { font-size:19px; font-weight:bold; padding-bottom:15px; margin:30px 0 15px 0; border-bottom:2px solid#222; }
.sub_wrap .info_list .info_content > li .sub_ul li.li_mt { margin-top:30px; }
.sub_wrap .info_list .info_content > li .info_text .profile_btn { display:block; width:100%; padding:15px 0; text-align:center; font-size:19px; font-weight:bold; color:#FFF; background:#2D7CC7; cursor:pointer; transition:all .3s; }
.sub_wrap .info_list .info_content > li .info_text .profile_btn:hover {background:#165189;}
.sub_wrap .info_list .info_content > li .info_text .profile_btn:active { background:#165189; }

/* 성공사례 (list)*/
.sub_wrap .success_wrap { max-width:1300px; margin:0 auto; padding-bottom:100px; }
.sub_wrap .success_wrap .s_content { /*border-top:2px solid#194C58;*/ }
.sub_wrap .success_wrap .s_content li { padding:35px 50px; /*border-bottom:1px solid#ddd;*/ transition:all 0.3s; }
.sub_wrap .success_wrap .s_content li:hover { /*background-color: #e8f4f6;*/ background-color: #fff; }
.sub_wrap .success_wrap .s_content li .li_inner{ display:flex; }
.sub_wrap .success_wrap .s_content li .li_inner .li_ca { width:100px;  text-align:center; }
.sub_wrap .success_wrap .s_content li .li_inner .li_content { width:calc(100% - 470px); padding:0 60px 0 30px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_info { width:160px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_ca .ca_name { display:inline-block; background-image: linear-gradient(45deg, #130E0F,#258EA5); padding:5px 10px; color:#fff; font-weight:500;font-size:17px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_result { width:130px;  text-align:center; }
.sub_wrap .success_wrap .s_content li .li_inner .li_result span { display:inline-block; background: #79632f; background: linear-gradient(45deg, #79632f , #e0c27a ); padding:5px 10px; color:#fff; font-weight:500; font-size:17px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_info .author { font-size:18px; color:#b29142; font-weight:500; margin-bottom:10px;}
.sub_wrap .success_wrap .s_content li .li_inner .li_info .author svg { width:20px; height:13px; margin-right:5px; }
.sub_wrap .success_wrap .s_content li .li_inner .li_info .hit { font-size:18px; font-weight:500; }
.sub_wrap .success_wrap .s_content li .li_inner .li_info .hit em { color:#555;  }
.sub_wrap .success_wrap .s_content li .li_inner .li_info.author { width:180px;  text-align:center;}
.sub_wrap .success_wrap .s_content li .li_inner .li_info.hit { width:60px;  text-align:center; }
.sub_wrap .success_wrap .s_content li .li_top { font-size:20px; font-weight:bold; }
.sub_wrap .success_wrap .s_content li .li_top .pen { display:inline-block; padding:0 5px; margin-right:10px;  font-weight:400; color:#FFF; background:#194C58;  }
.sub_wrap .success_wrap .s_content li .li_top > .title { display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub_wrap .success_wrap .s_content li .li_top > .title:hover { text-decoration:underline; cursor:pointer; }
.sub_wrap .success_wrap .s_content li .li_sub { display: -webkit-box; margin:20px 0; font-size:16px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; color:#666; }
.sub_wrap .success_wrap .s_content li .date { font-size:15px; color:#AAA; }
.sub_wrap .success_wrap .s_content li.li_title { padding: 15px 50px; font-size:20px; color:#333 !important; background:#fff; font-weight:600; }
.sub_wrap .success_wrap .s_content li.li_title:hover { background:#fff; }


/**/
/*업무사례(성공사례) 추가(list)*/
/**/
.success_area {
	width:90%;
}
.success_list {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap:wrap;
}
.success_list li,
.success_list a,
.success_list p,
.success_list img,
.success_list div,
.success_list strong {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.success_list img {
  width: 100%;
  height: auto;
  box-shadow: rgba(33, 35, 38, 0.4) 0px 10px 10px -10px;
}
.success_list .list_item {
  width: calc((100% - 60px) / 3);
  background: #f7f7f7;
  padding: 40px 30px;
  transition:all 0.3s !important;
}
.success_list .list_item:hover {
	background:#fff;
	box-shadow: rgba(50, 50, 93, 0.15) 0px 50px 100px -20px, rgba(0, 0, 0, 0.2) 0px 30px 60px -30px;
}
.success_list .list_item .list_link {
  display: block;
}
.success_list .list_item .list_link .cont1 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.success_list .list_item .list_link .cont1 p {
  color: #f7f7f7;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 8px 15px;
  background: #af9273;
}
.success_list .list_item .list_link .cont2 {
  margin-bottom: 20px;
}
.success_list .list_item .list_link .cont2 .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}
.success_list .list_item .list_link .cont2 .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #999;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.success_list .list_item .list_link .cont3 {
  display: flex;
  align-items: center;
  gap: 9.6227%;
}
.success_list .list_item .list_link .cont3 div {
  width: calc((100% - 9.6227%) / 2);
}
.success_list .list_item .list_link .cont3 .img_area {
	padding-bottom : 66%;
	position: relative;
	overflow:hidden;
}
.success_list .list_item .list_link .cont3 .img_area img {
	position :absolute;
	width:100%;
	top:0;
	left:0;
}
.success_list .list_item .list_link .cont3 .thumb_area .lawyer {
  width: 38.7500%;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 14px;
  min-width: 60px;
  background-color:#ddd;
}
.success_list .list_item .list_link .cont3 .thumb_area .txt {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.success_list .list_item .list_link .cont3 .thumb_area .txt strong {
  margin-top: 8px;
  display: block;
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}



/*성공사례(view)*/
.sub_wrap .success_view {}
.sub_wrap .success_view .v_content .v_section { font-size:21px; font-weight:300; padding-bottom:60px; }
.sub_wrap .success_view .v_content .v_section .section_text { margin-top:10px;letter-spacing: 1px; }
.sub_wrap .success_view .summary {padding:25px; background:#c1bcbc; }
.sub_wrap .success_view .summary p { margin-bottom:5px; font-size:22px; font-weight:bold; color:#222;}
.sub_wrap .success_view .summary .text_box {  padding:15px; font-size:15px; background: rgba(255,255,255,0.3);}

/* 온라인상담(list) */
.sub_wrap .online_btn { display:inline-block; padding:20px 40px; margin-top:50px; font-size:16px; background: #194C58;     background-image: linear-gradient(45deg, #130E0F,#258EA5); color:#FFF; transition:.3s; }
.sub_wrap .online_btn:hover { background:#1b2f33; }
.sub_wrap .online_btn span { display:inline-block; vertical-align:middle; margin-left:10px; width:17px; height:21px; background:url(/wl/img/online_btn.png)no-repeat; filter: invert(100%) sepia(100%) saturate(24%) hue-rotate(337deg) brightness(104%) contrast(108%); }
.sub_wrap .online_wrap { position:relative; max-width:1300px; padding-bottom:150px; margin:0 auto; }
.sub_wrap .online_wrap .online_ul { border-top:2px solid #194C58; font-size:16px; }
.sub_wrap .online_wrap .online_ul.o_list li a { display:flex; align-items:center; padding:15px 50px; border-bottom:1px solid#DDD; }
.sub_wrap .online_wrap .online_ul.o_list li a > div { flex-grow:1; margin-right:35px; }
.sub_wrap .online_wrap .online_ul li a .num { }
.sub_wrap .online_wrap .online_ul li a .lock { width:31px; height:31px; margin-right:10px; background:url(/wl/img/ico_secret.gif)no-repeat; }
.sub_wrap .online_wrap .online_ul li a .sub { margin-right:10px;  }
.sub_wrap .online_wrap .status { display:inline-block; padding:1px 5px;  }
.sub_wrap .online_wrap .clear {background:#194C58; color:#FFF;}
.sub_wrap .online_wrap .wait { background:#F3F3F3; color:#000; font-weight:300; }
.sub_wrap .online_wrap .online_ul li a .title {  width: calc(100% - 480px); font-size:18px;}
.sub_wrap .online_wrap .online_ul li a .name { margin-right:50px; }
.sub_wrap .online_wrap .online_ul li a .date { margin-right:0; color:#666;}

/* 업무분야(view) */
.sub_wrap .online_wrap .m_view .m_inner { padding:0 30px; }
.sub_wrap .online_wrap .m_view .m_inner .view_top { display:flex; align-items:center; padding:30px 0; font-size:17px; border-bottom:1px solid#DDD; }
.sub_wrap .online_wrap .m_view .m_inner .view_top span { margin-right:25px; }
.sub_wrap .online_wrap .m_view .m_inner .view_top span:last-child { margin-right:0; }
.sub_wrap .online_wrap .m_view .m_inner .view_top span.title { font-size:20px; }
.sub_wrap .online_wrap .m_view .m_inner .view_top span.name { margin-right:60px; } 
.sub_wrap .online_wrap .m_view .m_inner .view_top span.date { color:#999; }
.sub_wrap .online_wrap .m_view .m_inner .view_top .title { width: calc(100% - 360px);}
.sub_wrap .online_wrap .m_view .m_inner .view_text { min-height:300px; padding:30px 0; font-size:18px; }

/*언론보도 (view)*/
.sub_wrap .media_view { position:relative; max-width:1300px; padding-bottom:100px; margin:0 auto;}
.sub_wrap .media_view .m_view { border-top:3px solid#194C58; border-bottom:3px solid#194C58; }
.sub_wrap .media_view .m_view.online { border-bottom:0px solid#194C58;}
.sub_wrap .media_view .m_view .m_inner { padding:60px; margin-bottom:50px;}
.sub_wrap .media_view .m_view .v_title { padding-bottom:30px; border-bottom:1px solid#DDD; font-weight:bold; }
.sub_wrap .media_view .m_view .v_title h2 { margin-bottom:20px; font-size:35px; }
.sub_wrap .media_view .m_view .v_title .date {float:right;  font-size:22px; color:#AAA;}
.sub_wrap .media_view .m_view .v_title p { display:inline-block; clear:both; font-size:22px;}
.sub_wrap .media_view .m_view .v_content { padding-top:80px; }
.sub_wrap .media_view .m_view .v_content .img_wrap { text-align:center; }
.sub_wrap .media_view .m_view .v_content .img_wrap .v_img { width:400px; height:260px; margin:0 auto 10px auto; overflow:hidden; background:#DDD;  }
.sub_wrap .media_view .m_view .v_content .img_wrap .v_img img { width:100%; }
.sub_wrap .media_view .m_view .v_content .img_wrap span { font-size:18px; }
.sub_wrap .media_view .m_view .v_content .text_wrap { padding-top:50px; font-size:18px; } 
.sub_wrap .media_view .m_view .v_content .text_wrap div { width:100%;}
.sub_wrap .media_view .m_view .v_content .text_wrap a { display:block; margin-top:50px; }
.sub_wrap .media_view .v_list { margin-bottom:100px; }
.sub_wrap .media_view .v_list.cmt { background:#f2f2f2;}
.sub_wrap .media_view .v_list .list_bottom { display:flex; padding:30px; font-size:19px; border-bottom:1px solid#DDD;}
.sub_wrap .media_view .v_list .lb { width:100px; }
.sub_wrap .media_view .v_list .v_list_title { text-decoration:underline; cursor:pointer; }
.sub_wrap .media_view .v_list .v_list_title:hover { font-weight:500; }
.sub_wrap .go_list_wrap {text-align:center;}
.sub_wrap .go_list_wrap .go_list { display:inline-block; text-align:center; font-size:22px; font-weight:bold; margin-top:100px; }
.sub_wrap .go_list_wrap .go_list em {  display: inline-block; position: relative;width: 30px;height: 20px; margin-right: 10px;}

/* 바로가기 배너 */
.tf_navi_banner { position:relative; height:200px; padding:20px; margin-top:70px; text-align:center; color:#fff;}
.tf_navi_banner a::after {content:''; position:absolute; top:0; right:0; width:100%; height:100%; background:#000; opacity:0.3;}
.tf_navi_banner a {position:absolute; top:0; right:0; width:100%; height:100%;  display:flex; align-items:center; justify-content:center;}
.tf_navi_banner h3 {line-height:1.3; font-size:28px; font-weight:500; z-index:1; color:#fff;}
.tf_navi_banner h3 em {font-size:17px; font-weight:400; display:inline-block; background:rgba(255,255,255,0.3); padding:8px 17px 8px 13px; position:relative; }
.tf_navi_banner h3 em .gt_sign {width:10px; height:10px; margin-left:5px; border-color:#fff; color:#FFF;}
.tf_navi_wrap.pc {display:block;}
.tf_navi_wrap.mobile {display:none;}
.tf_navi_wrap .tf_navi_banner.min_banner h3 {font-size:28px !important;}