.subWrap{
	position:relative;
	width:100%;
	margin:10rem 0 0 0;
}

/*-----------------------------------------
# 서브 비주얼
-------------------------------------------*/
.subV_box{
	position:relative;
	width:100%;
	padding:6rem 0 0 0;
}
.subV_sidebox{
	max-width:176rem;
	padding:0 2rem;
	margin:0 auto;
}
.subV_titleBox {
    display: flex;
    position: relative;
    width: 100%;
    height: 46rem;
    border-radius: 1.5rem;
    overflow: hidden;
    background: #444;
    align-items: flex-end;
    justify-content: flex-start;
	padding:0 10rem 8rem 10rem;
}


.sv_title dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sv_title dl strong{ 
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: "Ubuntu", sans-serif;
	font-size: 7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 7rem;
	text-transform: uppercase;
}
.sv_title dl p{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
}

.subV_bred {
	margin:0 0 2rem 0;
    gap: 1.2rem;
    display: flex;
    color: #FFF;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
    /* text-transform: uppercase; */
    align-items: center;
    justify-content: flex-start;
}
.subV_bred span {
    display: inline-block;
    width: 0.5rem;
    height: 0.8rem;
    background-image: url(/public/img/sub/subV_bred_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.subV_bred b {
    font-family: pretendard-700;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 3rem;
}



.subpInner{
	position:relative;
	width:100%;
}
.subpflex {
    max-width: 176rem;
    margin: 0 auto;
    padding: 4rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0rem;
}
.subp a{
	display: flex;
	padding: 0.9rem 3.9rem;
	justify-content: center;
	align-items: center;
	border-radius: 99px;
	border: 1px solid #fff;
	background: #FFF;
	color: #AAA;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 5rem;
}
.subp a.on{
	border: 1px solid #75AD42;
	color: #75AD42;
	font-family: pretendard-600;
	font-weight: 600;
}
@media (max-width:1600px) {
	.subWrap {
		margin: 9rem 0 0 0;
	}
	.subV_box {
		padding: 4rem 0 0 0;
	}
	.subV_titleBox {
		height: 42rem;
		border-radius: 1.5rem;
		padding: 0 6rem 6rem 6rem;
	}
	.sv_title dl strong {
		font-size: 6rem;
		line-height: 6rem;
	}
}
@media (max-width:991px) {
	.subWrap {
		margin: 7rem 0 0 0;
	}
	.subV_box {
		padding: 3rem 0 0 0;
	}
	.subV_titleBox {
		height: 36rem;
		border-radius: 1rem;
		padding: 0 3rem 4rem 3rem;
	}
	.sv_title dl strong {
		font-size: 5rem;
		line-height: 5rem;
	}
	
	
	.subpflex {
		padding: 3rem 2rem;
	}
	.subp a {
		padding: 0.9rem 3rem;
		font-size: 1.8rem;
		line-height: 4rem;
	}
}
@media (max-width:767px) {
	.subWrap {
		margin: 5rem 0 0 0;
	}
	.subV_box {
		padding: 0rem 0 0 0;
	}
	.subV_sidebox {
		padding: 0rem;
	}
	.subV_titleBox {
		height: 24rem;
		border-radius: 0;
		padding: 0 2rem 3rem 2rem;
	}
	.subV_bred {
		margin: 0 0 1rem 0;
		gap: 1.2rem;
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.subV_bred b {
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.sv_title dl strong {
		font-size: 3.2rem;
		line-height: 4rem;
	}
	
	
	.subpflex {
		padding: 2rem 2rem;
	}
	/* .subp{width:100%} */
	.subp a {
		padding: 0.9rem 1.2rem;
		font-size: 1.4rem;
		line-height: 3rem;
	}
}


/*-----------------------------------------
# 회사소개 CEO GREETINGS
-------------------------------------------*/ 
.compWrap{
	position:relative;
	padding:4rem 0 10rem 0;
}
.compSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.subTitle{
	position:relative;
}
h1.subh1{
	text-align:left;
	color: #75AD42;
	font-family: "Ubuntu", sans-serif;
	font-size: 5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 7.4rem;
}

.company_bg_01{
	background-image: url(/public/img/sub/company_bg_01.webp);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}
.comgrBox{
	width:100%;
	position:relative;
	margin:5rem 0 0 0;
	display:flex;
	gap:8rem;
}
.comgrImg{
	position:relative;
	width:40%;
}
.comgrText {
    position: relative;
    width: 60%;
    display: flex;
    gap: 6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.grText{
	position:relative;
}
.grText h2{
	margin:0 0 5rem 0;
	text-align:left;
	position:relative;
	color: #000;
	font-family: pretendard-600;
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.2rem;
}
.grText h2:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-2.5rem;
	width: 4rem;
	height: 1px;
	background: #75AD42;
}
.grText h3{
	text-align:left;
	position:relative;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
}
@media (max-width:1600px) {
	h1.subh1 {
		font-size: 4.6rem;
		line-height: 6.4rem;
	}
	
	.comgrBox {
		margin: 4rem 0 0 0;
		gap: 6rem;
	}
}
@media (max-width:991px) {
	h1.subh1 {
		font-size: 4rem;
		line-height: 6rem;
	}
	
	.comgrBox {
		display: flex;
		margin: 3rem 0 0 0;
		gap: 6rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.comgrText {
		position: relative;
		width: 100%;
		display: flex;
		gap: 4rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.grText h2 {
		margin: 0 0 4rem 0;
		font-size: 2.6rem;
		line-height: 3.6rem;
	}
	.grText h2:before {
		bottom: -2rem;
		width: 4rem;
		height: 1px;
	}
	.grText h3 {
		font-size: 1.8rem;
		line-height: 3.4rem;
	}
}
@media (max-width:767px) {
	.compWrap {
		position: relative;
		padding: 2rem 0 5rem 0;
	}
	
	h1.subh1 {
		font-size: 3rem;
		line-height: 4.2rem;
	}
	
	
	.comgrBox {
		margin: 3rem 0 0 0;
		gap: 3rem;
	}
	.comgrImg {
		position: relative;
		width: 100%;
	}
	.grText h2 {
		margin: 0 0 3rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.grText h2:before {
		bottom: -1.5rem;
		width: 3rem;
		height: 1px;
	}
	.grText h3 br{display:none;}
	.grText h3 {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
}

/*-----------------------------------------
# 회사소개 HISTORY
-------------------------------------------*/ 
.company_bg_02{
	background-image: url(/public/img/sub/company_bg_02.webp);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}
.hisCont{
	overflow:hidden;
}
.hisCont ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -3rem;
    list-style-type: none;
    justify-content: flex-start;
}
.hisCont li {
    position: Relative;
    flex: 0 0 calc(25% - 6rem);
    margin: 3rem;
    box-sizing: border-box;
}
.hisCont li:nth-child(1) .hisitem{
	padding:15rem 0 0 0;
}
.hisCont li:nth-child(2) .hisitem{
	padding:10rem 0 0 0;
}
.hisCont li:nth-child(3) .hisitem{
	padding:5rem 0 0 0;
}
.hisitem{
	position:Relative;
	width:100%;
}
.histitle{
	position:Relative;
}
.hisCont li:last-child .histitle:before{
	content:none;
}
.histitle:before {
    bottom: 0;
    position: absolute;
    right: -6rem;
    display: inline-block;
    content: '';
    width: 6rem;
    height: 5rem;
    background-image: url(/public/img/sub/eorkr_line.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.histitle h2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: #000;
    font-family: pretendard-700;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.4rem;
    padding: 0 0 2rem 0;
    margin: 0 0 3.3rem 0;
    border-bottom: 1px solid #DDD;
}
.histitle h2 span{
	color: #75AD42;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.8rem;
}

.histsub{
	position:Relative;
	margin:2.4rem 0 0 0;
}
.histsub p{
	text-align:left;
	margin:0;
	color: #75AD42;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.2rem;
}
.histsub h3{
	padding:0 0 0 1.4rem;
	margin:0.6rem 0 0 0;
	position:Relative;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.histsub h3:before{
	content:'';
	position:absolute;
	left:0;
	top:1rem;
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	background:#75AD42;
}

@media (max-width:1600px) {
	.histitle:before{
		content:none;
	}
	.hisCont ul {
		margin: -2rem;
	}
	.hisCont li {
		flex: 0 0 calc(25% - 4rem);
		margin: 2rem;
	}
	.histitle h2 {
		font-size: 2.2rem;
		line-height: 4rem;
		padding: 0 0 2rem 0;
		margin: 0 0 3.3rem 0;
	}
}
@media (max-width:991px) {
	.hisCont {
		margin: 4rem 0 0 0;
		overflow: hidden;
	}
	.hisCont li {
		flex: 0 0 calc(50% - 4rem);
		margin: 2rem;
	}
	.hisCont li:nth-child(1) .hisitem{
		padding:0;
	}
	.hisCont li:nth-child(2) .hisitem{
		padding:0;
	}
	.hisCont li:nth-child(3) .hisitem{
		padding:0;
	}
}
@media (max-width:767px) {
	.hisCont {
		margin: 3rem 0 0 0;
	}
	.hisCont ul {
		gap: 4.4rem;
		margin: 0;
	}
	.hisCont li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
	.histitle h2 {
		font-size: 2rem;
		line-height: 3rem;
		padding: 0 0 1.4rem 0;
		margin: 0 0 2rem 0;
	}
	.histitle h2 span {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.histsub {
		margin: 2rem 0 0 0;
	}
}


/*-----------------------------------------
# 회사소개 LOCATION
-------------------------------------------*/ 
.compmapBox{
	margin:5rem 0 0 0;
	width:100%;
	position:Relative;
	gap:8rem;
	display:flex;
}
.compmap{
	width:50%;
	position:Relative;
}
.compmap dl{
	text-align:left;
	margin:0 0 1rem 0;
	color: #000;
    font-family: pretendard-700;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: 0.88px;
}

.addreitem{
	margin:1.4rem 0 0 0;
	position:Relative;
}
.addreitem ul{
	position:Relative;
}
.addreitem li{
	position:Relative;
	/* border-bottom:1px solid rgba(0,0,0,0.20); */
	border-bottom:1px solid #eee;
	padding:2.6rem 0 2.6rem 18rem;
}
.addreitem li:last-child{
	border-bottom:none;
	padding:2.6rem 0 0rem 18rem;
}
.addreitem li span {
    gap: 1.6rem;
    display: flex;
    position: absolute;
    left: 0;
    color: #000;
	font-family: pretendard-700;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: 0.88px;
    align-items: center;
    justify-content: flex-start;
}
.addreitem li span img{
	height:2.4rem;
}
.addreitem li p{
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}

.cmmap {
    position: relative;
    width: 100%;
    padding-bottom: 80%;
    overflow: hidden;
    border-radius: 1.6rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
}
.cmmap iframe {
    position: absolute;
    z-index: 1;
	left:0;
	top:0;
    width: 100%;
    height: 100%;
}

@media (max-width:1600px) {
	.compmapBox {
		margin: 4rem 0 0 0;
		gap: 6rem;
	}
}
@media (max-width:991px) {
	.compmapBox {
		display: flex;
		margin: 4rem 0 0 0;
		gap: 6rem;
		flex-direction: column;
	}
	.compmap {
		width: 100%;
		position: Relative;
	}
	.cmmap {
		padding-bottom: 50%;
		border-radius: 1.6rem;
	}
}
@media (max-width:767px) {
	.compmap dl {
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: 0.48px;
	}
	.compmapBox {
		margin: 3rem 0 0 0;
		gap: 5rem;
	}
	.cmmap {
		padding-bottom: 92%;
		border-radius: 1rem;
	}
	
	.addreitem li {
		padding: 2rem 0 2rem 0rem;
	}
	.addreitem li:last-child {
		padding: 2rem 0 0rem 0rem;
	}
	.addreitem li span {
		margin:0 0 1rem 0;
		gap: 1rem;
		display: flex;
		position: relative;
		font-size: 1.8rem;
		line-height: 2rem;
		letter-spacing: 0.88px;
	}
	.addreitem li span img {
		height: 2rem;
	}
	.addreitem li p {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}



/*-----------------------------------------
# 브랜드 리스트 페이지
-------------------------------------------*/
.brandTopWrap{
	position:Relative;
	width:100%;
	padding:8rem 0 10rem 0;
	background:#fff;
}
.brandTopSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.brandSeaBox {
	gap:2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.brandSeaBox .mtsea input {
    border: 1px solid #EEE;
    box-shadow: none;
}


.brtopList{
	position:Relative;
	margin:6rem 0 0 0;
}
.brtopList ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.4rem;
    list-style-type: none;
    justify-content: flex-start;
}
.brtopList li {
    position: Relative;
    flex: 0 0 calc(16.66666666% - 2.8rem);
    margin: 1.4rem;
    box-sizing: border-box;
}
.brtopCont{
	position:Relative;
}
.brtopCont:hover .brtImg:after{
	border: 1px solid #75AD42;
}
.brtopCont:hover .brtText strong{
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.brtImg{
	width:100%;
	position:Relative;
	border-radius:1.2rem;
	/* border: 1px solid #EEE; */
	background: #FFF;
	padding:0rem;
}
.brtImg:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.2rem;
    border: 1px solid #EEE;
    border-top-color: #EEE;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #EEE;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #EEE;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #EEE;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 4;
}
.brtImgInner{
position: relative;
    width: 100%;
    overflow: hidden;
padding-bottom: 78.27%;
    z-index: 2;
}
.brtImgInner img {
    max-width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
}
.brtText{
	margin:2.4rem 0 0 0;
	position:Relative;
}
.brtText strong{
	display:block;
	margin:0 0 1rem 0;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}
.brtText p{
	margin:0;
	height:12.5rem;
	overflow:hidden;
	color: #666;
	font-family: pretendard-300;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.8rem;
}
.brtBtn{
	position:Relative;
	width:100%;
	margin:0.6rem 0 0 0;
}
.brtBtn a {
    border-radius: 0.6rem;
    border: 1px solid #000;
    display: flex;
    padding: 1.3rem 1.9rem;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: #000;
	font-family: pretendard-400;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
}
.brtBtn a span{
	width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
	background-image: url(/public/img/common/down_arrow.png);
}




.brandListWrap{
	overflow:hidden;
	position:Relative;
	width:100%;
	padding:0rem 0 10rem 0;
	background: #F6F6F6;
}
.brandListSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.balistInner{
	position:Relative;
	width:100%;
}
.balist:nth-child(1):before{
	content:none;
}
.balist{
	position:Relative;
	width:100%;
	padding:10rem 0 0 0;
}
.balist:before{
	content:'';
	position:absolute;
	top: 5rem;
	left:0;
	width:100%;
	height:1px;
	background: rgba(0, 0, 0, 0.06);
}
.baInfo{
	position:Relative;
	width:100%;
	padding:0 19.8rem 0 0;
}
.baInfoLogo {
    position: Relative;
    width: 100%;
    display: flex;
    margin: 0 0 2rem 0;
    gap: 2rem;
    align-items: flex-end;
    justify-content: flex-start;
}
/* .baInfoLogoInner{ */
	/* display:inline-block; */
/* } */
/* .baInfoLogoInner img { */
    /* max-width: 50%; */
/* } */
.baInfoLogoInner {
    gap: 2rem;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.baInfoLogoInner img{ max-width: 30%;}
.baInfoLogoInner h2{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}
.baInfo h3{
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem;
	letter-spacing: -0.32px;
}



.brSilde{
	margin:4rem 0 0 0;
	position:Relative;
}
.brSilde .swiper {
    overflow: unset;
}
.brContInner{
	position:Relative;
}

.brCont{
	    overflow: hidden;
	width:100%; 
	border-radius: 1.2rem;
	background: #FFF;
	padding:0rem;
	position:Relative;
}
.brCont:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.2rem;
    border: 1px solid #EEE;
    border-top-color: #EEE;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #EEE;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #EEE;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #EEE;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 4;
}
.brContImg {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 96.43%;
    z-index: 2;
}

.brContImg img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
}
.brctext{
	width:100%;
}
.brctext h3{
	margin:1.4rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}

.brBtnGroup{
	position:absolute;
	right:0;
	z-index:10;
    top: -8.8rem;
}
.brBtnGroup .deBtnGroupInner{
	margin:0;
}
.brBtnGroup .deBtnGroupInner .swiper-button-prev,
.brBtnGroup .deBtnGroupInner .swiper-button-next{
	background:#fff;
}

@media (max-width:1600px) {
	.brtopList ul {
		margin: -1rem;
	}
	.brtopList li {
		flex: 0 0 calc(16.66666666% - 2rem);
		margin: 1rem;
	}
	.brtText {
		margin: 2rem 0 0 0;
	}
	.brtText strong {
		margin: 0 0 1rem 0;
		font-size: 2rem;
		line-height: 2.6rem;
	}
}
@media (max-width:991px) {
	.brtopList li {
		flex: 0 0 calc(33.33333333333% - 2rem);
		margin: 1rem;
	}
	
	
	.brctext h3 {
		margin: 1.2rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}
@media (max-width:767px) {
	.brandTopWrap {
		padding: 5rem 0 5rem 0;
	}
	
	.brtopList {
		margin: 3rem 0 0 0;
	}
	.brtopList li {
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
	}
	.brtImg{
		border-radius:0.6rem;
	}
	.brtImg:after {
		border-radius: 0.6rem;
	}
	.brtText {
		margin: 1rem 0 0 0;
	}
	.brtText strong {
		margin: 0 0 0.6rem 0;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.brtText p {
		word-break: initial;
		margin: 0;
		height: 10.5rem;
		overflow: hidden;
		color: #666;
		font-family: pretendard-300;
		font-size: 1.4rem;
		font-style: normal;
		font-weight: 300;
		line-height: 2.4rem;
	}
	.brtBtn a {
		border-radius: 0.6rem;
		padding: 1.1rem 1.2rem;
		gap: 8px;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	
	.balist {
		padding: 6rem 0 0 0;
	}
	.balist:before {
		top: 3rem;
	}
	.baInfo {
		padding: 0;
	}
	.baInfoLogo {
		margin: 0 0 1.4rem 0;
		/* gap: 1rem; */
		/* align-items: flex-start; */
		/* justify-content: flex-start; */
		/* flex-direction: column; */
	}
	.baInfoLogoInner {
		gap: 1rem;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.baInfoLogoInner h2 {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.baInfoLogoInner img {
		height: 3rem;
        max-width: inherit;
	}
	.baInfo h3 {
		font-size: 1.4rem;
		line-height: 2.4rem;
		letter-spacing: -0.2px;
	}
	.brctext h3 {
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.brCont {
		border-radius: 0.6rem;
	}
	.brCont:after {
		border-radius: 0.6rem;
	}
	
	.brSilde {
		margin: 2rem 0 0 0;
	}
	.brBtnGroup {
		margin: 2rem 0 0 0;
		position: relative;
		right: inherit;
		z-index: 10;
		top: inherit;
	}
}


/*-----------------------------------------
# 제품 검색결과
-------------------------------------------*/
.subWrap.sea .brandTopWrap {
    padding: 8rem 0 6rem 0;
}

.searchWrap {
    overflow: hidden;
    position: Relative;
    width: 100%;
    padding: 0rem 0 10rem 0;
    background: #fff;
}
.searchSideBox {
    max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.seaTable {
    position: relative;
    width: 100%;
}
.seaTable table {
    width: 100%;
    position: relative;
    border-collapse: collapse;
}
.seaTable table colgroup col.num1{width:30rem; }
.seaTable table colgroup col.num2{width:27rem; }
.seaTable table colgroup col.num3{width:75rem; }
.seaTable table colgroup col.num4{width:20rem; }
.seaTable table thead th {
    padding: 1.6rem 2rem;
    color: #000;
    text-align: left;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3rem;
    border-collapse: collapse;
    border-bottom: 1px solid #75AD42;
}
.seaTable table tbody td {
	vertical-align: top;
	word-break: break-all;
    padding: 1rem 2rem;
    border-bottom: 1px solid #eee;
    border-collapse: collapse;
    color: #000;
    text-align: left;
    font-family: pretendard-400;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
}
@media (max-width:1600px) {
	.seaTable table thead th {
		padding: 2rem 1rem;
		font-size: 2rem;
		line-height: 3rem;
	}
	.seaTable table tbody td {
		padding: 2rem 1rem;
		font-size: 1.8rem;
		line-height: 3rem;
	}
}
@media (max-width:991px) {
	.seaTable table thead th {
		padding: 1.4rem 1rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.seaTable table tbody td {
		padding: 1.4rem 1rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
}
@media (max-width:767px) {
	.subWrap.sea .brandTopWrap {
		padding: 5rem 0 3rem 0;
	}
	
	.seaTable table thead th {
		padding: 1rem 0.5rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.seaTable table tbody td {
		padding: 1rem 0.5rem;
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	
	.searchWrap {
		padding: 0rem 0 5rem 0;
	}
	.seaTable table colgroup col.num1{width:20%; }
	.seaTable table colgroup col.num2{width:20%; }
	.seaTable table colgroup col.num3{width:40%; }
	.seaTable table colgroup col.num4{width:20%; }
}
.noneexceldataBox {
    min-height: 30rem;
    display: flex;
    position: Relative;
    justify-content: center;
    align-items: center;
}
.noneexceldata {
	padding:3rem;
    border-radius: 0.8rem;
    border: 1px solid #75AD42;
    position: Relative;
	
	margin: 0;
    text-align: center;
    color: #222;
    font-family: pretendard-500;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4rem;
}
.noneexceldata span{
	font-weight: 800;
	font-family: pretendard-800;
	color: #75AD42;
}
@media (max-width:767px) {
	.noneexceldata {
		padding:3rem 2rem;
		border-radius: 0.6rem;
		font-size: 1.6rem;
		line-height: 3rem;
	}
	.noneexceldata span{
		font-weight: 800;
		font-family: pretendard-800;
		color: #75AD42;
	}
}
/*-----------------------------------------
# 고객문의
-------------------------------------------*/
.contact_bg{
    background-image: url(/public/img/sub/contact_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.contactWrap{
	width:100%;
	position:Relative;
	padding:10rem 0;
}
.contactSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.contInner{
	width:100%;
	position:Relative;
	display:flex;
	gap:8rem;
}
.contTitle{
	width:50%;
	position:Relative;
}
.contText{
	position:Relative;
}
.contText strong{
	display: block;
	margin:0 0 2rem 0;
	text-align:left;
	color: #75AD42;
	font-family: "Ubuntu", sans-serif;
	font-size: 3rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4rem;
}
.contText h1{
	display: block;
	margin:0;
	text-align:left;
	color: #222;
    font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
	/* text-transform: uppercase; */
}
.conttsns {
    gap: 3rem;
    position: Relative;
    margin: 8rem 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.conttsns a {
    display: flex;
    gap: 1.8rem;
    color: #000;
    font-family: pretendard-600;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
    letter-spacing: 0.6px;
    justify-content: flex-start;
    align-items: center;
}
.conttsns a img{
	height:3.2rem;
}



.contTBox{
	width:50%;
	position:Relative;
}
.sucBox{
	width:100%;
	position:relative;
	margin:0rem 0 0 0;
}
.abreq{
	top:0;
	position: absolute;
	right: 0;
	color: #EF811B;
	text-align: right;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}

.sucIn.fir{margin:0;}
.sucIn{
	margin:1.6rem 0 0 0;
	width:100%;
	display:block;
	position:relative;
}
.sucIn p {
    position: relative;
    margin: 0 0 0.4rem 0;
    display: flex;
    color: #222;
    font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.6rem;
    align-items: center;
}
.sucIn p.req:after {
    margin: 0 0 0 0.4rem;
    top: -0.3rem;
color: #EF811B;
    font-family: pretendard-600;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    content: '*';
    position: relative;
}

.sucIn input {
border: 1px solid rgba(0, 0, 0, 0.10);
font-family: Pretendard;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 6.6rem;
border-radius: 0.8rem;
background: #ffffff;
padding: 0rem 2rem 0rem 2rem;
color: #111;
font-family: pretendard-500;font-weight: 500;font-size: 1.8rem;font-style: normal;line-height: 2.6rem;}
.sucIn input:-webkit-autofill,
.sucIn input:-webkit-autofill:hover,
.sucIn input:-webkit-autofill:focus,
.sucIn input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn input:focus,
.sucIn input:active {background:#FFF; border:1px solid #75AD42;}
.sucIn input:focus{outline: none;}

.sucIn input::placeholder {
	color: #888;
	font-family: pretendard-300;
	font-weight: 300;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2.6rem;
}

.sucIn input:read-only {
	background:#f8f8f8;
}
.sucIn input.marT1{margin:1rem 0 0 0;}



.sucIn textarea {
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0.10);
    font-family: Pretendard;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    position: relative;
    height: 20rem;
	border-radius: 0.8rem;
    background: #ffffff;
    padding: 2rem 2rem 2rem 2rem;
    color: #111;
    font-family: pretendard-500;
    font-weight: 500;
    font-size: 1.8rem;
    font-style: normal;
    line-height: 2.6rem;
}
.sucIn textarea:-webkit-autofill,
.sucIn textarea:-webkit-autofill:hover,
.sucIn textarea:-webkit-autofill:focus,
.sucIn textarea:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn textarea:focus,
.sucIn textarea:active {background:#FFF; border:1px solid #75AD42;}
.sucIn textarea:focus{outline: none;}
.sucIn textarea::placeholder {
	color: #888;
	font-family: pretendard-300;
	font-weight: 300;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2.6rem;
}


.inq_priCheckArea{
	position:Relative;
	margin:2rem 0 0 0;
}
.inq_priCheckArea input[type="checkbox"]{ 
	position:absolute; 
    width:1px; 
    height:1px; 
    padding:0; 
    margin:-1px; 
    overflow:hidden; 
    clip:rect(0,0,0,0); 
    border:0; 
}
.inq_priCheckArea input[type="checkbox"] + label{ 
	display:inline-block; 
    position:relative; 
    padding-left:3rem; 
    cursor:pointer; 
	text-align: left;
	
	color: #111;
	font-family: pretendard-500;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}
.inq_priCheckArea input[type="checkbox"] + label:before{ 
	content:''; 
    position:absolute; 
    left:0; 
    top:0rem;
    width:2.4rem;
    height:2.4rem;
    text-align:center; 
    background:#fff; 
    border:none; 
    box-sizing:border-box; 
	background:url(../img/common/check_before.png) no-repeat center/cover;
}
.inq_priCheckArea input[type="checkbox"]:checked + label:after{ 
	content: ''; 
	position:absolute; 
	top:0rem;
	left:0; 
	width:2.4rem;
	height:2.4rem;
	background:url(../img/common/check_after.png) no-repeat center/cover;
}
.inq_priCheckArea input[type="checkbox"] + label a {
    margin: 0 0 0 1rem;
    color: #111;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.subcBtnBox {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
}
.subcBtn {
    margin: 5rem 0 0 0;
    cursor: pointer;
    position: relative;
    width: 100%;
    display: flex;
    border-radius: 0.8rem;
    background: #75AD42;
    padding: 2.2rem 7rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #fff;
    text-align: center;
    font-family: pretendard-600;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
}
@media (max-width:1600px) {
	.contInner {
		gap: 6rem;
	}
}
@media (max-width:991px) {
	.contactWrap {
		padding: 6rem 0 10rem 0;
	}
	.contInner {
		display: flex;
		gap: 6rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.contTitle {
		width: 100%;
	}
	.contTBox {
		width: 100%;
	}
	
	.contText strong {
		margin: 0 0 2rem 0;
		font-size: 2.6rem;
		line-height: 3.6rem;
	}
	.contText h1 {
		font-size: 2.6rem;
		line-height: 3.8rem;
	}
	.conttsns {
		gap: 2rem;
		margin: 4rem 0 0 0;
	}
}
@media (max-width:767px) {
	.contactWrap {
		padding: 5rem 0 5rem 0;
	}
	.contText strong {
		margin: 0 0 1.4rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.contText h1 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.conttsns {
		gap: 1rem;
		margin: 3rem 0 0 0;
	}
	.conttsns a img {
		height: 2.6rem;
	}
	.conttsns a {
		gap: 1.2rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
		letter-spacing: 0.6px;
	}
	
	
	.abreq {
		top: -22px;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn p {
		margin: 0 0 0.4rem 0;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.sucIn p.req:after {
		margin: 0 0 0 0.4rem;
		top: -0.3rem;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.sucIn input {
		height: 5rem;
		border-radius: 0.4rem;
		padding: 0rem 1.6rem 0rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.sucIn input::placeholder {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.sucIn textarea {
		height: 16rem;
		border-radius: 0.4rem;
		padding: 1.2rem 1.6rem 1.2rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.sucIn textarea::placeholder {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	.inq_priCheckArea input[type="checkbox"] + label:before {
		top: 0rem;
		width: 2rem;
		height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"]:checked + label:after {
		left: 0;
		width: 2rem;
		height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label {
		padding-left: 2.6rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label a {
		margin: 0 0 0 0.6rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	
	.subcBtn {
		margin: 3rem 0 0 0;
		border-radius: 0.4rem;
		padding: 2rem 1rem;
		font-size: 1.8rem;
		line-height: 2rem;
	}
}