@charset "utf-8";

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


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

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


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

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

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

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

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

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


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

}

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

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

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

/* header */
.nav_wrapper { z-index:100; position:fixed; left:0; top:0; width:100%; transition:all .3s ease-out; height:9rem;  }
.nav_wrapper:after { display:block; content:''; width:100%; height:1px; background:rgba(255,255,255,0.5); position:absolute; top:9rem; left:0;  }
.nav_wrapper .inner { width:100%; max-width:1840px; padding:0 20px; margin:0 auto; position:relative; height:9rem; }
.nav_wrapper h1.logo { position:absolute; left:20px; top:50%; width:32.8rem; transform:translateY(-50%); z-index:20; }
.nav_wrapper h1.logo a { display:block; }
.nav_wrapper h1.logo a img { width:100%; }
.nav_wrapper.no-scroll { top: 0; z-index: 9999; }
.nav_wrapper.hover,
.nav_wrapper.open { background:rgba(255,255,255,1);}
.nav_wrapper.hover_submenu { height:14rem; }
.nav_wrapper.scroll { top:-5px; background:rgba(255,255,255,1); }
.nav_wrapper h1.logo a img.logo_w { display:block; }
.nav_wrapper h1.logo a img.logo_c { display:none; }
.nav_wrapper.scroll h1.logo a img.logo_w,
.nav_wrapper.hover h1.logo a img.logo_w,
.nav_wrapper.open h1.logo a img.logo_w { display:none; }
.nav_wrapper.scroll h1.logo a img.logo_c,
.nav_wrapper.hover h1.logo a img.logo_c,
.nav_wrapper.open h1.logo a img.logo_c  { display:block; }
.nav_wrapper .tel_wrap { position:absolute; top:50%; right:20px; width:200px; height:64px; border-radius:32px; border:2px solid rgba(255,255,255,0.5); transform:translateY(-50%); z-index:100; }
.nav_wrapper .tel_wrap .tel { color:#fff; font-size:1.6rem; text-align:center; line-height:26px; padding-top:4px; }
.nav_wrapper .tel_wrap .tel a { cursor:text; font-size:2.4rem; color:#fff; font-weight:500; letter-spacing:-0.05rem; display:block;}
.nav_wrapper .tel_wrap.new { width:auto; padding:0 30px; height:70px; border-radius:35px; }
.nav_wrapper .tel_wrap.new .tel { font-size:1.8rem; }
.nav_wrapper .tel_wrap.new .tel a { display:inline; font-size:2.6rem; }

.nav_wrapper.scroll .tel_wrap,
.nav_wrapper.hover .tel_wrap,
.nav_wrapper.open .tel_wrap { border:2px solid #446876; }
.nav_wrapper.scroll .tel_wrap .tel,
.nav_wrapper.hover .tel_wrap .tel,
.nav_wrapper.open .tel_wrap .tel { color:#333; }
.nav_wrapper.scroll .tel_wrap .tel a,
.nav_wrapper.hover .tel_wrap .tel a,
.nav_wrapper.open .tel_wrap .tel a { color:#333; }

.menu { position:relative; height:9rem; width:100%;  }
.menu:after { display:block; clear:both; content:''; }
.menu .gnb_menu { position:relative; text-align:center; z-index:10; }
.menu .gnb_menu .navi { display:inline-block;  }
.menu .gnb_menu .navi:after { display:block; clear:both; content:''; }
.menu .gnb_menu .navi li { display:inline-block; padding:0; margin:0; }
.menu .gnb_menu .navi > li > a { color:#fff; font-size:1.8rem; padding:0 3rem; line-height:9rem; font-weight:500; position:relative; }
.menu .gnb_menu .navi > li > a:after { width:0; height:4px; background:#78a1b1; opacity:0; content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s ease-out; }
.menu .gnb_menu .navi > li:hover > a,
.menu .gnb_menu .navi > li.hover > a,
.menu .gnb_menu .navi > li.current > a { color:#78a1b1; }
.menu .gnb_menu .navi > li:hover > a:after,
.menu .gnb_menu .navi > li.hover > a:after,
.menu .gnb_menu .navi > li.current > a:after { width:100%; opacity:1;}
.menu .gnb_menu .navi li .sub-menu { position:absolute; display:none; top:9rem; opacity:0; text-align:center; left:0; right:0;  }
.menu .gnb_menu .navi li.hover .sub-menu { opacity:1; display:block;}
.menu .gnb_menu .navi li .sub-menu li a { line-height:5rem; height:5rem; color:#333; font-size:1.6rem; font-weight:300; padding:0 2.5rem; }
.menu .gnb_menu .navi li .sub-menu li a:first-child {  }
.menu .gnb_menu .navi li .sub-menu li a:hover { font-weight:500; }
.menu .gnb_menu .navi.pc { display:inline-block; }
.menu .gnb_menu .navi.mobile { display:none; }
.m_top_banner { display:none; }
.nav_wrapper.scroll .menu .gnb_menu .navi > li > a,
.nav_wrapper.hover .menu .gnb_menu .navi > li > a { color:#101010; }
.nav_wrapper.scroll:after,
.nav_wrapper.hover:after { background:#ccc;  }
.spinner-master { display:none; }

/* footer */
.footer { letter-spacing:0; color:#fff; background:#1a1e21; 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; font-weight:300; }
.footer .footer_top .footer_link li a { padding:0 2rem; color:#fff; line-height:5rem; }
.footer .footer_top .footer_link li:first-child a { padding-left:0; }
.footer .footer_top .footer_link li + li:before { width:1px; height:12px; background:rgba(255,255,255,0.1); content:''; display:inline-block; }
.footer .left { width:48%; float:left; }
.footer .right { width:48%; float:right; }
.footer .left .contact { }
.footer .left .contact h2 { font-size:1.8rem; line-height:1.2; margin-bottom:1.5rem; font-weight:200; }
.footer .left .contact h2 strong { font-weight:500; font-size:1.9rem; }
.footer .left .contact .contact_num { font-size:2rem; font-weight:600; color:#88aebe; }
.footer .left .contact .contact_num .tel { color:#88aebe; 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.4); }
.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:#88aebe; }
.footer .right .officeinfo_wrap .office_list li { position:relative; padding-left:0.8rem; color:rgba(255,255,255,0.7); font-weight:300; }
.footer .right .officeinfo_wrap .office_list li:before { display:block; width:3px; height:3px; border-radius:50%; background:#858585; content:''; position:absolute; top:0.6rem; left:0; transform:translateY(-50%); }
.footer .right .officeinfo_wrap .office_list li + li { margin-top:0.7rem; }
.m_footer_fixmenu { display:none; }

/* 오른족 스크롤 배너 */
.float-banner {position:fixed; right:0; top:9rem; z-index:1000; width:80px; height:680px; text-align:center; font-size:1.2rem; background:url(../images/common/right_banner_bg.png)0 0 no-repeat; z-index:999999;}
.float-banner li a {display: block;}
.float-banner li.f0 {height:110px;color: #fff;}
.float-banner li.f0 a {color: #666;padding-top:60px;letter-spacing:-1px;font-size:11px; line-height:120%;}
.float-banner li.f1 {height:160px;color: #fff;}
.float-banner li.f1 a {height:100px;color: #fff;padding-top:55px;}
.float-banner li.f1 span {display:block;height:60px;margin-top:15px;}
.float-banner li.naver_talk{ height: 100px; height: 60px; padding:0; margin:0;}
.float-banner li.f2 a {height: 100px;padding-top: 56px;}
.float-banner li.f3 a {height: 100px;padding-top: 60px;}
.float-banner li.f4 a {height: 100px;padding-top: 56px;}
.float-banner li.f5 a {height: 100px;padding-top: 60px; margin-bottom: 10px;}
.float-banner li.f6 a {height: 40px;font-size:0;}
.float-pop {width:280px;height:460px;overflow:hidden;position:absolute;right:0;top:0;background:#fff;text-align:left;box-shadow:0 0 5px rgba(0,0,0,0.1);margin-right:-280px;}
.float-pop.hg {height:370px;}
.float-pop.tele {height:390px;}
.float-pop .top {padding: 20px 25px;height:380px}
.float-pop strong {font-size:24px;color:#; display:block; margin-bottom:15px;}
.float-pop p {font-size:13px;}
.float-pop .top img {margin:15px auto;display:block;}
.float-pop span.spot {font-size:16px;color:#000;display:block;text-align:center;padding-top:10px; font-weight:500;}
.float-pop.pop-kakao span.spot {color:#3b1f1e;padding-top:0;}
.float-pop .bottom {background: #fefefe;box-shadow:inset 0 5px 5px #eee;text-align:center;height:80px;line-height:80px;}
.float-pop .btn-close {position:absolute;right:10px;top:10px;background:#fff;border:0;outline:0;padding:0;margin:0;}
.float-pop .bnTel {clear:both;width:100%; font-size:19px; color:#26343c; text-align:center; margin-top:20px; line-height:180%; letter-spacing:-1px;}
.float-pop .bnTel b {font-size:24px;}
.float-pop .bnTel .btn { width:50%; background:#26343c; color:#fff; text-align:center; font-size:1.5rem; border:0; line-height:3.6rem; }
.float-pop input.form-control { width:100%; line-height:30px; }
.foot-nav li .talk_preview_area .talk_banner_link { padding:0 !important}
.foot-nav .talk_preview_area .talk_banner_preview.on { width:100% !important; padding:0 !importnat; height:38px !important; background:none !important; border:none !important; color:#bb9b5d !important;}
.float-banner .talk_preview_area .talk_banner_preview.on { width:80px !important; padding:0px !important;}

#mask { background:rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
    position:fixed; width:100%; top:0; right:0; left:0; bottom:0; z-index:9998;
}
.popup {width:95%; max-width:760px; 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;}
.popup.w700 {width:760px;}
.popup h2 {font-size:32px;float:left;padding-bottom:0;margin:0;margin-right:20px;height:40px;}
.popup .lead:after {width:2px;height:100%;left: 0;right:-10px;}
.popup .lead {font-size: 16px;float:left;line-height: 20px;padding-left:  20px;padding-top: 0;}
.popup .popup-con {font-size:14px; text-aling:left; }
.popup .popup-top {height:40px;overflow:hidden;margin-bottom:20px;}
.popup .popup-con .scroll { height:500px; }

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

@media all and (max-width: 1440px) { 
	/* header */
	.nav_wrapper h1.logo { width:28rem;} 
	.menu .gnb_menu .navi > li > a { font-size:1.7rem; }		
}

/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) { 
	/* header */
	.nav_wrapper h1.logo { width:26rem; }
	.menu .gnb_menu { float:left; margin-left:28rem; }
	.menu .gnb_menu .navi > li > a { padding:0 2rem; }
	.menu .gnb_menu .navi li .sub-menu li a { font-size:1.5rem; padding:0 1.5rem; }	

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	/* header */
	.nav_wrapper {  height:7.6rem;}
	.nav_wrapper .inner { height:7.6rem; }
	.nav_wrapper h1.logo { width:22rem;  }
	.nav_wrapper .tel_wrap {  width:180px; height:60px; border-radius:30px; right:9rem; }
	.nav_wrapper .tel_wrap .tel { font-size:1.5rem; line-height:22px; padding-top:5px; }
	.nav_wrapper .tel_wrap .tel a { font-size:2.2rem; }
	.nav_wrapper .tel_wrap.new { width:auto; padding:0 30px; height:60px; border-radius:30px; }
	.nav_wrapper .tel_wrap.new .tel { font-size:1.5rem; line-height:22px; padding-top:5px;  }
	.nav_wrapper .tel_wrap.new .tel a { font-size:2.2rem; }

	.nav_wrapper.scroll { top:0; }
	.nav_wrapper:after { /*display:none !important;*/ top:7.6rem; }
	.menu .gnb_menu .navi.pc { display:none; }
	.menu .gnb_menu .navi.mobile { display:block; }
	
	.spinner-master { width:7.6rem; height:7.6rem; z-index:999; position:absolute; top:0; right:0px; text-align:center; display:block; }
	.spinner-master input[type=checkbox] { display:none; }
	.spinner-master * { transition:all 0.3s; box-sizing:border-box; }
	.spinner-master label { cursor:pointer; position:absolute; z-index:101; height:100%; width:100%; top:0; left:0; padding:1.6rem 2rem; }
	.spinner-master .spinner { position:absolute; height:3px; width:100%; padding:0; background-color:#fff; border-radius:2px; }
	.nav_wrapper.hover .spinner-master .spinner,
	.nav_wrapper.scroll .spinner-master .spinner  { background-color:#fff; transition:all 0.3s ease; }
	.spinner-master .diagonal.part-1 { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master .horizontal { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master .diagonal.part-2 { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:1.9rem; background-color:#333; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg);  -webkit-transform:rotate(-135deg);  margin-top:-1.3rem; background-color:#333; } 
	.nav_wrapper.scroll .spinner-master .spinner { background-color:#333; }
	
	.menu { display:block; position:fixed; height:100%;
	right:0;
	top: 7.6rem;
	visibility: hidden;
	z-index: 1;
	width: 100%;
	padding:0;
	overflow-y: auto;
	z-index:100;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;  
	-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
	transition: transform .4s 0s, visibility 0s .4s;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	background:#446876;
	}
	.menu.active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
	transition: transform .4s 0s, visibility 0s 0s;
	/* smooth the scrolling on touch devices - webkit browsers */
	-webkit-overflow-scrolling: touch;
	} 
	
	.menu .gnb_menu { float:none; margin:0; display:block; width:100%; padding-right:0; }
	.menu .gnb_menu .navi { width:100%;}
	.menu .gnb_menu .navi li { display:block; float:none; width:100%; border-bottom:1px solid rgba(255,255,255,0.2);  }	
	.menu .gnb_menu .navi > li > a { padding:2rem; line-height:2rem; width:100%; display:block; text-align:left; color:#fff !important; }	
	.menu .gnb_menu .navi > li > a:after { display:none !important; }
	.menu .gnb_menu .navi > li > a:before { display:none; }
	.menu .gnb_menu .navi li .sub-menu { position:relative; top:0; background:#5d7d89; }
	.menu .gnb_menu .navi li .sub-menu li a { line-height:4rem; height:4rem; padding:0; text-align:left; color:rgba(255,255,255,0.5); display:block; width:100%; padding-left:3rem; }
	.menu .gnb_menu .navi .has-submenu > a:before { background:url(../images/common/cd_arw_open_w.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:'';  z-index:10; }
	.menu .gnb_menu .navi .has-submenu > a.active:before { background:url(../images/common/cd_arw_close.png)right center no-repeat; background-size:100%; z-index:10;  }

	.menu .gnb_menu .navi li .sub-menu { position:relative; top:0 !important; display:none; opacity:1;  }
	.menu .gnb_menu .navi li .sub-menu li a { line-height:4rem; height:4rem; padding:0; text-align:left; color:#fff !important; display:block; width:100%; padding-left:3.5rem !important; }
	.menu .gnb_menu .navi li .sub-menu.active {display:block; }
	
	/* center */
	#main, #center { }
	
	/* 오른쪽 스크롤 배너 */
	.float-banner  { display:none; }
		
}
	
@media all and (max-width: 768px) {
	/* footer */
	.footer .left { width:100%; float:none; }
	.footer .right { width:100%; float:none;  margin-top:1.6rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.1); }

}


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

@media all and (max-width: 767px) {
	/* header */
	.nav_wrapper {  height:14.275rem; padding-top:8.275rem; }
	.nav_wrapper:after { top:14.275rem; }
	.nav_wrapper.sub_header:after { top:6rem; }
	.nav_wrapper.scroll,
	.nav_wrapper.open { top:-8.275rem; }
	.nav_wrapper .inner { height:6rem; position:relative; }	
	.nav_wrapper h1.logo { width:20rem; }
	.nav_wrapper .tel_wrap { right:6rem; width:6rem; height:6rem; background-color:transparent; border:0 !important; border-radius:0; }
	.nav_wrapper .tel_wrap .tel { line-height:0; font-size:0; width:6rem; height:6rem; padding-top:0;}
	.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.open .tel_wrap .tel a { background:url(../images/common/tel_icon.png)center center no-repeat; background-size:70%; }
	.nav_wrapper .tel_wrap.new { right:6rem; width:6rem; height:6rem; background-color:transparent; border:0 !important; border-radius:0; padding:0; }
	.nav_wrapper .tel_wrap.new .tel { line-height:0; font-size:0; width:6rem; height:6rem; padding-top:0; }
	.nav_wrapper .tel_wrap.new .tel .tel_2 span { display:none; }
	.nav_wrapper .tel_wrap.new .tel a { line-height:0; font-size:0; display:block; width:6rem; height:6rem; }

	.spinner-master { width:6rem; height:6rem; }
	.spinner-master label { padding:0.8rem 1em; }
	.spinner-master .spinner { height:2px; }
	.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:grid; grid-template-columns: repeat(7, 1fr); /* 한 줄에 7개 */ gap:1px; /* 아이템 사이 간격 */  }
	.m_top_banner ul li {  }
	.m_top_banner ul li a { display:block; text-align:center; color:#fff; background:#446876; height:4rem; font-size:1.5rem; line-height:4rem; border-left:1px solid rgba(255,255,255,0.2); font-size:1.4rem; }
	.m_top_banner ul li a small { font-size:9px; }
	.m_top_banner ul li a img { width:auto; height:100%; max-height:15px; vertical-align:middle; }


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

	/*오른쪽 스크롤배너*/
	.popup h2 {font-size:20px; line-height:30px; }
	.popup .popup-con .scroll { max-height:60vh; }
	
	/* 모바일 하단 고정 메뉴 */
	.nav_wrapper .m_footer_fixmenu { display:block; position:fixed; bottom:-5rem; left:0; right:0; width:100%; background:#26343c; 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;}	

	.nav_wrapper.sub_header .m_top_banner { display:none; }
	.nav_wrapper.sub_header {  height:6rem; padding-top:0rem; }
	.nav_wrapper.sub_header.scroll { top:0rem; }
	.nav_wrapper.sub_header.scroll,
	.nav_wrapper.sub_header.open { top:0rem; }

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

}




@charset "utf-8";

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

/* 메인 비주얼 */
.main_visual { width:100%; height:800px; overflow:hidden; }
.main_visual .visual_bg { background:url(../images/main/main_visual.jpg)center no-repeat; background-size:cover; width:100%; height:800px; position:relative; }
.main_visual .visual_text { font-size:5rem; color:#fff; font-weight:100; line-height:1.3; position:absolute; top:24%; left:50%; transform:translateX(-50%); width:90%; max-width:1100px; text-align:center; }
.main_visual .visual_text span { display:block; }
.main_visual .visual_text strong { font-weight:500; }
.main_visual .visual_tel { margin-top:6rem; cursor:text; display:block; }
.main_visual .visual_tel img { width:100%; max-width:397px; }

.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.1);
      transform: scale(1.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, 1.1);
  }
}

/* 상담 신청 */
.section.section_counsel { margin-top:6rem; }
.section.section_counsel .section_inner { padding:8rem 0; }
.section.section_counsel .section_inner:before { background:url(../images/main/counsel_bg.jpg) center no-repeat; background-size:cover; width:100%; height:40rem; content:''; position:absolute; 
top:0; left:0; z-index:-1; }
.section.section_counsel .section_counsel_tit { font-size:4.2rem; line-height:1.3; color:#fff; margin:0 auto 5rem; width:80rem; text-align:center; font-weight:100; }
.section.section_counsel .section_counsel_tit strong { font-weight:500; }
.counsel_form_box { width:calc(100% - 20px); max-width:1200px; margin:0 auto; display:flex; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.5); }
.counsel_form_box .counsel_form_btn { width:22rem; text-align:center; background:#2d343a; flex-shrink:0; position:relative; }
.counsel_form_box .counsel_form_btn button { color:#fff; position:absolute; width:100%; height:100%; background:#2d343a; font-size:2.4rem; border:0; top:0; left:0; cursor:pointer; }
.counsel_form_box .counsel_form_input { flex-grow:1; padding:3rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
.counsel_form_box .counsel_form_input .input_item { margin-bottom:0.5rem; display:flex; justify-content:space-between; }
.counsel_form_box .counsel_form_input .input_item.w50 { width:48%; }
.counsel_form_box .counsel_form_input .input_item.w100 { width:100%; }
.counsel_form_box .counsel_form_input .input_item .tit { width:9rem; flex-shrink:0; padding-top:1rem; font-size:1.4rem; color:#111; }
.counsel_form_box .counsel_form_input .input_item .input { flex-grow:1; }
.counsel_form_box .counsel_form_input .agree label { color:#555; font-size:1.4rem;}
.counsel_form_box .counsel_form_input .agree .terms_btn { font-size:1.3rem; color:#555; background:#ccc; border-radius:2px; padding:0 3px; line-height:2rem; cursor:pointer; margin-left:0.5rem;}
 /* 자동입력방지 */
 .counsel_form_box .captchaDiv { display:flex; gap:5px; }
 .counsel_form_box .captchaDiv .captchaImg img { width:120px; }

/* 카운팅 */
.section.section_count {  }
.section.section_count .section_inner { padding:10rem 0; background:url(../images/main/count_bg.jpg) center center no-repeat; background-size:cover; }
.section.section_count .section_title.white p { letter-spacing:0.5rem; }
.counter_wrap { display:flex; justify-content:space-between; align-items:flex-end; }
.counter_wrap .counter_item { padding:0 1rem; text-align:center; position:relative; display:block; letter-spacing:-0.05em; color:#fff; width:33.3333%; }
.counter_wrap .counter_item .title { font-size:2rem; color:#111; line-height:1.2; }
.counter_wrap .counter_item .title p { font-size:1.5rem; color:#555; height:2.0rem; }
.counter_wrap .counter_item .title:before { display:block; width:40px; height:1px; content:''; background:#111; margin:2rem auto;}
.counter_wrap .counter_item .countCon { font-size:2.2rem; color:#1b4252; line-height:1;}
.counter_wrap .counter_item .countCon strong { font-size:10rem; color:#1b4252; font-weight:700; }
.counter_wrap .counter_item .countCon.agency {  }
.counter_wrap .counter_item .countCon.agency .agency_list { padding-top:1.2rem; }
.counter_wrap .counter_item .countCon.agency .agency_list a { position:relative; cursor:pointer; }
.counter_wrap .counter_item .countCon.agency .agency_list a + a:before { width:1px; height:10px; background:rgba(255,255,255,0.2); content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.counter_wrap .counter_item .countCon.agency .agency_list a span { display:inline-block; padding:0 1rem; line-height:3.4rem; font-size:2.0rem; font-weight:300; color:#fff; background:#3b5a66; 
border-radius:1.7rem; margin:1px; }


/* 전국사무소 */
.section.section_agency {  }
.section.section_agency .section_inner { background:url(../images/main/agency_bg.jpg)center center; background-size:cover; padding:10rem 0; }
.office_tab_wrap { margin-top:7rem; color:#fff; position:relative; padding-left:14rem; }
.office_tab_wrap:after { display:block; clear:both; content:'';}
.office_tab_wrap .office_tabs { width:10rem; position:absolute; top:40%; left:0; transform:translateY(-50%); }
.office_tab_wrap .office_tabs .tabs { display:block; width:10rem; }
.office_tab_wrap .office_tabs .tabs li { margin:2px 0; line-height:4rem; width:100%; text-align:center; display:block; font-size:1.7rem; color:#fff; border:1px solid rgba(255,255,255,0.2); cursor:pointer;  }
.office_tab_wrap .office_tabs .tabs li.on { background:#41838c; color:#fff; }
.office_tab_wrap .office_info { display:flex; justify-content:center; }
.office_tab_wrap .office_info .map_div { width:500px; }
.office_tab_wrap .office_info .map_div .load_map { width:500px; height:280px; overflow:hidden;  margin-top:2rem; }
.office_tab_wrap .office_info .loca_info {  }
.office_tab_wrap .office_info .loca_info h3 {font-size:2.5rem; font-weight:500; line-height:2.6rem; position:relative; padding-bottom:1rem; margin-bottom:1.5rem; }
.office_tab_wrap .office_info .loca_info h3:before { display:block; width:40px; height:1px; background:#fff; content:''; position:absolute; bottom:0px; left:0; }
.office_tab_wrap .office_info .loca_info .address_wrap {  }
.office_tab_wrap .office_info .loca_info .address_wrap .address { font-size:1.7rem; font-weight:300; line-height:2.6rem; }
.office_tab_wrap .office_info .loca_info .address_wrap .address strong { font-weight:300; color:#fe7e01; }
.office_tab_wrap .office_info .loca_info .address_wrap .work_time { margin-top:1rem; font-size:1.5rem; line-height:2.5rem; }
.office_tab_wrap .office_info .loca_info .address_wrap .work_time strong { font-weight:500;}
.office_tab_wrap .office_info .loca_info .address_wrap .work_time .tel_num { font-size:1.7rem; }
.go_map_btn { display:none; }
.root_daum_roughmap .wrap_controllers { display:none;}
.office_tab_wrap .office_info .position_new{ margin-right:8rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_bg { position:relative; max-width:373px; margin:0 auto; }
.office_tab_wrap .office_info .position_new .map_img { display:none; position:absolute; transform:translate(-50%, -50%); }
.office_tab_wrap .office_info .position_new .map_img.seoul { left:34.0482%; top:20.0764%;  }
.office_tab_wrap .office_info .position_new .map_img.inchon { left:23.1286%; top:20.0760%; }
.office_tab_wrap .office_info .position_new .map_img.gwangju { left:23.3243%; top:68.6424%; }
.office_tab_wrap .office_info .position_new .map_img.busan { left:77.2117%; top:70.7456%; }
.office_tab_wrap .office_info .position_new .map_img.daegu { left:65.1474%; top:57.9349%; }
.office_tab_wrap .office_info .position_new .map_img.daejeon { left:39.1420%; top:45.5066%; }
.office_tab_wrap .office_info .position_new .map_img.suwon { left:33.5120%; top:25.4302%; }
.office_tab_wrap .office_info .position_new .map_img.uijeongbu { left:35.9249%; top:16.25239%; }
.office_tab_wrap .office_info .position_new .map_img.seongnam { left:38.0697%; top:23.51816%;  }
.office_tab_wrap .office_info .position_new .map_img.changwon { left:66.7560%; top:71.7017%;  }
.office_tab_wrap .office_info .position_new .map_img.pyeongtaek { left:34.1894%; top:29.7396%;  }
.office_tab_wrap .office_info .position_new .map_img.cheonan { left:34.1894%; top:35.7396%;  }
/*창원 개소 예정*/
/*.office_tab_wrap .office_info .map_div.changwon .work_time { display:none; } 
.office_tab_wrap .office_info .map_div.changwon .go_map_btn { display:none !important; }
.office_tab_wrap .office_info .map_div.changwon .address { font-size:20px; color:#fe7e01; }*/

.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:1.8rem; height:1.8rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:3rem; height:3rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:2rem; height:2rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:2.5rem; height:2.5rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:2.6rem; height:2.6rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:2.5rem; height:2.5rem; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:2.5rem; height:2.5rem; position:relative; }
.map_cc { position:absolute; border-radius:50%; background:rgba(65, 131, 140, 0.2); border: 1px solid rgba(65, 131, 140, .3); z-index:99; 
animation-name:map_circle; animation-duration:1.2s; animation-iteration-count:infinite; animation-direction: alternate;display:block; 
transform:translate(-50%, -50%); left:50%; top:50%; width:100%; height:100%; }
.seoul .cc_wrap .map_cc { animation-duration:1.4s; }
.cc_02{ animation-delay:0.2s; width:200%; height:200%; }
.cc_03{ animation-delay:0.4s; width:350%; height:350%; }
.cc_04{ animation-delay:0.6s; width:550%; height:550%; }
.cc_05{ animation-delay:0.8s; width:750%; height:750%; }
/*.daejeon .cc_wrap .map_cc { animation-delay:0.2s; }
.daegu .cc_wrap .map_cc { animation-delay:0.4s; }
.gwangju .cc_wrap .map_cc { animation-delay:0.6s; }
.busan .cc_wrap .map_cc { animation-delay:0.8s; }
.suwon .cc_wrap .map_cc { animation-delay:1s; }
.inchon .cc_wrap .map_cc { animation-delay:1.2s; }*/
.daejeon .cc_wrap .map_cc.cc_01 { animation-delay:0.4s; }
.daejeon .cc_wrap .map_cc.cc_02 { animation-delay:0.6s; }
.daejeon .cc_wrap .map_cc.cc_03 { animation-delay:0.8s; }
.daejeon .cc_wrap .map_cc.cc_04 { animation-delay:1.0s; }
.busan .cc_wrap .map_cc.cc_01 { animation-delay:0.2s; }
.busan .cc_wrap .map_cc.cc_02 { animation-delay:0.4s; }
.busan .cc_wrap .map_cc.cc_03 { animation-delay:0.6s; }
.busan .cc_wrap .map_cc.cc_04 { animation-delay:0.8s; }
.gwangju .cc_wrap .map_cc.cc_01 { animation-delay:0.6s; }
.gwangju .cc_wrap .map_cc.cc_02 { animation-delay:0.8s; }
.gwangju .cc_wrap .map_cc.cc_03 { animation-delay:1.0s; }
.gwangju .cc_wrap .map_cc.cc_04 { animation-delay:1.2s; }
.inchon .cc_wrap .map_cc.cc_01 { animation-delay:0.4s; }
.inchon .cc_wrap .map_cc.cc_02 { animation-delay:0.6s; }
.inchon .cc_wrap .map_cc.cc_03 { animation-delay:0.8s; }
.inchon .cc_wrap .map_cc.cc_04 { animation-delay:1.0s; }

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


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

@media all and (max-width: 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; }
	
	/* 메인 비주얼 */
	.main_visual { height:700px;  }
	.main_visual .visual_bg {  height:700px; }
	.main_visual .visual_text { font-size:4.2rem; }
	
	/* 상담 신청 */
	.section.section_counsel .section_counsel_tit { font-size:3.8rem; }

}


/* ================================== 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 { height:600px;  }
	.main_visual .visual_bg {  height:600px; }
	.main_visual .visual_text { font-size:4rem; top:50%; left:50%; transform:translate(-50%, -50%); }
	.main_visual .visual_tel img { max-width:300px; }
	
	/* 상담 신청 */
	.section.section_counsel .section_counsel_tit { font-size:3.5rem; }
	.section.section_counsel .section_inner:before { height:35rem; }
	.counsel_form_box .counsel_form_btn { width:18rem; }
	
	/* 카운팅 */
	.counter_wrap .counter_item .countCon strong { font-size:8rem; }
	.counter_wrap .counter_item .countCon.agency .agency_list { padding-top:0rem; }
	.counter_wrap .counter_item .countCon.agency .agency_list a span { padding:0 0.6rem; font-size:1.8rem; line-height:3.2rem; border-radius:1.5rem; }	
	
	/* 사무실 슬라이드 */
	.section.section_office { margin:8rem 0; }
	.section.section_office .section_title { font-size:3rem; }
	
	/* 전국사무소 */
	.section.section_agency { padding:8rem 0; }
	.office_tab_wrap { margin-top:4rem; padding-left:0; }
	.office_tab_wrap .office_tabs { width:100%; position:relative; top:0; left:0; right:0; transform:translateY(0); text-align:center; margin-bottom:4rem; }
	.office_tab_wrap .office_tabs .tabs { width:auto; float:none; display:inline-block; text-align:center; }
	.office_tab_wrap .office_tabs .tabs:after { display:block; clear:both; content:''; }
	.office_tab_wrap .office_tabs .tabs li { width:10rem; display:inline-block; float:none; }
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:1.44rem; height:1.44rem; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:2.4rem; height:2.4rem; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:2rem; height:2rem; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:2.08rem; height:2.08rem; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:2rem; height:2rem; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:2rem; height:2rem; }
}



@media all and (max-width: 960px) {	
	/* 전국사무소 안내 */
	.office_tab_wrap .office_info { margin-top:1.5rem; display:block; }
	.office_tab_wrap .office_info .position { margin-right:0rem; width:18rem; display:block; margin:0 auto; }
	.office_tab_wrap .office_info .map_div { width:100%; display:block; }
	.office_tab_wrap .office_info .position .map_img { display:none;  }
	.office_tab_wrap .office_info .map_div { /*background:rgba(0,0,0,0.5);*/ }
	.office_tab_wrap .office_info .map_div .load_map { width:100%; height:240px; overflow:hidden; border:4px solid rgba(0,0,0,0.3); display:none; }
	.office_tab_wrap .office_info .loca_info { margin-top:1.5em;}
	.office_tab_wrap .office_info .loca_info h3 {font-size:1.8rem; width:100%; float:none; line-height:2.4rem; position:relative; }
	.office_tab_wrap .office_info .loca_info .address_wrap { width:100%; float:none; }
	.office_tab_wrap .office_info .loca_info .address_wrap .address { font-size:1.5rem; font-weight:300; line-height:2.2rem; margin-top:1rem; }
	.office_tab_wrap .office_info .loca_info .address_wrap .address strong { font-weight:300; color:#fe7e01; }
	.office_tab_wrap .office_info .loca_info .address_wrap .work_time { margin-top:1rem; font-size:1.3rem; line-height:2rem; display:none;}
	.office_tab_wrap .office_info .loca_info .address_wrap .work_time strong { display:none; }
	.go_map_btn { display:block; width:100%; margin-top:1rem; }
	.go_map_btn .go_map { display:block; width:100%; height:4rem; line-height:4rem; background:#26343c; color:#fff; text-align:center; font-size:1.4rem;}	

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


/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) {
	/* 메인페이지 공통 */
	.section .section_title { font-size:3.0rem; margin-bottom:2rem; }
	.section .section_title p { font-size:1.6rem; }
	.section .section_title.bar p:before { margin:1rem auto; }
	
	/* 메인 비주얼 */
	.main_visual { height:80vh;  }
	.main_visual .visual_bg {  height:80vh; }
	.main_visual .visual_text { font-size:3.5rem; top:45%; }
	.main_visual .visual_tel { margin-top:1rem; }
	.main_visual .visual_tel img { max-width:280px; }
	
	/* 상담 신청 */
	.section.section_counsel .section_counsel_tit { font-size:3rem; width:90%; margin:0 auto 4rem; }
	.section.section_counsel .section_inner:before { height:35rem; }
	.counsel_form_box { display:block; }
	.counsel_form_box .counsel_form_btn { width:100%; display:block; }	
	.counsel_form_box .counsel_form_btn button {position:relative; width:100%; line-height:5rem; height:5rem; font-size:1.8rem; }
	
	/* 카운팅 */
	.counter_wrap .counter_item .countCon { font-size:1.8rem; }
	.counter_wrap .counter_item .countCon strong { font-size:5.5rem; font-weight:500;  }
	.counter_wrap .counter_item .title { font-size:1.7rem; width:100%; }
	.counter_wrap .counter_item .title p { font-size:1.3rem;height:2.0rem; }
	.counter_wrap .counter_item .countCon.agency .agency_list a span { font-size:1.6rem; margin:1px 0; }
	.counter_wrap .counter_item .countCon.agency .agency_list a small { font-size:9px; }
	
	/* 사무실 슬라이드 */
	.section.section_office { margin:4rem 0; }
	.section.section_office .section_title { font-size:2.4rem; }
	.office_slider .item { margin:0 0.2rem; }
	.office_slider .slick-arrow.slick-prev,
	.office_slider .slick-arrow.slick-next { width:40px; height:36px; }
	
	/* 전국사무소 안내 */
	.section.section_agency { padding:5rem 0; }
	.office_tab_wrap { margin-top:3rem;}
	.office_tab_wrap .office_tabs { margin-bottom:2.5rem; }
	.office_tab_wrap .office_tabs .tabs { display:flex; flex-wrap:wrap; justify-content:center; }
	.office_tab_wrap .office_tabs .tabs li { margin:1px; line-height:3rem; text-align:center; font-size:1.4rem; padding:0 1rem; width:60px; flex-shrink:0;  flex-grow:0; }
	.office_tab_wrap .office_tabs .tabs li span { font-size:9px; }

} 
	


@media all and (max-width: 559px) {	
	/* 메인 비주얼 */
	.main_visual { height:80vh;  }
	.main_visual .visual_bg {  height:80vh; }
	.main_visual .visual_text { font-size:2.6rem; }
	.main_visual .visual_tel img { max-width:250px; }
	
	/* 상담 신청 */
	.section.section_counsel .section_inner { padding:6rem 0; }
	.section.section_counsel .section_counsel_tit { font-size:2.3rem; margin-bottom:3rem; }
	.counsel_form_box .counsel_form_input .input_item.w50 { width:100%; }	
	
	/* 카운팅 */
	.section.section_count .section_inner { padding:6rem 0; }
	.section.section_count .section_inner .w1200 { padding:0; }
	.counter_wrap .counter_item { padding:0 1px 0 2px; /*width:32.5%;*/ flex-grow:1; width:auto; }
	.counter_wrap .counter_item.agency_num { /*width:35%;*/ }
	.counter_wrap .counter_item .countCon { font-size:1.3rem; }
	.counter_wrap .counter_item .countCon strong { font-size:3.4rem; }
	.counter_wrap .counter_item .title { font-size:1.5rem; letter-spacing:-0.2rem; }	
	.counter_wrap .counter_item.lawyer_num .title span { display:none; }
	.counter_wrap .counter_item .countCon.agency .agency_list a span { font-size:1.4rem; line-height:1.3; padding:0 0.4rem; border-radius:0.5rem; }
	
	/* 전국 사무소 안내 */
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:1.2rem; height:1.2rem; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:1.92rem; height:1.92rem; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:1.28rem; height:1.28rem; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:1.6rem; height:1.6rem; }
	
}


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


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

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

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

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

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

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

.lawyer_slide_wrap { margin-top:20px; position:relative; overflow:hidden; }
.lawyer_slide_wrap .lawyer_slider:after { display:block; clear:both; content:''; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { position:relative; margin:0 2px; width:14.2857%; float:left;  }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.visible_m { display:none !important; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .pic img { width:100%; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { position:absolute; bottom:0; left:0; width:100%; line-height:28px; font-size:15px; text-align:right; color:#fff; padding-right:10px; 
text-shadow:0px 0px 2px #000, 1px 1px 2px #000; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts a { display:block; width:100%; height:100%;}
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts a:after { display:block; width:100%; height:100%; content:''; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0;  }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.slick-current a:after { display:none; }
.lawyer_slide_wrap .lawyer_slider .slick-arrow.slick-prev { text-indent: -1000px; font-size: 0; background:rgba(0,0,0,0.5) url(../images/common/arw_prev.png)center center no-repeat;
    background-size: 16px; left:0; top:0; z-index: 90; width:30px; height:100%; position:absolute; border:0; }
.lawyer_slide_wrap .lawyer_slider .slick-arrow.slick-next { text-indent: -1000px;  font-size: 0;  background:rgba(0,0,0,0.5) url(../images/common/arw_next.png)center center no-repeat;
    background-size: 16px;  right:0; top:0;  z-index: 90; width:30px; height:100%; 	position:absolute;	border:0; }
.lawyer_slide_wrap .lawyer_slider.visible_pc { display:block !important; }
.lawyer_slide_wrap .lawyer_slider.visible_m { display:none !important; }


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

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

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

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

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

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

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

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












@charset "utf-8";

/*컨텐츠 공통*/
.sub_visual { width:100%; padding:9rem 10px 0; background:url(../images/sub/sub_visual_01.jpg) center center no-repeat; background-size:cover;  }
.sub_visual.sub_01 { background:url(../images/sub/sub_visual_01.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_02 { background:url(../images/sub/sub_visual_02.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_03 { background:url(../images/sub/sub_visual_03.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_04 { background:url(../images/sub/sub_visual_04.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_05 { background:url(../images/sub/sub_visual_05.jpg) center center no-repeat; background-size:cover; }
.sub_visual.sub_06 { background:url(../images/sub/sub_visual_01.jpg) center center no-repeat; background-size:cover; }

.page_title_wrap { width:100%; max-width:1220px; padding:7rem 10px; text-align:center; margin:0 auto; }
.page_title_wrap .page_title { font-size:5rem; color:#fff; line-height:1; font-weight:100; }
.page_title_wrap .page_title:after { display:block; width:6rem; height:1px; background:#fff; content:''; margin:1.5rem auto 0; }

.snb_wrap { width:100%; max-width:1220px; padding:0; text-align:center; margin:0 auto 0; padding-bottom:2rem; }
.snb_wrap ul { display:flex; justify-content:space-between; }
.snb_wrap ul li { text-align:center; flex-grow:1; margin:0 2px; }
.snb_wrap ul li + li {  }
.snb_wrap ul li a { line-height:5.4rem; font-size:1.8rem; color:#fff; display:block; font-weight:300; border:2px solid rgba(255,255,255,0.3); }
.snb_wrap ul li:hover a { background:rgba(255,255,255,0.2); }
.snb_wrap ul li.on a { background:transparent; color:#41838c; font-weight:500; border-color:#41838c; }

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

.img_border{ border-top:3px solid #000; border-bottom:3px solid #000; }
.underline { font-weight:500; background:url(../images/sub/underline_1.gif)left bottom repeat-x; color:#111; display:inline; }
.yellewBoxText { background:url(../images/sub/text_bg.jpg)0 bottom no-repeat; background-size:cover; font-weight:500; color:#111; display:inline; }

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

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

/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) { 
	.page_title_wrap { padding:8rem 10px 3rem; }
	.page_title_wrap .page_title { font-size:3rem; }	
	.snb_wrap ul li a { line-height:3.8rem; font-size:1.4rem; }	
	.sub_container { padding:6rem 2rem 7rem; font-size:1.6rem; line-height:2.8rem; }
}

@media all and (max-width: 559px) { 
	.snb_wrap ul li { margin:0 1px; }
	.snb_wrap ul li a { line-height:3.6rem; font-size:1.4rem; }	
	.sub_container { padding:4rem 2rem 5rem; }
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 센터소개  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.ohCenter {}
.ohCenter .mark_wrap { }
.ohCenter .mark_wrap .mark_list { display:flex; justify-content:space-between; flex-wrap:wrap; }
.ohCenter .mark_wrap .mark_list li { flex-grow:1; text-align:center; width:20%; padding:0 5px; }
.ohCenter .mark_wrap .mark_list li span { display:block; margin-top:1rem; font-size:1.5rem; color:#111; line-height:1.2; }
.ohCenter .ohCenter_strong { background:#fff; text-align:center; padding:3rem; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,0.3); border:1px solid #f1f1f1; margin-top:6rem; }
.ohCenter .ohCenter_strong p { color:#000; font-weight:300; font-size:2rem; line-height:1.5; display:inline-block; position:relative; padding:0 30px; }
.ohCenter .ohCenter_strong p:before { content:''; position:absolute; top:0; left:0; width:21px; height:18px; display:inline-block; background: url(../images/sub/sub1/text_before.png)center;  background-size:cover; }
.ohCenter .ohCenter_strong p:after { content:''; position:absolute; top:0; right:0; width:21px; height:18px; display:inline-block; background: url(../images/sub/sub1/text_after.png)center; background-size:cover; }
.ohCenter .ohCenter_text { margin-top:6rem; }
.ohCenter .ohCenter_text p + p { margin-top:2rem; }

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	.ohCenter .mark_wrap .mark_list li img { height:70px; }
}

/* ================================== Mobile css ================================== */
@media all and (max-width:767px){
	.ohCenter .mark_wrap .mark_list li span { font-size:1.4rem; }
	.ohCenter .mark_wrap .mark_list li img { height:65px; }
}

@media all and (max-width:599px){
	.ohCenter .mark_wrap .mark_list li { width:33.3333%; margin-bottom:1rem; }
	.ohCenter .mark_wrap .mark_list li:nth-chils(4) { width:50%; }
	.ohCenter .mark_wrap .mark_list li:nth-chils(5) { width:50%; }
	.ohCenter .mark_wrap .mark_list li span { font-size:1.3rem; }
	.ohCenter .mark_wrap .mark_list li img { height:45px; }
	.ohCenter .ohCenter_strong { padding:2rem; }
	.ohCenter .ohCenter_strong p { font-size:1.8rem; padding:0 24px; }
	.ohCenter .ohCenter_strong p:before,
	.ohCenter .ohCenter_strong p:after { width:18px; height:15px; }
}



/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 오현만의 특별함  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.special_wrap { position:relative; }
.special_wrap .secInner .point { font-size:2rem; color:#000; font-weight:500; line-height:3rem; padding:0; margin-bottom:1.5rem; display:inline-block;} 
.special_wrap .special_top { position:relative; padding-right:28%; padding-bottom:3rem; }
.special_wrap .special_top .bg_img { position:absolute; bottom:0; right:0; z-index:-1; }
.special_wrap .special_top .bg_img img { width:100%; }
.oh_special {  }
.oh_special .oh_is_top { padding:10rem 1.5rem; background:url(../images/sub/sub1/intro_bg_1.jpg)center center no-repeat; background-size:cover; text-align:center; }
.oh_special .oh_is_top p { font-size:2.5rem; color:#fff; }
.oh_special .oh_is_top p strong { font-weight:500; border-bottom:1px solid #fff; }
.oh_special .oh_is { margin-top:8rem; }
.oh_special .oh_is:after { display:block; clear:both; content:''; }
.oh_special .oh_is > div { width:calc(50% - 2rem); }
.oh_special .oh_is .left { float:left; }
.oh_special .oh_is .right { float:right; }
.oh_special .oh_is dl + dl {  }
.oh_special .oh_is dl dt { font-size:2rem; color:#000; margin-bottom:1.5rem; }
.oh_special .oh_is dl dd { font-size:1.6rem; line-height:1.5; color:#111; height:14rem;  }
.oh_special .oh_is h2 { font-size:3rem; color:#000; font-weight:200; position:relative; line-height:2; margin-bottom:4rem; }
.sub3_mark { text-align:center; margin:6rem auto 0;  width:80%; max-width:795px;  }

.textAni:hover,
.textAni.active { background:url(../images/sub/text_bg.jpg)0 bottom no-repeat;  background-size:cover;  transition-duration:0.8s;  transition-timing-function: ease-out;  }
.textAni.type01:hover,
.textAni.type01.active { background:url(../images/sub/text_bg_1.jpg)0 bottom no-repeat;  background-size:cover;  transition-duration:1s; trasition-delay:1s; transition-timing-function: ease-out;  }
.textAni { font-size:20px; font-weight:400; color:#332509; background:url(../images/sub/sub1/text_bg.jpg)-800px bottom no-repeat; background-size:cover; margin-bottom:3px; line-height:26px; padding:0 3px; }
.textAni.type01 { background:url(../images/sub/sub1/text_bg_1.jpg)-800px bottom no-repeat;  }

.ty_ani.active {  transition:all 0.5s ease-out; transform:translateY(0px); opacity:1; } 
.ty_ani { transform:translateY(50px); transition:all 0.5s; opacity:0; }
.fade_ent.active { transition:all 0.8s ease-out; opacity:1;  }
.fade_ent { opacity:0; transition:all 0.8s ease-out; }
.bar.active { width:9rem; opacity:1; transition:all 0.3s ease-out; }
.bar { width:0rem; height:1px; background:#000; display:block; opacity:0; transition:all 0.3s ease-out; }
.delay5 { transition-delay:0.5s; }
.delay10 { transition-delay:10s; }



/* ================================== Mobile css ================================== */
@media all and (max-width:767px){
	.special_wrap .special_top { padding-right:0; padding-bottom:0; }
	.special_wrap .special_top .img-right { padding-right:28%;  }
	
	.oh_special { margin-top:5rem; }
	.oh_special .oh_is_top { padding:5rem 1.5rem; }
	.oh_special .oh_is_top p { font-size:1.8rem;}
	.oh_special .oh_is { margin-top:4rem; }
	.oh_special .oh_is > div { width:100%; }
	.oh_special .oh_is .left { float:none; }
	.oh_special .oh_is .right { float:none; margin-top:3rem; }
	.oh_special .oh_is dl dt { margin-bottom:1rem; }
	.oh_special .oh_is dl dd { font-size:1.5rem; height:auto; }
	.oh_special .oh_is dl + dl { margin-top:2rem; }
	.oh_special .oh_is h2 { margin-bottom:2rem; }
	
}


/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////  업무분야  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.tab_3depth { text-align:center; margin-bottom:5rem; }
.tab_3depth ul { display:flex; justify-content:center; }
.tab_3depth ul li { width:18rem; margin:0 5px; }
.tab_3depth ul li a { line-height:4rem; color:#333; border-bottom:3px solid #ccc; display:block; width:100%; font-size:1.9rem; color:#111; font-weight:500; position:relative; }
.tab_3depth ul li a:hover { color:#446876; }
.tab_3depth ul li.active a { color:#446876; border-color:#446876;  }
.tab_3depth ul li.active a:after { position:absolute; bottom:-8px; left:50%; width:0; height:0; border-top:5px solid #446876; border-left:5px solid transparent; border-right:5px solid transparent; content:'';
transform:translateX(-50%); }
.businessAreaCnts .cntTitle { font-size:3.5rem; font-weight:500; color:#446876; margin-bottom:2rem; }
.businessAreaCnts .cntTitle_1 { font-size:2.4rem; font-weight:500; margin-bottom:1rem; }
.businessAreaCnts .businessAreaText { font-size:1.9rem; line-height:1.6; }
.businessAreaCnts .businessAreaText p + p { margin-top:1.5rem; }
.text_box { border:1px solid #ccc; padding:3rem; }
.punish_list {}
.punish_list li + li  { margin-top:3rem; }
.punish_list li { padding-left:2rem; position:relative; }
.punish_list li:before { width:1.4rem; height:1.4rem; background:url(../images/sub/list_bullet_big.png); background-size:cover; content:''; position:absolute; left:0; top:0.5rem; }
.punish_list .tit { font-size:2rem; font-weight:500; line-height:1.3; margin-bottom:1rem; }
.punish_list .cnts { font-size:1.7rem; color:#555; line-height:1.5; }
.step_wrap { margin-top:5rem; }
.step_wrap .stepTit { font-size:2.4rem; font-weight:500; }
.text_box .list_bullet { font-size:1.6rem; color:#555; }
.step_wrap .step_list { margin-top:4rem; position:relative; }
.step_wrap .step_list:before { position:absolute; top:0; left:1.7rem; content:''; display:block; width:2px; height:100%; background:#a1b3ba; }
.step_wrap .step_list > li { padding-left:6rem; position:relative; }
.step_wrap .step_list > li + li { margin-top:3rem; }
.step_wrap .step_list .step_item p.tit { font-size:2.0rem; color:#111; font-weight:500; line-height:1.3; position:relative; }
.step_list li .step_item p.tit:before { display:block; width:3.6rem; height:3.6rem; line-height:3.6rem; border-radius:50%; content:''; background:#446876; color:#fff; font-size:2rem; position:absolute; 
top:50%; left:-6rem; transform:translateY(-50%); text-align:center; }
.step_list li.step_01 .step_item p.tit:before { content:'1'; }
.step_list li.step_02 .step_item p.tit:before { content:'2'; }
.step_list li.step_03 .step_item p.tit:before { content:'3'; }
.step_list li.step_04 .step_item p.tit:before { content:'4'; }
.step_list li.step_05 .step_item p.tit:before { content:'5'; }
.step_list li.step_06 .step_item p.tit:before { content:'6'; }
.step_list li.step_07 .step_item p.tit:before { content:'7'; }
.step_list li.step_08 .step_item p.tit:before { content:'8'; }
.step_list li.step_09 .step_item p.tit:before { content:'9'; }
.step_list li.step_10 .step_item p.tit:before { content:'10'; }
.step_list li.step_11 .step_item p.tit:before { content:'11'; }
.step_list li.step_12 .step_item p.tit:before { content:'12'; }
.step_wrap .step_list .step_item .text_box { margin-top:1rem; }


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


/* ================================== Mobile css ================================== */
@media (max-width: 766px) {
	.businessAreaCnts .cntTitle { font-size:3rem;}
	.businessAreaCnts .cntTitle_1 { font-size:2.2rem; }
	.businessAreaCnts .businessAreaText { font-size:1.8rem; }
	.step_wrap .step_list .step_item p.tit { font-size:1.9rem;  }
}

@media (max-width: 599px) {	
	.businessAreaCnts .cntTitle { font-size:2.5rem; }
	.businessAreaCnts .cntTitle_1 { font-size:2rem; }
	.businessAreaCnts .businessAreaText { font-size:1.7rem; }
	.table.res_table th, .table.res_table td { display:block; padding:1rem; }
	.text_box { padding:2rem; }
	.punish_list li + li  { margin-top:2rem; }
	.punish_list .tit { font-size:1.8rem; margin-bottom:0.7rem; }
	.punish_list .cnts { font-size:1.5rem; }
	.step_wrap .step_list > li { padding-left:4rem; }
	.step_list li .step_item p.tit:before { left:-4rem; width:3.2rem; height:3.2rem; line-height:3.2rem; font-size:1.8rem; }
	.step_wrap .step_list .step_item p.tit { font-size:1.8rem; }
	
}

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

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

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


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

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

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

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

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

}

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


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









/**
 * Animations
 */

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

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

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

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

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

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

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

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

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

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

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

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