@charset "utf-8";

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

/* ==========================================================================
 * 1.0 기본 설정
 * ========================================================================== */

/* WEB FONT */
/*@import url("font.css");*/
@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");
}


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

:root {
--main:#006699;
}

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: '맑은 고딕', 'Malgun Gothic', '돋움', dotum, Helvetica, sans-serif;*/
	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;
}
::-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: #006699;
    border-color: #694634;
    color: #fff;
}
.btn-custom-b {
    background: #333;
    border-color: #222;
    color: #fff;
}
.btn-custom-blue {
    background: #076aa3;
    border-color: #006699;
    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.col-6 li {
    width: 16.6666%;
}
.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;
}

.tab-contentsBox{display: block; border:#e5e5e5 1px solid; background: #fff; width: 100%; padding: 14px 11px}

.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: #006699;
}
.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 { /*	width:auto;	height:32px;*/ margin-top:0px; }
@media all and (max-width:767px) {
	#header h1 img { height:32px; width: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;
}



/*-------------------- 20180828 모바일 토글메뉴 -------------------*/
#toggle-open { left: 15px; top: 20px; }
.toggle-nav { left:-280px; right:auto; }
#toggle-close { left:100%;  top:0; }
/*-------------------- 20180828 모바일 토글메뉴 -------------------*/


#wrap {
    height: 100%;
    padding-top:60px;
}
#content h2 {/* font-size: 24px;  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 {height:55px; background: #006699; font-size: 0; position: fixed; left:0; right: 0; bottom:0; z-index: 66}
.foot-nav li { height:55px; text-align: center; display: inline-block;  width: 33.333%;  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: #fff; display: inline-block; background-repeat: no-repeat; background-position: 0 50%;}
.foot-nav .call a {line-height: 30px; padding-left: 30px; background-image: url(../img/ico_foot1.png); background-size: 24px 24px; }
.foot-nav .mobile a {line-height: 30px; padding-left: 18px; background-image: url(../img/ico_foot2.png); background-size: 13px 20px;}
/* .foot-nav .talk {border-right: 0;} */
.foot-nav .talk a {line-height: 30px; padding-left: 28px; background-image: url(../img/ico_foot3.png); background-size: 23px 20px;}
.counsel-cs {margin-top: 30px;}
.counsel-cs .w-box {
    position: relative;
}
.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 h2 b {
    background: #006699;
    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: #006699;
    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 {font-family: "notokr-b"; margin-bottom:10px;font-size:16px;}
.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: 0px;}
.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:50px;line-height:25px;}
.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:#006699; border-radius:3px !important; color:#fff; display:inline-block; border:0; }
.online-counsel li {color: #666;line-height:28px;margin-bottom:12px;overflow:hidden;}
.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-family: "notokr-b";}
.cs-info dd {font-size: 14px;}
.cs-info dd.tel {font-size: 19px; color:#a17247;}
.cs-info .cs-call {margin-top: 0;}
.cs-info .cs-call .text-spot {font-size:18px;  font-family: "notokr-r";}
.cs-info .cs-call .text-spot b {font-family: "notokr-b";}
.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: auto !important;
    height: auto !important;*/
	width: 50px !important;
    height: 70px !important;
}
.detail-view {
    display: block;
    width: 20px;
    height: 20px;
    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;
}

/* 메인 */

.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 { display:none;
    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-family: "notokr-b";}
.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: #006699;
    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:#006699;
    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: #006699;
    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:#006699;
	font-size:16px;
}*/
.success-case .more {
    top: 5px;
	color:#fff;
	font-size:16px;
	background:#006699;
	padding:3px 10px; 
	font-weight:500;
	border-radius : 3px;
	display:inline-block;
}
.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;
	padding: 20px 15px; 
    color: #006699;
    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; color:#111;
	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;*/
	bottom: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;
}

.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: #006699;
    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:#006699 !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: #006699;
    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;
}

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

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

/*하단배너추가*/
.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:''; }

#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%;  }

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


/* 서브 */

.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-img.sub6 {background-image: url(../img/sub_top_6.jpg);}
.sub-top-img.sub9 {background-image: url(../img/sub_top_9.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 .tab-nav7 li {
        width: 33.3333%;
    }
.about-con .tab-nav7 li:last-child {
        display: none;
    }

.about-con .tab-contentsBox .tab-nav li {
    width: 50%;
    vertical-align: top;
}

.about-con .tab-contentsBox .tab-nav.tab-nav3 li {
    width: 33.3333%;
    vertical-align: top;
}

.about-con .tab-contentsBox .tab-nav.tab-nav2 li {
    width: 50%;
    vertical-align: top;
}

.about-con .tab-contentsBox .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-contentsBox .tab-nav li.active a {
    font-weight: bold;
     border: 1px solid #006699;
	background: #006699; color: #fff;
}
.about-con .tab-contentsBox .tab-nav li a {
    font-size: 13px;
    border-bottom-color: #e1e1e1;
}
.about-con .tab-contentsBox .tab-nav li:last-child {
        display: none;
    }

.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 strong {font-family: "notokr-b";}
.about-con .inner .name-con span.en {font-size:16px; text-transform:uppercase; letter-spacing:4px;font-family: "notokr-r";}
.about-con .profile {clear:both; /*padding:30px;*/ }
.about-con .profile:after { display:block; clear:both; content:''; }
.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-family: "notokr-b";}
.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;}
.about-con .inner .name-con b strong {font-size:30px;}

/* 온라인상담 */
.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:#006699; margin-bottom:10px; font-size:18px;}
.online-cs-form p span {color:#333;}
.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:#006699;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 #006699;background: #fff;display: none;}
.popup h2 {font-size: 21px;color:#006699;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:#006699;position:absolute;left:0;top: 0;}
.popup .lead {color:#006699;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: #006699;
}
.brd-list {}
.brd-list th,
.brd-list td {
    text-align: center;
}
.brd-list td a {
    display: block;
    text-align: left;
}
.brd-list td b.cate {
    color: #006699;
}
.brd-list td a .category {
    color: #006699;
    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: #3fa8dc;
    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: #006699;
    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 {
    width: 26%;
    border-radius: 0;
    height: 34px;
}
.btn-board {
    margin-top: 20px;
}
.btn-board .btn {
    margin-top: 2px;
}
.brd-write {
    border-top: 2px solid #006699;
}
.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 #006699;
}
.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: #006699;
    font-size: 15px;
    font-weight: normal;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
}
.brd-view .view-info {
    color: #888;
    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: #006699;
    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;
}


.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:#006597;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:#006597;}
.lawyer-list .history-list b.tit {background:#daebf3; 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;
}

.sub-success-m .success-list ul {margin:0}
.sub-success-m .success-list .slides li {
    padding: 0 !important;
}
.brd-view .brd-con img {max-width:100%;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:#006699;
	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; color:#111; }
.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; color:#111; }
.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}

/* 갤러리 게시판추가: 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;}


/* 선임후기: 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:#69b7dd;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:#006699;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:80%}
.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
 * ========================================================================== */


@media (min-width: 320px) and (max-width: 767px){
/* ------------------- 20180828 모바일 수정 ----------------*/
 .telephone { display:none; }
.location-map { display:none;  }
.banner-group { display:none; }
.reviews-media { display:none; }

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

/* 디지털포렌식사례 */



.forensic-case .case-list ul li:nth-child(5) { display:none; }


.forensic-case .case-list li { border:1px solid #e5e5e5;  float:left; width:48%; position: relative; margin-left: 40px; background: #fff url(/img/arr_forensic.jpg) no-repeat 97% 50%; padding: 30px 30px 30px 15px; margin-left: 0; margin-bottom:4%; }
.forensic-case .case-list li:nth-child(odd) { margin-right:3%; border:1px solid #e5e5e5; }
.forensic-case .case-list li:nth-child(3),.forensic-case .case-list li:nth-child(4) { margin-bottom:0; }
.forensic-case .case-list li i {  position: absolute; left: 3%; top: 55%; margin-top: -16px; line-height: 1; max-width: 32px; }
.forensic-case .case-list p {/* min-width: 300px; */ font-size:12px; width:150px;  padding-left:20%;  }
.forensic-case .case-list p span { display: inline-block; min-width: 70px;  }

.forensic-case .case-list li+li { margin-top:0; }




 }


/**
 * 2. Tablets
 */

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

	/*.play-list-wrap .play-list .tit {background:#076aa3; text-align:center;padding:0 10px;}
	.play-list-wrap .movie-area {position:relative; width:870px; height:490px} */

	.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: 100%;
		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;
	bottom: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: 23%;
        margin: 0 10px 0 15px;
        padding: 0;
    }
    .counsel-form.only-form dt:first-child + dd {
        margin-bottom: 0;
        width: 21%;
        margin-left: -9%;
    }
    .counsel-form.only-form dd:last-child {
        width: 23%;
        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 .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 .success-list ul {margin:0}
    .sub-success-p .success-list .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) {
	.brd-view .brd-con img {width:auto; height:auto; margin-bottom:30px;}
    .brd-list .top-link td {font-size: 18px}
    .brd-list .top-link td i img {width:auto}

    body {
        letter-spacing: -.5px;
    }
    .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 -10px;
        width: 50px;
        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;
    }
	.about-con .tab-nav7 li {
        width: 16.6666%;
    }

   .about-con .tab-contentsBox{padding: 79px 69px}

   .about-con .tab-contentsBox .tab-nav a {
        font-size: 17px;
        margin-left: -1px;
        margin-bottom: -1px;
    }
    .about-con .tab-contentsBox .tab-nav li.active a {
       border: 1px solid #006699;
        color: #fff;
    }
    .about-con .tab-contentsBox .tab-nav li {
        width: 25%;
    }
    .about-con .tab-contentsBox .tab-nav li:last-child {
        display: none;
    }
    .about-con .tab-contentsBox .tab-nav li a {
        font-size: 17px;
        border-bottom-color: #e1e1e1;;
    }

    #content h2 small {
        display: inline-block;
        margin-left: 10px;
        line-height: 30px;
        padding: 0;
        vertical-align: middle;
        font-size: 15px;
    }
    #header {
        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;

    }
	#header .topTel {position:absolute;left: 395px;font-size:17px;font-weight:bold;bottom:32px;line-height:140%;color:#333;display: none;}
	#header .topTel b {display:block;}
    #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: 17px;
        border: 0;
        position: relative;
        /* font-family: "seoulNM"; */
        font-weight:bold;
        /* line-height:  normal; */
    }
    #gnb>ul>li.active>a {
        color: #006699;
    }
    #gnb>ul>li.active ul {z-index:6;}
    #gnb>ul>li a {
        color: #333;
        padding: 0;
        font-size: 17px;letter-spacing:-0.08em;
    }
    #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: #006699;
        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;
		/* font-family: "seoulNM"; */  font-weight:normal;
    }
    #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 ul,
    .main-visual .flex-viewport,
    .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: #006699;
        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; color:#111;
}

    .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;
    }

   
    

    /* 성공사례 */

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

    /* 플로팅배너 170729 */
/*     .float-banner {position: fixed;right: 0;top: 50%;z-index: 333;margin-top: -305px;width: 80px;height: 720px;background: url(../img/bg_float_bn.gif) 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 span {display:block;height:60px;padding-t	.float-banner li.f1 a {height:100px;color: #fff;padding-top:55px;}
    op: 12px;}
    .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-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:#006699;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:#006699; 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:240px; display:none;  }
	#submenu .container { padding-left:0; }
	#submenu .container .submenu-in { padding:20px; border-right:1px solid #ccc; height:239px; width:16.66666%; float:left; text-align:left !important;}
	#submenu .container .submenu-in:nth-child(4) { width:16%;}
	#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:#006699; 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:#006699;}

	.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; }

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

	/* 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; float:left; margin-top:1px; width:16.66666%; width:50%; }
	.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:#006699; }
	/* ------------------------------- */


}

/* 4. Large descktops */

@media all and (min-width:1200px) {
    body {
        font-family: 'notokr-r', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, Helvetica, sans-serif;
    }
    .container {
        width: 1230px;
    }
	 .container.none {
        width: 1230px;
    }
    #header h1 img {width:auto;}
    .index #content h2 { /* font-size: 30px;*/  }
    #header .topTel {display:block}
    #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: 29%;
    }
    .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:#006699
    }

    /* 온라인상담 */

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

   

    /* 성공사례 */

    .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;*/
		padding: 30px 20px;
    }
    .success-list .in-box strong span {
    }
    .success-list div.pic {padding: 20px;}
    .success-list .detail-view {/*top:320px;*/ right:20px; bottom:20px;}
	
	.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; color:#111; }
    .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-family: "notokr-b";}
	.about-con .inner .name-con b strong {font-size:40px;}
	.about-con .inner .name-con span.en {font-size:20px; text-transform:uppercase; letter-spacing:4px;font-family: "notokr-r";}
	.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-family: "notokr-b";}
	.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;}
}

@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:#006c9b !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: 'notokr-r', '맑은 고딕', '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:#006699; font-size:16px; font-weight:500; color:#fff; border:1px solid #065982;
 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:#006699; 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:#006699; 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; }
}


/* 20190401 */
.success-case .new-title small { color:#111 !important; }
.success-case .more.new-more { position:relative; top:0; margin-bottom:5px; float:right; margin-top:-50px; margin-bottom:20px; }
.success-case .clear { display:block; clear:both; width:100%;}
.success-case .new-title { font-size:20px !important; letter-spacing:-0.02em; }

@media (min-width: 768px) {
	.success-case .new-title { font-size:24px !important; text-align:center;}
	.success-case .new-title > strong { font-weight:700; font-size:28px; }
	.success-case .new-title small { display:inline-block !important; position:relative; font-size:15px !important; }
	.success-case .new-title small:after { display:block; width:100%; height:1px; content:''; background:#777; }
	.success-list.new-list ul li:nth-child(3n+1) { clear:both; }
}

@media (min-width: 992px) {
	.success-case .new-title { text-align:center; font-size:40px !important; font-weight:100 !important; line-height:45px !important; }
	.success-case .new-title > strong { font-weight:700; font-size:40px; }
	.success-case .new-title small { font-size:16px !important; display:inline-block; position:relative;  }
	.success-case .new-title small > strong { font-weight:700; }
	.success-case .new-title small:after { display:block; width:100%; height:1px; content:''; background:#777; }
	.more.new-more { top:130px; right:15px; }
	.more.btn-new { background:url(../images/common/more_arw.png) no-repeat right center !important;  background-color:#006699 !important; padding:7px 50px 7px 15px !important; }
}

@media (min-width: 1200px) {
	.success-list.new-list ul li:nth-child(3n+1) { clear:none; }
}

@media (max-width: 767px) {
	.success-case { position:relative; }
	.success-case .more.new-more { position:relative; margin-top:-12px; margin-bottom:5px;  }
}

/* 20190410 */
@media (max-width: 767px) {
	.success-list p { display:none; }
	.play-list-wrap .movie-list li p { display:none; }
	.success-list strong span { margin-right:0;}
	.success-list strong { font-size:14px; }
	.success-list strong span { font-size:13px; }
}

.success-list strong span.date { color:#777; margin-top:5px; display:inline-block; padding:3px 5px; background:#777; color:#fff; border-radius:3px; font-weight:200; letter-spacing:0.0em; }

/* 20190508 메인 성공사례 */
.lawyer-info { padding:0 20px 20px 20px; position:relative; }
.lawyer-info .lawyer-pic { }
.lawyer-info .lawyer-pic img { width:70px; }
.lawyer-info .lawyer-name { position:absolute; bottom:40px; right:50px; text-align:right; color:#000;   }
.lawyer-info .lawyer-name span { display:block; margin-top:3px; }
.lawyer-info .lawyer-name span { font-size:18px; }
.lawyer-info .lawyer-name small { font-size:13px; }
.lawyer-info .lawyer-name span b { font-weight:700; letter-spacing:0.15em; }

@media (max-width: 767px) {
	.lawyer-info .lawyer-pic img { width:45px; }
	.lawyer-info .lawyer-name { position:absolute; top:5px; right:10px; }
	.lawyer-info .lawyer-name span { display:block; margin-top:0px; }
	.lawyer-info .lawyer-name small { font-size:12px; }
	.lawyer-info .lawyer-name span { font-size:14px; }
	.lawyer-info .lawyer-name span b { font-weight:700; }
}

/* 20190531 */
.price-banner .off { display:block; }
.price-banner .on { display:none; }
.price-banner:hover .off { display:none; }
.price-banner:hover .on { display:block; }

/* 20190603 */
.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:20px; }
.cover-wrap .blind-cover span { font-size:14px; }
.cover-wrap .blind-cover span.text-2 { margin-top:5px; }
.cover-wrap .blind-cover span.text-3 { margin-top:20px; }
} 


/* 20190916 */
.play-list-wrap h2.tit-img { text-align:center; position:relative; }
.play-list-wrap h2.tit-img img { width:90%; margin:0 auto; max-width:688px; }
.play-list-wrap .more.btn-new { color:#fff; font-size:16px; font-weight:500; border-radius:3px; display:inline-block; z-index:2; top:auto; bottom:0; }
.play-list-wrap .more.btn-new:after { display:block; clear:both; content:''; }

@media (max-width: 767px) {
    .waring { letter-spacing:-0.07em; } 
	.warning_left { margin-bottom:7px; }

	.play-list-wrap .movie-list li strong {font-size:13px;}
	.play-list-wrap .movie-list li .thumb { padding-top:65%; }

	.play-list-wrap h2.tit-img { text-align:center; margin-bottom:-10px !important; }
	.play-list-wrap .more.btn-new { top:auto; bottom:auto; position:relative; margin-top:7px; }	
	.play-list-wrap h2.tit-img:after { clear:both; content:''; display:block; }
}

@media (max-width: 414px) {
	.success-case .tit-img img { width:100%; }
	.success-case .more.new-more { margin-top:-5px; }

	.play-list-wrap h2.tit-img { margin-top:20px; }
	.play-list-wrap h2.tit-img img { width:100%; display:block; }

	.online-counsel li span.date { margin-right:5px; font-size:12px; }
	.online-counsel li span.state,
	.online-counsel li span.done { width:64px; font-size:13px; }
}


/* 팝업 */
/*
.layerPop {position:absolute; top:10px; left:10px; z-index:1000 ;}
.layerPop.popup2 { left:510px; }
.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%; }
}
*/





/* 20200528 메인비주얼 */
.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:block;}
.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: 991px) {
	.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:block;}
	.main-visual.animation .visual_text .t1.mo { top:4.125%; }
	.main-visual.animation .visual_text .t2.mo { top:21.625%; }

}


/* 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 h2 { margin-top:0 !important;}

.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; text-align:left; }
.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; }

}


/* 20200714 메인비주얼 본사중심로펌 동적 효과 */
.main-visual.animation .point { position:absolute; z-index:10; top:12.5%; left:0; width:100%; }
.main-visual.animation .point .point_bg { position:relative; width:85%; max-width:1326px; height:0; padding-bottom:51%; margin:0 auto; background:url('/img/map.png')no-repeat center top; background-size:100%;}
.main-visual.animation .point .point_bg .circle_wrap { position:relative; width:66px; height:66px; float:right; margin-right:21.418%; margin-top:8.748%; transform:translate(50%,-50%); }
.main-visual.animation .point .point_bg .circle_wrap .cc { position:absolute; border-radius:50%; top:50%; left:50% }
.main-visual.animation .point .point_bg .circle_wrap .cc.cc_1 { width:16px; height:16px; background:#ff1800; margin-left:-8px; margin-top:-8px; }
.main-visual.animation .point .point_bg .circle_wrap .cc.cc_2 { width:36px; height:36px; margin-left:-18px; margin-top:-18px;
animation-name:background; animation-duration:0.8s; animation-iteration-count:infinite; animation-direction: alternate;}
.main-visual.animation .point .point_bg .circle_wrap .cc.cc_3 { width:54px; height:54px; margin-left:-27px; margin-top:-27px;
animation-name:background; animation-duration:0.8s; animation-iteration-count:infinite; animation-direction: alternate;animation-delay:0.2s; }
.main-visual.animation .point .point_bg .circle_wrap .cc.cc_4 { width:74px; height:74px; margin-left:-37px; margin-top:-37px; 
animation-name:background; animation-duration:0.8s; animation-iteration-count:infinite; animation-direction: alternate;animation-delay:0.4s; }

@media (max-width: 991px) {
	.main-visual.animation .point { position:absolute; z-index:10; top:0; left:0; width:100%; }
	.main-visual.animation .point .point_bg { width:100%; padding-bottom:125%; background:url('/img/map_m.png')no-repeat left top; background-size:100% auto; }
	.main-visual.animation .point .point_bg .circle_wrap { position:relative; width:40px; height:40px; float:right; margin-right:79.2%; margin-top:56.5625%; transform:translate(50%,-50%); }
	.main-visual.animation .point .point_bg .circle_wrap .cc { }
	.main-visual.animation .point .point_bg .circle_wrap .cc.cc_1 { width:10px; height:10px; margin-left:-5px; margin-top:-5px;}
	.main-visual.animation .point .point_bg .circle_wrap .cc.cc_2 { width:20px; height:20px; margin-left:-10px; margin-top:-10px;}
	.main-visual.animation .point .point_bg .circle_wrap .cc.cc_3 { width:30px; height:30px; margin-left:-15px; margin-top:-15px;}
	.main-visual.animation .point .point_bg .circle_wrap .cc.cc_4 { width:40px; height:40px; margin-left:-20px; margin-top:-20px;}
}

@keyframes background {
	0% {
		opacity:0;
		background-color: rgba(255,114,0,0);
		border:1px solid rgba(255,114,0,1)
	}
	100% {
		opacity:1;
		background-color: rgba(255,114,0,0.3);
		border:1px solid rgba(255,114,0,1)
	}
}



/* 20200715 로펌 소개 페이지 수정 */
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.org_text { color:#d66603; }
.bold { font-weight:500 !important; }
.text-c { text-align:center; }

.strongLine {color:#000; font-weight:400; border-bottom:1px solid rgba(0,0,0,0);  transition:all 1.5s ease-out; }
.strongLine.active { border-bottom:1px solid rgba(0,0,0,1);  transition-duration:1.0s;  transition-timing-function: ease-out; }

/* 글자 자르기 */
.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; }
.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; }

.contents.about.new {  }
#content .introNew { text-align:justify; font-size:17px; line-height:30px; color:#111; font-family: 'Noto Sans KR'; font-weight:300; word-break:keep-all;  }
#content .introNew .section { margin-top:100px; }
#content .introNew .section.section00 { margin-top:0; }
#content .introNew .section h3.tit01 { font-size:36px; color:#033887; line-height:48px; padding-top:5px; position:relative; letter-spacing:-0.05em; font-weight:100; }
#content .introNew .section h3.tit01:before { position:absolute; top:0; left:0; display:block; content:''; height:1px; width:100px; background:#033887; }
#content h2.tit02 { margin-top:0; }

.introNew .greyBox { background:#e8e8e8; padding:30px; text-align:center; }
.introNew .greyBox p { font-size:18px; font-weight:500; color:#000; }
.introNew .greyBox .logoAni { width:90%; max-width:860px; margin:0 auto; }
.introNew .greyBox .logoAni:after { display:block; clear:both; content:''; }
.introNew .greyBox .logoAni > div:nth-child(1) { width:38.9313%; }
.introNew .greyBox .logoAni > div:nth-child(2) { width:30.5343%; }
.introNew .greyBox .logoAni > div:nth-child(3) { width:30.5343%; }
.introNew .greyBox .logoAni > div { float:left; display:block; text-align:center; padding:0 15px; }
.introNew .greyBox .logoAni > div:nth-child(1) img { width:100%; max-width:204px; }
.introNew .greyBox .logoAni > div:nth-child(2) img { width:100%; max-width:160px; }
.introNew .greyBox .logoAni > div:nth-child(3) img { width:100%; max-width:160px;  }
.introNew .greyBox .logoAni.active .logo1 { opacity:1; transition-delay:0.0s;}
.introNew .greyBox .logoAni.active .logo2 { opacity:1; transition-delay:0.6s;}
.introNew .greyBox .logoAni.active .logo3 { opacity:1; transition-delay:1.1s;}
.introNew .greyBox .logoAni .logo1 { transition:all 0.5s ease-out; opacity:0; }
.introNew .greyBox .logoAni .logo2 { transition:all 0.5s ease-out; opacity:0; }
.introNew .greyBox .logoAni .logo3 { transition:all 0.5s ease-out; opacity:0; }

.introNew .greyBox.type01 { background:transparent;  }
.introNew .greyBox.type01 p { font-size:15px; font-weight:500; color:#000; text-align:center; line-height:20px; margin-top:5px;}
/*.introNew .greyBox.type01 .logoAni > div:nth-child(1) { width:33.3333%; }
.introNew .greyBox.type01 .logoAni > div:nth-child(2) { width:33.3333%; }
.introNew .greyBox.type01 .logoAni > div:nth-child(3) { width:33.3333%; }*/
.introNew .greyBox.type01 .logoAni > div { width:25%; }
.introNew .greyBox.type01 .logoAni > div:nth-child(1) img { width:100%; max-width:88px; }
.introNew .greyBox.type01 .logoAni > div:nth-child(2) img { width:100%; max-width:129px; }
.introNew .greyBox.type01 .logoAni > div:nth-child(3) img { width:100%; max-width:91px;  }
.introNew .greyBox.type01 .logoAni > div:nth-child(4) img { width:100%; max-width:87px;  }
.introNew .greyBox.type01 .logoAni.active .logo1 { opacity:1; transition-delay:0.0s;}
.introNew .greyBox.type01 .logoAni.active .logo2 { opacity:1; transition-delay:0.5s;}
.introNew .greyBox.type01 .logoAni.active .logo3 { opacity:1; transition-delay:1.0s;}
.introNew .greyBox.type01 .logoAni.active .logo4 { opacity:1; transition-delay:1.5s;}
.introNew .greyBox.type01 .logoAni .logo1 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox.type01 .logoAni .logo2 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox.type01 .logoAni .logo3 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox.type01 .logoAni .logo4 { transition:all 0.8s ease-out; opacity:0; }

/* 20210310 */
.introNew .greyBox .logoAni.type03 { width:100%; max-width:100%; }
.introNew .greyBox .logoAni.type03 > div { width:16.6666%; }
.introNew .greyBox .logoAni.type03.col07 > div { width:14.2857%; }
.introNew .greyBox .logoAni.type03 > div img { width:94%; max-width:160px; }
.introNew .greyBox .logoAni.type03.active .logo1 { opacity:1; transition-delay:0.0s;}
.introNew .greyBox .logoAni.type03.active .logo2 { opacity:1; transition-delay:0.5s;}
.introNew .greyBox .logoAni.type03.active .logo3 { opacity:1; transition-delay:1.0s;}
.introNew .greyBox .logoAni.type03.active .logo4 { opacity:1; transition-delay:1.5s;}
.introNew .greyBox .logoAni.type03.active .logo5 { opacity:1; transition-delay:2.0s;}
.introNew .greyBox .logoAni.type03.active .logo6 { opacity:1; transition-delay:2.5s;}
.introNew .greyBox .logoAni.type03.active .logo7 { opacity:1; transition-delay:3.0s;}
.introNew .greyBox .logoAni.type03 .logo { transition:all 1.8s ease-out; opacity:0; }
/* ///////// */


.introNew .important { background:#fff; border:1px solid #ccc; text-align:center; padding:20px; text-align:center; }
.introNew .important p { color:#000; font-weight:300; font-size:20px; line-height:30px; display:inline-block; position:relative; padding:0 30px; }
.introNew .important p:before { content:''; position:absolute; top:0; left:0; width:21px; height:18px; display:inline-block; background:url('/img/newintro/text_before.png');}
.introNew .important p:after { content:''; position:absolute; top:0; right:0; width:21px; height:18px; display:inline-block; background:url('/img/newintro/text_after.png'); }


.introNew  .sec03_list {}
.introNew  .sec03_list:after { display:block; content:''; clear:both; }
.introNew  .sec03_list .listWrap { width:calc(50% - 20px); float:left; text-align:center; position:relative; }
.introNew  .sec03_list .listWrap:nth-child(2) { float:right; }
.introNew  .sec03_list .listWrap .list { width:100%; display:block; position:relative; border:1px solid #ccc;}
.introNew  .sec03_list .list h3 { font-size:40px !important; color:#fff; line-height:160px; margin:0 !important; font-weight:500; }
.introNew  .sec03_list .list p { font-size:22px; line-height:35px; color:#555; height:160px; padding-top:40px; font-weight:400; }
.introNew  .sec03_list .list p span { display:block; text-align:center; }
.introNew  .sec03_list .list.list01 h3 { background:url('/img/newintro/s3_list01.png')no-repeat center top; background-size:cover; }
.introNew  .sec03_list .list.list02 h3 { background:url('/img/newintro/s3_list02.png')no-repeat center top; background-size:cover; }
.introNew  .sec03_list .listWrap:hover .list p { color:#d7701d; }
.introNew  .sec03_list .listWrap:hover .list.list01 h3 { background:url('/img/newintro/s3_list01_on.png')no-repeat center top; background-size:cover; } 
.introNew  .sec03_list .listWrap:hover .list.list02 h3 { background:url('/img/newintro/s3_list02_on.png')no-repeat center top; background-size:cover; }
.introNew  .sec03_list .listWrap:before { content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; border:2px solid rgba(0,0,0,0);
-moz-transition:0.2s ease;
-webkit-transition:0.2s ease;
-ms-transition:0.2s ease;
-0-transition:0.2s ease;
transition:0.2s ease;}
.introNew  .sec03_list .listWrap:hover:before { contnet:''; box-shadow:5px 10px 15px 0 rgba(0,0,0,0.5); border:2px solid #d76103; z-index:2;  }
	
.introNew .ynewsList {}
.introNew .ynewsList:after { display:block; clear:both; content:''; }
.introNew .ynewsList .ynews:after { display:block; clear:both; content:''; }
.introNew .ynewsList .ynews { width:calc(33.3333% - 16px); float:left; border:1px solid #ccc; padding:15px; position:relative; cursor:pointer; }
.introNew .ynewsList .ynews:nth-child(1) { margin-right:16px; }
.introNew .ynewsList .ynews:nth-child(2) { margin:0 8px; }
.introNew .ynewsList .ynews:nth-child(3) { margin-left:16px; }
.introNew .ynewsList .ynews .tit { font-size:17px; color:#000; font-weight:400;
display:block; line-height:1.5em; 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;}
.introNew .ynewsList .ynews .pic { margin-top:15px; }
.introNew .ynewsList .ynews .pic img { width:100%; }
.introNew .ynewsList .ynews .text { font-size:15px; color:#555; margin-top:15px; font-weight:300;
display:block; line-height:1.5em; 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; }
.introNew .ynewsList .ynews .viewBtn { float:right; border:0; background:none; font-size:12px; color:#333; margin-top:5px; }
.introNew .ynewsList .ynews:before { content:''; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); box-sizing:border-box; border:2px solid rgba(0,0,0,0);
-moz-transition:0.2s ease;
-webkit-transition:0.2s ease;
-ms-transition:0.2s ease;
-0-transition:0.2s ease;
transition:0.2s ease;
}
.introNew .ynewsList .ynews:hover:before {  contnet:''; box-shadow:5px 10px 15px 0 rgba(0,0,0,0.5); border:2px solid #d76103; }
.introNew .ynewsList .ynews:hover .tit { color:#d76103; }

.pressWrap:after { display:block; clear:both; content:''; }
.pressWrap .pressList { float:left; width:70%; }
.pressWrap .yangPic { float:right; width:28.33333%; }
.pressWrap .pressList img, .pressWrap .yangPic img { width:100%; } 

.textAni { font-size:20px; font-weight:400; color:#332509; background:url(/img/newintro/text_bg.jpg)-800px bottom no-repeat; background-size:cover; margin-bottom:3px; line-height:26px; padding:0 3px; }

.textAni:hover,
.textAni.active { background:url(/img/newintro/text_bg.jpg)0 bottom no-repeat;  background-size:cover;  transition-duration:0.8s;  transition-timing-function: ease-out;  }

.issueList li i { font-size:20px; color:#7d5808; font-style:oblique; font-weight:400;  }
.issueList li { width:100%; padding:5px 10px; margin-top:5px; text-align:center; border:1px solid rgba(136,112,60,0.5); }
.issueList.active li.list1 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.6s; }
.issueList.active li.list2 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.7s; }
.issueList.active li.list3 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.8s; }
.issueList.active li.list4 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.9s; }
.issueList.active li.list5 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.0s; }
.issueList.active li.list6 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.1s; }
.issueList.active li.list7 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.2s; }
.issueList li:hover { box-shadow:0px 3px 8px 0 rgba(0,0,0,0.3); transform:translateY(-2px);  border:1px solid rgba(136,112,60,1); }

@keyframes moveY {
	0% {
		box-shadow:0px 0px 0px 0 rgba(0,0,0,0);
		transform:translateY(0px);
		border:1px solid rgba(136,112,60,0.5);
	}
	50% {
		box-shadow:0px 2px 5px 0 rgba(0,0,0,0.2);
		transform:translateY(-2px);
		border:1px solid rgba(136,112,60,0.8);
	}
	100% {
		box-shadow:0px 0px 0px 0 rgba(0,0,0,0);
		transform:translateY(0px);
		border:1px solid rgba(136,112,60,0.5);
	}
}


/* 지도 및 그래프 */
.pointmapWrap { width:100%; background:url('/img/newintro/pointmap_bg.gif')no-repeat center center; background-size:cover; }
.pointmapWrap:after { display:block; clear:both; content:''; }
.pointmapWrap .pointmapAni { float:left; width:387px; height:595px; margin:30px 80px 10px 50px; position:relative;}
.pointmapWrap .pointmapAni .map { position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; }
.pointmapWrap .pointmapAni .map img { width:100%; max-width:100%; }
.pointmapWrap .pointmapAni .map .pic02,
.pointmapWrap .pointmapAni .map .pic03 { position:absolute; top:0; left:0;}
.pointmapWrap .pointmapAni .map .pic02 {opacity:0;  transition:all 0.3s ease-out; }
.pointmapWrap .pointmapAni .map.active .pic02 {opacity:0.8;  transition:all 0.3s ease-out; transition-delay:0s; }
.pointmapWrap .pointmapAni .map .pic03 { opacity:0;  transition:all 2.5s ease-out;}
.pointmapWrap .pointmapAni .map.active .pic03 { opacity:1; transition:all 2.5s ease-out; transition-delay:0.5s; }
.pointmapWrap .pointmapText { width:calc(100% - 547px); float:left; color:#fff; height:595px; margin:30px 0 10px 0; position:relative;  }
.pointmapWrap .pointmapText .center { position:absolute; top:50%; left:0; transform:translateY(-60%);  }
.pointmapWrap .pointmapText .center p span.block { display:block; }
.pointmapWrap .pointmapText .contactPoint { margin-top:100px; }
.pointmapWrap .pointmapText .contactPoint strong { font-size:20px; font-weight:500; }
.pointmapWrap .pointmapText .contactPoint a.contactBtn { display:block; width:260px; line-height:46px; border-radius:23px; text-align:center; margin-top:10px; }
.pointmapWrap .pointmapText .contactPoint a.contactBtn.tel { background:#d66603; border:1px solid #d66603;  color:#fff; font-size:22px; font-weight:500; cursor:default; }
.pointmapWrap .pointmapText .contactPoint a.contactBtn.consult { background:none; border:1px solid #d66603;  color:#d66603; font-size:22px; font-weight:500;  }
.pointmapWrap .pointmapAni .circle_wrap { position:relative; width:74px; height:74px; margin-left:35.4005%; margin-top:17.1428%; transform:translate(-50%, 0); z-index:3; }
.pointmapWrap .pointmapAni .circle_wrap .cc { position:absolute; border-radius:50%; top:50%; left:50% }
.pointmapWrap .pointmapAni .circle_wrap .cc.cc_1 { width:16px; height:16px; background:#ff1800; margin-left:-8px; margin-top:-8px; }
.pointmapWrap .pointmapAni .circle_wrap .cc.cc_2 { width:36px; height:36px; margin-left:-18px; margin-top:-18px;
animation-name:background; animation-duration:0.8s; animation-iteration-count:infinite; animation-direction: alternate;}
.pointmapWrap .pointmapAni .circle_wrap .cc.cc_3 { width:54px; height:54px; margin-left:-27px; margin-top:-27px;
animation-name:background; animation-duration:0.8s; animation-iteration-count:infinite; animation-direction: alternate;animation-delay:0.2s; }
.pointmapWrap .pointmapAni .circle_wrap .cc.cc_4 { width:74px; height:74px; margin-left:-37px; margin-top:-37px; 
animation-name:background; animation-duration:0.8s; animation-iteration-count:infinite; animation-direction: alternate;animation-delay:0.4s; }

.pointmapWrap.new { padding:50px; display:table; width:100%;  }
.pointmapWrap.new .pointmapAni { height:auto; position:relative; margin:0; display:table-cell; vertical-align:middle;}
.pointmapWrap.new .pointmapAni .map { position:relative; width:100%; height:auto; z-index:2; }
.pointmapWrap.new .pointmapAni .circle_wrap { position:absolute; margin:0; top:17.1428%; left:35.4005%; transform:translate(-50%, -50%);}

.pointmapWrap.new .graphAni{ width:70%; color:#fff; position:relative; display:table-cell; vertical-align:middle; }
.pointmapWrap.new .graphAni .graphwrap{ width:calc(100% - 100px); margin-left:100px; }
.pointmapWrap.new .graphAni .graphwrap .graphbox { width:100%; height:400px; position:relative; display:table; background:url('/img/newintro/graphstick_bg_1.png')repeat-x; background-size:6px 100%; }
.pointmapWrap.new .graphAni .graphwrap .graphtit{ width: 100%; display:table; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area { width:16.66666%; display:table-cell; text-align:center; position:relative;  }
.pointmapWrap.new .graphAni .graphwrap .graphtit p { width:16.66666%; display:table-cell; text-align:center; font-size:15px; color:#fff; line-height:40px; }
.pointmapWrap.new .graphAni .graphwrap .graphbox:after { display:block; clear:both; content:''; }
.pointmapWrap.new .graphAni .graphwrap .graphtit:after { display:block; clear:both; content:''; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area .graphlength { position:absolute; width:50%; left:50%; bottom:0; transform:translateX(-50%); background:rgba(255,255,255,0.4); height:0 }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area01 .graphlength { height:0;  transition:all 0.4s ease-out; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area02 .graphlength { height:0;  transition:all 0.4s ease-out; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area03 .graphlength { height:0;  transition:all 0.4s ease-out; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area04 .graphlength { height:0;  transition:all 0.4s ease-out; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area05 .graphlength { height:0;  transition:all 0.4s ease-out; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area06 .graphlength { height:0; background:rgba(218,115,32,0.7); transition:all 0.6s ease-out; }
.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area01 .graphlength { height:3.335%; transition:all 0.4s ease-out; transition-delay:0.5s; }
.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area02 .graphlength { height:20.01%; transition:all 0.4s ease-out; transition-delay:0.6s;  }
.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area03 .graphlength { height:15.0075%; transition:all 0.4s ease-out; transition-delay:0.7s; }
.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area04 .graphlength { height:23.345%; transition:all 0.4s ease-out; transition-delay:0.8s;  }
.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area05 .graphlength { height:10.005%; transition:all 0.4s ease-out; transition-delay:0.9s; }
.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area06 .graphlength { height:95.0475%; transition:all 0.6s ease-out; transition-delay:1.0s;  }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area01 strong { bottom:3.835%;  }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area02 strong { bottom:20.51%; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area03 strong { bottom:15.5075%; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area04 strong { bottom:23.845%;  }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area05 strong { bottom:10.505%; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area.area06 strong { bottom:95.5475%; }
.pointmapWrap.new .graphAni .graphwrap .graphbox .area strong { position:absolute; width:100%; text-align:center; left:0; opacity:0; font-size:14px; color:#fff;}
.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area strong { opacity:1; transition:all 1.2s ease-out; transition-delay:1.0s;  }



/* 그래프 부분 */
.graphWrap { background:url('/img/newintro/graph_out_bg.jpg')no-repeat center top; background-size:cover; padding:50px; position:relative; }
.graphWrap .graphWrap_in { width:calc(100% - 100px); max-width:922px; margin:0 auto; }
.graphWrap .graphAni { width:100%; height:0; padding-top:44.57700%; background:url('/img/newintro/graph_bg.png')no-repeat left bottom; background-size:100%; position:relative; }
.graphWrap .graphAni .graph_y1_area { width:0%; height:100%; position:absolute; top:0; left:0; background:url('/img/newintro/graph_y1.png')no-repeat 0 bottom; background-size:auto 100%; }
.graphWrap .graphAni .graph_y2_area { width:0%; height:100%; position:absolute; top:0; left:37.0933%; background:url('/img/newintro/graph_y2.png')no-repeat 0 bottom; background-size:auto 100%; }
.graphWrap .graphAni .graph_y3_area { width:0%; height:100%; position:absolute; top:0; left:74.4035%;  background:url('/img/newintro/graph_y3.png')no-repeat 0 bottom; background-size:auto 100%; }
.graphWrap.active .graphAni .graph_y1_area { width:37.0933%; transition:all 0.4s ease-out; transition-delay:0.3s; }
.graphWrap.active .graphAni .graph_y2_area { width:37.3102%; transition:all 0.4s ease-out; transition-delay:0.8s; }
.graphWrap.active .graphAni .graph_y3_area { width:25.5965%; transition:all 0.4s ease-out; transition-delay:1.2s; }
.graphWrap .graph_text ul li { color:#fff; font-size:18px; font-weight:500; padding-left:55px; position:relative; }
.graphWrap .graph_text ul li + li { margin-top:10px; }
.graphWrap .graph_text ul li.oh:before { display:block; width:40px; height:3px; content:''; position:absolute; top:50%; left:0; background:rgba(40,183,83,1); }
.graphWrap .graph_text ul li.a:before { display:block; width:40px; height:3px; content:''; position:absolute; top:50%; left:0; background:rgba(230,51,131,0.4); }
.graphWrap .graph_text ul li.b:before { display:block; width:40px; height:3px; content:''; position:absolute; top:50%; left:0; background:rgba(185,150,247,0.4); }
.graphWrap .graph_text { position:absolute;  top:25%; right:50px; transition:all 1.2s ease-out; opacity:0; }
.graphWrap.active .graph_text { position:absolute; opacity:1; transition-delay:2.2s; }
.graphWrap .text { text-align:right; color:#fff; margin-top:20px; font-size:15px; transition:all 1.2s ease-out; opacity:0;}
.graphWrap.active .text { opacity:1; transition-delay:2.5s; }
.graphWrap .oh_arrow  { width:31.25%; height:0; position:absolute; left:38.5%; bottom:29.6836%; opacity:0; background:url('/img/newintro/arw_oh.png')no-repeat 0 bottom; background-size:100% auto; }
.graphWrap.active .oh_arrow { height:69.8297%; opacity:1; transition:all 0.5s ease-out; transition-delay:1.7s; }

/*  절차부분 */
.clear { display:block; content:''; clear:both; }
.stepAniWrap .topwrap { width:100%; margin:20px auto 0; position:relative; }

.stepAniWrap .topwrap .boxwrap:after { display:block; clear:both; content:'' }
.stepAniWrap .topwrap .boxwrap .box { float:left; position:relative; width:23%; background:#fff; padding:10px 10px 20px 10px; text-align:center; border-right:1px dotted #ccc; }
.stepAniWrap .topwrap .boxwrap .box:nth-of-type(1) { width:8%;  background:transparent; border-right:0; } 
.stepAniWrap .topwrap .boxwrap .box:nth-of-type(5) { border-right:0; }
.stepAniWrap .topwrap .boxwrap .box p { font-weight:500; font-size:16px; color:#111; }
.stepAniWrap .topwrap .boxwrap .box p:before { width:72px; height:68px; content:''; margin:10px auto 20px; display:block;  }
.stepAniWrap .topwrap .boxwrap .box.box_1 p:before { background:url('/img/newintro/step01_icon.png')no-repeat center center; background-size:contain; }
.stepAniWrap .topwrap .boxwrap .box.box_2 p:before { background:url('/img/newintro/step02_icon.png')no-repeat center center; background-size:contain; }
.stepAniWrap .topwrap .boxwrap .box.box_3 p:before { background:url('/img/newintro/step03_icon.png')no-repeat center center; background-size:contain; }
.stepAniWrap .topwrap .boxwrap .box.box_4 p:before { background:url('/img/newintro/step04_icon.png')no-repeat center center; background-size:contain; }

.stepAniWrap .topwrap:before{  position:absolute; width:92%; height:1px; background:#ccc; top:100px; left:8%; z-index:2; content:''; clear:both; display:block; }/*회색선*/
.stepAniWrap .topwrap .box:after { position:absolute; width:20px; height:20px; border:5px solid #a9a9a9; border-radius:50%; content:''; display:block; top:100px; left:50%; background:#fff; transform:translate(-50%, -50%); z-index:4;  }
.stepAniWrap .topwrap .box.on:after{ border-color:#eb6a01; }/* 원 */
.stepAniWrap .topwrap .box:nth-of-type(1)::after { display:none; }
.stepAniWrap .topwrap .box:before { position:absolute; width:0; height:1px; background:#eb6a01; top:100px; left:0; z-index:3; content: ''; clear:both; display:block; transition: all .3s ease-out; }/* 주황색선 */
.stepAniWrap .topwrap .box.on::before { width:100%; }
.stepAniWrap .topwrap .box:nth-of-type(1)::before { display:none; }
.stepAniWrap .topwrap .boxwrap .box .arrow { display:block; width:11px; height:16px; z-index:5; opacity:0; position:absolute; transition:all .3s ease-out; background: url(/img/newintro/step_arw.png)no-repeat center center;
top:0; transform:translateY(-50%); top:100px; left:0; }
.stepAniWrap .topwrap .boxwrap .box.on .arrow { opacity:1; left:calc(100% - 10px); transition:all .3s ease-out; } /* 화살표*/

.stepAniWrap .stepWrap:after { display:block; clear:both; content:'' }
.stepAniWrap .stepWrap { display:table; margin-top:4px; width:100%;}
.stepAniWrap .stepWrap .step { position:relative; width:23%; text-align:center; border-right:1px dotted #ccc; border-right:1px dotted #fff;  display:table-cell; padding:40px 10px; text-align:left;  }
.stepAniWrap .stepWrap .step:nth-of-type(1) { width:8%; border-right:4px solid #fff; text-align:center; }
.stepAniWrap .stepWrap .step:nth-of-type(5) { border-right:0; }
.stepAniWrap .stepWrap .step p { color:#555; font-size:14px; font-weight:300; line-height:20px; }
.stepAniWrap .stepWrap .step ul { color:#555; font-size:14px; font-weight:300; line-height:20px; }
.stepAniWrap .stepWrap.block_1 .step { background:#d3d3d3; transition:all .3s ease-out;}
.stepAniWrap .stepWrap.block_2 .step { /*background:#a7bfd1;*/ background:#cadae6; transition:all .3s ease-out; }
.stepAniWrap .stepWrap.block_1 .step.on { background:#bbbbbb; transition:all .3s ease-out; }
.stepAniWrap .stepWrap.block_2 .step.on { /*background:#6d8da6;*/ background:#94aecc; transition:all .3s ease-out; }
.stepAniWrap .stepWrap .step.on p { color:#000;}
.stepAniWrap .stepWrap .step.on ul { color:#000; }
.stepAniWrap .stepWrap .step ul li { position:relative; padding-left:8px; }
.stepAniWrap .stepWrap .step ul li + li { margin-top:5px; }
.stepAniWrap .stepWrap .step ul li::before { width:3px; height:3px; background:#555; border-radius:50%; display:block; content:''; position:absolute; top:8px; left:0; }
.stepAniWrap .stepWrap.block_2 .step::after { width:26px; height:26px; content:''; display:block; background:url('/img/newintro/step_plus.png')no-repeat center center; background-size:100%; background-color:#fff; border-radius:50%;
position:absolute; left:50%; top:0; transform:translate(-13px, -15px); z-index:7; }
.stepAniWrap .stepWrap.block_2 .step:nth-of-type(1)::after { display:none; }


@media (max-width: 991px) {
	#content .introNew { font-size:16px; line-height:26px; }
	#content .introNew .section { margin-top:80px; }
	#content .introNew .section h3.tit01 { font-size:30px; line-height:42px; }
	#content .introNew .section h3.tit01:before { width:80px; }

	.introNew  .sec03_list .list h3 { font-size:30px !important; }
	.introNew  .sec03_list .list p { font-size:18px; line-height:30px; padding:30px 10px 0 10px; word-break:keep-all;  }
	.introNew  .sec03_list .list p span { display:inline; }

	.introNew .greyBox p { font-size:17px; }

	.textAni { font-size:18px; }

	.issueList li i { font-size:18px; }

	.pointmapWrap .pointmapAni { width:300px; height:461px; margin:30px 60px 10px 40px; position:relative;}
	.pointmapWrap .pointmapText { width:calc(100% - 430px); height:461px;  }
	.pointmapWrap.new .graphAni .graphwrap .graphbox .area .graphlength { width:70%;}

	.pointmapWrap .pointmapAni .circle_wrap { width:60px; height:60px; }
	.pointmapWrap .pointmapAni .circle_wrap .cc.cc_1 { width:14px; height:14px; margin-left:-7px; margin-top:-7px; }
	.pointmapWrap .pointmapAni .circle_wrap .cc.cc_2 { width:32px; height:32px; margin-left:-16px; margin-top:-16px; }
	.pointmapWrap .pointmapAni .circle_wrap .cc.cc_3 { width:46px; height:46px; margin-left:-23px; margin-top:-23px; }
	.pointmapWrap .pointmapAni .circle_wrap .cc.cc_4 { width:60px; height:60px; margin-left:-30px; margin-top:-30px; }
	.pointmapWrap .pointmapText .contactPoint strong { font-size:18px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn { width:220px; line-height:40px; border-radius:20px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn.tel { font-size:20px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn.consult { font-size:20px; }

	.pointmapWrap.new { padding:20px;  }
	.pointmapWrap.new .graphAni .graphwrap{ width:calc(100% - 50px); margin-left:50px; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox { height:300px; }

	.graphWrap .graphWrap_in { width:100%; max-width:922px; margin:0 auto; }
	.graphWrap .graph_text { left:10%; top:20%; }
	.graphWrap .graph_text ul li { font-size:16px; padding-left:40px; }
	.graphWrap .graph_text ul li.oh:before { width:30px; }
	.graphWrap .graph_text ul li.a:before { width:30px; }
	.graphWrap .graph_text ul li.b:before { width:30px; }
	.graphWrap .graph_text ul li + li { margin-top:5px; }
	.graphWrap .text { font-size:14px; }

	/* 절차부분 */
	.stepAniWrap .topwrap .boxwrap .box p { font-size:14px; }
	.stepAniWrap .topwrap .boxwrap .box p:before { width:60px; height:57px; }
	.stepAniWrap .stepWrap .step { padding:20px 10px; }
	.stepAniWrap .topwrap:before,
	.stepAniWrap .topwrap .box:after,
	.stepAniWrap .topwrap .box:before, 
	.stepAniWrap .topwrap .boxwrap .box .arrow { top:90px; }
}


@media (max-width: 766px) {
	#content .introNew { font-size:15px; line-height:24px; /*text-align:left;*/ }
	#content .introNew .section { margin-top:60px; }
	#content .introNew .section h3.tit01 { font-size:24px; line-height:34px; font-weight:300; text-align:left; }
	#content .introNew .section h3.tit01:before { width:50px; }

	.introNew  .sec03_list .listWrap { width:100%; float:none; }
	.introNew  .sec03_list .listWrap:nth-child(2) { float:none; margin-top:10px; }
	.introNew  .sec03_list .list h3 { font-size:20px !important; line-height:100px; }
	.introNew  .sec03_list .list p { font-size:15px; line-height:24px; height:auto; padding:20px 10px; }

	.introNew .greyBox { padding:20px 10px;}
	.introNew .greyBox p { font-size:14px; }

	.pressWrap .pressList { float:none; width:100%; }
	.pressWrap .yangPic { float:none; width:100%; }
	.introNew .ynewsList .ynews { width:100%; float:none;}
	.introNew .ynewsList .ynews:nth-child(1) { margin-right:0; }
	.introNew .ynewsList .ynews:nth-child(2) { margin:0; }
	.introNew .ynewsList .ynews:nth-child(3) { margin-left:0; }
	.introNew .ynewsList .ynews + .ynews { margin-top:10px; }
	.introNew .ynewsList .ynews .tit { font-size:16px;}
	.introNew .ynewsList .ynews .pic { margin-top:10px; }
	.introNew .ynewsList .ynews .text { font-size:14px; margin-top:10px; }

	.issueList li i { font-size:14px; }

	.pointmapWrap { padding:15px; }
	.pointmapWrap .pointmapAni { float:none; width:100%; max-width:387px; height:auto; margin:0 auto; }
	.pointmapWrap .pointmapAni .map { position:relative;  }
	.pointmapWrap .pointmapAni .map img { width:100%; max-width:100%; }
	.pointmapWrap .pointmapAni .circle_wrap { position:absolute; top:0; left:0; margin-top:18.0%;}
	.pointmapWrap .pointmapText { width:100%; float:none; height:auto; margin:0; text-align:center; }
	.pointmapWrap .pointmapText .center { position:relative; top:0; left:0; transform:translateY(0); }
	.pointmapWrap .pointmapText .center p span.block { display:inline; }
	.pointmapWrap .pointmapText .contactPoint { margin-top:20px;  }
	.pointmapWrap .pointmapText .contactPoint strong { display:block; margin-bottom:5px;  }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn { display:inline-block; margin:2px; width:135px; line-height:32px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn.tel { font-size:14px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn.consult { font-size:15px; }

	.pointmapWrap.new { display:block; }
	.pointmapWrap.new .graphAni .graphwrap{ width:calc(100% - 50px); margin-left:50px; }

	.pointmapWrap.new .pointmapAni { display:block; width:100%; max-width:300px; margin:0 auto; }
	.pointmapWrap.new .graphAni{ display:block; width:100%; margin-left:0; }
	.pointmapWrap.new .graphAni .graphwrap {  width:100%; margin-left:0; margin-top:30px; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox { height:200px }
	.pointmapWrap .pointmapAni .map .pic03 { opacity:0;  transition:all 1.0s ease-out;}
	.pointmapWrap .pointmapAni .map.active .pic03 { opacity:1; transition:all 1.0s ease-out; transition-delay:0.3s; }	
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area01 .graphlength { height:3.335%; transition:all 0.4s ease-out; transition-delay:0.3s; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area02 .graphlength { height:20.01%; transition:all 0.4s ease-out; transition-delay:0.4s;  }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area03 .graphlength { height:15.0075%; transition:all 0.4s ease-out; transition-delay:0.5s; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area04 .graphlength { height:23.345%; transition:all 0.4s ease-out; transition-delay:0.6s;  }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area05 .graphlength { height:10.005%; transition:all 0.4s ease-out; transition-delay:0.7s; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area06 .graphlength { height:95.0475%; transition:all 0.6s ease-out; transition-delay:0.8s;  }
	.pointmapWrap.new .graphAni .graphwrap .graphtit p { font-size:14px; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox .area strong { font-size:13px;  }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area strong { opacity:1; transition:all 0.5s ease-out; transition-delay:1.0s;  }
	
	.section07 .btn_kb a img { max-width:100%; }

	.introNew .important { padding:10px; }
	.introNew .important p {font-size:15px; line-height:24px; padding:0 20px; }
	.introNew .important p:before { content:''; position:absolute; top:0; left:0; width:15px; height:13px; display:inline-block; background:url('/img/newintro/text_before.png'); background-size:15px 13px; }
	.introNew .important p:after { content:''; position:absolute; top:0; right:0; width:15px; height:13px; display:inline-block; background:url('/img/newintro/text_after.png'); background-size:15px 13px; }

	.introNew .greyBox .logoAni.type03 > div img { width:100%; }

}


@media (max-width: 599px) {
	.mt10 { margin-top:5px; }
	.mt20 { margin-top:10px; }
	.mt30 { margin-top:15px; }
	.mt40 { margin-top:20px; }

	#content .introNew .section { margin-top:40px; }
	#content .introNew { font-size:14px; line-height:23px; }
	#content .introNew .section h3.tit01 { font-size:20px; line-height:30px; margin-bottom:10px !important; margin-top:10px !important;  }

	.introNew .greyBox .logoAni { width:100%; }

	.graphWrap { padding:15px; }
	.graphWrap .graph_text { top:15%; }
	.graphWrap .graph_text ul li { font-size:13px; padding-left:20px; font-weight:200; }
	.graphWrap .graph_text ul li.oh:before { width:15px; height:2px; }
	.graphWrap .graph_text ul li.a:before { width:15px; height:2px; }
	.graphWrap .graph_text ul li.b:before { width:15px; height:2px; }
	.graphWrap .graph_text ul li + li { margin-top:0px; }
	.graphWrap .text { font-size:12px; }

	.introNew .greyBox.type01 { padding:0; }
	.introNew .greyBox.type01 .logoAni { width:100%; }
	.introNew .greyBox.type01 p { font-size:10px; line-height:15px; text-align:center; letter-spacing:-0.07em; }
	.introNew .greyBox .logoAni > div { padding:0 2px; }
	.introNew .greyBox.type01 .logoAni > div:nth-child(1) img { width:auto; height:46px; }
	.introNew .greyBox.type01 .logoAni > div:nth-child(2) img { width:auto; height:46px; }
	.introNew .greyBox.type01 .logoAni > div:nth-child(3) img { width:auto; height:46px; }
	.introNew .greyBox.type01 .logoAni > div:nth-child(4) img { width:auto; height:46px; }


	/* 절차부분 */
	.stepAniWrap { margin-top:20px; }
	.stepAniWrap .clear { display:none; }
	.stepAniWrap:after { display:block; clear:both; content:''; }
	.stepAniWrap .topwrap { width:20%; float:left; margin-top:0;}
	.stepAniWrap .stepWrap { width:40%; float:left; display:block; margin-top:0;  }
	.stepAniWrap .topwrap .boxwrap .box, 
	.stepAniWrap .stepWrap .step { display:block; float:none; width:100% !important; margin-top:1px; }
	.stepAniWrap .stepWrap .step { padding:10px;}
	.stepAniWrap .topwrap .boxwrap .box,
	.stepAniWrap .stepWrap .step { border:0; }
	.stepAniWrap .stepWrap .step:nth-of-type(1) { border-right:0; }
	.stepAniWrap .topwrap .boxwrap .box p span { display:block; line-height:18px; }
	.stepAniWrap .topwrap .boxwrap .box p:before { width:32px; height:30px; margin:10px auto 0;  }

	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(1),
	.stepAniWrap .stepWrap .step:nth-of-type(1) { height:30px; padding:5px; }
	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(2),
	.stepAniWrap .stepWrap .step:nth-of-type(2) { height:150px; }
	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(3),
	.stepAniWrap .stepWrap .step:nth-of-type(3) { height:250px; }
	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(4),
	.stepAniWrap .stepWrap .step:nth-of-type(4) { height:140px; }
	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(5),
	.stepAniWrap .stepWrap .step:nth-of-type(5) { height:140px; }

	.stepAniWrap .stepWrap.block_2 .step::after { width:18px; height:18px; left:0; top:50%; transform:translate(-50%, -50%); }
	.stepAniWrap .stepWrap .step p, 
	.stepAniWrap .stepWrap .step ul { font-size:13px; line-height:18px; }

	.stepAniWrap .topwrap:before{  width:1px; height:calc(100% - 30px); top:30px; left:10%; }/*회색선*/
	.stepAniWrap .topwrap .box:before { width:1px; height:0; top:0; left:10%; transition: all .3s ease-out; }/* 주황색선 */
	.stepAniWrap .topwrap .box.on::before { width:1px; height:100%; }
	.stepAniWrap .topwrap .boxwrap .box .arrow { width:16px; height:11px; transition:all .3s ease-out; background: url(/img/newintro/step_arw.png)no-repeat center center; transform:rotate(90deg); top:0; left:8%;
	margin-left:-6px; }
	.stepAniWrap .topwrap .boxwrap .box.on .arrow { opacity:1; left:8%; transition:all .3s ease-out; top:calc(100% - 11px); } /* 화살표*/
	.stepAniWrap .topwrap .box:after { width:16px; height:16px; border:3px solid #a9a9a9; top:0; left:8%; transform:translate(-6px, 0);  }
	.stepAniWrap .topwrap .box.on:after{ border-color:#eb6a01; }/* 원 */

	.pointmapWrap.new .pointmapAni { display:block; width:100%; max-width:250px; margin:0 auto; }

}





/* -------------------------- 20200803 메인 수정 -------------------------*/
#header .topTel.new { padding:6px 20px; background:#006699; 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; }
#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 #006699; border-radius:34px; width:660px; margin:0 auto; }
.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; }

.index #content h2.title_new .text-border.type01 { width:100%; max-width:1217px;  padding:10px 40px; color:#c4b5a6; border-radius:100px;}

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

/* 상담신청, 상담후기, 상담현황 */
.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; margin:0 auto; padding:100px 0; border:1px solid #000; border-width:1px 0 1px 0;}
.counsel-newwrap .counsel-cs h2 { font-weight:700; font-size:30px; }
.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:80px; float:left; line-height:38px; }
.consultWrap .online-consult-wrap dl dd { width:calc(100% - 80px); 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; }
.consultWrap .online-consult-wrap .captcha .captchaInput { display:flex; justify-content:space-between;gap:5px; }
.consultWrap .online-consult-wrap .captcha .captchaInput .captchaImg { width:130px; flex-shrink:0; }
.consultWrap .online-consult-wrap .captcha .captchaInput .captchaIp { flex-grow:1; }
.consultWrap .online-consult-wrap .captcha .captchaInput .cInputBox { display:flex; justify-content:space-between;gap:5px; }
.consultWrap .online-consult-wrap .captcha .captchaInput .captcha_txt { font-size:13px; color:rgba(255,255,255,.5); display:inline-block; margin-top:3px; }
.consultWrap.new .online-consult-wrap h2 { margin-bottom:10px !important; }
.consultWrap.new .online-consult-wrap .btn-consult { margin-top:15px !important; }
.consultWrap.new .telephone-num-wrap { padding:30px 30px 30px 30px;}

.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 .counsel-cs h2 { font-size:26px; }
	.online-counsel ul { margin-top:20px; }
	.online-counsel li { margin-bottom:7px; }

	.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; padding:50px 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; }

    .consultWrap .online-consult-wrap .captcha .captchaInput { flex-wrap:wrap; }
    .consultWrap .online-consult-wrap .captcha .captchaIp { width:100%;}	
}


@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; }
	
	.counsel-newwrap .counsel-cs h2 { font-size:22px; }
	.consultWrap .online-consult-wrap h2 { font-size:22px !important; }

	.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; }

}






/* 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/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/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; padding:0; }
.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/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/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 a .office_info h2 { padding-top: 10px; }

	.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/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/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 { 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:#006699; 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; }

}

/* 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:#006699; }
.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:#006699;  }
.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) {
	.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:#006699; 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 #006699; margin-bottom:35px; font-size:38px;  font-family:'Noto Sans KR',sans-serif !important; 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; }

}

/* 메인페이지 오시는길 수정 */
.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; }
}

@media (max-width: 767px) {
	.main_location_tab .location_tab ul li a span { font-size:9px; }
}

@media (max-width: 600px) {
	.main_location_tab .location_tab ul li a { font-size:13px; }
}


/* 20210315 */
@media (max-width: 767px) {
	.m_left { text-align:left; }
}


/* 20210409 메인페이지 수정 */
.counter_wrap { padding:80px 0; }
.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:#006699; 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:34px; border-radius:17px; 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:0 0 100px 0; width:100%; margin-top:0px; }
.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:#006699; font-size:18px;  z-index:20;}
.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:22px; font-weight:700; display:block; line-height:1.2; } 
.lawyer_top_list .lawyer_detail .lawyer_title strong + span { margin-top:3px; display:inline-block; }
.lawyer_top_list .lawyer_detail .lawyer_title br { /*display:none;*/ }
.lawyer_top_list .lawyer_detail .lawyer_title .bg { background:#8a6f44; color:#fff; font-weight:500; padding:0 5px; border-radius:3px; }
.lawyer_top_list .lawyer_detail .lawyer_title .bg_n { /*display:none;*/ }

.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;
}
/*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%; }

.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.visible_m { display:none !important; }

/*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; }
.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:#006699; content:''; margin:10px auto; }
.lawyerList_tit .tit strong { color:#006699; 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 { width:calc(100% + 10px); margin-left:-5px; }
	.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; }

	.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; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.visible_m { display:block !important; }
	/*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; }

	/*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%; }

	/* 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:0 0 50px 0; margin-top:0; }
	.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 .lawyer_title .bg { background:#8a6f44; color:#fff; font-weight:500; padding:0 5px; border-radius:3px; }
	.lawyer_top_list .lawyer_detail .lawyer_title br { display:inline; }
	.lawyer_top_list .lawyer_detail .lawyer_title .bg_n { display:block; }
	.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; display:none; }
	.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; }
}

@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.05em;}

	/*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 창원 추가 */
.main_location_tab .location_tab.col_10 ul {display:flex; width:100%; justify-content:space-between; }
.main_location_tab .location_tab.col_10 ul li {  width:auto; flex-grow:1; }
.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: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;}
}

/* 인물배너 동적효과 */
.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; }
.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; }

}

/* 20210427 비주얼 애니메이션 */
.main_movie_wrap { width:100%; height:43vw; max-height:800px; position:relative; overflow:hidden; font-family:'Noto Sans KR' ; }
.main_movie { width:100%; height:43vw; max-height:800px; position:relative; overflow:hidden; }
.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:92%; max-width:900px; position:absolute; top:35%; left:50%; text-align:center; transform:translateX(-50%);
position:relative; padding:40px 30px 50px; overflow:hidden; display:flex; flex-direction:column; }
.main_movie .text_ani_wrap .text_ani { color:#fff; opacity:0; width:100%; }
.main_movie .text_ani_wrap .text_ani_1 {  font-size:65px; font-weight:700; width:100%; }
.main_movie .text_ani_wrap .text_ani_2 {  font-size:43px; width:100%; margin-top:15px; }
.main_movie .text_ani_wrap .wline { position:absolute; background:#fff; 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:center; width:95%; max-width:700px; position:absolute; top:38%; left:50%; text-align:center; transform:translateX(-50%);
flex-wrap:wrap; }
.main_movie .vlogo_ani .vlogo_box > div { margin:0 60px 20px; }
.main_movie .vlogo_ani .vlogo_box .vlogo { color:#fff; opacity:0;}
.main_movie .vlogo_ani .logo_text { position:absolute; top:50%; left:50%; text-align:center; transform:translateX(-50%); opacity:0; color:#fff; font-size:50px; margin-top:200px; width:100%; }
.main_movie .vlogo_ani .logo_text strong { font-weight:700; }
.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.53); }
.btm_text { width:100%; left:0; right:0; text-align:center; bottom:10%; font-size:27px; color:rgba(255,255,255,1); position:absolute; z-index:0; opacity:0; }
.btm_text strong { color:rgba(255,255,255,1); font-weight:500; }
.btm_text.type01 { color:#fff; font-size:28px; bottom:20%; font-weight:400; } 
.btm_text.type01 strong { color:#fff; }
.btm_text.type02 { color:#fff; font-size:30px; top:26%; font-weight:300; font-size:45px; top:23%; }
.btm_text.type02 strong { color:#fff; }
.btm_text.type03 { color:#fff; font-size:30px; top:25%; font-weight:300; background:#988b75; line-height:50px; height:50px; display:inline-block; width:90%; max-width:350px; margin:0 auto; border-radius:25px; }
.btm_text.type03 strong { color:#fff; }

/*visual6 ~ 9 */
.main_movie.new .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.new .text_ani_wrap .wline { position:absolute; background:#ccbf9c; }
.main_movie.new .text_ani_wrap .text_ani { color:rgba(255,255,255,0.8); }
.main_movie.new .text_ani_wrap .text_ani_1 {  font-weight:100; }
.main_movie.new .text_ani_wrap .text_ani_2 {  font-weight:100; }
.main_movie.new .text_ani_wrap .text_ani_2 img { vertical-align:middle; }
.main_movie.new .text_ani_wrap .text_ani_1 strong,
.main_movie.new .text_ani_wrap .text_ani_2 strong { font-weight:700; }
.main_movie.new .vlogo_ani .vlogo_box { max-width:800px; }
.main_movie.new .vlogo_ani .vlogo_box .vlogo img { opacity:0.9; }
.main_movie.new.gold .text_ani_wrap .text_ani { color:#e8dfba; }
.main_movie.new.font .text_ani_wrap .text_ani { font-family:'Noto Serif KR', serif !important; letter-spacing:-0.075em; }
.main_movie.new.font .text_ani_wrap .text_ani_1 {  font-weight:100; font-family:'Noto Serif KR', serif !important; letter-spacing:-0.075em;}
.main_movie.new.font .text_ani_wrap .text_ani_2 {  font-weight:100; font-family:'Noto Serif KR', serif !important; letter-spacing:-0.075em;}
.main_movie.new.font .text_ani_wrap .text_ani_1 strong,
.main_movie.new.font .text_ani_wrap .text_ani_2 strong { font-weight:500; font-family:'Noto Serif KR', serif !important; letter-spacing:-0.075em; }
.main_movie.new .btm_text.type02 { font-weight:200 !important; }
.main_movie.new .btm_text.type02 strong { font-weight:500 !important; }
.main_movie.new.add .btm_text.type02:before { width:180px; height:1px; display:inline-block; background:rgba(255,255,255,0.35); content:''; margin-right:10px; vertical-align:middle; }
.main_movie.new.add .btm_text.type02:after { width:180px; height:1px; display:inline-block; background:rgba(255,255,255,0.35); content:''; margin-left:10px; vertical-align:middle;}
.main_movie.new.add .text_ani_wrap .wline { background:rgba(204,191,156,0.4);}
.main_movie.new.add .text_ani_wrap .wline.wline_1 { width:100%; height:3px; top:0; left:-100%; }
.main_movie.new.add .text_ani_wrap .wline.wline_2 { width:3px; height:100%; top:0; right:0; top:-100%; }
.main_movie.new.add .text_ani_wrap .wline.wline_3 { width:100%; height:3px; bottom:0; right:0; right:-100%; }
.main_movie.new.add .text_ani_wrap .wline.wline_4 { width:3px; height:100%; bottom:0; left:0; bottom:-100%; }

@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_1 { font-size:45px;  }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:30px; /*margin-top:95px;*/ }
	.main_movie .vlogo_ani .logo_text { font-size:38px; margin-top:180px; }
	.main_movie.new .vlogo_ani .vlogo_box { max-width:500px; }
	.main_movie .vlogo_ani .vlogo_box > div { margin:0 30px 10px; }
	.main_movie .vlogo_ani .vlogo_box .vlogo img { width:auto; height:100px; }
	.btm_text { font-size:24px; }	
	.btm_text.type01 { font-size:24px; } 
	.btm_text.type02 { font-size:24px; font-size:30px; } 
	.btm_text.type03 { font-size:24px; } 

	/*visual6 ~ 9*/
	.main_movie.new .text_ani_wrap .text_ani_2 img { width:22px; }
	.main_movie.new.add .btm_text.type02:before { width:150px;  }
	.main_movie.new.add .btm_text.type02:after { width:150px; }
}

@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_1 { font-size:30px; letter-spacing:-0.075em;}
	.main_movie .text_ani_wrap .text_ani_2 { font-size:18px; /*margin-top:60px;*/ }
	.main_movie .vlogo_ani .logo_text { font-size:23px; margin-top:120px; }
	.main_movie.new .vlogo_ani .vlogo_box { max-width:500px; width:90%; max-width:300px; }
	.main_movie .vlogo_ani .vlogo_box > div { margin:0 10px 10px; }
	.main_movie .vlogo_ani .logo_text { }
	.main_movie .vlogo_ani .vlogo_box .vlogo img { width:75%; width:auto; height:80px; }
	.btm_text { font-size:18px; }	
	.btm_text.type01 { font-size:18px; } 
	.btm_text.type02 { font-size:18px; font-size:20px; } 
	.btm_text.type03 { font-size:18px; top:20%; line-height:40px; height:40px; max-width:240px; border-radius:20px; }

	/*visual6 ~ 9*/
	.main_movie.new .text_ani_wrap .text_ani_2 img { width:16px; }
	.main_movie.new .text_ani_wrap .text_ani_2 strong { }
	.main_movie.new.add .btm_text.type02:before { width:50px;  }
	.main_movie.new.add .btm_text.type02:after { width:50px; }
}

@media (max-width: 559px) {
	.main_movie.new .text_ani_wrap .text_ani_2 img { width:10px; }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:15px; }

}


/* 20210804 메인 전문위원배너 추가 */
.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; max-width:1393px; margin:0 auto; margin-top:30px; max-width:1403px; max-width:1740px; max-width:1808px; }
.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; }
}

/* 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; }
}


/* 20220303 헤더 상담전화번호 수정 */
#header .contactTel { padding:10px 30px; background:#006699; 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:#a8c9f6; }
#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;}
}


/* 20220506 메인페이지 변호사 롤링 개편 */
.lawyer_section { background:#fff; padding:100px 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:#006699; position:absolute; bottom:0px; left:0; }
.lawyer_section .lawyer_left ul li.active .tit span { background:#006699; 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:#006699; font-family:'Noto Serif KR', serif; letter-spacing:-0.05em; font-weight:500; 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 .tit_wrap a.more { width:170px; line-height:38px; background:#ed7704; color:#fff; font-size:16px; transition:0.3s; text-align:center; }
.lawyer_section .slide_item.slide02 .slidewrap .tit_wrap a.more img { margin-left:5px; vertical-align:middle; }
.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 !important; height:240px; border:1px solid #c1c0c0; overflow:hidden; position:relative; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .load_map ul { width:3600px; height:240px; position:absolute; }
.lawyer_section .slide_item.slide02 .slidewrap .map_div .load_map ul li{ float:left; width:400px; height:240px;}
.lawyer_section .slide_item.slide02 .slidewrap .map_div .load_map .wrap_map { width:100%; }
.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:#006699; 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:#006699; }
.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 .tit_wrap a.more { width:150px; line-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) {
}



/* --------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////	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; }
.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:#5a92d7; border:2px solid #5a92d7; }
.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 h2 {font-size:25px; font-weight:500; line-height:26px; position:relative; padding-bottom:10px; margin-bottom:15px; }
.office_tab_wrap .office_info .loca_info h2: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,
.office_tab_wrap .office_info .position_new .map_img.seoul2 { 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 .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,
.office_tab_wrap .office_info .position_new .map_img.seoul2 .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(90, 146, 215, 0.2); border: 1px solid rgba(90, 146, 215, .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,
.seoul2 .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 h2 {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;  }
	.office_tab_wrap .office_tabs .tabs li span { font-size:9px; }
} 	

@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 { display:inline-block; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg_n { color:#8a6f44; font-weight:600;}

.success_new { width:100%;  padding:100px 15px; margin: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:1px 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: 767px) {
	.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_title { padding:0;  }
	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title strong span.bg { padding:0 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 { padding:50px 15px; }
	.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%; display:none; } 
	.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; }
}


/* ------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////	 20221108 거짓말 탐지배너   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
.point_txt { font-family: 'Noto Serif KR', serif !important;  }
.lieBannerWrap { background:url(../images/main/lieBanner_bg.jpg)no-repeat center; background-size:cover; padding:90px 20px 0 0; border-top:1px solid #000; }
.lieBannerWrap .lieBannerIn { width:100%; max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap; color:#fff; align-items:flex-end; }
.lieBannerWrap .lieBannerIn .lbTitWrap { width:100%; padding-left:430px; word-break:keep-all; }
.lieBannerWrap .lieBannerIn .lbPicWrap {width:360px; margin-right:70px; margin-top:-180px;  }
.lieBannerWrap .lieBannerIn .lbCareerWrap { width:calc(100% - 430px); padding-bottom:60px; }
.lieBannerWrap .lieBannerIn .lbTitWrap .lbTit  { font-size:55px; margin:0; text-shadow:2px 1px 1px rgba(0,0,0,0.8); font-weight:700; }
.lieBannerWrap .lieBannerIn .lbTitWrap p { font-size:28px; margin-top:10px; line-height:1.5; background:rgba(0,0,0,0.8); display:inline-block; }
.lieBannerWrap .lieBannerIn .lbTitWrap p span { display:inline-block; }
.lieBannerWrap .lieBannerIn .lbTitWrap p span br { display:none; }
.lieBannerWrap .lieBannerIn .lbTitWrap p strong { color:#5fddfc; font-weight:700; } 
.lieBannerWrap .lieBannerIn .lbPicWrap { height:640px; overflow:hidden; }
.lieBannerWrap .lieBannerIn .lbPicWrap .lbPic { }
.lieBannerWrap .lieBannerIn .lbPicWrap img { max-width:100%; }
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName { font-size:38px; position:relative; }
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName strong { font-weight:700; }
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName:after { width:50px; height:2px; content:''; display:block; background:#fff; margin:20px 0 30px;}
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareer {  font-size:25px; }
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareer strong { color:#5fddfc; font-weight:700; }
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList { margin-top:15px; }
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li { position:relative; padding-left:12px; font-size:19px; font-weight:100; }
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li + li { margin-top:10px; }
.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li:before { display:block; width:3px; height:3px; content:''; border-radius:50%; background:#fff; position:absolute; top:12px; left:0;  }

@media all and (max-width: 1280px) {
	.lieBannerWrap .lieBannerIn .lbTitWrap { padding-left:330px; } 
	.lieBannerWrap .lieBannerIn .lbPicWrap { width:320px; margin-right:50px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap { width:calc(100% - 370px); }
	.lieBannerWrap .lieBannerIn .lbTitWrap .lbTit  { font-size:50px; }
	.lieBannerWrap .lieBannerIn .lbTitWrap p { font-size:22px; }
	.lieBannerWrap .lieBannerIn .lbPicWrap { height:580px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName { font-size:35px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareer {  font-size:22px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li { font-size:18px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li + li { margin-top:7px; }

}

@media all and (max-width: 1080px) {
	.lieBannerWrap .lieBannerIn .lbTitWrap { padding-left:300px; } 
	.lieBannerWrap .lieBannerIn .lbPicWrap { width:300px; margin-right:40px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap { width:calc(100% - 340px); padding-bottom:50px; }
	.lieBannerWrap .lieBannerIn .lbTitWrap .lbTit  { font-size:40px; }
	.lieBannerWrap .lieBannerIn .lbTitWrap p { font-size:20px; }
	.lieBannerWrap .lieBannerIn .lbPicWrap { margin-top:-120px; height:520px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName { font-size:30px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareer {  font-size:20px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li { font-size:17px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li + li { margin-top:5px; }	
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName:after { margin:15px 0 20px;}
}

@media all and (max-width: 960px) {
	.lieBannerWrap { padding:60px 20px 0 0; }
	.lieBannerWrap .lieBannerIn .lbTitWrap { padding-left:240px; } 
	.lieBannerWrap .lieBannerIn .lbPicWrap { width:250px; margin-right:40px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap { width:calc(100% - 290px); }
	.lieBannerWrap .lieBannerIn .lbTitWrap .lbTit  { font-size:35px; }
	.lieBannerWrap .lieBannerIn .lbTitWrap p { font-size:18px; }
	.lieBannerWrap .lieBannerIn .lbPicWrap { margin-top:-120px; height:480px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName { font-size:25px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareer {  font-size:18px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li { font-size:16px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName:after { margin:10px 0 20px;}
}

@media all and (max-width: 767px) {
	.lieBannerWrap { padding:60px 20px 0; }
	.lieBannerWrap .lieBannerIn .lbTitWrap { padding-left:0px; text-align:center; } 
	.lieBannerWrap .lieBannerIn .lbPicWrap { margin-top:0; width:240px; margin-right:30px; height:450px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap { width:calc(100% - 270px); }
	.lieBannerWrap .lieBannerIn .lbTitWrap p { font-size:17px; }
}

@media all and (max-width: 559px) {
	.lieBannerWrap { padding:40px 20px; }
	.lieBannerWrap .lieBannerIn .lbPicWrap { width:100%; margin-right:0; text-align:center; height:90vw; overflow:hidden; }
	.lieBannerWrap .lieBannerIn .lbPicWrap img { width:60%; max-width:300px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap { width:100%; background:rgba(0,0,0,0.8); padding:20px; }
	.lieBannerWrap .lieBannerIn .lbTitWrap .lbTit  { font-size:26px; }
	.lieBannerWrap .lieBannerIn .lbTitWrap p { font-size:16px; background:none; }
	.lieBannerWrap .lieBannerIn .lbTitWrap p span { display:inline-block; margin-top:1px; padding:0 3px; background:rgba(0,0,0,0.8); }
	.lieBannerWrap .lieBannerIn .lbTitWrap p span br { display:inline; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName { font-size:20px; font-weight:500; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareer {  font-size:16px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbCareerList li { font-size:14px; }
	.lieBannerWrap .lieBannerIn .lbCareerWrap .lbName:after { margin:5px 0 10px;}
}

/* 20221114 서브페이지 타이틀 */
.sub-top-title h2 { font-size: clamp(26px, 3.6vw, 44px); font-weight:700; color:#111; }
/*
@media all and (max-width: 960px) {
	.sub-top-title h2 { font-size:28px; }
}
@media all and (max-width: 767px) {
	.sub-top-title h2 { font-size:22px; }
}
*/
@media all and (max-width: 767px) {
	#captcha_img img { max-width:180px;  }
}


/* 실시간 전화상담 자동입력방지기능 추가 */
.piInputBox { margin-top:15px; }
.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.png);}
.counsel-step-guide.new li.step2 { background-image: url(../img/counsel_step02.png);}
.counsel-step-guide.new li.step3 { background-image: url(../img/counsel_step03.png);}
.counsel-step-guide.new li.step4 { background-image: url(../img/counsel_step04.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; }
}   
.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.png);}
.counsel-step-guide.new li.step2 { background-image: url(../img/counsel_step02.png);}
.counsel-step-guide.new li.step3 { background-image: url(../img/counsel_step03.png);}
.counsel-step-guide.new li.step4 { background-image: url(../img/counsel_step04.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 이동 제거 */
  }
}