@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 웹폰트  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700&display=swap');*/ /*영문폰트*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap'); /*한글폰트*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;500;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap'); */


/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	reset css  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }
html, body { height:100%; }
html { font-size:10px; letter-spacing:0px; font-family:'Roboto', 'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif; color:#333; }
body{min-width:320px; word-break: keep-all; overflow-x:hidden; line-height:1.5rem; letter-spacing:-0.1rem; margin:0 auto; font-size:1.4rem; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; word-break:keep-all;}
body,input,textarea,select,button,table,label
{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none; text-size-adjust:none; font-weight:400; font-family:'Roboto', 'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif;}
h1,h2,h3,h4,h5,h6 {}
a {color:#333;text-decoration:none;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
a:focus {outline:none;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;}
input[type="checkbox"]{padding:1px;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=button]
{width:100%;height:3.8rem;padding:0 10px;border:1px solid #ccc;color:#333;vertical-align:middle;-webkit-appearance:none; }
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #999;}
input[type=file]{width:99.5%;height:38px;border:1px solid #ccc;background:#fff;}
select{height:38px;padding-left:5px;border:1px solid #ccc;font-size:1.5rem;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:1.5rem;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}
button[type='button'] {cursor:pointer;}
button:focus,
input:focus  { outline: 0; }

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px; padding:0 !important; margin:0; height:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clearfix:after {content:"";display:block;clear:both;}
.en {font-family:'Roboto', sans-serif !important; }
/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0rem !important; }
.mt5 { margin-top:0.5rem !important; }
.mt10 { margin-top:1rem !important; }
.mt20 { margin-top:2rem !important; }
.mt30 { margin-top:3rem !important; }
.mt40 { margin-top:4rem !important; }
.mt50 { margin-top:5rem !important; }
.mt60 { margin-top:6rem !important; }
.mt70 { margin-top:7rem !important; }
.mt80 { margin-top:8rem !important; }
.mt90 { margin-top:9rem !important; }
.mt100 { margin-top:10rem !important; }


/* 말줄임 */
.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.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; }
.line3-text-eps { display:block; 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; }
.line4-text-eps { display:block; line-height:1.5em; max-height:6em; display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }

/* 폰트 */
.bold { font-weight:700 !important; }
.semiBold { font-weight:500 !important; }
.red { color:#ed1c24 !important; }
.black { color:#000 !important; }
.gold {color:#dbb88a !important}
.dkgold { color:#644212 !important; }
strong { font-weight:500; }

/* 리스트 */
ul.list_bullet { }
ul.list_bullet li { background:url(../images/common/list_bullet_3x3.png)0.1rem 0.5rem no-repeat; padding-left:0.8rem; line-height:1.2; }
ul.list_bullet.gold li { background:url(../images/common/list_bullet_3x3_gold.png)0.1rem 0.5rem no-repeat; }
ul.list_bullet li + li { margin-top:1rem; }

/* 테이블 */
table.table { }
table.table th,
table.table td { border:1px solid #ccc; padding:1.5rem; }
table.table th { font-size:1.7rem; color:#111; background:#efefef; line-height:1.3; }
table.table td { font-size:1.6rem; color:#555; background:#fff; line-height:1.3; }
table.table.navy th { background:#31394c; color:#fff; }
table.table.navy th.tit_b { background:#d5d8e0; color:#31394c; font-size:1.8rem; font-weight:500; }
table.table td.td_tit { background:#efefef;}


/* check, radio 타입 */
span.check_type { position:relative; padding-left:15px; cursor:pointer; }
span.check_type input[type="checkbox"],
span.check_type input[type="radio"] { display:none; }
span.check_type input + label { font-size:1.5rem; }
span.check_type input + label:before { width:12px; height:12px; content:''; display:block; position:absolute; top:50%; left:0; background:url(../images/common/check_type.png); background-size:100%; background-position:0 -100%; transform:translateY(-50%); }
span.check_type input:checked + label:before { background-position:0 0; }

/* /////////////// Skip Navigation ////////////////////// */
.skip_navi {position:absolute;left:0;top:0;width:100%;text-align:center;z-index:999999;}
.skip_navi li a {position:absolute;top:0; left:0; margin-top:-100px; display:block;}
.skip_navi li a:focus,
.skip_navi li a:hover,
.skip_navi li a:active {width:100%; height:40px; margin:0; font-size:1.2em; line-height:40px;color:#fff;text-align:center; background-color:#23314a; }


/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) { 

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	html { font-size:9.5px; }
	
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) { 
	html { font-size:9px; }
	.not_scroll{  position:fixed; overflow:hidden; width:100%; }
	
	
	/* 작은해상도 가로스크롤 */
	.overflow-wrap { position:relative; }
	.overflow-x { overflow-x :auto; position:relative; }	
	.overflow-wrap:before { position:absolute; width:3rem; height:100%; top:0; bottom:0; right:0; content:''; background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.3)); z-index:2;}
	
	/* 테이블 */
	table.table th,
	table.table td { padding:1.2rem; }
	table.table th { font-size:1.6rem; }
	table.table td { font-size:1.5rem; }

}

 
/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// layout  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

/* header */
.nav_wrapper { z-index:100; position:fixed; left:0; top:0; width:100%; transition:all .3s ease-out; height:9rem;  background:url(../images/common/header_bg.gif)center top; }
.nav_wrapper .inner { width:100%; max-width:1400px; margin:0 auto; position:relative; height:9rem; }
.nav_wrapper h1.logo { position:absolute; left:10px; top:50%; width:30.4rem; transform:translateY(-50%); z-index:20; }
.nav_wrapper h1.logo a { display:block; }
.nav_wrapper h1.logo a img { width:100%; }
.nav_wrapper.no-scroll { top: 0; z-index: 9999; }
.nav_wrapper.hover { height:14rem; }
.nav_wrapper.scroll { top:-5px; }
.nav_wrapper .tel_wrap { position:absolute; top:0; right:0; width:16rem; text-align:center; background:#31394c; height:9rem; z-index:100; }
.nav_wrapper .tel_wrap .tel { color:#fff; font-size:1.6rem; line-height:2.8rem; padding-top:1.5rem; }
.nav_wrapper .tel_wrap .tel a { cursor:text; font-size:2.4rem; color:#fff; font-weight:500; letter-spacing:-0.05rem; margin-left:0.5rem; }
.spinner-master { display:none; }
.menu { position:relative; height:9rem; width:100%;  }
.menu:after { display:block; clear:both; content:''; }
.menu .gnb_menu { position:relative; z-index:10; float:right; padding-right:18rem; }
.menu .gnb_menu .navi { display:inline-block;  }
.menu .gnb_menu .navi:after { display:block; clear:both; content:''; }
.menu .gnb_menu .navi li { display:inline-block;  }
.menu .gnb_menu .navi > li > a { color:#111; font-size:1.7rem; padding:0 1.5rem; line-height:9rem; font-weight:500; position:relative; }
.menu .gnb_menu .navi > li > a:hover,
.menu .gnb_menu .navi > li.hover > a,
.menu .gnb_menu .navi > li.current > a { color:#524c44; font-weight:700; }
.menu .gnb_menu .navi > li > a:before {/*width:3px; height:3px; background:rgba(255,255,255,0.5); border-radius:50%; display:block; content:''; position:absolute; left:0; top:50%; transform:translate(-50%,-50%); */}
.menu .gnb_menu .navi > li:first-child > a:before { display:none; }
.menu .gnb_menu .navi li .sub-menu { position:absolute; display:none; top:9rem; opacity:0; }
.menu .gnb_menu .navi li.hover .sub-menu { opacity:1; }
.menu .gnb_menu .navi li .sub-menu li a { line-height:5rem; height:5rem; color:#fff; font-size:1.5rem; font-weight:300; padding:0 5rem; }
.menu .gnb_menu .navi li .sub-menu li a:first-child { padding-left:0; }
.menu .gnb_menu .navi li .sub-menu li a:hover { font-weight:500; }
.menu .gnb_menu .navi li.m7 .sub-menu { }
.nav_wrapper .tel_wrap.new { width:27rem; }
.nav_wrapper .tel_wrap.new .tel { font-size:1.8rem; }
.nav_wrapper .tel_wrap.new .tel .tel_1 { color:#ced4e6 }
.nav_wrapper .tel_wrap.new .tel a { font-size:2.8rem; }
.menu .gnb_menu.new { padding-right:27rem; }

.m_top_banner { display:none; }



/* footer */
.footer { letter-spacing:0; color:#555; background:#f1f1f1; font-size:1.4rem; }
.footer .inner { width:100%; max-width:1220px; padding:0 1.5rem 3rem; margin:0 auto; }
.footer .inner:after { display:block; clear:both; content:''; }
.footer .footer_top { height:5rem; border-bottom:1px solid #bdbdbd; margin-bottom:2rem; }
.footer .footer_top .footer_link li { display:inline-block; }
.footer .footer_top .footer_link li a { padding:0 2rem; color:#333; line-height:5rem; }
.footer .footer_top .footer_link li:first-child a { padding-left:0; }
.footer .footer_top .footer_link li + li:before { width:1px; height:12px; background:#ccc; content:''; display:inline-block; }
.footer .left { width:48%; float:left; }
.footer .right { width:48%; float:right; }
.footer .left .contact { }
.footer .left .contact h2 { font-size:1.8rem; line-height:1.2; margin-bottom:1.5rem; font-weight:200; }
.footer .left .contact h2 strong { font-weight:500; font-size:1.9rem; }
.footer .left .contact .contact_num { font-size:2rem; font-weight:600; }
.footer .left .contact .contact_num .tel { color:#2d3341; font-size:3rem; font-weight:600; }
.footer .left .contact .contact_num span + span { margin-left:1rem; padding-left:1rem; position:relative; }
.footer .left .contact .contact_num span + span:before { width:1px; height:10px; background:#ccc; content:''; display:block; position:absolute; top:0.3rem; left:0; }
.footer .left .copyright_wrap { margin-top:2rem; }
.footer .left .copyright_wrap p { line-height:2.2rem; font-size:1.4rem; color:#555; }
.footer .left .copyright_wrap p span { display:inline-block;  position:relative; }
.footer .left .copyright_wrap p span + span { margin-left:0.6rem; padding-left:0.7rem; }
.footer .left .copyright_wrap p span + span:before { width:1px; height:10px; background:#ccc; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.footer .left .copyright_wrap .copyright { /*margin-top:0.5rem;*/ }
.footer .right .officeinfo_wrap {}
.footer .right .officeinfo_wrap h2 { font-size:1.6rem; text-transform:uppercase; font-weight:700; line-height:1.2; margin-bottom:1.5rem; color:#2d3341; }
.footer .right .officeinfo_wrap .office_list li { position:relative; padding-left:0.8rem; color:#555; }
.footer .right .officeinfo_wrap .office_list li:before { display:block; width:3px; height:3px; border-radius:50%; background:#858585; content:''; position:absolute; top:0.6rem; left:0; transform:translateY(-50%); }
.footer .right .officeinfo_wrap .office_list li + li { margin-top:0.7rem; }
.m_footer_fixmenu { display:none; }



/* 오른족 스크롤 배너 */
.float-banner {position:fixed; right:0; top:9rem; z-index:1000; width:80px; height:680px; text-align:center; font-size:1.2rem; background:url(../images/common/right_banner_bg.png)0 0 no-repeat; z-index:1000;}
.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:#; display:block; margin-bottom:15px;}
.float-pop p {font-size:13px;}
.float-pop .top img {margin:15px auto;display:block;}
.float-pop span.spot {font-size:16px;color:#000;display:block;text-align:center;padding-top:10px; font-weight:500;}
.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:10px;background:#fff;border:0;outline:0;padding:0;margin:0;}
.float-pop .bnTel {clear:both;width:100%; font-size:19px; color:#524c44; text-align:center; margin-top:20px; line-height:180%; letter-spacing:-1px;}
.float-pop .bnTel b {font-size:24px;}
.float-pop .bnTel .btn { width:50%; background:#524c44; color:#fff; text-align:center; font-size:1.5rem; border:0; line-height:3.6rem; }
.float-pop input.form-control { width:100%; line-height:30px; }
.foot-nav li .talk_preview_area .talk_banner_link{ padding:0 !important}
.foot-nav .talk_preview_area .talk_banner_preview.on{ width:100% !important; padding:0 !importnat; height:38px !important; background:none !important; border:none !important; color:#bb9b5d !important;}
.float-banner .talk_preview_area .talk_banner_preview.on{ width:80px !important; padding:0px !important;}
#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:9999;
}
.popup {width:95%; margin:0 auto; position:fixed; top:50%; left:50%; z-index:99999; border:2px solid #2d3341; background:#fff; display:none; transform:translate(-50%, -50%);}
.popup.w700 {width:95%; margin:0 auto; max-width:760px; }
.popup h2 {font-size:32px;float:left;padding-bottom:0;margin:0;margin-right:20px;height:40px; line-height:40px; }
.popup .popup-con {font-size:14px; text-aling:left; padding:3rem;  }
.popup .popup-top {height:40px;overflow:hidden;margin-bottom:20px;}
.popup .popup-con .scroll { clear:both;line-height:1.6; height:500px; max-height:80vh; overflow-y:auto;  }
.popup .btn-x {position:absolute;right:20px;top:20px;width:17px;height:17px;text-indent:-9999px;background:url(../images/common/close_pop.png) no-repeat 0 0;border:0;}
.popup .btn-box {border-top: 0 !important;padding-top: 10px !important;}

/*자동입력방지*/
.pop-inquiry .captchaDiv { display:flex; gap:5px; align-items:end; margin-top:5px; }
.pop-inquiry .captchaDiv .captchaImg img { width:110px; height:3.2rem; margin:0; }

/* center */
#main, #center { padding-top:9rem; }

/* scorll-top */
#footer .scroll-top {display:none; }


@media all and (max-width: 1440px) {
	/* header */
	.nav_wrapper h1.logo { width:26rem; }
	.nav_wrapper .tel_wrap { width:18rem; }
	.nav_wrapper .tel_wrap .tel { line-height:3rem; padding-top:2rem; }
	.nav_wrapper .tel_wrap .tel span { display:block; }	
	.nav_wrapper .tel_wrap.new .tel span { display:inline-block; }
	.menu .gnb_menu { }
	.menu .gnb_menu .navi > li > a { padding:0 1rem; }	
}




/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) { 
	/* header */
	.nav_wrapper h1.logo { width:25rem; }
	.nav_wrapper .tel_wrap { width:15rem; }
	.menu .gnb_menu { padding-right:16rem;}
	.menu .gnb_menu .navi > li > a { padding:0 0.8rem; }	
	.nav_wrapper .tel_wrap.new { width:23rem; }
	.nav_wrapper .tel_wrap.new .tel { font-size:1.5rem; padding-top:1.5rem; }
	.nav_wrapper .tel_wrap.new .tel a { font-size:2.4rem; }
	.menu .gnb_menu.new { padding-right:23rem; }

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	/* header */
	.nav_wrapper {  height:7.6rem; }
	.nav_wrapper .inner { height:7.6rem; }
	.nav_wrapper h1.logo { width:21rem;  }
	.nav_wrapper .tel_wrap { right:7.6rem; width:25rem; height:7.6rem; }
	.nav_wrapper .tel_wrap .tel { line-height:7.6rem; padding-top:0; font-size:1.5rem; }	
	.nav_wrapper .tel_wrap .tel a { font-size:2.4rem; }
	.nav_wrapper .tel_wrap .tel span { display:inline-block; }
	.nav_wrapper .tel_wrap.new .tel { line-height:2.8rem; padding-top:1rem; }
	.menu .gnb_menu.new { padding-right:0; }
	
	.spinner-master { width:7.6rem; height:7.6rem; background:#1e2024; z-index:999; position:absolute; top:0; right:0px; text-align:center; display:block; }
	.spinner-master input[type=checkbox] { display:none; }
	.spinner-master * { transition:all 0.3s; box-sizing:border-box; }
	.spinner-master label { cursor:pointer; position:absolute; z-index:101; height:100%; width:100%; top:0; left:0; padding:1.6rem 2rem; }
	.spinner-master .spinner { position:absolute; height:3px; width:100%; padding:0; background-color:#fff; border-radius:2px; }
	.nav_wrapper.hover .spinner-master .spinner,
	.nav_wrapper.scroll .spinner-master .spinner  { background-color:#fff; transition:all 0.3s ease; }
	.spinner-master .diagonal.part-1 { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master .horizontal { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master .diagonal.part-2 { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:1.8rem;	background-color:#fff; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg);  -webkit-transform:rotate(-135deg);  margin-top:-1.3rem; background-color:#fff; } 
	
	.menu { display:block; position:fixed; height:100%;
	right:0;
	top: 7.6rem;
	visibility: hidden;
	z-index: 1;
	width: 100%;
	padding:0;
	overflow-y: auto;
	z-index:100;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;  
	-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
	transition: transform .4s 0s, visibility 0s .4s;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	background:#efefef;
	}
	.menu.active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
	transition: transform .4s 0s, visibility 0s 0s;
	/* smooth the scrolling on touch devices - webkit browsers */
	-webkit-overflow-scrolling: touch;
	} 
	
	.menu .gnb_menu { float:none; margin:0; display:block; width:100%; padding-right:0; }
	.menu .gnb_menu .navi { width:100%;}
	.menu .gnb_menu .navi li { display:block; float:none; width:100%; border-bottom:1px solid #555;  }	
	.menu .gnb_menu .navi > li > a { padding:2rem; line-height:2rem; width:100%; display:block; text-align:center;}	
	.menu .gnb_menu .navi > li > a:hover,
	.menu .gnb_menu .navi > li.hover a {  }
	.menu .gnb_menu .navi > li > a:before { display:none; }
	.menu .gnb_menu .navi li .sub-menu { position:relative; top:0; background:#1e2024; }
	.menu .gnb_menu .navi li .sub-menu li a { line-height:4rem; height:4rem; padding:0; text-align:center; color:#fff; display:block; width:100%; }

	
	/* center */
	#main, #center { padding-top:7.6rem; }
	
	/* 오른쪽 스크롤 배너 */
	.float-banner  { display:none; }		
}
	
@media all and (max-width: 768px) {
	/* footer */
	.footer .left { width:100%; float:none; }
	.footer .right { width:100%; float:none;  margin-top:1.6rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.1); }

}


/* ================================== Mobile css ================================== */

@media all and (max-width: 767px) {
	/* header */
	.nav_wrapper {  height:14.275rem; padding-top:8.275rem; background:#fff; }
	.nav_wrapper.scroll { top:-8.275rem; }
	.nav_wrapper .inner { height:6rem; position:relative; }	
	.nav_wrapper h1.logo { width:20rem; }
	.nav_wrapper .tel_wrap { right:6rem; width:6rem; height:6rem; background-color:transparent; }
	.nav_wrapper .tel_wrap .tel { line-height:0; font-size:0; width:6rem; height:6rem; }
	.nav_wrapper .tel_wrap .tel span { display:none; }
	.nav_wrapper .tel_wrap .tel a { line-height:0; font-size:0; display:block; width:6rem; height:6rem; background:url(../images/common/tel_icon.png)center center no-repeat; background-size:70%; }	
	.nav_wrapper .tel_wrap.new { right:6rem; width:6rem; height:6rem; background-color:transparent; }
	.nav_wrapper .tel_wrap.new .tel { line-height:0; font-size:0; width:6rem; height:6rem; padding-top:0; }
	.nav_wrapper .tel_wrap.new .tel span { display:none; }
	.nav_wrapper .tel_wrap.new .tel a { line-height:0; font-size:0; display:block; width:6rem; height:6rem; background:url(../images/common/tel_icon.png)center center no-repeat; background-size:70%; }	

	.spinner-master { width:6rem; height:6rem; }
	.spinner-master label { padding:0.8rem 1em; }
	.spinner-master .spinner { height:2px; }
	.menu { top:14.275rem; }
	
	.m_top_banner { display:block; width:100%; margin-top:0;  transition:all 0.1s ; position:absolute; top:0;}
	.m_top_banner ul { display:grid; grid-template-columns: repeat(7, 1fr); /* 한 줄에 7개 */ gap:1px; /* 아이템 사이 간격 */ }
	.m_top_banner ul li {  }
	.m_top_banner ul li a { display:block; text-align:center; color:#fff; background:#31394c; height:4rem; font-size:1.5rem; line-height:4rem; border-left:1px solid rgba(255,255,255,0.2); font-size:1.4rem; }
	.m_top_banner ul li a small { font-size:9px; }
	.m_top_banner ul li a img { width:auto; height:100%; max-height:15px; vertical-align:middle; }


	.nav_wrapper.sub_header .m_top_banner { display:none; }
	.nav_wrapper.sub_header {  height:6rem; padding-top:0rem; }
	.nav_wrapper.sub_header.scroll { top:-0.5rem; }
	.nav_wrapper.sub_header .menu { top:6rem; }
	
	
	/* center */
	#main { padding-top:14.275rem; }	
	#center { padding-top:6rem; }
	
	/* footer */
	.footer { padding-bottom:6rem; }

	/*오른쪽 스크롤배너*/
	.popup h2 {font-size:20px; line-height:30px; }
	.popup .popup-con .scroll { max-height:60vh; }

	
	/* 모바일 하단 고정 메뉴 */
	.nav_wrapper .m_footer_fixmenu { display:block; position:fixed; bottom:-5rem; left:0; right:0; width:100%; background:#524c44; height:5rem; transition:all 0.3s; }
	.nav_wrapper.scroll .m_footer_fixmenu { bottom:0; }
	.m_footer_fixmenu ul:after { display:block; clear:both; content:''; }
	.m_footer_fixmenu ul li { display:block; width:33.3333%; float:left; height:5rem; }
	.m_footer_fixmenu ul li + li { border-left:1px solid rgba(255,255,255,0.2); }
	.m_footer_fixmenu ul li a { display:block; width:100%; color:#fff; font-size:1.4rem; text-align:center; line-height:5rem; }
	.m_footer_fixmenu ul li a img { vertical-align:middle; margin-right:0.5rem;}


	/* scorll-top */
	#footer .scroll-top { position:fixed; display:inline-block; right:2rem; bottom:5rem; width:3.6rem; height:3.6rem; font-size:1.5rem; color:#fff; line-height:3.6rem; text-align:center;
	cursor:pointer; border-radius:100%; opacity:0;  z-index:100; -webkit-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;
	background:url('../images/common/move_top.png')no-repeat; background-size:100%; background-color:rgba(0,0,0,0.7); }
	#footer .scroll-top.is-showing { bottom:9rem; opacity:1; }

	

}




@charset "utf-8";

/* 메인페이지 공통 */
.section { width:100%; }
.section .section_inner { width:100%; max-width:1240px; padding:0 20px; margin:0 auto; position:relative; }
.section .section_title { font-size:5.0rem; color:#131415; font-weight:200; line-height:1.2; text-align:center; margin-bottom:3rem; position:relative; }
.section .section_title strong { font-weight:500; }
.section .section_title p { font-size:2.0rem; }
.section .section_title.black { color:#131415; }
.section .section_title.white { color:#fff; }
.section .section_title.white p { color:rgba(255,255,255,0.5); }
.section .section_title.bar p:before { display:block; width:10rem; height:1px; background:rgba(255,255,255,0.5); content:''; margin:2rem auto; }
.section .section_title.black.bar p:before { background:rgba(0,0,0,0.5); }


/* main_visual */
/*.main_visual { height:60rem; background:url(../images/main/main_visual_bg.jpg)center bottom no-repeat; background-size:cover; position:relative; width:100%; }
.main_visual .visual_inner { width:100%; max-width:1400px; margin:0 auto; height:60rem; position:relative; }
.main_visual .visual_text { position:absolute; top:50%; left:2%; color:#fff; transform:translateY(-50%); width:100%; }
.main_visual .visual_img { position:absolute; bottom:0; right:0%; max-width:56.2%; }
.main_visual .visual_text .text1 { max-width:39%; }
.main_visual .visual_text .text2 { max-width:30%; margin-top:3.5rem;  }
.main_visual .visual_text .text1 { font-family:'Noto Serif KR', serif; font-size:4.5rem; line-height:1.3; color:#fff; font-weight:300;  }
.main_visual .visual_text .text1 strong { font-weight:700; }
.main_visual .visual_text .text2  { font-size:1.8rem; line-height:1.8; margin-top:3.5rem; font-weight:200; }
.main_visual .visual_text .text2 span strong.bg { background:#524c44; font-weight:400; } 
.main_visual .visual_text .text1 > span,
.main_visual .visual_text .text2 > span { display:block;  }*/
.main_visual { width:100%; height:60rem; background:url(../images/main/main_visual.jpg)center bottom no-repeat; background-size:cover; }


/* 카운팅 */
.section.section_count { background:#f1f1f1; }
.counter_wrap { padding:7rem 0; display:flex; justify-content:spce-between; }
.counter_wrap:after { display:block; clear:both; content:''; }
.counter_wrap .counter_item { width:33.3333%; padding:0 1rem; float:left; text-align:center; position:relative; display:block; letter-spacing:-0.05em; color:#101010; }
.counter_wrap .counter_item + .counter_item:before { width:1px; height:80px; content:''; background:#ccc; position:absolute; left:0; top:6rem; }
.counter_wrap .counter_item .title { font-size:2rem; font-weight:400; line-height:1.3; color:#4b6092; margin-bottom:1rem; height:5rem;  }
.counter_wrap .counter_item .title p { font-size:1.6rem; color:#555; }
.counter_wrap .counter_item .countCon { font-size:3rem; line-height:1;}
.counter_wrap .counter_item .countCon strong { font-size:10rem; color:#101010; font-weight:700; }
.counter_wrap .counter_item .countCon.agency {  }
.counter_wrap .counter_item .countCon.agency .agency_list { padding-top:0rem; }
.counter_wrap .counter_item .countCon.agency .agency_list a { position:relative; margin:0.5rem 0;}
.counter_wrap .counter_item .countCon.agency .agency_list a span { display:inline-block; padding:0 2rem; border-radius:1.7rem; line-height:3.4rem; font-size:2.2rem; font-weight:700; color:#333; background:#ccc;  }


/* 온라인비밀상담신청 */
.section.section_counsel { position:relative; padding-bottom:8rem; }
.section.section_counsel:before { width:100%; height:50%; background:#f1f1f1; content:''; position:absolute; top:0; left:0;  z-index:-1; }
.counsel_wrap { background:#2d3341; box-shadow:0 5px 10px rgba(0,0,0,0.7); padding:5rem; display:flex; justify-content:space-between; }
.counsel_wrap .title_wrap { width:31rem; color:#fff; }
.counsel_wrap .title_wrap h2 { font-size:3.2rem; line-height:1.3; font-weight:200; }
.counsel_wrap .title_wrap h2 strong { font-weight:500; }
.counsel_wrap .title_wrap p { font-size:1.5rem; line-height:2.4rem; color:rgba(255,255,255,0.5); }
.counsel_wrap .title_wrap p span { display:block; }
.counsel_wrap .counsel_form { width:calc(100% - 52rem);  display:table; }
.counsel_wrap .counsel_form dl { display:table-row; }
.counsel_wrap .counsel_form dl dt,
.counsel_wrap .counsel_form dl dd { display:table-cell;  vertical-align:top; }
.counsel_wrap .counsel_form dl dt { width:7rem; color:#fff; font-size:1.4rem; padding-top:0.7rem; }
.counsel_wrap .counsel_form dl dd  { padding:0.2rem 0; }
.counsel_wrap .counsel_form dl dd input[type="text"] { line-height:4rem; background:#424854; border:0; }
.counsel_wrap .counsel_form dl dd textarea { height:8rem; background:#424854; border:0; }
.counsel_wrap .counsel_form dl.agree { height:2.4rem;  }
.counsel_wrap .counsel_form dl.agree label { color:rgba(255,255,255,0.7); }
.counsel_wrap .counsel_form input[type="text"],
.counsel_wrap .counsel_form textarea { color:#fff; }
.counsel_wrap .counsel_form .terms_btn { color:#2d3341; background:#fff; border-radius:3px; padding:0 0.7rem; line-height:2.2rem; height:2.2rem; margin-left:1rem; cursor:pointer; }
.counsel_wrap .counsel_btn_wrap { position:relative; width:17rem; }
.counsel_wrap .counsel_btn_wrap .counsel_btn { position:absolute; top:0.2rem; left:0; width:100%; height:calc(100% - 3.2rem); background:url(../images/main/counsel_btn_bg.gif)no-repeat; background-size:100% 100%; 
border:0; color:#fff; font-size:2.4rem; cursor:pointer; }
 /* 자동입력방지 */
 .counsel_wrap .captchaDiv { display:flex; gap:5px; }
 .counsel_wrap .captchaDiv .captchaImg img { width:120px; }
 

/* 오현의 법률센터 */
.section.section_center { padding-bottom:5rem; }
.center_wrap {   }
.center_wrap:after { display:block; clear:both; content:''; }
.center_wrap .center_text { width:50%; float:left; padding-right:2rem; padding-left:1rem;  }
.center_wrap .center_img { position:absolute; right:0; top:0; width:50%; max-width:580px;  }
.center_wrap .center_img ul:after { display:block; clear:both; content:''; }
.center_wrap .center_img ul li { width:50%; float:left; }
.center_wrap .center_text h2 { color:#111; font-size:3.2rem; line-height:1.2; margin-bottom:2rem; }
.center_wrap .center_text strong { color:#524c44; font-size:2.2rem; font-weight:500; line-height:1.2; }
.center_wrap .center_text .txt1 { font-size:1.8rem; color:#111; line-height:3rem; }
.center_wrap .center_text .txt2 { font-size:1.5rem; color:#555555; line-height:2.4rem; margin-top:2rem;  }
.center_wrap { width:100%; }
.center_wrap .center_slide { width:100%; height:330px; overflow:hidden; }
.center_wrap .center_slide_item { position:relative; width:100%; height:330px; float:left; }
/*.center_wrap .center_slide .slick-dots { position:absolute; bottom:0; }
.center_wrap .center_slide .slick-dots li { display:inline-block; }
.center_wrap .center_slide .slick-dots button { background:#000; }*/
.center_wrap .center_slide .slick-arrow.slick-prev {
    text-indent: -1000px;
    font-size: 0;
    background: url(../images/common/slide_prev.png)center center no-repeat;
    background-size:100%;
    left:30px;
	bottom:30px;
	transform:translate(0, 0);
    z-index: 50;
	width:50px; height:44px; 
	position:absolute;
	border:0;
}
.center_wrap .center_slide .slick-arrow.slick-next {
    text-indent: -1000px;
    font-size: 0;
    background: url(../images/common/slide_next.png)center center no-repeat;
    background-size:100%;
    left:81px;
	bottom:30px;
	transform:translate(0, 0);
    z-index: 50;
	width:50px; height:44px;  
	position:absolute;
	border:0;
}


/* 긴급콜센터 */
.section.section_call { background:#4c453d; padding:3rem 0; margin-top:-7rem; }
.section.section_call .section_inner:after { display:block; clear:both; content:''; }
.section.section_call .call_wrap { width:calc(50% - 2rem); float:left; padding:3rem 2rem; border:3px solid #3f3930; color:#fff; display:flex;  } 
.section.section_call .call_wrap h2 { font-size:2.0rem; font-weight:200; margin-right:5rem; line-height:1; }
.section.section_call .call_wrap h2 strong { font-weight:500; }
.section.section_call .call_wrap ul.call { line-height:1; letter-spacing:0.1rem; }
.section.section_call .call_wrap ul.call li { padding-left:3.5rem; position:relative; }
.section.section_call .call_wrap ul.call li:before { width:2.8rem; height:2.8rem; border-radius:50%; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.section.section_call .call_wrap ul.call li.call_1:before { background:url(../images/common/phone_1.png)center center no-repeat; background-size:100%; background-color:rgba(255,255,255,0.5);  }
.section.section_call .call_wrap ul.call li.call_2:before { background:url(../images/common/phone_2.png)center center no-repeat; background-size:100%; background-color:rgba(255,255,255,0.5); }
.section.section_call .call_wrap ul.call .call_1 { font-size:3.5rem; font-weight:700; }
.section.section_call .call_wrap ul.call .call_2 { font-size:1.9rem; font-weight:200; margin-top:1.5rem; }


/* 전국사무소 */
.section.section_agency { background:url(../images/main/agency_bg.jpg)center center; background-size:cover; padding:10rem 0; }
.office_tab_wrap { margin-top:7rem; color:#fff; position:relative; padding-left:14rem; }
.office_tab_wrap:after { display:block; clear:both; content:'';}
.office_tab_wrap .office_tabs { width:10rem; position:absolute; top:40%; left:0; transform:translateY(-50%); }
.office_tab_wrap .office_tabs .tabs { display:block; width:10rem; }
.office_tab_wrap .office_tabs .tabs li { margin:2px 0; line-height:4rem; width:100%; text-align:center; display:block; font-size:1.7rem; color:#fff; border:1px solid rgba(255,255,255,0.2); cursor:pointer;  }
.office_tab_wrap .office_tabs .tabs li.on { background:#6987ce; color:#fff; }
.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:2rem; }
.office_tab_wrap .office_info .loca_info {  }
.office_tab_wrap .office_info .loca_info h3 {font-size:2.5rem; font-weight:500; line-height:2.6rem; position:relative; padding-bottom:1rem; margin-bottom:1.5rem; }
.office_tab_wrap .office_info .loca_info h3: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:1.7rem; font-weight:300; line-height:2.6rem; }
.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:1rem; font-size:1.5rem; line-height:2.5rem; }
.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:1.7rem; }
.go_map_btn { display:none; }
.root_daum_roughmap .wrap_controllers { display:none;}
.office_tab_wrap .office_info .position_new{ margin-right:8rem; 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_img { display:none; position:absolute; transform:translate(-50%, -50%); }
.office_tab_wrap .office_info .position_new .map_img.seoul { left:34.0482%; top:20.0764%;  }
.office_tab_wrap .office_info .position_new .map_img.inchon { left:23.1286%; top:20.0760%; }
.office_tab_wrap .office_info .position_new .map_img.gwangju { left:23.3243%; top:68.6424%; }
.office_tab_wrap .office_info .position_new .map_img.busan { left:77.2117%; top:70.7456%; }
.office_tab_wrap .office_info .position_new .map_img.daegu { left:65.1474%; top:57.9349%; }
.office_tab_wrap .office_info .position_new .map_img.daejeon { left:39.1420%; top:45.5066%; }
.office_tab_wrap .office_info .position_new .map_img.suwon { left:33.5120%; top:25.4302%; }
.office_tab_wrap .office_info .position_new .map_img.uijeongbu { left:35.9249%; top:16.25239%; }
.office_tab_wrap .office_info .position_new .map_img.seongnam { left:38.0697%; top:23.51816%;  }
.office_tab_wrap .office_info .position_new .map_img.changwon { left:66.7560%; top:71.7017%;  }
.office_tab_wrap .office_info .position_new .map_img.pyeongtaek { left:34.1894%; top:29.7396%;  }
.office_tab_wrap .office_info .position_new .map_img.cheonan { left:34.1894%; top:35.7396%;  }
/*창원 개소 예정*/
/*.office_tab_wrap .office_info .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:1.8rem; height:1.8rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:3rem; height:3rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:2rem; height:2rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:2.5rem; height:2.5rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:2.6rem; height:2.6rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:2.5rem; height:2.5rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:2.5rem; height:2.5rem; position:relative; }

.map_cc { position:absolute; border-radius:50%; background:rgba(124, 160, 247, 0.2); border: 1px solid rgba(124, 160, 247, .3); z-index:99; 
animation-name:map_circle; animation-duration:1.2s; animation-iteration-count:infinite; animation-direction: alternate;display:block; 
transform:translate(-50%, -50%); left:50%; top:50%; width:100%; height:100%; }
.seoul .cc_wrap .map_cc { animation-duration:1.4s; }
.cc_02{ animation-delay:0.2s; width:200%; height:200%; }
.cc_03{ animation-delay:0.4s; width:350%; height:350%; }
.cc_04{ animation-delay:0.6s; width:550%; height:550%; }
.cc_05{ animation-delay:0.8s; width:750%; height:750%; }
/*.daejeon .cc_wrap .map_cc { animation-delay:0.2s; }
.daegu .cc_wrap .map_cc { animation-delay:0.4s; }
.gwangju .cc_wrap .map_cc { animation-delay:0.6s; }
.busan .cc_wrap .map_cc { animation-delay:0.8s; }
.suwon .cc_wrap .map_cc { animation-delay:1s; }
.inchon .cc_wrap .map_cc { animation-delay:1.2s; }*/
.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; } }


/* 사무실 슬라이드  */
.section.section_office { background:#fff; margin:10rem 0; }
.section.section_office .section_title { font-size:3.5rem; }
.office_slider { position:relative; }
.office_slider .slick-list { overflow:hidden; }
.office_slider .item { float:left; margin:0 0.7rem; }
.office_slider .slick-arrow.slick-prev {
    text-indent: -1000px;
    font-size: 0;
    background: url(../images/common/slide_prev.png)center center no-repeat;
    background-size:100%;
    left:0;
	top:50%;
	transform:translate(-100%, -50%);
    z-index: 50;
	width:63px; height:56px; 
	position:absolute;
	border:0;
}
.office_slider .slick-arrow.slick-next {
    text-indent: -1000px;
    font-size: 0;
    background: url(../images/common/slide_next.png)center center no-repeat;
    background-size:100%;
    right:0;
	top:50%;
	transform:translate(100%, -50%);
    z-index: 50;
	width:63px; height:56px;  
	position:absolute;
	border:0;
}

/* 법률 다운로드 배너 20220207 */
.section.section_lawdownload { margin:6rem 0; }
.section.section_lawdownload .law_download_wrap { background:url(../images/main/law_down_bg.png)right bottom no-repeat; background-color:#fff; border:8px solid #695c48; /*background-size:auto 100%;*/ }
.section.section_lawdownload .law_download_wrap a { display:block; padding:4.5rem 4rem; text-align:left; }
.section.section_lawdownload .law_download_wrap a span.text { color:#111; font-size:3.6rem; font-weight:200; letter-spacing:-0.05em; display:block; line-height:1.3; }
.section.section_lawdownload .law_download_wrap a span.text strong { font-weight:500; }
.section.section_lawdownload .law_download_wrap a span.button { line-height:4.4rem; height:4.4rem; border-radius:2.2rem; background:#695c48; color:#fff; font-size:2.0rem; padding:0 3rem; display:inline-block; 
margin-top:3rem; }
.section.section_lawdownload .law_download_wrap a span.button img { vertical-align:middle; margin-left:1rem;}


@media all and (max-width: 1360px) {
	/* main_visual */
	.main_visual { width:100%; height:0; padding-bottom:44%;   }	

	/* 사무실 슬라이드 */
	.office_slider .slick-arrow.slick-prev { transform:translate(-2rem, -50%); }
	.office_slider .slick-arrow.slick-next { transform:translate(2rem, -50%); }	
}



/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {	
	/* 메인공통 */
	.section .section_inner { padding-right:60px; }
}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	/* 메인페이지 공통 */
	.section .section_title { font-size:4.0rem; margin-bottom:2.5rem; }
	.section .section_title p { font-size:1.8rem; }
	.section .section_inner { padding:0 20px; }
	
	/* 카운팅 */
	.section.section_count {  }
	.counter_wrap { padding: 5.5rem 0; } 
	.counter_wrap .counter_item .countCon strong { font-size:8rem; }
	.counter_wrap .counter_item .countCon.agency .agency_list { padding-top:0rem; }
	.counter_wrap .counter_item .countCon.agency .agency_list a span { padding:0 0.7rem; font-size:1.8rem; font-weight:500; }
	
	/* 온라인비밀상담신청 */
	.section.section_counsel { padding-bottom:5rem; }
	.counsel_wrap { padding:3rem; }
	.counsel_wrap .title_wrap { width:19rem; }
	.counsel_wrap .title_wrap h2 { font-size:2.8rem; }
	.counsel_wrap .counsel_form { width:calc(100% - 37rem); }
	.counsel_btn_wrap { width:14rem; }
	.counsel_btn_wrap .counsel_btn { font-size:2rem; }		
	
	
	/* 사무실 슬라이드 */
	.section.section_office { margin:8rem 0; }
	.section.section_office .section_title { font-size:3rem; }
	
	/* 전국사무소 */
	.section.section_agency { padding:8rem 0; }
	.office_tab_wrap { margin-top:4rem; 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:4rem; }
	.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:10rem; display:inline-block; float:none; }
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:1.44rem; height:1.44rem; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:2.4rem; height:2.4rem; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:2rem; height:2rem; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:2.08rem; height:2.08rem; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:2rem; height:2rem; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:2rem; height:2rem; }
}


@media all and (max-width: 960px) {
	/* 전국사무소 안내 */
	.office_tab_wrap .office_info { margin-top:1.5rem; display:block; }
	.office_tab_wrap .office_info .position { margin-right:0rem; width:18rem; 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 h3 {font-size:1.8rem; width:100%; float:none; line-height:2.4rem; 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:1.5rem; font-weight:300; line-height:2.2rem; margin-top:1rem; }
	.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:1rem; font-size:1.3rem; line-height:2rem; 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:1rem; }
	.go_map_btn .go_map { display:block; width:100%; height:4rem; line-height:4rem; background:#31394c; color:#fff; text-align:center; font-size:1.4rem;}	

	.office_tab_wrap .office_info .position_new {width:60%; margin:0 auto;  }
	
	/* 오현의 법률센터 */
	.center_wrap .center_img { position:relative; float:right;  }
	
	/* 긴급콜센터 */
	.section.section_call .call_wrap { width:100%; float:none; padding:3rem; } 	
}


/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) {
	/* 메인페이지 공통 */
	.section .section_title { font-size:3.0rem; margin-bottom:2rem; }
	.section .section_title p { font-size:1.6rem; }
	.section .section_title.bar p:before { margin:1rem auto; }
	
	/* main_visual */
	.main_visual { width:100%; height:0; padding-bottom:151.5789%; background:url(../images/main/main_visual_m.jpg)center bottom; background-size:cover; }
	
	/* 카운팅 */
	.counter_wrap { padding:4rem 0; }
	.counter_wrap .counter_item + .counter_item:before { height:40px; top:5rem; }
	.counter_wrap .counter_item .countCon { font-size:1.8rem; }
	.counter_wrap .counter_item .countCon strong { font-size:5.5rem; font-weight:500;  }
	.counter_wrap .counter_item .title { font-size:1.7rem; width:100%; height:3.0rem; }
	.counter_wrap .counter_item .title p { font-size:1.3rem; color:#555; }
	.counter_wrap .counter_item .countCon.agency .agency_list a  { margin:0.2rem 0; }
	.counter_wrap .counter_item .countCon.agency .agency_list a span { padding:0 0.5rem; font-size:1.6rem; border-radius:1rem; line-height:3rem; }
	.counter_wrap .counter_item .countCon.agency .agency_list a small { font-size:9px; }
	
	/* 온라인비밀상담신청 */
	.counsel_wrap { display:block; }
	.counsel_wrap .title_wrap { width:100%; }
	.counsel_wrap .title_wrap h2 { font-size:2.5rem; }
	.counsel_wrap .title_wrap p span { display:inline; }
	.counsel_wrap .counsel_form { width:100%; margin-top:2rem; }
	.counsel_wrap .counsel_btn_wrap { width:100%; margin-top:2rem; }
	.counsel_wrap .counsel_btn_wrap .counsel_btn { font-size:1.7rem; position:relative; height:auto; line-height:4rem; }
	
	/* 오현의 법률센터 */	
	.center_wrap .center_text { width:100%; float:none; padding-right:0rem; padding-left:0; }
	.center_wrap .center_text h2 { font-size:2.5rem; }
	.center_wrap .center_text strong { font-size:2rem; }
	.center_wrap .center_text .txt1 { font-size:1.7rem; line-height:2.8rem; }
	.center_wrap .center_text .txt2 { font-size:1.5rem; margin-top:1.5rem;  }
	.center_wrap .center_img { width:100%; margin:0 auto; float:none; margin-top:2rem;  }
	.center_wrap .center_slide {height:auto; }
	.center_wrap .center_slide_item { height:auto; padding:0 1rem; }
	.center_wrap .center_slide .slick-arrow.slick-prev { left:auto; top:0; right:81px;  }
	.center_wrap .center_slide .slick-arrow.slick-next { left:auto; top:0; right:30px; }
		
	/* 긴급콜센터 */
	.section.section_call { margin-top:0; }
	.section.section_call .call_wrap {display:block; padding:2rem; } 
	.section.section_call .call_wrap h2 { font-size:2.0rem; margin-bottom:1.5rem; }
	.section.section_call .call_wrap ul.call .call_1 { font-size:3rem; }
	.section.section_call .call_wrap ul.call .call_2 { font-size:1.8rem;}
	
	/* 사무실 슬라이드 */
	.section.section_office { margin:4rem 0; }
	.section.section_office .section_title { font-size:2.4rem; }
	.office_slider .item { margin:0 0.2rem; }
	.office_slider .slick-arrow.slick-prev,
	.office_slider .slick-arrow.slick-next { width:40px; height:36px; }
	
	/* 전국사무소 안내 */
	.section.section_agency { padding:5rem 0; }
	.office_tab_wrap { margin-top:3rem;}
	.office_tab_wrap .office_tabs { margin-bottom:2.5rem; }
	.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:3rem; text-align:center; font-size:1.4rem; padding:0 1rem; width:60px; flex-shrink:0;  flex-grow:0; }
	.office_tab_wrap .office_tabs .tabs li span { font-size:9px; }

	/* 법률 다운로드 배너 20220207 */
	.section.section_lawdownload .law_download_wrap { border:4px solid #695c48; background-size:20rem auto; }
	.section.section_lawdownload .law_download_wrap a { padding:3rem; }
	.section.section_lawdownload .law_download_wrap a span.text { font-size:3.0rem; }
	.section.section_lawdownload .law_download_wrap a span.button { font-size:1.8rem; }

} 	


@media all and (max-width: 560px) {
	/* 1대1상담 */
	.calenderTbl .day td { height:3.6rem; }
	.calenderTbl .day td span { font-size:1.5rem; line-height:3.6rem; }
	.consult_wrap .time_select .time_list span { line-height:3.2rem; }
	.consult_wrap .time_select .book_btn_wrap { margin:0rem auto 1.5rem; }
	.consult_wrap .time_select .book_btn_wrap .book_btn { font-size:1.6rem; line-height:3.6rem; }	
	
	/* 카운팅 */
	.section.section_count .section_inner { padding:0; }
	.counter_wrap { padding:3rem 0 0; }
	.counter_wrap .counter_item { padding:0 1px 0 2px; /*width:32.5%;*/ flex-grow:1; width:auto; }
	.counter_wrap .counter_item.agency_num { /*width:35%;*/ }
	.counter_wrap .counter_item .countCon { font-size:1.5rem; height:8rem; }
	.counter_wrap .counter_item .countCon strong { font-size:3.3rem; }
	.counter_wrap .counter_item .title { font-size:1.5rem; letter-spacing:-0.2rem; margin-bottom:1rem; }	
	.counter_wrap .counter_item.lawyer_num .title span { display:none; }
	.counter_wrap .counter_item .countCon.agency .agency_list a span { font-size:1.4rem; line-height:1; }

	/* 오현의 법률센터 */	
	.center_wrap .center_slide .slick-arrow.slick-prev { width:36px; height:32px; right:67px;  }
	.center_wrap .center_slide .slick-arrow.slick-next { width:36px; height:32px; }	
	
	/* 전국 사무소 안내 */
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:1.2rem; height:1.2rem; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:1.92rem; height:1.92rem; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:1.28rem; height:1.28rem; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:1.6rem; height:1.6rem; }

	/* 법률 다운로드 배너 20220207 */
	.section.section_lawdownload { margin:3rem 0; }
	.section.section_lawdownload .law_download_wrap { border:3px solid #695c48; }
	.section.section_lawdownload .law_download_wrap a { padding:2rem; }
	.section.section_lawdownload .law_download_wrap a span.text { font-size:2.3rem; font-weight:300; }
	.section.section_lawdownload .law_download_wrap a span.button { font-size:1.6rem; height:4rem; line-height:4rem; margin-top:2rem; }
	.section.section_lawdownload .law_download_wrap a span.text small { display:block; margin-top:0.3rem; }	
}

/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20240626 메인 전문가슬라이드   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
:root {
	--main: #31394c;
  }

.section.section_count { background:#f1f1f1; }

.section.section_lawyer { margin-top:10rem; }
.main_lawyer_wrap { width:100%; max-width:1500px; margin:0 auto; padding:0 4rem; }
.section_lawyer_tit { text-align:center; margin-bottom:35px; }
.section_lawyer_tit h2.tit {color:#101010; font-size:5.0rem; /*font-family:'Noto Serif KR','Nanum Myeongjo', serif;*/  line-height:1.1; font-weight:300; }
.section_lawyer_tit h2.tit strong { font-weight:500; color:var(--main); }

.lawyerTopSlideWrap { margin-left:-2px;}
.lawyerTopSlideWrap .lawyerTopSlide .slick-track { display:flex; }
.lawyerTopSlideWrap { margin-left:-2px;}
.lawyerTopSlideWrap .lawyerTopSlide { position:relative; }
.lawyerTopSlideWrap .lawyerTopSlide .slick-list { overflow:hidden; }
.lawyerTopSlide .lawyer_detail { margin:0 2px; width:calc(20% - 4px*4/5); position:relative; }
.lawyerTopSlide .lawyer_detail a { display:block; }
.lawyerTopSlide .lawyer_detail .lawyer_mark { text-align:center; margin-bottom:25px; }
.lawyerTopSlide .lawyer_detail .lawyer_mark img { display:inline-block; width:110px; }
.lawyerTopSlide .lawyer_detail .lawyer_pic { position:relative; aspect-ratio:290 /560; overflow:hidden; }
.lawyerTopSlide .lawyer_detail .lawyer_pic img { position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; width:auto !important; max-width: initial; }
.lawyerTopSlide .lawyer_detail .lawyer_mark img.off { display:inline-block;}
.lawyerTopSlide .lawyer_detail .lawyer_mark img.over { display:none;}
.lawyerTopSlide .lawyer_detail .lawyer_pic:after { display:block; width:100%; height:90%; content:''; position:absolute; bottom:0; left:0; background:#eaeaea; z-index:-1; transition:all 0.3s;}

.lawyerTopSlide .lawyer_detail .lawyer_mark { width:100%; height:85px; }
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark01 { background:url(/images/main/lawyer/lawyer_mark01.png)no-repeat center center; background-size:contain; }/*법원*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark02 { background:url(/images/main/lawyer/lawyer_mark02.png)no-repeat center center; background-size:contain; }/*검찰*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark03 { background:url(/images/main/lawyer/lawyer_mark03.png)no-repeat center center; background-size:contain; }/*경찰*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark04 { background:url(/images/main/lawyer/lawyer_mark04.png)no-repeat center center; background-size:contain; }/*교육청*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark05 { background:url(/images/main/lawyer/lawyer_mark05.png)no-repeat center center; background-size:contain; }/*군사*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark06 { background:url(/images/main/lawyer/lawyer_mark06.png)no-repeat center center; background-size:contain; }/*변호사*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark07 { background:url(/images/main/lawyer/lawyer_mark07.png)no-repeat center center; background-size:contain; }/*국회*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark01 { background:url(/images/main/lawyer/lawyer_mark01_b.png)no-repeat center center; background-size:contain; } /*법원*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark02 { background:url(/images/main/lawyer/lawyer_mark02_b.png)no-repeat center center; background-size:contain; }/*검찰*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark03 { background:url(/images/main/lawyer/lawyer_mark03_b.png)no-repeat center center; background-size:contain; }/*경찰*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark04 { background:url(/images/main/lawyer/lawyer_mark04_b.png)no-repeat center center; background-size:contain; }/*교육청*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark05 { background:url(/images/main/lawyer/lawyer_mark05_b.png)no-repeat center center; background-size:contain; }/*군사*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark06 { background:url(/images/main/lawyer/lawyer_mark06_b.png)no-repeat center center; background-size:contain; }/*변호사*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark07 { background:url(/images/main/lawyer/lawyer_mark07_b.png)no-repeat center center; background-size:contain; }/*국회*/

.lawyerTopSlide .lawyer_detail .lawyerInfo { position:absolute; bottom:0; left:0; width:100%; padding:15px; text-align:center; background:rgba(0,0,0,0.6); color:#fff; line-height:1.5; }
.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:17px; font-weight:500; letter-spacing:-0.05em; }
.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:26px; font-weight:600; letter-spacing:-0.09em; }
.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:24px; font-weight:300; letter-spacing:0.15em; margin-top:7px; }

.lawyerTopSlide .lawyer_detail.slick-current .lawyer_pic:after { background:var(--main); }
.lawyerTopSlide .lawyer_detail.slick-current .lawyerInfo .info01,
.lawyerTopSlide .lawyer_detail.slick-current .lawyerInfo .info02 { color:#dbbf91; }
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark img.off { display:none;}
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark img.over { display:inline-block;}

.lawyerTopSlide .slick-arrow { position:absolute; text-indent:-9999px; border:0; background:transparent; top:55%; font-size:0; width:30px; height:100px; padding:0; transition:all 0.2s; opacity:0.6; margin:0; }
.lawyerTopSlide .slick-arrow:hover { opacity:1; }
.lawyerTopSlide .slick-arrow.slick-prev { left:1px; transform:translate(-100%, 0); z-index:100; }
.lawyerTopSlide .slick-arrow.slick-next { right:-1px; transform:translate(100%, 0); z-index:100; }
.lawyerTopSlide .slick-arrow:before { width:100%; height:100%; display:block; content:''; }
.lawyerTopSlide .slick-arrow.slick-prev:before { /*background:#333 url(../img/slide/arw_prev.png)no-repeat center; background-size:20px;*/ background:#111; clip-path: polygon(0 50%, 100% 100%, 100% 0);}
.lawyerTopSlide .slick-arrow.slick-next:before { /*background:#333 url(../img/slide/arw_next.png)no-repeat center; background-size:20px;*/ background:#111; clip-path: polygon(100% 50%, 0 100%, 0 0); }

.lawyer_slide_wrap { margin-top:20px; position:relative; overflow:hidden; }
.lawyer_slide_wrap .lawyer_slider:after { display:block; clear:both; content:''; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { position:relative; margin:0 2px; width:14.2857%; float:left;  }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.visible_m { display:none !important; }
.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:rgba(0,0,0,0.5) url(../images/common/arw_prev.png)center center no-repeat;
    background-size: 16px; left:0; top:0; z-index: 90; width:30px; height:100%; position:absolute; border:0; }
.lawyer_slide_wrap .lawyer_slider .slick-arrow.slick-next { text-indent: -1000px;  font-size: 0;  background:rgba(0,0,0,0.5) url(../images/common/arw_next.png)center center no-repeat;
    background-size: 16px;  right:0; top:0;  z-index: 90; width:30px; height:100%; 	position:absolute;	border:0; }
.lawyer_slide_wrap .lawyer_slider.visible_pc { display:block !important; }
.lawyer_slide_wrap .lawyer_slider.visible_m { display:none !important; }


@media (max-width: 1560px) {
	.lawyerTopSlide .slick-arrow.slick-prev { transform:translate(0, 0); left:2px; }
	.lawyerTopSlide .slick-arrow.slick-next { transform:translate(0, 0); right:2px; }
	.lawyerTopSlide .slick-arrow.slick-prev:before { background:#333 url(../images/common/arw_prev.png)no-repeat center; background-size:20px; clip-path:none; }
	.lawyerTopSlide .slick-arrow.slick-next:before { background:#333 url(../images/common/arw_next.png)no-repeat center; background-size:20px; clip-path:none; }
}	

@media (max-width: 1280px) {
	.section_tit h2.lawyerSecTit { font-size:45px; }
	.lawyerTopSlide .lawyer_detail .lawyer_mark { height:70px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo { padding:15px 5px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:14px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:22px; font-weight:500; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:19px; margin-top:5px; letter-spacing:0.075em; }
}

@media (max-width: 1080px) {
	.main_lawyer_wrap { padding:0 2rem; }
	.lawyerTopSlide .lawyer_detail .lawyer_mark { margin-bottom:20px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:13px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:20px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:18px; letter-spacing:0.05em; }
}	

@media (max-width: 960px) {
	.section_lawyer_tit h2.tit { font-size:4.5rem; }
}	

@media (max-width: 768px) {
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:13px; font-weight:400; letter-spacing:-0.1em; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:18px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:16px; }	

	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { margin:0 1px; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { font-size:1.4rem; padding-right:0.6rem; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name span { display:none; }
}	

@media (max-width: 767px) {
	.section_lawyer_tit h2.tit { font-size:3.0rem; }
}

@media (max-width: 560px) {	
	.section.section_lawyer { margin-top:5rem; }
	
	.section_tit h2.lawyerSecTit { font-size:32px; }
	.lawyerTopSlide .slick-arrow { height:50px; }
	.lawyerTopSlide .lawyer_detail .lawyer_mark { margin-bottom:15px; height:60px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo { padding:15px 0; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:13px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:17px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:15px; }
	
	.lawyer_slide_wrap { margin-top:10px; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { font-size:1.3rem; padding-right:0.5rem; line-height:2rem; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name span { display:none; }
}














@charset "utf-8";

/*컨텐츠 공통*/

.sub_visual { padding:10rem 0; width:100%; background:url(../images/sub/sub_visual_02.jpg)center center no-repeat; background-size:cover; }
.sub_visual.sub_01 { background:url(../images/sub/sub_visual_01.jpg)center center no-repeat; background-size:cover; }
.sub_visual.sub_02 { background:url(../images/sub/sub_visual_02.jpg)center center no-repeat; background-size:cover;  padding:5rem 0; }
.sub_visual.sub_03 { background:url(../images/sub/sub_visual_03.jpg)center center no-repeat; background-size:cover; }
.sub_visual.sub_04 { background:url(../images/sub/sub_visual_04.jpg)center center no-repeat; background-size:cover; }
.sub_visual.sub_05 { background:url(../images/sub/sub_visual_05.jpg)center center no-repeat; background-size:cover; }
.sub_visual.sub_06 { background:url(../images/sub/sub_visual_06.jpg)center center no-repeat; background-size:cover; }
.sub_visual.sub_07 { background:url(../images/sub/sub_visual_07.jpg)center center no-repeat; background-size:cover; }
.sub_visual .visual_text { width:100%; max-width:960px; padding:0 1.5rem; margin:0 auto; color:#fff; text-align:center; }
.sub_visual .visual_text strong.tit { font-size:5.5rem; line-height:1.4; font-weight:200; }
.sub_visual.sub_02 .visual_text strong.tit { font-size:5rem; }
.sub_visual .visual_text strong.tit .bold { font-weight:700; }
.sub_visual .visual_text p { font-size:2.0rem; font-weight:100; line-height:1.5; margin-top:1.5rem; }
.sub_visual .visual_text p strong { font-weight:500; }
.sub_visual .visual_text p.arrow:before { display:block; width:18px; height:19px; background:url(../images/sub/title_arrow.png)no-repeat; background-size:100% 100%; content:''; margin:2rem auto;  }

.sub_container { padding:6rem 0 10rem; background:#fff; color:#111; font-size:1.6rem; }
.sub_container .inner { width:100%; max-width:1200px; margin:0 auto; padding:0 1.5rem; }
.sub_container h3.page_title { font-size:4.5rem; line-height:1.2; color:#111; font-weight:500; width:100%; max-width:1200px; margin:0 auto; padding:0 1.5rem; text-align:center; margin-bottom:5rem; }
.snb_wrap { width:100%; max-width:1200px; margin:0 auto; padding:0 1rem; }
.snb_wrap ul { display:flex; justify-content:space-between; width:100%; }
.snb_wrap ul li { margin:0 0.1rem; flex-grow: 1; }
.snb_wrap ul li a { display:block; width:100%; text-align:center; line-height:5.4rem; border:1px solid #31394c; color:#31394c; font-size:1.8rem; }
.snb_wrap ul li.on a { background:#31394c; color:#fff; }

.sub_container .section { margin-top:10rem; }
.sub_container .section.first { margin-top:0rem; }
.sub_container .section .section_tit { font-size:4.5rem; font-weight:100; text-align:center; line-height:1.3;  margin-bottom:5rem; }
.sub_container .section .section_tit strong { font-weight:700; }
.sub_container .section .section_tit_s { font-size:3.0rem; line-height:1.3; margin-bottom:2.5rem; text-align:center; }

.yellow_line { font-weight:500; background:url(../images/sub/underline_1.gif)left bottom repeat-x; }
.inner.mt_inner { margin-top:5rem; }

/* 게시판 상세페이지 폰트 */
.board_view .print_content { font-family:'Roboto', 'Noto Sans KR', sans-serif !important; }


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	.sub_visual { padding:7rem 0; }
	.sub_visual .visual_text strong.tit { font-size:5rem; }
	.sub_visual.sub_02 .visual_text strong.tit { font-size:4.5rem; }
	.sub_visual .visual_text p { font-size:1.9rem; margin-top:1rem; }	
	.sub_container h3.page_title { font-size:4rem; }
	.snb_wrap ul li a { line-height:4.8rem; font-size:1.7rem; }	
	
	.sub_container { padding:5rem 0 8rem; }
	.sub_container .section { margin-top:7rem; }
	.sub_container .section .section_tit { font-size:4rem; margin-bottom:4rem; }
	.sub_container .section .section_tit_s { font-size:2.7rem; margin-bottom:2rem;  }
}

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

/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) { 
	.inner.mt_inner { margin-top:3rem; } 

	.sub_visual { padding:3rem 0; }
	.sub_visual.sub_02 { padding:3rem 0; }
	.sub_visual .visual_text strong.tit { font-size:2.5rem; }
	.sub_visual.sub_02 .visual_text strong.tit { font-size:2.5rem; }
	.sub_visual .visual_text p { font-size:1.5rem; margin-top:0.5rem; }
	.sub_container h3.page_title { font-size:3rem; margin-bottom:3rem; }
	.snb_wrap { /*margin-bottom:3rem;*/ }
	.snb_wrap ul li a { line-height:4rem; font-size:1.5rem; }
	
	.sub_container { padding:3rem 0 6rem; }
	.sub_container .section { margin-top:3rem; }
	.sub_container .section .section_tit { font-size:2.5rem; margin-bottom:3rem; }
	.sub_container .section .section_tit_s { font-size:2.0rem; margin-bottom:1.7rem;  }
}

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

}



/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 변호사 소개  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.sub_visual.sub_01 .visual_text strong.tit { font-size:4.5rem; }
.sub_visual.sub_01 .visual_text p small { font-size:1.5rem; color:rgba(255,255,255,0.5); font-weight:500; letter-spacing:0.3rem; }


/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {
	.sub_visual.sub_01 .visual_text strong.tit { font-size:4rem; }	
}

/* ================================== Mobile css ================================== */
@media (max-width: 767px) {
	.sub_visual.sub_01 .visual_text strong.tit { font-size:2.5rem; }	
	.sub_visual.sub_01 .visual_text p small { font-size:1.4rem; margin-top:0.5rem; }	
}



/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 학교폭력솔루션  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.sub_visual.sub_03 .visual_text { max-width:650px; }
.sub3_infog { text-align:center; }
.sub3_infog img { width:100%; max-width:677px; }
.sub3_lawyer { margin-top:10rem; }
.sub3_lawyer .sub3_lawyer_text { background:#222837; font-size:4rem; line-height:1.2; text-align:center; font-weight:200; padding:4rem 1rem; color:#fff; }
.sub3_lawyer .sub3_lawyer_text strong { display:block; font-weight:700; }
.sub3_lawyer .for_large { display:inline; }
.sub3_lawyer .for_small { display:none; }

/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {
	.sub3_infog img { width:100%; max-width:500px; }
	
}

/* ================================== Mobile css ================================== */
@media (max-width: 767px) {	
	.sub3_lawyer .for_large { display:none; }
	.sub3_lawyer .for_small { display:inline; }
	.sub3_lawyer .sub3_lawyer_text { font-size:2.5rem; padding:3rem 1rem; }

}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 진행절차  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.sub_visual.sub_04 .visual_text { max-width:900px; }
.sub4_step { display:flex; justify-content:space-between; flex-wrap:wrap; }
.sub4_step .step_cnts { /*flex-grow:1;*/ width:calc(50% - 3rem); border:2px solid #d6d7db;  margin-bottom:6rem; padding:2rem; text-align:center; position:relative; }
.sub4_step .step_cnts .text { text-align:center; font-size:2.0rem; color:#111; margin-top:1rem; line-height:1.3; }
.sub4_step .step_cnts .icon { width:8rem; height:8rem; background:url(../images/sub/sub4_step_icon_160x160.png); background-size:800%; margin:0 auto; }
.sub4_step .step_cnts.step_01 .icon  { background-position:0 0; }
.sub4_step .step_cnts.step_02 .icon  { background-position:14.2857% 0; }
.sub4_step .step_cnts.step_03 .icon  { background-position:28.5714% 0; }
.sub4_step .step_cnts.step_04 .icon  { background-position:42.8571% 0; }
.sub4_step .step_cnts.step_05 .icon  { background-position:57.1428% 0; }
.sub4_step .step_cnts.step_06 .icon  { background-position:71.4285% 0; }
.sub4_step .step_cnts.step_07 .icon  { background-position:85.7142% 0; }
.sub4_step .step_cnts.step_01 { order:1; }
.sub4_step .step_cnts.step_02 { order:2; }
.sub4_step .step_cnts.step_03 { order:4; }
.sub4_step .step_cnts.step_04 { order:3; }
.sub4_step .step_cnts.step_05 { order:5; }
.sub4_step .step_cnts.step_06 { order:6; }
.sub4_step .step_cnts.blank { order:7; border:0; }
.sub4_step .step_cnts.step_07 { order:8; }
.sub4_step .step_cnts:after { display:block; width:3rem; height:3rem; background:url(../images/sub/step_arw.png) no-repeat; background-size:contain; content:''; position:absolute; z-index:2; }
/*.sub4_step .step_cnts.step_01:after { right:-3rem; top:50%; transform:translate(50%, -50%); }
.sub4_step .step_cnts.step_02:after { left:50%; bottom:-3rem; transform:translate(-50%, 50%) rotate(90deg); }
.sub4_step .step_cnts.step_03:after { left:-3rem; top:50%; transform:translate(-50%, -50%) rotate(180deg); }
.sub4_step .step_cnts.step_04:after { left:50%; bottom:-3rem; transform:translate(-50%, 50%) rotate(90deg); }
.sub4_step .step_cnts.step_05:after { right:-3rem; top:50%; transform:translate(50%, -50%); }
.sub4_step .step_cnts.step_06:after { left:50%; bottom:-3rem; transform:translate(-50%, 50%) rotate(90deg); }*/
.sub4_step .step_cnts.step_07:after,
.sub4_step .step_cnts.blank:after { display:none; }
.sub4_btm { background:url(../images/sub/sub4_cnt_bg.jpg); background-size:cover; padding:7rem 3rem; }
.sub4_btm .text { max-width:900px; margin:0 auto; font-size:2.5rem; color:#fff; line-height:1.8; text-align:center; font-weight:100; }
.tbl_2.for_pc { display:table; }
.tbl_2.for_m { display:none; }
.tbl_3 .tit_b.tit_mobile { display:none; }
.tbl_3 .tit_b.tit_pc { display:table-cell; width:11%; }
.tbl_3 .tit_1 { width:7%; }

.sub4_step.w100 { width:100%; display:block;  }
.sub4_step.w100 .step_cnts { width:100%; max-width:80rem; margin:0 auto; text-align:center; }
.sub4_step.w100 .step_cnts + .step_cnts { margin-top:6rem; }
.sub4_step.w100 .step_cnts > div { display:inline-block; vertical-align:middle; }
.sub4_step.w100 .step_cnts .icon { width:6rem; height:6rem; margin-right:1rem; }
.sub4_step.w100 .step_cnts:before { display:block; width:0.5rem; height:6rem; content:''; position:absolute; background:#ccc; left:50%; top:100%; z-index:1; transform:translate(-50%, 2px); z-index:0; }
.sub4_step.w100 .step_cnts:last-child:before { display:none; }
.sub4_step.w100 .step_cnts:after { left:50%; bottom:-3rem; transform:translate(-50%, 50%) rotate(90deg); }
.sub4_step.w100 .step_cnts .text strong.num { font-size:3.5rem; font-weight:500; display:none; }


/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {	
}

/* ================================== Mobile css ================================== */
@media (max-width: 767px) {	
	.sub4_step .step_cnts .text { font-size:1.6rem; }
	.sub4_step .step_cnts .icon { width:7rem; height:7rem; }	
}

@media (max-width: 559px) {
	.sub4_step .step_cnts { width:calc(50% - 1.5rem);  margin-bottom:3rem; padding:1rem; } 
	.sub4_step .step_cnts .text strong.num { display:block; }
	.sub4_step .step_cnts:after { width:1.8rem; height:1.8rem; }
	/*.sub4_step .step_cnts.step_01:after { right:-1.5rem; top:50%; transform:translate(50%, -50%); }
	.sub4_step .step_cnts.step_02:after { left:50%; bottom:-1.5rem; transform:translate(-50%, 50%) rotate(90deg); }
	.sub4_step .step_cnts.step_03:after { left:-1.5rem; top:50%; transform:translate(-50%, -50%) rotate(180deg); }
	.sub4_step .step_cnts.step_04:after { left:50%; bottom:-1.5rem; transform:translate(-50%, 50%) rotate(90deg); }
	.sub4_step .step_cnts.step_05:after { right:-1.5rem; top:50%; transform:translate(50%, -50%); }
	.sub4_step .step_cnts.step_06:after { left:50%; bottom:-1.5rem; transform:translate(-50%, 50%) rotate(90deg); }*/
	.sub4_step .step_cnts.step_07:after,
	.sub4_step .step_cnts.blank:after { display:none; }
	.sub4_btm { padding:5rem 1.5rem; }
	.sub4_btm .text { font-size:1.7rem; line-height:1.5; }
	.tbl_2.for_pc { display:none; }
	.tbl_2.for_m { display:block; }
	.tbl_2.for_m th, .tbl_2.for_m td { display:block; }
	.tbl_2.for_m td { border-top:0; }
	.tbl_3 .tit_b.tit_mobile { display:table-cell; width:100% !important; }
	.tbl_3 .tit_b.tit_pc { display:none; }
	.tbl_3 th.tit_1 { width:11%; }
	
	.sub4_step.w100 .step_cnts { width:100%; margin:0 auto; text-align:center; }
	.sub4_step.w100 .step_cnts + .step_cnts { margin-top:4rem; }
	.sub4_step.w100 .step_cnts .icon { width:5rem; height:5rem; display:block; margin:0 auto;  }
	.sub4_step.w100 .step_cnts:before { height:4rem; }
	.sub4_step.w100 .step_cnts:after { left:50%; bottom:-2rem; transform:translate(-50%, 50%) rotate(90deg); }

}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 가행학생변호, 피해학생조력  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.sub_visual.sub_05 .visual_text { max-width:600px; }
.sub05_cnt_1 .sub05_cnt_1_tit { text-align:center; position:relative; }
.sub05_cnt_1 .sub05_cnt_1_tit:before { display:block; width:100%; height:50%; background:#ecebe9; content:''; position:absolute; bottom:0; left:0; z-index:0; }
.sub05_cnt_1 .sub05_cnt_1_tit h2 {z-index:1; position:relative; text-aling:center; }
.sub05_cnt_1 .sub05_cnt_1_tit h2 span { display:inline-block; max-width:90%; line-height:4rem; padding:0 2rem; border-radius:2rem; background:#31394c; color:#fff; font-weight:300; font-size:2.0rem; }
.sub05_cnt_1 .cnt1_box { background:#ecebe9; padding:5.5rem 0 6rem; text-align:center; }
.sub05_cnt_1 .cnt1_box .inner { max-width:86rem; }
.sub05_cnt_1 .cnt1_box .cnt1_text { font-size:1.8rem; line-height:1.5; color:#555; }
.sub05_cnt_1 .sub05_list  { margin-top:2rem; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.sub05_cnt_1 .sub05_list li { width:50%; flex-grow:1; border:1px solid #31394c; line-height:1.5; margin-top:-1px; font-size:1.5rem; padding:1rem; text-align:left; }
.sub05_cnt_1 .sub05_list li:nth-child(2n) { border-left:0; }
.sub05_cnt_2 .cnt2_list { display:flex; justify-content:space-between; padding:5rem 5rem 5rem 0; box-shadow:0 10px 10px rgba(0,0,0,0.3); }
.sub05_cnt_2 .cnt2_list + .cnt2_list { margin-top:5rem; }
.sub05_cnt_2 .cnt2_list .title { width:36rem; flex-shrink:0; font-size:4.2rem; line-height:1.2; border-right:1px solid #ccc; position:relative; padding-left:10.5rem; padding-right:1rem; }
.sub05_cnt_2 .cnt2_list .title strong { background:#31394c; color:#fff; font-weight:500; padding-left:4.5rem; width:10rem; position:absolute; left:0; top:0; }
.sub05_cnt_2 .cnt2_list:nth-child(2n) .title strong {background:#524c44; }
.sub05_cnt_2 .cnt2_list .cnts { font-size:1.8rem; line-height:1.8; color:#555; padding-left:2rem; }
.sub05_cnt_2 .cnt2_list .cnts strong { color:#111; }

/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {
	.sub05_cnt_2 .cnt2_list { padding:3rem 3rem 3rem 0; }	
	.sub05_cnt_2 .cnt2_list .title { width:30rem; font-size:3.8rem; padding-left:8rem; padding-right:1rem; }
	.sub05_cnt_2 .cnt2_list .title strong { padding-left:1rem; padding-right:1rem; width:7rem;text-align:right;  }

}

/* ================================== Mobile css ================================== */
@media (max-width: 767px) {	
	.sub05_cnt_1 .sub05_cnt_1_tit h2 span { line-height:1.5; padding:1rem 2rem; border-radius:2rem; font-size:1.8rem; }
	.sub05_cnt_1 .cnt1_box { padding:3.5rem 0 4rem; }
	.sub05_cnt_1 .cnt1_box .cnt1_text { font-size:1.6rem; }
	.sub05_cnt_2 .cnt2_list { padding:2rem 2rem 2rem 0; }	
	.sub05_cnt_2 .cnt2_list .title { width:25rem; font-size:3rem; padding-left:8rem; padding-right:1rem; }
	.sub05_cnt_2 .cnt2_list .title strong { padding-left:1rem; padding-right:1rem; width:6rem; text-align:right;  }
	
}

@media (max-width: 559px) {	
	.sub05_cnt_1 .sub05_list li { width:100%; text-align:left; }
	.sub05_cnt_1 .sub05_list li:nth-child(2n) { border-left:1px solid #31394c; }
	.sub05_cnt_1 .sub05_list li.blank { display:none; }
	.sub05_cnt_2 .cnt2_list { display:block; }
	.sub05_cnt_2 .cnt2_list + .cnt2_list { margin-top:3rem; }
	.sub05_cnt_2 .cnt2_list { padding:2rem; }	
	.sub05_cnt_2 .cnt2_list .title { width:100%; font-size:2.2rem; border-right:0; text-align:left; margin-bottom:1rem; padding-left:0;  }
	.sub05_cnt_2 .cnt2_list .title strong { position:relative; text-align:center; margin-right:0.5rem; }
	.sub05_cnt_2 .cnt2_list .cnts { font-size:1.6rem; padding-left:0; }
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 전화상담  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.counsel_tit { color:#506491; font-size:2.8rem; line-height:1.5; text-align:center; font-weight:200; margin-bottom:5rem; margin-top:3rem; }
.counsel_tit strong { font-weight:500; }
.sub_counsel { width:100%; max-width:900px; margin:0 auto; }
.sub_counsel .sub_counsel_wrap { }
.sub_counsel .call_wrap { }

.sub_counsel_wrap { background:#2d3341; padding:5rem; box-shadow:0 5px 10px rgba(0,0,0,0.3); }
.sub_counsel_wrap .title_wrap { width:31rem; color:#fff; position:relative; }
.sub_counsel_wrap .title_wrap h2 { font-size:3.2rem; line-height:1.3; font-weight:200; }
.sub_counsel_wrap .title_wrap h2 strong { font-weight:500; }
.sub_counsel_wrap .title_wrap p { font-size:1.5rem; line-height:2.4rem; color:rgba(255,255,255,0.5); }
.sub_counsel_wrap .counsel_form { width:100%;  display:table; margin-top:2rem; }
.sub_counsel_wrap .counsel_form dl { display:table-row; }
.sub_counsel_wrap .counsel_form dl dt,
.sub_counsel_wrap .counsel_form dl dd { display:table-cell;  vertical-align:top; }
.sub_counsel_wrap .counsel_form dl dt { width:7rem; color:#fff; font-size:1.4rem; padding-top:0.7rem; }
.sub_counsel_wrap .counsel_form dl dd  { padding:0.2rem 0; }
.sub_counsel_wrap .counsel_form dl dd input[type="text"] { line-height:4rem; background:#424854; border:0; color:#fff; }
.sub_counsel_wrap .counsel_form dl dd textarea { height:8rem; background:#424854; border:0; color:#fff; }
.sub_counsel_wrap .counsel_form dl.agree { height:2.4rem;  }
.sub_counsel_wrap .counsel_form dl.agree label { color:rgba(255,255,255,0.7); }
.sub_counsel_wrap .counsel_form .terms_btn { color:#2d3341; background:#fff; border-radius:3px; padding:0 0.7rem; line-height:2.2rem; height:2.2rem; margin-left:1rem; cursor:pointer; }
.sub_counsel_wrap .counsel_btn_wrap { position:relative; width:100%; margin-top:3rem; }
.sub_counsel_wrap .counsel_btn_wrap .counsel_btn { line-height:4rem; border:0; width:100%; color:#fff; font-size:1.8rem; cursor:pointer; background:#1a1e28; font-weight:300; }
.sub_counsel .call_wrap { padding:2rem; background:#5b5650; margin-top:0rem; color:#fff; }
.sub_counsel .call_wrap .box_board { border:1px solid #3f3930; display:flex; padding:3rem; width:100%; }
.sub_counsel .call_wrap h2 { font-size:2.0rem; font-weight:200; line-height:1; }
.sub_counsel .call_wrap h2:after { display:block; width:5rem; height:1px; background:rgba(255,255,255,0.5); content:''; margin-top:1rem; }
.sub_counsel .call_wrap h2 strong { font-weight:500; font-size:2.1rem; }
.sub_counsel .call_wrap ul.call { line-height:1; letter-spacing:0rem; padding-left:2rem; }
.sub_counsel .call_wrap ul.call li { padding-left:3.5rem; position:relative; }
.sub_counsel .call_wrap ul.call li:before { width:2.8rem; height:2.8rem; border-radius:50%; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.sub_counsel .call_wrap ul.call li.call_1:before { background:url(../images/common/phone_1.png)center center no-repeat; background-size:100%; background-color:rgba(255,255,255,0.5); }
.sub_counsel .call_wrap ul.call li.call_2:before { background:url(../images/common/phone_2.png)center center no-repeat; background-size:100%; background-color:rgba(255,255,255,0.5);  }
.sub_counsel .call_wrap ul.call .call_1 { font-size:3.6rem; font-weight:700; }
.sub_counsel .call_wrap ul.call .call_2 { font-size:1.9rem; margin-top:1.2rem; }


/* ================================== Mobile css ================================== */

@media (max-width: 559px) {	
	.counsel_tit { font-size:2rem; margin-bottom:2rem; margin-top:1.5rem; }
	.sub_counsel_wrap { padding:2rem; }
	.sub_counsel_wrap .title_wrap h2 { font-size:2.2rem; font-weight:500; }
	.sub_counsel_wrap .counsel_form dl.agree label { font-size:1.3rem; }
	.sub_counsel_wrap .counsel_form .terms_btn { font-size:1.3rem; padding:0 0.5rem; }
	.sub_counsel_wrap .counsel_btn_wrap .counsel_btn { line-height:3.6rem; font-size:1.5rem; } 
	.sub_counsel .call_wrap { padding:0.5rem; margin-top:0rem; }
	.sub_counsel .call_wrap .box_board { padding:2rem; display:block; }
	.sub_counsel .call_wrap h2 { font-size:1.5rem; margin-bottom:1.5rem; }
	.sub_counsel .call_wrap h2 strong { font-size:1.6rem; }
	.sub_counsel .call_wrap ul.call { padding-left:0rem; }
	.sub_counsel .call_wrap ul.call .call_1 { font-size:3rem;}
	.sub_counsel .call_wrap ul.call .call_2 { font-size:1.7rem; margin-top:1rem; }


}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 변호사 목록  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/ 
.lawyerTab { display:block; margin-bottom:2rem;}
.lawyerTab .tab { justify-content:space-between; width:100%; display:flex;  }
.lawyerTab .tab li { width:33.3333%; flex-grow:1; }
.lawyerTab .tab li a { display:block; width:100%; line-height:56px; text-align:center; font-size:18px; color:#333; border:1px solid #ccc; }
.lawyerTab .tab li a:hover { background:#f1f1f1; }
.lawyerTab .tab li.on a { background:#36302b; border-color:#36302b; color:#fff; }

.lawyerList ul:after { display:block; clear:both; content:''; }
.lawyerList ul { width:100%;  }
.lawyerList ul li  { width:25%; padding:0; margin-top:30px; float:left; }
.lawyerList ul li:nth-child(4n+1) { clear:both; }
.lawyerList ul li .lawyerCnts { position:relative; overflow:hidden; }
.lawyerList ul li .lawyerCnts a { display:block; width:100%; height:100%; }
.lawyerList ul li .lawyerCnts .lawyerPic { position:relative;  }
.lawyerList ul li .lawyerCnts .lawyerPic img { width:100%; transform:matrix(1, 0, 0, 1, 0, 0); transition:0.2s ease-in; -moz-transition:0.2s ease-in; -webkit-transition:0.2s ease-in; -ms-transition:0.2s ease-in;}
.lawyerList ul li .lawyerCnts .lawyerPic:hover img { transform: matrix(1.03, 0, 0, 1.03, 0, 0); }
.lawyerList ul li .lawyerCnts .lawyerPic:after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; display:block; background:rgba(0,0,0,0.15); transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.lawyerList ul li .lawyerCnts .lawyerPic:hover:after { background:rgba(0,0,0,0); transition: all .3s ease-out; }
.lawyerList ul li .lawyerCnts .lawyerText { position:absolute; width:100%; padding:1rem; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff; text-align:right; line-height:1.2; }
.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:1.7rem; font-weight:500; display:inline-block; margin-top:3px !important; }
.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:1.3rem; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:1.9rem; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:2.8rem; font-weight:500; display:inline-block; margin-right:5px; }
.lawyerList ul li .lawyerCnts .lawyerText strong.bg { background:rgba(254,208,128,0.5); padding:0 1rem; border-radius:3px; font-weight:400;  }
.lawyerList ul li .lawyerCnts .lawyerPic img.pc { display:block; }
.lawyerList ul li .lawyerCnts .lawyerPic img.mobile { display:none; }
.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { background:#7c6033; border:1px solid #8a6f44; display:inline-block; }

.lawyerList ul.col03 li { width:33.3333%; /*margin-top:0;*/ } 
.lawyerList ul.col03 li:nth-child(4n+1) { clear:none; }
.lawyerList ul.col03 li:nth-child(3n+1) { clear:both; }
.lawyerList ul.col03.first li { margin-top:0; }
.tab_title { display:block; font-size:3.3rem; font-weight:500; margin-bottom:2rem; line-height:1.2; }
#lawyerList02,
#lawyerList03 { display:none; }
/*#lawyerList02 { display:block; }
#lawyerList02 .tab_title { margin-top:10rem; }*/


@media (max-width: 1080px) {
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:1.6rem; }
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:1.2rem; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:1.6rem; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:2.4rem; }
}

@media (max-width: 958px) {
	.lawyerList ul li { width:33.3333%; }
	.lawyerList ul li:nth-child(2n+1) { clear:none; }
	.lawyerList ul li:nth-child(3n+1) { clear:both; }
	.lawyerList ul.col03 li:nth-child(2n+1) { clear:none; }
	.lawyerList ul li .lawyerCnts .lawyerText strong.bg { padding:0 0.5rem; letter-spacing:-0.1em; }
}

@media (max-width: 767px) {
	.lawyerTab .tab li { width:auto; }
	.lawyerTab .tab li a { line-height:4rem; font-size:1.5rem; }
/*	.lawyerList ul li  { width:33.3333%; margin-top:20px; }
	.lawyerList ul li:nth-child(4n+1) { clear:none; }
	.lawyerList ul li:nth-child(3n+1) { clear:both; }*/
}

@media (max-width: 599px) {
	.lawyerList ul li { width:100% !important; padding:0; margin-top:10px !important; float:none; }
	.lawyerList ul li .lawyerCnts .lawyerText { padding:10px 5px; text-align:center; }
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:12px; letter-spacing:-0.1em;}
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:10px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.0, 0, 0, 1.0, 0, 0); }
	.lawyerList ul li .lawyerCnts .lawyerPic img.pc { display:none; }
	.lawyerList ul li .lawyerCnts .lawyerPic img.mobile { display:block; }
	.lawyerList ul li .lawyerCnts .lawyerPic:after { display:none; }

	.lawyerList.newlist ul li { width:100%; } 
	.lawyerList.newlist ul.col03 li { width:100%; }

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

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 변호사 프로필  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/ 
.lawyerDetail { position:relative; padding-left:45%; min-height:590px; }
.lawyerDetail .name-con { font-size:2.5rem; color:#111; text-align:right; max-width:610px;  line-height:1.2; }
.lawyerDetail .name-con span {display:block;}
.lawyerDetail .name-con b { margin-top:5px; display:block;  }
.lawyerDetail .name-con b strong {font-weight:500; font-size:4rem; letter-spacing:10px; }
.lawyerDetail .name-con span.en {font-size:2rem; text-transform:uppercase; letter-spacing:4px; margin-top:5px; }
.lawyerDetail .name-con .intro_text { text-align:left; margin-top:20px; font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; color:#737373; font-size:2rem; line-height:3rem; font-weight:400; margin-top:3rem; }
.lawyerDetail .name-con .intro_text strong { font-size:3.3rem; line-height:4.5rem; font-weight:800; font-style:italic; margin-bottom:2.5rem; display:block; }
.lawyerDetail .name-con .intro_text img { ; width:100%; max-width:600px; }
.lawyerDetail .profile { clear:both; }
.lawyerDetail .profile .profile_pic {position:absolute; top:0px; left:0; width:45%; }
.lawyerDetail .profile .profile_pic img { max-width:100%; }
.lawyerDetail .profile .profile_tx { margin-top:40px; margin-left:5px; }
.lawyerDetail .profile .profile_tx .tit { padding-left:20px; border-left:1px solid #31394c; margin-bottom:35px; font-size:3.8rem; line-height:1; color:#31394c; }
.lawyerDetail .profile .profile_tx .line {border-top:1px dashed #bbb; margin-top:30px; padding-top:30px;}
.lawyerDetail .profile .profile_tx .prf_tx_list { padding-left:20px; }
.lawyerDetail .profile .profile_tx .prf_tx_list li { padding-left:1rem; font-size:1.4rem;  position:relative; letter-spacing:-0.05em; line-height:1.5; font-weight:300; }
.lawyerDetail .profile .profile_tx .prf_tx_list li + li { margin-top:5px; }
.lawyerDetail .profile .profile_tx .prf_tx_list li:before { display:block; width:3px; height:3px; background:#777; border-radius:50%; content:''; position:absolute; left:0; top:1rem; }
.lawyerDetail .profile .profile_tx .prf_tx_list + .prf_tx_list { margin-top:14px; }


@media (max-width: 767px) {
	.lawyerDetail { padding-left:0; }
	.lawyerDetail .name-con { text-align:center; }
	.lawyerDetail .profile .profile_pic { position:relative; top:auto; width:100%; }
	.lawyerDetail .profile .profile_tx { margin-top:15px;  margin-left:0px; }
	.lawyerDetail .profile .profile_tx .tit { margin-bottom:20px; }
	.lawyerDetail .name-con .intro_text { text-align:center; font-size:1.8rem; line-height:2.8rem; }
	.lawyerDetail .name-con .intro_text strong { font-size:3rem; line-height:4rem; }
	.lawyerDetail .profile{ margin-top:1rem; }
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 오시는길  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.sub_location { }
.d_map_wrap { width:100%; }
.d_map_wrap .root_daum_roughmap { width:100%; height:45rem !important; position:relative; }
.d_map_wrap .root_daum_roughmap .wrap_map {position:absolute; top:0; left:0; width:100%; height:100%; }
.sub_location .address_info { background:#222328; color:#fff; font-size:1.8rem; padding:2rem; text-align:center; }
.sub_location .contact_info { margin:4rem 0; }
.sub_location .contact_info ul {}
.sub_location .contact_info ul:after { display:block; clear:both; content:''; }
.sub_location .contact_info ul li:after { display:block; clear:both; content:''; }
.sub_location .contact_info ul li { width:33.3333%; float:left; text-align:center;  }
.sub_location .contact_info .info strong { font-size:19px; display:block; margin-bottom:10px; color:#777; font-weight:400; }
.sub_location .contact_info .info .text span { font-size:28px; color:#111; font-weight:700; /*font-family:'Montserrat', sans-serif;*/  }
.sub_location .contact_info .info .icon { width:80px; height:80px; border-radius:50%; background:url(../images/sub/sub6/location_icon_160x160_1.png)no-repeat; background-size:500%; margin:0 auto 15px;}
.sub_location .contact_info .info.tel_1 .icon { background-position:0 0; background-color:#efefef; }
.sub_location .contact_info .info.tel_2 .icon { background-position:25% 0; background-color:#31394c; }
.sub_location .contact_info .info.tel_3 .icon { background-position:50% 0;  background-color:#efefef;  }
.sub_location .contact_info .info.tel_4 .icon { background-position:75% 0;  background-color:#efefef;  }
.sub_location .location-info { border:1px solid #ccc; padding:3rem; color:#555; }
.sub_location .location-info dl {}
.sub_location .location-info dl:after { display:block; clear:both; content:''; }
.sub_location .location-info dl + dl { margin-top:3rem; }
.sub_location .location-info dl dt { float:left; display:block; width:14rem; font-size:2.2rem; color:#000; font-weight:700;  }
.sub_location .location-info dl dd { float:left; display:block; width:calc(100% - 14rem); font-size:1.6rem; }
.sub_location .location-info ul li:after { display:block; clear:both; content:''; }
.sub_location .location-info ul li + li { margin-top:1rem; }
.sub_location .location-info .tit { display:block; float:left; width:6rem; color:#000; line-height:1.6rem; border-right:1px solid #d6d6d6; line-height:1.2; font-weight:500; }
.sub_location .location-info .cnts { width:calc(100% - 6rem); float:left; padding-left:1rem; line-height:1.2; }
.sub_location .location-info .call { letter-spacing:0; }
.sub_location .location-info .bus ul li em { display:inline-block; width:3.6rem; height:2.2rem; text-align:center; line-height:2.2rem; border-radius:3px; font-size:1.5rem; margin-right:5px; color:#fff;  }

.trabs-bus ul li em.bus-mint { background:#7cc3c0; }
.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-blue-1 { background: #4eafab; }
.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;}


/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {
	.d_map_wrap .root_daum_roughmap { height:35rem !important; }
}


/* ================================== Mobile css ================================== */
 @media all and (max-width:767px){
	.d_map_wrap .root_daum_roughmap { height:25rem !important; }
	.sub_location .address_info { font-size:1.5rem; padding:1rem; line-height:1.2; }

	.sub_location .contact_info ul li { width:100%; float:none; text-align:left; border:1px solid #ccc; padding:10px; }	
	.sub_location .contact_info ul li + li { margin-top:10px;  }
	.sub_location .contact_info .info .icon { width:5rem; height:5rem; float:left; margin:0; margin-right:1rem;  }
	.sub_location .contact_info .info .text { padding-top:0; }
	.sub_location .contact_info .info .text strong { display:none; }
	.sub_location .contact_info .info .text span { font-size:1.8rem; line-height:5rem; }
	.sub_location .location-info { padding:1.5rem; }
	.sub_location .location-info dl dt { float:none; width:100%; font-size:1.8rem; margin-bottom:1rem;  }
	.sub_location .location-info dl dd { float:none; display:block; width:100%; font-size:1.5rem; }
	.sub_location .location-info .call:after { display:block; clear:both; content:''; }
	.sub_location .location-info .call li { display:block; width:calc(50% - 0.5rem); text-align:center; background:#006699; color:#fff; line-height:34px; height:34px; border-radius:3px; margin:0.5rem 0; }
	.sub_location .location-info .call li:nth-child(2n) { float:right;  }
	.sub_location .location-info .call li:nth-child(2n + 1) { float:left; clear:both;}
	.sub_location .location-info .call li strong span+span { display:none; }
	.sub_location .location-info .call li strong { width:22px; height:22px; line-height:22px; text-align:center; background:#fff; color:#006699; border-radius:50%; font-weight:700; float:none; display:inline-block; } 
	.sub_location .location-info .cnts { display:inline-block; float:none; }
	.sub_location .location-info .tit { width:5rem; }
	.sub_location .location-info .cnts { width:calc(100% - 5rem);}
	
 }


 /* 자동입력방지 */
.sub_counsel .captchaDiv { display:flex; gap:5px; }
.sub_counsel .captchaDiv .captchaImg img { width:120px; }
.sub_counsel .captchaDiv input::placeholder { color:#fff; }


/**
 * Animations
 */

.fromTopIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,-10px);
	opacity: 0.0;
}

.fromBottomIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,10px);
	opacity: 0.0;
}

.fromLeftIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(-10px,0);
	opacity: 0.0;
}

.fromRightIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(10px, 0);
	opacity: 0.0;
}

.scaleUpIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.3,1.3);
	opacity: 0.0;
}

.scaleDownIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: scale(0.7,0.7);
	opacity: 0.0;
}