@charset "utf-8";

/* layout */
.lnb_wrap {
   width: 200px;
}

.sub_left {
   float: none;
   width: auto;
   max-width: 780px;
   margin-right: 240px;
   word-break: break-all;
}

/* title */
.toggle_tit a {
   background-size: 52px auto;
   background-position: 0 -13px;
}

.toggle_tit a.on {
   background-position: -26px -13px;
}

/* 구성원 */
.mem_list>li {
   display: block;
   height: auto;
}

.mem_list .photo {
   display: block;
   float: left;
   width: 120px;
}

.mem_list .prof_box {
   display: block;
   margin-left: 120px;
   padding: 25px;
   height: 88px;
   width: auto;
}

.mem_list .case_box {
   display: block;
   clear: both;
   padding: 25px;
   width: auto;
}

.mem_list .cp li {
   min-width: 33.33%;
}

/* 구성원 view */
.mem_right {
   width: 70%;
}

.case_list a {
   background-size: 10px auto;
   background-position: 0 -28px;
}

/* 업무분야 카테고리 */
.cate_select .btn {
   background-size: 6px auto;
}

/* 검색결과 */
.search_member .name {
   font-size: 1em;
   padding-left: 3%;
}

/* 인재채용 */
.career_box {
   padding: 30px;
}

/* 온라인상담 */
.cs_step li+li {
   margin-left: 15px;
}

.cs_step li+li::before {
   width: 26px;
   margin-right: 15px;
}

/* privacy_policy */
.privacy_rel {
   margin-bottom: 20px;
}

.privacy_rel span {
   margin-right: 5px;
}

.policy {
   padding: 20px 0;
}

.policy .tit {
   font-size: 14px;
   line-height: 1.5em;
   margin-bottom: 10px;
}

.policy .stit {
   margin-top: 10px;
}

.policy_tb th, .policy_tb td {
   padding: 15px 10px;
}

.policy_tb .tit {
   margin-bottom: 5px;
}

.policy_tb th {
   width: 25%;
}

.policy_tb td {
   width: 75%;
}

/* 타블렛 세로 */
@media all and (max-width:1023px) {

   /* layout */
   .content {
      padding: 5% 0 10%;
      overflow: visible;
   }

   .lnb_wrap {
      float: none;
      margin-bottom: 8%;
      overflow: hidden;
      width: auto;
      display: none;
   }

   .sub_left {
      margin-right: 0;
      max-width: 9999px;
   }

   /* lnb */
   .lnb {
      width: 100%;
      display: table;
      table-layout: fixed;
   }

   .lnb li {
      margin-bottom: 0;
      display: table-cell;
   }

   .lnb a {
      display: block;
      height: 40px;
      line-height: 40px;
      padding: 0;
      text-align: center;
      font-size: 1.14em;
   }

   .lnb .on a {
      background: #b4d012;
      color: #fff;
      padding: 0;
   }

   .lnb li+li a {
      margin-left: 1px;
   }

   /* 공유 */
   .page_affix .print {
      display: none;
   }

   .page_affix .print+li {
      padding-left: 0;
      border: 0;
      margin-left: 0;
   }

   .page_affix .share_sns button {
      height: 52px;
   }

   .page_affix .share_sns button img {
      width: 30px;
      height: 30px;
   }

   /* 구성원 view */
   .mem_left {
      width: 30%;
   }

   .mem_right {
      width: 66%;
   }

   .mem_left .cont_search .box {
      width: auto;
   }

   .cont_search input[type="text"] {
      width: 100%;
      box-sizing: border-box;
      padding: 0 10px;
   }

   /* 업무분야 */
   .bs_cate_list li {
      width: 25%;
   }

   /* 업무분야 View */
   .cate_view .left {
      float: none;
      width: auto;
   }

   .cate_view .right {
      float: none;
      width: auto;
   }

   .rel_member {
      overflow: hidden;
   }

   .rel_member>li {
      float: left;
      width: 49%;
   }

   .rel_member>li:nth-child(2n+1) {
      margin-right: 2%;
      clear: both;
   }

   /* 승소사례 List */
   .top_cnt {
      margin-bottom: 15px;
   }

   .top_cnt .page_tit {
      margin-bottom: 10px;
   }

   .top_cnt .cnt {
      display: block;
      font-size: 1.2em;
      margin-left: 0;
   }

   .cases_total .court {
      width: 150px;
   }

   /* 승소사례 View */
   .case_left {
      width: 27%;
   }

   .case_right {
      width: 68%;
   }

   .case_img_nav {
      margin-top: 0.75%;
   }

   .case_img_nav li {
      width: 49.5%;
   }

   .case_img_nav li:first-child {
      margin-right: 1%;
   }

   .lawyer_box .rel_member>li:nth-child(n) {
      width: 100%;
   }

   .lawyer_box .rel_member .photo {
      display: block;
      width: auto;
      border: 1px solid #ddd;
      border-bottom: 0;
   }

   .lawyer_box .rel_member .prof_box {
      display: block;
      padding: 20px;
   }

   .more_list {
      width: 100%;
   }

   /* 인사말 */
   .intro_wrap {
      display: table;
      width: 100%;
   }

   .intro_wrap .img {
      display: table-cell;
      margin-left: 0;
      padding-left: 40px;
      width: 385px;
   }

   .intro_wrap .txt {
      display: table-cell;
      width: auto;
      float: none;
      vertical-align: middle;
   }

   /* 통합검색 */
   .search_member>li:nth-child(n) {
      width: 100%;
      margin-right: 0;
   }

   .search_member .name {
      font-size: 1.28em;
      padding-left: 5%;
   }


/* 탭 */
.tabMenu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

}
.tabMenu li:nth-child(n+4) {
  border-top: 1px solid #fff;
}

}

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

   .location__map{
      width: 100% !important;
   }

   /* 업무분야 */
   .bs_cate_list li {
      width: 33.33%;
   }

   /* 승소사례 List */
   .cases_total .tit {
      font-size: 1.14em;
   }

   /* 승소사례 view */
   .case_right .htit {
      font-size: 1.75em;
      letter-spacing: -0.04em;
   }

   .case_right .htit_s {
      margin-bottom: 20px;
      font-size: 1em;
   }

   /* 예약선택 숨김 */
   .reserv_select {
      position: fixed;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: 79px;
      z-index: 9999;
      padding: 0 !important;
   }

   .reserv_select.opened {
      left: 0;
   }

   .reserv_select.opened::before {
      display: block;
      content: '';
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .5);
   }

   .reserv_select .pop {
      position: fixed;
      width: 300px;
      background: #fff;
      right: 0;
      bottom: 0;
      top: 80px;
      z-index: 9999;
      border-left: 3px solid #b4d012;
      transform: translate(302px, 0);
      -webkit-transform: translate(302px, 0);
      -moz-transform: translate(302px, 0);
      -o-transform: translate(302px, 0);
      transition: transform .3s ease;
      -webkit-transition: -webkit-transform .3s ease;
      -moz-transition: -moz-transform .3s ease;
      -o-transition: -o-transform .3s ease;
   }

   .reserv_select .pop .scroll {
      height: 100%;
      overflow: auto;
      overflow-scrolling: touch;
      -webkit-overflow-scrolling: touch;
      -moz-overflow-scrolling: touch;
      -o-overflow-scrolling: touch;
   }

   .reserv_select.opened .pop {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
   }

   .reserv_select .tit {
      line-height: 1.5em;
      font-size: 1.28em;
      text-align: right;
      padding: 25px 30px 25px 0;
      margin-bottom: 0;
   }

   .reserv_select .tit em {
      font-size: 1em;
   }

   .reserv_select .tit span {
      font-size: 1em;
   }

   .reserv_select .tit .break {
      display: block;
      font-size: 0;
   }

   .reserv_time {
      padding-top: 1px;
   }

   .reserv_time li {
      margin-right: 0;
      margin-bottom: 0;
      float: none;
      width: auto;
   }

   .reserv_time .full a {
      border-color: #ddd;
   }

   .reserv_time em {
      font-size: 1em;
   }

   .reserv_time span {
      width: 100px;
      height: 50px;
      line-height: 50px;
   }

   .reserv_time a {
      padding: 20px 30px;
      margin-top: -1px;
      line-height: 50px;
      font-size: 1.28em;
      border-left: 0;
      border-right: 0;
   }

   .reserv_select .close {
      position: absolute;
      width: 60px;
      top: 25px;
      right: 100%;
      margin-right: 2px;
   }

   .reserv_select.opened .close {
      display: block;
   }

   /* 인사말 */
   .intro_wrap .img {
      width: 50%;
      vertical-align: bottom;
   }

   /* 상담안내 */
   .contact_box .time {
      font-size: 1em;
   }

   .local_const .img {
      width: 48.5%;
   }

   /* .contact_box .box .cell {
      padding: 0 5%;
   } */

   .contact_box .kakao {
      width: 90px;
   }

   /* 인재채용 */
   .career_box {
      padding: 30px 25px;
   }

   .career_box .img_box {
      width: 38%;
   }
}

/* 타블렛 세로 미만 ~ 모바일 */
@media all and (max-width:767px) {

   /* layout */
   .content {
      padding: 4% 0 10%;
   }

   /* title */
   .page_tit {
      font-size: 30px;
      margin-top: 4%;
      margin-bottom: 20px;
      line-height: 40px;
   }

   .sec_tit, .toggle_tit {
      font-size: 20px;
      margin-bottom: 15px;
   }

   .sec_tit::after {
      height: 3px;
      margin-left: 8px;
      margin-bottom: 1px;
   }

   .bold_tit {
      font-size: 1.08em;
   }

   /* 구성원 */
   .mem_list .name {
      line-height: 1.5em;
      margin-bottom: 10px;
   }

   .mem_list .name em {
      font-size: 1.4em;
   }

   .mem_list .name span {
      font-size: 1em;
      margin-left: 5px;
   }

   .mem_list .cp li {
      min-width: 50%;
   }

   .mem_list .cp .icon {
      margin-right: 5px;
   }

   /* 구성원 View */
   .mem_info .profile {
      padding: 15px;
      font-size: 12px;
   }

   /* 업무분야 카테고리 */
   .cate_select {
      height: 40px;
      margin-top: -60px;
      width: 200px;
   }

   .cate_select .btn {
      height: 40px;
   }

   .rel_member .prof_box {
      padding: 2px 10px;
   }

   /* 승소사례 List */
   .cases_total {
      margin-left: -30px;
      margin-right: -30px;
   }

   .cases_total .court {
      width: 110px;
      height: auto;
      padding: 15px 0;
   }
   
   .cases_total .court span {
    top: 5px;
    left: 5px;
    font-size: 11px;
    padding: 2px 5px;
 }

   .cases_total .court img {
      width: 50px;
      height: 50px;
   }

   .cases_total .court em {
      font-size: 1em;
   }

   .cases_total .txt {
      padding: 15px 20px;
   }

   .cases_total .cate {
      font-size: 11px;
      margin-top: 15px;
   }

   .cases_total .cate span {
      line-height: 22px;
      padding: 0 5px;
      margin-right: 1px;
   }

   .lawyer_box .rel_member>li:nth-child(n) {
      width: 49%;
      display: none;
      margin-bottom: 2%;
   }

   .lawyer_box .rel_member>li:nth-child(2n+1) {
      margin-right: 2%;
      clear: both;
   }

   .lawyer_box .rel_member>li:first-child {
      display: table;
   }

   .lawyer_box.on .rel_member>li:nth-child(n) {
      display: table;
   }

   .lawyer_box .rel_member .photo {
      display: table-cell;
      ;
      width: 36%;
      border: 1px solid #ddd;
      border-right: 0;
   }

   .lawyer_box .rel_member .prof_box {
      display: table-cell;
      padding: 2px 10px;
   }

   /* 승소사례 view */
   .case_right {
      float: none;
      width: auto;
   }

   .case_right .htit {
      margin-top: 4%;
   }

   .case_left {
      float: none;
      width: auto;
   }

   .case_left .col {
      float: left;
      width: 48%;
      margin-top: 40px;
   }

   .more_list {
      width: 200px;
   }

   /* 온라인상담 */
   .cs_top {
      margin: 0 -30px;
      padding: 30px;
      height: auto;
      line-height: 25px;
   }

   .cs_step {
      margin: 0 -30px;
      padding: 15px 0;
   }

   .cs_step li {
      font-size: 15px;
   }

   .cs_step li img {
      width: 25px;
   }

   .cs_step li+li {
      margin-left: 10px;
   }

   .cs_step li+li::before {
      height: 25px;
      width: 22px;
      margin-right: 10px;
      background-size: 22px auto;
   }

   /* 예약 캘린더 */
   .reserv_wrap {
      margin: 0 -30px;
      border-left: 0;
      border-right: 0;
   }

   .reserv_wrap .reserv_calendar, .reserv_write {
      padding: 30px;
   }

   .calendar_wrap {
      min-height: 590px;
   }

   .calendar th {
      border-width: 2px;
   }

   .calendar .date {
      width: 25px;
      height: 25px;
      line-height: 25px;
      font-size: 1em;
   }

   .calendar .frame {
      padding: 5px 3px;
      height: 95px;
      margin: 1px;
   }

   .calendar .today .frame {
      padding: 4px 2px;
   }

   .calendar ul li {
      background-size: 8px 8px;
      padding-left: 13px;
   }

   /* 예약선택 숨김 */
   .reserv_select {
      margin-top: 49px;
   }

   .reserv_select .pop {
      top: 50px;
   }

   /* 예약신청폼 */
   .reserv_write .htit {
      letter-spacing: -0.03em;
   }

   .reserv_write .close {
      margin-top: 30px;
      margin-right: 30px;
   }

   .reserv_write .oq-info {
      margin-top: 20px;
   }

   .reserv_write .oq-info .oqi-label {
      font-size: 15px;
      width: 100px;
   }

   /* 상담안내 */
   .contact_box {
      width: 48%;
   }

   /* .contact_box:first-child {
      width: 40%;
      margin-right: 2%;
   } */

   .local_const {
      margin-top: 40px;
   }

   .sub__top>div:last-child {
      font-size: 13px;
   }
}

/* 모바일 상세 */
@media all and (max-width:640px) {

   /* 인사말 */
   .intro_key .label {
      width: 80px;
   }

   .intro_key .desc {
      margin-left: 80px;
      padding-left: 25px;
   }

   /* 구성원 */
   .cont_search .box {
      border-width: 2px;
   }

   .cont_search input[type="text"], .cont_search.tit_side input[type="text"] {
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box;
   }

   .cont_search.tit_side .box {
      width: 140px;
   }

   /* 공유 */
   .page_affix,
   .case_left .page_affix {
      text-align: right;
   }

   .page_affix .pop {
      left: auto;
      right: 0;
   }

   /* 구성원 view */
   .mem_left {
      float: none;
      width: auto;
      padding-bottom: 0;
   }

   .mem_right {
      float: none;
      width: auto;
      margin-top: 30px;
      margin-bottom: 30px;
   }

   .mem_info .photo {
      display: block;
      width: auto;
   }

   .mem_info .profile {
      display: block;
      padding: 20px;
      font-size: 1em;
   }

   /* .mem_info {display:table; width:100%; table-layout:fixed; border-top-width:3px;}
		.mem_info .photo {display:table-cell; width:40%; float:none; vertical-align:middle;}
		.mem_info .profile {display:table-cell; padding:0 20px; float:none; vertical-align:middle; font-size:1em;} */
   .mem_info .profile .cp li {
      margin-top: 0;
   }

   .left_search {
      margin-top: 0;
   }

   .case_list li {
      margin-bottom: 0;
   }

   /* 업무분야 카테고리 */
   .cate_select {
      position: relative;
      right: auto;
      width: 100%;
      margin-top: 0;
      margin-bottom: 20px;
   }

   .cate_select .list {
      max-height: 300px;
   }

   .bs_cate_list em {
      height: 40px;
      font-size: 1em;
   }

   /* 업무분야 View */
   .rel_member>li:nth-child(n) {
      width: 100%;
      float: none;
      margin-bottom: 10px;
      margin-right: 0;
   }

   .rel_member .photo {
      width: 105px;
   }

   /* .rel_member .photo {display:block; width:auto; border:1px solid #ddd; border-bottom:0;}
		.rel_member .prof_box {padding:20px; font-size:1em;}
		.rel_member .prof_box .name {margin-bottom:10px;}
		.rel_member .prof_box .name em {font-size:1.78em;}
		.rel_member .prof_box .name span {font-size:1.14em;}
		.rel_member .cp .icon img {margin-right:5px;} */
   /* 승소사례 view */
   .case_left .col, .case_data_wrap {
      float: none;
      width: auto;
      margin-right: 0;
   }

   .case_img {
      margin-right: -5px;
   }

   .case_img .no-ct p {
      margin-right: 5px;
      padding: 50px 0;
   }

   .case_img .item {
      margin-right: 5px;
   }

   /* .case_img_nav {position:absolute; right:0; bottom:100%; width:68px; margin-bottom:5px;}
		.case_img_nav li:nth-child(n) {margin-right:0; width:30px; margin-left:4px;}
		.case_img_nav button {height:30px;} */
   .lawyer_box .rel_member>li:nth-child(n) {
      width: 100%;
      margin-bottom: 10px;
   }

   .lawyer_box .rel_member>li:nth-child(2n+1) {
      margin-right: 0;
      clear: both;
   }

   .lawyer_box .rel_member .photo {
      width: 100px;
   }

   /* 예약선택 숨김 */
   .reserv_select .pop {
      border-left-width: 2px;
      width: 200px;
      transform: translate(202px, 0);
      -webkit-transform: translate(202px, 0);
      -moz-transform: translate(202px, 0);
      -o-transform: translate(202px, 0);
   }

   .reserv_select .tit {
      font-size: 1em;
      padding: 15px 20px 15px 0;
   }

   .reserv_time span {
      width: 70px;
      height: 30px;
      line-height: 30px;
   }

   .reserv_time a {
      padding: 10px 20px;
      line-height: 30px;
      font-size: 1em;
   }

   .reserv_select .close {
      width: 30px;
      margin-right: 1px;
      top: 10px;
   }

   /* 인사말 */
   .intro_wrap {
      display: block;
      margin-top: 30px;
   }

   .intro_wrap .img {
      display: block;
      width: auto;
      padding-left: 0;
      margin-top: 30px;
   }

   .intro_wrap .txt {
      display: block;
   }

   .intro_wrap .txt .tit {
      width: auto;
      margin-bottom: 15px;
   }

   .intro_wrap .txt img {
      width: 129px;
      display: inline-block;
      vertical-align: middle;
   }

   .intro_wrap .txt img+img {
      margin-left: -88px;
   }

   .intro_wrap .bar {
      width: 20px;
      height: 1px;
      margin-bottom: 15px;
   }

   /* 상담안내 */
   .local_const {
      display: block;
      margin-top: 20px;
   }

   .local_const .txt, .local_const .img {
      display: block;
      width: auto;
      margin-top: 20px;
   }

   /* 인재채용 */
   .career_box {
      padding: 30px 25px;
   }

   .career_box .tbl {
      display: block;
   }

   .career_box .col {
      width: auto;
      display: block;
   }

   .career_box .img_box {
      margin-top: 20px;
   }
}

/* 모바일 가로 */
@media all and (max-width:568px) {

   /* 승소사례 List */
   .cases_total {
      margin-left: -20px;
      margin-right: -20px;
   }

   /* 온라인상담 */
   .cs_top {
      margin: 0 -20px;
      padding: 20px;
   }

   .cs_top .cnt {
      font-size: 1em;
   }

   .cs_top a.btn {
      height: 40px;
      line-height: 40px;
      width: 250px;
      font-size: 1.08em;
   }

   .cs_step {
      margin: 0 -20px;
   }

   .cs_step li {
      font-size: 12px;
      font-weight: 600;
   }

   .cs_step img {
      width: 20px;
   }

   .cs_step li+li {
      margin-left: 5px;
   }

   .cs_step li+li::before {
      width: 13px;
      margin-right: 5px;
   }

   /* 예약캘린더 */
   .calendar_top {
      margin-bottom: 20px;
   }

   .calendar_top .month {
      line-height: 30px;
   }

   .calendar_top .month em {
      font-size: 1.5em;
      margin: 0 10px;
      letter-spacing: -0.03em;
   }

   .calendar_top button img {
      width: 30px;
      height: 30px;
   }

   .calendar_top .today {
      height: 30px;
      width: 45px;
   }

   .calendar_wrap {
      min-height: 520px;
   }

   .calendar th {
      border-width: 1px;
      border-color: #333;
      line-height: 1.7em;
      font-size: 10px;
   }

   .calendar td {
      border: 1px solid #eee;
      padding: 0;
   }

   .calendar .frame {
      padding: 4px;
      margin: 0;
      height: 85px;
      border: 0;
   }

   .calendar .today .frame {
      padding: 2px;
   }

   .calendar .date {
      margin-bottom: 5px;
   }

   .calendar ul li {
      font-size: 0.92em;
      background-size: 5px 5px;
      padding-left: 8px;
      letter-spacing: -0.03em;
   }

   .cal_label span {
      margin-left: 10px;
   }

   .cal_label img {
      width: 5px;
      height: 5px;
   }

   /* 예약신청폼 */
   .reserv_write .htit {
      line-height: 1.67em;
      font-size: 1.14em;
   }

   .reserv_write textarea.oq-field-msg {
      height: 150px;
      margin-top: 5px;
   }

   .reserv_write .oq-info .oqi-label {
      font-size: 1.08em;
      width: 25%;
   }

   .reserv_write .agree {
      font-size: 0.92em;
      letter-spacing: -0.03em;
      line-height: 1.5em;
      text-align: center;
   }

   /* 상담안내 */
   .contact_box:nth-child(n) {
      width: auto;
      float: none;
      margin-right: 0;
   }

   .contact_box+.contact_box {
      margin-top: 20px;
   }

   .contact_box .box {
      height: auto;
      display: block;
   }

   .contact_box .box .cell {
      display: block;
      padding: 4%;
   }

   .contact_box .cp img {
      margin-right: 5px;
   }

   .sub__top {
      display: block;
   }

   .sub__top>div {
      width: 100%;
      margin-right: 0;
   }

   .sub__top>div:first-child {
      margin-bottom: 25px;
   }

   .sub__top>div:first-child br {
      display: none;
   }

   .sub__top>div:last-child {
      font-size: 13px;
   }

   .sub_left .tabMenu {
      margin-bottom: 25px;
   }

   /* 오시는 길 */
   .transf li {
      line-height: 1.56em;
      letter-spacing: -0.04em;
   }

   .transf img {
      margin-right: 3px;
   }

   .location_th {
      width: 80px;
   }

   /* 테이블 */
   .cm_tbl th, .cm_tbl td {
      padding: 10px 15px;
      font-size: 1em;
      line-height: 1.56em;
   }

   .cm_tbl th {
      background-position: right 14px;
   }

   /* 검색결과 */
   .search_box {
      height: 42px;
      padding-right: 42px;
   }

   .search_box .btn {
      width: 42px;
      height: 42px;
   }

   .search_box input[type="text"] {
      height: 42px;
      font-size: 1em;
      padding: 0 5%;
      width: 90%;
   }

   .search_tit {
      margin-top: 40px;
   }

   .search_member>li {
      display: block;
      overflow: hidden;
      margin-bottom: 10px;
   }

   .search_member .photo {
      display: block;
      float: left;
      vertical-align: top;
   }

   .search_member .name {
      display: block;
      font-size: 1em;
      padding-top: 10px;
      margin-left: 104px;
      padding-left: 15px;
   }

   .search_member .name em {
      font-size: 1.5em;
   }

   .search_member .cp {
      display: block;
      width: auto;
      margin-left: 104px;
      padding-left: 15px;
   }

   .tabMenu {
    grid-template-columns: repeat(2, 1fr);
   }


   .tabMenu li:nth-child(n+4) {
    border-top: none;
  }
   .tabMenu li {
      margin-right: 0;
      /* width: 50%; */
   }

   .tabMenu li a {
      width: 100%;
   }
}

@media all and (max-width:425px) {

   /* title */
   .page_tit {
      font-size: 25px;
      line-height: 1.2em;
   }

   .toggle_tit {
      padding-bottom: 10px;
      margin-bottom: 15px;
   }

   /* 인사말 */
   .intro_key .label {
      width: 60px;
   }

   .intro_key .desc {
      margin-left: 0;
      padding-left: 0;
   }

   .intro_key .tit {
      height: 60px;
      display: table-cell;
      vertical-align: middle;
      padding-left: 10px;
   }

   .intro_key .tit+* {
      margin-top: 10px;
   }

   /* 구성원 */
   .cont_search, .cont_search.tit_side {
      margin: 0 0 6%;
   }

   .cont_search .box, .cont_search.tit_side .box {
      width: auto;
      float: none;
   }

   .cont_search input[type="text"] {
      padding: 0 15px;
      font-size: 15px;
      font-weight: 600;
   }

   .mem_list .photo {
      width: 115px;
   }

   .mem_list .prof_box {
      padding: 18px 15px;
      height: 95px;
      margin-left: 115px;
   }

   .mem_list .cp li {
      float: none;
      min-width: 0;
      line-height: 1.7em;
      font-size: 0.86em;
   }

   .mem_list .case_box {
      padding: 20px 15px;
   }

   .mem_list .cases {
      margin-top: 8px;
   }

   .mem_list .cases li {
      margin: 0;
      padding: 5px 65px 5px 0;
      overflow: hidden;
      line-height: 1.67em;
      line-height: 20px;
   }

   .mem_list .cases li+li {
      border-top: 1px solid #eee;
      word-break: break-all;
   }

   .mem_list .cases span {
      top: 5px;
      line-height: 20px;
   }

   /* 공유 */
   .page_affix .pop {
      font-size: 12px;
      padding: 15px;
   }

   .page_affix .send_mail,
   .page_affix .share_sns {
      width: 170px;
   }

   .page_affix .send_mail input[type="text"] {
      width: 158px;
      padding: 0 5px;
   }

   .page_affix .share_sns button {
      font-size: 12px;
      height: 40px;
   }

   .page_affix .share_sns button img {
      width: 20px;
      height: 20px;
   }

   /* 구성원 view */
   .case_list li {
      line-height: 1.5em;
      overflow: hidden;
      padding: 5px 65px 5px 0;
      margin-bottom: 0;
   }

   .case_list li+li {
      border-top: 1px solid #ddd;
   }

   .case_list a {
      margin-right: 5px;
      padding-left: 15px;
      background-position: 0 -30px;
      height: auto;
      line-height: 1.5em;
   }

   .case_list .date {
      top: 5px;
   }

   /* 업무분야 카테고리 */
   .bs_cate_list li {
      width: 50%;
   }

   .bs_cate_list em {
      height: 35px;
   }

   /* 승소사례 List */
   .top_cnt .cnt {
      font-size: 1em;
   }

   .cases_total {
      margin-left: -15px;
      margin-right: -15px;
   }

   .cases_total .court {
      width: 100px;
   }

   .cases_total .court em {
      font-size: 0.92em;
   }

   .cases_total .txt {
      padding: 15px;
   }

   .cases_total .tit {
      font-size: 1.08em;
   }

   .cases_total .desc {
      font-size: 0.92em;
   }

   .cases_total .cate {
      margin-top: 10px;
   }

   .cases_total .cate em {
      display: none;
   }

   /* 승소사례 뷰 */
   .case_data_wrap {
      margin-bottom: 15px;
   }

   .case_right .htit {
      font-size: 1.5em;
   }

   .case_right .htit_s {
      font-size: 0.92em;
   }

   /* 온라인상담 */
   .cs_top {
      margin: 0 -15px;
      padding: 15px;
   }

   .cs_step {
      margin: 0 -15px;
      padding: 10px 0;
   }

   /* 사례자료 팝업 */
   #case_lib {
      padding: 30px 6% 50px;
   }

   #case_lib .page {
      padding-left: 80px;
      padding-right: 80px;
   }

   #case_lib .arr button {
      width: 80px;
   }

   /* 예약하기 */
   .reserv_wrap .cs_step {
      padding: 15px 30px;
      margin: 0;
      overflow: hidden;
   }

   .reserv_wrap .cs_step li {
      line-height: 1.5em;
      width: 33.33%;
      position: relative;
      float: left;
      margin: 0;
   }

   .reserv_wrap .cs_step img {
      display: block;
      margin: 0 auto 5px;
      width: 30px;
      height: 30px;
   }

   .reserv_wrap .cs_step li+li::before {
      position: absolute;
      left: 0;
      top: 50%;
      margin-left: -5px;
      height: 30px;
      margin-top: -15px;
   }
}

@media all and (max-width:375px) {

   /* 온라인상담 */
   .cs_top a.btn {
      width: auto;
   }

   /* 인재채용 */
   .career_box {
      padding: 20px;
   }
}

@media all and (max-width:374px) {

   /* 구성원 view */
   .mem_info .profile .name em {
      font-size: 18px;
   }

   .mem_info .profile .name span {
      font-size: 1em;
   }

   .mem_info .profile .cp li {
      font-size: 0.9em;
   }

   /* 온라인상담 */
   .cs_step li {
      font-size: 11px;
      letter-spacing: -0.03em;
   }

   .cs_step li img {
      width: 20px;
      margin-right: 3px;
   }

   .cs_step li+li::before {
      width: 9px;
   }

   /* 예약캘린더 */
   .calendar_wrap {
      min-height: 380px;
   }

   .calendar .frame {
      height: 55px;
   }

   .calendar .date {
      width: 18px;
      height: 18px;
      line-height: 18px;
      font-size: 11px;
      margin-bottom: 5px;
   }

   .calendar ul li {
      /* text-indent: -999999px; */
      background-position: 90% center;
      line-height: 0.9em;
      font-size: 6px;
      margin: 0 0 7px 0;
   }

   .cal_label {
      font-size: 11px;
   }

   /* 예약신청폼 */
   .reserv_write {
      padding-top: 20px;
      padding-bottom: 0;
   }

   .reserv_write .htit {
      font-size: 1em;
   }

   .reserv_write .close {
      margin-top: 20px;
   }

   .reserv_write .oq-info {
      margin-top: 10px;
      padding-top: 10px;
   }

   .reserv_write .oq-info .oqi-field {
      padding: 3px 0;
   }

   .reserv_write textarea.oq-field-msg {
      padding: 5px;
      height: 100px;
      margin-bottom: 8px;
   }
}