@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Outfit:wght@100;200;300;400;500;600;700;800;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;
}

/* fonts
------------------------------------------------------ */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face{
	font-family:'Montserrat-Medium';
	font-weight:500;
	src: url('/fonts/Montserrat-Medium.ttf') format('ttf');
		url('/fonts/Montserrat-Medium.woff') format('woff'),
}

@font-face {
	font-family:'Montserrat';
	font-weight:400;
	src:url('/fonts/Montserrat-Regular.eot');
	src:local(※), url('/fonts/Montserrat-Regular.woff') format('woff');
}
@font-face {
	font-family:'Montserrat';
	font-weight:500;
	src:url('/fonts/Montserrat-Medium.eot');
	src:local(※), url('/fonts/Montserrat-Medium.woff') format('woff');
}


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

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


@font-face {
  font-family: "NanumSquareRoundL";
  font-style: normal;
  font-weight: 300;
  src: local("/fonts/NanumSquareRoundL"), /* computer */
    url("/fonts/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("/fonts/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */
    url("/fonts/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
    url("/fonts/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRoundR";
  font-style: normal;
  font-weight: 400;
  src: local("/fonts/NanumSquareRoundR"), /* computer */
    url("/fonts/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("/fonts/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */    
    url("/fonts/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("/fonts/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRoundB";
  font-style: normal;
  font-weight: 700;
  src: local("/fonts/NanumSquareRoundB"), /* computer */
    url("/fonts/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("/fonts/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("/fonts/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("/fonts/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRoundEB";
  font-style: normal;
  font-weight: 800;
  src: local("/fonts/NanumSquareRoundEB"), /* computer */
    url("/fonts/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("/fonts/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("/fonts/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url("/fonts/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* noto-serif-kr-200 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/noto-serif-kr-v6-korean-200.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR ExtraLight'), local('NotoSerifKR-ExtraLight'),
       url('/fonts/noto-serif-kr-v6-korean-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-serif-kr-v6-korean-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-200.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-serif-kr-v6-korean-200.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-300 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/noto-serif-kr-v6-korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Light'), local('NotoSerifKR-Light'),
       url('/fonts/noto-serif-kr-v6-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-serif-kr-v6-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-serif-kr-v6-korean-300.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-regular - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/noto-serif-kr-v6-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR'), local('NotoSerifKR-Regular'),
       url('/fonts/noto-serif-kr-v6-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-serif-kr-v6-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-serif-kr-v6-korean-regular.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-500 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/noto-serif-kr-v6-korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Medium'), local('NotoSerifKR-Medium'),
       url('/fonts/noto-serif-kr-v6-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-serif-kr-v6-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-serif-kr-v6-korean-500.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-600 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/noto-serif-kr-v6-korean-600.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR SemiBold'), local('NotoSerifKR-SemiBold'),
       url('/fonts/noto-serif-kr-v6-korean-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-serif-kr-v6-korean-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-serif-kr-v6-korean-600.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-700 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/noto-serif-kr-v6-korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Bold'), local('NotoSerifKR-Bold'),
       url('/fonts/noto-serif-kr-v6-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-serif-kr-v6-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-serif-kr-v6-korean-700.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-900 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/noto-serif-kr-v6-korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Black'), local('NotoSerifKR-Black'),
       url('/fonts/noto-serif-kr-v6-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-serif-kr-v6-korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-serif-kr-v6-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-serif-kr-v6-korean-900.svg#NotoSerifKR') 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;
} 


/* GmarketSansLight */ 
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* GmarketSansMedium */ 
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* GmarketSansBold */ 
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family:'Ubuntu';
	font-weight:700;
	src:url('/fonts/Ubuntu-Bold.eot'); 
	src:local(※), url('/fonts/Ubuntu-Bold.woff') format('woff');
}


@font-face {
  font-family: 'NanumSquareR';
  src: local('NanumSquareR'),
       url('/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumSquareR.woff') format('woff'),
       url('/fonts/NanumSquareR.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'NanumSquareL';
  src: local('NanumSquareL'),
       url('/fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumSquareL.woff') format('woff'),
       url('/fonts/NanumSquareL.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'NanumSquareB';
  src: local('NanumSquareB'),
       url('/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumSquareB.woff') format('woff'),
       url('/fonts/NanumSquareB.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}


/* 팝업레이어 */
#hd_pop {z-index:888;/* position:relative; */margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;z-index:888;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

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


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

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


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

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

/* 게시판카테고리 */
#bo_cate { 
	margin-bottom: 25px; 
	width:100%; padding-bottom: 15px; 
	border-bottom:1px solid #ccc; 
	text-align:center;
}
#bo_cate h2 { 
	display:none;
}
#bo_cate ul { 
	font-size:0;
	background: #e2e7ea;
}
#bo_cate ul li { 
	display:inline-block; vertical-align:top;
	width: calc(100% / 7);
	padding:15px;
	position: relative;
}
#bo_cate ul li:after
{
	content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    width: 1px;
    height: 14px;
    background: #c1c1c1;
}
#bo_cate ul li:nth-child(1):after
{
	display: none;
}

#bo_cate ul li a { 
	position:relative; 
	display:block; 
	padding:0 25px; 
	font-weight:400; font-size:16px; 
	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: 400;
	color: #01a1dd;
}

@media screen and (max-width: 768px) { 
	#bo_cate { 
		margin-bottom: 30px;
	}
	#bo_cate ul li a { 
		padding:0 20px; font-size:16px;
	}	 
	#bo_cate ul li:nth-child(5):after
	{
		display: none;
	}
	
}
@media screen and (max-width: 480px) { 
	#bo_cate ul li a { 
		padding:2px 15px; font-size:14px;
	}	
	#bo_cate ul li a:before { 
		margin-top: -5px; height:12px;
	}
	#bo_cate ul li { 
		width: calc(100% / 4);
		padding:10px 2px;
	}
	#bo_cate ul li:last-child
	{
		width: 50%;
	}
}

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


/* lawyer test */
.lawyer-list { 
	margin:0 auto; padding:80px 0 0;
	width:1240px;
	font-size:0;
}
.lawyer-list .slick-slider { 
	width:1240px;
}
.lawyer-list .laywer-detail { 
	display:inline-block;
	vertical-align:top;
	padding:0 50px;
	width:800px;
/*	text-align:center; */
	background-color: #e3e8ec;
	height: 900px;

}

/* lawyer test */


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

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

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

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

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

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

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


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

#wrapper { 
	overflow:hidden;
	width:100%; min-width:auto;
}
.inner { 
	margin:0 auto;
	width:1200px; 	
}
.inner.homepage{
	 width: 1600px;
 }
.inner.blog{
	 width: 1600px;
}

.inner.section01{
	 width: 1600px;
	 height: 100%;
	 padding:280px 135px 0 135px;
 }
.inner.section02{
	position: relative;
	width: 1600px;
}

	 
#header .inner {text-align:center;}
@media screen and (max-width: 1240px) { 
	.inner { 
		padding:0 20px;
		width:100%; 
	}
	.inner.homepage
	{
		width: 100%;
	}
}
@media screen and (max-width: 640px) { 
	.inner { 
		padding:0;
	}
	.inner.section02
	{
		width: 100%;
		padding: 0 15px;
	}
}


/* 
	top_bnr
*/
#top_bnr {
	display:none;
}
#top_bnr a {
	display:block;
	height:120px;
	background:url('/images/sub/marketing/top_bnr.jpg') no-repeat center/cover;
}
@media screen and (max-width: 1024px) { 
	#top_bnr a {
		height:60px;
	}
}
@media screen and (max-width: 768px) { 
	#top_bnr {
		display:none !important;
	}
}



/* 
	header
*/
#header { 
	position:fixed; top:0; left:0;
	z-index:999;
	width:100%; height:88px;
	transition:.3s;
}
#header.fixed { 
	box-shadow:3px 0 3px rgba(0,0,0, .15); 
	background:#fff;
}
#header.fixed .header-bottom { 
	transition:.3s;
}
#header h1 a {
	display:block;
	width:193px;
	height:88px;
	background:url('/images/common/logo_b.png') no-repeat center/100%;
}
#header .gnb .gnb-1depth-a {
	color:#222;
}
#header.clear h1 a { 
	background-image:url('/images/common/logo.png');
}
#header.clear .gnb .gnb-1depth-a {
	color:#fff;
}
#header.fixed h1 a { 
	background-image:url('/images/common/logo_b.png');
}
#header.fixed .gnb .gnb-1depth-a {
	color:#222;
}
#header.tem_black h1 a { 
	background-image:url('/images/common/logo_b.png');
}
#header.tem_black .gnb .gnb-1depth-a {
	color:#222;
}

@media screen and (max-width: 1240px) { 
		#header .gnb { display: none;}
}
	
@media screen and (min-width: 1025px) { 

	/* header-bottom */
	.header-bottom { 
		width:100%;
	}
	.fixed .header-bottom { 
		box-shadow:3px 0 5px rgba(0,0,0,.15);
	}
	.header-bottom > .inner { 
		position:relative;
		font-size:0;
	}
	.header-bottom .logo { 
		display:inline-block; 
		vertical-align:middle;
		float: left;
		margin-left: 3%;
	}
	.header-bottom .logo a { 
		display:block; 
	}
	.header-bottom .logo img { 
		max-width:277px; 
	}
	.gnb { 
		position:relative; 
/*		display:inline-block !important;*/
		float:right;
		height:80px;
		line-height: 80px;
		margin-right: 1%;
	}
	.gnb .gnb-1depth-li { 
		position:relative;
		display:inline-block;
		padding:0 5px;
		vertical-align:middle;
	}
	.gnb .gnb-1depth-a { 
		position:relative;
		display:block;
		font-weight: 350; font-size:18px; line-height: 88px;
		color:#fff;
		transition:.3s;
	}
/*	.gnb .gnb-1depth-a:before {
		content:'';
		position:absolute; bottom:0; left:0;
		z-index:1001;
		margin-bottom:-4px;
		width:100%; height:4px;
		background:#0155b8;
		opacity:0;
		transform:scaleX(0);
		transition:.3s;
	}
	.gnb .gnb-1depth-li:hover .gnb-1depth-a:before { 
		opacity:1;
		transform:scaleX(1);
	}

	.gnb .gnb-2depth {	
		overflow:hidden;
		position:absolute; left:0; top:100%;
		z-index:999;
		display:block !important;
		width:100%; height:0;
		text-align:center;
		transition:.3s;
	}
/*	.gnb .gnb-2depth.on { 
		padding-top: 20px;
		height:450px;
		transition:.3s;
	}
	*/
	.gnb .gnb-2depth a { 
		display:block;
		padding:10px 0;
		font-weight:300; font-size:16px; line-height: 1.3;
		color:#fff;
		word-break:keep-all;
		transition:.3s;
	}
	
	.gnb .gnb-2depth a:hover { 
		color:#0155b8; 
	}
/*
	#header .gnb-bg { 
		position:fixed; top:0px; left:0;
		z-index:-1;
		width:100%; height:0;
		background:#01a1dd;
		transition:.3s;
	}
/*	#header .gnb-bg.on{
		height:360px;
	}
	#header .gnb-bg.menu { 
		height:360px;
	}
*/
}

@media screen and (max-width: 1070px) { 
	.gnb .gnb-1depth-a {font-size:18px;}
}

.pc-br{

}
.pc-br02
{
	
}
.pc-br03
{
	
}

@media screen and (min-width: 1305px) { 
	.gnb .gnb-1depth-li { 
		position:relative;
		display:inline-block;
		padding:0 8px;
		vertical-align:middle;
	}
	.gnb .gnb-1depth-a
	{
		font-size: 19px;
		    font-weight: 500;
    font-family: 'GmarketSans', 'S-Core', 'Noto Sans KR', sans-serif;
	}
}
@media screen and (min-width: 1458px) { 
	.gnb .gnb-1depth-li { 
		position:relative;
		display:inline-block;
		padding:0 15px;
		vertical-align:middle;
	}
}
@media screen and (min-width: 1603px) { 
	.gnb .gnb-1depth-li { 
		position:relative;
		display:inline-block;
		padding:0 25px;
		vertical-align:middle;
	}
}




@media screen and (max-width: 1024px) {
	.pc-br{ display: none;}
}
@media screen and (max-width: 768px) {
	.pc-br02{display: none;}
}
@media screen and (max-width: 640px) {
	.pc-br03{display: none;}
}
/* menu btn */


.menu-btn { 
	position:absolute; top:35px; right:5%;
	width:70px; height:70px;
	border:1px solid rgba(255,255,255,.6);
	cursor:pointer;
	display: none;
}
.menu-btn span { 
	position:absolute; left:18px;
	width:33px; height:2px;
	background: #222;
	transition:.3s;
}
.clear .menu-btn span {
	background: #fff;
}
.fixed .menu-btn span {
	background: #222;
}
.menu-btn span:nth-child(1) { 
	top:23px; 
}
.menu-btn span:nth-child(2) { 
	margin-top: -1px;
	top:50%; 
}
.menu-btn span:nth-child(3) { 
	bottom:23px; 
	width:24px;
}
.menu-btn.on span:nth-child(1) { 
	top:33px; left:10px;
	width:70%;
	transform:rotate(45deg);
}
.menu-btn.on span:nth-child(2) { 
	opacity:0; 
}
.menu-btn.on span:nth-child(3) { 
	top:33px; left:10px;
	width:70%;
	transform:rotate(-45deg);
}

@media screen and (max-width: 1240px) { 
	.header-utils dl { 
		width:100%; 
	}
	.menu-btn {top:9px; right:20px; display: inherit;}
	
}
@media screen and (max-width: 1024px) { 
	.header-utils dl { 
		display:none;
	}
	#header { 
		height:85px;
	}
	#header .logo { 
		position:absolute; top:50%; left:30px;
		margin-top: -28px;
		height:56px;
	}
	#header .logo a { 
		display:block;
		height:100%;
		width:150px;
	}
	#header .logo a img { 
		width:auto; height:100%; 
	}

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


/*
	footer
*/
#footer { 
	background:#f3f3f3 ; 
	position: relative;
	margin-top: 80px;
}

#footer .inner {
	position:relative;
	padding:15px 0 ;
	font-size:0;
	text-align: center;
	width: 1540px;
}
#footer p {
	display:block;
}
#footer p img {
	max-width:100%;
}
#footer address { 
	overflow:hidden;
	display:block;
    margin-top: 30px;
	font-family: 'spoqa han sans';
}
#footer address span { 
	float:left;
	margin-right:25px;
	font-style: normal;
	font-weight:300;font-size:16px; 
	color:#555;
	letter-spacing:0;
}
#footer address > div {display:inline-block;}
#footer address > div:after {content:''; display:block; clear:both;}
#footer address span:nth-child(4) {margin-right:0px;}
#footer address span:nth-child(5) { 
	clear:both; 
}
#footer address .copy { 
	display: block;
    margin: 40px 0;
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    color: #555;
}
#footer address .copy > strong {font-weight:400;}

#footer .btn-top { 
	position: absolute;
    top: -90px;
    right: 0px;
    width: 69px;
    height: 69px;
    background: #01a1dd url(/images/common/btn_top.png) no-repeat center 17px;
    font-size: 16px;
    line-height: 82px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto';
}

@media screen and (max-width: 1540px) { 
	#footer .inner {
		width:100%;
	}
}
@media screen and (max-width: 1100px) { 
	#footer .inner { 
		padding:67px 30px; 
	}
}
@media screen and (max-width: 980px) { 
	#footer .inner {padding:50px 20px;}
	#footer address span {float:none; width: 100%; display: block;}
	#footer address .copy {margin-top: 30px;}
}
@media screen and (max-width: 768px) { 
	#footer .footer-utils { 
		width:calc(100% - 60px);
		right:30px;
	}

	#footer p {
		width:100%;
	}
	#footer address {
		margin-top:35px;
		width:100%;
	}
	#footer address span {
		float:none;
		display:block;
		margin:5px 0;
		vertical-align:top;
	}
	#footer .btn-top{
		width:50px; 
		height:50px;
		background: #01a1dd url(/images/common/btn_top.png) no-repeat center 13px;
		font-size: 14px;
		line-height: 70px;
		top: -25px;
		right: 20px;
	}
}
@media screen and (max-width: 640px) {

	#footer .footer-utils { 
		top:-20px;
		width:calc(100% - 40px);
		right:20px;
	}
	#footer .footer-utils ul { 
		width:calc(100% - 40px); 
	}
	#footer .footer-utils ul li a { 
		font-size:14px; line-height:40px; 
	}
	#footer .footer-utils ul li a:after { 
		background-size:auto 80%; 
		background-position:right center ;
	}
	#footer .footer-utils .btn-top { 
		padding-top:19px;
		width:40px; height:40px; 
		background-position:center 10px ;
		font-size:12px;
	}

	#footer p:after { 
		margin:15px 0 25px;
		width:25px;
	}
	#footer address span {
		margin: 0;
		font-size:14px;
	}
	#footer address .copy {
		margin-top:15px;
		font-size:14px;
	}
	#footer .inner
	{
		width: 100%;
	}
}



/* 250915 renew */
#footer2 {
	padding:75px 0 135px;
	background:#171717;
}
#footer2 .ft-inner {
    position: relative;
    max-width: 1740px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}
#footer2 .logo-menu {
	display:flex;
    align-items: flex-end;
    justify-content: space-between;
}
#footer2 .logo-menu h1 {
	color:#fff;
	font-size:40px;
	font-weight:500;
}
#footer2 .logo-menu ul {
	display:flex;
	gap:10px;
}
#footer2 .logo-menu ul li a {
	display:flex;
    align-items: center;
    justify-content: center;
	width:157px; height:60px;
	border-radius:50px;
	border:1px solid #fff;
	color:#fff;
	font-size:18px;
	font-weight:700;
}
#footer2 .logo-menu ul li:first-child a {
	background:#fff;
	color:#000;
}
#footer2 address {
	position:relative;
	margin-top:45px;
	padding-top:45px;
	border-top:1px solid rgba(255,255,255,.2);
}
#footer2 address span {
	display:inline-block;
	padding-right:15px;
	color:#fff;
	font-size:16px;
	font-weight:300;
	font-style:normal;
	line-height:1.6;
	opacity:.5;
}
#footer2 address span.copy {
	position:absolute; bottom:0; right:0;
	padding:0;
}
@media screen and (max-width: 1024px) {
	#footer2 .ft-inner {
		padding:0 15px;
	}
	#footer2 .logo-menu h1 {
		font-size:30px;
	}
	#footer2 .logo-menu ul li a {
		width:145px; height:50px;
		font-size:16px;
	}
	#footer2 address span {
		font-size:15px;
	}
}
@media screen and (max-width: 768px) {
	#footer2 {
		padding:35px 0 85px;
	}
	#footer2 .logo-menu {
		align-items: flex-start;
	}
	#footer2 .logo-menu h1 {
		font-size:20px;
	}
	#footer2 .logo-menu ul {
		flex-direction: column;
	}
	#footer2 .logo-menu ul li a {
		width:120px; height:40px;
		font-size:14px;
	}
	#footer2 address {
		margin-top:25px;
		padding-top:25px;
	}
	#footer2 address span {
		font-size:13px;
	}
	#footer2 address span.copy {
		display:block;
		position:static;
		text-align:right;
	}
}







/* main
------------------------------------------------------ */
/* 
	main-visual
*/
.main-visual { 
	width:100%; height:100vh;
	position:relative;
}
.main-visual .slide { 
	overflow:hidden;
	position: relative;
	display:block;
	width:100%; height:100%;
}
.main-visual .slide1 {
	background: url('/images/main/main-visual.jpg') no-repeat center center;
	background-size:cover;

}

.visual-main-text
{
	position: absolute;
	top:50%; left:50%;
	transform: translate(-17%, -65%);
	text-align: right;
	color:#fff;
/*	width: 740px; */
	height: 242px;	
}
.visual-main-text p
{
	 font-size: 24px;
	 font-weight: 300;
	 display: inline-block;
	 letter-spacing: -0.2px;
	 margin-bottom: 25px;
	 line-height: 1.5;

}
.visual-main-text .sub-main-text
{
	 font-size: 34px;
	 font-weight: 400; letter-spacing: -0.2px;
	
}
.visual-main-text h1
{
	font-weight: 500; font-size:67px; line-height: 1.25;
	letter-spacing:-0.25px;
	word-break:keep-all;
}
.visual-main-text h1 span
{
	font-weight: 250; font-size:36px; line-height: 1.25; letter-spacing: -1.5px;

}
.main-text-area
{
	position:absolute; top:50%; left:50%; z-index:1;
	transform:translate(-50%,-45%);
	text-align:left;
	color:#fff;
	width: 1200px;
    height: 450px;
  	display: table;

}

.visual-text { 
	
	vertical-align: middle;
}
.visual-text h1 { 
	font-weight: 500; font-size:70px; line-height: 1.25;
	letter-spacing:-0.25px;
	word-break:keep-all;

}
.visual-text h1 span{ 
	font-weight: 250; font-size:38px; line-height: 1.25; letter-spacing: -1.5px;
}


.visual-text p{

	 font-size: 24px;
	 font-weight: 300;
	 display: inline-block;
	 letter-spacing: -0.2px;
	 margin-bottom: 45px;
	 line-height: 1.5;
	
}
.visual-main-scroll{
	writing-mode:vertical-lr; 
	text-orientation: mixed;
	letter-spacing: 7px;
	color:#fff;
	font-size: 16px;
	font-weight: 250;
	position: absolute;
	bottom:100px;
	left: 4%;
}
.visual-main-scroll:after{
	display: block;
    content: "";
    width: 0.1px;
    height: 74px;
    background: #fff;
    position: absolute;
    left: 34%;
    transform: translate(-50%, 170%);
   
}
.visual-btn
{
	display:table-cell;
	vertical-align: middle; 
	
}
.visual-btn ul
{
	vertical-align: middle;
}

.visual-btn ul
{

}
.visual-btn ul li
{
	float:left;
	margin-right: 50px;
	
}
.visual-btn ul li a
{
	color:#fff;
	font-size: 20px;
	font-weight: 300;
	margin-top:15px;
	
}

.visual-btn ul li img
{
	display:block;
	text-align: center;
	margin:0 auto;
	padding-bottom:15px;
}
.visual-text h1 > img {padding-bottom:35px; max-width: 100%;}

.bx-wrapper {
	position:relative;
}
.bx-pager {
	display:none;
	position:absolute; bottom:30px; left:0;
	width:100%;
	text-align:center;
	font-size:0;
}
.bx-pager .bx-pager-item {
	display:inline-block;
	margin:0 4px;
	width:14px; height:14px;
	border-radius:50%;
	vertical-align:top;
}
.bx-pager .bx-pager-item a {
	display:block;
	width:100%; height:100%;
	border:1px solid #fff;
	border-radius:50%;
}
.bx-pager .bx-pager-item .active {
	background:#fff;
}

@media screen and (max-width: 1200px) { 
	.visual-text {
	
	}
	.main-text-area
	{
		left:53%;
		width: 100%;
	}	

	.visual-btn ul li
	{
		margin-right:20px;
	}
	.sub-visual .visual-inner h1 {
		font-size: 43px;
	}
}
@media screen and (max-width: 1024px) { 

}
@media screen and (max-width: 768px) { 
	.main-text-area
	{
	  	display: block;
	}
	.visual-text h1{
		display:block;
	}
	.visual-btn
	{
		display:block;
		padding-left:130px;
		margin-top:64px
	}
	.visual-btn ul li
	{
		margin-right:45px;
	}
}

@media screen and (max-width: 640px) { 
	.visual-main-text h1
	{
		font-size: 40px;
		font-weight: 600;
	}

	.visual-main-text h1 span	{
		 font-size: 20px;
	
	}
	.visual-main-text .sub-main-text
	{
		font-size: 27px;
		line-height: 1.3;
	}
	.visual-text { 
		display: block;
		text-align: center;
	
	}
	.main-text-area
	{
		left:50%;
		height: 410px;
		top:55%
		
	}
	.visual-text h1 { 
	  font-size:24px;
	}
	.visual-text h1:after { 
		margin: 24px 0px 0px 0px;	
	}
	.visual-btn
	{
		padding:0px 10px 0px 10px;
		text-align: center;
	}
	.visual-btn ul
	{
		display: inline-block;
	}
	.visual-btn ul li
	{
		margin-right:17px;
	}
	.visual-btn ul li:last-child
	{
		margin-right:0;
	}

	.visual-btn ul li a
	{
		font-size:16px;
	}
	.visual-btn ul li img
	{
		width:80%;
	}
}
@media screen and (max-width: 480px) { 
	.visual-text h1 { 
		
	}
}

/*
	main-homepage
*/
.main-homepage
{
	height: auto;	
	padding: 140px 0 0 0;

}
.title-area
{
	width: 950px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-25%,-162%)
}
.title-area h1
{
	font-family: 'Poppins', sans-serif;
	font-size: 90px;
	font-weight: 900;
	color:#333;
	font-style: bold;
}
.title-area h1:before
{
	display: block;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 15px;
    background: #fff;
    position: absolute;
    left: -2%;
    top: -9%;
    color:#333;
    transform: translate(-50%, 161%);	
    border:4px solid #333;
}
.title-area .home-sub-title
{
	font-size: 26px;
    color: #333;
    padding-left: 175px;
	font-weight: 200;
	margin-bottom: 40px;
}
.title-area .home-sub-tag
{
	font-size: 20px;
    display: inline-block;
    padding: 13px 13px;
    background: #e14747;
    color: #fff;
    margin-left: 65px;
	
}

.main-homepage-detail
{
	height: 640px;
}
.section-image-area{
	
	width:40.6%;/*width:780px; height: 640px;*/
	display:inline-block;
	height: 640px;
}
.section-image-area img
{width: 100%;  }

.section-text-area
{
	height: 100%;
	position: relative;
	width:calc(100% - 41.6%);
	display: inline-block;
	padding-left: 95px;
	padding-top:200px;
	vertical-align: top;
}
.section-text-area dl
{
	
	margin-bottom:30px;
}
.section-text-area dl:nth-child(3)
{
	margin-bottom: 60px;
}
.section-text-area dl dt
{
	font-size:20px;
	font-weight: 400;
	color:#333;
	 font-family: 'Poppins';
	 margin-bottom: 8px;
}
.section-text-area dl dd
{
	font-size:16px;
	font-weight: 300;
	color:#777;
}
.section-text-area dl dd span
{
	color:#e14747;
}


.text-area-btn ul
{
	display: inline-block;
}
.text-area-btn li
{
	color:#31559d;
	display: inline-block;
	margin-right: 70px;
	font-weight: 400;
	font-size: 25px;
	position: relative;
	
}
.text-area-btn li a
{
	color:#31559d;
	
}
.text-area-btn li:nth-child(1):after{
	display: block;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
	right: -35%;
    bottom: 130%;
    transform: translate(-50%, 161%);	
	background: url('/images/main/main-home-icon01.png') no-repeat center center;
}
.text-area-btn li:nth-child(2):after{
	display: block;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: -22%;
    bottom: 130%;
    transform: translate(-50%, 161%);	
	background: url('/images/main/main-home-icon01.png') no-repeat center center;
}
.text-area-btn li:nth-child(3):after{
	display: block;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: -19%;
    bottom: 130%;
    transform: translate(-50%, 161%);	
	background: url('/images/main/main-home-icon01.png') no-repeat center center;
}
@media screen and (max-width: 640px) { 
	
	.main-homepage{
		height: 900px;
		padding: 40px 0;
	}
	.section-image-area {
		width: 100%;
		height: auto;
	}
	.section-text-area
	{   
	    width: 100%;
		padding-left: 0;
		padding-top: 10px;
		
	}
	
	.title-area
	{
		width: 100%;
		position: relative;
		top:0;
		left:0;
		transform: translate(0,0);
	}
	.title-area h1
	{
		font-size: 40px;
	}
	.title-area h1:before
	{
		display: none;
	}
	.title-area .home-sub-title
	{
		padding-left: 0;
		font-size: 20px;
		margin-bottom: 20px;
		
	}
	.title-area .home-sub-tag
	{
		margin-left: 0;
		font-size: 16px;
	}
	.section-text-area dl:nth-child(3) {
		margin-bottom:30px;
	}
	.text-area-btn li
	{
		color:#31559d;
		display: inline-block;
		margin-right: 70px;
		font-weight: 400;
		font-size: 18px;
		position: relative;
		
	}
	.text-area-btn li a
	{
		color:#31559d;
		
	}
	.text-area-btn li:nth-child(1):after{
		display: block;
	    content: "";
	    width: 18px;
	    height: 18px;
	    position: absolute;
		right: -35%;
	    bottom: 130%;
	    transform: translate(-50%, 161%);	
		background: url('/images/main/main-home-icon01.png') no-repeat center center;
	}
	.text-area-btn li:nth-child(2):after{
		display: block;
	    content: "";
	    width: 18px;
	    height: 18px;
	    position: absolute;
	    right: -22%;
	    bottom: 130%;
	    transform: translate(-50%, 161%);	
		background: url('/images/main/main-home-icon01.png') no-repeat center center;
	}
	.text-area-btn li:nth-child(3):after{
		display: block;
	    content: "";
	    width: 18px;
	    height: 18px;
	    position: absolute;
	    right: -19%;
	    bottom: 130%;
	    transform: translate(-50%, 161%);	
		background: url('/images/main/main-home-icon01.png') no-repeat center center;
	}	
	.text-area-btn li:after{
		display: none;
	}
}

/*
	//main-homepage
*/

/* 
	main-home-portfolio	
*/
.inner.section03
{
	width: 1600px;
		
}
.main-home-portfolio
{
	position: relative;
	margin: 50px 0;
}
.main-home-portfolio .portfolio-title
{
	display: inline-block;
	padding: 30px 155px 50px 155px
}

.main-home-portfolio h1
{
	display: inline-block;

	font-size: 22px;
	 font-family: 'Poppins';
	 color:#333;
	 font-weight: 600;
	 letter-spacing: 10px;
	 padding:12px 0;
	 vertical-align: top;
	 position: relative;
}
.main-home-portfolio h1:after{
	display: block;
    border:1px solid #0057a8;
    content: "";
	width: 128px;
    height: 1px;
    position: absolute;
    left: -36%;
    bottom: 52%;
	
}



.main-home-portfolio p
{
	display: inline-block;
	margin-left:55px;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 200;
	color:#333;
}

.home-portfolio-list ul
{
	font-size: 0;
	
}
.home-portfolio-list ul:after
{
	content: '';
    display: block;
    clear: both;
}
.home-portfolio-list ul li
{
	float:left;
	width: calc(100% / 3 - 18px);
	margin-right: 14px;
	margin-bottom:20px;
	text-align: center;

}
.home-portfolio-list ul li a
{
	font-size: 18px;
	font-weight: normal;
	color:#333;

}
.home-portfolio-list ul li:nth-child(3n)
{
	margin-right: 0;
	
}
.home-portfolio-list ul li img
{
	
	width: 100%;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
	.home-portfolio-list ul li
	{
		width: 100%;
	}
	.main-home-portfolio h1:after{
		display: none;
	}
	.home-portfolio-list ul li img
	{
		margin:10px 0;
	}
}
/* 
	//main-home-portfolio	
*/

/*
	main-blog
*/
.main-blog
{
	height: 750px;	
	padding: 180px 0 94px 0;

}
.main-blog .title-area
{
	width: 950px;
	position: absolute;
	top: 50%;
	left: 50%;
    /* right: 50%; */
    transform: translate(-71%,-162%);
}
.main-blog .title-area h1
{
	font-family: 'Poppins';
	font-size: 90px;
	font-weight: 900;
	color:#333;
	font-style: bold;
	margin-right: 59px;
    text-align: right;
}
.main-blog .title-area h1:before
{
	display: block;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 15px;
    background: #fff;
    position: absolute;
    left: 96%;
    top: -9%;
    color:#333;
    transform: translate(-50%, 161%);	
    border:4px solid #333;
}
.main-blog .title-area .blog-sub-title
{
	font-size: 26px;
    color: #333;
    padding-left: 200px;
	font-weight: 200;
	margin-bottom: 40px;

}
.main-blog .title-area .blog-sub-tag
{
	font-size: 20px;
    display: inline-block;
    padding: 13px 13px;
    background: #e14747;
    color: #fff;
    margin-left: 65px;
	
}

.main-blog-detail
{
	height: 640px;
}
.main-blog-detail .image-area
{
	width:40.6%;/*width:780px; height: 640px;*/
	display:inline-block;
	height: 580px;
	float:right;
}
.image-area img
{
	width: 100%; 
	
}

.main-blog-detail .text-area
{
	height: 100%;
	position: relative;
	width:calc(100% - 41.6%);
	display: inline-block;
	padding-right: 85px;
	padding-top:200px;
	vertical-align: top;
	padding-left: 0;
}
.main-blog-detail .text-area dl
{
	text-align: right;
	margin-bottom:30px;
}
.main-blog-detail .text-area dl:nth-child(3)
{
	margin-bottom: 60px;
}
.main-blog-detail .text-area dl dt
{
	font-size:20px;
	font-weight: 400;
	color:#333;
	font-family: 'Poppins';
	margin-bottom: 8px;
}
.main-blog-detail .text-area dl dd
{
	font-size:16px;
	font-weight: 300;
	color:#777;
}
.main-blog-detail .text-area dl dd span
{
	color:#e14747;
}

.main-blog-detail .text-area-btn
{
	text-align: right
}
.main-blog-detail .text-area-btn ul
{
	display: inline-block;
}
.main-blog-detail .text-area-btn li
{
	color:#31559d;
	display: inline-block;
	margin-right: 70px;
	font-weight: 350;
	font-size: 18px;
	position: relative;
	
}
.main-blog-detail .text-area-btn li:after{
	display: block;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
	right: -45%;
    bottom: 159%;
    transform: translate(-50%, 161%);	
	background: url('/images/main/main-home-icon01.png') no-repeat center center;
}
.main-blog-detail .text-area-btn li:nth-child(3)
{
	margin-right: 0;
}
/*
	//main-blog
*/
/* 
	main-home-portfolio	
*/
.inner.section03
{
	width: 1600px;
		
}
.main-blog-portfolio
{
	position: relative;
	margin: 50px 0;
	width: 100%;
}
.main-blog-portfolio .portfolio-title
{
	display: inline-block;
	padding: 30px 155px 50px 155px
}

.main-blog-portfolio h1
{
	display: inline-block;

	font-size: 22px;
	 font-family: 'Poppins';
	 color:#333;
	 letter-spacing: 10px;
	 padding:12px 0;
	 vertical-align: top;
	 position: relative;
	 font-weight: 600;
}
.main-blog-portfolio h1:after{
	display: block;
    border:1px solid #0057a8;
    content: "";
	width: 128px;
    height: 1px;
    position: absolute;
    left: -48%;
    bottom: 52%;
	
}



.main-blog-portfolio p
{
	display: inline-block;
	margin-left:55px;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 200;
	color:#333;
}
/*
.main-home-portfolio:after{
	display: block;
    border:15px solid #0057a8;
    content: "";
	width: 360px;
    height: 90px;
    position: absolute;
    right: -12%;
    top: 0%;
}
*/


.main-blog-portfolio .portfolio-list ul
{
 font-size: 0;	
}
.main-blog-portfolio .portfolio-list ul:after
{
	content: '';
    display: block;
    clear: both;
}
.main-blog-portfolio .portfolio-list ul li
{
	float:left;
	width: calc(100% / 3 - 18px);
	margin-right: 14px;
	margin-bottom:20px;
}
.main-blog-portfolio .portfolio-list ul li:nth-child(3n + 1)
{
	margin-right: 0;

}
.main-blog-portfolio .portfolio-list ul li img
{
	
	width: 100%;
}

@media screen and (max-width: 640px) { 
	.inner.section03{width: 100%;
		padding:0 15px;
	}
	.main-home-portfolio .portfolio-title
	{
		padding:10px 0;
	}
	.main-home-portfolio h1
	{
		letter-spacing: 1px;
		padding: 12px 0;
		
	}
	.main-home-portfolio p
	{
		margin-left: 0;
		font-size: 16px;
		
	}
	.main-blog-portfolio .portfolio-title
	{
		padding: 10px 0 30px 0;
	}
	.main-blog-portfolio h1
	{
		letter-spacing: 1px;
		padding: 12px 0;
	}
	.main-blog-portfolio p
	{
		margin-left: 0;
		font-size: 16px;
	}
	.main-blog-portfolio .portfolio-list ul li
	{
		width: 100%;
	}
	.main-blog-portfolio h1:after{
		display: none;
	}
}
/* 
	//main-blog-portfolio	
*/

/* 
	main-contact
	*/
	

	
.main-contact
{
	background: #333333;
}
.inner.section04
{
	width: 1600px;
		
}
.contact-wrap
{
	
	width: 1920px;
	background: #333333;
	padding:80px 130px 30px 130px;
	color:#fff;
}
.contact-wrap .portfolio-title h1
{  
 font-family: 'Poppins';
   font-size: 22px;
   font-weight: 500;
   margin-bottom: 33px
	
}
.contact-wrap .portfolio-title p
{
   font-size: 40px;
   font-weight: 200;
   margin-bottom: 33px;
   line-height: 1.2;
   letter-spacing: -0.5px;  
}
.contact-wrap .contact-number p strong
{
   font-size: 95px;
/*   font-weight: 300; */
   line-height: 1.2;
   display: inline-block;
   margin-right: 50px;
   font-family: 'Montserrat'
}
.contact-wrap .contact-number p
{
   font-size: 18px;
   font-weight: 300;
   line-height: 1.2;
   display: inline-block;
}

.online-form
{
 	width: 1276px;
 	height: 306px;
 	margin-top: 50px;
}

.online-form ul { 
	vertical-align: top;
	margin-bottom:20px;
	width:calc(100% / 2 - 12px);
	display:inline-block;
		
}
.online-form ul li
{
	width: 100%;
}
.online-form li input[type="text"] { 
	vertical-align:top; 
	width:calc(100% - 34px); height:34px;
	border:0 none;
	background:#000;
	font-size:16px;
	margin-bottom:10px;
	color:#fff;
	padding-left:10px;
	font-weight: 300;

	
}
.online-form textarea { 
/*	vertical-align:top; */
	width:calc(100% - 65px); 
	border:0 none;
	background:#000;
	font-size: 16px;
    height: 120px;
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 6px;
/*	font-size:16px; */
	color:#fff;
}
p.btn-wrap
{
	width: calc(100% - 65px);
    background: #fff;
    text-align: center;
    /* padding: 10px 0; */
    height: 34px;
    vertical-align: middle;
}
.online-form .btn-wrap button
{
	width: 100%;
	line-height: 34px;
    border: 0;
    background: #32569d;
    color:#fff;
}
@media screen and (max-width: 640px) { 
	.inner.section04
	{
		width: 100%;
		padding: 0 15px;
	}	
	.inner.section04 .contact-wrap
	{
		width: 100%;
		padding:20px 0 ;
	}
	.contact-wrap .portfolio-title p
	{
		font-size: 20px;
	    margin-bottom: 20px;
	}
	.contact-wrap .contact-number p strong {
		font-size: 55px;		
	}
	.contact-wrap .contact-number p {
		font-size: 15px;
		margin-top:  20px;
	}
	.online-form
	{
		width: 100%;
		height: 400px;
	}
	.online-form ul {
	    width: 100%;
	    
	}
	.online-form li input[type="text"]
	{
		width: 100%;
		font-size: 14px;
	}
	.online-form textarea
	{
		width: 100%;
		font-size: 14px;
	}
	.online-form ul 
	{
		margin-bottom: 0;
	}
	p.btn-wrap
	{
		width: 100%;
		margin-bottom: 10px;
	}
}


/* 
	main-info
*/
.main-info {position:relative;}
.explain-txt:before {content:''; display:block; width: calc(100% - 120px); height: calc(100vh - 120px); border: 1px solid rgba(255,255,255,0.4); position: absolute; left: 60px; top: 60px;}
.explain-txt:after {content:''; display:block; clear:both;}
.explain-txt li {float:left; width:50%; height:980px; display: table; text-align: center;}
.explain-txt li:nth-child(1) {background:url('/images/main/main_explain01.jpg') no-repeat center center/cover;}
.explain-txt li:nth-child(2) {background:url('/images/main/main_explain02.jpg') no-repeat center center/cover;}
.explain-txt li > div {display: table-cell; vertical-align: middle; color: #fff; font-size: 36px; line-height: 58px; font-weight: 300;}
.explain-txt li:nth-child(1) > div > strong {color:#01a1dd; font-size:42px; font-weight:500; font-family:'Noto Serif KR';}
.explain-txt li:nth-child(2) > div {font-size: 44px; line-height: 72px;}
.explain-txt li:nth-child(2) > div > span {font-size:56px; font-weight:300; font-family:'Noto Serif KR';}
.explain-txt li:nth-child(2) > div > span > strong {color:#01a1dd; font-weight:500; }

@media screen and (max-width: 1240px) { 
	.explain-txt li > div {
		font-size: 30px;
		line-height: 53px;	
	}
	.explain-txt li:nth-child(1) > div > strong {font-size: 36px;}
	.explain-txt li:nth-child(2) > div {font-size: 38px; line-height: 68px;}
	.explain-txt li:nth-child(2) > div > span {font-size: 50px;}
}

@media screen and (max-width: 1024px) { 
	.explain-txt:before {height: calc(880px - 120px);}
	.explain-txt li {width:100%; height:440px;}
}

@media screen and (max-width: 768px) { 
	.explain-txt:before {
    width: calc(100% - 40px);
    height: calc(880px - 100px);
    left: 20px;
    top: 50px;
	}
	.explain-txt li > div {
    font-size: 25px;
    line-height: 48px;
	}
	.explain-txt li:nth-child(1) > div > strong {
		font-size: 30px;
	}
	.explain-txt li:nth-child(2) > div {
    font-size: 33px;
    line-height: 60px;
	}
	.explain-txt li:nth-child(2) > div > span {
    font-size: 40px;
}
}

/*
	main-lawyer	
*/
.main-lawyer {  width:100%; background:#f1f1f1;}
.main-lawyer .inner {width:1340px; position: relative; padding: 90px 0px 100px 0px; background: url('/images/main/main_lawyer_img.png') no-repeat left bottom;}
.main-title {text-align: center; font-size: 36px; color: #333;  font-weight: 350;letter-spacing: 20px; padding-bottom: 120px;}
.main-title > img { margin-right: 20px; vertical-align: sub;}
.main-lawyer-box:after {content:''; display:block; clear:both;}
.main-lawyer-career {float: right}
.main-lawyer-career h2 {font-size: 72px; color: #333; line-height: 1;}
.main-lawyer-career h2:after {content:''; display:block; width:40px; height:3px; background:#01a1dd; margin: 50px 0px;}
.main-lawyer-career h2 > p { font-size: 36px; font-weight: 300; letter-spacing: 20px; padding: 18px 0px 0px 80px;}
.main-lawyer-career > ul.left-career {
	width: 383px;
    margin-right: 60px;
    display: inline-block;
	vertical-align:top;
}
.main-lawyer-career > ul.right-career {
	width: 275px;
    display: inline-block;
}
.main-lawyer-career > ul > li {
    font-size: 18px;
    color: #666;
    font-weight: 300;
    margin-bottom: 18px;
}
.main-lawyer-career > ul > li:last-child {
	margin-bottom: 0px;
}

@media screen and (max-width: 1340px) { 
	.main-lawyer .inner {width:100%; padding: 90px 50px 100px 50px; }
	.main-lawyer-career h2 br {display:none;}
	.main-lawyer-career h2 > p {display: inline-block; padding: 18px 0px 0px 20px;}
	.main-lawyer-career > ul.left-career {
    width: auto;
    margin-right: 0px;
    display: block;
	}
	.main-lawyer-career > ul.right-career {
    width: auto;
    display: block;
	margin-top: 18px;
	}
	.main-lawyer-career {
		float: left; padding-left: 150px;
	}
	.main-lawyer .inner { background: url('/images/main/m_main_lawyer_img.png') no-repeat right bottom; background-size: initial;}
}

@media screen and (max-width: 1024px) { 
	.main-lawyer-career { padding-left: 0px;}
	.main-title { font-size: 30px; padding-bottom: 80px; letter-spacing: 13px;}
	.main-lawyer-career h2 { font-size: 53px;}
	.main-lawyer-career h2 > p {font-size: 30px; letter-spacing: 10px;}
	.main-lawyer-career h2:after { margin: 40px 0px 30px 0px;}
}
@media screen and (max-width: 768px) { 
	.main-lawyer .inner {padding: 50px 20px 337px 20px; background-size: 40%;}
	.main-title {
    font-size: 23px;
    padding-bottom: 50px;
	letter-spacing: 6px;
	}
	.main-title > img {
		width: 20px;
	}
	.main-lawyer-career > ul > li {
		font-size: 16px;
		margin-bottom: 13px;
	}
	.main-lawyer-career h2 {
		font-size: 40px;
	}
	.main-lawyer-career h2 > p {
    font-size: 23px;
    letter-spacing: 7px;
    padding: 18px 0px 0px 10px;
}
.main-lawyer-career > ul.right-career {margin-top: 13px;}
}
@media screen and (max-width: 640px) { 
	.main-lawyer .inner {background-size: 50%;}
}

@media screen and (max-width: 480px) { 
		.main-lawyer-career > ul > li {
		font-size: 15px;
		margin-bottom: 11px;
	}
}
/* 
	main business
*/
.main-business {background:#01a1dd url('/images/main/business_bg.png') no-repeat 80% center;}
.main-business .inner {padding:100px 0px 140px 0px;}
.main-business .main-title {padding-bottom:75px; color:#fff;}
.main-business .business-list:after {content:''; display:block; clear:both;}
.main-business .business-list li { float: left; width: calc(100%/2 - 20px); height: 260px; box-shadow: 20px 0px 35px rgba(0,0,0,0.35); display: table;text-align: center;}
.main-business .business-list li:nth-child(odd){margin-right:40px;}
.main-business .business-list li:nth-child(1) {background:url('/images/main/main_business01.jpg') no-repeat center center/cover; margin-bottom:40px;}
.main-business .business-list li:nth-child(2) {background:url('/images/main/main_business02.jpg') no-repeat center center/cover; margin-bottom:40px;}
.main-business .business-list li:nth-child(3) {background:url('/images/main/main_business03.jpg') no-repeat center center/cover; }
.main-business .business-list li:nth-child(4) {background:url('/images/main/main_business04.jpg') no-repeat center center/cover; }
.main-business .business-list li > a {
	display: table-cell;
    vertical-align: middle;
	color:#fff;
	transition:all 0.3s;
	position:relative;
}
.main-business .business-list li >a:after {content:''; display:block; transition:all 0.3s; }
.main-business .business-list li >a:hover:after {content:''; display:block; width:100%; height:100%;  border: 6px solid rgba(255,255,255,0.5); position:absolute; left:0;  top:0; transition:all 0.3s;}
.main-business .business-list li > a h3 {font-size: 36px; display: inline-block;}
.main-business .business-list li > a h3:after {content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); margin:0 auto; margin-bottom:20px;}
.main-business .business-list li > a p {font-size: 20px; letter-spacing: 4px; font-family: 'Roboto'; font-weight:300;}

@media screen and (max-width: 1240px) { 
	.main-business .inner {padding:100px 20px;}
}

@media screen and (max-width: 768px) { 
	.main-business .main-title {padding-bottom:50px;}
	.main-business { background-size: cover;}
	.main-business .inner {padding:50px 20px;}
	.main-business .business-list li {width:100%; height:150px; margin-bottom: 30px;}
	.main-business .business-list li:nth-child(odd) { margin-right: 0px;}
	.main-business .business-list li:last-child{ margin-bottom: 0px;}
	.main-business .business-list li > a h3 {
    font-size: 22px;}
	.main-business .business-list li > a h3:after { margin-bottom:10px;}
	.main-business .business-list li > a p {
    font-size: 16px;}
}



/* 
	main map
*/
.main-map {background: url('/images/main/main_map_bg.jpg') no-repeat center center/cover;}
.main-map .inner {padding:120px 0px 145px 0px;}
.main-map .main-title {padding-bottom:100px; color:#fff;}
.main-map .left-map {display:inline-block; width: 50%; height: 560px; background: url('/images/main/main_map.jpg') no-repeat center center/cover;}
.main-map .left-map > img {width:100%; display:none;}
.main-map .right-map-info {
	display: inline-block;
    width: 50%;
	height: 560px;
    background: #fff url('/images/main/map_logo.jpg') no-repeat right top;
    float: right;
    padding: 70px;
}
.main-map-box:after {content:''; display:block; clear:both;}
.main-map .right-map-info > ul > li {margin-bottom: 60px;}
.main-map .right-map-info > ul > li:last-child {margin-bottom: 0px;}
.main-map .right-map-info > ul > li h4 {
	font-size: 30px;
    color: #333;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 28px;
}
.main-map .right-map-info > ul > li h4 > span {color: #01a1dd;}
.main-map .right-map-info > ul > li dl {line-height: 1; margin-bottom:13px;}
.main-map .right-map-info > ul > li dl:last-child {margin-bottom:0;}
.main-map .right-map-info > ul > li dl dt {
	font-size: 15px;
    color: #555;
    font-weight: 300;
    display: inline-block;
    padding-right: 15px;
	width: 70px;
}
.main-map .right-map-info > ul > li dl dd {
	font-size: 24px;
    color: #333;
    font-weight: 500;
    font-family: 'Roboto';
    display: inline-block;
}
.main-map .right-map-info > ul > li:nth-child(2) dd{
	font-size: 19px;
}
.main-map .right-map-info > ul > li dl dd > span {font-size:15px; font-family:'Noto Sans KR';font-weight: 350;}
.main-map .right-map-info > ul > li p {
	font-size:18px;
	color:#333;
}

@media screen and (max-width: 1240px) { 
	.main-map .inner {padding:120px 20px;}
}

@media screen and (max-width: 980px) { 
	.main-map .left-map {width: 100%; height:auto; background:none;}
	.main-map .left-map > img {display:block;}
	.main-map .right-map-info {width: 100%; height:auto; position: relative; top: -4px;}
}

@media screen and (max-width: 768px) { 
	.main-map .inner  { padding: 50px 20px;}
	.main-map .main-title {padding-bottom:50px;}
	.main-map .right-map-info {padding:30px; background-size: 20%;}
	.main-map .right-map-info > ul > li { margin-bottom: 40px;}
	.main-map .right-map-info > ul > li h4 {font-size:20px; margin-bottom: 15px;}
	.main-map .right-map-info > ul > li dl dd {font-size: 20px;}
	.main-map .right-map-info > ul > li:nth-child(2) dd {font-size: 17px;}
	.main-map .right-map-info > ul > li p { font-size: 17px;}

}

/* contents
------------------------------------------------------ */
#contents { 
	position:relative; 
}
@media screen and (max-width: 1024px) { 
	#contents { 
		
	}
}
@media screen and (max-width: 768px) { 
	#contents { 
		
	}
}

.sub-conts-wrap { 
	margin:0 auto; padding:110px 0px;
	width:100%;
	font-weight: 400; font-size:18px;
	color:#666;
	word-break:keep-all;
}
.sub-conts-wrap.online
{
	width: 1200px;
	padding: 50px 0 110px 0;
}
.sub-conts-wrap.board{width: 1177px;}
.sub-conts-wrap.board02{width: 1200px;}
.sub-conts-wrap.portfolio{width: 1600px; padding:10px 0;}
.sub-conts-wrap.online{width: 1200px;}
.sub-conts-wrap.criminal {width:100%;}
.sub-conts-wrap.laywer{padding:60px 0px;}
.sub-conts-wrap + .sub-conts-wrap { 
	margin-top:-50px; padding-top:0; 
}
@media screen and (max-width: 1240px) { 
	.sub-conts-wrap { 
		padding:140px 20px; width:100%; 
	}
	.sub-conts-wrap.portfolio{width: 100%; padding:10px 0;}
	
	.sub-conts-wrap.criminal02 {padding:70px 20px;}
	.sub-conts-wrap.board{width: 100%;}
	.sub-conts-wrap.board02{width: 100%;}
	.sub-conts-wrap.homepage {padding:50px 20px;} 
	.sub-conts-wrap.online{width: 100%;}

}
@media screen and (max-width: 768px) { 
	.sub-conts-wrap { 
		padding:50px 20px 100px; 
	}
	.sub-conts-wrap + .sub-conts-wrap { 
		margin-top: -70px; 
	}
}
@media screen and (max-width: 640px) { 
	.sub-conts-wrap { 
		padding:30px 20px 70px; 
	}
	.sub-conts-wrap.criminal02 
	{
		padding: 40px 20px;
	}
	.sub-conts-wrap + .sub-conts-wrap { 
		margin-top: -50px; 
	}
	.sub-conts-wrap.laywer{
		padding: 30px 20px 70px;}
	.sub-conts-wrap.homepage {padding:50px 10px;} 
}


/*
	visual
 */
 .sub-visual { 
	display:table;
	width:100%; height:400px;
	text-align:center;
 }

.sub-visual.blog { 
	height:680px;
	background: url('/images/main/main_visual01.jpg') no-repeat center top; 
	background-size:cover;
	position: relative;
}
.sub-visual.homepage { 
	height:680px;
	background: url('/images/sub/sub_visual_homepage.jpg') no-repeat center top; 
	background-size:cover;
	position: relative;
}
.sub-visual.mail { 
	height:750px;
	background: url('/images/sub/sub_visual_mail.jpg') no-repeat center top; 
	background-size:cover;
	position: relative;
}
.sub-visual.case { 
	height:750px;
	background: url('/images/sub/sub_visual_case.jpg') no-repeat center top; 
	background-size:cover;
	position: relative;
}
.sub-visual.portfolio { 
	box-shadow: 3px 0 3px rgb(0 0 0 / 15%);
    background: #fff;
	height: 88px;
}
.sub-visual.laywer { 
	background: url('/images/sub/sub_visual02.jpg') no-repeat center top; 
	background-size:cover;
}
.sub-visual.business { 
	background: url('/images/sub/sub_visual03.jpg') no-repeat center top; 
	background-size:cover;
}
.sub-visual.civil { 
	background: url('/images/sub/sub_visual04.jpg') no-repeat center top; 
	background-size:cover;
}
.sub-visual.startup { 
	background: url('/images/sub/sub_visual05.jpg') no-repeat center top; 
	background-size:cover;
}
.sub-visual.housework { 
	background: url('/images/sub/sub_visual06.jpg') no-repeat center top; 
	background-size:cover;
}
.sub-visual.board { 
	background: url('/images/sub/sub_visual07.jpg') no-repeat center top; 
	background-size:cover;
}
.sub-visual.marketing { 
	height:747px;
	background: url('/images/sub/sub_visual_marketing.jpg') no-repeat center top; 
	background-size:cover;
}


.sub-visual .visual-inner { 
	display:table-cell;
	vertical-align:middle;
	padding-top: 60px;
}
.sub-visual .visual-inner h1 { 
	font-weight: 500; font-size:47px; line-height: 1.25;
	letter-spacing:-0.25px;
	word-break:keep-all;
	margin-bottom:40px;
	color:#fff;
}
.sub-visual visual-inner h1:after { 
	content:'';
	display:block;
	margin: 39px 0 0 0;
	width:85%; height:1px;
	background:rgba(255,255,255,0.2);


}

.sub-visual .visual-inner h1 > img {
    position: absolute;
    right: -40px;
    top: 0px;
}
.sub-visual .visual-inner p { 
	color:#fff;
	 background: #318bdf;
	 padding: 13px 46px;
	 font-size: 20px;
	 font-weight: 300;
	 display: inline-block;
	 border-radius: 30px;
	 letter-spacing: 1px;
	
}
.sub-visual.mail .inner {
	position:relative;
	height:100%;
}
.sub-visual.mail .visual-inner h2 {
	padding-bottom:13px;
	font-size:26px;
	font-weight:300;
	letter-spacing:-0.025erm;
}
.sub-visual.mail .visual-inner h1 {
	font-size:72px;
	font-weight:700;
}
.sub-visual.mail .card {
	position:absolute; bottom:-220px; right:-117px; z-index:0;
	text-align:right;
}
.sub-visual.mail .card img {
	max-width:100%;
}
.sub-visual.mail .card img.mobile {
	display:none;
}
.sub-visual.mail .case-img {
	position:absolute; bottom:-120px; right:-70px; z-index:0;
	text-align:right;
}
.sub-visual.mail .case-img img {
	max-width:100%;
}

.sub-visual.marketing .inner {
	position:relative;
	height:100%;
}
.sub-visual.marketing .visual-inner h2 {
	padding-bottom:28px;
	font-size:30px;
	font-weight:300;
	letter-spacing:-0.03rem;
}
.sub-visual.marketing .visual-inner h1 {
	margin-bottom:0;
	font-size:50px;
	font-weight:700;
	letter-spacing:-0.03rem;
}
.sub-visual.marketing .visual-inner .list {
	font-size: 0;
	margin-top:70px;
}
.sub-visual.marketing .visual-inner .list > li {
	display:inline-block;
	width:23.27%; height:163px;
	margin-left:2.3%;
	padding:30px 27px;
	background-color: #fff;
	border-radius:10px;
	background-repeat:no-repeat;
	background-position:right 30px bottom 30px; 
	box-shadow:-6px 6px 18px 0px rgba(0, 0, 0, 0.14);
	color:#000;
	font-size:30px; font-weight: 700;
	letter-spacing:-0.03rem;
	vertical-align:top;
	word-break:keep-all;
}
.sub-visual.marketing .visual-inner .list > li:first-child {
	margin-left:0;
}
.sub-visual.marketing .visual-inner .list > li.keyword {
	background-image: url('/images/sub/marketing_icon_keyword.png');
}
.sub-visual.marketing .visual-inner .list > li.naver {
	background-image: url('/images/sub/marketing_icon_naver.png');
}
.sub-visual.marketing .visual-inner .list > li.homepage {
	background-image: url('/images/sub/marketing_icon_homepage.png');
}
.sub-visual.marketing .visual-inner .list > li.blog {
	background-image: url('/images/sub/marketing_icon_blog.png');
}

@media screen and (max-width: 1200px) { 
	.sub-visual.marketing .visual-inner .list {
		padding-right:5%;
	}
	.sub-visual.marketing .visual-inner .list > li {
		font-size:25px;
		padding:25px;
		background-position:right 25px bottom 25px;
		background-size:30px auto;
	}
}

@media screen and (max-width: 1100px) { 
	 .sub-visual.intro { 
		padding-bottom:0;
	 }
}
@media screen and (max-width: 768px) { 
	 .sub-visual,
	 .sub-visual.intro { 
		height:300px;
	 }
	.sub-visual.portfolio { 
		height: 70px;
	}
	 .sub-visual .visual-inner {    padding-top: 30px;}
	 .sub-visual.blog .visual-inner h1 { 
		font-size:42px; 
	 }
	 .sub-visual.homepage .visual-inner h1 { 
		font-size:42px; 
	 }
	 
	 .sub-visual .visual-inner h1 > img {
	 	right: -25px;
		width: 15px;
	 }
	 .sub-visual .visual-inner p { 
		
	 }
	.sub-visual.mail .visual-inner h2 {
		font-size:20px;
	}
	.sub-visual.mail .visual-inner h1 {
		font-size:60px;
	}
	.sub-visual.mail .case-img {
		bottom:-85px; right:-30px;
	}
	.sub-visual.mail .case-img img {
		width:580px;
	}

	.sub-visual.marketing .visual-inner h2 {
		font-size:20px;
		padding-bottom:18px;
	}
	.sub-visual.marketing .visual-inner h1 {
		font-size:40px;
	}	
	.sub-visual.marketing .visual-inner .list > li {
		height:120px;
		padding:15px 18px;
		background-position:right 15px bottom 15px;
		background-size:25px auto;
		font-size:20px;
	}
}
@media screen and (max-width: 640px) { 
	.sub-visual.blog { 
		height:580px;
	}
	 .sub-visual.blog .visual-inner h1 { 
		font-size:36px; 
		margin-bottom: 40px;
		text-align: center;
	 }
	 .sub-visual.homepage .visual-inner h1 { 
		font-size:36px; 
		margin-bottom: 40px;
		text-align: center;
	 }	 
	 .sub-visual.blog .visual-inner h1:after { 
		margin: 20px auto;
	 }
	.sub-visual .visual-inner p { 
		font-size:20px;
		letter-spacing:1px;
		color:#fff;
		padding: 15px 17px;
	 }
 	.sub-visual .visual-inner p a{ 
		color:#fff;
	 }
	 .sub-visual.blog .visual-btn
	 {
		 margin-top: 18px;
	 }
	.sub-visual.mail .visual-inner h2 {
		font-size:18px;
	}
	.sub-visual.mail .visual-inner h1 {
		font-size:37px;
	}

	.sub-visual.mail .card {
		bottom:-40vw;
		right:-100px;
	}
	.sub-visual.mail .card img {
		max-width:100%;
	}
	.sub-visual.mail .card img.pc {
		display:none;
	}
	.sub-visual.mail .card img.mobile {
		display:block;
	}

	.sub-visual.marketing {
		height:500px;
	}
	.sub-visual.marketing .visual-inner h2 {
		font-size:15px;
		padding-bottom:18px;
	}
	.sub-visual.marketing .visual-inner h1 {
		font-size:30px;
	}	
	.sub-visual.marketing .visual-inner .list {
		padding:0 3%;
		margin-top:30px;
	}
	.sub-visual.marketing .visual-inner .list > li {
		width:48.85%;
		height:70px;
		margin-left:0;
		margin-bottom:2.3%;
		padding:13px;
		background-position:right 12px bottom 12px;
		background-size:20px auto;
		font-size:13px;
	}
	.sub-visual.marketing .visual-inner .list > li:nth-child(even){
		margin-left:2.3%;
	} 
}
@media screen and (max-width: 480px) { 
}
/*blog-info*/
.homepage-info{
	margin-bottom: 110px;
	}
.homepage-info-title
{
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 25px;
}


.homepage-info .homepage-info-title h1
{
	font-size:45px;
	font-weight: 400;
	margin-bottom:30px;
	font-family: 'NanumSquareB';
	line-height: 1.2;
}
.homepage-info .homepage-info-title h1 span{
	color: #318bdf;
}
.homepage-info .homepage-info-title p{

	font-size: 24px;
	color: #666666;
	font-family: 'NanumSquareR';
}
.homepage-info-img
{
	display: inline-block;
	padding-left: 20px;
}

.homepage-info-list{
	margin-top:70px;
}

.homepage-info-list ul
{
	width: 1200px;
	margin:0 auto;
	font-size: 0;
}
.homepage-info-list ul li
{
	background: #fff;
	border:1px solid #e6e6e6;
	padding:37px 50px;
	display: inline-block;	
	width: calc(100% / 3);
	
	font-size: 16px;
	color:#36435e;
	text-align: center;
	height: 295px;
	vertical-align: top;
	border-right: 0;
	position: relative;
}
.homepage-info-list ul li:nth-child(1),
.homepage-info-list ul li:nth-child(3),
.homepage-info-list ul li:nth-child(5),
.homepage-info-list ul li:nth-child(7),
.homepage-info-list ul li:nth-child(9)
{
 	background: #e5f0fb;	
}
.homepage-info-list ul li:nth-child(3),
.homepage-info-list ul li:nth-child(6),
.homepage-info-list ul li:nth-child(9)
{
	border-right: 1px solid #e6e6e6;
}

.homepage-info-list ul li img
{
	display: block;
	margin:0 auto;
	padding-bottom: 23px;
}
.homepage-info-list ul li h1
{
	color:#36445e;
	font-size: 22px;
	font-weight: 350;
	margin-bottom:20px;
}

.homepage-info-list ul li h1>span
{
	font-weight: 500;

}
.homepage-info-list ul li p
{
	color:#7f8898;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 300;

}
.homepage-info-list ul li p>span
{ 
	color:#36445e;
	font-weight: 400;

}

.homepage-info-list ul li:last-child
{
	border-right: 1px solid #e6e6e6;
}
@media screen and (max-width: 1024px){
	.homepage-info-list ul li
	{
		padding:35px 7px;
	}
	.homepage-info-title
	{
		text-align: center;
	}
	.homepage-info-img
	{
		width: 100%;
		padding-left: 0;
		text-align: center;
		margin-top:20px;
	}
	.homepage-info-list ul {
		width:100%;
	}
	.homepage-info-list ul li h1
	{
		font-size: 17px;
	}


}
@media screen and (max-width: 768px){
	
	.homepage-info{
		margin-bottom:50px;
	}
	.homepage-info .homepage-info-title h1
	{
		font-size:30px;
		margin-bottom:15px;
	}
	.homepage-info .homepage-info-title p
	{
		font-size: 24px;
	}
	.homepage-info-list ul li h1
	{
		font-size: 17px;
	}
	.homepage-info-list ul li p {
		font-size: 14px;
	}

}

@media screen and (max-width: 640px){
	
	.homepage-info .homepage-info-title h1
	{
		font-size:20px;
		margin-bottom:15px;
		
	}
	.homepage-info .homepage-info-title p
	{
		font-size: 15px;
	}
	.homepage-info-img img
	{
		width:100%
	}
	.homepage-info-list ul
	{
		

	}
	.homepage-info-list ul li:nth-child(3),
	.homepage-info-list ul li:nth-child(6),
	.homepage-info-list ul li:nth-child(9)
	{
		border-right: 0;
	}
	.homepage-info-list ul li:nth-child(2n)
	{
		border-right: 1px solid #e6e6e6;
	}
	.homepage-info-list ul li
	{
		padding:18px 10px;
		width:calc(100% / 2);
		height: 250px;
		border-bottom: 0;
	}
	
	.homepage-info-list ul li h1 {
  	  font-size: 15px;
  	  height: 25px;
	}
	.homepage-info-list ul li img {
		padding-bottom:15px;
	}
	.homepage-info-list ul li:last-child
	{
		width: 100%;
		height: 187px;
		border-bottom: 1px solid #e6e6e6;
	}
	.homepage-info-list ul li:last-child h1
	{
		height: 8px;
	}

	
}
.homepage-detail
{	
	width: 100%;
	background:url('/images/sub/blog-detail-bg.png') no-repeat center center;
	background-size: cover;
	margin-top:-277px;
}		
.homepage-detail .inner
{
	padding:250px 0 60px 0;
}

.homepage-detail .homepage-detail-title
{
	text-align: center;
	margin-bottom:70px;
	
}
.homepage-detail .homepage-detail-title h1
{
	color:#fff;
	font-size: 45px;
	font-weight: 300;
	
	line-height: 1.2;
}

.homepage-detail .homepage-detail-title h1>span
{
	

}
.homepage-detail .marketing-area
{
	margin-bottom:70px;
}
.homepage-detail .marketing-area .text-area{
	display: inline-block;
	vertical-align: middle;
	
}

.homepage-detail .marketing-area .image-area{
	display: inline-block;
	margin-left:105px;
}
.homepage-detail .marketing-area .image-area:before{
animation: fadeInLeftShort 1000ms both 400ms;
}
/* 왼쪽에서 더 멀리 */
[data-aos="fade-right"] {
  transform: translateX(-150px); /* 기본은 -100px, 값을 더 크게 */
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="fade-right"].aos-animate {
  transform: translateX(0);
  opacity: 1;
}

/* 오른쪽에서 더 멀리 */
[data-aos="fade-left"] {
  transform: translateX(150px); /* 기본은 100px */
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="fade-left"].aos-animate {
  transform: translateX(0);
  opacity: 1;
}.homepage-detail .marketing-area .image-area img{
	

}
.homepage-detail .marketing-area .image-area img:before{
	animation: fadeInLeftShort 1000ms both 200ms;
	
}

.homepage-detail .marketing-area .image-area img:hover{

}

.homepage-detail .marketing-area.left01
{
	height: 520px;
}
.homepage-detail .marketing-area.left02
{
	height: 360px;
}

.homepage-detail .marketing-area.left01 .image-area,
.homepage-detail .marketing-area.left02 .image-area
{
	margin-left: 0;
}



.homepage-detail .marketing-area.left01 .text-area,
.homepage-detail .marketing-area.left02 .text-area{
	float: right;
	margin-right: 50px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.homepage-detail .marketing-area .text-area h2
{
	font-size: 26px; color:#fff; font-weight: 400;	
	margin-bottom: 24px;
	position: relative;

}

.homepage-detail .marketing-area .text-area h2:before
{	content:''; 
	position:absolute; top:103%; left:19%; 

	width: 347px; height: 11px;
	background: url('/images/sub/homepage-detail-icon01.png') no-repeat center center;
}

.homepage-detail .marketing-area .text-area .underline02:before
{	content:''; 
	position:absolute; top:103%; left:0; 

	width: 206px; height: 11px;
	background: url('/images/sub/homepage-detail-icon01.png') no-repeat center center;
}
.homepage-detail .marketing-area .text-area .underline03:before
{	content:''; 
	position:absolute; top:103%; left:0; 

	width: 184px; height: 11px;
	background: url('/images/sub/homepage-detail-icon01.png') no-repeat center center;
}
.homepage-detail .marketing-area .text-area .underline04:before
{	content:''; 
	position:absolute; top:103%; left:61%; 

	width: 209px; height: 11px;
	background: url('/images/sub/homepage-detail-icon01.png') no-repeat center center;
}


.homepage-detail .marketing-area .text-area h2 span
{
	display:block;
	background: #318bdf;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	text-align: center;
	margin-right: 5px;
	font-size: 20px;
	vertical-align: middle;
	margin-bottom: 10px;

}
.homepage-detail .marketing-area .text-area p
{
	color:#d9d9d9; font-size:18px;  font-weight: 300; line-height: 1.5; letter-spacing: -0.7px; }

@media screen and (max-width: 1024px){
	.homepage-detail
	{
		padding: 0 20px;
	}
	.homepage-detail .marketing-area .image-area
	{
	    margin-left: 22px;
		width: 50%;
	}
	.homepage-detail .marketing-area .text-area
	{
		width:47%;
	}
	.homepage-detail .marketing-area.left01
	{
		height: 407px;
	}
	.homepage-detail .marketing-area.left02
	{
		height: 286px;
	}
	.homepage-detail .marketing-area.left01 .text-area,
	.homepage-detail .marketing-area.left02 .text-area	
	{
		margin-left: 23px;
		
	}

	.homepage-detail .marketing-area .text-area h2
	{
		font-size: 24px;
		
	}
	.homepage-detail .marketing-area .text-area p
	{
		font-size: 16px;
	}
	.homepage-detail .marketing-area .image-area img
	{
		width:100%;
	}
	.homepage-detail .marketing-area .text-area h2:before
	{
	    left: 16%;
		width: 318px;
	}
	.homepage-detail .marketing-area .text-area .underline02:before 
	{
		width: 169px;
	}
	.homepage-detail .marketing-area .text-area .underline03:before
	{
		width: 169px;
	}
	.homepage-detail .marketing-area .text-area .underline04:before{
		top: 70%;
	    left: 66%;
	    width: 138px;
	}
}	

@media screen and (max-width: 768px){
	.homepage-detail .inner {
		padding:270px 0 60px 0;
	}
	.homepage-detail .homepage-detail-title {
		margin-bottom: 20px;
	}
	.homepage-detail .homepage-detail-title h1
	{
		font-size:30px;
	}
	.homepage-detail .marketing-area
	{
		margin-bottom: 40px;
	}
	.homepage-detail .marketing-area .text-area
	{
		width: 100%;
		text-align: center;
	}
	.homepage-detail .marketing-area .text-area h2
	{
		margin-bottom: 0;
	}
	.homepage-detail .marketing-area .text-area h2 span
	{
		display: inline-block;
	}
	.homepage-detail .marketing-area.left01,
	.homepage-detail .marketing-area.left02
	{
		overflow: hidden;
	}
	.homepage-detail .marketing-area .image-area
	{
	    margin-left: 0;
		width: 100%;
		padding:40px 20px 0;
		margin-bottom: 50px;
	}
	.homepage-detail .marketing-area.left01 .text-area,
	.homepage-detail .marketing-area.left02 .text-area	
	{
		float: none;
		margin-left:0;
		top:0;
		transform: translateY(0);
		
		
	}
	.homepage-detail .marketing-area.left01,
	.homepage-detail .marketing-area.left02
	 {
		height: auto;
	}
	.homepage-detail .marketing-area .text-area h2:before,
	.homepage-detail .marketing-area .text-area .underline02:before,
	.homepage-detail .marketing-area .text-area .underline03:before,
	.homepage-detail .marketing-area .text-area .underline04:before
	{
		display: none;
	}
}
@media screen and (max-width: 640px){
	.homepage-detail
	{
		margin-top:0;
	}
	.homepage-detail .inner {
   	 padding: 25px 0 25px 0;
	}
	.homepage-detail .marketing-area {
    	margin-bottom: 5px;
	}
	.homepage-detail .marketing-area .image-area
	{
		padding:40px 5px 0;
	}
	.homepage-detail .homepage-detail-title h1 {
    	font-size: 22px;
	}
	.homepage-detail .marketing-area .text-area h2 {
	    font-size: 17px;
	    margin-bottom:10px;
	}
	.homepage-detail .marketing-area .text-area h2 span{
		font-size: 14px;
	    vertical-align: top;
	    /* margin-bottom: 10px; */
		width: 22px; height: 22px;
		margin-bottom:0;
    }
}

.homepage-case
{
	padding:60px 0;
	background: #eeeff4;
}
.homepage-case .homepage-title
{
	text-align: center;
}
.homepage-case .homepage-title h1
{
	font-size: 50px;
	font-weight: 300;
	color:#262626;
	margin-bottom: 15px;
	letter-spacing: -1px;
	
}
.homepage-case .homepage-title h1 span
{
	
}
.homepage-case .homepage-title p
{
	font-size: 22px;
	color:#666;
	font-weight: 300;
	letter-spacing: -1px;
}
.homepage-case .homepage-title p span
{
	font-weight:400;
	color: #36445e;
}

.homepage-case-list ul{
	margin-top:60px;
/*	padding: 0 40px; */
	
}
.homepage-case-list ul li{
	display: inline-block;
	width: calc(100% / 3 - 18px);
	margin-bottom:14px;
	margin-right: 14px;
}

.homepage-case-list ul li:nth-child(3n)
{
	margin-right: 0;
}

.homepage-case-list ul li a{
	text-align: center;
/*	transition:.5s;*/
	
}
.homepage-case-list ul li img{
	width: 100%;	
transition:.5s;
}
.homepage-case-list ul li p{
	text-align: center;
	color:#000;
	margin:5px 20px;
	
	
}
.homepage-case-list ul li img:hover{
	width: 100%;	
/*	transform:scale(1.02);
	
	transition:.5s;
*/
}


.homepage-case-list ul li a:hover{

	transform:scale(1.10);
	
	transition:.5s;
}
.more
{
	color: #fff;
    background: #318bdf;
    padding: 13px 46px;
    font-size: 20px;
    font-weight: 300;
    display: inline-block;
    /* border-radius: 30px; */
    letter-spacing: 1px;
    display: block;
    padding: 13px 46px;
    margin: 0 auto;
    text-align: center;
    width: 403px;
    margin-top: 30px;
}
@media screen and (max-width: 1024px){

	.homepage-case-list ul li 
	{
		width: calc(100% / 3 - 12px);
	}
	.homepage-case-list li a img
	{
		width: 100%;
	}
}	
@media screen and (max-width: 768px){
	.homepage-case {
	    padding: 45px 0;
	}
	.homepage-case .homepage-title h1
	{
		font-size: 37px;
	}
	.more
	{
		width: 100%;
		margin-top: 15px;
	}
}
@media screen and (max-width: 640px){	
	.homepage-case{
		padding:0;
	}
	.homepage-case .homepage-title {
    	padding: 50px 0 5px 0;	
    }
	.homepage-case .homepage-title h1{
		font-size: 22px;	
	}
	.homepage-case .homepage-title p
	{
		font-size: 14px;	
		padding:0 10px;
	}
	.homepage-case-list ul
	{
		text-align: center;
		margin-top:30px;
	}
	.homepage-case-list ul li
	{
		width: calc(100% / 2 - 4px);
		margin-bottom:3px;
		margin-right: 3px;
	}
	.homepage-case-list ul li:nth-child(2n)
	{
		margin-right: 0;
	}
	.homepage-case-list ul li p{
		text-align: center;
		color:#000;
		margin:5px 20px;
		font-size: 12px;
		
		
	}

}

.homepage-price
{
	margin:0;
}
.homepage-price .homepage-title{
	text-align: center;
}

.homepage-price .homepage-title h1{
	font-size: 50px;
	color:#333;
	font-weight: 300;
	margin-top:60px;
	letter-spacing: -1px;
}

.homepage-price .homepage-price-detail
{
	
	margin-top:55px;
	margin-bottom:60px;
	
}
.homepage-price .homepage-price-detail .price-area
{
	display:inline-block;
	font-size:24px;
	font-weight: 300;
	color:#262626;
	border:1px solid #e6e6e6;
	padding:37px 50px;
	float: left;
	height: 138px;
	border-right: 0;
	
}
.homepage-price .homepage-price-detail .price-tel
{
	border:1px solid #e6e6e6;
	height: 138px;	
	display: inline-block;
	background: #318bdf;
	padding: 23px 45px;
}
.homepage-price-detail .price-tel  h2
{
	display: inline-block;
	font-size:36px;
	color:#fff;
	font-weight: 500;
	
	line-height: 1.5;
}
.homepage-price-detail .price-tel h2 span
{
	font-size:24px;
	display: inline-block;
	font-weight: 300;
}
.homepage-price-detail .price-tel p
{
	font-size:24px;
	color:#fff;
	font-weight: 300;
	}

.homepage-price-detail .price-tel p strong
{
	font-weight: 500;	
}	
@media screen and (max-width: 1024px){
	.homepage-price {
		margin:65px 0;
	}
	.homepage-price .homepage-title h1 {
		margin-top: 0;
	}

	.homepage-price .homepage-price-detail .price-area{
		font-size: 27px;
		padding: 37px 20px;
		border-right: 1px solid #e6e6e6;
	}
	.homepage-price .homepage-price-detail .price-tel {
	    padding: 23px 20px;
	    width: 100%;
		text-align: center;
	}


}
@media screen and (max-width: 768px){
	.homepage-price .homepage-title h1
	{
		font-size: 37px;
	}
	.homepage-price .homepage-price-detail .price-area
	{
		font-size:22px;
		padding:38px 17px;
	}
}
@media screen and (max-width: 640px){
	.homepage-price
	{
		margin:40px 0;
	}
	.homepage-price .homepage-price-detail
	{
		margin:30px 0;
	}
	.homepage-price .homepage-price-detail .price-area
	{
		font-size: 17px;
		padding:26px 17px;
		height: auto;
	}
	.homepage-price .homepage-title h1 {
  	  font-size: 22px;
	}
	.homepage-price .homepage-price-detail .price-tel
	{
		padding: 20px 20px;
		height: auto;
	}
	.homepage-price-detail .price-tel h2
	{
		font-size: 36px;
	}
	
}
.homepage-process
{
	margin-bottom: 50px;
}
.homepage-process h1
{
	font-size: 24px;
	color:#262626;
	font-weight: 400;
	margin-bottom: 25px;
	
}
.homepage-process dl
{
	width: calc(100% / 5 - 29px);
	display: inline-block;
	padding:29px 5px 22px 5px;
	border:1px solid #e6e6e6;
	height: 99px;
	vertical-align: middle;
	text-align: center;	
	margin-right: 25px;
	margin-bottom:25px;
	position: relative;
}
.homepage-process dl dt
{
	display:inline-block;
	margin-right: 8px;
		
}			
.homepage-process dl dt img
{
	display:inline-block;
}
.homepage-process dl dd
{
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	letter-spacing: -0.5px;
	line-height: 1.2;
	font-weight: 300;
	color:#262626;
	
}			



.homepage-process dl:nth-child(1):after,
.homepage-process dl:nth-child(2):after,
.homepage-process dl:nth-child(3):after,
.homepage-process dl:nth-child(4):after,
.homepage-process dl:nth-child(5):after
{
	content:url(/images/sub/homepage-process-icon01.png); 
	display:block;
/*	width:100%;
	height:60px;
	border:1px solid #01a1dd;*/
	position:absolute;
	left: 107%;
    top: 50%;
    transform: translate(-50%,-50%)
	}
	
.homepage-process dl:nth-child(6):before

{
	content:url(/images/sub/homepage-process-icon02.png); 
	display:block;
/*	width:100%;
	height:60px;
	border:1px solid #01a1dd;*/
	position:absolute;
	left: 50%;
    bottom: -33%;
    transform: translate(-50%,-50%)
}
	

.homepage-process dl:nth-child(7):after,
.homepage-process dl:nth-child(8):after,
.homepage-process dl:nth-child(9):after,
.homepage-process dl:nth-child(10):after

{
	content:url(/images/sub/homepage-process-icon03.png); 
	display:block;
/*	width:100%;
	height:60px;
	border:1px solid #01a1dd;*/
	position:absolute;
	right:  -23px;
    top: 48%;
    transform: translate(-50%,-50%)
	
	
}		


.homepage-cons-service
{
	background: url('/images/sub/homepage-cons-service01.png') no-repeat center center/cover;
	
}
.homepage-cons-service.banner02
{
	background: url('/images/sub/homepage-cons-service02.png') no-repeat center center/cover;
}

.homepage-cons-service .homepage-title
{
	vertical-align: middle;
}
.homepage-cons-service h1
{
	padding:102px 0;
	display: inline-block;
	color:#fff;
	font-size: 32px;
	font-weight: 350;
	width: calc(100% - 30.833%);
	vertical-align: middle;
}
.homepage-cons-service p
{
	display:inline-block;
	padding:12px 17px;
	border-radius: 25px;
	background: #318bdf;
	vertical-align: middle;

}
.homepage-cons-service a
{
	color:#fff;
	font-size: 20px;
	font-weight: 300;


}

@media screen and (max-width: 1240px)
{
	.homepage-title{padding: 50px 0 50px 0; text-align: center;}
	.homepage-cons-service h1{padding:0; width: 100%;}
	.homepage-cons-service p { margin-top:16px;}
	.homepage-process{display: none;}

}
@media screen and (max-width: 1024px)
{
	.homepage-title{padding: 0;}
	.homepage-cons-service
	{
		padding:21px 0;
	}
	.homepage-cons-service h1 {
		font-size: 28px;
		
	}
	.homepage-cons-service p {
	    margin-top: 13px;
	}
}
@media screen and (max-width: 768px)
{ 
	.homepage-cons-service {
		padding: 28px 0;
	}
		
	.homepage-cons-service h1
	{
		font-size: 24px;
	}
	.homepage-cons-service a
	{
		font-size: 17px;
	}
	.homepage-process dl {
		width: calc(100% / 3 - 29px);
	}
	.homepage-process dl dd
	{
		font-size: 17px;
	}

	.homepage-process dl:nth-child(6):after,
	.homepage-process dl:nth-child(7):after,
	.homepage-process dl:nth-child(8):after,
	.homepage-process dl:nth-child(9):after,
	.homepage-process dl:nth-child(10):after

	{
		content:url(/images/sub/homepage-process-icon01.png); 
		display:block;
	/*	width:100%;
		height:60px;
		border:1px solid #01a1dd;*/
		position:absolute;
		left: 107%;
	    top: 50%;
	    transform: translate(-50%,-50%);
	}
}	
@media screen and (max-width: 640px)
{ 
	.homepage-cons-service h1{font-size:18px;}

	.homepage-process dl {
	    width: calc(100% / 2 - 18px);
	    display: inline-block;
	    padding: 15px 2px 15px 2px;
	    height: 73px;
	    margin-right: 16px;
    	margin-bottom:10px;
	}
	.homepage-process dl dd {
	    display: inline-block;
	    margin-height: 18px;
    	font-size: 14px;
	}
	.homepage-cons-service a {
	    color: #fff;
	    font-size: 14px;
	    font-weight: 300;
	}
	.homepage-cons-service p {
	    padding: 7px 12px;
	 
	}
}



/*blog-info*/
.blog-info{
	margin-bottom: 110px;
	}
.blog-info-title
{
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 25px;
}


.blog-info .blog-info-title h1
{
	font-size:45px;
	font-weight: 400;
	margin-bottom:30px;
}
.blog-info .blog-info-title h1 span{
	color: #318bdf;
}
.blog-info .blog-info-title p{

	font-size: 24px;
	color: #666666;
}
.blog-info-img
{
	display: inline-block;
	padding-left: 125px;
}

.blog-info-list{
	margin-top:70px;
}

.blog-info-list ul
{
	display: table;	
	table-layout:fixed;
	width: 1200px;
	margin:0 auto;
}
.blog-info-list ul li
{
	
	border:1px solid #e6e6e6;
	padding:20px 25px;
	display: table-cell;
	
	font-size: 16px;
	color:#36435e;
	text-align: center;
	border-right: 0;
}


.blog-info-list ul li img
{
	display: block;
	margin:0 auto;
	padding-bottom: 10px;
}
.blog-info-list ul li:last-child
{
	border-right: 1px solid #e6e6e6;
}
@media screen and (max-width: 1024px){
	.blog-info-img
	{
		width: 100%;
		padding-left: 0;
		text-align: center;
		margin-top:20px;
	}
	.blog-info-list ul {
		width:100%;
	}
}
@media screen and (max-width: 768px){
	
	.blog-info{
		margin-bottom:50px;
	}
	.blog-info .blog-info-title h1
	{
		font-size:30px;
		margin-bottom:15px;
	}
	.blog-info .blog-info-title p
	{
		font-size: 24px;
	}
	

}

@media screen and (max-width: 640px){
	.blog-info .blog-info-title h1
	{
		font-size:20px;
		margin-bottom:15px;
	}
	.blog-info .blog-info-title p
	{
		font-size: 15px;
	}
	.blog-info-img img
	{
		width:100%
	}
	.blog-info-list ul
	{


	}

	.blog-info-list ul li
	{
		
		display: inline-block;
		width:calc(100% / 3);
		border-bottom: 0;
		height: 150px;
		padding: 20px 3px;

		vertical-align: top;
	}
	.blog-info-list.posting ul li
	{
		height: 180px;
	}
	
	.blog-info-list ul li:nth-child(3),
	.blog-info-list ul li:nth-child(6)
	{
		
		border-right: 1px solid #e6e6e6;
	}
	.blog-info-list ul li:nth-child(4),
	.blog-info-list ul li:nth-child(5),
	.blog-info-list ul li:nth-child(6)
	{
		border-bottom: 1px solid #e6e6e6;
	}

}
/* blog-detail */
	
.blog-detail
{	
	width: 100%;
	background: url('/images/sub/blog-detail-bg.png') no-repeat center center;
	background-size: cover;
	padding: 110px 0 80px 0;

}		
.blog-detail .inner
{
	
}


		

.blog-detail .blog-detail-title
{
	text-align: center;
	margin-bottom:40px;
	
}
.blog-detail .blog-detail-title h1
{
	color:#fff;
	font-size: 50px;
	font-weight: 300;
}
.blog-detail .blog-detail-title h1 span
{
	color:#318bdf;
}
.blog-detail .blog-detail-title p
{
	margin-top:15px;
	font-size: 22px;
	background-color:#318bdf;
	padding: 5px 10px;
	color:#fff;
	display: inline-block;
	font-weight: 300;
}
.blog-area-main 
{ 
	padding-left:150px;
	position: relative;
	margin-bottom:145px;
}
		
.blog-area-main .mobile-img
{	
	margin-left:-22px;
	margin-bottom:-65px;
}
.blog-area-main p
{	

	color:#fff;
	font-size:20px;
	font-weight: 300;
	
}
.blog-area-main div p
{
	
	margin-top:15px;
	padding-right: 138px;
    text-align: center;
    
}
.blog-area-main .blog-area-text01
{
	position: absolute;
	top:38%;
	left:0;
}
.blog-area-main .blog-area-text02
{
	position: absolute;
	top:80%;
	left:0;
}
.blog-area-main .blog-area-text03
{
	position: absolute;
	bottom: -8px;
	right:8px;;
}

.blog-area-main p span
{
	display:inline-block;
	background: #318bdf;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	text-align: center;
	margin-right: 5px;
}
.blog-area-main div p:after
{
	content:url(/images/sub/blog-detail-img03.png); 
	display:block;
/*	width:100%;
	height:60px;
	border:1px solid #01a1dd;*/
	position:absolute;
	left:0;
	bottom:-100px;

}

.blog-area-banner
{
	margin-top: 55px;
}
.blog-area-banner .title
{

	margin-bottom:45px;
}
.blog-area-banner .title p
{
	color:#fff;
	font-size:20px;
	font-weight: 300;
	margin-bottom:7px;
}
.blog-area-banner .title p span
{
	display:inline-block;
	background: #318bdf;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	text-align: center;
	margin-right: 5px;

}
.blog-area-banner p strong
{
	color:#b2b2b2;
	font-size:18px;
	font-weight: 300;
	padding-left: 5px;
}
.blog-area-banner .thum-img
{
	height: 387px;
	line-height: 387px;
	display:flex;
    justify-content:center;
    align-items:center;
	position: relative;
}
.blog-area-banner .thum-img .thum-list-txt
{
	position: absolute;
	right: 140px;
	bottom: -135px;
	color:#b2b2b2;
	font-size:18px;
	font-weight: 300;
	
	
}
.blog-area-banner .thum-img img
{
	float: left;

}

.blog-area-banner .thum-img img:after
{
	clear: both;
}
.blog-area-banner .thum-img:before
{
	content:url(/images/sub/blog-detail-img10.png); 
	display:block;
/*	width:100%;
	height:60px;
	border:1px solid #01a1dd;*/
	position:absolute;
	left: 50.3%;
    top: 50%;
    transform: translate(-50%,-50%);
	
}
.blog-area-banner ul{
	text-align: center;	
}
.blog-area-banner ul li{
	display:inline-block;
	margin-right: 22px;
}
.blog-area-banner ul li:last-child
{
	margin-right: 0;
}


@media screen and (max-width: 1024px){
	.blog-detail .blog-detail-title h1{
		
	}
	
	.blog-area-main 
	{ 
		padding-left:0;
		position: relative;
		margin-bottom:145px;
	}
	.blog-area-main .pc-img
	{
		width: 80%;
	}
	.blog-area-main .mobile-img
	{
		width: 20%;
		margin-left:-22px;
		margin-bottom:-65px;
	}
	.blog-area-main div p:after
	{
		display:none;
		
	}
	.blog-area-main .blog-area-text01
	{
		top: 17%;
		left:10px;
	}
	.blog-area-main .blog-area-text02
	{
		top:80%;
		left:0;
	}
	.blog-area-main .blog-area-text03
	{
		bottom: -55px;
		right: 8px;
	}	
	.blog-area-banner .thum-img {
	    height: 780px;
	    line-height: 387px;
	    display: block;
	    justify-content: left;
	    align-items: center;
	    /* position: relative; */
	    text-align: center;
	}
	.blog-area-banner .thum-img img{
	   	float:none;
	   	text-align: center;
	   	width:70%;
	}
	.blog-area-banner .thum-img:before
	{
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
		left:47.3%;
		top:35%;

	}
	.blog-area-banner .thum-img .thum-list-txt
	{
		right:35%;
		bottom:-180px;
		color:#fff;
	}
	.blog-area-banner ul li
	{
		margin-right: 10px;
		width: calc(100% / 4 - 16px);
	}
	.blog-area-banner ul li img
	{
		width:100%;
	}
}
@media screen and (max-width: 768px){
	.blog-detail .blog-detail-title h1{
		font-size:37px;
	}
		.blog-detail .blog-detail-title p{
		font-size: 18px;
	}
	.blog-area-main p {
		font-size: 15px;
	}
	.blog-area-main p span
	{
		width: 22px;
		height: 22px;
	}
	.blog-area-banner .title {
   		 margin-bottom: 0;
   	}
   	.blog-area-banner .thum-img
   	{
	   	height: 590px;
	   	
	   	line-height: 325px;
	}
   	.blog-area-banner .thum-img .thum-list-txt
   	{
	   	right:35%;
	   	bottom:-167px;
	   	font-size: 15px;
	   	
   	}
   	.blog-area-banner .thum-img:before
   	{
	   	left: 47.3%;
	    top: 35%;
	}
	.blog-area-banner p strong
	{
		font-size: 16px;
	}
}
@media screen and (max-width: 640px){
	.blog-detail
	{
		padding: 30px 0 40px 0;
	}
	.blog-detail .blog-detail-title h1
	{
		font-size:20px;
	}
	.blog-detail .blog-detail-title p
	{
		font-size:15px;
	}
	.blog-area-main {
		padding-top:20px;
		margin-bottom:24px;
	}
	.blog-area-main div p {
	    padding-right: 0;
	}
	.blog-area-main .pc-img
	{
		width: 100%;
		margin-bottom: 46px;
	}
	.blog-area-main .mobile-img
	{
		width: 39%;
		display: block;
		margin:0 auto;
	}
	.blog-area-main p{
		font-size:14px;
	}
	.blog-area-main p span{
		margin-right: 1px;
		}
	.blog-area-main .blog-area-text01 {
		top: -2%;
		line-height: 20px;
	}
	.blog-area-main .blog-area-text02 {
		top: 25%;
		left:10px;
		line-height: 20px;
		
	}
	.blog-area-main .blog-area-text03 {
		top:37%;
		left:10px;
		line-height: 20px;
	}
	.blog-area-banner .title p
	{
		font-size: 16px;
		margin-left: 10px;
	}
	.blog-area-banner p strong {
		font-size: 14px;
		line-height: 20px;
		
	}
	.blog-area-banner .title p span
	{
		width: 22px;
		height: 22px;
	}
	.blog-area-banner .thum-img {
	    height: 350px;
	    line-height: 185px;
	}	
	.blog-area-banner .thum-img img
	{
		width: 83%;
	}
	.blog-area-banner .thum-img:before{
		left: 41.3%;
		top: 33.3%;	
	}
	.blog-area-banner .thum-img .thum-list-txt
	{
		width: 100%;
	    right: 1%;
	    bottom: -26%;
	    font-size: 15px;
	}
	.blog-area-banner ul li
	{
		width: calc(100% / 2 - 16px);
		margin-bottom:10px;
	}
	.blog-area-banner ul li:nth-child(2),
	.blog-area-banner ul li:nth-child(4)
	{
		margin-right: 0;
	}
}
.blog-case
{
	padding:110px 0;
	background: #318bdf;
}
.blog-case .blog-title
{
	text-align: center;
}
.blog-case .blog-title h1
{
	font-size: 50px;
	color:#fff;
	font-weight: 300;

	
}
.blog-case .blog-title p
{
	font-size: 22px;
	color:#fff;
	font-weight: 300;
	
}
.blog-case-list ul{
	margin-top:55px;
	
}
.blog-case-list ul li{
	display: inline-block;
	width: calc(100% / 4 - 3px);
	margin-bottom:14px;
}

.blog-case-list ul li:nth-child(4),
.blog-case-list ul li:nth-child(8),
.blog-case-list ul li:nth-child(12)
{
	margin-right: 0;
}

.blog-case-list ul li a{
	text-align: center;
}
	
	
@media screen and (max-width: 1024px){

	.blog-case-list li a img
	{
		width: 100%;
	}
}	
@media screen and (max-width: 768px){
	.blog-case {
	    padding: 45px 0;
	}
	.blog-case .blog-title h1
	{
		font-size: 37px;
	}
}
@media screen and (max-width: 640px){	
	.blog-case{
		padding:0;
		}
	.blog-case .blog-title {
    	padding: 50px 0 5px 0;	
    }
	.blog-case .blog-title h1{
		font-size: 20px;	
	}
	.blog-case .blog-title p
	{
		font-size: 15px;	
	}
	.blog-case-list ul
	{
		text-align: center;
		margin-top:30px;
	}
	.blog-case-list ul li
	{
		width: calc(100% / 2 - 6px);
		margin-bottom:3px;
	}
}

.blog-price
{
	margin:115px 0;
}
.blog-price .blog-title{
	text-align: center;
}

.blog-price .blog-title h1{
	font-size: 50px;
	color:#000;
	font-weight: 300;
}

.blog-price .blog-price-detail
{
	
	margin-top:55px;
	margin-bottom:60px;
	
}
.blog-price .blog-price-detail .price-area
{
	display:inline-block;
	font-size:24px;
	font-weight: 300;
	color:#262626;
	border:1px solid #e6e6e6;
	padding:37px 50px;
	float: left;
	height: 138px;
	border-right: 0;
	width: 50%;
	
}
.blog-price .blog-price-detail .price-tel
{
	border:1px solid #e6e6e6;
	height: 138px;	
	display: inline-block;
	background: #318bdf;
	padding: 23px 90px;
	width: 50%;	
}
.blog-price-detail .price-tel  h2
{
	display: inline-block;
	font-size:36px;
	color:#fff;
	font-weight: 500;
	line-height: 1.5;
}
.blog-price-detail .price-tel h2 span
{
	font-size:24px;
	display: inline-block;
	font-weight: 300;
}
.blog-price-detail .price-tel p
{
	font-size:24px;
	color:#fff;
	font-weight: 300;
}

.blog-price-detail .price-tel p strong
{
	font-weight: 500;	
}	
@media screen and (max-width: 1024px){
	.blog-price {
		margin:65px 0;
	}

	.blog-price .blog-price-detail .price-area{
		font-size: 27px;
		padding: 37px 20px;
		border-right: 1px solid #e6e6e6;
	}
	.blog-price .blog-price-detail .price-tel {
	    padding: 23px 20px;
	    width: 100%;
		text-align: center;
	}


}

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

	.blog-price .blog-price-detail{margin-top: 0;}
	.blog-price .blog-price-detail .price-area {
	    font-size: 22px;
	    padding: 24px 30px;
	    display: table;
	    border-right: 1px solid #e6e6e6;
    }
	.blog-price .blog-price-detail .price-area p{
		display: table-cell;
		vertical-align: middle;
    }
    .blog-price .blog-price-detail .price-tel {
	    height: 125px;
	    padding: 23px 117px;
	}
	.blog-price .blog-price-detail .price-tel {
	    padding: 23px 15px;
	}
	.blog-price-detail .price-tel h2	
	{
	   font-size: 30px;
	}
	.blog-price-detail .price-tel h2	
	{
	   font-size: 30px;
	}
	.blog-price-detail .price-tel h2 span	
	{
	   font-size: 20px;
	}
	.blog-price-detail .price-tel p{
		font-size: 20px;
	}

}
@media screen and (max-width: 640px){
	.blog-price
	{
		margin:10px 0;
	}
	.blog-price .blog-price-detail{margin-bottom: 25px;}
	.blog-price .blog-title{
		padding: 20px 0 19px 0;	
	}
	.blog-price .blog-title h1
	{
		font-size:20px;
	}
	.blog-price .blog-price-detail .price-area {
		font-size: 16px;
		padding: 15px 21px;
		
	}
	.blog-price .blog-price-detail .price-tel {
	    padding: 23px 15px;
	
	}	
	
}

.blog-process
{}
.blog-process h1
{
	font-size: 24px;
	color:#262626;
	font-weight: 400;
	margin-bottom: 25px;
}
.blog-process dl
{
	width: calc(100% / 5 - 29px);
	display: inline-block;
	padding:29px 5px 22px 5px;
	border:1px solid #e6e6e6;
	height: 99px;
	vertical-align: middle;
	text-align: center;	
	margin-right: 25px;
	margin-bottom:25px;
	position: relative;
}
.blog-process dl dt
{
	display:inline-block;
	margin-right: 8px;
		
}			
.blog-process dl dt img
{
	display:inline-block;
}
.blog-process dl dd
{
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	letter-spacing: -0.5px;
	line-height: 1.2;
	font-weight: 300;
	color:#262626;
}			



.blog-process dl:nth-child(1):after,
.blog-process dl:nth-child(2):after,
.blog-process dl:nth-child(3):after,
.blog-process dl:nth-child(4):after,
.blog-process dl:nth-child(5):after
{
	content:url(/images/sub/blog-process-icon01.png); 
	display:block;
/*	width:100%;
	height:60px;
	border:1px solid #01a1dd;*/
	position:absolute;
	left: 107%;
    top: 50%;
    transform: translate(-50%,-50%)
	}
	
.blog-process dl:nth-child(6):before

{
	content:url(/images/sub/blog-process-icon02.png); 
	display:block;
/*	width:100%;
	height:60px;
	border:1px solid #01a1dd;*/
	position:absolute;
	left: 50%;
    bottom: -33%;
    transform: translate(-50%,-50%)
	}
	

.blog-process dl:nth-child(7):after,
.blog-process dl:nth-child(8):after,
.blog-process dl:nth-child(9):after,
.blog-process dl:nth-child(10):after

{
	content:url(/images/sub/blog-process-icon03.png); 
	display:block;
/*	width:100%;
	height:60px;
	border:1px solid #01a1dd;*/
	position:absolute;
	right:  -23px;
    top: 48%;
    transform: translate(-50%,-50%)
	
	
}		


.blog-cons-service
{
	background: url('/images/sub/blog-cons-service.png') no-repeat center center/cover;
}
.blog-cons-service .blog-title
{
	vertical-align: middle;
}
.blog-cons-service h1
{
	padding:102px 0;
	display: inline-block;
	color:#fff;
	font-size: 32px;
	font-weight: 350;
	width: calc(100% - 30.833%);
	vertical-align: middle;
}
.blog-cons-service p
{
	display:inline-block;
	padding:12px 17px;
	border-radius: 25px;
	background: #318bdf;
	vertical-align: middle;

}
.blog-cons-service a
{
	color:#fff;
	font-size: 20px;
	font-weight: 300;


}

@media screen and (max-width: 1240px)
{
	.blog-title{padding: 50px 0 50px 0; text-align: center;}
	.blog-cons-service h1{padding:0; width: 100%;}
	.blog-cons-service p { margin-top:16px}
	.blog-process{display: none;

}

@media screen and (max-width: 768px)
{ 
	.blog-process dl {
		width: calc(100% / 3 - 29px);
	}
	.blog-process dl dd
	{
		font-size: 17px;
	}

	.blog-process dl:nth-child(6):after,
	.blog-process dl:nth-child(7):after,
	.blog-process dl:nth-child(8):after,
	.blog-process dl:nth-child(9):after,
	.blog-process dl:nth-child(10):after

	{
		content:url(/images/sub/blog-process-icon01.png); 
		display:block;
	/*	width:100%;
		height:60px;
		border:1px solid #01a1dd;*/
		position:absolute;
		left: 107%;
	    top: 50%;
	    transform: translate(-50%,-50%);
	}
}	
@media screen and (max-width: 640px)
{ 
	.blog-cons-service h1{font-size:20px;}

	.blog-process dl {
	    width: calc(100% / 2 - 18px);
	    display: inline-block;
	    padding: 15px 2px 15px 2px;
	    height: 73px;
	    margin-right: 16px;
    	margin-bottom:10px;
	}
	.blog-process dl dd {
	    display: inline-block;
	    margin-height: 18px;
    	font-size: 14px;
	}
	.blog-cons-service a {
	    color: #fff;
	    font-size: 16px;
	    font-weight: 300;
	}

}
/* 
	loaction-menu
*/
.loaction-menu { 
	text-align:center;
	background: #01a1dd;
}
.loaction-menu ul { 
	display:table;
	margin:0 auto;
	width:1240px; height:65px;
	table-layout:fixed;
}
.loaction-menu li {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	border-right:1px solid rgba(255,255,255,.3);
	
	padding: 0px 5px;
}
.loaction-menu li:last-child { 
	border-right:0 none;
}
.loaction-menu li a {
	display:block;
	font-weight:300; font-size:20px; line-height: 1.2;
	color:#fff;
	/* word-break:keep-all; */
}
.loaction-menu li.on { 
	border-color:#01a1dd; 
	background: #fff; 
}
.loaction-menu li.on:before {content:''; display:block; width:100%; height:10px; background:#fff; position: absolute; top: -10px; left:0;}
.loaction-menu li.on a {color:#01a1dd;}
.loaction-menu li a br { 
	display:none; 
}

@media screen and (max-width: 1240px) { 
	.loaction-menu {
		margin-top: 0; width:100%;
	}
	.loaction-menu ul { 
		width:100%;
	}
}
@media screen and (max-width: 768px) {
	.loaction-menu ul { 
		height:50px; 
	}
	.loaction-menu li a { 
		font-size:17px; 
	}
}
@media screen and (max-width: 640px) {
	.loaction-menu ul { 
		height:45px; 
	}
	.loaction-menu li a { 
		font-size:15px; 
	}
}
@media screen and (max-width: 480px) {
	.loaction-menu ul { 
		height:40px; 
	}
	.loaction-menu li a { 
		font-size:13px; 
	}
}
/*
	sub title
*/
.sub-conts-title {
	font-weight:400; font-size:48px;
	color:#333;
	letter-spacing:-2.5px;
	text-align:center;
}
.sub-conts-title:after {
	content:'';
	display:block;
	margin:13px auto 50px;
	width:30px; height:2px;
	background:#018cdd;
}

@media screen and (max-width: 768px) {
	.sub-conts-title {
		font-size:40px;
		letter-spacing:-2px;
	}
	.sub-conts-title:after {
		margin:15px auto 50px;
	}
}
@media screen and (max-width: 480px) {
	.sub-conts-title {
		font-size:26px;
		letter-spacing:-1px;
	}
	.sub-conts-title:after {
		margin:10px auto 30px;
		width:20px; height:2px;
	}
}


/* 
	인사말
*/
.greeting-img {position:relative; margin-bottom: 125px;}
.greeting-img h1 {text-align:right; padding-left: 120px;}
.greeting-img h2 {
	position:absolute;
	bottom:-64px; 
	left: 10px;
	display: table;
    width: 585px;
    height: 340px;
    text-align: center;
	border: 15px solid rgba(1,161,221,0.63);
}
.greeting-img h2 p {
	display: table-cell;
	vertical-align:middle;
}
.greeting-txt ul:after {
	content:'';
	clear:both;
	display:block;}
.greeting-txt ul li {
	float:left;
	line-height: 32px;
    color: #333;
}
.greeting-txt ul li:last-child {padding-left:100px;}
.greeting-txt ul li h3 {
	font-size: 30px;
    font-weight: 300;
}


.greeting-txt ul li p {
    font-size: 22px;
    font-weight: 300;
    padding-bottom: 5px;
}
.greeting-txt ul li p span {color:#000;}

@media screen and (max-width: 1240px) { 
	.greeting-img h1 { padding-left: 80px;}
	.greeting-img h1 > img {width:100%;}
	.greeting-img h2 img {width: 280px;}
	.greeting-img h2 {
		left: 0px;
		width: 500px;
		height: 260px;
		border: 13px solid rgba(1,161,221,0.63);
	}
}

@media screen and (max-width: 1200px) { 
	.greeting-txt ul li {line-height:28px;}
	.greeting-txt ul li:last-child {padding-left: 60px;}
	.greeting-txt ul li h3 {font-size: 26px;}
	.greeting-txt ul li p {font-size: 18px;}
}

@media screen and (max-width: 980px) { 
	.greeting-txt ul li {float:none;}
	.greeting-txt ul li:last-child {padding-left: 0px; padding-top:50px;}
	.greeting-img h1 {
		padding-left: 50px;
	}
	.greeting-img h2 {
		width: 400px;
		height: 220px;
		border: 10px solid rgba(1,161,221,0.63);
	}
	.greeting-img h2 img {
		width: 230px;
	}
}

@media screen and (max-width: 640px) { 
	.greeting-img {margin-bottom: 80px;}
	.greeting-img h2 {
		width: 300px;
		height: 150px;
		border: 8px solid rgba(1,161,221,0.63);
		bottom: -45px;
	}
	.greeting-img h2 img {width:180px;}
}

@media screen and (max-width: 480px) { 
	.greeting-txt ul li h3 { font-size: 24px;}
	.greeting-txt ul li p {font-size: 16px; padding-bottom: 0;}
	.greeting-img {
		margin-bottom: 60px;
	}
	.greeting-img h1 {
		padding-left: 30px;
	}
	.greeting-img h2 {
		width: 230px;
		height: 100px;
		border: 5px solid rgba(1,161,221,0.63);
		bottom: -25px;
	}
	.greeting-img h2 img {
		width: 150px;
	}
}



/*
	변호사소개
*/

.laywer_img {display:inline-block; padding-right: 60px;}
.sub-lawyer-career {display:inline-block; vertical-align:bottom; padding-top:60px; text-align: left;}
.sub-lawyer-career h2 {font-size: 72px; color: #333; line-height: 1;}
.sub-lawyer-career h2:after {content:''; display:block; width:40px; height:3px; background:#01a1dd; margin: 50px 0px;}
.sub-lawyer-career h2 > p { font-size: 36px; font-weight: 300; letter-spacing: 20px; padding: 18px 0px 0px 80px;}
.sub-lawyer-career > ul.left-career {
    margin-right: 60px;
    display: inline-block;
	vertical-align:top;
}
.sub-lawyer-career > ul.left-career.margin_tab1 { margin-right: 185px;}
.sub-lawyer-career > ul.left-career.margin_tab2 {margin-right: 70px;}
.sub-lawyer-career > ul.left-career.margin_tab3 {margin-right: 100px;}
.sub-lawyer-career > ul.right-career {
    display: inline-block;
}
.sub-lawyer-career > ul > li {
    font-size: 18px;
    color: #666;
    font-weight: 300;
    margin-bottom: 16px;
}
.sub-lawyer-career > ul > li:last-child {
	margin-bottom: 0px;
}
.laywer_box {margin-bottom:100px; clear:both;}
.laywer_box:last-child {margin-bottom:0px;}
.laywer_box:first-child .sub-lawyer-career {padding-top:0px;}
.laywer_right .laywer_img {float: right; padding-top:100px; padding-right: 12px;}
.laywer_right:after {content:''; display:block; clear:both;}
.sub-lawyer-career > ul > li .inner-career {line-height: 32px;}
.sub-lawyer-career > ul > li .inner-career li {padding-left:10px; position: relative;}
.sub-lawyer-career > ul > li .inner-career li:before {content:'-'; display:inline-block; position: absolute; left: 0; }
.house{padding-left:20px;}

@media screen and (max-width: 1340px) { 
	.sub-lawyer-career h2 br {display:none;}
	.sub-lawyer-career h2 > p {display: inline-block; padding: 18px 0px 0px 20px;}
	.sub-lawyer-career > ul.left-career {
    width: auto;
    margin-right: 0px;
    display: block;
	}
	.sub-lawyer-career > ul.right-career {
    width: auto;
    display: block;
	margin-top: 18px;
	}
	.sub-lawyer-career {
	 padding-left: 80px; 
	}
	.laywer_img {padding-right: 0px;}
	.laywer_right .laywer_img {float: none; padding-top: 53px; vertical-align: top;}
	.sub-lawyer-career > ul.left-career.margin_tab1 { margin-right: 0px;}
	.sub-lawyer-career > ul.left-career.margin_tab2 {margin-right: 0px;}
	.sub-lawyer-career > ul.left-career.margin_tab3 {margin-right: 0px;}
	.laywer_img img {width:420px;}
}

@media screen and (max-width: 1070px) { 
	.sub-lawyer-career { padding-left: 50px;}
	.sub-lawyer-career h2 { font-size: 53px;}
	.sub-lawyer-career h2 > p {font-size: 30px; letter-spacing: 10px;}
	.sub-lawyer-career h2:after { margin: 14px 0px 14px 0px;}
	.laywer_img img {width:320px;}
}

@media screen and (max-width: 850px) { 
	.laywer_img {
    display: block;
    text-align: center;
	margin-bottom: 30px;
	}
	.sub-lawyer-career {padding-left: 30px; padding-top:0px;}
}

@media screen and (max-width: 768px) { 
	.sub-lawyer-career > ul > li {
		font-size: 16px;
		margin-bottom: 13px;
	}
	
	.sub-lawyer-career > ul > li .inner-career {
		line-height: 26px;
	}
	.sub-lawyer-career h2 {
		font-size: 30px;
	}
	.sub-lawyer-career h2 > p {
    font-size: 20px;
    letter-spacing: 7px;
    padding: 18px 0px 0px 10px;
}
	.sub-lawyer-career > ul.right-career {margin-top: 13px;}
	.laywer_img img {width:250px;}
	.laywer_box { margin-bottom: 60px;}
}


@media screen and (max-width: 480px) { 
	.sub-lawyer-career > ul > li {
		font-size: 12px;
		margin-bottom: 11px;
	}
	.sub-lawyer-career > ul > li .inner-career li br {display:none;}
	.sub-lawyer-career {
		padding-left: 10px;
	}
	.laywer_img img {width:230px;}
}


/*변호사 썸네일 */
.lawyer_thumnail_list{width:100%; font-size:0;}
	.lawyer_thumnail_list .slick-track { width:100% !important; }
.lawyer_thumnail_box{ overflow:hidden; display:inline-block; vertical-align:top; margin-bottom:1px; width:calc(25% - 1px) !important; height:120px !important; position:relative; background-color: #787878;margin-right: 1px;}
.lawyer_thumnail_box img{position: absolute; right:14px; top: 0px;}
.lawyer_thumnail_box p{color: #fff; padding-top:35px; padding-left: 55px; font-size: 21px; line-height: 20px;}
.lawyer_thumnail_box span{font-size: 15px; font-weight: 300;}
.lawyer-list-clear{
	clear:both;
	}

@media screen and (max-width: 768px) { 
	.lawyer_thumnail_list .slick-track { width:100% !important; }
	.lawyer_thumnail_box { overflow:hidden; margin-bottom:1px; width:calc(33.333% - 1px) !important; }
}

@media screen and (max-width: 480px) { 
	.lawyer-list { 
	padding:25px 0px 0px;
	width:100%;

	}
	.lawyer-list .laywer-detail { 
		padding:0 43px;
		height: 993px;
	
	}

	.lawyer_thumnail_box{height: 67px !important;}
	.lawyer_thumnail_box img{width: 60%; right:0; bottom:0;}
	.lawyer_thumnail_box p{color: #fff; padding-top:10px; padding-left: 10px; font-size: 15px; line-height: 20px;}
	.lawyer_thumnail_box span{font-size: 10px; font-weight: 300;}

}


/* 
	오시는길
*/
.location-map > iframe {
	width:100%;
}
.location-info {
	padding: 70px 80px;
    border: 1px solid #01a1dd;
    margin-top: 13px;
}
.location-info > ul > li {display: inline-block; margin-bottom: 60px; position:relative; padding-left:96px; vertical-align:top;}
.location-info > ul > li:first-child {margin-right:100px;}
.location-info > ul > li:last-child { margin-bottom: 0px;}
.location-info > ul > li > dl dt { display: inline-block; margin-right: 20px; vertical-align: top;}
.location-info > ul > li > dl dd { display: inline-block;}
.location-info > ul > li:before {position:absolute; content:''; display:inline-block; width:76px; height:76px; left: 0px; top: 0px;}
.location-info > ul > li:nth-child(1):before  {background:url('/images/sub/location_icon01.png') no-repeat center center/cover;}
.location-info > ul > li:nth-child(2):before {background:url('/images/sub/location_icon02.png') no-repeat center center/cover;}
.location-info > ul > li:nth-child(3):before {background:url('/images/sub/location_icon03.png') no-repeat center center/cover;}
.location-info > ul > li > dl dd h3 { font-size: 30px; font-weight: 300; color: #333; margin-bottom: 25px; line-height: 1;}
.location-info > ul > li > dl dd h3 > span { color: #01a1dd;}
.location-info > ul > li .location-detail-info {font-size: 18px; color: #333; font-weight: 350;}
.location-info > ul > li:nth-child(2) .location-detail-info {font-family:'Roboto'; font-weight: 500; font-size: 24px;}
.location-info > ul > li .location-detail-info ul li {float:left; margin-right:70px; font-size:19px; color:#333; font-family:'Roboto'; font-weight: 500;} 
.location-info > ul > li .location-detail-info ul li:last-child {margin-right:0px;}
.location-info > ul > li .location-detail-info span {font-size: 15px; color: #555; display:inline-block; width: 55px;margin-right:15px;  font-weight: 300; font-family:'Noto Sans KR';}
.location-info > ul > li .location-detail-info ul li > strong {font-size: 15px; font-weight: 350; font-family:'Noto Sans KR';}
@media screen and (max-width: 1240px) { 
	.location-info {padding: 40px 30px;}
}
@media screen and (max-width: 1058px) { 
	.location-info > ul > li {display:block;}
	.location-info > ul > li:first-child {margin-right: 0px;}
	.location-info > ul > li .location-detail-info ul li {float: none; display: block; margin-right:0px; margin-bottom: 10px;}
}
@media screen and (max-width: 768px) {
	.location-info > ul > li > dl dd h3 {
		    font-size: 24px;
			margin-bottom: 20px
	}
	.location-info > ul > li .location-detail-info {font-size: 16px;}
	.location-info > ul > li:nth-child(2) .location-detail-info {font-size: 20px;}
	.location-info > ul > li .location-detail-info ul li {font-size: 16px;}

}
@media screen and (max-width: 480px) {
	.location-info {padding: 40px 20px;}
	.location-info > ul > li { padding-left: 70px;}
	.location-info > ul > li:before { width: 50px; height: 50px;}
	.location-info > ul > li > dl dd h3 {margin-bottom: 15px;}
	.location-info > ul > li .location-detail-info span {display:block; margin-bottom:5px;}
}


/* 
	주요업무
*/
.business { 
}
.business-tab { 
	display:table;
	margin-bottom:80px;
	width:100%; height:60px;
	table-layout:fixed;
}
.business-tab li { 
	position:relative;
	display:table-cell;
	background:#e8e9f0;
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	height: 60px;
}
.business-tab li:before { 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 60px;
    background: #dbdce3;
}
.business-tab li a { 
	font-weight:300; font-size:18px;
	color:#333;
}
.business-tab li.on { 
	background:#fff;
	color:#01a1dd;
}
.business-tab li:last-child:before ,
.business-tab li.on:before  { 
	display:none; 
}
.business-tab li.on:after{
	content:''; 
	display:block;
	width:100%;
	height:60px;
	border:1px solid #01a1dd;
	position:absolute;
	left:0;
	top:0;
}
.business-tab li.on a {font-weight:350;}


/*----------------------------------*/
.business-tab-criminal { 
	display:table;
	margin-bottom:80px;
	width:100%; height:60px;
	table-layout:fixed;
}
.business-tab-criminal li { 
	position:relative;
	display:table-cell;
	background:#e8e9f0;
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	height: 60px;
}
.business-tab-criminal li:before { 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 60px;
    background: #dbdce3;
}
.business-tab-criminal li a { 
	font-weight:300; font-size:18px;
	color:#333;
}
.business-tab-criminal li.on { 
	background:#fff;
	color:#01a1dd;
}
.business-tab-criminal li:last-child:before ,
.business-tab-criminal li.on:before  { 
	display:none; 
}
.business-tab-criminal li.on:after{
	content:''; 
	display:block;
	width:100%;
	height:60px;
	border:1px solid #01a1dd;
	position:absolute;
	left:0;
	top:0;
}
.business-tab-criminal li.on a {font-weight:350;}
/*----------------------------------------*/

.business-conts-box { 
	display:none; 
}
.business-conts-box.on { 
	display:block; 
}

.business-conts-title { 
	display:block; 
	margin:70px 0 27px; 
}
.business-conts-title span { 
	position:relative;
	display:inline-block;
	padding:0 6px 5px 0;
	font-weight:500; font-size:26px; line-height:1;
	letter-spacing:-2px;
	color:#50453b;
}
.business-conts-title span:after { 
	content:'';
	position:absolute; bottom:0; left:0;
	width:100%; height:1px;
	background:#b1aaa4;
}
.business-conts-title:first-of-type { 
	margin-top:0; 
}

/*.business-txt p { 
	font-weight:300; font-size:17px; line-height:1.7;
	color:#666;
	word-break:keep-all;
}*/
.business-txt .bg { 
	margin-top: 18px;
    padding: 30px 35px;
    background: #eff3f7;
    border: 1px solid #e2e8f0;
    font-size: 16px;
    line-height: 30px;
}
.business-txt .no-bg {margin-top:15px;}
.business-txt p span { 
	color:#366ebb;
}

.business-table { 
	width:100%; 
	border-spacing: 0;
	border-collapse: collapse;
}
.business-table th,
.business-table td { 
	padding:10px 5px;
	border:1px solid #e2e8f0; 
	font-size:16px;
}
.business-table th { 
	width:18%;
	background:#eff3f7;
	font-weight:350;
	color:#444;
	text-align:center;
}
.business-table td { 
	padding:10px 30px;
	font-weight:300;
	color:#666;
}

.business-step-img { 
	/* padding:6%; */
	background:#e4e7eb;
	text-align:center;
}
.business-step-img img { 
	max-width:100%; 
}

@media screen and (max-width: 768px) { 
	.business-tab { 
		margin-bottom:40px; 
		height:45px;
	}
	.business-tab li a { 
		font-size:16px; 
	}
	.business-conts-title { 
		margin:40px 0 18px; 
	}
	.business-conts-title span { 
		font-size:22px; 
	}
	.business-txt p { 
		font-size:16px; 
	}
	.business-txt .bg { 
		padding:20px 25px;
		font-size:14px;
		line-height: 26px;
	}
	.business-table th, .business-table td { 
		font-size:15px; 
	}
	.business-table td { 
		padding:10px 20px; 
	}
}

@media screen and (max-width: 640px) { 
	.business-tab { 
		margin-bottom:30px; 
		height:40px;
	}


.business-tab li:before { 

    height: 79px;

}

	.business-tab li a { 
		font-size:13px; 
	}
	.business-conts-title { 
		margin:30px 0 15px; 
	}
	.business-conts-title span { 
		font-size:18px; 
	}
	.business-txt p { 
		font-size:15px; 
	}
	.business-txt .bg { 
		padding:16px 20px;
	}
	.business-table th, .business-table td { 
		font-size:14px; 
	}
	.business-table th { 
		width:30%; 
	}
	.business-step-img { 
		/* padding:4%;  */
	}
	.business-tab li.on:after{
	content:''; 
	display:block;
	width:100%;
	height:79px;
	border:1px solid #01a1dd;
	position:absolute;
	left:0;
	top:0;
	}

}


/*--------------------------------*/
	.business-tab-criminal { 
		margin-bottom:30px; 
		height:40px;
	}


.business-tab-criminal li:before { 

    height: 60px;

}

	.business-tab-criminal li a { 
		font-size:13px; 
	}
	.business-tab-criminal li.on:after{
	content:''; 
	display:block;
	width:100%;
	height:60px;
	border:1px solid #01a1dd;
	position:absolute;
	left:0;
	top:0;
	}

}
/*--------------------------------*/

/* 
	함께조사제도
*/
.criminal-imgarea {display:inline-block; width:50%;}
.criminal-imgarea:after {content:''; display:block; width:80%; height:40px; background:#01a1dd; margin-bottom:220px;}
.criminal-imgarea > img {max-width:100%;}
.criminal-txtarea {display:inline-block; width:50%;}
.criminal-conts01 .criminal-imgarea {float:left; }
.criminal-conts02 {position:relative;}
.criminal-conts02 .criminal-imgarea {float:right; }
.criminal-conts01 .criminal-txtarea {padding-left: 155px;padding-bottom: 80px;}
.criminal-conts02 .criminal-txtarea {
	width: 1240px;
    position: absolute;
    left: 50%;
    margin-left: -620px;}
.criminal-conts01:after {content:''; display:block; clear:both;}
.criminal-conts02:after {content:''; display:block; clear:both;}
.criminal-txtarea h1 {
	font-size: 64px;
    color: #000;
    font-weight: 200;
    letter-spacing: 20px;
}
.criminal-txtarea h1 > span {display:inline-block;}
.criminal-txtarea h1 > span:after {
content:'';
display:block;
background:#01a1dd;
width:90%; height:4px;
margin: 15px 0px 35px 0px;
}
.criminal_sub01 {
    font-size: 22px;
    line-height: 40px;
    color: #666;
    font-weight: 300;
}
.criminal_sub01 > span {position:relative; color:#01a1dd; display:inline-block;}
.criminal_sub01 > span:after {
	content:''; display:inline-blokc; width:100%; height:1px; background:#01a1dd;
	position: absolute;
    left: 0;
    bottom: 6px;
}
.criminal_fee {font-size:28px; color:#333; font-family:'Roboto'; font-weight:600;}
.criminal_fee > span {font-size:22px; font-weight:300;}

@media screen and (max-width: 1280px) { 
	.criminal-conts01 .criminal-txtarea { padding-left: 100px}
}

@media screen and (max-width: 1240px) { 
	.criminal-conts02 .criminal-txtarea{width:100%; left: 0; margin-left: 0px;}
	.criminal-txtarea h1 {font-size:45px;}
	.criminal_sub01 {font-size: 18px; line-height: 35px;}
}

@media screen and (max-width: 980px) { 
	.criminal-conts01 .criminal-txtarea {padding-left:0px;}
	.criminal-txtarea {width:100%;}
	.criminal-txtarea h1 {font-size: 40px; letter-spacing: 15px;}
	.criminal-imgarea {display:block; width:100%;}
	.criminal-imgarea:after {margin-bottom:30px;}
	.criminal-conts02 {margin-top:60px;}
	.criminal-conts02 .criminal-txtarea {position:relative;}
}

@media screen and (max-width: 480px) { 
	.criminal_sub01 { font-size: 16px; line-height: 30px;}
	.criminal-txtarea h1 {font-size: 33px; letter-spacing: 10px;}
	.criminal-imgarea:after {height:20px;}
	.criminal_fee { font-size: 22px;}
	.criminal_fee > span { font-size: 18px;}
	.criminal_sub01 > span:after {display:none;}
	.criminal_sub01 > span {text-decoration:underline;}
}
/*
	고소대리
*/
@media screen and (max-width: 767px) { 
	.criminal02 dl {margin-bottom:50px;}
	.criminal02 dl dt {font-size: 25px; line-height: 38px; display:block; float:none; width:100%; margin-bottom:20px;}
	.criminal02 dl dd {display:block; width:100%; font-size: 16px; line-height: 26px;}
	.criminal02 dl dt:after {width:180px; height:25px;}
	
}

/*
	의뢰인을 위한 조력
*/
.criminal02 dl dd .inner_img {
	padding: 65px 85px;
    background: #e8e9f0;
    text-align: center;
}
.criminal02 dl dd .inner_img > img {max-width: 100%;}

@media screen and (max-width: 1240px) { 
	.criminal02 dl dd .inner_img {padding: 50px 30px;}
}

/*
	방어권행사
*/
.criminal02_img {
	background: url('/images/sub/criminal4_img01.jpg') no-repeat center center/cover;
    display: table;
    width: 100%;
	position: relative;
	margin-bottom: 80px;
}
.criminal02_img p {
    width: 100%;
    height: 220px;
    font-size: 20px;
    line-height: 34px;
    color: #444;
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
    padding-left: 200px;
}
.criminal4_img02 {
    position: absolute;
    top: 30px;
    left: 45px;
}

@media screen and (max-width: 768px) { 	
	.criminal02_img p { height:270px; font-size: 16px; line-height: 30px;padding-left: 110px; padding-right: 20px;}
	.criminal4_img02 {width:80px; top: 60px; left: 20px;}
}

@media screen and (max-width: 580px) { 	
.criminal02_img p br {display:none;}
}

/*
	재산범죄
*/
.tip {margin-top: 24px;}
.tip h4 {
    font-size: 20px;
    color: #65a0f1;
    font-family: 'Roboto';
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    float: left;
    vertical-align: top;
}
.tip h4:after {content:''; display:block; width:22px; height:2px; background:#65a0f1; margin-top:4px;}
.tip p {
    display: inline-block;
    width: calc(100% - 60px);
    padding-left: 30px;
    font-size: 13px;
    line-height: 23px;
    color: #666;
}


/*
	스타트업/기업법무
*/
.mobile{display: none;}

.criminal02 dl dd h3 { 
	font-size: 22px;
    color: #333;
    font-weight: 400;
}
.criminal02_img.startup_img {
    background: url('/images/sub/startup_img.jpg') no-repeat center center/cover;
}
.criminal02_img.startup_img p {
    color: #fff;
    padding-left: 46%;
}
.business-table.startup-tb th {width:26%; color:#334c6d; }
.business-table.startup-tb td {text-align:center;}
.business-table.startup-tb td:nth-child(2) {color:#333; width: 27%;}
.business-table.startup-tb td:nth-child(2) span {font-family:'Roboto'; font-size:18px; font-weight:500;}

@media screen and (max-width: 1200px) { 	
	.criminal02_img.startup_img p { padding-left: 38%;}
}

@media screen and (max-width: 767px){
	.criminal02 dl dd h3 {font-size:20px;}
}

@media screen and (max-width: 480px){
	.criminal02_img.startup_img p { padding-left: 20%; height: 330px;}
	.business-table.startup-tb th span {display:block;}
	.mobile{display:block !important; margin:0 auto !important;  width: 100% !important; }
}
/*
	갤러리 게시판 유형 1 board-list01	
*/
.board01-txt-area
{
	border: 1px solid #c3c3c3;
    padding: 13px 15px 0;
    height: 140px;
    box-sizing: border-box;
}
.board-list01 { 
	width:100%;
	text-align:left;
	font-size:0;
}
.board-list01 > 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;
}
.board-list01 > li:hover { 
/*	border:1px solid #d9bc91;
	background: #fff;*/
	box-shadow:15px 0 20px rgba(0,0,0,.1); 
}
.board-list01 > li:nth-child(3n+1) { 
	margin-left: 0; 
}
.board-list01 > li a { 
	display:block; 
}
.board-list01 li .thum
{
	overflow: hidden;
}
.board-list01 > li a img { 
	margin-bottom: 0; width:100%; 
	transition:.5s;
}
.board-list01 > li a:hover img { 
	transform:scale(1.10);
	
	transition:.5s;
}

.board-list01 .cate-name { 
	letter-spacing: -1px;
    padding-bottom: 5px;
    font-size: 15px;
    display: inline-block;
    color: #a08344;
    border-bottom: 2px solid #a38b48;
    margin-bottom: 13px;
}
.board-list01 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;
}
.board-list01.photo strong { 
	margin:3px 0 4px;
}
.board-list01 .date { 
	font-size: 15px;
    letter-spacing: -1px;
    color: #797979;
	
}

.board-list01 .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;
}

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

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


/*
//	갤러리 게시판 유형 1 board-list01	//
*/
/*
	성공사례 게시판 유형 1 board-list02	
*/
.board02-txt-area
{
	border: 1px solid #c3c3c3;
    padding: 13px 15px 0;
    height: 140px;
    box-sizing: border-box;
}
.board-list02 { 
	width:100%;
	text-align:left;
	font-size:0;
}
.board-list02 > li { 
	display:inline-block;
	margin:0 0 25px 20px; /*padding:30px 50px;*/
/*	width:calc(100% / 3 - 14px);*/
	width: 285px;
/*	height: 382px; */
	box-sizing:border-box;
	vertical-align:top;
	transition:.3s;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}
.board-list02 > li:hover { 
/*	border:1px solid #d9bc91;
	background: #fff;*/
	box-shadow:15px 0 20px rgba(0,0,0,.1); 
}
.board-list02 > li:nth-child(4n+1) { 
	margin-left: 0; 
}
.board-list02 > li a { 
	display:block; 
}
.board-list02 li .thum
{
	overflow: hidden;
}
.board-list02 > li a img { 
	margin-bottom: 0; width:100%; 
	transition:.5s;
}
.board-list02 > li a:hover img { 
	transform:scale(1.10);
	
	transition:.5s;
}
.board-list02 .board02-title
{
	padding: 25px 15px 30px 15px;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #4e99de;
}
.board-list02 .board02-body
{
	position: relative;
    padding: 20px 22px;
    background: #fff;
    letter-spacing: -0.5px;
    max-height: 175px;
    min-height: 175px;
    box-sizing: content-box;
    overflow: hidden;
}
.board-list02 .cate-name { 
	color: #fff;
    font-size: 22px;
    line-height: 1;
    margin:9px 0;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 350;
    letter-spacing: -1px;
    
 }
 
.board-list02 strong { 
    color: #f9eaa5;
    font-size: 16px;
    line-height: 1.1;
    margin: 7px 0 9px 0;
    width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 350;
 }
.board-list02.photo strong { 
	margin:3px 0 4px;
}
.board-list02 .date { 
	font-size: 15px;
    letter-spacing: -1px;
    color: #666;
    font-family: 'Roboto';
    
	
}

.board-list02 .bo-content { 
	color: #333!important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-family: 'Noto Sans KR' !important;
    font-weight: normal !important;
    word-break: break-all;
 }
.board-list02 .date-area
{
	position: absolute;
	bottom: 10px;
	right: 10px;

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

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


/*
//	성공사례 게시판 유형 1 board-list02	//
*/



/*
	승소사례 
*/
.board-txt-area
{
	border: 1px solid #c3c3c3;
    padding: 13px 15px 0;
    height: 139px;
    box-sizing: border-box;
}
.case-list { 
	width:100%;
	text-align:left;
	font-size:0;
}
.case-list > li { 
	display:inline-block;
	margin:0 0 20px 20px; /*padding:30px 50px;*/
	width:515px;
/*	width: 374px;
	height: 382px; 
	border:1px solid #f1f1f1;*/
	box-sizing:border-box;
	background: #fff;
	vertical-align:top;
		text-align: center;
	transition:.3s;
}
.case-list > li:hover { 
	border:1px solid #d9bc91;
	background: #fff;
	box-shadow:15px 0 20px rgba(0,0,0,.1);

}
.case-list > li:nth-child(3n+1) { 
	margin-left: 0; 
}
.case-list > li a { 
	display:block; 
}
.case-list > li a > img { 
	margin-bottom: 10px; width:100%; 
}
.case-list .cate-name { 
	display:block;
	font-weight: 300; font-size:16px;
	color:#d9bc91;
}
.case-list strong { 
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	text-overflow:ellipsis;
	margin:15px 0 35px;
	height:25px;
	font-weight: 400; font-size:19px;
	color:#333;
	word-break:keep-all;
}
.case-list.photo strong { 
	margin:3px 0 10px;
}
.case-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;
}

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

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


/*
	메일서비스 
*/
.mail-wrap .mail-info01 {
	padding:110px 0;
	background:url('/images/sub/mail_info01_bg_pc.png') no-repeat right 125px top;
}
.mail-wrap .mail-info01 .text {
	position:relative;
	z-index:1;
}
.mail-wrap .mail-info01 h2 {
	padding-bottom:30px;
	color:#252525;
	font-size:45px;
	font-weight:400;
	letter-spacing:-0.05rem;
}
.mail-wrap .mail-info01 h2 span {
	color:#318bdf;
}
.mail-wrap .mail-info01 p {
	color:#333;
	font-size:24px;
	letter-spacing:-0.025rem;
	line-height:36px;
	word-break:keep-all;
}
.mail-wrap .mail-info02 {
	padding:100px 0;
	background:#e0e1e8;
}
.mail-wrap .mail-info02 .inner {
	position:relative;
}
.mail-wrap .mail-info02 .bnr {
	position:absolute; top:0; left:-71px;
}
.mail-wrap .mail-info02 .bnr img {
	max-width:100%;
}
.mail-wrap .mail-info02 .bnr .mobile {
	display:none;
}
.mail-wrap .mail-info02 .text {
	padding-left:435px;
}
.mail-wrap .mail-info02 .text h2 {
	position:relative;
	margin-bottom:50px;
	font-family:'Poppins';
	font-size:48px;
	font-weight:200;
	color:#3a465c;
}
.mail-wrap .mail-info02 .text h2 span {
	padding-right:10px;
	font-weight:600;
	background:rgba(27,221,223,.25);
}
.mail-wrap .mail-info02 .text h2 strong {
	display:block;
	position:absolute; top:68px; right:-125px;
	padding-left:45px;
	color:#297acf;
	font-size:18px;
	letter-spacing:-0.05rem;
}
.mail-wrap .mail-info02 .text h2 strong:after {
	display:block;
	position:absolute; top:50%; left:0;
	margin-top:-22px;
	width:52px; height:53px;
	background:url('/images/sub/mail_info02_point.png') no-repeat center/cover;
	content:'';
}
.mail-wrap .mail-info02 .text h3 {
	display:inline-block;
	border-bottom:1px solid #95969e;
	font-family:'NanumSquare';
	color:#297acf;
	font-size:28px;
	font-weight:700;
	letter-spacing:-0.05rem;
}
.mail-wrap .mail-info02 .text p {
	padding-top:20px;
	color:#444;
	font-size:18px;
	font-weight:300;
	letter-spacing:-0.035rem;
	line-height:26px;
	word-break:keep-all;
}
.mail-wrap .mail-prd-title h5 {
	padding-bottom:5px;
	color:#297acf;
	font-size:22px;
	font-family:'NanumSquare';
	font-weight:700;
	letter-spacing:-0.05rem;
}
.mail-wrap .mail-prd-title h2 {
	padding-bottom:28px;
	color:#333;
	font-size:36px;
	font-weight:700;
	letter-spacing:-0.035rem;
}
.mail-wrap .mail-prd-title h3 {
	padding-bottom:5px;
	color:#297acf;
	font-size:28px;
	font-family:'NanumSquare';
	font-weight:800;
	letter-spacing:-0.035rem;
}
.mail-wrap .mail-prd-title p {
	color:#444;
	font-size:20px;
	font-weight:300;
	letter-spacing:-0.035rem;
	line-height:26px;
}
.mail-wrap .mail-prd-title p span {
	color:#297acf;
}
.mail-wrap .mail-prd-btn {
	padding-top:74px;
	text-align:center;
}
.mail-wrap .mail-prd-btn a {
	display:inline-block;
	width:380px;
	height:85px;
	background:#333;
}
.mail-wrap .mail-prd-btn a span {
	display:inline-block;
	padding-right:40px;
	background:url('/images/sub/mail_prd_more.png') no-repeat right center;
	color:#fff;
	font-family:'NanumSquare';
	font-size:24px;
	font-weight:800;
	letter-spacing:-0.05rem;
	line-height:85px;
}
.mail-wrap .mail-prd01 {
	padding:120px 0 160px;
}
.mail-wrap .mail-prd01 .icon_info {
	margin-top:30px;
	border-right:1px solid #e6e6e6;
	font-size: 0;
}
.mail-wrap .mail-prd01 .icon_info li {
	display: inline-block;
	height: 200px;
	background: #fff;
	border:1px solid #e6e6e6;
	border-right: 0;
	padding:32px 10px;
	width: 25%;
	text-align: center;
	vertical-align: top;
}
.mail-wrap .mail-prd01 .icon_info li:nth-child(2n) {
	background:#e5f0fb;
}
.mail-wrap .mail-prd01 .icon_info li img {
	display: block;
	margin:0 auto;
	padding-bottom: 23px;
}
.mail-wrap .mail-prd01 .icon_info li p {
	color:#666;
	font-size: 17px;
	line-height: 24px;
	font-weight: 300;

}
.mail-wrap .mail-prd01 .icon_info li p strong {
	display:block;
	font-weight:400;
}
.mail-wrap .mail-prd01 .prd_table {
	padding-top:55px;
}
.mail-wrap .mail-prd01 .prd_table > h5 {
	padding-bottom:16px;
	color:#333333;
	font-size:20px;
	font-weight:700;
	letter-spacing:-0.05rem;
}
.mail-wrap .mail-prd01 .prd_table .prc_table {
	border:1px solid #c9c9c9;
	border-width:1px 0 0 1px;
	font-size:0;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li {
	position:relative;
	display:inline-block;
	width:20%;
	padding:30px 0;
	border:1px solid #c9c9c9;
	border-width:0 1px 1px 0;
	text-align:center;
	vertical-align:top;
	color:#fff;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li:nth-child(1) {
	background:#54b3d9;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li:nth-child(2) {
	background:#54a5d9;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li:nth-child(3) {
	background:#5495d9;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li:nth-child(4) {
	background:#537fd6;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li:nth-child(5) {
	background:#5461d9;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li .name {
	margin-bottom:18px;
	font-family:'NanumSquare';
	font-weight:800;
	font-size:26px;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li .name em {
	font-family: 'Noto Serif KR';
	font-size:16px;
	font-weight:400;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li .normal_prc {
	height:29px;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li .normal_prc span {
	display:block;
	position:relative;
	padding-bottom:8px;
	font-size:16px;
	font-family:'NanumSquare';
	letter-spacing:-0.05rem;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li .normal_prc span:after {
	display:block;
	position:absolute; bottom:0; left:50%;
	width:81px; height:18px;
	margin-left:-40px;
	background:url('/images/sub/mail_prd_prc_line.png') no-repeat center/cover;
	content:'';
}
.mail-wrap .mail-prd01 .prd_table .prc_table li:nth-child(1) .normal_prc span:after {
	display:none;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li .sell_prc {
	font-family:'NanumSquare';
	font-size:16px;
	letter-spacing:-0.05rem;
	line-height:1;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li .sell_prc strong {
	font-size:32px;
	font-weight:800;
}
.mail-wrap .mail-prd01 .prd_table .prc_table li .percent {
	position:absolute; top:-12px; right:-15px;
	width:101px; height:95px;
	padding:13px 0;
	background:url('/images/sub/mail_prd_percent_arrow.png') no-repeat center/cover;
	font-size:14px;
}
.mail-wrap .mail-prd01 .summary_table {
	display:table;
	border-left:1px solid #c9c9c9;
	width:100%;
}
.mail-wrap .mail-prd01 .summary_table li {
	display:table-cell;
	border:1px solid #c9c9c9;
	border-width:0 1px 1px 0;
	padding:20px 0;
	font-size:15px;
	font-family:'NanumSquare';
	font-weight:700;
	letter-spacing:-0.025rem;
	line-height:24px;
	text-align:center;
	vertical-align:middle;
}
.mail-wrap .mail-prd01 .summary_table li:nth-child(1) {
	width:40%;
	background:#e5f0fb;
	color:#297acf;
}
.mail-wrap .mail-prd01 .summary_table li:nth-child(2) {
	width:40%;
	background:#e5ebfb;
	color:#2958cf;
}
.mail-wrap .mail-prd01 .summary_table li:nth-child(3) {
	width:20%;
	background:#e5e6fb;
	color:#292dcf;
}
.mail-wrap .mail-prd01 .info_table {
	border-left:1px solid #c9c9c9;
	font-size:0;
}
.mail-wrap .mail-prd01 .info_table > li {
	display:inline-block;
	width:20%;
	height:230px;
	padding:23px 20px;
	border:1px solid #c9c9c9;
	border-width:0 1px 1px 0;
	vertical-align:top;
}
.mail-wrap .mail-prd01 .info_table > li > ul li {
	position:relative;
	padding-left:17px;
	font-size:15px;
	font-weight:300;
	letter-spacing:-0.025rem;
	line-height:26px;
}
.mail-wrap .mail-prd01 .info_table > li > ul li:after {
	position:absolute; top:10px; left:0;
	width:6px; height:6px; background:#666;
	content:'';
}
.mail-wrap .mail-prd01 .info_table > li > ul li span {
	color:#297acf;
}
.mail-wrap .mail-prd02 {
	padding:140px 0 200px;
	background:#e4e5ec;
}
.mail-wrap .mail-prd02 .prd_table {
	padding-top:60px;
}
.mail-wrap .mail-prd02 .prc_table {
	border:1px solid #c9c9c9;
	border-width:1px 0 0 1px;
	font-size:0;
}
.mail-wrap .mail-prd02 .prc_table li {
	position:relative;
	display:inline-block;
	width:50%;
	padding:43px 75px 43px 45px;
	border:1px solid #c9c9c9;
	border-width:0 1px 1px 0;
	text-align:right;
	vertical-align:top;
	color:#fff;
}
.mail-wrap .mail-prd02 .prc_table li:nth-child(1) {
	background:#54a5d9;
}
.mail-wrap .mail-prd02 .prc_table li:nth-child(2) {
	background:#5ac177;
}
.mail-wrap .mail-prd02 .prc_table li .name {
	position:absolute; top:50%; left:45px;
	margin-top:-27px;
	display:inline-block;
	font-family:'NanumSquare';
	font-weight:800;
	font-size:26px;
	text-align:left;
	line-height:1;
}
.mail-wrap .mail-prd02 .prc_table li .name em {
	display:block;
	padding-top:5px;
	font-family: 'Noto Serif KR';
	font-size:24px;
	font-weight:400;
}
.mail-wrap .mail-prd02 .prc_table li .normal_prc {
	display:inline-block;
	vertical-align:middle;
}
.mail-wrap .mail-prd02 .prc_table li .normal_prc span {
	display:block;
	position:relative;
	margin-right:30px;
	font-size:18px;
	font-family:'NanumSquare';
	letter-spacing:-0.05rem;
	line-height:1;
}
.mail-wrap .mail-prd02 .prc_table li .normal_prc span:after {
	display:block;
	position:absolute; top:50%; left:50%;
	width:90px; height:10px;
	margin:-4px 0 0 -45px;
	background:url('/images/sub/mail_prd_prc_line2.png') no-repeat center/cover;
	content:'';
}
.mail-wrap .mail-prd02 .prc_table li .sell_prc {
	display:inline-block;
	font-family:'NanumSquare';
	font-size:16px;
	letter-spacing:-0.05rem;
	line-height:1;
	vertical-align:middle;
}
.mail-wrap .mail-prd02 .prc_table li .sell_prc strong {
	font-size:32px;
	font-weight:800;
}
.mail-wrap .mail-prd02 .prc_table li .percent {
	position:absolute; top:-12px; right:0;
	width:101px; height:95px;
	padding:13px 0;
	background:url('/images/sub/mail_prd_percent_arrow.png') no-repeat center/cover;
	font-size:14px;
	text-align:center;
}
.mail-wrap .mail-prd02 .summary_table {
	background:#e5f0fb;
	text-align:center;
}
.mail-wrap .mail-prd02 .summary_table li {
	padding:25px 0;
	border:1px solid #c9c9c9;
	border-top:0;
	color:#297acf;
	font-family:'NanumSquare';
	font-size:15px;
	font-weight:700;
}
.mail-wrap .mail-prd02 .info_table {
	display:table;
	width:100%;
	border-left:1px solid #c9c9c9;
	font-size:0;
}
.mail-wrap .mail-prd02 .info_table > li {
	display:table-cell;
	width:50%;
	padding:35px 20px;
	background:#fff;
	border:1px solid #c9c9c9;
	border-width:0 1px 1px 0;
	vertical-align:top;
}
.mail-wrap .mail-prd02 .info_table > li > dl {
	position:relative;
	padding-left:260px;
}
.mail-wrap .mail-prd02 .info_table > li > dl dt {
	position:absolute; top:5px; left:20px;
	font-family:'NanumSquare';
	font-size:18px;
	font-weight:700;
	letter-spacing:-0.025rem;
}
.mail-wrap .mail-prd02 .info_table > li:nth-child(1) > dl dt {
	color:#3983b2;
}
.mail-wrap .mail-prd02 .info_table > li:nth-child(2) > dl dt {
	color:#3eaf5e;
}
.mail-wrap .mail-prd02 .info_table > li > dl dd {
	position: relative;
	padding-left: 17px;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.025rem;
	line-height: 26px;
}
.mail-wrap .mail-prd02 .info_table > li > dl dd:after {
	position:absolute; top:10px; left:0;
	width:6px; height:6px; background:#666;
	content:'';
}
@media screen and (max-width: 1470px) { 
	.mail-wrap .mail-info02 .text h2 strong {
		right:0;
	}
}
@media screen and (max-width: 1240px) { 
	.mail-wrap .mail-info02 .text {
		padding-left:400px;
	}
	.mail-wrap .mail-info02 .bnr {
		left:-51px;
	}
}
@media screen and (max-width: 1024px) { 
	.mail-wrap .mail-info01 {
		background-position:right top;
	}
	.mail-wrap .mail-info01 h2 {
		font-size:40px;
	}
	.mail-wrap .mail-info01 p {
		font-size:20px;
		line-height:32px;
	}
	.mail-wrap .mail-info02 .bnr {
		width:250px;
		left:-35px;
	}
	.mail-wrap .mail-info02 .text {
		padding-left:215px;
	}
	.mail-wrap .mail-info02 .text h2 {
		font-size:38px;
	}
	.mail-wrap .mail-info02 .text h2 strong {
		top:62px;
		font-size:16px;
	}
	.mail-wrap .mail-info02 .text h3 {
		font-size:24px;
	}
	.mail-wrap .mail-info02 .text p {
		font-size:15px;
		line-height:23px;
	}
	.mail-wrap .mail-prd-title h5 {
		font-size:18px;
	}
	.mail-wrap .mail-prd-title h2 {
		padding-bottom:20px;
		font-size:32px;
	}
	.mail-wrap .mail-prd-title h3 {
		font-size:24px;
	}
	.mail-wrap .mail-prd-title p {
		font-size:16px;
		line-height:22px;
	}
	.mail-wrap .mail-prd-btn {
		padding-top:60px;
	}
	.mail-wrap .mail-prd-btn a {
		width:300px;
		height:80px;
	}
	.mail-wrap .mail-prd-btn a span {
		font-size:20px;
		line-height:80px;
	}
	.mail-wrap .mail-prd01 .icon_info li {
		padding:25px 10px;
	}
	.mail-wrap .mail-prd01 .icon_info li p {
		font-size: 15px;
		line-height: 22px;
	}
	.mail-wrap .mail-prd01 .prd_table > h5 {
		font-size:18px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .name {
		font-size:24px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .name em {
		font-size:14px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .normal_prc span {
		font-size:14px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .sell_prc {
		font-size:14px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .sell_prc strong {
		font-size:28px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .percent {
		width:95px;
		height:89px;
	}
	.mail-wrap .mail-prd01 .summary_table li {
		padding:15px 0;
		font-size:14px;
		line-height:23px;
	}
	.mail-wrap .mail-prd01 .info_table > li {
		padding:20px 15px;
	}
	.mail-wrap .mail-prd01 .info_table > li > ul li {
		padding-left:14px;
		font-size:13px;
		line-height:24px;
	}
	.mail-wrap .mail-prd01 .info_table > li > ul li:after {
		top:9px;
		width:5px; height:5px;
	}
	.mail-wrap .mail-prd02 .prc_table li {
		padding:43px 10px 43px 10px;
	}
	.mail-wrap .mail-prd02 .prc_table li .name {
		left:10px;
		font-size:20px;
		margin-top:-22px;
	}
	.mail-wrap .mail-prd02 .prc_table li .name em {
		font-size:19px;
	}
	.mail-wrap .mail-prd02 .prc_table li .normal_prc span {
		font-size:16px;
		margin-right:26px;
	}
	.mail-wrap .mail-prd02 .prc_table li .sell_prc {
		font-size:14px;
	}
	.mail-wrap .mail-prd02 .prc_table li .sell_prc strong {
		font-size:28px;
	}
	.mail-wrap .mail-prd02 .prc_table li .percent {
		right:-10px;
		width: 95px;
		height: 89px;
	}
	.mail-wrap .mail-prd02 .summary_table li {
		padding: 20px 0;
		font-size: 14px;
		line-height: 23px;
	}
	.mail-wrap .mail-prd02 .info_table > li {
		padding:35px 15px;
	}
	.mail-wrap .mail-prd02 .info_table > li > dl {
		padding-left:0;
	}
	.mail-wrap .mail-prd02 .info_table > li > dl dt {
		position:static;
		padding-bottom:10px;
		font-size:16px;
	}
	.mail-wrap .mail-prd02 .info_table > li > dl dd {
		padding-left: 14px;
		font-size: 13px;
		line-height: 24px;
	}
	.mail-wrap .mail-prd02 .info_table > li > dl dd:after {
		top: 9px;
		width: 5px;
		height: 5px;
	}
}
@media screen and (max-width: 768px) { 
	.mail-wrap .mail-info01 {
		padding:162px 0 24vw;
		background:url('/images/sub/mail_info01_bg_m.png') no-repeat left 0 top/183px;
		text-align:center;
	}
	.mail-wrap .mail-info01 h2 {
		padding-bottom:20px;
		font-size:26px;
	}
	.mail-wrap .mail-info01 p {
		font-size:16px;
		line-height:24px;
	}
	.mail-wrap .mail-info01 p br {
		display:none;
	}
	.mail-wrap .mail-info02 {
		padding:40vw 0 60px;
	}
	.mail-wrap .mail-info02 .bnr {
		width:100%;
		top:-57vw; left:0;
	}
	.mail-wrap .mail-info02 .bnr .pc {
		display:none;
	}
	.mail-wrap .mail-info02 .bnr .mobile {
		display:block;
	}
	.mail-wrap .mail-info02 .text {
		padding-left:0;
		text-align:center;
	}
	.mail-wrap .mail-info02 .text h2 {
		margin-bottom:35px;
		font-size:25px;
	}
	.mail-wrap .mail-info02 .text h2 strong {
		top:38px;
		right:auto;
		left:50%;
		margin-left:10px;
		padding-left:25px;
		font-size:12px;
	}
	.mail-wrap .mail-info02 .text h2 strong:after {
		width:30px;
		height:31px;
		margin-top:-13px
	}
	.mail-wrap .mail-info02 .text h3 {
		font-size:18px;
	}
	.mail-wrap .mail-info02 .text p {
		padding-top:10px;
		font-size:12px;
		line-height:18px;
	}
	.mail-wrap .mail-prd-title h5 {
		padding-bottom:2px;
		font-size:11px;
	}
	.mail-wrap .mail-prd-title h2 {
		padding-bottom:13px;
		font-size:20px;
		line-height:24px;
	}
	.mail-wrap .mail-prd-title h3 {
		padding-bottom:2px;
		font-size:15px;
	}
	.mail-wrap .mail-prd-title p {
		font-size:12px;
		line-height:18px;
	}
	.mail-wrap .mail-prd-title p br {
		display:none;
	}
	.mail-wrap .mail-prd-btn {
		padding-top:32px;
	}
	.mail-wrap .mail-prd-btn a {
		width:200px;
		height:43px;
	}
	.mail-wrap .mail-prd-btn a span {
		padding-right:20px;
		font-size:14px;
		background-size:15px;
		line-height:43px;
	}
	.mail-wrap .mail-prd .inner {
		padding:0 25px;
	}
	.mail-wrap .mail-prd01 {
		padding:58px 0 30px;
	}
	.mail-wrap .mail-prd01 .icon_info li {
		height:125px;
		width:50%;
		padding:17px 10px;
	}
	.mail-wrap .mail-prd01 .icon_info li:nth-child(3),
	.mail-wrap .mail-prd01 .icon_info li:nth-child(4) {
		border-top:0;
	}
	.mail-wrap .mail-prd01 .icon_info li img {
		padding-bottom:15px;
		width:30px;
	}
	.mail-wrap .mail-prd01 .icon_info li p {
		font-size: 12px;
		line-height: 18px;
	}
	.mail-wrap .mail-prd01 .prd_table {
		padding-top:35px;
		font-size:0;
	}
	.mail-wrap .mail-prd01 .prd_table > h5 {
		font-size:14px;
		padding-bottom:10px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table {
		display:inline-block;
		width:33%;
		border-width:1px 0 0 1px;
		vertical-align:top;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li {
		display:block;
		width:100%;
		height:100px;
		padding:15px 0;
		border-width:0 1px 1px 0;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .name {
		margin-bottom:10px;
		font-size:14px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .name em {
		font-size:10px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .normal_prc {
		height:20px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .normal_prc span {
		padding-bottom:5px;
		font-size:11px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .normal_prc span:after {
		bottom:2px;
		width:50px;
		margin-left:-25px;
		height:11px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .sell_prc {
		font-size:10px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .sell_prc strong {
		font-size:16px;
	}
	.mail-wrap .mail-prd01 .prd_table .prc_table li .percent {
		top:-9px;
		right:-10px;
		font-size:10px;
		padding:7px 0;
		width:65px;
		height:61px;
	}
	.mail-wrap .mail-prd01 .summary_table {
		display:inline-block;
		width:28%;
		border:1px solid #c9c9c9;
		border-width:1px 0 0 0;
		vertical-align:top;
	}
	.mail-wrap .mail-prd01 .summary_table li {
		display:flex;
		align-items:center;
		width:100% !important;
		padding:5px;
		font-size:11px;
		line-height:18px;
	}
	.mail-wrap .mail-prd01 .summary_table li:nth-child(1) {
		height:200px;
	}
	.mail-wrap .mail-prd01 .summary_table li:nth-child(2) {
		height:200px;
	}
	.mail-wrap .mail-prd01 .summary_table li:nth-child(3) {
		height:100px;
	}
	.mail-wrap .mail-prd01 .info_table {
		display:inline-block;
		width:39%;
		border:1px solid #c9c9c9;
		border-width:1px 0 0 0;
		vertical-align:top;
	}
	.mail-wrap .mail-prd01 .info_table > li {
		display:block;
		display:flex;
		align-items:center;
		width:100% !important;
		padding:5px 10px;
		height:100px;
	}
	.mail-wrap .mail-prd01 .info_table > li > ul li {
		font-size:10px;
		line-height:16px;
		padding-left:8px;
	}
	.mail-wrap .mail-prd01 .info_table > li > ul li:after {
		top:7px;
		width:3px; height:3px;
	}
	.mail-wrap .mail-prd02 {
		padding:72px 0 87px;
	}
	.mail-wrap .mail-prd02 .prd_table {
		padding-top:20px;
		font-size:0;
	}
	.mail-wrap .mail-prd02 .prc_table {
		display: inline-block;
		width: 40%;
		border-width: 1px 0 0 1px;
		vertical-align: top;
	}
	.mail-wrap .mail-prd02 .prc_table li {
		display: block;
		width: 100%;
		height: 120px;
		padding:20px 15px;
		border-width: 0 1px 1px 0;
		text-align:left;
	}
	.mail-wrap .mail-prd02 .prc_table li .name {
		position:static;
		display:block;
		margin:0;
		font-size:13px;
		padding-bottom:10px;
	}
	.mail-wrap .mail-prd02 .prc_table li .name em {
		font-size:12px;
	}
	.mail-wrap .mail-prd02 .prc_table li .normal_prc span {
		font-size:11px;
	}
	.mail-wrap .mail-prd02 .prc_table li .normal_prc span:after {
		width:45px; height:5px;
		margin:-2px 0 0 -22px;
	}
	.mail-wrap .mail-prd02 .prc_table li .sell_prc {
		font-size:10px;
	}
	.mail-wrap .mail-prd02 .prc_table li .sell_prc strong {
		font-size:16px;
	}
	.mail-wrap .mail-prd02 .prc_table li .percent {
		top: -9px;
		right: -10px;
		font-size: 10px;
		padding: 7px 0;
		width: 65px;
		height: 61px;
	}
	.mail-wrap .mail-prd02 .summary_table {
		display: inline-block;
		width: 20%;
		vertical-align: top;
	}
	.mail-wrap .mail-prd02 .summary_table li {
		display: flex;
		align-items: center;
		height:241px;
		padding:5px;
		border:1px solid #c9c9c9;
		border-width:1px 1px 1px 0;
		font-size:10px;
		line-height:16px;
	}
	.mail-wrap .mail-prd02 .info_table {
		display: inline-block;
		width: 40%;
		border: 1px solid #c9c9c9;
		border-width: 1px 0 0 0;
		vertical-align: top;
	}
	.mail-wrap .mail-prd02 .info_table > li {
		display: block;
		display: flex;
		align-items: center;
		width: 100% !important;
		padding: 5px 10px;
		height: 120px;
	}
	.mail-wrap .mail-prd02 .info_table > li > dl dt {
		padding-bottom:3px;
		font-size:10px;
	}
	.mail-wrap .mail-prd02 .info_table > li > dl dd {
		font-size: 10px;
		line-height: 16px;
		padding-left: 8px;
	}
	.mail-wrap .mail-prd02 .info_table > li > dl dd:after {
		top: 7px;
		width: 3px;
		height: 3px;
	}
}


/*
	성공사례 서비스 
*/
.case-wrap .title {
	text-align:center;
}
.case-wrap .title h2 {
	color:#1e2331;
	font-size:55px;
	font-weight:300;
	letter-spacing:-0.05rem;
}
.case-wrap .title h2 strong {
	font-weight:700;
}
.case-wrap .title h2 .point {
	color:#318bdf;
}
.case-wrap .title p {
	padding-bottom:30px;
	padding-top: 5px;
	color:#333;
	font-size:26px;
	font-weight:300;
	line-height:32px;
	letter-spacing:-0.06rem;
	word-break: keep-all;
}
.case-wrap .title p strong {
	font-weight:600;
	font-size: 34px;
	color:#318bdf;
}
.case-wrap .case-info01 {
	margin:55px auto 55px;
}
.case-wrap .case-info01 .chart-wrap {
	font-size:0;
	padding-top:85px;
}
.case-wrap .case-info01 .chart-info {
	display:inline-block;
	width:350px;
	vertical-align:middle;
}
.case-wrap .case-info01 .chart-info p {
	padding-left:30px;
	color:#444;
	font-size:20px;
	font-family:'GmarketSansMedium';
	line-height:36px;
}
.case-wrap .case-info01 .chart-info h3 {
	margin-top:4px;
	width:350px; height:57px;
	color:#ce5e55;
	font-size:30px;
	font-family:'GmarketSansBold';
	background:url('/images/sub/case_dot_bg.png') no-repeat center/cover;
	line-height:59px;
	text-align:center;
}
.case-wrap .case-info01 .chart {
	display:inline-block;
	width:calc(100% - 350px);
	text-align:right;
	vertical-align:middle;
}
.case-wrap .case-info01 .chart .chart-bar {
	display:inline-block;
	position:relative;
	width:345px;
	height:345px;
	margin-right:200px;
	border-radius:50%;
	background:conic-gradient(#40a6db 36deg, #1975c0 36deg 180deg, #ce5e55 180deg 260deg, #50d2de 260deg);
	box-shadow: 19px 27px 45.260000000000005px 16.74px rgba(19, 21, 25, 0.17);
}
.case-wrap .case-info01 .chart .chart-bar:after {
	background:#fff;
	position:absolute; top:50%; left:50%;
	width:180px; height:180px;
	border-radius:50%;
	transform: translate(-50%, -50%);
	content:'';
}
.case-wrap .case-info01 .chart .chart-bar .name li {
	position:absolute;
	text-align:left;
}
.case-wrap .case-info01 .chart .chart-bar .name li span {
	display:inline-block;
	position:relative;
	font-size:24px;
	font-family:'GmarketSansMedium';
	letter-spacing:-0.05rem;
}
.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(1) {
	top:-15px; right:-120px;
	color:#40a6db;
}
.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(1):after {
	position:absolute; top:7px; left:-122px;
	width:112px; height:22px;
	background:url('/images/sub/case_chart_line01.png') no-repeat center/cover;
	content:'';
}
.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(2) {
	bottom:30px; right:-195px;
	color:#1975c0;
}
.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(2):after {
	position:absolute; top:-13px; left:-98px;
	width:86px; height:26px;
	background:url('/images/sub/case_chart_line02.png') no-repeat center/cover;
	content:'';
}
.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(3) {
	bottom:26px; left:-130px;
	color:#ce5e55;
}
.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(3):after {
	position:absolute; top:-14px; right:-111px;
	width:98px; height:28px;
	background:url('/images/sub/case_chart_line03.png') no-repeat center/cover;
	content:'';
}
.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(4) {
	top:24px; left:-149px;
	color:#50d2de;
}
.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(4):after {
	position:absolute; top:7px; right:-107px;
	width:97px; height:26px;
	background:url('/images/sub/case_chart_line04.png') no-repeat center/cover;
	content:'';
}
.case-wrap .case-info01 .chart .chart-bar .figure li {
	position:absolute;
	color:#fff;
	font-size:16px;
	font-weight:600;
	letter-spacing:-0.05rem;
}
.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(1) {
	top:32px; left:188px;
}
.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(2) {
	bottom:138px; right:16px;
}
.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(3) {
	bottom:65px; left:63px;
}
.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(4) {
	top:75px; left:49px;
}
.case-wrap .case-info02 {
	padding:100px 0 0;
	margin-top:90px;
/*	background:#dedfe7; */
	board-top: 1px solid #dedfe7;
}
.case-wrap .case-info02 .text-img {
	padding-top:20px;
	font-size:0;
}
.case-wrap .case-info02 .text-img .text {
	display:inline-block;
	width:590px;
	vertical-align:middle;
}
.case-wrap .case-info02 .text-img .text p {
	padding-bottom:25px;
	color:#222;
	font-size:26px;
	letter-spacing:-0.05rem;
	line-height:36px;
}
.case-wrap .case-info02 .text-img .text p strong {
	font-weight:700;
}
.case-wrap .case-info02 .text-img .text h3 {
	display:inline-block;
	padding:0 30px 0 10px;
	background:url('/images/sub/case_info02_textbg.png') no-repeat center/100% auto;
	color:#fff;
	font-size:36px;
	letter-spacing:-0.035rem;
}
.case-wrap .case-info02 .text-img .img {
	display:inline-block;
	width:calc(100% - 590px);
	vertical-align:middle;
}
.case-wrap .case-info03 {
	margin-top:115px;
}
.case-wrap .case-info03 .step-list {
	padding-top:40px;
}
.case-wrap .case-info03 .step-list li {
	position:relative;
	padding:30px 0;
	margin-top:8px;
	color:#fff;
	font-size:0;
}
.case-wrap .case-info03 .step-list li:nth-child(1) {
	background:#54b3d9;
}
.case-wrap .case-info03 .step-list li:nth-child(2) {
	background:#54a5d9;
}
.case-wrap .case-info03 .step-list li:nth-child(3) {
	background:#5495d9;
}
.case-wrap .case-info03 .step-list li:nth-child(4) {
	background:#537fd6;
}
.case-wrap .case-info03 .step-list li:nth-child(5) {
	background:#5461d9;
}
.case-wrap .case-info03 .step-list li .no {
	display:inline-block;
	text-align:center;
	width:150px;
	font-family:'Poppins';
	font-size:30px;
	font-weight:600;
	vertical-align:middle;
}
.case-wrap .case-info03 .step-list li .no:after {
	position:absolute; top:0; left:-18px;
	width:155px; height:100%;
	background:#fff;
	opacity:.2;
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
	content:'';
}
.case-wrap .case-info03 .step-list li p {
	display:inline-block;
	padding-left:10px;
	width:calc(100% - 150px);
	font-size:24px;
	font-weight:300;
	letter-spacing:-0.07rem;
	vertical-align:middle;
}
.case-wrap .case-info03 .step-list li p strong {
	font-weight:700;
	border-bottom:1px solid #fff;
}
.case-wrap .case-info04 {
	background:#dedfe7;
	margin-top:150px;
	padding:60px 0 60px;
}
.case-wrap .case-info04 .tab_sample {
	padding-top:50px;
	font-size:0;
	text-align:center;
}
.case-wrap .case-info04 .tab_sample li {
	display:inline-block;
	padding:0 4px;
	vertical-align:top;
}
.case-wrap .case-info04 .tab_sample li a {
    display: block;
    width: 290px;
    height: 56px;
    border: 1px dashed #333;
    background: #fff;
    color: #333;
    font-family: 'Poppins';
    font-size: 25px;
    text-align: center;
    letter-spacing: -0.05rem;
    line-height: 56px;
    font-weight: 500;
    cursor: pointer;
 }
.case-wrap .case-info04 .tab_sample li a.active {
	background:#3160c0;
	border-color:#3160c0;
	color:#fff;
}
.case-wrap .case-info04 .sample-list {
	padding-top:50px;
	font-size:0;
	margin-left:-30px;
}
.case-wrap .case-info04 .sample-list li {
	overflow: hidden;
    display: inline-block;
    width: calc(25% - 30px);
    height: 370px;
    margin-bottom: 30px;
    margin-left: 30px;
    vertical-align: top;
    cursor: pointer;
    border-bottom: 10px solid #fff;
}
.case-wrap .case-info04 .sample-list li img {
	width:100%;
}
.case-wrap .case-info04 .sample-layer {
	display:none;
	position:fixed; top:50%; left:50%; z-index:9999;
	width:100%;
	max-width:1100px;
	height:90%;
	-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.case-wrap .case-info04 .sample-layer .scroll-wrap {
	overflow-y:scroll;
	position:absolute; top:0; left:0;
	width:100%;
	height:100%;
	padding:30px;
	background: #fff;
}
.case-wrap .case-info04 .sample-layer .close { 
	position:absolute; top:0; right:-40px;
	width:30px; height:22px;
	cursor:pointer;
}
.case-wrap .case-info04 .sample-layer .close strong { 
	display:block;
	position:absolute; left:0;
	margin-left:0;
	width:100%; height:2px;
	background: #fff;
	transition:.3s;
}
.case-wrap .case-info04 .sample-layer .close strong:nth-child(1) { 
	top:10px;
	transform:rotate(45deg);
	width:100%;
}
.case-wrap .case-info04 .sample-layer .close strong:nth-child(2) { 
	top:10px;
	transform:rotate(-45deg);
	width:100%;
} 
.case-wrap .case-info04 .sample-layer img {
	width:100%;
}
.case-wrap .case-info04 .sample-dimmed {
	display:none;
	position:fixed; top:0; left:0; z-index:9998;
	width:100%; height:100%;
	background:rgba(0,0,0,.5);
	cursor:pointer;
}
.case-wrap .case-prd h5 {
	padding:30px 0 15px;
	color:#333;
	font-size:20px;
	font-weight:700;
}

.case-wrap .case-prd .prd_table .prc_table {
	border:1px solid #c9c9c9;
	border-width:1px 0 0 1px;
	font-size:0;
}
.case-wrap .case-prd .prd_table .prc_table li {
	position:relative;
	display:inline-block;
	width:25%;
	padding:25px 0;
	border:1px solid #c9c9c9;
	border-width:0 1px 1px 0;
	text-align:center;
	vertical-align:top;
	color:#fff;
}
.case-wrap .case-prd .prd_table .prc_table li:nth-child(1) {
	background:#54b3d9;
}
.case-wrap .case-prd .prd_table .prc_table li:nth-child(2) {
	background:#54a5d9;
}
.case-wrap .case-prd .prd_table .prc_table li:nth-child(3) {
	background:#5495d9;
}
.case-wrap .case-prd .prd_table .prc_table li:nth-child(4) {
	background:#537fd6;
}
.case-wrap .case-prd .prd_table .prc_table li .percent {
	position:absolute; top:-12px; right:-15px;
	width:101px; height:95px;
	padding:13px 0;
	background:url('/images/sub/mail_prd_percent_arrow.png') no-repeat center/cover;
	font-size:14px;
}
.case-wrap .case-prd .prd_table .prc_table li .name {
	padding-bottom:20px;
	font-family: 'DM Serif Display';
	font-weight:400;
	font-style:italic;
	font-size:44px;
	line-height:1;
}
.case-wrap .case-prd .prd_table .prc_table li .name span {
	font-size:24px;
	font-style:normal;
	font-weight:400;
}
.case-wrap .case-prd .prd_table .prc_table li .sell_prc {
	padding-bottom:5px;
	font-family:'NanumSquare';
	font-size:16px;
	letter-spacing:-0.05rem;
	line-height:1;
}
.case-wrap .case-prd .prd_table .prc_table li .sell_prc strong {
	font-size:30px;
	font-weight:800;
}
.case-wrap .case-prd .prd_table .prc_table li .percent2 {
	font-family:'NanumSquare';
	font-size:16px;
	letter-spacing:-0.05rem;
}
.case-wrap .case-prd .service_table {
	display:block;
	border-left:1px solid #c9c9c9;
	width:100%;
}
.case-wrap .case-prd .service_table li {
	display:block;
	border:1px solid #c9c9c9;
	border-width:0 1px 1px 0;
	padding:18px 0;
	font-size:17px;
	font-family:'NanumSquare';
	letter-spacing:-0.025rem;
	text-align:center;
	vertical-align:middle;
}
.case-wrap .case-prd .service_table li.last {
	display:table;
	width:100%;
	padding:0;
	background:#e5ebfb;
}
.case-wrap .case-prd .service_table li.last > span {
	display:table-cell;
	width:25%;
	padding:18px 0;
	border-left:1px solid #c9c9c9;
	color:#2958cf;
	font-weight:700;
	vertical-align:middle;
}
.case-wrap .case-prd .service_table li.last > span:first-child {
	border-left:0;
}
.case-wrap .case-prd .info_table {
	border:1px solid #c9c9c9;
	border-top:0;
	font-size:0;
	text-align:center;
}
.case-wrap .case-prd .info_table > li {
	padding:16px 0;
	font-size:17px;
	font-family:'NanumSquare';
	letter-spacing:-0.025rem;
	line-height:24px;
}
.case-wrap .case-prd .icon_info {
	border-right:1px solid #e6e6e6;
	font-size: 0;
}
.case-wrap .case-prd .icon_info li {
	display: inline-block;
	height: 200px;
	background: #fff;
	border:1px solid #e6e6e6;
	border-right: 0;
	padding:32px 10px;
	width: 25%;
	text-align: center;
	vertical-align: top;
}
.case-wrap .case-prd .icon_info li:nth-child(2n) {
	background:#e5f0fb;
}
.case-wrap .case-prd .icon_info li img {
	display: block;
	margin:0 auto;
	padding-bottom: 23px;
}
.case-wrap .case-prd .icon_info li p {
	color:#666;
	font-size: 17px;
	line-height: 24px;
	font-weight: 300;

}
.case-wrap .case-prd .icon_info li p strong {
	display:block;
	font-weight:400;
}
.case-wrap .case-prd .prd-btn {
	padding-top:74px;
	text-align:center;
}
.case-wrap .case-prd .prd-btn a {
	display:inline-block;
	width:380px;
	height:85px;
	background:#333;
}
.case-wrap .case-prd .prd-btn a span {
	display:inline-block;
	padding-right:40px;
	background:url('/images/sub/mail_prd_more.png') no-repeat right center;
	color:#fff;
	font-family:'NanumSquare';
	font-size:24px;
	font-weight:800;
	letter-spacing:-0.05rem;
	line-height:85px;
}
@media screen and (max-width: 1200px) {
	.case-wrap .case-info04 .sample-layer .close {
		right:0; top:-30px;
	}
}
@media screen and (max-width: 1024px) {
	.case-wrap .title h2 {
		font-size:40px;
	}
	.case-wrap .title p {
		font-size:20px;
		line-height:28px;
	}
	.case-wrap .case-info01 .chart-info {
		width:230px;
	}
	.case-wrap .case-info01 .chart-info p {
		padding-left:5px;
		font-size:16px;
		line-height:32px;
	}
	.case-wrap .case-info01 .chart-info h3 {
		width:250px;
		height:52px;
		line-height:54px;
		font-size:24px;
		background-size:100% auto;
	}
	.case-wrap .case-info01 .chart {
		width:calc(100% - 230px);
	}
	.case-wrap .case-info01 .chart .chart-bar {
		margin-right:175px;
		width:300px; height:300px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(2) {
		right:-170px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(3) {
		left:-128px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(4) {
		left:-142px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li span {
		font-size:18px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(1) {
		top:24px; left:163px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(2) {
		right:4px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(3) {
		bottom:54px; left:42px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(4) {
		top:65px; left:30px;
	}
	.case-wrap .case-info02 .text-img .text {
		width:490px;
	}
	.case-wrap .case-info02 .text-img .text p {
		font-size:22px;
		line-height:32px;
	}
	.case-wrap .case-info02 .text-img .text h3 {
		font-size:30px;
	}
	.case-wrap .case-info02 .text-img .img {
		width:calc(100% - 490px);
	}
	.case-wrap .case-info02 .text-img .img img {
		width:900px;
	}
	.case-wrap .case-info03 .step-list li {
		padding:25px 0;
	}
	.case-wrap .case-info03 .step-list li .no {
		font-size:26px;
	}
	.case-wrap .case-info03 .step-list li p {
		font-size:20px;
	}
	.case-wrap .case-info04 .tab_sample li a {
		width:160px;
		font-size:18px;
	}
	.case-wrap .case-info04 .sample-list li {
		height:250px;
	}
	.case-wrap .case-info04 .sample-layer {
		width:95%;
		height:80%;
	}
	.case-wrap .case-prd h5 {
		font-size:18px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .name {
		font-size:40px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .name span {
		font-size:20px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .sell_prc strong {
		font-size:26px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .percent2 {
		font-size:14px;
	}
	.case-wrap .case-prd .service_table li {
		font-size:15px;
	}
	.case-wrap .case-prd .info_table > li {
		font-size:15px;
		line-height:22px;
	}
	.case-wrap .case-prd .icon_info li p {
		font-size:15px;
		line-height:22px;
	}
	.case-wrap .case-prd .prd-btn a {
		width:300px;
		height:80px;
	}
	.case-wrap .case-prd .prd-btn a span {
		font-size:20px;
		line-height:80px;
	}
}
@media screen and (max-width: 768px) {
	.case-wrap .title h2 {
		font-size:25px;
	}
	.case-wrap .title p {
		padding-bottom:15px;
		padding-top: 5px;
		font-size:18px;
		line-height:22px;
	}
	.case-wrap .title p strong {
		font-size:20px;
	}	
	.case-wrap .case-info01 {
		margin:70px auto 25px;
	}
	.case-wrap .case-info01 .chart-wrap {
		padding-top:40px;
	}
	.case-wrap .case-info01 .chart-info {
		width:100%;
		padding-bottom:40px;
	}
	.case-wrap .case-info01 .chart-info p {
		padding-left:5px;
		font-size:12px;
		line-height:24px;
	}
	.case-wrap .case-info01 .chart-info h3 {
		display:inline-block;
		width:auto;
		height:45px;
		padding:0 20px;
		line-height:45px;
		font-size:18px;
	}
	.case-wrap .case-info01 .chart {
		width:100%;
		text-align:center;
	}
	.case-wrap .case-info01 .chart .chart-bar {
		width:200px; height:200px;
		margin-right:0;
	}
	.case-wrap .case-info01 .chart .chart-bar:after {
		width:110px; height:110px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(1) {
		top:-8px;
		right:-66px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(2) {
		right:-75px;
		bottom:1px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(3) {
		left:-61px; bottom:0px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(4) {
		left:-65px;
		top:10px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:after {
		background-size:100% auto !important;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(1):after {
		width:66px;
		top:0; left:-72px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(2):after {
		width:53px;
		top:-13px; left:-58px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(3):after {
		width:60px;
		top:-15px; right:-66px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li:nth-child(4):after {
		width:55px;
		top:-2px; right:-61px;
	}
	.case-wrap .case-info01 .chart .chart-bar .name li span {
		font-size:12px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li {
		font-size:11px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(1) {
		top:18px;
		left:109px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(2) {
		bottom:74px; right:8px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(3) {
		bottom:34px;
		left:35px;
	}
	.case-wrap .case-info01 .chart .chart-bar .figure li:nth-child(4) {
		top:41px;
		left:26px;
	}
	.case-wrap .case-info02 {
		padding:50px 0 0;
		margin-top:55px;
	}
	.case-wrap .case-info02 .text-img .text {
		width:100%;
		padding-bottom:40px;
	}
	.case-wrap .case-info02 .text-img .text p {
		padding-bottom:14px;
		font-size:15px;
		line-height:23px;
	}
	.case-wrap .case-info02 .text-img .text h3 {
		font-size:19px;
		padding: 10px 12px 10px 3px;
	}
	.case-wrap .case-info02 .text-img .img {
		width:100%;
	}
	.case-wrap .case-info02 .text-img .img img {
		width:100%;
	}
	.case-wrap .case-info03 {
		margin-top:55px;
	}
	.case-wrap .case-info03 .step-list {
		padding-top:20px;
	}
	.case-wrap .case-info03 .step-list li .no {
		width:60px;
		font-size:15px;
	}
	.case-wrap .case-info03 .step-list li .no:after {
		width:80px;
	}
	.case-wrap .case-info03 .step-list li p {
		padding-left:20px;
		font-size:12px;
		width:calc(100% - 80px);
	}
	.case-wrap .case-info04 {
		margin-top:70px;
		padding:30px 0 30px;
	}
	.case-wrap .case-info04 .tab_sample {
		padding-top:25px;
	}
	.case-wrap .case-info04 .tab_sample li a {
		width:120px; height:40px;
		line-height:40px;
		font-size:13px;
	}
	.case-wrap .case-info04 .sample-list {
		margin-left:0;
		padding-top:25px;
	}
	.case-wrap .case-info04 .sample-list li {
		width:calc(50% - 2.5px);
		height:320px;
		padding-left:0;
		margin-bottom:15px;
		margin-left: 0;
		margin-right: 5px;
	}
	.case-wrap .case-info04 .sample-list li:nth-child(2n)
	{
		margin-right: 0;
	}
	.case-wrap .case-prd h5 {
		padding:60px 0 7px;
		font-size:14px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .percent {
		top:-9px;
		right:-10px;
		font-size:10px;
		padding:7px 0;
		width:65px;
		height:61px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .name {
		padding-bottom:10px;
		font-size:20px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .name span {
		font-size:12px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .sell_prc {
		font-size:15px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .sell_prc strong {
		font-size:16px;
	}
	.case-wrap .case-prd .prd_table .prc_table li .percent2 {
		font-size:14px;
	}
	.case-wrap .case-prd .service_table li {
		font-size:14px;
		padding:10px 0;
		letter-spacing:-0.05rem;
	}
	.case-wrap .case-prd .info_table > li {
		padding:8px 0;
		font-size:14px;
		line-height:16px
	}
	.case-wrap .case-prd .icon_info li {
		height:125px;
		width:50%;
		padding:17px 10px;
	}
	.case-wrap .case-prd .icon_info li:nth-child(3),
	.case-wrap .case-prd .icon_info li:nth-child(4) {
		border-top:0;
	}
	.case-wrap .case-prd .icon_info li img {
		padding-bottom:15px;
		width:30px;
	}
	.case-wrap .case-prd .icon_info li p {
		font-size: 12px;
		line-height: 18px;
	}
	.case-wrap .case-prd .prd-btn {
		padding-top:32px;
	}
	.case-wrap .case-prd .prd-btn a {
		width:200px;
		height:43px;
	}
	.case-wrap .case-prd .prd-btn a span {
		padding-right:20px;
		font-size:17px;
		background-size:15px;
		line-height:43px;
	}
	.case-wrap .case-info04 .sample-layer .scroll-wrap
	{
		padding:10px;
	}
}
@media screen and (max-width: 640px) {
	.case-wrap .inner {
		padding:0 15px;
	}
}


/*
	마케팅 
*/
.marketing-wrap {
	letter-spacing: -0.03em;
}
.marketing-wrap .section {
	padding-bottom:115px;
}
.marketing-wrap .marketing-title {
	padding-top:105px; 
}
.marketing-wrap .marketing-title h5 {
	color:#318bdf;
	font-size: 26px; font-weight: 500;
}
.marketing-wrap .marketing-title h2 {
	padding-top:7px;
	color:#000; 
	font-size: 46px; font-weight: 700;
}
.marketing-wrap .marketing-title p {
	color:#666;
	font-size: 22px;
	font-weight:350;
	padding-top:15px;
}
.marketing-tab {
	width:100%;
	position:static !important;
	margin-top:35px;
	font-size:0;
	border:1px solid #e6e6e6;
	border-right:none;
	border-radius:8px;
	overflow:hidden;
}
.marketing-tab > div {
	display:inline-block;
	width:25%;
	height:58px;
	border-right:1px solid #e6e6e6;
	line-height:58px;
	border-radius:0;
	background-color:#fff;
	vertical-align:top;
	color:#999;
	font-size: 18px;
	text-align:Center;
	opacity:1;
}
.marketing-tab > div.swiper-pagination-bullet-active {
	position:relative;
	color:#1684ea;
	font-weight:500;
}
.marketing-tab > div.swiper-pagination-bullet-active::after {
	content:'';
	position:absolute; left:0; bottom:0;
	width:100%; height:2px;
	background-color: #1684ea;
}
.marketing-slide {
	padding-top:64px !important;
}
.marketing-slide .swiper-wrapper {
	height:auto !important;
}
.marketing-slide .swiper-slide {
	font-size: 0;
}
.marketing-slide .swiper-slide > div {
	display:inline-block;
	width:50%;
	vertical-align:top;
}
.marketing-slide .img {
	position:relative;
}
.marketing-slide .img .paging {
	position:absolute; right:0; bottom:0;
	padding:20px 30px;
	background-color: #fff;
}
.marketing-slide .img .paging span {
	display:inline-block;
	vertical-align:top;
	color:#999999;
	font-family:'Montserrat';
	font-size:14px;
	font-weight:500;
}
.marketing-slide .img .paging span:first-of-type {
	position:relative;
	margin-right:45px;
}
.marketing-slide .img .paging span:first-of-type::after {
	content:'';
	position:absolute; top:50%; right:-36px;
	width:26px; height:1px;
	background-color:#e0e0e0;
}
.marketing-slide .img .paging span strong {
	color:#000;
	font:inherit;
}
.marketing-slide .img img {
	width:100%; height:auto;
}
.marketing-slide .text {
	padding:50px 18% 0 2.3%;
}
.marketing-slide .text h4 {
	color:#808080;
	font-size: 18px; font-weight:300;
	line-height:1.4;
}
.marketing-slide .text h3 {
	padding-top:10px;
	color:#000;
	font-size: 32px; font-weight:700;
}
.marketing-slide .text ul {
	padding-top:10px;
}
.marketing-slide .text ul > li {
	position:relative;
	margin-top:26px;
	padding-left:32px;
	color:#000;
	font-size: 20px; font-weight: 350;
	word-break:keep-all;
}
.marketing-slide .text ul > li::before {
	content:'';
	position:absolute; top:3px; left:0;
	width:22px; height:22px;
	background:url('/images/sub/marketing_icon_check.png') no-repeat center;
}
.marketing-slide .text .btn_more {
	display:block;
	margin-top:55px;
	background-color: #1684ea;
	border-radius:8px;
	text-align:center;
}
.marketing-slide .text .btn_more span {
	display:inline-block;
	line-height:58px;
	padding-right:40px;
	background:url('/images/sub/marketing_btn_more.png') no-repeat right center;
	color:#fff;
	font-size:20px; font-weight: 500;
}

@media screen and (max-width: 1400px){
	.marketing-slide .text {
		padding:0 10% 0 2.3%;
	}
}
@media screen and (max-width: 1024px){
	.marketing-wrap .section {
		padding-bottom:75px;
	}
	.marketing-wrap .marketing-title {
		padding-top:95px; 
	}
	.marketing-wrap .marketing-title h5 {
		font-size:22px;
	}
	.marketing-wrap .marketing-title h2 {
		font-size:40px;
	}
	.marketing-wrap .marketing-title p {
		font-size:17px;
		padding-top:10px;
	}
	.marketing-tab {
		margin-top:30px;
	}
	.marketing-tab > div {
		height:53px;
		line-height:53px;
		font-size:14px;
	}
	.marketing-slide {
		padding-top:40px !important;
	}
	.marketing-slide .img .paging {
		padding:10px 20px;
	}
	.marketing-slide .img .paging span {
		font-size:12px;
	}
	.marketing-slide .img .paging span:first-of-type {
		margin-right:40px;
	}
	.marketing-slide .img .paging span:first-of-type::after {
		right:-30px;
		width:20px;
	}
	.marketing-slide .text {
		padding:0 5% 0 2.3%;
	}
	.marketing-slide .text h4 {
		font-size:14px;
	}
	.marketing-slide .text h3 {
		font-size:27px;
	}
	.marketing-slide .text ul {
		padding-top:5px;
	}
	.marketing-slide .text ul > li {
		margin-top:20px;
		padding-left:27px;
		font-size:15px;
	}
	.marketing-slide .text ul > li::before {
		width:17px; height:17px;
		background-size:17px auto;
	}
	.marketing-slide .text .btn_more {
		margin-top:35px;
	}
	.marketing-slide .text .btn_more span {
		line-height:50px;
		padding-right:25px;
		background-size:13px auto;
		font-size:15px;
	}	
}
@media screen and (max-width:768px){
	.marketing-wrap .section {
		padding-bottom:50px;
	}
	.marketing-wrap .inner {
		padding:0 20px !important;
	}
	.marketing-wrap .marketing-title {
		padding-top:50px; 
	}
	.marketing-wrap .marketing-title h5 {
		font-size:13px;
	}
	.marketing-wrap .marketing-title h2 {
		padding-top:3px;
		font-size:23px;
	}
	.marketing-wrap .marketing-title p {
		font-size:12px;
		padding-top:7px;
	}
	.marketing-tab {
		margin-top:17px;
		border-radius:4px;
	}
	.marketing-tab > div {
		height:30px;
		line-height:30px;
		font-size:11px;
	}
	.marketing-slide {
		padding-top:32px !important;
	}
	.marketing-slide .swiper-slide {
		padding:0 20px;
	}
	.marketing-slide .swiper-slide > div {
		width:100%;
	}
	.marketing-slide .img .paging {
		padding:10px 15px;
	}
	.marketing-slide .img .paging span {
		font-size:8px;
	}
	.marketing-slide .img .paging span:first-of-type {
		margin-right:22px;
	}
	.marketing-slide .img .paging span:first-of-type::after {
		right:-18px;
		width:13px;
	}
	.marketing-slide .text {
		padding:25px 0 0 0;
	}
	.marketing-slide .text h4 {
		font-size:9px;
	}
	.marketing-slide .text h3 {
		padding-top:5px;
		font-size:16px;
	}
	.marketing-slide .text ul {
		padding-top:5px;
	}
	.marketing-slide .text ul > li {
		margin-top:13px;
		padding-left:16px;
		font-size:12px;
	}
	.marketing-slide .text ul > li::before {
		width:11px; height:11px;
		background-size:11px auto;
	}
	.marketing-slide .text .btn_more {
		margin-top:27px;
		border-radius:4px;
	}
	.marketing-slide .text .btn_more span {
		line-height:30px;
		padding-right:20px;
		background-size:9px auto;
		font-size:11px;
	}
}

.marketing-business {
	background:url('/images/sub/marketing_business_bg.jpg') no-repeat center /cover;
}
.marketing-business .list-wrap {
	padding-top:50px;
	font-size:0;
}
.marketing-business .list-wrap > ul {
	display:inline-block;
	width:48.5%;
	vertical-align:top;
}
.marketing-business .list-wrap > ul.right {
	margin-left:3%;
	padding-top:50px;
}
.marketing-business .list-wrap > ul > li {
	padding:50px 45px;
	background-color: #fff;
	border-radius:15px;
	box-shadow:20px 7px 37.24px 0.76px rgba(76, 78, 85, 0.1);
}
.marketing-business .list-wrap > ul > li + li {
	margin-top:40px;
}
.marketing-business .list-wrap > ul > li h5 {
	padding-left:45px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	color:#000; 
	font-size:28px; font-weight: 700;
}
.marketing-business .list-wrap > ul > li.keyword h5 {
	background-image:url('/images/sub/marketing_icon_keyword.png');
}
.marketing-business .list-wrap > ul > li.naver h5 {
	background-image:url('/images/sub/marketing_icon_naver.png');
}
.marketing-business .list-wrap > ul > li.homepage h5 {
	background-image:url('/images/sub/marketing_icon_homepage.png');
}
.marketing-business .list-wrap > ul > li.blog h5 {
	background-image:url('/images/sub/marketing_icon_blog.png');
}
.marketing-business .list-wrap > ul > li ul {
	padding-top:20px;
}
.marketing-business .list-wrap > ul > li ul li {
	position:relative;
	margin-top:10px;
	padding-left:14px;
	color:#666666;
	font-size: 17px; font-weight: 350;
	line-height:1.4;
}
.marketing-business .list-wrap > ul > li ul li::before {
	content:'';
	position:absolute; top:9px; left:0;
	width:4px; height:4px;
	border-radius:50%;
	background-color: #318bdf;
}

@media screen and (max-width: 1024px){
	.marketing-business .list-wrap {
		padding-top:45px;
	}
	.marketing-business .list-wrap > ul.right {
		padding-top:45px;
	}
	.marketing-business .list-wrap > ul > li {
		padding:40px 35px;
	}
	.marketing-business .list-wrap > ul > li + li {
		margin-top:35px;
	}
	.marketing-business .list-wrap > ul > li h5 {
		padding-left:40px;
		font-size:23px;
	}
	.marketing-business .list-wrap > ul > li ul {
		padding-top:15px;
	}
	.marketing-business .list-wrap > ul > li ul li {
		font-size: 13px;
	}
	.marketing-business .list-wrap > ul > li ul li::before {
		top:7px;
	}
}
@media screen and (max-width: 768px){
	.marketing-business .list-wrap {
		padding-top:25px;
	}
	.marketing-business .list-wrap > ul {
		width:100%;
	}
	.marketing-business .list-wrap > ul.right {
		margin-left:0;
		padding-top:20px;
	}
	.marketing-business .list-wrap > ul > li {
		padding:25px 20px;
		border-radius:7px;
	}
	.marketing-business .list-wrap > ul > li + li {
		margin-top:20px;
	}
	.marketing-business .list-wrap > ul > li h5 {
		padding-left:22px;
		font-size:14px;
	}
	.marketing-business .list-wrap > ul > li ul {
		padding-top:10px;
	}
	.marketing-business .list-wrap > ul > li ul li {
		margin-top:5px;
		padding-left:7px;
		font-size:11px;
	}
	.marketing-business .list-wrap > ul > li ul li::before {
		top:6px;
		width:3px; height:3px;
	}
}


.marketing-manage .box + .box {
	margin-top:30px;
	border-top:1px solid #e6e6e6;
}
.marketing-manage .manage-list {
	padding-top:80px;
	font-size:0;
}
.marketing-manage .manage-list > li {
	display:inline-block;
	width:33.333%;
	padding:90px 6.5% 80px 0;
	background-repeat:no-repeat;
	background-position:top left;
	vertical-align:top;
}
.marketing-manage .manage-list > li:nth-child(1){
	background-image: url('/images/sub/marketing_manage_list01.png');
}
.marketing-manage .manage-list > li:nth-child(2){
	background-image: url('/images/sub/marketing_manage_list02.png');
}
.marketing-manage .manage-list > li:nth-child(3){
	background-image: url('/images/sub/marketing_manage_list03.png');
}
.marketing-manage .manage-list > li:nth-child(4){
	background-image: url('/images/sub/marketing_manage_list04.png');
}
.marketing-manage .manage-list > li:nth-child(5){
	background-image: url('/images/sub/marketing_manage_list05.png');
}
.marketing-manage .manage-list > li:nth-child(6){
	background-image: url('/images/sub/marketing_manage_list06.png');
}
.marketing-manage .manage-list > li h5 {
	color:#000;
	font-size: 24px;
	font-weight: 700;
	word-break:keep-all;
}
.marketing-manage .manage-list > li p {
	padding-top:15px;
	color:#666;
	font-size: 17px;
	font-weight: 350;
	line-height:1.5;
	word-break:keep-all;
}
.marketing-manage .service-tab {
	margin-top:50px;
	font-size:0;
}
.marketing-manage .service-tab > li {
	display:inline-block;
	width:23.27%;
	margin-left:2.3%;
	vertical-align:top;
}
.marketing-manage .service-tab > li:first-child {
	margin-left:0;
}
.marketing-manage .service-tab > li input {
	display:none;
}
.marketing-manage .service-tab > li label {
	display:block;
	height:160px;	
	padding:65px 25px 25px;
	border:2px solid #e6e6e6;
	border-radius:15px;
	background:url('/images/sub/marketing_tab_check.png') no-repeat top 30px left 25px #fff;
	color:#000;
	font-size:26px; font-weight:500;
	cursor:pointer;
}
.marketing-manage .service-tab > li input:checked + label {
	border-color:#318bdf;
	background-image:url('/images/sub/marketing_tab_check_on.png');
	box-shadow:20px 7px 37.24px 0.76px rgba(76, 78, 85, 0.1);
	cursor:default;
}
.marketing-manage .client-info {
	margin-top:35px;
	font-size: 0;
}
.marketing-manage .client-info > li {
	display:inline-block;
	width:49%;
	vertical-align:middle;
}
.marketing-manage .client-info > li:first-child {
	margin-right:2%;
} 
.marketing-manage .client-info > li label {
	display:inline-block;
	width:70px;
	color:#000;
	font-size: 18px;
	vertical-align:middle;
}
.marketing-manage .client-info > li input {
	display:inline-block;
	width:calc(100% - 70px);
	height:60px;
	padding:0 18px;
	border:2px solid #e6e6e6;
	border-radius:15px;
	color:#000;
	font-size: 18px;
	vertical-align:middle;
	transition:none;
}
.marketing-manage .client-info > li input:placeholder {
	color:#999;
} 
.marketing-manage .client-info > li input:focus {
	outline:none !important;
	border:2px solid #e6e6e6 !important;
}
.marketing-wrap .btn_request {
	display:block;
	width:260px; height:80px;
	margin:60px auto 0;
	border-radius:10px;
	border:none;
	background-color: #1684ea;
	color:#fff;
	font-size:22px; font-weight:500;
	line-height:80px;
	text-align:center;
}


@media screen and (max-width: 1024px){
	.marketing-manage .box + .box {
		margin-top:25px;
	}
	.marketing-manage .manage-list {
		padding-top:50px;
	}
	.marketing-manage .manage-list > li {
		padding:70px 6.5% 70px 0;
		background-size:50px auto;
	}
	.marketing-manage .manage-list > li h5 {
		font-size:20px;
	}
	.marketing-manage .manage-list > li p {
		padding-top:12px;
		font-size:13px;
	}
	.marketing-manage .service-tab > li label {
		height:140px;	
		padding:55px 20px 20px;
		border-radius:10px;
		background-size:20px auto;
		background-position:top 20px left 20px;
		font-size:21px;
	}
	.marketing-manage .client-info {
		margin-top:30px;
	}
	.marketing-manage .client-info > li label {
		width:55px;
		font-size: 15px;
	}
	.marketing-manage .client-info > li input {
		width:calc(100% - 55px);
		height:55px;
		padding:0 13px;
		border-radius:10px;
		font-size: 15px;
	}
	.marketing-wrap .btn_request {
		width:240px; height:70px;
		margin:55px auto 0;
		font-size:17px;
		line-height:70px;
	}
}
@media screen and (max-width: 768px){
	.marketing-manage .box + .box {
		margin-top:15px;
	}
	.marketing-manage .manage-list {
		padding-top:40px;
	}
	.marketing-manage .manage-list > li {
		width:50%;
		padding:45px 6.5% 40px 0;
		background-size:30px auto;
	}
	.marketing-manage .manage-list > li h5 {
		font-size:13px;
	}
	.marketing-manage .manage-list > li p {
		padding-top:8px;
		font-size:11px;
	}
	.marketing-manage .service-tab {
		margin-top:25px;
	}
	.marketing-manage .service-tab > li {
		width:48.85%;
		margin-bottom:2.3%;
	}
	.marketing-manage .service-tab > li:nth-child(3){
		margin-left:0;
	} 
	.marketing-manage .service-tab > li label {
		height:80px;	
		padding:32px 12px 12px;
		border-radius:7px;
		border-width:1px;
		background-position:top 12px left 12px;
		background-size:12.5px auto;
		font-size:13px;
	}
	.marketing-manage .client-info {
		margin-top:18px;
	}
	.marketing-manage .client-info > li {
		width:100%;	
		margin-bottom:10px;
	}
	.marketing-manage .client-info > li label {
		width:45px;
		font-size:12px;
	}
	.marketing-manage .client-info > li input {
		width:calc(100% - 45px);
		height:40px;
		padding:0 10px;
		border-radius:7px;
		font-size:12px;
		border-width:1px;
	}
	.marketing-wrap .btn_request {
		width:130px; height:40px;
		margin:30px auto 0;
		border-radius:5px;
		font-size:12px;
		line-height:40px;
	}
}

.marketing-process {
	background-color: #f4f7fa;
}
.marketing-process .process-list {
	margin-top:50px;
	font-size: 0;
}
.marketing-process .process-list > li {
	display:inline-block;
	position:Relative;
	width:18.4%;
	height:260px;
	margin-left:2%;
	padding:100px 25px 25px;
	background-color: #fff;
	background-repeat:no-repeat;
	background-position:top 35px left 25px;
	border-radius:15px;
	vertical-align:top;
}
.marketing-process .process-list > li:nth-child(1){
	background-image:url('/images/sub/marketing_process_list01.png');
}
.marketing-process .process-list > li:nth-child(2){
	background-image:url('/images/sub/marketing_process_list02.png');
}
.marketing-process .process-list > li:nth-child(3){
	background-image:url('/images/sub/marketing_process_list03.png');
}
.marketing-process .process-list > li:nth-child(4){
	background-image:url('/images/sub/marketing_process_list04.png');
}
.marketing-process .process-list > li:nth-child(5){
	background-image:url('/images/sub/marketing_process_list05.png');
}
.marketing-process .process-list > li:first-child {
	margin-left:0;
}
.marketing-process .process-list > li::after {
	content:'';
	position:absolute; left:100%; top:50%;
	width:11.3%;
	height:24px;
	margin-top:-12px;
	background:url('/images/sub/marketing_process_arrow.png') no-repeat center /contain;
}
.marketing-process .process-list > li:last-child::after {
	display:none;
}
.marketing-process .process-list > li h5 {
	color:#000; 
	font-size: 22px;
	font-weight: 700;
}
.marketing-process .process-list > li span {
	position:absolute; left:25px; bottom:30px;
	color:#999;
	font-family:'Montserrat';
	font-size:16px;
	font-weight:500;
	letter-spacing: 0.02rem;
}

@media screen and (max-width: 1024px){
	.marketing-process .process-list {
		margin-top:50px;
		font-size: 0;
	}
	.marketing-process .process-list > li {
		height:220px;
		padding:80px 20px 20px;
		background-position:top 25px left 20px;
		background-size:35px auto;
	}
	.marketing-process .process-list > li h5 {
		font-size:17px;
	}
	.marketing-process .process-list > li span {
		left:20px; bottom:25px;
		font-size:12px;
	}
}
@media screen and (max-width: 768px){
	.marketing-process .process-list {
		margin-top:25px;
	}
	.marketing-process .process-list > li {
		width:100%;
		height:70px;
		margin-left:0;
		margin-bottom:20px;
		padding:15px 12px 12px 50px;
		background-position:left 12px top 13px;
		background-size:22px auto;
		border-radius:7px;
	}
	.marketing-process .process-list > li:last-child {
		margin-bottom:0;
	}
	.marketing-process .process-list > li::after {
		left:50%; top:105%;
		width:7px;
		height:12px;
		margin-top:0;
		margin-left:-6px;
		transform:rotate(90deg);
	}
	.marketing-process .process-list > li h5 {
		font-size:13px;
	}
	.marketing-process .process-list > li h5 br {
		display:none;
	}
	.marketing-process .process-list > li span {
		left:auto; right:12px; bottom:12px;
		font-size:11px;
	}
}
.quick-menu-re {display:none !important;}
.quick-menu
{
	z-index: 999;
	position: fixed;
	right: 0;
	top:28%;	
	width: 97px;
	text-align: center;
	background: rgba(1,161,221,0.8);
	padding-top: 25px;
}

.quick-menu ul
{
}
.quick-menu ul li
{
	display: table;
	margin-bottom:33px;
	width: 100%;
	
}
.quick-menu li div { 
	display:table-cell;
	vertical-align:middle;
}
.quick-menu li a { 
	display:block; 
}
.quick-menu li span { 
	display:block; 
	font-weight:400; font-size:13px; line-height:18px;
	color:#fff;
}
.quick-menu li:nth-child(1) span
{
	font-size: 16px;
	font-weight: 600;
}
.quick-menu li img
{
	margin-bottom: 10px;
}
@media screen and (max-width: 1024px)
{
	.quick-menu
	{display: none;}
	.visual-main-scroll
	{
		display: none;
	}
}
@media screen and (max-width: 640px)
{
	.visual-main-text
	{
		left:0;
		padding: 0 15px;
		text-align: left;
		transform: translate(0, -80%);
	}
	.visual-main-text p
	{
		font-size: 20px;
		line-height: 1.3;

	}
}
.mobile-br{display: none;}

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

}

/* quick-menu */
.float-menu { 
	position:fixed; bottom:40px; right:40px;
	z-index:33;
}
.float-menu img { 
	border-radius:50%;
	box-shadow:7px 8px 13px rgba(0,0,0,.15);
}
.float-menu2 { 
	position:fixed; bottom:40px; right:120px;
	z-index:33;
}
.float-menu2 img { 
	border-radius:50%;
	box-shadow:7px 8px 13px rgba(0,0,0,.15);
	width: 70px; height: 70px;
}


@media screen and (max-width: 640px) { 
	.float-menu { 
		bottom:20px; left:20px;
	}
	.float-menu img { 
		width:45px; height:45px; 
	}
	.float-menu2 { 
		bottom:20px; right:20px; 
	}
	.float-menu2 img { 
		width:45px; height:45px; 
	}	
}
/* 메일신청 글쓰기 */
.sub-conts-title.online .msg
{	padding:0 0 25px 0;
	color:#666;
	font-size:24px;
	letter-spacing:-0.04rem;
	line-height:30px;
	font-weight:400;
	word-break:keep-all;
	
	display: block;
}

.online-board-wrap {}
.online-board-wrap .board-list {
	border-top:1px solid #333;
}
.online-board-wrap .board-list .split {
	position:relative;
	font-size:0;
	border-bottom:1px solid #dbdbdb;
}
.online-board-wrap .board-list .split.last {
	border-bottom:none;
}
.online-board-wrap .board-list .split dl {
	position:relative;
	display:inline-block;
	width:50%;
	padding:30px 0 30px 220px;
	vertical-align:top;
}
.online-board-wrap .board-list .split.full dl {
	width:100%;
}

.online-board-wrap .board-list .split dl:first-child {
	padding-right:20px;
}
.online-board-wrap .board-list .split dl dt {
	position:absolute; top:50px; left:0;
	color:#1a1a1a;
	font-size:16px;
}
.online-board-wrap .board-list .split dl:nth-child(2) dt {
	left:20px;
}
.online-board-wrap .board-list .split dl dt span {
	color:#ff6f61;
}
.online-board-wrap .board-list .split dl dd {
	font-size:16px;
}
.online-board-wrap .board-list .split dl dd select,
.online-board-wrap .board-list .split dl dd .frm_input {
	width:100%;
	height:56px;
	padding:0 20px;
	border:1px solid #e0e0e0;
	font-size:16px;
	font-weight:300;
	color:#999;
}
.online-board-wrap .board-list .split dl dd select {
	background:url('/images/sub/online_select_arrow.png') no-repeat right 20px center;
	-webkit-appearance:none;
	appearance:none;
}
.online-board-wrap .board-list .split dl dd select::-ms-expand {display:none;}
.online-board-wrap .board-list .split dl dd .frm_input:-ms-input-placeholder {color:#999; font-family:'Roboto', 'NanumBarunGothic', 'Noto Sans KR', dotum, sans-serif;}
.online-board-wrap .board-list .split dl dd .frm_input::-webkit-input-placeholder {color:#999; font-family:'Roboto', 'NanumBarunGothic', 'Noto Sans KR', dotum, sans-serif;}
.online-board-wrap .board-list .split dl dd .frm_input::-moz-placeholder {color:#999; font-family:'Roboto', 'NanumBarunGothic', 'Noto Sans KR', dotum, sans-serif;}
.online-board-wrap .board-list .split dl dd textarea {
	height:280px !important;
	border-radius:0;
	border-color:#e0e0e0;
	font-size:16px;
}
.online-board-wrap .board-list .split dl dd ul {
	overflow:hidden;
}
.online-board-wrap .board-list .split dl dd ul li {
	float:left;
	width:49%;
}
.online-board-wrap .board-list .split dl dd ul li:nth-child(2n) {
	margin-left:2%;
}
.online-board-wrap .board-list .split dl dd ul li * {
	display:inline-block;
	width:100%;
	height:50px;
	border:1px solid #e0e0e0;
	color:#999;
	font-size:16px;
	font-weight:300;
	line-height:50px;
	text-align:center;
	cursor:pointer;
}
.online-board-wrap .board-list .split dl dd ul li input[type=radio] {display:none;}
.online-board-wrap .board-list .split dl dd ul li input[type=radio]:checked + label {
	border-color:#333;
	color:#333;
}
.online-board-wrap .board-list .split dl dd .filebox {
	position:relative;
	margin-top:20px;
	border:1px solid #e0e0e0;
}
.online-board-wrap .board-list .split dl dd .filebox label {
	position:absolute; top:50%; right:20px;
	display:inline-block; 
	width:24px; height:24px; 
	margin-top:-12px; 
	background:url('/images/sub/online_file_icon.png') no-repeat center/cover; 
	color:transparent; 
	font-size:0; 
	cursor:pointer;
}
.online-board-wrap .board-list .split dl dd .filebox .upload_name {
	width:100%;
	height:56px;
	border:none; 
	background:none; 
	padding:0 20px; 
	color:#999; 
	font-size:16px;
}
.online-board-wrap .board-list .split dl dd .filebox .upload_hidden {
	display:none;
}
.online-board-wrap .board-list .split .privacy {
	overflow:hidden;
	width:540px;
	margin:40px auto;
	color:#333;
	font-size:16px;
	letter-spacing:-0.04rem;
}
.online-board-wrap .board-list .split .privacy input[type=checkbox] {width:26px; height:26px; margin:-1px 10px 0 0; outline:0; background:no-repeat left center; background-image:url('/images/sub/online_chk.png'); cursor:pointer; -webkit-appearance:none; -moz-appearance:none; vertical-align:middle; transition:all 0.3s; -webkit-transition:all 0.3s;}
.online-board-wrap .board-list .split .privacy input[type=checkbox]::-ms-check {display:none;}
.online-board-wrap .board-list .split .privacy input[type=checkbox]:checked {background-image:url('/images/sub/online_chk_on.png');} 
.online-board-wrap .board-list .split .privacy label {
	display:inline-block;
	line-height:26px;
}
.online-board-wrap .board-list .split .privacy a {
	display:inline-block;
	float:right;
	color:#333;
	border-bottom:1px solid #333;
	cursor:pointer;
}
.online-board-wrap .board-list .split #bo_privacy_info {
	display:none;
	position:absolute; top:40px; right:25%;
	padding:20px;
	background:#fff;
	border:1px solid #e0e0e0;
}
.online-board-wrap .board-list .split #bo_privacy_info .bo_privacy_title {
	margin-top:0;
	overflow:hidden;
}
.online-board-wrap .board-list .split #bo_privacy_info .bo_privacy_title a {
	color:#333;
	font-weight:700;
	float:right;
	cursor:pointer;
}
.online-board-wrap .board-list .btn-wrap {
	width:540px;
	margin:0 auto;
}
.online-board-wrap .board-list .btn-wrap * {
	width:100%;
	height:80px;
	border:none;
	background:#ff6f61;
	color:#fff;
	font-size:24px;
	line-height:80px;
}
@media screen and (max-width: 1024px) { 
	.online-board-wrap .board-list .split dl {
		padding:30px 0 30px 155px;
	}
	.online-board-wrap .board-list .split dl dt {
		font-size:13px;
	}
	.online-board-wrap .board-list .split dl dd select,
	.online-board-wrap .board-list .split dl dd .frm_input {
		font-size:13px;
	}
	.online-board-wrap .board-list .split dl dd .filebox .upload_name {
		font-size:13px
	}
	.online-board-wrap .board-list .split dl dd textarea {
		font-size:13px;
	}
	.online-board-wrap .board-list .split dl dd ul li * {
		font-size:13px;
	}
	.online-board-wrap .board-list .split .privacy {
		font-size:13px;
	}
	.online-board-wrap .board-list .btn-wrap * {
		height:70px;
		font-size:20px;
		line-height:70px;
	}
}
@media screen and (max-width: 768px) { 
	.online-board-wrap .board-list .split {
		border-bottom:0;
	}
	.online-board-wrap .board-list .split dl {
		width:100%;
		padding:15px 0 15px 155px;
		border-bottom: 1px solid #dbdbdb;
	}
	.online-board-wrap .board-list .split dl:first-child {
		padding-right:0;
	}
	.online-board-wrap .board-list .split dl dt {
		top:30px;
		font-size:12px;
	}
	.online-board-wrap .board-list .split dl:nth-child(2) dt {
		left:0;
	}
	.online-board-wrap .board-list .split dl dd select,
	.online-board-wrap .board-list .split dl dd .frm_input {
		padding:0 10px;
		font-size:12px;
		height:43px;
	}
	.online-board-wrap .board-list .split dl dd textarea {
		font-size:12px;
		height:150px !important;
	}
	.online-board-wrap .board-list .split dl dd ul li * {
		height:43px;
		line-height:43px;
		font-size:12px;
	}
	.online-board-wrap .board-list .split dl dd .filebox .upload_name {
		padding:0 10px;
		font-size:12px;
		height:43px;
	}
	.online-board-wrap .board-list .split dl dd .filebox {
		margin-top:10px;
	}
	.online-board-wrap .board-list .split dl dd .filebox label {
		right:10px;
		background-size:12px;
	}
	.online-board-wrap .board-list .split .privacy {
		font-size:12px;
		margin:20px auto;
	}
	.online-board-wrap .board-list .split .privacy input[type=checkbox] {
		width:16px; height:16px;
		background-size:cover;
	}
	.online-board-wrap .board-list .split .privacy label {
		line-height:16px;
	}
	.online-board-wrap .board-list .split #bo_privacy_info {
		top:25px;
		right:5%;
	}
	.online-board-wrap .board-list .btn-wrap * {
		height:50px;
		font-size:16px;
		line-height:50px;
	}
}


/* 
	마케팅02 > top-title 
*/
.marketing02 {
	position:relative;
}
.marketing02:after {
	position:absolute; top:-35px; left:0; z-index:-1;
	width:617px; height:1055px;
	background:url('/images/sub/marketing/title_bg.png') no-repeat center/cover;
	content:'';
}
.marketing02 .top-title {
	max-width:1440px;
	font-size:0;
	margin:0 auto;
	padding:95px 0 260px;
}
.marketing02 .top-title .text {
	display:inline-block;
	width:calc(100% - 560px);
	vertical-align:top;
	-webkit-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	opacity:0;
}
.marketing02 .top-title .text.active {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.marketing02 .top-title .text h2 {
	margin-bottom:70px;
	color:#111;
	font-size:73px;
	font-weight:700;
	letter-spacing:-0.35rem;
	line-height:90px;
}
.marketing02 .top-title .text h3 {
	font-size: 42px;
	color:#111;
	
	font-weight:700;
	letter-spacing:-0.35rem;
	margin-bottom:40px;
}
.marketing02 .top-title .text h2 span {
	color:#da4438;
}
.marketing02 .top-title .text p {
	color:#222;
	font-size:24px;
	font-weight:300;
	letter-spacing:-0.035rem;
	line-height:36px;
}
.marketing02 .top-title .text p + p {
	padding-top:35px;
}
.marketing02 .top-title .graph {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	width:560px;
	vertical-align:bottom;
	-webkit-transform:translateX(50px);
	transform:translateX(50px);
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	opacity:0;
}
.marketing02 .top-title .graph.active {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0);
}
.marketing02 .top-title .graph dl {
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	width:395px; height:395px;
	background:url('/images/sub/marketing/title_graph.png') no-repeat center/cover;
}
.marketing02 .top-title .graph dl dt {
	color:#d8372a;
	font-family:'GmarketSans';
	font-weight:700;
	font-size:36px;
	letter-spacing:-0.025rem;
}
.marketing02 .top-title .graph dl dd {
	position:absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	width:165px; height:165px;
	border-radius:50%;
	background:url('/images/sub/marketing/title_graph_bg.png') no-repeat center/cover;
	color:#fff;
	font-family:'GmarketSans';
	font-weight:500;
	font-size:20px;
	letter-spacing:-0.01rem;
	box-shadow: 10px 9px 26.46px 0.54px rgba(19, 21, 25, 0.25);
}
.marketing02 .top-title .graph dl dd.red {
	background-image:url('/images/sub/marketing/title_graph_bg_red.png');
}
.marketing02 .top-title .graph dl dd:nth-of-type(1) {
	left:50%;
	top:-82px;
	margin-left:-82px;
}
.marketing02 .top-title .graph dl dd:nth-of-type(2) {
	right:-82px;
	top:50%;
	margin-top:-82px;
}
.marketing02 .top-title .graph dl dd:nth-of-type(3) {
	left:50%;
	bottom:-82px;
	margin-left:-82px;
}
.marketing02 .top-title .graph dl dd:nth-of-type(4) {
	left:-82px;
	top:50%;
	margin-top:-82px;
}
@media screen and (max-width: 1440px) { 
	.marketing02 .top-title {
		padding:95px 20px 260px;
	}
}
@media screen and (max-width: 1200px) { 
	.marketing02 .top-title {
		padding:95px 0 260px;
	}
	.marketing02 .top-title .text h2 {
		font-size:65px;
		line-height:82px;
	}
	.marketing02 .top-title .text p {
		font-size:20px;
		line-height:32px;
	}
	.marketing02 .top-title .graph dl dt {
		font-size:32px;
	}
	.marketing02 .top-title .graph dl dd {
		font-size:16px;
	}
}
@media screen and (max-width: 1024px) { 
	.marketing02 .top-title .text {
		width:calc(100% - 420px);
	}
	.marketing02 .top-title .text h2 {
		margin-bottom:50px;
		font-size:40px;
		line-height:62px;
	}
	.marketing02 .top-title .text p {
		font-size:17px;
		line-height:29px;
	}
	.marketing02 .top-title .text p + p {
		padding-top:25px;
	}
	.marketing02 .top-title .graph {
		width:420px;
	}
	.marketing02 .top-title .graph dl {
		width:300px; height:300px;
	}
	.marketing02 .top-title .graph dl dt {
		font-size:25px;
	}
	.marketing02 .top-title .graph dl dd {
		width:120px; height:120px;
		font-size:14px;
	}
	.marketing02 .top-title .graph dl dd:nth-of-type(1) {
		top:-60px;
		margin-left:-60px;
	}
	.marketing02 .top-title .graph dl dd:nth-of-type(2) {
		right:-60px;
		margin-top:-60px;
	}
	.marketing02 .top-title .graph dl dd:nth-of-type(3) {
		bottom:-60px;
		margin-left:-60px;
	}
	.marketing02 .top-title .graph dl dd:nth-of-type(4) {
		left:-60px;
		margin-top:-60px;
	}
}
@media screen and (max-width: 768px) { 
	.marketing02:after {
		position:absolute; top:-35px; left:0; z-index:-1;
		width:300px; height:513px;
	}
	.marketing02 .top-title {
		padding:45px 0 130px;
	}
	.marketing02 .top-title .text {
		width:100%;
	}
	.marketing02 .top-title .text h2 {
		margin-bottom:25px;
		font-size:28px;
		line-height:38px;
		letter-spacing:-0.2rem;
	}
	.marketing02 .top-title .text p {
		font-size:13px;
		line-height:20px;
	}
	.marketing02 .top-title .text p + p {
		padding-top:16px;
	}
	.marketing02 .top-title .graph {
		width:100%;
		margin-top:70px;
	}
	.marketing02 .top-title .graph dl {
		width:250px; height:250px;
	}
	.marketing02 .top-title .graph dl dt {
		font-size:20px;
	}
	.marketing02 .top-title .graph dl dd {
		width:100px; height:100px;
		font-size:12px;
	}
	.marketing02 .top-title .graph dl dd:nth-of-type(1) {
		top:-50px;
		margin-left:-50px;
	}
	.marketing02 .top-title .graph dl dd:nth-of-type(2) {
		right:-50px;
		margin-top:-50px;
	}
	.marketing02 .top-title .graph dl dd:nth-of-type(3) {
		bottom:-50px;
		margin-left:-50px;
	}
	.marketing02 .top-title .graph dl dd:nth-of-type(4) {
		left:-50px;
		margin-top:-50px;
	}
}



/* 
	마케팅02 > step-list 
*/
.marketing02 .step-list {
	position:relative;
	padding-bottom:130px;
}
.marketing02 .step-list:after {
	position:absolute; top:450px; left:70%; z-index:-1;
	color:#b4b4b4;
	font-family:'Poppins';
	font-size:350px;
	font-weight:700;
	letter-spacing:-0.05rem;
	opacity:.1;
	line-height:1;
	content:'Startlawyer';
}
.marketing02 .step-list h2 {
	padding-bottom:65px;
	color:#000;
	font-size:52px;
	font-weight:300;
	letter-spacing:-0.05rem;
	text-align:center;
}
.marketing02 .step-list h2 span {
	font-weight:700;
}
.marketing02 .step-list .list {
	max-width:1200px;
	margin:0 auto;
}
.marketing02 .step-list .list > li + li {
	padding-top:90px;
	background:url('/images/sub/marketing/step_arrow.png') no-repeat top 28px center;
}
.marketing02 .step-list .list > li .box {
	display:flex;
	align-items: center;
	background:#eef2f5;
	border-radius:200px;
	padding:60px 100px 70px;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: 0;
}
.marketing02 .step-list .list > li .box.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.marketing02 .step-list .list > li .box .img {
	flex:0 0 240px;
}
.marketing02 .step-list .list > li .box .text {
	flex:1 1 100%;
}
.marketing02 .step-list .list > li .box .text h3 {
	margin-bottom:35px;
	padding-left:130px;
	color:#47c4cf;
	font-family:'GmarketSans';
	font-size:26px;
	font-weight:500;
	letter-spacing:-0.025rem;
}
.marketing02 .step-list .list > li .box .text h3 span {
	position:relative;
	display:inline-block;
	width:115px; height:40px;
	margin-left:-130px;
	margin-right:15px;
	line-height:40px;
	color:#fff;
	background:#47c4cf;
	font-size:22px;
	font-weight:700;
	text-align:center;
}
.marketing02 .step-list .list > li .box .text h3 span:after {
	position: absolute;
	bottom: -12px;
	left: 0;
	z-index: 5;
	width: 0;
	height: 0;
	border-left: 12px solid #47c4cf;
	border-right: 0px solid transparent;
	border-bottom: 12px solid transparent;
	content: '';
}
.marketing02 .step-list .list > li .box .text h3 strong {
	font-weight:700;
}
.marketing02 .step-list .list > li .box .text p {
	color:#000;
	font-size:19px;
	font-weight:300;
	letter-spacing:-0.035rem;
	line-height:30px;
}
.marketing02 .step-list .list > li:nth-child(2) .box {
	background:#fff;
	box-shadow: 16px 16px 41.82px 9.18px rgba(19, 21, 25, 0.06);
}
.marketing02 .step-list .list > li:nth-child(2) .box .text h3 {
	color:#40a6db;
}
.marketing02 .step-list .list > li:nth-child(2) .box .text h3 span {
	background:#40a6db;
}
.marketing02 .step-list .list > li:nth-child(2) .box .text h3 span:after {
	border-left-color:#40a6db;
}
.marketing02 .step-list .list > li:nth-child(3) .box .text h3 {
	color:#1975c0;
}
.marketing02 .step-list .list > li:nth-child(3) .box .text h3 span {
	background:#1975c0;
}
.marketing02 .step-list .list > li:nth-child(3) .box .text h3 span:after {
	border-left-color:#1975c0;
}
@media screen and (max-width: 1200px) { 
	.marketing02 .step-list h2 {
		font-size:42px;
	}
	.marketing02 .step-list .list > li .box .text h3 {
		font-size:20px;
		padding-left:120px;
	}
	.marketing02 .step-list .list > li .box .text h3 span {
		width:100px;
		height:30px;
		line-height:30px;
		font-size:16px;
		margin-left:-120px;
		margin-right:20px;
	}
	.marketing02 .step-list .list > li .box .text p {
		font-size:16px;
		line-height:26px;
	}
}
@media screen and (max-width: 1024px) { 
	.marketing02 .step-list h2 {
		font-size:35px;
	}
	.marketing02 .step-list .list > li .box {
		padding:45px 50px 55px;
	}
	.marketing02 .step-list .list > li .box .img {
		flex:0 0 150px;
	}
	.marketing02 .step-list .list > li .box .img img {
		width:100%;
	}
	.marketing02 .step-list .list > li .box .text {
		padding-left:20px;
	}
	.marketing02 .step-list .list > li .box .text h3 {
		font-size:18px;
	}
	.marketing02 .step-list .list > li .box .text p {
		font-size:14px;
		line-height:24px;
	}
}
@media screen and (max-width: 768px) {
	.marketing02 .step-list {
		padding-bottom:65px;
	}
	.marketing02 .step-list:after {
		font-size:180px;
		left:50%;
	}
	.marketing02 .step-list h2 {
		padding-bottom:35px;
		font-size:26px;
	}
	.marketing02 .step-list h2 br {
		display:none;
	}
	.marketing02 .step-list .list > li + li {
		padding-top:50px;
		background-size:18px auto;
		background-position:top 16px center;
	}
	.marketing02 .step-list .list > li .box {
		display:block;
		padding:30px 15px 35px;
		border-radius:30px;
	}
	.marketing02 .step-list .list > li .box .img {
		width:40%;
		padding-bottom:20px;
		margin:0 auto;
	}
	.marketing02 .step-list .list > li .box .img img {
		width:100%;
	}
	.marketing02 .step-list .list > li .box .text {
		padding-left:0;
	}
	.marketing02 .step-list .list > li .box .text h3 {
		margin-bottom:17px;
		font-size:15px;
		padding-left:70px;
	}
	.marketing02 .step-list .list > li .box .text h3 span {
		width:60px;
		height:25px;
		line-height:25px;
		font-size:11px;
		margin-left:-70px;
		margin-right:10px;
	}
	.marketing02 .step-list .list > li .box .text h3 span:after {
		bottom:-8px;
		border-left:8px solid #47c4cf;
		border-bottom:8px solid transparent;
	}
	.marketing02 .step-list .list > li .box .text p {
		font-size:12px;
		line-height:21px;
	}
}



/* 
	마케팅02   make-site
*/
.marketing02 .make-site {
	padding-bottom:100px;
	max-width:1200px;
	margin:0 auto;
	font-size:0;
}
.marketing02 .make-site .title {
	display:inline-block;
	width:calc(100% - 500px);
	vertical-align:bottom;
	padding-bottom:30px;
}
.marketing02 .make-site .title h2 {
	margin-bottom:140px;
	color:#000;
	font-size:54px;
	font-weight:300;
	letter-spacing:-0.05rem;
}
.marketing02 .make-site .title h2 span {
	font-weight:700;
}
.marketing02 .make-site .title p {
	color:#000;
	font-family:'GmarketSans';
	font-weight:300;
	font-size:36px;
	line-height:72px;
	letter-spacing:-0.05rem;
}
.marketing02 .make-site .title p .pt {
	color:#da4438;
}
.marketing02 .make-site .title p strong {
	font-weight:700;
}
.marketing02 .make-site .card {
	display:inline-block;
	position:relative;
	width:500px;
	height:256px;
	vertical-align:bottom;
	margin-block: 80px;
}
.marketing02 .make-site .card .box {
	position:absolute; left:0; bottom:-50px;
	width:100%;
	padding:40px 60px;
	height:256px;
	background:url('/images/sub/marketing/make_card_bg.png') no-repeat center/cover;
	background-color:#da4438;
	border-radius:20px;
	box-shadow: 14px 0px 54px 0px rgba(19, 21, 25, 0.2);
	animation-fill-mode:forwards;
	animation-timing-function:ease-in-out;
	opacity:0;
	animation-duration:.7s;
}
.marketing02 .make-site .card .box:nth-child(1) {
	background-color:#d8d8d8;
	transform:scale(0.8, 0.8);
	margin-bottom:150px;
	animation-delay:0s;
}
.marketing02 .make-site .card .box:nth-child(2) {
	background-color:#9c9c9c;
	transform:scale(0.9, 0.9);
	margin-bottom:90px;
	animation-delay:1s;
}
.marketing02 .make-site .card .box:nth-child(3) {
	animation-delay:2s;
}
.marketing02 .make-site .card .box.active {
	animation-name:cardShow;
}
.marketing02 .make-site .card .box dl {
	color:#fff;
	font-family:'GmarketSans';
}
.marketing02 .make-site .card .box dl dt {
	font-size:24px;
	font-weight:500;
}
.marketing02 .make-site .card .box dl dd {
	padding-top:80px;
	font-size:24px;
	font-weight:300;
	text-align:right;
}
.marketing02 .make-site .card .box dl dd strong {
	font-size:60px;
	font-weight:700;
}
@media screen and (max-width: 1200px) {
	.marketing02 .make-site .title h2 {
		font-size:45px;
	}
	.marketing02 .make-site .title p {
		font-size:30px;
		line-height:64px;
	}
	.marketing02 .make-site .card .box dl dt {
		font-size:20px;
	}
	.marketing02 .make-site .card .box dl dd strong {
		font-size:50px;
	}
}
@media screen and (max-width: 1200px) {
	.marketing02 .make-site .title {
		width:calc(100% - 400px);
		padding-right:20px;
	}
	.marketing02 .make-site .title h2 {
		margin-bottom:80px;
		font-size:40px;
	}
	.marketing02 .make-site .title p {
		font-size:25px;
		line-height:55px;
	}
	.marketing02 .make-site .card {
		width:400px;
	}
	.marketing02 .make-site .card .box {
		padding:30px 45px;
	}
}
@media screen and (max-width: 768px) {
	.marketing02 .make-site {
		padding-bottom:50px;
	}
	.marketing02 .make-site .title {
		width:100%;
		padding-right:0;
	}
	.marketing02 .make-site .title h2 {
		margin-bottom:30px;
		font-size:28px;
	}
	.marketing02 .make-site .title p {
		font-size:16px;
		line-height:30px;
	}
	.marketing02 .make-site .card {
		width:100%;
	}
	.marketing02 .make-site .card .box {
		height:160px;
		padding:30px;
	}
	.marketing02 .make-site .card .box dl dt {
		font-size:14px;
	}
	.marketing02 .make-site .card .box dl dd {
		font-size:14px;
		padding-top:50px;
	}
	.marketing02 .make-site .card .box dl dd strong {
		font-size:25px;
	}
	.marketing02 .make-site .card .box:nth-child(1) {
		margin-bottom:110px;
	}
	.marketing02 .make-site .card .box:nth-child(2) {
		margin-bottom:60px;
	}
}
@keyframes cardShow {
	from {bottom:-50px;}
	to {bottom:0; opacity:1;}
}



/* 
	마케팅02 >  special
*/
.marketing02 .special {
	position:relative;
	max-width:1540px;
	margin:0 auto;
}
.marketing02 .special .special-slide {
	max-width:1320px;
	margin:0 auto;
	padding-bottom:180px;
}
.marketing02 .special .special-slide .swiper-slide {
	padding:30px 60px;
}
.marketing02 .special .special-slide .swiper-slide .box {
	display:flex;
	height:440px;
	background:#fff;
	box-shadow: 18px 16px 45.08px 0.92px rgba(19, 21, 25, 0.1);
}
.marketing02 .special .special-slide .swiper-slide .box .img {
	flex:1 1 50%;
	background:no-repeat center/cover;
}
.marketing02 .special .special-slide .swiper-slide .box .img.bg01 {
	background-image:url('/images/sub/marketing/special01.jpg');
}
.marketing02 .special .special-slide .swiper-slide .box .img.bg02 {
	background-image:url('/images/sub/marketing/special02.jpg');
}
.marketing02 .special .special-slide .swiper-slide .box .img.bg03 {
	background-image:url('/images/sub/marketing/special03.jpg');
}
.marketing02 .special .special-slide .swiper-slide .box .img.bg04 {
	background-image:url('/images/sub/marketing/special04.jpg');
}
.marketing02 .special .special-slide .swiper-slide .box .img .img-text {
	padding:150px 60px 0;
	font-family:'GmarketSans';
	color:#fff;
}
.marketing02 .special .special-slide .swiper-slide .box .img .img-text h3 {
	padding-bottom:30px;
	font-size:30px;
	font-weight:700;
	letter-spacing:-0.025rem;
}
.marketing02 .special .special-slide .swiper-slide .box .img .img-text p {
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.01rem;
	line-height:24px;
}
.marketing02 .special .special-slide .swiper-slide .box .info {
	flex:1 1 50%;
	position:relative;
	padding:65px 50px 0 60px;
}
.marketing02 .special .special-slide .swiper-slide .box .info .no {
	display:flex;
	align-items: center;
	justify-content: center;
	position:absolute; top:30px; right:35px;
	width:42px; height:42px;
	border-radius:50%;
	background:#eee;
	color:#bfbfbf;
	font-family:'Poppins';
	font-size:18px;
	font-weight:600;
}
.marketing02 .special .special-slide .swiper-slide .box .info h5 {
	padding-bottom:60px;
	color:#000;
	font-family:'Poppins';
	font-size:18px;
	font-weight:600;
	letter-spacing:-0.025rem;
}
.marketing02 .special .special-slide .swiper-slide .box .info h5:after {
	display:block;
	width:30px; height:3px;
	margin-top:4px;
	background:#da4438;
	content:'';
}
.marketing02 .special .special-slide .swiper-slide .box .info p {
	color:#000;
	font-size:18px;
	font-weight:300;
	letter-spacing:-0.05rem;
	line-height:28px;
}
.marketing02 .special .arrow {
	position:absolute; top:50%; z-index:10;
	width:62px; height:62px;
	margin-top:-121px;
	background:no-repeat center/cover;
	color:transparent;
	font-size:0;
	cursor:pointer;
}
.marketing02 .special .arrow.prev {
	left:0;
	background-image:url('/images/sub/marketing/special_prev.png');
}
.marketing02 .special .arrow.next {
	right:0;
	background-image:url('/images/sub/marketing/special_next.png');
}
@media screen and (max-width: 1320px) {
	.marketing02 .special .special-slide .swiper-slide {
		padding:30px 70px;
	}
}
@media screen and (max-width: 1200px) {
	.marketing02 .special .special-slide .swiper-slide .box .img .img-text h3 {
		font-size:25px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .img .img-text p {
		font-size:15px;
		line-height:20px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .info {
		padding:55px 40px 0 50px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .info h5 {
		font-size:16px;
		padding-bottom:45px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .info p {
		font-size:15px;
		line-height:24px;
	}
}
@media screen and (max-width: 1024px) {
	.marketing02 .special .special-slide .swiper-slide {
		padding:20px 40px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .img .img-text {
		padding:100px 30px 0;
	}
	.marketing02 .special .arrow {
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.marketing02 .special .special-slide {
		width:calc(100% + 40px);
		margin-left:-20px;
		padding-bottom:80px;
	}
	.marketing02 .special .special-slide .swiper-slide {
		padding:20px;
	}
	.marketing02 .special .special-slide .swiper-slide .box {
		display:block;
		height:auto;
	}
	.marketing02 .special .special-slide .swiper-slide .box .img .img-text {
		padding:50px 20px 50px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .img .img-text h3 {
		padding-bottom:15px;
		font-size:16px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .img .img-text p {
		font-size:13px;
		line-height:21px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .info {
		padding:25px 20px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .info .no {
		top:15px;
		right:15px;
		font-size:14px;
		width:35px; height:35px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .info h5 {
		font-size:14px;
		padding-bottom:25px;
	}
	.marketing02 .special .special-slide .swiper-slide .box .info p {
		font-size:12px;
		line-height:21px;
	}
}



/* 
	마케팅02 >  graph-list
*/
.marketing02 .graph-wrap {
	padding:100px 0;
	background:#1d1e25;
}
.marketing02 .graph-list {
	position:relative;
	max-width:1540px;
	margin:0 auto;
}
.marketing02 .graph-list .graph-slide {
	max-width:1240px;
	margin:0 auto;
}
.marketing02 .graph-list .graph-slide .swiper-slide {
	color:#fff;
	font-size:0;
}
.marketing02 .graph-list .graph-slide .swiper-slide .img {
	display:inline-block;
	width:50%;
	padding:20px;
}
.marketing02 .graph-list .graph-slide .swiper-slide .img img {
	width:100%;
}
.marketing02 .graph-list .arrow {
	position:absolute; top:50%; z-index:10;
	width:62px; height:62px;
	margin-top:-31px;
	background:no-repeat center/cover;
	color:transparent;
	font-size:0;
	cursor:pointer;
}
.marketing02 .graph-list .arrow.prev {
	left:0;
	background-image:url('/images/sub/marketing/graph_prev.png');
}
.marketing02 .graph-list .arrow.next {
	right:0;
	background-image:url('/images/sub/marketing/graph_next.png');
}
@media screen and (max-width: 1320px) {
	.marketing02 .graph-list {
		padding:0 70px;
	}
}
@media screen and (max-width: 1240px) {
	.marketing02 .graph-wrap {
		margin:0 -20px;
		padding:100px 20px;
	}
	.marketing02 .graph-list .arrow.prev {
		left:20px;
	}
	.marketing02 .graph-list .arrow.next {
		right:20px;
	}
}
@media screen and (max-width: 1024px) {
	.marketing02 .graph-list {
		padding:0;
	}
	.marketing02 .graph-list .arrow {
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.marketing02 .graph-wrap {
		padding:50px 20px;
	}
	.marketing02 .graph-list .graph-slide .swiper-slide .img {
		padding:10px 0;
		width:100%;
	}
}



/* 
	마케팅02 >  service-list
*/
.marketing02 .service-list {
	max-width:1200px;
	margin:100px auto 100px;
}
.marketing02 .service-list h2 {
	padding-bottom:75px;
	color:#1e2331;
	font-size:45px;
	font-weight:400;
	letter-spacing:-0.05rem;
	line-height:60px;
	text-align:center;
}
.marketing02 .service-list h2 span {
	font-weight:700;
}
.marketing02 .service-list .list {
	font-size:0;
	margin-left:-110px;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
}
.marketing02 .service-list .list.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.marketing02 .service-list .list > li {
	display:inline-block;
	width:33.33%;
	padding-left:110px;
	margin-bottom:45px;
	vertical-align:top;
}
.marketing02 .service-list .list > li .box .info {
	padding-top:25px;
}
.marketing02 .service-list .list > li .box .info h5 {
	color:#111;
	font-size:24px;
	font-weight:700;
	letter-spacing:-0.05rem;
}
.marketing02 .service-list .list > li .box .info p {
	padding-top:15px;
	color:#555;
	font-size:18px;
	font-weight:300;
	letter-spacing:-0.065rem;
	line-height:24px;
}
@media screen and (max-width: 1200px) {
	.marketing02 .service-list h2 {
		font-size:38px;
		line-height:51px;
	}
	.marketing02 .service-list .list > li .box .info h5 {
		font-size:20px;
	}
	.marketing02 .service-list .list > li .box .info p {
		font-size:15px;
		line-height:21px;
	}
}
@media screen and (max-width: 1200px) {
	.marketing02 .service-list h2 {
		font-size:32px;
		line-height:44px;
	}
	.marketing02 .service-list .list {
		margin-left:-60px;
	}
	.marketing02 .service-list .list > li {
		padding-left:60px;
	}
	.marketing02 .service-list .list > li .box .info h5 {
		font-size:18px;
	}
	.marketing02 .service-list .list > li .box .info p {
		font-size:14px;
		line-height:19px;
	}
}
@media screen and (max-width: 768px) {
	.marketing02 .service-list {
		margin:50px auto;
	}
	.marketing02 .service-list h2 {
		padding-bottom:35px;
		font-size:24px;
		line-height:34px;
	}
	.marketing02 .service-list .list {
		margin-left:-20px;
	}
	.marketing02 .service-list .list > li {
		width:50%;
		padding-left:20px;
	}
	.marketing02 .service-list .list > li .box .img img {
		width:48px;
	}
	.marketing02 .service-list .list > li .box .info {
		padding-top:14px;
	}
	.marketing02 .service-list .list > li .box .info h5 {
		font-size:14px;
	}
	.marketing02 .service-list .list > li .box .info p {
		padding-top:8px;
		font-size:12px;
		line-height:17px;
	}
	.marketing02 .service-list .list > li .box .info p br {
		display:none;
	}
}



/* 
	마케팅02 >  online-marketing
*/
.marketing02 .online-marketing {
	padding:125px 0;
	background:#1975c0;
	text-align:center;
}
.marketing02 .online-marketing h2 {
	padding-bottom:65px;
	color:#fff;
	font-size:36px;
	font-weight:300;
	letter-spacing:-0.025rem;
	line-height:48px;
}
.marketing02 .online-marketing h2 strong {
	display:block;
	font-size:45px;
	font-weight:700;
}
.marketing02 .online-marketing h2 span {
	font-weight:700;
	border-bottom:1px solid #fff;
}
.marketing02 .online-marketing .form {
	display:inline-block;
	min-width:540px;
	text-align:left;
}
.marketing02 .online-marketing .form h5 {
	padding-bottom:18px;
	color:#fff;
	font-family: 'GmarketSans';
	font-size:24px;
	font-weight:700;
	letter-spacing:-0.025rem;
	text-align:center;
}
.marketing02 .online-marketing .form ul li {
	margin-top:8px;
}
.marketing02 .online-marketing .form ul li input[type="text"] {
	width:100%;
	height:48px;
	padding:0 15px;
	background:#e8f1f9;
	border:none;
	color:#000;
	font-size:17px;
	font-weight:300;
}
.marketing02 .online-marketing .form ul li .privacy {
	position:relative;
	padding-top:3px;
	font-size:12px;
	font-weight:300;
}
.marketing02 .online-marketing .form ul li .privacy > label {
	color:#fff;
}
.marketing02 .online-marketing .form ul li .privacy > label input {
	margin-right:5px;
}
.marketing02 .online-marketing .form ul li .privacy > a {
	margin-left:5px;
	color:#fff;
	text-decoration:underline;
	vertical-align:top;
	cursor:pointer;
}
.marketing02 .online-marketing .form ul li .privacy .privacy-info {
	display:none;
	position:absolute; top:100%; left:0; z-index:1;
	padding:20px;
	background:#fff;
	border:1px solid #e0e0e0;
}
.marketing02 .online-marketing .form ul li .privacy .privacy-info .bo_privacy_title {
	font-size: 18px;
	font-weight: 350;
	color: #303030;
}
.marketing02 .online-marketing .form ul li .privacy .privacy-info .bo_privacy_title a {
	color:#333;
	font-weight:700;
	float:right;
	cursor:pointer;
}
.marketing02 .online-marketing .form ul li .privacy .privacy-info .bo_privacy_div {
	width: 100%;
	padding: 20px;
	font-size: 14px;
	line-height: 19px;
	color: #666;
	border: 1px solid #e3e3e3;
	border-top: 1px solid #303030;
}
.marketing02 .online-marketing .form .submit-btn {
	padding-top:35px;
}
.marketing02 .online-marketing .form .submit-btn button {
	width:100%;
	height:85px;
	border:none;
	animation: blink 1s linear infinite alternate;
}
.marketing02 .online-marketing .form .submit-btn button span {
	padding-right:40px;
	color:#fff;
	font-size:24px;
	font-weight:700;
	background:url('/images/sub/marketing/online_btn.png') no-repeat right center;
}
@media screen and (max-width: 1240px) {
	.marketing02 .online-marketing {
		margin:0 -20px;
		padding:125px 20px;
	}
}
@media screen and (max-width: 1200px) {
	.marketing02 .online-marketing h2 {
		font-size:32px;
		line-height:44px;
	}
	.marketing02 .online-marketing h2 strong {
		font-size:42px;
	}
}
@media screen and (max-width: 1024px) {
	.marketing02 .online-marketing h2 {
		font-size:28px;
		line-height:38px;
	}
	.marketing02 .online-marketing h2 strong {
		font-size:38px;
	}
	.marketing02 .online-marketing .form h5 {
		font-size:20px;
	}
	.marketing02 .online-marketing .form .submit-btn button span {
		font-size:20px;
	}
}
@media screen and (max-width: 768px) {
	.marketing02 .online-marketing {
		padding:70px 20px;
	}
	.marketing02 .online-marketing h2 {
		padding-bottom:40px;
		font-size:17px;
		line-height:28px;
	}
	.marketing02 .online-marketing h2 strong {
		padding-bottom:8px;
		font-size:27px;
	}
	.marketing02 .online-marketing h2 br {
		display:none;
	}
	.marketing02 .online-marketing .form {
		min-width:100%;
	}
	.marketing02 .online-marketing .form h5 {
		padding-bottom:8px;
		font-size:15px;
	}
	.marketing02 .online-marketing .form ul li input[type="text"] {
		padding:0 10px;
		height:35px;
		font-size:12px;
	}
	.marketing02 .online-marketing .form ul li .privacy {
		font-size:11px;
	}
	.marketing02 .online-marketing .form .submit-btn button {
		height:45px;
	}
	.marketing02 .online-marketing .form .submit-btn button span {
		padding-right:25px;
		font-size:14px;
		background-size:16px;
	}
}
@keyframes blink{
	0% {background:#1e2331;}
	100% {background:#da4438;}
}




/* 키워드광고
=================================== */
.sub-conts-wrap.keyword-ad {
	overflow:hidden;
	padding:88px 0 0;
}
.sub-conts-wrap.keyword-ad ~ #footer {
	margin-top:0;
}
.keyword-ad .m-br {
	display:none;
}

@media screen and (max-width: 1240px) {
	.keyword-ad .inner {
		padding-left:50px; padding-right:50px;
	}
}
@media screen and (max-width: 1024px) {
	.sub-conts-wrap.keyword-ad {
		padding-top:85px;
	}
}
@media screen and (max-width: 850px) {
	.keyword-ad .m-br {
		display:block;
	}
}
@media screen and (max-width: 768px) {
	.sub-conts-wrap.keyword-ad {
		padding-top:70px;
	}
	.keyword-ad .inner {
		padding-left:35px; padding-right:35px;
	}
}


/* 검색광고 비주얼 */
.keyword-ad-visual {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:calc(100vh - 88px);
	background:url('/images/sub/keyword/keyword_ad_visual.jpg') no-repeat center bottom/cover;
	text-align:center;
}
.keyword-ad-visual h1 {
	font-weight:300; font-size:44px; line-height:1.4;
	color:#000;
	letter-spacing:-0.08rem;
	word-break:keep-all;
}
.keyword-ad-visual h1 strong {
	font-weight: 700;
	color: #3233d3;
}
.keyword-ad-visual div {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:100px auto 0;
	max-width:1392px; width:100%; height:177px;
	border-radius:10px;
	border:4px solid #3233d4;
	background:#fff;
	box-shadow:35px 35px 84px rgba(125,125,190,.4);
}
.keyword-ad-visual div p {
	padding-left:6%;
	font-weight:300; font-size:74px;
	color:#111;
	letter-spacing:-0.08rem;
	word-break:keep-all;
}
.keyword-ad-visual div p strong {
	font-weight:700;
	color:#3233d4;
}
.keyword-ad-visual div .icon {
	display:flex;
	justify-content:center;
	align-items:center;
	width:185px; height:100%;
	background:#3233d4;
}

@media screen and (max-width: 1440px) {
	.keyword-ad-visual {
		padding-left:30px; padding-right:30px;
	}
}
@media screen and (max-width: 1024px) {
	.keyword-ad-visual {
		height:calc(100vh - 85px);
	}
}
@media screen and (max-width: 850px) {
	.keyword-ad-visual {
		height:950px;
		background:url('/images/sub/keyword/m_keyword_ad_visual.jpg') no-repeat center center/cover;
	}
	.keyword-ad-visual h1 {
		font-size:34px;
	}
	.keyword-ad-visual div {
		flex-direction:column;
		margin-top:70px;
		width:90%; height:auto;
	}
	.keyword-ad-visual div p {
		padding:30px 0;
		font-size:64px;
	}
	.keyword-ad-visual div .icon {
		padding:15px 0;
		width:100%;
	}
	.keyword-ad-visual div .icon img {
		height:80px;
	}
}
@media screen and (max-width: 768px) {
	.keyword-ad-visual {
		padding-left:20px; padding-right:20px;
	}
	.keyword-ad-visual h1 {
		font-size:24px;
	}
	.keyword-ad-visual div {
		margin-top:40px;
		border-width:2px;
		box-shadow:15px 15px 45px rgba(125,125,190,.4);
	}
	.keyword-ad-visual div p {
		padding:12px 0;
		font-size:40px;
	}
	.keyword-ad-visual div .icon {
		padding:10px 0;
	}
	.keyword-ad-visual div .icon img {
		height:40px;
	}
}
@media screen and (max-width: 768px) {
	.keyword-ad-visual {
		height:670px;
	}
}


/* title */
.keyword-ad .keyword-ad-tit {
	margin-bottom:100px;
	font-weight:300; font-size:60px;
	color:#000;
	letter-spacing:-0.08rem;
	word-break:keep-all;
	text-align:center;
}
.keyword-ad .keyword-ad-tit strong {
	font-weight:700;
}

@media screen and (max-width: 850px) {
	.keyword-ad .keyword-ad-tit { 
		margin-bottom:80px;
		font-size:50px;
	}
}
@media screen and (max-width: 768px) {
	.keyword-ad .keyword-ad-tit { 
		margin-bottom:50px;
		font-size:34px; line-height:1.2;
	}
}


/* 검색광고 */
.keyword-ad-info {
	padding:0 0 5%;
	background:url('/images/sub/keyword/keyword_ad_info_bg.jpg') no-repeat center bottom/cover;
}
.keyword-ad-info-inner {
	margin:0 auto;
	max-width:1440px;
}
.keyword-ad-info-wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:row-reverse;
}
.keyword-ad-info-wrap .txt-wrap {
}
.keyword-ad-info-wrap .txt-wrap p {
	font-weight:300; font-size:24px; line-height:1.6;
	color:#000;
	word-break:keep-all;
}
.keyword-ad-info-wrap .txt-wrap p strong {
	font-weight:700; font-size:27px;
	box-shadow:inset 0 -19px #fae005;
}
.keyword-ad-info-wrap .img-wrap img {
	max-width:100%;
}
@media screen and (max-width: 1440px) {
	.keyword-ad-info-inner {
		padding-left:50px; padding-right:50px;
	}
	.keyword-ad-info-wrap .txt-wrap p .pc-br {
		display:none;
	}
}
@media screen and (max-width: 1024px) {
	.keyword-ad-info-wrap {
		flex-direction:column;
	}
}
@media screen and (max-width: 850px) {
	.keyword-ad-info {
		background:url('/images/sub/keyword/m_keyword_ad_info_bg.jpg') no-repeat center top/100% auto;
	}
	.keyword-ad-info-wrap .txt-wrap p {
		font-size:20px;
	}
	.keyword-ad-info-wrap .txt-wrap p strong {
		font-size:23px;
		box-shadow:inset 0 -16px #fae005;
	}
}
@media screen and (max-width: 768px) {
	.keyword-ad-info-inner {
		padding-left:35px; padding-right:35px;
	}
	.keyword-ad-info-wrap .txt-wrap p {
		font-size:15px;
	}
	.keyword-ad-info-wrap .txt-wrap p strong {
		font-size:18px;
		box-shadow:inset 0 -10px #fae005;
	}
}


/* 슬라이드 */
.keyword-ad-point {
	padding:8% 0 0;
}
.keyword-ad-point-inner {
	position:relative; z-index:11;
	margin:0 auto;
	padding-top:8%;
	max-width:1600px;
}
.keyword-ad-point-inner:after {
	content:'';
	position:absolute; top:0; right:50%;
	z-index:-1;
	margin-right:15%;
	width:calc(560px + 11vw); height:100%;
	border-radius:0 150px 0 0;
	background:url('/images/sub/keyword/keyword_ad_point_bg.jpg') no-repeat center top/cover;
}
.keyword-ad-point-tit {
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	margin-bottom:110px;
	padding:0 80px 0 200px;
}
.keyword-ad-point-tit h1 {
	font-weight:700; font-size:45px;
	color:#000;
	letter-spacing:-0.08rem;
	word-break:keep-all;
}
.keyword-ad-point-tit h1 strong {
	position:relative;
	font-weight:700;
}
.keyword-ad-point-tit h1 strong:after {
	content:'';
	position:absolute; top:50%; left:50%;
	z-index:-1;
	transform:translate(-50%,-50%);
	width:200%; height:200%;
	background:url('/images/sub/keyword/cir.png') no-repeat center center;
}
.keyword-ad-point-tit p {
	flex-shrink:0;
	font-weight:500; font-size:20px; line-height: 1.5;
	color:#fff;
	word-break:keep-all;
}
.keyword-ad-point-tit p strong {
	font-weight: 700;
}

.keyword-ad-point-wrap {
	display:flex;
	justify-content:space-between;
	align-items:start;
}

.keyword-ad-point-dot-outer {
	position:relative; z-index:11;
}
.keyword-ad-point-dot-outer .hover-box {
	position:absolute; top:0; right:0;
	margin-top:8px;
	width:100%; max-width:360px; height:75px;
	background:#3233d4;
	z-index:-1;
	transition:.3s;
}
.keyword-ad-point-dot-outer .hover-box:after {
	content:'';
	position:absolute; top:0; left:100%;
	margin-left:-13px;
	width:78px; height:100%;
	border-radius:0 38px 38px 0;
	background:#3233d4 url('/images/sub/keyword/arrow_on.png') no-repeat left center;
}
.keyword-ad-point-dot {
	position:relative; z-index:22;
	margin-left:200px;
	width:360px;
}
.keyword-ad-point-dot .slick-list {
	overflow:visible;
}
.keyword-ad-point-dot .slick-track {
	width:100% !important;
	transform:none !important;
}
.keyword-ad-point-dot .slick-slide {
	/* margin-bottom:17px; */
	padding:8px 0 ;
	width:100%; height:auto;
}
.keyword-ad-point-dot .keyword-ad-point-dot-slide {
	position:relative;
	display:flex !important;
	align-items:center;
	padding-left:30px;
	width:100%; height:75px;
	background:transparent;
	cursor:pointer;
}
.keyword-ad-point-dot .keyword-ad-point-dot-slide:after {
	content:'';
	position:absolute; top:0; left:100%;
	margin-left:-13px;
	width:78px; height:100%;
	border-radius:0 38px 38px 0;
	background:#3233d4 url('/images/sub/keyword/arrow_on.png') no-repeat left center;
	opacity:0;
}
.keyword-ad-point-dot .keyword-ad-point-dot-slide span {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:24px;
	width:39px; height:39px;
	border-radius:50%;
	background:transparent;
	font-weight:400; font-size:16px;
	font-family:'Outfit', sans-serif;
	color:#fff;
	letter-spacing:0;
	flex-shrink:0;
}
.keyword-ad-point-dot .keyword-ad-point-dot-slide strong {
	display:inline-block;
	font-weight:700; font-size:24px;
	color:#fff;
}


.keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide span {
	background:#14155f;
}
@media screen and (min-width: 1025px) {
	.keyword-ad-point-dot .on .keyword-ad-point-dot-slide span  {
		background:#14155f !important;
		transition:.3s;
	}
	.keyword-ad-point-dot-outer.on .keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide {
		background:transparent;
	}
	.keyword-ad-point-dot-outer.on .keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide:after {
		opacity:0;
	}
	.keyword-ad-point-dot-outer.on .keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide span {
		background:transparent;
	}
	.keyword-ad-point-dot-outer .keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide span {
		background:#14155f;
	}

	.keyword-ad-point-dot-outer.on.on1 .hover-box ,
	.keyword-ad-point-dot-outer.on-1 .hover-box  {
		top:0;
		opacity:1;
	}
	.keyword-ad-point-dot-outer.on.on2 .hover-box,
	.keyword-ad-point-dot-outer.on-2 .hover-box  {
		top:25%;
		opacity:1;
	}
	.keyword-ad-point-dot-outer.on.on3 .hover-box,
	.keyword-ad-point-dot-outer.on-3 .hover-box  {
		top:50%;
		opacity:1;
	}
	.keyword-ad-point-dot-outer.on.on4 .hover-box,
	.keyword-ad-point-dot-outer.on-4 .hover-box  {
		top:75%;
		opacity:1;
	}
}

.keyword-ad-point-slide {
	width:56.25%;
}
.keyword-ad-point-slide h1 {
	font-weight:700; font-size:48px;
	color:#3233d4;
	letter-spacing:-0.08rem;
	word-break:keep-all;
}
.keyword-ad-point-slide h1 span {
	display:block;
	font-weight:700; font-size:20px;
	font-family:'Outfit', sans-serif;
	color:#333;
	letter-spacing:0;
	opacity:.5;
}
.keyword-ad-point-slide p {
	margin-top:42px; margin-bottom:70px;
	max-width:80%;
	font-weight:300; font-size:19px; line-height:1.57;
	color:#000;
	word-break:keep-all;
}
.keyword-ad-point-slide img {
	max-width:100%;
}
.keyword-ad-point-slide .slide1 img ,
.keyword-ad-point-slide .slide3 img {
	position:relative; left:-2%;
}

@media screen and (max-width: 1700px) {
	.keyword-ad-point-inner {
		padding-left:50px; padding-right:50px;
	}
	.keyword-ad-point-inner:after {
		right:0; left:0;
		margin-right:0;
		width:410px;
	}
	.keyword-ad-point-tit {
		padding:0;
	}
	.keyword-ad-point-tit h1 {
		width:56.25%;
		text-align:left;
	}
	.keyword-ad-point-tit h1 .m-br {
		display:block;
	}
	.keyword-ad-point-dot {
		margin-left:0;
	}
}
@media screen and (max-width: 1100px) {
	.keyword-ad-point-dot {
		width:330px;
	}
}
@media screen and (max-width: 1024px) {
	.keyword-ad-point-dot-outer .hover-box {
		display:none;
	}
	.keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide {
		background:#3233d4;
	}
	.keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide:after {
		opacity:1;
	}
	.keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide span {
		background:#14155f;
	}

	.keyword-ad-point-inner:after {
		display:none;
	}
	.keyword-ad-point-tit {
		flex-direction:column;
		margin-bottom:40px;
	}
	.keyword-ad-point-tit h1 {
		width:100%;
	}
	.keyword-ad-point-tit p {
		margin-top:30px;
		color:#333;
	}
	.keyword-ad-point-tit p strong {
		color:#3132a7;
	}
	.keyword-ad-point-wrap {
		display:block;
	}
	.keyword-ad-point-dot {
		margin-bottom:50px;
		width:100%;
	}
	.keyword-ad-point-dot .slick-slide {
		margin-bottom:0; padding:0;
		width:50%;
	}
	.keyword-ad-point-dot .keyword-ad-point-dot-slide {
		border-radius:40px;
	}
	.keyword-ad-point-dot .keyword-ad-point-dot-slide:after {
		display:none;
	}
	.keyword-ad-point-dot .keyword-ad-point-dot-slide span {
		background:#676772;
	}
	.keyword-ad-point-dot .keyword-ad-point-dot-slide strong {
		color:#676772;
	}
	.keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide {
		box-shadow:17px 17px 48px rgba(0,0,0,.21);
	}
	.keyword-ad-point-dot .slick-current .keyword-ad-point-dot-slide strong {
		color:#fff;
	}
	.keyword-ad-point-slide .slick-slide {
		height:auto;
	}
	.keyword-ad-point-slide {
		width:100%;
	}
	.keyword-ad-point-slide p {
		max-width:100%;
	}
}
@media screen and (max-width: 850px) {
	.keyword-ad-point-tit h1 {
		font-size:40px;
	}
	.keyword-ad-point-tit h1 strong:after {
		background-size:auto 50%;
	}
	.keyword-ad-point-dot .keyword-ad-point-dot-slide span {
		margin-right:15px;
	}
	.keyword-ad-point-slide h1 {
		font-size:38px;
	}
	.keyword-ad-point-slide p {
		margin:30px 0 50px;
		font-size:17px;
	}
}
@media screen and (max-width: 768px) {
	.keyword-ad-point-inner {
		padding-left:35px; padding-right:35px;
	}
	.keyword-ad-point-tit h1 {
		font-size:30px;
	}
	.keyword-ad-point-tit p {
		margin-top:20px;
		font-size:15px;
	}
	.keyword-ad-point-dot .keyword-ad-point-dot-slide {
		padding-left:15px;
		height:46px;
	}
	.keyword-ad-point-dot .keyword-ad-point-dot-slide span {
		margin-right:7px;
		width:22px; height:22px;
		font-size:12px;
	}
	.keyword-ad-point-dot .keyword-ad-point-dot-slide strong {
		font-size:14px;
	}
	.keyword-ad-point-slide h1 {
		font-size:24px;
	}
	.keyword-ad-point-slide h1 span {
		font-size:15px;
	}
	.keyword-ad-point-slide p {
		margin:20px 0 35px;
		font-size:14px;
	}
}


/* 검색광고 서비스 */
.keyword-ad-service {
	padding:12% 0 8.5%;
	background:url('/images/sub/keyword/keyword_ad_service_bg.jpg') no-repeat center top/cover;
}
.keyword-ad-service-wrap {
}
.keyword-ad-service-wrap .keyword-ad-service-box {
	display:flex;
	align-items:center;
	margin-bottom:130px;
}
.keyword-ad-service-wrap .keyword-ad-service-box:nth-of-type(even) {
	flex-direction:row-reverse;
}
.keyword-ad-service-wrap .keyword-ad-service-box:last-child {
	margin-bottom:0;
}
.keyword-ad-service-wrap .keyword-ad-service-box .img-wrap {
	overflow:hidden;
	flex-shrink:0;
	border-radius:15px;
}
.keyword-ad-service-wrap .keyword-ad-service-box .img-wrap img {
	width:100%;
}
.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap {
	padding-left:7%;
}
.keyword-ad-service-wrap .keyword-ad-service-box:nth-of-type(even) .txt-wrap {
	padding:0 7% 0 0;
}
.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap h1 {
	font-weight:700; font-size:30px;
	color:#000;
	word-break:keep-all;
}
.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap p {
	margin-top:17px;
	font-weight:300; font-size:20px; line-height:1.6;
	color:#333;
	word-break:keep-all;
}
.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap p .m-br {
	display:none;
}

@media screen and (max-width: 850px) {
	.keyword-ad-service { 
		padding:14% 0;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box ,
	.keyword-ad-service-wrap .keyword-ad-service-box:nth-of-type(even) {
		flex-direction:column;
		align-items:start;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box {
		margin-bottom:80px;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap {
		margin-top:40px;
		padding-left:0;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box:nth-of-type(even) .txt-wrap {
		padding-right:0;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap h1 {
		font-size:24px;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap p {
		font-size:17px;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap p .m-br {
		display:block;
	}
}
@media screen and (max-width: 768px) {
	.keyword-ad-service-wrap .keyword-ad-service-box {
		margin-bottom:50px;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box .img-wrap {
		width:70%;
		border-radius:10px;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap {
		margin-top: 25px;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap h1 {
		font-size:18px;
	}
	.keyword-ad-service-wrap .keyword-ad-service-box .txt-wrap p {
		margin-top:12px;
		font-size:13px; line-height:1.5;
	}
}


/* 상담요청 */
.keyword-ad-online {
	padding:7.116% 0;
	background:url('/images/sub/keyword/keyword_ad_online_bg.jpg') no-repeat center center/cover;
	text-align:center;
}
.keyword-ad-online h1 {
	font-weight:700; font-size:45px; line-height:1.4;
	color:#fff;
	word-break:keep-all;
}
.keyword-ad-online p {
	margin-top:27px;
	font-weight:300; font-size:26px; line-height:1.4;
	color:#fff;
	word-break:keep-all;
}
.keyword-ad-online a {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:50px auto 0;
	width:440px; height:85px;
	background:#11141a;
	font-weight:700; font-size:24px;
	color:#fff;
}
.keyword-ad-online a img {
	margin-left:12px;
}

@media screen and (max-width: 1240px) {
	.keyword-ad-online .inner {
		padding-left:20px; padding-right:20px;
	}
}
@media screen and (max-width: 850px) {
	.keyword-ad-online {
		background:url('/images/sub/keyword/m_keyword_ad_online_bg.jpg') no-repeat center center/cover;
	}
	.keyword-ad-online h1 {
		font-size:35px;
	}
	.keyword-ad-online p {
		margin-top:20px;
		font-size:22px;
	}
}
@media screen and (max-width: 768px) {
	.keyword-ad-online {
		padding:15% 0;
	}
	.keyword-ad-online h1 {
		font-size:24px;
	}
	.keyword-ad-online p {
		font-size:13px;
	}
	.keyword-ad-online a {
		margin-top:30px;
		width:70%; height:52px;
		font-size:15px;
	}
	.keyword-ad-online a img {
		margin-left:8px;
		height:16px;
	}
}




/* 제작사례 검색 결과 화면 */
.search-bo-header {
	display: flex;
	justify-content:space-between;
	align-items:end;
	margin-bottom: 33px;
}
.search-bo-header #bo_sch {
	margin:0;
}
.all-view-btn {
	display: flex;
	justify-content:center;
	align-items:center;
	width: 230px; height: 50px;
	background:#2a36a3;
	font-weight: 700; font-size: 16px;
    font-family: 'GmarketSans', 'S-Core', 'Noto Sans KR', sans-serif;
	color: #fff;
}

.search-keyword {
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom: 60px;
	padding:40px 20px;
	background:#f7f7fb;
}
.search-keyword li {
	display: flex;
	align-items:center;
	margin:5px 30px;
	font-weight: 500; font-size: 24px;
    font-family: 'GmarketSans', 'S-Core', 'Noto Sans KR', sans-serif;
	color: #2f3674;
}
.search-keyword li img {
	margin-right: 14px;
}

.search-result-case {
	display: grid;
	gap: 107px 47px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.search-result-case .case-box a {
	display: block;
}
.search-result-case .case-box .thumb {
	position: relative;
}
.search-result-case .case-box .thumb img {
	width: 100%;
}
.search-result-case .case-box .thumb:after {
	content:'';
	position: absolute; top:0; left:0;
	z-index: 1;
	width: 100%; height: 100%;
	background:rgba(21,23,38,.89);
	opacity: 0;
	transition:.3s;
}
.search-result-case .case-box .thumb span {
	position: absolute; top:0; left:0;
	z-index: 22;
	display: flex;
	justify-content:center;
	align-items:center;
	width: 100%; height: 100%;
	font-weight: 700; font-size: 36px;
    font-family: 'GmarketSans', 'S-Core', 'Noto Sans KR', sans-serif;
	color: #fff;
	text-decoration:underline;
    text-underline-offset: 7px;
	text-decoration-thickness: 1px;
	opacity: 0;
	transition:.3s;
}
.search-result-case .case-box .subject {
	display: flex;
	align-items:center;
    justify-content: space-between;
	margin-top: 20px;
	padding:0 10px;
}
.search-result-case .case-box .subject strong {
	width: 100%;
	font-weight: 500; font-size: 26px;
    font-family: 'GmarketSans', 'S-Core', 'Noto Sans KR', sans-serif;
	color: #2c2c2c;
}
.search-result-case .case-box .subject span {
	flex-shrink:0;
	display: flex;
	justify-content:center;
	align-items:center;
	width:150px; height:40px;
	border-radius:40px;
	border:1px solid #a9adce;
	font-weight: 500; font-size: 15px;
    font-family: 'GmarketSans', 'S-Core', 'Noto Sans KR', sans-serif;
	color: #2f3674;
	transition:.3s;
}
.search-result-case .case-box a:hover .thumb:after ,
.search-result-case .case-box a:hover .thumb span {
	opacity: 1;
}
.search-result-case .case-box a:hover .subject span {
	border-color:#2a36a3;
	background:#2a36a3;
	color: #fff;
}

@media screen and (max-width: 1600px) {
	.search-bo-header ,
	.search-result-case {
		padding:0 5%;
	}
}
@media screen and (max-width: 850px) {
	.search-result-case {
		gap: 50px 0;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
@media screen and (max-width: 768px) {
	.search-bo-header {
		display: block;
	}
	.all-view-btn {
		margin-bottom: 10px;
		width: 100%; height: 40px;
		font-size: 13px;
	}

	.search-keyword {
		margin-bottom: 30px;
		padding:20px 10px;
	}
	.search-keyword li {
		margin:3px 15px;
		font-size: 16px;
	}
	.search-keyword li img {
		margin-right: 7px;
		width: 18px;
	}

	.search-result-case .case-box .thumb span {
		font-size: 24px;
	}
	.search-result-case .case-box .subject {
		margin-top: 10px;
	}
	.search-result-case .case-box .subject strong {
		font-size: 16px;
	}
	.search-result-case .case-box .subject span {
		width:100px; height:35px;
		font-size: 12px;
	}
}