@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0; -webkit-text-size-adjust: none;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-family:'Roboto', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* fonts
------------------------------------------------------ */

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 100;
   src: url(/fonts/NotoSans-Thin.woff2) format('woff2'),
        url(/fonts/NotoSans-Thin.woff) format('woff'),
		url('/fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
        url(/fonts/NotoSans-Thin.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 300;
   src: url(/fonts/NotoSans-Light.woff2) format('woff2'),
        url(/fonts/NotoSans-Light.woff) format('woff'),
		url('/fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
        url(/fonts/NotoSans-Light.otf) format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 350;
   src: url(/fonts/NotoSans-DemiLight.woff2) format('woff2'),
        url(/fonts/NotoSans-DemiLight.woff) format('woff'),
		url('/fonts/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
        url(/fonts/NotoSans-DemiLight.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSans-Regular.woff2) format('woff2'),
        url(/fonts/NotoSans-Regular.woff) format('woff'),
		url('/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url(/fonts/NotoSans-Regular.otf) format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSans-Medium.woff2) format('woff2'),
        url(/fonts/NotoSans-Medium.woff) format('woff'),
		url('/fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
        url(/fonts/NotoSans-Medium.otf) format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSans-Bold.woff2) format('woff2'),
        url(/fonts/NotoSans-Bold.woff) format('woff'),
		url('/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url(/fonts/NotoSans-Bold.otf) format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/fonts/NotoSans-Black.woff2) format('woff2'),
        url(/fonts/NotoSans-Black.woff) format('woff'),
		url('/fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
        url(/fonts/NotoSans-Black.otf) format('opentype');
 }

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('/fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* outfit-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/outfit-v6-latin-100.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-100.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/outfit-v6-latin-200.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-200.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/outfit-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-300.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/outfit-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-regular.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/outfit-v6-latin-500.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-500.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/outfit-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-600.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/outfit-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-700.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/outfit-v6-latin-800.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-800.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/outfit-v6-latin-900.eot'); /* IE9 Compat Modes */
  src: url('/fonts/outfit-v6-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/outfit-v6-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/outfit-v6-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/outfit-v6-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/outfit-v6-latin-900.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* 팝업레이어 */
#hd_pop {z-index:888;/* position:relative; */margin:0 auto;height:0; }
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;z-index:888;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

 @media screen and (max-width: 1024px) { 
	.hd_pops { 
		top:50% !important; left:50% !important;
		transform:translate(-50%,-50%);
	}
 }
 @media screen and (max-width: 640px) { 
	.hd_pops { 
		width:80%;	 
	}
	.hd_pops_con { 
		width:100% !important; height:auto !important; 
	}
	.hd_pops_con > p { 
		line-height:0; 
	}
	.hd_pops img { 
		width:100%; 
	}
	.hd_pops_footer .hd_pops_reject { 
		font-size:12px; 
	}
	.hd_pops_footer .hd_pops_close { 
		font-size:12px; 
	}
 }

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;font-weight: 400;font-size:14px;line-height:35px;min-width:100px;height:35px;padding:0 10px;text-align:center;background:#666;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#333; }
a.btn_b02,.btn_b02 {display:inline-block;font-weight: 400;font-size:14px;line-height:35px;min-width:100px;height:35px;padding:0 10px;text-align:center;background:#4a5460;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#4a5460}
a.btn_b03, .btn_b03 {display:inline-block;font-size:14px;line-height:35px;min-width:100px;height:35px;padding:0 10px;text-align:center;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;font-size:14px;line-height:35px;min-width:100px;height:35px;padding:0 10px;text-align:center;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;font-weight: 400;font-size:14px;line-height:35px;min-width:100px;height:35px;padding:0 10px;text-align:center;background:#666;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#d9bc91}

.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {font-size:14px;line-height:35px;min-width:100px;height:35px;padding:0 10px;text-align:center;border:0 none !important;background:#d9bc91;color:#fff;text-decoration:none;vertical-align:middle}


.bo_fx {float:right;}
.btn_bo_user {overflow:hidden; margin-bottom: -38px; float:left;}
.btn_bo_user li {float:left; margin-right: 7px;}
.btn_bo_user li:last-child {margin-right: 0;}

 @media screen and (max-width: 768px) { 
	.btn_bo_user {margin-bottom: 10px;}
 }

/* 게시판카테고리 */
#bo_cate { 
	margin-bottom: 40px; 
	width:100%; padding-bottom: 15px; 
	border-bottom:1px solid #ccc; 
	text-align:center;
}
#bo_cate h2 { 
	display:none;
}
#bo_cate ul { 
	font-size:0;
}
#bo_cate ul li { 
	display:inline-block; vertical-align:top;
}
#bo_cate ul li a { 
	position:relative; 
	display:block; 
	padding:0 25px; 
	font-weight:300; font-size:18px; 
	color:#333;
}
#bo_cate ul li a:before { 
	content:''; 
	position:absolute; top:50%; left:0; 
	margin-top: -7px; 
	width:1px; height:14px; 
	background: #c1c1c1;
}
#bo_cate ul li:first-child a:before { 
	display:none;
}
#bo_cate #bo_cate_on { 
	font-weight: 500;
}

@media screen and (max-width: 768px) { 
	#bo_cate { 
		margin-bottom: 30px;
	}
	#bo_cate ul li a { 
		padding:0 20px; font-size:16px;
	}	 
}
@media screen and (max-width: 480px) { 
	#bo_cate ul li a { 
		padding:2px 15px; font-size:14px;
	}	
	#bo_cate ul li a:before { 
		margin-top: -5px; height:12px;
	}
}

/* 게시판검색 */
#bo_sch { 
	margin-bottom: 35px; width:100%; 
	text-align:right;
}
#bo_sch form { 
	font-size:0;
}
#bo_sch select, 
#bo_sch .sch_input { 
	display:inline-block; 
	padding:0 10px; height:38px; 
	border:1px solid #dedede; 
	font-size:14px; color:#666;
}
#bo_sch select { 
	width:100px;
}
#bo_sch .sch_input { 
	margin-left: 5px; width:240px;
}
#bo_sch .sch_btn { 
	display:inline-block; 
	margin-left: 9px; 
	width:70px; height:38px; 
	border:0 none; background: #656565;
}
#bo_sch .sch_btn i { 
	display:none;
}
#bo_sch .sch_btn span { 
	font-size:14px; line-height: 38px; color:#fff;
}
 @media screen and (max-width: 768px) { 
	#bo_sch .sch_input { 
		width:calc(100% - 184px);
	}
 }
@media screen and (max-width: 480px) { 
	#bo_sch select { 
		width:80px;
	}
	#bo_sch .sch_input { 
		width:calc(100% - 164px);
	}
 }


 /* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #303030; border-width:1px 0; font-size:14px;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;height:50px; vertical-align:middle;}
.tbl_head01 thead th a {color:#666;}
.tbl_head01 thead th a i {display:none;}
.tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:50px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}
.bo_tit a {font-weight: 400; color:#666;}
.td_num2 {text-align:center;}

 @media screen and (max-width: 768px) { 
	.tbl_wrap .td_num2 + td {padding-bottom: 5px;}
	.td_datetime { 
		display:none; 
	}
 }

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

 @media screen and (max-width: 768px) { 
	.tbl_head01 thead th {display:none;}
	.tbl_head01 .td_num2 {display:none;}
 }

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="submit"],
button,
textarea {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
   border:1px solid #dedede;
   box-shadow:none !important;
}
input { 
   -webkit-border-radius: 0;
   background: #fff;
}
select { 
   -webkit-border-radius: 0;
   background: #fff;
}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {font-size:0;}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;border-radius:0;border:1px solid #dedede}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:13px;margin-right: -1px;width:35px;height:35px;line-height:33px;text-decoration:none;}
.pg_page:hover{background-color:#f1f1f1}
.pg_start {margin-right: 16px; text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;}
.pg_prev {margin-right: 16px; text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;}
.pg_end {margin-left: 16px; text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;}
.pg_next {margin-left: 16px; text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;}
.pg_start + .pg_prev {margin-left: -17px;}
.pg_next + .pg_end {margin-left: 0;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;width:35px;height:35px;border-color:#8b653c;background:#363636;font-size:13px;line-height: 33px;color:#fff !important;font-weight:bold;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}


/* layout
------------------------------------------------------ */
body { 
	min-width:320px;
	background: #fff;
	font-weight: 400; font-size:15px; line-height: 1.3;
	font-family: 'Roboto', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	letter-spacing:-0.5px;
	color:#666;
}
input,
select,
button { 
	font-family:'Roboto', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	line-height: 1.5;
}
a { 
	color:#666; 
}

#wrapper { 
	overflow:hidden;
	width:100%; min-width:auto;
}
.inner { 
	margin:0 auto;
	width:1200px; 
}
@media screen and (max-width: 1200px) { 
	.inner { 
		width:100%; 
	}
}


/* -------- header -------- */
#header { 
	position:fixed; top:0; left:0; 
	z-index:99999;
	width:100%; min-height:75px;
	transition:.3s;
	background-color: rgba(0, 0, 0, 0.3);
}
#header { 
}
.hader-inner { 
	display: flex;
	align-items: center;
	position:relative;
	margin:0 auto; 
	max-width:1820px; min-height:75px;
	padding:0 30px;
}

#header.on,
#header.fixed { 
	background:#fff; 
	border-bottom:1px solid #d2d4d9;
}
.hader-inner .logo { 
	z-index:33;
	width: 180px;
}
.hader-inner .logo img{
	width:198px
}
.hader-inner .logo .logo-on { 
	display:none;
}
.hader-inner .logo .logo-off { 
	display:block;
}
.on .hader-inner .logo .logo-on, 
.fixed .hader-inner .logo .logo-on, 
.sub_on .hader-inner .logo .logo-on { 
	display:block;
}
.on .hader-inner .logo .logo-off ,
.fixed .hader-inner .logo .logo-off ,
.sub_on .hader-inner .logo .logo-off { 
	display:none;
}
.hader-inner .logo a { 
	display:block; 
}
@media screen and (max-width: 1024px) { 
	#header { 
		position:fixed; 
		background:none;
		padding:0;
		min-height:55px;
	}
	.hader-inner { 
		min-height:55px;
		border-bottom:0 none;
	}
	.hader-inner .logo { 
		left:15px; 
		margin-top: -12px;
	}
	.hader-inner .logo a { 
		height:24px;	 
	}
	.hader-inner .logo img { 
		height:100%; 
	}
}


/* gnb */
.hader-inner .gnb { 
	width:70%;
	text-align:center;
}
.hader-inner .gnb .gnb-1depth-li { 
	position:relative;
	display:inline-block;
	padding:0 2.8%;
	vertical-align:middle;
}
.hader-inner .gnb .gnb-1depth-li >a { 
	position:relative;
	display:block;
	font-weight:400; font-size:18px; line-height: 75px;
	color:#fff;
}
.on .hader-inner .gnb .gnb-1depth-li >a ,
.fixed .hader-inner .gnb .gnb-1depth-li >a ,
.sub_on .hader-inner .gnb .gnb-1depth-li >a {
	color:#000;
}

.hader-inner .gnb-2depth { 
	display:none; 
}

.nav-full { 
	position:fixed; top:-100%; left:0;
	z-index:999;
	padding:12% 10%;
	width:100%; height:100vh;
	background: rgba(202,158,94,.82);
	text-align:center;
	font-size:0;
}
.nav-full .full-gnb-1depth-li { 
	display:inline-block;
	width:calc(100% / 7);
	vertical-align:top;
}
.nav-full .full-gnb-1depth-li > a { 
	position:relative;
	display:inline-block;
	padding:10px 8px;
	font-weight: 500; font-size:24px;
	color:#fff;
}
.nav-full .full-gnb-1depth-li > a:before { 
	content:'';
	position:absolute; bottom:0; left:0;
	width:100%; height:1px;
	background: rgba(255,255,255,.4);
}
.nav-full .gnb-2depth { 
	margin-top: 30px; 
}
.nav-full .gnb-2depth-li > a { 
	font-weight: 100; font-size:18px; line-height: 36px;
	color:#fff; 
}

@media screen and (min-width: 1025px) { 
	.hader-inner .gnb { 
		display:inline-block !important; 
		overflow:visible !important;
	}
	.hader-inner .gnb .gnb-1depth-li >a:before { 
		content:'';
		position:absolute; bottom:0; left:0;
		width:100%; height:5px;
		background: #162140;
		transform: scaleX(0);
		transition:.3s;
	}
	.hader-inner .gnb .gnb-1depth-li:hover >a:before { 
		transform: scaleX(1);
	}
	.hader-inner .gnb-2depth { 
		overflow:hidden;
		display:block !important;
		position:absolute; top:100%; left:50%;
		z-index:9999;
		margin-left:-100px; margin-top:1px;
		width:200px; height:0;
		text-align:center;
	}
	.gnb .gnb-2depth.on { 
		padding-top: 30px;
		height:400px;
		transition:.3s;
	}
	.hader-inner .gnb .gnb-2depth-a { 
		display:block;
		padding:12px 0;
		font-size:18px;
		color:#fff;
	}
	.hader-inner .gnb .gnb-2depth-a:hover { 
		color:#1a3ca1;
	}
	.gnb-bg { 
		position:absolute; top:100%; left:0; width:100%; height:0;
		background: rgba(0,0,0,.9);
	}
	#header .gnb-bg.menu { 
		height:400px;
		transition:.3s;
	}
}
@media screen and (max-width: 1440px) { 
	.nav-full { 
		padding:10% 4%; 
	}
}

.close-btn { 
	position:absolute; top:47px; right:12%;
	width:59px; height:59px;
	border:1px solid #fff;
	cursor:pointer;
}
.close-btn span { 
	position:absolute; left:12px; top:27px;
	width:33px; height:3px;
	border-radius:2px;
	background: #fff;
}
.close-btn span:nth-child(1) { 
	transform:rotate(45deg); 
}
.close-btn span:nth-child(2) { 
	transform:rotate(-45deg); 
}

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

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

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

}
@media screen and (max-width: 1024px) { 
	#header .gnb { 
		display:none;
		position:absolute; top:100%; left:0;
		margin-left:0; padding: 0;
		width:100%;
		text-align:center;
	}
	#gnb-1depth { 
		overflow-x:hidden;
		height:calc(100vh - 55px);
		padding:50px 30px;
		background: rgba(0,0,0,.95);
	}
	#header .gnb .gnb-1depth-li { 
		display:block;
		padding:0;
		text-align:right;
	}
	#header .gnb-1depth-a { 
		position:relative;
		display:block;
		font-weight:600;
		font-size:30px; line-height:60px;
		color:#fff !important;
	}
	#header .gnb-2depth { 
		display:none;
		padding:10px 0 40px;
		height:auto !imponrtat;
	}
	#header .gnb-2depth-a { 
		display:block;
		font-weight:400;
		padding:0 ;
		font-size:18px; line-height: 36px;
		color:#fff;
	}


	.nav-full { 
		display:none; 
	}
}

/*right menu*/

.language-wrap { 
	position: absolute;
	font-size: 0;
	right: 11%;
	top: 27px;	
}
.language-wrap p{
	display: flex;
	align-items: center;
	font-family: 'Outfit';
	font-size: 16px;
	color: #fff;
  cursor: pointer;
}
.language-wrap span{
	margin-left:10px;
}

.language-wrap.on p{
	color: #000;

}
.language-wrap .on{
	display: none;
}
.language-wrap.on .on{
	display: block;
}
.language-wrap.on .off{
	display: none;
}


.language-wrap ul{
  background-color: #fff;
  position: relative;
  top: 27px;
  left:10px;
  	display: none;
    z-index: 999;
}

.language-wrap li { 
	vertical-align:middle;
  padding-block: 4px; 
  display: flex; 
  align-items: center;
  cursor: pointer;
}
.language-wrap li:hover { 
background-color: #003972;

}
.language-wrap li:hover a{ 
color: #fff;

}
.language-wrap li a{
	font-size: 14px;
	color:#000;	
	font-weight: 400;
  margin-left: 10px;
}



.m-language-wrap { 
	display:none;
}


.site-wrap{
  	position: absolute;
	font-size: 0;
	right: 16%;
	top: 21px;
}


.site-wrap a{
	display: flex;
	align-items: center;
	font-family: 'Outfit';
	font-size: 16px;
	color: #000;
  background-color: #ffffff80;
  border-radius: 25px;
  padding:6px 12px;
  justify-content: center;
}
.site-wrap span{
}

.site-wrap.on a{
		color: #fff;
  background-color: #00000080;
}
.site-wrap .on{
	display: none;
}
.site-wrap.on .on{
	display: block;
}
.site-wrap.on .off{
	display: none;
}
.site-wrap ul{
	display: none;
}
.site-wrap li { 
	display:inline-block;
	margin-left: 10px;
	vertical-align:middle;
	line-height: 0;
}


@media screen and (max-width: 1024px){
  .site-wrap{
    display: none;
  }
}

.menu-btn { 
	position:absolute; top:50%; right:5%;
	margin-top: -14.5px;
	width:46px; height:29px;
	cursor:pointer;
}
.menu-btn span { 
	position:absolute; left:0;
	margin-left:0;
	width:100%; height:3px;
	background: #fff;
	transition:.3s;
}
.on .menu-btn span,
.fixed .menu-btn span { 
	background:#2a2a53; 
}
.menu-btn span:nth-child(1) { 
	top:0; 
}
.menu-btn span:nth-child(2) { 
	margin-top: -1.5px;
	top:50%; 
}
.menu-btn span:nth-child(3) { 
	bottom:0; 
}
.menu-btn.on span:nth-child(1) { 
	top:10px;
	transform:rotate(45deg);
	width:100%;
}
.menu-btn.on span:nth-child(2) { 
	opacity:0; 
}
.menu-btn.on span:nth-child(3) { 
	top:10px;
	transform:rotate(-45deg);
	width:100%;
} 

@media screen and (max-width: 1024px) { 
	.menu-btn { 
		display:block;
		right:15px;
		width:32px; height:21px; 
		margin-top: -11.5px;
	}
	.menu-btn span { 
		height:2px;
	}
	.menu-btn.on span:nth-child(1) ,
	.menu-btn.on span:nth-child(3) { 
		top:9px; 
	}
	#gnb-1depth { 
		height:calc(100vh - 70px);
	}
	#quick-menu > li:hover a{
		border-radius: 0;
	}
}
@media screen and (max-width: 640px) { 
	#gnb-1depth { 
		height:calc(100vh - 60px);
	}
	.header-utils { 
		display:none;
		right:18%;
	}
}


#quick-menu {
	position:fixed; bottom:300px; right:00px; z-index:50;
	text-align:right;
}
#quick-menu > li + li {
}
#quick-menu > li a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:60px;
	height:60px;
	background:#000;
	font-size:0;
	transition: all 0.3s linear;
}

#quick-menu > li.point a {
	color:#fff;
	font-size:15px;
	font-weight:600;
}
#quick-menu > li a span {
	display:inline-block;
	width:0;
	text-align:center;
	font-size:16px;
	vertical-align:middle;
	white-space: nowrap;
	transition: all 0.3s linear;
	opacity:0;
	
}

#quick-menu > li:hover a{
	width:160px;
	background:#003972;
	border-radius: 50px 0 0 50px;
}
#quick-menu > li a:hover span {
	opacity:1;
	width:90px;
	color: #fff;
}
@media screen and (max-width: 1024px) { 
	#quick-menu {
		bottom:0; right:0;
		width:100%;
		font-size:0;
		border-top:1px solid #eee;
	}
	#quick-menu > li {
		display:inline-block;
		width:20%;
		vertical-align:top;
	}
	#quick-menu > li + li {
		margin-top:0;
		border-left:1px solid #eee;
	}
	#quick-menu > li a {
		flex-direction: column;
		width:100% !important;
		height:55px;
		font-size:13px;
		gap:4px;
	}
	#quick-menu > li:hover a{
		border-radius: 0;
	}
	#quick-menu > li a span {
		display:block;
		width:100%;
		font-size:inherit;
		opacity:1;
		color: #fff;
	}
	#quick-menu > li a img {
		width:18px;
		height: 16px;
  	object-fit: contain;
	}
}





/* menu btn */
.menu-btn { 
	position:absolute; top:15px; right:5%;
	width:70px; height:70px;
	cursor:pointer;
}
.menu-btn span { 
	position:absolute; left:18px;
	width:33px; height:2px;
	background: #fff;
	transition:.3s;
}
.menu-btn span:nth-child(1) { 
	top:23px; 
}
.menu-btn span:nth-child(2) { 
	margin-top: -1px;
	top:50%; 
}
.menu-btn span:nth-child(3) { 
	bottom:23px; 
	width:24px;
}
.menu-btn.on span:nth-child(1) { 
	top:33px; left:10px;
	width:70%;
	transform:rotate(45deg);
}
.menu-btn.on span:nth-child(2) { 
	opacity:0; 
}
.menu-btn.on span:nth-child(3) { 
	top:33px; left:10px;
	width:70%;
	transform:rotate(-45deg);
}

@media screen and (max-width: 1216px) { 
	.header-utils dl { 
		width:100%; 
	}
}
@media screen and (max-width: 1024px) { 
	.header-utils dl { 
		display:none;
	}
	#header { 
		height:76px; 
	}
	#header .logo { 
		position:absolute; top:50%; left:30px;
		margin-top: -14px;
		height:28px;
	}
	#header .logo a { 
		display:block;
		width:100%; height:100%;
	}
	#header .logo a img { 
		width:auto; height:100%; 
	}

	#header .gnb { 
		display:none;
		position:absolute; top:100%; left:0;
		margin-left:0; padding: 0;
		width:100%;
		background: #c9a063;
		text-align:center;
	}
	.gnb-1depth-li.on { 
		/* background: #926729;  */
	}
	.gnb-1depth-a { 
		display:block;
		border-bottom:1px solid rgba(255,255,255,.34);
		font-weight:400;
		font-size:20px; line-height: 58px;
		color:#fff;
	}
	.gnb-2depth { 
		display:none;
		padding:10px 0;
		/* background: #d2b283;  */
	}
	.gnb-2depth-a { 
		font-weight:300;
		font-size:18px; line-height: 36px;
		color:#fff;
	}
	.menu-btn { 
		top:50%; left:auto; right:30px;
		margin-left: auto; margin-top: -10px;
		width:28px; height:20px;
		border:0 none;
	}
	.menu-btn span {
		left:0;
		width:100% !important;
	}
	.menu-btn span:nth-child(1) {
		top:0;
	}
	.menu-btn span:nth-child(3) {
		bottom:0;
	}
	.menu-btn.on span:nth-child(1),
	.menu-btn.on span:nth-child(3) {
		top:9px; left:0;
	}
	.language-wrap { 
		display:none; 
	}
}
@media screen and (max-width: 768px) { 
	#header { 
		height:60px; 
	}
	#header .logo { 
		left:20px; margin-top: -11.5px;
		height:23px;
	}
	#header .header-utils .menu-btn { 
		width:60px; height:60px;
	}
	#header .header-utils .menu-btn i { 
		top:19px;
		margin-left: -13px;
		width:26px; height:2px; 
	}
	#header .header-utils .menu-btn i:nth-child(3) { 
		top:39px;
	}
	#header .header-utils .menu-btn.on i:nth-child(1),
	#header .header-utils .menu-btn.on i:nth-child(3)  { 
		top:29px;
	}
	.gnb-1depth-a { 
		font-size:18px; line-height: 50px;
	}
	.gnb-2depth-a { 
		font-size:14px; line-height: 30px; 
	}
	.menu-btn { 
		right:20px; 
	}
	.menu-btn span { 
		height:2px; 
	}
	.menu-btn span:nth-child(2) { 
		margin-top: -1px; 
	}
	.language-wrap { 
		display:none; 
	}
}

/*
	footer
*/
#footer, #section6
{ 
	padding:50px 0 30px;
	background:#ffffff ; 
	border-top: solid 1px #656565;

}
#footer ,
#footer .fp-section ,
#footer .fp-tableCell 
#section6 , 
#section6 .fp-section ,
#section6 .fp-tableCell { 
	height:auto !important;
	min-height:auto !important;	 
}

#footer .foot-logo,
#section6 .foot-logo {
	margin-bottom:65px;
	display: inline-block;
	width: 350px;
	vertical-align: top;
	margin-left: 50px;
}


#footer address,
#section6 address {
	font-style:normal;
	font-weight:300; font-size:15px; line-height: 1.8;
	color:#000;
	width: calc(100% - 430px);
	display: inline-block;
}
#footer address .copy-title,
#section6 address .copy-title {
	font-weight: 500;
}
#footer address .copy-title:before,
#section6 address .copy-title:before {
	content: '';
	width:24px; height: 2px;
	display: block;
	background: #0965c1;
	margin: 5px 0 10px;
	
}

#footer address span,
#section6 address span {
	display:inline-block;
	padding:0px 10px;
	letter-spacing:0;
	vertical-align:top;
	word-break:keep-all;
}
#footer address .copy,
#section6 address .copy {
	display:block;
	margin-top:25px;
}

#footer .inner,
#section6 .inner{
	text-align:left;
	
}
/*플로팅 메뉴*/
.floating-menu { 
	display:none;
	position:fixed; bottom:0; left:0; 
	width:100%;
/*	background:rgba(72,10,19,.9);*/
	background:#fff;
	font-size:0;
	border-top:1px solid #ededed;
	}

.floating-menu li { 
	display:inline-block;
	width:calc(100% / 3);
	vertical-align:top;
	text-align:center;
	}
	floating-menu li a { 
	position:relative;
	display:block;
	font-size:0;
	}	
	.floating-menu li a:before { 
	content:'';
	position:absolute; top:0; left:0;
	width:1px; height:100%;
	background:rgba(255,255,255,.2);
	}
	.floating-menu li:first-child a:before { 
	display:none; 
	}
	.floating-menu li a > * { 
	display:inline-block;
	vertical-align:middle;
	}
	.floating-menu li a img { 
	margin-right:10px;
	height:35px; 
	}
	.floating-menu li a span { 
	font-size:21px; line-height:73px;
	color:#333;
	}



@media screen and (max-width: 768px) {
	#footer,
	#section6 {
		padding:0;
		
	}
	#footer .inner,
	#section6 .inner{
		text-align:left;
			margin-top: 30px;
		
	}
	
	#footer .foot-logo ,
	#section6 .foot-logo {
		margin-bottom:40px;
		height:90px;
		margin-left: 30px;
	}
	#footer .foot-logo img ,
	#section6 .foot-logo img {
		height:100%;
	}
	#footer address ,
	#section6 address {
		font-size:14px;
		width:100%;
		margin-left:30px;
	}
}
@media screen and (max-width: 640px) {
	#footer,
	#section6 {
		padding:30px 14px 60px;
	}
	#footer .foot-logo ,
	#section6 .foot-logo {
		margin-bottom:30px;
		height:90px;
		margin-left: 0;
	
	}
	#footer address ,
	#section6 address {
		font-size:12px;
		width: 100%;
		line-height: 1.2;
		margin-left: 0px;
	}
	#footer address span  ,
	#section6 address span {
		padding:2px 6px;
	}
	#footer address .copy  ,
	#section6 address .copy {
		margin-top:0;
	}

}
@media screen and (max-width: 480px) { 
/*플로팅 메뉴*/
	.floating-menu { 
		display:block; 
		z-index: 999;
	}
	.floating-menu li a img { 
		margin-right:5px;
		height:19px; 
	}
	.floating-menu li a span { 
		font-size:16px; line-height:55px; 
	}

}


#footer .btn-top,
#section6 .btn-top { 
	display:none;
	position:fixed; bottom:30px; right:30px;
	padding-top: 30px;
	width:61px; height:61px;
	background: #c9a063 url('/images/common/top_arrow.png') no-repeat center 15px;
	font-size:14px; line-height: 1;
	color:#fff;
	text-align:center;
}
@media screen and (max-width: 480px) { 

	#footer .btn-top { 
		right:20px; bottom:20px;
		padding-top: 25px;
		width:50px; height:50px;
		background-position:center 12px;
		font-size:12px;
	}
	
	
}




/* main
------------------------------------------------------ */
#contents .section {
	position:relative;
}
.fp-section { 
	display:table; 
	width:100%;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}
.fp-tableCell { 
	display:table-cell;
	padding:0 4%;
	width:100%;
	text-align:center;
	vertical-align:middle;
}
@media screen and (max-width: 640px) {
.fp-tableCell { 
		padding:0 2%;
		display:inherit;
	
	}
}


/*
	title
*/
.main-conts-tit {
	margin-bottom:50px;
	font-weight:700; font-size:44px;
	color:#fff;
	word-break:keep-all;
}
@media screen and (max-width: 768px) {
	.main-conts-tit {
		margin-bottom:35px;
		font-size:30px;
	}
}
@media screen and (max-width: 640px) {
	.main-conts-tit {
		margin-bottom:25px;
		font-size:24px;
	}
}

/*
	scroll down
*/
.scroll-down {
  font-family: 'Outfit';
	position:absolute; bottom:6%; left:50%;
  font-size: 14px;
  color: #fff;
}

.scroll-down::after{
  content: '';
  background-color: #fff;
  width: 1px;
  height: 35px;
  position: absolute;
  bottom: -40px;
  left:50%; transform: translateX(-50%);  
}

.scroll-down.bk{
  color: #333;
}
.scroll-down.bk::after{
  background-color: #333;
}
@media screen and (max-width: 850px) {
	.scroll-down {
		display:none;
	}
}

/* 
	main-visual
*/
.main-visual { 
	width:100%; 
	background:url('/images/main/main-visual.jpg') no-repeat center center;
	background-size:cover;
}


.main-visual .visual-text {
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	text-align:center;
	text-transform: uppercase;
	width:100%;
}
.main-visual .mobile-br
{
	display: none;
}
.main-visual .visual-text > img {
	margin-top:69px;
	}
.main-visual .visual-text h1 {
	font-weight:600; font-size:36px; line-height:1;
	color:#fff;
	text-transform:uppercase;
	line-height: 1.3;
}

@media screen and (max-width: 1400px) {
	.main-visual .visual-text {
	/*	left:auto;  */
		margin-left:0;
		
	}
}
@media screen and (max-width: 1200px) {
	.main-visual .visual-quick {
		padding:85px 45px 0;
		width:320px; height:320px;
	}
	.main-visual .visual-text h1 {
		font-size:35;
	}
	.main-visual .visual-text h2 {
		font-size:50px;
	}

	.main-visual .visual-text h1 span {
		margin-bottom:25px;
		font-size:28px;
	}
}
@media screen and (max-width: 950px) {
	}
	.main-visual .visual-text {
		transform:none;
		top:35%; 
	/*	text-align:left; */
	}
}
@media screen and (max-width: 768px) {
    .main-visual {
        height: auto !important;
    }
	.main-visual .visual-text h1 {
		font-size:29px;
	}
	.main-visual .visual-text h2 {
		font-size:40px;
	}
	.main-visual .visual-text h1 span {
		margin-bottom:20px;
		font-size:23px;
	}
}
@media screen and (max-width: 640px) {
	.main-visual .visual-text {
		bottom:8%;
	}
	
	.main-visual .visual-text h1 {
		font-size:27px;
		font-weight: 400;
		text-align: center;

	}

	.main-visual .mobile-br{
		display: inherit;
			}
	.main-visual .visual-text img
	{
		width: 60%;
		display:block;
		margin:30px auto;	
	}
}




/* 
	main-business
*/
.main-business { 
	overflow:hidden;
	position:relative;
	width:100%; 
	background:#fff;
}

.main-business::after{
  content: '';
  background: url('../images/main/bg-main_business.png') no-repeat;
  position: absolute;
  right: 0; 
  top: -115px;
  width: 564px;
  height: 100%;
}

.main-business-tit {
	text-align:left;

}
.main-business-tit h1 {
	font-family: 'Outfit';
	font-weight:200; font-size:60px; line-height:1;
	color:#000;
	text-transform:uppercase;
  margin-bottom: 10px;;
}

.main-business-tit h1 span{
	font-weight: 700;
}

.main-business-tit p {
	font-weight:300; font-size:20px; line-height:1.4;
	color:#333;
	

}


.business-wrap{
  max-width: 1200px;
  margin:0 auto;
}

.business-inner {
	width:1200px;
	margin: 0 auto;
}


@media screen and (max-width: 1200px) {
	.main-business-tit {
		left:5%;
		margin-left:0;
	}
}

@media screen and (max-width: 1024px) {
	.main-business-tit {
		left:3%;
		margin-left:0;
	}
}

@media screen and (max-width: 850px) {
	.main-business {
		padding:70px  4% 0;
		height:auto !important;
	}
	.main-business .fp-tableCell {
		padding:0;
		height:auto !important;
	}
}
@media screen and (max-width: 768px) {
.business-inner {
		width:95%;
	}
	.main-business {
		padding:40px  4%;
	}
	.main-business-tit {
		position:relative;
		top:auto; left:0;
		transform:none;
		width:100%; height:auto;
	}
	.main-business-tit h1 {
		margin-bottom:20px;
		font-size:32px;
		
	}
	.main-business-tit h1 br {
		
	}
	.main-business-tit p {
		font-size:18px;
	}
	.main-business-tit p br:first-child {
		display:none;
	}
}
@media screen and (max-width: 640px) {
	.main-business-tit h1 {
		margin-bottom:10px;
		font-size:26px;
	}
	.main-business-tit p {
		font-size:18px;
		
	}
	.business-inner {
	width:95%;
	margin: 0 0 0 5px ;	margin-top:50px;
	}

}


.business-inner ul{
	
}

.business-inner li{
	
	border:1px solid #ededed;
	width:164px; height: 250px;
	margin-right:7px;
	float: left;
	background:rgba(0,0,0,0.4);
	
}

.business-inner li:nth-child(7)
{
	margin-right: 0;
}
.business-inner li img{
	display: block;
	margin-top:52px;
	margin: 52px auto  36px;

}
.business-inner li strong{
	color:#fff;;
	font-size:22px;
	font-weight: 300;

}

@media screen and (max-width: 1200px) {
	.business-slide-box {
		left:350px;
		margin-left:0;
	}
}
@media screen and (max-width: 1024px) {
	.business-inner li{
		width:185px; height: 185px;
		margin-right:12px;

	}
	.business-inner li img{
		
		margin: 35px auto  30px;
	
	}
	
}

@media screen and (max-width: 768px) {
	.business-slide-box {
		position:static;
		top:auto; left:auto;
		transform:none;
		min-height:350px;
	}
	.business-slide-box-inner {
		height:100%;
	}
	.business-slide-box .slick-list {
		padding-top:70px;
	}
	.business-slide-box .slick-list {
		padding-top:30px;
	}
	.business-inner li{
		padding:20px 0 20px 15%;
		text-align: left;
		width: 100%;
		height: 80px;
		margin-bottom: 15px;
	}
	.business-inner li strong {
		display: inline-block;
		margin-left:25px;
		font-size: 22px;
		font-weight: 400;
		margin-top:7px;
	}

	.business-inner li img {
		width: 40px;
		display: inline-block;
		margin:0;
		vertical-align: middle;
	}
	
}
@media screen and (max-width: 640px) {
	.business-slide-box .slick-list {
		padding-top:30px;
	}
	.business-inner li{
		padding:20px 0 20px 15%;
		text-align: left;
		width: 100%;
		height: 80px;
		margin-bottom: 15px;
	}
	.business-inner li strong{
		display: inline-block;
		margin-left:25px;
		font-size: 22px;
		font-weight: 400;
		margin-top:7px;	}

	.business-inner li img{
		width: 40px;
		display: inline-block;
		margin:0;
		vertical-align: middle;
	}
		
}



/* 
	main-lawyer
*/
.main-lawyer { 
	
	overflow:hidden;
	position:relative;
	width:100%; 
	background:url('/images/main/main-lawyer.jpg') no-repeat center center;
	background-size:cover;
}
.main-lawyer-tit{
	position:absolute;
	top:50%; left:50%;
	transform:translateY(-50%);
	margin-left:-600px;
	height:350px;
	text-align:left;
}
.main-lawyer-tit h1 {
	font-weight:400; font-size:55px; line-height:1;
	color:#fff;
	text-transform:uppercase;
}
.main-lawyer-tit h1:after {
	content: '';
	width:28px; height: 2px;
	display: block;
	background: #0965c1;
	margin: 15px 0 37px 5px;}


.main-lawyer-tit p {
	font-weight:100; font-size:26px; line-height:1.4;
	color:#fff;
}


.lawyer-slide-box .slick-list {
	padding-top:143px;
}

.lawyer-slide-box{
	position:absolute;
	top:50%; left:50%;
	transform:translateY(-50%);
	margin-left:-270px; 

}

.lawyer-slide {
	float:left;
	margin-right:40px;
	width:250px; 
	transition:.3s;
}
.lawyer-slide a {
	display:block;
	width:100%; height:425px;
	transition:.3s;
}

.lawyer-slide .main-lawyer-info{
	background:#6e6e6e;
	color:#fff;
	border-left:solid 1px #9a9a9a;
	border-right:solid 1px #9a9a9a;
	border-bottom:solid 1px #9a9a9a;
}
.lawyer-slide .main-lawyer-info strong{
	display: block;
	padding: 25px 0 15px 0;
	font-size: 19px;
	font-weight: 400;

}
.lawyer-slide .main-lawyer-info li{

	padding-bottom: 7px;
	font-size: 14px;
	font-weight: 300;
}

.lawyer-slide .main-lawyer-info li:nth-child(3){

	padding-bottom: 12px;
}


.lawyer-slide-box .slick-prev, 
.lawyer-slide-box .slick-next {
	position:absolute; bottom:50%; right:100%;
	left:auto; top:auto;
	margin-bottom:-175px;
	display:block !important;
	width:59px; height:59px;
	border:1px solid #ccc;
	border-radius:50%;
}
.lawyer-slide-box .slick-prev {
	margin-right:270px;
}
.lawyer-slide-box .slick-prev:before {
	background:url('/images/main/business_prev.png') no-repeat 17px center;
}
.lawyer-slide-box .slick-next {
	margin-right:190px;
}
.lawyer-slide-box .slick-next:before {
	background:url('/images/main/business_next.png') no-repeat 21px center;
}
.main-lawyer .mobile-br
{
	display: none;
}
@media screen and (max-width: 1200px) {
	.main-lawyer-tit {
		left:5%;
		margin-left:0;
	}
}
@media screen and (max-width:850px) {
	.main-lawyer {
		padding:70px 4% 0;
		height:auto !important;
	}
	.main-lawyer .fp-tableCell {
		padding:0;
		height:auto !important;
	}
}
@media screen and (max-width:768px) {
	.main-lawyer {
		padding:40px  4%;
	}
	.main-lawyer-tit {
		position:relative;
		top:auto; left:auto;
		transform:none;
		width:100%; height:auto;
	}
	.main-lawyer-tit h1 {
		margin-bottom:20px;
		font-size:32px;
	}
	.main-lawyer-tit h1 br {
		display:none;
	}
	.main-lawyer-tit p {
		font-size:18px;
	}
	.main-lawyer-tit p br:first-child {
		display:none;
	}
}
@media screen and (max-width:640px) {
	.main-lawyer-tit h1 {
		margin-bottom:10px;
		font-size:26px;
	}
	.main-lawyer-tit p {
		font-size:18px;
	}
	.main-lawyer-tit p br{
		display: none;
	}
	.main-lawyer .mobile-br
	{
		display:inherit;
	}
}

@media screen and (max-width: 1200px) {
	.lawyer-slide-box {
		left:350px;
		margin-left:0;
	}
}
@media screen and (max-width: 768px) {
	.lawyer-slide-box {
		position:static;
		top:auto; left:auto;
		transform:none;
		min-height:350px;
	}
	.lawyer-slide-box-inner {
		height:100%;
	}
	.lawyer-slide-box .slick-list {
		padding-top:70px;
	}
}
@media screen and (max-width: 640px) {
	.lawyer-slide-box .slick-list {
		padding-top:30px;
	}
}
@media screen and (max-width: 1200px) {
	.lawyer-slide-box .slick-prev {
		margin-right:240px;
	}
	.lawyer-slide-box .slick-next {
		margin-right:160px;
	}
}
@media screen and (max-width: 768px) {
	.lawyer-slide:hover {
		margin-top:0;
	}
	.lawyer-slide dl {
		display:none;
	}
	.lawyer-slide-box .slick-prev {
		margin-right:0;
		right:auto;
		top:-53px;
		left: 100vw;
		 margin-left: -200px;
	}
	.lawyer-slide-box .slick-next {
		margin-right:0;
		right:auto;
		top:-53px;
		left: 100vw;
		margin-left: -130px;
	}
}
@media screen and (max-width: 640px) {
	.lawyer-slide {
		margin-right:20px;
	}
	.lawyer-slide-box .slick-prev, .lawyer-slide-box .slick-next {
		width:40px; height:40px;
		top:-35px;
	}
	.lawyer-slide-box .slick-prev {
		 margin-left: -140px;
	}
	.lawyer-slide-box .slick-next {
		margin-left: -90px;
	}
	.lawyer-slide-box .slick-prev:before {
		background:url('/images/main/business_prev.png') no-repeat 14px center;
		background-size:auto 50%;
	}
	.lawyer-slide-box .slick-next:before {
		background:url('/images/main/business_next.png') no-repeat 16px center;
		background-size:auto 50%;
	}
}
@media screen and (max-width: 480px) {
	.lawyer-slide-box .slick-prev {
		 margin-left: -120px;
	}
	.lawyer-slide-box .slick-next {
		margin-left: -70px;
	}
}



/* -------- main-news -------- */
.main-news { 
	background:url('/images/main/main-news.png') no-repeat center center;
	background-size:cover;
}

.main-news .main-conts-tit{
  display: flex;
  text-align: left; 
  align-items: end;
  
  }
.main-news .main-conts-tit h1{
  font-family: 'Outfit';
  font-weight: 600;
  font-size: 60px;
 color: #fff;
 line-height: 60px;
 margin-right: 10px;
}
.main-news .main-conts-tit p{
  font-size: 20px;
  font-weight: 300;
}

/* 
	main-case	
*/
.main-case-list { 
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;  
  scrollbar-width: none;    
}
.main-case-list::-webkit-scrollbar {
  display: none;                       
}
.case-wrapper {
 display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 20px;
  width: 1200px; 
}
.main-case-list .case-item { 
 background: #fff;
  box-sizing: border-box;
  transition: 0.3s;
  text-align: left;
}
.main-case-list .case-item:first-child { 
	margin-left: 0; 
}
.main-case-list .case-item a { 
	position:relative;
	display:block; 
	padding:30px;
	box-sizing:border-box;
	border:5px solid transparent;
	transition:.3s;
}
.main-case-list .case-item:hover { 
	background:#fff url('/images/main/main_case_list.png') no-repeat center center;
	background-size:100% 100%;
}
.main-case-list .cate-name { 
	position:relative;
	display:flex;
  justify-content: center;
  align-items: center;
  padding:7px;
  line-height: 15px;
	width:55px;
	background: #072f57;
	font-weight: 300; font-size:14px; 
	color:#fff;
	text-align:center;
  border-radius: 5px;
}
.main-case-list .title { 
	overflow:hidden;
	display: block;
	display:-webkit-box;
	display:box;
	-webkit-line-clamp:2; 
	line-clamp:2; 
	-webkit-box-orient:vertical; 
	box-orient:vertical; 
	text-overflow:ellipsis;
	width:100%; height:48px;
	margin:13px 0 10px;
	width:100%;
	font-weight: 700; font-size:20px; line-height: 24px;
	color:#222222;
}
.main-case-list .conts { 
	overflow:hidden;
	display: block;
	display:-webkit-box;
	display:box;
	-webkit-line-clamp:3; 
	line-clamp:3; 
	-webkit-box-orient:vertical; 
	box-orient:vertical; 
	text-overflow:ellipsis;
	width:100%; height:66px;
	box-sizing:border-box;
	font-weight: 300; font-size:16px; line-height:22px;
	color:#666;
}
.main-case-list .date { 
	position:relative;
	display:inline-block;
	margin-top: 25px;
	font-weight: 400; font-size:16px;
	font-family: 'Outfit';
	color:#666;
}

.main-case-list .more { 
	display:block;
	margin-top: 30px;
	font-size:15px; color:#262626;
	text-align:right;
}
.main-case-list .more img { 
	position:relative; top:-1px;
	margin-left:10px; 
}

@media screen and (max-width: 850px) {	
	.main-inspiration .fp-tableCell { 
		padding-top:70px; padding-bottom:70px; 
	}
	.main-case-list { 
		margin-bottom:-20px; 
	}
	.main-case-list .case-item { 
	}
	.main-case-list .case-item:nth-child(2n+1) { 
		margin-left:0; 
	}
}
@media screen and (max-width: 640px) {	
	.main-inspiration .fp-tableCell { 
		padding-top:40px; padding-bottom:40px; 
	}
	.main-case-list { 
		margin-top:20px; margin-bottom:-10px; 
	}
	.main-case-list > .case-item { 
		margin:0 0 10px 10px;
		width:calc(50% - 5px);
	}
	.main-case-list .case-item a { 
		padding:12px 12px 15px; 
	}
	.main-case-list .cate-name { 
		width:50px; line-height: 18px;
		font-size:13px; 
	}
	.main-case-list .title { 
		margin:10px 0 13px;
		height:36px;
		font-size:15px; line-height:18px;
	}
	.main-case-list .cate-name:before { 
		bottom:4px;
		width:18px; height:2px; 
	}
	.main-case-list .conts { 
		height:54px;
		font-size:13px; line-height:18px; 
	}
	.main-case-list .more { 
		margin-top: 15px;
		font-size:14px;
	}
	.main-case-list .more img { 
		top:2px;
		height:10px;
	}
}

.main-news-wrap { 
	 margin-top: 20px;
   display: flex;

}
.main-news-tit { 
	font-weight:600; font-size:28px;
	color:#fff;
	text-align:left; 
  margin-bottom: 18px;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-news-tit .case-more{
  width: 75px;
  color: #fff;
    font-size: 16px;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

/* .main-news-tit a { 
	position:absolute; top:50%; right:0; 
	margin-top: -15px;
	width:30px; height:30px;
	background: url('/images/main/arrow.png') no-repeat right center;
	font-size:0;
} */
.main-news-list { 
	font-size:0;
  margin-top: 20px;
}
.main-news-list li { 
	display:inline-block;
	vertical-align:top;
	margin-left: 80px;
	width:calc(50% - 40px);
	border-bottom:1px solid rgba(255,255,255,.4); 
}

.main-news-list li:nth-child(2n+1) { 
	margin-left: 0; 
}

.main-news-list li:nth-child(1) a{padding-top:0;}
.main-news-list li:nth-child(2) a{
  padding-top:0;
}
.main-news-list li a { 
	display:flex;
	padding:30px 30px;
	font-size:0;
  align-items: center;
  justify-content: space-between;  
}
.main-news-list li a .date{
  color: #fff;
  width:71px
}

.main-news-list li a .date .date-day{
  font-family: Outfit;
  font-size: 42px;
  font-weight: 600;
  line-height: 40px;
}
.main-news-list li a .date .date-year{
  font-family: Outfit;
  font-size: 13px;
  font-weight: 400;
}

.main-news-list li a .right-cont{
display: flex;
align-items: start;
flex-direction: column;
margin-left:45px;width:100%;
}

.main-news-list li a .cate-name { 
	display:inline-block;
	vertical-align:top;
	font-size:15px; line-height: 28px;
	color:#fff;
  font-weight: 300;
}
.main-news-list li a .title { 
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:calc(100% - 70px);
	font-size:18px; line-height: 26px;
	color:#fff;
  text-align: left;
	font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .main-news .main-conts-tit{
    flex-direction: column;
    text-align: left;
    align-items: start;
  } 
  .main-news .main-conts-tit h1{
    font-size: 30px;
  }
  .main-news .main-conts-tit p{
    font-size: 14px;
  }
  .main-news-wrap{
    flex-direction: column;
  }
  .main-news-tit{
    margin-right: 20px;
  }
	.main-news-list li { 
		margin-left:0;
		width:100%;
	}
  .main-news-list li a{
    padding-left:0;
    padding: 15px;
  }

  .main-news-list li:nth-child(2) a{
    padding-top:23px;
  }
  .main-news-list li a .right-cont{
    margin-left:20px;
  }
  .main-news-list li a .title{
    white-space: normal;
  }
}
@media screen and (max-width: 640px) { 
	.main-news-tit { 
		font-size:24px; 
	}

	.main-news-list li a .cate-name { 
		font-size:12px; line-height: 24px; 
	}
	.main-news-list li a .title { 
		font-size:15px; line-height: 24px; 
	}
  
}



/* main-map */
.main-map
{
	width:100%; 
	background-size:cover;
	position: relative
}

.main-map::before{
	content: '';
	position: absolute;
	left:0;
	bottom:0;
background: url('/images/main/bg-main_map.png') no-repeat;
width: 750px ;height: 500px;
z-index: -1;
}
.main-map-tit
{
	font-family: 'Outfit';
	font-weight:600; font-size:60px; 
	color:#000000;

}


.main-map .inner
{
	background: #fff;

	
}
.main-map-view
{
	width: 60%;
	float:left;
	display:inline-block;
	height: 100%;
	overflow: hidden;
}
.main-map-view .root_daum_roughmap {
	width:100% !important;
	
}
.main-map-info
{	text-align: left;
	padding:43px 40px;
	float:left;
	width:40%;
	height: 480px;
	background-color: #fff;
	border: 1px solid #787878;
}

.main-map-info h1
{
	font-family: 'Outfit';
	font-weight: 500;
	font-size: 18px;
	color:#003972;
	margin-bottom:10px;
}
.main-map-info p
{
	font-size: 16px;
	color:#333;
	line-height: 1.5;
	font-weight: 300;
}
.main-map-info dl
{
	margin-top: 18px;
}
.main-map-info dt
{
	font-family: 'Outfit';
	font-weight: 500;
	font-size: 18px;
	color:#003972;
	display: inline-block;
	width:33px;
}

.main-map-info dd
{
	font-size: 18px;
	color:#000;
	display:inline-block;
	width: calc(50% - 66px);

}
.main-map-info  dd  a{
	color: #000;
	font-size: 18px;
	margin-left: 5px;

}
.main-map-info p span
{
	display: block;
	margin: 35px 0 15px 0;
	color:#003972;
	font-weight: 500;
}
.main-map-info p .busan-location
{
	margin: 14px 0 0px 0;
}
.main-map-info ul
{
	margin-top:45px;
	display: flex;
	gap: 10px;
	
}
.main-map-info li
{
}

.main-map-info img
{
	display: block;
	margin-bottom:8px;
	width:100%;
	max-height:60px;
	object-fit: contain;
}
.main-map-info ul li a
{
	text-align: center;
	display: block;
	
	font-size: 14px;
	font-weight: 300;
	color:#333;
}



.map-tab-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.map-tab-wrap.location
{
	margin-top:15px;
	background:#fff;
	width: 1000px;

    margin: 23px auto 0;
	
}
.map-tab {
	display: flex;

}
.map-tab-wrap.location .map-tab
{
	margin-left: 0;
}
.map-tab li {
	text-align:center;
	background-color: #e2e6eb;
	color: #2e3741;
	transition: all .3s;
	width: 400px;
}
.map-tab-wrap.location .map-tab li{
	padding-left: 0;
}
.map-tab-wrap.location .map-tab li span
{

}

.map-tab li span {
	display:flex;
	align-items: center;
	justify-content: center;
	height:52px;
	color:#fff;
	font-size:19px;
	letter-spacing:-0.05rem;
	cursor:pointer;
color: #2e3741
}
.map-tab-wrap.location li span
{
	color:#262262;
	height: 62px;
}
.map-tab li.on{
	background-color: #112538;
}
.map-tab-wrap.location li.on span
{
	border-bottom:2px solid #262262;
	
}
.map-tab li.on span {
	color: #fff;
}


.map-cont{
	width:100%;
	height: 100%;

}



.root_daum_roughmap .wrap_map{
	height: 449px !important;
}
@media screen and (max-width: 1024px) { 

	.main-map .inner
	{

		width: 100%; height:auto;
		margin-top: 200px;
	
		
	}
	.main-map-view
	{
		width: 100%;

	}

}
@media screen and (max-width: 850px) 

{ 
	.root_daum_roughmap .wrap_map{
		height: 300px !important;
	}
	.map-tab-wrap{
		flex-direction: column;
	}

	.main-map-info{
		display: block;
		width:100%;
		order: 2;
		padding: 20px;
	}
	.main-map-tit
	{
		font-size:26px;
		text-align: left;
		font-size: 48px;
		}
		.map-tab{
			width:100%
		}
		.map-tab li{
			width: calc(100% / 2)
		}
		.map-tab li span{
			font-size: 15px;
		}
	.main-map { 
		padding:0 20px;
		width: 100%;
	}	 
	.main-map .fp-tableCell { 
		 padding-top:70px;
		 padding-bottom:70px;
	}
	.main-map-tit
	{
		position:relative; top:auto; left:0;
		transform: none;
		width: 100%;
		height: auto;
		
	}
	.main-map .inner
	{
		background: #fff;
		width: 100%; height:auto;
		margin-top: 0;

	}
	.map-cont{
		display: flex;
		flex-direction: column;
	}

}

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

	.map-tab-wrap.location
	{
		width: 100%;
	}
	.main-map .fp-tableCell { 
		 padding:40px 0;
	}

	.main-map-view
	{
		width:100%;
	}	
	.main-map .inner
	{
		background: #fff;
		width: 100%; height:auto;
	}

	
	

}
/*	.main-business-tit {
		position:relative;
		top:auto; left:0;
		transform:none;
		width:100%; height:auto;
	}
	.main-business-tit h1 {
		margin-bottom:20px;
		font-size:32px;
		
	}*/
/* sub
------------------------------------------------------ */
/*
	visual
*/
.sub-visual {
	display:table;
	padding-top:125px;
	width:100%; height:400px;
}
.sub-visual .visual-inner {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.sub-visual .visual-inner h1 {
	font-weight:500; font-size:56px;
	color:#fff;
	text-transform:uppercase;
	word-break:keep-all;
}
.sub-visual .visual-inner p {
	margin-top:10px;
	font-weight:100; font-size:30px; line-height:1.3;
	color:#fff;
	word-break:keep-all;
}

@media screen and (max-width:1024px) {
	.sub-visual {
		padding-top:76px;
	}
}
@media screen and (max-width: 768px) { 
	.sub-visual {
		padding-top:60px;
		height:385px;
	}
	.sub-visual .visual-inner h1 {
		font-size:40px;
	}
	.sub-visual .visual-inner p {
		font-size:25px;
	}
}
@media screen and (max-width: 640px) { 
	.sub-visual {
		height:320px;
	}
	.sub-visual .visual-inner h1 {
		font-size:33px;
	}
	.sub-visual .visual-inner p {
		font-size:21px;
	}
}

.sub-visual.intro {
	background:url('/images/sub/sub_visual_intro.jpg') no-repeat center center;
	background-size:cover;
}

.sub-visual.consulting {
	background:url('/images/sub/sub_visual_consulting.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.location {
	background:url('/images/sub/sub_visual_location.jpg') no-repeat center center;
	background-size:cover;
}

.sub-visual.lawyer {
	background:url('/images/sub/sub_visual_lawyer.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.business {
	background:url('/images/sub/sub_visual_business.jpg') no-repeat center center;
	background-size:cover;
}

.sub-visual.civil {
	background:url('/images/sub/sub_visual_business01.jpg') no-repeat center center;
	background-size:cover;
}

.sub-visual.tax {
	background:url('/images/sub/sub_visual_business02.jpg') no-repeat center center;
	background-size:cover;
}

.sub-visual.revitalization{
	background:url('/images/sub/sub_visual_business03.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.advisory{
	background:url('/images/sub/sub_visual_business04.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.fund{
	background:url('/images/sub/sub_visual_business05.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.task {
	background:url('/images/sub/sub_visual_business06.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.fairtrade {
	background:url('/images/sub/sub_visual_business07.jpg') no-repeat center center;
	background-size:cover;
}

.sub-visual.lawyerview{
	background:url('/images/sub/sub_visual_lawyer_view.jpg') no-repeat center center;
	background-size:cover;
}

.sub-visual.news {
	background:url('/images/sub/sub_visual_board.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.case {
	background:url('/images/sub/sub_visual_case.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.infomation {
	background:url('/images/sub/sub_visual_board.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.lawdata {
	background:url('/images/sub/sub_visual_board.jpg') no-repeat center center;
	background-size:cover;
}
.sub-visual.recruit {
	background:url('/images/sub/sub_visual_recruit.jpg') no-repeat center center;
	background-size:cover;
}


.sub-visual.online {
	background:url('/images/sub/sub_visual_online.jpg') no-repeat center center;
	background-size:cover;
}


/*
	loaction-menu
*/
.loaction-menu {
	margin:20px auto 0;
	width:1200px;
	text-align:center;
	font-size:0;
}
.loaction-menu li {
	display:inline-block;
	vertical-align:top;
}
.loaction-menu li:after {
	content:'';
	display:inline-block;
	margin:0 15px;
	width:7px; height:17px;
	background:url('/images/sub/location_arrow.png') no-repeat center center;
	vertical-align:top;
}
.loaction-menu li:last-child {
	margin-right:0;
}
.loaction-menu li:last-child:after {
	display:none;
}
.loaction-menu li a {
	display:inline-block;
	vertical-align:middle;
	font-weight:300; font-size:15px; line-height:17px;
	color:#fff;
}
.loaction-menu li:first-child a {
	line-height:0;
}

@media screen and (max-width:1200px) {
	.loaction-menu {
		padding:0 30px;
		width:100%;
	}
}
@media screen and (max-width:768px) {
	.loaction-menu {
	/*	display:none;*/
	}
}
@media screen and (max-width:640px) {
	.loaction-menu {
		padding:0 30px 30px 30px;

	}
}


/*
	sub-conts-wrap
*/
.sub-conts-wrap {
	margin:0 auto; padding:70px 0 50px;
	width:1200px;
}

@media screen and (max-width:1200px) {
	.sub-conts-wrap {
		padding:70px 30px 150px;
		width:100%;
	}
}
@media screen and (max-width:1024) {
	.sub-conts-wrap {
		padding:50px 30px 70px;
		width:100%;
	}
}

@media screen and (max-width:768px) {
	.sub-conts-wrap {
		padding:50px 20px 100px;
	}
}
@media screen and (max-width:640px) {
	.sub-conts-wrap {
		padding:20px 20px 30px;
	}
}

.sub-conts-title {
	position:relative;
	margin-bottom:60px;
	font-weight:300; font-size:44px; line-height:1.3;
	color:#333;
	text-align:center;
}


@media screen and (max-width:768px) {
	.sub-conts-title {
		margin-bottom:40px;
		font-size:30px;
	}
	.sub-conts-title:before {
		margin-bottom:10px;
		height:86px;
	}
}
@media screen and (max-width:640px) {
	.sub-conts-title {
		margin-bottom:30px;
		font-size:25px;
	}
	.sub-conts-title:before {
		height:72px;
	}
}


/*
	인사말
*/
.overview-wrap {
}
.overview-wrap div {

}

.overview-wrap .inroduce-title
{
	width:740px;
	height: 100px;
	padding:40px 0;
	text-align: center;
	margin:0 auto;
	position: relative;
	top:-20px;
	background: #fff;
	
}

.overview-wrap div img {
	display: block;
	margin:0 auto;
	
}

.overview-wrap .inroduce-title h1 {
	
	width:100%;
	font-size: 24px;	
	vertical-align: middle;
	font-family: 'Noto Serif KR';
	color:#0a5096;
	letter-spacing: 17px;
	font-weight: 400;
	position: absolute;
}

.overview-wrap p {
	font-weight:100; font-size:19px; line-height:1.7;
	color:#666;
	word-break:keep-all;
	text-align: center;
	font-weight: 300;
	margin-bottom: 115px;
	
}
.overview-wrap p strong {
	font-weight:100; font-size:34px;
	color:#222;
}
.overview-wrap p em {
	font-style:normal;
	color:#c9a063;
}
.overview-wrap p:nth-of-type(even) {
	margin:70px 0 120px;
}
.overview-wrap p:last-child {
/*	margin-bottom:0;*/
}

@media screen and (max-width:768px) {
	.overview-wrap p {
		font-size:16px;
	}
	.overview-wrap p strong {
		font-size:27px;
	}
	.overview-wrap p:nth-of-type(even) {
		margin:50px 0 70px;
	}
}
@media screen and (max-width:640px) {
	.overview-wrap .inroduce-title
	{
		
		width:340px;
		height: 50px;
		padding:10px 0;
			
	}

	.overview-wrap div img {
		float:none;
		margin-left:0; margin-bottom:40px;
		width:100%;
	}
	.overview-wrap .inroduce-title h1 {
		letter-spacing: 1px;
		text-align: center;
		left: 0;
		font-size:22px;
		
	}
	.overview-wrap p {
		font-size:16px;
		margin-bottom: 40px;

	}
	.overview-wrap p strong {
		font-size:22px;
	}
	.overview-wrap p:nth-of-type(even) {
		margin:30px 0 50px;
	}
}
/*
	상담신청
*/
.consulting-wrap {
	
}
.sub-siwoo-title {
	padding:20px 0 0 0;

}
.sub-siwoo-title > p,
.sub-siwoo-title > h1 {
	text-align: center;
		
}

.sub-siwoo-title > p
{
	font-size: 22px;
	font-family: 'Noto Serif KR';
	letter-spacing: 10px;
	color:#0a5096;
	margin-bottom:25px;
}

.sub-siwoo-title > h1
{
	font-size: 36px;
	color:#434343;
	font-weight: 300;	
}

.sub-siwoo-title > h1:before
{
	content: '';
	display:block;
	margin:0 auto 17px;
	width:30px; height:2px;
	background: #0a5096;
}

.consulting-info-wrap
{
	background: #e5e8ec;
	padding:115px 0 385px 0;
}
.sub-consulting-info
{
	width:1200px;
	margin: 0 auto;
	clear: both;

}
	
.sub-consulting-info .consulting-info-tel
{
	width:30% ;	
	float:left;
	text-align: center;
	position: relative;

}

.sub-consulting-info .consul-location
{
	position: absolute;
	left: -100px;
    top: 195px;
    font-size: 31px;
    font-weight: 500;
    color:#145ca3;
}
.sub-consulting-info .consul-location2
{
	position: absolute;
	left: -100px;
    top: 4px;
    font-size: 31px;
    font-weight: 500;
    color:#145ca3;	
}
.sub-consulting-info .consulting-info-visit
{

	width:40% ;	
	float:left;
	text-align: center;
	margin-bottom: 60px;
}

.sub-consulting-info .consulting-info-visit.busan
{

	width:66.666% ;	
	float:left;
	text-align: left;
	margin-bottom: 124px;
}
.sub-consulting-info .consulting-info-kakao
{
	width:30% ;	
	float:left;
	text-align: center;
	
}

.sub-consulting-info .img-wrap{
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	padding:22px 18px;
	text-align:center;
}
.sub-consulting-info h1 span
{
	display: block;
	margin:15px 0 52px 0;
	color:#333;
	font-weight: 300;
	font-size: 18px;
}

.sub-consulting-info p
{
	font-size: 19px;
	color:#333;
	font-weight: 300;	
	margin-bottom: 22px;
}

.sub-consulting-info .consulting-add
{
	line-height: 35px;
}
.sub-consulting-info .consulting-info-tel .tel-number
{
	font-size: 27px;
	color:#145ca3;
	font-weight: 500;
}
.sub-consulting-info .consulting-info-visit dl
{

}
.sub-consulting-info .consulting-info-visit dt
{
	width:140px;
	font-size:16px;
	color:#444;
	display: inline-block;
	text-align: left;

}
.sub-consulting-info .consulting-info-visit dd
{
	font-size:15px;
	color:#666;
	display: inline-block;
	text-align: left;
	width:190px;
		
}

	

.sub-consulting-info .consulting-info-kakao .consulting-kakao
{
	background: #ffe800;
	width:250px;
	height: 40px;
	border-radius: 20px;
	display: inline-block;
	line-height: 40px;

}

.sub-consulting-info .consulting-info-kakao .consulting-kakao img
{
	margin-left: 26px;
}

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

	.sub-consulting-info
	{
		width:100%;
		margin: 0 auto;
		clear: both;
	
	}
}
	
@media screen and (max-width:1200px) {
	.sub-conts-wrap {
		padding:70px 30px 150px;
		width:100%;
	}
}





@media screen and (max-width:768px) {
	.sub-consulting-info p
	{
		font-size: 15px;
	}
	.sub-consulting-info .consulting-info-tel .tel-number
	{
		font-size: 28px;
		color:#145ca3;
		font-weight: 500;
	}

	.sub-consulting-info .consulting-info-visit dt
	{
		width:120px;
		font-size:15px;
	
	}

}
@media screen and (max-width:640px) {
	.sub-siwoo-title > h1
	{
		font-size: 20px;
	}
	.sub-siwoo-title > p
	{
		font-size: 18px;
		letter-spacing: 8px;
		margin-bottom:11px;
	}
	.sub-conts-wrap {
		padding:20px 15px 30px;
		width:100%;
	}
	.sub-consulting-info .consulting-info-tel
	{
		width:100% ;	
	}
	.sub-consulting-info .consulting-info-visit
	{
		margin-bottom: 35px;
		width:100% ;	
	}
	.sub-consulting-info .consulting-info-kakao
	{
		width:100% ;	
	}
	.consulting-info-wrap
	{
		padding: 40px 0 760px 0;
	}
	.sub-consulting-info h1 span
	{
	    margin: 15px 0 15px 0;
	}
	.sub-consulting-info p
	{
		margin-bottom: 12px;
	}
	.sub-consulting-info .consulting-info-tel .tel-number 
	{
		margin-bottom: 15px;
	}
}



/*
	오시는길
*/
.location-wrap .location-box {
	height:530px;
	width: 1000px;
	height:400px;

	margin: 30px auto 65px;
	
}
.location-wrap .root_daum_roughmap {
	width:100% !important;
	
}

.location-wrap address {
	font-style:normal;
}
.location-wrap address span {
	margin-right:25px;
	font-weight:300; font-size:18px; line-height:1.3;
	color:#000;
	word-break:keep-all;
}
.location-wrap address span:first-child {
	display:block;
	margin:0 0 5px;
	font-weight:300; font-size:22px; 
}
.location-wrap .address-wrap {
	margin-top:40px;
	font-size:14px;
	padding:0 0 0 140px;
}
.location-wrap .address-wrap > div
{
padding:10px 0;
margin-bottom:35px;
}
.location-wrap .address-wrap .img-wrap {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: #f0f5f9;
	display: inline-block;
	text-align: center;
	padding:17px 0;
	margin-right: 34px;
	
}
.location-wrap .link-web
{
	font-size: 18px;
	color: #003972;
	font-weight: 400;
}
.location-wrap .link-web a
{
	font-size: 18px;
	color: #003972;
	font-weight: 400;
}

.location-wrap .address-wrap .img-wrap img {
	
}

.location-wrap .address-wrap dl
{
	width: 780px;
	display: inline-block;	
	vertical-align: middle;
}
	
.location-wrap .address-wrap dt
{
	font-size: 17px;
	color: #003972;
	font-weight: 400;
	margin-bottom: 12px;

}
.location-wrap .address-wrap dd
{
	font-size: 16px;
	color: #333;
	font-weight: 300;
	display: inline-block;
}

.location-wrap .address-wrap span
{
	font-size: 16px;
	color: #333;
	font-weight: 400;
	font-family: 'roboto';
	padding-left: 30px;
}

	
.location-wrap .address-wrap address {
	display:inline-block;
	width:calc(100% - 36.25%);
	vertical-align:middle;
}

@media screen and (max-width:1024px) {
	.location-wrap address span {
		display:block;
		margin-top:7px;
	}

	.location-wrap .location-box {
	  
	    width: 100%;
	  
    }
	.location-wrap .address-wrap {
		margin-top:40px;
		font-size:14px;
		padding:0 0 0 60px;
	}
    .location-wrap .root_daum_roughmap {
	height:330px;
	
}
}

@media screen and (max-width:768px) {
	.location-wrap .location-box {
		height:450px;
	}
	.location-wrap .address-wrap .img-wrap {
		
		text-align:center;
		padding:17px 0;
		width:60px; height: 60px;
		margin-right: 30px;
	}
	.location-wrap .address-wrap img{
		width:45%
	}

	.location-wrap .address-wrap {
		margin-top:25px;
	}	
	.location-wrap .address-wrap dl{
		width:80%;
	}
	.location-wrap .address-wrap address {
		width:100%;
	}
	.location-wrap address span:first-child {
		font-size:18px;
	}
	.location-wrap address span {
		font-size:15px;
	}
}
@media screen and (max-width:640px) {
	.location-wrap .location-box {
		height:320px;
	}
	.location-wrap .address-wrap {
		padding:0;
	}	
	.location-wrap .address-wrap .img-wrap {
		
		margin-right: 18px;
	}
	.location-wrap .address-wrap dl{
		width:72%;
	}	
	.location-wrap .address-wrap dd{
		margin-bottom:10px;
	}	
	.location-wrap .address-wrap span  {
		padding-left:5px;
	}
	.location-wrap .address-wrap span:nth-child(1) {
		padding-left:0;
	}
	.location-wrap .link-web
	{
		font-size: 15px;
		color: #003972;
		font-weight: 400;
	}
	.location-wrap .link-web a
	{
		font-size: 15px;
		color: #003972;
		font-weight: 400;
	}


}





/*
	구성원소개
*/


/* ===== 기본 그리드 (데스크톱) ===== */
.lawyer-wrap {
  margin: 55px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 40px;
  row-gap: 45px;
}

/* ===== 공통 카드 스타일(그대로 사용) ===== */
.lawyer-wrap .lawyer-box { border: 0; background: #fff; }
.lawyer-wrap .lawyer-box img { width: 100%; display: block; }

.lawyer-wrap .lawyer-box .text-wrap {
  background: #6e6e6e; color: #fff; border: 0; border-top: none;
  display: flex; align-items: center; justify-content: center;
  min-height: 95px; padding: 0;
}
.lawyer-wrap .lawyer-box .text-wrap dl { margin: 0; padding: 8px 12px; text-align: center; }
.lawyer-wrap .lawyer-box .text-wrap .type1 { padding: 8px 12px; }
.lawyer-wrap .lawyer-box .text-wrap dt { font-size: 26px; font-weight: 600; display: block; line-height: 1.2; margin: 0; }
.lawyer-wrap .lawyer-box .text-wrap dd { font-size: 15px; font-weight: 300; margin: 2px 0 0; }
.lawyer-wrap .lawyer-box .text-wrap li { text-align: center; padding-bottom: 14px; }

/* ===== 반응형: 열 수만 조정 ===== */

/* 3열 */
@media (max-width: 1200px) {
  .lawyer-wrap { grid-template-columns: repeat(3, 1fr); }
}

/* 2열 (태블릿부터 2칸) */
@media (max-width: 900px) {
  .lawyer-wrap { grid-template-columns: repeat(2, 1fr); }
  .lawyer-wrap .lawyer-box .text-wrap { min-height: 88px; }
  .lawyer-wrap .lawyer-box .text-wrap dt { font-size: 24px; }
  .lawyer-wrap .lawyer-box .text-wrap dd { font-size: 14px; }
}

/* 모바일도 계속 2열 유지 (간격만 살짝 줄임) */
@media (max-width: 560px) {
  .lawyer-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px;   /* 모바일 가로 간격 축소 */
    row-gap: 20px;      /* 모바일 세로 간격 축소 */
  }
  .lawyer-wrap .lawyer-box .text-wrap { min-height: 82px; }
  .lawyer-wrap .lawyer-box .text-wrap dl,
  .lawyer-wrap .lawyer-box .text-wrap .type1 { padding: 8px 10px; }
  .lawyer-wrap .lawyer-box .text-wrap dt { font-size: 22px; font-weight: 500; }
  .lawyer-wrap .lawyer-box .text-wrap dd { font-size: 13.5px; }
}

/* 초소형 기기에서도 2열 유지 + 더 타이트하게 */
@media (max-width: 380px) {
  .lawyer-wrap {
    column-gap: 10px;
    row-gap: 16px;
  }
  .lawyer-wrap .lawyer-box .text-wrap { min-height: 78px; }
  .lawyer-wrap .lawyer-box .text-wrap dt { font-size: 20px; }
  .lawyer-wrap .lawyer-box .text-wrap dd { font-size: 13px; }
}

/* ===== (선택) slide 그리드도 2열 유지로 정리 ===== */
.attorney-wrap .lawyer-slide-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px; row-gap: 20px;
}
@media (max-width: 1024px) { .attorney-wrap .lawyer-slide-box { grid-template-columns: repeat(3, 1fr); } }
/* 640px 이하부터도 계속 2열 유지 */
@media (max-width: 640px)  { .attorney-wrap .lawyer-slide-box { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 380px)  { .attorney-wrap .lawyer-slide-box { column-gap: 10px; row-gap: 14px; } }



.lawyer-view-wrap{
	background: #e9edf2;
	width: 100%;
}
.lawyer-view-title
{
	margin-top: 100px;
}
.lawyer-view-box
{
	width: 1200px;
	margin:50px auto 0;
	padding-top:77px;
}

.lawyer-view-box img
{
	display: inline-block;
	width:350px;
/*	height:450px;	*/
	vertical-align: top;
	margin-bottom: 110px;
}

.lawyer-view-box .lawyer-intro-wrap{
	display:inline-block;
	width: calc(100% - 460px);
	margin-left: 95px;
}

.lawyer-view-box .lawyer-title{
	
}
.lawyer-view-box .lawyer-title dt{
	font-size: 52px;
	font-weight: 500;
	color:#333;
	display: inline-block;
	width:155px;
	text-align: left;
}

.lawyer-view-box .lawyer-title p{
	font-size: 18px;
	font-weight: 300;
	color:#666;
	margin: 30px 0;
	font-family: 'roboto';
	padding-left: 1%;

}
.lawyer-view-box .lawyer-title span{
	font-size: 19px;
	font-weight: 400;
	color:#fff;
	background:#003972;	
	display: inline-block;
	width: fit-content;
	height: fit-content;
	border-radius: 25px;
	padding:12px 30px;
	
}
.lawyer-view-box .lawyer-title .long-intro
{
	width: 700px;
}

.lawyer-view-box .lawyer-title dd{
	font-size: 43px;
	font-weight: 300;
	color:#333;
	display:inline-block;
	letter-spacing: -2px;
}
		
.lawyer-view-box .lawyer-intro{
	margin-top:50px;
}
.lawyer-view-box .lawyer-intro h2{
	font-size: 24px;
	font-weight: 400;
	color:#333;
	line-height: 18px;
}

.lawyer-view-box .lawyer-intro h2:after
{
		content:'';
	display:block;
	margin-bottom:18px;
	width:35px; height:3px;
	background:#003972;
	margin: 0 0 0 17%;
	line-height: 2px;

}
.lawyer-view-box .lawyer-intro p{
	margin-top:27px;
	font-size: 18px;
	font-weight: 300;
	color:#666;
	line-height: 1.7;
	letter-spacing: -1px;
}

.lawyer-view-inner{
	width:1200px;
	margin:50px auto 0;
	
}
.lawyer-view-inner .lawyer-carrer-title
{
	width:450px;
	display:inline-block;	
	vertical-align:top;
}

.lawyer-view-inner .lawyer-carrer h1{
	display:inline-block;

	font-weight:600; font-size:32px;
	color:#003972;
	letter-spacing:-2px;
	line-height: 26px;

}
.lawyer-view-inner .lawyer-carrer h1:after{
	content:'';
	display:block;
	margin-bottom:18px;
	width:35px; height:3px;
	background:#003972;
	margin: 0 0 0 110%;
	line-height: 2px;
	
}
.lawyer-view-inner .lawyer-detail{
	display:inline-block;
	width: calc(100% - 455px);
	margin-bottom: 60px;
}
.lawyer-view-inner .lawyer-detail ul{
	margin-bottom: 45px;
}

.lawyer-view-inner .lawyer-detail li .icon-circle
{
	display:inline-block;
	content: "";
	width: 4px;
	height: 4px;
	background: #003972;
	border-radius: 35px;
	margin-right: 8px;
	margin-bottom: 4px;
	vertical-align: middle;
}
.icon-circleb
{
	display:inline-block;
	content: "";
	width: 4px;
	height: 4px;
	background: #003972;
	border-radius: 35px;
	margin-right: 15px;
	margin-bottom: 4px;
	vertical-align: middle;
}
.lawyer-view-inner .lawyer-detail li{
	font-size:18px;
	color:#666;
	line-height: 1.8;
	font-weight: 300;

}

.lawyer-view-inner .lawyer-detail p{
	color: #003972;
	font-size:22px;
	line-height: 1.5;
}

.attorney-view {
	font-size:0;
}
.attorney-view-box {
	display:inline-block;
	width:calc(100% - 29.8305%);
}
.attorney-view-header {
	overflow:hidden;
}
.attorney-view-header h1 {
	font-weight:500; font-size:60px;
	color:#333;
}
.attorney-view-header h1 span {
	display:inline-block;
	margin-left:10px;
	font-weight:300; font-size:24px;
	color:#666;
}
.attorney-view-header dl {
	margin:30px 0 80px;
	font-size:0;
}
.attorney-view-header dl dt,
.attorney-view-header dl dd {
	display:inline-block;
	padding:4px 0;
	font-weight:400; font-size:18px;
	vertical-align:top;
}
.attorney-view-header dl dt {
	width:70px;
	color:#c9a063;
}
.attorney-view-header dl dd {
	width:calc(100% - 70px);
	color:#333;
}

.attorney-detail {
	font-size:0;
}
.attorney-detail h1 {
	display:inline-block;
	margin-bottom:-60px;
	width:140px;
	font-weight:400; font-size:34px;
	color:#222;
	vertical-align:top;
}
.attorney-detail > ul {
	margin:0 0 45px;
	padding-left:140px; 
	width:100%;
}
.attorney-detail > .full {
	width:calc(100% + 29.8305%);
}
.attorney-detail > ul:last-child {
	margin-bottom:0;
}
.attorney-detail ul {
	display:inline-block;
	vertical-align:top;
}
.attorney-detail ul li {
	padding:3px 0 3px 5px;
	font-size:16px; line-height:1.3;
	color:#666;
	word-break:keep-all;
	text-indent:-5px;
}
.attorney-detail ul li strong {
	display:block;
	margin-bottom:5px;
	font-weight:400; font-size:18px;
	color:#333;
}
.attorney_view_photo {
	display:inline-block;
	width:29.8305%;
	vertical-align:top;
}
.attorney_view_photo img {
	width:100%;
}

.attorney-view .more-btn {
	display:block;
	margin:60px auto 0;
	width:400px; background:#262c30;
	font-weight:100; font-size:30px; line-height:90px; 
	color:#fff;
	text-align:center;
}

@media screen and (max-width: 1024px) {
	.lawyer-view-wrap{
		padding: 0 50px;
	} 
	.lawyer-view-inner{
		margin: 50px 65px;
	} 

	.lawyer-view-box .lawyer-intro-wrap {
	    display: inline-block;
	    width: calc(100% - 670px);
	    margin-left: 53px;
	}
	.lawyer-view-box .lawyer-intro h2:after
	{
		margin: 0 0 0 22%;
	
	}	
	.lawyer-view-inner .lawyer-detail 	
	{
		margin-bottom:0;
	}
 }
@media screen and (max-width: 768px) {
	.lawyer-view-wrap{
		padding: 0 30px;
	} 
	
	.lawyer-view-inner{
		width:100%;
		margin:50px	
}
	.lawyer-view-box .lawyer-intro h2:after
	{
		margin: 0 0 0 33%;
	
	}	

	.lawyer-view-box 
	{
		width: 100%;
	}
	.lawyer-view-box .lawyer-intro-wrap {
	    width: 51%;
	    margin-left: 17px;
	    margin-bottom: 20px
	}
	.lawyer-view-box img
	{
		width:320px;
	
	
	}

	.lawyer-view-box .lawyer-title dt{
		font-size: 50px;
	}
	
	.lawyer-view-box .lawyer-title p{
		font-size: 18px;
		font-weight: 300;
		color:#666;
		margin: 30px 0;
		font-family: 'roboto';
		padding-left: 1%;
	
	}
	.lawyer-view-box .lawyer-title span{
		font-size: 16px;
		width: 345px;
		
		border-radius: 25px;
		padding:12px 13px;
		
	}
	
	.lawyer-view-box .lawyer-title dd{
		font-size: 38px;
	}
	
	.lawyer-view-box .lawyer-intro h2:after
	{
		margin: 0 0 0 22%;
	
	}	
	.lawyer-view-inner .lawyer-carrer-title {
  	  width: 270px;
  	}
	.lawyer-view-inner .lawyer-detail {
   
	    width: calc(100% - 345px);
	 } 

}
@media screen and (max-width: 640px) {
	.lawyer-view-title{
		margin-top:10px;
	}
	.lawyer-view-box{
		padding-top: 32px;
	}
	.lawyer-view-box .lawyer-intro-wrap {
	    width: 100%;
	    margin-left: 0;
	    margin-bottom: 20px;	
	 }
	.lawyer-view-box img {
	    margin-bottom: 30px;
	}
	.lawyer-view-box .lawyer-title dl {
		padding:0 20px;
	}

	.lawyer-view-box .lawyer-title dt {
    	font-size: 37px;
    	width: 115px;
    }
	.lawyer-view-box .lawyer-title dd {
    	font-size: 25px;
    	
    }
	.lawyer-view-box .lawyer-title p {
		padding: 0 25px;
		margin: 4px 0 15px 0;
	}
	.lawyer-view-box .lawyer-title span{
		font-size: 14px;
		width: 290px;
		
		border-radius: 25px;
		margin:0 10px;
		height: 44px;
	}
	.lawyer-view-box .lawyer-intro
	{
		margin-top:40px
		}
	.lawyer-view-box .lawyer-intro p {
	    margin-top: 24px;
	    font-size: 15px;
	}
	.lawyer-view-box .lawyer-intro h2:after
	{
		margin: 0 0 0 37%;
	
	}	
	.lawyer-view-inner {
		width: 100%;
		margin: 25px;
	}
	.lawyer-view-inner .lawyer-carrer-title {
		width: 100%;
	}
	.lawyer-view-inner .lawyer-detail {
		width: 100%;
		margin-bottom:20px;
	}
	.lawyer-view-inner .lawyer-detail ul {
		margin: 20px 40px 0 0;
	}
	.lawyer-view-inner .lawyer-detail p
	{
		margin-top:20px;
	}
	.lawyer-view-inner .lawyer-detail li {
		font-size: 14px;
		margin-left: 18px;
		text-indent: -13px;
	}
	.lawyer-view-inner .lawyer-carrer h1 {
		font-size: 25px;
		color: #003972;
		letter-spacing: -2px;
		line-height: 26px;
	}
	
}	
@media screen and (max-width:480px) {
	.attorney-view .more-btn {
		margin-top:40px;
		width:100%;
		font-size:18px; line-height:55px;
	}
}




/*
	주요업무
*/
.business-list {
	width:100%;
	font-size:0;
}
.business-list > li {
	position:relative;
	display:inline-block;
	margin:0 0 35px 40px;
	width:calc(100% / 4 - 30px);
	vertical-align:top;
}
.business-list > li:nth-child(4n+1) {
	margin-left:0;
}
.business-list > li a {
	display:block;
}
.business-list > li a > img {
	width:100%;
}
.business-list > li .text-wrap {
	position:absolute; top:0; left:0;
	padding:15% 0 0;
	width:100%; height:100%;
	text-align:center;
}
.business-list > li .text-wrap strong {
	font-weight:400; font-size:24px; line-height:1.2;
	color:#fff;
}
.business-list > li .text-wrap strong:after {
	content:'';
	display:block;
	margin:15px auto 20px;
	width:160px; height:1px;
	background:rgba(201,160,99,.5);
}
.business-list > li .text-wrap img {
	display:block;
	margin:0 auto;
}
.business-list > li .text-wrap ul {
	margin-top:20px;
}
.business-list > li .text-wrap li {
	padding:2px 0;
	font-size:15px;
	color:#fff;
}

@media screen and (max-width: 1024px) {
	.business-list > li {
		margin:0 0 20px 20px;
		width:calc(100% / 3 - 14px);
	}
	.business-list > li:nth-child(4n+1) {
		margin-left:20px;
	}
	.business-list > li:nth-child(3n+1) {
		margin-left:0;
	}
}
@media screen and (max-width: 768px) {

	
	.business-list > li {
		width:calc(50% - 10px); 
	}
		.business-list > li {
		margin-left:0 !important;
		width:100%; max-width:270px;
	}
	.business-list > li:nth-child(3n+1) {
		margin-left:20px;
	}
	.business-list > li:nth-child(2n+1) {
		margin-left:0;
	}
	.business-list > li .text-wrap strong {
		font-size:24px;
	}
	.business-list > li .text-wrap strong:after {
		margin:15px auto 20px;
		width:160px;
	}
	.business-list > li .text-wrap img {
		height:61px;
	}
	.business-list > li .text-wrap ul {
		margin-top:20px;
	}
	.business-list > li .text-wrap li {
		padding:2px 0;
		font-size:15px;
	}
}
@media screen and (max-width: 480px) {
	.business-list {
		text-align:center;
	}

}

/*주요업무 상세 */
.business-view-wrap
{
	position: relative;
	padding-bottom: 280px;

}

.business-title
{
	padding:40px 0 40px 90px;
	text-align: left;
	background: #0a5096;
	color:#fff;
	position: absolute;
	top:-50px;
	width:1920px;
}

.business-title h1
{
	text-align: left;
	color:#fff;
	font-size:36px;
	font-weight: 200;
}
.business-title p
{
	text-align: left;
	color:#fff;
	margin-bottom: 11px;
	font-weight: 200;
	font-size: 22px;
	line-height: 1;
	
}
.business-view-conts{
		
	margin-top:180px;
}
.business-view-inner {
	display:block;
	margin-top:70px;
	font-size:0;

}
.business-view-inner h1 {
	display:inline-block;
	width:272px;
	font-weight:600; font-size:32px;
	color:#003972;
	letter-spacing:-2px;
	vertical-align:top;
}

.business-view-inner h1:after {
	content:'';
	display:block;
	margin-bottom:18px;
	width:25px; height:2px;
	background:#e6a11e;
	margin: 8px 0 0 3px;;
}


.business-view-inner .conts-box
{
	display: inline-block;
	width:calc(100% - 272px);
}
.business-view-inner p {
	display:inline-block;
	font-size:18px; line-height:1.8; color:#666;
	vertical-align:top;
	word-break:keep-all;
	font-weight: 200;
	letter-spacing: -0.5;
}
.business-view-inner p strong{
	color:#0a5096;
	font-size: 24px;
	font-weight: 200;
	letter-spacing: -0.5px;
	line-height: 24px;
}
.business-view-inner .conts-detail-wrap {
	background:#eaeff4;
	width:100%;
	padding:42px 20px 35px 40px;
}
.business-view-inner .right-width:nth-child(1) {
	display: inline-block;
	width: calc(43%);	
	vertical-align: top;
	
}
.business-view-inner .right-width:nth-child(2) {
	display: inline-block;
	width: calc(57%);	
	vertical-align: top;
	
}
.business-view-inner .left-width:nth-child(1) {
	display: inline-block;
	width: calc(57%);	
	vertical-align: top;
	
}
.business-view-inner .left-width:nth-child(2) {
	display: inline-block;
	width: calc(43%);	
	vertical-align: top;
	
}
.business-view-inner .conts-detail-wrap p {
	font-size: 18px;
	color:#333;
	font-weight: 300;
	margin-top:45px ;
	
}
.business-view-inner .conts-detail-wrap p:nth-child(1) {
	margin-top:0;
	
}

.business-view-inner .conts-detail-wrap span {
	font-size: 15px;
	color:#666;
	
}


.business-view-inner li {
	
	
	font-size: 16px;
	color: #666;
	font-weight: 300;
	letter-spacing: -0.7px;
	line-height: 2;
}

@media screen and (max-width:1024px) {
	.business-title
	{
		padding:35px 0 35px 60px;
	}

	.business-title h1
	{
		font-size:29px;
	}
	.business-view-inner p strong{
		font-size: 20px;
	}
	.business-view-conts{
			
		margin-top:120px;
	}
	.business-view-wrap
	{
		
		padding-bottom: 110px;
	
	}
}


@media screen and (max-width:768px) {
	.business-view-conts{
			
		margin-top:90px;
	}	

	.business-title h1
	{
		font-size:21px;
	}

	.business-view-inner {
		margin-top:40px;
	}
	.business-view-inner h1 {
		display:block;
		margin-bottom:20px;
		width:100%;
		font-size:25px;
	}
	.business-view-inner p {
		width:100%;
		font-size:15px;
	}
	.business-view-inner .conts-box
	{
		width:100%;
	}
	.business-view-inner .left-width
	{width: 100%;}
	.business-view-inner .left-width:nth-child(1)
	{width: 100%;}
	.business-view-inner .left-width:nth-child(2)
	{width: 100%;}

	.business-view-inner .right-width
	{width: 100%;}
	.business-view-inner .right-width:nth-child(1)
	{width: 100%;}	
	.business-view-inner .right-width:nth-child(2)
		{width: 100%;}	
	
}
@media screen and (max-width:640px) {
	.business-view-conts {
    	margin-top: 67px;
	}
	.business-title
	{
		padding: 15px 22px 15px 16px;
		width: 100%;
	}
	.business-title p {
	    margin-bottom: 0px;
	    font-size: 18px;
	    line-height: 1;
	}
	.business-title h1 {
	    font-size: 18px;
	}
	.business-view-wrap
	{
		padding-bottom: 70px;
	}
	.business-view-inner .conts-box {
	    width: 100%;
	}
	.business-view-inner h1 > br {
	    display: none;
	}
	.business-view-inner {
		margin-top:30px;
	}
	.business-view-inner p strong {
	    font-size: 20px;
	    font-weight: 300;
	}
	.business-view-inner h1 {
		margin-bottom:15px;
		font-size:24px;
		
	}
	.business-view-inner p {
		font-size:16px;
		font-weight: 300;
		line-height: 1.5;
	}
	.business-view-inner p:before {
		margin-bottom:13px;
		width:30px;
	}
	.business-view-inner .left-width
	{width: 100%;}
	.business-view-inner .left-width:nth-child(1)
	{width: 100%;}
	.business-view-inner .left-width:nth-child(2)
	{width: 100%;}

	.business-view-inner .right-width
	{width: 100%;}
	.business-view-inner .right-width:nth-child(1)
	{width: 100%;}	
	.business-view-inner .right-width:nth-child(2)
		{width: 100%;}	
	
	.business-view-inner li {
	    font-size: 15px;
	}	
	.business-view-inner .conts-detail-wrap {
	    background: #eaeff4;
	    width: 100%;
	    padding: 20px 10px 20px 10px;	
	}
}



/*
	승소사례 
*/
.case-list { 
	width:100%;
	text-align:left;
	font-size:0;
}
.case-list > li { 
	display:inline-block;
	margin:0 0 25px 20px; padding:30px 50px;
	width:calc(100% / 3 - 14px);
	border:1px solid #f1f1f1;
	box-sizing:border-box;
	background: #f1f1f1;
	vertical-align:top;
	transition:.3s;
}
.case-list > li:hover { 
	border:1px solid #d9bc91;
	background: #fff;
	box-shadow:15px 0 20px rgba(0,0,0,.1);
}
.case-list > li:nth-child(3n+1) { 
	margin-left: 0; 
}
.case-list > li a { 
	display:block; 
}
.case-list > li a > img { 
	margin-bottom: 25px; width:100%; 
}
.case-list .cate-name { 
	display:block;
	font-weight: 300; font-size:16px;
	color:#d9bc91;
}
.case-list strong { 
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3; 
	-webkit-box-orient:vertical; 
	text-overflow:ellipsis;
	margin:15px 0 35px;
	height:80px;
	font-weight: 300; font-size:20px;
	color:#333;
	word-break:keep-all;
}
.case-list.photo strong { 
	margin:3px 0 20px;
}
.case-list .bo-content { 
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	text-overflow:ellipsis;
	height:44px;
	font-weight: 300; font-size:16px; line-height:22px;
	color:#888;
}

.case-list .no-data { 
	width:100%;
	background: #fff;
	border:0 none;
	text-align:center;
	font-weight: 300; font-size:16px;
}
.case-list .no-data:hover { 
	box-shadow:none;
	border:0 none;
}

@media screen and (max-width: 768px) { 
	.case-list > li { 
		margin:0 0 20px 20px; padding:20px 23px;
		width:calc(50% - 10px); 
	}
	.case-list > li:nth-child(3n+1) { 
		margin-left: 20px; 
	}
	.case-list > li:nth-child(2n+1) { 
		margin-left: 0; 
	}
	.case-list .cate-name { 
		font-size:14px; 
	}
	.case-list  strong { 
		overflow:hidden;
		display:-webkit-box;
		-webkit-line-clamp:2; 
		-webkit-box-orient:vertical; 
		text-overflow:ellipsis;
		margin:5px 0 12px; height: 42px;
		font-size:18px; line-height: 1.2;
	}
	.case-list .cont .bo-content { 
		height:40px;
		font-size:14px; line-height: 20px;
	}
}
@media screen and (max-width: 480px) { 
	.case-list > li { 
		margin-left: 0; margin-bottom: 15px;
		width:100%; 
	}
	.case-list > li:nth-child(3n+1) { 
		margin-left: 0; 
	}
}


/** top **/
.quick_top_btn {
    display:none;
    width:67px;
    height:67px;
		color: #173859;
    background-color:#f2f4f8;
    text-align:center;
    padding: 10px 0; 
    position:fixed; 
    bottom: 50px;
    right:50px;
    z-index:999;
}

/** quick num **/
.quick_tob_num {
    position:fixed; 
    bottom: 50px;
    right:50px;
    z-index:999;
}


@media (max-width: 1100px) { 
    /** top **/
    .quick_top_btn {
        display:block;
        width:40px;
        height:40px;
        bottom: 70px;
        right:10px;
        padding:7px 0;
    }
    .quick_top_btn > p{
        font-size:10px;
    }

    .quick_tob_num {
        bottom: 10px;
        left:10px;
    }
    .quick_tob_num > img {
        height:40px!important;
    }
}
@media (max-width: 640px) { 
	.pc-br
	{
		display: none;		
	}
}


/*인재채용 */
.left-wrap
{
	width: 512px;
	display: inline-block;
}
.right-wrap{
	width: calc(100% - 520px);
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.right-wrap img
{
	
	position: relative;
}
.right-wrap:after
{
	position: absolute;
	content: '';
	display: inline-block;
	width: 665px;
	height: 400px;
	color:#0a5096;
	bottom: -15px;
	right: -3px;
	background: #0a5096;
	z-index: -1;
	border: 1px solid #0a5096;
}

.sub-siwoo-title.recruit .recruit-title
{
    font-size: 22px;
    font-family: 'Noto Serif KR';
    letter-spacing: 10px;
    color: #0a5096;
    margin-bottom: 25px;	
    text-align: left;
    position: relative;
}
.recruit-title:after
{
	content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 30px;
    height: 2px;
    background: #0a5096;
}
.recruit-comment
{
	color:#333;
	font-weight: 400;
	font-size: 20px;
	margin-top: 80px;
}
.recruit-comment strong
{
	color:#666;
	font-weight: 200;
	font-size: 24px;
	line-height: 1.7;
	display: inline-block;
	padding-top: 10px;
}
.recruit-comment span
{
	 font-size: 24px;
    font-family: 'Noto Serif KR';
    letter-spacing: 18px;
    color: #0a5096;
    font-weight: 400;
	padding-top: 20px;
	display: inline-block;
	line-height: 1.7;
}
.position-info
{
	margin: 100px 0;
	font-size: 0;
}
.position-info li
{
	background: #eef0f7;
	font-size: 20px;
	font-family: 'Noto Serif KR';
	color: #0a5096;
	font-weight: 400;
	width: calc(100% / 3 - 35px);
	margin-right: 44px;
	display: inline-block;
	padding:50px 25px;
}
.position-info li p 
{
	margin-bottom: 45px;
}
.position-info li:last-child
{
	margin-right: 0;
}


.position-info dl
{
	font-size: 0;
	
}
.position-info dl dt
{
	width: 70px;
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	color:#333;
	font-family: 'Noto Sans KR';
}
.position-info dl dd
{
	width: calc(100% - 70px);
	display: inline-block;
	font-size: 20px;
	color:#333;
	font-family: 'Roboto';
	font-weight: 500;
}
@media (max-width: 640px) { 

	.recruit-comment {
		margin-top: 50px;
	}
	.left-wrap{width: 100%;}
	.right-wrap{width: 100%; margin-top: 25px;}
	.right-wrap img
	{
		width: 100%;
	}
	.recruit-comment strong {
		font-size: 20px;
	}
	.recruit-comment span {
		font-size: 22px;
		letter-spacing: 13px;
		padding-top: 13px;
	}
	.right-wrap:after
	{
		width: 100%;
		height: 100%;
		bottom: -7px;
		right: -7px;
	}
	.position-info
	{
		margin: 50px 0;
	}
	.position-info li {
	    font-size: 18px;
	    width: 100%;
	    margin-right: 0;
	    padding: 35px 22px;
	    margin-bottom: 15px;
	}
	.position-info dl dt
	{
		font-size: 16px;
	}
	.position-info dl dd
	{
		font-size: 17px;
	}	
	.position-info li p
	{
		margin-bottom: 25px;
	}
}

.icon-circleb
{
	display:inline-block;
	content: "";
	width: 4px;
	height: 4px;
	background: #003972;
	border-radius: 35px;
	margin-right: 15px;
	margin-bottom: 4px;
	vertical-align: middle;
}


.privacy-pop { 
	display:none;
	position:fixed; top:50%; left:50%;
	z-index:444;
	margin:-265px 0 0 -200px;
	width:650px; height:530px;
	background:#fff;
	z-index: 999;
}
.privacy-pop h1 { 
	padding:0 20px;
	background:#00bbf4;
	font-weight:500; font-size:16px; line-height:40px;
	color:#fff;
	text-align:left;
}
.privacy-pop .pop-inner { 
	overflow-x:hidden;
	padding:5%;
	width:100%; height:490px;
	border:1px solid #ddd;
	border-top:0 none;
	font-size:13px; line-height:1.5;
	color:#666;
	word-break:keep-all;
	text-align: left;
}
.privacy-pop .pop-inner strong { 
	font-weight:500; font-size:14px; color:#333; 
}
.privacy-pop .pop-close { 
	position:absolute; top:7px; right:7px;
	width:26px; height:26px;
	border:1px solid rgba(255,255,255,.85);
	font-size:0;
	text-align:center;
}
.privacy-pop .pop-close:before { 
	content:'×';
	display:inline-block;
	font-size:22px; line-height:24px;
	font-family:'Roboto';
	color:#fff;
}
@media screen and (max-width: 640px) { 
	.privacy-pop { 
		left:20px; top:50%;
		margin:0;
		width:calc(100% - 40px); max-height:calc(100% - 40px);
		transform:translateY(-50%);
	}
}

 .modal01 {display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.8);}
  .modal01_body {background-color:white; margin:15% auto;  border:1px solid #888; width:55%; }
  .modal01_header {background:#2a52a1; color:white; font-weight:300; font-size:24px; padding:5px 20px; text-align: left;}
  .modal01_con {padding:20px; text-align: left;}
  
  
  .modal02 {display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.8);}
  .modal02_body {background-color:white; margin:15% auto;  border:1px solid #888; width:55%; }
  .modal02_header {background:#2a52a1; color:white; font-weight:300; font-size:24px; padding:5px 20px; text-align: left;}
  .modal02_con {overflow-x: hidden;
    padding: 5%;
    width: 100%;
    height: 490px;
    border: 1px solid #ddd;
    border-top: 0 none;
    font-size: 15px;
    line-height: 1.5;
    color: #666;
    word-break: keep-all;
    text-align: left;}
  .close {float:right;}
  .close:hover,
    .close:focus {
    text-decoration: none;
    cursor: pointer;
    }
    
@media screen and (max-width: 640px) { 

	.modal01_body
	{
		width: 80%;
		margin:25% auto;
		
	}
	.modal01_header
	{
		line-height: 24px;
	}
	.modal01_header .modaltxt
	{
		color:#fff;
		font-size: 15px;
	}
	.modal01_header .close
	{
	    margin-top: 4px!important;
		color:#fff;
	}
	.modal02_body
	{
		width: 80%;
		margin:25% auto;
		
	}
	.modal02_header
	{
		line-height: 24px;
	}
	.modal02_header .modaltxt
	{
		color:#fff;
		font-size: 15px;
	}
	.modal02_header .close
	{
	    margin-top: 4px!important;
	    color:#fff;

	}

}




/*
	업무분야 리스트 (리뉴얼) 
*/
.business-wrap2{
  position: relative;
  z-index: 1;
  top:0;
}
.business-wrap2 .business-list {
	padding-top:20px;
}
.business-wrap2 .business-list .tab-business {
	display:flex;
}
.business-wrap2 .business-list .tab-business li {
	flex:1 1 50%;
}
.business-wrap2 .business-list .tab-business li a {
	display:flex;
	align-items: center;
    justify-content: space-between;
	height:80px;
	border-right:1px solid #fff;
  background-color: #d6dce2;
	color:#2e3741;
  font-weight: 500;
	font-size:20px;
	letter-spacing:-0.04rem;
	vertical-align:top;
	cursor:pointer;
  padding: 27px 35px;
  transition: all .3s;
}


.business-wrap2 .business-list .tab-business li a .text-left {
  white-space: nowrap;
  position: relative;
  padding-right: 10px;
}

.business-wrap2 .business-list .tab-business li a .text-left::before {
  content:'';
  position: absolute;
  right: 0;
  top:50%;
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #48607950;
}

.business-wrap2 .business-list .tab-business li a .text-right {
  font-family: 'Outfit';
  opacity: 0.5;
  font-weight: normal;
  font-weight: 400;
}

.business-wrap2 .business-list .tab-business li a.active {
	color:#fff;
  background-color: #003972;
}
.business-wrap2 .business-list .tab-business li a.active .text-left::before{
  background-color: #ffffff50;
}

.business-wrap2 .business-list .list {
	display:grid;
    grid-template-columns: repeat(3, 1fr);
	gap:18px 15px;

}
.business-wrap2 .business-list .list li a {
	display:flex;
	align-items: center;
    justify-content: space-between;
	padding:0 20px;
	height:62px;
	border-bottom:1px solid #e0e0e0;
	color:#000;
	font-size:20px;
	letter-spacing:-0.04rem;
  transition: all .3s;
}

.business-wrap2 .business-list .list li a:hover{
  color: #003972;
}

.business-wrap2 .business-list .list li a::after {
	content:'';
  background: url('../images/main/arrow-right.png') no-repeat;
  width: 17px; height: 13px;
  transition: all .3s;
}
.business-wrap2 .business-list .list li a:hover::after {
  background: url('../images/main/arrow-right_active.png') no-repeat;
}

.tabcnt-business1, .tabcnt-business2{
  display: none ;
}

@media screen and (max-width: 1024px) { 
	.business-wrap2 .business-list .list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 768px) { 


	.business-wrap2 .business-list {
		padding-top:40px;
	}
	.business-wrap2 .business-list .tab-business {
		margin-bottom:23px;
	}
	.business-wrap2 .business-list .tab-business li a {
		height:50px;
		font-size:19px;
	}
	.business-wrap2 .business-list .list {
		grid-template-columns: repeat(1, 1fr);
		gap:10px 0;
		max-height: 200px;
		overflow: auto;
	}
	.business-wrap2 .business-list .list li a {
		height:45px;
		font-size:16px;
	}

  .business-wrap2 .business-list .tab-business
  {
    display: none;
  }
  .tabcnt-business1, .tabcnt-business2{
    display: block !important;
    margin-top: 20px;
  }
  .tab-business_mo{
    width: 100%;
    background-color: #d6dce2;
    height: 70px;
    padding: 27px 35px;
    color: #2e3741;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    transition: all .3s;
  }
  .tab-business_mo .text-left{
    position: relative;
    padding-right: 10px;
    white-space: nowrap;
  }
  .tab-business_mo .text-left::before{
    content:'';
    position: absolute;
    right: 0;
    top:50%;
    transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background-color: #48607950;
  }

  
  .tab-business_mo .text-right{
    width:100%;
    display: flex;
    justify-content: center;
    font-family: 'Outfit';
    opacity: 0.5;
    font-weight: normal;
    font-weight: 400;
  }
 .tabcnt-business0 .list li:last-child a, .tabcnt-business1 .list li:last-child a, .tabcnt-business2 .list li:last-child a{
  border-bottom:none;
 }
 
.business-list .list:hover >.tab-business_mo{
  background-color: #003972;
  color: #fff;
 }
 .business-list .list:hover >.tab-business_mo .text-left::before{
  background-color: #fff;
 }
}


/*상담*/

.counsel-form{
	background: url('../images/main/bg-counsel.png')no-repeat;
	background-size: cover;
}
.counsel-form .inner{
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
}
.counsel-form .title {
font-size: 36px;
font-weight: 500;
color: #fff;
margin-bottom:95px;
}

.counsel-form .steps {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	align-items: center;
}

.step-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 23%;
	text-align: center;
	position: relative;	
}

.step-section img{
	width: 100%;
	max-width: 80px;
}
.step-section::before{
	content:'';
	position: absolute;
	background: url('../images/main/ico-step_arrow.png') no-repeat;
	width:60px;
	height: 30px;
	left:100%;
	top: 50%;
	transform: translateY(-50%);
}

.step-section:last-child::before{
	content:none;
}

.step-title {
	font-family: 'Outfit';
	font-weight: 300;
	font-size: 15px;
	margin-bottom: 5px;
	color: #ffffff50;
}

.step-desc {
	font-size: 22px;
	color: #fff;
	font-weight: 500;

}

/* 폼 스타일 */
.form-container {
	padding: 20px;
	border-radius: 8px;
}
.top-form{
	display: flex;
	gap:20px;
	margin-bottom: 20px;
}
.left-form{
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.right-form{
	flex:1;
}

.form-group {
	text-align: left;
}

.form-input,
.form-textarea {
	font-family: 'Pretendard';
	width: 100%;
	padding: 10px;
	background: none;
	outline: none;
	border: 1px solid #ffffff50;
	color: #fff;
}
.form-group select{
	color: #fff;
}
.form-group select option{
	color: #000
}
.form-input::placeholder,
.form-textarea::placeholder{
	color: #fff;
}

.form-group input[type="text"],
.form-group input[type="password"]{
	border: 1px solid #ffffff50;
}

.right-form .form-group{
	height:100%;
}
.form-textarea {
	resize: none;
	height: 100%;
}

/* 체크박스 */
.bottom-form{
	display: flex;
	gap:20px;
}
.checkbox-group {
	font-size: 12px;
	flex:1;
	align-items: center;
	display: flex;
	color: #fff;
	font-weight: 400;
}
.checkbox-group input {
	margin-right: 5px;
}

.submit{
	flex:1;
}

/* 버튼 스타일 */
.form-button {
	width: 100%;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000000;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	border:none;
	box-shadow: 28px 28px 46px rgba(0, 0, 0, 0.15);
}


@media screen and (max-width: 768px){
	.counsel-form .title{
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.step-section img{
		transform: scale(0.7);
		left:75%;
	}
	
	.step-section::before{
		transform: scale(0.4);
		left: 75%
	}
	
	.step-desc{
		font-size: 14px;
	}
	.step-title{
		font-size: 12px;
	}
	
	.top-form{
		flex-direction: column;
	}
	.right-form .form-group{
		height: 200px;
	}
	.bottom-form{
		flex-direction: column;
	}
	.form-button{
		padding:15px;
	}
}



.mo{display: none;}

@media screen and (max-width: 768px){
	.mo{display: block;}
}


.fp-section{
  display: block;
}
.fp-tableCell{
  display: block;
}

.section {
  padding-block: 100px;
}

@media screen and (max-width: 850px){
 .section{
	padding-block:40px;
 }
	
	.main-news, .main-map, .counsel-form{
    height: auto !important;
  }

	.main-news .fp-tableCell, .main-map .fp-tableCell,
	.counsel-form .fp-tableCell{
		height: auto !important;
	}
}




/*
	업무분야 상세 (리뉴얼) 
*/
.business-wrap2 .business-detail .sub-conts-title{
	text-align: left;
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -0.1em;
}

.business-wrap2 .business-detail .info-list {
	display:grid;
	grid-template-columns:1fr 322px;
		gap:0 60px;
}
.business-wrap2 .business-detail .info-list .info {
	color:#333;
	font-size:18px;
	line-height:1.5;
	font-family: 300;
	letter-spacing:-0.04rem;
}
.business-wrap2 .business-detail .info-list .info dl {
	margin-top:56px;
}
.business-wrap2 .business-detail .info-list .info dl dt {
	padding-bottom:20px;
	color:#173859;
	font-size:24px;
	font-weight:500;
	letter-spacing:-0.04rem;
}
.business-wrap2 .business-detail .info-list .info dl dd {
	position:relative;
	padding-left:15px;
}
.business-wrap2 .business-detail .info-list .info dl .no-icon
{
	padding-left: 0;
	font-weight: 500;
	margin-top: 15px;
}
.business-wrap2 .business-detail .info-list .info dl .no-icon::after
{
	display: none;
}
.business-wrap2 .business-detail .info-list .info dl dd + dd {
	margin-top:10px;
}
.business-wrap2 .business-detail .info-list .info dl dd::after {
	position:absolute; top:11px; left:0;
	width:6px; height:6px;
	border-radius:50%;
	background:#004071;
	content:'';
}
.business-wrap2 .business-detail .info-list .list {
	background:#fff;
}

.business-wrap2 .business-detail .info-list .list dt{
	background-color: #004071;
	color: #fff;
	padding: 20px;
	display: flex;
	justify-content: space-between;
}

.business-wrap2 .business-detail .info-list .list dt .sub_title{
	font-family: 'Outfit';
	opacity: 0.5;
}


.business-wrap2 .business-detail .info-list .list dd {
	padding:12px 20px;
	border-bottom: 1px solid #17385917;
}
.business-wrap2 .business-detail .info-list .list dd:hover a{
	color: #173859;
	font-weight: 500;
}
.business-wrap2 .business-detail .info-list .list dd a {
	color:#333333;
	font-size:16px;
	display: flex;
	justify-content: space-between;
	transition: all .3s;
}


.business-wrap2 .business-detail .info-list .list dd a::after {
	content:'';
  background: url('../images/main/arrow-right.png') no-repeat;
  width: 17px; height: 13px;
  transition: all .3s;
}
.business-wrap2 .business-detail .info-list .list dd a:hover::after {
  background: url('../images/main/arrow-right_active.png') no-repeat;
}


.business-wrap2 .business-detail .info-list .list dd.on a {
	color:#112538;
	font-weight: 500;
}
.business-wrap2 .business-detail .member {
	padding-top:90px;
	margin-top:90px;
	border-top:1px solid #e0e0e0;
}
.business-wrap2 .business-detail .member h3 {
	font-size:24px;
	font-weight:700;
	padding-bottom: 10px;
	border-bottom: 2px solid #173859;
	margin-bottom: 40px;
	color: #173859;
}
.business-wrap2 .business-detail .member .swiper-member {
	position:relative;
}
.business-wrap2 .business-detail .member .swiper-member .slide {
	overflow:hidden;
}
.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a {
	display:block;
}
.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .img-wrap {
	position:relative;
}
.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a:hover .img-wrap::after {
	position:absolute; top:0; left:0;
	width:100%; height:100%;
	border:2px solid #004071;
	content:'';
}
.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .img-wrap img {
	width:100%;
}
.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .text-wrap {
	background-color: #303030;
	padding-block:14px;
	display: flex; align-items: center;justify-content: center;

}
.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .text-wrap span {
	color:#fff;
	font-size:19px;
	font-weight: 500;
}
.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .text-wrap strong {
	font-size:19px;
	font-weight:500;
}
.business-wrap2 .business-detail .member .swiper-member .arrow {
	position:absolute; top:50%; 
	width:56px; height:56px;
	margin-top:-40px;
	background:no-repeat center/cover;
	cursor:pointer;
}
.business-wrap2 .business-detail .member .swiper-member .arrow.prev {
	left:-75px;
	background-image:url('/images/sub/member_slide_prev.png');
}
.business-wrap2 .business-detail .member .swiper-member .arrow.next {
	right:-75px;
	background-image:url('/images/sub/member_slide_next.png');
}


.sub-conts-wrap .business-wrap2 .business-list{
	margin-top: 100px;
}
@media screen and (max-width: 1024px) { 
	.business-wrap2 .business-detail .info-list {
		grid-template-columns: 1fr 280px;
	}
	.business-wrap2 .business-detail .info-list .info {
		font-size:18px;
	}
	.business-wrap2 .business-detail .info-list .info dl dt {
		font-size:20px;
	}
	.business-wrap2 .business-detail .info-list .list dt {
		font-size:20px;
	}
	.business-wrap2 .business-detail .info-list .list dd a {
		font-size:16px;
	}
	.business-wrap2 .business-detail .member h3 {
		font-size:24px;
	
	}
	.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .text-wrap span {
		font-size:18px;
	}
	.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .text-wrap strong {
		font-size:26px;
	}
}
@media screen and (max-width: 768px) { 
	.business-wrap2 .business-detail .info-list {
		grid-template-columns: repeat(1, 1fr);
	}

	.business-wrap2 .business-detail .info-list .info {
		font-size:15px;
	}
	.business-wrap2 .business-detail .info-list .info dl {
		margin-top:25px;
	}
	.business-wrap2 .business-detail .info-list .info dl dt {
		padding-bottom:15px;
		font-size:17px;
	}
	.business-wrap2 .business-detail .info-list .info dl dd {
		padding-left:10px
	}
	.business-wrap2 .business-detail .info-list .info dl dd::after {
		width:4px; height:4px;
		top:9px;
	}
	.business-wrap2 .business-detail .info-list .list {
		padding:20px;
		font-size:0;
		margin-top:25px;
	}
	.business-wrap2 .business-detail .info-list .list dt {
		padding-bottom:15px;
		font-size:17px;
	}
	.business-wrap2 .business-detail .info-list .list dd {
		display:inline-block;
		width:50%;
		vertical-align:top;
	}
	.business-wrap2 .business-detail .info-list .list dd + dd {
		margin-top:0;
	}
	.business-wrap2 .business-detail .info-list .list dd:nth-child(n+4) {
		margin-top:10px;
	}
	.business-wrap2 .business-detail .info-list .list dd a {
		font-size:15px;
	}
	.business-wrap2 .business-detail .member {
		margin-top:50px;
		padding-top:50px;
	}
	.business-wrap2 .business-detail .member h3 {
		padding-bottom:15px;
		font-size:22px;
		
	}

	.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .text-wrap span {
		font-size:16px;
	}
	.business-wrap2 .business-detail .member .swiper-member .slide .swiper-slide a .text-wrap strong {
		font-size:16px;
	}
}




.privacy-pop { 
	display:none;
	position:fixed; top:50%; left:50%;
	z-index:99999;
	margin:-265px 0 0 -200px;
	width:400px; height:530px;
	background:#fff;
}
.index .privacy-pop { 
	position:absolute;	 
}
.privacy-pop h1 { 
	margin-bottom:0;
	padding:0 20px;
	background:#333;
	font-weight:500; font-size:16px; line-height:40px;
	color:#fff;
	text-align:left;
}
.privacy-pop .pop-inner { 
	overflow-x:hidden;
	padding:5%;
	width:100%; height:490px;
	border:1px solid #ddd;
	border-top:0 none;
	word-break:keep-all;
}
.privacy-pop .pop-inner p { 
	font-size:13px; line-height:1.5;
	color:#666;
}
.privacy-pop .pop-inner strong { 
	font-weight:500; font-size:14px; color:#333; 
}
.privacy-pop .pop-close { 
	position:absolute; top:7px; right:7px;
	width:26px; height:26px;
	border:1px solid rgba(255,255,255,.85);
	font-size:0;
	text-align:center;
}
.privacy-pop .pop-close:before { 
	content:'×';
	display:inline-block;
	font-size:22px; line-height:24px;
	font-family:'Roboto';
	color:#fff;
}
@media screen and (max-width: 950px) { 
	.privacy-pop { 
		bottom:20%;
	}
}
@media screen and (max-width: 640px) { 
	.privacy-pop { 
		left:20px; top:50%;
		margin:0;
		width:calc(100% - 40px); max-height:calc(100% - 40px);
		transform:translateY(-50%);
	}
}




.sub-conts-wrap .business-wrap2 .business-list.tab{
  margin-top:0;
  max-width: 1200px;
  margin:0 auto;
  margin-bottom: 60px;
  padding-top:0;
}



@media screen and (max-width: 768px) {
    .business-wrap2 .business-list.tab .tab-business {
        display: flex;
    }
    .business-wrap2 .business-list.tab .tab-business li a {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 6px 12px;
      font-size: 14px;
      height:40px
    }
    .business-wrap2 .business-list .tab-business li a .text-left{
      padding-right:0;
    }
    .business-wrap2 .business-list.tab .tab-business li a .text-right{
      display: none;
    }
    .business-wrap2 .business-list.tab .tab-business li a .text-left::before{
      display: none;
    }
  
}