@charset "utf-8";

/* 메인 시작
------------------------------------------------------ */
.indexWr { 
	padding-top:0;
}
.indexWr header {
	background:transparent;
	transition:background .3s ease;
}
.indexWr header.onFixed {
	background: #FFF;
	border-bottom:1px solid #E8E2E1;
}
.mIntroWr {
	position:relative;
	margin:0 0 115px;
	padding:97px 0 120px;
	background:linear-gradient(to right, #F8FAFF, #FFE4E4);
}
.mIntroWr .introBg { 
	position:absolute;
	width: 89.84%;
	top: 13.54%;
	right: 0;
	font-size: 0;
	text-align: right;
	z-index: 1;
}
.mIntroWr .introBg img { 
	max-width: 100%; 
}
.mIntroWr .inner { 
	position:relative; 
	z-index: 2;
}
.mIntroWr .mBnrSwipeWr {
	margin:0 0 78px;
}
.mIntroWr .mBnrSwipeWr .inner {
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:space-between; 
	gap:16px;
	padding:0 0 22px;
}
.mIntroWr .mBnrSwipe {
	max-width: 470px; 
	overflow: hidden;
}
.mIntroWr .mBnrSwipe .swiper-slide { 
	padding:0 0 50px;
}
.mIntroWr .mBnrSwipe .sTit01 {
	margin:0 0 20px;
	font-weight: 500;
	font-size: 15px;
	color: #FF4C35;
}
.mIntroWr .mBnrSwipe .sTit01 span { 
	margin:0 13px 0 0;
	font-weight: 700;
}
.mIntroWr .mBnrSwipe .tit01 { 
	margin:0 0 30px;
	font-weight: 700;
	font-size: 40px;
	color: #212121;
}
.mIntroWr .mBnrSwipe .tit01 span { 
	color: #FF4C35; 
}
.mIntroWr .mBnrSwipe .txt01 { 
	margin:0 0 30px;
	font-weight: 500;
	font-size: 20px;
	color: var(--sub-txt01);
}
.mIntroWr .mBnrSwipe .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 60px;
}
.mIntroWr .mBnrSwipe .lst01 li { 
	padding:7px 20px;
	background: #FF6565;
	border-radius: 50px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.mIntroWr .mBnrSwipe .lnk01 { 
	position:relative;
	display:inline-block;
	padding:16px 26px 15px 50px;
	border:1px solid var(--main-red01);
	border-radius: 30px;
	font-weight: 700;
	font-size: 16px;
	color: var(--main-red01);
	transition:all .3s ease;
}
.mIntroWr .mBnrSwipe .lnk01:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 32px;
	height: 32px;
	top: 9px;
	left: 9px;
	background: #FFD5DB url(/Form/_renew/images/mBnrLnkArrow01_off.svg) no-repeat center center;
	border-radius: 50%;
	transition:all .3s ease;
}
.mIntroWr .mBnrSwipe .lnk01:focus,
.mIntroWr .mBnrSwipe .lnk01:hover { 
	background: var(--main-red01);
	color: #FFF;
}
.mIntroWr .mBnrSwipe .lnk01:focus:before,
.mIntroWr .mBnrSwipe .lnk01:hover:before { 
	background-color:#FFF; 
	background-image:url(/Form/_renew/images/mBnrLnkArrow01_on.svg); 
}
.mIntroWr .mBnrImgBox { 
	flex-shrink:0;
	position:relative;
	max-width: 100%;
	right: -150px;
	opacity:0;
	font-size: 0;
	transition:all 1s ease;
}
.mIntroWr .mBnrImgBox img { 
	max-width: 100%;
}
.mIntroWr .mBnrImgBox .deco { 
	position:absolute; 
	display:block;
}
.mIntroWr .mBnrImgBox .deco01 { 
	width: 14.02%;
	top: -.61%;
	left: 45.91%;
	transform:translateX(-30px);
	opacity:0;
	animation:mBnrDeco01 1s 1s 1 forwards, mBnrDecoBounce01 1s 2s infinite alternate;
}
.mIntroWr .mBnrImgBox .deco02 { 
	width: 13.77%;
	top: 9.28%;
	left: 54.71%;
	transform:translateX(30px);
	opacity:0;
	animation:mBnrDeco02 1s 1s 1 forwards, mBnrDecoBounce02 1s 2s infinite alternate;
}
.mIntroWr .mBnrImgBox .deco03 { 
	width: 17%; 
	top: 24.2%;
	left: 62.28%;
	transform:translateX(-30px);
	opacity:0;
	animation:mBnrDeco01 1s 1s 1 forwards, mBnrDecoBounce01 1s 2s infinite alternate;
}
.mIntroWr .mBnrImgBox .deco04 { 
	width: 16.87%;
	top: 37.75%;
	left: 75.68%;
	transform:translateX(30px);
	opacity:0;
	animation:mBnrDeco02 1s 1s 1 forwards, mBnrDecoBounce01 1s 2s infinite alternate;
}
.mIntroWr .mBnrImgBox .deco05 { 
	width: 14.52%;
	top: 32.42%;
	left: 46.15%;
	transform:translateX(-30px);
	opacity:0;
	animation:mBnrDeco01 1s 1s 1 forwards, mBnrDecoBounce01 1s 2s infinite alternate;
}
.mIntroWr .mBnrImgBox .deco06 { 
	width: 13.28%;
	top: 49.77%;
	left: 58.19%;
	transform:translateX(30px);
	opacity:0;
	animation:mBnrDeco02 1s 1s 1 forwards, mBnrDecoBounce02 1s 2s infinite alternate;
}
.mIntroWr .mBnrImgBox .deco07 { 
	width: 18%;
	top: 45.66%;
	left: 25.93%;
	transform:translateX(-30px);
	opacity:0;
	animation:mBnrDeco01 1s 1s 1 forwards, mBnrDecoBounce02 1s 2s infinite alternate;
}
.mIntroWr .mBnrImgBox .deco08 { 
	width: 15.01%;
	top: 63.17%;
	left: 38.71%;
	transform:translateX(30px);
	opacity:0;
	animation:mBnrDeco02 1s 1s 1 forwards, mBnrDecoBounce01 1s 2s infinite alternate;
}
.mIntroWr .mBnrImgBox .deco09 { 
	width: 13.65%;
	top: 74.12%;
	left: 19.60%;
	transform:translateX(-30px);
	opacity:0;
	animation:mBnrDeco01 1s 1s 1 forwards, mBnrDecoBounce02 1s 2s infinite alternate;
}
@keyframes mBnrDeco01 { 
	0% { 
		transform:translateX(-30px);
		opacity:0;
	}
	100% { 
		transform:translateX(0);
		opacity:1;
	}
}
@keyframes mBnrDeco02 { 
	0% { 
		transform:translateX(30px);
		opacity:0;
	}
	100% { 
		transform:translateX(0);
		opacity:1;
	}
}
@keyframes mBnrDecoBounce01 { 
	0% { 
		transform:translateY(0);
	}
	100% { 
		transform:translateY(8px);
	}
}
@keyframes mBnrDecoBounce02 { 
	0% { 
		transform:translateY(0);
	}
	100% { 
		transform:translateY(-8px);
	}
}
.mIntroWr .mBnrImgBox .ball { 
	position:absolute;
	display:block;
	filter:blur(20px);
	opacity: 0;
}
.mIntroWr .mBnrImgBox .ball:nth-child(odd) { 
	transform:translateY(10px);
	animation:mBnrMove01 .8s infinite alternate, mBnrFade01 8s linear 2s infinite;
}
.mIntroWr .mBnrImgBox .ball:nth-child(even) { 
	transform:translateY(-10px);
	animation:mBnrMove02 .8s infinite alternate, mBnrFade01 8s linear 2s infinite;
}
@keyframes mBnrFade01 { 
	0% {
		filter:blur(20px);
		opacity: 0;
	}
	10% {
		filter:blur(0);
		opacity: 1;
	}
	90% {
		filter:blur(0);
		opacity: 1;
	}
	100% { 
		filter:blur(20px);
		opacity: 0;
	}
}
.mIntroWr .mBnrImgBox .ball01 { 
	width: 7.32%;
	top: 1px;
	left: 70.47%;
}
.mIntroWr .mBnrImgBox .ball02 { 
	width: 4.71%;
	top: 11.46%;
	left: 74.07%;
}
.mIntroWr .mBnrImgBox .ball03 { 
	width: 6.95%;
	top: 26.64%;
	left: 91.56%;
}
.mIntroWr .mBnrImgBox .ball04 { 
	width: 3.72%;
	top: 40.64%;
	left: 96.28%;
}
.mIntroWr .mBnrImgBox .ball05 { 
	width: 5.96%;
	top: 27.7%;
	left: 25.81%;
}
.mIntroWr .mBnrImgBox .ball06 { 
	width: 9.93%;
	top: 76.1%;
	left: 44.04%;
}
.mIntroWr .mBnrSwipeWr.on .mBnrImgBox { 
	width: 645px;
	right: 0;
	opacity: 1;
}
.mIntroWr .mBnrPageBox { 
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	width: 100%;
	bottom: 44px;
	left: 0;
}
.mIntroWr .mBnrPageBox .swiper-pagination-bullets.swiper-pagination-horizontal { 
	width: auto; 
}
.mIntroWr .mBnrPageBox .swiper-pagination-bullet { 
	width: 8px;
	height: 8px;
	margin:0 6px;
	background: #FFCDCD;
	opacity: 1;
}
.mIntroWr .mBnrPageBox .swiper-pagination-bullet-active { 
	width: 21px;
	background: #FF4C35;
	border-radius: 50px;
}
.mIntroWr .mBnrPageBox .mBnrCtrl { 
	display:block;
	font-size: 0;
}
.mIntroWr .mBnrPageBox .mBnrCtrl img { 
	max-width: 100%; 
}
.mIntroWr .mBnrPageBox .mBnrCtrl.stOff { 
	display:none;
}
.mIntroWr .mCompanyWr { 
	text-align: center; 
}
.mIntroWr .mCompanyWr .tit01 { 
	margin:0 0 26px;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.5;
	color: #212121;
}
.mIntroWr .mCompanyWr .tit01 span { 
	color: var(--main-red01); 
}
.mIntroWr .mCompanyWr .txt01 { 
	margin:0 0 64px;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.4;
	color: #212121;
}
.mIntroWr .mCompanyWr .logoBox01 { 
	padding:39px 53px;
	background:rgba(255,255,255,.45);
	border:1px solid rgba(241,93,72,.07);
	border-radius: 30px;
	box-shadow:0 0 11px 0 rgba(241,93,72,.07);
}
.mIntroWr .mCompanyWr .logoLst01 { 
	position:relative;
	height: 76px;
	overflow: hidden;
}
.mIntroWr .mCompanyWr .logoLst01 li { 
	position:absolute;
	height: 100%;
	top:0;
	font-size: 0; 
}
.mIntroWr .mCompanyWr .logoLst01 li img { 
	height: 100%; 
}
.mIntroWr .mCompanyWr .logoLst01 + .logoLst01 { 
	margin-top:16px;
}
.mPortfolioWr {
	margin:0 0 85px;
}
.mGuideWr { 
	padding:117px 0 119px;
	background: url(/Form/_renew/images/mGuideBg01.png) no-repeat center / cover;
}
@supports (-webkit-touch-callout: none) {
	.mGuideWr {
		/* 아이폰에서만 적용 */
		background-attachment: scroll;
	}
}
.mGuideWr .tit01 { 
	margin:0 0 16px;
	font-weight: 500; 
	font-size: 20px;
	color: #FFF;
}
.mGuideWr .txt01 { 
	font-weight: 700; 
	font-size: 32px;
	line-height: 1.5;
	color: #FFF;
}
.mGuideWr .txt01 span { 
	color: #FF4C35; 
}
.mWithWr {
	padding:120px 0;
}
.mWithWr .withTit01 { 
	margin:0 0 15px; 
	font-size: 0;
	text-align: center;
}
.mWithWr .withTit01 span { 
	display:block;
}
.mWithWr .withTit01 .titLogo01 { 
	margin:0 0 10px;
}
.mWithWr .withTit01 .titLogo01 img { 
	max-width: 100%; 
}
.mWithWr .withTit01 .titTxt01 {
	font-weight: 700;
	font-size: 32px;
	color: #212121;
}
.mWithWr .withTit01 .titTxt01 em { 
	font-style: normal;
	color: #FF4C35;
}
.mWithWr .withTxt01 { 
	margin:0 0 72px;
	font-weight: 500; 
	font-size: 20px;
	color: var(--sub-txt01);
	text-align: center;
}
.mWithWr .withTxt01 em { 
	font-style: normal;
	color: #FF4C35;
}
.mWithWr .withLst01 { 
	display:flex;
	flex-wrap:wrap;
	margin:0 0 98px;
	counter-reset: mWithLst01 0;
}
.mWithWr .withLst01 li { 
	position:relative; 
	width: 20%;
	padding:0 0 6px;
	text-align: center;
}
.mWithWr .withLst01 li:before { 
	counter-increment: mWithLst01 1;
	content: "0" counter(mWithLst01);
	box-sizing:border-box;
	display:block;
	margin:0 0 30px;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 16px;
	color: var(--main-red01);
}
.mWithWr .withLst01 li:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: calc(100% - 27px);
	bottom: 0;
	right: 0;
	background: #E0E0E0;
}
.mWithWr .withLst01 li:last-child:after { 
	display:none;
}
.mWithWr .withLst01 .lstImgBox { 
	width: 80px;
	margin:0 auto 22px;
	font-size: 0;
}
.mWithWr .withLst01 .lstImgBox img { 
	max-width: 100%; 
}
.mWithWr .withLst01 .lstTit01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mWithWr .withLst01 .lstTxt01 { 
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: var(--sub-txt01);
}
.mWithWr .withLst02 { 
	display:flex;
	flex-wrap:wrap;
	gap:50px;
}
.mWithWr .withLst02 li { 
	width: calc((100% - 100px)/3);
	text-align: center;
}
.mWithWr .withLst02 .lstImgBox { 
	margin:0 0 28px;
	border-radius: 40px;
	font-size: 0;
	overflow: hidden;
}
.mWithWr .withLst02 .lstImgBox img { 
	max-width: 100%; 
}
.mWithWr .withLst02 .lstTit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mWithWr .withLst02 .lstTxt01 {
	margin:0 0 26px;
	font-size: 16px;
	line-height: 1.4;
	color: var(--sub-txt01);
}
.mWithWr .withLst02 .lstBtnBox01 { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:16px;		
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:10px 24px;
	border-width:1px;
	border-style:solid;
	border-radius: 999px;
	transition:all .3s ease;
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn span { 
	display: block;
	padding: 2px 0 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stPink01 { 
	background:#FFEFEF;
	border-color:#FFEFEF;
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stPink01:focus,
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stPink01:hover { 
	background: #FFF;
	border-color:var(--main-red01);
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stPink01 span {
	color: var(--main-red01);
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stDown:before { 
	background-image: url(/Form/_renew/images/mWithLst02_down01.svg); 
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stKakao { 
	background:#FEE500;
	border-color:#FEE500;
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stKakao:before { 
	background-image: url(/Form/_renew/images/mWithLst02_kakao01.svg); 
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stKakao span {
	color: #392020;
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stKakao:focus,
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stKakao:hover { 
	background: #FFF;
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stCall:before { 
	background-image: url(/Form/_renew/images/mWithLst02_call01.svg); 
}
.mWithWr .withLst02 .lstBtnBox01 .lstBtn.stDirection:before { 
	background-image: url(/Form/_renew/images/mWithLst02_direction01.svg); 
}
.mBusinessWr { 
	padding:200px 0 170px;
	background: url(/Form/_renew/images/mBusinessBg01.png) no-repeat center / cover;
}
.mBusinessWr .tit01 { 
	margin:0 0 24px;
	font-weight: 700;
	font-size: 32px;
	color: #212121;
}
.mBusinessWr .lst01 { 
	margin:0 0 37px;
}
.mBusinessWr .lst01 li { 
	position:relative;
	margin:0 0 8px;
	padding:0 0 0 26px;
	font-size: 20px;
	color: #212121;
}
.mBusinessWr .lst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 13px;
	height: 9px;
	top: 7px;
	left: 3px;
	background:url(/Form/_renew/images/mBusinessChk01.svg) no-repeat center / cover;
}
.mBusinessWr .lst01 li:last-child { 
	margin:0;
}
.mBusinessWr .btnBox { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.mBusinessWr .btnBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	padding:11px 24px 9px;
	border-width:1px;
	border-style:solid;
	border-radius: 999px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	transition:all .3s ease;
}
.mBusinessWr .btnBox .btn:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	background-repeat:no-repeat;
	background-size:cover;
}
.mBusinessWr .btnBox .btn.stKakao { 
	background:#FEE500;
	border-color:#FEE500;
	color: #392020;
}
.mBusinessWr .btnBox .btn.stKakao:before { 
	background-image: url(/Form/_renew/images/mBusinessBtn_kakao01.svg); 
}
.mBusinessWr .btnBox .btn.stKakao:focus,
.mBusinessWr .btnBox .btn.stKakao:hover { 
	background: #FFF;
}
.mBusinessWr .btnBox .btn.stCall {
	border-color:var(--main-red01);
	background:var(--main-red01);
	color: #FFF;
}
.mBusinessWr .btnBox .btn.stCall:before { 
	background-image: url(/Form/_renew/images/mBusinessBtn_call01_on.svg);
	transition:all .3s ease;
}
.mBusinessWr .btnBox .btn.stCall:focus,
.mBusinessWr .btnBox .btn.stCall:hover {
	background:transparent;
	color: var(--main-red01);
}
.mBusinessWr .btnBox .btn.stCall:focus:before,
.mBusinessWr .btnBox .btn.stCall:hover:before { 
	background-image: url(/Form/_renew/images/mBusinessBtn_call01_off.svg);
}
@media all and (max-width:1920px){
	.mBusinessWr { 
		padding:114px 0 120px;
	}
}
@media all and (max-width:1399px){
	.mIntroWr .mBnrSwipeWr .inner { 
		align-items:center;
	}
	.mIntroWr .mBnrImgBox { 
		width: 645px; 
	}
}
@media all and (min-width:1000px){
	.mGuideWr {
		background-attachment: fixed; 
	}
}
@media all and (max-width:999px){
	.mIntroWr { 
		margin:0 0 36px;
		padding:95px 0 78px;
	}
	.mIntroWr .mBnrSwipeWr { 
		margin:0 0 80px;
	}
	.mIntroWr .mBnrSwipeWr .inner { 
		flex-wrap:wrap;
		padding:0;
	}
	.mIntroWr .mBnrSwipe { 
		max-width: 100%;
		text-align: center;
	}
	.mIntroWr .mBnrSwipe .swiper-slide { 
		padding:0;
	}
	.mIntroWr .mBnrSwipe .sTit01 { 
		margin:0 0 17px;
		font-size: 13px;
	}
	.mIntroWr .mBnrSwipe .sTit01 span { 
		margin:0 8px 0 0;
	}
	.mIntroWr .mBnrSwipe .tit01 { 
		margin:0 0 19px;
		font-size: 28px;
	}
	.mIntroWr .mBnrSwipe .txt01 { 
		margin:0 0 20px;
		font-size: 14px;
	}
	.mIntroWr .mBnrSwipe .lst01 { 
		justify-content:center; 
		margin:0 0 24px;
	}
	.mIntroWr .mBnrSwipe .lst01 li { 
		padding:5px 16px;
		font-size: 13px;
	}
	.mIntroWr .mBnrSwipe .lnk01 { 
		padding:14px 27px 11px 52px;
		font-size: 16px;
	}
	.mIntroWr .mBnrSwipe .lnk01:before { 
		width: 36px;
		height: 36px;
		top: 4px;
		background-size:16px auto;
	}
	.mIntroWr .mBnrImgBox,
	.mIntroWr .mBnrPageBox { 
		display:none;
	}
	.mIntroWr .mCompanyWr .inner { 
		margin:0 auto;
	}
	.mIntroWr .mCompanyWr .tit01 { 
		margin:0 0 25px;
		padding:0 16px;
		font-size: 20px;
	}
	.mIntroWr .mCompanyWr .txt01 { 
		margin:0 0 24px;
		padding:0 16px;
		font-size: 14px;
	}
	.mIntroWr .mCompanyWr .logoBox01 {
		padding:0;
		background:transparent;
		border:none;
		border-radius: 0;
		box-shadow:none;
	}
	.mIntroWr .mCompanyWr .logoLst01 { 
		height: 40px; 
	}
	.mIntroWr .mCompanyWr .logoLst01 + .logoLst01 { 
		margin-top:12px;
	}
	.mPortfolioWr { 
		margin:0 0 40px;
	}
	.mGuideWr { 
		padding:35px 0 36px;
	}
	.mGuideWr .inner { 
		padding:0 20px;
	}
	.mGuideWr .tit01 { 
		margin:0 0 10px;
		font-size: 13px;
	}
	.mGuideWr .txt01 {
		font-size: 15px;
	}
	.mWithWr {
		padding:36px 0;
	}
	.mWithWr .withTit01 .titLogo01 { 
		width: 32px;
		margin:0 auto 21px;
	}
	.mWithWr .withTit01 .titTxt01 { 
		font-size: 20px; 
	}
	.mWithWr .withTxt01 { 
		margin:0 0 13px;
		font-size: 14px;
	}
	.mWithWr .withLst01 { 
		gap:0;
		margin:0;
	}
	.mWithWr .withLst01 li {
		position:relative;
		width: 100%;
		padding:23px 23px 23px 121px;
		border-bottom:1px solid #F0F0F0;
		text-align: left;
	}
	.mWithWr .withLst01 li:before { 
		position:absolute; 
		top: 50%;
		left: 0;
		margin:0;
		transform:translateY(-50%);
		font-size: 15px;
	}
	.mWithWr .withLst01 li:after { 
		display:none;
	}
	.mWithWr .withLst01 .lstImgBox { 
		position:absolute;
		width: 56px;
		top: 50%;
		left: 40px;
		margin:-28px 0 0;
	}
	.mWithWr .withLst01 .lstTit01 { 
		margin:0 0 6px;
		font-size: 15px;
	}
	.mWithWr .withLst01 .lstTxt01 { 
		font-size: 14px;
	}
	.mWithWr .withLst01 .lstTxt01 br { 
		display:none;
	}
	.mWithWr .withLst02 { 
		gap: 0;
	}
	.mWithWr .withLst02 li { 
		display:flex;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
		padding:23px 0;
		border-bottom:1px solid #F0F0F0;
	}
	.mWithWr .withLst02 .lstImgBox { 
		flex-shrink:0;
		width: 100px;
		margin:0;
		border-radius: 10px;
	}
	.mWithWr .withLst02 .lstConBox { 
		flex-grow:1;
		min-width: 0;
		text-align: left;
	}
	.mWithWr .withLst02 .lstTit01 { 
		margin:0 0 6px;
		font-size: 15px;
	}
	.mWithWr .withLst02 .lstTxt01 { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.mWithWr .withLst02 .lstTxt01 br { 
		display:none;
	}
	.mWithWr .withLst02 .lstBtnBox01 { 
		justify-content: flex-start;
		gap: 5px;
	}
	.mWithWr .withLst02 .lstBtnBox01 .lstBtn {
		gap:5px;
		padding:6px 12px;
	}
	.mWithWr .withLst02 .lstBtnBox01 .lstBtn:before { 
		width: 18px;
		height: 18px;
	}
	.mWithWr .withLst02 .lstBtnBox01 .lstBtn span { 
		padding:1px 0 0;
		font-size: 12px;
	}
	.mBusinessWr { 
		padding:33px 0 32px;
		background-position:bottom right;
	}
	.mBusinessWr .inner { 
		padding:0 20px;
	}
	.mBusinessWr .tit01 { 
		margin:0 0 12px;
		font-size: 15px;
		line-height: 1.4;
		letter-spacing: -.06px;
	}
	.mBusinessWr .lst01 { 
		margin:0 0 12px;
	}
	.mBusinessWr .lst01 li {
		margin:0 0 4px;
		padding:0 0 0 22px;
		font-size: 13px;
	}
	.mBusinessWr .lst01 li:before { 
		width: 10px;
		height: 7px;
		top: 5px;
		left: 0;
	}
	.mBusinessWr .btnBox { 
		gap:12px;
	}
	.mBusinessWr .btnBox .btn {
		gap:8px;
		padding:10px 23px 9px;
		font-size: 15px;
	}
	.mBusinessWr .btnBox .btn:before { 
		width: 18px;
		height: 18px;
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 회사소개 시작
------------------------------------------------------ */
.introWr .introBnrBox { 
	padding:135px 16px 132px;
	background: url(/Form/_renew/images/introBg01.png) no-repeat center / cover;
	text-align: center;
}
.introWr .introBnrBox .tit01 {
	font-weight: 800; 
	font-size: 32px;
	color: #FFF;
}
.introWr .buildBox { 
	padding:120px 0 138px;
	text-align: center;
}
.introWr .buildBox .tit01 { 
	margin:0 0 32px;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.4;
	color: #212121;
}
.introWr .buildBox .tit01 span { 
	color: var(--main-red01); 
}
.introWr .buildBox .txt01 { 
	margin:0 0 76px;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	color: var(--sub-txt01);
}
.introWr .buildBox .lst01 { 
	display:flex;
	flex-wrap:wrap;
}
.introWr .buildBox .lst01 li { 
	position:relative;
	width: 25%;
	padding:0 0 6px;
}
.introWr .buildBox .lst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 91.15%;
	bottom: 0;
	right: 0;
	background: #E0E0E0;
}
.introWr .buildBox .lst01 li:last-child:after { 
	display:none;
}
.introWr .buildBox .lst01 .lstNum01 { 
	margin:0 0 30px;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	color: var(--main-red01);
}
.introWr .buildBox .lst01 .lstImgBox { 
	width: 80px;
	margin:0 auto 22px;
	font-size: 0;
}
.introWr .buildBox .lst01 .lstImgBox img { 
	max-width: 100%; 
}
.introWr .buildBox .lst01 .lstTit01 { 
	margin:0 0 12px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.introWr .buildBox .lst01 .lstTxt01 { 
	font-weight: 500; 
	font-size: 15px;
	line-height: 1.5;
	color: var(--sub-txt01);
}
.introWr .aboutBox { 
	padding:117px 0 119px;
	background:url(/Form/_renew/images/introAboutBg01.png) no-repeat center /  cover; 
}
@supports (-webkit-touch-callout: none) {
	.introWr .aboutBox {
		/* 아이폰에서만 적용 */
		background-attachment: scroll;
	}
}
.introWr .aboutBox .tit01 { 
	margin:0 0 17px;
	font-weight: 500;
	font-size: 22px;
	color: #FFF;
}
.introWr .aboutBox .txt01 { 
	margin:0 0 29px;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.5;
	color: #FFF;
}
.introWr .aboutBox .txt01 span { 
	color: #FF4C35; 
}
.introWr .aboutBox .txt02 { 
	font-weight: 700; 
	font-size: 16px;
	line-height: 1.4;
	color: #FFF;
}
.introWr .aboutBox .txt02 + .txt02 { 
	margin-top:18px;
}
.introWr .statsBox { 
	padding:117px 0 114px;
}
.introWr .statsBox .inner { 
	display:flex;
	gap:110px;
}
.introWr .statsBox .lBox { 
	flex-shrink:0; 
}
.introWr .statsBox .rBox { 
	flex-grow:1;
	min-width: 0;
	padding:3px 0 0;
}
.introWr .statsBox .sTit01 { 
	margin:0 0 19px;
	font-weight: 500;
	font-size: 16px;
	color: var(--main-red01);
}
.introWr .statsBox .imgBox { 
	border-radius: 40px;
	font-size: 0;
	overflow: hidden;
}
.introWr .statsBox .imgBox img { 
	max-width: 100%; 
}
.introWr .statsBox .tit01 { 
	margin:0 0 32px;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.4;
	color: #212121;
}
.introWr .statsBox .txt01 { 
	margin:0 0 80px;
	font-size: 16px;
	line-height: 1.4;
	color: var(--sub-txt01);
}
.introWr .statsBox .lst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:40px;
}
.introWr .statsBox .lst01 li { 
	width: calc((100% - 40px)/2);
	padding:27px 20px 0;
	border-top:1px solid #E0E0E0;
}
.introWr .statsBox .lst01 .lstNum01 { 
	margin:0 0 7px;
	font-weight: 700;
	font-size: 30px;
	color: #212121;
}
.introWr .statsBox .lst01 .lstTxt01 { 
	font-weight: 500; 
	font-size: 15px;
	color: #9E9E9E;
}
.introWr .compriseBox { 
	margin:0 0 120px;
}
.introWr .compriseBox .topBox { 
	padding:0 0 38px;
	background:url(/Form/_renew/images/introCompriseBg01.png) no-repeat bottom  right; 
}
.introWr .compriseBox .sTit01 { 
	margin:0 0 9px;
	font-weight: 500; 
	font-size: 15px;
	color:var(--main-red01);
}
.introWr .compriseBox .tit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 32px;
	color: #212121;
}
.introWr .compriseBox .txt01 {
	font-weight: 500;
	font-size: 15px;
	color: var(--sub-txt01);
}
.introWr .compriseBox .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.introWr .compriseBox .lst01 li { 
	display:flex;
	flex-direction:column;
	width: calc((100% - 80px)/3);
	border-radius: 40px;
	box-shadow:0 0 4px 0 rgba(0,0,0,.12);
	overflow: hidden;
}
.introWr .compriseBox .lst01 .lstTopBox { 
	flex-grow:1;
	padding:36px 23px 38px;
	background: #FAFAFA;
}
.introWr .compriseBox .lst01 .lstTit01 { 
	margin:0 0 22px;
	font-weight: 700;
	font-size: 24px;
	color: #212121;
}
.introWr .compriseBox .lst01 .lstTit01 span { 
	font-weight: 500;
	font-size: .867em;
}
.introWr .compriseBox .lst01 .lstTxt01 { 
	font-size: 14px;
	line-height: 1.4;
	color: #666;
}
.introWr .compriseBox .lst01 .lstImgBox { 
	font-size: 0;
}
.introWr .compriseBox .lst01 .lstImgBox img { 
	width: 100%; 
}
.introWr .introBtmBox {
	padding:210px 0 260px;
	background:url(/Form/_renew/images/introBtmBg01.png) no-repeat center / cover;
}
.introWr .introBtmBox .sTit01 { 
	margin:0 0 12px;
	font-family: Poppins, sans-serif;
	font-size: 15px;
	color: #666;
}
.introWr .introBtmBox .tit01 {
	margin:0 0 8px;
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.4;
	color: #000;	 
}
.introWr .introBtmBox .txt01 {
	margin:0 0 94px;
	font-family: Poppins, sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: var(--sub-txt01);
}
.introWr .introBtmBox .txt01 span { 
	color: #FF4C35; 
}
.introWr .introBtmBox .lnkBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	max-width: 746px;
}
.introWr .introBtmBox .lnkBox01 .lnk { 
	position:relative; 
	display:block;
	width: calc((100% - 15px)/2);
	padding:14px 0 13px 60px;
	background: #FFEFEF;
	border:1px solid var(--main-red01);
	border-radius: 50px;
	transition:all .3s ease;
}
.introWr .introBtmBox .lnkBox01 .lnk:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 32px;
	height: 32px;
	top: 17px;
	left: 17px;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all .3s ease;	
}
.introWr .introBtmBox .lnkBox01 .lnk .lnkTit01 { 
	display:block;
	font-weight: 600;
	font-size: 16px;
	color: var(--main-red01);
}
.introWr .introBtmBox .lnkBox01 .lnk .lnkTxt01 { 
	position:relative; 
	display:inline-block;
	font-weight: 500;
	font-size: 13px;
	color: #666;
}
.introWr .introBtmBox .lnkBox01 .lnk.stCall01:before { 
	background-image: url(/Form/_renew/images/introBtmLnk_call01_off.svg); 
}
.introWr .introBtmBox .lnkBox01 .lnk.stCall02:before { 
	background-image: url(/Form/_renew/images/introBtmLnk_call02_off.svg); 
}
.introWr .introBtmBox .lnkBox01 .lnk.stMail:before { 
	background-image: url(/Form/_renew/images/introBtmLnk_mail_off.svg); 
}
.introWr .introBtmBox .lnkBox01 .lnk.stKakao:before { 
	background-image: url(/Form/_renew/images/introBtmLnk_kakao.svg); 
}
.introWr .introBtmBox .lnkBox01 .lnk:focus,
.introWr .introBtmBox .lnkBox01 .lnk:hover { 
	background: var(--main-red01); 
}
.introWr .introBtmBox .lnkBox01 .lnk:focus .lnkTit01,
.introWr .introBtmBox .lnkBox01 .lnk:hover .lnkTit01,
.introWr .introBtmBox .lnkBox01 .lnk:focus .lnkTxt01,
.introWr .introBtmBox .lnkBox01 .lnk:hover .lnkTxt01 { 
	color: #FFF; 
}
.introWr .introBtmBox .lnkBox01 .lnk.stCall01:focus:before,
.introWr .introBtmBox .lnkBox01 .lnk.stCall01:hover:before { 
	background-image: url(/Form/_renew/images/introBtmLnk_call01_on.svg); 
}
.introWr .introBtmBox .lnkBox01 .lnk.stCall02:focus:before,
.introWr .introBtmBox .lnkBox01 .lnk.stCall02:hover:before { 
	background-image: url(/Form/_renew/images/introBtmLnk_call02_on.svg); 
}
.introWr .introBtmBox .lnkBox01 .lnk.stMail:focus:before,
.introWr .introBtmBox .lnkBox01 .lnk.stMail:hover:before { 
	background-image: url(/Form/_renew/images/introBtmLnk_mail_on.svg); 
}
@media all and (max-width:1920px){
	.introWr .introBtmBox { 
		padding:147px 0 149px;
	}
}
@media all and (min-width:1000px){
	.introWr .aboutBox {
		background-attachment: fixed; 
	}
}
@media all and (max-width:999px){
	.introWr .introBnrBox { 
		display:flex;
		align-items:center; 
		justify-content:center;
		height: 280px;
		margin:0 0 40px;
		padding:0 16px;
	}
	.introWr .introBnrBox .tit01 { 
		font-size: 24px; 
	}
	.introWr .buildBox {
		margin:0 0 18px;
		padding:0;
	}
	.introWr .buildBox .tit01 {
		font-size: 20px;
	}
	.introWr .buildBox .txt01 { 
		margin:0 0 24px;
		font-size: 14px;
		text-align: left;
	}
	.introWr .buildBox .lst01 li { 
		position:relative;
		width: 100%;
		padding:23px 23px 23px 121px;
		border-bottom:1px solid #F0F0F0;
		text-align: left;
	}
	.introWr .buildBox .lst01 li:after { 
		display:none;
	}
	.introWr .buildBox .lst01 li:last-child { 
		border-bottom:none;
	}
	.introWr .buildBox .lst01 .lstNum01 {
		position:absolute;
		top: 50%;
		left: 0;
		margin:0;
		transform:translateY(-50%);
		font-size: 15px;
	}
	.introWr .buildBox .lst01 .lstNum01 span { 
		display:none;
	}
	.introWr .buildBox .lst01 .lstImgBox { 
		position:absolute;
		width: 56px;
		top: 50%;
		left: 41px;
		margin:-28px 0 0;
	}
	.introWr .buildBox .lst01 .lstTit01 { 
		margin:0 0 8px;
		font-size: 15px;
	}
	.introWr .buildBox .lst01 .lstTxt01 { 
		font-size: 14px;
	}
	.introWr .aboutBox { 
		padding:31px 0;
	}
	.introWr .aboutBox .inner { 
		padding:0 19px;
	}
	.introWr .aboutBox .tit01 { 
		margin:0 0 10px;
		font-size: 13px;
		letter-spacing: -.06px;
	}
	.introWr .aboutBox .txt01 { 
		margin:0 0 11px;
		font-size: 15px;
		letter-spacing: -.06px;
	}
	.introWr .aboutBox .txt02 { 
		font-weight: 400;
		font-size: 12px;
		letter-spacing: -.06px;
	}
	.introWr .aboutBox .txt02 + .txt02 { 
		margin-top:12px;
	}
	.introWr .statsBox { 
		padding:39px 0 60px;
	}
	.introWr .statsBox .inner { 
		flex-wrap:wrap;
		gap:20px;
	}
	.introWr .statsBox .lBox,
	.introWr .statsBox .rBox { 
		width: 100%; 
	}
	.introWr .statsBox .sTit01 { 
		margin:0 0 21px;
		font-size: 15px;
	}
	.introWr .statsBox .imgBox { 
		border-radius: 25px;
	}
	.introWr .statsBox .tit01 { 
		margin:0 0 25px;
		font-size: 20px;
	}
	.introWr .statsBox .txt01 { 
		margin:0 0 24px;
		font-size: 14px;
	}
	.introWr .statsBox .txt01 br { 
		display:none;
	}
	.introWr .statsBox .lst01 { 
		gap:16px; 
	}
	.introWr .statsBox .lst01 li { 
		width: calc((100% - 16px)/2);
		padding:19px 24px 0;
	}
	.introWr .statsBox .lst01 .lstNum01 {
		margin:0 0 10px;
		font-size: 28px;
	}
	.introWr .statsBox .lst01 .lstTxt01 { 
		font-size: 13px; 
	}
	.introWr .compriseBox { 
		margin:0 0 36px;
	}
	.introWr .compriseBox .topBox { 
		margin:0 0 21px;
		padding:0;
		background:none;
	}
	.introWr .compriseBox .sTit01 { 
		margin:0 0 6px;
		font-size: 15px;
	}
	.introWr .compriseBox .tit01 {
		font-size: 20px;
	}
	.introWr .compriseBox .txt01 { 
		font-size: 14px; 
	}
	.introWr .compriseBox .lst01 { 
		gap:24px;
	}
	.introWr .compriseBox .lst01 li { 
		width: 100%;
		border-radius: 25px;
	}
	.introWr .compriseBox .lst01 .lstTopBox { 
		padding:25px 36px 19px;
	}
	.introWr .compriseBox .lst01 .lstTit01 { 
		margin:0 0 10px;
		font-size: 20px;
	}
	.introWr .compriseBox .lst01 .lstTit01 span { 
		font-size: .9em;
	}
	.introWr .compriseBox .lst01 .lstTxt01 { 
		font-size: 14px; 
	}
	.introWr .introBtmBox { 
		padding:31px 0 29px;
		background-size:contain;
		background-position:bottom 0 right 0;
	}
	.introWr .introBtmBox .inner { 
		padding:0 20px;
	}
	.introWr .introBtmBox .sTit01 { 
		margin:0 0 8px;
		font-size: 13px;
	}
	.introWr .introBtmBox .tit01 { 
		margin:0 0 11px;
		font-size: 15px;
		letter-spacing: -.06px;
	}
	.introWr .introBtmBox .txt01 { 
		margin:0;
		font-size: 13px;
	}
	.introWr .introBtmBox .lnkBox01 { 
		display:none;
		gap:8px; 
	}
	.introWr .introBtmBox .lnkBox01 .lnk { 
		width: 100%;
		padding:12px 12px 12px 46px;
	}
	.introWr .introBtmBox .lnkBox01 .lnk:before { 
		width: 24px;
		height: 24px;
		top: 50%;
		left: 12px;
		margin:-12px 0 0;
	}
	.introWr .introBtmBox .lnkBox01 .lnk .lnkTit01 {
		font-size: 14px;
	}
	.introWr .introBtmBox .lnkBox01 .lnk .lnkTxt01 { 
		font-size: 13px; 
	}
}
/* 회사소개 끝
------------------------------------------------------ */
/* 포트폴리오 리스트 페이지 시작
------------------------------------------------------ */
.portfolioWr .inner { 
	padding:45px 0;
}
@media all and (max-width:999px){
	.portfolioWr .inner { 
		padding:36px 0;
	}
}
/* 포트폴리오 리스트 페이지 끝
------------------------------------------------------ */
/* 포트폴리오 상세 시작
------------------------------------------------------ */
.portfolioDetailWr .pfDetailBox { 
	padding:44px 0 150px;
}
.portfolioDetailWr .pfTopBox { 
	display:flex;
	align-items:center;
	gap:16px;
	margin:0 0 47px;
}
.portfolioDetailWr .pfTopBox .lBox { 
	flex-grow:1;
	min-width: 0;
}
.portfolioDetailWr .pfTopBox .tit01 { 
	margin:0 0 7px;
	font-weight: 700;
	font-size: 40px;
	color: #212121;
	word-break:break-all;
}
.portfolioDetailWr .pfTopBox .txt01 {
	font-size: 24px;
	color: var(--sub-txt01);
	word-break:break-all;
}
.portfolioDetailWr .pfTopBox .lnkBox01 { 
	flex-shrink:0;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk {
	position:relative;
	display:block;
	min-width: 218px;
	padding:17px 50px 18px 61px;
	border-radius: 100px;
	border-width:1px;
	border-style:solid;
	font-weight: 700;
	font-size: 18px;
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:before,
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:before {
	width: 26px;
	height: 26px;
	top: 16px;
	left: 30px;
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:after { 
	width: 20px;
	height: 20px;
	top: 19px;
	right: 31px;
	transition:all .3s ease;
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk.stKakao { 
	background:#FEE500;
	border-color:#FEE500;
	color: var(--black01);
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk.stKakao:before { 
	background-image: url(/Form/_renew/images/pfdIco_kakao01.svg);
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk.stKakao:after { 
	background-image: url(/Form/_renew/images/pfdIco_kakaoArrow01.svg);
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk.stCall { 
	background:#FFE5E9;
	border-color:#FFE5E9;
	color: var(--main-red01);
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk.stCall:before { 
	background-image: url(/Form/_renew/images/pfdIco_call01.svg);
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk.stCall:after { 
	background-image: url(/Form/_renew/images/pfdIco_callArrow01.svg);
}
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:focus:after,
.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:hover:after { 
	right: 24px;
}
.portfolioDetailWr .pfInfoBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:50px;
	margin:0 0 100px;
}
.portfolioDetailWr .pfInfoBox01 dl { 
	width:calc((100% - 50px)/2);
}
.portfolioDetailWr .pfInfoBox01 dt { 
	margin:0 0 20px;
	font-weight: 600;
	font-size: 16px;
	color: #212121;
}
.portfolioDetailWr .pfInfoBox01 .infoLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.portfolioDetailWr .pfInfoBox01 .infoLst01 li { 
	padding:7px 11px 4px;
	background: #F2F2F2;
	border-radius: 15px;
	font-size: 16px;
	letter-spacing: .3px;
	color: var(--sub-txt01);
}
.portfolioDetailWr .pfInfoBox01 .deviceBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01 { 
	display:flex;
	align-items:center;
	justify-content:center;
	gap: 7px;
	padding:10px 20px;
	background: #212121;
	border-radius: 15px;
	transition: all .3s ease;
}
.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01 .dvcIco { 
	display:block;
	width: 28px;
	font-size: 0;
}
.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01 .dvcIco img { 
	max-width: 100%;
}
.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01 .dvcTxt01 { 
	display:block;
	font-weight: 500;
	font-size: 16px;
	color: #FFF;
}
.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01:focus,
.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01:hover {
	background: var(--main-red01);
}
.portfolioDetailWr .pfInfoBox02 { 
	display:flex;
	gap:100px;
	margin:0 0 97px;
	padding:0 40px;
}
.portfolioDetailWr .pfInfoBox02 .lBox { 
	flex-grow:1;
	min-width: 0;
}
.portfolioDetailWr .pfInfoBox02 .rBox { 
	flex-shrink:0;
	width: 620px;
}
.portfolioDetailWr .pfInfoBox02 .tit01 { 
	margin:0 0 47px;
	font-weight: 700;
	font-size: 32px;
	color: var(--black01);
	word-break:break-all;
}
.portfolioDetailWr .pfInfoBox02 .tit01 span { 
	display:block;
	margin:0 0 31px;
	font-size: 22px;
}
.portfolioDetailWr .pfInfoBox02 .infoDl01 { 
	display:flex;
	align-items:flex-start;
	gap:14px;
	font-size: 18px;
}
.portfolioDetailWr .pfInfoBox02 .infoDl01 dt { 
	flex-shrink:0;
	font-weight: 500;
	color: var(--sub-txt01);
}
.portfolioDetailWr .pfInfoBox02 .infoDl01 dd { 
	flex-grow:1;
	min-width: 0;
	color: #666;
	word-break:break-all;
}
.portfolioDetailWr .pfInfoBox02 .infoDl01 + .infoDl01 { 
	margin-top:11px;
}
.portfolioDetailWr .pfInfoBox02 .txt01 { 
	font-size: 17px;
	line-height: 1.4;
	letter-spacing: -.15px;
	color: var(--sub-txt01);
	word-break:break-all;
}
.portfolioDetailWr .pfBnrBox01 { 
	margin:0 0 97px;
	font-size: 0;
}
.portfolioDetailWr .pfBnrBox01 img { 
	width: 100%;
}
.portfolioDetailWr .pfCareBox01 { 
	margin:0 0 154px;
	padding:0 40px;
}
.portfolioDetailWr .pfCareBox01 .tit01 { 
	margin:0 0 29px;
	font-weight: 700;
	font-size: 22px;
}
.portfolioDetailWr .pfCareBox01 .lst01 { 
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:30px;
	text-align: center;
}
.portfolioDetailWr .pfCareBox01 .lst01 .lstTit01 { 
	margin:0 0 50px;
	padding:16px 8px 15px;
	border-radius: 15px;
	font-weight: 600;
	font-size: 18px;
}
.portfolioDetailWr .pfCareBox01 .lst01 .lstIco { 
	display:block;
	height: 80px;
	margin:0 0 4px;
	font-size: 0;
}
.portfolioDetailWr .pfCareBox01 .lst01 .lstIco img { 
	max-width: 100%;
}
.portfolioDetailWr .pfCareBox01 .lst01 .lstTxt01 { 
	font-size: 18px;
	line-height: 1.4;
	color: var(--sub-txt01);
}
.portfolioDetailWr .pfStepLst01 { 
	margin:0 0 97px;
	padding:0 40px;
}
.portfolioDetailWr .pfStepLst01 li { 
	display:flex;
	gap:24px;
	margin:0 0 154px;
}
.portfolioDetailWr .pfStepLst01 li:nth-child(even) { 
	flex-direction:row-reverse;
}
.portfolioDetailWr .pfStepLst01 li:nth-child(even) .lstTxtBox01 { 
	text-align: right;
}
.portfolioDetailWr .pfStepLst01 li:last-child { 
	margin:0;
}
.portfolioDetailWr .pfStepLst01 .lstTxtBox01 { 
	flex-grow:1;
	min-width: 0;
	margin:-58px 0 0;
}
.portfolioDetailWr .pfStepLst01 .lstTit01 { 
	margin:0 0 24px;
	font-weight: 700;
	font-size: 32px;
	color: var(--black01);
	word-break:break-all;
}
.portfolioDetailWr .pfStepLst01 .lstTit01 span { 
	display:block;
	margin:0 0 25px;
	font-size: 22px;
}
.portfolioDetailWr .pfStepLst01 .lstTxt01 { 
	font-size: 18px;
	line-height: 1.4;
	color: var(--sub-txt01);
	word-break:break-all;
}
.portfolioDetailWr .pfStepLst01 .lstImgBox01 { 
	flex-shrink:0;
	position:relative;
	width: 623px;
	height: 427px;
	font-size: 0;
	overflow: hidden;
}
.portfolioDetailWr .pfStepLst01 .lstImgBox01 img { 
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit:cover;
}
.portfolioDetailWr .pfFontBox01 { 
	display:flex;
	gap:80px;
	margin:0 0 97px;
	padding:0 40px;
}
.portfolioDetailWr .pfFontBox01 .fontBox01 { 
	flex-grow:1;
	min-width: 0;
}
.portfolioDetailWr .pfFontBox01 .colorBox01 { 
	flex-shrink:0;
	width: 624px;
}
.portfolioDetailWr .pfFontBox01 .tit01 { 
	margin:0 0 16px;
	font-weight: 700;
	font-size: 22px;
}
.portfolioDetailWr .pfFontBox01 .ftFamily01 { 
	margin:0 0 44px;
	font-weight: 700;
	font-size: 40px;
	color: var(--black01);
}
.portfolioDetailWr .pfFontBox01 .ftFamily01.stNoto { 
	font-family: "Noto Sans KR";
}
.portfolioDetailWr .pfFontBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	padding:35px 0 0;
	border-top-width:1px;
	border-top-style:solid;
}
.portfolioDetailWr .pfFontBox01 .lst01 .lstWeight01 { 
	font-size: 78px;
	color: var(--sub-txt01);
}
.portfolioDetailWr .pfFontBox01 .lst01 .lstWeight01.stMedium { 
	font-weight: 500;
}
.portfolioDetailWr .pfFontBox01 .lst01 .lstWeight01.stBold { 
	font-weight: 700;
}
.portfolioDetailWr .pfFontBox01 .lst01 .lstWeight01.stBlack { 
	font-weight: 900;
}
.portfolioDetailWr .pfFontBox01 .lst01 .lstTxt01 { 
	font-size: 16px;
	color: var(--sub-txt03);
}
.portfolioDetailWr .pfFontBox01 .lst01.stNoto { 
	font-family: "Noto Sans KR";
}
.portfolioDetailWr .pfFontBox01 .clrLst01 { 
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	padding:0 0 0 254px;
}
.portfolioDetailWr .pfFontBox01 .clrLst01 li { 
	width: calc((100% - 40px)/3);
	font-size: 0;
}
.portfolioDetailWr .pfFontBox01 .clrLst01 li.stMain { 
	position:absolute;
	width: 234px;
	height: 100%;
	top: 0;
	left: 0;
}
.portfolioDetailWr .pfFontBox01 .clrLst01 .lstClrBox01 { 
	position:relative;
	padding:100% 0 0;
	border-radius: 15px;
}
.portfolioDetailWr .pfFontBox01 .clrLst01 .lstTxt01 { 
	position:absolute;
	width: 100%;
	top: 17px;
	left: 0;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
}
.portfolioDetailWr .pfFontBox01 .clrLst01 .stMain .lstTxt01 { 
	padding:0 19px;
	text-align: right;
}
.portfolioDetailWr .pfFontBox01 .clrLst01 .stMain .lstClrBox01 { 
	height: 100%;
	padding:0;
}
.portfolioDetailWr .pfStepBox01 {	
	padding:97px 16px;
	background: #FAFAFA;
	text-align: center;
}
.portfolioDetailWr .pfStepBox01 .tit01 {
	margin:0 0 25px;
	font-weight: 700;
	font-size: 32px;
	color: var(--black01);
	word-break:break-all;
}
.portfolioDetailWr .pfStepBox01 .tit01 span { 
	display:block;
	margin:0 0 24px;
	font-weight: 700;
	font-size: 22px;
}
.portfolioDetailWr .pfStepBox01 .txt01 { 
	margin:0 0 50px;
	font-size: 18px;
	line-height: 1.4;
	color: var(--sub-txt02);
	word-break:break-all;
}
.portfolioDetailWr .pfStepBox01 .imgBox { 
	font-size: 0;
}
.portfolioDetailWr .pfStepBox01 .imgBox img { 
	max-width: 100%;
}
.portfolioDetailWr .pfConBox { 
	margin:97px 0 0;
	word-break:break-all;
}
.portfolioDetailWr .pfBtmBox {
	padding:60px 0 80px;
	background: #F9F9F9;
}
.portfolioDetailWr .pfBtmBox .tit01 {
	margin:0 0 30px;
	font-weight: 700;
	font-size: 22px;
	color: var(--black01);
}
.portfolioDetailWr .pfBtmBox .projectSwipe {
	overflow: hidden;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnk01 {
	display:block;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkImgBox {
	position:relative;
	display:block;
	margin:0 0 16px;
	padding:66.67% 0 0;
	background: #E6E6E6;
	border-radius: 20px;
	font-size: 0;
	overflow: hidden;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkImgBox img {
	position:absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	object-fit: cover;
	transition:all .3s ease;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkTit01,
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkTxt01 {
	display:block;
	padding:0 4px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	color: var(--sub-txt01);
	letter-spacing: .3px;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkTit01 {
	margin:0 0 6px;
	font-weight: 600;
	font-size: 18px;
	transition:all .3s ease;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnk01:focus .lnkTit01,
.portfolioDetailWr .pfBtmBox .projectSwipe .lnk01:hover .lnkTit01 {
	color: var(--main-red01);
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkTxt01 {
	margin:0 0 14px;
	font-size: 15px;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkCateBox01 {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:0 4px;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkCateBox01 .cate {
	display:block;
	padding:6px 14px 4px;
	background: #F0F0F0;
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .3px;
	color: #999;
}
.portfolioDetailWr .pfBtmBox .projectSwipe .lnkCateBox01 .cate.st01 {
	background: #FFEFEF;
	color: var(--main-red01);
}
@media all and (max-width:999px){
	.portfolioDetailWr .pfDetailBox { 
		padding:36px 0;
	}
	.portfolioDetailWr .pfTopBox { 
		flex-wrap:wrap;
		margin:0 0 24px;
	}
	.portfolioDetailWr .pfTopBox .lBox { 
		width: 100%;
	}
	.portfolioDetailWr .pfTopBox .tit01 { 
		margin:0 0 3px;
		font-size: 24px;
	}
	.portfolioDetailWr .pfTopBox .txt01 {
		font-size: 16px;
	}
	.portfolioDetailWr .pfTopBox .lnkBox01 {
		gap:8px;
	}
	.portfolioDetailWr .pfTopBox .lnkBox01 .lnk {
		min-width: 0;
		padding:8px 30px 7px 36px;
		font-size: 14px;
	}
	.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:before {
		width: 20px;
		height: 20px;
		top: 7px;
		left: 12px;
	}
	.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:after { 
		width: 16px;
		height: 16px;
		top: 8px;
		right: 12px;
	}
	.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:focus:after,
	.portfolioDetailWr .pfTopBox .lnkBox01 .lnk:hover:after { 
		right: 8px;
	}
	.portfolioDetailWr .pfInfoBox01 {
		gap:16px;
		margin:0 0 36px;
	}
	.portfolioDetailWr .pfInfoBox01 dl { 
		width: calc((100% - 24px)/2);
	}
	.portfolioDetailWr .pfInfoBox01 dl.fullWid { 
		width:100%;
	}
	.portfolioDetailWr .pfInfoBox01 dt { 
		margin:0 0 3px;
		font-size: 14px;
	}
	.portfolioDetailWr .pfInfoBox01 .infoLst01 {
		gap:5px;
	}
	.portfolioDetailWr .pfInfoBox01 .infoLst01 li { 
		padding:5px 8px 4px;
		font-size: 13px;
	}
	.portfolioDetailWr .pfInfoBox01 .deviceBox01 {
		gap: 5px;
	}
	.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01 {
		gap: 5px;
		padding:10px 16px;
		border-radius: 5px;
	}
	.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01 .dvcIco { 
		width: 20px;
	}
	.portfolioDetailWr .pfInfoBox01 .deviceBox01 .dvc01 .dvcTxt01 {
		font-size: 14px;
	}
	.portfolioDetailWr .pfInfoBox02 { 
		flex-wrap:wrap;
		gap:12px;
		margin:0 0 36px;
		padding:0;
	}
	.portfolioDetailWr .pfInfoBox02 .lBox,
	.portfolioDetailWr .pfInfoBox02 .rBox { 
		width: 100%;
	}
	.portfolioDetailWr .pfInfoBox02 .tit01 { 
		margin:0 0 12px;
		font-size: 20px;
	}
	.portfolioDetailWr .pfInfoBox02 .tit01 span {
		margin:0 0 4px;
		font-size: 16px;
	}
	.portfolioDetailWr .pfInfoBox02 .infoDl01 {
		flex-wrap:wrap;
		gap: 3px;
		font-size: 14px;
	}
	.portfolioDetailWr .pfInfoBox02 .infoDl01 dt,
	.portfolioDetailWr .pfInfoBox02 .infoDl01 dd { 
		width: 100%;
	}
	.portfolioDetailWr .pfInfoBox02 .infoDl01 + .infoDl01 { 
		margin-top: 8px;
	}
	.portfolioDetailWr .pfInfoBox02 .txt01 { 
		font-size: 14px;
	}
	.portfolioDetailWr .pfBnrBox01 { 
		margin:0 0 16px;
	}
	.portfolioDetailWr .pfCareBox01 { 
		margin:0 0 36px;
		padding:0;
	}
	.portfolioDetailWr .pfCareBox01 .tit01 { 
		margin:0 0 16px;
		font-size: 16px;
	}
	.portfolioDetailWr .pfCareBox01 .lst01 {
		grid-template-columns:repeat(2, 1fr);
		gap:12px;
	}
	.portfolioDetailWr .pfCareBox01 .lst01 .lstTit01 { 
		margin:0 0 8px;
		padding:8px 8px 7px;
		border-radius: 5px;
		font-size: 14px;
	}
	.portfolioDetailWr .pfCareBox01 .lst01 .lstIco {
		width: 64px;
		height: 64px;
		margin:0 auto;
	}
	.portfolioDetailWr .pfCareBox01 .lst01 .lstTxt01 { 
		font-size: 14px;
		line-height: 1.3;
	}
	.portfolioDetailWr .pfStepLst01 { 
		margin:0 0 36px;
		padding:0;
	}
	.portfolioDetailWr .pfStepLst01 li {
		flex-wrap:wrap;
		gap:12px;
		margin:0 0 24px;
	}
	.portfolioDetailWr .pfStepLst01 li:nth-child(even) { 
		flex-direction:row;
	}
	.portfolioDetailWr .pfStepLst01 li:nth-child(even) .lstTxtBox01 { 
		text-align: left;
	}
	.portfolioDetailWr .pfStepLst01 .lstTxtBox01 {
		order:2;
		width: 100%;
		margin:0;
	}
	.portfolioDetailWr .pfStepLst01 .lstTit01 { 
		margin:0 0 8px;
		font-size: 20px;
	}
	.portfolioDetailWr .pfStepLst01 .lstTit01 span {
		margin:0 0 4px;
		font-size: 16px;
	}
	.portfolioDetailWr .pfStepLst01 .lstTxt01 { 
		font-size: 14px;
		line-height: 1.3;
	}
	.portfolioDetailWr .pfStepLst01 .lstImgBox01 {
		order:1;
		width: 100%;
		padding:68.54% 0 0;
	}
	.portfolioDetailWr .pfFontBox01 {
		flex-wrap:wrap;
		gap:24px;
		margin:0 0 36px;
		padding:0;
	}
	.portfolioDetailWr .pfFontBox01 .fontBox01,
	.portfolioDetailWr .pfFontBox01 .colorBox01 { 
		width: 100%;
	}
	.portfolioDetailWr .pfFontBox01 .tit01 { 
		margin:0 0 4px;
		font-size: 16px;
	}
	.portfolioDetailWr .pfFontBox01 .ftFamily01 { 
		margin:0 0 12px;
		font-size: 20px;
	}
	.portfolioDetailWr .pfFontBox01 .lst01 {
		gap:12px;
		padding:5px 0 0;
	}
	.portfolioDetailWr .pfFontBox01 .lst01 .lstWeight01 { 
		font-size: 36px;
	}
	.portfolioDetailWr .pfFontBox01 .lst01 .lstTxt01 { 
		font-size: 14px;
	}
	.portfolioDetailWr .pfFontBox01 .clrLst01 {
		gap:8px;
		padding:0;
	}
	.portfolioDetailWr .pfFontBox01 .clrLst01 li,
	.portfolioDetailWr .pfFontBox01 .clrLst01 li.stMain {
		width: auto;
	}
	.portfolioDetailWr .pfFontBox01 .clrLst01 li.stMain { 
		position:relative;
		height: auto;
		top: auto;
		left: auto;
	}
	.portfolioDetailWr .pfFontBox01 .clrLst01 .lstClrBox01 {
		display:flex;
		align-items:center;
		justify-content:center;
		width: 70px;
		height: 70px;
		padding:0;
		border-radius: 50%;
	}
	.portfolioDetailWr .pfFontBox01 .clrLst01 .lstTxt01 {
		position:relative;
		top: auto;
		left: auto;
		font-size: 11px;
	}
	.portfolioDetailWr .pfFontBox01 .clrLst01 .stMain .lstTxt01 { 
		padding:0;
		text-align: center;
	}
	.portfolioDetailWr .pfFontBox01 .clrLst01 .stMain .lstClrBox01 {
		height: 70px;
	}
	.portfolioDetailWr .pfStepBox01 {		
		padding:36px 16px;
	}
	.portfolioDetailWr .pfStepBox01 .tit01 {
		margin:0 0 12px;
		font-size: 20px;
	}
	.portfolioDetailWr .pfStepBox01 .tit01 span {
		margin:0 0 4px;
		font-size: 16px;
	}
	.portfolioDetailWr .pfStepBox01 .txt01 { 
		margin:0 0 24px;
		font-size: 14px;
		line-height: 1.3;
	}
	.portfolioDetailWr .pfConBox {
		margin:36px 0 0;
	}
	.portfolioDetailWr .pfBtmBox {
		padding:36px 0 48px;
	}
	.portfolioDetailWr .pfBtmBox .inner {
		margin:0;
	}
	.portfolioDetailWr .pfBtmBox .tit01 {
		margin:0 0 16px;
		padding:0 16px;
		font-size: 18px;
	}
	.portfolioDetailWr .pfBtmBox .projectSwipe {
		overflow: visible;
		padding:0 0 0 16px;
	}
	.portfolioDetailWr .pfBtmBox .projectSwipe .swiper-slide {
		width: 204px;
	}
	.portfolioDetailWr .pfBtmBox .projectSwipe .lnkImgBox {
		margin:0 0 8px;
		border-radius: 12px;
	}
	.portfolioDetailWr .pfBtmBox .projectSwipe .lnkTit01,
	.portfolioDetailWr .pfBtmBox .projectSwipe .lnkTxt01 {
		padding:0;
	}
	.portfolioDetailWr .pfBtmBox .projectSwipe .lnkTit01 {
		margin:0 0 3px;
		font-size: 14px;
	}
	.portfolioDetailWr .pfBtmBox .projectSwipe .lnkTxt01 {
		margin:0 0 8px;
		font-size: 13px;
	}
	.portfolioDetailWr .pfBtmBox .projectSwipe .lnkCateBox01 {
		gap:5px;
		padding:0;
	}
	.portfolioDetailWr .pfBtmBox .projectSwipe .lnkCateBox01 .cate {
		padding:4px 8px 3px;
		font-size: 12px;
	}
}
/* 포트폴리오 상세 끝
------------------------------------------------------ */
/* 제작과정 시작
------------------------------------------------------ */
.processWr .subBnrBox01 { 
	background-image: url(/Form/_renew/images/processBg01.png); 
}
.processWr .prcCrsBox01 { 
	margin:0 0 147px;
	text-align: center; 
}
.processWr .prcCrsBox01 .txt01 { 
	margin:0 0 100px;
	font-weight: 700; 
	font-size: 32px;
	line-height: 1.4;
	color: #212121;
}
.processWr .prcCrsBox01 .txt01 span { 
	color: #FF4C35; 
}
.processWr .prcCrsBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:82px;
	counter-reset: processCrs01 0;
}
.processWr .prcCrsBox01 .lst01 li { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 206px;
	height: 206px;
	border:1px solid var(--main-red01);
	border-radius: 50%;
}
.processWr .prcCrsBox01 .lst01 .lstBox:before { 
	counter-increment: processCrs01 1;
	content: counter(processCrs01);
	box-sizing:border-box;
	display:block;
	margin:0 0 10px;
	font-weight: 500;
	font-size: 14px;
	color: var(--main-red01);
}
.processWr .prcCrsBox01 .lst01 .lstImgBox { 
	width: 64px;
	margin:0 auto 4px;
	font-size: 0;
}
.processWr .prcCrsBox01 .lst01 .lstImgBox img { 
	max-width: 100%; 
}
.processWr .prcCrsBox01 .lst01 .lstTxt01 { 
	font-size: 15px;
	line-height: 1.4;
	color: var(--sub-txt01);
}
.processWr .prcCrsBox01 .lst01 .lstLine01 { 
	position:absolute; 
	display:block;
	width: 66px;
	top: 50%;
	left: 100%;
	margin:-2px 0 0;
	font-size: 0;
}
.processWr .prcCrsBox01 .lst01 .lstLine01 img { 
	max-width: 100%;
}
.processWr .prcGradeLst01 li { 
	position:relative;
	margin:0 0 47px;
	padding: 0 210px 50px 0;
	border-bottom:1px solid #E0E0E0;
}
.processWr .prcGradeLst01 li:last-child { 
	margin:0;
}
.processWr .prcGradeLst01 .lstTopBox {
	margin:0 0 37px;	
}
.processWr .prcGradeLst01 .lstNum01 { 
	margin:0 0 14px;
	font-weight: 500;
	font-size: 16px;
	color: var(--main-red01);
}
.processWr .prcGradeLst01 .lstTit01 {
	position:relative; 
	display:inline-block;
}
.processWr .prcGradeLst01 .lstTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 14px;
	bottom: 2px;
	left: 0;
	background: #FF8B8B;
}
.processWr .prcGradeLst01 .lstTit01 span { 
	position:relative; 
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #212121;
	z-index: 1;
}
.processWr .prcGradeLst01 .lstTxt01 { 
	font-weight: 500; 
	font-size: 16px;
	line-height: 1.5;	
	letter-spacing: -.003em;
	color: #666;
}
.processWr .prcGradeLst01 .lstImgBox { 
	position:absolute;
	top: 13px;
	right: 0;
	font-size: 0;
}
.processWr .prcGradeLst01 .lstImgBox img { 
	max-width: 100%; 
}
.processWr .prcStackDl01 {
	display:flex;
	align-items:center;
	gap:187px;
	padding:145px 0 147px;
	background:url(/Form/_renew/images/processStackBg01.png) no-repeat top 102px right 0;
}
.processWr .prcStackDl01 dt { 
	flex-shrink:0;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: -.03em;
	color: var(--main-red01);
}
.processWr .prcStackDl01 dd {
	flex-grow:1;
	min-width: 0;
}
.processWr .prcStackDl01 .prcSlideBox01 {
	position:relative;
	height: 30px;
	font-size: 0;
	overflow: hidden;
}
.processWr .prcStackDl01 .prcSlideBox01:before,
.processWr .prcStackDl01 .prcSlideBox01:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 50px;
	height: 100%;
	top: 0;	
	z-index: 1;
}
.processWr .prcStackDl01 .prcSlideBox01:before { 
	left: 0;
	background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.processWr .prcStackDl01 .prcSlideBox01:after { 
	right: 0;
	background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); 
}
.processWr .prcStackDl01 .prcSlideBox01 img { 
	position:absolute;
	height: 100%;
	top: 0;
}
.processWr .prcStackDl01 .prcSlideBox02 { 
	display:none;
}
.processWr .prcWorkBox01 { 
	position:relative;
	min-height: 352px;
	margin:0 0 150px;
	padding:0 560px 0 0;
}
.processWr .prcWorkBox01 .sTit01 { 
	margin:0 0 10px;
	font-weight: 500; 
	font-size: 16px;
	color: var(--main-red01);
}
.processWr .prcWorkBox01 .tit01 { 
	margin:0 0 20px;
	font-weight: 700;
	font-size: 32px;
	color: #212121;
}
.processWr .prcWorkBox01 .txt01 { 
	font-weight: 500;		 
	font-size: 16px;
	line-height: 1.4;
	color: var(--sub-txt01);
}
.processWr .prcWorkBox01 .imgBox { 
	position:absolute; 
	top: 3px;
	right: 0;
	border-radius: 30px;
	font-size: 0;
	overflow: hidden;
}
.processWr .prcWorkBox01 .imgBox img { 
	max-width: 100%; 
}
@media all and (max-width:999px){
	.processWr .prcCrsBox01 { 
		margin:0 0 36px;
	}
	.processWr .prcCrsBox01 .txt01 { 
		margin:0 0 24px;
		font-size: 20px;
	}
	.processWr .prcCrsBox01 .lst01 { 
		justify-content:space-between;
		gap:56px;
	}
	.processWr .prcCrsBox01 .lst01 li {
		width: calc((100% - 56px)/2);
		height: auto;
		border:none;
		border-radius: 0;
	}
	.processWr .prcCrsBox01 .lst01 .lstBox { 
		width: 136px;
		height: 136px;
		padding:8px 0 0;
		border:1px solid var(--main-red01);
		border-radius: 50%;
	}
	.processWr .prcCrsBox01 .lst01 .lstBox:before {
		margin:0 0 8px;
		font-size: 13px;
	}
	.processWr .prcCrsBox01 .lst01 .lstImgBox { 
		width: 49px;
		margin:0 auto 8px;
	}
	.processWr .prcCrsBox01 .lst01 .lstTxt01 {
		font-size: 13px; 
	}
	.processWr .prcCrsBox01 .lst01 .lstLine01 {
		width: 33px;
	}
	.processWr .prcCrsBox01 .lst01 li:first-child .lstLine01 {
		left: calc(100% + 12px);
	}
	.processWr .prcCrsBox01 .lst01 li:nth-child(2) .lstLine01 {
		top: calc(100% + 26px);
		left: 50%;
		margin:0 0 0 -16px;
		transform:rotate(90deg);
	}
	.processWr .prcCrsBox01 .lst01 li:nth-child(3) .lstLine01 {
		left: auto;
		right: calc(100% + 12px);
		transform:rotate(180deg);
	}
	.processWr .prcCrsBox01 .lst01 li:nth-child(3) { 
		order:4;
	}
	.processWr .prcCrsBox01 .lst01 li:last-child { 
		order:3;
	}
	.processWr .prcGradeLst01 li { 
		margin:0;
		padding:48px 0 20px;
	}
	.processWr .prcGradeLst01 .lstTopBox { 
		margin:0 0 35px;
		padding:0 100px 0 0;
	}
	.processWr .prcGradeLst01 .lstNum01 { 
		margin:0 0 5px;
		font-size: 15px;
	}
	.processWr .prcGradeLst01 .lstTit01:before { 
		height: 8px; 
	}
	.processWr .prcGradeLst01 .lstTit01 span { 
		font-size: 20px;
	}
	.processWr .prcGradeLst01 .lstTxt01 { 
		font-size: 14px;
	}
	.processWr .prcGradeLst01 .lstTxt01 br { 
		display:none;
	}
	.processWr .prcGradeLst01 .lstImgBox { 
		width: 96px;
		top: 24px;
	}
	.processWr .prcStackDl01 {
		flex-wrap:wrap;
		gap:8px;
		padding:39px 0;
		background-position:center right 0;
		background-size:200px auto;
	}
	.processWr .prcStackDl01 dt {
		width: 100%;
		font-size: 15px;
	}
	.processWr .prcStackDl01 dd { 
		width: 100%; 
	}
	.processWr .prcStackDl01 .prcSlideBox01 { 
		display:none;
	}
	.processWr .prcStackDl01 .prcSlideBox02 {
		position:relative;
		display:block;
		height: 20px;
		font-size: 0;
		overflow: hidden;
	}
	.processWr .prcStackDl01 .prcSlideBox02 img { 
		position:absolute;
		height: 100%;
		top: 0;
	}
	.processWr .prcStackDl01 .prcSlideBox02 + .prcSlideBox02 { 
		margin-top:12px;
	}
	.processWr .prcWorkBox01 {
		min-height: 0;
		margin:0 0 40px;
		padding:0;
	}
	.processWr .prcWorkBox01 .sTit01 { 
		margin:0 0 6px;
		font-size: 15px;
	}
	.processWr .prcWorkBox01 .tit01 { 
		margin:0 0 10px;
		font-size: 20px;
	}
	.processWr .prcWorkBox01 .txt01 {
		font-size: 14px;
	}
	.processWr .prcWorkBox01 .txt01 br { 
		display:none;
	}
	.processWr .prcWorkBox01 .imgBox { 
		position:relative;
		top: auto;
		right: auto;
		margin:24px 0 0;
		border-radius: 20px;
	}
	.processWr .prcWorkBox01 .imgBox img { 
		width: 100%; 
	}
}
/* 제작과정 끝
------------------------------------------------------ */
/* 서비스 시작
------------------------------------------------------ */
.serviceWr .subBnrBox01 { 
	margin:0;
	background-image: url(/Form/_renew/images/serviceBg01.png);
}
.serviceWr .svIntroBox01 .conBox:nth-child(odd) { 
	background: #FAFAFA; 
}
.serviceWr .svIntroBox01 .conBox:last-child .inner { 
	background: url(/Form/_renew/images/serviceIntro01_bg01.png) no-repeat bottom 0 right 0; 
}
.serviceWr .svIntroBox01 .inner { 
	position:relative; 
	padding:147px 220px 148px 0;
}
.serviceWr .svIntroBox01 .titBox01 { 
	margin:0 0 47px;
}
.serviceWr .svIntroBox01 .tit01 {
	position:relative;
	display:inline-block;	
}
.serviceWr .svIntroBox01 .tit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 14px;
	bottom: 2px;
	left: 0;
	background: #FFB4B4;
}
.serviceWr .svIntroBox01 .tit01 span { 
	position:relative; 
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #212121;
	letter-spacing: -.03em;
	z-index: 1;
}
.serviceWr .svIntroBox01 .txt01 { 
	font-weight: 500; 
	font-size: 16px;
	line-height: 1.4;
	color: #212121;
}
.serviceWr .svIntroBox01 .txt01 + .txt01 { 
	margin-top:24px;
}
.serviceWr .svIntroBox01 .imgBox { 
	position:absolute; 
	top: 50%;
	right: 0;
	margin:-90px 0 0;
	font-size: 0;
}
.serviceWr .svIntroBox01 .imgBox img { 
	width: 100%; 
}
.serviceWr .svInfoLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:50px;
}
.serviceWr .svInfoLst01 li { 
	position:relative; 
	width: calc((100% - 50px)/2); 
	padding:20px 140px 18px 30px;
	background: #FAFAFA;
	border-radius: 40px;
	box-shadow:0 1px 7px 0 rgba(0,0,0,.08);
}
.serviceWr .svInfoLst01 .lstTopBox { 
	margin:0 0 15px;
}
.serviceWr .svInfoLst01 .num01 { 
	margin:0 0 20px;
	font-weight: 500; 
	font-size: 16px;
	color: var(--main-red01);
}
.serviceWr .svInfoLst01 .tit01 { 
	font-weight: 700;
	font-size: 24px;
	color: #212121;
}
.serviceWr .svInfoLst01 .txt01 { 
	font-size: 16px; 
	line-height: 1.4;
	color: #666;
}
.serviceWr .svInfoLst01 .imgBox { 
	position:absolute; 
	top: 30px;
	right: 20px;
	font-size: 0;
}
.serviceWr .svInfoLst01 .imgBox img { 
	max-width: 100%; 
}
.serviceWr .svServiceLst01 { 
	padding:150px 0;
}
.serviceWr .svServiceLst01 li {
	position:relative;
	min-height: 246px;
	margin:0 0 50px;
	padding:0 380px 100px 0;
	border-bottom:1px solid #E0E0E0;
}
.serviceWr .svServiceLst01 li:last-child { 
	margin:0;
	padding-bottom:0;
	border-bottom:none;
}
.serviceWr .svServiceLst01 .sTit01 { 
	margin:0 0 9px;
	font-weight: 500;
	font-size: 16px;
	color: var(--main-red01);
}
.serviceWr .svServiceLst01 .tit01 { 
	margin:0 0 24px;
	font-weight: 700;
	font-size: 32px;
	color: #212121;
}
.serviceWr .svServiceLst01 .txt01 { 
	font-size: 16px; 
	line-height: 1.4;
	color: #666;
}
.serviceWr .svServiceLst01 .imgBox { 
	position:absolute;
	top: 0;
	right: 0;
	font-size: 0;
}
.serviceWr .svServiceLst01 .imgBox img { 
	max-width: 100%;
	border-radius: 30px;
}
@media all and (max-width:999px){
	.serviceWr .svIntroBox01 .conBox:last-child .inner { 
		background:none; 
	}
	.serviceWr .svIntroBox01 .inner {
		padding:38px 0 40px;
	}
	.serviceWr .svIntroBox01 .titBox01 {
		margin:0 0 45px;
	}
	.serviceWr .svIntroBox01 .tit01:before {
		height: 8px;
	}
	.serviceWr .svIntroBox01 .tit01 span {
		font-size: 20px;
	}
	.serviceWr .svIntroBox01 .txt01 {
		font-weight: 400;
		font-size: 14px;
		line-height: 1.5;
	}
	.serviceWr .svIntroBox01 .txt01 br { 
		display:none;
	}
	.serviceWr .svIntroBox01 .txt01 + .txt01 { 
		margin-top:12px;
	}
	.serviceWr .svIntroBox01 .imgBox { 
		width: 42px;
		top: 46px;
		margin:0;
	}
	.serviceWr .svInfoLst01 {
		gap:12px;
	}
	.serviceWr .svInfoLst01 li {
		width: 100%; 
		padding:28px 25px;
		border-radius: 20px;
	}
	.serviceWr .svInfoLst01 .lstTopBox { 
		margin:0 0 20px;
	}
	.serviceWr .svInfoLst01 .num01 { 
		margin:0 0 12px;
		font-size: 15px;
	}
	.serviceWr .svInfoLst01 .tit01 {
		font-size: 16px;
	}
	.serviceWr .svInfoLst01 .txt01 { 
		font-size: 14px;
	}
	.serviceWr .svInfoLst01 .imgBox {
		width: 54px;
		top: 29px;
		right: 24px;
	}
	.serviceWr .svServiceLst01 { 
		padding:39px 0;
	}
	.serviceWr .svServiceLst01 li {
		min-height: 0;
		margin:0 0 16px;
		padding:0 0 17px;
	}
	.serviceWr .svServiceLst01 .sTit01 { 
		margin:0 0 6px;
		font-size: 15px;
	}
	.serviceWr .svServiceLst01 .tit01 { 
		margin:0 0 22px;
		font-size: 20px;
	}
	.serviceWr .svServiceLst01 .txt01 { 
		font-size: 14px;		
	}
	.serviceWr .svServiceLst01 .txt01 br { 
		display:none;
	}
	.serviceWr .svServiceLst01 .imgBox {
		position:relative;
		width: 100%;
		top: auto;
		right: auto;
		margin:24px 0 0;
		border-radius: 27px;
		overflow: hidden;
	}	
	.serviceWr .svServiceLst01 .imgBox img { 
		width: 100%;
		border-radius: 0;
	}
}
/* 서비스 끝
------------------------------------------------------ */
/* 블로그 시작
------------------------------------------------------ */
.blogWr .blogInner { 
	padding:35px 0 120px;
}
.blogWr .blogTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 35px;
}
.blogWr .blogTopBox .tit01 { 
	font-weight: 700; 
	font-size: 32px;
	color: #212121;
}
.blogWr .blogTopBox .cateBox01 { 
	overflow: hidden;
}
.blogWr .blogTopBox .cateBox01 .swiper-slide { 
	width: auto;
}
.blogWr .blogTopBox .cateBox01 .btnCate { 
	display:block;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: .3px;
	color: #666;
	transition:all .3s ease;
}
.blogWr .blogTopBox .cateBox01 .btnCate:focus,
.blogWr .blogTopBox .cateBox01 .btnCate:hover,
.blogWr .blogTopBox .cateBox01 .btnCate.on { 
	color: var(--main-red01);
}
.blogWr .blogGap01 { 
	height: 96px;	
}
.blogWr .blogBnrBox01 {
	padding:46px 50px 47px;
	background:url(/Form/_renew/images/blogBnrBg01.png) no-repeat center / cover; 
	border-radius: 40px;
}
.blogWr .blogBnrBox01 .sTit01 { 
	margin:0 0 12px;
	font-weight: 500;
	font-size: 16px;
	color: var(--main-red01);
}
.blogWr .blogBnrBox01 .txt01 { 
	margin:0 0 6px;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.4;	
	color: #FFF;
}
.blogWr .blogBnrBox01 .txt02 { 
	margin:0 0 37px;
	font-size: 16px;
	color: #FFF;
}
.blogWr .blogBnrBox01 .lnk01 {
	position:relative; 
	display:inline-block;
	padding:10px 40px 9px 24px;
	background: var(--main-red01);
	border:1px solid var(--main-red01);
	border-radius: 999px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #FFF;		
	transition:all .3s ease;
}
.blogWr .blogBnrBox01 .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 14px;
	right: 26px;
	transform:rotate(45deg);
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	transition:all .3s ease;
}
.blogWr .blogBnrBox01 .lnk01:focus,
.blogWr .blogBnrBox01 .lnk01:hover { 
	background: #FFF;
	color: var(--main-red01);
}
.blogWr .blogBnrBox01 .lnk01:focus:after,
.blogWr .blogBnrBox01 .lnk01:hover:after {
	border-color: var(--main-red01);
}
.blogWr .blogTit01 {
	margin:0 0 36px;
	font-weight: 600; 
	font-size: 24px;
	letter-spacing: .3px;
	color: #212121;
}
.blogWr * + .blogTit01 {
	margin-top:76px;
}
.blogWr .blogListWr {
	transition: opacity .2s ease;
}
.blogWr .blogListWr.isLoading {
	opacity: .4;
	pointer-events: none;
}
.blogWr .blogBrdLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:50px;
}
.blogWr .blogBrdLst01 li { 
	width: calc((100% - 150px)/4); 
}
.blogWr .blogBrdLst01 .lstLnk01 { 
	display:block;
	transition: all .3s ease;
}
.blogWr .blogBrdLst01 .lstImgBox { 
	position:relative;
	display:block;
	margin:0 0 24px;
	padding:66.67% 0 0;
	background: #E6E6E6;
	border-radius: 40px;
	font-size: 0;
	overflow: hidden;
}
.blogWr .blogBrdLst01 .lstImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.blogWr .blogBrdLst01 .lstImgBox.noImg img { 
	display:none;
}
.blogWr .blogBrdLst01 .lstBox { 
	display:block;
	padding:0 20px;
}
.blogWr .blogBrdLst01 .lstCate01 { 
	display:inline-block;
	margin:0 0 13px;
	padding:7px 14px 4px;
	background: #FFEFEF;
	border-radius: 10px;
	font-size: 14px;
	letter-spacing: .3px;
	color: var(--main-red01);
}
.blogWr .blogBrdLst01 .lstTxt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	color: var(--sub-txt01);
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	transition:all .3s ease;
}
.blogWr .blogBrdLst01 .lstLnk01:focus,
.blogWr .blogBrdLst01 .lstLnk01:hover {
	transform: translateY(-6px);
}
.blogWr .blogBrdLst01 .lstLnk01:focus .lstTxt01,
.blogWr .blogBrdLst01 .lstLnk01:hover .lstTxt01 { 
	color: var(--main-red01); 
}
@media all and (max-width:999px){
	.blogWr .blogInner { 
		padding:16px 0 36px;
	}
	.blogWr .blogTopInner { 
		margin:0;
	}
	.blogWr .blogTopBox { 
		flex-wrap:wrap;
		gap:20px;
		margin:0 0 38px;
	}
	.blogWr .blogTopBox .tit01 { 
		width: 100%;
		padding:0 16px;
		font-size: 20px;
	}
	.blogWr .blogTopBox .cateBox01 {
		padding:0 16px;
	}
	.blogWr .blogTopBox .cateBox01 .btnCate {
		flex-shrink:0;
		font-size: 15px;
		color: var(--sub-txt01);
	}
	.blogWr .blogGap01 { 
		height:36px;
	}
	.blogWr .blogBnrBox01 {
		margin:0 16px;
		padding:39px 30px 40px;
		background-image: url(/Form/_renew/images/blogBnrBg02.png);
		border-radius: 20px;
	}
	.blogWr .blogBnrBox01 .sTit01 { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.blogWr .blogBnrBox01 .txt01 { 
		margin:0 0 10px;
		font-size: 18px;
	}
	.blogWr .blogBnrBox01 .txt02 { 
		margin:0 0 38px;
		font-size: 13px;
	}
	.blogWr .blogBnrBox01 .lnk01 { 
		padding:10px 52px 9px 19px;
		font-size: 16px; 
	}
	.blogWr .blogBnrBox01 .lnk01:after {
		width: 10px;
		height: 10px;
		top: 15px;
		right: 27px;
	}
	.blogWr .blogTit01 {
		margin:0 0 21px;
		font-size: 20px;
		letter-spacing: -.3px;
	}
	.blogWr * + .blogTit01 { 
		margin-top:24px;
	}
	.blogWr .blogBrdLst01 {
		gap:12px;
	}
	.blogWr .blogBrdLst01 li { 
		width: calc((100% - 12px)/2); 
	}
	.blogWr .blogBrdLst01 .lstLnk01 { 
		padding:0 0 11px;
	}
	.blogWr .blogBrdLst01 .lstImgBox {
		margin:0 0 12px;
		border-radius: 15px;
	}
	.blogWr .blogBrdLst01 .lstBox {
		padding:0;
	}
	.blogWr .blogBrdLst01 .lstCate01 {
		margin:0 0 4px;
		padding:4px 16px 3px;
		font-size: 13px;
	}
	.blogWr .blogBrdLst01 .lstTxt01 {
		height: 42px;	
		font-size: 15px;
	}
}
/* 블로그 끝
------------------------------------------------------ */
/* 블로그 상세 시작
------------------------------------------------------ */
.blogDetailWr .bdInner {
	padding:36px 0 120px;	 
}
.blogDetailWr .bdThumbBox01 {
	margin:0 0 50px;
	font-size: 0;
}
.blogDetailWr .bdThumbBox01 img { 
	width: 100%;
}
.blogDetailWr .extraTit01 { 
	margin:97px 0 20px;
	font-weight: 700;
	font-size: 20px;
	color: var(--sub-txt01);
}
.blogDetailWr .observer { 
	height: 1px; 
}
.blogDetailWr .consultBox01 {
	margin:76px 0;
}
.blogDetailWr .consultBox01 .tit01 { 
	margin:0 0 20px;
	font-weight: 700;
	font-size: 27px;
	color: var(--black01);
}
.blogDetailWr .consultBox01 .tit02 { 
	margin:0 0 22px;
	font-weight: 700;
	font-size: 20px;
	color: var(--black01);
}
.blogDetailWr .consultBox01 * + .tit02 { 
	margin-top:22px;
}
.blogDetailWr .consultBox01 .txt01 { 
	font-size: 16px;
	line-height: 1.4;
	color: var(--sub-txt01);
}
.blogDetailWr .consultBox01 .fileBox01 { 
	position:relative;
	margin:0 0 22px;
}
.blogDetailWr .consultBox01 .fileBox01 .fileIpt { 
	position:absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blogDetailWr .consultBox01 .fileBox01 .fileLbl { 
	position:relative;
	display:inline-block;
	padding:16px 44px 14px 24px;
	background: #FFEFEF;
	border-radius: 20px;
	font-weight: 700;
	font-size: 19px;
	color: var(--main-red01);
}
.blogDetailWr .consultBox01 .fileBox01 .fileLbl:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 21px;
	right: 24px;
	transform:rotate(45deg);
	border-top:3px solid var(--main-red01);
	border-right:3px solid var(--main-red01);
	transition:all .3s ease;
}
.blogDetailWr .consultBox01 .fileBox01 .fileLbl:focus:after,
.blogDetailWr .consultBox01 .fileBox01 .fileLbl:hover:after { 
	right: 20px;
}
.blogDetailWr .consultBox01 .lnk01 { 
	position:relative;
	display:inline-block;
	padding:16px 44px 14px 24px;
	margin:0 0 22px;
	background: #FFEFEF;
	border-radius: 20px;
	font-weight: 700;
	font-size: 19px;
	color: var(--main-red01);
}
.blogDetailWr .consultBox01 .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 21px;
	right: 24px;
	transform:rotate(45deg);
	border-top:3px solid var(--main-red01);
	border-right:3px solid var(--main-red01);
	transition:all .3s ease;
}
.blogDetailWr .consultBox01 .lnk01:focus:after,
.blogDetailWr .consultBox01 .lnk01:hover:after { 
	right: 20px;
}
.blogDetailWr .consultBox01 .lst01 li { 
	position:relative;
	margin:0 0 6px;
	padding:0 0 0 12px;
	font-size: 16px;
	color: var(--sub-txt01);
}
.blogDetailWr .consultBox01 .lst01 li:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 1px;
	top: 8px;
	left: 0;
	background: var(--sub-txt01);
}
.blogDetailWr .consultBox01 .lst01 li:last-child { 
	margin:0;
}
.blogDetailWr .bnrBox01 {
	position:relative;
	padding:39px 260px 37px 50px;
	background:url(/Form/_renew/images/blogDtlBnr01_pc.png) no-repeat center / cover;
	border-radius: 40px;
}
.blogDetailWr .bnrBox01 .sTit01 { 
	margin:0 0 12px;
	font-weight: 500;
	font-size: 16px;
	color: var(--main-red01);
}
.blogDetailWr .bnrBox01 .tit01 { 
	margin:0 0 6px;
	font-weight: 600;
	font-size: 22px;
	line-height: 1.4;
	color: #FFF;
}
.blogDetailWr .bnrBox01 .txt01 { 
	font-size: 18px;
	color: #FFF;
}
.blogDetailWr .bnrBox01 .lnk01 {
	position:absolute; 
	display:inline-block;
	top: 73px;
	right: 50px;
	padding:12px 40px 10px 24px;
	background: var(--main-red01);
	border:1px solid var(--main-red01);
	border-radius: 1000px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #FFF;
	transition:all .3s ease;
}
.blogDetailWr .bnrBox01 .lnk01:after { 
	content: "";
	position: absolute;
	box-sizing: border-box;
	display: block;
	width: 10px;
	height: 10px;
	top: 16px;
	right: 24px;
	transform: rotate(45deg);
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transition: all .3s ease;
}
.blogDetailWr .bnrBox01 .lnk01:focus,
.blogDetailWr .bnrBox01 .lnk01:hover { 
	background: #FFF;
	color: var(--main-red01);
}
.blogDetailWr .bnrBox01 .lnk01:focus:after,
.blogDetailWr .bnrBox01 .lnk01:hover:after { 
	border-color: var(--main-red01);
}
@media all and (max-width:999px){
	.blogDetailWr .bdInner { 
		padding:36px 0;
	}
	.blogDetailWr .bdThumbBox01 { 
		margin:0 0 36px;
	}
	.blogDetailWr .extraTit01 { 
		margin:24px 0 10px;
		font-size: 16px;
	}
	.blogDetailWr .consultBox01 {
		margin:36px 0;
	}
	.blogDetailWr .consultBox01 .tit01 { 
		margin:0 0 8px;
		font-size: 20px;
	}
	.blogDetailWr .consultBox01 .tit02 { 
		margin:0 0 8px;
		font-size: 18px;
	}
	.blogDetailWr .consultBox01 * + .tit02 { 
		margin-top:16px;
	}
	.blogDetailWr .consultBox01 .txt01 { 
		font-size: 14px;
		line-height: 1.3;
	}
	.blogDetailWr .consultBox01 .fileBox01 {
		margin:0 0 16px;
	}
	.blogDetailWr .consultBox01 .fileBox01 .fileLbl {
		padding:16px 40px 15px 16px;
		font-size: 16px;
	}
	.blogDetailWr .consultBox01 .fileBox01 .fileLbl:after {
		width: 10px;
		height: 10px;
		border-width:2px;
		top: 20px;
		right: 24px;
	}
	.blogDetailWr .consultBox01 .fileBox01 .fileLbl:focus:after,
	.blogDetailWr .consultBox01 .fileBox01 .fileLbl:hover:after { 
		right: 20px;
	}
	.blogDetailWr .consultBox01 .lnk01 {
		margin:0 0 16px;
		padding:16px 40px 15px 16px;
		font-size: 16px;
	}
	.blogDetailWr .consultBox01 .lnk01:after {
		width: 10px;
		height: 10px;
		border-width:2px;
		top: 20px;
		right: 24px;
	}
	.blogDetailWr .consultBox01 .lnk01:focus:after,
	.blogDetailWr .consultBox01 .lnk01:hover:after { 
		right: 20px;
	}	
	.blogDetailWr .consultBox01 .lst01 li {
		margin:0 0 4px;
		padding:0 0 0 10px;
		font-size: 14px;
	}
	.blogDetailWr .consultBox01 .lst01 li:before {
		width: 4px;
		top: 9px;
	}
	.blogDetailWr .bnrBox01 {
		padding:38px 30px 40px;
		background-image:url(/Form/_renew/images/blogDtlBnr01_mb.png);
		border-radius: 20px;
	}
	.blogDetailWr .bnrBox01 .sTit01 { 
		margin:0 0 11px;
		font-size: 14px;
	}
	.blogDetailWr .bnrBox01 .tit01 { 
		margin:0 0 10px;
		font-size: 18px;
	}
	.blogDetailWr .bnrBox01 .txt01 { 
		margin:0 0 38px;
		font-size: 13px;
	}
	.blogDetailWr .bnrBox01 .lnk01 {
		position:relative;
		top: auto;
		right: auto;
		padding:10px 52px 8px 19px;
		font-size: 16px;
	}
	.blogDetailWr .bnrBox01 .lnk01:after {
		top: 13px;
		right: 27px;
		border-width:1px;
	}
}
/* 블로그 상세 끝
------------------------------------------------------ */