@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; background:rgba(0,0,0,0.6); }
.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:30.4rem; transform:translateY(-50%); z-index:20; }
.nav_wrapper h1.logo a { display:block; }
.nav_wrapper h1.logo a img { width:100%; }
.nav_wrapper 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; text-align:center; border-radius:3.4rem; border:1px solid #fff; transform:translateY(-50%); padding-top:0.5rem; 
width:30rem; height:6.8rem; line-height:2.6rem; z-index:90; }
.nav_wrapper .tel_wrap .tel { color:#fff; font-size:1.8rem; line-height:2.6rem;  }
.nav_wrapper .tel_wrap .tel a { cursor:text; font-size:2.8rem; color:#fff; font-weight:500; letter-spacing:-0.05rem; margin-left:0.5rem; }

#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 4.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:#0aa091; 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,
#gnb_wrap.menu .gnb_menu .navi > li.hover > a,
#gnb_wrap.menu .gnb_menu .navi > li.current > a { color:#9dc1ea; }
#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; top:9rem; opacity:0; left:0; right:0; width:100%; text-align:center; padding-top:1rem; height:0;  transition:all 0.3s ease-out; display:none; }
#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.5rem; font-weight:300; padding:0.8rem 0.5rem; line-height:1.2; 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:rgba(0,0,0,1); }
.nav_wrapper.hover { background:rgba(0,0,0,1); height:33rem; 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.hover #gnb_wrap.menu .gnb_menu .navi .sub-menu { display:block; opacity:1; transition:all 0.3s ease-out; height:auto; }
.nav_wrapper:before { position:absolute; width:100%; height:0rem; background:rgba(255,255,255,0); display:block; content:''; top:9rem; left:0; transition:all 0.3s ease-out; }
.nav_wrapper.hover:before { height:24rem; background:rgba(255,255,255,1); transition:all 0.3s ease-out; }


.nav_wrapper.scroll .tel_wrap,
.nav_wrapper.hover .tel_wrap { /* border:1px solid #169286; background:#169286;*/ }

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

/* footer */
.footer { letter-spacing:0; color:#fff; background:#1f262b; 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:#fff; }
.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:#fff; }
.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 { padding-top:0.2rem; width:25rem; }
	.nav_wrapper .tel_wrap .tel { line-height:2.6rem; font-size:1.6rem; }	
	.nav_wrapper .tel_wrap .tel a { font-size:2.6rem;}
	#gnb_wrap.menu .gnb_menu { text-align:right; padding-right:25rem; }
	#gnb_wrap.menu .gnb_menu .navi .sub-menu li a { padding:0.5rem 0.5rem; }

}


/* ================================== 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:26rem; }
	.nav_wrapper .tel_wrap { height:6rem; }
	.nav_wrapper .tel_wrap .tel {font-size:1.5rem; line-height:2.4rem; padding-top:0rem; }
	.nav_wrapper .tel_wrap .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 { 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; }
	
	.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:#fff; }
	.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:#fff; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg);  -webkit-transform:rotate(-135deg);  margin-top:-1.4rem; background-color:#fff; } 		
	
	#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:#efefef;
	}
	#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 #ccc;  }	
	#menu.menu .gnb_menu .navi > li > a { padding:2rem; line-height:2rem; width:100%; display:block; text-align:left; color:#111; 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:#262a2b; 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.5rem; padding-left:4rem; text-align:left; 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:14.275rem; padding-top:8.275rem; }	
	.nav_wrapper:after { top:14.275rem; }
	.sub_header.nav_wrapper:after { top:6rem; }
	.nav_wrapper.scroll,
	.nav_wrapper.open { top:-8.275rem; }
	.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.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_w.png)center center no-repeat;  background-size:70%; }
	.spinner-master { width:6rem; height:6rem; }
	.spinner-master label { padding:1rem 1.4rem; }
	.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: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:#023057; 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.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:#09131a; 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); }

/* main visual */
.main_visual_wrap { width:100%; position:relative; }
.main_visual_wrap .main_visual { width:100%; height:800px; text-align:center; position:relative; overflow:hidden; }	
.main_visual_wrap .main_visual .visual_bg { background:url(../images/main/main_visual.jpg)center bottom no-repeat; background-size:cover; width:100%; height:800px; 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:6rem; line-height:1; text-shadow:0 0 5px rgba(0,0,0,0.5); }
.main_visual_wrap .main_visual .visual_text .text_2 { margin-top:3.3rem; text-shadow:0 0 5px rgba(0,0,0,0.5); }
.main_visual_wrap .main_visual .visual_text .text_2 span { display:block; }
.main_visual_wrap .main_visual .visual_bg:after { display:block; content:''; width:100%; height:100%; background:rgba(0,0,0,0.2);}

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

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

/* 퀵메뉴 */
.quick_wrap { z-index:50; position:absolute; bottom:0; width:100%; left:0; right:0; margin-bottom:-50px; }
.quick_wrap .quick_list { width:100%; max-width:1400px; 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:20%; color:#fff; z-index:50; }
.quick_wrap .quick_list .quick_link:nth-child(2n+1) { background:rgba(20,42,61,0.9); }
.quick_wrap .quick_list .quick_link:nth-child(2n) { background:rgba(22,32,40,0.9); }
.quick_wrap .quick_list .quick_link a { display:block; text-align:center; position:relative; padding:4.5rem 1rem; }
.quick_wrap .quick_list .quick_link a .text { color:#fff; text-align:center; font-size:1.7rem; line-height:1.2; /*border-top:1px solid rgba(255,255,255,0.5);*/ margin-top:2.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 a .icon { display:inline-block; width:6.3rem; height:6.3rem; background:url(../images/main/quickmenu_icon_126x126.png)no-repeat; background-size:600%; transform:translateX(0);transition:all 0.2s ease-out; }
.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:20% 0;}
.quick_wrap .quick_list .quick_link.link_03 a .icon { background-position:40% 0;}
.quick_wrap .quick_list .quick_link.link_04 a .icon { background-position:60% 0;}
.quick_wrap .quick_list .quick_link.link_05 a .icon { background-position:80% 0;}
.quick_wrap .quick_list .quick_link:hover { background:rgba(2,72,122,0.9); } 
.quick_wrap .quick_list .quick_link a .more { display:block; width:90%; max-width:12rem; opacity:0; transition:all .3s ease-out; position:absolute; bottom:1.5rem; left:50%; color:#fff; font-size:1.4rem; text-align:center;
transform:translateX(-50%); border:1px solid rgba(255,255,255,0.5); line-height:3.6rem; padding:0;  }
.quick_wrap .quick_list .quick_link a:hover .more { opacity:1; }
.quick_wrap .quick_list .quick_link a:hover .text span { transform:translateY(-30px); } 
.quick_wrap .quick_list .quick_link a:hover .icon { transform:translateY(-20px); }


/* 뉴스룸 */
.section.section_news { padding:15rem 0 10rem; width:100%; position:relative; }
.section.section_news:before { width:100%; height:100%; content:''; display:block; /*background:url(../images/main/newsroom_bg.jpg)center bottom no-repeat; background-size:cover;*/ 
position:absolute; top:0; left:0; riehgt:0; z-index:-1; background:#eaebec; }
.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:rgba(2,48,87,0.5); content:''; display:block; position:absolute; left:0; top:50%; z-index:1; }
.newsBox .newsTit span { display:inline-block; background:#fff; padding-right:1rem; color:#023057; 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_navy.png)center center no-repeat; background-size:100%; background-color:transparent;
border:1px solid #023057; }
.newsList .newsItem .view_btn { width:5rem; height:5rem; background:url(../images/common/news_view_navy.png)center center no-repeat; background-size:100%; background-color:#dfdfdf; }
.newsList .newsItem:hover .view_btn { background:url(../images/common/news_view_w.png)center center no-repeat; background-color:#023057; }
.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:#fff; padding:10rem 0; background:#f9f9f9; }
.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(33.33333% - 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:#fff; font-size:1.6rem; display:inline-block; margin-bottom:1rem; line-height:1.5; background:#a2232a; padding:0 5px; }
.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:#a4a1a1; }
.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:#09131a; }

/* 전국사무소 */
.section.section_agency { background:url(../images/main/agency_bg.jpg)center center; background-size:cover; padding:10rem 0; }
.office_tab_wrap { margin-top:7rem; color:#fff; position:relative; padding-left:14rem; }
.office_tab_wrap:after { display:block; clear:both; content:'';}
.office_tab_wrap .office_tabs { width:10rem; position:absolute; top:40%; left:0; transform:translateY(-50%); }
.office_tab_wrap .office_tabs .tabs { display:block; width:10rem; }
.office_tab_wrap .office_tabs .tabs li { margin:2px 0; line-height:4rem; width:100%; text-align:center; display:block; font-size:1.7rem; color:#fff; border:1px solid rgba(255,255,255,0.4); cursor:pointer;  }
.office_tab_wrap .office_tabs .tabs li.on { background:#264688; 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(35, 78, 168, 0.2); border: 1px solid rgba(28, 58, 120, 0.4); 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: 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:80vh; }
	.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:8rem 0; }
	.section.section_news_1 .newsBox_1 { padding:0 1rem; }

	/* 퀵메뉴 */	
	.quick_wrap .quick_list .quick_link a .text { font-size:1.6rem; margin-top:2rem; }
	
	/* 사무실 슬라이드 */
	.section.section_office { margin:8rem 0; }
	.section.section_office .section_title { font-size:3rem; }
	
	/* 전국사무소 */
	.section.section_agency { padding:8rem 0; }
	.office_tab_wrap { margin-top:4rem; padding-left:0; }
	.office_tab_wrap .office_tabs { width:100%; position:relative; top:0; left:0; right:0; transform:translateY(0); text-align:center; margin-bottom:4rem; }
	.office_tab_wrap .office_tabs .tabs { width:auto; float:none; display:inline-block; text-align:center; }
	.office_tab_wrap .office_tabs .tabs:after { display:block; clear:both; content:''; }
	.office_tab_wrap .office_tabs .tabs li { width:10rem; display:inline-block; float:none; }
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:1.44rem; height:1.44rem; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:2.4rem; height:2.4rem; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:2rem; height:2rem; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:2.08rem; height:2.08rem; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:2rem; height:2rem; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:2rem; height:2rem; }
}


@media all and (max-width: 960px) {
	/* 뉴스룸 */
	.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 { 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:#264688; 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.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 { margin-bottom:0; }
	.quick_wrap .quick_list .quick_link a { padding:4rem 0.5rem; }
	.quick_wrap .quick_list .quick_link a .icon { width:5rem; height:5rem; }
	.quick_wrap .quick_list .quick_link a .text { font-size:1.5rem; margin-top:1.5rem; }
	.quick_wrap .quick_list .quick_link:hover { background:rgba(2,72,122,0.9); } 
	.quick_wrap .quick_list .quick_link:nth-child(2n+1):hover { background:rgba(20,42,61,0.9) !important; }
	.quick_wrap .quick_list .quick_link:nth-child(2n):hover { background:rgba(22,32,40,0.9) !important; }
	.quick_wrap .quick_list .quick_link a .more { display:none;  }
	.quick_wrap .quick_list .quick_link a:hover .more { display:none; }
	.quick_wrap .quick_list .quick_link a:hover .text span { transform:translateY(0px); } 
	.quick_wrap .quick_list .quick_link a:hover .icon { transform:translateY(0px); }
	
	/* 뉴스룸 */
	.section.section_news { padding:8rem 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: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: 560px) {
	/* 메인페이지 공통 */
	.section .section_title { font-size:3rem; }
		
	/* 메인비주얼 */ 
	.main_visual_wrap .main_visual .visual_text { font-size:2.1rem; }
	.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; }
	
	/* 퀵메뉴 */
	.quick_wrap .quick_list .quick_link a { padding:2rem 0.5rem; }
	.quick_wrap .quick_list .quick_link a .icon { width:4rem; height:4rem; }
	.quick_wrap .quick_list .quick_link a .text { font-size:1.3rem; }	
	
	/* 뉴스룸 */
	.section.section_news { padding:5rem 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; }
	
	
	/* 전국 사무소 안내 */
	.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: #31394c;
  }

.section.section_count { background:#f1f1f1; }

.section.section_lawyer { margin:10rem 0; }
.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) !important; }

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

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

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

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

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

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


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

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

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

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

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

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

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

@media (max-width: 560px) {	
	.section.section_lawyer { margin:5rem 0; }
	
	.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%; }
.sub_visual { 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; }
.sub_visual .page_title_wrap { width:100%; max-width:1220px; padding-top:9rem; text-align:center; margin:0 auto; }
.sub_visual .page_title_wrap .page_title { font-size:4.5rem; color:#fff; line-height:1.1; padding:8rem 0; font-weight:100; }
.sub_visual .page_title_wrap .page_title .title_bar:after { display:block; width:0; height:1px; background:#fff; content:''; margin:2rem auto 0; transition:all 0.3s; }
.sub_visual .page_title_wrap .page_title .title_bar.active:after { width:10rem; transition:all 0.3s; }

.snb_wrap { background:#f1f1f1; }
.snb_wrap .snb { width:100%; max-width:1220px; padding:0 10px; text-align:center; margin:0 auto; overflow-x: auto; }
.snb_wrap .snb ul { display:flex; width:100%; justify-content:space-between; word-break:keep-all;  word-wrap:normal; }
.snb_wrap .snb ul li { text-align:center; flex-grow:1; position:relative; word-break:keep-all;  word-wrap:nowrap; white-space:nowrap; }
.snb_wrap .snb ul li + li:before { display:block; width:1px; height:1.4rem; background:#ccc; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.snb_wrap .snb ul li a { line-height:1.3; font-size:1.8rem; color:#666; display:block; font-weight:500; position:relative; padding:3rem 1rem; }
.snb_wrap .snb ul li a span { display:inline-block; position:relative; }
.snb_wrap .snb ul li a span:after { display:block; opacity:0; width:0; height:2px; background:#333; content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .2s ease-out; }
.snb_wrap .snb ul li a:hover span:after { width:100%; opacity:1; }
.snb_wrap .snb ul li.on a span:after { background:#023057; width:100%; opacity:1; }
.snb_wrap .snb ul li:hover a  { color:#101010; }
.snb_wrap .snb ul li.on a { color:#023057 }

.sub_container { width:100%; font-size:1.6rem; color:#333; line-height:1.6; background:#fff; }
.sub_container .inner { max-width:1240px; padding:8rem 20px 10rem; margin:0 auto; min-height:50vh;  }
.sub_container .page_title_1 { margin-bottom:8rem; }
.sub_container .page_title_1 p { text-align:center; display:flex; justify-content:center; align-items:center; }
.sub_container .page_title_1 p span { font-size:4.0rem; color:#010101; word-break:keep-all; }
.sub_container .page_title_1 p:before { max-width:100px; height:1px; content:''; background:rgba(0,0,0,0.5); display:inline-block; margin-right:10px; flex-grow:1; }
.sub_container .page_title_1 p:after {  max-width:100px; height:1px; content:''; background:rgba(0,0,0,0.5); display:inline-block; margin-left:10px; flex-grow:1; }

.section { margin-top:10rem; }
.section.first { margin-top:0rem !important; }
.section .section_header {  }
.section .section_header .section_title { font-size:2.8rem; font-weight:500; color:#111; background:url(../images/sub/title_bullet.png)left center no-repeat; background-size:16px; padding-left:26px; text-align:left; }
.section .section_cnts { margin-top:3rem; }
.section_cnts strong.underline { font-weight:500; background:url(../images/sub/underline_1.gif)left bottom repeat-x; color:#010101; }

.section.type_01 { display:flex; justify-content:space-between; }
.section.type_01 .section_header { width:20rem; flex-grow:0; margin-bottom:0; margin-top:2rem; }
.section.type_01 .section_cnts { width:calc(100% - 20rem); margin-top:0;  }
.section.type_01 .section_header .section_title { color:#fff; background:#023057; padding:0 2rem; text-align:center; line-height:1.5; }

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


/*스크롤애니*/
.section_cnts strong.underline_ani { font-weight:500; background:url(../images/sub/underline.png)-1500px bottom no-repeat; color:#010101; }
.section_cnts strong.underline_ani.active { background:url(../images/sub/underline.png)0 bottom no-repeat; transition-duration:1.5s;  transition-timing-function:ease-out; }
.fade_ent { opacity:0; transform:translateY(20px); }
.fade_ent.active { opacity:1; transition-duration:0.6s;  transition-timing-function:ease-out; transform:translateY(0);   }
.fade_ent.delay.active { transition-delay:0.3s; }
.fade_ent.delay2.active { transition-delay:0.6s; }


@keyframes titlebar {from {opacity:0; width:1px;} to {opacity:1; width:10rem;}}
@-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 .page_title_wrap .page_title { font-size:4.2rem; padding:6.5rem 0; }	
	.snb_wrap .snb ul li a { font-size:1.7rem; }	
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) { 
	.sub_visual .page_title_wrap { padding-top:6rem; }
	.sub_visual .page_title_wrap .page_title { font-size:3.8rem; padding:5rem 0; }	
	.sub_visual .page_title_wrap .page_title .title_bar:after { margin:1.5rem auto 0; }
	.snb_wrap .snb ul li a { font-size:1.6rem; letter-spacing:-0.1em; padding:2rem 1rem; }	
	.sub_container .inner { padding:6rem 15px 8rem; }

	.sub_container .page_title_1 { margin-bottom:5rem; }
	.sub_container .page_title_1 p span { font-size:3.0rem; }	
	
	.section { margin-top:6rem; }
	.section .section_header .section_title { font-size:2.5rem; }	
	.section .section_cnts { margin-top:2rem; }

	.section.type_01 { flex-wrap:wrap;  }
	.section.type_01 .section_header { width:100%; margin-top:0; }
	.section.type_01 .section_cnts { width:100%; }
}

@media all and (max-width: 540px) { 
	.sub_visual .page_title_wrap .page_title { font-size:3rem; padding:4rem 0;  }	
	.sub_visual .page_title_wrap .page_title .title_bar:after { margin:1rem auto 0; }
	.sub_container .inner { padding:4rem 15px 6rem; }

	.sub_container .page_title_1 { margin-bottom:3.5rem; }
	.sub_container .page_title_1 p span { font-size:2.6rem; }
	.sub_container .page_title_1 p:after,
	.sub_container .page_title_1 p:before { display:none; }
		
}


/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////  업무분야  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.business_wrap {}
.business_wrap .business_text { padding:10rem 2rem 13rem; text-align:center; color:#fff; }
.business_wrap .business_text h3 { font-size:4rem; font-weight:500; line-height:1.2; }
.business_wrap .business_text p { font-size:1.8rem; max-width:80rem; margin:3rem auto 0; }
.business_wrap .business_text.business_01 { background:url(../images/sub/business_img_1.jpg)center center no-repeat; background-size:cover; }
.business_wrap .business_text.business_02 { background:url(../images/sub/business_img_2.jpg)center center no-repeat; background-size:cover; }
.business_wrap .business_text.business_03 { background:url(../images/sub/business_img_3.jpg)center center no-repeat; background-size:cover; }
.business_wrap .business_text.business_04 { background:url(../images/sub/business_img_4.jpg)center center no-repeat; background-size:cover; }
.business_wrap .business_text.business_05 { background:url(../images/sub/business_img_5.jpg)center center no-repeat; background-size:cover; }

.business_wrap .business_detail { margin-left:20rem; padding:3.5rem; background:#fff; margin-top:-30px; }
.business_wrap .business_detail p + p { margin-top:2rem; }
.border_box { /*border:1px solid #ccc;*/ padding:3.5rem 4rem; background:#f9f9f9; }
.service_list { display:flex; justify-content:space-between; flex-flow:wrap; }
.service_list li { width:49%; flex-grow:1; padding:0.5rem; padding-left:0.8rem; position:relative; }
.service_list.type01 li { width:100%; }
.service_list li:before { display:block; content:''; width:3px; height:3px; border-radius:50%; background:#555; position:absolute; left:0; top:1.5rem; }

.bus04_step_wrap { }
.bus04_step_wrap .bus04_step { display:flex; justify-content:space-between; flex-flow:wrap; }
.bus04_step_wrap .bus04_step li { flex-grow:1; margin:1rem 0; margin-left:3rem; border:1px solid #ccc; width:21rem; text-align:center; font-size:1.8rem; color:#111; font-weight:500; padding:1rem; position:relative; }
.bus04_step_wrap .bus04_step li:before { width:3rem; height:100%; position:absolute; top:0; left:-3rem; background:url(../images/sub/step_arw.png)center center no-repeat; content:''; display:block; }
.bus04_step_wrap .bus04_step li:first-child:before { display:none; }



/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {
	.business_wrap .business_text { padding:8rem 2rem; }
	.business_wrap .business_text p { margin:1.5rem auto 0; }
	.border_box { padding:2.5rem 3rem; }	
}

/* ================================== Mobile css ================================== */
@media (max-width: 766px) {
	.business_wrap .business_text { padding:8rem 1.5rem; }
	.business_wrap .business_text h3 { font-size:3.5rem;  }
	.business_wrap .business_text p { font-size:1.7rem; }
	.service_list li { width:100%; }
	.business_wrap .business_detail { margin-left:0rem; padding:0; margin-top:2rem; }
}

@media (max-width: 540px) {
	.business_wrap .business_text { padding:6rem 1rem; }
	.business_wrap .business_text h3 { font-size:3rem;  }
	.business_wrap .business_text p { font-size:1.6rem; }
	.border_box { padding:1.5rem 2rem; }	
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 변호사 목록  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/ 
.lawyerTab { display:none; }
.lawyerTab .tab:after { display:block; clear:both; content:''; }
.lawyerTab .tab li { width:50%; float:left; }
.lawyerTab .tab li:nth-child(2){ margin-left:-1px; }
.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; }
#lawyerList01,
#lawyerList02,
#lawyerList03 { 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 .tab_title,
#lawyerList03 .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 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; }

	.lawyerTab { display:block; margin-bottom:2rem; }
	#lawyerList02,
	#lawyerList03 { display:none; }
	/* .tab_title { display:none; } */
	.lawyerList.newlist ul li { width:100%; } 
	.lawyerList.newlist ul.col03 li { width:100%; }

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

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


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



/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 전화상담  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

.sub_counsel { width:100%;margin:0 auto; display:flex; justify-content:space-between; flex-flow:wrap; border:1px solid #ccc; padding:3rem; }
.counsel_tit { font-size:2.8rem; color:#000; margin-bottom:2rem; font-weight:300; }
.sub_counsel .sub_counsel_wrap {  flex-grow:1; }
.sub_counsel .call_wrap { width:30rem; }

.sub_counsel_wrap { /* background:#2d3341; padding:5rem; */ margin-right:5rem; }
.sub_counsel_wrap .counsel_form { width:100%;  display:table; /*margin-top:2rem;*/ }
.sub_counsel_wrap .counsel_form dl { display:table-row; }
.sub_counsel_wrap .counsel_form dl dt,
.sub_counsel_wrap .counsel_form dl dd { display:table-cell;  vertical-align:top; }
.sub_counsel_wrap .counsel_form dl dt { width:7rem; color:#555; font-size:1.5rem; padding-top:0.7rem; font-weight:300; }
.sub_counsel_wrap .counsel_form dl dd  { padding:0.2rem 0; }
.sub_counsel_wrap .counsel_form dl dd input[type="text"] { line-height:4rem; background:#f2f1f1; border:0; }
.sub_counsel_wrap .counsel_form dl dd textarea { height:8rem; background:#f2f1f1; border:0; border:0; }
.sub_counsel_wrap .counsel_form dl.agree { height:2.4rem;  }
.sub_counsel_wrap .counsel_form dl.agree label { color:#555; }
.sub_counsel_wrap .counsel_form .terms_btn { color:#2d3341; background:#ccc; border-radius:3px; padding:0 0.7rem; line-height:2.2rem; height:2.2rem; margin-left:1rem; cursor:pointer; font-size:1.4rem; }
.sub_counsel_wrap .counsel_btn_wrap { position:relative; width:100%; margin-top:3rem; }
.sub_counsel_wrap .counsel_btn_wrap .counsel_btn { line-height:4.4rem; border:0; width:100%; color:#fff; font-size:1.8rem; cursor:pointer; background:#333; font-weight:300; }
.sub_counsel .call_wrap { padding:3rem; background:#023057; margin-top:0rem; color:#fff; }
.sub_counsel .call_wrap h2 { font-size:1.8rem; font-weight:200; line-height:1; }
.sub_counsel .call_wrap h2:after { display:block; width:5rem; height:1px; background:rgba(255,255,255,0.5); content:''; margin-top:1rem; }
.sub_counsel .call_wrap h2 strong { font-weight:500; font-size:2.1rem; }
.sub_counsel .call_wrap ul.call { line-height:1; letter-spacing:0rem; margin-top:1.5rem; }
.sub_counsel .call_wrap ul.call li { padding-left:3.5rem; position:relative; }
.sub_counsel .call_wrap ul.call li:before { width:2.8rem; height:2.8rem; border-radius:50%; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.sub_counsel .call_wrap ul.call li.call_1:before { background:url(../images/common/phone_1.png)center center no-repeat; background-size:100%; background-color:rgba(255,255,255,0.5); }
.sub_counsel .call_wrap ul.call li.call_2:before { background:url(../images/common/phone_2.png)center center no-repeat; background-size:100%; background-color:rgba(255,255,255,0.5);  }
.sub_counsel .call_wrap ul.call .call_1 { font-size:3.6rem; font-weight:500; }
.sub_counsel .call_wrap ul.call .call_2 { font-size:1.9rem; margin-top:0.8rem; }
.sub_counsel .call_wrap .time { margin-top:3rem; font-size:1.5rem; letter-spacing:0em; }
.sub_counsel .call_wrap .time strong { font-size:1.5rem; display:block; }
.sub_counsel .call_wrap .time strong:after { display:block; width:5rem; height:1px; background:rgba(255,255,255,0.5); content:''; margin-top:1rem;  }
.sub_counsel .call_wrap .time p { font-size:1.4rem; font-weight:200; margin-top:0.5rem; }



/* ================================== Mobile css ================================== */
@media (max-width: 767px) {	
	.sub_counsel_wrap { margin-right:0; }
	.sub_counsel_wrap .counsel_btn_wrap { margin-top:2rem; }
	.sub_counsel .call_wrap { width:100%; margin-top:2rem; }

}

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

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






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