@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@300;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; }
button { cursor:pointer; }

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.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:#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; }
table.table td { font-size:1.6rem; color:#555; background:#fff; line-height:1.8; }

/* 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:30px; 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:11rem;  }
.nav_wrapper .inner { width:100%; max-width:1860px; margin:3rem auto 0; position:relative; height:8rem; background:rgba(255,255,255,0.2); }
.nav_wrapper h1.logo { position:absolute; left:30px; top:50%; width:289px; transform:translateY(-51%); 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 .tel_wrap { position:absolute; top:0; right:0; width:28rem; text-align:center; background:#6e664e; height:100%; z-index:100; }
.nav_wrapper .tel_wrap .tel { color:#fff; font-size:1.8rem; line-height:2.8rem; padding-top:1.2rem; }
.nav_wrapper .tel_wrap .tel a { cursor:text; font-size:2.8rem; color:#fff; font-weight:500; letter-spacing:-0.05rem; margin-left:0.5rem; }
.nav_wrapper .tel_wrap .tel .tel_1 { color:#e2ded1; }
.spinner-master { display:none; }
.nav_wrapper.scroll { top:-3rem; }
.nav_wrapper.scroll .inner { background:rgba(255,255,255,1); }
.nav_wrapper h1.logo a img.white { display:inline; }
.nav_wrapper h1.logo a img.color { display:none; }
.nav_wrapper.scroll h1.logo a img.white { display:none; }
.nav_wrapper.scroll h1.logo a img.color { display:block; }
.menu { position:relative; height:10rem; width:100%;  }
.menu:after { display:block; clear:both; content:''; }
.menu .gnb_menu { position:relative; text-align:center; z-index:10; }
.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:#fff; font-size:1.8rem; padding:0 3rem; line-height:8rem; 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:#9b8859 !important; }
.menu .gnb_menu .navi > li.current > a:after,
.menu .gnb_menu .navi > li.hover > a:after { width:80%; height:3px; content:''; background:#9b8859; position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:block; }
.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:8rem; opacity:0; background:rgba(110,102,78,0.8); width:100%; left:0; right:0; background:#3a342d; }
.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 2.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; }
.nav_wrapper.scroll .menu .gnb_menu .navi > li > a { color:#333; }
.menu .gnb_menu .navi.pc { display:inline-block; }
.menu .gnb_menu .navi.mobile { display:none; }
.m_top_banner { display:none; }


/* footer */
.footer { letter-spacing:0; color:#fff; background:#1f1f1e; 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 rgba(255,255,255,0.2); margin-bottom:2rem; }
.footer .footer_top .footer_link li { display:inline-block; }
.footer .footer_top .footer_link li a { padding:0 2rem; color:#fff; 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:rgba(255,255,255,0.1); 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; color:#a59773; }
.footer .left .contact .contact_num .tel { 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:rgba(255,255,255,.1); 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:rgba(255,255,255,0.3); }
.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:rgba(255,255,255,0.1); 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:#a59773; }
.footer .right .officeinfo_wrap .office_list li { position:relative; padding-left:0.8rem; color:rgba(255,255,255,0.7); }
.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:11rem; 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:999999;}
.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:#6e664e; 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:#6e664e; 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 {  }

@media all and (max-width: 1440px) {
	/* header */
	.nav_wrapper h1.logo { width:26rem; }
	.nav_wrapper .tel_wrap { width:24rem; }
	.nav_wrapper .tel_wrap .tel { line-height:2.5rem; padding-top:1rem; font-size:1.5rem; }
	.nav_wrapper .tel_wrap .tel a { font-size:2.5rem; }
	.menu .gnb_menu { text-align:right; padding-right:24rem;}
	.menu .gnb_menu .navi > li > a { padding:0 2.5rem; }
	
}




/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) { 
	/* header */
	.nav_wrapper { height:8rem;  }
	.nav_wrapper .inner { margin-top:0; }
	.nav_wrapper.scroll { top:0; }
	.nav_wrapper h1.logo { width:25rem; }
	.nav_wrapper .tel_wrap { width:20rem; }
	.nav_wrapper .tel_wrap .tel { padding-top:1rem; font-size:1.4rem; }
	.nav_wrapper .tel_wrap .tel a { font-size:2.2rem; }
	.menu .gnb_menu { padding-right:20rem;}
	.menu .gnb_menu .navi > li > a { padding:0 1.5rem; }
	
	/* 오른쪽 스크롤 배너 */
	.float-banner  { display:none; }
	
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	/* header */
	.nav_wrapper {  height:7.6rem; background:#fff; }
	.nav_wrapper .inner { height:7.6rem; }
	.nav_wrapper h1.logo { width:21rem;  }
	.nav_wrapper h1.logo a img.white { display:none; }
	.nav_wrapper h1.logo a img.color { display:block !important; }
	.nav_wrapper .tel_wrap { right:7.6rem; }
	.menu .gnb_menu .navi.pc { display:none; }
	.menu .gnb_menu .navi.mobile { display:block; }
	
	.spinner-master { width:7.6rem; height:7.6rem; background:#131415; 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.9rem;	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:#494434;
	}
	.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 rgba(255,255,255,0.2);  }	
	.menu .gnb_menu .navi > li > a { padding:2rem; line-height:2rem; width:100%; display:block; text-align:left; position:relative; color:#fff !important;  }	
	.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.hover > a:after { display:none; }
	.menu .gnb_menu .navi > li.has-submenu > a:after { background:url(../images/common/cd_arw_open.png)right center no-repeat; background-size:100%; width:2rem; height:100%; position:absolute; 
	right:2rem; left:inherit; top:50%; transform:translateY(-50%); display:block !important; content:'';  }
	.menu .gnb_menu .navi > li.has-submenu > a.active:after { background:url(../images/common/cd_arw_close.png)right center no-repeat; background-size:100%; }
	
	.menu .gnb_menu .navi li .sub-menu { position:relative; top:0 !important; background:#2c2921; display:none; opacity:1;  }
	.menu .gnb_menu .navi li .sub-menu li a { line-height:4rem; height:4rem; padding:0; text-align:left; color:#fff !important; display:block; width:100%; padding-left:3.5rem !important; }
	.menu .gnb_menu .navi li .sub-menu.active {display:block; }
	
	/* center */
	#main, #center { padding-top:7.6rem; }
		
}
	
@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; }
	.nav_wrapper.scroll { top:-8.275rem; }
	.nav_wrapper .inner { height:6rem; position:relative; }	
	.nav_wrapper h1.logo { width:20rem; left:20px; }	
	.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; padding:0;  }
	.nav_wrapper .tel_wrap .tel .tel_1,
	.nav_wrapper .tel_wrap .tel .tel_2 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%; margin-left:0; }	
	.spinner-master { width:6rem; height:6rem; }
	.spinner-master label { padding:0.8rem 1em; }
	.spinner-master .spinner { height:2px; }
	.menu { top:6rem; }
	.nav_wrapper.open { top:-8.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:#6e664e; 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,
	.nav_wrapper.sub_header.open { top:0rem; }
	.nav_wrapper.sub_header .menu { top:6rem; }

	
	
	/* center */
	#main { padding-top:17.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:#131415; 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:grid; grid-template-columns: repeat(7, 1fr); /* 한 줄에 7개 */ gap:1px; /* 아이템 사이 간격 */ }
	.m_footer_fixmenu ul li + li { }
	.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_inner.w1400 { max-width:1400px; }
.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 img.for_large { display:block; }pop.section_counsel .section_inner.w1400.main_visual img.for_mid { display:none;}
.main_visual img.for_small {  display:none;}*/


/*비밀보장상담신청*/
.section_counsel { margin-top:-50px; position:relative; z-index:10;}
.section_counsel .section_inner.w1400 { background:#fff; padding:4rem; position:relative; overflow:visible; }
.section_counsel .section_inner:before { position:absolute; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.35); width:calc(100% + 580px); height:100%; margin-left:-580px; content:''; top:0; left:0; 
z-index:0;  } 
.section_counsel .counsel_wrap .title_wrap { display:none; }
.section_counsel .counsel_wrap { display:flex; justify-content:space-between;}
.section_counsel .counsel_wrap .counsel_form { flex-grow:1; display:flex; flex-direction:column; flex-wrap:wrap; height:90px; justify-content:space-between; position:relative; }
.section_counsel .counsel_wrap .counsel_form label { display:none;}
.section_counsel .counsel_wrap .counsel_form .input1,
.section_counsel .counsel_wrap .counsel_form .input2 { width:40%; }
.section_counsel .counsel_wrap .counsel_form .input3 { width:60%; }
.section_counsel .counsel_wrap .counsel_form .input1 input,
.section_counsel .counsel_wrap .counsel_form .input2 input { height:42px; background:#dfe1e3; border:0; }
.section_counsel .counsel_wrap .counsel_form .input3 textarea { height:90px; background:#dfe1e3; border:0; }
.section_counsel .counsel_wrap .counsel_form .agree { position:absolute; width:100%; top:100%; margin-top:1rem;}
.section_counsel .counsel_wrap .counsel_form label[for="agree_terms"] { display:inline;}
.section_counsel .counsel_wrap .counsel_form .terms_btn { width:60px; height:20px; line-height:20px; border:1px solid #ccc; text-align:center; cursor:pointer; }
.section_counsel .counsel_wrap .counsel_btn_wrap { width:24rem; position:relative; flex-shrink:0; padding-left:2rem; }
.section_counsel .counsel_wrap .counsel_btn_wrap .counsel_btn { width:100%; height:100%; background:#242a32; border:0; color:#fff; font-size:2.2rem; text-align:center; padding:1rem; position:relative;}
.section_counsel .counsel_wrap .counsel_btn_wrap .counsel_btn strong { border-bottom:1px solid #fff; display:inline-block; }
.section_counsel .counsel_wrap .counsel_btn_wrap .counsel_btn:after { position:absolute; bottom:0; right:0; width:0; height:0; border-top:12px solid #101113;  border-left:12px solid #101113; 
 border-right:12px solid transparent;  border-bottom:12px solid transparent; content:''; }
/*20220914*/
.section_counsel .counsel_wrap .counsel_form.new { flex-direction:row; flex-wrap:wrap; height:auto; gap:5px 5px; align-items:center;}
.section_counsel .counsel_wrap .counsel_form.new label { display:block;}
.section_counsel .counsel_wrap .counsel_form.new .input { width:calc(50% - 5px/2); }
.section_counsel .counsel_wrap .counsel_form.new .input3 { width:100% !important; }
.section_counsel .counsel_wrap .counsel_form.new .input4 { width:100% !important; }
.section_counsel .counsel_wrap .counsel_form.new .input4 dt { display:block; font-size:1.8rem; font-weight:500; color:#000; margin-bottom:10px; }
.section_counsel .counsel_wrap .counsel_form.new .selectGroup { }
.section_counsel .counsel_wrap .counsel_form.new .selectGroup span { margin-right:10px; line-height:2.0rem; }
.section_counsel .counsel_wrap .counsel_form.new input[type="text"] { height:42px; background:#dfe1e3; border:0; }
/* 자동입력방지 */
.counsel_wrap .counsel_form.new  .captchaDiv { display:flex; gap:5px; }
.counsel_wrap .counsel_form.new  .captchaDiv .captchaImg img { width:120px; }


/* 2020년 주요 진행사건 현황*/
.section_issue { margin:10rem auto; }
.section_issue .section_inner.w1400 { background:url(../images/main/issue_bg.jpg)center no-repeat; background-size:cover; position:relative; padding:0; }
.section_issue .issue_wrap { display:flex; justify-content:space-between; }
.section_issue .issue_wrap .issueTit_wrap { width:40rem;  flex-shrink:0; padding:5rem; }
.section_issue .issue_wrap .issueList_wrap {  flex-grow:1; background:rgba(255,255,255,0.15); padding:5rem; }
.section_issue .issue_wrap .issueTit_wrap .issue_tit { font-size:4.5rem; color:#fff; line-height:1.2; position:relative; font-weight:200; }
.section_issue .issue_wrap .issueTit_wrap .issue_tit:before { width:5rem; height:1px; content:''; background:#fff; display:block; margin-bottom:1rem; }
.section_issue .issue_wrap .issueTit_wrap .issue_tit strong { font-weight:500; display:block; }
.section_issue .issue_wrap .issueList_wrap .issue_list { width:100%; max-width:80rem; margin:0 auto; }
.section_issue .issue_wrap .issueList_wrap .issue_list .issue_item {  line-height:50px; text-align:center; cursor:pointer; background:transparent; border:1px solid rgba(182,161,107,0.5); line-height:50px; box-shadow:0px 0px rgba(0,0,0,0); }
.section_issue .issue_wrap .issueList_wrap .issue_list .issue_item + .issue_item { margin-top:1.5rem; }
.section_issue .issue_wrap .issueList_wrap .issue_list .issue_item p { color:#c7af71; font-size:1.9rem; }
.section_issue .issue_wrap .issueList_wrap .issue_list .issue_item:hover { border:2px solid rgba(182,161,107,1); line-height:48px; box-shadow:0 5px 5px rgba(0,0,0,0.5);}
.issue_list.active .issue_item.list1 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.6s; }
.issue_list.active .issue_item.list2 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.7s; }
.issue_list.active .issue_item.list3 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.8s; }
.issue_list.active .issue_item.list4 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.9s; }
.issue_list.active .issue_item.list5 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.0s; }
.issue_list.active .issue_item.list6 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.1s; }
.issue_list.active .issue_item.list7 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.2s; }
@keyframes moveY {
	0% {  border:1px solid rgba(182,161,107,1); box-shadow:0 5px 5px rgba(0,0,0,0.5);		
	}
	50% {
	}
	100% {border:1px solid rgba(182,161,107,0.5); box-shadow:0px 0px rgba(0,0,0,0);
	}
}
.call_wrap { position:absolute; border:2px solid rgba(186,176,147, 0.2); bottom:5rem; width:30rem; left:5rem; padding:2rem; }
.call_wrap .call_tit { font-size:1.8rem; color:#9d8d64; font-weight:300; }
.call_wrap .call_tit strong { font-weight:500;}
.call_wrap .call { line-height:1; letter-spacing:0.1rem; margin-top:2rem; }
.call_wrap .call li { padding-left:3.5rem; position:relative; color:#fff; }
.call_wrap .call li:before { width:2.8rem; height:2.8rem; border-radius:50%; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.call_wrap .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);  }
.call_wrap .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); }
.call_wrap .call .call_1 { font-size:3.5rem; font-weight:700; }
.call_wrap .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; 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:transparent; color:#d2b978; border:2px solid #d2b978; }
.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 !important; }
.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(210, 185, 120, 0.2); border: 1px solid rgba(210, 185, 120, .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;
}

@media all and (max-width: 1440px) {
	/*비밀보장상담신청*/
	.section_counsel { margin-top:0px; }
}

@media all and (max-width: 1360px) {
	/* 사무실 슬라이드 */
	.office_slider .slick-arrow.slick-prev { transform:translate(-2rem, -50%); }
	.office_slider .slick-arrow.slick-next { transform:translate(2rem, -50%); }	
}

/* 성공사례 배너 (20220224) */
.section.section_success { margin:10rem auto; }
.section.section_success .succes_header { background:url(../images/main/section_sucbg.jpg)center center; background-size:100% 100%; padding:3rem; }
.section.section_success .succes_header .border_box { border:2px solid rgba(219,188,104,0.5); padding:3rem; display:flex; justify-content:space-between; }
.section.section_success .succes_header .border_box .suc_title { color:#dbbc68; font-size:5.0rem; line-height:6.0rem; width:40.5rem; }
.section.section_success .succes_header .border_box .suc_title_s { width:calc(100% - 40.5rem); }
.section.section_success .succes_header .border_box .suc_title_s .text_1 { font-size:2.2rem; line-height:3.6rem; color:#b29c66; font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; letter-spacing:-0.15rem; }
.section.section_success .succes_header .border_box .suc_title_s .text_1 strong.border { font-weight:700; border-bottom:1px solid #b29c66; }
.section.section_success .succes_header .border_box .suc_title_s .text_2 { font-size:1.7rem; line-height:2.8rem; color:#e89456; margin-top:4rem; font-weight:200; }
.section.section_success .success_list { margin-top:3rem; }
.section.section_success .success_list .success_item_box + .success_item_box { margin-top:1rem; }
.section.section_success .success_list .success_item_box .item_tit { background:#5c5541; font-size:2.4rem; color:#fff; text-align:center; line-height:5rem;  }
.section.section_success .success_list .success_item_box .success_item { display:flex; border:1px solid #d0d0d0; }
.section.section_success .success_list .success_item_box .success_item .left { width:20%; text-align:center; padding:2rem; background:#e1e1e1; }
.section.section_success .success_list .success_item_box .success_item .center { width:40%; text-align:center; padding:4rem; }
.section.section_success .success_list .success_item_box .success_item .right { width:40%; padding:4rem; background:#efefef; }
.section.section_success .success_list .success_item_box .success_item .left .left_tit { width:98px; height:121px; background:url(../images/main/shild.png)center center; font-size:2.0rem; line-height:2.4rem;
padding:3.5rem 2.5rem; color:#fff; font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; margin:0 auto; background-size:100% 100%;}
.section.section_success .success_list .success_item_box .success_item .left_text { margin-top:1rem; }
.section.section_success .success_list .success_item_box .success_item .left_text .job { font-size:2.3rem; color:#101010; line-height:1.2; }
.section.section_success .success_list .success_item_box .success_item .left_text .tag { font-size:1.6rem; color:#c03d04; line-height:2.4rem; margin-top:2.5rem; }
.section.section_success .success_list .success_item_box .success_item .important { font-size:2.2rem; color:#c03d04; font-weight:500; line-height:1.2; }
.section.section_success .success_list .success_item_box .success_item .important strong { font-size:2.5rem; font-weight:700; }
.section.section_success .success_list .success_item_box .success_item .sns_text { margin-top:2.5rem; font-size:2.0rem; color:#333; }
.section.section_success .success_list .success_item_box .success_item .sns_logo { margin:2.5rem auto 0; max-width:28rem; }
.section.section_success .success_list .success_item_box .success_item .sns_logo_list { display:flex; flex-wrap:wrap; justify-content:center; }
.section.section_success .success_list .success_item_box .success_item .sns_logo_list li { width:20%; padding:2px; }
.section.section_success .success_list .success_item_box .success_item .detail_list li + li { margin-top:1.5rem; }
.section.section_success .success_list .success_item_box .success_item .detail_list li { position:relative; font-size:1.8rem; color:#333; padding-left:2.8rem; line-height:2.2rem;  }
.section.section_success .success_list .success_item_box .success_item .detail_list li b { color:#c03d04; font-weight:400; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:before { width:2rem; height:2rem; line-height:2rem; content:''; border-radius:50%; border:1px solid #999; position:absolute;
top:0; left:0; text-align:center; font-size:1.7rem; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(1):before { content:'1'; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(2):before { content:'2'; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(3):before { content:'3'; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(4):before { content:'4'; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(5):before { content:'5'; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(6):before { content:'6'; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(7):before { content:'7'; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(8):before { content:'8'; }
.section.section_success .success_list .success_item_box .success_item .detail_list li:nth-child(9):before { content:'9'; }

/* 의뢰인후기 배너 (20220303) */
.section.section_review .text_bg { background:url(../images/main/text_bg_1_long.png)left center repeat; line-height:1.3; padding:0 2px; display:inline; }
.section.section_review .text_bg_1 { background:url(../images/main/text_bg_2_long.png)left center repeat; line-height:1.3; padding:0 2px; display:inline; }
.section.section_review { margin:10rem auto; }
.section.section_review .review_header { background:url(../images/main/section_rev_bg.png)center center; background-size:cover; padding:3rem; }
.section.section_review .review_header .border_box { border:2px solid rgba(255,255,2550.5); padding:3rem; display:flex; justify-content:space-between; }
.section.section_review .review_header .border_box .rev_title { color:#242a32; font-size:5.0rem; line-height:6.0rem; width:40.5rem; }
.section.section_review .review_header .border_box .rev_title_s { width:calc(100% - 40.5rem); font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:2.2rem; font-weight:600; line-height:1.3; }
.section.section_review .review_header .border_box .rev_title_s .tit_2 { margin-top:2rem; }
.section.section_review .review_list { margin-top:3rem; }
.section.section_review .review_list .review_item_box + .review_item_box { margin-top:1rem; }
.section.section_review .review_list .review_item_box .item_tit { background:#242a32; font-size:2.4rem; color:#fff; text-align:center; line-height:5rem;  }
.section.section_review .review_list .review_item_box .review_item { display:flex; border:1px solid #d0d0d0; }
.section.section_review .review_list .review_item_box .review_item .left { width:20%; text-align:center; padding:2rem; background:#e1e1e1; }
.section.section_review .review_list .review_item_box .review_item .right { width:80%; padding:4rem; background:#fff; }
.section.section_review .review_list .review_item_box .review_item .left .lawyer { }
.section.section_review .review_list .review_item_box .review_item .left .lawyer .name { margin-top:1rem; color:#101010; font-size:1.8rem; line-height:1.5; font-weight:500; }
.section.section_review .review_list .review_item_box .review_item .left .tag { margin-top:3rem; color:#c03d04; font-size:1.6rem; }
.section.section_review .review_list .review_item_box .review_item .right .subject { font-size:2.1rem; color:#c03d04; }
.section.section_review .review_list .review_item_box .review_item .right .detail { font-size:1.7rem; color:#333; line-height:1.8; margin-top:2.5rem; }
.section.section_review .review_list .review_item_box .review_item .right .writer { font-size:1.6rem; color:#777; line-height:1.5; margin-top:3rem; }
/*202206914 */
.section.section_review .review_header.new { background:url(../images/main/reviewBannerBg.jpg)center center; background-size:cover; padding:4rem 5rem; display:flex; justify-content:space-between; }
.section.section_review .review_header.new .left { width:60%; }
.section.section_review .review_header.new .right { width:40%; text-align:right; min-width:300px; }
.section.section_review .review_header.new .title { color:#fff; font-size:4.0rem; line-height:1.3; }
.section.section_review .review_header.new .title small { font-size:2.0rem; color:#fb6c0d; margin-bottom:20px; }
.section.section_review .review_header.new .title p { font-weight:700; }
.section.section_review .review_header.new .title p span { color:#fb6c0d; }
.section.section_review .review_header.new .linkBtn { margin-top:5.0rem; background:rgba(0,0,0,0.5); background:#fb6c0d; line-height:6rem; height:6rem; padding:0 2rem; color:#fff; font-size:3.5rem; position:relative; overflow:hidden;
letter-spacing:0em;}
.section.section_review .review_header.new .linkBtn img { margin-left:0.5rem; vertical-align:middle; }
.section.section_review .review_header.new .linkBtn span { position:relative; z-index:2; }
.section.section_review .review_header.new .linkBtn:before { position:absolute; left:0; top:0; display:block; content:''; width:100%; height:100%; background:#fb6c0d; background:rgba(0,0,0,1); z-index:1; transform:translateX(-100%); 
transition:all 0.2s; }
.section.section_review .review_header.new .linkBtn:hover:before {  transform:translateX(0); }
.section.section_review .review_header.new .text-b { margin-top:1.5rem; font-size:1.8rem; color:#fff; letter-spacing:-0.07em; }



/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {	
	/* 메인공통 */
	.section .section_inner { padding-right:60px; }
	
	/*비밀보장상담신청*/
	.section_counsel { margin-top:0px; }
	.section_counsel .section_inner.w1400 { padding:4rem 3rem 6rem; }
	.section_counsel .section_inner:before { display:none; }
	.section_counsel .counsel_wrap .counsel_btn_wrap { width:18rem; padding-left:1rem; }
	
	/* 2020년 주요 진행사건 현황*/
	.section_issue { margin:0rem auto 10rem; }

	.section.section_success { margin:6rem auto; }
}


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


/* ================================== 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; }
	
	/* 메인비주얼 */
	.main_visual img.for_large { display:none; }
	.main_visual img.for_mid { display:block;}
	.main_visual img.for_small {  display:none;}
	
	/* 2020년 주요 진행사건 현황*/
	.section_issue { margin:0rem auto 7rem; }
	.section_issue .issue_wrap .issueTit_wrap { width:35rem; flex-shrink:0; padding:4rem; }
	.section_issue .issue_wrap .issueList_wrap {  flex-grow:1; padding:4rem; }
	.section_issue .issue_wrap .issueTit_wrap .issue_tit { font-size:4rem; }
	.call_wrap { bottom:3rem; width:29rem; left:3rem; padding: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 (min-width:767px) and (max-width:959px){	 
}


@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:#6e664e; color:#fff; text-align:center; font-size:1.4rem;}	
	.office_tab_wrap .office_info .position_new {width:60%; margin:0 auto;  }

	/* 성공사례 배너 (20220224) */
	.section.section_success { margin:8rem auto; }
	.section.section_success .succes_header .border_box { flex-wrap:wrap; text-align:center; }
	.section.section_success .succes_header .border_box .suc_title { width:100%; }
	.section.section_success .succes_header .border_box .suc_title_s { width:100%; margin-top:1.5rem; }
	.section.section_success .succes_header .border_box .suc_title_s .text_2 { margin-top:3rem; }	
	.section.section_success .success_list .success_item_box .success_item { display:flex; flex-wrap:wrap; }
	.section.section_success .success_list .success_item_box .success_item .left { width:30%; }
	.section.section_success .success_list .success_item_box .success_item .center { width:70%;  }
	.section.section_success .success_list .success_item_box .success_item .right { width:100%; }

	/* 의뢰인후기 배너 (20220303) */
	.section.section_review { margin:8rem auto; }
	.section.section_review .review_header .border_box { flex-wrap:wrap; text-align:center; }
	.section.section_review .review_header .border_box .rev_title { width:100%; }
	.section.section_review .review_header .border_box .rev_title_s { width:100%; margin-top:1.5rem; }
	.section.section_review .review_header .border_box .rev_title_s .tit_2 { margin-top:1rem; }
	/*202206914 */
	.section.section_review .review_header.new .title { font-size:4.0rem; }
	.section.section_review .review_header.new .linkBtn { margin-top:4.0rem;  line-height:5.5rem; height:5.5rem; font-size:3rem; }
	.section.section_review .review_header.new .text-b { font-size:1.8rem; }

}



/* ================================== 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 img.for_large { display:none; }
	.main_visual img.for_mid { display:none;}
	.main_visual img.for_small {  display:block;}
	
	/*비밀보장상담신청*/
	.section_counsel .counsel_wrap .counsel_btn_wrap { width:14rem; padding-left:0.5rem; }
	.section_counsel .section_inner.w1400 { padding:4rem 2rem; }
	.section_counsel .counsel_wrap .counsel_btn_wrap .counsel_btn { font-size:1.8rem; }	
	
	/* 2020년 주요 진행사건 현황*/
	.section_issue { margin:0rem auto 5rem; }
	.section_issue .issue_wrap { display:block; }
	.section_issue .issue_wrap .issueTit_wrap { width:100%; padding:3rem; }
	.section_issue .issue_wrap .issueList_wrap {  width:100%; padding:3rem; }
	.section_issue .issue_wrap .issueTit_wrap .issue_tit { font-size:3.5rem; }
	.call_wrap { bottom:auto; left:auto; top:3rem; right:3rem; width:29rem; padding:2rem; }
	
	
	/* 사무실 슬라이드 */
	.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; }

	/* 성공사례 배너 (20220224) */
	.section.section_success { margin:3rem auto; }
	.section.section_success .succes_header .border_box .suc_title { font-size:4.0rem; line-height:5.0rem; }
	.section.section_success .succes_header .border_box .suc_title_s .text_1 { font-size:2rem; line-height:3.3rem; }
	.section.section_success .succes_header .border_box .suc_title_s .text_2 { font-size:1.6rem; line-height:2.6rem; }
	

	/* 의뢰인후기 배너 (20220303) */
	.section.section_review { margin:3rem auto; }
	.section.section_review .review_header .border_box .rev_title { font-size:4.0rem; line-height:5.0rem;  }
	.section.section_review .review_header .border_box .rev_title_s { font-size:1.8rem; }
	.section.section_review .review_list .review_item_box .review_item .left {padding:2rem 1rem; }
	.section.section_review .review_list .review_item_box .review_item .right {padding:2rem; }
	.section.section_review .review_list .review_item_box .review_item .left .lawyer .name { font-size:1.6rem; }
	.section.section_review .review_list .review_item_box .review_item .left .tag { margin-top:2rem; font-size:1.6rem; }
	.section.section_review .review_list .review_item_box .review_item .right .subject { font-size:2.0rem; }
	.section.section_review .review_list .review_item_box .review_item .right .detail { font-size:1.6rem; margin-top:2rem; }
	.section.section_review .review_list .review_item_box .review_item .right .writer { font-size:1.5rem; margin-top:2.5rem; }
	/*20220914*/
	.section.section_review .review_header.new { flex-wrap:wrap; padding:2rem; }
	.section.section_review .review_header.new .left { width:100%; }
	.section.section_review .review_header.new .right { width:100%; text-align:center; margin-top:30px; }
	.section.section_review .review_header.new .title { font-size:3.0rem; }
	.section.section_review .review_header.new .title small { font-size:1.8rem; margin-bottom:10px; }
	.section.section_review .review_header.new .linkBtn { margin-top:2.0rem; line-height:4.2rem; height:4.2rem; font-size:2.5rem;}
	.section.section_review .review_header.new .text-b { font-size:1.6rem; }

} 
	


@media all and (max-width: 560px) {
	
	/*비밀보장상담신청*/
	.section_counsel .counsel_wrap { display:block; }
	.section_counsel .counsel_wrap .counsel_btn_wrap { width:100%; padding-left:0rem; margin-top:3rem;}
	.section_counsel .counsel_wrap .counsel_form.new .input5,
	.section_counsel .counsel_wrap .counsel_form.new .input6 { width:100%; }
	
	/* 2020년 주요 진행사건 현황*/
	.section_issue .issue_wrap .issueTit_wrap .issue_tit { font-size:3rem; }
	.section_issue .issue_wrap .issueTit_wrap .issue_tit strong { display:inline;}
	.section_issue .issue_wrap .issueList_wrap .issue_list .issue_item { line-height:44px; }
	.section_issue .issue_wrap .issueList_wrap .issue_list .issue_item:hover { line-height:46px; }	
	.section_issue .issue_wrap .issueList_wrap .issue_list .issue_item p { font-size:1.5rem; letter-spacing:-0.05rem; }
	.call_wrap { bottom:auto; left:auto; top:auto; right:auto; width:100%; padding:3rem; position:relative; }
		
	
	/* 전국 사무소 안내 */
	.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; }

	/* 성공사례 배너 (20220224) */
	.section.section_success .succes_header { padding:1rem; }
	.section.section_success .succes_header .border_box { padding:2rem;  }
	.section.section_success .succes_header .border_box .suc_title { font-size:2.6rem; line-height:4.0rem; }
	.section.section_success .succes_header .border_box .suc_title_s { margin-top:1rem; }
	.section.section_success .succes_header .border_box .suc_title_s .text_1 { font-size:1.8rem; line-height:3rem; }
	.section.section_success .succes_header .border_box .suc_title_s .text_2 { font-size:1.5rem; line-height:2.4rem; }
	.section.section_success .success_list .success_item_box .success_item .left { width:100%; display:flex; text-align:left; }
	.section.section_success .success_list .success_item_box .success_item .center { width:100%; padding:2rem; }
	.section.section_success .success_list .success_item_box .success_item .right { width:100%; padding:2rem; }
	.section.section_success .success_list .success_item_box .success_item .left .left_tit { margin:0; margin-right:2rem; text-align:center; width:70px; height:86px; padding:2rem 1rem; font-size:1.8rem; }
	.section.section_success .success_list .success_item_box .success_item .left_text .tag { margin-top:1.5rem; }
	.section.section_success .success_list .success_item_box .success_item .important { font-size:1.8rem; }
	.section.section_success .success_list .success_item_box .success_item .important strong { font-size:2.4rem;}
	.section.section_success .success_list .success_item_box .success_item .important .star img { height:1.4rem; }
	.section.section_success .success_list .success_item_box .success_item .sns_text { font-size:1.6rem; margin-top:1.5rem;}
	.section.section_success .success_list .success_item_box .success_item .sns_logo { margin:1.5rem auto 0;}
	.section.section_success .success_list .success_item_box .success_item .detail_list li + li { margin-top:1rem; }
	.section.section_success .success_list .success_item_box .success_item .detail_list li { font-size:1.5rem; line-height:2rem; }
	.section.section_success .success_list .success_item_box .success_item .detail_list li:before { width:1.8rem; height:1.8rem; line-height:1.8rem; font-size:1.5rem; }

	/* 의뢰인후기 배너 (20220303) */
	.section.section_review .review_header { padding:1rem; }
	.section.section_review .review_header .border_box { padding:2rem; }
	.section.section_review .review_header .border_box .rev_title { font-size:2.6rem; line-height:4.0rem;  }
	.section.section_review .review_header .border_box .rev_title_s { font-size:1.5rem; }
	.section.section_review .review_list .review_item_box .review_item { flex-wrap:wrap; }
	.section.section_review .review_list .review_item_box .review_item .left { width:100%; padding:1.5rem; }
	.section.section_review .review_list .review_item_box .review_item .right {width:100%; padding:2rem; }
	.section.section_review .review_list .review_item_box .review_item .left .tag { margin-top:1rem; }
	.section.section_review .review_list .review_item_box .review_item .right .subject { font-size:1.8rem; }
	.section.section_review .review_list .review_item_box .review_item .right .detail { font-size:1.5rem; margin-top:1rem; }
	.section.section_review .review_list .review_item_box .review_item .right .writer { font-size:1.5rem; margin-top:2rem; }
	/*20220914*/
	.section.section_review .review_header.new { flex-wrap:wrap; padding:2rem; }
	.section.section_review .review_header.new .left { width:100%; }
	.section.section_review .review_header.new .right { width:100%; text-align:center; margin-top:30px; }
	.section.section_review .review_header.new .title { font-size:2.5rem; }
	.section.section_review .review_header.new .title small { font-size:1.6rem; margin-bottom:10px; }
	.section.section_review .review_header.new .linkBtn { margin-top:2.0rem; line-height:4.0rem; height:4.0rem; font-size:2.0rem;}
	.section.section_review .review_header.new .text-b { font-size:1.5rem; margin-top:1.0rem; }
	
}


/*비주얼 애니메이션 */
.main_movie_wrap { width:100%; height:45vw; max-height:800px; position:relative; overflow:hidden; font-family:'Noto Sans KR' ; }
.main_movie { width:100%; height:45vw; max-height:800px; position:relative; overflow:hidden; }
.main_movie .visual_bg { display:flex;align-items:center;justify-content:center; position:absolute; top:0px; left:0px; width:100%; height:43vw; max-height:800px; }
.main_movie .visual_bg img {width:100%;}
.main_movie .visual_bg img.for_pc { display:inline; }
.main_movie .visual_bg img.for_m { display:none; }
.main_movie .visual_bg img.for_s { display:none; }
.main_movie .text_ani_wrap { display:inline-block; width:92%; max-width:900px; position:absolute; top:40%; left:50%; text-align:center; transform:translateX(-50%);
position:relative; padding:40px 30px 50px; overflow:hidden; display:flex; flex-direction:column; }
.main_movie .text_ani_wrap .text_ani { color:rgba(255,255,255,0.8); opacity:0; width:100%; font-family:'Noto Serif KR', serif !important; font-weight:100; letter-spacing:-0.075em; line-height:1.1;  }
.main_movie .text_ani_wrap .text_ani_1 {  font-size:6.3rem; width:100%; }
.main_movie .text_ani_wrap .text_ani_2 {  font-size:6.3rem; width:100%; margin-top:15px; }
.main_movie .text_ani_wrap .text_ani strong { font-weight:700; letter-spacing:-0.075em; }
.main_movie .text_ani_wrap .text_ani img { vertical-align:top; }
.main_movie .text_ani_wrap .wline { position:absolute; background:#ccbf9c; z-index:50; display:block; }
.main_movie .text_ani_wrap .wline.wline_1 { width:100%; height:1px; top:0; left:-100%; }
.main_movie .text_ani_wrap .wline.wline_2 { width:1px; height:100%; top:0; right:0; top:-100%; }
.main_movie .text_ani_wrap .wline.wline_3 { width:100%; height:1px; bottom:0; right:0; right:-100%; }
.main_movie .text_ani_wrap .wline.wline_4 { width:1px; height:100%; bottom:0; left:0; bottom:-100%; }
.main_movie .vlogo_ani .vlogo_box {display:flex; justify-content:center; width:95%; max-width:1200px; position:absolute; top:35%; left:50%; text-align:center;
transform:translateX(-50%); flex-wrap:wrap; }
.main_movie .vlogo_ani .vlogo_box .vlogo img { opacity:0.9; }
.main_movie .vlogo_ani .vlogo_box > div { margin:0; }
.main_movie .vlogo_ani .vlogo_box .vlogo { color:#fff; opacity:0; width:20%; }
.main_movie .btm_text { width:100%; text-align:center; font-size:4.2rem; color:rgba(255,255,255,1); position:absolute; z-index:0; top:26%; left:0; opacity:0; font-weight:300; }
.main_movie .btm_text strong  { color:rgba(255,255,255,1); font-weight:500; }
/*.main_movie .bg_pttn { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url(../images/main/visual_pttn.png); background-color:rgba(0,0,0,0.60); }*/

@media (max-width: 1360px) {
	.main_movie .text_ani_wrap .text_ani_1 {  font-size:5.8rem; }
	.main_movie .text_ani_wrap .text_ani_2 {  font-size:5.8rem; }
	.main_movie .btm_text { font-size:3.8rem; }
}

@media (max-width: 1279px) {
	.main_movie_wrap { height:60vw; }
	.main_movie {height:60vw; }
	.main_movie .visual_bg { height:60vw; }
	.main_movie .visual_bg img.for_pc { display:none; }
	.main_movie .visual_bg img.for_m { display:inline; }
	.main_movie .visual_bg img.for_s { display:none; }
	.main_movie .text_ani_wrap { max-width:700px; padding:30px 20px;  }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:4.5rem;  }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:4.5rem;  }
	.main_movie .text_ani_wrap .text_ani img { width:22px; }
	.main_movie .vlogo_ani .logo_text { font-size:3.8rem; margin-top:18rem; }
	.main_movie .vlogo_ani .vlogo_box > div { margin:0; }
	.main_movie .vlogo_ani .vlogo_box .vlogo img { /*width:auto; height:100px;*/ }
	.main_movie .btm_text { font-size:3.0rem; }	
}

@media (max-width: 1080px) {
	.main_movie .vlogo_ani .vlogo_box { width:95%; max-width:800px; top:32%; }	
	.main_movie .vlogo_ani .vlogo_box img { max-width:75%; }
	.main_movie .btm_text { top:20%;  }	
}

@media (max-width: 767px) {
	.main_movie_wrap { height:120vw; }
	.main_movie {height:120vw; }
	.main_movie .visual_bg { height:120vw; }
	.main_movie .visual_bg img.for_pc { display:none; }
	.main_movie .visual_bg img.for_m { display:none; }
	.main_movie .visual_bg img.for_s { display:inline; }
	.main_movie .text_ani_wrap { padding:20px;  }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:3.0rem; }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:3.0rem; }
	.main_movie .text_ani_wrap .text_ani img { width:16px; }
	.main_movie .vlogo_ani .logo_text { font-size:2.3rem; margin-top:120px; }
	.main_movie .vlogo_ani .vlogo_box {max-width:500px; width:90%; }
	.main_movie .vlogo_ani .vlogo_box .vlogo img { }
	.main_movie .btm_text { font-size:2.0rem; }	
}

@media (max-width: 559px) {
	.main_movie .text_ani_wrap { top:35%; }
	.main_movie .text_ani_wrap .text_ani img { width:10px; }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:2.5rem; }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:2.5rem; }
	.main_movie .btm_text { top:23%; }
	.main_movie .vlogo_ani .vlogo_box .vlogo { width:25%;  }
}


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

 .section_counsel.new2024 { padding:50px 0; /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);*/ background:#f9f9f9; margin-top:10rem; }
 .section_counsel.new2024 .section_inner:before { display:none;}

.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_counsel.new2024 { margin-top:6rem; }

	.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; }
	.section_counsel.new2024 { margin-top:3rem; }
}

@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 { width:100%; padding-top:11rem; }
.sub_visual { background:url(../images/sub/sub_visual_1.jpg) center center no-repeat; background-size:cover;  }
.sub_visual.sub_01 { background:url(../images/sub/sub_visual_1.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_02 { background:url(../images/sub/sub_visual_2.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_03 { background:url(../images/sub/sub_visual_3.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_04 { background:url(../images/sub/sub_visual_4.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_05 { background:url(../images/sub/sub_visual_5.jpg) center center no-repeat; background-size:cover; }
.sub_visual .page_title_wrap { width:100%; max-width:1220px; padding:10rem 10px; text-align:center; margin:0 auto; }
.sub_visual .page_title_wrap .page_title { font-size:4.5rem; color:#fff; line-height:1; font-weight:100; }

.sub_container { width:100%; max-width:1240px; padding:12rem 20px 14rem; margin:0 auto; background:#fff; min-height:50vh; font-size:1.7rem; color:#111; line-height:3.2rem; position:relative;}

.snb_wrap { width:calc(100% - 20px); max-width:1220px; padding:0; text-align:center; margin:0 auto; background:#efefef; box-shadow:0 4px 8px rgba(0,0,0,0.3); position:absolute; top:0; left:10px; transform:translateY(-50%);  }
.snb_wrap ul { display:flex; width:100%; justify-content:space-between; }
.snb_wrap ul li { text-align:center; flex-grow:1; }
.snb_wrap ul li + li {  }
.snb_wrap ul li a { line-height:5.5rem; font-size:1.8rem; color:#111; display:block; font-weight:300; }
.snb_wrap ul li:hover a, 
.snb_wrap ul li.on a { background:#6e664e; color:#fff; }

.page_title2_wrap {}
.page_title2_wrap .page_title2 { font-size:5.0rem; color:#111; font-weight:500; text-align:center; position:relative; padding-bottom:5rem; line-height:1; }
.page_title2_wrap .page_title2:after { display:block; width:8rem; height:1px; background:#6e664e; margin:2rem auto 0; content:''; }
.page_title2_wrap.page_1 { display:none; }

strong.underline { font-weight:500; background:url(../images/sub/underline_1.gif)left bottom repeat-x; }

@keyframes titlebar {from {opacity:0; width:1px;} to {opacity:1; width:15rem;}}
@-webkit-keyframes titlebar {from {opacity:0; width:1px;} to {opacity:1; width:15rem;}}
@keyframes title {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes title {from {opacity:0;} to {opacity:1;}}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	.sub_visual { padding-top:8rem; }
	.sub_visual .page_title_wrap { padding:6rem 10px; }
	.sub_visual .page_title_wrap .page_title { font-size:4rem; }
	.snb_wrap ul li a { line-height:5rem; font-size:1.6rem; }
	
	.sub_container { padding:10rem 20px 12rem; font-size:1.7rem; line-height:3rem; }
	.page_title2_wrap .page_title2 { font-size:4.5rem; }	
	
	
}

@media all and (max-width: 960px) {
	
}
/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) { 
	.sub_visual { padding-top:0rem; }
	.sub_visual .page_title_wrap { padding:5rem 10px; }
	.sub_visual .page_title_wrap .page_title { font-size:3rem; }
	.snb_wrap ul li a { line-height:3.8rem; font-size:1.5rem; }
	
	.sub_container { padding:7rem 2rem 9rem; font-size:1.6rem; line-height:2.8rem; }
	.page_title2_wrap .page_title2 { font-size:4rem; }

}

@media all and (max-width: 540px) { 
	.sub_container { padding:6rem 2rem 7rem; }
	.page_title2_wrap .page_title2 { font-size:3.5rem; padding-bottom:4rem; }

}



/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////  업무분야  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.businessarea {}
.businessarea .section { margin-top:9rem; }
.businessarea .section.top { margin-top:0; }
.businessarea .section.top .top_img { width:100%; height:36rem; }
.businessarea .section.top .top_img.business_1 { background:url(../images/sub/sub4/sub4_1_img.jpg)center no-repeat; background-size:cover; }
.businessarea .section.top .top_img.business_2 { background:url(../images/sub/sub4/sub4_2_img.jpg)center no-repeat; background-size:cover; }
.businessarea .section.top .top_img.business_3 { background:url(../images/sub/sub4/sub4_3_img.jpg)center no-repeat; background-size:cover; }
.businessarea .section.top .top_img.business_4 { background:url(../images/sub/sub4/sub4_4_img.jpg)center no-repeat; background-size:cover; }
.businessarea .section.top .top_text { margin-top:5rem; font-size:1.9rem; }
.businessarea .section.top .top_text p+p { margin-top:2rem; }
.businessarea .section.box { padding:5rem; box-shadow:0 1px 10px rgba(0,0,0,0.3); }
.businessarea .section.box .box_tit { font-size:3rem; color:#6e664e; font-weight:500; border-left:1px solid #6e664e; padding-left:1rem; line-height:1; }
.businessarea .section.box .box_cnts { margin-top:3rem; }
.businessarea .section.box .box_cnts .first_text { font-size:2.0rem; color:#777; }
.businessarea .section.box .box_cnts p + p { margin-top:2rem; }
.business_dl { margin-top:2rem; }
.business_dl:first-child { margin-top:0rem; }
.business_dl .dl_tit { margin-bottom:0.5rem;}
.business_dl .dl_tit span { display:inline-block; color:#fff; background:#6e664e; padding:0 0.7rem; font-size:1.8rem; }


/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {
	.businessarea .section { margin-top:7rem; }	
	.businessarea .section.box { padding:4rem;}	
}

/* ================================== Mobile css ================================== */
@media (max-width: 767px) {	
	.businessarea .section { margin-top:6rem; }
	.businessarea .section.top .top_img { width:100%; height:26rem; }
	.businessarea .section.top .top_text { margin-top:3rem; font-size:1.7rem; }
	.businessarea .section.top .top_text p+p { margin-top:1.5rem; }
	.businessarea .section.box .box_tit { font-size:2.8rem; } 
	.businessarea .section.box .box_cnts .first_text { font-size:1.8rem; }
	.businessarea .section.box .box_cnts p + p { margin-top:1.5rem; }
	.business_dl .dl_tit span { font-size:1.7rem; }	
}

@media (max-width: 599px) {	
	.businessarea .section { margin-top:5rem; }
	.businessarea .section.top .top_img { width:100%; height:20rem; }
	.businessarea .section.top .top_text { margin-top:2.5rem; font-size:1.6rem; }
	.businessarea .section.box { padding:2.5rem;}
	.businessarea .section.box .box_tit { font-size:2.5rem; } 
	.businessarea .section.box .box_cnts .first_text { font-size:1.7rem; }
	.businessarea .section.box .box_cnts p + p { margin-top:1rem; }
	.business_dl .dl_tit span { font-size:1.6rem; }
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 변호사 목록  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/ 
.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; }
.lawyerDetail .name-con span {display:block; line-height:1.5;}
.lawyerDetail .name-con b { margin-top:5px; display:block; font-weight:300; }
.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:'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 .line {border-top:1px dashed #bbb; margin-top:30px; padding-top:30px;}
.lawyerDetail .profile .profile_tx .tit {display:block; color:#6e664e; padding-left:20px; border-left:1px solid #6e664e; margin-bottom:35px; font-size:3.8rem; line-height:1; }
.lawyerDetail .profile .profile_tx .prf_tx_list { padding-left:20px; }
.lawyerDetail .profile .profile_tx .prf_tx_list li { padding-left:12px; font-size:1.4rem;  position:relative; letter-spacing:-0.05em; line-height:2.5rem; font-weight:300; }
.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:13px; }
.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; }
}









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