@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'); /*한글폰트*/


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

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


/* 말줄임 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.5em; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line3-text-eps { display:block; line-height:1.5em; max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line4-text-eps { display:block; line-height:1.5em; max-height:6em; display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }

/* 폰트 */
.bold { font-weight:700 !important; }
.semiBold { font-weight:500 !important; }
.red { color:#ed1c24 !important; }
.black { color:#000 !important; }
.gold { color:#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 0.3s ease-out; height:9rem; z-index:90; }
.nav_wrapper:after { width:100%; height:2px; background: rgb(85, 83, 128); position:absolute; top:8.9rem; left:0; right:0; display:block; content:''; }
.nav_wrapper .inner { width:100%; max-width:1800px; margin:0 auto; position:relative; height:9rem; }
.nav_wrapper h1.logo { position:absolute; left:10px; top:50%; width:31.9rem; transform:translateY(-50%); z-index:20; }
.nav_wrapper h1.logo a { display:block; }
.nav_wrapper h1.logo a img { width:100%; }
.nav_wrapper h1.logo a img.off { display:inline; }
.nav_wrapper h1.logo a img.over { display:none; }
.nav_wrapper.no-scroll { top: 0; z-index: 9999; }
.nav_wrapper .tel_wrap { position:absolute; top:50%; right:10px; width:28rem; text-align:center; height:5.6rem; line-height:5.4rem; border-radius:2.8rem; border:1px solid #fff; transform:translateY(-50%); }
.nav_wrapper .tel_wrap .tel { color:#fff; font-size:1.6rem; line-height:5.6rem;  }
.nav_wrapper .tel_wrap .tel a { cursor:text; font-size:2.4rem; color:#fff; font-weight:500; letter-spacing:-0.05rem; margin-left:0.5rem; }
.nav_wrapper.scroll:after  { background:#ccc; }
.nav_wrapper .tel_wrap.new { height:6.8rem; line-height:2.6rem; border-radius:3.4rem; padding-top:0.5rem; width:30rem; }
.nav_wrapper .tel_wrap.new .tel {font-size:1.8rem; line-height:2.6rem;  }
.nav_wrapper .tel_wrap.new .tel a { font-size:2.8rem;}


#gnb_wrap.menu { position:relative; height:9rem; width:100%;  }
#gnb_wrap.menu:after { display:block; clear:both; content:''; }
#gnb_wrap.menu .gnb_menu { position:relative; text-align:center; z-index:10; }
#gnb_wrap.menu .gnb_menu .navi { display:inline-block;  }
#gnb_wrap.menu .gnb_menu .navi:after { display:block; clear:both; content:''; }
#gnb_wrap.menu .gnb_menu .navi > li { display:inline-block; position:relative; text-align:center; }
#gnb_wrap.menu .gnb_menu .navi > li > a { color:#fff; font-size:1.8rem; padding:0 3.5rem; line-height:9rem; font-weight:500; position:relative; display:block; width:100%; }
#gnb_wrap.menu .gnb_menu .navi > li > a:after { width:0; height:4px; background: #555380; opacity:0; content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s ease-out; }
#gnb_wrap.menu .gnb_menu .navi > li:hover > a:after,
#gnb_wrap.menu .gnb_menu .navi > li.hover > a:after,
#gnb_wrap.menu .gnb_menu .navi > li.current > a:after { width:100%; opacity:1; }
#gnb_wrap.menu .gnb_menu .navi .sub-menu { position:absolute; display:none; top:9rem; opacity:0; left:0; right:0; width:100%; text-align:center; padding-top:1rem; }
#gnb_wrap.menu .gnb_menu .navi .sub-menu li { display:block;}
#gnb_wrap.menu .gnb_menu .navi .sub-menu li a { display:block; width:100%; color:#333; font-size:1.7rem; font-weight:400; padding:0.8rem 0.5rem; line-height:1.3; letter-spacing:-0.1em; }
#gnb_wrap.menu .gnb_menu .navi .sub-menu li a:hover { font-weight:500; text-decoration:underline; }

.nav_wrapper.scroll,
.nav_wrapper.open { background:#fff; }
.nav_wrapper.hover { background:#fff; height:38rem; box-shadow:0 10px 15px rgba(0,0,0,0.3); }
.nav_wrapper.hover #gnb_wrap.menu { height:33rem; }
.nav_wrapper.scroll h1.logo a img.off,
.nav_wrapper.hover h1.logo a img.off,
.nav_wrapper.open h1.logo a img.off { display:none; }
.nav_wrapper.scroll h1.logo a img.over,
.nav_wrapper.hover h1.logo a img.over,
.nav_wrapper.open h1.logo a img.over { display:inline; }
.nav_wrapper.scroll #gnb_wrap.menu .gnb_menu .navi > li > a,
.nav_wrapper.hover #gnb_wrap.menu .gnb_menu .navi > li > a { color:#111; }
.nav_wrapper.hover:after { background:#ccc; height:1px; }
.nav_wrapper.hover #gnb_wrap.menu .gnb_menu .navi .sub-menu { display:block; opacity:1; }
.nav_wrapper.scroll .tel_wrap,
.nav_wrapper.hover .tel_wrap {  border:1px solid #555380; background:#555380; }

.m_top_banner { display:none; }
.spinner-master { display:none; }
#menu.menu { display:none; }

/* footer */
.footer .left .copyright_wrap .office_list li + li { margin-top: 0.7rem;}
.footer { letter-spacing:0; color:#fff; background:#1a1b1b; 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:500; color:#555380; }
.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: #555380; }
.footer .right .officeinfo_wrap .office_list li { position:relative; padding-left:0.8rem; color:rgba(255,255,255,0.6); }
.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; }

/* 개인정보정책 팝업 */
#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;}

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


@media all and (max-width: 1440px) { 
	/* header */
	.nav_wrapper h1.logo { width:26rem; }
	#gnb_wrap.menu .gnb_menu .navi > li > a { font-size:1.8rem; padding: 0 3rem; }
	.nav_wrapper .tel_wrap { width:16.5rem; padding-top:0.2rem; }
	.nav_wrapper .tel_wrap .tel { line-height:2.6rem; }
	#gnb_wrap.menu .gnb_menu { text-align:right; padding-right:18rem; }
	#gnb_wrap.menu .gnb_menu .navi .sub-menu li a { padding:0.5rem 0.5rem; }
	
	#gnb_wrap.menu .gnb_menu.new {  padding-right:25rem; }
	.nav_wrapper .tel_wrap.new { width:25rem; }
	.nav_wrapper .tel_wrap.new .tel {font-size:1.6rem; }
	.nav_wrapper .tel_wrap.new .tel a { font-size:2.6rem;}
}


/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {
	/* header */
	.nav_wrapper h1.logo { width:24rem; }
	#gnb_wrap.menu .gnb_menu .navi > li > a { font-size:1.7rem; padding:0 2rem; } 
	#gnb_wrap.menu .gnb_menu { padding-right:18rem; }
	.nav_wrapper .tel_wrap.new { height:6rem; }
	.nav_wrapper .tel_wrap.new .tel {font-size:1.5rem; line-height:2.4rem; padding-top:0rem; }
	.nav_wrapper .tel_wrap.new .tel a { font-size:2.5rem;}
}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	/* header */
	.nav_wrapper {  /*background:#fff;*/ }
	.nav_wrapper:after { top:9.9rem; /*display:none;*/ } 
	#gnb_wrap.menu { display:none; }
	/*.nav_wrapper h1.logo a img.off { display:none !important; }
	.nav_wrapper h1.logo a img.over { display:block !important; }*/
	.nav_wrapper.hover .tel_wrap,
	.nav_wrapper.scroll .tel_wrap,
	.nav_wrapper.open .tel_wrap {  border:1px solid #555380; background:#fff; }
	.nav_wrapper.hover .tel_wrap .tel,
	.nav_wrapper.hover .tel_wrap .tel a,
	.nav_wrapper.scroll .tel_wrap .tel,
	.nav_wrapper.scroll .tel_wrap .tel a,
	.nav_wrapper.open .tel_wrap .tel,
	.nav_wrapper.open .tel_wrap .tel a{ color:#555380; }
	.nav_wrapper.hover { height:7.6rem; }
	
	.nav_wrapper h1.logo { width:30rem; }
	.nav_wrapper { height:7.6rem; }
	.nav_wrapper .inner { height:7.6rem; }
	.nav_wrapper:after { top:7.5rem; }
	.nav_wrapper .tel_wrap { right:9rem; }
	.nav_wrapper .tel_wrap { width:17rem; }
	
	.spinner-master { width:7.6rem; height:7.6rem; /*background:#272727;*/ 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.scroll .spinner-master .spinner,
	.nav_wrapper.hover .spinner-master .spinner { background-color:#272727; }
	.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.7rem;	background-color:#272727; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg);  -webkit-transform:rotate(-135deg);  margin-top:-1.4rem; background-color:#272727; } 		

	#menu.menu { display:block; position:fixed; height:100%;	right:0; top:7.6rem; visibility:hidden; 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:url(../images/main/sc_mobile.gif)center center no-repeat; background-size:cover;
	}
	#menu.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;
	-webkit-overflow-scrolling: touch;
	} 
	
	#menu.menu .gnb_menu { float:none; margin:0; display:block; width:100%; padding-right:0; }
	#menu.menu .gnb_menu .navi { width:100%; }
	#menu.menu .gnb_menu .navi li { display:block; float:none; width:100%; border-bottom:1px solid #b8ab9d;  }
	#menu.menu .gnb_menu .navi > li > a { padding:1.37rem; line-height:2.69rem; width:100%; display:block; text-align:center; color: #a9a6e1; font-size:1.6rem; font-weight:500; position:relative; }
	#menu.menu .gnb_menu .navi > li > a:after { display:none !important; }
	#menu.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; top:50%; transform:translateY(-50%); display:block !important; content:'';  }
	#menu.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.menu .gnb_menu .navi > li > a:before { display:none; }
	#menu.menu .gnb_menu .navi li .sub-menu { position:relative; top:0; background: #373431; display:none; }
	#menu.menu .gnb_menu .navi li .sub-menu.active { display:block; height:auto; }
	#menu.menu .gnb_menu .navi li .sub-menu li a { padding:1.6rem; padding-left:2rem; text-align:center; color:#fff; display:block; width:100%; }
	#menu.menu .gnb_menu .navi li .sub-menu li { border-color:rgba(255,255,255,0.2); }

}


@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:7rem; padding-top:1rem; }
	.nav_wrapper:after { top:7rem; }
	.sub_header.nav_wrapper:after { top:6rem; }
	.nav_wrapper.scroll,
	.nav_wrapper.open { top:-1rem; }
	.sub_header.nav_wrapper.open { top:0; }
	.nav_wrapper .inner { height:6rem; position:relative; }	
	.nav_wrapper h1.logo { width:20rem; }
	.nav_wrapper .tel_wrap { right:6rem; width:6rem; height:6rem; background-color:transparent; border:0; border-radius:0; padding-top:0; }
	.nav_wrapper.hover .tel_wrap,
	.nav_wrapper.scroll .tel_wrap,
	.nav_wrapper.open .tel_wrap {  border:0; border-radius:0;  } 	
	.nav_wrapper .tel_wrap .tel { line-height:0; font-size:0; width:6rem; height:6rem; }
	.nav_wrapper .tel_wrap .tel span { display:none; }
	.nav_wrapper .tel_wrap .tel a { line-height:0; font-size:0; display:block; width:6rem; height:6rem; background:url(../images/common/tel_icon_w.png)center center no-repeat; background-size:70%; }
	.nav_wrapper .tel_wrap.new {  right:6rem; width:6rem; height:6rem; background-color:transparent; border:0; border-radius:0; padding-top:0; }
	.nav_wrapper .tel_wrap.new .tel { line-height:0; font-size:0; width:6rem; height:6rem; }
	.nav_wrapper .tel_wrap.new .tel span { display:none; }
	.nav_wrapper .tel_wrap.new .tel a { line-height:0; font-size:0; display:block; width:6rem; height:6rem; background:url(../images/common/tel_icon_w.png)center center no-repeat; background-size:70%; }

	.nav_wrapper.hover .tel_wrap .tel a,
	.nav_wrapper.scroll .tel_wrap .tel a,
	.nav_wrapper.open .tel_wrap .tel a { background:url(../images/common/tel_icon.png)center center no-repeat;  background-size:70%; }
	.spinner-master { width:6rem; height:6rem; }
	.spinner-master label { padding:0.9rem 1.2rem; }
	.spinner-master .spinner { height:2px; }
	#menu.menu { top:6rem; }

	
	.m_top_banner { display:block; width:100%; margin-top:0;  transition:all 0.1s ; position:absolute; top:0;}
	.m_top_banner ul { display:flex; justify-content:space-between; }
	.m_top_banner ul li { width:auto; flex-grow:1;  }
	.m_top_banner ul li a { display:block; text-align:center; color:#fff; background:#555380; line-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:1.3rem; display:none; }

	.nav_wrapper.sub_header .m_top_banner { display:none; }
	.nav_wrapper.sub_header {  height:6rem; padding-top:0rem; }
	.nav_wrapper.sub_header.scroll { top:-0.5rem; }
	.nav_wrapper.sub_header #menu.menu { top:6rem; }
	
	/* footer */
	.footer { padding-bottom:6rem; }
	
	/* 모바일 하단 고정 메뉴 */
	.nav_wrapper .m_footer_fixmenu { display:block; position:fixed; bottom:-5rem; left:0; right:0; width:100%; background:#555380; height:5rem; transition:all 0.3s; }
	.nav_wrapper.scroll .m_footer_fixmenu { bottom:0; }
	.m_footer_fixmenu ul:after { display:block; clear:both; content:''; }
	.m_footer_fixmenu ul li { display:block; width:33.3333%; float:left; height:5rem; }
	.m_footer_fixmenu ul li + li { border-left:1px solid rgba(255,255,255,0.2); }
	.m_footer_fixmenu ul li a { display:block; width:100%; color:#fff; font-size:1.4rem; text-align:center; line-height:5rem; }
	.m_footer_fixmenu ul li a img { vertical-align:middle; margin-right:0.5rem;}
	
	/* scorll-top */
	.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); }
	.scroll-top.is-showing { bottom:9rem; opacity:1; }

	/*개인정보정책 팝업*/
	.popup h2 {font-size:20px; line-height:30px; }
	.popup .popup-con .scroll { max-height:60vh; }

}




@charset "utf-8";

/* 메인페이지 공통 */
.section { width:100%; }
.section .section_inner { width:100%; max-width:1240px; padding:0 20px; margin:0 auto; position:relative; }
.section .section_title { font-size:5.0rem; color:#131415; font-weight:200; line-height:1.2; text-align:center; margin-bottom:3rem; position:relative; letter-spacing:-0.05em; }
.section .section_title strong { font-weight:500; }
.section .section_title p { font-size:2.0rem; }
.section .section_title.black { color:#111; }
.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); }

.section .section_titles_1 { font-size:5.0rem; color:#131415; font-weight:200; line-height:1.2; text-align:center; margin-bottom:3rem; position:relative; letter-spacing:-0.05em; }
.section .section_titles_1 strong { font-weight:500; }
.section .section_titles_1 p { font-size:2.0rem; }
.section .section_titles_1.black { color:#111; }
.section .section_titles_1.white { color:#fff; }
.section .section_titles_1.white p { color:rgba(255,255,255,0.5); }
.section .section_titles_1.bar p:before { display:block; width:10rem; height:1px; background:rgba(255,255,255,0.5); content:''; margin:2rem auto; }
.section .section_titles_1.black.bar p:before { background:rgba(0,0,0,0.5); }


.section .section_titles { font-size:5.0rem; color:#131415; font-weight:200; line-height:1.2; text-align:center; margin-bottom:3rem; position:relative; letter-spacing:-0.05em; }
.section .section_titles strong { font-weight:500; }
.section .section_titles p { font-size:2.0rem; }
.section .section_titles.black { color:#111; }
.section .section_titles.white { color:#fff; }
.section .section_titles.white p { color:rgba(255,255,255,0.5); }
.section .section_titles.bar p:before { display:block; width:10rem; height:1px; background:rgba(255,255,255,0.5); content:''; margin:2rem auto; }
.section .section_titles.black.bar p:before { background:rgba(0,0,0,0.5); }



/* main visual */
.main_visual_wrap { width:100%; position:relative; }
.main_visual_wrap .main_visual { width:100%; height:840px; text-align:center; position:relative; overflow:hidden; }
.main_visual_wrap .main_visual .visual_bg { background:url(../images/main/main.jpg)center bottom no-repeat; background-size:cover; width:100%; height:920px; position:relative; }
.main_visual_wrap .main_visual .visual_text { font-size:3.5rem; color:#fff; font-weight:100; line-height:1.2; position:absolute; top:26%; left:50%; transform:translateX(-50%); width:100%; padding:0 10px; }
.main_visual_wrap .main_visual .visual_text strong { font-weight:500;  }
.main_visual_wrap .main_visual .visual_text .text_1 { font-size:5.5rem; line-height:1; }
.main_visual_wrap .main_visual .visual_text .text_2 { margin-top:3rem; }
.main_visual_wrap .main_visual .visual_text .text_2 span { display:block; }

@media screen and (max-width: 1080px) {
	.main_visual_wrap .main_visual .visual_bg {
		background:url(../images/main/main.jpg)center bottom no-repeat; background-size:cover; width:100%; height:920px; position:relative;

	}
}

@media screen and (max-width: 590px) {
	.main_visual_wrap .main_visual .visual_bg {
		background:url(../images/main/main.jpg)center bottom no-repeat;
		background-size:cover;
		width:100%;
		height:920px;
		position:relative;
		top: -70px;
	}
}
@media screen and (max-width: 580px) {
	.main_visual_wrap .main_visual .visual_bg {
		background:url(../images/main/main.jpg)center bottom no-repeat;
		background-size:cover;
		width:100%;
		height:920px;
		position:relative;
		top: -70px;
	}
}

@media screen and (max-width: 560px) {
	.main_visual_wrap .main_visual .visual_bg {
		background:url(../images/main/main.jpg)center bottom no-repeat;
		background-size:cover;
		width:100%;
		height:920px;
		position:relative;
		top: -70px;
	}
}

.visual_bg { }
.visual_bg.active { -webkit-animation:visualBg 4s linear forwards; animation:visualBg 4s linear forwards;}
@keyframes visualBg {
	0%{
		opacity:0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	20% {
		opacity:1;
	}
	100%{
		opacity:1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes visualBg {
	0%{
		opacity:0;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	20% {
		opacity:1;
	}
	100% {
		opacity:1;
		-webkit-transform: scale(1.1, 1.1) ;
		transform: scale(1, 1);
	}
}

/* 퀵메뉴 */
.quick_wrap { z-index:50; position:absolute; bottom:0; width:100%; left:0; right:0; }
.quick_wrap .quick_list { width:100%; max-width:1600px; margin:0 auto; display:flex; justify-content:space-between; z-index:50; padding:0 10px; flex-flow:wrap; }
.quick_wrap .quick_list .quick_link { width:11.1%; color:#fff; z-index:50; }
.quick_wrap .quick_list .quick_link a { display:block; text-align:right; padding:4rem 0 7rem; position:relative; }
.quick_wrap .quick_list .quick_link a .text { color:#fff; text-align:right; font-size:1.7rem; line-height:1.2;  margin-top:1.5rem; padding-top:1.5rem; }
.quick_wrap .quick_list .quick_link a .text span { transform:translateX(0); transition:all 0.2s ease-out; }
.quick_wrap .quick_list .quick_link.link_01 a .text { transform: translateX(4px);}
.quick_wrap .quick_list .quick_link.link_04 a .text { transform: translateX(13px);}
.quick_wrap .quick_list .quick_link.link_03 a .text { transform: translateX(-6px);}
.quick_wrap .quick_list .quick_link.link_06 a .text { transform: translateX(-5px);}
.quick_wrap .quick_list .quick_link.link_07 a .text { transform: translateX(15px);}
.quick_wrap .quick_list .quick_link a .icon { display:inline-block; width:4.7rem; height:4.9rem; background:url(../images/main/q_menu_icon.png)no-repeat; background-size:900%; transform:translateX(0);transition:all 0.2s ease-out; transform: scale(1.5);}
.quick_wrap .quick_list .quick_link.link_01 a .icon { background-position:0 0; }
.quick_wrap .quick_list .quick_link.link_02 a .icon { background-position:12.5% 0;}
.quick_wrap .quick_list .quick_link.link_03 a .icon { background-position:25.7% 0;}
.quick_wrap .quick_list .quick_link.link_04 a .icon { background-position:38.5% 0;}
.quick_wrap .quick_list .quick_link.link_05 a .icon { background-position:51.6% 0;}
.quick_wrap .quick_list .quick_link.link_06 a .icon { background-position:64.7% 0;}
.quick_wrap .quick_list .quick_link.link_07 a .icon { background-position:77.5% 0;}
.quick_wrap .quick_list .quick_link.link_08 a .icon { background-position:91% 0;}
.quick_wrap .quick_list .quick_link a .more { display:block; width:23px; height:23px;  background-size:23px; opacity:0; transition:all .3s ease-out; position:absolute; top:1.5rem; left:1.5rem; }
.quick_wrap .quick_list .quick_link a:hover .more { opacity:1; }
.quick_wrap .quick_list .quick_link a:before { content:''; display:block; width:100%; height:100%; opacity:0;  position:absolute; bottom:0; left:0; right:0; transition:all 0.2s ease-out;}
.quick_wrap .quick_list .quick_link a:hover:before { height:100%; z-index:-1; opacity:1; }
.quick_wrap .quick_list .quick_link a:hover .text span { transform:translateX(-10px);transform: scale(2.0); }
.quick_wrap .quick_list .quick_link a:hover .icon { transform:translateX(-10px); transform: scale(2.0);}




/* 실제후기 */
.section.section_news { padding:12.5rem 0 5rem; width:100%; position:relative; }
.section.section_news:before { width:100%; height:40rem; content:''; display:block; background:#e6e6e6; position:absolute; top:0; left:0; riehgt:0; z-index:-1; }
.section.section_news .newsBox_wrap { width:100%; max-width:1600px; margin:0 auto; background:#fff; display:flex; justify-content:space-between; flex-flow:wrap; }
.section.section_news .newsBox_wrap .newsBox { width:50%; padding:5rem; }
.newsBox .newsTit { position:relative; line-height:5rem; margin-bottom:2rem; }
.newsBox .newsTit:before {width:calc(100% - 6rem); height:1px; background:#111; content:''; display:block; position:absolute; left:0; top:50%; z-index:1; }
.newsBox .newsTit span { display:inline-block; background:#fff; padding-right:1rem; color:#111; font-size:3rem; font-weight:500; z-index:2; position:relative; }
.newsBox .newsTit .more { position:absolute; top:0; right:0; width:5rem; height:5rem; background:url(../images/common/news_more.png)center center no-repeat; background-size:100%; background-color:#555380; }
.newsList .newsItem .view_btn { width:5rem; height:5rem; background:url(../images/common/news_view.png)center center no-repeat; background-size:100%; background-color:#a6a7a7; }
.newsList .newsItem:hover .view_btn { background-color:#333; }
.newsList .newsItem .subject { 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;}
.newsList.block_type { display:flex; display:flex; justify-content:space-between; flex-flow:wrap; }
.newsList.block_type .newsItem { width:calc(50% - 1rem); background:#fff; border:1px solid #efefef; padding:2.5rem 2.5rem 7rem 2.5rem;  box-shadow:0 5px 7px rgba(0,0,0,0.3); position:relative; transition:all 0.3s;  }
.newsList.block_type .newsItem:hover { box-shadow:0 8px 15px rgba(0,0,0,0.7); }
.newsList.block_type .newsItem strong.subject { font-size:2rem; color:#111; font-weight:400; }
.newsList.block_type .newsItem .cnts { font-size:1.6rem; color:#555; line-height:1.6em; max-height:6.4em; display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; margin-top:2rem; }
.newsList.block_type .newsItem .view_btn {  position:absolute; bottom:0px; right:0px; }
.newsList.list_type .newsItem  { padding:1.5rem 7rem 1.5rem 0; position:relative; min-height:8rem; }
.newsList.list_type .newsItem + .newsItem { border-top:1px solid #ccc; }
.newsList.list_type .newsItem .subject { font-size:1.9rem; color:#111; font-weight:400; }
.newsList.list_type .newsItem .view_btn { position:absolute; top:50%; right:0; transform:translateY(-50%); }

/* 칼럼부분 */
.section.section_news_1 {width:100%; position:relative; /*background:#e6e6e6;*/ padding:10rem 0; }
.section.section_news_1 .newsBox_1 { width:100%; max-width:1600px; margin:0 auto; background:transparent; display:block; padding:0 4rem; }
.newsList.block_type.insight { justify-content:left; }
.newsList.block_type.insight .newsItem {  width:calc(50% - 2rem); margin:1rem; }
.newsList.block_type.insight .newsItem a { display:block; }
.newsList.block_type.insight .newsItem .subject { font-size:2.2rem; font-weight:500; height:3em; }
.newsList.block_type.insight .newsItem .cat { color:#555380; font-size:1.6rem; display:inline-block; margin-bottom:1rem; line-height:1.5; border-bottom:1px solid #555380; }
.newsList.block_type.insight .newsItem .cnts { line-height:1.6em; max-height:4.8em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; 
word-wrap:break-word; word-break:keep-all; margin-top:2rem; }
.newsList.block_type.insight .newsItem .date { margin-top:2rem; }
.newsList.block_type.insight .newsItem:hover .view_btn { background-color:#555380; }
.section.section_news_1 .newsListMore {margin-top:5rem; text-align:center; }
.section.section_news_1 .newsListMore .newsListMoreBtn { padding:0 3rem; line-height:5rem; font-size:1.8rem; color:#fff; background:#555380; }

/* 오시는길! */


.section.section_agency {background-size:cover;padding:10rem 0;background-color: currentColor;height: 100vh; position: relative; margin-top: -50px;}
.office_tab_wrap {margin-top:4rem;color: #111010;position:relative;padding-left: 0rem;}
.office_tab_wrap:after { display:block; clear:both; content:'';}
.office_tab_wrap .office_tabs {width:10rem;position: relative;display: flex;top: 31%;left: 19%;}
.office_tab_wrap .office_tabs .tabs {display: flex;width: 6rem;left: 0px; position: relative; top: -36px;}
.office_tab_wrap .office_tabs .tabs li {margin: 69px 3px;ne-height: 5rem;wiwidth: auto;align:center;display: flow;font-size:1.7rem;color:#fff;border: 1px solid rgba(255,255,255,0.4);cursor:pointer;display: flex;padding: 24px 80px;border-radius: 6px;}
.office_tab_wrap .office_tabs .tabs li.on { background:#555380; color:#fff; }
.office_tab_wrap .office_info { display:flex; justify-content:center; }
.office_tab_wrap .office_info .map_div {width: 779px;height: 0vh;}
.office_tab_wrap .office_info .map_div .load_map {width: 100%;height: 500px;overflow: hidden;margin-top: -20rem;visibility: visible;margin-left: 2rem;}
.office_tab_wrap .office_info .loca_info {
}
.office_tab_wrap .office_info .loca_info h1 {font-size:2.5rem;font-weight: 500;line-height: 2.6rem;position:relative;padding-bottom: 1rem;margin-bottom: 1.5rem;top: 365px;width: 100%;}
.office_tab_wrap .office_info .loca_info h1:before {display:block;width:40px;height:1px;background: #151414;content:'';position:absolute;bottom: -315px;left:0;}
.office_tab_wrap .office_info .loca_info .address_wrap {position: relative;top: 443px;background: #222328;color: #fff;visibility: visible;padding: 4rem;text-align: center;transform: translateX(21px);background-size: cover;border-inline-width: 7px;border-radius: 12px; bottom: 15px;}
.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;}



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





/* 사무실 슬라이드  */
.section.section_office { background:#fff; margin:-4rem 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: 1600px) {
	/* 실제후기 */
	.section.section_news .newsBox_wrap { padding:4rem 4rem 0 4rem; width:calc(100% - 2rem); }
	.section.section_news .newsBox_wrap .newsBox { width:calc(50% - 2rem); padding:0rem; }
		
}

@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%); }	
}



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

}

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


	.media_list .media_item .media_thumb {  } 
	
}






/* ================================== 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_wrap {
	}

	.main_visual_wrap .main_visual {
		height: 100vh;
	}

	.main_visual_wrap .main_visual .visual_bg {
		height: 100vh;
	}

	.main_visual_wrap .main_visual .visual_text {
		font-size: 3.2rem;
	}

	.main_visual_wrap .main_visual .visual_text .text_1 {
		font-size: 5rem;
	}

	.main_visual_wrap .main_visual .visual_text .text_2 {
		margin-top: 2rem;
	}

	/* 칼럼부분 */
	.section.section_news_1 {
		padding: 7rem 0;
	}

	.section.section_news_1 .newsBox_1 {
		padding: 0 1rem;
	}

	/* 퀵메뉴 */
	.quick_wrap .quick_list {
		padding: 0 20px;

	}

	.quick_wrap {
		z-index: 50;
		position: absolute;
		bottom: 33px;
		width: 100%;
		left: -55px;
		right: 0;
	}

	.quick_wrap .quick_list .quick_link {
		width: 22%;
		color: #fff;
		z-index: 50;
	}

	.quick_wrap .quick_list .quick_link a {
		padding: 2rem 0;
	}

	.quick_wrap .quick_list .quick_link a .text {
		font-size: 1.6rem;
	}

	/* 사무실 슬라이드 */
	.section.section_office {
		margin: -1rem 0;
	}

	.section.section_office .section_title {
		font-size: 3rem;
	}



}


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

	/* 전국사무소 */
	.section.section_agency {
		padding: 8rem 0;
		position: relative;
		top: 0;
	}

	.office_tab_wrap {
		margin-top: 4rem;
		padding-left: 0;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 28px;
		left: 231px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_tabs .tabs {
		width: auto;
		float: none;
		display: flex;
		text-align: center;
		position: relative;
		left: -25px;
	}

	.office_tab_wrap .office_tabs .tabs:after {
		display: block;
		clear: both;
		content: '';
	}

	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 20px 83px;
		border-radius: 6px;
		padding-left: 77px;
		position: relative;
	}
	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 543px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: -1px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 100%;
		height: 500px;
		overflow: hidden;
		margin-top: -10rem;
		visibility: visible;
		margin-left: 2rem;
	}
}

@media screen and (min-width:1200px) and (max-width: 1236px) {

	/* 전국사무소 */
	.section.section_agency {
		padding: 8rem 0;
		position: relative;
		top: 0;
	}

	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		left: 26px;
	}

	.office_tab_wrap {
		margin-top: 4rem;
		padding-left: 0;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;;
		position: relative;
		top: 27px;
		left: 231px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_tabs .tabs {
		width: auto;
		float: none;
		display: flex;
		text-align: center;
		position: relative;
		left: -25px;
	}

	.office_tab_wrap .office_tabs .tabs:after {
		display: block;
		clear: both;
		content: '';
	}

	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 20px 83px;
		border-radius: 6px;
		padding-left: 77px;
		position: relative;
	}
	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 492px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: -1px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 100%;
		height: 450px;
		overflow: hidden;
		margin-top: -10rem;
		visibility: visible;
		margin-left: 2rem;
	}
	
}

@media screen and (max-width: 1114px) {


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 28px;
		left: 176px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}



}

@media screen and (min-width: 1169px) and (max-width: 1199px) {


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 27px;
		left: 200px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

}

@media screen and (min-width: 1138px) and (max-width: 1168px) {

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 27px;
		left: 180px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

}

@media screen and (min-width: 1038px) and (max-width: 1068px) {

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 27px;
		left: 168px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

}

@media screen and (min-width: 1115px) and (max-width: 1147px) {

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 27px;
		left: 169px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

}

@media screen and (min-width: 1000px) and (max-width: 1030px) {

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 44px;
		left: 142px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 100%;
		height: 450px;
		overflow: hidden;
		margin-top: -7rem;
		visibility: visible;
		margin-left: 2rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 522px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: -1px;
	}


}
@media screen and (min-width: 969px) and (max-width: 999px) {

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 27px;
		left: 126px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 100%;
		height: 450px;
		overflow: hidden;
		margin-top: -9rem;
		visibility: visible;
		margin-left: 1rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 502px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: -11px;
	}

}

@media screen and (min-width: 965px) and (max-width: 966px){


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 28px;
		left: 116px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}


}

@media screen and (min-width: 970px) and (max-width: 980px)
.office_tab_wrap .office_tabs {
	width: 100%;
	position: relative;
	top: 27px;
	left: 111px;
	right: 0;
	text-align: center;
	margin-bottom: 0;
}

@media screen and (min-width: 961px) and (max-width: 967px)
.office_tab_wrap .office_tabs {
	width: 100%;
	position: relative;
	top: 27px;
	left: 111px;
	right: 0;
	text-align: center;
	margin-bottom: 0;
}

@media screen and (min-width: 1080px) and (max-width:1112px)   {
	/* 전국사무소 */
	.section.section_agency {
		padding: 8rem 0;
		position: relative;
		top: 0;
	}

	.office_tab_wrap {
		margin-top: 4rem;
		padding-left: 0;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 37px;
		left: 166px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_tabs .tabs {
		width: auto;
		float: none;
		display: flex;
		text-align: center;
		position: relative;
		left: -25px;
	}

	.office_tab_wrap .office_tabs .tabs:after {
		display: block;
		clear: both;
		content: '';
	}

	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 20px 83px;
		border-radius: 6px;
		padding-left: 77px;
		position: relative;
	}
	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 525px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: -12px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 100%;
		height: 450px;
		overflow: hidden;
		margin-top: -7rem;
		visibility: visible;
		margin-left: 1rem;
	}
}




@media all and (max-width: 960px) {
	/* 실제후기 */
	.section.section_news .newsBox_wrap {   }
	.section.section_news .newsBox_wrap .newsBox { width:100%; padding:0rem; }
	.section.section_news .newsBox_wrap .newsBox + .newsBox { margin-top:4rem; }
	
	
	/* 전국사무소 안내 */
	.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 { display:block; }
	.office_tab_wrap .office_info .loca_info { margin-top:1.5em;}
	.office_tab_wrap .office_info .loca_info h1 {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:#375d59; color:#fff; text-align:center; font-size:1.4rem;}	

	.office_tab_wrap .office_info .position_new {width:60%; margin:0 auto;  }
	
}






@media screen and (min-width: 937px) and (max-width: 960px) {


	.section .section_titles {
		font-size: 4.0rem;
		margin-bottom: 5.5rem;
		top: -291px;
	}


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: -266px;
		left: 311px;
		right: 0;
		transform: translateY(0);
		text-align: center;
		margin-bottom: 0rem;
	}

	.office_tab_wrap .office_tabs .tabs {
		width: auto;
		float: none;
		display: flex;
		text-align: center;
		position: relative;
		left: -25px;
	}

	.office_tab_wrap .office_tabs .tabs li {
		margin: 0 4px;
		width: auto;
		display: flex;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		padding: 15px 81px;
		border-radius: 6px;
		position: relative;
		right: 0rem;
		left: -219px;
	}

	.office_tab_wrap .office_info {
		margin-top: 1.5rem;
		display: block;
	}



	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 21rem;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 4.5rem;
		width: 87%;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap .address {
		font-size: 1.9rem;
		font-weight: 300;
		line-height: 3.0rem;
		margin-top: 1rem;
	}


	.office_tab_wrap .office_info .map_div .load_map {
		width: 87%;
		height: 450px;
		overflow: hidden;
		border: 4px solid rgba(0, 0, 0, 0.3);
		display: block;
		position: relative;
		left: -12px;
		top: -32rem;
		margin-left: 8rem;
	}

	.section.section_agency {
		background: url(main.css.php) center center;
		background-size: cover;
		padding: 38rem 0;
		background-color: currentColor;
		height: 100vh;

	}




}

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

	.section.section_agency {
		background-size: cover;
		padding: 8rem 0;
		background-color: currentColor;
		height: 100vh;
		position: relative;
		margin-top: -123px;
	}

}

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



	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -17px;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 72px;
		left: 24%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_info {
		margin-top: 6.5rem;
		display: block;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 70%;
		height: 350px;
		overflow: hidden;
		margin-top: -30rem;
		visibility: visible;
		margin-left: 14rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 424px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 111px;
		width: 70%;
	}

	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 33px;
		padding-right: 38px;


	}
}

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


	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 33px;
		padding-right: 38px;


	}

	.section.section_agency {
		background-size: cover;
		padding: 8rem 0;
		background-color: currentColor;
		height: 100vh;
		position: relative;
		margin-top: -99px;
	}

	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -25px;
		left: 5px;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 530px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 113px;
		width: 65%;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 65%;
		height: 450px;
		overflow: hidden;
		margin-top: -6rem;
		visibility: visible;
		margin-left: 15rem;
	}



}

@media screen and (min-width: 767px) and (max-width: 767px) {
	.office_tab_wrap .office_info .map_div .load_map {
		width: 70%;
		height: 350px;
		overflow: hidden;
		margin-top: -9rem;
		visibility: visible;
		margin-left: 14rem;
	}
}

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


	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 33px;
		padding-right: 38px;
	}

}

@media screen and (min-width: 768px) and (max-width: 936px) {



	.section .section_titles {

		left:17px;
	}


	.office_tab_wrap .office_tabs .tabs {
		width: auto;
		float: none;
		display: flex;
		text-align: center;
		position: relative;
		left: -101px;
		top: 0px;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: -21px;
		left: 29%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 33px;
		padding-right: 38px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 70%;
		height: 450px;
		overflow: hidden;
		margin-top: -12rem;
		visibility: visible;
		margin-left: 14rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 480px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 111px;
		width: 70%;
	}


}

@media screen and (min-width: 636px) and (max-width: 899px) {


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 27px;
		left: 39%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

}

@media screen and (min-width: 906px) and (max-width: 936px) {

	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: 20px;
		top: 1rem;
	}



	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 517px;
		width: 87%;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 39px;
	}


	.office_tab_wrap .office_info .map_div .load_map {
		width: 87%;
		height: 450px;
		overflow: hidden;
		margin-top: -7rem;
		visibility: visible;
		margin-left: 6.5rem;
	}


	.office_tab_wrap .office_tabs .tabs li {
		margin: 0 4px;
		width: auto;
		display: flex;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		padding: 15px 81px;
		border-radius: 6px;
		position: relative;
		right: 0rem;
		left: -219px;
	}


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: -16px;
		left: 281px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}



}









/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) {
	/* 메인페이지 공통 */
	.section .section_title { font-size:3.5rem; margin-bottom:2rem; }
	.section .section_title p { font-size:1.6rem; }
	.section .section_title.bar p:before { margin:1rem auto; }
	
	/* 메인비주얼 */ 
	.main_visual_wrap .main_visual { height:90vh; }
	.main_visual_wrap .main_visual .visual_text { font-size:2.5rem; }
	.main_visual_wrap .main_visual .visual_text .text_1 { font-size:3.5rem; }
	.main_visual_wrap .main_visual .visual_text .text_2 { margin-top:1rem; }	
	
	/* 퀵메뉴 */	
	.quick_wrap .quick_list .quick_link a .icon { width:4rem; height:4.2rem; }
	.quick_wrap .quick_list .quick_link a .text { font-size:1.5rem; margin-top:1rem; padding-top:1rem; }
	
	/* 실제후기 */
	.section.section_news { padding:11rem 0; }
	.newsBox .newsTit { line-height:4rem; }
	.newsBox .newsTit:before { width:calc(100% - 5rem); }
	.newsBox .newsTit span { font-size:2.5rem; }
	.newsBox .newsTit .more { width:4rem; height:4rem; }
	.newsList .newsItem .view_btn { width:4rem; height:4rem; }
	.newsList.block_type .newsItem { padding:2rem 2rem 6rem 2rem; }
	.newsList.block_type .newsItem strong.subject { font-size:1.8rem; }
	.newsList.block_type .newsItem .cnts { font-size:1.5rem; }
	.newsList.list_type .newsItem  { padding:1.5rem 6rem 1.5rem 0; min-height:7rem; }
	.newsList.list_type .newsItem .subject { font-size:1.8rem; }

	/* 칼럼부분 */
	.section.section_news_1 .newsBox_1 { padding:0 0.5rem; }
	.newsList.block_type.insight .newsItem {  width:calc(50% - 1rem); margin:0.5rem !important; padding:1.5rem 1.5rem 4rem 1.5rem; }
	.newsList.block_type.insight .newsItem .subject { font-size:1.8rem; word-break:break-all; }
	.newsList.block_type.insight .newsItem .cnts { line-height:1.5em; height:6em; max-height:6em; -webkit-line-clamp:4; margin-top:1rem; word-break:break-all; }
	.newsList.block_type.insight .newsItem .cat { font-size:1.5rem; }
	.section.section_news_1 .newsListMore .newsListMoreBtn { line-height:4rem; font-size:1.6rem; }	
	
	/* 사무실 슬라이드 */
	.section.section_office { margin:-2rem 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:4rem;}
	.office_tab_wrap .office_tabs { margin-bottom:2.5rem; }
	.office_tab_wrap .office_tabs .tabs { display:flex; flex-wrap:wrap; justify-content:center; width: 50rem;
		position: relative;
		top: 15px;
		left: 41px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
		margin-left: -19rem;}


}


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

	.office_tab_wrap .office_info .map_div .load_map {
		width: 100%;
		height: 300px;
		overflow: hidden;
		margin-top: -25rem;
		visibility: visible;
		margin-left: 2rem;
	}

	.office_tab_wrap .office_tabs .tabs {

		top: -71px;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 205px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: -1px;
	}


}

@media all and (min-height: 769px) and (max-height:984px ) {

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 220px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: -1px;
	}





	.office_tab_wrap .office_info .map_div .load_map {
		width: 100%;
		height: 300px;
		overflow: hidden;
		margin-top: -22rem;
		visibility: visible;
		margin-left: 2rem;
	}

}


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


	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 529px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 97px;
		width: 65%;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 65%;
		height: 450px;
		overflow: hidden;
		margin-top: -6rem;
		visibility: visible;
		margin-left: 13rem;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 28px;
		left: 212px;
		right: 0;
		text-align: center;

	}



}

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


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 27px;
		left: 21%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_tabs .tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 50rem;
		position: relative;
		top: 15px;
		left: 127px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
		margin-left: -19rem;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 65%;
		height: 350px;
		overflow: hidden;
		margin-top: -5rem;
		visibility: visible;
		margin-left: 13rem;
	}


	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 434px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 95px;
		width: 65%;
	}



	
}

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

	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -74px;
		left: 5px;
	}


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 132px;
		left: 14%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_tabs .tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 50rem;
		position: relative;
		top: -38px;
		left: 127px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
		margin-left: -19rem;
	}


	.office_tab_wrap .office_info .map_div .load_map {
		width: 77%;
		height: 350px;
		overflow: hidden;
		margin-top: 2rem;
		visibility: visible;
		margin-left: 7rem;
	}


	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 498px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 42px;
		width: 77%;
	}




}

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



	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -74px;
		left: 5px;
	}


	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 132px;
		left: 14%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}


	.office_tab_wrap .office_info .map_div .load_map {
		width: 77%;
		height: 350px;
		overflow: hidden;
		margin-top: -13rem;
		visibility: visible;
		margin-left: 7rem;
	}


	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 498px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 42px;
		width: 77%;
	}



}

@media screen and (min-width: 360px) and (max-width: 365px){


	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -49px;
		left: 5px;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 79px;
		left: 17%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}
	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 17px;
		padding-right: 17px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 82.4%;
		height: 276px;
		overflow: hidden;
		margin-top: -21.6rem;
		visibility: visible;
		margin-left: 3.9rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 302px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 14px;
		width: 82.4%;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap .address {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 2.9rem;
		margin-top: 0rem;
	}


}
/*겔럭시 S8+ */

/* S20 ++++ */

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


	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -43px;
		left: 5px;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 65px;
		left: 21%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}
	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 17px;
		padding-right: 17px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 82.4%;
		height: 300px;
		overflow: hidden;
		margin-top: -21.6rem;
		visibility: visible;
		margin-left: 3.9rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 353px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 14px;
		width: 82.4%;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap .address {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 2.9rem;
		margin-top: 0rem;
	}


	.quick_wrap {
		z-index: 50;
		position: absolute;
		bottom: 0px;
		width: 100%;
		left: -9px;
		right: 0;
		
	}


}



@media all and (max-width: 384px) { /*s23 울트라 a25 */


	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -23px;
		left: 5px;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 41px;
		left: 21%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}
	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 17px;
		padding-right: 17px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 82.4%;
		height: 300px;
		overflow: hidden;
		margin-top: -23.6rem;
		visibility: visible;
		margin-left: 3.9rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 306px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 14px;
		width: 82.4%;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap .address {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 2.9rem;
		margin-top: 0rem;
	}


	.quick_wrap {
		z-index: 50;
		position: absolute;
		bottom: 0px;
		width: 100%;
		left: -9px;
		right: 0;
		
	}


}



@media screen and (max-width: 430px) {

	/* iphone 14 pro max */





	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -23px;
		left: 5px;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 41px;
		left: 19%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}

	.office_tab_wrap .office_tabs .tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 33rem;
		position: relative;
		top: -18px;
		left: 144px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
		margin-left: -19rem;
	}


	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 17px;
		padding-right: 17px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 82.4%;
		height: 300px;
		overflow: hidden;
		margin-top: -9.6rem;
		visibility: visible;
		margin-left: 3.9rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 376px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 14px;
		width: 82.4%;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap .address {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 2.9rem;
		margin-top: 0rem;
	}


	.quick_wrap {
		z-index: 50;
		position: absolute;
		bottom: 0px;
		width: 100%;
		left: -9px;
		right: 0;
		
	}


}



@media all and (max-width: 393px) { /* iphone 14 pro */



	.office_tab_wrap .office_info .map_div .load_map {
		width: 82.4%;
		height: 300px;
		overflow: hidden;
		margin-top: -10.6rem;
		visibility: visible;
		margin-left: 3.9rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 345px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 13px;
		width: 82.4%;
		height: 129px;
	}


	.office_tab_wrap .office_tabs .tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 31rem;
		position: relative;
		top: -32px;
		left: 132px;
		right: 0;
		text-align: center;
		margin-bottom: 0;
		margin-left: -19rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap .address {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 2.9rem;
		margin-top: 0rem;
	}


	.quick_wrap {
		z-index: 50;
		position: absolute;
		bottom: 0px;
		width: 100%;
		left: -9px;
		right: 0;
		
	}


}


@media all and (max-width: 375px) {/*iphone SE */


	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -23px;
		left: 5px;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 41px;
		left: 21%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}
	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 17px;
		padding-right: 17px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 82.4%;
		height: 250px;
		overflow: hidden;
		margin-top: -11.6rem;
		visibility: visible;
		margin-left: 3.9rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 286px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: 14px;
		width: 82.4%;
		height: 129px;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap .address {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 2.9rem;
		margin-top: 0rem;
	}


	.quick_wrap {
		z-index: 50;
		position: absolute;
		bottom: 0px;
		width: 100%;
		left: -9px;
		right: 0;

	}


}

@media all and (max-width: 280px) { /*Fold */


	.section .section_titles {
		font-size: 5.0rem;
		color: #131415;
		font-weight: 200;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3rem;
		position: relative;
		letter-spacing: -0.05em;
		bottom: -23px;
		left: -14px;
	}

	.office_tab_wrap .office_tabs {
		width: 33rem;
		position: relative;
		top: 41px;
		left: 14%;
		right: 0;
		text-align: center;
		margin-bottom: 0;
	}
	.office_tab_wrap .office_tabs .tabs li {
		margin: 2px 3px;
		ne-height: 5rem;
		wiwidth: auto;
		text-align: center;
		display: flow;
		font-size: 1.7rem;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: flex;
		padding: 14px 36px;
		border-radius: 6px;
		/* padding-left: 77px; */
		padding-left: 10px;
		padding-right: 10px;
	}

	.office_tab_wrap .office_info .map_div .load_map {
		width: 82.4%;
		height: 200px;
		overflow: hidden;
		margin-top: -23.6rem;
		visibility: visible;
		margin-left: 0.9rem;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap {
		position: relative;
		top: 206px;
		background: #222328;
		color: #fff;
		visibility: visible;
		padding: 4rem;
		text-align: center;
		transform: translateX(21px);
		background-size: cover;
		border-inline-width: 7px;
		border-radius: 12px;
		bottom: 15px;
		left: -12px;
		width: 82.4%;
		height: 228px;
	}

	.office_tab_wrap .office_info .loca_info .address_wrap .address {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 2.9rem;
		margin-top: 0rem;
	}


	.quick_wrap {
		z-index: 50;
		position: absolute;
		bottom: 0px;
		width: 100%;
		left: -7px;
		right: 0;
		
	}


}



@media all and (max-width: 560px) {
	/* 메인페이지 공통 */
	.section .section_title { font-size:3rem; }
		
	/* 메인비주얼 */ 
	.main_visual_wrap .main_visual .visual_text { font-size:2.1rem; top: 15rem}
	.main_visual_wrap .main_visual .visual_text .text_1 { font-size:3.2rem; }
	.main_visual_wrap .main_visual .visual_text .text_2 { margin-top:1rem; }
	.main_visual_wrap .main_visual .visual_text strong { line-height: 1.5;}
	
	/* 퀵메뉴 */
	.quick_wrap .quick_list .quick_link a .icon { width:3.4rem; height:3.6rem; }
	.quick_wrap .quick_list .quick_link a .text { font-size:1.4rem; }
	
	/* 실제후기 */
	.section.section_news { padding:7rem 0; }
	.section.section_news .newsBox_wrap { padding:2rem 2rem 0 2rem; }
	.newsList.block_type .newsItem { width:100%; box-shadow:0 2px 5px rgba(0,0,0,0.3); padding-bottom:4rem; }
	.newsList.block_type .newsItem + .newsItem { margin-top:2rem; }
	.newsList.list_type .newsItem .subject { font-size:1.7rem; }
	
	


	
}



/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////  성공사례  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.section.section_success { margin-top:0 !important; padding:10rem 0; background:#e6e6e6; }
.section.section_success h2 .more_view { position:absolute; top:50%; right:0; line-height:3.6rem; height:3.6rem; padding:0 1.5rem; color:#fff; font-size:1.5rem; background:#000; transform:translateY(-50%); }
.section.section_success h2 .more_view span {}
.section.section_success h2 .more_view span:after { width:8px; height:13px; background:url(../images/main/more_arw.png); display:inline-block; content:''; margin-left:1.5rem; vertical-align:middle; }
.success_list { width:calc(100% + 2rem); margin-left:-1rem; margin-top:4.5rem; }
.success_list:after { display:block; clear:both; content:''; }
.success_list .success_item { width:calc(25% - 2rem); float:left; background:#fff; margin:0 1rem; height:360px; position:relative; box-shadow:0px 5px 15px rgba(0,0,0,0.25); }
.success_list .success_item .success_item_top { padding:2.5rem 2.5rem 1rem; background:#f1f1f1; }
.success_list .success_item .success_item_top .cat { font-size:1.7rem; background:#555380; color:#fff; border-radius:3px; padding:0 1rem; line-height:3.0rem; }
.success_list .success_item .success_item_top .subject { font-size:1.7rem; color:#111; font-weight:500; line-height:2.4rem; height:4.8rem; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; /*word-wrap:break-word;*/ word-break:break-all; margin-top:1rem; }
.success_list .success_item .success_item_top .date { font-size:1.5rem; color:#777; font-weight:300; margin-top:1rem; letter-spacing:0rem;  }
.success_list .success_item .success_item_bottom { padding:1.5rem 2.5rem; background-color: #d1cfcb69;}
.success_list .success_item .success_item_bottom .detail { font-size:1.5rem; color:#444; line-height:2.2rem; height:6.6rem; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-box-orient:vertical; /*word-wrap:break-word;*/ word-break:break-all; }
.success_list .success_item .success_item_bottom .lawyer_charge { }
.success_list .success_item .success_item_bottom .lawyer_charge .pic { position:absolute; bottom:2.5rem; left:2.5rem; }
.success_list .success_item .success_item_bottom .lawyer_charge .pic img { width:6rem; }
.success_list .success_item .success_item_bottom .lawyer_charge .name { position:absolute; bottom:2.5rem; right:2.5rem; text-align:right; width:calc(100% - 11rem); color:#111; font-size:1.8rem; }
.success_list .success_item .success_item_bottom .lawyer_charge .name small { font-size:1.2rem; display:block; margin-bottom:1rem; }
.cover-wrap { overflow:hidden; position:relative; }
.cover-wrap .blind-cover {transition:opacity 0.5s 0.05s ease; opacity:0; position:absolute;	top:0px; left:0px; width:100%; height:100%; background: rgb(42, 40, 40); color:#fff; text-align:center;
padding:4rem 2rem; }
.cover-wrap:hover .blind-cover { opacity:1; cursor:pointer; }
.cover-wrap .blind-cover span { opacity:0; display:block; text-align:center; font-size:1.7rem; line-height:2.9rem; }
.cover-wrap .blind-cover span.text-1 { color: #c2bbb0; font-weight:500; font-size:1.8rem; }
.cover-wrap .blind-cover span.text-2 { margin-top:5rem; }
.cover-wrap .blind-cover span.text-3 { margin-top:5rem; }
.cover-wrap:hover .blind-cover span {  opacity:1; }
.section_success .newsListMore {margin-top:5rem; text-align:center; }
.section_success .newsListMore .newsListMoreBtn { padding:0 3rem; line-height:5rem; font-size:1.8rem; color:#fff; background:#555380; }

.success_list .success_item .success_item_top .date { display:none; }

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
.section.section_success { margin-top:8rem; padding:8rem 0; }
.success_list .success_item { width:calc(33.3333% - 2rem); height:340px; }
.success_list .success_item:nth-child(4) { display:none; }
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 560px) {
	.section.section_success h2 .more_view { position:relative; top:0; right:auto; line-height:3rem; height:3rem; padding:0 1rem; font-size:1.4rem;display:block; max-width:10rem; margin:2rem auto 0;}
	.section.section_success h2:after { display:block; clear:both; content:''; }
	.success_list { width: calc(100% + 1rem); margin-left: -0.5rem; margin-top:2rem; }
	.success_list .success_item  { width:calc(50% - 1rem); margin:0.5rem 0.5rem 1rem; height:270px; }
	.success_list .success_item .success_item_top { padding:2rem 1rem 1rem; }
	.success_list .success_item .success_item_top .cat { font-size:1.6rem; padding:0 0.5rem; line-height:2.8rem; }
	.success_list .success_item .success_item_top .subject { font-size:1.6rem; margin-top:0.5rem; }
	.success_list .success_item .success_item_bottom { padding:1rem; }
	.success_list .success_item .success_item_bottom .lawyer_charge .pic { bottom:1rem; left:1rem;}
	.success_list .success_item .success_item_bottom .lawyer_charge .pic img { width:4.8rem; }
	.success_list .success_item .success_item_bottom .lawyer_charge .name { bottom:1rem; right:1rem;  width:calc(100% - 6rem); font-size:1.6rem; }
	.success_list .success_item:nth-child(4) { display:block; }
	.section_success .newsListMore .newsListMoreBtn { line-height:4rem; font-size:1.6rem; }	
}






.section.section_office {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 62vh; /* 뷰포트 높이에 맞춰 섹션의 높이를 설정합니다. */
}

.swiper.sample-slider {
	width: 100%; /* 슬라이더의 너비를 100%로 설정합니다. */
	height: 100%; /* 슬라이더의 높이를 100%로 설정합니다. */
}

.swiper-slide img {
	width: 100%; /* 이미지 너비를 슬라이드 너비에 맞춰 조절합니다. */
	height: 100%; /* 이미지 높이를 슬라이드 높이에 맞춰 조절합니다. */
	object-fit: cover; /* 이미지의 비율을 유지하면서, 슬라이드에 맞게 확대/축소합니다. */
	transform: scale(1.6);
}

.swiper-slide {
	overflow: hidden;/* 슬라이드 영역을 벗어나는 부분을 숨깁니다. */
	width: 80%; /* 기본 슬라이드 넓이 설정 */
	transition: width 0.3s; /* 넓이 변경 효과를 부드럽게 만듭니다 */
}



.swiper-slide-active {
	width: 100%; /* 활성화된 슬라이드의 넓이를 더 크게 설정 */
}


.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}






.slider {
	position: relative;
	height: 100vh;
	width: 100vw;
	background: #777;
	overflow: hidden;
	margin-top: 0rem;
}
.slider__wrap {
	position: absolute;
	width: 100vw;
	height: 100vh;
	transform: translateX(100vw);
	top: 0%;
	left: 0;
	right: auto;
	overflow: hidden;
	transition: transform 450ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transform-origin: 0% 50%;
	transition-delay: 450ms;
	opacity: 0;
}
.slider__wrap--hacked {
	opacity: 1;
}
.slider__back {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-position: center;
	background-repeat: none;
	transition: filter 450ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slider__inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0%;
	background-size: auto 133.3333%;
	background-position: center;
	background-repeat: none;
	transform: scale(0.75);
	transition: transform 450ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 450ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 450ms step-end;
	opacity: 0;
	box-shadow: 0 3vh 3vh rgba(0, 0, 0, 0);
	padding: 15vh;
	box-sizing: border-box;
	width: 59vh;
	left: 37%;
}
.slider__content {
	position: relative;
	top: 50%;
	width: auto;
	transform: translateY(-50%);
	color: white;
	font-family: "Heebo", sans-serif;
	opacity: 0;
	transition: opacity 450ms;
}
.slider__content h1 {
	font-weight: 900;
	font-size: 9vh;
	line-height: 0.85;
	margin-bottom: 0.75vh;
	pointer-events: none;
	text-shadow: 0 0.375vh 0.75vh rgba(0, 0, 0, 0.1);
}
.slider__content a {
	cursor: pointer;
	font-size: 4.5vh;
	letter-spacing: 0.3vh;
	font-weight: 100;
	position: relative;
	color: #f2f1ef;
	top: 55vh;
}
.slider__content a:after {
	content: "";
	display: block;
	width: 7vh;
	background: #f2f1ef;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 9vh;
	transform: translateY(-50%);
	transform-origin: 0% 50%;
	transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slider__content a:before {
	content: "";
	border-top: 2px solid #f2f1ef;
	border-right: 2px solid #f2f1ef;
	display: block;
	width: 1vh;
	height: 1vh;
	transform: translateX(0) translateY(-50%) rotate(45deg);
	position: absolute;
	font-family: "Heebo", sans-serif;
	font-weight: 100;
	top: 50%;
	left: 15vh;
	transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slider__content a:hover:after {
	transform: scaleX(1.5);
	transition: transform 1200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slider__content a:hover:before {
	transform: translateX(6vh) translateY(-50%) rotate(45deg);
	transition: transform 1200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slider__slide {
	position: absolute;
	left: 0;
	height: 100vh;
	width: 100vw;
	transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition-delay: 600ms;
	pointer-events: none;
	z-index: 0;
}
.slider__slide--active {
	transform: translatex(0%);
	z-index: 2;
}
.slider__slide--active .slider__wrap {
	transform: translateX(0);
	transform-origin: 100% 50%;
	opacity: 1;
	-webkit-animation: none;
	animation: none;
}
.slider__slide--active .slider__back {
	filter: blur(1.5vh);
	transition: filter 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition-delay: 900ms !important;
}
.slider__slide--active .slider__inner {
	transform: scale(0.8);
	box-shadow: 0 1vh 6vh rgba(0, 0, 0, 0.2);
	pointer-events: auto;
	opacity: 1;
	transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 1ms step-end;
	transition-delay: 900ms;
}
.slider__slide--active .slider__content {
	opacity: 1;
	transition-delay: 1350ms;
}
.slider__slide:not(.slider__slide--active) .slider__wrap {
	-webkit-animation-name: hack;
	animation-name: hack;
	-webkit-animation-duration: 900ms;
	animation-duration: 900ms;
	-webkit-animation-delay: 450ms;
	animation-delay: 450ms;
	-webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@-webkit-keyframes hack {
	0% {
		transform: translateX(0);
		opacity: 1;
	}
	50% {
		transform: translateX(-100vw);
		opacity: 1;
	}
	51% {
		transform: translateX(-100vw);
		opacity: 0;
	}
	52% {
		transform: translateX(100vw);
		opacity: 0;
	}
	100% {
		transform: translateX(100vw);
		opacity: 1;
	}
}
@keyframes hack {
	0% {
		transform: translateX(0);
		opacity: 1;
	}
	50% {
		transform: translateX(-100vw);
		opacity: 1;
	}
	51% {
		transform: translateX(-100vw);
		opacity: 0;
	}
	52% {
		transform: translateX(100vw);
		opacity: 0;
	}
	100% {
		transform: translateX(100vw);
		opacity: 1;
	}
}
.slider__slide:nth-child(1) .slider__back, .slider__slide:nth-child(1) .slider__inner {
	background-image: url(../images/common/c_01.jpg);
}
.slider__slide:nth-child(2) .slider__back, .slider__slide:nth-child(2) .slider__inner {
	background-image: url(../images/common/c_02.jpg);
}
.slider__slide:nth-child(3) .slider__back, .slider__slide:nth-child(3) .slider__inner {
	background-image: url(../images/common/c_03.jpg);
}
.slider__slide:nth-child(4) .slider__back, .slider__slide:nth-child(4) .slider__inner {
	background-image: url(../images/common/c_04.jpg);
}
.slider__slide:nth-child(5) .slider__back, .slider__slide:nth-child(5) .slider__inner {
	background-image: url(../images/common/c_05.jpg);
}
.slider__slide:nth-child(6) .slider__back, .slider__slide:nth-child(6) .slider__inner {
	background-image: url(../images/common/c_06.jpg);
}

.sig {
	position: fixed;
	bottom: 8px;
	right: 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: 100;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 0.4);
	letter-spacing: 2px;
	z-index: 9999;
}


@media screen and (max-width: 1700px) {

	.slider__slide {
		position: absolute;
		left: 0;
		height: 100vh;
		width: 38vw;
		transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition-delay: 600ms;
		pointer-events: none;
		z-index: 0;
	}

	.slider__slide--active .slider__inner {

		left: 53rem;
	}

}

@media screen and (max-width: 1396px) {

	.slider__slide--active .slider__inner {

		left: 45rem;


	}

}


@media screen and (max-width: 1294px) {

	.slider__slide--active .slider__inner {

		left: 30rem;


	}


	.slider__slide {
		position: absolute;
		left: 0;
		height: 100vh;
		width: 58vw;
		transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition-delay: 600ms;
		pointer-events: none;
		z-index: 0;
	}

}



@media screen and (max-width: 1211px) {

	.slider__slide--active .slider__inner {

		left: 31rem;


	}


	.slider__slide {
		position: absolute;
		left: 0;
		height: 100vh;
		width: 100vw;
		transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition-delay: 600ms;
		pointer-events: none;
		z-index: 0;
	}

	.slider__content a {
		cursor: pointer;
		font-size: 4.5vh;
		letter-spacing: 0.3vh;
		font-weight: 100;
		position: relative;
		color: #f2f1ef;
		top: 56vh;
		left: 34rem;
	}

}


@media screen and (max-width: 1055px) {

	.slider__slide--active .slider__inner {

		left: 31rem;


	}
}

@media screen and (max-width: 1032px) {

	.slider__slide--active .slider__inner {
		left: 22rem;
	}

}


@media screen and (max-width: 860px) {

	.slider__slide--active .slider__inner {
		left: 13rem;
	}

}

@media screen and (max-width: 860px) {

	.slider__slide--active .slider__inner {
		left: 7rem;
	}

}

@media screen and (max-width: 680px) {
	.slider__slide--active .slider__inner {
		left: 0rem;
	}
}


@media screen and (max-width: 509px) {
	.slider__slide--active .slider__inner {
		left: -5rem;
	}
}


@media screen and (max-width: 430px) {
	.slider__slide--active .slider__inner {
		left: -3rem;
	}
}

@media screen and (max-width: 375px) {
	.slider__slide--active .slider__inner {
		left: -1rem;
	}
}


@media screen and (max-width: 1024px) {


	.slider__content a {
		cursor: pointer;
		font-size: 4.5vh;
		letter-spacing: 0.3vh;
		font-weight: 100;
		position: relative;
		color: #f2f1ef;
		top: 56vh;
		left: 23rem;
	}



}



@media screen and (max-width: 820px) {

	.slider__content a {
		cursor: pointer;
		font-size: 4.5vh;
		letter-spacing: 0.3vh;
		font-weight: 100;
		position: relative;
		color: #f2f1ef;
		top: 56vh;
		left: 18rem;
	}



}


@media screen and (max-width: 500px) {


	.slider__content a {
		cursor: pointer;
		font-size: 4.5vh;
		letter-spacing: 0.3vh;
		font-weight: 100;
		position: relative;
		color: #f2f1ef;
		top: 54vh;
		left: 7rem;
	}

}


/* titles_1 */

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

	.section .section_titles_1 {
		font-size: 4.0rem;
		margin-bottom: 2.5rem;
	}

}

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

	.section .section_titles_1 {
		font-size: 3.5rem;
		margin-bottom: 2rem;
	}
}


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

	.section .section_titles_1 {
		font-size: 3rem;
		top: -24px;
	}

}


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


	.main_visual_wrap .main_visual .visual_text {
		font-size: 3.5rem;
		color: #fff;
		font-weight: 100;
		line-height: 1.2;
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		padding: 0 10px;
	}


	
}

@media  screen and (min-width: 1780px) and (max-width:2340px)  {


	.slider__slide--active .slider__inner {
		left: 63rem;
	}


	.slider__slide {
		position: absolute;
		left: 0;
		height: 100vh;
		width: 37vw;
		transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition-delay: 600ms;
		pointer-events: none;
		z-index: 0;
	}

}



/**
 * 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;
}/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    top: 0px;
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}


