:root {
  --red-color: #d40825;
}
@font-face{
	font-family:'NanumPen';
	font-weight:400;
	src: url('/fonts/NanumPen.ttf') format('truetype');
}
@font-face{
	font-family:'Outfit';
	font-weight:400;
	src: url('/fonts/Outfit.ttf') format('truetype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/fonts/Pretendard-Black.woff2) format('woff2'), url(/fonts/Pretendard-Black.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(/fonts/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/fonts/Pretendard-Bold.woff2) format('woff2'), url(/fonts/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/fonts/Pretendard-SemiBold.woff2) format('woff2'), url(/fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/fonts/Pretendard-Medium.woff2) format('woff2'), url(/fonts/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/fonts/Pretendard-Regular.woff2) format('woff2'), url(/fonts/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/fonts/Pretendard-Light.woff2) format('woff2'), url(/fonts/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(/fonts/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/fonts/Pretendard-Thin.woff2) format('woff2'), url(/fonts/Pretendard-Thin.woff) format('woff');
}


/* quick-menu-re */
.quick-menu {display:none;}
.quick-menu-re {
	display:block !important;
	position:fixed; right:15px; top:50%;
	transform:translateY(-50%);
	z-index:500;
}
.quick-menu-re ul {
	width:90px;
	border-radius:50px;
	background-color: #fff;
	box-shadow: 16px 13px 33.82px 4.18px rgba(5, 5, 5, 0.06);
	padding:30px 0;
	text-align: center;
}
.quick-menu-re ul li {
	padding:12px 0;
}
.quick-menu-re ul li span {
	display:block;
	padding-top:10px;
	color:#000;
	font-family:'GmarketSans';
	font-size:13px; font-weight:500;
	letter-spacing:-0.05rem;
}

@media screen and (max-width: 1024px) {
	.quick-menu-re {display:none !important;}
}


/* main renewal 231028 */
.main-wrap-re2 br.m-block,
.blog-wrap br.m-block {display:none;}
.main-wrap-re2 br.pc-block.
.blog-wrap br.pc-block {display:block;}
.main-wrap-re2 * {font-family:'GmarketSans','Noto Sans KR', sans-serif;}

@media screen and (max-width: 460px) {
	.main-wrap-re2 br.m-block,
	.blog-wrap br.m-block {display:block;}
	.main-wrap-re2 br.pc-block,
	.blog-wrap br.pc-block {display:none;}
}

/* main-visual-re2 */
.main-visual-re2 {
	padding-top:113px;
	background:url('/images/main/new/main_intro_bg.jpg') no-repeat center /cover;
}
.main-visual-re2 h1 {
	color:#000;
	font-weight:300; font-size:42px;
	letter-spacing: -0.05em;
	text-align:center;
}
.main-visual-re2 h1 strong {
	font-size:50px;
}
.main-visual-re2 ul {
	display:flex; gap:25px;
	padding-top:40px;
}
.main-visual-re2 ul li {
	flex:1;
	position:relative;
}
.main-visual-re2 ul li .mo {display:none;}
.main-visual-re2 ul li img {
	width:100%; height:auto;
}
.main-visual-re2 ul li .text {
	position:absolute; left:0; bottom:0;
	padding:30px;
	color:#fff;
}
.main-visual-re2 ul li .text h3 {
	font-size:24px;
	font-weight:600;
}
.main-visual-re2 ul li .text span {
	display:inline-block;
	padding-top:6px;
	font-size:21px; font-weight:500;
	letter-spacing:-0.02rem;
}

@media screen and (max-width: 1024px) {
	.main-visual-re2 {
		padding-top:100px;
	}
	.main-visual-re2 h1 {
		font-size:36px;
	}
	.main-visual-re2 h1 strong {
		font-size:40px;
	}
	.main-visual-re2 ul {
		gap:15px;
		padding-top:30px;
	}
	.main-visual-re2 ul li .text {
		padding:15px;
	}
	.main-visual-re2 ul li .text h3 {
		font-size:20px;
	}
	.main-visual-re2 ul li .text span {
		font-size:13px;
	}
}
@media screen and (max-width: 768px) {
	.main-visual-re2 h1 {
		font-size:21px;
	}
	.main-visual-re2 h1 strong {
		font-size:25px;
	}
	.main-visual-re2 ul {
		display:block;
		padding-top:20px;
	}
	.main-visual-re2 ul li {
		width:100%;
		margin-bottom:10px;
	}
	.main-visual-re2 ul li .mo {display:block;}
	.main-visual-re2 ul li .pc {display:none;}
	.main-visual-re2 ul li .text h3 {
		font-size:14px;
	}
	.main-visual-re2 ul li .text span {
		padding-top:3px;
		font-size:12px;
	}
}

/* main-about-re2 */
.main-about-re2 {
	padding-top:180px;
}
.main-about-re2 .mid-bnr {
	padding:130px 0;
	background:url('/images/main/new/main_mid_bg.jpg') no-repeat center /cover;
	color:#fff;
	text-align:Center;
}
.main-about-re2 .mid-bnr span {
	display:inline-block;
	padding:5px 0;
	border:1px solid rgba(255,255,255,.3);
	border-width:1px 0;
	font-size:38px; font-weight:300;
	letter-spacing:0.1rem;
}
.main-about-re2 .mid-bnr h2 {
	padding-top:25px;
	font-size:54px; font-weight:300;
	letter-spacing:-0.025em;
}
.main-about-re2 .mid-bnr h2 strong {
	position:relative;
	z-index:1;
}
.main-about-re2 .mid-bnr h2 strong.line::after {
	content:'';
	position:absolute; left:0; bottom:0;
	z-index:-1; width:100%; height:35%;
	background-color: #f4ca07;
	opacity:.3;
}
.main-about-re2 .about {
	padding:50px 0 55px;	
	background:url('/images/main/new/main_about_bg.jpg') no-repeat center /cover;
}
.main-about-re2 .about p {
	padding-bottom:15px;
	color:#000;
	font-size:24px; font-weight:500;
	letter-spacing:-0.05rem;
	text-align: center;
	line-height:1.5;
}
.main-about-re2 .about p .line {
	position:relative;
	z-index:1;
}
.main-about-re2 .about p .line::after {
	content:'';
	position:absolute; left:0; bottom:0;
	z-index:-1; width:100%; height:35%;
	background-color: #3a85d9;
	opacity:.3;
}
.main-about-re2 .about ul {
	display:flex;
	gap:25px;
	padding-top:20px;
}
.main-about-re2 .about ul li {
	flex:1;
	position:relative;
	height:190px;
	padding:30px;
	background-color: #fff;
	border:1px solid #4b4b4b;
	box-shadow: 16px 13px 38.2px 4.73px rgba(5, 5, 5, 0.12);
}
.main-about-re2 .about ul li::after {
	content:'';
	position: absolute; left:30px; bottom:0;
	width:1px; height:50%;
	background-color:#2a6ea3;
}
.main-about-re2 .about ul li::before {
	content:'';
	position: absolute; left:30px; bottom:50%;
	width:5px; height:5px; border-radius:50%;
	margin-left:-2px;
	background-color:#2a6ea3;
}
.main-about-re2 .about ul li h3 {
	color:#2a6ea3;
	font-size:20px; font-weight:500;
	letter-spacing:-0.05rem;
}
.main-about-re2 .about ul li p {
	position:absolute; right:0; bottom:0;
	padding:0 30px 30px 0;
	color:#000; font-size:16px; font-weight:300;
	line-height:1;
}
.main-about-re2 .about ul li p strong {
	font-size: 56px;
}
.main-about-re2 .about ul li.list02::after,
.main-about-re2 .about ul li.list02::before {background-color:#2a63a3;}
.main-about-re2 .about ul li.list02 h3 {color:#2a63a3;}
.main-about-re2 .about ul li.list03::after,
.main-about-re2 .about ul li.list03::before {background-color:#2a49a3;}
.main-about-re2 .about ul li.list03 h3 {color:#2a49a3;}
.main-about-re2 .about ul li.list04::after,
.main-about-re2 .about ul li.list04::before {background-color:#2a36a3;}
.main-about-re2 .about ul li.list04 h3 {color:#2a36a3;}

@media screen and (max-width: 1024px) {
	.main-about-re2 .mid-bnr {
		padding:100px 0;
	}
	.main-about-re2 .mid-bnr h2 {
		font-size:40px;
	}
	.main-about-re2 .about ul {gap:15px}
	.main-about-re2 .about ul li {
		padding:20px;
	}
	.main-about-re2 .about ul li p {
		padding:0 20px 20px 0;
	}
	.main-about-re2 .about ul li p strong {
		font-size:40px;
	}
}
@media screen and (max-width: 768px) {
	.main-about-re2 {
		padding-top:90px;
	}
	.main-about-re2 .mid-bnr {
		padding:65px 0;
	}
	.main-about-re2 .mid-bnr span {
		padding:3px 0;
		font-size:19px;
	}
	.main-about-re2 .mid-bnr h2 {
		padding-top:15px;
		font-size:27px;
	}
	.main-about-re2 .about {
		padding:25px 0 75px;	
	}
	.main-about-re2 .about p {
		padding-bottom:10px;
		font-size:13px;
	}
	.main-about-re2 .about ul {
		gap:10px;
		flex-wrap:wrap;
	}
	.main-about-re2 .about ul li {
		flex:0 0 calc(50% - 5px);
		height:120px;
		padding:15px;
	}
	.main-about-re2 .about ul li::after {
		left:15px;
	}
	.main-about-re2 .about ul li::before {
		left:15px;
	}
	.main-about-re2 .about ul li h3 {
		font-size:13px;
	}
	.main-about-re2 .about ul li p {
		padding:0 15px 15px 0;
		font-size:12px;
	}
	.main-about-re2 .about ul li p strong {
		font-size:28px;
	}
}


/* main-strong-re2 */
.main-strong-re2 {
	padding:115px 0 20px;
	background:url('/images/main/new/main_strong_bg.jpg') no-repeat center /cover;
}
.main-strong-re2 h2 {
	color:#000;
	font-size:50px; font-weight:300;
	letter-spacing:-0.075em;
	line-height:1.3;
}
.main-strong-re2 h2 strong {
	position:relative;
	font-size:64px;
	letter-spacing:-0.025em;
}
.main-strong-re2 h2 strong.line::after {
	content:'';
	position:absolute; left:108%; bottom:10px;
	width:145px; height:1px; 
	background-color: #2a63a3;
}
.main-strong-re2 ul {
	display:flex; gap:45px;
	padding-top:90px;
}
.main-strong-re2 ul li {
	flex:1;
}
.main-strong-re2 ul li img {
	display:block;
	width:100%; height:auto;
	max-width:240px;
	margin:0 auto;
}
.main-strong-re2 ul li h3 {
	padding-top:50px;
	color:#000;
	font-size:24px; font-weight:500;
	letter-spacing:-0.05em;
		word-break:keep-all;
}
.main-strong-re2 ul li h3 strong {
	color:#1f8d9d; font-weight:inherit;
}
.main-strong-re2 ul li:nth-child(2) h3 strong {color:#1d4f87;}
.main-strong-re2 ul li:nth-child(3) h3 strong {color:#2a36a3;}
.main-strong-re2 ul li p {
	padding-top:15px;
	color:#333;
	font-size:15px; font-weight:500;
	letter-spacing:-0.025em;
	word-break:keep-all;
}

@media screen and (max-width: 1024px) {
	.main-strong-re2 h2 {
		font-size:40px;
	}
	.main-strong-re2 h2 strong {
		font-size:55px;
	}
	.main-strong-re2 ul li h3 {
		font-size:19px;
	}
}
@media screen and (max-width: 768px) {
	.main-strong-re2 {
		padding:55px 0 10px;
	}
	.main-strong-re2 h2 {
		font-size:25px;
	}
	.main-strong-re2 h2 strong {
		font-size:32px;
		line-height:1.1;
	}
	.main-strong-re2 h2 strong.line::after {
		width:72px;
	}
	.main-strong-re2 ul {
		display:flex;
		flex-wrap:wrap;
		padding-top:45px;
	}
	.main-strong-re2 ul li {
		flex:1 1 100%;
	}
	.main-strong-re2 ul li img {
		width:120px;
	}
	.main-strong-re2 ul li h3 {
		padding-top:25px;
		font-size:14px;
	}
	.main-strong-re2 ul li p {
		padding-top:10px;
		font-size:12px;
	}
}


/* main-home-portfolio-re2 */
.portfolio-title {
	display:flex;
	align-items:flex-end; justify-content:space-between;
	padding-top:155px;
}
.portfolio-title h2 {
	color:#000;
	font-size:60px; font-weight:500;
	letter-spacing:-0.025em;
}
.portfolio-title h2 strong {
	font-size:60px;
}
.portfolio-title .btn a {
	display:inline-block;
	margin-left:30px;
	padding-right:32px;
	background:url('/images/main/new/btn_more_blue.png') no-repeat right 1px center;
	color:#333;
	font-size:20px; font-weight:500;
	line-height:24px; letter-spacing:-0.05em;
}
.portfolio-tag {
	overflow-x:auto;
	margin-top:40px;
	padding:0 30px;
	background-color: #2a36a3;
}
.portfolio-tag p {
	white-space:nowrap;
}
.portfolio-tag p span {
	margin-right:20px;
	color:#fff;
	font-size:20px; font-weight:500;
	line-height:60px;
}
.portfolio-service-list {
	display:flex; gap:80px;
	padding: 30px 0 60px;
}
.portfolio-service-list li {
	flex:1;
}
.portfolio-service-list li h3 {
	color:#000;
	font-size:23px; font-weight:500;
	letter-spacing:-0.01em;
}
.portfolio-service-list li p {
	padding-top: 10px;
	color:#333;
	font-size:17px; font-weight:500;
	letter-spacing:-0.025em;
	word-break:keep-all;
}
.portfolio-service-list li p span {
	color:#e14747;
}
.portfolio-list-re ul {
	display:flex;
	gap:15px;
	flex-wrap:wrap;
}
.portfolio-list-re ul li {
	width:calc(100% / 3 - 10px);
	border:1px solid transparent;
	transition:.2s;
}
.portfolio-list-re ul li:hover {
	border-color:#d9bc91;
	box-shadow:15px 0 20px rgba(0,0,0,.1);
	background-color:#fff;
}
.portfolio-list-re ul li img {
	width:100%; height:auto;
}
.portfolio-list-re ul li h5 {
	padding:10px 0;
	color:#333;
	font-family:'Noto Sans KR' !important;
	font-size:18px; font-weight:400;
	text-align:center;
}
.main-home-portfolio-re2,
.main-blog-portfolio-re2 {
	position:relative; z-index:1;
}
.main-home-portfolio-re2::after,
.main-blog-portfolio-re2::after{
	content:'';
	position:absolute; top:18.5%; left:0; 
	z-index:-1;
	width:100%; height:640px;
	background-color: #e9eff7;
}
.main-blog-portfolio-re2 .portfolio-title .btn a {
	background-image:url('/images/main/new/btn_more_green.png');
}
.main-blog-portfolio-re2 .portfolio-tag {
	background-color: #3598a7;
}

@media screen and (max-width: 1240px) {
	.portfolio-tag {
		margin:0 -20px;
		margin-top:40px;
	}
}
@media screen and (max-width: 1024px) {
	.main-home-portfolio-re2::after,
	.main-blog-portfolio-re2::after {
		display:none;
	}
	.portfolio-title {
		display:block;
		padding-top:150px;
	}
	.portfolio-title h2 {
		font-size:50px;
	}
	.portfolio-title .btn {
		padding-top:15px;
	}
	.portfolio-title .btn a {
		margin-left:0; margin-right:20px;
	}
	.portfolio-service-list {
		gap:50px;
	}
}
@media screen and (max-width: 768px) {
	.portfolio-title {
		padding-top:100px;
	}
	.portfolio-title h2 {
		font-size:30px;
	}
	.portfolio-title h2 strong {
		font-size:30px;
	}
	.portfolio-title .btn a {
		margin-right:15px;
		padding-right:16px;
		background-size:12px auto;
		font-size:12px;
		line-height:12px;
	}
	.portfolio-tag {
		margin-top:20px;
		padding:0 15px;
	}
	.portfolio-tag p span {
		margin-right:10px;
		font-size:11px;
		line-height:35px;
	}
	.portfolio-service-list {
		display:block;
		padding:15px 0;
	}
	.portfolio-service-list li + li {
		padding-top:15px;
	}
	.portfolio-service-list li h3 {
		font-size:14px;
	}
	.portfolio-service-list li p {
		padding-top:6px;
		font-size:12px;
	}
	.portfolio-list-re ul {
		display:block;
	}
	.portfolio-list-re ul li {
		width:100%;
		margin-bottom:10px;
	}
	.portfolio-list-re ul li h5 {
		padding:6px 0 10px;
		font-size:12px;
	}
}

/* main-service-re2 */
.main-service-re2 {
	padding-top:190px;
}
.main-service-re2 h2 {
	color:#000;
	font-size:54px; font-weight:300;
	letter-spacing:-0.05em;
}
.main-service-re2 .wrap {
	overflow:hidden;
	margin-top:	40px;
	background:url('/images/main/new/main_service_bg.jpg') no-repeat center /cover;
}
.main-service-re2 .wrap .inner {
	display:flex;
	justify-content:space-between;
	height:600px;
}
.main-service-re2 .wrap .tab {
	width:24%; flex-shrink:0;
	background-color:#2a36a3;
	padding-top:70px;
	padding-right:10px;
}
.main-service-re2 .wrap .tab ul li {
	margin-bottom:10px;
}
.main-service-re2 .wrap .tab ul li a {
	display:flex;
	align-items:center; justify-content:center;
	position:relative;
	width:100%; max-width:230px; height:55px;
	color:#fff;
	border:1px solid rgba(255,255,255,.5);
	font-size:19px; font-weight:500;
	letter-spacing:-0.075rem;
	transition:.2s;
	cursor:pointer;
}
.main-service-re2 .wrap .tab ul li a.active {
	color:#2a36a3;
	font-weight:700;
	background-color:#fff;
}
.main-service-re2 .wrap .tab ul li a.active::after {
	content:'';
	position:absolute; top:50%; left:92%;
	width:70%; height:1px;
	background-color: #2a36a3;
}
.main-service-re2 .wrap .tab ul li a.active::before {
	content:'';
	position:absolute; top:50%; left:92%;
	width:5px; height:5px;
	margin-top:-2px;
	border-radius:50%;
	background-color: #2a36a3;
}
.main-service-re2 .wrap .cont {
	width:76%; flex-shrink:0;
	padding-top:70px;
	position:relative;
	padding-left:7%;
}
.main-service-re2 .wrap .cont .btn_more {
	display:flex; align-items:center; justify-content:center;
	position:absolute; top:70px; right:0;
	width:270px; height:55px;
	border-radius:27px; 
	background-color: #e14747;
}
.main-service-re2 .wrap .cont .btn_more span {
	display:inline-block;
	padding-right:32px;
	background:url('/images/main/new/btn_more_w.png') no-repeat right 1px center;
	color:#fff; font-size:18px; font-weight:500;
	line-height:24px;
}
.main-service-re2 .wrap .cont h3 {
	padding-bottom:20px;
	color:#000;
	font-size:24px; font-weight:500;
	letter-spacing:-0.05em;
	line-height:1.5;
}
.main-service-re2 .wrap .cont h3 span {
	color:#2a36a3;
}
.main-service-re2 .wrap .cont .tabcnt_svc1 .img {
	display:flex; align-items:flex-start;
	gap:30px; flex-wrap:wrap;
}
.main-service-re2 .wrap .cont .tabcnt_svc1 .img span {
	color:#000;
	font-size:20px; font-weight:500;
	letter-spacing:-0.025em;
	text-decoration:underline;
	white-space:nowrap;
}
.main-service-re2 .wrap .cont .tabcnt_svc4 .img {
	text-align:center;
}
.main-service-re2 .wrap .cont .tabcnt_svc4 .img h4 {
	padding:30px 0 20px;
	color:#132447;
	font-size:30px; font-weight:700;
	letter-spacing: -0.025em;
}
.main-service-re2 .wrap .cont .tabcnt_svc4 .img p {
	padding-top:45px;
	color:#132447;
	font-size:17px; font-weight:500;
	letter-spacing:-0.025em;
	line-height:1.5;
}
.main-service-re2 .wrap .cont .tabcnt_svc4 .img img {
	margin:0 5px;
}

@media screen and (max-width: 1200px) {
	.main-service-re2 h2 {
		font-size:45px;
	}
	.main-service-re2 .wrap .tab ul li a {
		max-width:210px; font-size:14px;
	}
	.main-service-re2 .wrap .cont {
		padding-left:5%;
	}	
	.main-service-re2 .wrap .tab ul li a.active::after {
		width:50%;
	}
	.main-service-re2 .wrap .cont h3 {
		font-size:18px;
	}
	.main-service-re2 .wrap .cont .btn_more {
		width:200px; height:45px;
		border-radius:22px;
	}
	.main-service-re2 .wrap .cont .btn_more span {
		font-size:12px;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc4 .img h4 {
		padding:20px 0px;
		font-size:15px;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc4 .img p {
		padding-top:15px;
		font-size:13px;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc4 .img img {
		width:70%; height:auto;
		margin-bottom:10px;
	}
}
@media screen and (max-width: 768px) {
	.main-service-re2 {
		padding-top:95px;
	}
	.main-service-re2 h2 {
		font-size:27px;
	}
	.main-service-re2 .wrap {
		margin-top:20px;
		background:none;
	}
	.main-service-re2 .wrap .inner {
		display:block;
		height:auto;
	}
	.main-service-re2 .wrap .tab {
		width:calc(100% + 40px);
		padding:15px 20px;
		margin:0 -20px;
	}
	.main-service-re2 .wrap .tab ul {
		display:flex; gap:5px;
		flex-wrap:wrap;
	}
	.main-service-re2 .wrap .tab ul li {
		width:calc(100% /3 - 4px);
		margin-bottom:0;
	}
	.main-service-re2 .wrap .tab ul li a {
		width:100%; max-width:100%; height:30px;
		font-size:12px;
	}
	.main-service-re2 .wrap .tab ul li a.active::after,
	.main-service-re2 .wrap .tab ul li a.active::before {
		display:none;
	}
	.main-service-re2 .wrap .cont {
		width:calc(100% + 40px);
		padding:30px 20px 100px;
		margin:0 -20px;
		background:url('/images/main/new/main_service_bg_m.jpg') no-repeat top center /cover;
	}
	.main-service-re2 .wrap .cont .btn_more {
		top:auto; right:20px; bottom:50px;
		width:135px; height:28px;
		border-radius:14px; 
	}
	.main-service-re2 .wrap .cont .btn_more span {
		padding-right:16px;
		background-size:11px auto;
		font-size:11px;
		line-height:12px;
	}
	.main-service-re2 .wrap .cont h3 {
		padding-bottom:0;
		font-size:13px;
	}
	.main-service-re2 .wrap .cont .img {
		padding-top:15px;
		text-align:center;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc0 .img img {
		width:593px; height:auto;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc1 .img {
		display:flex; align-items:flex-start;
		gap:10px; flex-wrap:wrap;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc1 .img span {
		font-size:12px;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc1 .img img {
		width:352px; height:auto;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc2 .img img {
		width:100%; max-width:433px; height:auto;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc3 .img img {
		width:100%; max-width:393px; height:auto;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc4 .img img {
		width:214px; height:auto;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc4 .img h4 {
		padding:15px 0;
		font-size:14px;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc4 .img p {
		padding-top:20px;
		font-size:12px;
	}
	.main-service-re2 .wrap .cont .tabcnt_svc6 .img img {
		width:613px; height:auto;
	}
}


/* 홈페이지 서비스 리뉴얼 (250710) */
.homepage-wrap,
.homepage-wrap * {
	font-family:'Pretendard';
}
.homepage-wrap {
	overflow:hidden;
}
.homepage-wrap .inner {
	max-width:1340px;
	width:100%;
	padding:0 30px;
}
.homepage-wrap .visual {
	display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	position:relative;
	height:880px;
	text-align:center;
}
.homepage-wrap .visual::after {
	position:absolute; top:0; left:30px; z-index:-1;
	width:calc(100vw - 60px); height:100%;
	background:url('/images/sub/homepage/visual.jpg') no-repeat center/cover;
	content:'';
}
.homepage-wrap .visual p {
	color:#fff;
	font-size:38px;
	font-weight:300;
}
.homepage-wrap .visual h3 {
	padding:45px 0 80px;
	color:#fff;
	font-size:70px;
	font-weight:700;
}
.homepage-wrap .visual .btn-wrap a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:280px; height:76px;
	border-radius:50px;
	background:#fff;
	color:#04009a;
	font-size:26px;
	font-weight:700;
}
.homepage-wrap .page-title {
	padding-bottom:80px;
	text-align:center;
}
.homepage-wrap .page-title.left {
	text-align:left;
}
.homepage-wrap .page-title h3 {
	color:#000;
	font-size:56px;
	font-weight:400;
}
.homepage-wrap .page-title h3 strong {
	font-weight:700;
}
.homepage-wrap .page-title h3 .blue {
	color:#0e0ed8;
}
.homepage-wrap .page-title h3 .gd {
	background: linear-gradient(253deg,rgba(146, 146, 255, 1) 0%, rgba(161, 42, 252, 1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.homepage-wrap .page-title .tab-page {
	display:flex;
	gap:20px 9px;
	padding-top:42px;
}
.homepage-wrap .page-title .tab-page li a {
	display:flex;
    align-items: center;
    justify-content: center;
	width:160px; height:60px;
	border-radius:50px;
	border:2px solid #ededed;
	background:#ededed;
	color:#000;
	font-size:22px;
	cursor:pointer;
}
.homepage-wrap .page-title .tab-page li a.active,
.homepage-wrap .page-title .tab-page li.swiper-pagination-bullet-active a {
	border-color:#0e0ed8;
	background:#fff;
	color:#0e0ed8;
}
.homepage-wrap .page-title .tab-page.big {
	flex-wrap: wrap;
	max-width:860px;
	margin:0 auto;
}
.homepage-wrap .page-title .tab-page.big li:nth-child(4) {
	padding-left:122px;
}
.homepage-wrap .page-title .tab-page.big li a {
	width:240px;
}
.homepage-wrap .page-title p {
	padding-top:15px;
	color:#000;
	font-size:26px;
}
.homepage-wrap .page-title .btn-wrap {
	padding-top:55px;
}
.homepage-wrap .page-title .btn-wrap a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:240px; height:80px;
	border-radius:50px;
	background:#0e0ed8;
	color:#fff;
	font-size:24px;
	font-weight:700;
}
.homepage-wrap .reason-wrap {
	position:relative;
	padding:150px 0 0;
}
.homepage-wrap .reason-wrap::after {
	position:absolute; top:0; left:50%; z-index:-1;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:url('/images/sub/homepage/reason_bg.jpg') no-repeat center/cover;
	content:'';
}
.homepage-wrap .reason-wrap dl dt {
	margin-bottom:28px;
	color:#000;
	font-size:48px;
	font-weight:700;
}
.homepage-wrap .reason-wrap dl dd {
	color:#000;
	font-size:26px;
	font-weight:300;
	line-height:1.5;
	word-break:keep-all;
}
.homepage-wrap .reason-wrap dl dd strong {
	font-weight:700;
}
.homepage-wrap .reason-wrap dl dd .blue {
	color:#0e0ed8;
}
.homepage-wrap .reason-wrap .box {
	margin-top:38px;
	padding:50px;
	border:1px solid #0e0ed8;
	border-radius:20px;
	background:rgba(255,255,255,.4);
}
.homepage-wrap .reason-wrap .box h5 {
	padding-bottom:7px;
	color:#000;
	font-size:30px;
	font-weight:300;
}
.homepage-wrap .reason-wrap .box h5 strong {
	color:#0e0ed8;
	font-weight:700;
}
.homepage-wrap .reason-wrap .box p {
	color:#000;
	font-size:22px;
	font-weight:300;
	line-height:1.5;
	word-break:keep-all;
}
.homepage-wrap .reason-wrap .box p strong {
	font-weight:700;
}
.homepage-wrap .reason-wrap .reason-slide {
	width:729px;
	height:613px;
	margin:100px auto 0;
	padding:18px;
	background:url('/images/sub/homepage/reason_slide_bg.png') no-repeat center/cover;
}
.homepage-wrap .reason-wrap .reason-slide .slide {
	overflow:hidden;
}
.homepage-wrap .reason-wrap .reason-slide .slide .swiper-slide img {
	width:100%;
}
.homepage-wrap .special-wrap {
	padding:170px 0 150px;
}
.homepage-wrap .special-wrap .step-list {
	position:relative;
}
.homepage-wrap .special-wrap .step-list .line {
	position:absolute; top:0; left:calc(50% - 1px);
	width:2px; height:100%;
	background:#e5e5e5;
}
.homepage-wrap .special-wrap .step-list .line span {
	display:block;
	position:absolute; top:0; left:0;
	width:100%;
	background:#0e0ed8;
}
.homepage-wrap .special-wrap .step-list ul > li {
	display:flex;
	justify-content: space-between;
	position:relative;
	align-items: flex-start;
}
.homepage-wrap .special-wrap .step-list ul > li + li {
	margin-top:80px;
}
.homepage-wrap .special-wrap .step-list ul > li .no {
	display:flex;
	align-items: center;
    justify-content: center;
	position:absolute; top:50%; left:50%;
	width:90px; height:90px;
	border-radius:50%;
	border:20px solid #fff;
	background:#0e0ed8;
	color:#fff;
	font-size:20px;
	transform:translate(-50%, -50%);
}
.homepage-wrap .special-wrap .step-list ul > li .img {
	flex:0 1 calc(50% - 60px);
	border-radius:10px;
	overflow:hidden;
}
.homepage-wrap .special-wrap .step-list ul > li .img img {
	width:100%;
}
.homepage-wrap .special-wrap .step-list ul > li .text {
	flex:0 1 calc(50% - 60px);
}
.homepage-wrap .special-wrap .step-list ul > li .text h5 {
	padding-bottom:20px;
	color:#000;
	font-size:30px;
	font-weight:700;
}
.homepage-wrap .special-wrap .step-list ul > li .text p {
	color:#000;
	font-size:20px;
	font-weight:300;
	line-height:1.5;
	word-break:keep-all;
}
.homepage-wrap .special-wrap .step-list ul > li .text p span {
	color:#0e0ed8;
}
.homepage-wrap .special-wrap .step-list ul > li:nth-child(2n) .img {
	order:1;
}
.homepage-wrap .special-wrap .step-list ul > li:nth-child(2n) .text {
	order:0;
}
.homepage-wrap .portfolio-wrap {
	position:relative;
	padding:170px 0 270px;
}
.homepage-wrap .portfolio-wrap::after {
	position:absolute; top:0; left:50%; z-index:-2;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:url('/images/sub/homepage/portfolio_bg.jpg') no-repeat center/cover;
	content:'';
}
.homepage-wrap .portfolio-wrap .portfolio-slide {
	position:relative;
	width:1262px; height:636px;
	padding-top:47px;
	margin:0 auto;
}
.homepage-wrap .portfolio-wrap .portfolio-slide::after {
	position:absolute; top:0; left:0; z-index:2;
	width:100%; height:100%;
	background:url('/images/sub/homepage/portfolio_pc.png') no-repeat center/cover;
	content:'';
}
.homepage-wrap .portfolio-wrap .portfolio-slide .swiper-slide {
	width:960px;
	height:509px;
}
.homepage-wrap .portfolio-wrap .portfolio-slide .swiper-slide img {
	width:100%;
}
.homepage-wrap .package-wrap {
	position:relative;
	padding:150px 0 180px;
}
.homepage-wrap .package-wrap::after {
	position:absolute; top:0; left:50%; z-index:-2;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:url('/images/sub/homepage/package_bg.jpg') no-repeat center/cover;
	content:'';
}
.homepage-wrap .package-wrap .list {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:25px;
}
.homepage-wrap .package-wrap .list li {
	display:flex;
	flex-direction: column;
	align-items: center;
	min-height:400px;
	padding:50px 42px 15px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.702);
	box-shadow: 0px 8px 64px 16px rgba(1, 15, 39, 0.08);
	text-align:center;
}
.homepage-wrap .package-wrap .list li h5 {
	padding:21px 0;
	color:#000;
	font-size:28px;
	font-weight:700;
}
.homepage-wrap .package-wrap .list li p {
	color:#666;
	font-size:18px;
	line-height:1.5;
	word-break:keep-all;
}
.homepage-wrap .package-wrap .list li p span {
	color:#0e0ed8;
}
.homepage-wrap .as-wrap {
	padding-top:175px;
}
.homepage-wrap .as-wrap .as-info {
	position:relative; z-index:1;
	display:flex;
	flex-direction: column;
    justify-content: center;
	height:600px;
	background:#efecfb;
	border-radius:30px;
	padding:0 120px;
}
.homepage-wrap .as-wrap .as-info::after {
	position:absolute; top:0; right:65px; z-index:-1;
	width:687px; height:599px;
	background:url('/images/sub/homepage/as_img.png') no-repeat center/cover;
	content:'';
}
.homepage-wrap .as-wrap .as-info h5 {
	color:#000;
	font-size:40px;
	font-weight:700;
}
.homepage-wrap .as-wrap .as-info h5 span {
	color:#0e0ed8;
}
.homepage-wrap .as-wrap .as-info p {
	padding-top:30px;
	color:#000;
	font-size:24px;
	font-weight:500;
	line-height:1.5;
}
.homepage-wrap .as-wrap .as-count {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
	margin-top:25px;
}
.homepage-wrap .as-wrap .as-count li {
	padding:31px 0;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 4px 38.4px 1.6px rgba(5, 2, 29, 0.08);
	text-align:center;
}
.homepage-wrap .as-wrap .as-count li h5 {
	color:#000;
	font-size:24px;
	font-weight:500;
}
.homepage-wrap .as-wrap .as-count li p {
	color:#000;
	font-size:24px;
	font-weight:300;
}
.homepage-wrap .as-wrap .as-count li p strong {
	color:#0e0ed8;
	font-size:60px;
	font-weight:700;
}
.homepage-wrap .service-wrap {
	padding:190px 0 150px;
}
.homepage-wrap .service-wrap .swiper-pagination {
	position:static;
}
.homepage-wrap .service-wrap .swiper-pagination li {
	width:auto; height:auto;
	margin:0;
	border-radius:0;
	background:none;
	opacity:1;
}
.homepage-wrap .service-wrap .service-slide .swiper-slide {
	overflow:hidden;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0px 8px 64px 16px rgba(1, 15, 39, 0.08);
}
.homepage-wrap .service-wrap .service-slide .swiper-slide .text {
	position:relative; z-index:1;
	display:flex;
	flex-direction: column;
	min-height:325px;
	padding:70px 60px 0;
}
.homepage-wrap .service-wrap .service-slide .swiper-slide .text h5 {
	padding-bottom:15px;
	color:#000;
	font-size:32px;
	font-weight:700;
}
.homepage-wrap .service-wrap .service-slide .swiper-slide .text p {
	flex:1 1 100%;
	color:#000;
	font-size:20px;
	line-height:1.5;
	word-break:keep-all;
}
.homepage-wrap .service-wrap .service-slide .swiper-slide .text p span {
	color:#0e0ed8;
}
.homepage-wrap .service-wrap .service-slide .swiper-slide .text .btn-wrap a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 60px;
	border-radius: 50px;
	background: #0e0ed8;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}
.homepage-wrap .service-wrap .service-slide .swiper-slide .img {
	margin-top:-30px;
}
.homepage-wrap .service-wrap .service-slide .swiper-slide .img img {
	width:100%;
}
.homepage-wrap .counsel-wrap {
	display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	position:relative;
	height:650px;
	color:#fff;
	text-align:center;
}
.homepage-wrap .counsel-wrap::after {
	position:absolute; top:0; left:50%; z-index:-2;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:url('/images/sub/homepage/counsel_bg.jpg') no-repeat center/cover;
	content:'';
}
.homepage-wrap .counsel-wrap h3 {
	padding-bottom:25px;
	font-size:60px;
}
.homepage-wrap .counsel-wrap p {
	font-size:30px;
	font-weight:500;
	line-height:1.5;
}
.homepage-wrap .counsel-wrap p + p {
	margin-top:10px;
}
.homepage-wrap .counsel-wrap .btn-wrap {
	margin-top:40px;
}
.homepage-wrap .counsel-wrap .btn-wrap a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:320px; height:60px;
	border-radius:50px;
	background:#3939ff;
	color:#fff;
	font-size:20px;
	font-weight:700;
}
@media screen and (max-width: 1240px) {
	.homepage-wrap {
		padding-top:88px;
	}
}
@media screen and (max-width: 1024px) { 
	.homepage-wrap {
		padding-top:85px;
	}
	.homepage-wrap .inner {
		padding:0 15px;
	}
	.homepage-wrap .visual {
		height:680px;
	}
	.homepage-wrap .visual::after {
		left:15px;
		width:calc(100vw - 30px);
	}
	.homepage-wrap .visual p {
		font-size:26px;
	}
	.homepage-wrap .visual h3 {
		font-size:52px;
	}
	.homepage-wrap .visual .btn-wrap a {
		width:250px; height:62px;
		font-size:22px;
	}
	.homepage-wrap .page-title h3 {
		font-size:42px;
	}
	.homepage-wrap .page-title .tab-page li a {
		width:140px; height:52px;
		font-size:18px;
	}
	.homepage-wrap .page-title .tab-page.big {
		justify-content: center;
	}
	.homepage-wrap .page-title .tab-page.big li a {
		width:190px;
	}
	.homepage-wrap .page-title p {
		font-size:22px;
	}
	.homepage-wrap .page-title .btn-wrap a {
		width:220px; height:70px;
		font-size:22px;
	}
	.homepage-wrap .reason-wrap dl dt {
		font-size:36px;
	}
	.homepage-wrap .reason-wrap dl dd {
		font-size:22px;
	}
	.homepage-wrap .reason-wrap .box h5 {
		font-size:24px;
	}
	.homepage-wrap .reason-wrap .box p {
		font-size:18px;
	}
	.homepage-wrap .reason-wrap .reason-slide {
		width: 530px;
		height: 446px;
		padding:14px;
	}
	.homepage-wrap .special-wrap .step-list ul > li .text h5 {
		font-size:24px;
	}
	.homepage-wrap .special-wrap .step-list ul > li .text p {
		font-size:18px;
	}
	.homepage-wrap .special-wrap .step-list ul > li .no {
		font-size:18px;
	}
	.homepage-wrap .portfolio-wrap .portfolio-slide {
		width:768px;
		height:387px;
		padding:26px 90px 0;
	}
	.homepage-wrap .portfolio-wrap .portfolio-slide::after {
		
	}
	.homepage-wrap .portfolio-wrap .portfolio-slide .swiper-slide {
		width:100%; height:auto;
	}
	.homepage-wrap .package-wrap .list li h5 {
		font-size:22px;
	}
	.homepage-wrap .package-wrap .list li p {
		font-size:16px;
	}
	.homepage-wrap .as-wrap .as-info {
		padding:0 30px;
		height:460px;
	}
	.homepage-wrap .as-wrap .as-info h5 {
		font-size:30px;
	}
	.homepage-wrap .as-wrap .as-info p {
		font-size:20px;
	}
	.homepage-wrap .as-wrap .as-info::after {
		right:30px;
		top:40px;
		width:450px;
		height:378px;
	}
	.homepage-wrap .as-wrap .as-count li h5 {
		font-size:20px;
	}
	.homepage-wrap .as-wrap .as-count li p {
		font-size:20px;
	}
	.homepage-wrap .as-wrap .as-count li p strong {
		font-size:45px;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .text {
		padding:50px 40px 0;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .text h5 {
		font-size:26px;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .text p {
		font-size:17px;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .text .btn-wrap a {
		width:180px; height:55px;
		font-size:18px
	}
	.homepage-wrap .counsel-wrap h3 {
		font-size:42px;
	}
	.homepage-wrap .counsel-wrap p {
		font-size:24px;
	}
	.homepage-wrap .counsel-wrap .btn-wrap a {
		width:250px; height:50px;
		font-size:18px
	}
}
@media screen and (max-width: 768px) { 
	.homepage-wrap {
		padding-top:70px;
	}
	.homepage-wrap .visual {
		height:470px;
	}
	.homepage-wrap .visual p {
		font-size:22px;
	}
	.homepage-wrap .visual h3 {
		padding:25px 0 40px;
		font-size:34px;
	}
	.homepage-wrap .visual .btn-wrap a {
		width:200px; height:55px;
		font-size:18px;
	}
	.homepage-wrap .reason-wrap {
		padding:75px 0 0;
	}
	.homepage-wrap .page-title {
		padding-bottom:40px;
	}
	.homepage-wrap .page-title h3 {
		font-size:21px;
	}
	.homepage-wrap .page-title .tab-page {
		flex-wrap: wrap;
		gap:5px;
		padding-top:21px;
		justify-content: center;
		align-items: center;
	}
	.homepage-wrap .page-title .tab-page li a {
		width:100px; height:44px;
		font-size:13px;
		border-width:1px;
		
	}
	.homepage-wrap .page-title .tab-page.big {
		justify-content: center;
	}
	.homepage-wrap .page-title .tab-page.big li:nth-child(4) {
		padding:0;
	}
	.homepage-wrap .page-title .tab-page.big li a {
		width:130px;
	}
	.homepage-wrap .page-title p {
		padding-top:8px;
		font-size:15px;
		word-break:keep-all;
	}
	.homepage-wrap .page-title .btn-wrap {
		padding-top:25px;
	}
	.homepage-wrap .page-title .btn-wrap a {
		width:140px; height:45px;
		font-size:15px;
	}
	.homepage-wrap .reason-wrap dl dt {
		margin-bottom:15px;
		font-size:24px;
	}
	.homepage-wrap .reason-wrap dl dd {
		font-size:16px;
	}
	.homepage-wrap .reason-wrap .box {
		margin-top:20px;
		padding:20px;
		
	}
	.homepage-wrap .reason-wrap .box h5 {
		font-size:16px;
	}
	.homepage-wrap .reason-wrap .box p {
		font-size:15px;
	}
	.homepage-wrap .reason-wrap .reason-slide {
		margin-top:50px;
	}
	.homepage-wrap .reason-wrap .reason-slide {
		width: 290px;
		height: 244px;
		padding:7px;
	}
	.homepage-wrap .special-wrap {
		padding:85px 0 65px;
	}
	.homepage-wrap .special-wrap .step-list .line {
		left:18px;
	}
	.homepage-wrap .special-wrap .step-list ul > li {
		display:block;
		padding-left:50px;
	}
	.homepage-wrap .special-wrap .step-list ul > li + li {
		margin-top:40px;
	}
	.homepage-wrap .special-wrap .step-list ul > li .text {
		padding-top:15px;
	}
	.homepage-wrap .special-wrap .step-list ul > li .text h5 {
		padding-bottom:10px;
		font-size:16px;
	}
	.homepage-wrap .special-wrap .step-list ul > li .text p {
		font-size:15px;
	}
	.homepage-wrap .special-wrap .step-list ul > li .no {
		top:12vw;
		left:-15px;
		width: 65px;
		height: 65px;
		border-width: 15px;
		font-size: 14px;
		transform: translate(0, 0);
	}
	.homepage-wrap .portfolio-wrap {
		padding:85px 0 135px;
	}
	.homepage-wrap .portfolio-wrap .portfolio-slide {
		width: 320px;
		height: 161px;
		padding: 11px 38px 0;
	}
	.homepage-wrap .package-wrap {
		padding:75px 0 90px;
	}
	.homepage-wrap .package-wrap .list {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
	.homepage-wrap .package-wrap .list li {
		min-height:auto;
		padding:25px;
	}
	.homepage-wrap .package-wrap .list li .icon img {
		width:38px;
	}
	.homepage-wrap .package-wrap .list li h5 {
		padding:15px 0;
		font-size:17px;
	}
	.homepage-wrap .package-wrap .list li p {
		font-size:15px;
	}
	.homepage-wrap .as-wrap {
		padding-top:85px;
	}
	.homepage-wrap .as-wrap .as-info {
		height:355px;
		padding:20px;
		justify-content: flex-start;
	}
	.homepage-wrap .as-wrap .as-info::after {
		right: 15px;
		top: auto;
		bottom:20px;
		width: 180px;
		height: 151px;
	}
	.homepage-wrap .as-wrap .as-info h5 {
		font-size:20px;
	}
	.homepage-wrap .as-wrap .as-info p {
		font-size:14px;
		padding-top:15px;
	}
	.homepage-wrap .as-wrap .as-count {
		grid-template-columns: repeat(1, 1fr);
		gap: 18px;
		margin-top: 15px;
	}
	.homepage-wrap .as-wrap .as-count li {
		padding:15px 0;
	}
	.homepage-wrap .as-wrap .as-count li h5 {
		font-size:13px;
	}
	.homepage-wrap .as-wrap .as-count li p {
		font-size:13px;
	}
	.homepage-wrap .as-wrap .as-count li p strong {
		font-size:30px;
	}
	.homepage-wrap .service-wrap {
		padding:80px 0 70px;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .text {
		padding:35px 25px 0;
		min-height:247px;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .text h5 {
		padding-bottom:10px;
		font-size:16px;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .text p {
		font-size:15px;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .text .btn-wrap a {
		width:130px; height:40px;
		font-size:14px;
	}
	.homepage-wrap .service-wrap .service-slide .swiper-slide .img {
		margin-top:-20px;
	}
	.homepage-wrap .counsel-wrap {
		height:360px;
	}
	.homepage-wrap .counsel-wrap h3 {
		padding-bottom:15px;
		font-size:28px;
		word-break:keep-all;
	}
	.homepage-wrap .counsel-wrap p {
		font-size:16px;
		word-break:keep-all;
	}
	.homepage-wrap .counsel-wrap .btn-wrap {
		margin-top:20px;
	}
	.homepage-wrap .counsel-wrap .btn-wrap a {
		width:170px; height:40px;
		font-size:15px
	}
}
@media screen and (max-width: 414px) { 
	.homepage-wrap .page-title .tab-page.big li a{
		width:150px; height:40px;
		font-size:14px;
	}
}


/* 홈페이지 관리 (251104) */
.maintenance-wrap,
.maintenance-wrap * {
	font-family:'Pretendard';
}
.maintenance-wrap {
	overflow:hidden;
}
.maintenance-wrap .inner {
	max-width:1340px;
	width:100%;
	padding:0 30px;
}
.maintenance-wrap .visual {
	display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	position:relative;
	height:880px;
	text-align:center;
}
.maintenance-wrap .visual::after {
	position:absolute; top:0; left:30px; z-index:-1;
	width:calc(100vw - 60px); height:100%;
	background:url('/images/sub/maintenance/visual.jpg') no-repeat center/cover;
	content:'';
}
.maintenance-wrap .visual h3 {
	color:#fff;
	font-size:70px;
	font-weight:300;
}
.maintenance-wrap .visual h3 strong {
	font-weight:700;
}
.maintenance-wrap .visual p {
	padding:35px 0 45px;
	color:#fff;
	font-size:38px;
	font-weight:300;
}
.maintenance-wrap .visual p .m-br {
	display:none;
}
.maintenance-wrap .visual .btn-wrap a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:280px; height:76px;
	border-radius:50px;
	background:#fff;
	color:#04009a;
	font-size:26px;
	font-weight:700;
}
.maintenance-wrap .page-title {
	padding-bottom:80px;
	text-align:center;
}
.maintenance-wrap .page-title.left {
	text-align:left;
}
.maintenance-wrap .page-title h3 {
	color:#000;
	font-size:56px;
	font-weight:400;
}
.maintenance-wrap .page-title h3 strong {
	font-weight:700;
}
.maintenance-wrap .page-title h3 span {
	color:#ccc;
}
.maintenance-wrap .reason-wrap {
	position:relative;
	padding:150px 0;
	background: linear-gradient(0deg,rgba(236, 229, 243, 1) 0%, rgba(255, 255, 255, 1) 80%);
}
.maintenance-wrap .reason-wrap .list {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:16px;
}
.maintenance-wrap .reason-wrap .list li {
	min-height:420px;
	padding:40px;
	border-radius:15px;
	background:#fff;
	box-shadow: 6.691px 7.431px 54px 6px rgba(136, 150, 159, 0.14);
}
.maintenance-wrap .reason-wrap .list li h5 {
	display:flex;
	align-items: center;
	gap:0 12px;
	position:relative;
	padding-bottom:40px;
	border-bottom:2px solid #e0e0e0;
	color:#000;
	font-size:28px;
	font-weight:700;
}
.maintenance-wrap .reason-wrap .list li h5::after {
	position:absolute; bottom:-2px; left:0;
	width:40px; height:2px;
	background:#0f0ed8;
	content:'';
}
.maintenance-wrap .reason-wrap .list li h5::before {
	display:inline-block;
	flex:0 0 62px;
	height:62px;
	background:no-repeat center/cover;
	content:'';
}
.maintenance-wrap .reason-wrap .list li h5.icon01::before {
	background-image:url('/images/sub/maintenance/reason_icon01.png');
}
.maintenance-wrap .reason-wrap .list li h5.icon02::before {
	background-image:url('/images/sub/maintenance/reason_icon02.png');
}
.maintenance-wrap .reason-wrap .list li h5.icon03::before {
	background-image:url('/images/sub/maintenance/reason_icon03.png');
}
.maintenance-wrap .reason-wrap .list li h5.icon04::before {
	background-image:url('/images/sub/maintenance/reason_icon04.png');
}
.maintenance-wrap .reason-wrap .list li h5.icon05::before {
	background-image:url('/images/sub/maintenance/reason_icon05.png');
}
.maintenance-wrap .reason-wrap .list li p {
	padding-top:30px;
	color:#4c4c4c;
	font-size:20px;
	line-height:1.6;
	word-break:keep-all;
}
.maintenance-wrap .reason-wrap .list li p span {
	color:#0f0ed8;
}
.maintenance-wrap .service-wrap {
	padding-top:150px;
}
.maintenance-wrap .service-wrap .tab-service {
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	position:static;
	margin-top:30px;
}
.maintenance-wrap .service-wrap .tab-service li {
	width:auto; height:auto;
	margin:0;
	border-radius:0;
	background:none;
	opacity:1;
}
.maintenance-wrap .service-wrap .tab-service li a {
	display:flex;
	align-items: center;
    justify-content: center;
	width:100%;
	height:78px;
	border-bottom:2px solid #ccc;
	color:#999;
	font-size:20px;
	font-weight:700;
	opacity:1;
	outline:none;
}
.maintenance-wrap .service-wrap .tab-service li.swiper-pagination-bullet-active a {
	color:#0f0ed8;
	border-color:#0f0ed8;
}
.maintenance-wrap .service-wrap .service-slide {
	position:relative;
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide {
	display:flex;
	align-items: flex-end;
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .img {
	width:50%;
	height:565px;
	border-radius:0 10px 10px 0;
	background:no-repeat center/cover;
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .img.img01 {
	background-image:url('/images/sub/maintenance/service_img01.jpg');
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .img.img02 {
	background-image:url('/images/sub/maintenance/service_img02.jpg');
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .img.img03 {
	background-image:url('/images/sub/maintenance/service_img03.jpg');
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .img.img04 {
	background-image:url('/images/sub/maintenance/service_img04.jpg');
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .img.img05 {
	background-image:url('/images/sub/maintenance/service_img05.jpg');
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .text {
	display:flex;
	flex-direction: column;
    justify-content: center;
	max-width:640px;
	width:50%;
	min-height:365px;
	padding-left:75px;
	margin-bottom:80px;
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .text h5 {
	padding-bottom:25px;
	color:#000;
	font-size:38px;
	font-weight:700;
	word-break:keep-all;
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .text p {
	flex:1 1 100%;
	color:#000;
	font-size:20px;
	line-height:1.6;
	word-break:keep-all;
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .text p span {
	display:block;
	padding-top:10px;
}
.maintenance-wrap .service-wrap .service-slide .swiper-slide .text .brn-wrap a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 210px;
	height: 60px;
	border-radius: 50px;
	background: #000;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}
.maintenance-wrap .service-wrap .service-slide .count {
	position:absolute; top:10px; left:calc(50% + 75px); bottom:auto; z-index:10;
	width:auto; height:auto;
	color:#989898;
	font-size:20px;
}
.maintenance-wrap .service-wrap .service-slide .count strong {
	color:#000;
	font-size:30px;
	font-weight:600;
}
.maintenance-wrap .faq-wrap {
	padding-top:165px;
}
.maintenance-wrap .faq-wrap .list {
	border-top:1px solid #e0e0e0;
}
.maintenance-wrap .faq-wrap .list li {
	border-bottom:1px solid #e0e0e0;
}
.maintenance-wrap .faq-wrap .list li .subject {
	display:flex;
    align-items: center;
	position:relative;
	padding:27px 63px 27px 23px;
	color:#000;
	font-size:28px;
	font-weight:600;
	cursor:pointer;
}
.maintenance-wrap .faq-wrap .list li .subject::before {
	display:inline-flex;
	align-items: center;
    justify-content: center;
	flex:0 0 32px;
	width:32px; height:32px;
	margin-right:12px;
	border-radius:50%;
	color:#0e0ed8;
	font-size:26px;
	content:'Q';
}
.maintenance-wrap .faq-wrap .list li .subject::after {
	position:absolute; top:50%; right:30px;
	width:16px; height:16px;
	margin-top:-8px;
	background:url('/images/sub/maintenance/faq_plus.png') no-repeat center/cover;
	content:'';
}
.maintenance-wrap .faq-wrap .list li .subject.active::after {
	-webkit-transform:rotate(45deg); 
	transform:rotate(45deg);
}
.maintenance-wrap .faq-wrap .list li .content {
	display:none;
	flex-wrap: wrap;
	padding:30px 23px;
	background:#f7f7f7;
	color:#000;
	font-size:22px;
	line-height:1.5;
}
.maintenance-wrap .faq-wrap .list li .content::before {
	display:inline-flex;
	align-items: center;
    justify-content: center;
	flex:0 0 32px;
	width:32px; height:32px;
	margin-right:12px;
	border-radius:50%;
	color:#fff;
	background:#0e0ed8;
	font-size:22px;
	content:'A';
}
.maintenance-wrap .faq-wrap .list li .content p {
	flex:1 1 calc(100% - 44px);
}
.maintenance-wrap .faq-wrap .list li .content a {
	display:inline-block;
	margin-top:10px;
	color:#000;
	text-decoration:underline;
}
.maintenance-wrap .price-wrap {
	padding:195px 0 180px;
	background: linear-gradient(0deg,rgba(236, 229, 243, 1) 0%, rgba(255, 255, 255, 1) 80%);
}
.maintenance-wrap .price-wrap .list {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:16px;
}
.maintenance-wrap .price-wrap .list li {
	min-height:350px;
	padding:45px 35px;
	border-radius:10px;
	background:#fff;
	box-shadow: 6.691px 7.431px 54px 6px rgba(136, 150, 159, 0.14);
}
.maintenance-wrap .price-wrap .list li h3 {
	padding-bottom:20px;
	color:#000;
	font-size:26px;
	font-weight:700;
	word-break:keep-all;
}
.maintenance-wrap .price-wrap .list li p {
	min-height:130px;
	color:#4c4c4c;
	font-size:20px;
	line-height:1.6;
	word-break:keep-all;
}
.maintenance-wrap .price-wrap .list li p strong {
	display:block;
	padding-top:20px;
	color:#000;
	font-size:17px;
	font-weight:600;
}
.maintenance-wrap .price-wrap .list li p strong span {
	color:#0e0ed8;
	font-weight:400;
}
.maintenance-wrap .price-wrap .list li h5 {
	padding-top:30px;
	border-top:1px dashed #e0e0e0;
	color:#000;
	font-size:20px;
	font-weight:400;
	text-align:right;
}
.maintenance-wrap .price-wrap .list li h5 strong {
	color:#0e0ed8;
	font-size:30px;
	font-weight:700;
}
.maintenance-wrap .price-wrap .list li a {
	color:#0e0ed8;
	font-size:20px;
	font-weight:500;
	text-decoration:underline;
}
.maintenance-wrap .price-wrap .list li:has(a) {
	display:flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	text-align:center;
}
.maintenance-wrap .counsel-wrap {
	display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	position:relative;
	height:600px;
	color:#fff;
	text-align:center;
	background:url('/images/sub/maintenance/counsel_bg.jpg') no-repeat center/cover;
}
.maintenance-wrap .counsel-wrap h3 {
	padding-bottom:25px;
	font-size:60px;
}
.maintenance-wrap .counsel-wrap p {
	font-size:30px;
	font-weight:500;
	line-height:1.5;
}
.maintenance-wrap .counsel-wrap p + p {
	margin-top:10px;
}
.maintenance-wrap .counsel-wrap .btn-wrap {
	margin-top:40px;
}
.maintenance-wrap .counsel-wrap .btn-wrap a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:320px; height:60px;
	border-radius:50px;
	background:#3939ff;
	color:#fff;
	font-size:20px;
	font-weight:700;
}
@media screen and (max-width: 1240px) {
	.maintenance-wrap {
		padding-top:88px;
	}
}
@media screen and (max-width: 1024px) {
	.maintenance-wrap {
		padding-top:85px;
	}
	.maintenance-wrap .inner {
		padding:0 15px;
	}
	.maintenance-wrap .visual {
		height:680px;
	}
	.maintenance-wrap .visual::after {
		left:15px;
		width:calc(100vw - 30px);
	}
	.maintenance-wrap .visual h3 {
		font-size:52px;
	}
	.maintenance-wrap .visual p {
		font-size:26px;
	}
	.maintenance-wrap .visual .btn-wrap a {
		width:250px; height:62px;
		font-size:22px;
	}
	.maintenance-wrap .page-title h3 {
		font-size:42px;
	}
	.maintenance-wrap .reason-wrap .list {
		grid-template-columns: repeat(2, 1fr);
	}
	.maintenance-wrap .reason-wrap .list li {
		min-height:380px;
	}
	.maintenance-wrap .reason-wrap .list li h5 {
		font-size:22px;
	}
	.maintenance-wrap .reason-wrap .list li p {
		font-size:18px;
	}
	.maintenance-wrap .service-wrap .tab-service li a {
		font-size:17px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .img {
		height:490px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text {
		padding-left:30px;
		margin-bottom:50px;
		min-height:340px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text h5 {
		font-size:28px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text p {
		font-size:17px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text .brn-wrap a {
		width:180px; height:50px;
		font-size:18px;
	}
	.maintenance-wrap .service-wrap .service-slide .count {
		left:calc(50% + 30px);
		font-size:18px;
	}
	.maintenance-wrap .service-wrap .service-slide .count strong {
		font-size:26px;
	}
	.maintenance-wrap .faq-wrap .list li .subject {
		font-size:22px;
	}
	.maintenance-wrap .faq-wrap .list li .subject::before {
		flex:0 0 28px;
		width:28px; height:28px;
		font-size:20px;
	}
	.maintenance-wrap .faq-wrap .list li .content {
		font-size:18px;
	}
	.maintenance-wrap .faq-wrap .list li .content::before {
		flex:0 0 28px;
		width:28px; height:28px;
		font-size:18px;
	}
	.maintenance-wrap .price-wrap .list {
		grid-template-columns: repeat(2, 1fr);
	}
	.maintenance-wrap .price-wrap .list li {
		min-height:335px;
	}
	.maintenance-wrap .price-wrap .list li h3 {
		font-size:22px;
	}
	.maintenance-wrap .price-wrap .list li p {
		font-size:18px;
		min-height:120px;
	}
	.maintenance-wrap .price-wrap .list li p strong {
		font-size:15px;
	}
	.maintenance-wrap .price-wrap .list li h5 {
		padding-top:15px;
		font-size:18px;
	}
	.maintenance-wrap .price-wrap .list li h5 strong {
		font-size:26px;
	}
	.maintenance-wrap .price-wrap .list li a {
		font-size:18px;
	}
	.maintenance-wrap .counsel-wrap h3 {
		font-size:42px;
	}
	.maintenance-wrap .counsel-wrap p {
		font-size:24px;
	}
	.maintenance-wrap .counsel-wrap .btn-wrap a {
		width:250px; height:50px;
		font-size:18px
	}
}
@media screen and (max-width: 768px) {
	.maintenance-wrap {
		padding-top:70px;
	}
	.maintenance-wrap .visual {
		height:470px;
	}
	.maintenance-wrap .visual h3 {
		font-size:34px;
	}
	.maintenance-wrap .visual p {
		padding:25px 0 40px;
		font-size:22px;
	}
	.maintenance-wrap .visual p .m-br {
		display:block;
	}
	.maintenance-wrap .visual .btn-wrap a {
		width:200px; height:55px;
		font-size:18px;
	}
	.maintenance-wrap .page-title {
		padding-bottom:40px;
	}
	.maintenance-wrap .page-title h3 {
		font-size:21px;
	}
	.maintenance-wrap .reason-wrap {
		padding:65px 0;
	}
	.maintenance-wrap .reason-wrap .list {
		grid-template-columns: repeat(1, 1fr);
		gap:10px;
	}
	.maintenance-wrap .reason-wrap .list li {
		padding:20px;
		min-height:auto;
	}
	.maintenance-wrap .reason-wrap .list li h5 {
		padding-bottom:20px;
		font-size:18px;
	}
	.maintenance-wrap .reason-wrap .list li h5::before {
		flex:0 0 32px;
		height:32px;
	}
	.maintenance-wrap .reason-wrap .list li p {
		padding-top:20px;
		font-size:15px;
	}
	.maintenance-wrap .service-wrap {
		padding-top:65px;
	}
	.maintenance-wrap .service-wrap .tab-service {
		grid-template-columns: repeat(3, 1fr);
		margin-top:15px;
	}
	.maintenance-wrap .service-wrap .tab-service li a {
		height:50px;
		font-size:14px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide {
		display:block;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .img {
		width:100%;
		height:280px;
		border-radius:10px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text {
		max-width:100%;
		width:100%;
		padding:0 15px;
		margin-top:20px;
		margin-bottom:0;
		min-height:auto;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text h5 {
		padding-bottom:12px;
		font-size:19px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text p {
		font-size:14px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text p span {
		padding-top:6px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text .brn-wrap {
		padding-top:15px;
	}
	.maintenance-wrap .service-wrap .service-slide .swiper-slide .text .brn-wrap a {
		width:150px; height:40px;
		font-size:14px;
	}
	.maintenance-wrap .service-wrap .service-slide .count {
		left:15px;
		font-size:15px;
	}
	.maintenance-wrap .service-wrap .service-slide .count strong {
		font-size:18px;
	}
	.maintenance-wrap .faq-wrap {
		padding-top:70px;
	}
	.maintenance-wrap .faq-wrap .list li .subject {
		padding:16px 45px 16px 15px;
		font-size:18px;
	}
	.maintenance-wrap .faq-wrap .list li .subject::before {
		flex:0 0 24px;
		width:24px; height:24px;
		font-size:16px;
	}
	.maintenance-wrap .faq-wrap .list li .subject::after {
		right:15px;
		width:14px; height:14px;
		margin-top:-7px;
	}
	.maintenance-wrap .faq-wrap .list li .content {
		padding:20px 15px;
		font-size:18px;
	}
	.maintenance-wrap .faq-wrap .list li .content::before {
		flex:0 0 24px;
		width:24px; height:24px;
		font-size:14px;
	}
	.maintenance-wrap .price-wrap {
		padding:90px 0 70px;
	}
	.maintenance-wrap .price-wrap .list {
		grid-template-columns: repeat(1, 1fr);
		gap:10px;
	}
	.maintenance-wrap .price-wrap .list li {
		padding:20px;
		min-height:auto;
	}
	.maintenance-wrap .price-wrap .list li h3 {
		padding-bottom:12px;
		font-size:18px
	}
	.maintenance-wrap .price-wrap .list li p {
		min-height:auto;
		font-size:15px;
	}
	.maintenance-wrap .price-wrap .list li p strong {
		padding-top:10px;
		font-size:13px;
	}
	.maintenance-wrap .price-wrap .list li h5 {
		margin-top:20px;
		padding-top:20px;
		font-size:16px;
	}
	.maintenance-wrap .price-wrap .list li h5 strong {
		font-size:20px;
	}
	.maintenance-wrap .price-wrap .list li a {
		font-size:15px;
	}
	.maintenance-wrap .counsel-wrap {
		height:360px;
	}
	.maintenance-wrap .counsel-wrap h3 {
		padding-bottom:15px;
		font-size:28px;
		word-break:keep-all;
	}
	.maintenance-wrap .counsel-wrap p {
		font-size:16px;
		word-break:keep-all;
	}
	.maintenance-wrap .counsel-wrap .btn-wrap {
		margin-top:20px;
	}
	.maintenance-wrap .counsel-wrap .btn-wrap a {
		width:170px; height:40px;
		font-size:15px
	}
}




/* blog-wrap 공통 */
.blog-wrap {
	overflow:hidden;
	padding-top:100px;
}
.blog-wrap h1 {
	color:#000;
	font-size:68px;
	letter-spacing:-0.025em;
	text-align:center;
}
.blog-wrap h1 strong {
	color:var(--red-color);
}
.blog-wrap h2.subtitle {
	color:#000;
	font-size:48px;
	letter-spacing:-0.05rem;
	text-align:center;
}
.blog-wrap h2.subtitle + p {
	padding-top: 15px;
	color:#000;
	font-size:24px; font-weight:300;
	letter-spacing:-0.05rem;
	text-align:center;
}
@media screen and (max-width: 1200px) {
	.blog-wrap h1 {
		font-size:50px;
	}
	.blog-wrap h2.subtitle {
		font-size:38px;
	}
	.blog-wrap h2.subtitle + p {
		font-size:20px;
	}
}
@media screen and (max-width: 768px) { 
	.blog-wrap h1 {
		font-size:34px;
	}
	.blog-wrap h2.subtitle {
		font-size:24px;
	}
	.blog-wrap h2.subtitle + p {
		padding-top:10px;
		font-size:14px;
	}	

}
@media screen and (max-width: 640px) {
	.blog-wrap .inner {padding:0 20px;}
} 

/* blog-info-re */
.blog-wrap .blog-info-re p {
	padding-top:30px;
	color:#000;
	font-size:36px; 
	letter-spacing:-0.025rem;
	text-align:center;
}
.blog-wrap .blog-info-re p strong {
	position:relative;
	color:var(--red-color);
}
.blog-wrap .blog-info-re p strong::after {
	content:'';
	position:absolute; top:0; left:50%;
	width:394px; height:64px;
	margin-left:-197px;
	background:url('../images/sub/blog/pen_circle.png') no-repeat center /contain;
}
.blog-wrap .blog-info-re .bnr {
	padding-top:60px;
}
.blog-wrap .blog-info-re .bnr img {
	width:100%; height:auto;
}

@media screen and (max-width: 1200px) {
	.blog-wrap {
		padding-top:140px;
	}
	.blog-wrap .blog-info-re p {
		font-size:30px; 
	}
	.blog-wrap .blog-info-re p strong::after {
		top:-10px;
		width:320px;
		margin-left:-160px;
	}
}
@media screen and (max-width: 768px) {
	.blog-wrap {
		padding-top:100px;
	}
	.blog-wrap .blog-info-re p {
		padding-top:15px;
		font-size:18px; 
	}
	.blog-wrap .blog-info-re p strong::after {
		top:0;
		width:197px; height:32px;
		margin-left:-98.5px;
	}
	.blog-wrap .blog-info-re .bnr {
		padding-top:30px;
	}
}

/* blog-detail-re */
.blog-wrap .blog-detail-re {
	padding-top:160px;
}
.blog-wrap .blog-detail-re h1 {
	padding-bottom:45px;
}
.blog-wrap .blog-detail-re .section {
	padding:90px 0 100px;
}
.blog-wrap .blog-detail-re .section .title {
	display:flex;
	align-items:flex-end;
	color:#fff;
}
.blog-wrap .blog-detail-re .section .title div {
	width:376px;
	flex-shrink:0;
}
.blog-wrap .blog-detail-re .section .title h2 {
	color:inherit;
	font-size:36px;
	font-weight:400;
	letter-spacing:-0.05rem;
}
.blog-wrap .blog-detail-re .section .title p {
	color:inherit;
	font-size:20px; font-weight:350;
	line-height:1.7;
	letter-spacing:-0.025em;
}
.blog-wrap .blog-detail-re .section .box {
	position:relative;
	margin-top:50px;
	padding:40px 60px 50px;
	background-color:#fff;
	border-radius:20px;
}
.blog-wrap .blog-detail-re .section .box h3 {
	font-family:'NanumPen';
	font-size:40px; font-weight:300;
}
.blog-wrap .blog-detail-re .section .box p {
	padding-top:20px;
	color:#333;
	font-size:20px; font-weight:350;
	letter-spacing:-0.025rem;
	line-height:1.7;
}
.blog-wrap .blog-detail-re .section .box p strong {
	color:var(--red-color);
	font-weight:inherit;
}
.blog-wrap .blog-detail-re .section.them_blk .title {
	color:#000;
}
.blog-wrap .blog-detail-re .section.them_blk .title p {
	color:#333;
}
.blog-wrap .blog-detail-re .section.them_blk .box {
	border:6px solid #000;
}
.blog-wrap .blog-detail-re .section01 {
	background:url('/images/sub/blog/blog_detail_bg01.jpg') no-repeat center /cover;
}
.blog-wrap .blog-detail-re .section01 .box h3 {
	color:#00b289;
} 
.blog-wrap .blog-detail-re .section02 .box h3 {
	color:#008eb2;
} 
.blog-wrap .blog-detail-re .section03 {
	background:url('/images/sub/blog/blog_detail_bg02.jpg') no-repeat center /cover;
}
.blog-wrap .blog-detail-re .section03 .box h3 {
	color:var(--red-color);
} 
.blog-wrap .blog-detail-re .section03 .box .btn {
	position:absolute; top:60px; right:60px;
	display:flex; align-items:center; justify-content:center;
	width:180px; height:32px;
	background-color: #000;
	color:#fff;
	font-size:14px; font-weight:350;
	letter-spacing:-0.05rem;
}
.blog-wrap .blog-detail-re .section04 {
	padding-bottom:190px;
	background:url('/images/sub/blog/blog_detail_bg03.jpg') no-repeat right bottom;
}
.blog-wrap .blog-detail-re .section04 .box h3 {
	color:#002ab2;
} 

@media screen and (max-width: 1024px) {
	.blog-wrap .blog-detail-re {
		padding-top:130px;
	}
	.blog-wrap .blog-detail-re .section .title p {
		font-size:16px;
	}
	.blog-wrap .blog-detail-re .section .box p {
		font-size:16px;
	}
}
@media screen and (max-width: 768px) {
	.blog-wrap .blog-detail-re {
		padding-top:80px;
	}
	.blog-wrap .blog-detail-re h1 {
		padding-bottom:23px;
	}
	.blog-wrap .blog-detail-re .section {
		padding:45px 0 50px;
	}
	.blog-wrap .blog-detail-re .section .title {
		display:block;
	}
	.blog-wrap .blog-detail-re .section .title div {
		width:100%;
	}
	.blog-wrap .blog-detail-re .section .title img {
		width:56px; height:auto;
	}
	.blog-wrap .blog-detail-re .section .title h2 {
		padding-top:8px;
		font-size:20px;
	}
	.blog-wrap .blog-detail-re .section .title h2 br {displaY:none;}
	.blog-wrap .blog-detail-re .section .title p {
		padding-top:15px;
		font-size:14px;
	}
	.blog-wrap .blog-detail-re .section .box {
		margin-top:30px;
		padding:20px;
		border-radius:10px;
	}
	.blog-wrap .blog-detail-re .section .box h3 {
		font-size:20px;
	}
	.blog-wrap .blog-detail-re .section .box p {
		padding-top:15px;
		font-size:13px;
	}
	.blog-wrap .blog-detail-re .section.them_blk .box {
		border-width:2px;
	}
	.blog-wrap .blog-detail-re .section03 .box .btn {
		top:20px; right:20px;
		width:140px; height:25px;
		font-size:12px;
	}
	.blog-wrap .blog-detail-re .section04 {
		padding-bottom:95px;
		background-size:357px auto;
	}
}
@media screen and (max-width: 400px) {
	.blog-wrap .blog-detail-re h1 {
		font-size:28px;
	}
}


/* blog-service-re */
.blog-wrap .blog-service-re h2.subtitle {
	padding-bottom:60px;
}
.blog-wrap .blog-service-re .section {
	padding:130px 0;
}
.blog-wrap .blog-service-re .section01 {
	background:url('/images/sub/blog/blog_service_bg01.jpg') no-repeat center /cover;
}
.blog-wrap .blog-service-re .section02 {
	background:url('/images/sub/blog/blog_service_bg02.jpg') no-repeat center /cover;
}
.blog-wrap .blog-service-re .inner {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.blog-wrap .blog-service-re .inner .bnr {
	overflow:hidden;
	width:47%; max-width:570px;
	border-radius:22px;
}
.blog-wrap .blog-service-re .inner .bnr img {
	width:100%; height:auto;
	transition:.4s ease;
}
.blog-wrap .blog-service-re .inner .bnr:hover img {
	transform:scale(1.1);
} 
.blog-wrap .blog-service-re .inner .info {
	width:46%;
	color:#000;
	font-family:'Outfit', 'Noto Sans KR';
	letter-spacing:-0.05rem;
}
.blog-wrap .blog-service-re .inner .info h3 {
	padding-bottom:15px;
	font-size:60px;
}
.blog-wrap .blog-service-re .inner .info p {
	font-size:18px; font-weight:350;
	line-height:1.4;
}
.blog-wrap .blog-service-re .inner .info p.tel {
	font-size:30px;;
}
.blog-wrap .blog-service-re .inner .info p > strong {
	position:relative;
}
.blog-wrap .blog-service-re .inner .info p > strong::after {
	content:'';
	position:absolute; left:0; bottom:-6px;
	width:252px; height:8px;
	background:url('/images/sub/blog/pen_line.png') no-repeat center /contain;
}
.blog-wrap .blog-service-re .inner .info h3 + p {
	padding-bottom:50px;
}
.blog-wrap .blog-service-re .inner .info p.prc {
	font-weight:500;
}
.blog-wrap .blog-service-re .inner .info p.prc + p.prc {
	padding-top:25px;
}
.blog-wrap .blog-service-re .inner .info p.prc span {
	display:block;
	padding-top:3px;
	font-size:30px; font-weight:350;
	letter-spacing:-0.025rem;
}
.blog-wrap .blog-service-re .inner .info p.prc span strong {
	font-size:40px;
	font-weight:700;
}
.blog-wrap .blog-service-re .inner .info p:last-child {
	padding-top:30px;
}
.blog-wrap .blog-service-re .section02 .inner {
	flex-direction: row-reverse;
}
.blog-wrap .blog-service-re .section02 .info {
	color:#fff;
}

@media screen and (max-width: 1024px) {
	.blog-wrap .blog-service-re .section {
		padding:90px 0;
	}
	.blog-wrap .blog-service-re .inner .info h3 {
		font-size:45px;
	}
	.blog-wrap .blog-service-re .inner .info p {
		font-size:16px;
	}
	.blog-wrap .blog-service-re .inner .info p.tel {
		font-size:24px;
	}
	.blog-wrap .blog-service-re .inner .info h3 + p {
		padding-bottom:40px;
	}
	.blog-wrap .blog-service-re .inner .info p.prc span {
		font-size:26px;
	}
	.blog-wrap .blog-service-re .inner .info p.prc span strong {
		font-size:30px;
	}
	.blog-wrap .blog-service-re .inner .info p:last-child {
		padding-top:20px;
	}
}
@media screen and (max-width: 768px) {
	.blog-wrap .blog-service-re h2.subtitle {
		padding-bottom:30px;
	}
	.blog-wrap .blog-service-re .section {
		padding:65px 0;
	}
	.blog-wrap .blog-service-re .inner {
		display:block;
	}
	.blog-wrap .blog-service-re .inner .bnr {
		width:100%;
	}
	.blog-wrap .blog-service-re .inner .info {
		padding-top:20px;
		width:100%;
	}
	.blog-wrap .blog-service-re .inner .info h3 {
		padding-bottom:15px;
		font-size:30px;
	}
	.blog-wrap .blog-service-re .inner .info p {
		font-size:14px;
	}
	.blog-wrap .blog-service-re .inner .info p.tel {
		font-size:15px;
	}
	.blog-wrap .blog-service-re .inner .info p > strong::after {
		width:180px;
	}
	.blog-wrap .blog-service-re .inner .info h3 + p {
		padding-bottom:25px;
	}
	.blog-wrap .blog-service-re .inner .info p.prc + p.prc {
		padding-top:15px;
	}
	.blog-wrap .blog-service-re .inner .info p.prc span {
		font-size:16px;
	}
	.blog-wrap .blog-service-re .inner .info p.prc span strong {
		font-size:20px;
	}
	.blog-wrap .blog-service-re .inner .info p:last-child {
		padding-top:15px;
	}
}
@media screen and (max-width: 400px) {
	.blog-wrap .blog-service-re .section02 .info h3 + p br {display:none;}
}


/* blog-process-re */
.blog-wrap .blog-process-re {
	padding:115px 0 140px;
}
.blog-wrap .blog-process-re p {
	padding-bottom:45px;
}
.blog-wrap .blog-process-re ul {
	display:flex; gap:24px;
	align-items:center;
}
.blog-wrap .blog-process-re ul.prcs02 {
	flex-direction: row-reverse;
	margin-top:20px;
}
.blog-wrap .blog-process-re ul li {
	flex:1;
	display:flex; gap:12px;
	align-items:center; justify-content:center;
	position:relative;
	height:80px;
	padding:0 20px;
	border:1px solid #e6e6e6; 
	color:#000;
	font-size:18px; font-weight:350;
	line-height:1.2;
	letter-spacing:-0.05rem;
}
.blog-wrap .blog-process-re ul.prcs01 li:not(:last-child):after {
	content:url('/images/sub/blog-process-icon01.png');
	display:block;
	position:absolute; top:50%; right:-17px;
	margin-top:-8px;
}
.blog-wrap .blog-process-re ul.prcs01 li:last-child:after {
	content:url('/images/sub/blog-process-icon02.png');
	display:block;
	position:absolute; bottom:-15px; left:50%;
	margin-left:-7px;
}
.blog-wrap .blog-process-re ul.prcs02 li:not(:last-child):after {
	content:url('/images/sub/blog-process-icon03.png');
	display:block;
	position:absolute; top:50%; left:-17px;
	margin-top:-8px;
}

@media screen and (max-width: 1024px) {
	.blog-wrap .blog-process-re {
		padding:90px 0 110px;
	}
	.blog-wrap .blog-process-re p {
		padding-bottom:30px;
	}
	.blog-wrap .blog-process-re ul.prcs02 {
		flex-direction: row-reverse;
		margin-top:20px;
	}
	.blog-wrap .blog-process-re ul {
		display:block;
	}
	.blog-wrap .blog-process-re ul li {
		width:100%;
		height:60px;
		margin-bottom:20px;
	}
	.blog-wrap .blog-process-re ul li:after {
		content:url('/images/sub/blog-process-icon02.png') !important;
		top:auto !important; bottom:-14px !important; right:auto !important; left:50% !important;
		margin:0 0 0 -7px;
	}
	.blog-wrap .blog-process-re ul.prcs02 li:last-child:after {display:none;}
	.blog-wrap .blog-process-re ul li br {display:none;}
}
@media screen and (max-width: 768px) {
	.blog-wrap .blog-process-re {
		padding:60px 0 70px;
	}
	.blog-wrap .blog-process-re ul li {
		height:40px;
		font-size:13px;
	}
	.blog-wrap .blog-process-re ul li img {
		width:20px; height:auto;
	}
}


/* blog-counsel-re */
.blog-wrap .blog-counsel-re {
	padding:120px 0;
	background:url('/images/sub/blog/blog_counsel_img.jpg') no-repeat center /cover;
}
.blog-wrap .blog-counsel-re h2,
.blog-wrap .blog-counsel-re h2 + p {
	color:#fff;
}
.blog-wrap .blog-counsel-re .btn {
	display:flex; align-items:center; justify-content:center;
	margin:50px auto 0;
	width:380px; height:85px;
	background-color:var(--red-color);
}
.blog-wrap .blog-counsel-re .btn span {
	display:inline-block;
	padding-right:40px;
	background:url('/images/sub/blog/btn_more.png') no-repeat right center;
	color:#fff;
	font-size:24px; font-weight:700;
}

@media screen and (max-width: 768px) {
	.blog-wrap .blog-counsel-re {
		padding:60px 0;
	}
	.blog-wrap .blog-counsel-re .btn {
		margin:25px auto 0;
		width:200px; height:50px;
	}
	.blog-wrap .blog-counsel-re .btn span {
		padding-right:20px;
		background-size:15px auto;
		font-size:14px; font-weight:500;
	}
}


/* 블로그 서비스 리뉴얼 (250616) */
.blog-wrap2,
.blog-wrap2 * {
	font-family:'Pretendard';
}
.blog-wrap2 .inner {
	max-width:1340px;
	width:100%;
	padding:0 30px;
}
.blog-wrap2 .visual {
	display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap:65px 0;
	position:relative;
	height:880px;
	text-align:center;
}
.blog-wrap2 .visual::after {
	position:absolute; top:0; left:30px; z-index:-1;
	width:calc(100vw - 60px); height:100%;
	background:url('/images/sub/blog2/visual.jpg') no-repeat center/cover;
	content:'';
}
.blog-wrap2 .visual h3 {
	color:#fff;
	font-size:70px;
	font-weight:700;
}
.blog-wrap2 .visual .btn-wrap a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:280px; height:76px;
	border-radius:50px;
	background:#fff;
	color:#04009a;
	font-size:26px;
	font-weight:700;
}
.blog-wrap2 .info-wrap {
	padding:80px 0 160px;
	background:url('/images/sub/blog2/info_bg.jpg') no-repeat center/cover;
}
.blog-wrap2 .info-wrap ul {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	overflow:hidden;
	background:#fff;
	border-radius:15px;
	box-shadow: 6.691px 7.431px 54px 6px rgba(7, 3, 8, 0.14);
}
.blog-wrap2 .info-wrap ul + ul {
	margin-top:40px;
}
.blog-wrap2 .info-wrap ul li {
	display:flex;
	align-items: center;
	min-height:580px;
}
.blog-wrap2 .info-wrap ul li.bg {
	background:no-repeat center/cover;
}
.blog-wrap2 .info-wrap ul li.bg01 {
	background-image:url('/images/sub/blog2/info_list01.jpg');
}
.blog-wrap2 .info-wrap ul li.bg02 {
	background-image:url('/images/sub/blog2/info_list02.jpg');
}
.blog-wrap2 .info-wrap ul li .text {
	padding:70px 65px;
}
.blog-wrap2 .info-wrap ul li .text h3 {
	padding-bottom:23px;
	color:#000;
	font-size:44px;
	font-weight:700;
	word-break:keep-all;
}
.blog-wrap2 .info-wrap ul li .text p {
	color:#000;
	font-size:22px;
	line-height:1.45;
	word-break:keep-all;
}
.blog-wrap2 .info-wrap ul li .text p + p {
	margin-top:11px;
}
.blog-wrap2 .info-wrap ul li .text p .blue {
	color:#0955c7;
	font-weight:600;
}
.blog-wrap2 .info-wrap ul li .text p .purple {
	color:#0c0cad;
	font-weight:600;
}
.blog-wrap2 .info-wrap ul li .text p strong {
	font-weight:700;
}
.blog-wrap2 .info-wrap ul li .text .radius-wrap {
	padding:15px 0;
}
.blog-wrap2 .info-wrap ul li .text .radius-wrap p .radius {
	display:inline-flex;
	align-items: center;
	gap:0 10px;
	padding:6px 24px;
	border-radius:50px;
}
.blog-wrap2 .info-wrap ul li .text .radius-wrap p .radius.blue {
	background:#e4ebf7;
}
.blog-wrap2 .info-wrap ul li .text .radius-wrap p .radius.purple {
	background:#ece5f3;
}
.blog-wrap2 .service-wrap {
	padding:150px 0;
	background:url('/images/sub/blog2/service_bg.jpg') no-repeat center/cover;
	background-attachment:fixed;
}
.blog-wrap2 .service-wrap .inner {
	display:flex;
	align-items: flex-start;
}
.blog-wrap2 .service-wrap h3 {
	position: sticky;
	top: 130px;
	z-index: 50;
	flex:1 1 100%;
	color:#fff;
	font-size:70px;
	font-weight:700;
}
.blog-wrap2 .service-wrap h3 span {
	color:#989898;
}
.blog-wrap2 .service-wrap .list {
	flex:0 0 580px;
}
.blog-wrap2 .service-wrap .list > li {
	position:relative;
	padding:60px 45px;
	border:1px solid rgba(255,255,255,.2);
	background:rgba(0,0,0,.2);
	border-radius:13px;
}
.blog-wrap2 .service-wrap .list > li + li {
	margin-top:30px;
}
.blog-wrap2 .service-wrap .list > li span {
	display:block;
	position:absolute; top:40px; right:40px;
	color:#8989ff;
	font-size:24px;
}
.blog-wrap2 .service-wrap .list > li h5 {
	padding:25px 0 28px;
	color:#fff;
	font-size:36px;
	font-weight:700;
}
.blog-wrap2 .service-wrap .list > li p {
	color:#fff;
	font-size:22px;
	line-height:1.5;
}
.blog-wrap2 .strength-wrap {
	padding:160px 0;
	background:url('/images/sub/blog2/strength_bg.jpg') no-repeat center/cover;
}
.blog-wrap2 .strength-wrap h3 {
	padding-bottom:70px;
	color:#000;
	font-size:70px;
	font-weight:700;
	text-align:center;
}
.blog-wrap2 .strength-wrap h3 span {
	color:#0e0ed8;
}
.blog-wrap2 .strength-wrap .list {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:40px;
	color:#000;
}
.blog-wrap2 .strength-wrap .list > li {
	padding:50px;
	background:#fff;
	border-radius:15px;
}
.blog-wrap2 .strength-wrap .list > li h5 {
	padding-top:20px;
	background:no-repeat top left;
	font-size:36px;
	font-weight:700;
}
.blog-wrap2 .strength-wrap .list > li h5 span {
	padding-left:10px;
	color:#9494a0;
	font-size:20px;
	font-weight:400;
}
.blog-wrap2 .strength-wrap .list > li p {
	padding-top:20px;
	font-size:26px;
	font-weight:500;
}
.blog-wrap2 .strength-wrap .list > li p span {
	color:#0e0ed8;
}
.blog-wrap2 .strength-wrap .list > li ul {
	margin-top:35px;
	padding-top:35px;
	border-top:1px solid #e0e0e0;
}
.blog-wrap2 .strength-wrap .list > li ul li {
	position:relative;
	padding-left:20px;
	font-size:22px;
}
.blog-wrap2 .strength-wrap .list > li ul li::after {
	position:absolute; top:10px; left:0;
	width:7px; height:7px;
	border-radius:50%;
	background:#0e0ed8;
	content:'';
}
.blog-wrap2 .strength-wrap .list > li ul li + li {
	margin-top:13px;
}
.blog-wrap2 .faq-wrap {
	padding-top:140px;
}
.blog-wrap2 .faq-wrap h3 {
	padding-bottom:65px;
	color:#000;
	font-size:60px;
	font-weight:400;
	text-align:center;
}
.blog-wrap2 .faq-wrap h3 strong {
	font-weight:700;
}
.blog-wrap2 .faq-wrap h3 span {
	color:#cccccc;
}
.blog-wrap2 .faq-wrap .list {
	border-top:1px solid #e0e0e0;
}
.blog-wrap2 .faq-wrap .list li {
	border-bottom:1px solid #e0e0e0;
}
.blog-wrap2 .faq-wrap .list li .subject {
	display:flex;
    align-items: center;
	position:relative;
	padding:27px 63px 27px 23px;
	color:#000;
	font-size:28px;
	font-weight:600;
	cursor:pointer;
}
.blog-wrap2 .faq-wrap .list li .subject::before {
	display:inline-flex;
	align-items: center;
    justify-content: center;
	flex:0 0 32px;
	width:32px; height:32px;
	margin-right:12px;
	border-radius:50%;
	color:#0e0ed8;
	font-size:26px;
	content:'Q';
}
.blog-wrap2 .faq-wrap .list li .subject::after {
	position:absolute; top:50%; right:30px;
	width:16px; height:16px;
	margin-top:-8px;
	background:url('/images/sub/blog2/faq_plus.png') no-repeat center/cover;
	content:'';
}
.blog-wrap2 .faq-wrap .list li .subject.active::after {
	-webkit-transform:rotate(45deg); 
	transform:rotate(45deg);
}
.blog-wrap2 .faq-wrap .list li .content {
	display:none;
	padding:30px 23px;
	background:#f7f7f7;
	color:#000;
	font-size:22px;
	line-height:1.5;
}
.blog-wrap2 .faq-wrap .list li .content::before {
	display:inline-flex;
	align-items: center;
    justify-content: center;
	flex:0 0 32px;
	width:32px; height:32px;
	margin-right:12px;
	border-radius:50%;
	color:#fff;
	background:#0e0ed8;
	font-size:22px;
	content:'A';
}
.blog-wrap2 .price-wrap {
	padding-top:170px;
}
.blog-wrap2 .price-wrap h3 {
	padding-bottom:70px;
	color:#000;
	font-size:60px;
	font-weight:700;
	text-align:center;
}
.blog-wrap2 .price-wrap h3 span {
	display:block;
	padding-bottom:20px;
	color:#999;
	font-size:24px;
}
.blog-wrap2 .price-wrap .list {
	position:relative;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:22px;
	max-width:825px;
	margin:0 auto;
	padding:75px 0;
}
.blog-wrap2 .price-wrap .list::after {
	position:absolute; top:0; left:50%; z-index:-1;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:#f4f7f9;
	content:'';
}
.blog-wrap2 .price-wrap .list > li {
	padding:40px;
	background:#fff;
	border-radius:15px;
	box-shadow: 6.691px 7.431px 54px 6px rgba(136, 150, 159, 0.14);
	border:1px solid transparent;
	color:#000;
}
.blog-wrap2 .price-wrap .list > li h4 {
	padding-bottom:25px;
	margin-bottom:45px;
	border-bottom:1px solid #e0e0e0;
	font-size:26px;
	font-weight:700;
}
.blog-wrap2 .price-wrap .list > li .price p {
	display:flex;
	align-items: center;
	gap:0 7px;
	color:#0e0ed8;
	font-size:25px;
	font-weight:500;
}
.blog-wrap2 .price-wrap .list > li .price h5 {
	padding-top:5px;
	font-size:40px;
	font-weight:700;
}
.blog-wrap2 .price-wrap .list > li .price h5 strong {
	text-decoration:line-through;
	padding-right:10px;
	color:#f00;
	font-size:18px;
	font-weight:300;
}
.blog-wrap2 .price-wrap .list > li .price h5 span {
	display:block;
	color:#808080;
	font-size:18px;
	font-weight:400;
}
.blog-wrap2 .price-wrap .list > li .price h5 span i {
	font-style:normal;
	color:#f00;
}
.blog-wrap2 .price-wrap .list > li ul {
	padding:45px 0;
}
.blog-wrap2 .price-wrap .list > li ul li {
	padding-left:30px;
	font-size:18px;
	background:url('/images/sub/blog2/price_chk.png') no-repeat left top 4px;
}
.blog-wrap2 .price-wrap .list > li ul li::after {
	
}
.blog-wrap2 .price-wrap .list > li ul li + li {
	margin-top:13px;
}
.blog-wrap2 .price-wrap .list > li .btn-wrap a {
	display:flex;
    align-items: center;
    justify-content: center;
	width:100%;
	height:60px;
	border-radius:50px;
	background:#f0f3f5;
	color:#000;
	font-size:20px;
	font-weight:700;
}
.blog-wrap2 .price-wrap .list > li:hover .btn-wrap a {
	background:#eaeaea;
}
.blog-wrap2 .price-wrap .list > li:nth-child(2) {
	border-color:#0e0ed8;
}
.blog-wrap2 .price-wrap .list > li:nth-child(2) .btn-wrap a {
	background:#0e0ed8;
	color:#fff;
}
.blog-wrap2 .design-wrap {
	padding-top:145px;
}
.blog-wrap2 .design-wrap h3 {
	display:flex;
    align-items: flex-end;
    justify-content: space-between;
	padding-bottom:45px;
	color:#000;
	font-size:60px;
	font-weight:700;
}
.blog-wrap2 .design-wrap h3 a {
	color:#0e0ed8;
	font-size:30px;
	font-weight:700;
	border-bottom:3px solid #0e0ed8;
}
.blog-wrap2 .design-wrap .design {
	padding:95px 70px;
	background:url('/images/sub/blog2/design_bg.jpg') no-repeat center/cover;
	border-radius:25px;
}
.blog-wrap2 .design-wrap .design .text {
	padding-left:43.75%;
}
.blog-wrap2 .design-wrap .design .text h4 {
	color:#fff;
	font-size:32px;
	font-weight:700;
	letter-spacing:-0.08rem;
}
.blog-wrap2 .design-wrap .design .text h4 span.gd01 {
	background-image: -moz-linear-gradient( -176deg, rgb(146,146,255) 0%, rgb(161,42,252) 100%);
	background-image: -webkit-linear-gradient( -176deg, rgb(146,146,255) 0%, rgb(161,42,252) 100%);
	background-image: -ms-linear-gradient( -176deg, rgb(146,146,255) 0%, rgb(161,42,252) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.blog-wrap2 .design-wrap .design .text h4 span.gd02 {
	background-image: -moz-linear-gradient( 1deg, rgb(146,146,255) 0%, rgb(161,42,252) 100%);
	background-image: -webkit-linear-gradient( 1deg, rgb(146,146,255) 0%, rgb(161,42,252) 100%);
	background-image: -ms-linear-gradient( 1deg, rgb(146,146,255) 0%, rgb(161,42,252) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.blog-wrap2 .design-wrap .design .text ul {
	display:flex;
	flex-wrap: wrap;
	gap:13px 8px;
	padding:30px 0 50px;
}
.blog-wrap2 .design-wrap .design .text ul li {
	display:inline-flex;
    align-items: center;
	height:48px;
	padding:0 23px;
	border:1px solid #6e4dcc;
	border-radius:50px;
	color:#ccc0f3;
	font-size:20px;
}
.blog-wrap2 .design-wrap .design .text .price {
	display:flex;
	align-items: flex-end;
    justify-content: space-between;
	padding-top:27px;
	border-top:1px solid rgba(255,255,255,.2);
}
.blog-wrap2 .design-wrap .design .text .price h5 {
	color:#c6b5f6;
	font-size:40px;
	font-weight:700;
}
.blog-wrap2 .design-wrap .design .text .price h5 span {
	padding-left:10px;
	color:#fff;
	font-size:18px;
	font-weight:400;
}
.blog-wrap2 .design-wrap .design .text .price a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:320px; height:60px;
	border-radius:50px;
	background:#5c29ff;
	color:#fff;
	font-size:20px;
	font-weight:700;
}
.blog-wrap2 .step-wrap {
	padding:140px 0 160px;
	background:url('/images/sub/blog2/step_bg.jpg') no-repeat center/cover;
}
.blog-wrap2 .step-wrap h3 {
	padding-bottom:70px;
	color:#000;
	font-size:60px;
	font-weight:700;
	text-align:center;
}
.blog-wrap2 .step-wrap h3 span {
	display:block;
	padding-bottom:20px;
	color:#0e0ed8;
	font-size:24px;
}
.blog-wrap2 .step-wrap .list {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:34px;
	max-width:1000px;
	margin:0 auto;
}
.blog-wrap2 .step-wrap .list > li {
	position:relative;
	flex-basis:calc(33.33% - 22.66666px);
	display:flex;
	flex-direction: column;
	min-height:355px;
	padding:55px 15px;
	background:#fff;
	border-radius:15px;
	box-shadow: 6.691px 7.431px 54px 6px rgba(136, 150, 159, 0.14);
	text-align:center;
}
.blog-wrap2 .step-wrap .list > li p {
	margin-bottom:8px;
	color:#808080;
	font-size:22px;
	font-weight:500;
}
.blog-wrap2 .step-wrap .list > li h5 {
	flex:1 1 100%;
	color:#000;
	font-size:32px;
	font-weight:700;
}
.blog-wrap2 .step-wrap .list > li .icon {
	flex:0 0 98px;
}
.blog-wrap2 .step-wrap .list > li .icon img {
	height:100%;
}
.blog-wrap2 .step-wrap .list > li:nth-child(1) {
	order:0;
}
.blog-wrap2 .step-wrap .list > li:nth-child(2) {
	order:1;
}
.blog-wrap2 .step-wrap .list > li:nth-child(3) {
	order:2;
}
.blog-wrap2 .step-wrap .list > li:nth-child(4) {
	order:4;
}
.blog-wrap2 .step-wrap .list > li:nth-child(5) {
	order:3;
}
.blog-wrap2 .step-wrap .list > li:nth-child(1)::after,
.blog-wrap2 .step-wrap .list > li:nth-child(2)::after,
.blog-wrap2 .step-wrap .list > li:nth-child(4)::after,
.blog-wrap2 .step-wrap .list > li:nth-child(5)::after {
	position:absolute; top:50%; right:-34px;
	width:34px; height:2px;
	border:1px dashed #a993f5;
	content:'';
}
.blog-wrap2 .step-wrap .list > li:nth-child(3)::after {
	position:absolute; bottom:-214px; right:50%;
	width:2px; height:214px;
	margin-right:-21px;
	border:1px dashed #a993f5;
	content:'';
}
.blog-wrap2 .counsel-wrap {
	background:url('/images/sub/blog2/counsel_bg.jpg') no-repeat center/cover;
}
.blog-wrap2 .counsel-wrap .inner {
	display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	height:600px;
	color:#fff;
	text-align:center;
}
.blog-wrap2 .counsel-wrap h3 {
	font-size:60px;
}
.blog-wrap2 .counsel-wrap p {
	padding:35px 0 55px;
	font-size:30px;
	font-weight:500;
}
.blog-wrap2 .counsel-wrap .btn-wrap a {
	display:inline-flex;
    align-items: center;
    justify-content: center;
	width:320px; height:60px;
	border-radius:50px;
	background:#3939ff;
	color:#fff;
	font-size:20px;
	font-weight:700;
}
@media screen and (max-width: 1240px) {
	.blog-wrap2 {
		padding-top:88px;
	}
}
@media screen and (max-width: 1024px) {
	.blog-wrap2 {
		padding-top:85px;
	}
	.blog-wrap2 .inner {
		padding:0 15px;
	}
	.blog-wrap2 .visual {
		height:680px;
	}
	.blog-wrap2 .visual::after {
		left:15px;
		width:calc(100vw - 30px);
	}
	.blog-wrap2 .visual h3 {
		font-size:52px;
	}
	.blog-wrap2 .visual .btn-wrap a {
		width:250px; height:62px;
		font-size:22px;
	}
	.blog-wrap2 .info-wrap ul li {
		min-height:520px;
	}
	.blog-wrap2 .info-wrap ul li .text {
		padding:50px 45px;
	}
	.blog-wrap2 .info-wrap ul li .text h3 {
		font-size:34px;
	}
	.blog-wrap2 .info-wrap ul li .text p {
		font-size:19px;
	}
	.blog-wrap2 .service-wrap h3 {
		font-size:52px;
	}
	.blog-wrap2 .service-wrap .list {
		flex:0 0 450px;
	}
	.blog-wrap2 .service-wrap .list > li {
		padding:45px 30px;
	}
	.blog-wrap2 .service-wrap .list > li span {
		font-size:22px;
	}
	.blog-wrap2 .service-wrap .list > li h5 {
		font-size:30px;
	}
	.blog-wrap2 .service-wrap .list > li p {
		font-size:20px;
	}
	.blog-wrap2 .strength-wrap h3 {
		font-size:52px;
	}
	.blog-wrap2 .strength-wrap .list > li {
		padding:35px;
	}
	.blog-wrap2 .strength-wrap .list > li h5 {
		font-size:30px;
	}
	.blog-wrap2 .strength-wrap .list > li h5 span {
		font-size:18px;
	}
	.blog-wrap2 .strength-wrap .list > li p {
		font-size:22px;
	}
	.blog-wrap2 .strength-wrap .list > li ul li {
		font-size:20px;
	}
	.blog-wrap2 .faq-wrap h3 {
		font-size:42px;
	}
	.blog-wrap2 .faq-wrap .list li .subject {
		font-size:22px;
	}
	.blog-wrap2 .faq-wrap .list li .subject::before {
		flex:0 0 28px;
		width:28px; height:28px;
		font-size:20px;
	}
	.blog-wrap2 .faq-wrap .list li .content {
		font-size:18px;
	}
	.blog-wrap2 .faq-wrap .list li .content::before {
		flex:0 0 28px;
		width:28px; height:28px;
		font-size:18px;
	}
	.blog-wrap2 .price-wrap h3 {
		font-size:42px;
	}
	.blog-wrap2 .price-wrap h3 span {
		font-size:20px;
	}
	.blog-wrap2 .price-wrap .list > li {
		padding:30px;
	}
	.blog-wrap2 .price-wrap .list > li h4 {
		font-size:22px;
	}
	.blog-wrap2 .price-wrap .list > li .price p {
		font-size:23px;
	}
	.blog-wrap2 .price-wrap .list > li .price h5 {
		font-size:32px;
	}
	.blog-wrap2 .price-wrap .list > li .price h5 strong {
		font-size:16px;
	}
	.blog-wrap2 .price-wrap .list > li .price h5 span {
		font-size:16px;
	}
	.blog-wrap2 .price-wrap .list > li ul li {
		font-size:16px;
	}
	.blog-wrap2 .price-wrap .list > li .btn-wrap a {
		height:50px;
		font-size:17px;
	}
	.blog-wrap2 .design-wrap h3 {
		font-size:42px;
	}
	.blog-wrap2 .design-wrap h3 a {
		font-size:22px;
	}
	.blog-wrap2 .design-wrap .design .text {
		padding-left:30%;
	}
	.blog-wrap2 .design-wrap .design .text h4 {
		font-size:28px;
	}
	.blog-wrap2 .design-wrap .design .text ul li {
		font-size:18px
	}
	.blog-wrap2 .design-wrap .design .text .price h5 {
		font-size:30px;
	}
	.blog-wrap2 .design-wrap .design .text .price h5 span {
		font-size:16px;
	}
	.blog-wrap2 .design-wrap .design .text .price a {
		width:240px; height:50px;
		font-size:18px
	}
	.blog-wrap2 .step-wrap h3 {
		font-size:42px;
	}
	.blog-wrap2 .step-wrap h3 span {
		font-size:20px;
	}
	.blog-wrap2 .step-wrap .list > li p {
		font-size:19px;
	}
	.blog-wrap2 .step-wrap .list > li h5 {
		font-size:28px;
	}
	.blog-wrap2 .counsel-wrap h3 {
		font-size:42px;
	}
	.blog-wrap2 .counsel-wrap p {
		font-size:24px;
	}
	.blog-wrap2 .counsel-wrap .btn-wrap a {
		width:250px; height:50px;
		font-size:18px
	}
}
@media screen and (max-width: 768px) {
	.blog-wrap2 {
		padding-top:70px;
	}
	.blog-wrap2 .visual {
		gap:35px 0;
		height:470px;
	}
	.blog-wrap2 .visual h3 {
		font-size:34px;
	}
	.blog-wrap2 .visual .btn-wrap a {
		width:200px; height:55px;
		font-size:18px;
	}
	.blog-wrap2 .info-wrap {
		padding:40px 0 80px;
	}
	.blog-wrap2 .info-wrap ul {
		grid-template-columns: repeat(1, 1fr);
	}
	.blog-wrap2 .info-wrap ul li {
		min-height:auto;
	}
	.blog-wrap2 .info-wrap ul li.bg {
		min-height:250px;
	}
	.blog-wrap2 .info-wrap ul li .text {
		padding:35px 30px;
	}
	.blog-wrap2 .info-wrap ul li .text h3 {
		padding-bottom:18px;
		font-size:22px;
	}
	.blog-wrap2 .info-wrap ul li .text p {
		font-size:16px;
	}
	.blog-wrap2 .info-wrap ul li .text p + p {
		margin-top:7px;
	}
	.blog-wrap2 .info-wrap ul li .text .radius-wrap p .radius img {
		width:18px;
	}
	.blog-wrap2 .info-wrap ul + ul {
		margin-top:20px;
	}
	.blog-wrap2 .info-wrap ul + ul li {
		order:0;
	}
	.blog-wrap2 .info-wrap ul + ul li.bg {
		order:1;
	}
	.blog-wrap2 .service-wrap {
		padding:70px 0;
	}
	.blog-wrap2 .service-wrap .inner {
		display:block;
	}
	.blog-wrap2 .service-wrap h3 {
		padding-bottom:25px;
		position:static;
		font-size:34px;
	}
	.blog-wrap2 .service-wrap .list > li {
		padding:30px 20px;
	}
	.blog-wrap2 .service-wrap .list > li + li {
		margin-top:15px;
	}
	.blog-wrap2 .service-wrap .list > li span {
		top:20px; right:20px;
		font-size:18px;
	}
	.blog-wrap2 .service-wrap .list > li .icon img {
		width:52px;
	}
	.blog-wrap2 .service-wrap .list > li h5 {
		padding:15px 0 17px;
		font-size:18px;
	}
	.blog-wrap2 .service-wrap .list > li p {
		font-size:15px;
	}
	.blog-wrap2 .strength-wrap {
		padding:80px 0;
	}
	.blog-wrap2 .strength-wrap h3 {
		padding-bottom:35px;
		font-size:34px;
	}
	.blog-wrap2 .strength-wrap h3 span {
		display:block;
	}
	.blog-wrap2 .strength-wrap .list {
		grid-template-columns: repeat(1, 1fr);
		gap:20px;
	}
	.blog-wrap2 .strength-wrap .list > li {
		padding:25px;
	}
	.blog-wrap2 .strength-wrap .list > li .icon img {
		width:55px;
	} 
	.blog-wrap2 .strength-wrap .list > li h5 {
		padding-top:15px;
		font-size:20px;
	}
	.blog-wrap2 .strength-wrap .list > li h5 span {
		font-size:15px;
	}
	.blog-wrap2 .strength-wrap .list > li p {
		padding-top:10px;
		font-size:16px;
	}
	.blog-wrap2 .strength-wrap .list > li ul {
		margin-top:18px;
		padding-top:18px;
	}
	.blog-wrap2 .strength-wrap .list > li ul li {
		padding-left:13px;
		font-size:14px;
	}
	.blog-wrap2 .strength-wrap .list > li ul li::after {
		top:7px;
		width:5px; height:5px;
	}
	.blog-wrap2 .strength-wrap .list > li ul li + li {
		margin-top:10px;
	}
	.blog-wrap2 .faq-wrap {
		padding-top:70px;
	}
	.blog-wrap2 .faq-wrap h3 {
		font-size:28px;
		padding-bottom:30px;
	}
	.blog-wrap2 .faq-wrap .list li .subject {
		padding:16px 45px 16px 15px;
		font-size:18px;
	}
	.blog-wrap2 .faq-wrap .list li .subject::before {
		flex:0 0 24px;
		width:24px; height:24px;
		font-size:16px;
	}
	.blog-wrap2 .faq-wrap .list li .subject::after {
		right:15px;
		width:14px; height:14px;
		margin-top:-7px;
	}
	.blog-wrap2 .faq-wrap .list li .content {
		padding:20px 15px;
		font-size:18px;
	}
	.blog-wrap2 .faq-wrap .list li .content::before {
		flex:0 0 24px;
		width:24px; height:24px;
		font-size:14px;
	}
	.blog-wrap2 .price-wrap {
		padding-top:80px;
	}
	.blog-wrap2 .price-wrap h3 {
		padding-bottom:35px;
		font-size:28px;
	}
	.blog-wrap2 .price-wrap h3 span {
		padding-bottom:10px;
		font-size:16px;
	}
	.blog-wrap2 .price-wrap .list {
		grid-template-columns: repeat(1, 1fr);
		gap:15px 0;
		padding:35px 0;
	}
	.blog-wrap2 .price-wrap .list > li {
		padding:20px;
	}
	.blog-wrap2 .price-wrap .list > li h4 {
		padding-bottom:15px;
		margin-bottom:25px;
		font-size:18px;
	}
	.blog-wrap2 .price-wrap .list > li .price p {
		font-size:17px;
	}
	.blog-wrap2 .price-wrap .list > li .price p img {
		width:12px;
	}
	.blog-wrap2 .price-wrap .list > li .price h5 {
		font-size:22px;
	}
	.blog-wrap2 .price-wrap .list > li .price h5 strong {
		font-size:14px;
	}
	.blog-wrap2 .price-wrap .list > li .price h5 span {
		font-size:14px;
	}
	.blog-wrap2 .price-wrap .list > li ul {
		padding:25px 0;
	}
	.blog-wrap2 .price-wrap .list > li ul li {
		padding-left:22px;
		font-size:14px;
		background-size:14px auto;
	}
	.blog-wrap2 .price-wrap .list > li ul li + li {
		margin-top:9px;
	}
	.blog-wrap2 .price-wrap .list > li .btn-wrap a {
		height:42px;
		font-size:15px;
	}
	.blog-wrap2 .design-wrap {
		padding-top:70px;
	}
	.blog-wrap2 .design-wrap h3 {
		padding-bottom:25px;
		font-size:28px;
	}
	.blog-wrap2 .design-wrap h3 a {
		font-size:15px;
		border-width:0 0 2px;
	}
	.blog-wrap2 .design-wrap .design {
		padding:45px 30px;
		background:#1f1f23;
	}
	.blog-wrap2 .design-wrap .design .text {
		padding-left:0;
	}
	
	.blog-wrap2 .design-wrap .design .text h4 {
		font-size:20px;
	}
	.blog-wrap2 .design-wrap .design .text ul {
		gap:10px 5px;
		padding:20px 0 25px;
	}
	.blog-wrap2 .design-wrap .design .text ul li {
		font-size:14px;
		height:36px;
		padding:0 18px;
	}
	.blog-wrap2 .design-wrap .design .text .price {
		padding-top:15px;
	}
	.blog-wrap2 .design-wrap .design .text .price h5 {
		font-size:20px;
	}
	.blog-wrap2 .design-wrap .design .text .price h5 span {
		font-size:14px;
	}
	.blog-wrap2 .design-wrap .design .text .price a {
		width:160px; height:40px;
		font-size:13px
	}
	.blog-wrap2 .step-wrap {
		padding:70px 0 80px;
	}
	.blog-wrap2 .step-wrap h3 {
		padding-bottom:35px;
		font-size:28px;
	}
	.blog-wrap2 .step-wrap h3 span {
		padding-bottom:10px;
		font-size:16px;
	}
	.blog-wrap2 .step-wrap .list {
		gap:16px 0;
	}
	.blog-wrap2 .step-wrap .list > li {
		flex-basis:100%;
		padding:30px 15px;
		min-height:210px;
	}
	.blog-wrap2 .step-wrap .list > li p {
		margin-bottom:4px;
		font-size:14px;
	}
	.blog-wrap2 .step-wrap .list > li h5 {
		font-size:20px;
	}
	.blog-wrap2 .step-wrap .list > li .icon {
		flex:0 0 50px;
	}
	.blog-wrap2 .step-wrap .list > li .icon img {
		height:50px;
	}
	.blog-wrap2 .step-wrap .list > li:nth-child(4) {
		order:3;
	}
	.blog-wrap2 .step-wrap .list > li:nth-child(5) {
		order:4
	}
	.blog-wrap2 .step-wrap .list > li::after {
		display:none;
	}
	.blog-wrap2 .step-wrap .list > li::before {
		position:absolute; top:-16px; right:50%;
		width:2px; height:16px;
		border:1px dashed #a993f5;
		content:'';
	}
	.blog-wrap2 .step-wrap .list > li:first-child::before {
		display:none;
	}
	.blog-wrap2 .counsel-wrap .inner {
		height:300px;
	}
	.blog-wrap2 .counsel-wrap h3 {
		font-size:28px;
		word-break:keep-all;
	}
	.blog-wrap2 .counsel-wrap p {
		padding:15px 0 25px;
		font-size:16px;
		line-height:1.5;
		word-break:keep-all;
	}
	.blog-wrap2 .counsel-wrap .btn-wrap a {
		width:170px; height:40px;
		font-size:15px
	}
}


/* 제작사례검색 */
.main-homepage-search-tit {
	margin-top: 115px;
	padding:120px 0;
	background:url('/images/main/search/main_homepage_search_bg_off.jpg') no-repeat center /cover;
	text-align:center;
}
.main-homepage-search-tit h2 {
	margin-bottom: 50px;
	font-weight: 700; font-size: 48px;
	color: #fff;
	text-align:center;
	word-break:keep-all;
}
.main-homepage-search-tit p {
	font-weight: 300; font-size: 34px;
	color: #fff;
	word-break:keep-all;
}
.main-homepage-search-tit .m-br {
	display: none;
}
.main-homepage-search-tit p span {
	font-weight: 700;
	box-shadow:inset 0 -26px rgba(255,198,0,.3);
}
.main-homepage-search-tit a {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	margin:50px auto 0;
	width: 100%; max-width:660px; height: 114px;
	border-radius:60px;
	background:#e14747;
	font-weight: 700; font-size: 38px;
	color: #fff;
}
.main-homepage-search-tit a img {
	position: absolute; bottom:-12px; left:50%;
	margin-left: 150px;
}
.main-homepage-search-tit .fz-sm {
	margin-top: 90px;
	font-weight: 500; font-size: 19px; line-height: 1.5;
	color: #a4a4a4;
	word-break:keep-all;
}
.main-homepage-search-tit .fz-sm strong {
	font-weight: 500;
	color: #2a36a3;
}

@media screen and (max-width: 1024px) {
	.main-homepage-search-tit h2 {
		font-size: 38px;
	}
	.main-homepage-search-tit p {
		font-size: 24px;
	}
	.main-homepage-search-tit p span {
		box-shadow:inset 0 -14px rgba(255,198,0,.3);
	}
	.main-homepage-search-tit a {
		max-width:560px; height: 90px;
		font-size: 28px;
	}
	.main-homepage-search-tit a img {
		margin-left: 140px;
		height: 45px;
	}
	.main-homepage-search-tit .fz-sm {
		margin-top: 70px;
		font-size: 17px;
	}
}
@media screen and (max-width: 767px) {
	.main-homepage-search-tit {
		margin-top: 55px;
		padding:60px 0;
	}
	.main-homepage-search-tit h2 {
		margin-bottom: 25px;
		font-size: 24px;
	}
	.main-homepage-search-tit p {
		font-size: 17px;
	}
	.main-homepage-search-tit p span {
		box-shadow:inset 0 -10px rgba(255,198,0,.3);
	}
	.main-homepage-search-tit a {
		margin-top: 25px;
		max-width:80%; height: 60px;
		font-size: 18px;
	}
	.main-homepage-search-tit a img {
		margin-left: 0;
		left:auto; right:10%;
		height: 35px;
	}
	.main-homepage-search-tit .fz-sm {
		margin-top: 35px;
		font-size: 14px;
	}
	.main-homepage-search-tit .m-br {
		display: block;
	}
}


.main-homepage-search {
	display: none;
	margin-top: 115px;
	padding:110px 0 130px;
	background:url('/images/main/search/main_homepage_search_bg.jpg') no-repeat center center/cover;
}
.main-homepage-search h2 {
	margin-bottom: 40px;
	font-weight: 700; font-size: 48px;
	color: #fff;
	text-align:center;
	word-break:keep-all;
}
.main-homepage-search h2 br {
	display: none;
}

.homepage-search-tab {
	display: flex;
	justify-content:center;
	margin-bottom: 60px;
}
.homepage-search-tab .homepage-search-tab-slide {
	position: relative; z-index: 2;
	width:180px;
	text-align:center;
}
.homepage-search-tab .homepage-search-tab-slide:after {
	content:'';
	position: absolute; top:14px; left:50%;
	z-index: -1;
	width: 100%; height: 2px;
	background:#3f3f54;
}
.homepage-search-tab .homepage-search-tab-slide:last-child:after {
	display: none;
}
.homepage-search-tab .homepage-search-tab-slide dt {
	position: relative;
	display: flex;
	margin:0 auto;
	justify-content:center;
	align-items:center;
	width: 28px; height: 28px;
	border-radius:50%;
	background:#3f3f54;
	font-weight: 500; font-size: 15px; line-height:1;
	color: #a2a2a2;
}
.homepage-search-tab .homepage-search-tab-slide dt:after {
	content:'';
	position: absolute; top:0; left:0;
	width: 100%; height: 100%;
	border-radius:50%;
	border:6px solid #2333c8;
	background: #151726;
	opacity: .0;
}
.homepage-search-tab .homepage-search-tab-slide.active dt:after {
	opacity: 1;
}
.homepage-search-tab .homepage-search-tab-slide dd {
	margin-top: 14px;
	font-weight: 500; font-size: 15px;
	color: #595973;
	word-break:keep-all;
}

.homepage-search-list {
}
.homepage-search-list .homepage-search-slide {
	display: none;
}
.homepage-search-list .homepage-search-slide.homepage-search1 {
	display: block;
}
.homepage-search-list .form-wrap {
	min-height:320px;
}
.homepage-search-list .form-wrap ul {
	display: flex;
	flex-wrap:wrap;
	gap:25px;
}
.homepage-search-list .form-wrap ul.center {
	justify-content:center;
}
.homepage-search-list .form-wrap .check {
	width:300px;
}
.homepage-search-list .form-wrap .check input {
	display: none;
}
.homepage-search-list .form-wrap .check label {
	position: relative;
	display: flex;
	align-items:center;
	padding:0 40px;
	width: 100%; height: 80px;
	border-radius:10px;
	background:#fff;
	font-weight: 500; font-size: 19px; line-height:1.1;
	color: #2f3674;
	cursor:pointer;
}
.homepage-search-list .form-wrap .check label:before {
	content:'';
	display: inline-block;
	margin-right: 15px;
	width:26px; height:26px;
	background:#000;
	background:url('/images/main/search/check.png') no-repeat center center/100% auto;
	flex-shrink:0;
}
.homepage-search-list .form-wrap .check label:after {
	content:'';
	position: absolute; top:5px; left:5px;
	width: calc(100% - 10px); height: calc(100% - 10px);
	border:1px dashed #234499;
	border-radius:6px;
	opacity: .5;
}
.homepage-search-list .form-wrap .check input:checked + label {
	background:#2a36a3;
	color: #fff;
}
.homepage-search-list .form-wrap .check input:checked + label:before {
	background:url('/images/main/search/check_on.png') no-repeat center center/100% auto;
}
.homepage-search-list .form-wrap .check input:checked + label:after {
	border-color:#f7f7fb;
}
.homepage-search-list .btn-wrap {
	display: flex;
	justify-content:center;
}
.homepage-search-list .btn-wrap li {
	margin-right: 13px;
}
.homepage-search-list .btn-wrap li:last-child {
	margin-right: 0;
}
.homepage-search-list .btn-wrap li a {
	display: flex;
	justify-content:center;
	align-items:center;
	width: 300px; height: 90px;
	border-radius:45px;
	font-weight: 700; font-size: 22px; line-height: 1;
	color: #fff;
}
.homepage-search-list .btn-wrap li.prev a {
	background: #2c2c2c;
}
.homepage-search-list .btn-wrap li.next a {
	background: #e14747;
}
.homepage-search-list .btn-wrap li.prev a:before {
	content:'';
	display: inline-block;
	margin-right: 10px;
	width: 23px; height: 23px;
	background:url('/images/main/search/icon_prev.png') no-repeat center center/100% auto;
}
.homepage-search-list .btn-wrap li.next a:after {
	content:'';
	display: inline-block;
	margin-left: 10px;
	width: 23px; height: 23px;
	background:url('/images/main/search/icon_next.png') no-repeat center center/100% auto;
}

@media screen and (max-width: 1200px) {
	.homepage-search-list .form-wrap .check {
		width:calc(33.333% - 17px);
	}
}
@media screen and (max-width: 1024px) {
	.main-homepage-search h2 {
		font-size: 38px;
	}
	.homepage-search-list .form-wrap {
		min-height:auto;
	}
	.homepage-search-list .form-wrap ul {
		gap:24px;
	}
	.homepage-search-list .form-wrap .check {
		width:calc(50% - 12px);
	}
	.homepage-search-list .btn-wrap {
		margin-top: 40px;
	}
}
@media screen and (max-width: 768px) {
	.main-homepage-search {
		margin-top: 55px;
		padding:55px 0 65px;
		background:url('/images/main/search/m_main_homepage_search_bg.jpg') no-repeat center top/cover;
	}
	.main-homepage-search h2 {
		margin-bottom: 20px;
		font-size: 22px;
	}	
	.main-homepage-search h2 br {
		display: block;
	}

	.homepage-search-tab {
		margin-bottom: 30px;
	}
	.homepage-search-tab .homepage-search-tab-slide dt {
		width:22px; height:22px;
		font-size: 13px; line-height: 0;
	}
	.homepage-search-tab .homepage-search-tab-slide dt:after {
		border-width:4px;
	}
	.homepage-search-tab .homepage-search-tab-slide dd {
		margin-top: 10px;
		font-size: 11px; 
	}

	.homepage-search-list .btn-wrap li {
		margin-right: 10px;
		width:calc(50% - 5px);
	}
	.homepage-search-list .btn-wrap li a {
		width: 100%; height: 60px;
		font-size: 16px;
	}
	.homepage-search-list .btn-wrap li.prev a:before {
		margin-right: 7px;
		width: 18px; height: 18px;
	}
	.homepage-search-list .btn-wrap li.next a:after {
		margin-left: 7px;
		width: 18px; height: 18px;
	}

	.homepage-search-list .form-wrap ul {
		gap:14px;
	}
	.homepage-search-list .form-wrap .check {
		width:calc(50% - 7px);
	}
	.homepage-search-list .form-wrap .check label {
		padding:0 15px;
		height: 60px;
		border-radius:7px;
		font-size: 12px;
		word-break:keep-all;
	}
	.homepage-search-list .form-wrap .check label:before {
		margin-right: 10px;
		width: 20px; height: 20px;
	}
	.homepage-search-list .form-wrap .check label:after {
		top:3px; left:3px;
		width:calc(100% -  6px); height:calc(100% - 6px);
		border-radius:4px;
	}
}