@charset "utf-8";

/* 헤더, 푸터 시작
------------------------------------------------------ */
.portfolioWr header,
.downloadWr header,
.inquiryWr header,
.portfolioDetailWr header { 
	background: #FFF;
}
.portfolioWr header .hMenuLst01 .lstLnk01,
.downloadWr header .hMenuLst01 .lstLnk01,
.inquiryWr header .hMenuLst01 .lstLnk01,
.portfolioDetailWr header .hMenuLst01 .lstLnk01 { 
	color: #2E3337;
}
.portfolioWr footer,
.downloadWr footer,
.inquiryWr footer,
.portfolioDetailWr footer { 
	background: #F6F6F9;
	border-top-color:#E0E2E4;
}
.portfolioWr footer .fLst01 li,
.downloadWr footer .fLst01 li,
.inquiryWr footer .fLst01 li,
.portfolioDetailWr footer .fLst01 li { 
	color: #8B8F93;
}
.portfolioWr footer .fCallLnk01,
.downloadWr footer .fCallLnk01,
.inquiryWr footer .fCallLnk01,
.portfolioDetailWr footer .fCallLnk01 { 
	background: #E21B2E;
}
.portfolioWr footer .fCallTxt01,
.downloadWr footer .fCallTxt01,
.inquiryWr footer .fCallTxt01,
.portfolioDetailWr footer .fCallTxt01 { 
	color: #E21B2E;
}
.portfolioWr footer .fCallTxt01:before,
.downloadWr footer .fCallTxt01:before,
.inquiryWr footer .fCallTxt01:before,
.portfolioDetailWr footer .fCallTxt01:before { 
	background-image: url(/Form/_guest/basic/images/fCallTxt02.svg);
}
@media all and (max-width:999px){
	.portfolioWr header .mbMenuToggle:before, 
	.portfolioWr header .mbMenuToggle:after,
	.portfolioWr header .mbMenuToggle span,
	.downloadWr header .mbMenuToggle:before, 
	.downloadWr header .mbMenuToggle:after,
	.downloadWr header .mbMenuToggle span,
	.inquiryWr header .mbMenuToggle:before, 
	.inquiryWr header .mbMenuToggle:after,
	.inquiryWr header .mbMenuToggle span,
	.portfolioDetailWr header .mbMenuToggle:before, 
	.portfolioDetailWr header .mbMenuToggle:after,
	.portfolioDetailWr header .mbMenuToggle span { 
		background: #2E3337;
	}
}
/* 헤더, 푸터 끝
------------------------------------------------------ */
/* 메인 시작
------------------------------------------------------ */
.mBnrWr {
	position:relative;
	padding:52.08% 0 0;
	font-size: 0;
	overflow: hidden;
}
.mBnrWr .swiper-wrapper { 
	position:absolute; 
	top: 0;
	left: 0;
}
.mBnrWr .swiper-slide { 
	position:relative;
	width: 33.333%;
}
.mBnrWr .lnk01 {
	position:relative;
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:space-between;
	height: 100%;
	padding:145px 20px;
	text-align: center;
	overflow: hidden;
}
.mBnrWr .lnk01:before { 
	content:"";
	position:relative;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	z-index: 2;
}
.mBnrWr .lnk01:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(0,0,0,.8);
	transition:all .3s ease;
	z-index: 1;
}
.mBnrWr .lnk01 span { 
	display:block;
}
.mBnrWr .lnk01 .lnkImgBox {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);	
}
.mBnrWr .lnk01 .lnkImgBox img { 
	width: 100%;
}
.mBnrWr .lnk01 .lnkLogoBox,
.mBnrWr .lnk01 .lnkTxt01 { 
	position:relative;
	z-index: 2;
}
.mBnrWr .lnk01 .lnkLogoBox img { 
	max-width: 100%;
}
.mBnrWr .lnk01 .lnkTxt01 {
	padding:15px 42px 12px;
	border:1px solid #FFF;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.25px;
	color: #FFF;
	transition:all .3s ease;
}
.mBnrWr .lnk01:focus:after,
.mBnrWr .lnk01:hover:after { 
	background:rgba(0,0,0,.4);
}
.mBnrWr .lnk01:focus .lnkTxt01,
.mBnrWr .lnk01:hover .lnkTxt01 { 
	background: #E21B2E;
	border-color: #E21B2E;
}
.mInfoWr { 
	padding:130px 0;
	background:#111 url(/Form/_guest/basic/images/mInfoBg01.png) no-repeat center / cover;
}
.mInfoWr .infoLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.mInfoWr .infoLst01 > li {
	width: calc((100% - 40px)/3);
	border:1px solid #575E65;
}
.mInfoWr .infoLst01 .sLst01 li { 
	display:flex;
	align-items:center; 
	justify-content:center;
	height: 123px;
	text-align: center;
	border-bottom:1px solid #575E65;
}
.mInfoWr .infoLst01 .sLst01 li:first-child { 
	height: 254px;
}
.mInfoWr .infoLst01 .sLst01 li:last-child { 
	border-bottom:none;
}
.mInfoWr .infoLst01 .sLst01 .lstImgBox { 
	font-size: 0;
}
.mInfoWr .infoLst01 .sLst01 .lstImgBox img { 
	max-width: 100%;
}
.mInfoWr .infoLst01 .sLst01 .lstTxt01 { 
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
	color: #FFF;
}
.mInquiryWr { 
	padding:194px 0 292px;
	background:#111 url(/Form/_guest/basic/images/mInquiryBg01.png) no-repeat bottom 0 center / cover;
	text-align: center;
}
.mInquiryWr .txt01 { 
	margin:0 0 60px;
	font-weight: 600;
	font-size: 44px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #FFF;
}
.mInquiryWr .txt01 span { 
	color: #E21B2E;
}
.mInquiryWr .lnk01 {
	position:relative; 
	display:inline-block;
	padding:20px 77px 19px 34px;
	background: #E21B2E;
	border: 1px solid #E21B2E;
	border-radius: 100px;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 0;
	color: #FFF;
	transition:all .3s ease;
}
.mInquiryWr .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 48px;
	height: 48px;
	top: 9px;
	right: 9px;
	background:#FFF url(/Form/_guest/basic/images/mInquiryArrow01_off.svg) no-repeat center;
	border-radius: 50%;
	transition:all .3s ease;	
}
.mInquiryWr .lnk01:focus,
.mInquiryWr .lnk01:hover { 
	background: #111;
}
.mInquiryWr .lnk01:focus:after,
.mInquiryWr .lnk01:hover:after { 
	background-color:#E21B2E;
	background-image:url(/Form/_guest/basic/images/mInquiryArrow01_on.svg)
}
@media all and (max-width:999px){
	.mBnrWr { 
		padding:0;
	}
	.mBnrWr .swiper-wrapper { 
		position:relative;
		top: auto;
		left: auto;
	}
	.mBnrWr .swiper-slide { 
		width: 100%;
	}
	.mBnrWr .lnk01 { 
		gap:36px;
		height: 360px;
		padding:80px 20px;
	}
	.mBnrWr .lnk01 .lnkLogoBox { 
		width: 120px;
	}
	.mBnrWr .lnk01 .lnkTxt01 { 
		padding:10px 20px 9px;
		font-size: 14px;
	}
	.mBnrWr .swiper-slide-active .lnk01:after { 
		background:rgba(0,0,0,.4);
	}
	.mInfoWr { 
		padding:36px 0;
	}
	.mInfoWr .infoLst01 {
		gap:10px;
	}
	.mInfoWr .infoLst01 > li {
		width: 100%;
	}
	.mInfoWr .infoLst01 .sLst01 li { 
		height: auto;
		padding:20px;
	}
	.mInfoWr .infoLst01 .sLst01 li:first-child { 
		height: auto;
	}
	.mInfoWr .infoLst01 .sLst01 .lstImgBox { 
		width: 120px;
	}
	.mInfoWr .infoLst01 .sLst01 .lstTxt01 {
		font-size: 14px;
		line-height: 1.3;
	}
	.mInfoWr .infoLst01 .sLst01 .lstTxt01 br { 
		display:none;
	}
	.mInquiryWr { 
		padding:36px 0;
	}
	.mInquiryWr .txt01 { 
		margin:0 0 16px;
		font-size: 16px;
		line-height: 1.3;
	}
	.mInquiryWr .lnk01 {
		padding:13px 45px 12px 15px;
		font-size: 14px;
	}
	.mInquiryWr .lnk01:after {
		width: 26px;
		height: 26px;
		background-size:12px auto;
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 브랜드 소개 시작
------------------------------------------------------ */
.brandWr .brandBnrBox01 {
	position:relative;
	font-size: 0;
}
.brandWr .brandBnrBox01 > img {
	width: 100%;
}
.brandWr .brandBnrBox01 .logo {
	position:absolute; 
	top: 50%;
	left: 50%;
	margin:0 0 0 -800px;
	transform:translateY(-50%);
	font-size: 0;
}
.brandWr .brandBnrBox01 .logo img { 
	max-width: 100%;
}
.brandWr .brandMenuBox01 { 
	height: 82px;
	background: #111;
}
.brandWr .brandMenuBox01 .inner { 
	position:relative;
	height: 100%;
	padding:0 168px 0 0;
}
.brandWr .brandMenuBox01 .swiper-wrapper,
.brandWr .brandMenuBox01 .swiper-slide { 
	width: auto;
}
.brandWr .brandMenuBox01 .brandMenu01 { 
	height: 100%;
}
.brandWr .brandMenuBox01 .brandMenu01 .lnk01 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	height: 100%;
	padding:0 40px;
	font-size: 0;
}
.brandWr .brandMenuBox01 .brandMenu01 .lnk01.on { 
	background: #E21B2E;
}
.brandWr .brandMenuBox01 .arrowBox01 {
	position:absolute; 
	display:flex;
	width: 168px;
	height: 100%;
	top: 0;
	right: 0;
	background: #111;
	z-index: 1;
}
.brandWr .brandMenuBox01 .arrowBox01 .menuArrow { 
	position:relative;
	display:block; 
	width: 50%;
	height: 100%;
}
.brandWr .brandMenuBox01 .arrowBox01 .menuArrow:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
}
.brandWr .brandMenuBox01 .arrowBox01 .menuArrow.stPrev:before { 
	margin:-10px 0 0 -5px;
	transform:rotate(-135deg);
}
.brandWr .brandMenuBox01 .arrowBox01 .menuArrow.stNext:before { 
	margin:-10px 0 0 -15px;
	transform:rotate(45deg);
}
.brandWr .brandInfoBox01 { 
	padding:132px 0 137px;
}
.brandWr .brandInfoBox01 .inner { 
	display:flex;
	gap:80px;
}
.brandWr .brandInfoBox01 .imgBox { 
	flex-shrink:0;
	margin:18px 0 0;
	font-size: 0;
}
.brandWr .brandInfoBox01 .imgBox img { 
	max-width: 100%;
}
.brandWr .brandInfoBox01 .conBox { 
	flex-grow:1;
	min-width: 0;
}
.brandWr .brandInfoBox01 .tit01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 58px;
	letter-spacing: -.03em;
	color: #2E3337;
}
.brandWr .brandInfoBox01 .txt01 { 
	margin:0 0 37px;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.5;
	color: #8B8F93;
}
.brandWr .brandInfoBox01 .lnk01 { 
	position:relative;
	display:inline-block;
	margin:0 0 54px;
	padding:0 29px 6px 0;
	font-weight: 500;
	font-size: 20px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.brandWr .brandInfoBox01 .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 15px;
	height: 13px;
	top: 6px;
	right: 0;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.brandWr .brandInfoBox01 .lnk01:focus:after,
.brandWr .brandInfoBox01 .lnk01:hover:after { 
	right: -5px;
}
.brandWr .brandInfoBox01 .infoSwipe01 { 
	overflow: hidden;
}
.brandWr .brandInfoBox01 .infoSwipe01 .swiper-wrapper,
.brandWr .brandInfoBox01 .infoSwipe01 .swiper-slide { 
	width: auto;
}
.brandWr .brandInfoBox01 .infoSwipe01 .swipeIcoBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 72px;
	height: 72px;
	margin:0 auto 13px;
	background: #F6F6F9;
	border:1px solid #E0E2E4;
	border-radius: 50%;
}
.brandWr .brandInfoBox01 .infoSwipe01 .swipeTxt01 { 
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	color: #8B8F93;
}
.brandWr .brandNeedBox01 { 
	padding:154px 0 160px;
}
.brandWr .brandNeedBox01 .tit01 { 
	margin:0 0 74px;
	font-weight: 700;
	font-size: 40px;
	text-align: center;
	color: #2E3337;
}
.brandWr .brandNeedBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:32px;
}
.brandWr .brandNeedBox01 .lst01 li { 
	width: calc((100% - 64px)/3);
	padding:51px 38px 57px;
	background: #FFF;
	border:1px solid #FFF;
	border-radius: 20px;
	box-shadow:0 2px 20px 0 rgba(0,0,0,.08);
	transition:all .3s ease;
}
.brandWr .brandNeedBox01 .lst01 .lstTit01 { 
	margin:0 0 23px;
	font-weight: 500;
	font-size: 32px;
}
.brandWr .brandNeedBox01 .lst01 .lstTxt01 { 
	font-size: 20px;
	line-height: 1.5;	
	color: #575E65;
}
.brandWr .brandNeedBox01 .lst02 li { 
	margin:0 0 28px;
}
.brandWr .brandNeedBox01 .lst02 li:last-child { 
	margin:0;
}
.brandWr .brandNeedBox01 .lst02 .lstTit01 { 
	margin:0 0 27px;
	font-weight: 500;
	font-size: 32px;
}
.brandWr .brandNeedBox01 .lst02 .lstTxt01 { 
	font-size: 22px;
	line-height: 1.5;
	color: #FFF;
}
.brandWr .brandNeedBox01 .lst03 { 
	display:flex;
	flex-wrap:wrap;
	gap:30px;
}
.brandWr .brandNeedBox01 .lst03 li { 
	width: calc((100% - 60px)/3);
	padding:59px 46px 63px;
	background: #1D1D1D;
	border:1px solid #1D1D1D;
	border-radius: 20px;
	box-shadow:0 2px 20px 0 rgba(0,0,0,.08);
	transition:all .3s ease;
}
.brandWr .brandNeedBox01 .lst03 .lstTit01 {
	margin:0 0 23px;
	font-weight: 500;
	font-size: 32px;
}
.brandWr .brandNeedBox01 .lst03 .lstTxt01 { 
	font-size: 22px;
	line-height: 1.5;
	color: #FFF;
}
.brandWr .brandCoatBox01 { 
	padding:160px 0;
	background: #111;
}
.brandWr .brandCoatBox01 .inner { 
	display:flex;
	justify-content:space-between;
	gap:10px;
}
.brandWr .brandCoatBox01 .txtBox01 { 
	flex-grow: 1;
	min-width: 0;
}
.brandWr .brandCoatBox01 .tit01 { 
	margin:0 0 80px;
	font-weight: 700;
	font-size: 46px;
	color: #FFF;
}
.brandWr .brandCoatBox01 .btnBox01 .btnCoat { 
	position:relative;
	display:block; 
	width: 100%;
	margin:0 0 16px;
	padding:13px 13px 13px 60px;
	border-width:1px;
	border-style:solid;
	border-radius: 1000px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0;
	text-align: left;
}
.brandWr .brandCoatBox01 .btnBox01 .btnCoat span { 
	position:absolute;
	display:block; 
	bottom: 14px;
	left: 23px;
	font-weight: 500;
	font-size: 18px;
}
.brandWr .brandCoatBox01 .btnBox01 .btnCoat.on { 
	color: #FFF !important;
}
.brandWr .brandCoatBox01 .btnBox01 .btnCoat:last-child { 
	margin:0;
}
.brandWr .brandCoatBox01 .coatSwipeBox01 { 
	flex-shrink:0;
	width: 1040px;
	font-size: 0;
	overflow: hidden;
}
.brandWr .brandCoatBox01 .coatSwipeBox01 img { 
	width: 100%;
}
.brandWr .brandSystemBox01 { 
	padding:160px 0;
}
.brandWr .brandSystemBox01 .tit01 { 
	margin:0 0 60px;
	font-weight: 700;
	font-size: 44px;
	letter-spacing: -1.02px;
	color: #FFF;
	text-align: center;
}
.brandWr .brandSystemBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	max-width: 1400px;
	margin:0 auto;
}
.brandWr .brandSystemBox01 .lst01 li { 
	display:flex;
	flex-direction:column;
	width: calc((100% - 90px)/4);
	padding:30px;
	background: #222;
	border-radius: 20px;
	transition:all .3s ease;
}
.brandWr .brandSystemBox01 .lst01 .lstTit01 { 
	margin:0 0 19px;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -1.02px;
	transition:all .3s ease;
}
.brandWr .brandSystemBox01 .lst01 .lstTxt01 { 
	flex-grow:1;
	min-height: 0;
	margin:0 0 160px;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: -1.02px;
	color: #666;
	transition:all .3s ease;
}
.brandWr .brandSystemBox01 .lst01 .lstIco01 { 
	display:block;
	font-size: 0;
	text-align: right;
}
.brandWr .brandSystemBox01 .lst01 .lstIco01 .stOff { 
	display:none;
}
.brandWr .brandSystemBox01 .lst01 li:hover .lstTit01,
.brandWr .brandSystemBox01 .lst01 li:hover .lstTxt01 { 
	color: #FFF !important;
}
.brandWr .brandPaintBox01 { 
	padding:209px 0;
	background:url(/Form/_guest/basic/images/brandPaintBg01.png) no-repeat top 0 center / cover;
}
.brandWr .brandPaintBox01 .tit01 { 
	margin:0 0 16px;
	font-weight: 700;
	font-size: 40px;
	letter-spacing: 0;
	text-align: center;
	color: #FFF;
}
.brandWr .brandPaintBox01 .tit01 span { 
	color: #E21B2E;
}
.brandWr .brandPaintBox01 .txt01 { 
	margin:0 0 100px;
	font-size: 20px;
	letter-spacing: 0;
	text-align: center;
	color: #DEDEDE;
}
.brandWr .brandPaintBox01 .graphBox01 { 
	display:flex;
	align-items:center;
	gap:48px;
}
.brandWr .brandPaintBox01 .graphBox01 .imgBox { 
	font-size: 0;
}
.brandWr .brandPaintBox01 .graphBox01 .imgBox img { 
	max-width: 100%;
}
.brandWr .brandPaintBox01 .graphTblBox01 { 
	flex-shrink:0;
	width: 964px;
}
.brandWr .brandPaintBox01 .graphTblBox01 table { 
	border:1px solid #575E65;
}
.brandWr .brandPaintBox01 .graphTblBox01 thead,
.brandWr .brandPaintBox01 .graphTblBox01 tbody tr { 
	border-bottom:1px solid #575E65;
}
.brandWr .brandPaintBox01 .graphTblBox01 thead th,
.brandWr .brandPaintBox01 .graphTblBox01 tbody tr > * { 
	border-right:1px solid #575E65;
}
.brandWr .brandPaintBox01 .graphTblBox01 thead th:last-child,
.brandWr .brandPaintBox01 .graphTblBox01 tbody tr > *:last-child { 
	border-right:none;
}
.brandWr .brandPaintBox01 .graphTblBox01 thead th { 
	padding:17px 14px;
	background: #222;
	font-weight: 700;
	font-size: 21px;
	text-align: center;
	color: #FFF;
	word-break:break-all;
}
.brandWr .brandPaintBox01 .graphTblBox01 thead th:first-child { 
	width: 217px;
	background:transparent;
}
.brandWr .brandPaintBox01 .graphTblBox01 thead th.on { 
	background: #E21B2E;
}
.brandWr .brandPaintBox01 .graphTblBox01 tbody th { 
	padding:13px 19px 11px;
	font-weight: 500;
	font-size: 16px;
	color: #FFF;
	text-align: left;
}
.brandWr .brandPaintBox01 .graphTblBox01 tbody td { 
	padding:23px;
}
.brandWr .brandPaintBox01 .graphTblBox01 .gaugeBox { 
	position:relative;
	display:block;
	height: 9px;
	background: #3F3F3F;
	border-radius: 10px;
	overflow: hidden;
}
.brandWr .brandPaintBox01 .graphTblBox01 .gaugeBox .gauge { 
	position:absolute; 
	display:block; 
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background: #E21B2E;
	border-radius: 10px;
	transition:all .3s ease;
}
.brandWr .brandHowBox01 { 
	padding:135px 0 122px;
	background: #F6F6F9;
}
.brandWr .brandHowBox01 .tit01 { 
	margin:0 0 64px;
	font-weight: 700;
	font-size: 40px;
	text-align: center;
	color: #2E3337;
}
.brandWr .brandHowBox01 .tit01 span { 
	color: #E21B2E;
}
.brandWr .brandHowBox01 .imgBox { 
	max-width: 100%;
	margin:0 0 49px;
	text-align: center;
	font-size: 0;
}
.brandWr .brandHowBox01 .imgBox img { 
	max-width: 100%;
}
.brandWr .brandHowBox01 .lst01 {
	display:flex;
	flex-wrap:wrap;
	gap:27px;
}
.brandWr .brandHowBox01 .lst01 li { 
	width: calc((100% - 81px)/4);
	border-radius: 30px;
	box-shadow:2px 4px 16px 0 rgba(226,27,46,.1);
}
.brandWr .brandHowBox01 .lst01 .lstTit01 {
	padding:20px 32px;
	border-radius: 30px 30px 0 0;
	background: #E21B2E;
	font-weight: 900;
	font-size: 20px;
	letter-spacing: 0;
	color: #FFF;
}
.brandWr .brandHowBox01 .lst01 .lstConBox {
	padding:31px 32px;
	background-repeat:no-repeat;
	background-position:bottom -19px right -8px;
	border:1px solid transparent;
	border-top:none;
	border-radius: 0 0 30px 30px;
	transition:all .3s ease;
}
.brandWr .brandHowBox01 .lst01 li:first-child .lstConBox { 
	background-image: url(/Form/_guest/basic/images/brandHowLst01_01.png);
}
.brandWr .brandHowBox01 .lst01 li:nth-child(2) .lstConBox { 
	background-image: url(/Form/_guest/basic/images/brandHowLst01_02.png);
}
.brandWr .brandHowBox01 .lst01 li:nth-child(3) .lstConBox { 
	background-image: url(/Form/_guest/basic/images/brandHowLst01_03.png);
}
.brandWr .brandHowBox01 .lst01 li:nth-child(4) .lstConBox { 
	background-image: url(/Form/_guest/basic/images/brandHowLst01_04.png);
}
.brandWr .brandHowBox01 .lst01 li:hover .lstConBox { 
	border-color:#E21B2E;
}
.brandWr .brandHowBox01 .lst01 .lstTxt01 { 
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0;
	color: #2E3337;
}
.brandWr .brandHowBox01 .lst01 .lstTxt01 span { 
	color: #E21B2E;
}
.brandWr .brandProtectBox01 { 
	padding:149px 0 140px;
	background:url(/Form/_guest/basic/images/brandProtectBg01.png) no-repeat center / cover;
}
.brandWr .brandProtectBox01 .tit01 { 
	margin:0 0 99px;
	font-weight: 700;
	font-size: 36px;
	color: #FFF;
	letter-spacing: 0;
}
.brandWr .brandProtectBox01 .tit01 span { 
	position:relative; 
	display:inline-block;
	padding:0 0 0 57px;
	color: #E21B2E;
}
.brandWr .brandProtectBox01 .tit01 span:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 46px;
	height: 35px;
	top: 6px;
	left: 0;
	background:url(/Form/_guest/basic/images/brandProtectTit01.svg) no-repeat center / cover;
}
.brandWr .brandProtectBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:28px;
}
.brandWr .brandProtectBox01 .lst01 li { 
	width: calc((100% - 84px)/4);
	padding:30px 40px 28px;
	background:rgba(0,0,0,.3);
	border-radius: 15px;
	transition:all .3s ease;
}
.brandWr .brandProtectBox01 .lst01 .lstIco01 { 
	display:block;
	margin:0 0 11px;
	font-size: 0;	
}
.brandWr .brandProtectBox01 .lst01 .lstIco01 img { 
	max-width: 100%;
}
.brandWr .brandProtectBox01 .lst01 .lstTit01,
.brandWr .brandProtectBox01 .lst01 .lstTxt01 {
	letter-spacing: 0;
	color: #F0F0F6;
	transition:all .3s ease;
}
.brandWr .brandProtectBox01 .lst01 .lstTit01 { 
	margin:0 0 17px;
	font-weight: 700;
	font-size: 26px;
}
.brandWr .brandProtectBox01 .lst01 .lstTxt01 { 
	font-weight: 200;
	font-size: 16px;
	line-height: 1.4;
}
.brandWr .brandProtectBox01 .lst01 .lstTxt01 span { 
	font-weight: 600;
}
.brandWr .brandProtectBox01 .lst01 li:hover { 
	background: #FFF;
}
.brandWr .brandProtectBox01 .lst01 li:hover .lstTit01,
.brandWr .brandProtectBox01 .lst01 li:hover .lstTxt01 { 
	color: #000;
}
.brandWr .brandWhyBox01 { 
	padding:132px 0 170px;
	background:url(/Form/_guest/basic/images/brandWhyBg01.png) no-repeat center / cover;
}
.brandWr .brandWhyBox01 .tit01 { 
	margin:0 0 67px;
	font-weight: 700;
	font-size: 44px;
	letter-spacing: -1.02px;
	color: #FFF;
	text-align: center;
}
.brandWr .brandWhyBox01 .tit01 span { 
	color: #E21B2E;
}
.brandWr .brandWhyBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	max-width: 1292px;
	margin:0 auto;
}
.brandWr .brandWhyBox01 .lst01 li { 
	width: calc((100% - 24px)/4);
	text-align: center;
}
.brandWr .brandWhyBox01 .lst01 li:nth-child(even) { 
	padding:52px 0 0;
}
.brandWr .brandWhyBox01 .lst01 .lstConBox { 
	position:relative;
	padding:72px 34px 79px;
	background: #FFF;
	border-radius: 1000px;
	transition:all .3s ease;
	overflow: hidden;
}
.brandWr .brandWhyBox01 .lst01 .lstConBox:before { 
	content:"";
	position:relative; 
	box-sizing:border-box;
	display:block;
	width: 56px;
	height: 56px;
	margin:0 auto 23px;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
	z-index: 2;
}
.brandWr .brandWhyBox01 .lst01 li:first-child .lstConBox:before { 
	background-image: url(/Form/_guest/basic/images/brandWhyLst01_01_off.svg);
}
.brandWr .brandWhyBox01 .lst01 li:nth-child(2) .lstConBox:before { 
	background-image: url(/Form/_guest/basic/images/brandWhyLst01_02_off.svg);
}
.brandWr .brandWhyBox01 .lst01 li:nth-child(3) .lstConBox:before { 
	background-image: url(/Form/_guest/basic/images/brandWhyLst01_03_off.svg);
}
.brandWr .brandWhyBox01 .lst01 li:nth-child(4) .lstConBox:before { 
	background-image: url(/Form/_guest/basic/images/brandWhyLst01_04_off.svg);
}
.brandWr .brandWhyBox01 .lst01 .lstConBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:linear-gradient(to bottom, #E21B2E, #7C0F19);
	opacity: 0;
	transition:all .3s ease;
	z-index: 1;
}
.brandWr .brandWhyBox01 .lst01 .lstTit01,
.brandWr .brandWhyBox01 .lst01 .lstTxt01 { 
	position:relative;
	color: #2E3337;
	line-height: 1.4;
	letter-spacing: 0;
	transition:all .3s ease;
	z-index: 2;
}
.brandWr .brandWhyBox01 .lst01 .lstTit01 { 
	margin:0 0 39px;
	font-weight: 700;
	font-size: 26px;
}
.brandWr .brandWhyBox01 .lst01 .lstTxt01 { 
	font-size: 18px;
}
.brandWr .brandWhyBox01 .lst01 li:hover .lstConBox { 
	background:transparent;
}
.brandWr .brandWhyBox01 .lst01 li:first-child:hover .lstConBox:before { 
	background-image: url(/Form/_guest/basic/images/brandWhyLst01_01_on.svg);
}
.brandWr .brandWhyBox01 .lst01 li:nth-child(2):hover .lstConBox:before { 
	background-image: url(/Form/_guest/basic/images/brandWhyLst01_02_on.svg);
}
.brandWr .brandWhyBox01 .lst01 li:nth-child(3):hover .lstConBox:before { 
	background-image: url(/Form/_guest/basic/images/brandWhyLst01_03_on.svg);
}
.brandWr .brandWhyBox01 .lst01 li:nth-child(4):hover .lstConBox:before { 
	background-image: url(/Form/_guest/basic/images/brandWhyLst01_04_on.svg);
}
.brandWr .brandWhyBox01 .lst01 li:hover .lstConBox:after { 
	opacity: .8;
}
.brandWr .brandWhyBox01 .lst01 li:hover .lstTit01,
.brandWr .brandWhyBox01 .lst01 li:hover .lstTxt01 { 
	color: #FFF;
}
.brandWr .brandSolBox01 { 
	padding:102px 0 253px;
	background:url(/Form/_guest/basic/images/brandSolBg01.png) no-repeat top 0 center / cover;
	overflow: hidden;
}
.brandWr .brandSolBox01 .solTopBox01 { 
	display:flex;
	gap:70px;
	max-width: 1292px;
	margin:0 auto 303px;
}
.brandWr .brandSolBox01 .solTopBox01 .tit01 { 
	padding:0 0 57px;
	font-weight: 700;
	font-size: 44px;
	letter-spacing: -1.02px;
	color: #FFF;
}
.brandWr .brandSolBox01 .solTopBox01 .tit01 span { 
	display:block;
	margin:0 0 39px;
	font-size: 0;
}
.brandWr .brandSolBox01 .solTopBox01 .tit01 span img { 
	max-width: 100%;
}
.brandWr .brandSolBox01 .solTopBox01 .txtBox01 { 
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.brandWr .brandSolBox01 .solTopBox01 .txt01 { 
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #F6F6F9;
}
.brandWr .brandSolBox01 .solSwipeBox { 
	position:relative;
	max-width: 1460px;
	margin:0 auto;
}
.brandWr .brandSolBox01 .solSwipeBox .swiper-slide { 
	display:flex;
	flex-direction:column;
	gap:37px;
	width: auto;
}
.brandWr .brandSolBox01 .solSwipeBox .swiper-slide:nth-child(even) {
	flex-direction:column-reverse;
}
.brandWr .brandSolBox01 .solSwipeBox .imgBox { 
	font-size: 0;
}
.brandWr .brandSolBox01 .solSwipeBox .imgBox img { 
	width: 100%;
}
.brandWr .brandSolBox01 .solSwipeBox .tit01 { 
	margin:0 0 38px;
	font-weight: 700;
	font-size: 26px;
	letter-spacing: 0;
	color: #F6F6F9;
}
.brandWr .brandSolBox01 .solSwipeBox .txt01 { 
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #F6F6F9;
}
.brandWr .brandSolBox01 .solSwipeNavBox { 
	position:absolute; 
	display:flex;
	gap:24px;
	top: -169px;
	right: 0;
}
.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav { 
	position:relative; 
	display:block; 
	width: 68px;
	height: 68px;
	border:2px solid #FFF;
	border-radius: 50%;
}
.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
}
.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav.stPrev:before { 
	margin:-6px 0 0 -4px;
	transform:rotate(-135deg);
}
.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav.stNext:before { 
	margin:-6px 0 0 -8px;
	transform:rotate(45deg);
}
.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav.swiper-button-disabled,
.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav.swiper-button-disabled:before { 
	border-color:#6E6E6E;
}
.brand01Wr .brandWr .brandInfoBox01 .lnk01 { 
	color: #E21B2E;
	border-bottom-color: #E21B2E;
}
.brand01Wr .brandWr .brandInfoBox01 .lnk01:after { 
	background-image: url(/Form/_guest/basic/images/brand01InfoArrow01.svg);
}
.brand01Wr .brandWr .brandNeedBox01 { 
	background: #F6F6F9;
}
.brand01Wr .brandWr .brandNeedBox01 .tit01 span,
.brand01Wr .brandWr .brandNeedBox01 .lst01 .lstTit01,
.brand01Wr .brandWr .brandCoatBox01 .tit01 span { 
	color: #E21B2E;
}
.brand01Wr .brandWr .brandNeedBox01 .lst01 li:hover,
.brand01Wr .brandWr .brandCoatBox01 .btnBox01 .btnCoat { 
	border-color:#E21B2E;
}
.brand01Wr .brandWr .brandCoatBox01 .btnBox01 { 
	width: 288px;
}
.brand01Wr .brandWr .brandCoatBox01 .btnBox01 .btnCoat,
.brand01Wr .brandWr .brandSystemBox01 .tit01 span,
.brand01Wr .brandWr .brandSystemBox01 .lst01 .lstTit01 { 
	color: #E21B2E;
}
.brand01Wr .brandWr .brandCoatBox01 .btnBox01 .btnCoat.on,
.brand01Wr .brandWr .brandSystemBox01 .lst01 li:hover { 
	background: #E21B2E;
}
.brand01Wr .brandWr .brandSystemBox01 { 
	background: #560C15;
}
.brand02Wr .brandWr .brandInfoBox01 .lnk01 { 
	color: #0087D2;
	border-bottom-color: #0087D2;
}
.brand02Wr .brandWr .brandInfoBox01 .lnk01:after { 
	background-image: url(/Form/_guest/basic/images/brand02InfoArrow01.svg);
}
.brand02Wr .brandWr .brandNeedBox01 .tit01 span,
.brand02Wr .brandWr .brandCoatBox01 .tit01 span,
.brand02Wr .brandWr .brandSystemBox01 .tit01 span,
.brand02Wr .brandWr .brandSystemBox01 .lst01 .lstTit01,
.brand02Wr .brandWr .brandNeedBox01 .lst02 .lstTit01 { 
	color: #0087D2;
}
.brand02Wr .brandWr .brandCoatBox01 .btnBox01 { 
	width: 197px;
}
.brand02Wr .brandWr .brandCoatBox01 .btnBox01 .btnCoat { 
	border-color: #0087D2;
	color: #0087D2;
}
.brand02Wr .brandWr .brandCoatBox01 .btnBox01 .btnCoat.on,
.brand02Wr .brandWr .brandSystemBox01 .lst01 li:hover { 
	background: #0087D2;
}
.brand02Wr .brandWr .brandSystemBox01 { 
	background: #1C384C;
}
.brand02Wr .brandWr .brandNeedBox01 { 
	background:url(/Form/_guest/basic/images/brand02NeedBg01.png) no-repeat center / cover;
}
.brand02Wr .brandWr .brandNeedBox01 .tit01 { 
	color: #FFF;
}
.brand03Wr .brandWr .brandInfoBox01 .lnk01 { 
	color: #E2571B;
	border-bottom-color: #E2571B;
}
.brand03Wr .brandWr .brandInfoBox01 .lnk01:after { 
	background-image: url(/Form/_guest/basic/images/brand03InfoArrow01.svg);
}
.brand03Wr .brandWr .brandNeedBox01 .tit01 span,
.brand03Wr .brandCoatBox01 .tit01 span,
.brand03Wr .brandWr .brandSystemBox01 .tit01 span,
.brand03Wr .brandWr .brandSystemBox01 .lst01 .lstTit01 { 
	color: #E2571B;
}
.brand03Wr .brandWr .brandCoatBox01 .btnBox01 { 
	width: 213px;
}
.brand03Wr .brandWr .brandCoatBox01 .btnBox01 .btnCoat { 
	border-color: #E2571B;
	color: #E2571B;
}
.brand03Wr .brandWr .brandCoatBox01 .btnBox01 .btnCoat.on,
.brand03Wr .brandWr .brandSystemBox01 .lst01 li:hover { 
	background: #E2571B;
}
.brand03Wr .brandWr .brandSystemBox01 { 
	background: #4C2A1C;
}
.brand02Wr .brandWr .brandSystemBox01 .lst01 li:hover .lstIco01 .stOn,
.brand03Wr .brandWr .brandSystemBox01 .lst01 li:hover .lstIco01 .stOn { 
	display:none;
}
.brand02Wr .brandWr .brandSystemBox01 .lst01 li:hover .lstIco01 .stOff,
.brand03Wr .brandWr .brandSystemBox01 .lst01 li:hover .lstIco01 .stOff { 
	display:inline;
}
.brand03Wr .brandWr .brandNeedBox01 { 
	background:url(/Form/_guest/basic/images/brand03NeedBg01.png) no-repeat center / cover;
}
.brand03Wr .brandWr .brandNeedBox01 .tit01 { 
	color: #FFF;
}
.brand03Wr .brandWr .brandNeedBox01 .lst03 li:hover { 
	border-color:#E2571B;
}
.brand03Wr .brandWr .brandNeedBox01 .lst03 .lstTit01 { 
	color: #E2571B;
}
@media all and (max-width:1640px){
	.brandWr .brandBnrBox01 .logo {
		left: 20px;
		margin:0;
	}
}
@media all and (max-width:1399px){	
	.brandWr .brandCoatBox01 { 
		padding:100px 0;
	}
	.brandWr .brandCoatBox01 .inner { 
		flex-wrap:wrap;
		gap:36px;
	}
	.brandWr .brandCoatBox01 .txtBox01,
	.brandWr .brandCoatBox01 .coatSwipeBox01 { 
		width: 100%;
	}
	.brandWr .brandCoatBox01 .tit01 { 
		margin:0 0 24px;
	}
	.brandWr .brandCoatBox01 .tit01 br { 
		display:none;
	}
	.brandWr .brandCoatBox01 .btnBox01 { 
		display:flex;
		flex-wrap:wrap;
		gap:16px;
	}
	.brandWr .brandCoatBox01 .btnBox01 .btnCoat { 
		width: auto;
		margin:0;
		padding:13px 24px 13px 60px;
	}
	
	.brand01Wr .brandWr .brandCoatBox01 .btnBox01,
	.brand02Wr .brandWr .brandCoatBox01 .btnBox01,
	.brand03Wr .brandWr .brandCoatBox01 .btnBox01 { 
		width: 100%;
	}
}
@media all and (max-width:999px){
	.brandWr .brandBnrBox01 { 
		display:flex;
		align-items:center; 
		justify-content:center;
		height: 500px;
		overflow: hidden;
	}
	.brandWr .brandBnrBox01 > img { 
		position:absolute;
		width: 1000px;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	.brandWr .brandBnrBox01 .logo { 
		position:relative;
		width: 200px;
		top: auto;
		left: auto;
		transform:translateY(0);
	}
	.brandWr .brandMenuBox01 { 
		height: 45px;
	}
	.brandWr .brandMenuBox01 .inner { 
		margin:0;
		padding:0 80px 0 0;
	}
	.brandWr .brandMenuBox01 .brandMenu01 .lnk01 { 
		padding:0 10px;
	}
	.brandWr .brandMenuBox01 .menuLogo01_01 { 
		width: 100px;
	}
	.brandWr .brandMenuBox01 .menuLogo01_02 { 
		width: 80px;
	}
	.brandWr .brandMenuBox01 .menuLogo01_03 { 
		width: 120px;
	}
	.brandWr .brandMenuBox01 .arrowBox01 { 
		width: 80px;
	}
	.brandWr .brandMenuBox01 .arrowBox01 .menuArrow:before { 
		width: 8px;
		height: 8px;
		border-width:1px;
	}
	.brandWr .brandMenuBox01 .arrowBox01 .menuArrow.stPrev:before { 
		margin:-4px 0 0 -2px;
	}
	.brandWr .brandMenuBox01 .arrowBox01 .menuArrow.stNext:before { 
		margin:-4px 0 0 -6px;
	}
	.brandWr .brandInfoBox01 { 
		padding:40px 0 38px;
	}
	.brandWr .brandInfoBox01 .inner { 
		flex-wrap:wrap;
		gap:30px;
		overflow: hidden;
	}
	.brandWr .brandInfoBox01 .imgBox { 
		width: 200px;
		margin:0;
	}
	.brandWr .brandInfoBox01 .conBox { 
		width: 100%;
	}
	.brandWr .brandInfoBox01 .tit01 { 
		margin:0 0 14px;
		font-size: 24px;
	}
	.brandWr .brandInfoBox01 .txt01 { 
		margin:0 0 21px;
		font-size: 13px;
	}
	.brandWr .brandInfoBox01 .txt01 br { 
		display:none;
	}
	.brandWr .brandInfoBox01 .lnk01 { 
		margin:0 0 40px;
		padding:0 24px 6px 0;
		font-size: 14px;
	}
	.brandWr .brandInfoBox01 .lnk01:after { 
		width: 10px;
		height: 9px;
		top: 5px;
		right: 1px;
	}
	.brandWr .brandInfoBox01 .infoSwipe01 .swipeIcoBox { 
		width: 52px;
		height: 52px;
		margin:0 auto 5px;
	}
	.brandWr .brandInfoBox01 .infoSwipe01 .swipeIcoBox img { 
		width: 20px;
	}
	.brandWr .brandInfoBox01 .infoSwipe01 .swipeTxt01 { 
		font-size: 14px;
	}
	.brandWr .brandNeedBox01 { 
		padding:77px 0 79px;
	}
	.brandWr .brandNeedBox01 .tit01 { 
		margin:0 0 36px;
		font-size: 24px;
	}
	.brandWr .brandNeedBox01 .lst01 { 
		gap:16px;
	}
	.brandWr .brandNeedBox01 .lst01 li { 
		width: 100%;
		padding:20px 23px 23px;
	}
	.brandWr .brandNeedBox01 .lst01 .lstTit01 { 
		margin:0 0 14px;
		font-size: 18px;
	}
	.brandWr .brandNeedBox01 .lst01 .lstTxt01 { 
		font-size: 14px;
	}	
	.brandWr .brandNeedBox01 .lst02 li,
	.brandWr .brandNeedBox01 .lst03 li {
		padding:20px 23px 23px;
		background: #FFF;
		border:1px solid #FFF;
		border-radius: 20px;
		transition:all .3s ease;
	}
	.brandWr .brandNeedBox01 .lst02 .lstTit01,
	.brandWr .brandNeedBox01 .lst03 .lstTit01 { 
		margin:0 0 14px;
		font-size: 18px;
	}
	.brandWr .brandNeedBox01 .lst02 .lstTxt01,
	.brandWr .brandNeedBox01 .lst03 .lstTxt01 { 
		font-size: 14px;
		color: #575E65;
	}
	.brandWr .brandNeedBox01 .lst02 li { 
		margin:0 0 16px;
	}
	.brandWr .brandNeedBox01 .lst03 { 
		gap:16px;
	}
	.brandWr .brandNeedBox01 .lst03 li { 
		width: 100%;
	}
	.brandWr .brandCoatBox01 { 
		padding:80px 0;
	}
	.brandWr .brandCoatBox01 .inner {
		gap:40px;
		overflow: hidden;
	}
	.brandWr .brandCoatBox01 .txtBox01 { 
		width: 100%;
	}
	.brandWr .brandCoatBox01 .tit01 {
		margin:0 0 16px;
		font-size: 24px;
	}
	.brandWr .brandCoatBox01 .btnBox01 .btnCoat { 
		padding:7px 15px 6px;
		font-size: 0;
	}
	.brandWr .brandCoatBox01 .btnBox01 .btnCoat span { 
		position:relative;
		bottom: auto;
		left: auto;
		font-size: 14px;
	}
	.brandWr .brandSystemBox01 { 
		padding:80px 0;
	}
	.brandWr .brandSystemBox01 .tit01 { 
		margin:0 0 35px;
		font-size: 24px;
	}
	.brandWr .brandSystemBox01 .lst01 {
		gap:8px;
	}
	.brandWr .brandSystemBox01 .lst01 li { 
		width: calc((100% - 8px)/2);
		padding:20px 16px;
	}
	.brandWr .brandSystemBox01 .lst01 .lstTit01 { 
		margin:0 0 17px;
		font-size: 16px;
	}
	.brandWr .brandSystemBox01 .lst01 .lstTxt01 { 
		margin:0 0 42px;
		font-size: 14px;
	}
	.brandWr .brandSystemBox01 .lst01 .lstIco01 img { 
		width: 40px;
	}
	.brandWr .brandPaintBox01 { 
		padding:80px 0;
		overflow: hidden;
	}
	.brandWr .brandPaintBox01 .tit01 { 
		margin:0 0 8px;
		font-size: 24px;
	}
	.brandWr .brandPaintBox01 .txt01 { 
		margin:0 0 36px;
		font-size: 14px;
	}
	.brandWr .brandPaintBox01 .graphBox01 { 
		flex-wrap:wrap; 
		gap:16px;
	}
	.brandWr .brandPaintBox01 .graphBox01 .imgBox { 
		width: 240px;
		max-width: 100%;
		margin:0 auto;
	}
	.brandWr .brandPaintBox01 .graphTblBox01 { 
		width: 100%;
	}
	.brandWr .brandPaintBox01 .graphTblBox01 thead th { 
		padding:8px;
		font-size: 13px;
	}
	.brandWr .brandPaintBox01 .graphTblBox01 thead th:first-child { 
		width: 75px;
	}
	.brandWr .brandPaintBox01 .graphTblBox01 tbody th { 
		padding:8px;
		font-size: 13px;
	}
	.brandWr .brandPaintBox01 .graphTblBox01 tbody td { 
		padding:8px 16px;
	}
	.brandWr .brandPaintBox01 .graphTblBox01 .gaugeBox { 
		height: 6px;
	}
	.brandWr .brandHowBox01 { 
		padding:80px 0;
	}
	.brandWr .brandHowBox01 .tit01 { 
		margin:0 0 35px;
		font-size: 24px;
	}
	.brandWr .brandHowBox01 .lst01 { 
		gap:16px;
	}
	.brandWr .brandHowBox01 .lst01 li { 
		width: 100%;
		border-radius: 10px;
	}
	.brandWr .brandHowBox01 .lst01 .lstTit01 { 
		padding:10px;
		border-radius: 10px 10px 0 0;
		font-size: 14px;
	}
	.brandWr .brandHowBox01 .lst01 .lstConBox { 
		padding:10px;
		border-radius: 0 0 10px 10px;
		background-size:80px auto;
	}
	.brandWr .brandHowBox01 .lst01 .lstTxt01 { 
		font-size: 13px;
	}
	.brandWr .brandHowBox01 .lst01 .lstTxt01 br { 
		display:none;
	}
	.brandWr .brandProtectBox01 { 
		padding:80px 0;
	}
	.brandWr .brandProtectBox01 .tit01 { 
		margin:0 0 35px;
		font-size: 24px;
	}
	.brandWr .brandProtectBox01 .tit01 span { 
		padding:0 0 0 32px;
	}
	.brandWr .brandProtectBox01 .tit01 span:before { 
		width: 28px;
		height: 21px;
		top: 5px;
	}
	.brandWr .brandProtectBox01 .lst01 { 
		gap:16px
	}
	.brandWr .brandProtectBox01 .lst01 li { 
		width: 100%;
		padding:16px 16px 14px;
		border-radius: 10px;
	}
	.brandWr .brandProtectBox01 .lst01 .lstIco01 { 
		width: 30px;
		margin:0 0 5px;
	}
	.brandWr .brandProtectBox01 .lst01 .lstTit01 { 
		margin:0 0 8px;
		font-size: 14px;
	}
	.brandWr .brandProtectBox01 .lst01 .lstTxt01 { 
		font-size: 13px;
		line-height: 1.3;
	}
	.brandWr .brandWhyBox01 { 
		padding:80px 0;
	}
	.brandWr .brandWhyBox01 .tit01 { 
		margin:0 0 35px;
		font-size: 24px;
	}
	.brandWr .brandWhyBox01 .lst01 { 
		gap:12px;
	}
	.brandWr .brandWhyBox01 .lst01 li { 
		width: 100%;
		text-align: left;
	}
	.brandWr .brandWhyBox01 .lst01 li:nth-child(even) { 
		padding:0;
	}
	.brandWr .brandWhyBox01 .lst01 .lstConBox { 
		padding:20px 20px 20px 70px;
		border-radius: 10px;
	}
	.brandWr .brandWhyBox01 .lst01 .lstConBox:before { 
		position:absolute;
		width: 32px;
		height: 32px;
		top: 32px;
		left: 18px;
		margin:0;
	}
	.brandWr .brandWhyBox01 .lst01 .lstTit01 { 
		margin:0 0 2px;
		font-size: 14px;
	}
	.brandWr .brandWhyBox01 .lst01 .lstTit01 br { 
		display:none;
	}
	.brandWr .brandWhyBox01 .lst01 .lstTxt01 { 
		font-size: 13px;
	}
	.brandWr .brandSolBox01 { 
		padding:80px 0;
		overflow: hidden;
	}
	.brandWr .brandSolBox01 .solTopBox01 { 
		flex-wrap:wrap;
		gap:16px;
		margin:0 0 35px;
	}
	.brandWr .brandSolBox01 .solTopBox01 .tit01 {
		padding:0;
		font-size: 24px;
	}
	.brandWr .brandSolBox01 .solTopBox01 .tit01 span { 
		width: 120px;
		margin:0 0 16px;
	}
	.brandWr .brandSolBox01 .solTopBox01 .txt01 { 
		font-size: 16px;
	}
	.brandWr .brandSolBox01 .solTopBox01 .tit01 br,
	.brandWr .brandSolBox01 .solTopBox01 .txt01 br { 
		display:none;
	}
	.brandWr .brandSolBox01 .solSwipeBox { 
		overflow: hidden;
	}
	.brandWr .brandSolBox01 .solSwipeBox .swiper-slide { 
		gap:10px;
	}
	.brandWr .brandSolBox01 .solSwipeBox .swiper-slide:nth-child(even) { 
		flex-direction:column;
	}
	.brandWr .brandSolBox01 .solSwipeBox .imgBox {
		position:relative;
		padding:52.26% 0 0;
		overflow: hidden;
	}	
	.brandWr .brandSolBox01 .solSwipeBox .imgBox img { 
		position:absolute; 
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	.brandWr .brandSolBox01 .solSwipeBox .tit01 { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.brandWr .brandSolBox01 .solSwipeBox .txt01 {
		font-size: 13px;
		line-height: 1.3;
	}
	.brandWr .brandSolBox01 .solSwipeBox .txt01 br { 
		display:none;
	}
	.brandWr .brandSolBox01 .solSwipeNavBox { 
		position:relative;
		justify-content:flex-end;
		gap:8px;
		top: auto;
		right: auto;
		margin:0 0 16px;
	}
	.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav { 
		width: 40px;
		height: 40px;
	}
	.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav:before { 
		width: 8px;
		height: 8px;
	}
	.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav.stPrev:before { 
		margin:-4px 0 0 -2px;
	}
	.brandWr .brandSolBox01 .solSwipeNavBox .solSwipeNav.stNext:before { 
		margin:-4px 0 0 -6px;
	}
	.brand02Wr .brandWr .brandNeedBox01,
	.brand03Wr .brandWr .brandNeedBox01 { 
		background: #F6F6F9;
	}
	.brand02Wr .brandWr .brandNeedBox01 .tit01,
	.brand03Wr .brandWr .brandNeedBox01 .tit01 { 
		color: #2E3337;
	}
	.brand02Wr .brandWr .brandNeedBox01 .lst02 li:hover { 
		border-color:#0087D2;
	}
}
/* 브랜드 소개 끝
------------------------------------------------------ */
/* 다운로드 시작
------------------------------------------------------ */
.downloadWr .downBox01 { 
	padding:0;
}
.downloadWr .downBox01 .brdTopBox01 {
	max-width: 1200px;
	margin:0 auto 24px;
}
.downloadWr .downBox01 .schBox01 {
	display:flex;
	align-items:center;
	gap:8px;
}
.downloadWr .downBox01 .schBox01 .ipt01 {
	width: 320px;
	height:48px;
	padding:0 18px;
	box-sizing:border-box;
}
.downloadWr .downBox01 .schBox01 .btnSch01 {
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:48px;
	box-sizing:border-box;
	padding:0 24px;
	background:#E21B2E;
	border:1px solid #E21B2E;
	font-weight:500;
	font-size:16px;
	color:#FFF;
	transition:all .3s ease;
}
.downloadWr .downBox01 .schBox01 .btnSch01:focus,
.downloadWr .downBox01 .schBox01 .btnSch01:hover {
	background:#FFF;
	color:#E21B2E;
}
.downloadWr .lineBrdLstBox01 .lst01 {
	max-width:1200px;
	margin:0 auto;
	border-top:2px solid #2E3337;
}
.downloadWr .lineBrdLstBox01 .lst01 li {
	border-bottom:1px solid #E0E2E4;
}
.downloadWr .lineBrdLstBox01 .lst01 .brdLnk01 {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:24px;
	padding:31px 0 29px;
}
.downloadWr .lineBrdLstBox01 .lst01 .infoBox01 {
	flex-grow:1;
	min-width:0;
}
.downloadWr .lineBrdLstBox01 .lst01 .lnkTit01 {
	display:block;
	margin:0 0 10px;
	font-weight:500;
	font-size:24px;
	line-height:1.4;
	letter-spacing:-0.03em;
	color:#2E3337;
	word-break:break-all;
	transition:all .3s ease;
}
.downloadWr .lineBrdLstBox01 .lst01 .lnkTxt01 {
	display:block;
	font-weight:500;
	font-size:17px;
	line-height:1.6;
	letter-spacing:-0.03em;
	color:#8B8F93;
	word-break:break-all;
}
.downloadWr .lineBrdLstBox01 .lst01 .sideBox01 {
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:14px;
	padding-top:4px;
}
.downloadWr .lineBrdLstBox01 .lst01 .lnkDate01 {
	font-weight:500;
	font-size:15px;
	color:#8B8F93;
}
.downloadWr .lineBrdLstBox01 .lst01 .lnkMore01 {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:112px;
	padding:11px 18px 9px;
	border:1px solid #E21B2E;
	border-radius:7px;
	font-weight:500;
	font-size:14px;
	color:#E21B2E;
	transition:all .3s ease;
}
.downloadWr .lineBrdLstBox01 .lst01 .brdLnk01:focus .lnkTit01,
.downloadWr .lineBrdLstBox01 .lst01 .brdLnk01:hover .lnkTit01 {
	color:#E21B2E;
}
.downloadWr .lineBrdLstBox01 .lst01 .brdLnk01:focus .lnkMore01,
.downloadWr .lineBrdLstBox01 .lst01 .brdLnk01:hover .lnkMore01 {
	background:#E21B2E;
	color:#FFF;
}
.downloadDetailWr .downloadLinkBox01 {
	margin-top:32px;
}
.downloadDetailWr .downloadLinkBox01 .lnkOut01 {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:180px;
	height:56px;
	padding:0 32px;
	box-sizing:border-box;
	background:#E21B2E;
	border:1px solid #E21B2E;
	border-radius:8px;
	font-weight:600;
	font-size:18px;
	color:#FFF;
	transition:all .3s ease;
}
.downloadDetailWr .downloadLinkBox01 .lnkOut01:focus,
.downloadDetailWr .downloadLinkBox01 .lnkOut01:hover {
	background:#FFF;
	color:#E21B2E;
}
.downloadDetailWr .downloadLinkBox01 .txtEmpty01 {
	font-weight:500;
	font-size:18px;
	line-height:1.6;
	color:#8B8F93;
}
@media all and (max-width:1399px){
	.downloadWr .downBox01 { 
		padding:0;
	}
}
@media all and (max-width:999px){
	.downloadWr .downBox01 .brdTopBox01 {
		display:block;
		margin:0 0 16px;
	}
	.downloadWr .downBox01 .schBox01 {
		margin-top:12px;
	}
	.downloadWr .downBox01 .schBox01 .ipt01 {
		width:100%;
		height:42px;
	}
	.downloadWr .downBox01 .schBox01 .btnSch01 {
		height:42px;
		padding:0 18px;
		font-size:14px;
	}
	.downloadWr .lineBrdLstBox01 .lst01 .brdLnk01 {
		display:block;
		padding:18px 0 16px;
	}
	.downloadWr .lineBrdLstBox01 .lst01 .lnkTit01 {
		margin-bottom:6px;
		font-size:16px;
	}
	.downloadWr .lineBrdLstBox01 .lst01 .lnkTxt01 {
		font-size:13px;
	}
	.downloadWr .lineBrdLstBox01 .lst01 .sideBox01 {
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
		margin-top:14px;
		padding-top:0;
	}
	.downloadWr .lineBrdLstBox01 .lst01 .lnkDate01 {
		font-size:12px;
	}
	.downloadWr .lineBrdLstBox01 .lst01 .lnkMore01 {
		min-width:auto;
		padding:8px 16px 7px;
		font-size:12px;
	}
	.downloadDetailWr .downloadLinkBox01 {
		margin-top:20px;
	}
	.downloadDetailWr .downloadLinkBox01 .lnkOut01 {
		min-width:148px;
		height:46px;
		padding:0 22px;
		font-size:14px;
	}
	.downloadDetailWr .downloadLinkBox01 .txtEmpty01 {
		font-size:14px;
	}
}
/* 다운로드 끝
------------------------------------------------------ */
/* 문의하기 시작
------------------------------------------------------ */
.inquiryWr .inquiryFormBox01 .formBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.inquiryWr .inquiryFormBox01 dl { 
	display:flex;
	align-items:center;
	gap:10px;
	width: calc((100% - 24px)/2);
}
.inquiryWr .inquiryFormBox01 dl.fullWid { 
	width: 100%;
}
.inquiryWr .inquiryFormBox01 dt { 
	flex-shrink:0;
	width: 174px;
}
.inquiryWr .inquiryFormBox01 dd { 
	flex-grow:1;
	min-width: 0;
}
.inquiryWr .inquiryFormBox01 .iptTit01 { 
	display:block;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0;
	color: #666;
}
.inquiryWr .inquiryFormBox01 .iptTit01 .pnt01 { 
	font-weight: 400;
	font-size: 14px;		
	color: #FF2F2F;
}
.inquiryWr .inquiryFormBox01 .ipt01 { 
	padding:19px 15px 17px;
	background: #F6F6F9;
	border:1px solid #E0E2E4;
	border-radius: 8px;
	font-size: 17px;
	letter-spacing: 0;
	color: #2E3337;
}
.inquiryWr .inquiryFormBox01 .ipt01::placeholder { 
	color: #8B8F93;
}
.inquiryWr .inquiryFormBox01 select.ipt01 { 
	padding-right:40px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/inquirySel01.svg);
	background-repeat:no-repeat;
	background-position:center right 17px;
}
.inquiryWr .inquiryFormBox01 .ipt01[readonly] { 
	background: #FFEEEE;
	border-color:#FFCCC5;
}
.inquiryWr .inquiryFormBox01 .ipt01.fullWid { 
	width: 100%;
}
.inquiryWr .inquiryFormBox01 .callBox01 { 
	display:flex;
	align-items:center;
	gap:16px;
}
.inquiryWr .inquiryFormBox01 .callBox01 .ipt01 { 
	flex-grow:1;
}
.inquiryWr .inquiryFormBox01 .callBox01 .midBar { 
	flex-shrink:0;
	display:block; 
	width: 4px;
	height: 1px;
	background: #777;
}
.inquiryWr .inquiryFormBox01 .emailBox01 { 
	display:flex;
	align-items:center;
	gap:5px;
}
.inquiryWr .inquiryFormBox01 .emailBox01 .ipt01 { 
	flex-grow:1;
	min-width: 0;
}
.inquiryWr .inquiryFormBox01 .emailBox01 .midTxt { 
	flex-shrink:0;
	display:block;
	width: 15px;
	font-size: 17px;
	letter-spacing: 0;
	text-align: center;
	color: #777;
}
.inquiryWr .inquiryFormBox01 .btmBox {
	margin:80px 0 0;
	text-align: center;
}
.inquiryWr .inquiryFormBox01 .btmBox .btn { 
	display:inline-block;
	padding:29px 95px;
	background: #E21B2E;
	border-radius: 1000px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0;
	color: #FFF;
}
@media all and (max-width:999px){
	.inquiryWr .inquiryFormBox01 .formBox01 { 
		gap:20px;
	}
	.inquiryWr .inquiryFormBox01 dl { 
		flex-wrap:wrap;
		gap:4px;
		width: 100%;
	}
	.inquiryWr .inquiryFormBox01 dt,
	.inquiryWr .inquiryFormBox01 dd { 
		width: 100%;
	}
	.inquiryWr .inquiryFormBox01 dt { 
		padding:0 10px;
	}
	.inquiryWr .inquiryFormBox01 .ipt01 { 
		padding:14px 15px 11px;
		font-size: 16px;
	}
	.inquiryWr .inquiryFormBox01 .emailBox01 .midTxt {
		width: 12px;
		font-size: 13px;
	}
	.inquiryWr .inquiryFormBox01 .btmBox { 
		margin:40px 0 0;
	}
	.inquiryWr .inquiryFormBox01 .btmBox .btn { 
		padding:15px 65px 12px;
		font-size: 16px;
	}
}
/* 문의하기 끝
------------------------------------------------------ */