@charset "utf-8";

/**
 * 1.0 - 기본 설정
 * 2.0 - 사이트 구조
 * 3.0 - 미디어 쿼리
 * -------------------------------------------------------------------------- */
/* ==========================================================================
 * 1.0 기본 설정
 * ========================================================================== */

/* WEB FONT */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;500;700&display=swap'); /* noto sans kr */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;500;700&display=swap'); /* 명조 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); /* 숫자폰트 */

/* @font-face {
    font-family: "notokr-th";
    src: url("../fonts/notokr-thin.eot");
    src: url("../fonts/notokr-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-thin.woff2") format("woff2"), url("../fonts/notokr-thin.woff") format("woff"), url("../fonts/notokr-thin.ttf") format("truetype"), url("../fonts/notokr-thin.svg#notokr-thin") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "notokr-demi";
    src: url("../fonts/notokr-light.eot");
    src: url("../fonts/notokr-light.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-light.woff2") format("woff2"), url("../fonts/notokr-light.woff") format("woff"), url("../fonts/notokr-light.ttf") format("truetype"), url("../fonts/notokr-light.svg#notokr-light") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "notokr-r";
    src: url("../fonts/notokr-regular.eot");
    src: url("../fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-regular.woff2") format("woff2"), url("../fonts/notokr-regular.woff") format("woff"), url("../fonts/notokr-regular.ttf") format("truetype"), url("../fonts/notokr-regular.svg#notokr-regular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "notokr-b";
    src: url("../fonts/notokr-bold.eot");
    src: url("../fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-bold.woff2") format("woff2"), url("../fonts/notokr-bold.woff") format("woff"), url("../fonts/notokr-bold.ttf") format("truetype"), url("../fonts/notokr-bold.svg#notokr-bold") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "notokr-bk";
    src: url("../fonts/notokr-black.eot");
    src: url("../fonts/notokr-black.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-black.woff2") format("woff2"), url("../fonts/notokr-black.woff") format("woff"), url("../fonts/notokr-black.ttf") format("truetype"), url("../fonts/notokr-black.svg#notokr-black") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "seoulNL";
    src: url("../fonts/SeoulNamsanL.ttf");
    src: url("../fonts/SeoulNamsanL.eot?#iefix") format("embedded-opentype"), url("../fonts/SeoulNamsanL.woff2") format("woff2"), url("../fonts/SeoulNamsanL.woff") format("woff"), url("../fonts/SeoulNamsanL.ttf") format("truetype"), url("../fonts/SeoulNamsanL.svg#notokr-black") format("svg");
}
@font-face {
    font-family: "seoulNM";
    src: url("../fonts/SeoulNamsanM.ttf");
    src: url("../fonts/SeoulNamsanM.eot?#iefix") format("embedded-opentype"), url("../fonts/SeoulNamsanM.woff2") format("woff2"), url("../fonts/SeoulNamsanM.woff") format("woff"), url("../fonts/SeoulNamsanM.ttf") format("truetype"), url("../fonts/SeoulNamsanL.svg#notokr-black") format("svg");
} */



:root {
--main:#064323;
}


/**
 * BODY RESET
 * 1. iOS와 안드로이드의 웹킷 기반 브라우저(사파리, 크롬 등)에서 링크영역 하이라이트를 삭제
 * 2. 웹킷 브라우저에서 스크롤바 스타일 지정
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;outline: none;}
html {font-size: 75%;height: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0.3); /* 1 */}
body {font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, Helvetica, sans-serif;
height: 100%;font-size: 14px;color: #000;letter-spacing: -1px;background: #f9f9f9;-ms-overflow-style: scrollbar; /* 2 */min-width: 320px; font-weight:300;}
::-moz-selection {background: #eee;text-shadow: none;}
::selection {background: #eee;text-shadow: none;}
ul, ol {list-style: none}

/* LINKS */
a {color: #000;}
a:hover,
a:focus {color: #000;text-decoration: none;}
img[usemap], map area{outline: none;}

/* BUTTON */
.btn-custom-g {background: #888888;border-color: #777;color: #fff;}
.btn-custom-y {background: #064323;border-color: #694634;color: #fff;}
.btn-custom-b {background: #333;border-color: #222;color: #fff;}
.btn-custom-blue {background: #064323;border-color: #064323;color: #fff;}

/* FORM FIELD */
textarea {resize: vertical;padding: 5px;min-height: 60px;text-indent: 0;}
.radio,
.checkbox {margin: 5px 0;overflow: hidden;}
.radio input,
.checkbox input {position: absolute;top: -100%;left: 2px;}
.radio label,
.checkbox label {position: relative;padding: 0 0 0 28px;overflow: hidden;}
.radio label:before,
.checkbox label:before {content: "";display: inline-block;width: 20px;height: 20px;border-radius: 100%;border: 1px solid #e6e6e6;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.checkbox label:before {border-radius: 0;}
.radio label.active:before,
.checkbox label.active:before {border-color: #2c2c2c;background: url(../img/input_radio.png) no-repeat 50% 50%;background-size: 100%;}
select {-webkit-appearance: none;-moz-appearance: none;padding-right: 30px !important;background-image: url(../img/arr_select.png) !important;background-position: 99% 50%;background-repeat: no-repeat;background-size: 22px;}
select::-ms-expand {display: none;}
select.input-sm {line-height: 100%;}
.select {position: relative;z-index: 1;}
.select:before {content: "";position: absolute;top: 50%;right: 10px;width: 0;height: 0;margin-top: -1px;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 5px solid #666;}

/* ETC. */
#skippy {position: absolute;padding: 10px;display: inline-block;border: 2px solid #eee;background: #fff;z-index: 9999;}
#mask {background: rgba(0, 0, 0, 0.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);position: fixed;width: 100%;top: 0;right: 0;left: 0;bottom: 0;z-index: 600;}
.divider {display: block;margin: 20px auto;border-top: 1px solid #ddd;height: 1px;}

audio, canvas, iframe, img, svg, video {vertical-align: middle;}
.tab-nav {font-size: 0;margin-bottom: 15px;}
.tab-nav li {display: inline-block;}
.tab-nav.col-2 li {width: 50%;}
.tab-nav.col-3 li {width: 33.3333%;}
.tab-nav.col-4 li {width: 25%;}
.tab-nav.col-5 li {width: 20%;}
.tab-nav a {font-size: 15px;vertical-align: middle;display: block;text-align: center;border: 1px solid #e1e1e1;border-bottom-color: #333;background: none;margin-left: -1px;padding: 10px 0;margin-bottom: -1px;color: #999;}
.tab-nav li.active a {border-color: #333;border-bottom-color: #fff;background: #fff;position: relative;color: #333;}
.tab-contents {}
.tab-contents .tab-item {display: none;}
.tab-contents .tab-item.active {display: block;}
.more {color: #999;position: absolute;display: inline-block;right: 0;top: 0;line-height: 22px;font-size: 13px;}

.agreebox {background:#fff; border:1px solid #eaeaea; padding:15px; font-size:13px; white-space:pre-line; color:#666; line-height:150%;}

/* TEXT STYLE */
.lead {font-size: 18px;}
.title-desc {color: #999;margin-bottom: 15px;}
.spot {color: #064323;}
.text-xs {font-size: 12px;}
.text-sm {font-size: 13px;}
.text-lg {font-size: 16px;}
dt {font-weight: normal;}

/* BOX TYPE */
.c-box {padding: 0 15px;}
.w-box {background: #fff;overflow: hidden;}
.w-box.has-border {border: 1px solid #e5e5e5;}
.w-box.has-border.has-sibling {margin-top: -1px;}
.g-box {background: #fbfbfb;}
.in-box {padding:30px 20px;}

/**
 * BROWSER UPGRADE PROMPT
 * IE9미만 브라우저에서 접속시 업데이트 알림문구 노출
 * -------------------------------------------------------------------------- */
.browser-mask {background: rgba(0, 0, 0, 0.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);position: fixed;width: 100%;top: 0;right: 0;left: 0;bottom: 0;z-index: 9998;}
.browser-upgrade {position: fixed;top: 0;left: 0;width: 100%;background: #f7f7f7;border-bottom: 2px solid #f5b63b;color: #000;font-family: sans-serif;margin: 0 0 1em;padding: 1em 0;text-align: center;z-index: 9999;}


/* ==========================================================================
 * 2.0 사이트 구조 (Mobile First)
 * 320px ~ 767px : 100% phones, less than 768px
 * ========================================================================== */
/* 공통 */
.container {width: 100%; margin: 0 auto; padding: 0 15px; }
.container.none {width: 100%; margin: 0 auto; padding: 0px; }
.container-fluid {width: 100%; margin: 0 auto; padding: 0 15px;}
#header {height: 60px; line-height: 60px; background: #fff;}
#header,
.index #header.fixHeader,
#header.fixHeader {position: fixed; top: 0; left: 0; width: 100%; margin: 0; z-index: 3}
#header h1 {display: inline-block; margin: 0; font-size: 0; vertical-align: top;}
#header h1 img {/*margin-top:7px; width: 210px; height: auto;*/}
#toggle-close { width: 40px; height: 40px; padding: 0; display: block; background: #111; text-align: center; font-size: 20px; cursor: pointer; position: absolute; right: 100%; top: 0; outline: 0; border: 0; line-height: 40px; color: #fff; }
#toggle-open { width: 24px; height: 24px; padding: 0; display: block; text-align: center; font-size: 24px !important; cursor: pointer; position: absolute; background: #fff; right: 15px; top: 20px; outline: 0; border: 0; line-height: 20px; }
.toggle-nav {width: 280px; height: 100%; position: fixed; background: #333; top: 0; right: -280px; z-index: 800; display: none; }
.toggle-nav>ul>li {border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.toggle-nav>ul>li a {color: #fff; display: block; padding: 0 20px; line-height: 38px; position: relative;}
.toggle-nav>ul>li.has-sub>a:after {content: "\f107"; display: inline-block; position: absolute; right: 16px;top: 0; font-family: FontAwesome;font-size: 15px;}
.toggle-nav li ul {display: none; }
.toggle-nav>ul>li.active>ul {display: block;}
.toggle-nav>ul>li.active>a:after {content: "\f106";}
.toggle-nav li li {background: #444; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 0; }
.toggle-nav li li:first-child {border-top: 1px solid rgba(0, 0, 0, 0.5);}
.toggle-nav li li a {color: #888;}

.sub #header {position: fixed; top:0; left: 0; right: 0; margin-top:0px;}

#wrap { height: 100%; padding-top: 60px;}
#content h2 {font-size: clamp(26px, 3.6vw, 44px);  margin-top: 30px; margin-bottom: 15px; position: relative; font-weight: bold; }
#content h3 {font-size: 30px; margin-top: 30px; margin-bottom: 15px; position: relative;}
#content h2 small {display: block; padding-top: 10px; font-size: 14px; color: inherit;}
#footer {line-height: 18px; text-align: center; color: #939292; margin-top: 40px; background: #fff; padding: 20px 0; font-size: 12px; padding-bottom:100px;}
.index #footer {margin-top: 0;}

#footer .addr-info {background: #fff; margin: 0 auto; text-align: left;}
#footer .addr-info ul {margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: display:inline-block; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#footer .addr-info ul li {display: inline-block; margin-right: 8px;}
#footer .addr-info ul li:last-child {margin-right: 0;}
#footer .addr-info ul li a {font-size: 12px; display: block; font-weight: bold; }
#footer .addr-info address {margin-bottom: 0;}
#footer .addr-info address b {font-weight: bold; color: #555;}
#footer .cs-info {background: none; text-align: center; padding: 0; }
#footer .cs-info dd {color: #999; font-size: 13px;}
#footer dl.cs-call {display: inline-block; text-align: left; }
#footer dl.cs-call:before {display: none;}
.foot-nav {background: #2e2e2e; font-size: 0; position: fixed; left:0; right: 0; bottom:0; z-index: 66}
.foot-nav li {text-align: center; display: inline-block; width: 50%; font-size: 15px; border: 1px solid rgba(256, 256, 256, 0.1); display: block; float: left; box-sizing: border-box;}
.foot-nav li a {padding: /* 15px */10px 0; color: #bb9b5d; display: inline-block; background-repeat: no-repeat; background-position: 0 50%;}
.foot-nav .call a {padding-left: 30px; background-image: url(../img/ico_foot1.png); background-size: 24px 24px; }
.foot-nav .mobile a {padding-left: 18px; background-image: url(../img/ico_foot2.png); background-size: 13px 20px;}
/* .foot-nav .talk {border-right: 0;} */
.foot-nav .talk a {padding-left: 28px; background-image: url(../img/ico_foot3.png); background-size: 23px 20px;}

.counsel-cs {margin-top: 30px;}
.counsel-cs div {position: relative;}
.counsel-cs .sns-list {position: absolute;bottom:12%;width:100%;text-align: center;}
.counsel-cs .sns-list li {display: inline-block;margin:0 5px;max-width:18%;}
.counsel-cs img {width:100%;}
.counsel-cs .telephone {background: #2d3035;}
.counsel-cs h2 {margin-top: 0 !important;}
.counsel-cs .w-box {position: relative;}
.counsel-cs h2 b {background: #064323; padding: 0 12px; border-radius: 8px; color: #fff; font-size: 35px; letter-spacing: 0; margin: 0 5px; font-weight: bold;}
.counsel-step-guide {font-size: 0;padding: 20px 0;border-bottom: 1px solid #e5e5e5;position: relative;background: #fff;z-index: 2;}
.counsel-step-guide li {display: inline-block;width: 33.3333%;background-size: 100%;font-size: 14px;padding-top: 55px;vertical-align: top;text-align: center;background-repeat: no-repeat;background-size: 52px;background-position: 50% 0;position: relative;}
.counsel-step-guide li:after {content: "";position: absolute;display: block;width: 10px;height: 52px;right: 0;top: 0;background: url(../img/arr_counsel.png) no-repeat 0 50%;background-size: 10px;margin-right: -5px;}
.counsel-step-guide li.step3:after {display: none;}
.counsel-step-guide li.step1 {background-image: url(../img/counsel_step1.gif);}
.counsel-step-guide li.step2 {background-image: url(../img/counsel_step2.gif);}
.counsel-step-guide li.step3 {background-image: url(../img/counsel_step3.gif);}
.counsel-step-guide li span {font-size: 12px;font-style: italic;color: #064323;display: block;margin-bottom: 12px;}
.counsel-form {position: relative; padding: 20px 15px;}
.counsel-form h4 {font-size:17px;font-weight:bold;height:40px;line-height:25px;}
.counsel-form p {margin-bottom:10px;font-size:16px; font-weight:500;}
.counsel-form p b {color:#3cb848; font-size:20px;}
.counsel-form dl {position: relative;}
.counsel-form dt {width: 60px; float: left; line-height: 34px; font-size: 16px;}
.counsel-form dd {width: 100%; padding-left: 70px; padding-top: 2px;}
.counsel-form dt:first-child + dd {/*margin-bottom: 10px;*/}
.counsel-form .checkbox label {vertical-align: middle;}
.counsel-form .checkbox label + .btn {margin: 1px 0 0 1px;}
.counsel-cs .privacy-con {margin: 10px 0 0; padding: 5px; border: 1px solid #eee; background: #f5f5f5; color: #888;overflow-y: auto; height: 80px; display: none;}
.counsel-form dd>.btn,
.cs-info dd>.btn{margin-top: 10px;}
.online-counsel {text-align: left;color: #333;padding: 20px 15px 20px 20px;position: relative;border-bottom: 1px solid #e5e5e5;z-index: 2;}
.online-counsel h4 {font-size:17px;font-weight:bold;height:;line-height:25px;margin-bottom: 10px;}
.online-counsel h4.pd {clear:both;padding-top:10px; margin-bottom:10px;}
.online-counsel .detail-view {position:absolute;right:15px;top:20px;font-size:14px;width:auto;height:auto;background:none;border:1px solid #333;padding: 0 15px;line-height: 30px;}
.online-counsel .detail-view { background:#064323; border-radius:3px !important; color:#fff; display:inline-block; border:0; }
.online-counsel .detail-view.Type1 {position:absolute;right:15px;top:200px;}
.online-counsel li {color: #666;line-height:28px;overflow:hidden;margin-bottom: 12px;}
.online-counsel li span.date {margin-right: 10px;float:left;}
.online-counsel li a {float: left;}
.online-counsel li .new {padding: 0 5px;border:2px solid #f78f2a;color: #f78f2a;font-size:11px;border-radius:12px;margin: 0 5px;}
.online-counsel li span.state {border-radius:28px;width:70px;background:#f78f2a;height:28px;line-height:28px;padding: 0 5px; text-align:center; color:#fff;white-space:nowrap;float:right;}
.online-counsel li span.done {border-radius:28px;width:70px;background:#bababa;height:28px;line-height:28px;padding: 0 5px; text-align:center; color:#fff;white-space:nowrap;float:right;}
.online-counsel li span.state.ok {background:#bbbbbb;}

.cs-info {text-align: left; color: #333; padding: 20px 15px; position: relative; z-index: 2;}
.cs-info dl {margin-top: 18px;}
.cs-info dt {margin-bottom: 5px; font-weight:500;}
.cs-info dd {font-size: 14px;}
.cs-info dd.tel {font-size: 19px; color:#427d57;}
.cs-info .cs-call {margin-top: 0;}
.cs-info .cs-call .text-spot {font-size:18px;  }
.cs-info .cs-call .text-spot b {font-weight:500;}
.cs-info p b {color:#3cb6c1; font-size:18px; margin-right:5px; }
.cs-info .cs-adress {clear:both;}
.cs-call:before {content: ""; display: inline-block; float: left; width: 95px; height: 85px; background: url(../img/ico_main_cs.png) no-repeat 0 0; background-size: 80px 80px;}
.cs-time:before {content: ""; display: inline-block; float: left; width: 95px; height: 85px; background: url(../img/ico_main_time.png) no-repeat 0 0; background-size: 80px 80px;}
.cs-adress:before {content: ""; display: inline-block; float: left; width: 95px; height: 85px; background: url(../img/ico_main_adress.png) no-repeat 0 0; background-size: 80px 80px; margin-bottom:20px;}
.cs-call .lead {margin-bottom: 0; font-weight: bold; font-size: 28px !important; line-height: 1.2; letter-spacing: 1px; color: #333 !important;}

.profile-img {width:84px; /*height:84px;*/ margin:0 auto; display:block; position:relative;}
.profile-img:after { /*content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../img/frame.png) no-repeat 0 0;background-size: 100%;z-index: 2;*/}
.profile-img img {width: 50px !important;height: 70px !important;}
.detail-view {display: block;width: 23px;height: 23px;font-size: 0;background: url(../img/arr_right.png) no-repeat 0 0;background-size: 100%;margin: 0 auto;}
#footer .scroll-top {position: fixed;display: inline-block;right: 20px;bottom: 50px;background: #222;width: 35px;height: 35px;font-size: 15px;color: #fff;line-height: 35px;text-align: center;cursor: pointer;border-radius: 100%;opacity: 0;z-index: 33;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#footer .scroll-top.is-showing {bottom: 90px;opacity: 0.7;}
#footer address span {display: inline-block;border-left: 1px solid #ddd;width: 1px;height: 8px;margin: 0 8px;font-size: 0;}


.mobile-only { display: block; }
.mobile-inline-only { display: inline-block; }
@media (min-width: 769px) { 
	.mobile-only { display: none !important; }
	.mobile-inline-only { display: none !important; }	
}

/* 메인 */
.main-visual {padding:0;}
.main-visual .flexslider-controls {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
.main-visual .flex-control-nav {
    font-size: 0;
    text-align: center;
    margin: 0 auto;
    bottom: 0;
    position: relative;
    display: inline-block;
}
.main-visual .flex-control-nav li {
    background: url(../img/bg_slider_txt.png) no-repeat 0 50%;
    width: 10px;
    height: 12px;
    margin: 0 5px;
}
.main-visual .flex-control-nav li.flex-active {
    background-image: url(../img/bg_slider_txt_on.png);
}
.foot-visual {
    margin: 40px 0 0;
}
.foot-visual .flex-control-paging li a {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 2px;
    width: 25px;
}
.foot-visual .flex-control-paging li a.flex-active {
    background: #2e2e2e;
}
.counsel-form.only-form {
    padding: 30px 0;
    position: relative;
}
.counsel-form.only-form dd {
    padding-top: 0;
}
.counsel-form.only-form dd.check {
    /* width: 35%; */
    /* line-height: 38px; */
}
.counsel-form.only-form .checkbox {
    float: none;
    clear: both;
    /* padding-left: 70px; */
    padding-top: 8px;
    line-height: 30px;
}
.counsel-form.only-form .checkbox .btn {
    height: 30px !important;
}
.date-time {
    border-top: 1px solid #d9d9d9;
    padding: 30px 0;
    margin: 0 -15px;
    margin-top: 30px;
    margin-bottom: -30px;
    text-align: center;
}
.date-time span {
    padding: 0 0 0 10px;
    line-height: 24px;
    vertical-align: middle;
}
.date-time .time {
    font-size: 30px;
    font-weight: bold;
}
.crime-list {
    padding: 20px 0;
}
.crime-list .row {
    margin-left: 0;
    margin-right: 0;
}
.crime-list .row>div {
    vertical-align: top;
    margin: 15px 0;
    padding: 0 5px;
    background-position: 50% -23px;
    background-size: 85px;
    background-repeat: no-repeat;
}
.crime-list .detail-view {
    width: 100%;
    height: 100%;
    padding-top: 65px;
    padding-bottom: 30px;
    background-size: 20px 20px;
    background-position: 50% 100%;
    font-size: 15px;
}
.crime-list strong {font-weight:500;}
.crime-list .c1 {
    background-image: url(../img/ico_crime1.png);
}
.crime-list .c2 {
    background-image: url(../img/ico_crime2.png);
}
.crime-list .c3 {
    background-image: url(../img/ico_crime3.png);
}
.crime-list .c4 {
    background-image: url(../img/ico_crime4.png);
}
.crime-list .c5 {
    background-image: url(../img/ico_crime5.png);
}
.crime-list .c6 {
    background-image: url(../img/ico_crime6.png);
}
.crime-list strong {
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
}
.crime-list small {
    display: block;
    line-height: 1.2;
    white-space: nowrap;
    color: #b8b8b8;
    font-size: 12px;
}
.success-best {
    background: #e0e0e0;
    overflow: hidden;
    padding: 30px 0;
    padding-bottom: 70px;
    font-size: 14px;
}
.success-best h2 {
    text-align: center;
    color: #483529;
    margin: 0 !important;
}
.success-best h2 b {
    font-weight: bold;
}
.success-best small {
    text-align: center;
    display: block;
    color: #483529;
    font-size: 13px;
    line-height: 24px;
}
.success-best small b {
    color: #fff;
    padding: 3px;
    background: #064323;
    border-radius: 4px;
    font-size: 16px;
}
.success-best .best-slider {
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
}
.success-best .best-slider li {
    padding-top: 10px;
}
.best-slider .flex-control-paging {
    bottom: -35px;
}
.success-best .crime-type {
    position: absolute;
    left: 8.5%;
    top: 0%;
    margin-left:0px;
    margin-top:0px;
	background:#064323;
    color: #fff;
    text-align: center;
    padding-left: 5px;
    font-size: 16px;
    line-height: 40px;
    z-index: 3;
    width: 83%;
    height: 40px;
    /*background: url(/img/bg_bubble.png) no-repeat 0 0;*/
    background-size: 100%;
}
.success-best .thumb {
    width: 100%;
    position: relative;
}
.success-best .thumb .ico {
    position: absolute;
    right:20%;
    top: 24%;
    display: inline-block;
    width: 150px;
}
.success-best .thumb .ico img {
    width: 100% !important;
}
.success-best .thumb a {
    display: block;
}
.success-best .thumb a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/arr_best.png) no-repeat 0 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: 100%;
}
.success-best .thumb a img {
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
}
.success-best .content-detail {
    float: left;
    width: 100%;
    padding: 0 25px;
}
.success-best .result {
    float: left;
    margin-top: 15px;
    padding: 5px;
    border-radius: 5px;
    background: #064323;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing:-1px;
    margin-top: 5px;
}
.success-best .case {
    float: left;
    color: #666;
    display: block;
    width: 100%;
    margin-left: -75px;
    padding-left: 80px;
    line-height: 32px;
    margin-top: 5px;
    letter-spacing:-1px;
    height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.success-best .case b {
    font-size: 17px;
    font-weight: bold;
    /* line-height: 18px; */
    /* vertical-align: top; */
}
.success-best p {
    display: block;
    color: #fff;
    margin-top: 15px;
    line-height: 18px;
    height: 72px;
    overflow: hidden;
}

.success-case {
    overflow: hidden;
}
.success-case .more {
    top: 13px;
	color:#064323;
	font-size:16px;
}
.success-list {
    position: relative;
    overflow: hidden;
    min-height: 200px;

}
.success-list ul {
    overflow: hidden;
    margin: 0 -5px;
    margin-bottom: -15px;
}
.success-list li {
    padding:0 5px;
    margin-bottom:  15px;
}
.success-list .in-box {
    position: relative;
    padding:0;
    z-index: 0;
    border:  1px solid #e5e5e5;
    background: #fafafa;
}
.success-list .in-box:before {
    content: "";
    display: none;
    position: absolute;
    top: 125px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fbfbfb;
    z-index: -1;
}
.success-list strong span {
    font-size: 17px;
    color: #333;
    display: block;
    /* margin-bottom: 1em; */
    letter-spacing:-1.5px;
    white-space:  nowrap;
    margin-right: 30px;
    overflow:  hidden;
    text-overflow:  ellipsis;
}
.success-list strong b {
    display: block;
    white-space:  nowrap;
    overflow:  hidden;
    text-overflow:  ellipsis;
}
.success-list strong {
    font-size: 17px;
    display: block;
    font-weight: bold;
    text-align: left;
    padding: 30px 15px;
    color: #064323;;
    background:  #fff;
}

.success-list div.pic {padding: 15px;text-align:  left;margin-top:  -10px;}
.success-list div.pic span {display:block;position:relative;/* padding-bottom: 47.6190%; */}
.success-list div.pic img {/* width:100%;height:100%; */max-width: 100%;width:auto}
.success-list strong small {
    display: block;
    color: #333;
    font-weight: normal;
    font-size: 16px;
}
.success-list .profile-img {
    position: absolute;
    top: 125px;
    left: 50%;
    margin-top: -42px;
    margin-left: -42px;
}
.success-list p {font-size: 16px; color:#7d7d7d; letter-spacing:-1px;
	padding: 15px;
	line-height: 20px;
	font-size: 13px;
	height:  100px;
	border-top:1px solid #eaeaea;
	overflow: hidden;
}
.success-list span.name {
    position: absolute;
    bottom: 45px;
}
.success-list span.pic {position: absolute; bottom:10px; margin:0 5%;}
.success-list .detail-view {
    position: absolute;
    right: 15px;
    top: 15px;
}




.best-slider .flex-control-paging li a,
.banner-group .flex-control-paging li a,
.success-list .flex-control-paging li a {
    background: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 2px;
    width: 25px;
}
.best-slider .flex-control-paging li a {
    background: #fff;
}
.best-slider .flex-control-paging li a.flex-active,
.banner-group .flex-control-paging li a.flex-active,
.success-list .flex-control-paging li a.flex-active {
    background: #2e2e2e;
}
/*.success-list .in-box strong {padding:10px 40px 0 30px; color: #064323; font-size:24px;}*/
.media-info {
    float: none;
}
.media-info .media-wrap {
    background: #000;
    text-align: center;
    position: relative
}
.media-info .media-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 75px;
}
.media-info .media-content iframe {
    width: 100%;
    height: 100%;
}
/* .media-info .media-content:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} */
.media-info .media-content img {
    display: inline-block;
    width: 100%;
}
.media-info .media-content span {
    display: block;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-top: -72px;
    margin-left: -40px;
    position: absolute;
    background: url(../img/media_play.png) no-repeat 50% 50%;
    background-size: 80px;
    font-size: 0;
}
.media-info .media-desc {
    display: table;
    position: absolute;
    height: 75px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #064323;
    border-top: 1px solid rgba(256,256,256,0.05);
}
.media-info p {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
}
.media-info p span {
    display: block;
    color: #fff;
    font-size: 16px;
}
.banner-group {
    margin-top: 30px;
    text-align: center;
    position: relative;
}
.banner-group h2 {text-align:left;}
.banner-group h2 b {color:#064323 !important;}
.banner-group .w-box {
    padding: 20px 15px;
    height: 320px;
    padding-top: 160px;
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: 50% 20px;
    border: 1px solid #e5e5e5;
}
.banner-group .bn1 {
    background-image: url(../img/ico_main_bn1.png);
}
.banner-group .bn2 {
    background-color: #fbfbfb;
    background-image: url(../img/ico_main_bn2.png);
}
.banner-group .bn3 {
    background-image: url(../img/ico_main_bn3.png);
}
.banner-group .bn4 {
    background-color: #fbfbfb;
    background-image: url(../img/ico_main_bn4.png);
}
.banner-group  strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.banner-group p {
    font-size: 14px;
    line-height: 23px;
}
.banner-group p br {
    display: none;
}
.banner-group-link {position:relative;}
.banner-group-link .link-area {position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1;}
.banner-group-link .link-area>div {position:relative;padding-top: 37%;}
.banner-group-link .link-area>div a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1;}
.counsel-schedule {font-size: 13px;}
.counsel-schedule ul {
    border-top: 0 !important;
}
.counsel-schedule li {
    border-top: 1px solid #e5e5e5;
    position: relative;
    display: table;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}
.counsel-schedule span.day {
    background: #fbfbfb;
    display: table-cell;
    padding: 12px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #e5e5e5;
}
.counsel-schedule dl {
    display: table-cell;
    position: relative;
}
.counsel-schedule dl:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
    left: 50%;
    margin-left: -1px;
}
.counsel-schedule dl dt {
    height: 30px;
    font-size: 14px;
    color: #064323;
    padding: 0 10px;
    padding-top: 10px;
    width: 50%;
    float: left;
}
.counsel-schedule dl dd {
    width: 50%;
    float: left;
    position: relative;
    padding: 0 10px;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-left: -50%;
    line-height: 1.3;
    z-index: 2;
}
.counsel-schedule .profile-img {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
}


/*----------------------- 20180910 모바일 수정 -------------------------------*/

/* 헤더 */
#header .container { text-align:center;}
.callcall{ width:30px; height:30px;  position:absolute; top:15px; right:15px;}
.callcall a { display:block; width:100%; height:100%; background:url(/img/callcall.png) no-repeat center center; background-size:100%;  }

#toggle-open { left: 15px; top: 20px; }
.toggle-nav { left:-280px; right:auto; }
#toggle-close { left:100%;  top:0; }

	/*--------------------  201812 주의하세요 ------------------------*/
.warning{ height:auto; margin-top:13px; overflow:hidden; }
.warning_left { float:left; margin-top:3px; }
.warning_right { float:left; padding:0 10px; }
.warning_color { color:#178a4e; font-weight:600; }



/*하단배너추가*/
.bbn { margin-top:10px; }
.bbn a { display:block;}
.bbn a img { width:100%;}
.bbn > div { width:50%; float:left;}
.bbn:after { display:block; clear:both; content:''; }

/* 하단 퀵메뉴 */
.foot-nav.new {background: #005a28; }
.foot-nav li { width:33.3333%; height:55px; }
.foot-nav li a { color: #fff; background-repeat: no-repeat; background-position: 0 50%; height:55px; line-height:55px; padding:0; }
.foot-nav .call a {padding-left: 30px; background-image: url(../img/ico_foot1_w.png); background-size: 24px 24px; }
.foot-nav .mobile a {padding-left: 18px; background-image: url(../img/ico_foot2_w.png); background-size: 13px 20px;}
/* .foot-nav .talk {border-right: 0;} */
.foot-nav .talk a {padding-left: 28px; background-image: url(../img/ico_foot3_w.png); background-size: 23px 20px;}

@media (min-width: 320px) and (max-width: 767px){

/* ------------------- 메인 ----------------*/
 .telephone { display:none; }
 .location-map { display:none;  }

}

/*----------------------- -------------------------------*/

/* 서브 */

.sub-top-img {
    height: 160px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/sub_top.jpg);
    font-size: 40px;
    text-align: center;
    line-height: 160px;
    color: #fff;
}
.sub-top-img.sub2 {background-image: url(../img/sub_top_2.jpg);}
.sub-top-img.sub3 {background-image: url(../img/sub_top_3.jpg);}
.sub-top-img.sub4 {background-image: url(../img/sub_top_4.jpg);}
.sub-top-img.sub5 {background-image: url(../img/sub_top_5.jpg);}
.sub-top-title {
    position: relative;
    padding: 15px 0;
    overflow: hidden;
}
.sub-top-title.pd {padding:15px}
.sub-top-title h2 {
    float: left;
    margin: 0 !important;
}
.sub-top-title .breadcrumb {
    background: none;
    line-height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    padding: 0;
    font-size: 14px;
    color: #888;
}
.sub-top-title li:first-child {
    text-indent: -9999px;
    background: url(../img/ico_home.png) no-repeat 0 50%;
    width: 14px;
    background-size: 14px;
}
.sub-top-title .breadcrumb>li+li:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}
.sub-top-title li:last-child {
    color: #000;
}
.sub-top-title a {
    color: #888;
}
.sub-top-title .active {
    color: #222;
}
.sub-cs .counsel-step-guide {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}
.sub-cs .counsel-step-guide li {
    display: inline-block;
    width: 33.3333%;
    font-size: 14px;
    padding-top: 55px;
    padding-left: 0;
    text-align: center;
    background-size: 52px;
    background-position: 50% 0;
}

/* 로펌소개 */

.about {}
.about .map {
    margin-bottom: 15px;
}
.about .map iframe {
    height: 320px !important;
}
.about .addr-info {
    padding: 20px;
    padding-bottom: 10px;
}
.about .addr-info li {
    margin: 0 auto;
    margin-bottom: 10px;
    padding-left: 15%;
    position: relative;
}
.about .addr-info li:before {
    content: "";
    vertical-align: top;
    width: 15%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-image: url(../img/ico_map.png);
    background-position: 50% 50%;
}
.about .addr-info li.call:before {
    background-image: url(../img/ico_call.png);
}
.about .addr-info li b {
    display: block;
    font-size: 22px;
    font-weight: bold;
}
.about-con .tab-nav li {
    width: 25%;
    vertical-align: top;
}
.about-con .tab-nav li span {
    display: block;
    font-size: 13px;
    border: 1px solid #e1e1e1;
    border-bottom-color: #e1e1e1;
    background: none;
    margin-left: -1px;
    padding: 10px 0;
    margin-bottom: -1px;
}
.about-con .tab-nav li.active a {
    font-weight: bold;
    border-bottom-color: #333;
}
.about-con .tab-nav li a {
    font-size: 13px;
    border-bottom-color: #e1e1e1;
}

.about-con .inner {width:100%; margin:0 auto; background:#fff; padding:20px; overflow:hidden;}
.about-con .inner img {width:100%;}
.about-con .inner .name-con {display:block; font-size:20px; color:#111; text-align:center; padding:15px 0 0 0px;}
.about-con .inner .name-con span {display:block;}
.about-con .inner .name-con b {/*font-size:30px;*/}
.about-con .inner .name-con b strong {font-weight:500; font-size:30px;}
.about-con .inner .name-con span.en {font-size:16px; text-transform:uppercase; letter-spacing:4px; }
.about-con .profile {clear:both; /*padding:30px;*/}
.about-con .profile img {display:block; margin-right:0px;}
.about-con .profile .profile_tx {float:left; font-size:16px; padding-bottom:20px; word-break:keep-all;}
.about-con .profile .profile_tx .tit {display:block; margin-bottom:20px; color:#3177cf; font-weight:500;}
.about-con .profile .profile_tx .line {border-top:1px dashed #bbb; margin-top:30px; padding-top:30px;}
.about-con.type1 .name-con img {margin-top:10px;}


/* 온라인상담 */
.online-cs-form {
    position: relative;
    margin-bottom: 15px;
}
.online-cs-form .w-box {
    padding: 15px 10px;
}
.online-cs-form dt {
    font-size: 20px;
    margin-bottom: 5px;
}
.online-cs-form dd {
    font-size: 12px;
}
.online-cs-form p {color:#064323; margin-bottom:10px;}
.online-cs-form .btn {
    position: absolute;
    right: 10px;
    top: 50%;
    height: 60px;
    margin-top: -30px;
    letter-spacing: -1px;
    font-size: 13px;
}
.online-cs-total {padding: 15px 0 25px;text-align:center;font-size:15px;}
.online-cs-total b {font-size:24px;color:#064323;font-style:italic;}

@media all and (max-width: 640px) {
    .online-cs-form dl { display:flex; flex-direction:column; }
    .online-cs-form .btn { position:relative; right:auto; top:auto; margin-top:0; height:auto; width:100%; margin-top:20px;}
    .online-cs-form .btn br { display:none; }
} 


/* POPUP */
.popup {width: 95%;max-height: 75%;margin: 0 auto;position: fixed;top: 50%;left: 50%;z-index: 5555;border: 2px solid #064323;background: #fff;display: none;}
.popup h2 {font-size: 21px;color:#064323;font-weight:bold;line-height:1.2;position:relative;/* padding-bottom:10px; */margin-bottom:15px;}
.popup .lead:after {content:"";display:inline-block;width:30px;height:2px;background:#064323;position:absolute;left:0;top: 0;}
.popup .lead {color:#064323;font-size: 14px;line-height:1.2;/*  border-left: 2px solid #765542;margin-left:10px;padding-left:10px; */position:relative;padding-top: 15px;}
.popup .popup-con {padding:40px;font-size:13px;}
.popup .popup-con .scroll {clear:both;line-height:1.6;height: 150px;overflow: auto;}
.popup .btn-x {position:absolute;right:20px;top:20px;width:17px;height:17px;text-indent:-9999px;background:url(../img/close_pop.png) no-repeat 0 0;border:0;}
.popup .btn-box {border-top: 0 !important;padding-top: 10px !important;}

/* 게시판 */

.brd-count {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #765542;
}
.brd-count b {
    font-weight: bold;
    color: #064323;
}
.brd-list {}
.brd-list th,
.brd-list td {
    text-align: center;
    vertical-align: middle !important;
}
.brd-list td a {
    display: block;
    text-align: left;
}
.brd-list td b.cate {
    color: #064323;
}
.brd-list td a .category {
    color: #064323;
    margin-right: 5px;
}
.brd-list td a img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}
.brd-list .m-info {
    display: block;
    text-align: left;
    font-size: 13px;
    color: #aaa;
}
.brd-list .m-info .writer {
    color: #77b778;
    margin-right: 10px;
}
.brd-list .top-link td {font-size:1em}
.brd-list .top-link td span {color:#0078ff}
.brd-list .top-link td i img {width:20px;margin:0;}
.brd-list i.new {border:2px solid #f78f2a;color:#f78f2a;font-size:10px;font-weight:bold;line-height:20px;border-radius:10px;padding: 0 5px;margin: 0 10px;}
.more-view {
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    position: relative;
    margin-top: -1px;
}
.more-view .btn-more {
    background: transparent;
    border: 0;
    color: #888;
}
.more-view .btn-more b {
    font-weight: bold;
}
.paging-nav {
    border-top: 1px solid #e5e5e5;
}
.pagination {
    font-size: 13px;
    margin-top: 40px;
    border-radius: 0;
}
.pagination li a {
    width: 46px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
.pagination li a.active {
    background: #064323;
    color: #fff;
}
.pagination li:first-child a,
.pagination li:last-child a{
    color: #ccc;
    width: 45px;
}
.brd-search {
    width: 90%;
    margin: 0 auto;
}
.brd-search select {width:100%;
    background: #fff url(../img/arr_select_brd.gif) no-repeat 100% 0 !important;
}
.brd-search option {
}
.brd-search .row {
    margin: 0;
}
.brd-search .row>div {
    padding: 0;
}
.brd-search .form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}
.brd-search .search-key {
	margin-top:5px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
}
.brd-search input {
    width: 74%;
    float: left;
}
.brd-search .btn {
    margin-right: -80px;
    width: 78px;
    border-radius: 0;
    height: 34px;
}
.btn-board {
    margin-top: 20px;
}
.btn-board .btn {
    margin-top: 2px;
}
.brd-write {
    border-top: 2px solid #064323;
}
.brd-write th {
    line-height: 34px !important;
    white-space: nowrap
}
.brd-write .form-inline.phone .form-group {
    width: 31%;
    float: left;
}
.brd-write .form-inline.phone .form-group:first-child {
    width: 32%;
}
.brd-write .form-inline.phone span {
    width: 3%;
    float: left;
    display: block;
    line-height: 38px;
    text-align: center;
}
.brd-write .form-inline.phone .form-group input,
.brd-write .form-inline.phone .form-group select {
    width: 100%;
}
.brd-view {
	background:#fff;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #064323;
}
.brd-view .brd-title {
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.brd-view strong {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.brd-view strong span {
    color: #064323;
    font-size: 15px;
    font-weight: normal;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
}
.brd-view .view-info {
    color: #888;
    overflow: hidden;
    text-align: right;
    margin-bottom: 15px;
}
.brd-view .writer {
    float: left;
}
.brd-view .date {
    border-right: 1px solid #ddd;
    padding-right: 5px;
}
.brd-view .brd-con {
    padding: 20px;
    min-height: 200px;
}
.brd-view .manager-list {
    border-top: 1px solid #e5e5e5;
}
.brd-view .manager-list dl {
}
.brd-view .manager-list dt {
    background: #064323;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}
.brd-view .manager-list br {
    display: none;
}
.brd-view .manager-list ul {
    padding: 20px 10px;
    font-size: 0;
}
.brd-view .manager-list li {
    display: inline-block;
    text-align: center;
    width: 25%;
}
.brd-view .manager-list img {
    width: 90%;
}
.brd-view .manager-list span {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
}
.pw-in {
    padding: 35px 15px;
    text-align: center;
}
.pw-in p {
    margin-bottom: 20px;
}
.pw-in dl {
    width: 80%;
    margin: 0 auto;
}
.pw-in dt {
    float: left;
    width: 70px;
    text-align: left;
    line-height: 34px;
}
.pw-in dd {
    width: 100%;
    padding-left: 70px;
}

/* 갤러리 게시판추가: 180130 */
.gallery-list {margin-bottom: 20px;}
.gallery-list ul {overflow:hidden;}
.gallery-list li {width:48%;margin:0 1%;margin-top: 15px;padding:12px;float:left;border:1px solid #ddd;font-size:14px;text-align:center;background:#fff;}
.gallery-list li .thumb {display:block;padding-top: 70%;position:relative;margin-bottom: 10px;}
.gallery-list li .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;}
.gallery-list li strong {font-weight: bold;display:block;font-size:17px;line-height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery-list li .date {display:block;color:#888;margin-bottom: 15px;}
.gallery-list li p {margin-top: 5px;height:60px;line-height:20px;overflow:hidden;}

/* 변호사소개 */

/* .lawyer-list .profile-info {
    position: relative;
    background: #064323;
    color: #fff;
    overflow: hidden;
}
.lawyer-list .thumb {
    width: 40%;
    float: left;
    border: 1px solid #cfcfcb;
    border-right: 0;
    position: relative;
    overflow: hidden;
}
.lawyer-list .thumb span {
    display: block;
    width: 100%;
    padding-top: 100%;
}
.lawyer-list .thumb img {
    position: absolute;
    width: 100%;
    top: 0;left: 0;
    margin-top: -20px;
}
.lawyer-list .profile-desc {
    padding: 15px;
    width: 60%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: 1px solid #a88b54;
    white-space: nowrap;
    z-index: 2;
}
.lawyer-list small {
    display: block;
}
.lawyer-list .name-ko small {
    font-size: 13px;
}
.lawyer-list .name {
    font-size: 27px;
}
.lawyer-list .name-en {
    position: absolute;
    left: 0;
    bottom: 15px;
    padding-left: 15px;
    font-size: 15px;
    text-transform: uppercase;
}
.lawyer-list .name-en small {
    color: #e5ca95;
    font-size: 12px;
    text-transform: lowercase;
}
.lawyer-list .history {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 15px 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.lawyer-list ul {
    font-size: 11px;
    width: 50%;
    float: left;
    padding-left: 12px;
    letter-spacing: -1.2px;
}
.lawyer-list li {
    margin-bottom: 5px;
}
.history-list {}
.history-list .row>div {
    margin-bottom: 15px;
}
.history-list strong {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
}
.history-list ul {
    padding: 20px 15px;
    font-size: 13px;
    line-height: 1.8
}
.history-list .thumb ul {
    overflow: hidden;
}
.history-list .thumb li {
    width: 50%;
    padding: 0 5px;
}
.history-list .thumb img {
    max-width: 100%;
} */

.lawyer-visual {background-image: none;border: 1px solid #ccc;margin-bottom: 15px;}
.lawyer-visual img {width: 100%;}
.lawyer-list {}
.lawyer-list .row>div {margin-bottom: 15px;}
.lawyer-list .l-profile {border:1px solid #ddd;background:#fff;padding: 10px;margin-top: -1px;}
.lawyer-list .l-profile .name {font-weight: bold;font-size:17px;letter-spacing:0;display:none;}
.lawyer-list .l-profile strong {color:#00675e;display:block;font-size:12px;display:none;}
.lawyer-list .history-list {/* margin-top: 10px */;font-size:12px;letter-spacing:-1px;word-spacing:-1px;}
.lawyer-list .history-list b {color:#00675e;}
.lawyer-list .history-list b.tit {background:#cee6e4; padding:5px 15px;}
.lawyer-list .history-list .row {margin: 0 -15px;}


/* 성공사례 */
.sub-success-m {padding: 0;background: none;margin-bottom: 40px;}
.sub-success-m .slides>li .w-box {padding-bottom: 50px;}

.brd-view .brd-con img {max-width:100% !important;width:auto; height:auto; margin-bottom:30px;}
/*.brd-view .brd-con * {font-size: 13px;line-height:1.6}*/
#header .topTel {display:none; text-indent:-999;}

/* 동영상: 170720 */
.play-list-wrap {/* padding:15px 0; */}
.play-list-wrap .container {padding: 0;}
.play-list-wrap h2 a.more {float:right;border:1px solid #eee;padding:5px 15px;margin-top: 2px;background:#fff;font-size:13px;font-weight:normal}
.play-list-wrap h2 a.more { color:#fff;
	font-size:16px;
	background:#064323;
	padding:3px 10px; 
	font-weight:500;
	border-radius : 3px;
	display:inline-block; }
.play-list-wrap .movie-area {position:relative;}
.play-list-wrap .movie-area a {display:block;position:relative;z-index:2;}
.play-list-wrap .movie-area a:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:url(../img/play_btn.png) no-repeat 50% 50%;z-index:3;}
.play-list-wrap .movie-area li img {max-width:100%;position:relative;}
.play-list-wrap .movie-area li iframe {position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display:none;}
.play-list-wrap .movie-list ul {overflow:hidden;margin:0 -1%;margin-top: 15px;}
.play-list-wrap .movie-list li {width:48%;float:left;margin: 0 1% 15px;padding: 12px;border:1px solid #eee;font-size:15px;background:#fff;}
.play-list-wrap .movie-list li:nth-child(2n+1) {clear:left;}
.play-list-wrap .movie-list li .thumb {display:block;position:relative;padding-top: 70%;margin-bottom: 10px;}
.play-list-wrap .movie-list li img {width:100%;height:100%;position:absolute;top:0;}
.play-list-wrap .movie-list li strong {font-size:17px;font-weight: bold;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.play-list-wrap .movie-list li .date {color:#888;font-size:13px;}
.play-list-wrap .movie-list li p {font-size:14px;margin-top: 10px;color:#666;line-height:20px;overflow:hidden;word-spacing: -0.5px;letter-spacing: -1px;}
.play-list-wrap .play-list {background:#fbfbfb;}
.play-list-wrap .play-list .tit {background:#064323; text-align:center;padding:10px;}
.play-list-wrap .play-list .tit img {max-width:60%;}
.play-list-wrap .play-list .scroll {overflow:auto;height:120px;}
.play-list-wrap .play-list li {padding:0 15px;border-bottom:1px solid #eee;height:30px;line-height:30px;font-size:13px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.play-list-wrap .play-list li.active a {color:#064323;border-bottom:1px solid #064323}

.success-case .more{ color:#fff;
	font-size:16px;
	background:#064323;
	padding:3px 10px; 
	font-weight:500;
	border-radius : 3px;
	display:inline-block; }

/* 선임후기: 180515 */
.reviews-media {}
.reviews-media .section {padding: 1px 15px 30px;background:#f5f5f5 url(/img/advice_left.jpg) no-repeat 50%;border:1px solid #ddd;background-size:cover;margin:30px 0}
.reviews-media .section:last-child {margin-top: 30px;background:#f5f5f5;}
.reviews-media li {height:40px;line-height: 40px;margin-top: 1px;overflow:hidden;display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;background:url(/img/real_epil-li.png) no-repeat 100% 50%;padding-left: 15px;padding-right: 50px;}
.reviews-media h2 {line-height: 1;}
.reviews-media h2 span {font-size:12px;background:#5cac68;color:#fff;padding: 5px;display:inline-block;vertical-align: top;margin-top: 1px;}
.reviews-media img {max-width:100%}
.reviews-media .media {margin:15px 0;border:1px solid #ccc;}
.reviews-media .media iframe {width:100%;height:auto;min-height:300px;max-height:400px;}

.reviews-list {}
.reviews-list .top-txt {padding: 15px 0 25px;text-align: center;font-size:17px; word-break:keep-all}
.reviews-list .top-txt b {color:#006e72;font-weight: bold;}
.reviews-list .list {margin-bottom: 40px;}
.reviews-list .list .row {margin:0 -5px;margin-top: -15px;}
.reviews-list .list li {padding: 0 5px;margin-top: 15px;}
.reviews-list .list a {display:block;height:100%;}
.reviews-list .list .inner {border:1px solid #ccc;border-radius:4px;overflow: hidden;box-shadow:1px 1px 2px rgba(0,0,0,0.1);background:#f7f7f7;}
.reviews-list .list .inner .top-title {padding: 15px;background:#fff;}
.reviews-list .list .inner strong {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight: bold;}
.reviews-list .list .inner small {color:#888;font-size:90%}
.reviews-list .list .inner p {margin: 15px;line-height:18px;height:54px;overflow: hidden;}
.reviews-list .list .inner p span {line-height: 54px;text-align: center;display:block;}
.list-prev-next {display:block}
.list-prev-next ul li {display:block;padding:15px 30px;border-top:1px solid #e5e5e5;position: relative;}
.list-prev-next ul li:after {content:"";display:block;clear:both}
.list-prev-next ul li a {float:left;width:100%;}
.list-prev-next ul li a span.date {position:absolute;right:0;top:0;margin:15px 30px;padding-right: 0;border-right: 0;color:#888}
.list-prev-next ul li a p {position:relative;width:100%;padding:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4em;font-size:15px;}

/* 포렌식추가: 180711 */
.forensic-case .inner {background:#2b2b2b}
.forensic-case .row {margin:0;}
.forensic-case .row>div {padding: 0;}
.forensic-case .flexslider .slides img {width:auto;max-width:100%; margin:0 auto}
.forensic-case .case-list {padding: 0 15px !important;margin:15px 0;position: relative;}
.forensic-case .case-list li {position: relative;margin-left: 40px;background:#fff url(/img/arr_forensic.jpg) no-repeat 95% 50%;padding: 15px 30px 15px 15px;}
.forensic-case .case-list li i {position: absolute;left:-40px;top:50%;margin-top: -16px;line-height: 1;max-width:32px;}
.forensic-case .case-list li i img {max-width:100%}
.forensic-case .case-list li+li {margin-top: 5px;}
.forensic-case .case-list p {display: block;vertical-align: top;font-size:1em;}
.forensic-case .case-list p span {display: inline-block;min-width:70px;color:#0078ff;}
.forensic-case .flex-control-paging {bottom:4%}
.forensic-case .flex-control-paging li a.flex-active {background:#fff;}
.forensic-case .flex-control-paging li a {width:10px;height:10px;}
.new-lawyer-list {}
.new-lawyer-list img {max-width:100%;margin:0 auto;display: block;}
.new-lawyer-list .row {margin:0 -10px}
.new-lawyer-list .row>div {padding: 0 10px; margin-bottom:35px;/* margin-top: 15px; 20180829 */}
.new-lawyer-list .row.top {margin:0}
.new-lawyer-list .row.top>div {padding: 0;}
.new-lawyer-list .pop-lawyer {display: none;position: fixed;background: rgba(0, 0, 0, 0.7);width: 100%;top: 0;right: 0;left: 0;bottom: 0;z-index: 335;}
.new-lawyer-list .pop-lawyer .inner {position: fixed;background:#fff;left:15px;right:15px;max-height:400px;overflow-y:auto;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);padding: 15px;}
.new-lawyer-list .pop-lawyer .pop_close {display: block;position: absolute;right:15px;top:15px;width:12px;}
.new-lawyer-list tbody tr td:first-child {}
.new-lawyer-list tbody tr td {vertical-align: middle;}
.new-lawyer-list tbody tr td .profile-img {height:auto;max-width:50px;}
.new-lawyer-list tbody tr td .profile-img img {width:auto !important;height:auto !important;}
.new-lawyer-list tbody tr td .profile-img:after {display:none;}

/* ==========================================================================
 * 3.0 미디어 쿼리
 *
 * 1. 320px ~ 767px : 100% phones, less than 768px
 * 2. 768px ~ 991px : 750px tablets, 768px and up
 * 3. 992px ~ 1199px : 970px desktops, 992px and up
 * 4. 1200px ~ : 1170px large desktops, 1200px and up
 * ========================================================================== */
/** * 2. Tablets */

@media (min-width: 320px) and (max-width: 767px){
/*성공사례*/
.success-list.new-list ul li:nth-child(5), .success-list.new-list ul li:nth-child(6) { display:none; }
}


@media all and (min-width:768px) {
	.agreebox {background:#fff; border:1px solid #eaeaea; padding:30px; font-size:14px; white-space:pre-line; color:#666;}
    #wrap {
        padding-top: 100px;
    }
    #wrap.index {
        padding-top: 0;
    }

    #header {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
    }
	.brd-search {
    width: 540px;
    margin: 0 auto;
	}
	.brd-search select {width:100%;
		background: #fff url(../img/arr_select_brd.gif) no-repeat 100% 0 !important;
	}
	.brd-search option {
	}
	.brd-search .row {
		margin: 0;
	}
	.brd-search .row>div {
		padding: 0;
	}
	.brd-search .form-control {
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: #fff;
	}
	.brd-search .search-key {
		margin-top:0px;
		padding-left: 10px !important;
		padding-right: 80px !important;
		position: relative;
	}
	.brd-search input {
		width: 100%;
		float: left;
	}
	.brd-search .btn {
		margin-right: -80px;
		width: 78px;
		border-radius: 0;
		height: 38px;
	}

    .tab-nav {
        margin-bottom: 20px;
    }
    .form-control {
        height: 38px;
    }
	.form-control.wide {
		width:180px;
        height: 38px;
    }

    .crime-list {
        margin: 0;
    }
    .banner-group .w-box {
        height: 320px;
        padding-top: 185px;
        background-size: 120px;
        background-position: 50% 35px;
    }
    .banner-group .bn1 {
        border-right: 0;
    }
    .banner-group .bn3 {
        border-right: 0;
        border-top: 0;
    }

    .banner-group-link .link-area.pc>div {position:relative;padding-top: 17.66665%;width:50%;float:left;}
    .success-best .best-slider {
        width: 600px;
    }
    .success-best p {
        height: 90px;
    }
    .success-list {
        border: 0;
        height: 320px !improtant;
    }
    /* .success-list .slides li:nth-of-type(4) {
        display: none;
    } */
    .success-list .row {
    }
    .success-list p  {
    }
    .success-list li {
    }
    .success-list strong {
		}
    .success-list strong span {
        font-size: 17px;
    }
    .success-list div.pic {}
    .success-list span.name {
        bottom: 20px;
    }
    .success-list .in-box {
    }
    .success-list .detail-view {
    top: 285px;
    right:  20px;
    }

    #content .media-info h2 {
        height: 56px;
    }
    .counsel-form.only-form dt {
        width: 8%;
    }
    .counsel-form.only-form dd {
        width: 30%;
        float: left;
        margin-left: -8%;
        padding-left: 8%;
        padding-right: 10px;
    }
    .counsel-form.only-form dd.check {
        width: 26%;
        margin: 0 10px 0 15px;
        padding: 0;
    }
    .counsel-form.only-form dt:first-child + dd {
        margin-bottom: 0;
    }
    .counsel-form.only-form dd:last-child {
        width: 22%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0
    }
    .counsel-form.only-form dd:last-child .btn {
        margin-top: 0;
        height: 38px;
    }
    .counsel-form.only-form .checkbox {
        padding: 0;
        font-size: 13px;
        margin: 0;
        line-height: 38px;
    }
    #content .counsel-cs .counsel-form,
    #content .counsel-cs .cs-info {
        height: 356px;
    }
    .counsel-form.only-form dt,
    .counsel-form.only-form dd {
        font-size: 14px;
    }
    .counsel-form {
        padding: 40px 15px;
        padding-left: 30px;
    }
    .counsel-cs h2 b {
        font-size: 42px;
    }
    .counsel-cs .counsel-form dl {
        height: 276px;
        position: relative;
    }
    .counsel-cs .counsel-form dd:last-child,
    .counsel-cs .cs-info dl:last-child dd:last-child {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .counsel-cs .cs-info dl:last-child dd:last-child {
        left: 20px;
        right: 20px;
        bottom: 40px;
    }
    .counsel-form dt {
        line-height: 38px;
    }
    .counsel-form label {
        line-height: 24px;
    }
    .index .cs-info {
        padding: 40px 15px;
    }
    .online-counsel {padding: 40px 20px; border-bottom: 1px solid #e5e5e5;  }
    .online-counsel li {margin-bottom:12px;}
    .online-counsel .detail-view {right:20px;top:40px;}

    .cs-info {
        padding: 40px 15px;
    }
    .radio label,
    .checkbox label {
        padding: 0 0 0 30px;
    }
    .radio label:before,
    .checkbox label:before {
        width: 24px;
        height: 24px;
        margin-top: -12px;
    }
    .radio label:before,
    .checkbox label:before {
        border-width: 2px;
    }
    .counsel-form dd:last-child .btn {
        margin-top: 15px;
    }
    .media-info .media-wrap {
        height: 320px;
    }
    .media-info .media-content {
        padding-bottom: 100px;
    }
    .media-info .media-content span {
        margin-top: -90px;
    }
    .media-info .media-desc {
        height: 100px;
    }
    .counsel-schedule dl dd {
        padding-top: 50px;
    }
    #footer {
        margin-top: 100px;
        padding-bottom:20px;
    }
    #footer .addr-info ul {
        display: block;
    }
    #footer .addr-info ul li {
        margin-right: 20px;
    }
    .banner-group .bn3 {
        background-color: #fbfbfb;
    }
    .banner-group .bn4 {
        background-color: #fff;
        border-top: 0;
    }

    /* 게시판 */

    .btn-board {
        margin-top: 40px;
    }
    .btn-board .btn {
        padding-left: 35px;
        padding-right: 35px;
    }
    .brd-write th {
        line-height: 38px !important;
        padding-left: 15px !important;
    }
    .brd-write .form-inline>input {
        width: 50%;
    }
    .brd-write .form-inline.phone {
        width: 50%;
    }
    .brd-view .brd-title {
        padding: 20px 30px;
        border-bottom: 1px solid #e5e5e5;
    }
    .brd-view strong {
        font-size: 18px;
    }
	.brd-view strong span {font-size: 18px;}
	.brd-view strong b {margin:0 10px;}
    .brd-view .view-info {
        float: right;
        text-align: right;
        margin-bottom: 0;
    }
    .brd-view .writer {
        float: none;
        border-right: 1px solid #ddd;
        padding-right: 5px;
    }
    .brd-view .date {
        border-right: 1px solid #ddd;
        padding-right: 5px;
    }
    .brd-view .brd-con {
        padding: 20px 30px;
        min-height: 300px;
    }
    .pw-in {
        padding: 40px 15px;
    }
    .pw-in dl {
        width: 40%;
    }
    .pw-in dt {
        width: 70px;
        line-height: 38px;
        font-size: 16px;
    }
    .pw-in dd {
        padding-left: 70px;
    }

    .brd-view .manager-list dl {
    }
    .brd-view .manager-list dt {
        padding: 45px 0;
        width: 150px;
        height: 150px;
        float: left;
        font-size: 22px;
    }
    .brd-view .manager-list dd {
        width: 100%;
        padding-left: 150px;
    }
    .brd-view .manager-list br {
        display: block;
    }
    .brd-view .manager-list ul {
        padding: 20px 10px;
        font-size: 0;
    }
    .brd-view .manager-list li {
        display: inline-block;
        text-align: center;
        padding: 0 10px;
        width: auto;
    }
    .brd-view .manager-list img {
        width: 84px;
    }
    .brd-view .manager-list span {
        font-size: 14px;
    }

    /* popup */

    .popup.w700 {width:760px;}
    .popup h2 {font-size:32px;float:left;padding-bottom:0;margin:0;margin-right:20px;height:40px;}
    .popup .lead:after {width:2px;height:100%;left: 0;right:-10px;}
    .popup .lead {font-size: 16px;float:left;line-height: 20px;padding-left:  20px;padding-top: 0;}
    .popup .popup-con {font-size:14px;}
    .popup .popup-top {height:40px;overflow:hidden;margin-bottom:20px;}
    .popup .popup-con .scroll {height: auto;max-height: 400px;}

    /* 로펌소개 */

    .about .map {
        margin-bottom: 20px;
    }
    .about .addr-info {
        text-align: center;
        padding: 30px 20px;
    }
    .about .addr-info li {
        display: inline-block;
        min-width: 35%;
        margin-bottom: 0;
        padding-left: 50px;
        text-align: left;
        line-height: 21px;
    }
    .about .addr-info li:before {
        width: 40px;
        background-size: 30px;
    }
    .about .addr-info li.call:before {
        background-image: url(../img/ico_call.png);
    }
    .about .addr-info li b {
        display: block;
        font-size: 22px;
        font-weight: bold;
    }

    /* 온라인상담 */

    .online-cs-form {
        margin-bottom: 20px;
    }
    .online-cs-form .w-box {
        padding: 40px 30px;
    }
    .online-cs-form dt {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .online-cs-form dd {
        font-size: 14px;
    }
    .online-cs-form .btn {
        position: absolute;
        right: 30px;
        top: 50%;
        height: 50px;
        margin-top: -25px;
        padding: 0 30px;
        font-size: 15px;
    }
    .online-cs-form br {
        display: none;
    }
    .online-cs-total {padding: 40px 0;font-size:30px;}
    .online-cs-total b {font-size:46px;}

    /* 변호사소개 */

    .lawyer-visual {background-image: none;background-position: 50% 0;background-repeat: no-repeat;background-size: 100%;padding-top: 45%;margin-bottom: 20px;}
    .lawyer-list .row {margin: 0 -10px;}
    .lawyer-list .row>div {margin-bottom: 20px;padding: 0 10px;}

    .lawyer-list .l-thumb {float:left;width:250px;}
    .lawyer-list .right .l-thumb {float:right;}
    .lawyer-list .right .l-profile {margin-left: 0;margin-right: 250px;text-align:right;}
    .lawyer-list .l-profile {height:500px;margin-left: 250px;padding: 30px 20px 30px 30px;margin-top: 0;}
    .lawyer-list .l-profile.fluid {height:400px;}
    .lawyer-list .l-profile .name {font-size:30px;letter-spacing:0;display:block;}
    .lawyer-list .l-profile strong {font-size:15px;display:block;}
    .lawyer-list .history-list {margin-top: 20px;font-size:15px;color:#666;}
    .lawyer-list .history-list b {font-size:18px;}
	.lawyer-list .history-list li.pd  {margin-top:-80px;}

    /* 성공사례 */

    .sub-success-p {padding: 35px;margin-bottom: 40px;background: #fff;border: 1px solid #e5e5e5;}
    .sub-success-p .flexslider {width: 550px; margin:  0 auto; padding-bottom: 30px;}
    .sub-success-p .row {}
    .sub-success-p .flexslider .slides>li {padding: 0 !important;}
    .sub-success-p .flex-control-nav {bottom: 0;}

    /* 포렌식추가: 180711 */
    .forensic-case .case-list {padding: 0 35px !important;margin:20px 0;}
    .forensic-case .case-list li {margin-left: 50px;background-position:98% 50%;line-height: 50px;padding: 0 75px 0 40px;}
    .forensic-case .case-list li i {left:-50px;top:0;margin-top: 0;line-height: 50px;}
    .forensic-case .case-list li+li {margin-top: 10px;}
    .forensic-case .case-list p {display: inline-block;}
    .new-lawyer-list .pop-lawyer .inner {max-height:500px;left:5%;right:5%;}
    .new-lawyer-list .pop-lawyer .pop_close {width:auto;}
}

/* 3. Large tablets, small desktops */

@media all and (min-width:992px) {
    body {
        letter-spacing: -.5px;
    }
    .brd-list .top-link td {font-size: 18px}
    .brd-list .top-link td i img {width:auto}
    .main-visual {padding-bottom:100px;}
    .main-visual li {
        background-repeat: no-repeat;
        background-position: 50% 0;
        /* background-size: cover; */
        /* background-attachment: fixed; */
    }
    .main-visual .flexslider-controls {
        bottom: 140px;
    }
    .main-visual .flex-control-nav {
        font-size: 14px;
        width: 920px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        /*background: url(../img/bg_slider_control.png) no-repeat 0 0;*/
    }
    .main-visual .flex-control-nav li {
        color: transparent;
        padding-left: 0px;
        margin: 0px -15px;
        width: 60px;
        height: auto;
        cursor: pointer;
    }
    .main-visual .flex-control-nav li.flex-active {
        color: transparent;
        background-image: url(../img/bg_slider_txt_on.png);
    }
    .about-con .tab-nav a {
        font-size: 17px;
        border-bottom-color: #333;
        margin-left: -1px;
        margin-bottom: -1px;
    }
    .about-con .tab-nav li.active a {
        border-color: #333;
        border-bottom-color: #fff;
        color: #333;
    }
    .about-con .tab-nav li {
        width: 14.2857%;
    }
    .about-con .tab-nav li:last-child {
        display: none;
    }
    .about-con .tab-nav li a {
        font-size: 17px;
        border-bottom-color: #333;
    }
    #content h2 small {
        display: inline-block;
        margin-left: 10px;
        line-height: 30px;
        padding: 0;
        vertical-align: middle;
        font-size: 15px;
    }
    #header {
		position:relative;
        background: #fff;
        padding: 0;
        height: 100px;
        line-height: 100px;
        z-index: 55;
    }
    .index #header {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: -100px;
    }
    #header .container {
        position: relative;
        padding-left: 300px;
    }
    #header h1 {
		position:relative;
        float: left;
        margin-left: -285px;
		vertical-align:middle;
    }
	 #header h1 img { /*margin-top:-24px; */}
	#header .topTel {display:inline-block; font-size:17px; font-weight:bold; color:#333; /*margin-left:15px;*/}
	#header .topTel b {display:block;}

	.lang {position:absolute;right:-100px;top: -10px;}
	.lang li {display:inline-block; width:40px; list-style:none; font-size:12px; text-align:center; line-height:120%; vertical-align:top;}
	.lang li img {margin-bottom:3px;}

    #gnb #mask {
        display: none;
    }
    #gnb {
        width: 100%;
        position: relative;
        background: none;
        right: 0 !important;
        display:block !important;
        text-align: right;
        line-height:  normal;
        margin-top: 40px;
    }
    #gnb>ul>li {
        display: inline-block;
        width: auto;
        margin-left: 18px;
        border: 0;
        position: relative; font-weight:500;
    }
    #gnb>ul>li.active>a {
        color: #064323;
    }
    #gnb>ul>li.active ul {z-index:6;}
    #gnb>ul>li a {
        color: #333;
        padding: 0;
        font-size: 17px;
        display:  block;
    }
    #gnb>ul>li.has-sub>a:after,
    #gnb>ul>li.active>a:after{
        display: none;
    }
    #gnb ul ul {
        position: absolute;
        width: auto;
        white-space: nowrap;
        border: 0;
        top: 100%;
        left: -5px;
        text-align: left;
        font-size: 0;
        line-height: normal;
        padding: 0 15px;
        background: #064323;
        display: none;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
        box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    }
    #gnb ul ul li {
        background: none;
        display: inline-block;
        border: 0 !important;
        line-height: 40px;
    }
    #gnb ul li:last-child ul {
        right: 0;
        left: auto;
        text-align: right;
    }
    #gnb ul ul li a {
        color: #97bace;
        font-size: 14px;
        padding: 0 10px;
        display: block;
    }
    #gnb ul ul li.active a,
    #gnb ul ul li:hover a {
        color: #fff
    }
    #gnb ul li.active ul {
        /* display: block !important; */
    }
    #footer,
    #footer .addr-info ul li a{
        font-size: 13px;
    }
    .banner-group .w-box {
        height: 340px;
        padding-top: 185px;
        background-size: 120px;
        background-position: 50% 35px;
    }

    .banner-group .bn4 {
        background-color: #fbfbfb;
        border-top: 1px solid #e5e5e5;
    }
    .banner-group .bn3 {
        background-color: #fff;
        border-color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
        border-left: 0;
    }
    .banner-group strong {
        font-size: 15px;
    }
    .banner-group p {
        font-size: 13px;
    }
    .banner-group p br {
        display: block;
    }
    .main-visual,
    .main-visual .flex-viewport,
    .main-visual ul,
    .main-visual ul li {
        height: 100%;
    }
    .main-visual .flex-control-paging {
        bottom: 130px;
    }
    .sub-cs .cs-info .cs-call .lead {
        font-size: 36px !important;
    }
    .sub-cs .cs-info dl {
        padding-left: 95px;
    }
    .sub-cs .cs-info .cs-call {
        margin-left: -95px;
    }
    .counsel-form.only-form {
        /* padding: 60px 0; */
    }
    .counsel-form.only-form dt {
        width: 60px;
    }
    .counsel-form.only-form dd {
        width: 28%;
    }
    .counsel-form.only-form dd.check {
        width: 27%;
    }
    .counsel-form.only-form dd:last-child {
        width: 20%;
    }
    .counsel-form.only-form .checkbox {
        padding-left: 0;
    }
    .counsel-form dt {
        width: 100px;
    }
    .counsel-cs .cs-info dl {
        margin-left: 50px;
        margin-right: 50px;
    }
    .counsel-cs .cs-info dl:last-child dd:last-child {
        left: 65px;
        right: 65px;
    }
    .counsel-form dd {
        padding-left: 100px;
    }
    .date-time {
        /* border-top: 0; */
        /* border-left: 1px solid #d9d9d9; */
        /* padding: 0; */
        /* margin-bottom: -60px; */
        /* line-height: 75px; */
    }
    .success-best .best-slider {
        width: 900px;
    }
    .success-best .thumb .ico {
        right: 40px;
        top: 65px;
        width: 198px;
    }
    .success-best .crime-type {
        top: -60px;
        left: 50%;
        width:  240px;
        font-size: 20px;
        margin-top:  0;
        padding-left:  0;
        margin-left: -120px;
        background: #064323;
        height: 60px;
        line-height: 60px;
    }
    .success-best .thumb {
        float: none;
        width: 100%;
        /* padding-top:  60px; */
    }
    .success-best .thumb a:after {
        width: 240px;
        height: 340px;
        left: 50%;
        top: 50%;
        margin-top: -170px;
        margin-left: -120px;
    }
    .success-best .best-slider li {
        padding-top: 85px;
        position: relative;
    }
    .success-best h2 {
        font-size: 33px !important;
    }
    .success-best small {
        font-size: 15px;
    }
    .success-best .content-detail {
        float: none;
        height: 60px;
        width: 240px;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    .success-best .result {
        float: left;
        margin-top: 15px;
    }
    .success-best .case {
    margin-top: 15px;
    margin-bottom: 15px;
    }
    .success-best p {
        clear: both;
        line-height: 20px;
        height: 36px;
    }
    .crime-list .row>div {
        background-size: 133px;
        background-position: 50% -35px;
    }
    .crime-list .detail-view {
        padding-top: 88px;
        padding-bottom: 40px;
        background-size: 30px;
    }
    #content .media-info h2 {
        height: 35px;
    }

	.success-list .in-box {
        /* height: 340px; */
        padding: 0px;
    }
    .success-list .in-box strong {
    font-size:  17px;
}
	.success-list p {}
	.success-list .in-box p {
    padding:  20px;
}
    .success-list .in-box:before { /* top: 140px; */}
    .success-list div.pic {}
    .success-list .profile-img { top: 140px;}
    .success-list p {
   font-size: 16px; color:#7d7d7d; letter-spacing:-1px;
}

    .media-info .media-wrap {
        height: 340px;
    }
    .media-info p {
        font-size: 18px;
    }
    .counsel-schedule ul {
        border-top: 1px solid #e5e5e5 !important;
    }
    .counsel-schedule li {
        display: block;
        float: left;
        border: 0;
        border-right: 1px solid #e5e5e5;
        width: 14.28%;
    }
    .counsel-schedule li:last-child {
        width: 14.32%;
        border-right: 0;
    }
    .counsel-schedule span.day {
        display: block;
        border-bottom: 1px solid #e5e5e5;
        border-right: 0;
        padding: 20px 0;
    }
    .counsel-schedule dl {
        display: block;
        margin-top: -1px;
    }
    .counsel-schedule dl:after {
        display: none;
    }
    .counsel-schedule dl dt {
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
        padding-top: 0;
        width: 100%;
        border-top: 1px solid #e5e5e5;;
    }
    .counsel-schedule dl dd {
        width: 100%;
        float: none;
        padding: 0 15px;
        padding-top: 45px;
        padding-bottom: 15px;
        margin-left: 0;
    }

	/* 20180905 메인비쥬얼 */
	.main-visual.new-1 .flexslider-controls.new { bottom:0; }
	.flexslider-controls.new .control-nav { z-index:2; position:relative; bottom:0; padding:0; }
	.flexslider-controls.new .control-nav li { display:block; width:16.666666%; float:left; margin-top:1px; width:25%; }
	.flexslider-controls.new .control-nav li+li { padding-left:1px;}
	.flexslider-controls.new .control-nav li a { background:rgba(0,0,0,0.7); display:block; width:100%; padding:10px; color:#fff; font-size:15px; }
	.flexslider-controls.new .control-nav li.active a, .flexslider-controls.new .control-nav li a:hover { background:#064323; }
	/* ------------------------------- */





    /* 변호사소개 */

    /* .lawyer-list .name-ko small {
        font-size: 16px;
    }
    .lawyer-list .name {
        font-size: 30px;
    }
    .lawyer-list .name-en {
        font-size: 20px;
    }
    .lawyer-list .name-en small {
        font-size: 16px;
    }
    .lawyer-list ul {
        font-size: 13px;
    }
    .history-list strong {
        padding: 25px 0;
        font-size: 24px;
    }
    .history-list ul {
        padding: 25px 40px;
        font-size: 14px;
    }
    .history-list .thumb li {
        width: 48%;
        padding: 0;
    } */

    /* 성공사례 */

    .sub-success-p .flexslider {
        width: 840px;
    }

    /* 플로팅배너 170729 */
	.float-banner {position: fixed;right: 0;top: 50%;z-index: 333;transform:translateY(-50%); width: 80px;height: /* 720px */680px;background: url(../img/bg_float_bn.png) no-repeat 0 0;text-align: center;font-size: 12px;}
	.float-banner li a {display: block;}
	.float-banner li.f0 {height:110px;color: #fff;}
	.float-banner li.f0 a {color: #666;padding-top:60px;letter-spacing:-1px;font-size:11px; line-height:120%;}
	.float-banner li.f1 {height:160px;color: #fff;}
	.float-banner li.f1 a {height:100px;color: #fff;padding-top:55px;}
    .float-banner li.f1 span {display:block;height:60px;margin-top:15px;}

	.float-banner li.naver_talk{ height: 100px; height: 60px; padding:0; margin:0;}

    .float-banner li.f2 a {height: 100px;padding-top: 56px;}
    .float-banner li.f3 a {height: 100px;padding-top: 60px;}
    .float-banner li.f4 a {height: 100px;padding-top: 56px;}
    .float-banner li.f5 a {height: 100px;padding-top: 60px; margin-bottom: 10px;}
    .float-banner li.f6 a {height: 40px;font-size:0;}
    .float-pop {width:280px;height:460px;overflow:hidden;position:absolute;right:0;top:0;background:#fff;text-align:left;box-shadow:0 0 5px rgba(0,0,0,0.1);margin-right:-280px;}
	.float-pop.hg {height:370px;}
	.float-pop.tele {height:390px;}
    .float-pop .top {padding: 20px 25px;height:380px}
    .float-pop strong {font-size:24px;color:#064323;display: block;margin-bottom:15px;}
    .float-pop p {font-size:14px;}
    .float-pop .top img {margin:15px auto;display:block;}
    .float-pop span.spot {font-size:16px;color:#2c9fd9;display:block;text-align:center;padding-top:10px;}
    .float-pop.pop-kakao span.spot {color:#3b1f1e;padding-top:0;}
    .float-pop .bottom {background: #fefefe;box-shadow:inset 0 5px 5px #eee;text-align:center;height:80px;line-height:80px;}
    .float-pop .btn-close {position:absolute;right:10px;top:22px;background:#fff;border:0;outline:0;padding:0;margin:0;}
	.float-pop .bnTel {clear:both;width:100%; font-size:19px; color:#064323; text-align:center; margin-top:15px; line-height:180%; letter-spacing:-1px;}
	.float-pop .bnTel b {font-size:24px;}

	/*----------- 20180828 비쥬얼영역변경 + 헤더 변경 ----------------*/
	
	.index #header.new-navi { position:relative; margin-top:0; top:0;  }
	#header.new-navi, .index #header.new-navi.fixHeader, #header.new-navi.fixHeader { position:fixed; top:0; left:0; width:100%; margin:0;	z-index:3; }

	#submenu {position:absolute; top:100px; left:0; width:100%; background:#fff; z-index:100; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:220px; display:none;  }
	#submenu .container { padding-left:0; }
	#submenu .container .submenu-in { padding:20px; border-right:1px solid #ccc; height:219px; width:20%; float:left; }
	#submenu .container .submenu-in:first-child { border-left:1px solid #ccc; }
	#submenu .container .submenu-in h3 { line-height:35px; }
	#submenu .container .submenu-in h3 a { line-height:35px; color:#064323; font-size:17px; font-weight:600;}
	#submenu .container .submenu-in li { line-height:28px; }
	#submenu .container .submenu-in li a { color:#555; font-size:14px; font-weight:normal; }
	#submenu .container .submenu-in li a:hover { color:#064323;}

	.main-visual.new-1 {position:relative; padding-bottom:0 !important; }
    .main-visual.new-1,
    .main-visual.new-1 .flex-viewport,
    .main-visual.new-1 ul,
    .main-visual.new-1 ul li {  height:auto; max-height:830px; overflow:hidden; }
	.main-visual.new-1 .flexslider-controls { bottom: 40px; }

    /* ------------------------------- */

}


@media all and (max-width:767px) {
	#header h1 img { height:32px; width:auto; }
}


/* 4. Large descktops */

@media all and (min-width:1200px) {
    body {}
    .container {
        width: 1230px;
    }
	 .container.none {
        width: 1230px;
    }
    #header h1 img {width:auto;}
    .index #content h2 {
        font-size: 30px;
    }

    #content h2 {
		/*
        font-size: 34px;
		*/
        margin: 60px 0 20px;
    }
	
    #content h3 {
        font-size: 34px;
        margin: 40px 0 30px;
    }
    .date-time {
        border-top: 0;
        border-left: 1px solid #ddd;
        margin: 0;
        padding: 0;
        line-height: 38px;
    }
    .sub-top-title {
        padding: 50px 0;
    }
	.sub-top-title.pd {
        padding: 50px 0;
    }
    .media-info {
        width: 340px;
        float: right;
    }
    .media-info .media-content {
        padding-bottom: 120px;
    }
    .media-info .media-content span {
        margin-top: -105px;
    }
    .media-info .media-desc {
        height: 120px;
    }
    .success-best h2 b {
        font-size: 60px;
        padding-top: 50px;
		color:#333
    }
    .success-best .best-slider {
        width: 1200px;
    }
    .counsel-cs {margin-top: 60px;}
    .counsel-cs .location-bn {}
    .counsel-cs .telephone {width:600px;height:451px}
    .counsel-cs .location-bn .location-addr {width:700px;float:left}
    .counsel-cs .location-bn .location-map {float:left;width:500px;height:450px;position: relative;}
    .counsel-cs .location-bn .location-map span.txt {/* position: absolute;top:0;width:100%; */}
    .counsel-cs .col-lg-4 {
        /* width: 32%; */
    }
    .counsel-cs .col-lg-4:nth-child(2) {
        /* width: 36%; */
    }
    .index .counsel-form {
        padding: 40px 20px;
    }
    .counsel-form.only-form dd {
        /* width: 32%; */
    }
    .counsel-form.only-form dt, .counsel-form.only-form dd {
        font-size: 15px;
    }
    .counsel-form.only-form dt:first-child + dd {
        width: 25%;
    }
    .counsel-form.only-form dd.check {
        width: 28%;
    }
    .counsel-form.only-form dd:last-child {
        width: 18%;
    }
    .counsel-form.only-form .checkbox {
        /* padding-left: 64%; */
        font-size: 14px;
    }
    .banner-group .w-box {
        padding-top: 170px;
        background-position: 50% 25px;
    }

    .banner-group strong {
        font-size: 17px;
    }
    .banner-group p {
        font-size: 14px;
    }
    .counsel-form {
        padding: 40px 35px;
        padding-left: 60px;
        position: relative;
    }
    .counsel-form:before {
        content: "";
        display: block;
        width: 1px;
        background: #e5e5e5;
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 0;
        height: 100%;
        z-index: 2;
    }
    .online-counsel {
        border-bottom: 0;
        padding: 40px 50px;
    }
    .online-counsel ul {margin-top: 50px;}
    .online-counsel li {font-size:17px}
    .online-counsel h4 {height:60px;}
    .online-counsel .detail-view {right:50px;line-height: 38px;font-size:17px}
    .online-counsel li span.state {width:90px;padding: 0 10px;}
    .online-counsel li span.done {width:90px;padding: 0 10px;}

    .index .cs-info {
        padding: 40px 20px;
    }
    .counsel-cs .cs-info dl {
        margin-left: 0;
        margin-right: 0;
    }
    .counsel-cs .cs-info dl:last-child dd:last-child {
        left: 20px;
        right: 35px;
    }
    .counsel-step-guide {
        padding: 0;
        padding-left: 40px;
        padding-top: 40px;
        border-bottom: 0;
    }
    .counsel-step-guide li {
        display: block;
        width: 100%;
        padding-top: 10px;
        padding-left: 85px;
        text-align: left;
        background-position: 0 50%;
        background-size: 72px;
        height: 72px;
        margin-bottom: 30px;
        font-size: 15px;
    }
    .counsel-step-guide li:after {
        display: none;
    }
    .counsel-schedule .profile-img {
        position: absolute;
        right: 15px;
        width: 72px;
        height: 72px;
        margin-top: -36px;
    }
    .foot-visual {
        margin: 80px 0 0 0;
    }
    #footer {
        padding: 40px 0;
    }
    .sub-cs .counsel-step-guide {
        padding: 35px 0;
        text-align: center;
    }
    .sub-cs .counsel-step-guide li {
        display: inline-block;
        width: auto;
        padding-top: 10px;
        padding-left: 85px;
        padding-right: 40px;
        text-align: left;
        background-size: 72px;
        background-position: 0 0;
        margin-bottom: 0;
        margin-right: 30px;
        font-size: 16px;
    }
    .sub-cs .counsel-step-guide li:after {
        content: "";
        position: absolute;
        display: block;
        width: 10px;
        height: 72px;
        right: 0;
        top: 0;
        background: url(../img/arr_counsel.png) no-repeat 0 50%;
        background-size: 10px;
        margin-right: 0;
    }
    .sub-cs .counsel-step-guide li.step3 {
        padding-right: 0;
        margin-right: 0;
    }
    .sub-cs .counsel-step-guide li.step3:after {
        display: none;
    }
    .sub-cs .counsel-step-guide li.step1 {
        background-image: url(../img/counsel_step1.gif);
    }
    .sub-cs .counsel-step-guide li.step2 {
        background-image: url(../img/counsel_step2.gif);
    }
    .sub-cs .counsel-step-guide li.step3 {
        background-image: url(../img/counsel_step3.gif);
    }

    .tab-nav li a {
        padding: 13px 0;
    }
    #content .media-info h2 {
        height: auto;
    }

    /* 로펌소개 */

    .about .map iframe {
        height: 450px !important;
    }
    .about .addr-info br {
        display: none;
    }
    .about .addr-info li {
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        min-width: 40%;
    }
    .about .addr-info li b {
        display: inline-block;
        line-height: 32px;
        vertical-align: top;
        margin-right: 5px;
    }
    .about .addr-info li span {
        display: inline-block;
        line-height: 34px;
        padding: 0 5px;
		color:#064323
    }

    /* 온라인상담 */

    .online-cs-form .w-box {
        padding: 40px 60px;
    }
    .online-cs-form .btn {
        right: 60px;
        padding: 0 40px;
    }

    /* 변호사소개 */

    /* .lawyer-list .profile-info {
        position: relative;
        background: #fff;
        color: #fff;
        overflow: hidden;
        height: 500px;
        float: left;
    }
    .lawyer-list .thumb {
        width: 252px;
        height: 100%;
    }
    .lawyer-list .thumb span {
        padding: 0;
    }
    .lawyer-list .thumb span img {
        position: static;
        margin-top: 0;
    }
    .lawyer-list .profile-desc {
        padding: 25px;
        width: 252px;
        position: absolute;
        left: 0;
        bottom: 0;
        top: auto;
        height: 152px;
        background: #064323;
    }
    .lawyer-list .name-en {
        left: 25px;
        padding-left: 0;
        bottom: 25px;
    }
    .lawyer-list .name-en small {
        color: #e5ca95;
    }
    .lawyer-list .history {
        width: 338px;
        float: right;
        height: 500px;
        border: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 45px 0;
        overflow: hidden;
    }
    .lawyer-list .history .name-ko {
        padding-left: 40px;
        font-weight: bold;
    }
    .lawyer-list .history .name-ko small {
        color: #064323;
        font-weight: normal;
    }
    .lawyer-list ul {
        font-size: 14px;
        padding-left: 40px;
        width: 100%;
        margin-top: 30px;
    } */

    /* 성공사례 */

    .sub-success-p .flexslider {
        width: 1130px;
    }
    .success-list .slides li:nth-of-type(4) {
        display: block;
    }
    .success-list .slides li:nth-of-type(5),
    .success-list .slides li:nth-of-type(6),
    .success-list .slides li:nth-of-type(7),
    .success-list .slides li:nth-of-type(8),
    .success-list .slides li:nth-of-type(9),
    .success-list .slides li:nth-of-type(10),
    .success-list .slides li:nth-of-type(11),
    .success-list .slides li:nth-of-type(12) {
        display: none;
    }
    .success-best small {
        line-height: normal;
    }
    .success-best small b {
        font-size: 18px;
        margin: 0 2px;
    }
    .success-best .best-slider li {
        /* padding-top: 60px; */
        position: relative;
    }
    .success-list .in-box strong {
        padding:  40px 20px;
    }
    .success-list .in-box strong span {
    }
    .success-list div.pic {padding: 20px;}
    .success-list .detail-view {top:320px; right:20px;}

    /* 동영상: 170720 */
    .play-list-wrap {padding: 0;overflow:hidden;}
    .play-list-wrap .container {padding: 0;width:1200px;}
    .play-list-wrap h2 a {margin-top: 5px;}
    .play-list-wrap .movie-area {position:relative;width:590px;height:332px;float:left;}
    .play-list-wrap .movie-list {float:right;height:100%;}
    .play-list-wrap .movie-list ul {margin:0;margin-top: -1px;height:100%;}
    .play-list-wrap .movie-list li {width:288px;margin:0;height:332px;;}
    .play-list-wrap .movie-list li+li {margin-left: 15px;}
    .play-list-wrap .movie-list li:nth-child(2n+1) {clear:none}
    .play-list-wrap .movie-list li .thumb {display:block;position:relative;padding-top: 70%;margin-bottom: 10px;}
    .play-list-wrap .movie-list li img {width:100%;height:100%;position:absolute;top:0;}
    .play-list-wrap .movie-list li strong {font-size:17px;font-weight: bold;display:block;padding-bottom: 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .play-list-wrap .movie-list li .date {display:block;margin-bottom: 15px;}
    .play-list-wrap .movie-list li p {font-size:14px;color:#666;line-height:20px;overflow:hidden;}
    .play-list-wrap .play-list {float:right;width:330px;height:490px;}
    .play-list-wrap .play-list .tit img {max-width:100%;}
    .play-list-wrap .play-list .tit {line-height:100px;height:100px;}
    .play-list-wrap .play-list .scroll {overflow-y:auto;height:380px;}
    .play-list-wrap .play-list li {height:60px;line-height:58px;font-size:15px;}

    /* 갤러리 게시판추가: 180130 */
    .gallery-list {margin-bottom: 20px;}
    .gallery-list ul {margin-top: -20px;}
    .gallery-list li {width:380px;margin:0;margin-left: 20px;margin-top: 20px;padding:20px;}
    .gallery-list li:nth-child(3n+1) {margin-left: 0;}
    .gallery-list li .thumb {margin:-20px;margin-bottom: 25px;}
    .gallery-list li .date {display:block;color:#888;margin-bottom: 15px;}
    .gallery-list li p {margin-top: 5px;height:60px;line-height:20px;overflow:hidden;}


    /* 선임후기: 180515 */
    .reviews-media {margin:60px 0;background:#fff url(/img/advice_left.jpg) no-repeat 0 0;background-size:50% 650px}
    .reviews-media .inner {overflow:hidden;}
    .reviews-media .bg {position:absolute;left:0;right:0;height:650px;}
    .reviews-media .section {width:50%;float:left;padding: 1px 60px 60px;height:650px;margin:0;z-index:1;position:relative;border:0;background:none;}
    .reviews-media .section:last-child {margin-top: 0;padding-left: 60px;background:none;}
    .reviews-media li {height:60px;line-height: 60px;padding-left: 30px;padding-right: 80px;font-size:16px}
    .reviews-media h2 {margin-bottom: 60px !important;}
    .reviews-media .section:last-child h2 {margin-bottom: 10px !important;}
    .reviews-media h2 span {font-size:14px;margin-top: 4px;font-weight: normal;}
    .reviews-media img {max-width:100%}
    .reviews-media .media {margin:28px 0}
    .reviews-media p {font-size:16px;}

    .reviews-list {}
    .reviews-list .top-txt {padding: 40px 0;font-size:30px;}
    .reviews-list .list {margin-bottom: 100px;}
    .reviews-list .list .row {margin:0 -15px;margin-top: -30px;}
    .reviews-list .list li {padding: 0 15px;margin-top: 30px;}
    .reviews-list .list .inner .top-title {padding: 30px;}
    .reviews-list .list .inner strong {font-size:20px;font-weight: normal;}
    .reviews-list .list .inner p {margin: 30px;line-height:20px;height:60px;font-size:17px; color:#666}
    .reviews-list .list .inner p span {line-height: 60px;}

    .list-prev-next ul li {padding:20px 30px;}
    .list-prev-next ul li a span {float:left;width:100px}
    .list-prev-next ul li a span.date {position: static;float:right;margin:0;text-align: right;}
    .list-prev-next ul li a p {float:left;width:80%;padding: 0;line-height: normal;}

    /* 포렌식추가: 180711 */
    .new-lawyer-list .pop-lawyer .inner {width:1000px;padding: 0;left:50%;margin-left: -550px;max-height:740px;}
    .new-lawyer-list tbody tr td:first-child {font-size:18px;}
	
	.about-con .inner {width:1200px; margin:0 auto; background:#fff; padding:50px;}
	.about-con .inner img {float:left; width:auto; height:auto;}
	.about-con .inner .name-con {float:right; font-size:25px; color:#111; text-align:right; padding:30px;}
	.about-con .inner .name-con span {display:block;}
	.about-con .inner .name-con b {/*font-size:40px;*/}
	.about-con .inner .name-con b strong {font-weight:500; font-size:40px;}
	.about-con .inner .name-con span.en {font-size:20px; text-transform:uppercase; letter-spacing:4px;}
	.about-con .profile {clear:both; /*padding:30px;*/}
	.about-con .profile img {float:left; margin-right:100px;}
	.about-con .profile .profile_tx {float:left; font-size:16px; width:calc(100% - 530px); }
	.about-con .profile .profile_tx .tit {display:block; margin-bottom:20px; color:#3177cf; font-weight:500; }
	.about-con .profile .profile_tx .line {border-top:1px dashed #bbb; margin-top:30px; padding-top:30px;}
	.about-con.type1 .name-con img {margin-top:20px;}
	.about-con.type1 .profile {position:relative;}
	.about-con.type1 .profile img {position:absolute; top:-280px; left:0px;}
	.about-con.type1 .profile_tx {float:left; font-size:16px; margin-left:500px;}

	/*성공사례*/
.success-list.new-list ul li:nth-child(5), .success-list.new-list ul li:nth-child(6) { display:none; }
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(-o-min-device-pixel-ratio: 5/4),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* 고해상도 기기를 위한 스타일 조정 */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}



/* 20180914 입회보장제도 */
.sub_2_new .strong{ color:#0a8340 !important; }
.sub_2_new {padding:20px 40px 65px;  background:url('../img/sub_2_bg.png')right top no-repeat; background-size:100%;  background-color:#fff; box-shadow:0 0 5px #ddd}
.sub_2_new h3.sub_2_title { font-size:30px; font-weight:200; text-align:center;  }
.sub_2_new h3.sub_2_title .strong { font-weight:700; }
.sub_2_new .section { margin-top:90px; padding-right:25%; word-break: keep-all; word-wrap: break-word; }
.sub_2_new .section .section-title { font-size:24px; color:#000; font-weight:700; margin-bottom:70px; }
.sub_2_new .section .s-title { font-size:20px; font-weight:300; margin-bottom:45px;  font-weight:500; letter-spacing:-0.025em; line-height:28px; }
.sub_2_new .section { font-size:16px; color:#494949; line-height:24px; font-weight:500; }
.sub_2_new .sub-2-img { margin-top:80px; text-align:center;}
.sub_2_new .sub-2-img img { max-width:100%;}
.sub_2_new .sub-2-sign { margin-top:50px; text-align:right; }
.sub_2_new .sub-2-sign .sign-1 { font-size:16px; color:#666; }
.sub_2_new .sub-2-sign .sign-2 { font-size:24px; color:#111; font-weight:700; }

@media (max-width: 1024px){
	.sub_2_new { background-size:110%;  background-color:#fff; box-shadow:0 0 5px #ddd}
	.sub_2_new .section.section-2 { padding-right:0px;}

}

@media (max-width: 768px){
	.sub_2_new { background-size:120%;  background-color:#fff; box-shadow:0 0 5px #ddd}
}

@media (max-width: 600px){
	.sub_2_new {padding:20px 20px 40px; }
	.sub_2_new .section.section-1 { padding-right:0px;}
	.sub_2_new .section { margin-top:60px;}
	.sub_2_new h3.sub_2_title { font-size:25px !important; }
	.sub_2_new .section .section-title { margin-bottom:35px; font-size:20px; }
	.sub_2_new .section .s-title { margin-bottom:25px; font-size:18px; }
	.sub_2_new .section { font-size:14px; }
	.sub_2_new .sub-2-sign { margin-top:35px; }
	.sub_2_new .sub-2-sign .sign-1 { font-size:14px; }
	.sub_2_new .sub-2-sign .sign-2 { font-size:18px; }

}


/* 20180918 팝업 */
.popup-wrap { position:absolute; z-index:100; top:100px; left:100px; width:504px; height:644px; border:2px solid #a69d93;  }
.popup-wrap .close { background:#141a2a; color:#fff; height:40px; line-height:40px; width:100%; text-shadow:0 0 0 !important; opacity:1 !important; font-size:14px; padding:0 20px; font-weight:normal;  } 
.popup-wrap .close #check { float:left; }
.popup-wrap .close #close { float:right; }
.popup-wrap .close #close  a { color:#fff; }
.popup-wrap .close:after { display:block; clear:both; content:'';  }
.popup-wrap .layer-popup .for-pc { display:block;}
.popup-wrap .layer-popup .for-mobile { display:none;} 

@media (max-width: 600px){
	.popup-wrap { width:90%; margin:0 auto; top:70px; left:5%; height:auto;}
	.popup-wrap .layer-popup .for-mobile { display:block;}
	.popup-wrap .layer-popup .for-pc { display:none;}  
	.popup-wrap .layer-popup img { width:100%; }

}


.brd-con * { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, Helvetica, sans-serif !important; font-size:16px !important;  }
.brd-con b {font-weight:700; }


/* 20181211 메인 오시는길 */
.location-map { position:relative; }
.location-map .btn_map_hover { position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden; background:rgba(0,0,0,0.8); color:#fff; }
.location-map .btn_map_hover { 
	filter: alpha(opacity=0); opacity:0;
	-webkit-transition:opacity 0.3s cubic-bezier(0.75,0.1,0.25,1);
	transition:opacity 0.3s cubic-bezier(0.75,0.1,0.25,1); }
.location-map .btn_map_hover:hover, .location-map .btn_map_hover.hover { opacity:1;  }
.location-map .btn_map_hover a { color:#fff; display:block; padding:30px 20px; width:100%; height:100%; }
.location-map .btn_map_hover a .trans { margin-top:30px; }
.location-map .btn_map_hover a .trans p.t-tit { font-size:18px; padding-bottom:15px;  }
.location-map .btn_map_hover a .trans p.t-tit small { font-size:14px; color:rgba(255,255,255,0.7); display:inline-block; margin-left:10px; }
.location-map .btn_map_hover a .trans p.t-tit small strong {  color:rgba(255,255,255,1); }
.trans .green-c { display:inline-block; width:16px; height:16px; background:#6ec753; border-radius:50%; text-align:center; line-height:16px; margin:0 1px; font-size:13px; font-weight:500; }
.trans .orange-c { display:inline-block; width:16px; height:16px; background:#fb9402; border-radius:50%; text-align:center; line-height:16px; margin:0 1px; font-size:13px; font-weight:500; }
.location-map .btn_map_hover .trans ul li+li { margin-top:7px; }
.trabs-bus ul li em { display:inline-block; width:30px; height:20px; text-align:center; line-height:18px; border-radius:3px; font-size:13px; margin-right:5px;  }
.trabs-bus ul li em.bus-1 { background:#8c98e3; border:1px solid #616dc0; }
.trabs-bus ul li em.bus-2 { background:#d98474; border:1px solid #e66044; }
.trabs-bus ul li em.bus-3 { background:#a188c0; border:1px solid #8e6abb; }


/* 20181211 서브 오시는길 */
.location-info {display:block; }
.location-info dl {display:block; width:100%;  }
.location-info dl + dl { margin-top:40px; }
.location-info dl:after {content:""; display:block; clear:both}
.location-info dl dt {float:left; display:block; width:160px; font-size:22px; color:#000; font-weight:700; }
.location-info dl dd {float:left; display:block; width:calc(100% - 160px); font-size:16px; }
.location-info dl dd > ul > li {display:block; }
.location-info dl dd > ul > li:after { display:block; content:''; clear:both; }
.location-info dl dd > ul > li + li { margin-top:10px }
.location-info dl dd > ul > li a {display:inline-block; letter-spacing:0}
.location-info dl dd > ul > li > strong {display:block; float:left; width:60px; color:#000; line-height:16px; border-right:1px solid #d6d6d6; line-height:18px;}
.location-info dl dd > ul > li > span { display:block; float:left; width:calc(100% - 60px); padding-left:10px; line-height:18px; }
.location-info dl dd ul.call li {letter-spacing:0}
.location-info dl dd ul.call li strong { color:#000; font-weight:700; border-right:0; width:25px; }
.location-info dl dd ul li.bus ul li{letter-spacing:0}
.location-info dl dd ul li.bus ul li + li { margin-top:5px; }
.location-info dl dd ul li.bus ul li em { display:inline-block; width:36px; height:22px; text-align:center; line-height:22px; border-radius:3px; font-size:14px; margin-right:5px; color:#fff;  }
.location-info dl dd ul li.bus ul li em.bus-1 { background:#6471cf; }
.location-info dl dd ul li.bus ul li em.bus-2 { background:#d0654a; }
.location-info dl dd ul li.bus ul li em.bus-3 { background:#946dc4; }
.print-btn-wrap { margin-top:20px; float:right; }
.print-btn-wrap:after { clear:both; content:''; display:block; }
.print-btn-wrap .print-btn { width:170px; text-align:center; height:42px; line-height:40px; display:inline-block; background:#064323; font-size:16px; font-weight:500; color:#fff; border:1px solid #02361b;
 border-radius:3px; }


@media (max-width: 767px){
	/* 20181211 서브 오시는길 */
	.location-info dl dt {float:none; display:block; width:100%; font-size:17px; color:#000; font-weight:700; margin-bottom:7px; }
	.location-info dl dd {float:none; display:block; width:100%; font-size:13px; line-height:1.5em ; }
	.location-info dl + dl { margin-top:25px; }
	.location-info dl dd ul.call li { display:block; width:calc(50% - 5px); float:left; text-align:center; }
	.location-info dl dd ul.call li + li { margin-top:0; }
	.location-info dl dd ul.call li span, .location-info dl dd ul.call li strong { display:inline-block; width:auto; float:none; }
	.location-info dl dd ul.call:after { display:block; clear:both; content:'';  }
	.location-info dl dd ul.call li:nth-child(1) { margin-right:5px; }
	.location-info dl dd ul.call li:nth-child(2) { margin-left:5px; }
	.location-info dl dd ul.call li { background:#064323; color:#fff; line-height:34px; height:34px; border-radius:3px; }
	.location-info dl dd ul.call li strong { width:22px; height:22px; line-height:22px; text-align:center; background:#fff; color:#064323; border-radius:50%; font-weight:700; }
	.location-info dl dd ul li.bus ul li em { width:32px; height:18px; text-align:center; line-height:18px; border-radius:3px; font-size:13px; margin-right:3px; color:#fff;  }
	.location-info dl dd > ul > li > strong {display:block; float:left; width:40px; color:#000; line-height:16px; border-right:1px solid #d6d6d6; line-height:18px;}
	.location-info dl dd > ul > li > span { display:block; float:left; width:calc(100% - 40px); padding-left:10px; line-height:18px; }	
	.print-btn-wrap { display:none; }
	.location-tab .tab-nav { display:none; }
	.location-tab .tab-contents #tab2 { display:none; }
	#tab1 .map { height:250px; }
}

@media (max-width: 414px){
	/* 20181211 서브 오시는길 */
	.location-info dl dd ul.call li { display:block; width:100%; float:none; }
	.location-info dl dd ul.call li:nth-child(1) { margin-right:0px; }
	.location-info dl dd ul.call li:nth-child(2) { margin-left:0px; margin-top:5px; }
	.in-box.location-box { padding:15px; }
}


/* 20181214 수정(메인) */

/* 글자 자르기 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.4em; max-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line3-text-eps { display:block; line-height:1.4em; max-height:4.2em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line5-text-eps { display:block; line-height:1.5em; max-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; 
}

#content h2 {/*font-size: 22px;*/ margin-top: 30px; margin-bottom: 15px; position: relative; font-weight: bold; }
.play-list-wrap .movie-list li .date { margin-bottom:0; margin-top:15px; }
.play-list-wrap .movie-list li p {  }

/* 실시간상담신청 추가 */
.telephone.new { padding:40px 50px;  color:#fff; width:100%; position:relative; } 
.telephone.new h2 { font-weight:500 !important; }
.telephone.new h2 strong { color:#dba502;display:inline-block; margin-left:10px; font-size:18px; font-weight:200; }
.online-consult-wrap form { margin-top:35px; }
.online-consult-wrap dl { width:100%; height:auto; }
.online-consult-wrap dl + dl { margin-top:10px; }
.online-consult-wrap dl:after { display:block; clear:both; content:''; }
.online-consult-wrap dl dt { width:100px; float:left; display:block; line-height:34px; }
.online-consult-wrap dl dd { width:calc(100% - 100px); padding-left:0; float:left; display:block; }
.online-consult-wrap input.form-control { background:none; border:1px solid rgba(255,255,255,0.2); border-radius:0; hiehgt:34px; line-height:34px; color:#fff; }
.online-consult-wrap input.form-control::placeholder { color:#777; }
.online-consult-wrap select.form-control.wide {  border:1px solid rgba(255,255,255,0.2); border-radius:0; height:34px; line-height:34px; padding:0 12px;
    padding-right: 30px !important;
	background:transparent; 
    background-image: url(../img/arr_select.png) !important;
    background-position: 99% 50%;
    background-repeat: no-repeat;
    background-size: 22px; 
	color:#777; }
.online-consult-wrap .checkbox { margin-top:10px; position:relative; height:20px; line-height:20px; }
.online-consult-wrap .checkbox label { font-size:13px; font-weight:200; color:rgba(255,255,255,0.5); position:relative;  padding:0 0 0 20px;}
.online-consult-wrap .checkbox label:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: 3px;
	margin-top:0; 
	}
.online-consult-wrap .checkbox input[type=checkbox] {display:none;}
.online-consult-wrap .checkbox input[type=checkbox]:checked + label:before { border: 1px solid rgba(255,255,255,0.8);  background: url(../img/input_radio_w.png) no-repeat 50% 50%; background-size:100%; }
.online-consult-wrap .checkbox .btn.btn-sm { color:#777; line-height:20px; height:20px; padding:0 10px; vertical-align:top; margin-top:0; margin-left:15px;  }
.online-consult-wrap dl.last { margin-bottom:15px; }
.telephone-num-wrap { margin-top:40px; height:auto; overflow:hidden; }
.telephone-num-wrap h2 { width:100px; float:left; }
.telephone-num-wrap ul { display:block; width:calc(100% - 100px); float:left; letter-spacing:0.1em; font-size:17px;}
.telephone-num-wrap ul { text-align:left; margin-top:5px;}
.telephone-num-wrap ul li + li { margin-top:15px;  }
.telephone-num-wrap .tel-num .t1 , .telephone-num-wrap .tel-num .t2 { text-indent:-10000px; font-size:0; display:inline-block; width:26px; height:26px; border-radius:50%;  float:left;
margin-right:10px; }
.telephone-num-wrap .tel-num .t1 {  background: url(../img/icon_t1.png) no-repeat 50% 50%; background-size:20px; background-color:#1f365f; }
.telephone-num-wrap .tel-num .t2 {  background: url(../img/icon_t2.png) no-repeat 50% 50%; background-size:20px; background-color:#1f365f; }
.telephone.new .rb-ptn { width:44px; height:40px; background: url(../img/rb_ptn.png) no-repeat right bottom; position:absolute; bottom:0; right:0; z-index:10;  }


@media (min-width: 1200px) {
	.index #content h2 {  font-size: 28px; }
}


@media (max-width: 767px){
	/* 성공사례 */
	.success-list p { display:none; }
	.success-list strong { padding:15px; }
	.success-list .detail-view { top:auto; bottom:5px; right:5px; }
	.success-list div.pic { padding:0 15px 25px 0; }
	.success-case .more{ font-size:0; background:url('../img/more_arw_w.png')center center no-repeat; background-size:13px auto; background-color:#064323; padding:0; border-radius:50%; width:25px; height:25px; 
	top:0;}

	/* 언론속의 오현 */
	.play-list-wrap h2 a.more { font-size:0; background:url('../img/more_arw_w.png')center center no-repeat; background-size:13px auto; background-color:#064323; padding:0; border-radius:50%; width:25px; height:25px; 
	top:0;}
	.play-list-wrap .movie-list li .thumb { overflow:hidden; margin-bottom:0px; }
	.play-list-wrap .movie-list li .thumb:after { position:absolute; display:block; width:100%; height:20px; background:#fff; content:''; bottom:0; left:0; z-index:10; }
	.play-list-wrap .movie-list li img { top:-10px; }
	.play-list-wrap .movie-list li strong { font-size:16px; background:#fff; margin-top:-10px; position:relative; z-index:20;   }
	.play-list-wrap .movie-list li p { margin-top:5px; }
	.success-list strong span { margin-right:0; font-weight:300; letter-spacing:-0.12em; }
	.success-list strong span, .success-list strong { font-size:14px; }
	
}



/* 팝업 */
/*
.layerPop {position:absolute; top:10px; left:10px; z-index:1000 ;}
.layerPop.popup2 { left:560px; }
.layerPop .popBottom { background:#006699; color:#fff; padding:5px 10px; font-size:14px; }
.layerPop .popBottom:after { display:block; clear:both; content:''; }
.layerPop .popBottom .left { float:left; }
.layerPop .popBottom .right { float:right; }
.layerPop .popBottom label, 
.layerPop .popBottom .popclose { cursor:pointer; }
@media (max-width: 1024px) {
	.layerPop {position:absolute; top:10px; left:2%; width:50%; }
	.layerPop.popup2 { width:46%; left:52%; }	
	.layerPop .popCnts img { width:100%; }
}
@media (max-width: 767px) {
	.layerPop { width:96%; max-width:500px;}
	.layerPop.popup2 { width:96%; left:2%; max-width:460px; }
	.layerPop .popCnts img { width:100%; }
}*/


/* 20200428 변호사소개 페이지 디자인수정*/
.lawyerListWrap {}
.lawyerList ul:after { display:block; clear:both; content:''; }
.lawyerList ul { width:calc(100% + 10px); transform:translateX(-5px); }
.lawyerList ul li  { width:25%; padding:5px; float:left; }
.lawyerList ul li .lawyerCnts { position:relative; overflow:hidden; }
.lawyerList ul li .lawyerCnts a { display:block; width:100%; height:100%; }
.lawyerList ul li .lawyerCnts .lawyerPic { }
.lawyerList ul li .lawyerCnts .lawyerPic img { width:100%; 
		transform:matrix(1, 0, 0, 1, 0, 0); 
		transition:0.2s ease-in; 
		-moz-transition:0.2s ease-in; 
		-webkit-transition:0.2s ease-in; 
		-ms-transition:0.2s ease-in;}
.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.05, 0, 0, 1.05, 0, 0); }
.lawyerList ul li .lawyerCnts .lawyerText { position:absolute; width:100%; padding:10px; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff; text-align:right; }
.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:17px; }
.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:13px; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:19px; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:28px; font-weight:500; display:inline-block; margin-right:5px; }

.lawyerList.list02 { margin-top:80px; }
.lawyerList.list02  ul li  { width:16.666666%;  }
.lawyerList.list02 ul li .lawyerCnts .lawyerText { padding:5px 10px; text-align:center; }
.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:16px; }
.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:22px; }


@media (max-width: 1080px) {
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:24px; }
}


@media (max-width: 959px) {
	.lawyerList ul li  { width:50%;  }
	.lawyerList.list02  ul li  { width:25%;  }
}

@media (max-width: 767px) {
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:15px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:11px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:17px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:25px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:14px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:20px; margin-right:3px; }
}

@media (max-width: 639px) {
	.lawyerList.list02  ul li  { width:33.33333%;  }
	.lawyerList ul li .lawyerCnts .lawyerText { padding:10px 5px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:12px; letter-spacing:-0.1em;}
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:10px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:16px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:15px; }
	.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.0, 0, 0, 1.0, 0, 0); }
}


/* 20200618 오시는길*/
.trans ul li { font-size:14px; line-height:20px;  }
.trabs-bus ul li em.bus-blue { background:#123681; }
.trabs-bus ul li em.bus-green { background:#3c8112; }
.trabs-bus ul li em.bus-red { background:#ed0404; }
.trabs-bus ul li em.bus-yellow { background:#fea802; }

.location-info dl dd ul li.bus ul li em.bus-blue { background:#123681; }
.location-info dl dd ul li.bus ul li em.bus-green { background:#3c8112; }
.location-info dl dd ul li.bus ul li em.bus-red { background:#ed0404; }
.location-info dl dd ul li.bus ul li em.bus-yellow { background:#fea802; }
.location-info dl dd ul li.bus ul li .icon { display:inline-block; margin-right:8px; width:16px;}



/* 20200709 메인페이지 오시는길 수정 */
#header.new-navi, .index #header.new-navi.fixHeader, #header.new-navi.fixHeader { z-index:10000; }
.location.new .btn_map_hover { z-index:9999 !important; background:rgba(0,0,0,0.9); }

.location.new { clear:both; }
.location.new:after { display:block; clear:both; content:''; }
.location.new .location-addr { width:58%; float:left; }
.location.new .location-map { width:42%; float:left; }
.location.new .location-addr a { display:block; width:100%; }
.location.new .location-addr a:after {display:block; clear:both; content:'';  }
.location.new .location-addr a .office_info { width:50%; float:left; background:#222328; color:#fff; height:450px; padding:30px; }
.location.new .location-addr a .office_pic {  width:50%; float:left; background:url('/img/office_pic.jpg')no-repeat right top; height:450px; background-size:cover; }
.location.new .location-addr a .office_pic img { display:none; }
.location.new .location-addr a .office_info h2 { font-size:32px; font-weight:700; padding-top:40px; }
.location.new .location-addr a .office_info h3 { margin-top:30px !important; margin-bottom:10px !important; font-size:18px !important; }
.location.new .location-addr a .office_info h3 span { font-size:18px; border-bottom:1px solid #fff; font-weight:500; }
.location.new .location-addr a .office_info p { font-size:17px; line-height:25px; font-weight:200; }
.location.new .location-addr a .office_info p strong { font-weight:700; color:#fe7e01; }

.location.new .location-map { background:#222328; }
.location.new .location-map .txt { width:100%; height:50px; line-height:50px; background:#222328; color:#fff; font-size:15px; text-align:center; }
.location.new .location-map .mapWrap { padding:0 20px 20px; }
.location.new .location-map .mapWrap .root_daum_roughmap_landing .cont { display:none !important; }
.location.new .location-map .txt .org { color:#fe7e01; }
.location.new .location-map .txt .green { color:#2ea842; }
.location.new .btn_map_hover { z-index:999999; }

@media (max-width: 1080px) {
	.location.new .location-addr { width:100%; float:none; }
	.location.new .location-map { width:100%; float:none; }

}

@media (max-width: 600px) {
	.location.new .location-addr a { position:relative; }
	.location.new .location-addr a .office_info { width:100%; height:auto; z-index:10 position:relative; }
	.location.new .location-addr a .office_pic { position:absolute; right:0; top:0; width:30%; height:100%; z-index:9; }
	.location.new .location-addr a .office_info h2 { padding-top:0; font-size:25px;  }
	.location.new .location-addr a .office_info h3 { margin-top:20px !important; margin-bottom:5px !important; font-size:16px !important; }
	.location.new .location-addr a .office_info h3 span { font-size:17px; }
	.location.new .location-addr a .office_info p { font-size:14px; line-height:22px;  }

	.location.new .location-addr a .office_info { padding:15px; padding-right:47%; }
	.location.new .location-addr a .office_pic { width:45%; }
	.location.new .location-addr a .office_info h2 { font-size:20px !important }
	.location.new .location-addr a .office_info h3 { margin-top:15px !important; margin-bottom:5px !important; font-size:15px !important; }
	.location.new .location-addr a .office_info h3 span { font-size:15px; }
	.location.new .location-addr a .office_info p { font-size:12px; line-height:20px;  }

}


/*20200729  변호사 목록 페이지 수정 */
.sub-top-img.lawyerpage { background:url(/img/lawyer/lawyer_top_bg.jpg)center center no-repeat; background-size:cover; height:auto; padding:60px 0 80px 0; }
.sub-top-img.lawyerpage .container { text-align:center; }
.sub-top-img.lawyerpage .container img { width:90%; max-width:739px; margin:0 auto; max-width:915px; }
.lawyerList.newlist ul { width:100%; transform:translateX(-0px); }
.lawyerList.newlist ul li { width:25%; padding:0; margin-top:30px; }
.lawyerList.newlist ul li:nth-child(4n+1) { clear:both; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic { position:relative; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.pc { display:block; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.mobile { display:none; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; display:block; background:rgba(0,0,0,0.15);
transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:hover:after { background:rgba(0,0,0,0); transition: all .3s ease-out; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:hover img { transform: matrix(1.03, 0, 0, 1.03, 0, 0); }


@media (max-width: 958px) {
	.lawyerList.newlist ul li { width:50%; padding:0; margin-top:20px; }
	.lawyerList.newlist ul li:nth-child(4n+1) { clear:none; }
	.lawyerList.newlist ul li:nth-child(2n+1) { clear:both; }
}

@media (max-width: 598px) {
	.sub-top-img.lawyerpage { padding:30px 0 40px 0; }
	.sub-top-img.lawyerpage .container img { width:96%; }

	.lawyerList.newlist ul li { width:100%; padding:0; margin-top:10px; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.pc { display:none; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.mobile { display:block; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic:after { display:none; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerText { text-align:center; }
}


/* -------------------------- 20200803 메인 수정 -------------------------*/
#header .topTel.new { padding:6px 20px; background:#064323; color:#fff; text-align:center; height:auto; overflow:hidden; border-radius:30px; font-family:'Noto Sans KR'; font-weight:300; 
letter-spacing:0em; line-height:20px; left:270px; bottom:22px; position:absolute; }
#header .topTel.new strong { font-size:16px; font-weight:500; }
#header .topTel.new strong span {  }
#header .topTel.new .tel_num { font-size:15px; }
#header .topTel.new .tel_num .num_01 {  }
#header .topTel.new .tel_num .num_02 { }

.index #content h2.title_new { text-align:center; font-family: 'Noto Serif KR', serif;  font-weight:500; font-size:47px; color:#111; letter-spacing:-0.03em !important; }
.index #content h2.title_new .text-border { display:inline-block; padding:0 40px; line-height:66px; border:1px solid #064323; border-radius:34px; width:660px; margin:0 auto; }
.index #content h2.title_new .text-border.type01 { width:100%; max-width:1217px;  padding:10px 40px; color:#c4b5a6; border-radius:100px;}

.index #content h2.title_new .color { color:#006699; }
.index #content h2.title_new small { font-family: 'Noto Sans KR'; font-size:17px; color:#414141; font-weight:500; display:block; text-align:center; margin-top:5px; }

.play-list-wrap .more.btn-new.new2020 { position:relative; float:right; margin-bottom:10px; margin-top:-70px; }

/* 상담신청, 상담후기, 상담현황 */
.num_font { font-family:'Montserrat', sans-serif; font-weight:400; }
.num_font.bold { font-weight:700 !important; } 

.counsel-newwrap {  width:100%; max-width:1920px; background:url('/img/cs_bg.jpg')no-repeat; background-size:cover; padding:60px 0; margin:60px auto; }
.counsel-newwrap .row:after { display:block; clear:both; content:''; }
.counsel-newwrap .row .col { width:48.75%; }
.counsel-newwrap .row .col.left { float:left; }
.counsel-newwrap .row .col.right { float:right; }
.counsel-newwrap .counsel-cs { margin-top:0; }
.w-box.new { background:transparent; }
.counsel-newwrap .online-counsel { background:#fff; box-shadow:0px 0px 10px 0 rgba(0,0,0,0.35); height:360px; }
.counsel-newwrap .online-counsel.after { margin-top:20px; }
.counsel-newwrap .consultWrap { background:rgba(69,69,69,0.9); padding:40px; height:740px; color:#fff; box-shadow:0px 0px 10px 0 rgba(0,0,0,0.5); position:relative; }
.consultWrap .online-consult-wrap { }
.consultWrap .online-consult-wrap h2 { text-align:center; font-size:33px !important; color:#fff !important; font-weight:normal !important; margin-bottom:30px !important; }
.consultWrap .online-consult-wrap h2 strong { font-weight:bold; }
.consultWrap .online-consult-wrap dl { margin-top:11px; width:100%; }
.consultWrap .online-consult-wrap dl.w50 { width:50%; }
.consultWrap .online-consult-wrap dl.w50.fl { float:left; padding-right:10px; }
.consultWrap .online-consult-wrap dl.w50.fr { float:right; padding-left:10px; }
.consultWrap .online-consult-wrap dl dt { width:70px; float:left; line-height:38px; }
.consultWrap .online-consult-wrap dl dd { width:calc(100% - 70px); float:right; }
.consultWrap .online-consult-wrap input[type="text"] { padding:0 5px; line-height:36px; border:1px solid rgba(255,255,255,0.2); border-radius:0; }
.consultWrap .online-consult-wrap select { border:1px solid rgba(255,255,255,0.2); border-radius:0; }
.consultWrap .online-consult-wrap .form-control { height:38px; color:rgba(255,255,255,0.8); background-color:transparent; }
.consultWrap .online-consult-wrap select option { background-color:#454545; }
.consultWrap .online-consult-wrap textarea { border:1px solid rgba(255,255,255,0.2); border-radius:0; }
.consultWrap .online-consult-wrap .checkbox { margin-left:70px; }
.online-consult-wrap .checkbox { margin-top:10px; position:relative; height:20px; line-height:20px; }
.online-consult-wrap .checkbox label { font-size:13px; font-weight:200; color:rgba(255,255,255,0.5); position:relative;  padding:0 0 0 20px;}
.online-consult-wrap .checkbox label:before { content:""; display:inline-block; width:14px; height:14px; border:1px solid rgba(255,255,255,0.2);  position:absolute; left:0; top:3px; margin-top:0; }
.online-consult-wrap .checkbox input[type=checkbox] {display:none;}
.online-consult-wrap .checkbox input[type=checkbox]:checked + label:before { border: 1px solid rgba(255,255,255,0.8);  background: url(../img/input_radio_w.png) no-repeat 50% 50%; background-size:100%; }
.online-consult-wrap .checkbox .btn.btn-sm { color:#777; line-height:20px; height:20px; padding:0 10px; vertical-align:top; margin-top:0; margin-left:15px;  }
.online-consult-wrap .btn-consult { margin-top:35px; width:100%; background:#937459; text-align:center; color:#fff; font-size:26px; border:0; line-height:50px; box-shadow:0 3px 0 0 rgba(0,0,0,0.3); }
.online-consult-wrap .btn-consult strong { color:#feb71e; border-bottom:1px solid #feb71e; font-weight:bold; }
/*.telephone-num-wrap { background:#353535; padding:35px 30px 45px 30px; box-shadow:0 3px 0 0 rgba(0,0,0,0.3); position:absolute !important; bottom:40px; left:40px; right:40px; }
.telephone-num-wrap h2 { text-align:center; margin-bottom:30px !important; }
.telephone-num-wrap h2 > span { color:#c2a184; font-size:30px; border-bottom:1px solid #c2a184; }
.telephone-num-wrap .tel-num { padding-right:80px; position:relative; }
.telephone-num-wrap .tel-num li + li { margin-top:10px; }
.telephone-num-wrap .tel-num .t1 {font-size:20px; margin-right:20px; display:inline-block; }
.telephone-num-wrap .tel-num .num_font { font-size:30px; letter-spacing:0.07em; }
.telephone-num-wrap .tel-num .kakao_link { position:absolute; top:0; right:0; margin-top:0; text-align:center;}
.telephone-num-wrap .tel-num .kakao_link a img { width:54px; margin-bottom:7px; }
.telephone-num-wrap .tel-num .kakao_link a { color:#fff; font-size:14px; }*/

.counsel-newwrap .online-counsel li:after { display:block; clear:both; content:''; }
.counsel-newwrap .online-counsel li span.date { width:90px; margin-right:0;}
.counsel-newwrap .online-counsel li a { width:calc(100% - 190px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }



@media (max-width: 1119px){
	.counsel-newwrap .row { margin-left:0; margin-right:0; }
	.consultWrap .online-consult-wrap h2 { font-size:26px !important; margin-bottom:20px!important; }
	.counsel-newwrap .online-counsel { height:330px; }
	.counsel-newwrap .consultWrap { padding:40px; height:680px; }
	.online-consult-wrap .btn-consult { margin-top:20px; font-size:24px;  }
	/*.telephone-num-wrap { padding:30px 20px;  }
	.telephone-num-wrap h2 { margin-bottom:30px !important; }
	.telephone-num-wrap h2 > span { font-size:24px;}
	.telephone-num-wrap .tel-num .t1 {font-size:18px; margin-right:15px; }
	.telephone-num-wrap .tel-num .num_font { font-size:26px; }
	.telephone-num-wrap .tel-num .kakao_link a img { margin-bottom:5px; }
	.telephone-num-wrap .tel-num { padding-right:65px; }*/
}



@media (max-width: 991px) {
	.index #content h2.title_new { font-size:40px; }
	.index #content h2.title_new .text-border { padding:0 50px; line-height:60px; border-radius:31px; width:98%; max-width:660px; }
	.index #content h2.title_new .text-border.type01 { padding:10px; width:94%; max-width:660px; }
	
	.index #content h2.title_new small { font-size:16px; }
	.play-list-wrap .more.btn-new.new2020 { background:#006699; padding:3px 10px; }

	.counsel-newwrap { margin:0 auto 40px; padding:30px 0; }
	.counsel-newwrap .row .col { width:100%; }
	.counsel-newwrap .row .col.left { float:none; }
	.counsel-newwrap .row .col.right { float:none; margin-top:20px;  }
	.counsel-newwrap .online-counsel { height:auto; }
	.counsel-newwrap .consultWrap { padding:30px 20px; height:auto; }
	/*.telephone-num-wrap { position:relative !important; right:auto; left:auto; bottom:auto; width:100%; margin-top:30px; }*/
	.online-consult-wrap .btn-consult { margin-top:25px; font-size:20px; }
}

@media (max-width: 767px) {
	.index #content h2.title_new { font-size:28px; }
	.index #content h2.title_new .text-border { padding:0 20px; line-height:42px; border-radius:22px; }
	.index #content h2.title_new small { font-size:14px; margin-top:0; }

	.play-list-wrap .more.btn-new.new2020 { margin-top:-20px; margin-bottom:-5px; }

	.success-list li { clear:none; }
	.success-list li:nth-child(3n+1) { clear:none; }
	.success-list li:nth-child(2n+1) { clear:both; }
	
}


@media (max-width: 598px) {
	.index #content h2.title_new { font-size:22px; }
	.index #content h2.title_new .text-border { padding:0 17px; line-height:36px; border-radius:19px; }
	.index #content h2.title_new small { font-size:12px; }

	.play-list-wrap .more.btn-new.new2020 { margin-top:0px; }

	.counsel-newwrap .consultWrap { padding:20px; }
	.consultWrap .online-consult-wrap dl.w50 { width:100%; }
	.consultWrap .online-consult-wrap dl.w50.fl { float:none; padding-right:0px; }
	.consultWrap .online-consult-wrap dl.w50.fl:after { display:block; clear:both; content:''; clear:both; }
	.consultWrap .online-consult-wrap dl.w50.fr { float:none; padding-left:0px; }
	/*.telephone-num-wrap { padding:20px; margin-top:20px; }
	.telephone-num-wrap .tel-num { padding-right:60px; }
	.telephone-num-wrap .tel-num li + li { margin-top:5px; }
	.telephone-num-wrap .tel-num .t1 {font-size:12px; margin-right:0px; display:block; }
	.telephone-num-wrap .tel-num .num_font { font-size:20px; letter-spacing:0.07em; }
	.telephone-num-wrap .tel-num .kakao_link { width:50px }
	.telephone-num-wrap .tel-num .kakao_link a img { width:50px; margin-bottom:5px; }
	.telephone-num-wrap .tel-num .kakao_link a { font-size:13px; }*/}



@media (max-width: 767px) {
	.sub-success-m { display:none !important;}
	}


/* 변호사 목록 페이지 수정 20201118 */
.mt3{ margin-top:3px; }
.lawyerTab .tab {}
.lawyerTab .tab:after { display:block; clear:both; content:''; }
.lawyerTab .tab li { width:50%; float:left; }
.lawyerTab .tab li:nth-child(2){ margin-left:-1px; }
.lawyerTab .tab li a { display:block; width:100%; line-height:56px; text-align:center; font-size:18px; color:#333; border:1px solid #ccc; }
.lawyerTab .tab li a:hover { background:#f1f1f1; }
.lawyerTab .tab li.on a { background:#064323; border-color:#0d4068; color:#fff; }
.tabContent { margin-top:30px; }
.lawyerList.newlist ul.col03 li { width:33.3333%; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong { background:rgba(254,208,128,0.5); padding:0 10px; border-radius:3px; }
.lawyerList ul li .lawyerCnts .lawyerText strong.bg { background:rgba(254,208,128,0.5); padding:0 10px; border-radius:3px; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong { margin-top:2px; display:inline-block; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong.first { margin-top:0; }
.lawyerList.newlist ul.col03 li:nth-child(4n+1) { clear:none; }
.lawyerList.newlist ul.col03 li:nth-child(3n+1) { clear:both; }
.tabWrap.lawyerTab { display:none; }
#lawyerList02 { display:block; }
.lawyerList.newlist ul.col03.first li { /*margin-top:0;*/ }
.tab_title { margin-top:100px !important; display:block; }
.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { background:#7c6033; border:1px solid #8a6f44; display:inline-block; }

@media (max-width: 958px) {
	.lawyerList.newlist ul li { width:33.3333%; }
	.lawyerList.newlist ul li:nth-child(2n+1) { clear:none; }
	.lawyerList.newlist ul li:nth-child(3n+1) { clear:both; }
	.lawyerList.newlist ul.col03 li:nth-child(2n+1) { clear:none; }
}

@media (max-width: 767px) {
	.lawyerTab .tab li a { line-height:40px; font-size:15px; }

	.lawyerList ul li .lawyerCnts .lawyerText { padding:10px 5px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:12px; letter-spacing:-0.1em;}
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:10px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.0, 0, 0, 1.0, 0, 0); }
}

@media (max-width: 598px) {
	.lawyerList.newlist ul.col03 li { width:100%; }
	.tabWrap.lawyerTab { display:block; }
	#lawyerList02 { display:none; }
	.tab_title { display:none; }
	.lawyerList.newlist ul li { width:100%; } 
	.lawyerList.newlist ul.col03 li { width:100%; }

	.lawyerList.new2022 ul li .lawyerCnts .lawyerText { padding:0; text-align:left; background:none; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText .lawyerName { margin-top:3px; text-align:right; background:rgba(0,0,0,0.6); padding:5px 10px; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:19px; font-weight:700; letter-spacing:0.05em; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong { margin-left:5px; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { padding:2px 6px; font-size:15px; }

}


/* 20201204 로펌슬라이드 추가 */
.location.new.new202012 { position:relative; }
.location.new.new202012 .location-addr {  }
.location.new.new202012 .location-addr:after { display:block; clear:both; content:''; }
.location.new.new202012 .location-addr a.link { width:50%; float:left; }  
.location.new.new202012 .location-addr a .office_info { width:100%; }
.location.new.new202012 .location-addr .office_pic { width:50%; float:left; height:450px; position:relative; }
.location.new.new202012 .location-addr .office_pic .bxslider { height:450px; }
.location.new.new202012 .location-addr .office_pic .bxslider img { display:none; }
.location.new.new202012 .location-addr .office_pic .bxslider li { height:450px; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic01 { background: url(../img/slide/slide_1.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic02 { background: url(../img/slide/slide_2.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic03 { background: url(../img/slide/slide_3.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic04 { background: url(../img/slide/slide_4.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic05 { background: url(../img/slide/slide_5.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic06 { background: url(../img/slide/slide_6.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic07 { background: url(../img/slide/slide_7.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic08 { background: url(../img/slide/slide_8.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic09 { background: url(../img/slide/slide_9.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic10 { background: url(../img/slide/slide_10.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic11 { background: url(../img/slide/slide_11.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic12 { background: url(../img/slide/slide_12.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic13 { background: url(../img/slide/slide_13.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic14 { background: url(../img/slide/slide_14.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic15 { background: url(../img/slide/slide_15.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bxslider .pic16 { background: url(../img/slide/slide_16.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new202012 .location-addr .office_pic .bx-controls { position:absolute; top:50%; z-index:10; width:100%;}
.location.new.new202012 .location-addr .office_pic .bx-controls a { width:30px; height:45px; display:inline-block; margin-top:-20px; position:absolute; }
.location.new.new202012 .location-addr .office_pic .bx-controls .bx-prev { text-indent:-1000px; font-size:0; background:url(../img/slide/arw_prev.png)center center; left:0; opacity:0.4;  }
.location.new.new202012 .location-addr .office_pic .bx-controls .bx-next { text-indent:-1000px; font-size:0; background:url(../img/slide/arw_next.png)center center; right:0; opacity:0.4; }
.location.new.new202012 .location-addr .office_pic .bx-controls .bx-prev:hover,
.location.new.new202012 .location-addr .office_pic .bx-controls .bx-next:hover { opacity:0.8; }

@media (max-width: 1199px) {
	.location.new.new202012 { padding:0; }
}

@media (max-width: 600px) {
	.location.new.new202012 .location-addr a .office_info { height:350px; }
	.location.new.new202012 .location-addr .office_pic,
	.location.new.new202012 .location-addr .office_pic .bxslider,
	.location.new.new202012 .location-addr .office_pic .bxslider li { height:350px; }
	.location.new.new202012 .location-addr a .office_info { padding-right:15px; }
	.location.new.new202012 .location-addr a .office_info h2 { padding-top:20px; }
}

@media (max-width: 440px) {
	.location.new.new202012 .location-addr a .office_info { height:280px; }
	.location.new.new202012 .location-addr .office_pic,
	.location.new.new202012 .location-addr .office_pic .bxslider,
	.location.new.new202012 .location-addr .office_pic .bxslider li { height:280px; }
	.location.new.new202012 .location-addr a .office_info h2 { padding-top:10px; }
}


/* 20201208 슬라이드 변경 */
.location.new.new_2 { position:relative; margin-bottom:170px; }
.location.new.new_2:after { display:block; clear:both; content:''; }
.location.new.new_2 .location-addr { width:29%; float:left;}
.location.new.new_2 .location-addr a .office_info { width:100%; }
.location.new.new_2 .location-map { width:42%; float:right;}
.location.new.new_2 .office_pic { width:29%; float:left; }
.location.new.new_2 .pic_slide_nav { position:absolute; top:100%; left:0; right:0; width:100%; }

.location.new.new_2 .office_pic .pic_slide { height:450px; }
.location.new.new_2 .office_pic .pic_slide .slide-item { height:450px; }
.location.new.new_2 .office_pic .pic_slide img {display:none;}
.location.new.new_2 .location-addr .office_pic .pic_slide .slick-list { height:450px; }
.location.new.new_2 .office_pic .pic_slide .item { height:450px; }
.location.new.new_2 .office_pic .pic_slide .pic01 { background: url(../img/slide/slide_1.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic02 { background: url(../img/slide/slide_2.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic03 { background: url(../img/slide/slide_3.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic04 { background: url(../img/slide/slide_4.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic05 { background: url(../img/slide/slide_5.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic06 { background: url(../img/slide/slide_6.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic07 { background: url(../img/slide/slide_7.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic08 { background: url(../img/slide/slide_8.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic09 { background: url(../img/slide/slide_9.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic10 { background: url(../img/slide/slide_10.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic11 { background: url(../img/slide/slide_11.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic12 { background: url(../img/slide/slide_12.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic13 { background: url(../img/slide/slide_13.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic14 { background: url(../img/slide/slide_14.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic15 { background: url(../img/slide/slide_15.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic16 { background: url(../img/slide/slide_16.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic_ic { background: url(../img/slide/slide_ic.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic_gj { background: url(../img/slide/slide_gj.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic_bs { background: url(../img/slide/slide_bs.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic_dj { background: url(../img/slide/slide_dj.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic_sw { background: url(../img/slide/slide_sw.jpg) no-repeat 50% 50%; background-size:cover; }
.location.new.new_2 .office_pic .pic_slide .pic_ic_1 { background: url(../img/slide/slide_ic_1.jpg) no-repeat 50% 50%; background-size:cover; }

.slick-slider.pic_slide_nav { width:100%; padding:0 63px 0 61px; position:relative; margin-top:10px; }
.slick-slider.pic_slide_nav .slide-nav { margin:0 5px; }
.slick-slider.pic_slide_nav .slide-nav img { width:100%; }

.slick-slider.pic_slide_nav .slick-arrow { position:absolute; top:0; z-index:90; width:45px; height:100%; display:block; border:0;}
.slick-slider.pic_slide_nav .slick-arrow.slick-prev { text-indent:-1000px; font-size:0; background:url(../img/slide_1/arw_prev.png)center center no-repeat; background-size:20px; background-color:#999; left:15px; z-index:9999;}
.slick-slider.pic_slide_nav .slick-arrow.slick-next { text-indent:-1000px; font-size:0; background:url(../img/slide_1/arw_next.png)center center no-repeat; background-size:20px;  background-color:#999; right:15px; z-index:9999; }
.slick-slider.pic_slide_nav .slick-arrow.slick-prev:hover,
.slick-slider.pic_slide_nav .slick-arrow.slick-next:hover { opacity:0.8; border:0;  }
.slick-slider.pic_slide_nav .slick-arrow:focus { border:0; outline:0; }

.section08 { width:calc(100% + 30px); margin-left:-15px; }


@media (max-width: 1080px) {
.location.new.new_2 { position:relative; margin-bottom:0px; }
.location.new.new_2:after { display:block; clear:both; content:''; }
.location.new.new_2 .location-addr { width:50%; float:left;}
.location.new.new_2 .office_pic { width:50%; float:left; }
.location.new.new_2 .pic_slide_nav { position:relative; top:auto; left:0; right:0; width:100%; clear:both; /*background:#222328;*/  }
.location.new.new_2 .location-map { width:100%; float:none; clear:both; }

.slick-slider.pic_slide_nav { width:100%; padding:10px 63px 10px 61px; position:relative; }
.slick-slider.pic_slide_nav .slide-nav { margin:0 5px; }
.slick-slider.pic_slide_nav .slide-nav img { width:100%; }

.slick-slider.pic_slide_nav .slick-arrow { position:absolute; top:10px; z-index:90; width:45px; height:calc(100% - 20px); display:block; border:0;}
.slick-slider.pic_slide_nav .slick-arrow.slick-prev { text-indent:-1000px; font-size:0; background:url(../img/slide_1/arw_prev.png)center center no-repeat; background-size:20px; background-color:#999; left:0px; z-index:10;}
.slick-slider.pic_slide_nav .slick-arrow.slick-next { text-indent:-1000px; font-size:0; background:url(../img/slide_1/arw_next.png)center center no-repeat; background-size:20px;  background-color:#999; right:0px; z-index:10; }
.slick-slider.pic_slide_nav .slick-arrow.slick-prev:hover,
.slick-slider.pic_slide_nav .slick-arrow.slick-next:hover { opacity:0.8; border:0;  }
.slick-slider.pic_slide_nav .slick-arrow:focus { border:0; outline:0; }

}


@media (max-width: 766px) {
	.location.new.new_2 .location-addr a .office_info { height:350px; }
	.location.new.new_2 .office_pic .pic_slide { height:350px; }
	.location.new.new_2 .office_pic .pic_slide .slide-item { height:350px; }
	.location.new.new_2 .office_pic .pic_slide img {display:none;}
	.location.new.new_2 .location-addr .office_pic .pic_slide .slick-list { height:350px; }
	.location.new.new_2 .location-addr .office_info h2 { padding-top:0px; margin-top:0 !important; }

	.slick-slider.pic_slide_nav { width:100%; padding:0 30px 0 28px; position:relative; padding-top:5px; }
	.slick-slider.pic_slide_nav .slide-nav { margin:0 2px; }
	.slick-slider.pic_slide_nav .slide-nav img { width:100%; }

	.slick-slider.pic_slide_nav .slick-arrow { position:absolute; top:5px; z-index:90; width:25px; height:calc(100% - 5px); display:block; border:0;}
	.slick-slider.pic_slide_nav .slick-arrow.slick-prev { text-indent:-1000px; font-size:0; background:url(../img/slide_1/arw_prev.png)center center no-repeat; background-size:10px; background-color:#999; left:0px; z-index:10;}
	.slick-slider.pic_slide_nav .slick-arrow.slick-next { text-indent:-1000px; font-size:0; background:url(../img/slide_1/arw_next.png)center center no-repeat; background-size:10px;  background-color:#999; right:0px; z-index:10; }
	.slick-slider.pic_slide_nav .slick-arrow.slick-prev:hover,
	.slick-slider.pic_slide_nav .slick-arrow.slick-next:hover { opacity:0.8; border:0;  }
	.slick-slider.pic_slide_nav .slick-arrow:focus { border:0; outline:0; }

}

@media (max-width: 600px) {
	.location.new.new_2 .location-addr a .office_info { height:280px; }
	.location.new.new_2 .office_pic .pic_slide { height:280px; }
	.location.new.new_2 .office_pic .pic_slide .slide-item { height:280px; }
	.location.new.new_2 .location-addr .office_pic .pic_slide .slick-list { height:280px; }
	.location.new.new_2 .location-addr a .office_info h2 { padding-top: 10px; }
	.location.new.new_2 .location-addr a .office_info { padding:15px; }

}

/* 202001224 footer 주소 추가 */
.officeInfoWrap { border-top:1px solid #efefef; padding-top:10px; text-align:left; padding-left:15px; margin-top:10px; }
.officeInfoWrap h3 { color:#064323; font-weight:600; font-size:14px; margin-bottom:5px; }
.officeInfoWrap ul li { display:block; position:relative; width:50%; float:left; margin-bottom:5px; }
.officeInfoWrap ul li { padding-left:11px; }
.officeInfoWrap ul li:before { width:1px; height:10px; background:#a1a1a1; content:''; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:0px; }
.officeInfoWrap ul li .tit { font-weight:600; }
.officeInfoWrap ul li:nth-child(2n+1) { clear:both; padding-left:0; }
.officeInfoWrap ul li:nth-child(2n+1):before { display:none; }

@media (max-width: 759px) {
	.officeInfoWrap ul li { display:block; width:100%; }
	.officeInfoWrap ul li { padding-left:0px; }
	.officeInfoWrap ul li:before { display:none; }

}


/* 20210106 대표변호사칼럼 추가 */
.play-list-wrap.column-list-2021 { }
.play-list-wrap.column-list-2021 .movie-list { float:none; }
.play-list-wrap.column-list-2021 .movie-list li { height:auto; }
.play-list-wrap.column-list-2021 .movie-list .tit {  display:block; line-height:1.4em; height:2.8em; max-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; 
overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; padding-bottom:0; white-space:pre-line; }
.play-list-wrap.column-list-2021 .movie-list .date { margin:0; height:1.4em; }
.play-list-wrap.column-list-2021 .movie-list .lw-name { margin-top:15px; color:#333; display:block; height:1.4em; }
.play-list-wrap.column-list-2021 .movie-list .line2-text-eps { height:2.8em; }



/* 20210128 오시는길 개편 */
.about .mb0 { margin-bottom:0 !important; }

.location-tab.new {}
.location-tab.new .map_tab { margin-bottom:15px; }
.location-tab.new .map_tab ul {}
.location-tab.new .map_tab ul:after { display:block; clear:both; content:''; }
.location-tab.new .map_tab li { width:25%; float:left; display:block; }
.location-tab.new .map_tab li a { font-size:15px;  vertical-align:middle; display:block; text-align:center;  border:1px solid #e1e1e1; border-bottom-color:#333;
background:none;  margin-left:-1px; padding:15px 0;  margin-bottom:-1px; color:#999; }
.location-tab.new .map_tab li.active a { border-color:#333;  border-bottom-color:#fff; background:#fff; position:relative; color:#333; }

/*.location-tab.new .con{height:auto;min-height:600px;position:absolute;top:0px;visibility:hidden;}
.location-tab.new .con.active{position:relative;visibility:visible;}*/
.location-tab.new .con .d_map_wrap { }
.location-tab.new .con .d_map_wrap .root_daum_roughmap { width:100% !important; height:500px !important; padding:0px !important; }
.location-tab.new .con .d_map_wrap .root_daum_roughmap .wrap_map { height:500px; }

.tab-location-info { background:#222328; color:#fff; font-size:18px; text-align:center; padding:20px;  }
.tab-contact-info { margin-top:50px; }
.tab-contact-info h2 { display:none; }
.tab-contact-info ul { }
.tab-contact-info ul:after { display:block; clear:both; content:''; }
.tab-contact-info ul li { width:33.3333%; float:left; text-align:center; }
.tab-contact-info .info strong { font-size:19px; display:block; margin-bottom:10px; color:#777; font-weight:400; }
.tab-contact-info .info span { font-size:28px; color:#111; font-weight:700; font-family:'Montserrat', sans-serif;  }
.tab-contact-info .info.tel_2 span { color:#064323; }
.tab-contact-info .info .icon { width:80px; height:80px; border-radius:50%; background:url(../images/sub/location_icon_160x160.png)no-repeat; background-size:400%; margin:0 auto 15px;}
.tab-contact-info .info.tel_1 .icon { background-position:0 0; background-color:#fff; }
.tab-contact-info .info.tel_2 .icon { background-position:33.3333% 0; background-color:#064323;  }
.tab-contact-info .info.tel_3 .icon { background-position:66.6666% 0;  background-color:#fff;  }

/* 20210308수정 */
.tab-contact-info.new .info .icon { width:80px; height:80px; border-radius:50%; background:url(../images/sub/location_icon_160x160_1.png)no-repeat; background-size:500%; margin:0 auto 15px;}
.tab-contact-info.new .info.tel_1 .icon { background-position:0 0; background-color:#fff; }
.tab-contact-info.new .info.tel_2 .icon { background-position:25% 0; background-color:#006699;  }
.tab-contact-info.new .info.tel_3 .icon { background-position:50% 0;  background-color:#fff;  }
.tab-contact-info.new .info.tel_4 .icon { background-position:75% 0;  background-color:#fff;  }
.location-info dl dd ul.call.new li strong { width:80px; }
.location-info dl dd > ul.call.new > li > span { width:calc(100% - 80px); }
.location-info dl dd ul li.bus ul li em.bus-blue-1 { background:#4eafab; }


@media (max-width: 767px) {
	/* 20210128 오시는길 개편 */
	.location-tab.new .map_tab li a { padding:10px 0; }
	.location-tab.new .map_tab li a span { font-size:9px; }
	.location-tab.new .con .d_map_wrap .root_daum_roughmap { width:100% !important; height:250px !important; padding:0px !important; }
	.location-tab.new .con .d_map_wrap .root_daum_roughmap .wrap_map { height:250px; }

	.tab-contact-info h2 { display:block; font-size:16px !important; margin-bottom:10px; font-weight:300 !important; margin-top:0 !important; }
	.tab-location-info { font-size:16px; padding:10px; }
	.tab-contact-info { margin-top:20px;  }
	.tab-contact-info ul li { width:100%; float:none; text-align:left; border:1px solid #ccc; padding:10px; }
	.tab-contact-info ul li + li { margin-top:10px; }
	.tab-contact-info .info strong { font-size:14px; display:inline-block; width:65px; }
	.tab-contact-info .info span { font-size:18px; }
	.tab-contact-info .info .icon { width:50px; height:50px; float:left; margin:0;  }
	.tab-contact-info .info .text { width:calc(100% - 50px); float:left; padding-left:10px; padding-top:12px; }
	.tab-contact-info .info:after { display:block; clear:both; content:''; }

	/* 20210308수정 */
	.tab-contact-info.new .info .icon { width:50px; height:50px; float:left; margin:0;  }
	.tab-contact-info.new .info .text strong { display:none; }
	.location-info dl dd ul.call.new li strong { width:22px; }
	.location-info dl dd ul.call.new li strong inline { display:inline; }
	.location-info dl dd ul.call.new li strong span+span { display:none; }
	.location-info dl dd ul.call.new li:nth-child(2n + 1) { margin-right: 5px; }
	.location-info dl dd ul.call.new li:nth-child(2n) { margin-left: 5px; }
	.location-info dl dd ul.call.new li { margin-bottom:5px; }

}

@media (max-width: 559px) {
	/* 20210308수정 */	
	.location-info dl dd ul.call.new li { width:100%; }
	.location-info dl dd ul.call.new li:nth-child(2n + 1) { margin-right: 0; }
	.location-info dl dd ul.call.new li:nth-child(2n) { margin-left: 0; }
}



/* 모바일 상단 분사 사무소 안내 */
.m_top_banner { display:none; }
.m_top_banner ul li a img { width:auto; height:100%; max-height:15px; }

@media (max-width: 960px) {
/*
	#wrap.new2021 { padding-top:94px; }
	*/
	.m_top_banner { display:block; width:100%; margin-top:0;  transition:all 0.1s ; }
	.m_top_banner ul {}
	.m_top_banner ul:after { display:block; clear:both; content:''; }
	.m_top_banner ul li a { display:block; text-align:center; color:#fff; background:#064323; height:34px; line-height:34px; font-size:15px; }
	.m_top_banner ul li a small { font-size:9px; }

	#header.new2021 { height:164px; transition:all 0.2s ; }
	#header.new2021 .container { padding:0; position:relative; }
	#header.new2021.fixHeader { height:60px; transition:all 0.2s ; }
	#header.new2021.fixHeader .m_top_banner { margin-top:-104px; transition:all 0.1s ; }
	
}


/* 20210202 변호사 약력 리스트 */
.about-con .profile .profile_tx.new2021 { font-family:'Noto Sans KR',sans-serif !important; }
.about-con .profile .profile_tx.new2021 .tit {padding-left:20px; border-left:1px solid #064323; color:#064323; margin-bottom:35px; font-size:38px;  font-family: 'Noto Sans KR'; font-weight:100; line-height:1; }
.about-con .profile .profile_tx.new2021 .prf_tx_list { padding-left:20px; }
.about-con .profile .profile_tx.new2021 .prf_tx_list li { padding-left:12px; font-size:14px;  position:relative; letter-spacing:-0.05em; font-weight:300; line-height:27px; }
.about-con .profile .profile_tx.new2021 .prf_tx_list li:before { display:block; width:3px; height:3px; background:#777; border-radius:50%; content:''; position:absolute; left:0; top:13px; }
.about-con .profile .profile_tx.new2021 .prf_tx_list + .prf_tx_list { margin-top:14px; }
.about-con .profile .profile_tx.new2021 .prf_tx_list li strong { font-weight:500 !important; }

@media (max-width: 767px) {
	.about-con .profile { padding:20px; }
	.about-con .profile .profile_tx.new2021 .tit { padding-left:15px; margin-bottom:20px; font-size:30px; }
	.about-con .profile .profile_tx.new2021 .prf_tx_list { padding-left:15px; }

}

/* 메인페이지 오시는길 수정 */
.mt30 { margin-top:30px; }
.main_location_tab .con{height:auto;position:absolute;top:0px;visibility:hidden;  }
.main_location_tab .con.on{position:relative; visibility:visible;}
.main_location_tab .location_tab { margin-bottom:10px; }
.main_location_tab .location_tab ul:after { display:block; clear:both; content:''; }
.main_location_tab .location_tab ul li { width:25%; float:left; text-align:center; padding-right:1px; }
.main_location_tab .location_tab ul li a { display:block; text-align:center; line-height:50px; background:#efefef; border:1px solid #ccc; color:#333; font-size:18px; font-weight:400; }
.main_location_tab .location_tab ul li.on a { background:#222328; color:#fff; }
.main_location_tab .con .pic_slide_for,
.main_location_tab .con .pic_slide_nav { display:none;  }
.main_location_tab .con.on .pic_slide_for,
.main_location_tab .con.on .pic_slide_nav { display:block !important; }

.trabs-bus ul li em.bus-mint { background:#7cc3c0; }

@media (max-width: 960px) {
	.main_location_tab .location_tab ul li a { line-height:40px; font-size:15px; }

}


/* 20210409 메인페이지 수정 */
.counter_wrap { padding:40px 0 40px; }
.counter_wrap:after { display:block; clear:both; content:''; }
.counter_wrap .counter_item { width:33.3333%; float:left; text-align:center; position:relative; display:block; height:180px; letter-spacing:-0.05em; }
.counter_wrap .counter_item:after { position:absolute; content:""; display:block; top:50%; left:0; margin-top:-30px; height:60px; background:#ccc; width:1px; }
.counter_wrap .counter_item.first:after { display:none; }
.counter_wrap .counter_item .title { font-size:22px; color:#947111; font-weight:400; color:#064323; height:50px; }
.counter_wrap .counter_item .title p { font-size:16px; color:#555; }
.counter_wrap .counter_item .countCon { font-size:26px; color:#777; }
.counter_wrap .counter_item .countCon strong { font-size:90px; color:#000; font-weight:700; }
.counter_wrap .counter_item .countCon.agency { padding-top:0px; }
.counter_wrap .counter_item .countCon.agency .agency_list span { display:inline-block; margin:2px 3px; width:100px; line-height:36px; border-radius:18px; color:#000; background:#ccc; font-size:20px; font-weight:700; }
.counter_wrap .counter_item .countCon.agency .agency_list.col_4 { margin-top:0px; }
.counter_wrap .counter_item .countCon.agency .agency_list.col_4 span { width:75px; font-size:19px; margin:1px; white-space:nowrap; }

.fade-ani .fade-1 { transition:all 0.8s ease-out; opacity:0; }
.fade-ani .fade-2 { transition:all 0.8s ease-out; opacity:0; }
.fade-ani .fade-3 { transition:all 0.8s ease-out; opacity:0; }
.fade-ani.active .fade-1 { opacity:1; transition-delay:0s;}
.fade-ani.active .fade-2 { opacity:1; transition-delay:0.5s;}
.fade-ani.active .fade-3 { opacity:1; transition-delay:1s;}

.lawyer_wrap { background:#fff; padding:50px 0; width:100%; margin-top:50px; }
.lawyer_top { }
.lawyer_top_list { width:calc(100% + 14px); margin-left:-7px; }
.lawyer_top_list:after { display:block; content:''; clear:both; }
.lawyer_top_list li { width:20%; float:left; display:block; padding:7px; }
.lawyer_top_list .lawyer_detail { width:100%; height:0; padding-bottom:170%; overflow:hidden;  z-index:20; position:relative; letter-spacing:-0.07em; }
.lawyer_top_list .lawyer_detail .lawyer_title { position:absolute; top:15px; left:0; width:100%; text-align:center; color:#064323; font-size:18px;  z-index:20;}
.lawyer_top_list .lawyer_detail .lawyer_title > span { font-weight:300; }
.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:22px; font-weight:700; display:block; line-height:32px; } 
.lawyer_top_list .lawyer_detail .lawyer_pic { width:100%; left:0; top:-10%; z-index:10; position:absolute; }
.lawyer_top_list .lawyer_detail .lawyer_pic img { width:100%; }
.lawyer_top_list .lawyer_detail .lawyername { height:36px; line-height:36px; background:rgba(0,0,0,0.3); text-align:center; font-size:19px; color:#fff; z-index:20; position:absolute; bottom:0; left:0; width:100%; }
.lawyer_top_list .lawyer_detail .lawyername strong { }
.lawyer_slide_wrap { margin-top:20px; position:relative; }
.lawyer_slide_wrap .lawyer_slider.visible_pc { display:block; }
.lawyer_slide_wrap .lawyer_slider.visible_m { display:none; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { position:relative; margin:0 2px; width:14.2857%; float:left;  }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .pic img { width:100%; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { position:absolute; bottom:0; left:0; width:100%; line-height:28px; font-size:15px; text-align:right; color:#fff; padding-right:10px; 
text-shadow:0px 0px 2px #000, 1px 1px 2px #000; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts a { display:block; width:100%; height:100%;}
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts a:after { display:block; width:100%; height:100%; content:''; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0;  }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.slick-current a:after { display:none; }
.lawyer_slide_wrap .lawyer_slider .slick-arrow.slick-prev {
    text-indent: -1000px;
    font-size: 0;
    background: url(../img/slide/arw_prev.png)center center no-repeat;
    background-size: 16px;
    background-color: rgba(0,0,0,0.5);
    left:0;
	top:0;
    z-index: 9999;
	width:30px; height:100%; 
	position:absolute;
	border:0;
}
.lawyer_slide_wrap .lawyer_slider .slick-arrow.slick-next {
    text-indent: -1000px;
    font-size: 0;
    background: url(../img/slide/arw_next.png)center center no-repeat;
    background-size: 16px;
    background-color: rgba(0,0,0,0.5);
    right:0;
	top:0;
    z-index: 9999;
	width:30px; height:100%; 
	position:absolute;
	border:0;
}
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.visible_m { display:none !important; }

/*20210805*/
.lawyer_top.col_3 { width:100%; }
.lawyer_top.col_3 .lawyer_top_list { width:100%; display:flex; justify-content:space-between; margin:0 auto; flex-wrap:wrap; }
.lawyer_top.col_3 .lawyer_top_list li { width:32.2%; padding:0; float:none; margin-top:20px; }
.lawyer_top.col_3 .lawyer_top_list:after { display:none; }
.lawyer_top.col_3 .lawyer_top_list .lawyer_detail { padding-bottom:135%; background:#eaeaea; } 
.lawyer_top.col_3 .lawyer_top_list .lawyer_detail .lawyer_pic { top:-40%; }

/*2021820*/
.lawyer_top.col_4 { width:100%; }
.lawyer_top.col_4 .lawyer_top_list { width:100%; display:flex; justify-content:space-between; margin:0 auto; }
.lawyer_top.col_4 .lawyer_top_list li { width:24%;  padding:0; float:none;  }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail { padding-bottom:180%; background:#eaeaea; }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_pic { top:-5%; }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title { top:5%; }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong { line-height:1.2; font-weight:500; }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong.bold { font-weight:500; }
.lawyerList_tit {text-align:center; margin-bottom:30px; }
.lawyerList_tit .tit { font-weight:500; color:#333; font-size:35px; line-height:1.5;  }
.lawyerList_tit .tit:after { display:block; width:60px; height:3px; background:#064323; content:''; margin:10px auto; }
.lawyerList_tit .tit strong { color:#064323; font-size:50px; font-weight:500; }
.lawyerList_tit .tit_1 { font-size:18px; color:#777; line-height:1.5; font-weight:300; }

@media (max-width: 1080px) {
	.lawyer_top_list .lawyer_detail .lawyer_title { font-size:17px; }
	.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:20px; line-height:20px; } 
	.lawyer_top_list .lawyer_detail .lawyername { height:34px; line-height:34px; font-size:18px; }
}

@media (max-width: 960px) {
	.counter_wrap .counter_item { height:170px; }
	.counter_wrap .counter_item:after { margin-top:-20px; height:40px; }
	.counter_wrap .counter_item .title { font-size:20px; }
	.counter_wrap .counter_item .countCon { font-size:20px; }
	.counter_wrap .counter_item .countCon strong { font-size:70px; }
	.counter_wrap .counter_item .countCon.agency { padding-top:10px; }
	.counter_wrap .counter_item .countCon.agency .agency_list span { width:90px; line-height:34px; border-radius:17px; font-size:18px; }
	.counter_wrap .counter_item .countCon.agency .agency_list.col_4 { margin-top:5px; }
	.counter_wrap .counter_item .countCon.agency .agency_list.col_4 span { width:55px; font-size:16px;  }

	.lawyer_top_list li { padding:5px; /*width:33.3333%;*/ width:25%; }
	.lawyer_top_list li:nth-child(4) { /*display:none;*/ }
	.lawyer_top_list li:nth-child(5) { /*display:none;*/ }
	.lawyer_top_list .lawyer_detail .lawyer_title { font-size:18px; padding:0 5px; overflow:hidden; }
	.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:20px; line-height:30px;  } 
	.lawyer_top_list .lawyer_detail .lawyer_title span {  }
	.lawyer_top_list .lawyer_detail .lawyername { height:34px; line-height:34px; font-size:17px; }
	.lawyer_slide_wrap .lawyer_slider.visible_pc { display:none; }
	.lawyer_slide_wrap .lawyer_slider.visible_m { display:block; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { width:20%; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { font-size:14px; }
	/*20210805*/
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail { padding-bottom:150%; } 
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail .lawyer_pic { top:-30%; }

	.m_top_banner ul.col_6 li { width:16.6666%; }
	.m_top_banner ul.col_6 li a { letter-spacing:-0.13em !important; font-size:13px; }
	.m_top_banner ul.col_6 li a small { font-size:11px; }
	.m_top_banner ul.col_7 li { width:14.2857%; }
	.m_top_banner ul.col_7 li a small { display:none; }
	/*20211122 의정부,성남추가*/	
	.m_top_banner ul.col_9 { display:grid; grid-template-columns: repeat(7, 1fr); /* 한 줄에 7개 */ gap:1px; /* 아이템 사이 간격 */  }
	.m_top_banner ul.col_9 li {}
	.m_top_banner ul.col_9 li small { }
	.m_top_banner ul.col_9 li a { font-size:13px; font-weight:700; }

	/* 20210820 */
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:18px; line-height:1.2  }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title span { font-size:16px; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail { padding-bottom:200%; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_pic { top:0; }
}


@media (max-width: 767px) {
	.counter_wrap { padding-top:50px; display:flex; justify-content:space-between; width:100%; }
	.counter_wrap .counter_item { height:80px; letter-spacing:-0.07em; width:auto; padding:0 1px 0 2px; flex-grow:1; }
	.counter_wrap .counter_item:after { margin-top:-20px; height:40px; }
	.counter_wrap .counter_item .title { font-size:14px; margin-bottom:5px; height:30px; letter-spacing:-0.09em; }
	.counter_wrap .counter_item .title p { font-size:11px; letter-spacing:-0.1em;}
	.counter_wrap .counter_item.lawyer_num .title span { display:none; }
	.counter_wrap .counter_item .countCon { font-size:13px; }
	.counter_wrap .counter_item .countCon strong { font-size:30px; }
	.counter_wrap .counter_item .countCon.agency { padding-top:0px; margin-top:-5px; }
	.counter_wrap .counter_item .countCon.agency .agency_list span { width:40px; line-height:22px; border-radius:11px; font-size:14px; margin:1px; }
	.counter_wrap .counter_item .countCon.agency .agency_list.col_4 { margin-top:0px; }
	.counter_wrap .counter_item .countCon.agency .agency_list.col_4 span { width:35px; font-size:12px;  }	

	.lawyer_wrap { padding:30px 0; margin-top:30px; }
	.lawyer_top_list { width:calc(100% + 4px); margin-left:-2px; }
	.lawyer_top_list li { padding:2px; }
	.lawyer_top_list .lawyer_detail { padding-bottom:180%; }
	.lawyer_top_list .lawyer_detail .lawyer_pic { top:-3%; }
	.lawyer_top_list .lawyer_detail .lawyer_title { font-size:12px; letter-spacing:-0.1em; }
	.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:12px; line-height:16px; } 
	.lawyer_top_list .lawyer_detail .lawyername { height:26px; line-height:26px; font-size:13px; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { margin:0 1px; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { font-size:13px; padding-right:5px; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name span { display:none; }

	/* 20210820 */
	.lawyerList_tit .tit { font-size:26px;  }
	.lawyerList_tit .tit strong { font-size:38px; }
	.lawyerList_tit .tit_1 { font-size:17px; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:15px; letter-spacing:-0.1em; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title span { font-size:14px; }
	.lawyerList_tit .tit_1 { display:none; }

}

@media (max-width: 559px) {
	.lawyer_top_list .lawyer_detail .lawyer_title { top:7px; }
	.lawyer_top_list .lawyer_detail .lawyer_title strong span { display:none; }
	.lawyer_top_list .lawyer_detail .lawyer_title span span { display:none; }
	.lawyer_top_list .lawyer_detail .lawyername span { display:none; }

	/*20210805*/
	.lawyer_top.col_3 .lawyer_top_list li { width:33%; }
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail { padding-bottom:160%; } 
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail .lawyer_pic { top:-20%; }
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail .lawyer_title strong { letter-spacing:-0.15em; }

	/*2021820*/
	.lawyer_top.col_4 .lawyer_top_list li { width:24.7%; }	
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail { padding-bottom:220%; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_pic { top:10%; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:11px; letter-spacing:-0.1em; word-break:keep-all; line-height:1.1; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong span { display:block; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title span { font-size:11px; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyername { line-height:22px; }
	.lawyerList_tit .tit { font-size:18px;  }
	.lawyerList_tit .tit strong { font-size:25px; }
	.lawyerList_tit .tit_1 { font-size:14px; }

}

@media (max-width: 359px) {
	.counter_wrap .counter_item .title { font-size:14px; }
	.counter_wrap .counter_item .countCon.agency .agency_list.col_4 span { width:30px; font-size:12px; font-weight:300; border-radius:5px; width:auto; padding:0 2px;  }
}




/* 20210414 메인오시는길 + 오시는길 페이지 수정 */
.main_location_tab .location_tab.col_06 ul li { width:16.6666%; }
.main_location_tab .location_tab.col_07 ul li { width:14.2857%; }
.imsi_text { background:#222328; height:450px; line-height:450px; text-align:center; font-size:25px; color:#fff; font-weight:300px; }
.imsi_text.sub { background:#fff; color:#222328; }
.location-tab.new .map_tab.col_06 li { width:16.6666%; }
.location-tab.new .map_tab.col_07 li {width:14.2857%; }
/* 20211122 의정부,성남추가 */
.main_location_tab .location_tab.col_09 ul li { width:11.1111%; }
.location-tab.new .map_tab.col_09 li {width:11.1111%; }
/* 20220810 창원 추가 */
.location-tab.new .map_tab.col_10 ul { display:flex; width:100%; justify-content:space-between; }
.location-tab.new .map_tab.col_10 li { width:auto; flex-grow:1; }

@media (max-width: 600px) {
	.imsi_text { height:280px; line-height:280px; font-size:16px; }
	/* 20211122 의정부,성남추가 */
	.main_location_tab .location_tab.col_09 ul { display:flex; justify-content:space-between; width:100%; }
	.main_location_tab .location_tab.col_09 ul li { flex-grow:1; width:auto; }
	.main_location_tab .location_tab.col_09 ul li a {  font-size:13px; letter-spacing:-2px; }
	.location-tab.new .map_tab.col_09 ul { display:flex; justify-content:space-between; width:100%; }
	.location-tab.new .map_tab.col_09 li { flex-grow:1; width:auto; }
	.location-tab.new .map_tab.col_09 li a { font-size:13px; letter-spacing:-2px;}
	/* 20220810 창원 추가 */
	.location-tab.new .map_tab.col_10 li a { font-size:13px; }
}


/* 20210421 비주얼 영역 수정 */
.main-visual.new-1.heightFixed { height:0 !important; /*padding-bottom:43.2292% !important;*/ padding-bottom:830px !important; }
.main-visual.new-1.heightFixed ul.slides li.list img.for_pc { display:block;}
.main-visual.new-1.heightFixed ul.slides li.list img.for_mobile { display:none;}


@media (max-width: 1440px) {
	.main-visual.new-1.heightFixed { padding-bottom:50% !important; }
}
/*
@media (max-width: 991px) {
	#wrap.new2021 { padding-top:60px; }
}
*
@media (max-width: 960px) {
/*
	#wrap.new2021 { padding-top:129px; }
*/
	.main-visual.new-1.heightFixed { padding-bottom:125% !important; }
	.main-visual.new-1.heightFixed ul.slides li.list img.for_pc { display:none;}
	.main-visual.new-1.heightFixed ul.slides li.list img.for_mobile { display:block;}

	.counsel-form.only-form { display:none; padding:0; }
}

/* 인물배너 동적효과 */
.main-visual.animation ul li { position:relative; }
.main-visual.animation .visual_text .t1, 
.main-visual.animation .visual_text .t2 { position:absolute; }
.main-visual.animation .visual_text .t1.pc,
.main-visual.animation .visual_text .t2.pc { display:inline;}
.main-visual.animation .visual_text .t1.mo,
.main-visual.animation .visual_text .t2.mo { display:none;}
.main-visual.animation .visual_text .t1.pc { top:9.5%; }
.main-visual.animation .visual_text .t2.pc { top:21.5%; }


@media (max-width: 960px) {
	.main-visual.animation .visual_text .t1.pc,
	.main-visual.animation .visual_text .t2.pc { display:none;}
	.main-visual.animation .visual_text .t1.mo,
	.main-visual.animation .visual_text .t2.mo { display:inline;}
	.main-visual.animation .visual_text .t1.mo { top:4.125%;  }
	.main-visual.animation .visual_text .t2.mo { top:21.625%; }
}

/* 20210429 메인 오시는길 수정 */
.index #content .office_info h2 { padding-top:30px; margin-top:0 !important; }
.office_info h2 {}
.office_info h2 p { font-size:20px; }


@media (max-width: 766px) {
	.index #content h2 { padding-top:0px; }
	.location.new .location-addr a .office_info h3 { margin-top:15px !important; }
	.index #content .office_info h2 { padding-top:10px; }

}

/*메인성공사례*/
.cover-wrap { overflow:hidden; position:relative; }
.cover-wrap .blind-cover {transition:opacity 0.5s 0.05s ease; opacity:0; position:absolute;	top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); color:#fff; text-align:center; padding:40px 20px;  }
.cover-wrap:hover .blind-cover { opacity: 1; cursor:pointer; }
.cover-wrap .img { overflow:hidden; }
.cover-wrap .img img { width:100%; 
	transform:matrix(1, 0, 0, 1, 0, 0); 
	transition:0.2s ease-in; 
	-moz-transition:0.2s ease-in; 
	-webkit-transition:0.2s ease-in; 
	-ms-transition:0.2s ease-in; }
.cover-wrap:hover .img img { transform: matrix(1.1, 0, 0, 1.1, 0, 0); }
.cover-wrap .blind-cover span { opacity:0; /*position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18px;*/ display:block; text-align:center; font-size:16px;}
.cover-wrap .blind-cover span.text-1 { color:#b5d6e7;}
.cover-wrap .blind-cover span.text-2 { margin-top:10px; }
.cover-wrap .blind-cover span.text-3 { margin-top:60px; }
.cover-wrap:hover .blind-cover span {  opacity:1; }

.success-case .tit-img { text-align:center; }
.success-case .tit-img img { width:90%; max-width:688px; margin:0 auto; }

@media (max-width: 767px) {
.cover-wrap .blind-cover { padding:10px; }
.cover-wrap .blind-cover span { font-size:13px; }
.cover-wrap .blind-cover span.text-2 { margin-top:5px; }
.cover-wrap .blind-cover span.text-3 { margin-top:20px; }
} 



/* 20210820 비주얼 애니메이션 */
.main_movie_wrap { width:100%; height:43vw; max-height:800px; position:relative; overflow:hidden; font-family:'Noto Sans KR' ; }
/*.main_movie .bg_pttn { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url(../img/visual_pttn.png); background-color:rgba(0,0,0,0.60); }*/
.main_movie { width:100%; height:43vw; max-height:800px; position:relative; overflow:hidden; }
.main_movie .bg_pttn { /*position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url(../img/visual_pttn.png); background-color:rgba(0,0,0,0.60);*/ }
.main_movie .visual_bg { display:flex;align-items:center;justify-content:center; position:absolute; top:0px; left:0px; width:100%; height:43vw; max-height:800px; }
.main_movie .visual_bg img {width:100%;}
.main_movie .visual_bg img.for_pc { display:inline; }
.main_movie .visual_bg img.for_m { display:none; }
.main_movie .visual_bg img.for_s { display:none; }

.main_movie .text_ani_wrap { display:inline-block; width:96%; max-width:1000px; position:absolute; top:33%; left:50%; text-align:center; transform:translateX(-50%);
position:relative; padding:60px 30px 70px; overflow:hidden; display:flex; flex-direction:column; }
.main_movie .text_ani_wrap .text_ani { color:rgba(255,255,255,0.8); opacity:0; width:100%; font-family:'Noto Serif KR', serif !important; letter-spacing:-0.075em; word-break:keep-all; }
.main_movie .text_ani_wrap .text_ani img { vertical-align:middle; }
.main_movie .text_ani_wrap .text_ani_1 {  font-size:58px; font-weight:100; width:100%; }
.main_movie .text_ani_wrap .text_ani_2 {  font-size:32px; font-weight:100; width:100%; margin-top:25px; }
.main_movie .text_ani_wrap .text_ani_1 strong,
.main_movie .text_ani_wrap .text_ani_2 strong { font-weight:700; display:inline; color:#ccbf9c; }
.main_movie .text_ani_wrap .wline { position:absolute; background:#ccbf9c; z-index:50; display:block; }
.main_movie .text_ani_wrap .wline.wline_1 { width:100%; height:1px; top:0; left:-100%; }
.main_movie .text_ani_wrap .wline.wline_2 { width:1px; height:100%; top:0; right:0; top:-100%; }
.main_movie .text_ani_wrap .wline.wline_3 { width:100%; height:1px; bottom:0; right:0; right:-100%; }
.main_movie .text_ani_wrap .wline.wline_4 { width:1px; height:100%; bottom:0; left:0; bottom:-100%; }
.main_movie .vlogo_ani {}
.main_movie .vlogo_ani .vlogo_box { display:flex; align-items:center; justify-content:space-between; width:95%; max-width:800px; position:absolute; top:45%; left:50%; text-align:center; transform:translateX(-50%); }
.main_movie .vlogo_ani .vlogo_box .vlogo { color:#fff; opacity:0;}
.main_movie .vlogo_ani .vlogo_box .vlogo img { opacity:0.9; }
.main_movie .vlogo_ani .logo_text { position:absolute; top:26%; left:50%; text-align:center; transform:translateX(-50%); opacity:0; color:#fff; font-size:30px; width:100%; font-weight:300; }
.main_movie .vlogo_ani .logo_text strong { font-weight:700; }


@media (max-width: 1080px) {
	.main_movie_wrap { height:60vw; }
	.main_movie {height:60vw; }
	.main_movie .visual_bg { height:60vw; }
	.main_movie .visual_bg img.for_pc { display:none; }
	.main_movie .visual_bg img.for_m { display:inline; }
	.main_movie .visual_bg img.for_s { display:none; }
	.main_movie .text_ani_wrap { max-width:700px; padding:30px 20px;  }
	.main_movie .text_ani_wrap .text_ani img { width:22px; }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:45px;  }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:28px; }
	.main_movie .vlogo_ani .logo_text { font-size:24px; }
	.main_movie .vlogo_ani .vlogo_box { max-width:600px; }
	
}

@media (max-width: 767px) {
	.main_movie_wrap { height:120vw; }
	.main_movie {height:120vw; }
	.main_movie .visual_bg { height:120vw; }
	.main_movie .visual_bg img.for_pc { display:none; }
	.main_movie .visual_bg img.for_m { display:none; }
	.main_movie .visual_bg img.for_s { display:inline; }
	.main_movie .text_ani_wrap { padding:20px;  }
	.main_movie .text_ani_wrap .text_ani img { width:16px; }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:35px; }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:17px; }
	.main_movie .vlogo_ani .logo_text { font-size:18px; }
	.main_movie .vlogo_ani .vlogo_box { max-width:500px; width:90%; }
	.main_movie .vlogo_ani .logo_text { }
	.main_movie .vlogo_ani .vlogo_box .vlogo img { width:75%; }	
}

@media (max-width: 559px) {
	.main_movie .text_ani_wrap { top:40%; }
	.main_movie .vlogo_ani .logo_text  { top:40%; }
	.main_movie .vlogo_ani .vlogo_box { top:55%; }
	.main_movie .text_ani_wrap .text_ani img { width:10px; }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:26px; }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:15px; }
}


/* 20210824 */
.profile_wrap:after { display:block; width:100%; clear:both; content:''; margin-bottom:30px; }
.about-con.type1 .profile_wrap { min-height:590px; position:relative; }
.about-con.type1 .profile_wrap .profile { position:static !important; }
.about-con.type1 .profile img { top:0; }
@media (max-width: 1119px) {
	.about-con.type1 .profile_wrap { min-height:auto;}
}

/* 인천 분사 오시는길 지도이미지 추가 */
.ic_map_wrap .map_tit { font-size:16px; color:#555; margin-bottom:15px;  }
.ic_map_wrap .map_tit .red_text { color:red; }
.ic_map_wrap .map_img img { max-width:100%; }
.ic_map_wrap .map_img img.img_l { display:block; }
.ic_map_wrap .map_img img.img_s { display:none; }
@media (max-width: 559px) {
	.ic_map_wrap .map_img img.img_l { display:none; }
	.ic_map_wrap .map_img img.img_s { display:block; }
}


/* 20211014 메인 전문위원배너 추가 */
.lawyer2_banner { padding-top:4rem; background:url('../images/main/lawyer2_banner_bg.gif')left center no-repeat; background-size:cover; text-align:center; overflow:hidden; }
.lawyer2_banner .banner_lawyer_img {padding:0; margin:0 auto; margin-top:30px; max-width:1740px; max-width:1772px; }
.lawyer2_banner .banner_lawyer_img img { max-width:100%; }
.lawyer2_banner .banner_lawyer_img .for_large { display:inline; }
.lawyer2_banner .banner_lawyer_img .for_small { display:none; }
.banner_text { font-size:48px; color:#c4b5a6; font-family:'Noto Serif KR', serif; padding:0 20px; letter-spacing:-0.05em; font-weight:100; line-height:1.3; }
.banner_text strong { font-weight:700; font-size:51px; }
.span-ani-1 { transition:all 0.8s ease-out; opacity:0; transform:translateY(20px); }
.span-ani-1.active { transition-delay:0s; opacity:1; transform:translateY(0px); }
.span-ani-2 { transition:all 0.8s ease-out; opacity:0; transform:translateY(20px); }
.span-ani-2.active { transition-delay:0.3s; opacity:1; transform:translateY(0px); }
.lawyer2_banner span { display:block; }


@media (max-width: 1080px) {
	.lawyer2_banner { padding-top:3rem; }
	.banner_text  { font-size:33px; }
	.banner_text strong { font-weight:700; font-size:35px; }
	.lawyer2_banner .banner_lawyer_img { margin-top:35px; }
}


@media (max-width: 767px) {
	.lawyer2_banner { padding-top:3rem; }
	.banner_text  { font-size:26px; }
	.banner_text strong { font-weight:700; font-size:28px; }
	.lawyer2_banner .banner_lawyer_img { margin-top:25px; }
	.lawyer2_banner .banner_lawyer_img .for_large { display:none; }
	.lawyer2_banner .banner_lawyer_img .for_small { display:inline; }
}

@media (max-width: 359px) {
	.lawyer2_banner { padding-top:3rem; }
	.banner_text  { font-size:23px; }
	.banner_text strong { font-weight:700; font-size:24px; }
}

.org_text { color:#d66603 !important; }


/* 20220303 헤더 상담전화번호 수정 */
#header .contactTel { padding:10px 30px; background:#064323; color:#fff; text-align:center; overflow:hidden; border-radius:35px; letter-spacing:0em; line-height:25px; left:300px; top:50%; bottom:auto; 
transform:translateY(-51%); position:absolute; font-family:'Noto Sans KR'; font-weight:500; }
#header .contactTel strong { font-size:20px; color:#d5f7d4; }
#header .contactTel .tel_num { font-size:18px; }
#header .contactTel .tel_num span {}
#header .contactTel .tel_num span + span:before { width:1px; height:12px; content:''; display:inline-block; background:rgba(255,255,255,0.3); margin:0 5px; }

@media (max-width: 1199px) {
	#header .contactTel { display:none;}
}



/* --------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////	20220512 메인페이지 변호사 롤링 개편  //////////////////////////////////////
----------------------------------------------------------------------------------------------------------------*/
.lawyer_section { background:#f9f9f9; padding:60px 0; width:100%;}
.lawyer_section .container { display:flex; justify-content:space-between;   }
.lawyer_section .lawyer_left { flex-grow:0; width:33%; padding-right:8%; }
.lawyer_section .lawyer_right { width:67%; flex-grow:0; }
.lawyer_section .lawyer_left ul { width:100%; }
.lawyer_section .lawyer_left ul li a { display:block; padding:25px 0; position:relative; word-break:keep-all; }
.lawyer_section .lawyer_left ul li:first-child a { padding-top:0; }
.lawyer_section .lawyer_left ul li .tit span { font-size:20px; line-height:28px; font-weight:400; color:#101010; display:inline-block; }
.lawyer_section .lawyer_left ul li .tit span:after { display:none; }
.lawyer_section .lawyer_left ul li .txt { font-size:15px; line-height:24px; font-weight:200px; margin-top:15px; color:#999; }
.lawyer_section .lawyer_left ul li a:before { position:absolute; bottom:0px; left:0; width:100%; height:3px; content:''; background:#efefef; }
.lawyer_section .lawyer_left ul li .bar { width:0; height:2px; background:var(--main); position:absolute; bottom:0px; left:0; }
.lawyer_section .lawyer_left ul li.active .tit span { background:var(--main); padding:0 12px; color:#fff; }
.lawyer_section .lawyer_left ul li.active .tit span:after { display:inline-block; content:''; width:10px; height:10px; border:2px solid #fff; border-width:2px 2px 0 0; transform:rotate(45deg); 
vertical-align:middle; margin-top:-3px; margin-left:3px; }
.lawyer_section .lawyer_left ul li.active .txt { color:#000; }
.lawyer_section .lawyer_right .right_slide .slideul h1.tit { font-size:36px; color:var(--main); font-family:'Noto Serif KR', serif; letter-spacing:-0.05em; font-weight:700; line-height:1; padding-bottom:25px; }
.lawyer_section .lawyer_right .right_slide .slideul p.txt_m { font-size:14px; color:#555; line-height:20px; display:none; }
.lawyer_section .lawyer_right .right_slide{ width:100%; position:relative; height:550px; }
.lawyer_section .lawyer_right .right_slide .slideul {  }
.lawyer_section .lawyer_right .right_slide .slideul .slide_item { width:100%; position:absolute; left:0px; top:0px;	visibility:hidden; opacity:0; transition: opacity .5s ease-out; }
.lawyer_section .lawyer_right .right_slide .slideul .slide_item.active{ visibility:visible;	opacity:1; }
.lawyer_section .slide_item.slide01 .slidewrap { width:100%; }
.lawyer_section .slide_item.slide01 .slidewrap .movie_wrap { position:relative; width:100%; height:0; padding-bottom:56.25%; }
.lawyer_section .slide_item.slide01 .slidewrap .movie_wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.lawyer_section .slide_item.slide02 .slidewrap { width:100%; background:url(/images/main/map_bg.jpg)no-repeat center; background-size:cover; padding:40px; }
.lawyer_section .slide_item.slide02 .slidewrap .tit_wrap { position:relative; display:flex; justify-content:space-between; width:100%; border-bottom:1px solid rgba(48,48,48, 0.2); }
.lawyer_section .slide_item.slide02 .slidewrap .tit_wrap h2.slide_tit { font-size:26px !important; color:#101010; height:50px; margin:0 !important; }
.lawyer_section .slide_item.slide02 .slidewrap a.map_more { width:170px; line-height:38px; height:38px; background:#ed7704; color:#fff; font-size:16px; transition:0.3s; text-align:center; }
.lawyer_section .slide_item.slide02 .slidewrap a.map_more img { margin-left:5px; vertical-align:middle; }
.lawyer_section .slide_item.slide02 .slidewrap a.map_more.mobile { display:none; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div { position:relative; display:flex; justify-content:space-between; width:100%; margin-top:30px; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .load_map { flex-grow:0; width:400px; height:240px; border:1px solid #c1c0c0; overflow:hidden; position:relative; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .load_map ul { width:900%; height:100%; position:absolute; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .load_map ul li{ float:left; width:11.1111%; height:240px; position:relative; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .load_map .wrap_map { width:100%; height:240px; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info { width:calc(100% - 400px); font-size:17px; line-height:28px; color:#101010; font-weight:200; word-break:keep-all; padding-left:30px; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info .loca_title { font-size:24px; color:#101010; font-weight:700; position:relative; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info .loca_title:after { display:block; width:50px; height:1px; background:#101010; content:''; margin-top:10px; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info .loca_addr {  margin-top:10px; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info .trans { color:#f57b04; }
.lawyer_section .slide_item.slide02 .arrow_btn { margin-top:30px; text-align:center; }
.lawyer_section .slide_item.slide02 .arrow_btn > div  { display:inline-block; color:#303030; font-size:20px; line-height:26px; }
.lawyer_section .slide_item.slide02 .arrow_btn .arw { text-indent:-10000px; width:26px; height:26px; }
.lawyer_section .slide_item.slide02 .arrow_btn .arw.prev { background:url(/images/main/map_arw_prev.png)center no-repeat; background-color:#c1c0c0; margin-right:5px;}
.lawyer_section .slide_item.slide02 .arrow_btn .arw.next { background:url(/images/main/map_arw_next.png)center no-repeat; background-color:#c1c0c0; margin-left:5px; }
.lawyer_section .slide_item.slide02 .arrow_btn .count { letter-spacing:0.05em; }
.lawyer_section .slide_item.slide03 .slidewrap { width:100%; background:#f1f1f2;}
.lawyerSlide .lawyerSlide_big { }
.lawyerSlide .lawyerSlide_big .slide-big { height:400px; position:relative; display:flex;  }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_pic { height:400px; width:43%; position:relative; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_pic img { position:absolute; top:30px; width:100%; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt { display:flex; flex-direction:column; width:57%; padding:40px 40px 0 0; height:100%; } 
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .position { color:var(--main); font-size:22px; line-height:1; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .name { color:#101010; font-size:18px; margin-top:5px; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .name strong { font-size:40px; font-weight:700; margin-right:5px; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer { flex-grow:1; background:#fff; margin-top:15px; position:relative; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .scroll { position:absolute; top:0; left:0; width:100%; height:100%; padding:20px; overflow-y:scroll; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .scroll::-webkit-scrollbar { width:10px; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .scroll::-webkit-scrollbar-thumb { background:#e7e6e6; border-radius:5px;}
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .scroll::-webkit-scrollbar-track { background:#fff; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .shadow { display:block; width:calc(100% - 10px); height:50px; position:absolute; bottom:0; left:0; 
background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .list {}
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .list li { color:#303030; font-size:14px; position:relative; padding-left:10px; font-weight:200; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .list li strong { font-weight:700; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .list li:before { position:absolute; left:0; top:8px; content:''; width:3px; height:3px; border-radius:50%; background:#999; }
.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .carrer .list li + li { margin-top:5px; }
.lawyerSlide .lawyerSlide_nav { margin-top:20px; border:1px solid #ccc;  }
.lawyerSlide .lawyerSlide_nav .slide-nav { border-right:1px solid #ccc; height:68px; background:#fff; position:relative; overflow:hidden; cursor:pointer; display:flex; align-items:center; }
.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_pic { position:absolute; width:40%; height:100%; left:-7px; top:5px; z-index:1; }
.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_pic img { width:100%; }
.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_name { font-size:16px; color:#303030; font-weight:200; padding-left:30%; position:relative; z-index:2; }
.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_name strong { font-size:25px; font-weight:500; }
.lawyerSlide .lawyerSlide_nav .slide-nav.slick-current { background:var(--main); }
.lawyerSlide .lawyerSlide_nav .slide-nav.slick-current .lawyer_name { color:#fff; }
.lawyerSlide .slick-arrow { position:absolute; top:50%; z-index:10; width:50px; height:50px; text-indent:-10000px; border:0;   }
.lawyerSlide .slick-arrow.slick-prev { left:0; background:url(/images/main/map_arw_prev.png)center no-repeat; background-color:#c1c0c0; }
.lawyerSlide .slick-arrow.slick-next { right:0; background:url(/images/main/map_arw_next.png)center no-repeat; background-color:#c1c0c0; }


@media all and (max-width: 1199px) {
	.lawyer_section .lawyer_left { padding-right:5%; }
	.lawyer_section .lawyer_left ul li a { padding:20px 0; }
	.lawyer_section .lawyer_left ul li .tit span { font-size:18px; line-height:25px;  }
	.lawyer_section .lawyer_left ul li .txt { font-size:14px; line-height:20px; margin-top:10px; }
	.lawyer_section .lawyer_right .right_slide .slideul h1.tit { font-size:30px; padding-bottom:20px; }	.lawyer_section .lawyer_right .right_slide{ height:450px; }
	.lawyer_section .slide_item.slide02 .slidewrap { padding:20px; }
	.lawyer_section .slide_item.slide02 .slidewrap .tit_wrap h2.slide_tit { font-size:20px !important; height:40px; }
	.lawyer_section .slide_item.slide02 .slidewrap a.map_more { width:150px; line-height:34px; height:34px; font-size:15px; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div { margin-top:20px; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info { font-size:16px; line-height:26px; padding-left:20px; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info .loca_title { font-size:20px; }
	.lawyer_section .slide_item.slide02 .arrow_btn { margin-top:20px; }
	.lawyer_section .slide_item.slide02 .arrow_btn > div { font-size:18px; }
	.lawyerSlide .lawyerSlide_big .slide-big { height:320px; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_pic { width:40%; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_pic img { top:20px; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt { padding:20px 20px 0 0; width:60%; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .position { font-size:20px; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .name { font-size:17px; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .name strong { font-size:35px; }
	.lawyerSlide .lawyerSlide_nav { margin-top:10px; }
	.lawyerSlide .lawyerSlide_nav .slide-nav { height:58px;}
	.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_pic { width:45%; }
	.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_pic img { top:10px; }
	.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_name { font-size:14px; padding-left:32%; }
	.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_name strong { font-size:18px; }
	.lawyerSlide .slick-arrow { width:40px; height:40px; }
}


@media all and (max-width: 959px) {
	.lawyer_section { padding:60px 0;}
	.lawyer_section .container { padding:0; }
	.lawyer_section .lawyer_left { display:none; }
	.lawyer_section .lawyer_right { width:100%; }
	.lawyer_section .lawyer_right .right_slide .slideul h1.tit { text-align:center; padding-bottom:10px; font-size:25px; margin-bottom:15px; }
	.lawyer_section .lawyer_right .right_slide .slideul p.txt_m { font-size:14px; color:#555; line-height:20px; display:block; text-align:center; margin-bottom:30px; display:none; }
	.lawyer_section .lawyer_right .right_slide{ height:auto; }
	.lawyer_section .lawyer_right .right_slide .slideul {  }
	.lawyer_section .lawyer_right .right_slide .slideul .slide_item { position:relative; left:0px; top:0px;	visibility:visible; opacity:1; }
	.lawyer_section .lawyer_right .right_slide .slideul .slide_item + .slide_item { margin-top:50px; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div { flex-wrap:wrap; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div .load_map { width:100%; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info { width:100%; padding-left:0; margin-top:15px; }	
}


@media all and (max-width: 767px) {
	.counter_wrap { padding:50px 0; }
	.lawyer_section { padding:50px 0; }
	.lawyer_section .lawyer_right .right_slide .slideul h1.tit { font-size:24px; }
	.lawyer_section .lawyer_right .right_slide .slideul p.txt_m { font-size:13px; padding:0 20px; display:none; }
	.lawyer_section .slide_item.slide02 .slidewrap .tit_wrap { border-bottom:0; }
	.lawyer_section .slide_item.slide02 .slidewrap .tit_wrap h2.slide_tit { font-size:18px !important; height:35px; width:100%; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div { margin-top:0; }
	.lawyer_section .slide_item.slide02 .slidewrap a.map_more { display:none; }
	.lawyer_section .slide_item.slide02 .slidewrap a.map_more.mobile { display:block; width:100%; line-height:38px; height:38px; font-size:15px;  background:var(--main); color:#fff; margin-top:20px; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info { font-size:14px; line-height:22px; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info .loca_title { font-size:18px; }
	.lawyer_section .slide_item.slide02 .slidewrap .map_div .map_info .loca_title:after { margin-top:5px; width:30px; }
	.lawyer_section .slide_item.slide02 .arrow_btn > div { font-size:16px; }
	.lawyerSlide { display:flex; flex-wrap:wrap; align-items:flex-start; }
	.lawyerSlide .lawyerSlide_big { width:100%; order:2; }
	.lawyerSlide .lawyerSlide_nav { width:100%; order:1; }
	.lawyerSlide .lawyerSlide_big .slide-big { flex-wrap:wrap; width:100%; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_pic { display:none;}
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt { width:100%; padding:30px; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .name strong { font-size:30px; }
	.lawyerSlide .lawyerSlide_big .slide-big .lawyer_txt .position { font-size:18px; }
	.lawyerSlide .lawyerSlide_nav { margin-top:0; }
	.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_name { font-size:13px; padding-left:35%; }
	.lawyerSlide .lawyerSlide_nav .slide-nav .lawyer_name strong { display:block; font-size:15px; }
	.lawyerSlide .lawyerSlide_nav .slide-nav.slick-current .lawyer_name .text-sp { letter-spacing:-0.2em;}

}

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	20220512 전국사무소   //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.section .section_title { font-size:50px; color:#fff; font-weight:200; line-height:1.2; text-align:center; margin-bottom:30px; position:relative; margin:0 !important; }
.section .section_title:after { display:block; width:100px; height:1px; background:rgba(255,255,255,0.5); content:''; margin:20px auto; }
.section.section_agency { background:url(../images/main/agency_bg.jpg)center center; background-size:cover; padding:100px 0; margin-top:60px; }
.section .section_inner { width:100%; max-width:1240px; padding:0 20px; margin:0 auto; position:relative; }
.office_tab_wrap { margin-top:70px; color:#fff; position:relative; padding-left:140px; }
.office_tab_wrap:after { display:block; clear:both; content:'';}
.office_tab_wrap .office_tabs { width:100px; position:absolute; top:40%; left:0; transform:translateY(-50%); }
.office_tab_wrap .office_tabs .tabs { display:block; width:100px; }
.office_tab_wrap .office_tabs .tabs li { margin:2px 0; line-height:40px; height:40px; width:100%; text-align:center; display:block; font-size:17px; color:#fff; border:1px solid rgba(255,255,255,0.2); cursor:pointer;  }
.office_tab_wrap .office_tabs .tabs li.on { background:transparent; color:#9be7b2; border:2px solid #62a175; }
.office_tab_wrap .office_info { display:flex; justify-content:center; }
.office_tab_wrap .office_info .map_div { width:500px; }
.office_tab_wrap .office_info .map_div .load_map { width:500px; height:280px; overflow:hidden;  margin-top:20px; }
.office_tab_wrap .office_info .loca_info {  }
.office_tab_wrap .office_info .loca_info h1 {font-size:25px; font-weight:500; line-height:26px; position:relative; padding-bottom:10px; margin-bottom:15px; }
.office_tab_wrap .office_info .loca_info h1:before { display:block; width:40px; height:1px; background:#fff; content:''; position:absolute; bottom:0px; left:0; }
.office_tab_wrap .office_info .loca_info .address_wrap {  }
.office_tab_wrap .office_info .loca_info .address_wrap .address { font-size:17px; font-weight:300; line-height:26px; }
.office_tab_wrap .office_info .loca_info .address_wrap .address strong { font-weight:300; color:#fe7e01; }
.office_tab_wrap .office_info .loca_info .address_wrap .work_time { margin-top:10px; font-size:15px; line-height:25px; }
.office_tab_wrap .office_info .loca_info .address_wrap .work_time strong { font-weight:500;}
.office_tab_wrap .office_info .loca_info .address_wrap .work_time .tel_num { font-size:17px; }
.go_map_btn { display:none; }
.root_daum_roughmap .wrap_controllers { display:none;}
.office_tab_wrap .office_info .position_new{ margin-right:80px; position:relative; }
.office_tab_wrap .office_info .position_new .map_bg { position:relative; max-width:373px; margin:0 auto; }
.office_tab_wrap .office_info .position_new .map_bg > img { max-width:100%; }
.office_tab_wrap .office_info .position_new .map_img { display:none; position:absolute; transform:translate(-50%, -50%); }
.office_tab_wrap .office_info .position_new .map_img.seoul { left:34.0482%; top:20.0764%;  }
.office_tab_wrap .office_info .position_new .map_img.inchon { left:23.1286%; top:20.0760%; }
.office_tab_wrap .office_info .position_new .map_img.gwangju { left:23.3243%; top:68.6424%; }
.office_tab_wrap .office_info .position_new .map_img.busan { left:77.2117%; top:70.7456%; }
.office_tab_wrap .office_info .position_new .map_img.daegu { left:65.1474%; top:57.9349%; }
.office_tab_wrap .office_info .position_new .map_img.daejeon { left:39.1420%; top:45.5066%; }
.office_tab_wrap .office_info .position_new .map_img.suwon { left:33.5120%; top:25.4302%; }
.office_tab_wrap .office_info .position_new .map_img.uijeongbu { left:35.9249%; top:16.25239%; }
.office_tab_wrap .office_info .position_new .map_img.seongnam { left:38.0697%; top:23.51816%;  }
.office_tab_wrap .office_info .position_new .map_img.changwon { left:66.7560%; top:71.7017%;  }
.office_tab_wrap .office_info .position_new .map_img.pyeongtaek { left:34.1894%; top:29.7396%;  }
.office_tab_wrap .office_info .position_new .map_img.cheonan { left:34.1894%; top:35.7396%;  }
.office_tab_wrap .office_info .position_new .map_img.ilsan { left:29.1894%; top:17.7396%;  }
.office_tab_wrap .office_info .position_new .map_img.jeonju { left:32.8894%; top:54.2896%;  }
.office_tab_wrap .office_info .position_new .map_img.ulsan { left:82.7117%; top:64.1456%;  }

/*창원 개소 예정*/
/*.office_tab_wrap .office_info .map_div.changwon .work_time { display:none; } 
.office_tab_wrap .office_info .map_div.changwon .go_map_btn { display:none; }
.office_tab_wrap .office_info .map_div.changwon .address { font-size:20px; color:#fe7e01; }*/

.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:18px; height:18px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:30px; height:30px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:20px; height:20px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:25px; height:25px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:26px; height:26px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:25px; height:25px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:25px; height:25px; position:relative; }

.map_cc { position:absolute; border-radius:50%; background:rgba(81, 181, 111, 0.2); border: 1px solid rgba(81, 181, 111, .3); z-index:99; 
animation-name:map_circle; animation-duration:1.2s; animation-iteration-count:infinite; animation-direction: alternate;display:block; 
transform:translate(-50%, -50%); left:50%; top:50%; width:100%; height:100%; }
.seoul .cc_wrap .map_cc { animation-duration:1.4s; }
.cc_02{ animation-delay:0.2s; width:200%; height:200%; }
.cc_03{ animation-delay:0.4s; width:350%; height:350%; }
.cc_04{ animation-delay:0.6s; width:550%; height:550%; }
.cc_05{ animation-delay:0.8s; width:750%; height:750%; }
.daejeon .cc_wrap .map_cc.cc_01 { animation-delay:0.4s; }
.daejeon .cc_wrap .map_cc.cc_02 { animation-delay:0.6s; }
.daejeon .cc_wrap .map_cc.cc_03 { animation-delay:0.8s; }
.daejeon .cc_wrap .map_cc.cc_04 { animation-delay:1.0s; }
.busan .cc_wrap .map_cc.cc_01 { animation-delay:0.2s; }
.busan .cc_wrap .map_cc.cc_02 { animation-delay:0.4s; }
.busan .cc_wrap .map_cc.cc_03 { animation-delay:0.6s; }
.busan .cc_wrap .map_cc.cc_04 { animation-delay:0.8s; }
.gwangju .cc_wrap .map_cc.cc_01 { animation-delay:0.6s; }
.gwangju .cc_wrap .map_cc.cc_02 { animation-delay:0.8s; }
.gwangju .cc_wrap .map_cc.cc_03 { animation-delay:1.0s; }
.gwangju .cc_wrap .map_cc.cc_04 { animation-delay:1.2s; }
.inchon .cc_wrap .map_cc.cc_01 { animation-delay:0.4s; }
.inchon .cc_wrap .map_cc.cc_02 { animation-delay:0.6s; }
.inchon .cc_wrap .map_cc.cc_03 { animation-delay:0.8s; }
.inchon .cc_wrap .map_cc.cc_04 { animation-delay:1.0s; }

@keyframes map_circle { 0% { opacity:0; } 100% { opacity:1; } }

@media all and (max-width: 1080px) {
	.section .section_title { font-size:40px; margin-bottom:25px; }
	.section.section_agency { padding:80px 0; }
	.office_tab_wrap { margin-top:40px; padding-left:0; }
	.office_tab_wrap .office_tabs { width:100%; position:relative; top:0; left:0; right:0; transform:translateY(0); text-align:center; margin-bottom:40px; }
	.office_tab_wrap .office_tabs .tabs { width:auto; float:none; display:inline-block; text-align:center; }
	.office_tab_wrap .office_tabs .tabs:after { display:block; clear:both; content:''; }
	.office_tab_wrap .office_tabs .tabs li { width:100px; display:inline-block; float:none; }
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:14.4px; height:14.4px; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:24px; height:24px; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:16px; height:16px; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:20px; height:20px; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:20.8px; height:20.8px; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:20px; height:20px; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:20px; height:20px; }
}

@media all and (max-width: 960px) {	
	.office_tab_wrap .office_info { margin-top:15px; display:block; }
	.office_tab_wrap .office_info .position { margin-right:0rem; width:180px; display:block; margin:0 auto; }
	.office_tab_wrap .office_info .map_div { width:100%; display:block; }
	.office_tab_wrap .office_info .position .map_img { display:none;  }
	.office_tab_wrap .office_info .map_div { /*background:rgba(0,0,0,0.5);*/ }
	.office_tab_wrap .office_info .map_div .load_map { width:100%; height:240px; overflow:hidden; border:4px solid rgba(0,0,0,0.3); display:none; }
	.office_tab_wrap .office_info .loca_info { margin-top:1.5em;}
	.office_tab_wrap .office_info .loca_info h1 {font-size:18px; width:100%; float:none; line-height:24px; position:relative; }
	.office_tab_wrap .office_info .loca_info .address_wrap { width:100%; float:none; }
	.office_tab_wrap .office_info .loca_info .address_wrap .address { font-size:15px; font-weight:300; line-height:22px; margin-top:10px; }
	.office_tab_wrap .office_info .loca_info .address_wrap .address strong { font-weight:300; color:#fe7e01; }
	.office_tab_wrap .office_info .loca_info .address_wrap .work_time { margin-top:10px; font-size:13px; line-height:20px; display:none;}
	.office_tab_wrap .office_info .loca_info .address_wrap .work_time strong { display:none; }
	.go_map_btn { display:block; width:100%; margin-top:10px; }
	.go_map_btn .go_map { display:block; width:100%; height:40px; line-height:40px; background:#6e664e; color:#fff; text-align:center; font-size:14px; background:var(--main);}	
	.office_tab_wrap .office_info .position_new {width:60%; margin:0 auto;  }
}


@media all and (max-width: 767px) {
	.section .section_title { font-size:29px; margin-bottom:20px; }
	.section.section_agency { padding:50px 0; }
	.office_tab_wrap { margin-top:30px;}
	.office_tab_wrap .office_tabs { margin-bottom:25px; }
	.office_tab_wrap .office_tabs .tabs { display:flex; flex-wrap:wrap; justify-content:center; }
	.office_tab_wrap .office_tabs .tabs li { margin:1px; line-height:30px; height:30px; width:60px; text-align:center; font-size:14px; padding:0 10px; flex-shrink:0;  flex-grow:0;  }

} 	


@media all and (max-width: 560px) {
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:12px; height:12px; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:19.2px; height:19.2px; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:12.8px; height:12.8px; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:16px; height:16px; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:16px; height:16px; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:16px; height:16px; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:16px; height:16px; }

}


/* 20220701 메인 변호사 롤링, 성공사례 수정 */
.lawyer_wrap.big { margin-top:0; }
.lawyer_wrap.big .container { width:100%; max-width:1500px; padding:0 15px; }
.lawyer_wrap.big .lawyer_top.col_4 .lawyer_top_list { flex-wrap:wrap; }
.lawyer_wrap.big .lawyer_top.col_4 .lawyer_top_list li { width:24.75%; margin-bottom:10px; }
.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail { padding-bottom:150%; }
.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_pic { top:-43%; left:0; }
.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_pic img { /*width:120%;*/ }
.lawyer_wrap.big .lawyer_top .lawyer_top_list:after { display:none; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyername { height:40px; line-height:40px; font-size:20px; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title strong + span { margin-top:3px; display:inline-block; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title strong span { display:inline-block; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg { background:#8a6f44; color:#fff; font-weight:500; padding:2px 5px; border-radius:3px; line-height:1.1; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg_n { color:#8a6f44; font-weight:500; font-size:18px;}

.success_new { width:100%;  padding:60px 15px; margin:100px 0 0; background:#fff; }
.success_new .success_inner { max-width:1230px; margin:0 auto }
.success_new .success_header {}
.success_new .success_header:after { display:block; clear:both; content:''; }
.success_new .success_header .success_more { background:url(../images/common/more_arw.png)no-repeat right center; background-color:var(--main);  padding:7px 50px 7px 15px; color:#fff; font-size:16px; border-radius:3px;
display:inline-block; float:right; }
.success_new .success_contents { display:flex; justify-content:space-between; margin-top:20px; }
.success_new .success_contents .success_left { width:460px; flex-shrink:0; margin-right:60px; }
.success_new .success_contents .success_right { width:calc(100% - 520px); }
.success_board_slide { width:100%; }
.success_board_slide .cover-wrap { position:relative; background:#fafafa;  border:1px solid #e5e5e5; }
.success_board_slide .cover-wrap .text-spot { padding:20px 30px; border-bottom:1px solid #e5e5e5; background:#fff; }
.success_board_slide .cover-wrap .text-spot .result { background:var(--main); color:#fff; display:inline-block; font-size:17px; padding:5px 10px; border-radius:5px; font-weight:500; }
.success_board_slide .cover-wrap .text-spot .title {  font-size:20px; color:#111; font-weight:700; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; margin-top:10px; }
.success_board_slide .cover-wrap .text-spot .date { font-size:15px; color:#777; margin-top:15px; }
.success_board_slide .cover-wrap .detail_text { margin:20px 0; padding:0 30px; font-size:15px; letter-spacing:-1px; color:#111; line-height:1.5em; max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; 
text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.success_board_slide .cover-wrap .lawyer-info { padding:0 30px 20px; }
.success_board_slide .cover-wrap .detail-view { position:absolute; bottom:20px; right:20px; }
.success_board_list { border-bottom:1px solid #e5e5e5; }
.success_board_list .success_board_item { border-top:1px solid #e5e5e5; padding:20px 30px; background:#fff; }
.success_board_list .success_board_item a { display:block; }
.success_board_list .success_board_item .title_wrap { font-size:20px; color:#111; font-weight:700; display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; -o-text-overflow:ellipsis; }
.success_board_list .success_board_item .title_wrap .board_result { background:var(--main); color:#fff; display:inline-block; font-size:15px; padding:3px 10px; border-radius:5px; margin-right:5px; font-weight:500; }
.success_board_list .success_board_item .board_cnts { margin-top:13px; font-size:14px; color:#111; font-weight:400; line-height:1.5em; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; 
overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }

@media all and (max-width: 1080px) {	
	.success_new .success_contents .success_left { width:47.5%; margin-right:0; } 
	.success_new .success_contents .success_right { width:47.5%; }	
}

@media all and (max-width: 960px) {
	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg_n { font-size:15px;}
}

@media all and (max-width: 767px) {
	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg_n { font-size:11px;}
	.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_title { padding:0;  }
	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg { padding:2px 3px; }
	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyername { height:26px; line-height:26px; font-size:13px; } 
	.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail { padding-bottom:200%; }
	.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_pic { top:-20%;  }

	.success_new { margin:100px auto; }
	.success_new .success_header .success_more { background:var(--main);  padding:3px 10px; }
	.success_new .success_contents { flex-wrap:wrap; }
	.success_new .success_contents .success_left { width:100%;  } 
	.success_new .success_contents .success_right { width:100%; margin-top:20px; }
	.success_board_slide .slick-dots { text-align:center; }
	.success_board_slide .slick-dots li { display:inline-block; }
	.success_board_slide .slick-dots li button { text-indent:-1000px; font-size:0; width:12px; height:12px; padding:0; margin:3px; border-radius:50%; border:1px solid var(--main); }
	.success_board_slide .slick-dots li.slick-active button { background:var(--main); }
	.success_board_list .success_board_item { padding:20px; }
	.success_board_list .success_board_item .title_wrap { font-size:18px; }

}


/* 20220825 서브 오시는길 */

/* 컨테이너: 가운데 정렬 + 반응형 여백 */

.section-way { margin-bottom:50px; }

/* 제목, 반응형 크기 */
.section-way .way-title{
  display:none;
  margin: 0 0 12px;
  font-size: clamp(26px, 3.6vw, 44px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #0a2a66;
}

/* 본문: 기본 가독성만 */
.section-way .way-sub{
  margin: 0;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.8;
  color: #555;
  word-break:keep-all;
}

/* 작은 화면에서 여백/글자만 살짝 조정 */
@media (max-width: 768px){
	.section-way { margin-bottom:30px; }
	.section-way .way-title{ margin-bottom: 10px; }
}
/* 컨테이너: 가운데 정렬 + 반응형 여백 */


.tab-nav.view-tab { margin:40px auto; width:100%; max-width:700px; }
.tab-nav.view-tab ul { display:flex; justify-content:center; position:relative; }
.tab-nav.view-tab ul:before {/* display:block; content:''; width:100%; height:1px; background:#ccc; position:absolute; top:50%; left:0; z-index:-1; */ }
.tab-nav.view-tab ul li { margin:0 10px; }
.tab-nav.view-tab ul li a { border-radius:25px; line-height:50px; height:50px; background:#eae9e9; text-align:center; display:block; color:#111; border:0; width:150px; padding:0; font-size:16px; font-weight:500; }
.tab-nav.view-tab ul li.active a { background:var(--main); color:#fff;  }
.loadview img { width:100%; }

@media all and (max-width: 767px) {
	.tab-nav.view-tab { display:block; }
	.tab-nav.view-tab ul li { margin:0 5px; }
	.tab-nav.view-tab ul li a { width:100px; font-size:14px; line-height:40px; height:40px; }
}

/* 실시간 전화상담 자동입력방지기능 추가 */
.piInputBox { margin-top:15px; }
.piInputBox + .piInputBox { margin-top:5px; }
.piInputBox dl { display:flex; justify-content:space-between; }
.piInputBox dl + dl { margin-top:5px; }
.piInputBox dl .form-control { height:32px; }
.piInputBox dl dt { width:50px; font-size:15px; font-weight:500; flex-shrink:0; }
.piInputBox dl dd { flex-grow:1;}
.piInputBox .captchaImg img { width:140px !important; margin:0 !important; }
.piInputBox .cpInput { display:flex; margin-top:3px; }
.piInputBox .cpInput .btn { padding:0 8px; height:32px; line-height:32px; font-size:14px; margin-left:3px; }
.pop-inquiry.new { height:auto !important; }
.float-pop.new .top { height:auto !important; }
.float-pop.new .bnTel { line-height:1.3 !important; }

/* 전화상담 자동입력방지기능 추가 */
#content .counsel-cs.new .counsel-form,
#content .counsel-cs.new .cs-info { height:450px; }
.counsel-cs.new .counsel-form dl { height:auto; }
.counsel-cs.new .counsel-form dd:last-child, 
.counsel-cs .cs-info dl:last-child dd:last-child { position:relative; }
.counsel-cs .captchaDiv { display:flex; justify-content:space-between; gap:1px; align-items:end; flex-wrap:wrap; }
.counsel-cs .captchaDiv .captchaImg { width:150px; height:60px; flex-shrink:0; }
.counsel-cs .captchaDiv img { width:150px; height:60px; }
.counsel-cs .captchaDiv .cpInput { display:flex; justify-content:space-between; gap:1px; margin-top:1px; flex-grow:1; }
.counsel-cs.new .counsel-form dt { width:90px; }
.counsel-cs.new .counsel-form dd { padding-left:100px; }

@media all and (max-width: 767px) {
    #content .counsel-cs.new .counsel-form,
    #content .counsel-cs.new .cs-info { height:auto; }  
    .counsel-cs .captchaDiv .cpInput .btn { height:34px; line-height:34px; padding:0 10px; }
} 

/* -------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////	20241021 전화상담 절차 수정  //////////////////////////////////////
---------------------------------------------------------------------------------------------------------------*/
.counsel-step-guide.new { display:flex; padding:30px; gap:40px; justify-content:center; }
.counsel-step-guide.new li { margin:0; height:auto; min-height:72px; padding:0 20px 0 85px; width:auto; }
.counsel-step-guide.new li:after { right:-20px; transform:translateX(50%); }
.counsel-step-guide.new li span  { margin-bottom:5px; }
.counsel-step-guide.new li.step3:after { display:block;}
.counsel-step-guide.new li:last-child:after { display:none;}
.counsel-step-guide.new li.step1 { background-image: url(../img/counsel_step01_gr.png);}
.counsel-step-guide.new li.step2 { background-image: url(../img/counsel_step02_gr.png);}
.counsel-step-guide.new li.step3 { background-image: url(../img/counsel_step03_gr.png);}
.counsel-step-guide.new li.step4 { background-image: url(../img/counsel_step04_gr.png);}

@media (max-width: 1199px) {
    .counsel-step-guide.new li { padding:52px 0 0; }
}

@media (max-width: 767px) {
    .counsel-step-guide.new { gap:30px; justify-content:space-between; }
    .counsel-step-guide.new li:after { right:-15px; } 
} 

@media (max-width: 560px) {    
    .counsel-step-guide.new { padding:15px 5px; gap:10px; }
    .counsel-step-guide.new li { font-size:13px; letter-spacing:-0.07em; width:25%; }
    .counsel-step-guide.new li:after { right:-5px; }
}   


@media all and (min-width:992px) and (max-height:800px) {
  .float-banner {
    top: auto;          /* 중앙 고정을 끄고 */
    bottom:5px;       /* 화면 아래에서 20px 띄워서 배치 */
    transform: none;    /* Y 이동 제거 */
  }
}