@charset "utf-8";
/*@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-family:'Noto Sans KR', 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;
}
.se2_quote10{
    display: none;
}
/* 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');*/
/* }*/

/*!* montserrat-100 - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 100;*/
/*  src: url('/fonts/montserrat-v15-latin-100.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-100.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-100.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-100.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-100.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-100.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* montserrat-200 - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 200;*/
/*  src: url('/fonts/montserrat-v15-latin-200.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-200.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-200.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-200.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-200.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-200.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* montserrat-300 - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*  src: url('/fonts/montserrat-v15-latin-300.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-300.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-300.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-300.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-300.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-300.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* montserrat-regular - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url('/fonts/montserrat-v15-latin-regular.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-regular.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-regular.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-regular.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* montserrat-500 - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*  src: url('/fonts/montserrat-v15-latin-500.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-500.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-500.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-500.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-500.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-500.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* montserrat-600 - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*  src: url('/fonts/montserrat-v15-latin-600.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-600.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-600.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-600.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-600.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* montserrat-700 - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*  src: url('/fonts/montserrat-v15-latin-700.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-700.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-700.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-700.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* montserrat-800 - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 800;*/
/*  src: url('/fonts/montserrat-v15-latin-800.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-800.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-800.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-800.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-800.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-800.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* montserrat-900 - latin *!*/
/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  font-style: normal;*/
/*  font-weight: 900;*/
/*  src: url('/fonts/montserrat-v15-latin-900.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/montserrat-v15-latin-900.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/montserrat-v15-latin-900.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-900.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/montserrat-v15-latin-900.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/montserrat-v15-latin-900.svg#Montserrat') format('svg'); !* Legacy iOS *!*/
/*}*/



/* !* poppins-100 - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 100;*/
/*  src: url('/fonts/poppins-v15-latin-100.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-100.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-100.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-100.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-100.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-100.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-200 - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 200;*/
/*  src: url('/fonts/poppins-v15-latin-200.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-200.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-200.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-200.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-200.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-200.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-300 - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*  src: url('/fonts/poppins-v15-latin-300.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-300.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-300.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-300.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-300.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-300.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-regular - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url('/fonts/poppins-v15-latin-regular.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-regular.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-regular.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-regular.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-500 - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*  src: url('/fonts/poppins-v15-latin-500.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-500.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-500.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-500.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-500.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-600 - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*  src: url('/fonts/poppins-v15-latin-600.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-600.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-600.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-600.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-600.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-700 - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*  src: url('/fonts/poppins-v15-latin-700.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-700.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-700.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-700.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-800 - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 800;*/
/*  src: url('/fonts/poppins-v15-latin-800.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-800.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-800.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-800.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-800.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-800.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-900 - latin *!*/
/*@font-face {*/
/*  font-family: 'Poppins';*/
/*  font-style: normal;*/
/*  font-weight: 900;*/
/*  src: url('/fonts/poppins-v15-latin-900.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/poppins-v15-latin-900.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/poppins-v15-latin-900.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-900.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/poppins-v15-latin-900.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/poppins-v15-latin-900.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/


/*!* noto-serif-kr-200 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'Noto Serif KR';*/
/*  font-style: normal;*/
/*  font-weight: 200;*/
/*  src: url('/fonts/noto-serif-kr-v7-latin_korean-200.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-200.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-200.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-200.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-200.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-200.svg#NotoSerifKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-serif-kr-300 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'Noto Serif KR';*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*  src: url('/fonts/noto-serif-kr-v7-latin_korean-300.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-300.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-300.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-300.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-300.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-300.svg#NotoSerifKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-serif-kr-regular - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'Noto Serif KR';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url('/fonts/noto-serif-kr-v7-latin_korean-regular.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-regular.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-regular.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-regular.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-regular.svg#NotoSerifKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-serif-kr-500 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'Noto Serif KR';*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*  src: url('/fonts/noto-serif-kr-v7-latin_korean-500.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-500.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-500.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-500.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-500.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-500.svg#NotoSerifKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-serif-kr-600 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'Noto Serif KR';*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*  src: url('/fonts/noto-serif-kr-v7-latin_korean-600.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-600.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-600.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-600.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-600.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-600.svg#NotoSerifKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-serif-kr-700 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'Noto Serif KR';*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*  src: url('/fonts/noto-serif-kr-v7-latin_korean-700.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-700.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-700.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-700.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-700.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-700.svg#NotoSerifKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-serif-kr-900 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'Noto Serif KR';*/
/*  font-style: normal;*/
/*  font-weight: 900;*/
/*  src: url('/fonts/noto-serif-kr-v7-latin_korean-900.eot'); !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-900.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-900.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-900.woff') format('woff'), !* Modern Browsers *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-900.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('/fonts/noto-serif-kr-v7-latin_korean-900.svg#NotoSerifKR') 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 *!*/
/*}*/

/*@font-face {*/
/*    font-family: 'GmarketSans';*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*    src: url('/fonts/GmarketSansLight.eot');*/
/*    src: url('/fonts/GmarketSansLight.eot?#iefix') format('embedded-opentype'),*/
/*         url('/fonts/GmarketSansLight.woff2') format('woff2'),*/
/*         url('/fonts/GmarketSansLight.woff') format('woff'),*/
/*         url('/fonts/GmarketSansLight.ttf') format("truetype");*/
/*    font-display: swap;*/
/*} */
/*@font-face {*/
/*    font-family: 'GmarketSans';*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*    src: url('/fonts/GmarketSansMedium.eot');*/
/*    src: url('/fonts/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),*/
/*         url('/fonts/GmarketSansMedium.woff2') format('woff2'),*/
/*         url('/fonts/GmarketSansMedium.woff') format('woff'),*/
/*         url('/fonts/GmarketSansMedium.ttf') format("truetype");*/
/*    font-display: swap;*/
/*} */
/*@font-face {*/
/*    font-family: 'GmarketSans';*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    src: url('/fonts/GmarketSansBold.eot');*/
/*    src: url('/fonts/GmarketSansBold.eot?#iefix') format('embedded-opentype'),*/
/*         url('/fonts/GmarketSansBold.woff2') format('woff2'),*/
/*         url('/fonts/GmarketSansBold.woff') format('woff'),*/
/*         url('/fonts/GmarketSansBold.ttf') format("truetype");*/
/*    font-display: swap;*/
/*} */


/* 팝업레이어 */
#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; /*top:45% !important; left:85% !important;*/}
.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:8px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left; font-size: 11px;}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:-1px;right:0; font-size: 12px;}

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

        top:50% !important; left:50% !important;
        transform:translate(-50%,-50%);
        display: none;
    }
}
@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:#27282b;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:#2843a5;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:#27282b;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#27282b}

.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;background:#27282b;color:#fff;text-decoration:none;vertical-align:middle}


.bo_fx {float:right;}
.bo_fx:after {content:''; display:block; clear:both;}
.btn_bo_user {overflow:hidden; float:left;}
.btn_bo_user:after {content:''; clear:both; display:block; width:100%;}
.btn_bo_user li {float:left; margin-right: 7px;}
.btn_bo_user li:last-child {margin-right: 0;}

#fboardlist {clear:both;}

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

    .hero-text {
        font-size:20px;
    }
}

/* 게시판검색 */
#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;
    width:70px; height:38px;
    border:0 none; background: #2843a5;
}
#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:15px; color:#333;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 20px}
.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:#333;}
.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:#333;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:50px;word-break:break-all; text-align: center;}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}
.bo_tit a {font-weight: 400; color:#333;}
.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;
}

.online input[type="text"],
.online input[type="tel"],
.online input[type="password"],
.online input[type="submit"],
.online button,
.online textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #e0e0e0;
    box-shadow: none !important;
    height: 56px;
    color: #999;
    padding: 0 20px;
}
input {
    -webkit-border-radius: 0;
    background: #fff;
}
select {
    -webkit-border-radius: 0;
    background: #fff;
}



/* 페이징 */
.pg_wrap {clear:both; float:none; display:block; 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; background: #fff;}
.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:'Noto Sans KR', dotum, sans-serif;
    letter-spacing:-0.5px;
    color:#666;
}
input,
select,
button {
    font-family:'Noto Sans KR', dotum, sans-serif;
    line-height: 1.5;
}
a {
    color:#666;
}
@media screen and (max-width: 850px) {
    .index body {
        overflow-y:scroll !important;
    }
}

#wrapper {
    overflow:hidden;
    min-width:100% !important;
}
/*
@media screen and (min-width: 321px) {
	#wrapper {
		overflow-x:hidden;
	}
}
*/

/* main
------------------------------------------------------ */
.main-contents {
    width:100%;
}
.main-contents > section {
    position:relative;
    width:100%;
}
.main-contents .inner {
    width:1440px;
}
@media screen and (max-width: 1440px) {
    .main-contents .inner {
        padding:0 30px;
        width:100%;
    }
}
@media screen and (max-width: 850px) {
    .main-contents > section {
        height:auto !important;
    }
    .main-contents .inner {
        padding:0 30px 80px;
    }
}
@media screen and (max-width: 768px) {
    .main-contents .inner {
        padding:20px;
    }
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    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-top:90px;
    width:100%;
    text-align:center;
    vertical-align:middle;
}

@media screen and (max-width: 850px) {
    .fp-tableCell {
        padding-top:0;
    }
    .section,
    .fp-tableCell {
        height:auto !important;
    }
}

.inner {
    margin:0 auto;
    width:1200px;
}
@media screen and (max-width: 1200px) {
    .inner {
        width:100%;
    }
}
@media screen and (max-width: 640px) {
    .fp-section ,
    .fp-tableCell {
        display:block !important;
        height: auto !important;
        min-height:auto !important;
        /* min-height:100vh; */
    }
}


.fp-viewing-HOME #menu ,
.fp-viewing-FOOTER #menu {
    display:none;
}
#menu {
    position:fixed; top:50%; left:40px;
    z-index:111;
    margin-top:50px;
    transform:translateY(-50%);
}
#menu:after {
    content:'Scroll';
    position:absolute; top:100%; left:-20px;
    margin-top:20px;
    font-weight:500; font-size:13px;
    font-family:'Poppins', sans-serif;
    color:#333;
    letter-spacing:1px;
}
#menu ul li a {
    position:relative;
    display:block;
    font-weight:300; font-size:14px; line-height:40px;
    color:rgba(51,51,51,.5);
}
#menu ul li a:before {
    content:'';
    display:inline-block;
    margin-right:13px;
    width:1px; height:40px;
    background:rgba(51,51,51,.5);
    vertical-align:top;
}
#menu ul li a.active {
    color:#333;
}
#menu ul li a.active:after {
    content:'';
    position:absolute; top:0; left:-1px;
    width:3px; height:100%;
    background:#333;
}
.fp-viewing-JLPARTNERS #menu ul li a {
    color:rgba(255,255,255,.5);
}
.fp-viewing-JLPARTNERS #menu ul li a:before {
    background:rgba(255,255,255,.5);
}
.fp-viewing-JLPARTNERS #menu ul li a.active {
    color:#fff;
}
.fp-viewing-JLPARTNERS #menu ul li a.active:after {
    background:#fff;
}
@media screen and (max-width: 1400px) {
    #menu {
        left:30px;
    }
}
@media screen and (max-width: 1024px) {
    #menu {
        margin-top:-47px;
    }
}
@media screen and (max-width: 850px) {
    #menu {
        display:none;
    }
}


/* -------- visual -------- */
.main-visual {
    position:relative;
    width:100%; height:100vh;
    background: url('../img/main/main-visual.png') no-repeat;
    background-position: center;
    background-size: cover;
}
.main-visual .fp-tableCell {
    padding-top:0;
}
.main-visual-wrap {
    width:100%; height:100vh;
}
.main-visual-wrap .slick-track {
    width:100% !important;
}
.main-visual .main-visual-slide {
    position:relative;
    float:left;
    width:100%; height:100vh;
}

.main-visual .visual-text {
    position:absolute; top:29%; left:29%;
    z-index:1111;
    margin-left:-750px;
    width:1440px;
    text-align:center;
}

.main-visual .visual-text h1 {
    font-weight:500; font-size:45px;
    color:#222;
    word-break:keep-all;
}
.main-visual .visual-text h1 strong {
    display:inline-block;
    font-weight:800;
    color:#222;
}

.main-visual .visual-text h1 .conf1 {
    vertical-align:unset;
    display:inline-block;
    font-weight:800;
    color:#146791;
}

.main-visual .visual-text h1 .conf2 {
    vertical-align:unset;
    display:inline-block;
    font-weight:800;
    color:#ff6a17;
}

.conf_content{
    font-size:32px;
    text-align: left !important;
    font-weight: 300;
}

.conf_content2{
    font-size:26px;
    text-align: left !important;
    font-weight: 300;
}

.main-visual-wrap .slick-prev ,
.main-visual-wrap .slick-next {
    position:absolute; bottom:115px; left:50%;
    z-index:11;
    width:50px; height:50px;
    border:1px solid #fff;
    background:none;
    font-size:0;
}
/*.main-visual-wrap .slick-prev {*/
/*    margin-left:-700px;*/
/*    background:url('/images/main/slide_prev.png') no-repeat center center;*/
/*}*/
/*.main-visual-wrap .slick-next {*/
/*    margin-left:-645px;*/
/*    background:url('/images/main/slide_next.png') no-repeat center center;*/
/*}*/
.main-visual video {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:77;
    opacity:.8;
}

.custom_paging {
    position:absolute; bottom:200px; left:50%;
    z-index:11;
    margin-left:-700px;
}
.custom_paging li {
    display:none;
    font-weight: 300; font-size:16px; line-height:1;
    font-family: 'Poppins', sans-serif;
    color:rgba(255,255,255,.5);
    letter-spacing:7px;
}
.custom_paging li strong {
    font-weight:500;
    color:#fff;
}
.custom_paging .slick-active {
    display:block;
}

@media screen and (max-width: 1440px) {
    .main-visual .visual-text {
        left:32%;
    }
    .main-visual .visual-text h1 {
        font-size: 44px;
    }


    .conf_content{
        font-size: 26px;
    }

    .conf_content2{
        font-size: 23px;
    }
    .main-visual-wrap .slick-prev ,
    .main-visual-wrap .slick-next {
        left:30px;
        margin-left:0;
    }
    .main-visual-wrap .slick-next {
        left:90px;
    }
    .custom_paging {
        left:30px;
        margin-left:0;
    }
}
@media screen and (max-width: 1280px) {
    .main-visual .visual-text {
        left:32%;
    }
    .main-visual .visual-text h1 {
        font-size: 35px;
    }


    .conf_content{
        font-size: 20px;
    }

    .conf_content2{
        font-size: 20px;
    }
}
@media screen and (max-width: 850px) {
    .main-visual{
        background: url('../../../img/main/main-visual_m.png') no-repeat;
        background-position: center;
        background-size: cover;
    }
    .main-visual .fp-tableCell {
        height:100vh !important; max-height:950px;
    }
    .main-visual-wrap {
        overflow:hidden;
        height:100%;
    }
    .main-visual .main-visual-slide {
        height:100vh; max-height:950px;
    }
    .main-visual .visual-text {
        left:0;
        margin-left:0;
        padding:0 30px;
        width:100%;
    }
    .main-visual .visual-text {
        top:13%;
    }
    .main-visual .visual-text h1 {
        font-size:26px;
    }

    .conf_content{
        font-size: 16px;
    }

    .conf_content2{
        font-size: 16px;
    }

    .main-visual-wrap .slick-prev ,
    .main-visual-wrap .slick-next {
        bottom:80px;
    }
    .custom_paging {
        bottom:165px;
    }
}
@media screen and (max-width: 768px) {
    .main-visual .visual-text {
        padding:0 20px;
    }

    .main-visual .visual-text {
        top:13%;
    }
    .main-visual .visual-text h1 {
        font-size:22px;
    }

    .conf_content{
        font-size: 16px;
    }

    .conf_content2{
        font-size: 16px;
    }


}
@media screen and (max-width: 640px) {
    .main-visual .fp-tableCell {
        max-height:670px !important;
    }
    .main-visual .main-visual-slide {
        max-height:670px;
    }
    .main-visual .visual-text {
        top:13%;
    }
    .main-visual .visual-text h1 {
        font-size:20px;
    }

    .conf_content{
        font-size: 14px;
    }

    .conf_content2{
        font-size: 14px;
    }


    .main-visual-wrap .slick-prev ,
    .main-visual-wrap .slick-next {
        left:20px; bottom:50px;
        width:40px; height:40px;
        background-size:auto 7px;
    }
    .main-visual-wrap .slick-next {
        left:70px;
    }
    .custom_paging {
        bottom:110px; left:20px;
    }
}


/*
.main-visual .slick-dots {
	bottom:15%;
	line-height:0;
}
.main-visual .slick-dots li {
	margin:0 5px;
	width:14px; height:14px;
}
.main-visual .slick-dots li button {
	background:#7a8795;
}
.main-visual .slick-dots li.slick-active {
	width:14px;
}
.main-visual .slick-dots li.slick-active button {
	border-radius:50%;
	background:#ca9e5e;
}
*/


/* -------- conts -------- */
.main-conts-tit-wrap {
    margin-bottom:50px;
    text-align:center;
}
.main-conts-tit-wrap h1 {
    position:relative;
    display:inline-block;
    font-weight:700; font-size:18px;
    font-family:'Outfit', sans-serif;
    color:#6478c1;
    word-break:keep-all;
    text-transform: uppercase;
    letter-spacing:0;
}
.main-conts-tit-wrap h1.wh {
    color:#fff;
}
.main-conts-tit-wrap h1 img {
    display:block;
}
.main-conts-tit-wrap p {
    margin-top:5px;
    font-weight:100; font-size:30px;
    color:#161c21;
    word-break:keep-all;
}

.main-conts-tit-wrap .titlex {
    margin-top:5px;
    font-weight:100; font-size:30px;
    color:#000;
    word-break:keep-all;
}

.main-conts-tit-wrap.wh p {
    color:#fff;
}
.main-conts-tit-wrap p span {
    font-weight:300; font-size:40px;
}

.main-conts-tit-wrap p .org {
    color:#ff6a17;

}
.main-conts-tit-wrap p strong {
    font-weight:700;
}
.main-conts-tit-wrap p .m-br {
    display:none;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
    .main-conts-tit-wrap {
        margin-bottom:40px;
    }
    .main-conts-tit-wrap h1 {
        font-size:16px;
    }
    .main-conts-tit-wrap p {
        font-size:26px;
    }
    .succe_con{
        font-size:26px;
    }
    .main-conts-tit-wrap p span {
        font-size:38px;
    }
    .main-conts-tit-wrap p .m-br {
        display:block;
    }
    .main-conts-tit-wrap h1 img {
        width:101px;
    }
}
@media screen and (max-width: 640px) {
    .main-conts-tit-wrap {
        margin-bottom:30px;
    }
    .main-conts-tit-wrap h1 {
        font-size:14px;
    }
    .main-conts-tit-wrap p {
        font-size:18px;
    }
    .succe_con{
        font-size:18px;
    }
    .main-conts-tit-wrap p span {
        font-size:25px;
    }
}



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

.main-intro .more {
    display:block;
    margin:30px 0 0;
    width:100%; max-width:280px;
    background:#146791;
    font-weight:400; font-size:18px; line-height:60px;
    color:#fff;
    text-align:center;
}
.main-intro .more img {
    position:relative; top:-1.5px;
    margin-left:14px;
}



.main-intro-wrap {
    padding-bottom:8%;
    text-align:left;
}
.main-intro-wrap p {
    font-weight:400; font-size:36px; line-height:1.6;
    font-family:'Poppins', 'Noto Sans KR', sans-serif;
    color:#000;
    word-break:keep-all;
}
.main-intro-wrap p strong {
    font-weight:700;
    color:#146791;
}
.main-intro-wrap p .m-br {
    display:none;
}
/* .main-intro-wrap a {
	display:inline-block;
	margin-top:70px;
	font-weight:400; font-size:24px; line-height:26px;
	color:#6478c1;
    transition: all 0.3s;
}
.main-intro-wrap a:hover{
    color: #fff;
    transform: scale(1.1);
}
.main-intro-wrap a img {
	display:inline-block;
	margin-left:10px;
	vertical-align:top;
} */

@media screen and (max-width:767px) {
    .main-intro-wrap {
        padding:15% 0;
    }
    .main-intro-wrap p {
        font-size:20px;
    }
    .main-intro-wrap p .m-br {
        display:block;
    }
    .main-intro-wrap a {
        margin-top:45px;
        font-size:14px; line-height:20px;
    }
    .main-intro-wrap a img {
        margin-left:7px;
        height:20px;
    }
    .main-intro .more {
        margin-top:25px;
        max-width:200px;
        font-size:14px; line-height:50px;
    }
    .main-intro .more img {
        margin-left:10px;
        height:10px;
    }
}



/* -------- main-lawyer -------- */
.main-lawyer {
    background:url('../../../img/main/main_lawyer_bg.png') no-repeat center center;
    background-size:cover;
}
.main-lawyer .inner > p{
    display: inline-block;
    background-color: #2843a5;
    color: #fff;
    font-size: 32px;
    margin: 30px 0;
    word-break:keep-all;
    padding: 5px 25px;
}
.main-lawyer-wrap {
    position:relative; left:-40px;
    margin-top:-10px;
    width:calc(100% + 80px);
    font-size:0;
}
.main-lawyer-wrap .main-lawyer-box {
    display:inline-block;
    padding:0 40px;
    width:33.333%;
    text-align:center;
    vertical-align:top;
}
.main-lawyer-wrap .main-lawyer-box .thumb {
    position:relative;
    cursor:pointer; transition: all ease 0.2s;
}
.main-lawyer-wrap .main-lawyer-box .thumb:hover {
    transform: scale(1.05);
    transition: all ease 0.2s;
}
.main-lawyer-wrap .main-lawyer-box .thumb img {
    width:100%;
    box-shadow:21px 0 38px rgba(0,0,0,.44);
}
.main-lawyer-wrap .main-lawyer-box .thumb div {
    position:absolute; bottom:30px; left: 50%;
    transform: translateX( -50% );
    font-size:18px;
    color:#fff; white-space: nowrap;
    /*word-break:keep-all;*/
}
.main-lawyer-wrap .main-lawyer-box .name {
    display: block;
    margin-bottom:5px;
    padding: 6px 15px 8px; background: #111111c7;
    font-weight:500; font-size:28px;
    color:#fff;
    word-break:keep-all;
}

.main-lawyer-wrap .lawyer-pop {
    display:none;
    position:absolute; bottom:-110px; left:0;
    z-index:111;
    /*padding: 60px 120px 70px;*/
    width:100%;
    text-align:left;
}
.main-lawyer-wrap .lawyer01 .lawyer-pop {
	background:url('../../../img/main/sec4_man2.png') no-repeat center center;
	background-size:cover;
	background-color:#141416;
    padding: 60px 120px 70px;
}
.main-lawyer-wrap .lawyer02 .lawyer-pop {
    background:url('../../../img/main/sec4_certificate2.png') no-repeat center center;
    background-size: 85%;
    background-position: 100%;
    background-color:#141416;
    padding: 130px 120px; min-height: 150%;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-header {
    margin-bottom:5%;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-header .tit h1 {
    display:inline-block;
    font-weight:700; font-size:72px;
    color:#fff;
    word-break:keep-all;
    vertical-align:bottom;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-header .tit p {
    display:inline-block;
    margin-left:35px; margin-bottom:8px;
    padding:8px 22px;
    border:1px solid rgba(255,255,255,.5);
    font-weight:500; font-size:18px;
    color:#fff;
    word-break:keep-all;
    vertical-align:bottom;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-header > p {
    margin-top: 35px;
    font-weight:100; font-size:18px; line-height:1.5;
    color:#fff;
    word-break:keep-all;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-conts {
    margin-bottom:-40px;
    max-width:60%;
    font-size:0;
}
.main-lawyer-wrap .lawyer02 .lawyer-pop .main-lawyer-conts { max-width: 100%;}
.main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box {
    display:inline-block;
    margin-bottom:40px;
    width:50%;
    vertical-align:top;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box h1 {
    position:relative;
    display:inline-block;
    width:44px;
    font-weight:500; font-size:24px;
    color:#fff;
    vertical-align:top;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box h1:before {
    content:'';
    position:absolute; bottom:100%; left:0;
    margin-bottom:10px;
    width:17px; height:2px;
    background:#6478c1;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box ul {
    display:inline-block;
    margin-bottom:-7px;
    padding-left:10%;
    width:calc(100% - 44px);
    vertical-align:top;
}
.main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box ul li {
    margin-bottom:7px;
    padding-left:6px;
    font-weight:100; font-size:15px;
    color:#fff;
    text-indent:-6px;
    word-break:keep-all;
}
.main-lawyer-wrap .lawyer02 .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box ul li { font-size: 21px; margin-bottom: 24px; }
.main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box ul li:last-child {
    margin-bottom:0;
}
.main-lawyer-wrap .lawyer-pop .close {
    position:absolute; top:50px; right:50px;
    width:48px; height:48px;
    opacity:.3;
}
.main-lawyer-wrap .lawyer-pop .close:before,
.main-lawyer-wrap .lawyer-pop .close:after {
    content:'';
    position:absolute; top:22px; right:0;
    width:100%; height:2px;
    background:#fff;
}
.main-lawyer-wrap .lawyer-pop .close:before {
    transform:rotate(-45deg);
}
.main-lawyer-wrap .lawyer-pop .close:after {
    transform:rotate(45deg);
}
@media screen and (max-width:1200px){
    .main-lawyer .inner > p{
        font-size: 24px;
    }
    .main-lawyer-wrap .lawyer02 .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box ul li { font-size: 16px; margin-bottom: 18px; }
}
@media screen and (max-width:850px) {
    .main-lawyer-wrap {
        left:auto;
        margin-top:0;
        width:100%;
    }
    .main-lawyer .inner > p{
        font-size: 24px;
        margin: 35px 0 25px;
        padding: 5px 25px;
    }
    .main-lawyer .inner > p .m_on{
        display: block;
    }
    .main-lawyer-wrap .main-lawyer-box {
        position:relative;
        margin-bottom:50px;
        width:100%; max-width:460px;
    }
    .main-lawyer-wrap .main-lawyer-box:last-child {
        margin-bottom:0;
    }

    .main-lawyer-wrap .lawyer01 .lawyer-pop,.main-lawyer-wrap .lawyer02 .lawyer-pop {
        bottom:auto; top:0; left:50%;
        margin-left:calc(-50vw + 30px);
        padding:10% 10% 15%;
        width:calc(100vw - 60px);
    }
    .main-lawyer-wrap .lawyer01 .lawyer-pop ,
    .main-lawyer-wrap .lawyer03 .lawyer-pop {
        background-position:80% center;
    }
    .main-lawyer-wrap .lawyer02 .lawyer-pop { min-height: 100%;}
    .main-lawyer-wrap .lawyer-pop .main-lawyer-header .tit h1 {
        display:block;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-header .tit p {
        margin:15px 0 0;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-header > p {
        max-width: 100%; font-size: 16px;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box {
        margin-bottom:50px;
        width:100%;
    }
    .main-lawyer-wrap .lawyer02 .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box { margin-bottom: 0;}
    .main-lawyer-wrap .lawyer02 .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box ul li { margin-bottom: 10px; }
}
@media screen and (max-width:767px) {
    .main-lawyer-wrap .main-lawyer-box {
        margin-bottom:30px;
    }
    .main-lawyer .inner > p{
        font-size: 22px;
        margin: 20px 0;
    }
    .main-lawyer-wrap .main-lawyer-box:last-child {
        margin-bottom:0;
    }
    .main-lawyer-wrap .main-lawyer-box .thumb span {
        font-size:14px;
    }
    .main-lawyer-wrap .main-lawyer-box .name {
        margin-top:15px;
        font-size:24px;
    }

    .main-lawyer-wrap .lawyer01 .lawyer-pop ,
    .main-lawyer-wrap .lawyer03 .lawyer-pop {
        background-position:80% bottom;
        background-size:auto 50%;
    }
    .main-lawyer-wrap .lawyer02 .lawyer-pop {  background-position:80% bottom; background-size:auto 60%; min-height: 180%;}
    .main-lawyer-wrap .lawyer-pop .main-lawyer-header .tit h1 {
        font-size:32px;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-header .tit p {
        padding:5px 15px;
        font-size:15px;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-header > p {
        margin-top:25px;
        font-size:13px;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box h1 {
        width:100%;
        font-size:18px;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box h1:before {
        margin-bottom:5px;
        width:12px;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box h1 br {
        display:none;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box ul {
        margin-top:15px;
        padding-left:0;
        width:100%;
    }
    .main-lawyer-wrap .lawyer-pop .main-lawyer-conts .main-lawyer-conts-box ul li {
        font-size:13px;
    }

    .main-lawyer-wrap .lawyer-pop .close {
        top:20px; right:20px;
        width:35px; height:35px;
    }
}
@media screen and (max-width:540px){
    .main-lawyer .inner > p{
        font-size:max(14px, 4vw);
        margin: 20px 0;
        padding: 5px 15px;
    }
    .main-lawyer-wrap .lawyer02 .lawyer-pop { background-position: 90% bottom; background-size:auto 55%;  min-height: 215%;}
}


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

.main-advantages-wrap p:first-child{max-width:1056px; display: inline-block;background-color: #ff6a17;color: #fff;font-size: 30px;word-break: keep-all;padding: 5px 20px; font-weight: 200;}
.main-advantages-wrap p:last-child { width: 60%; display: flex; justify-content: space-between; align-items: center; color: #fff; font-weight: 400;font-size: 32px; margin: 0 auto;}
.main-advantages-wrap p:last-child span { font-size: 65px; font-weight: 100;}
.main-advantages-wrap p .md-br, .main-advantages-wrap p .m-br  { display: none;}
.main-advantages img { margin: 30px auto 0;}
.main-advantages .sec3_img { display: block;}
.main-advantages .sec3_img_m { display: none;}


.main-advantages-wrap{
    align-items: center;
}
.main-ad_warp2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    max-width:1056px;
    margin: 0 auto;
    padding-top:20px;
    margin-bottom:20px;
}

.harf-mainad {
    border: 1px solid #ff6f00;
    background-color: rgba(128, 128, 128, 0.3); /* 회색(RGB: 128, 128, 128) + 50% 투명도 */

    padding: 15px;
    text-align: center;
    font-size: 15px;
    color: #ff6f00;
    transition: background-color 0.3s, color 0.3s;
}

.faq-box:hover {
    background-color: #ff6f00;
    color: #1e1e1e;
    cursor: pointer;
}

@media screen and (max-width:1300px){
    /*.main-advantages-wrap .main-advantages-box {*/
    /*    height: 440px;*/
    /*}*/
}
@media screen and (max-width:1200px){
    .main-advantages .fp-tableCell{
        padding-top: 0;
    }
    .main-conts-tit-wrap p span{
        font-size: 30px;
    }
    .main-advantages-wrap p:first-child, .main-advantages-wrap p:last-child { font-size: 24px; }
    .main-advantages-wrap p .md-br { display: block;}
    .main-advantages img { width: 95%; }
    .main-advantages-wrap p .m-br { display: block;}

    .main-ad_warp2{
        max-width:856px;
    }

    .harf-mainad {
        font-size: 13px;
    }
}
@media screen and (max-width: 850px) {
    .main-advantages-wrap p:first-child, .main-advantages-wrap p:last-child { font-size: 22px; }
}
@media screen and (max-width:620px) {
    .main-advantages img { width: 100%; }
    .main-advantages .sec3_img { display: none;}
    .main-advantages .sec3_img_m { display: block;}
}
@media screen and (max-width:580px) {
    .main-conts-tit-wrap p span{
        font-size: 18px;
    }

    .harf-mainad {
        font-size: 12px;
    }
    .main-advantages-wrap p:first-child, .main-advantages-wrap p:last-child { font-size: max(14px, 4vw); }
}
@media screen and (max-width:400px) {
    .main-conts-tit-wrap p span{
        font-size: 16px;
    }

    .harf-mainad {
        font-size: 12px;
    }
}



/* -------- main-case -------- */
.main-case {
    position:relative;
    background:url('../../../img/main/main_case_bg.png') no-repeat center center;
    background-size:cover;
}
.main-case .case-tit{
    margin-bottom: 30px;
}
.main-case .case-tit h1{
    font-size: 36px;
    color: #161c21;
    font-weight: 500;
}
.main-case .fp-tableCell{
    padding-top: 0;
}
.main-case .case-tit .tit-scaleup{
    color: #1334af;
    font-size: 45px;
    font-weight: 600;
}

.succe_tit{
    color:#000  !important;
    font-weight: bold !important;
}

.succe_con{
    font-size: 30px;
    padding:5px;
    background-color: rgba(128, 128, 128, 0.3); /* 회색(RGB: 128, 128, 128) + 50% 투명도 */
    display: inline-block; /* 글씨 크기만큼 width 자동 조정 */
    margin-top:20px;
}
.succe_per{
    color: #146791  !important;
    font-weight: bold !important;
}
.main-case-list {
    width:100%;
    font-size:0;
}
.main-case-list .main-case-slide {
    display:inline-block;
    margin-left:40px;
    width:calc(25% - 30px);
    vertical-align:top;
}
.main-case-list .main-case-slide:first-child {
    margin-left:0;
}
.main-case-list .main-case-slide > a {
    position:relative;
    display:block;
    padding:20px 25px;
    border:4px solid #d4d8dd;
    background:#fff;
    text-align:left;
}
.main-case-list .main-case-slide .cate-name {
    display:inline-block;
    font-weight:500; font-size:16px;
    color:#fff;
}
.main-case-list .main-case-slide .cate-name span {
    display:block;
    padding:7px 20px;
    background:#2c4c95;
}
.main-case-list .main-case-slide .cate-name .bg {
    background:#146791;
}
.main-case-list .main-case-slide .subject {
    overflow:hidden;
    display:block;
    margin:15px 0 13px;
    width:100%;
    font-weight:700; font-size:22px;
    color:#111;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.main-case-list .main-case-slide .conts-wrap {
    padding:20px;
    background:#e2e6eb;
}
.main-case-list .main-case-slide > a .bo-content {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:14;
    -webkit-box-orient: vertical;
    width:100%; height:290px;
    font-weight:300; font-size:15px; line-height:21px;
    color:#444;
    word-break:keep-all;
    text-overflow:ellipsis;
}
.main-case-list .main-case-slide > a .thumb {
    position:absolute; top:-4px; left:-4px;
    z-index:-1;
    width:calc(100% + 8px); height:calc(100% + 8px);
    background:rgba(0,0,0,.8);
    transition:.3s;
    opacity:0;
}
.main-case-list .main-case-slide > a .thumb img {
    position:absolute; top:50%; left:30px;
    transform:translateY(-50%);
    width:calc(100% - 60px);
}
.main-case-list .main-case-slide > a:hover .thumb {
    z-index:11;
    opacity:1;
}

.main-case-list .case-pop {
    display:none;
    position:absolute; top:50%; left:50%;
    z-index:1111;
    transform:translateY(-40%);
    margin-left:-720px;
    padding:60px;
    width:1440px; max-height:90%;
    border:4px solid #d4d8dd;
    background:#fff;
}
.main-case-list .case-pop .cate-name {
    display:inline-block;
    font-size:18px;
}
.main-case-list .case-pop .cate-name span {
    display:block;
    padding:0 20px;
    background:#2c4c95;
    word-break:keep-all;
}
.main-case-list .case-pop .cate-name .bg {
    background:#6478c1;
}
.main-case-list .case-pop .subject {
    margin-bottom:30px;
    font-size:30px;
    white-space:normal;
}

.main-case-list .case-pop .best-case-tit
{
    font-size: 22px;
    font-weight: 400;
    color:#000;
    position: relative;
    padding-left: 13px;
    margin-top: 20px;
    margin-bottom: 7px;
}
.main-case-list .case-pop .best-case-sub
{
    font-size: 18px !important;

}
.main-case-list .case-pop .best-case-tit:before
{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background: blue;
    left: 0px;
    top: 13px;
    border-radius: 50%;
}


.main-case-list .case-pop .conts-wrap {
    overflow-x:hidden;
    display:block;
    padding:30px;
    height:450px;
}
.main-case-list .case-pop .conts-wrap .bo-content {
    font-size:18px; line-height:1.5;
    color:#444;
    text-align:left;
    word-break:keep-all;
}

.main-case-list .case-pop .close {
    position:absolute; top:50px; right:50px;
    width:48px; height:48px;
    opacity:.3;
}
.main-case-list .case-pop .close:before,
.main-case-list .case-pop .close:after {
    content:'';
    position:absolute; top:22px; right:0;
    width:100%; height:2px;
    background:#000;
}
.main-case-list .case-pop .close:before {
    transform:rotate(-45deg);
}
.main-case-list .case-pop .close:after {
    transform:rotate(45deg);
}

.main-case .more {
    display:block;
    margin:30px auto 0;
    width:100%; max-width:280px;
    background:#146791;
    font-weight:400; font-size:18px; line-height:60px;
    color:#fff;
    text-align:center;
}
.main-case .more img {
    position:relative; top:-1.5px;
    margin-left:14px;
}

@media screen and (max-width:1440px) {
    .main-case-list .case-pop {
        left:30px;
        margin-left:0;
        padding:5%;
        width:calc(100% - 60px); max-height:100%;
    }

    .succe_con{
        font-size:28px;
    }
}
@media screen and (max-width:1200px) {
    .main-case-list .main-case-slide {
        margin-left:20px;
        width:calc(25% - 15px);
    }
    .main-case-list .case-pop .conts-wrap {
        height:500px;
    }
    .succe_con{
        margin-top:20px;
        font-size:26px;
    }
}
@media screen and (max-width:950px) {
    .main-case-list .main-case-slide {
        margin-left:14px; margin-bottom:14px;
        width:calc(50% - 7px);
    }
    .main-case-list .main-case-slide:nth-child(2n+1) {
        margin-left:0;
    }
}
@media screen and (max-width:850px){
    .main-case .main-conts-tit-wrap p .m_on{
        display: block;
    }
}
@media screen and (max-width:768px) {
    .main-case-list .case-pop {
        left:20px;
        width:calc(100% - 40px);
    }
}
@media screen and (max-width:767px) {
    .main-case-list .main-case-slide {
        margin-left:10px; margin-bottom:10px;
        width:calc(50% - 5px);
    }
    .main-case-list .main-case-slide:nth-child(2n+1) {
        margin-left:0;
    }
    .main-case-list .main-case-slide > a {
        border-width:2px;
        padding:13px;
    }
    .main-case-list .main-case-slide .cate-name {
        font-size:13px;
    }
    .main-case-list .main-case-slide .cate-name span {
        padding:0 15px;
    }
    .main-case-list .main-case-slide .subject {
        margin:10px 0 8px;
        font-size:16px;
    }
    .main-case-list .main-case-slide .conts-wrap {
        padding:10px;
    }
    .main-case-list .main-case-slide > a .bo-content {
        -webkit-line-clamp:10px;
        height:170px;
        font-size:13px; line-height:17px;
    }

    .main-case-list .main-case-slide .subject {
        margin-bottom:20px;
        font-size:20px;
    }
    .main-case-list .case-pop .conts-wrap .bo-content {
        font-size:15px;
    }
    .main-case-list .case-pop .close {
        right:20px; top:20px;
        width:35px; height:35px;
    }

    .main-case .more {
        margin-top:25px;
        max-width:200px;
        font-size:14px; line-height:50px;
    }
    .main-case .more img {
        margin-left:10px;
        height:10px;
    }
    .main-case .case-tit h1{
        font-size: 24px;
    }
    .main-case .case-tit .tit-scaleup{
        font-size: 38px;
    }

    .succe_con{
       margin-top:20px;
        font-size:22px;
    }
}



/* -------- main-media -------- */
.main-media {
   /* background:#2c4c95;*/
    background:url('../../../img/main/main44_bg.png') no-repeat center center;
    background-size:cover;
}
.main-media .main-conts-tit-wrap {
    text-align:start;
}
.main-media .main-conts-tit-wrap p{
    text-align: center;
}
.main-media .main-conts-tit-wrap a {
    margin-top:45px;
    display:block;
}
.main-media .main-conts-tit-wrap img{
    width: 100%;
}

.m-youtube {
    display:none;
}
.main-media-list {
    margin:-50px 0;
    text-align:left;
}
.main-media-list .slick-list {
    padding:50px 0;
}
.main-media-list .slick-track {
    font-size:0;
    transition:.05s;
}
.main-media-list .slick-slide {
    float:none;
    display:inline-block !important;
    width:285px;
    transition:.1s;
    vertical-align:bottom;
}
/*.main-media-list .slick-current {*/
/*	width:590px;*/
/*}*/
.main-media-list .main-media-slide .thumb {
    position:relative;
    display:block;
    padding:0 10px; cursor: pointer; transition: all ease 0.2s;
}
.main-media-list .main-media-slide .thumb:hover { transform: scale( 1.03 ); transition: all ease 0.2s; }
.main-media-list .main-media-slide .thumb img  {
    width:100%; height:auto; box-shadow: 0px 7px 12px rgba(0, 0, 0, .42);
}
.main-media-list .main-media-slide a .txt {
    position:absolute; top:0; left:0;
    padding-left:600px;
    padding-right:5%;
    width:1440px;
    transition:.3s;
    opacity:0;
}
.main-media-list .slick-current .main-media-slide a .txt {
    opacity:1;
}
.m-youtube .txt {
    margin:20px 0 30px;
    text-align:left;
}
.main-media-list .main-media-slide a .txt .subject ,
.m-youtube .txt .subject {
    overflow:hidden;
    display:block;
    font-weight:500; font-size:28px;
    color:#fff;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.main-media-list .main-media-slide a .txt .bo-content,
.m-youtube .txt .bo-content {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    margin-top:20px;
    width:100%; height:66px;
    font-weight:300; font-size:16px; line-height:22px;
    color:rgba(255,255,255,.5);
    word-break:keep-all;
    text-overflow:ellipsis;
}

.main-media-list .slick-prev,
.main-media-list .slick-next {
    top:65%; bottom:100%; right: -65px;
    margin-top:0;
    width:60px; height:60px;
    border-radius:50%;
    opacity:.4;
}
.main-media-list .slick-prev {
    left: -65px;
    /*top: 25%;*/
    z-index: 9;
    background:#000 url('../../../img/main/case_prev.png') no-repeat center center;
    background-size: 60%;
}
.main-media-list .slick-next {
    background:#000 url('../../../img/main/case_next.png') no-repeat center center;
    background-size: 60%;
}
.main-media-list .slick-prev:before ,
.main-media-list .slick-prev:before {
    display:none;
}

.main-media-list .slick-dots {
    bottom:0;
    display:table;
    table-layout:fixed;
    margin-top:10px;
    width:100%;
    line-height:0;
}
.main-media-list .slick-dots li {
    display:table-cell;
    margin:0;
    width:auto; height:4px;
    vertical-align:top;
}
.main-media-list .slick-dots li.slick-active {
    width:auto;
}
.main-media-list .slick-dots li button {
    padding:0;
    border-radius:0;
    background:rgba(255,255,255,.2);
}
.main-media-list .slick-dots li.slick-active button {
    border-radius:0;
    background:rgba(255,255,255,.7);
}
.main-media .media-pop {  display:none; position:absolute; top: 50% ; left: 50%; transform: translate( -50%, -50% );  z-index:111; }
.main-media .media-pop .close { position:absolute; top:50px; right:50px; width:48px; height:48px; opacity:.3;  color: transparent;}
.main-media .media-pop .close:before, .main-media .media-pop .close:after { content:''; position:absolute; top:22px; right:0; width:100%; height:2px; background:#000; color: transparent;}
.main-media .media-pop .close:before { transform:rotate(-45deg); }
.main-media .media-pop .close:after { transform:rotate(45deg); }
@media screen and (max-width:1440px) {
    .main-media .inner{
        width: 90%;
    }
    .main-media-list {
        width:calc(100% + 30px);
    }
    .main-media-list .slick-next {
        right:-5%;
    }
    .main-media-list .slick-prev {
        left: -5%;
    }
}
@media screen and (max-width:850px) {
    .main-media .inner{
        width: 100%;
    }
    .slick-list{
        width: 90%;
        margin: auto !important;
    }
    .m-youtube {
        display:none;
    }
    .main-media-list {
        position:relative; left:-15px;
        width:calc(100% + 30px);
    }
    .main-media-list .main-media-slide a ,
    .main-media-list .slick-current .main-media-slide a {
        padding:0 15px;
    }
    .main-media-list .slick-current .main-media-slide a .txt {
        display:none;
    }
    .main-media-list .slick-current .main-media-slide .thumb img, .m-youtube .thumb img {
        box-shadow:none;
    }
    .main-media-list .slick-prev {
        left: 0%;
        /*top: 36%;*/
    }
    .main-media-list .slick-prev, .main-media-list .slick-next {
        right:0%;
        /*bottom:370%;*/
        width: 50px;
        height: 50px;
    }

}
@media screen and (max-width:767px) {
    .main-media .main-conts-tit-wrap a {
        margin-top:20px;
        font-size:14px; line-height:33px;
        position: relative;
        z-index: 9;
    }
    .main-media-list {
        left:-5px;
        width:calc(100% + 10px);
    }
    .main-media-list .main-media-slide a ,
    .main-media-list .slick-current .main-media-slide a {
        padding:0 5px;
    }
    .m-youtube .txt {
        margin:10px 0 20px;
    }
    .main-media-list .main-media-slide a .txt .subject, .m-youtube .txt .subject {
        font-size:18px;
    }
    .main-media-list .main-media-slide a .txt .bo-content, .m-youtube .txt .bo-content {
        margin-top:10px;
        height:54px;
        font-size:13px; line-height:17px;
    }

    .main-media-list .slick-prev, .main-media-list .slick-next {
        /*bottom:295%;*/
        top: 40%;
        margin-bottom:-20px;
        width:35px; height:35px;
        background-size:auto 10px;
    }
    /*.main-media-list .slick-prev {*/
    /*    margin-right:45px;*/
    /*}*/
    .main-media-list .slick-dots {
        margin-top:0; bottom:10px;
    }
    .main-media .main-conts-tit-wrap .m_none{
        display: none;
    }
    .main-media .main-conts-tit-wrap .m_view{
        display: block;
    }
    .main-media .media-pop { width: calc(100% - 40px);}
    .main-media .media-pop img { width: 100%; }
    .main-media .media-pop .close { top:20px; right:20px; width:30px; height:30px; }
}
@media screen and (max-width:540px){
    .main-media-list .slick-prev {
        left: 0%;
    }
    .main-media-list .slick-prev, .main-media-list .slick-next {
        right:0%;
    }
}


/* -------- main-consulting -------- */
.main-consulting {
    background:url('../../../img/main/main_consulting_bg2.png') no-repeat center center;
    background-size:cover;
}
.main-consulting .fp-tableCell { padding-top: 0; }
.main-consulting .inner.form { display: flex; justify-content: space-between; }
.main-consulting .inner section { width: 50%; }
.main-consulting .main-conts-tit-wrap p { text-align: left; margin-top: 60px; }
.main-consulting .main-consulting-more {
    display:block;
    /*margin:70px auto 0;*/
    width:100%;
    background:#146791;
    font-weight:400; font-size:24px; line-height:80px;
    color:#fff;
    text-align:center;
    box-shadow: 10px 10px 20px -5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 10px 10px 20px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 10px 10px 20px -5px rgba(0,0,0,0.2); border: none;
}
/* .main-consulting .main-consulting-more img {
	position:relative; top:-1.5px;
	margin-left:14px;
} */
.main-consulting p span{
    font-size: 36px;
    font-weight: 400;
}
.main-consulting p strong{
    color: #146791;
}
.main-consulting .inner.collabo { width: 100%; padding: 25px 5%!important; background: #fff; position: absolute; bottom: 0;}
#collab-slide .slick-slide { margin: 0px 10px;}
#collab-slide .slick-slide div { display: inline-block;}
#collab-slide span { width: 170px; height: 50px; margin: 0 10px;display: table-cell!important; vertical-align: middle}
#collab-slide span img{ width: 100%; -webkit-filter: grayscale(100%); opacity: 0.6;}
#collab-slide span img:hover { -webkit-filter: grayscale(0%); opacity: 1; }
@media screen and (max-width:1024px) {
    .main-consulting { padding-bottom: 85px; }
    .main-consulting .inner.form{ flex-direction: column;}
    .main-consulting .inner section { width: 100%; }
    .main-consulting .main-conts-tit-wrap { margin-bottom: 30px; }
    .main-consulting .main-conts-tit-wrap p { text-align: center; margin-top: unset;}
    .inquire_con .board-list { padding: 3%; }
}
@media screen and (max-width:767px) {
    .main-consulting { padding-bottom: 110px;}
    .main-consulting .main-consulting-more { font-size: 21px; line-height: 60px;}
}
/*-------------상담신청 입력폼-------------*/
.inquire_con {
    display:table;
    width:100%;
    table-layout:fixed;
    font-family: 'Noto Sans KR', dotum, sans-serif;
}
.inquire_con > section {
    display:table-cell;
    width:50%;
    vertical-align:top;
}

.inquire_con .board-list {
    padding: 35px 80px;
  /*  background:#dce2e92e;*/
    background: rgba(0, 0, 0, 0.18); /* 반투명 검정색 */
}
.inquire_con .board-list .split {
    margin-bottom:16px; text-align: left;
}
.inquire_con .board-list .split dl {
    font-size:0;
}
.inquire_con .board-list .split dl dt,
.inquire_con .board-list .split dl dd {
    display:inline-block;
    vertical-align:top;
}
.inquire_con .board-list .split dl dt {
    padding-top:13px;
    width:100px;
    font-weight:400; font-size:14px; line-height:1.5; color: #fff;
}
.inquire_con .board-list .split dl dt.no-pt {
    padding-top:0;
}
.inquire_con .board-list .split dl dt .required {
    display:inline-block;
    background:none !important;
    font-size:16px;
    color:#ff2f00;
    vertical-align:top;
}
.inquire_con .board-list .split dl dd {
    width:calc(100% - 100px);
}
.inquire_con .board-list .split dl dd input[type="text"],
.inquire_con .board-list .split dl dd input[type="tel"] {
    padding:0 20px;
    width:100%; height:50px;
    border:1px solid #333;
    background:#fff;
    font-weight:300; font-size:14px;
    color:#333;
}
.inquire_con .board-list .split dl dd input[type="text"]:placeholder {
    color:#9d9d9d;
}
.inquire_con .board-list .split dl dd textarea {
    padding:10px 20px;
    width:100%; height:115px !important;
    border:1px solid #333;
    background:#fff;
    font-weight:300; font-size:14px;
    font-family:'Noto Sans KR', dotum, sans-serif;
    color:#333;
    resize:none;
}
.inquire_con .board-list .split dl dd textarea:placeholder {
    color:#9d9d9d;
}
.inquire_con .board-list .split dl dd span {
    display:inline-block;
    /*margin-bottom:10px;*/
    font-weight:400; font-size:14px;
    color:#fff;
}
.inquire_con .board-list .split dl dd .won {
    display:inline-block;
    margin-bottom:0;
    font-weight:300; font-size:14px;
    color:#555;

}
.inquire_con .board-list .split > span
{
    padding-bottom: 13px;
    /* width: 100px; */
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    display: block;

}

.inquire_con .board-list .split ul {
    margin-bottom:-8px;
    font-size:0;
}
.inquire_con .board-list .split ul li {
    display:inline-block;
    margin-bottom:8px;
    width:33.333%;
    font-size:0;
    vertical-align:top;
}


.inquire_con .board-list .split ul li.full {
    display:block;
    width:100%;
}
.inquire_con .board-list .split ul li input[type="text"].input-line {
    display:inline-block;
    width:calc(100% - 70px); height:20px;
    border:0 none; border-bottom:1px solid #878a8e;
    background:none;
}

@media screen and (max-width: 1440px) {
    .inquire_con .board-list {
        padding:5% 3%;
    }
}
@media screen and (max-width: 950px) {
    .inquire_con {
        display:block;
    }

    .inquire_con .board-list {
        display: block;
        width:100%;
    }

    .inquire_con .map_div {
        width:100%;
        display:block;
        padding:20px;
    }

    #map { width:100%; }

    .online-board-wrap .board-list {
        display:block;
        width:100%;
    }
    .inquire_con .online-img {
        display:block;
        padding-top:30%;
        width:100%;
    }
}
@media screen and (max-width: 767px) {
    .inquire_con .board-list {
        padding:20px;
        display: block;
        width:100%;
    }
    .inquire_con .map_div {
        width:100%;
        display:block;
        padding:20px;
    }
    .inquire_con .board-list .split {
        margin-bottom:10px;
    }
    .inquire_con .board-list .split dl dt {
        display:block;
        margin-bottom:3px; padding-top:0;
        width:100%;
    }
    .inquire_con .board-list .split dl dt br {
        display:none;
    }
    .inquire_con .board-list .split dl dd {
        width:100%;
    }
    .inquire_con .board-list .split dl dd input[type="text"], .inquire_con .board-list .split dl dd input[type="tel"] {
        padding:0 10px;
        height:40px;
        font-size:11px;
    }
    /*.inquire_con .board-list .split ul li {*/
    /*    width:50%;*/
    /*}*/
    .inquire_con .board-list .split dl dd textarea {
        padding:7px 10px;
        font-size:11px;
    }

    /*.btn_submit {*/
    /*    height:45px;*/
    /*    font-size:15px;*/
    /*}*/
}
/* contents
------------------------------------------------------ */
#contents {
    position:relative;
}

.sub-conts-wrap {
    margin:0 auto; padding:80px 0 125px;
    width:1440px;
    font-weight: 400; font-size:18px;
    color:#666;
    letter-spacing:-1px;
    word-break:keep-all;
}
.sub-conts-wrap:after {content:''; clear:both; display:block;}
@media screen and (max-width: 1440px) {
    .sub-conts-wrap {
        padding:80px 30px 125px;
        width:100%;
    }
}
@media screen and (max-width: 768px) {
    .sub-conts-wrap {
        padding:60px 20px 70px;
    }
}
@media screen and (max-width: 640px) {
    .sub-conts-wrap {
        padding:40px 20px 50px;
    }
    .main-consulting p span{
        font-size: 20px;
    }
}


/*
	visual
 */
.sub-visual {
    position:relative;
    display:table;
    margin:110px auto 0;
    width:90%; height:360px;
    text-align:center;
}

/*.sub-visual.case {*/
/*	background: url('/images/sub/sub_visual01.jpg') no-repeat center top;*/
/*	background-size:cover;*/
/*}*/
/*.sub-visual.media {*/
/*	background: url('/images/sub/sub_visual02.jpg') no-repeat center top;*/
/*	background-size:cover;*/
/*}*/
/*.sub-visual.online {*/
/*	background: url('/images/sub/sub_visual03.jpg') no-repeat center top;*/
/*	background-size:cover;*/
/*}*/

.sub-visual .visual-inner {
    display:table-cell;
    vertical-align:middle;
}
.sub-visual .visual-inner > h1 {
    display:inline-block;
    font-weight:400; font-size:22px;
    font-family:'Poppins', sans-serif;
    color:#fff;
    letter-spacing:1px;
    text-transform: uppercase;
    word-break:keep-all;
}
.sub-visual .visual-inner > h1 span {
    display:inline-block;
    font-weight:600; font-size:36px;
    /* border-bottom:1px solid rgba(255,255,255,.6); */
    font-family:'Poppins', sans-serif;
    color:#fff;
    letter-spacing:1px;
    text-transform: uppercase;
    word-break:keep-all;
}
.sub-visual .visual-inner > p {
    margin-top:20px;
    font-weight:300; font-size:36px;
    color:#fff;
    word-break:keep-all;
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 768px) {
    .sub-visual {
        height:300px;
        margin-top: 70px;
    }
    .sub-visual .visual-inner > h1 {
        font-size:18px;
    }
    .sub-visual .visual-inner > h1 span {
        font-size:26px;
    }
    .sub-visual .visual-inner > p {
        font-size:26px;
    }
}
@media screen and (max-width: 640px) {
    .sub-visual {
        margin-top: 60px;
        height:180px;
    }
    .sub-visual .visual-inner > h1 {
        font-size:14px;
    }
    .sub-visual .visual-inner > h1 span {
        font-size:18px;
        letter-spacing:.5px;
    }
    .sub-visual .visual-inner > p {
        font-size:18px;
    }
}


/*
	sub title
*/
.sub-conts-title {
    display:block;
    margin:0 auto 80px;
    text-align:center;
}
.sub-conts-title span {
    display:inline-block;
    font-weight:300; font-size:54px;
    color:#111;
}
.media ~ .sub-conts-wrap .sub-conts-title {
    display:none;
}

@media screen and (max-width: 768px) {
    .sub-conts-title {
        margin-bottom:60px;
    }
    .sub-conts-title span {
        font-size:32px;
    }
}
@media screen and (max-width: 640px) {
    .sub-conts-title {
        margin-bottom:40px;
    }
    .sub-conts-title span {
        font-size:27px;
    }
}


/*
	인사말
*/
.greetings-wrap {
    position:relative;
    display:table;
    width:100%;
    table-layout:fixed;
}
.greetings-wrap:before {
    content:'';
    position:absolute; top:-100px; right:8%;
    z-index:-1;
    width:344px; height:195px;
    background:url('/images/sub/greetings_logo.png') no-repeat 0 0;
}
.greetings-wrap > * {
    display:table-cell;
    vertical-align:top;
}
.greetings-wrap .greetings-img {
    width:45%;
    background:url('/images/sub/greetings.jpg') no-repeat right center;
    background-size:cover;
}
.greetings-wrap .m-greetings-img {
    display:none;
}
.greetings-wrap .greetings-txt {
    padding-top:50px; padding-left:5%;
    padding-bottom:8%;
    width:55%;
}
.greetings-wrap .greetings-txt h1 {
    font-weight: 300; font-size:44px;
    font-family:'Noto Serif KR', serif;
    color:#333;
    word-break:keep-all;
}
.greetings-wrap .greetings-txt h1 strong {
    font-weight: 300;
    color:#2843a5;
}
.greetings-wrap .greetings-txt h1:after {
    content:'';
    display:block;
    margin-top:20px;
    width:36px; height:4px;
    background:#2843a5;
}
.greetings-wrap .greetings-txt p {
    margin-top:80px;
    font-weight:300; font-size:20px; line-height:1.7;
    color:#555;
    word-break:keep-all;
}
.greetings-wrap .greetings-txt p strong {
    display:block;
    font-weight: 400;
    font-size:25px; line-height:1.3;
    font-family:'Noto Serif KR', serif;
    color:#333;
}
.greetings-wrap .greetings-txt p strong em {
    font-style:normal;
    color:#2843a5;
}
@media screen and (max-width: 1200px) {
    .greetings-wrap:before {
        right:-20%;
        background-size:auto 70%;
    }
}
@media screen and (max-width: 768px) {
    .greetings-wrap {
        display:block;
    }
    .greetings-wrap:before {
        top:-70px;
        right:-58%;
        background-size:auto 27%;
    }
    .greetings-wrap > * {
        display:block;
    }
    .greetings-wrap .greetings-img {
        display:none;
    }
    .greetings-wrap .m-greetings-img {
        display:block;
        width:100%; height:500px;
        background:url('/images/sub/greetings.jpg') no-repeat right center;
        background-size:cover;
    }
    .greetings-wrap .greetings-txt {
        padding:50px 30px;
        width:100%;
    }
}
@media screen and (max-width: 640px) {
    .greetings-wrap:before {
        right:-60%;
    }
    .greetings-wrap .greetings-txt h1 {
        font-size:32px;
    }
    .greetings-wrap .greetings-txt h1:after {
        margin-top:15px;
        width:27px; height:3px;
    }
    .greetings-wrap .greetings-txt p {
        margin-top:40px;
        font-size:15px;
    }
    .greetings-wrap .greetings-txt p strong {
        font-size:18px;
    }
    .greetings-wrap .m-greetings-img {
        height:400px;
    }
}



/*
	오시는길
*/
.location-wrap {
    width:100%;
}
.location-wrap .location-map {
    width:100%;
}
.location-wrap .location-map .root_daum_roughmap {
    width:100% !important;
}
.location-wrap  .address-wrap {
    margin-top:50px; padding:0 3%;
    font-size:0;
}
.location-wrap  .address-wrap .address-box {
    display:inline-block;
    width:25%;
    font-size:0;
    vertical-align:middle;
}
.location-wrap  .address-wrap .address-box:first-child {
    width:50%;
}
.location-wrap  .address-wrap .address-box .icon-wrap {
    display:inline-block;
    width:55px;
    vertical-align:middle;
}
.location-wrap  .address-wrap .address-box .icon-wrap img {
    border-radius:50%;
    background:#333;
}
.location-wrap  .address-wrap .address-box dl {
    display:inline-block;
    width:calc(100% - 55px);
    padding-left:14px;
    vertical-align:middle;
}
.location-wrap  .address-wrap .address-box dl dt {
    font-weight:500; font-size:14px;
    font-family:'Poppins', sans-serif;
    color:#666;
}
.location-wrap  .address-wrap .address-box dl dd {
    display:block;
    font-weight: 600; font-size:24px;
    font-family:'Poppins', 'Noto Sans KR', sans-serif;
    color:#333;
}
.location-wrap  .address-wrap .address-box dl dd span {
    font-weight:700; font-size:20px;
}

@media screen and (max-width: 1024px) {
    .location-wrap  .address-wrap .address-box {
        width:50%;
    }
    .location-wrap  .address-wrap .address-box:first-child {
        margin-bottom:30px;
        width:100%;
    }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
    .location-wrap .root_daum_roughmap .wrap_map {
        height:300px !important;
    }
    .location-wrap .address-wrap {
        margin-top:10px;
    }
    .location-wrap .address-wrap .address-box {
        margin-top:20px;
        width:100%;
    }
    .location-wrap  .address-wrap .address-box:first-child {
        margin-bottom:0;
    }
    .location-wrap .address-wrap .address-box .icon-wrap {
        width:40px;
    }
    .location-wrap .address-wrap .address-box .icon-wrap img {
        width:100%;
    }
    .location-wrap .address-wrap .address-box dl {
        padding-left:10px;
        width:calc(100% - 40px);
    }
    .location-wrap .address-wrap .address-box dl dt {
        font-size:12px;
        letter-spacing:0;
    }
    .location-wrap .address-wrap .address-box dl dd {
        font-size:18px; line-height:1.2;
    }
    .location-wrap .address-wrap .address-box dl dd span {
        font-size:14px;
    }
}



/*
	구성원 소개
*/
.lawyer-tab {
    margin-bottom:45px;
    text-align:center;
}
.lawyer-tab li {
    display:inline-block;
    margin:0 35px;
    vertical-align:top;
}
.lawyer-tab li a {
    padding-bottom:10px;
    font-weight:400; font-size:24px;
    font-family:'Noto Serif KR', serif;
    color:#333;
}
.lawyer-tab li.on a {
    position:relative;
}
.lawyer-tab li.on a:after {
    content:'';
    position:absolute; bottom:0; left:0;
    width:100%; height:3px;
    background:#2843a5;
}

.member-list {

}
.member-list ul {
    font-size:0;
}
.member-list ul li {
    display:inline-block;
    margin-top:13px; margin-left:45px;
    width:calc(33.333% - 30px);
    vertical-align:top;
}
.member-list ul li:first-child {
    margin-left:0;
}
.member-list ul li a {
    position:relative;
    display:block;
}
.member-list ul li a img {
    width:100%;
}
.member-list ul li a strong {
    position:absolute; bottom:0; left:0;
    display:block;
    padding:20px 5px;
    width:100%;
    background:rgba(0,0,0,.4);
    font-weight: 700; font-size:30px;
    color:#fff;
    text-align:center;
}
.member-list ul li a strong span {
    font-weight: 300;
    font-size:18px;
}
@media screen and (max-width: 768px) {
    .member-list ul li {
        width:calc(50% - 7px);
    }
    .member-list ul li:nth-child(2n+1) {
        margin-left:0;
    }
}
@media screen and (max-width: 640px) {
    .member-list ul li {
        margin-left:10px;
        width:calc(50% - 5px);
    }
    .member-list ul li a strong {
        padding:10px 5px;
        font-size:20px;
    }
    .member-list ul li a strong span {
        font-size:15px;
    }
}

.member-view {
    overflow:hidden;
    font-size:0;
}
.member-view > section {
    display:inline-block;
    vertical-align:top;
}
.member-view .img-wrap {
    width:46.334%;
}
.member-view .img-wrap img {
    width:100%;
}
.member-view .txt-wrap {
    float:right;
    padding-left:5.5%;
    width:calc(100% - 46.334%);
}
.member-view .txt-wrap h1 {
    margin-bottom:35px;
    font-weight:700; font-size:54px;
    color:#333;
}
.member-view .txt-wrap p
{
    font-size: 15px;
    font-weight: 300;
    color:#333;
    margin-bottom: 5px;

}
.member-view .txt-wrap h1 span {
    display:block;
    font-weight:300; font-size:18px;
    font-family:'Noto Serif KR', serif;
    color:#333;
}
.member-view .txt-wrap ul li {
    position:relative;
    margin:14px 0; padding-left:24px;
    font-weight:500; font-size:20px;
    color:#555;
}
.member-view .txt-wrap ul li:before {
    content:'';
    position:absolute; top:7px; left:0;
    width:8px; height:8px;
    border-radius:50%;
    border:2px solid #2843a5;
}
.member-view .txt-wrap .lines {
    margin-bottom:30px;
    padding:5px 0;
    border:1px solid #cbcbcb;
    border-width:1px 0;
}
.member-view .txt-wrap .lines li {
    font-weight: 300; font-size:16px;
    color:#333;
}
.member-view .txt-wrap .lines li:before {
    top:10px;
}
.member-view .txt-wrap a {
    float:right;
    margin-top:30px;
    width:160px;
    background:#2843a5;
    font-weight:400; font-size:12px; line-height:45px;
    color:#fff;
    text-align:center;
    letter-spacing:2px;
}
@media screen and (max-width: 850px) {
    .member-view .img-wrap {
        width:100%;
    }
    .member-view .txt-wrap {
        float:none;
        padding:70px;
        width:100%;
    }
}
@media screen and (max-width: 640px) {
    .member-view .txt-wrap {
        padding:30px;
        padding-bottom: 80px;
    }
    .member-view .txt-wrap h1 {
        margin-bottom:20px;
        font-size:36px;
    }
    .member-view .txt-wrap h1 span {
        font-size:15px;
    }
    .member-view .txt-wrap ul li {
        margin:10px 0;
        padding-left:20px;
        font-size:15px;
        font-weight: 500;

    }
    .member-view .txt-wrap .lines {
        margin-bottom:20px;
        width:100%;
    }
    .member-view .txt-wrap .lines li {
        font-size:15px;
        font-weight: 300;
    }
    .member-view .txt-wrap .lines li:before {
        top:8px;
    }
    .member-view .txt-wrap ul li:before {
        top:5px;
    }
}



.board-quick {
    margin-top: 80px;
    padding-bottom:150px;
}
.board-quick .board-wrap {
    margin-top: 60px;
    font-size:0;
}
.board-wrap:first-of-type {
    margin-top: 0;
}

.board-quick .board-title {
    display:inline-block;
    width:430px;
    vertical-align:top;
}
.board-quick .board-title h1 {
    position:relative;
    display:inline-block;
    margin-bottom: 10px;
    font-weight:700; font-size:30px;
    font-family: 'Poppins';
    color:#444;
    letter-spacing:1px;
    text-transform: uppercase;
}
.board-quick .board-title h1:after {
    content:'';
    position:absolute; top:4px; left:100%;
    margin-left: 10px;
    width:26px; height:25px;
    background: url('/images/sub/sub_visual_bullet.png') no-repeat 0 0;
}
.board-quick .board-title p {
    font-weight: 300; font-size:24px; line-height:1.5;
    color:#333;
    letter-spacing:4px;
    word-break:keep-all;
}
.board-quick .board-title .main-attorney-more {
    margin-top: 20px;
}

.board-quick .board-box {
    display:inline-block;
    width:calc(100% - 430px);
    vertical-align:top;
}
.board-quick .case-list > li {
    margin:0 0 0 30px;
    width:calc(50% - 15px);
    border:1px solid #97a2b3;
    box-shadow:none;
}
.board-quick .case-list > li:first-child {
    margin-left: 0;
}
.board-quick .main-media-list .swiper-slide {
    margin:0 0 0 30px;
    width:calc(50% - 15px);
}
.board-quick .main-media-list .swiper-slide:first-child {
    margin-left: 0;
}

@media screen and (max-width: 1200px) {
    .board-quick {
        padding:0 60px 150px;
    }
}
@media screen and (max-width: 1024px) {
    .board-quick .board-title {
        width:100%;
    }
    .board-quick .board-title p br {
        display:none;
    }
    .board-quick .board-box {
        margin-top:40px;
        width:100%;
    }
}
@media screen and (max-width: 768px) {
    .board-quick {
        padding:0 40px 70px;
    }
}
@media screen and (max-width: 640px) {
    .board-quick {
        margin-top:50px;
    }
    .board-quick .board-wrap {
        margin-top:40px;
    }
    .board-quick .board-title h1 {
        margin-bottom:5px;
        font-size:22px;
    }
    .board-quick .board-title h1:after {
        top:0; margin-left:5px;
        height:12px;
        background-size:auto 100%;
    }
    .board-quick .board-title p {
        font-size:16px;
        letter-spacing:2px;
    }
    .board-quick .case-list > li ,
    .board-quick .main-media-list .swiper-slide {
        margin:0 0 20px 0;
        width:100%;
    }
    .board-quick .board-title .main-attorney-more {
        font-size:13px;
    }
    .board-quick .board-title .main-attorney-more img {
        margin-left:5px;
        height:8px;
    }
}


/*
	업무분야
*/
.business-wrap {
}
.business-wrap .business-inner {
    margin-top:110px;
    font-size:0;
}
.business-wrap .business-inner > * {
    display:inline-block;
    vertical-align:top;
}
.business-wrap .business-inner > h1 {
    width:30%;
    font-weight:300; font-size:26px;
    font-family:'Noto Serif KR', serif;
    color:#333;
    text-align: justify;
    word-break: break-all
}
.business-wrap .business-inner > h1 span {
    position:relative;
    display:inline-block;
}
.business-wrap .business-inner > h1 span:first-of-type:after {
    content:'';
    position:absolute; bottom:90%; left:102%;
    width:11px; height:11px;
    background:#2843a5;
}
.business-wrap .business-inner > h1 span strong {
    font-weight: 300;
    color:#cb3333;
}
.business-wrap .business-inner .business-conts {
    width:70%;
}
.business-wrap .business-inner .business-conts {
    font-weight: 300; font-size:17px; line-height:1.6;
    color:#444;
    word-break:keep-all;
}
.business-wrap .business-inner .business-conts * {
    word-break:break-all;
    text-align:justify;
}
.business-wrap .business-inner .business-conts > h1 {
    display:inline-block;
    margin-top: 55px; margin-bottom:10px;
    padding:5px 10px;
    /*	background:#ffeebd; */
    font-weight:500; font-size:22px;
    color:#2843a5;
    position: relative;
}
.business-wrap .business-inner .business-conts > h1:before {
    content: '';
    position: absolute;
    bottom: 90%;
    left: -1%;
    width: 14px;
    height: 14px;
    border: 3px solid #FFB500;

}
.business-wrap .business-inner .business-conts h1:first-child {
    margin-top:0;
}
.business-wrap .business-inner .business-conts .conts-box {
    padding:30px;
    background:#e8e9f0;
}
.business-wrap .business-inner .business-conts dl {
    margin-top:30px;
}
.business-wrap .business-inner .business-conts dl dt {
    font-weight: 300;
    color:#2843a5;
}
.business-wrap .business-inner .business-conts strong {
    font-weight: 300;
    color:#2843a5;
}
.business-wrap .business-inner .business-conts .conts-box h1 {
    margin-top:25px;
    font-weight: 300;
}
.business-wrap .business-inner .business-conts .conts-box ul li {
    margin:3px 0;
    font-size:15px;
}
.business-wrap .business-inner .business-conts .conts-box ul.n2 {
    font-size:0;
}
.business-wrap .business-inner .business-conts .conts-box ul.n2 li {
    display:inline-block;
    vertical-align:top;
    width:50%;
}
.business-wrap .business-inner .business-conts ol {
    margin-top:15px;
    padding:40px 60px;
    background:#2843a5;
    font-size:0;
}
.business-wrap .business-inner .business-conts ol:first-child {
    margin-top:0;
}
.business-wrap .business-inner .business-conts ol li {
    display:inline-block;
    vertical-align:top;
    margin:5px 0;
    width:100%;
    font-weight:300; font-size:18px;
    color:#fff;
}
.business-wrap .business-inner .business-conts ol.n2 li {
    display:inline-block;
    vertical-align:top;
    width:50%;
}
.business-wrap .business-inner .business-conts ol.n4 li {
    display:inline-block;
    vertical-align:top;
    width:25%;
}
.business-wrap .business-inner .business-conts ol li em {
    display:inline-block;
    margin-right:13px;
    width:26px; height:26px;
    border-radius:50%;
    background:#fff;
    font-style:normal; font-weight: 700; font-size:15px; line-height:26px;
    font-family:'Poppins', sans-serif;
    color:#2843a5;
    text-align:center;
}
.business-wrap .business-inner .business-conts ol.bg {
    padding:20px 60px;
    background:#e8e9f0;
}
.business-wrap .business-inner .business-conts ol.bg li {
    color:#444;
}
.business-wrap .business-inner .business-conts img {
    margin-top:15px;
    max-width:100%;
}
.business-wrap .business-inner .business-conts img:first-child {
    margin-top:0;
}
.business-wrap .business-inner .business-conts p em {
    font-style:normal;
    font-family:'Noto Serif KR', serif;
}
.business-wrap .business-inner .business-conts p em span {
    font-family:'Noto Sans KR', sans-serif;
}
.business-wrap .business-inner .business-conts p .line {
    display:block;
    padding:20px;
    border:1px solid #dbdce4;
}
.business-wrap .business-inner .business-conts p span {
    display:block;
    margin-top:5px;
    font-size:14px;
}
.business-wrap .business-inner .business-conts table {
    border-spacing: 0;
    border-collapse: collapse;
}
.business-wrap .business-inner .business-conts table th {
    padding:10px 24px;
    width:190px;
    border:1px solid #dbdce4;
    background:#e8e9f0;
    font-weight:400; font-size:16px;
    color:#444;
}
.business-wrap .business-inner .business-conts table td {
    padding:10px 24px;
    border:1px solid #dbdce4;
    font-weight:300; font-size:15px;
    color:#666;
}

@media screen and (max-width: 767px) {
    .business-wrap .business-inner {
        margin-top:60px;
    }
    .business-wrap .business-inner > h1{
        width:100%;
        font-size:22px;
    }
    .business-wrap .business-inner > h1 span br {
        display:none;
    }
    .business-wrap .business-inner > h1 span:first-of-type:after {
        width:7px; height:7px;
    }
    .business-wrap .business-inner .business-conts > h1:before {
        width: 7px;
        height: 7px;
        border: 2px solid #FFB500;
        left: 0;
    }
    .business-wrap .business-inner .business-conts {
        margin-top:20px;
        width:100%;
        font-size:14px;
    }
    .business-wrap .business-inner .business-conts > h1 {
        margin-top:35px;
        font-size:17px;
    }
    .business-wrap .business-inner .business-conts .conts-box {
        padding:20px;
    }
    .business-wrap .business-inner .business-conts .conts-box ul li {
        font-size:13px;
    }
    .business-wrap .business-inner .business-conts ol.n4 li ,
    .business-wrap .business-inner .business-conts .conts-box ul.n2 li {
        width:100%;
    }
    .business-wrap .business-inner .business-conts ol {
        padding:20px 30px;
    }
    .business-wrap .business-inner .business-conts ol li {
        padding-left:30px;
        font-size:14px;
        text-indent:-30px;
    }
    .business-wrap .business-inner .business-conts ol li em {
        position:relative; left:-2px;
        margin-right:8px;
        width:22px; height:22px;
        font-size:13px; line-height:22px;
        vertical-align:middle;
        text-indent:0;
    }
    .business-wrap .business-inner .business-conts ol.bg {
        padding:20px 30px;
    }
    .business-wrap .business-inner .business-conts ol.n2 li {
        width:100%;
    }
    .business-wrap .business-inner .business-conts table th {
        padding:10px 15px;
        width:70px;
        font-size:14px;
    }
    .business-wrap .business-inner .business-conts table td {
        padding:10px 15px;
        font-size:13px;
    }
}
@media screen and (max-width: 640px) {
    .business-wrap .business-inner {
        margin-top:40px;
    }
    .business-wrap .business-inner > h1
    {
        font-size: 19px;
    }
}



/* 온라인상담 */
.online-wrap {
    margin:0 auto 30px;
    width:1200px;
}
.online-wrap p {
    font-weight:300; font-size:18px; line-height:1.6;
    font-family:'Noto Serif KR', serif;
    color:#555;
    text-align:center;
    word-break:keep-all;
}
.online-wrap p strong {
    font-weight: 600;
    color:#2843a5;
}
.online-progress {
    margin-top:30px;
    padding:37px 20px;
    background:#e2e7ef;
    text-align:center;
}
.online-progress li {
    display:inline-block;
    margin:0 50px;
    vertical-align:top;
}
.online-progress li:first-child {
    margin-left:0;
}
.online-progress li:last-child {
    margin-right:0;
}
.online-progress li span {
    position:relative;
}
.online-progress li span:after {
    content:'';
    position:absolute; top:50%; left:100%;
    margin-top:-14.5px; margin-left:36px;
    width:34px; height:29px;
    background:url('/images/sub/online_progress_arrow.png') no-repeat center center;
}
.online-progress li:last-child span:after {
    display:none;
}
.online-progress li span img {
    border-radius:50%;
    background:#fff;
    max-width:100%;
}
.online-progress li strong {
    display:block;
    margin-top:15px;
    font-weight:500; font-size:15px;
    color:#2843a5;
}
@media screen and (max-width:1200px) {
    .online-wrap {
        width:100%;
    }
}
@media screen and (max-width: 768px) {
    .online-progress li {
        width:calc(33.333% - 69px);
    }
}
@media screen and (max-width: 640px) {
    .online-wrap p {
        padding:0 20px;
        font-size:15px;
        word-break: break-all;
        text-align: justify;
    }
    .online-wrap p br {
        display:none;
    }
    .online-progress {
        padding:24px 15px;
    }
    .online-progress li {
        margin:0 20px;
        width:calc(33.333% - 29px);
    }
    .online-progress li span:after {
        margin-left:12px; margin-top:-9px;
        width:21px; height:18px;
        background-size:100% auto;
    }
    .online-progress li strong {
        margin-top:10px;
        font-size:12px;
    }
}


.online-location {
    margin:0 auto 30px;
    padding:50px 0;
    width:1200px;
    background:#e2e7ef;
    font-size:0;
}
.online-location > * {
    display:inline-block;
    vertical-align:middle;
}
.online-location .online-location-time {
    width:237px;
    text-align:center;
}
.online-location .online-location-time dl {
    margin-top:15px;
}
.online-location .online-location-time dl dt,
.online-location .online-location-time dl dd {
    font-weight:500;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif ;
    color:#333;
    word-break:keep-all;
}
.online-location .online-location-time dl dt {
    font-size:15px;
}
.online-location .online-location-time dl dd {
    margin-top:5px;
    font-size:18px;
}
.online-location > dl {
    padding:0 5%;
    width:calc(100% - 237px);
    border-left:1px solid #b2b6bb;
}
.online-location > dl dt,
.online-location > dl dd {
    display:inline-block;
    margin:7px 0;
    font-size:15px;
    color:#444;
    vertical-align:top;
    word-break:keep-all;
}
.online-location > dl dt {
    width:150px;
    font-weight: 500;
    color:#2843a5;
}
.online-location > dl dd {
    width:calc(100% - 150px);
    font-family: 'Poppins', 'Noto Sans KR', sans-serif ;
}
@media screen and (max-width: 1200px) {
    .online-location {
        width:100%;
    }
}
@media screen and (max-width: 768px) {
    .online-location {
        padding:50px 30px;
    }
    .online-location .online-location-time {
        width:100%;
    }
    .online-location .online-location-time dl dt,
    .online-location .online-location-time dl dd {
        display:inline-block;
        vertical-align:middle;
    }
    .online-location .online-location-time dl dd {
        margin-top:0; margin-left:10px;
    }
    .online-location > dl {
        margin-top:30px;
        padding:0;
        padding-top:30px;
        width:100%;
        border-left:0 none;
        border-top:1px solid #b2b6bb;
    }
}
@media screen and (max-width: 640px) {
    .online-location {
        padding:30px 20px;
    }
    .online-location > dl {
        margin-top:20px; padding-top:20px;
    }
    .online-location > dl dt, .online-location > dl dd {
        font-size:13px;
    }
    .online-location > dl dt {
        width:100%;
    }
    .online-location > dl dd {
        margin-top:0;
        width:100%;
    }
}



/*
	승소사례
*/
.case-list {
    width:100%;
    text-align:left;
    font-size:0;
}
.case-list > li {
    display:inline-block;
    margin:0 0 50px 45px;
    width:calc(33.3333% - 30px);
    box-sizing:border-box;
    box-shadow:29px 2px 65px rgba(0,0,0,.22);
    border:3px solid #fff;
    background: #fff;
    vertical-align:top;
    transition:.3s;
}
.case-list > li:nth-child(3n+1) {
    margin-left: 0;
}
.case-list > li:hover {
    border-color:#1334af;
}
.case-list .thum-img
{
    width: 100%;
    margin-bottom: 16px;
}
.case-list > li a {
    display:block;
    padding:25px 30px;
}
.case-list > li input[type="checkbox"] {
    display:block;
}
.case-list > li .cate-name {
    display:inline-block;
    padding:0 18px;
    border-radius:15px;
    background: #c12720;
    font-weight: 400; font-size:14px; line-height:30px;
    color:#fff;
    text-align:center;
}
.case-list > li .subject {
    overflow:hidden;
    display:block;
    margin:10px 0;
    font-weight: 600; font-size:23px; line-height:30px;
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.case-list > li .bo-content {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    width:100%; height:48px;
    font-weight: 300; font-size:15px; line-height:22px;
    color:#666;
    word-break:break-word;
    text-overflow:ellipsis;
    text-align: justify;
}
.case-list > li .more {
    margin:15px 0 -5px;
    display:block;
}
.case-list > li .name {
    text-align:right;
}
.case-list > li .name li {
    display:inline-block;
    vertical-align:middle;
}
.case-list > li .name li:first-child {
    font-weight:300; font-size:14px;
    color:#333;
}
.case-list > li .name li:first-child strong {
    display:block;
    margin-top:3px;
    font-weight: 500;
}
.case-list > li .name li:last-child {
    overflow:hidden;
    margin-left: 12px;
    width:70px; height:70px;
    border-radius:50%;
}
.case-list > li .name li:last-child img {
    width:100%; height:auto;
}

@media screen and (max-width: 1024px) {
    .case-list > li {
        margin:0 0 30px 30px;
        width:calc(33.3333% - 20px);
    }
    .case-list > li a {
        padding:25px;
    }
}
@media screen and (max-width: 768px) {
    .case-list > li {
        margin:0 0 30px 30px;
        width:calc(50% - 15px);
    }
    .case-list > li:nth-child(3n+1) {
        margin-left: 30px;
    }
    .case-list > li:nth-child(2n+1) {
        margin-left: 0;
    }
}
@media screen and (max-width: 640px) {
    .case-list > li {
        margin:0 0 20px 0;
        width:100%;
    }
    .case-list > li:nth-child(3n+1) {
        margin-left: 0;
    }
    .case-list > li a {
        padding:20px;
    }
    .case-list > li .cate-name {
        padding:0 12px;
        font-size:13px; line-height: 24px;
    }
    .case-list > li .subject {
        margin:10px 0;
        font-size:18px; line-height:24px;
    }
    .case-list > li .bo-content {
        height:72px;
        font-size:14px; line-height: 18px;
    }
    .case-list > li .more {
        height:12px;
    }
    .case-list > li .more img {
        width:auto; height:100%;
    }
    .case-list > li .name li:first-child {
        font-size:13px;
    }
    .case-list > li .name li:last-child {
        margin-left: 10px;
        width:50px; height:50px;
    }
}


/* 상담신청 */
.online .online-form {
    border:0 none;
    background: #f7f7f7;
}
.online .online-form > p {
    color:#262626;
}
.online .online-form li input[type="checkbox"] + label {
    color:#262626;
}
.online .online-form li input[type="checkbox"] + label:before  {
    border-color:#e0e0e0;
}
.online .online-form li input[type="checkbox"]:checked + label:before {
    background:#fff url('/images/main/checkmark_b.png') no-repeat center center;
}
.online .online-form li input[type="text"] {
    border-color:#e0e0e0;
    color:#999;
}
.online .online-form li input::placeholder {
    color:#999;
}
.online .online-form li textarea {
    border-color:#e0e0e0;
    color:#999;
}
.online .online-form li textarea::placeholder {
    color:#999;
}

.board-quick .case-list .bo-content p span
{    margin-top: 0 !important;
    color: #666 !important;}



.mobile-br
{
    display: none;
}
@media screen and (max-width: 640px) {
    .mobile-br
    {
        display: inherit;
    }

}

/* 성공사례 유형 boxtyep1 - no image */

.case-box1 {
    position:relative; left:-11px;
    width:calc(100% + 22px);
    font-size:0;
}
.case-box1 .main-case-slide {
    display:inline-block;
    padding:11px;
    vertical-align:top;
}
.case-box1 .main-case-slide a {
    position:relative;
    display:block;
}
.case-box1 .main-case-slide a > img {
    width:100%;
}
.case-box1 .main-case-slide a .conts-wrap {
    padding:36px 40px 30px;
    background:#fff;
    text-align:left;
}
.case-box1 .main-case-slide a .cate-name {
    position:absolute; top:-1px; left:-1px;
    padding:0 12px;
    background:#333;
    font-weight:400; font-size:16px; line-height:30px;
    font-family:'Noto Serif KR', serif;
    color:#fff;
    display:none;
}
.case-box1 .main-case-slide a .cate {
    position:absolute; top:31px; left:0;
    padding:0 10px;
    background:#FFB500;
    font-weight:400; font-size:20px; line-height:33px;
    font-family:'Noto Serif KR', serif;
    color:#fff;
    text-align:right;
}
.sub .case-box1 .main-case-slide a .cate {
    color:#fff;
}
.case-box1 .main-case-slide a .date {
    display:block;
    margin-bottom:25px;
    font-weight:500; font-size:16px;
    font-family:'Montserrat', sans-serif;
    color:#666;
    text-align:right;
    letter-spacing:0;
}
.case-box1 .main-case-slide a .subject {
    overflow:hidden;
    display:block;
    width:100%;
    font-weight:700; font-size:19px;
    color:#333;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.case-box1 .main-case-slide a .bo-content {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    margin-top:12px;
    width:100%; height:72px;
    font-weight: 400; font-size:16px; line-height:24px;
    color:#666;
    word-break:break-all;
    text-align: justify;
    text-overflow:ellipsis;
}

.case-box1 .name {
    position:relative; z-index:11;
    margin-top: 0;
}
.case-box1 .name li {
    display:inline-block;
    vertical-align:middle;
}
.case-box1 .name li:first-child {
    width:calc(100% - 100px);
    font-weight: 300; font-size:16px;
    color:#333;
}
.case-box1 .name li:first-child  strong {
    font-weight: 500;
}
.case-box1 .name li:last-child {
    overflow:hidden;
    width:42px; height:42px;
    border-radius:50%;
}
.case-box1 .name li:last-child img {
    width:100%;
}
.case-box1 .main-case-slide a .more {
    display:block;
    margin-top:25px;
    font-weight:700; font-size:12px; line-height:1;
    font-family:'Montserrat', sans-serif;
    color:#2843a5;
    text-transform:uppercase;
    letter-spacing:0;
}
.case-box1 .main-case-slide a .more:after {
    content:'';
    display:inline-block;
    margin-left:9px;
    width:40px; height:1px;
    background:#2843a5;
}
.case-box1 .main-case-slide a .more img {
    display:inline-block;
    margin-left:9px;
    vertical-align:middle;
}
.case-box1 .main-case-slide:hover a:before {
    content:'';
    position:absolute; top:-1px; left:-1px;
    width:calc(100% + 2px); height:calc(100% + 2px);
    border:1px solid #2843a5;
    transition:.3s;
}
.case-box1 .main-case-slide:hover a {
    box-shadow:27px 2px 59px rgba(0,0,0,.12);
}

.sub-conts-wrap .case-box1 .main-case-slide a {
    border:1px solid #ddd;
}

@media screen and (min-width:641px) {
    .sub .case-box1 > li {
        margin-bottom:25px;
        width:33.333%;
    }
    .sub .case-box1 > li:nth-child(3n+1) {
        margin-left:0;
    }
}

@media screen and (max-width: 640px) {
    .case-box1 {
        left:0;
        padding:0 20px;
        width:100%;
    }
    .case-box1 .main-case-slide {
        width:100%;
    }
    .case-box1 .main-case-slide a .conts-wrap {
        padding:25px 25px 30px;
    }
    .case-box1 .main-case-slide a .cate {
        top:22px;
        width:100px;
        font-size:14px; line-height:24px;
    }
    .case-box1 .main-case-slide a .date {
        margin-bottom:20px;
        font-size:14px;
    }
    .case-box1 .main-case-slide a .subject {
        font-size:17px;
    }
    .case-box1 .main-case-slide a .bo-content {
        height:54px;
        font-size:13px; line-height:18px;
    }
    .case-box1 .name {
        margin-top:-40px;
    }
    .case-box1 .name li:first-child {
        width:calc(100% - 50px);
        font-size:13px;
    }
    .case-box1 .name li:last-child {
        width:50px; height:50px;
    }

    .case-box1 .main-case-slide a .more {
        margin-top:20px;
        font-size:11px;
    }
    .case-box1 .main-case-slide a .more:after {
        width:30px;
    }
}

/* 성공사례 유형 boxtyep2 - no image */

.case-box2 {
    position:relative; left:-11px;
    width:calc(100% + 22px);
    font-size:0;
}
.case-box2 .main-case-slide {
    display:inline-block;
    padding:11px;
    vertical-align:top;
}
.case-box2 .main-case-slide a {
    position:relative;
    display:block;
    box-shadow:5px 2px 10px rgba(19,21,25,.1);
}
.case-box2 .main-case-slide a > img {
    width:100%;
}
.case-box2 .main-case-slide a .conts-wrap {
    padding:60px 40px 30px;
    background:#fff;
    text-align:left;
}
.case-box2 .main-case-slide a .cate-name {
    position:absolute; top:-1px; left:-1px;
    padding:0 12px;
    background:#333;
    font-weight:400; font-size:16px; line-height:30px;
    color:#fff;
    display:none;
}
.case-box2 .main-case-slide a .cate {
    position:absolute; top:0; left:0;
    padding:0 10px;
    /*	width:117px; */
    background:#343841;
    font-weight:400; font-size:16px; line-height:30px;
    color:#fff;
    text-align:right;
}
.case-box2 .main-case-slide a .subject {
    overflow:hidden;
    display:block;
    width:100%;
    font-weight:700; font-size:19px;
    color:#333;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.case-box2 .main-case-slide a .bo-content {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    margin-top:12px; margin-bottom:50px;
    width:100%; height:72px;
    font-weight: 400; font-size:16px; line-height:24px;
    color:#666;
    word-break:keep-all;
    text-overflow:ellipsis;
}
.case-box2 .main-case-slide a .more {
    display:inline-block;
    width:calc(100% - 55px);
    font-weight:600; font-size:12px; line-height:1;
    font-family:'Poppins', sans-serif;
    color:#000;
    text-transform:uppercase;
    letter-spacing:0;
}
.case-box2 .main-case-slide a .more:after {
    content:'';
    display:inline-block;
    margin-left:9px;
    width:40px; height:1px;
    background:#b1977d;
}
.case-box2 .main-case-slide a .date {
    display:inline-block;
    width:55px;
    font-weight:500; font-size:16px;
    font-family:'Poppins', sans-serif;
    color:#666;
    text-align:right;
    letter-spacing:0;
}

.case-box2 .main-case-slide:hover a:before {
    content:'';
    position:absolute; top:-1px; left:-1px;
    width:calc(100% + 2px); height:calc(100% + 2px);
    border:1px solid #2843a5;
    transition:.3s;
}
.case-box2 .main-case-slide:hover a {
    box-shadow:27px 2px 59px rgba(0,0,0,.12);
}

.sub-conts-wrap .case-box2 .main-case-slide a {
    border:1px solid #ddd;
}


.case-box2 .slick-prev,
.case-box2 .slick-next {
    position:absolute; top:50%;
    margin-top:-30px;
    width:60px; height:60px;
    border:1px solid #35332c;
    font-size:0;
}
.case-box2 .slick-prev {
    left:-109px;
    background:url('/images/main/case_prev.png') no-repeat center center;
}
.case-box2 .slick-next {
    right:-109px;
    background:url('/images/main/case_next.png') no-repeat center center;
}

@media screen and (min-width:641px) {
    .sub .case-box2 > li {
        margin-bottom:25px;
        width:33.333%;
    }
    .sub .case-box2 > li:nth-child(3n+1) {
        margin-left:0;
    }
}

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

    .case-box2 .slick-track {
        width:100% !important;
    }
}
@media screen and (max-width: 640px) {
    .case-box2 {
        left:0;
        padding:0 20px;
        width:100%;
    }
    .case-box2 .main-case-slide {
        width:100%;
    }
    .case-box2 .main-case-slide a .conts-wrap {
        padding:40px 25px 25px;
    }
    .case-box2 .main-case-slide a .cate {
        width:100px;
        font-size:14px; line-height:24px;
    }
    .case-box2 .main-case-slide a .date {
        font-size:14px;
    }
    .case-box2 .main-case-slide a .subject {
        font-size:17px;
    }
    .case-box2 .main-case-slide a .bo-content {
        margin-bottom:20px;
        height:54px;
        font-size:13px; line-height:18px;
    }
    .case-box2 .main-case-slide a .more {
        font-size:11px;
    }
    .case-box2 .main-case-slide a .more:after {
        width:30px;
    }
}

/* 성공사례 유형 boxtype - 변호사 등록 기능 연동(최종버전 - swmin) */
.case-box-lawyer {
    position:relative;
    width:100%;
    text-align:left;
    font-size:0;
}
.case-box-lawyer .thum-img
{
    width: 100%;
    margin-bottom: 16px;
}
.case-box-lawyer .swiper-slide {
    display:inline-block;
    margin-right:30px;
    width:380px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.5);
    background:rgba(0,0,0,.06);
    vertical-align:top;
}
.case-box-lawyer .swiper-slide:hover {
    border-color:#b1885d;
}
.case-box-lawyer .swiper-slide a {
    position:relative;
    display:block;
    padding:40px 30px;
}
.case-box-lawyer .swiper-slide a:after {
    content:'';
    position:absolute; top:40px; right:30px;
    width:39px; height:54px;
    background:url('/images/main/case_label.png') no-repeat right top;
}
.case-box-lawyer .swiper-slide input[type="checkbox"] {
    display:block;
}
.case-box-lawyer .swiper-slide .cate-name {
    display:inline-block;
    padding:0 18px;

    background: #2843a5;
    font-weight: 300; font-size:16px; line-height:35px;
    color:#fff;
    text-align:center;
}
.case-box-lawyer .swiper-slide .subject {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    width:100%; height:64px;
    margin:30px 0;
    font-weight: 500; font-size:24px; line-height:34px;
    color:#fff;
    text-overflow:ellipsis;
    word-break:keep-all;
}
.case-box-lawyer .swiper-slide .bo-content {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
    width:100%; height:130px;
    font-weight: 300; font-size:16px; line-height:26px;
    color:#fff;
    word-break:keep-all;
    text-overflow:ellipsis;
}

.case-box-lawyer .swiper-slide .more {
    position:absolute; bottom:0; right:0;
    display:block;
    width:55px; height:55px;
    background:#6a5947 url('/images/main/main_case_arrow.png') no-repeat center center;
}
.case-box-lawyer .swiper-slide .name {
    margin-top:30px;
    text-align: left;
}
.case-box-lawyer .swiper-slide .name.main
{
    padding-right: 40px;
}
.case-box-lawyer .swiper-slide .name li {
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    margin-right: 14px;
}
.case-box-lawyer .swiper-slide .name li strong
{
    display: block;
    margin-top: 3px;
    font-weight: 500;
}

.case-box-lawyer .swiper-slide .name li img {
    width:70px; height:70px;
    border-radius:50%;
    margin-bottom: 5px;
}


.case-box-lawyer .swiper-slide .name li strong {
    font-weight: 500;
    font-size: 14px;
}

.board-conts .case-box-lawyer .swiper-slide .name li  {
    color:#333;
    text-align: center;
}
.board-conts .case-box-lawyer .swiper-slide .name .text-lawyer
{
    font-weight:300; font-size:14px;
    color:#333;
    margin-right: 12px;
    padding-top: 7px;
    border-radius: 0;
}
.board-conts .case-box-lawyer {
    width:calc(100% + 30px);
}

.main-case .swiper-button-prev ,
.main-case .swiper-button-next {
    z-index:555;
    margin-top:-21px;
    width:23px; height:42px;
}
.main-case .swiper-button-prev {
    left:-53px;
    background:url('/images/main/case_prev.png') no-repeat center center;
}
.main-case .swiper-button-next {
    right:-53px;
    background:url('/images/main/case_next.png') no-repeat center center;
}
.main-case .swiper-button-prev:after,
.main-case .swiper-button-next:after {
    display:none;
}

.case-more {
    display:block;
    margin:48px auto 0;
    width:250px;
    border:1px solid rgba(255,255,255,.6);
    background:rgba(0,0,0,.1);
    font-weight: 400; font-size:20px; line-height:76px;
    color:#fff;
    text-align:center;
    transition:.3s;
}
.case-more:hover {
    background:#fff;
    color:#6a5947;
}

@media screen and (max-width: 1200px) {
    .case-box-lawyer {
        width:calc(100% + 30px);
    }
}
@media screen and (max-width: 768px) {
    .case-box-lawyer {
        width:calc(100% + 20px);
    }
}
@media screen and (max-width: 640px) {
    .case-box-lawyer {
        width:100%;
    }
    .case-box-lawyer .swiper-slide {
        margin-right:15px !important;
        width:100%;
    }
    .case-box-lawyer .swiper-slide a {
        padding: 20px 20px 15px;
    }
    .case-box-lawyer .swiper-slide a:after {
        right:20px; top:20px;
        background-size:auto 30px;
    }
    .case-box-lawyer .swiper-slide .cate-name {
        padding:0 13px;
        font-size:14px; line-height:27px;
    }
    .case-box-lawyer .swiper-slide .subject {
        margin:15px 0;
        height:48px;
        font-size:18px; line-height:24px;
    }
    .case-box-lawyer .swiper-slide .bo-content {
        height:90px;
        font-size:13px; line-height:18px;
    }
    .case-box-lawyer .swiper-slide .name {
        margin-top:20px;
    }
    .case-box-lawyer .swiper-slide .name li {
        margin-right:10px;
        font-size: 13px;
    }
    .case-box-lawyer .swiper-slide .name li strong
    {
        font-size: 13px;
    }
    .case-box-lawyer .swiper-slide .name li img
    {
        width: 50px; height: 50px;
    }

    .case-box-lawyer .swiper-slide .more {
        width:40px; height:40px;
        background-size:auto 8px;
    }
    .case-more {
        margin-top:30px;
        width:160px;
        font-size:16px; line-height:50px;
    }
}

.board-conts {
    margin-top: 0; padding:0 0 80px;
    background:#fff;
}
.board-conts .inner {
    width:1200px;
}
.board-conts  .sub-conts-title {
    margin-bottom:30px;
}
.board-conts .case-box-lawyer .swiper-slide {
    width:calc(33.333% - 21px);
    border:1px solid #e6e6e6;
    background:#fff;
}
.case ~ .board-conts .case-box-lawyer .swiper-slide:nth-child(3n) {
    margin-right:0;
}
.sub-conts-wrap.board-conts .case-box-lawyer .swiper-slide {
    margin-bottom:30px;
}
@media screen and (min-width: 641px) {
    .case-box-lawyer .swiper-slide a {
        padding-top:30px;
        padding-bottom:30px;
    }
}
.board-conts .case-box-lawyer .swiper-slide a:after {
    display:none;
}
.board-conts .case-box-lawyer .swiper-slide .subject {
    display:block;
    height:auto;
    color:#1a1a1a;
    white-space:nowrap;
}
@media screen and (min-width: 641px) {
    .board-conts .case-box-lawyer .swiper-slide .subject {
        margin:17px 0;
        font-size:22px;
    }
}
.board-conts .case-box-lawyer .swiper-slide .bo-content {
    -webkit-line-clamp: 3;
    height:80px;
    color:#666;
}
.board-conts .case-box-lawyer .swiper-slide .more {
    position:relative;
    margin-top:25px;
    width:51px; height:13px;
    background: url('/images/sub/more_arrow.png') no-repeat 0 center;
}

@media screen and (max-width: 1200px) {
    .board-conts .inner {
        padding:0 30px;
        width:100%;
    }
    .board-conts .case-box-lawyer {
        width:100%;
    }
}
@media screen and (max-width: 768px) {
    .board-conts {
        margin-top:0; padding:10px 0 50px;
    }
    .board-conts .inner {
        padding:0 20px;
    }
}
@media screen and (max-width: 640px) {
    .member ~ .board-conts .case-box-lawyer {
        width:100%;
    }
    .board-conts .case-box-lawyer .swiper-slide {
        margin-right:0 !important;
        margin-bottom:15px;
        width:100%;
    }
    .board-conts .case-box-lawyer .swiper-slide .subject {
        margin:10px 0;
    }
    .board-conts .case-box-lawyer .swiper-slide .bo-content {
        height:36px;
    }
    .board-conts .case-box-lawyer .swiper-slide .more {
        margin-top:15px;
    }
}

/* 성공사례 유형 boxtype - 변호사 등록 기능 연동, 썸네일 리스트 형식 */

.case-image-list-lawyer {
    width:100%;
    text-align:left;
    font-size:0;
}
.case-image-list-lawyer > li {
    display:inline-block;
    margin:0 0 50px 45px;
    width:calc(33.3333% - 30px);
    box-sizing:border-box;
    box-shadow:29px 2px 65px rgba(0,0,0,.22);
    border:3px solid #fff;
    background: #fff;
    vertical-align:top;
    transition:.3s;
}
.case-image-list-lawyer > li:nth-child(3n+1) {
    margin-left: 0;
}
.case-image-list-lawyer > li:hover {
    border-color:#1334af;
}
.case-image-list-lawyer .thum-img
{
    width: 100%;
    margin-bottom: 16px;
}
.case-image-list-lawyer > li a {
    display:block;
    padding:25px 30px;
}
.case-image-list-lawyer > li input[type="checkbox"] {
    display:block;
}
.case-image-list-lawyer > li .cate-name {
    display:inline-block;
    padding:0 18px;
    margin-top: 9px;
    background: #c12720;
    font-weight: 400; font-size:14px; line-height:30px;
    color:#fff;
    text-align:center;
}
.case-image-list-lawyer > li .subject {
    overflow:hidden;
    display:block;
    margin:10px 0;
    font-weight: 600; font-size:23px; line-height:30px;
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.case-image-list-lawyer > li .bo-content {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    width:100%; height:46px;
    font-weight: 300; font-size:15px; line-height:22px;
    color:#666;
    word-break:break-word;
    text-overflow:ellipsis;
    text-align: justify;
}
.case-image-list-lawyer > li .more {
    margin:15px 0 -5px;
    display:block;
}
.case-image-list-lawyer > li .name {
    text-align:right;
    margin-top: 13px;
}
.case-image-list-lawyer > li .name li {
    display:inline-block;
    vertical-align:middle;
}

.case-image-list-lawyer > li .name li:first-child strong {
    display:block;
    margin-top:3px;
    font-weight: 500;
}
.case-image-list-lawyer > li .name li {
    overflow:hidden;
    margin-left: 12px;
    width:70px; height:70px;
    border-radius:50%;
}
.case-image-list-lawyer > li .name li img {
    width:100%; height:auto;
}

.case-image-list-lawyer > li .name .text-lawyer
{
    font-weight:300; font-size:14px;
    color:#333;
    margin-right: 12px;
    padding-top: 20px;
    border-radius: 0;

}

@media screen and (max-width: 1024px) {
    .case-image-list-lawyer > li {
        margin:0 0 30px 30px;
        width:calc(33.3333% - 20px);
    }
    .case-image-list-lawyer > li a {
        padding:25px;
    }
}
@media screen and (max-width: 768px) {
    .case-image-list-lawyer > li {
        margin:0 0 30px 30px;
        width:calc(50% - 15px);
    }
    .case-image-list-lawyer > li:nth-child(3n+1) {
        margin-left: 30px;
    }
    .case-image-list-lawyer > li:nth-child(2n+1) {
        margin-left: 0;
    }
}
@media screen and (max-width: 640px) {
    .case-image-list-lawyer > li {
        margin:0 0 20px 0;
        width:100%;
    }
    .case-image-list-lawyer > li:nth-child(3n+1) {
        margin-left: 0;
    }
    .case-image-list-lawyer > li a {
        padding:20px;
    }
    .case-image-list-lawyer > li .cate-name {
        padding:0 12px;
        font-size:13px; line-height: 24px;
    }
    .case-image-list-lawyer > li .subject {
        margin:10px 0;
        font-size:18px; line-height:24px;
    }
    .case-image-list-lawyer > li .bo-content {
        height:72px;
        font-size:14px; line-height: 18px;
    }
    .case-image-list-lawyer > li .more {
        height:12px;
    }
    .case-image-list-lawyer > li .more img {
        width:auto; height:100%;
    }

    .case-image-list-lawyer > li .name li {
        margin-left: 10px;
        width:50px; height:50px;
    }
    .case-image-list-lawyer > li .name .text-lawyer
    {
        font-size:13px;
        padding-top: 9px;
    }
}

/* 성공사례 7 변호사 리스트, 온라인 상담*/

/*
	board quick
*/
.board-wrap {
    display:table;
    margin:0 auto; padding:75px 0 125px;
    width:1200px;
    table-layout:fixed;
}
.board-wrap .sub-conts-wrap {
    padding:0;
    display:table-cell;
    width:auto;
    vertical-align:top;
}
.board-quick {
    display:table-cell;
    vertical-align:top;
    padding-left:50px;
    width:350px;
}
.board-quick .board-quick-inner > div > h1 {
    margin-top:50px;
    margin-bottom:15px;
    font-weight:500; font-size:20px;
    color:#1a1a1a;
}
.board-quick .board-quick-inner > div > h1:first-child {
    margin-top:0;
}
.board-quick .board-quick-inner .view-online
{
    margin-top: 50px;
}
.board-quick .board-quick-inner {
    width:100%;
}
.board-quick .board-quick-lawyer {

}
.board-quick .board-quick-lawyer li {
    margin-bottom:10px;
}
.board-quick .board-quick-lawyer li a {
    position:relative;
    display:block;
    padding:20px;
    border:1px solid #e6e6e6;
    font-size:0;
}
.board-quick .board-quick-lawyer li a:after {
    content:'';
    position:absolute; top:0; right:20px;
    width:19px; height:100%;
    background:url('/images/sub/board_quick_arrow.png') no-repeat right center;
}
.board-quick .board-quick-lawyer li .photo-wrap {
    overflow:hidden;
    display:inline-block;
    width:48px; height:48px;
    border-radius:50%;
    vertical-align:top;
}
.board-quick .board-quick-lawyer li .photo-wrap img {
    width:100%;
}
.board-quick .board-quick-lawyer li .name {
    display:inline-block;
    padding-left:16px; padding-right:20px;
    width:calc(100% - 48px);
    font-weight:300; font-size:20px; line-height:48px;
    color:#1a1a1a;
    letter-spacing:-1px;
    vertical-align:top;
}
.board-quick .board-quick-lawyer li .name strong {
    font-weight:500;
}
.board-quick .online-form {
    padding:20px 20px 30px;
    border:1px solid #e6e6e6;
}
.board-quick .online-form li label {
    display:block;
    margin-top:20px; margin-bottom:10px;
    font-weight:500; font-size:14px; line-height:1;
    color:#1a1a1a;
}
.board-quick .online-form li:first-child label {
    margin-top:0;
}
.board-quick .online-form li input,
.board-quick .online-form li select {
    padding:0 14px;
    width:100%; height:40px;
    border:1px solid #e6e6e6;
    font-weight:300; font-size:14px;
    color:#999;
}
.board-quick .online-form .tel-info {
    margin:20px 0;
    font-weight:300; font-size:14px;
    color:#1a1a1a;
}
.board-quick .online-form .check {
    font-size:0;
}
.board-quick .online-form .check input {
    display:inline-block;
    width:16px; height:16px;
    vertical-align:top;
}
.board-quick .online-form .check label {
    display:inline-block;
    padding-left:10px;
    width:calc(100% - 16px);
    font-weight:300; font-size:14px; line-height: 16px;
    color:#666;
}
.board-quick .online-form .btn-wrap {
    margin-top:30px;
}
.board-quick .online-form .btn-wrap button {
    width:100%; height:48px;
    border:0 none;
    background:#f66d25;
    font-weight:500; font-size:14px;
    color:#fff;
    text-align:center;
}

@media screen and (max-width: 1200px) {
    .board-wrap {
        padding:75px 30px 125px;
        width:100%;
    }
}
@media screen and (max-width: 1024px) {
    .board-wrap {
        display:block;
    }
    .board-wrap .sub-conts-wrap {
        display:block;
        width:100%;
    }
    .board-quick {
        display:block;
        margin-top: 40px;
        padding-left:0;
        width:100%;
    }
    .board-quick .board-quick-inner {
        width:100%;
        font-size:0;
    }
    .board-quick .board-quick-inner > div {
        display:inline-block;
        margin-left:20px;
        width:calc(50% - 10px);
        vertical-align:top;
    }
    .board-quick .board-quick-inner > div:first-child {
        margin-left:0;
    }
}
@media screen and (max-width: 768px) {
    .board-wrap {
        padding:55px 20px 70px;
    }
}
@media screen and (max-width: 640px) {
    .board-wrap {
        padding:45px 20px 50px;
    }
    .board-quick .board-quick-inner > div {
        margin-left:0;
        width:100%;
    }
    .board-quick .board-quick-inner > div:first-child {
        margin-bottom:20px;
    }
}

/* ----------------- */

/*갤러리 게시판 type 1 */

.gallery1-list {
    width:100%;
    text-align:left;
    font-size:0;
}
.gallery1-list > li {
    display:inline-block;
    margin:0 0 50px 27px; /*padding:30px 50px;*/
    /*	width:calc(100% / 3 - 14px);*/
    width: 372px;
    /*	height: 382px; */
    box-sizing:border-box;
    vertical-align:top;
    transition:.3s;
}
.gallery1-list > li:hover {
    /*	border:1px solid #d9bc91;
	background: #fff;*/
    box-shadow:15px 0 20px rgba(0,0,0,.1);
}
.gallery1-list > li:nth-child(3n+1) {
    margin-left: 0;
}
.gallery1-list > li a {
    display:block;
}
.gallery1-list li .thum
{
    overflow: hidden;
}
.gallery1-list > li a img {
    margin-bottom: 0; width:100%;
    transition:.5s;
}
.gallery1-list > li a:hover img {
    transform:scale(1.10);

    transition:.5s;
}

.gallery1-list .cate-name {
    letter-spacing: -1px;
    padding-bottom: 5px;
    font-size: 15px;
    display: inline-block;
    color: #a08344;
    border-bottom: 2px solid #a38b48;
    margin-bottom: 13px;
}
.gallery1-list strong {
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    margin:15px 0 35px;
    height:54px;
    font-weight: 700; font-size:19px;
    color:#333;
    word-break:keep-all;
}
.gallery1-list.photo strong {
    margin:3px 0 4px;
}
.gallery1-list .date {
    font-size: 15px;
    letter-spacing: -1px;
    color: #797979;

}

.gallery1-list .bo-content {
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    height:90px;
    font-weight: 300; font-size:16px; line-height:22px;
    color:#888;
}

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

    padding: 13px 15px;
    height: 140px;
    box-sizing: border-box;
}

.gallery1-list .test
{
    border: 1px solid #c3c3c3;
    padding: 13px 15px 0;
    height: 140px;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .gallery1-list > li {
        margin:0 0 20px 20px; padding:0;
        width:calc(50% - 10px);
    }
    .gallery1-list > li:nth-child(3n+1) {
        margin-left: 20px;
    }
    .gallery1-list > li:nth-child(2n+1) {
        margin-left: 0;
    }
    .gallery1-list .cate-name {
        font-size:14px;
    }
    .gallery1-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;
    }
    .gallery1-list .cont .bo-content {
        height:40px;
        font-size:14px; line-height: 20px;
    }
}
@media screen and (max-width: 480px) {
    .gallery1-list > li {
        margin-left: 0; margin-bottom: 15px;
        width:100%;
    }
    .gallery1-list > li:nth-child(3n+1) {
        margin-left: 0;
    }

    .succe_con{
        font-size:16px;
    }

    .conf_content2{
        font-size: 12px;
    }

}

/*갤러리 게시판 type 2 */


.gallery2-list {
    font-size:0;
    margin-top: 15px;
}
.member ~ .board-conts .gallery2-list {
    position:relative; left:-30px;
    width:calc(100% + 30px);
}
.gallery2-list li {
    display:inline-block;
    margin-left:30px;
    width:calc(33.333% - 20px);
    vertical-align:top;
}
.gallery2-list li:nth-child(3n+1)
{
    margin-left: 0;
}
.sub-conts-wrap .gallery2-list li {
    margin-bottom:20px;
    border: 1px solid #97a2b3;
}
.notice ~ .sub-conts-wrap .gallery2-list li:nth-child(3n+1) {
    margin-left:0;
}
.gallery2-list li a {
    overflow:hidden;
    display:block;
    background:#fff;
}
.gallery2-list li img {
    width:100%;
    transition:.3s;
    border: 1px solid #e6e6e6;
}
.gallery2-list li:hover a img {
    transform: scale(1.05);
}
.gallery2-list li .subject {
    overflow:hidden;
    display:block;
    margin:0 0 10px;
    font-size:22px;
    color:#1a1a1a;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.gallery2-list li .text-wrap {
    padding:20px 28px;
    border:1px solid #e6e6e6;
    border-top:0 none;
}
.gallery2-list li .bo-content {
    overflow:hidden;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    width:100%; height:52px;
    font-weight: 300; font-size:16px; line-height:26px;
    color:#666;
    word-break:keep-all;
    text-overflow:ellipsis;
}
.gallery2-list li .date {
    display:block;
    margin-bottom:15px;
    font-weight: 500; font-size:13px;
    font-family: 'Montserrat', sans-serif;
    color:#808080;
    letter-spacing:0;
}
.gallery2-list li .date strong {
    position:relative; left:-5px;
    display:block;
    font-weight:500; font-size:50px; line-height:1;
}

.gallery2-list .conts-wrap
{
    padding:15px 25px 30px;
    text-align:left;
}
@media screen and (max-width: 640px) {
    .member ~ .board-conts .gallery2-list {
        left:auto;
        width:100%;
    }
    .gallery2-list li {
        margin-left:0; margin-bottom:15px;
        width:100%;
    }
    .gallery2-list li .text-wrap {
        padding:20px;
    }
    .gallery2-list li .date {
        margin-bottom:7px;
        font-size:11px;
    }
    .gallery2-list li .date strong {
        left:-3px;
        font-size:35px;
    }
    .gallery2-list li .subject {
        font-size:18px;
    }
    .gallery2-list li .bo-content {
        height:36px; font-size:13px; line-height:18px;
    }
}

.sub .slick-dots {
    position:relative; bottom:auto;
}
.sub .slick-dots li.slick-active button {
    background-color:#b1885d;
}
.sub .slick-dots li button {
    background-color:#ddd;
}

.sub .slick-prev,
.sub .slick-next {
    margin-top:-15.5px;
    width:32px; height:31px;
}
.sub .slick-prev {
    left:-60px;
}
.sub .slick-next {
    right:-30px;
}
.sub .gallery2-list .slick-prev {
    left:-30px;
}
.sub .gallery2-list .slick-next {
    right:-60px;
}
.sub .slick-prev:before {
    background: url('/images/sub/btn_prev.png') no-repeat center center;
}
.sub .slick-next:before {
    background: url('/images/sub/btn_next.png') no-repeat center center;
}

/*갤러리 게시판 type 3 */

.gallery3-list {
    width:100%;
    text-align:left;
    font-size:0;
}
.gallery3-list > li {
    display: inline-block;
    margin: 0 0 50px 19px;
    /* padding: 30px 50px; */
    width: calc(100% / 4 - 16px);
    width: 320px;
    /* height: 382px; */
    box-sizing: border-box;
    vertical-align: top;
    transition: .3s;
}
.gallery3-list > li:hover {
    /*	border:1px solid #d9bc91;
	background: #fff;*/
    box-shadow:15px 0 20px rgba(0,0,0,.1);
}
.gallery3-list > li:nth-child(4n+1) {
    margin-left: 0;
}
.gallery3-list > li a {
    display:block;
}
.gallery3-list li .thum
{
    overflow: hidden;
}
.gallery3-list > li a img {
    margin-bottom: 0; width:100%;
    transition:.5s;
}
.gallery3-list > li a:hover img {
    transform:scale(1.10);

    transition:.5s;
}

.gallery3-list .cate-name {
    letter-spacing: -1px;
    padding-bottom: 5px;
    font-size: 13px;
    display: inline-block;
    color: #a08344;
    border-bottom: 2px solid #a38b48;
    margin-bottom: 5px;
}
.gallery3-list strong {
    overflow: hidden;
    display: block !important;
    font-weight: 500;
    font-size: 19px;
    color: #111;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gallery3-list.photo strong {
    margin:3px 0 4px;
}
.gallery3-list .date {
    font-size: 15px;
    letter-spacing: -1px;
    color: #797979;

}

.gallery3-list .bo-content {
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    height:90px;
    font-weight: 300; font-size:16px; line-height:22px;
    color:#888;
}

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

    padding: 0;
    height: 60px;
    box-sizing: border-box;
}

.gallery3-list .test
{
    border: 1px solid #c3c3c3;
    padding: 13px 15px 0;
    height: 140px;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .gallery3-list > li {
        margin:0 0 20px 20px; padding:0;
        width:calc(50% - 10px);
    }
    .gallery3-list > li:nth-child(3n+1) {
        margin-left: 20px;
    }
    .gallery3-list > li:nth-child(2n+1) {
        margin-left: 0;
    }
    .gallery3-list .cate-name {
        font-size:14px;
    }
    .gallery3-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;
    }
    .gallery3-list .cont .bo-content {
        height:40px;
        font-size:14px; line-height: 20px;
    }
}
@media screen and (max-width: 480px) {
    .gallery3-list > li {
        margin-left: 0; margin-bottom: 15px;
        width:100%;
    }
    .gallery3-list > li:nth-child(3n+1) {
        margin-left: 0;
    }
}


/*온라인상담 online1 글쓰기 */
.online-box {
    display:table;
    width:100%;
    table-layout:fixed;
}
.online-box > section {
    display:table-cell;
    width:50%;
    vertical-align:top;
}

.online-box .board-list {
    padding:75px 80px;
    background:#dce2e9;
}
.online-box .board-list .split {
    margin-bottom:16px;
}
.online-box .board-list .split dl {
    font-size:0;
}
.online-box .board-list .split dl dt,
.online-box .board-list .split dl dd {
    display:inline-block;
    vertical-align:top;
}
.online-box .board-list .split dl dt {
    padding-top:13px;
    width:100px;
    font-weight:300; font-size:14px; line-height:1.5;
    color:#333;
}
.online-box .board-list .split dl dt.no-pt {
    padding-top:0;
}
.online-box .board-list .split dl dt .required {
    display:inline-block;
    background:none !important;
    font-size:16px;
    color:#ca1d1d;
    vertical-align:top;
}
.online-box .board-list .split dl dd {
    width:calc(100% - 100px);
}
.online-box .board-list .split dl dd input[type="text"],
.online-box .board-list .split dl dd input[type="tel"] {
    padding:0 20px;
    width:91%; height:50px;
    border:1px solid #333;
    background:#fff;
    font-weight:300; font-size:14px;
    color:#333;
}
.online-box .board-list .split dl dd input[type="text"]:placeholder {
    color:#9d9d9d;
}
.online-box .board-list .split dl dd textarea {
    padding:10px 20px;
    width:100%; height:115px !important;
    border:1px solid #333;
    background:#fff;
    font-weight:300; font-size:14px;
    font-family:'Noto Sans KR', dotum, sans-serif;
    color:#333;
    resize:none;
}
.online-box .board-list .split dl dd textarea:placeholder {
    color:#9d9d9d;
}
.online-box .board-list .split dl dd span {
    display:inline-block;
    margin-bottom:10px;
    font-weight:300; font-size:14px;
    color:#555;

}
.online-box .board-list .split dl dd .won {
    display:inline-block;
    margin-bottom:0;
    font-weight:300; font-size:14px;
    color:#555;

}
.online-box .board-list .split > span
{
    padding-bottom: 13px;
    /* width: 100px; */
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    display: block;

}

.online-box .board-list .split ul {
    margin-bottom:-8px;
    font-size:0;
}
.online-box .board-list .split ul li {
    display:inline-block;
    margin-bottom:8px;
    width:33.333%;
    font-size:0;
    vertical-align:top;
}
.online-box .board-list .split ul li input {
    display:none;
}
.online-box .board-list .split ul li label {
    display:inline-block;
    font-weight:300; font-size:14px; line-height:20px;
    color:#666;
    vertical-align:top;
}
.online-box .board-list .split ul li label:before {
    content:'';
    display:inline-block;
    margin-right:7px;
    width:20px; height:20px;
    border:1px solid #444;
    vertical-align:top;
}
.online-box .board-list .split ul li input:checked + label:before {
    background:#444 url('/images/sub/input_check.png') no-repeat center center;
}
.online-box .board-list .split ul li.full {
    display:block;
    width:100%;
}
.online-box .board-list .split ul li input[type="text"].input-line {
    display:inline-block;
    width:calc(100% - 70px); height:20px;
    border:0 none; border-bottom:1px solid #878a8e;
    background:none;
}
.online-box .board-list .split ul li.full label {
    margin-right:19px;
}
.online-board-wrap .board-list .btn_confirm .btn_submit {
    width:100%; max-width:none; height:65px;
    border:0 none;
    background:#6478c1;
    box-shadow:28px 19px 46px rgba(0,0,0,.15) !important;
    font-weight:400; font-size:18px;
}
.online-board-wrap .board-list .btn_confirm .btn_submit img {
    position:relative; top:-1px;
    margin-left:10px;
}

.online-box .online-img {
    background:url('/images/sub/online_bg.jpg') no-repeat center top;
    background-size:cover;
}

@media screen and (max-width: 1440px) {
    .online-box .board-list {
        padding:5% 3%;
    }
}
@media screen and (max-width: 950px) {
    .online-box {
        display:block;
    }
    .online-board-wrap .board-list {
        display:block;
        width:100%;
    }
    .online-box .online-img {
        display:block;
        padding-top:30%;
        width:100%;
    }
}
@media screen and (max-width: 767px) {
    .online-box .board-list {
        padding:30px;
    }
    .online-box .board-list .split {
        margin-bottom:20px;
    }
    .online-box .board-list .split dl dt {
        display:block;
        margin-bottom:3px; padding-top:0;
        width:100%;
    }
    .online-box .board-list .split dl dt br {
        display:none;
    }
    .online-box .board-list .split dl dd {
        width:100%;
    }
    .online-box .board-list .split dl dd input[type="text"], .online-box .board-list .split dl dd input[type="tel"] {
        padding:0 10px;
        height:40px;
        font-size:11px;
    }
    .online-box .board-list .split ul li {
        width:50%;
    }
    .online-box .board-list .split dl dd textarea {
        padding:7px 10px;
        font-size:11px;
    }

    .online-board-wrap .board-list .btn_confirm .btn_submit {
        height:45px;
        font-size:15px;
    }
    .online-board-wrap .board-list .btn_confirm .btn_submit img {
        margin-left:6px;
        height:6px;
    }
}


/* 온라인상담신청 글쓰기 */
/*
.online-board-wrap {}
.online-board-wrap .board-list {
	display:table-cell;
	padding:70px 80px;
	width:50%;
	background:#dce2e9;
	vertical-align:middle;
}
.online-board-wrap .board-list .split {
	margin-bottom:6px;
	font-size:0;
}
.online-board-wrap .board-list .split dt {
	display:inline-block;
	width:102px;
	background:#fff;
	font-weight:400; font-size:16px; line-height:55px;
	color:#666;
	text-align:right;
	vertical-align:top;
}
.online-board-wrap .board-list .split dt .required {
	background:none !important;
	color:#ca1d1d;
}
.online-board-wrap .board-list .split dd {
	display:inline-block;
	width:calc(100% - 102px);
	vertical-align:top;
}
.online-board-wrap .board-list .split dd input[type="text"] ,
.online-board-wrap .board-list .split dd input[type="tel"] ,
.online-board-wrap .board-list .split dd select ,
.online-board-wrap .board-list .split dd textarea {
	padding:0 15px 0 5px;
	width:100%; height:55px;
	border:0 none;
	background:#fff;
	font-weight:400; font-size:16px; line-height:55px;
	font-family:'Noto Sans KR', sans-serif;
	color:#222;
}

.online-board-wrap .board-list .split.full p {
	margin:32px 0 10px;
	font-weight:300; font-size:14px;
	color:#555;
	word-break:keep-all;
}
.online-board-wrap .board-list .split.full dt {
	display:none;
}
.online-board-wrap .board-list .split.full dd {
	width:100%;
}
.online-board-wrap .board-list .split dd textarea {
	padding:20px 35px;
	height:130px !important;
	line-height:1.5;
}
.online-board-wrap .board-list .split dd select::placeholder ,
.online-board-wrap .board-list .split dd textarea::placeholder {
	color:rgba(106,106,106,.5);
}

.online-board-wrap .board-list .btn_confirm .btn_submit {
	width:100%; max-width:none; height:65px;
	border:0 none;
	background:#6478c1;
	box-shadow:28px 19px 46px rgba(0,0,0,.15) !important;
	font-weight:400; font-size:18px;
}
.online-board-wrap .board-list .btn_confirm .btn_submit img {
	position:relative; top:-1px;
	margin-left:10px;
}


.online-box .online-img {
	display:table-cell;
	width:50%;
	background:url('/images/sub/online_bg.jpg') no-repeat center top;
	background-size:cover;
	vertical-align:middle;
}

@media screen and (max-width: 1440px) {
	.online-board-wrap .board-list {
		padding:50px;
	}
}
@media screen and (max-width: 950px) {
	.online-box {
		display:block;
	}
	.online-board-wrap .board-list {
		display:block;
		width:100%;
	}
	.online-box .online-img {
		display:block;
		padding-top:30%;
		width:100%;
	}
}
@media screen and (max-width: 767px) {
	.online-board-wrap .board-list {
		padding:25px;
	}

	.online-board-wrap .board-list .split dt {
		width:80px;
		font-size:13px; line-height:40px;
	}
	.online-board-wrap .board-list .split dd {
		width:calc(100% - 80px);
	}
	.online-board-wrap .board-list .split dd input[type="text"],
	.online-board-wrap .board-list .split dd input[type="tel"],
	.online-board-wrap .board-list .split dd select,
	.online-board-wrap .board-list .split dd textarea {
		height:40px;
		font-size:13px;
	}
	.online-board-wrap .board-list .split dd textarea {
		padding:15px 25px;
		height:100px;
	}
	.online-board-wrap .board-list .split.full p {
		margin:25px 0 7px;
		font-size:12px;
	}

	.online-board-wrap .board-list .btn_confirm .btn_submit {
		height:45px;
		font-size:15px;
	}
	.online-board-wrap .board-list .btn_confirm .btn_submit img {
		margin-left:6px;
		height:6px;
	}
}
*/




.sub-conts-wrap.case {
    padding-left:120px; padding-right:120px;
}
.case-table table {
    width:100%;
}
.case-table .case-header {
    display:flex;
    width:100%;
}
.case-table .case-header li {
    display:flex;
    flex-grow:1;
    justify-content:center;
    padding:19px 5px;
    background:#eef1f3;
    font-weight:500; font-size:16px;
    color:#464f54;
}
.case-table .case-table-conts {
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
.case-table .case-table-conts a
{
    width: 100%;
}
.case-table .case-table-conts-box {
    display:flex;
    width:100%;
}
.case-table .case-table-conts-box:nth-of-type(even) {
    background:#f6f8fa;
}
.case-table .case-table-conts-box > div {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-grow:1;
    padding:20px 5px;
    text-align:center;
}
.case-table .case-table-conts-box > div div {
    font-weight:400; font-size:18px;
    font-family:'Outfit', 'Noto Sans KR', sans-serif;
    color:#313131;
    word-break:keep-all;
}
.case-table .case-table-conts-box .num {
    width:12%;
    font-weight:400; font-size:18px;
    font-family:'Outfit', 'Noto Sans KR', sans-serif;
    color:#313131;
    word-break:keep-all;
}
.case-table .case-table-conts-box .conts-top {
    display:flex;
    width:65%;
}
.case-table .case-table-conts-box .conts-top > div {
    width:20%;
}
.case-table .case-table-conts-box .conts-top ul {
    display:flex;
    align-items:center;
    justify-content:center;
    width:80%;
}
.case-table .case-table-conts-box .conts-top ul li {
    width:25%;
    font-weight:400; font-size:18px;
    font-family:'Outfit', 'Noto Sans KR', sans-serif;
    color:#313131;
}
.case-table .case-table-conts-box > div img {
    max-width:100%;
    border:3px solid #e0e0e0;
}
.case-table .case-table-conts-box > div span {
    padding:10px 23px 8px;
    border-radius:18px;
    background:#3e65ed;
    font-weight:500; font-size:15px;
    font-family: 'GmarketSans', sans-serif;
    color:#fff;
}
.case-table .case-table-conts-box > div.conts {
    padding-left:2%; padding-right:2%;
    width:23%;
    justify-content:start;
}
.case-table .case-table-conts-box > div.conts {
    font-size:13px; line-height:1.5;
    color:#666;
    letter-spacing:-.3px;
    text-align:left;
}

@media screen and (max-width: 1440px) {
    .sub-conts-wrap.case {
        padding-left:30px; padding-right:30px;
    }
}
@media screen and (max-width: 1200px) {
    .sub-conts-wrap.case {
        padding-left:30px; padding-right:30px;
    }
}
@media screen and (max-width: 1024px) {
    .case-table .case-header {
        position:relative;
        flex-wrap:wrap;
        padding:5px;
        padding-left:15%;
        background:#eef1f3;
    }
    .case-table .case-header li {
        padding:5px;
        width:33.333% !important;
        align-items:center;
        font-size:14px;
    }
    .case-table .case-header li:first-child {
        position:absolute; top:0; left:0;
        width:15% !important; height:100%;
    }
    .case-table .case-table-conts-box {
        position:relative;
    }
    .case-table .case-table-conts-box .num {
        position:absolute; top:0; left:0;
        width:13px;
        font-size:0;
    }
    .case-table .case-table-conts-box .conts-top {
        width:50%;
    }
    .case-table .case-table-conts-box .conts-top > div {
        width:50%;
    }
    .case-table .case-table-conts-box .conts-top ul {
        width:50%;
        flex-wrap:wrap;
    }
    .case-table .case-table-conts-box .conts-top ul li {
        margin:5px 0;
        width:100%;
    }
    .case-table .case-table-conts-box > div.conts {
        padding:3% 5%;
        width:50%;
    }
}
@media screen and (max-width: 768px) {
    .sub-conts-wrap.case {
        padding-left:20px; padding-right:20px;
    }
    .case-table .case-table-conts-box > div img {
        max-width:60%;
    }
    .case-table .case-table-conts-box > div div ,
    .case-table .case-table-conts-box .conts-top ul li {
        font-size:14px;
    }
    .case-table .case-table-conts-box > div span {
        padding:7px 12px 5px;
        font-size:12px;
    }
}

.sub-conts-wrap .video-wrap {
    position:relative;
    margin-bottom:2%;
    padding-top:56.25%;
}
.sub-conts-wrap .video-wrap iframe {
    position:absolute; top:0; left:0;
    width:100%; height:100% !important;
}

@media (max-width: 768px) {

    .quickNav a{
        width: 60px;
        padding: 10px;
    }

    .quickNav i{
        font-size: 30px;
    }

    .quickNav p{
        font-size: 11px;
        margin:0;
    }

}
/*#floating_menu {*/
/*    position:fixed; top:50%; right:0; z-index:100;*/
/*    margin-top:-120px;*/
/*    text-align:right;*/
/*}*/
/*#floating_menu > li a {*/
/*    display:inline-block;*/
/*    width:220px;*/
/*    height:380px;*/
/*    padding:0 0;*/
/*    color:#222;*/
/*    letter-spacing:-0.04rem;*/
/*    text-align:center;*/
/*    background:#fff;*/

/*}*/
/*#floating_menu > li a img {*/
/*    display:inline-block;*/
/*    vertical-align:middle;*/
/*}*/
/*#floating_menu > li a strong {*/
/*    display:none;*/
/*    color:#fff;*/
/*    vertical-align:middle;*/
/*    font-size:15px;*/
/*    font-weight:500;*/
/*    padding-left:4px;*/
/*}*/

/*@media screen and (max-width: 1200px) {*/
/*    #floating_menu {*/
/*        display:none;*/
/*    }*/
/*}*/

#floating_online_fake {
    display:none;
}
@media screen and (max-width: 1200px) {
    #floating_online_fake {
        display:block;
        position:fixed; bottom:0; left:0; z-index:100;
        width:100%;
        height:60px;
        background:#000000;
        padding:10px 10px;
        border-top:1px solid #bababa;
        font-size:0;
    }
    #floating_online_fake h3 {
        display:inline-block;
        width:200px;
        color:#fff;
        font-size:14px;
        letter-spacing:-0.03rem;
        line-height:20px;
        font-weight:500;
        padding:0;
        border-right:1px solid #fff;
        vertical-align:middle;
    }
    #floating_online_fake h3 span {
        color:#ed1b23;
    }
    #floating_online_fake h3 a {
        display:block;
        color:#fff;
        font-size:18px;
    }
    #floating_online_fake .btn {
        display:inline-block;
        width:calc(100% - 220px);
        height:35px;
        margin-left:20px;
        background:#2c4c95;
        color:#fff;
        font-size:16px;
        letter-spacing:-0.03rem;
        text-align:center;
        line-height:35px;
        vertical-align:middle;
    }
}