/*-----------------------------------------
# 서브페이지 상단 비주얼
-------------------------------------------*/
.subV_box{
	width:100%;
	position:relative;
	height:68rem;
	background:#444;
}
.subV_sidebox {
    display: flex;
    max-width: 164rem;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 2rem 14rem 2rem;
}
.subV_titleBox {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
}
.sv_title h1 {
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sv_title h1 strong{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: Pretendard;
	font-size: 8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 9rem;
}
.sv_title h1 p{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}

.sv_title dl {
	margin:0;
    gap: 2rem;
    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: 'Outfit', sans-serif;
	font-size: 8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 9rem;
}
.sv_title dl p{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}

.subV_bred {
    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: center;
}
.subV_bred span {
    display: inline-block;
    width: 0.5rem;
    height: 0.8rem;
    background-image: url(/public/img/oci/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;
}
@media screen and (max-width: 1800px) {
	.subV_titleBox {
		padding: 0 10rem 0 0;
	}
}
@media screen and (max-width: 1600px) {
	.subV_box {
		height: 62rem;
	}
	.subV_sidebox {
		padding: 0 2rem 12rem 2rem;
	}
	.sv_title h1 strong {
		font-size: 7rem;
		line-height: 8rem;
	}
	.sv_title dl strong {
		font-size: 7rem;
		line-height: 8rem;
	}
}
@media screen and (max-width: 1400px) {
	.subV_titleBox {
		gap: 6rem;
		padding: 0;
		justify-content: flex-end;
		align-items: flex-start;
		flex-direction: column;
	}
}
@media screen and (max-width: 1200px) {
	.subV_sidebox {
		padding: 0 2rem 10rem 2rem;
	}
	.sv_title h1 strong {
		font-size: 6rem;
		line-height: 7rem;
	}
	.sv_title h1 p {
		font-size: 1.9rem;
		line-height: 2.8rem;
	}
	.sv_title dl strong {
		font-size: 6rem;
		line-height: 7rem;
	}
	.sv_title dl p {
		font-size: 1.9rem;
		line-height: 2.8rem;
	}
}
@media screen and (max-width: 991px) {
	.subV_box {
		height: 56rem;
	}
	.subV_sidebox {
		padding: 0 3rem 0rem 3rem;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.subV_titleBox {
		position: relative;
		display: flex;
		height: 100%;
		gap: 0;
		padding: 0;
		align-items: flex-start;
		justify-content: center;
	}
	.sv_title h1 strong {
		font-size: 5rem;
		line-height: 6rem;
	}
	.sv_title h1 p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.sv_title dl strong {
		font-size: 5rem;
		line-height: 6rem;
	}
	.sv_title dl p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.subV_bred {
		position:absolute;
		bottom: 4rem;
		gap: 1.2rem;
		text-align: center;
		font-size: 1.5rem;
		line-height: 3rem;
	}
	.subV_bred b {
		font-size: 1.5rem;
		line-height: 3rem;
	}
}
@media screen and (max-width: 767px) {
	.subV_box {
		height: 33rem;
	}
	.subV_sidebox {
		padding: 0 2rem 0rem 2rem;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.sv_title h1 strong {
		font-size: 3.4rem;
		line-height: 4rem;
	}
	.sv_title h1 p {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.sv_title dl strong {
		font-size: 3.4rem;
		line-height: 4rem;
	}
	.sv_title dl p {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.subV_bred {
		bottom: 1.6rem;
		gap: 0.6rem;
		text-align: center;
		font-size: 1.1rem;
		line-height: 2rem;
	}
	.subV_bred b {
		font-size: 1.1rem;
		line-height: 2rem;
	}
}


/*-----------------------------------------
# 회사소개 - 기업개요
-------------------------------------------*/
.company_bg {
    background-image: url(/public/img/oci/sub/company_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.compovwrap {
	overflow: hidden;
    width: 100%;
    position: relative;
    padding: 2rem 0 28vh 0;
    background-image: url(/public/img/oci/sub/compovwrap_bg.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-mask-image: linear-gradient(-45deg, transparent 10%, transparent 10%, black 10%, black 100%, transparent 90%, transparent 100%);
    mask-image: linear-gradient(-45deg, transparent 10%, transparent 10%, black 10%, black 100%, transparent 90%, transparent 100%);
}
.compovSideBox{
	position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
}
.ociSubP_Title {
    position: relative;
}
.ociSubP_Title .ospT{
    margin: 0;
    gap: 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.ociSubP_Title .ospT p {
    color: #F4020C;
    font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
    letter-spacing: 1.2px;
    /* text-transform: uppercase; */
}
.ociSubP_Title .ospT span {
    color: #000;
font-family: 'Outfit', sans-serif;
    font-size: 5.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 6rem;
}
.ociSubP_Title .ospsubT{
	display:block;
	margin:4rem 0 0 0;
	text-align:center;
	color: #000;
	text-align: center;
	font-family: pretendard-300;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height:3.8rem;
}
.ociSubP_Title .ospsubT span{
	font-weight: 600;
	font-family: pretendard-600;
}


.compovCard {
	position:Relative;
    width: 96rem;
    margin: 8rem 0 0 0;
    display: flex;
    padding: 5rem 8rem 10rem 8rem;
    flex-direction: column;
    align-items: flex-start;
    background: #FFF;
	gap:3rem;
    justify-content: flex-start;
}
.compovCard img{
	height:4rem;
}
.compovCard h2{
	margin:0;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.4rem;
}
.compovCard h2 span{
	font-family: pretendard-600;
	font-weight: 600;
}
.compovCard svg {
	width:250px;
	height:360px;
    position: absolute;
    right: -17rem;
    bottom: -10rem;
}
.compovCard svg.com_mosvg{display:none;}
/* .compovCard svg foreignObject{ */
	/* width:31rem; */
	/* height:42rem; */
/* } */

.compovBottomWrap{
	width:100%;
	position:relative;
	padding:16rem 0 12rem 0;
	overflow: hidden;
}
.compovBottomSideBox{
	position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
}

.compovbWrap{
	width:100%;
	position:Relative;
}
.ociovtop {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.ociovtop img.ocitext{
	height:4rem;
}
.ociovtopBtn a {
    gap: 0.8rem;
    display: flex;
    color: #F4020C;
    font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    align-items: center;
}
.ociovtopBtn a img{
	height:1.4rem;
}
.compovbTitle{
	position:Relative;
	border-top:1px solid #eee;
	padding:4rem 0 0 0;
	margin:4rem 0 8rem 0;
}
.compovbTitle h2 {
    gap: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.compovbTitle h2 strong{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.8rem;
}
.compovbTitle h2 p{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.4rem;
}
.ociovBackbg{
	margin:0 0 12rem 0;
	width:100%;
	height:42rem;
	position:Relative;
	background-image: url(/public/img/oci/sub/ociovBackbg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.esStep ul {
	display: flex;
    padding: 0;
    margin: 0;
	gap:10.1rem;
}
.esStep ul li {
	width:25%;
    margin: 0;
	padding:0;
    box-sizing: border-box;
    list-style: none;
    box-sizing: border-box;
    position: Relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.esStep ul li:last-child:after{
	content:none;
}
.esStep ul li:after{
	content:'';
	position:absolute;
	right:-5rem;
	top:0;
	height:100%;
	width:1px;
	background:#eee;
}
.esStep ul li img{
	height:6rem;
}
.msvCoreitem{
	width:100%;
	position:Relative;
}
/* step */
.msvCoreitem.step h3 {
    gap: 0;
    margin: 0;
}
.msvCoreitem.step h3 dl{
	margin:0 0 1.6rem 0;
}
.msvCoreitem.step img {
	margin:3.1rem 0;
}
.msvCoreitem strong{
	display:block;
	margin:0;
	text-align:left;
	color: #F4020C;
	font-family: 'Outfit', sans-serif;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.1rem;
	text-transform: uppercase;
}

/* key point */
.msvCoreitem.redT h3{margin:0;}
.msvCoreitem dd{
	margin:1.8rem 0;
	text-align:left;
	color: #F4020C;
	font-family: 'Outfit', sans-serif;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.1rem;
	text-transform: uppercase;
}


.msvCoreitem h3 {
    margin: 4rem 0 0 0;
    gap: 1.6rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.msvCoreitem h3 dl{
	margin:0;
	color: #000;
	font-family: 'Outfit', sans-serif;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
	letter-spacing: 0.44px;
}
.msvCoreitem h3 p{
	margin:0;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.8rem;
}


.compBuWrap{
	position:Relative;
	width:100%;
	padding:12rem 0;
	background:#fff;
}
.compBuSideBox {
    position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
}
.comlrInner{
	width:100%;
	position:Relative;
	display:flex;
	gap:6rem;
}
.comlrTitle {
    position: Relative;
    width: 29.871%;
}
.comlrContent {
	overflow: hidden;
    position: Relative;
    width: 70.129%;
}
ul.combuul{
    display: flex;
    flex-wrap: wrap;
	gap:5rem;
    padding: 0;
    margin: 0rem;
    list-style-type: none;
    justify-content: flex-start;
}
ul.combuul li {
    flex: 0 0 calc(100% - 0rem);
    margin: 0rem;
	position:Relative;
    box-sizing: border-box;
}
.combitem {
	padding:0 0 0 4.4rem;
    gap: 4rem;
    display: flex;
    position: Relative;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
	height: 100%;
}
.combitem p{
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	text-align:left;
	color: #F4020C;
    font-family: 'Outfit', sans-serif;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
	letter-spacing: 1.08px;
}
.combimg{
	margin:0;
	display:flex;
	position:Relative;
	width:51.3%;
}
.combText {
    padding: 4rem 0 2rem 0;
    border-top: 1px solid #eee;
    display: flex;
    height: 100%;
    position: Relative;
    width: 48.7%;
}
.combText a{
	display: flex;
	position: Relative;
    width: 100%;
	height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.combText a:hover .combT h3{
	color:#F4020C;
	font-family: pretendard-600;
	font-weight: 600;
}
.combT{
	width:100%;
}
.combitem h3{
	margin:0;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.4rem;
}
.combitem h4{
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height:2.6rem;
	margin:1rem 0 0 0;
}
.combitem .mabuL_Btn{
	width:100%;
	display:flex;
	border-top:1px solid #eee;
	margin:0;
	padding:2.4rem 0 0 0;
}
.combText a:hover .mabuL_Btn{
	color: #F4020C;
	font-family: pretendard-600;
	font-weight: 600;
}
.combText a:hover .mabuL_Btn span{
	background-image: url(/public/img/oci/common/red_arrow.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center center;
}


.comloWrap {
    display: flex;
    width: 100%;
    position: Relative;
    gap: 6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.comloInner{
	width:100%;
	position:Relative;
}
.comlo{
	width:100%;
	position:Relative;
	display:flex;
}
.comloImg{
	display:flex;
	width:100%;
	position:Relative;
}
.comloMap{
	display:flex;
	width:100%;
	height: 42rem;
	position:Relative;
}

.comlotext {
    margin: 2rem 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.comloadd h3 {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: flex-start;
}
.comloadd h3 span{
	position:Relative;
	display:inline-block;
	width: 1px;
	height: 1.4rem;
	background: #D9D9D9;
}
.comloadd h3 b{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.comloadd h3 p{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.comloTar{
	text-align:right;
	color: #F4020C;
	font-family: 'Outfit', sans-serif;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.6rem;
	letter-spacing: 1.2px;
}
@media screen and (max-width: 1600px) {
	.compovCard svg {
		right: -23rem;
		bottom: -13rem;
	}
	
	.ociSubP_Title .ospT {
		gap: 2rem;
	}
	.ociSubP_Title .ospT p {
		font-size: 1.8rem;
		line-height: 2rem;
		letter-spacing: 1px;
	}
	.ociSubP_Title .ospT span {
		font-size: 5rem;
		line-height: 5.4rem;
	}
	
	
	.compovCard {
		width: 96rem;
		margin: 6rem 0 0 0;
		padding: 4rem 6rem 8rem 6rem;
		gap: 3rem;
	}
	
	
	.compovBottomWrap {
		padding: 12rem 0 10rem 0;
	}
	.ociovBackbg {
		margin:0 0 10rem 0;
	}
	.compovbTitle {
		padding: 4rem 0 0 0;
		margin: 4rem 0 6rem 0;
	}
	.esStep ul {
		gap: 8.1rem;
	}
	.esStep ul li:after {
		right: -4rem;
	}
	
	
	.compBuWrap {
		padding: 10rem 0;
	}
	.comlrInner {
		gap: 0rem;
	}
}
@media screen and (max-width: 1400px) {
	.combText {
		padding: 3rem 0 1rem 0;
	}
}
@media screen and (max-width: 1200px) {
	.comlrTitle {
		width: 24%;
	}
	.comlrContent {
		width: 80%;
	}
	/* ul.combuul { */
		/* margin: -2rem; */
	/* } */
	/* ul.combuul li { */
		/* flex: 0 0 calc(50% - 4rem); */
		/* margin: 2rem; */
	/* } */
}
@media screen and (max-width: 991px) {
	.compovwrap {
		padding: 2rem 0 37.5vh 0;
		-webkit-mask-image: linear-gradient(-45deg, transparent 8%, transparent 8%, black 8%, black 100%, transparent 92%, transparent 100%);
		mask-image: linear-gradient(-45deg, transparent 8%, transparent 8%, black 8%, black 100%, transparent 92%, transparent 100%);
	}
	.compovCard svg {
		right: -17rem;
		bottom: -13rem;
	}
	.ociSubP_Title .ospT {
		gap: 1.6rem;
	}
	.ociSubP_Title .ospT p {
		font-size: 1.8rem;
		line-height: 2rem;
		letter-spacing: 1px;
	}
	.ociSubP_Title .ospT span {
		font-size: 4.4rem;
		line-height: 5rem;
	}
	.ociSubP_Title .ospsubT {
		margin: 3rem 0 0 0;
		font-size: 1.6rem;
		line-height: 3rem;
	}
	
	
	.compovCard {
		width: 100%;
		margin: 4rem 0 0 0;
		padding: 3rem 4rem 6rem 4rem;
		gap: 2rem;
	}
	.compovCard img {
		height: 3rem;
	}
	.compovCard h2 {
		font-size: 1.7rem;
		line-height: 3rem;
	}
	
	
	.compovBottomWrap {
		padding: 10rem 0 10rem 0;
	}
	.ociovBackbg {
		margin: 0 0 8rem 0;
	}
	.ociovtop img.ocitext {
		height: 3rem;
	}
	.ociovtopBtn a {
		gap: 0.6rem;
		font-size: 1.7rem;
		line-height: 3rem;
	}
	.compovbTitle {
		padding: 3rem 0 0 0;
		margin: 3rem 0 4rem 0;
	}
	.compovbTitle h2 {
		gap: 1rem;
	}
	.compovbTitle h2 strong {
		font-size: 2.4rem;
		line-height: 3rem;
	}
	.compovbTitle h2 p {
		font-size: 1.7rem;
		line-height: 3rem;
	}
	.ociovBackbg {
		height: 32rem;
	}
	.esStep ul {
		display: flex;
		gap: 0;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.esStep ul li {
		border-bottom: 1px solid #eee;
		width: 100%;
		margin: 0;
		padding: 4rem 0;
	}
	.esStep ul li:nth-child(1){
		padding:0 0 4rem 0;
	}
	.esStep ul li:last-child{
		padding:4rem 0 0 0;
		border-bottom:none;
	}
	.msvCoreitem h3 {
		margin: 0;
		gap: 1.6rem;
	}
	.msvCoreitem {
		padding: 0 0 0 10rem;
		width: 100%;
	}
	.esStep ul li img {
		position: absolute;
		left: 0;
		height: 5rem;
	}
	
	
	.comlrInner {
		width: 100%;
		position: Relative;
		display: flex;
		gap: 6rem;
		flex-direction: column;
	}
	.comlrTitle {
		width: 100%;
	}
	.comlrContent {
		width: 100%;
	}
	
	
	.combitem {
		padding: 0 0 0 4rem;
		gap: 3rem;
	}
	.combText {
		padding: 2rem 0 1rem 0;
	}
	.combitem h3 {
		font-size: 2.4rem;
		line-height: 3rem;
	}
}
@media screen and (max-width: 767px) {
	.company_bg {
		background-image: url(/public/img/oci/sub/company_bg_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	
	.compovwrap {
		padding: 2rem 0 28vh 0;
		background-size: 200%;
		-webkit-mask-image: linear-gradient(-45deg, transparent 6%, transparent 6%, black 6%, black 100%, transparent 94%, transparent 100%);
        mask-image: linear-gradient(-45deg, transparent 6%, transparent 6%, black 6%, black 100%, transparent 94%, transparent 100%);
	}
	.compovCard svg {
		width: 66px;
		height: 124px;
		position: absolute;
		right: -2rem;
		bottom: -4rem;
	}
	.compovCard svg.com_pcsvg{display:none;}
	.compovCard svg.com_mosvg{
		display:block;
	}
	.compovBottomSideBox.top{padding:0;}
	.ociSubP_Title .ospT {
		gap: 1rem;
	}
	.ociSubP_Title .ospT p {
		font-size: 1.2rem;
		line-height: 1.4rem;
		letter-spacing: 0.72px;
	}
	.ociSubP_Title .ospT span {
		font-size: 2.6rem;
		line-height: 3.4rem;
	}
	.ociSubP_Title .ospsubT {
		margin: 2.4rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.ociSubP_Title .ospsubT br{display:none; }
	
	
	.compovCard {
		margin: 4rem 0 0 0;
		padding: 0rem 1.8rem 2rem 1.8rem;
		gap: 2.6rem;
	}
	.compovCard img {
		height: 2.6rem;
	}
	.compovCard h2 {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	
	
	.compovBottomWrap {
		padding: 8rem 0 5rem 0;
	}
	.compovbWrap{
		padding:0 2rem;
	}
	.ociovtop img.ocitext {
		height: 2.6rem;
	}
	.ociovtopBtn a {
		gap: 0.5rem;
		font-size: 1.4rem;
		line-height: 2.6rem;
	}
	.ociovtopBtn a img {
		height: 1rem;
	}
	.compovbTitle {
		padding: 2.6rem 0 0 0;
		margin: 2.6rem 0 3rem 0;
	}
	.compovbTitle h2 {
		gap: 1.4rem;
	}
	.compovbTitle h2 strong {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.compovbTitle h2 p {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.compovbTitle h2 p br{display:none;}
	.ociovBackbg {
		margin: 0 0 8rem 0;
		height: 24rem;
	}
	
	
	.esStep ul li {
		padding: 2rem 0;
	}
	.esStep ul li:nth-child(1){
		padding:0 0 2rem 0;
	}
	.esStep ul li:last-child{
		padding:2rem 0 0 0;
	}
	.esStep ul li img {
		height: 4rem;
	}
	.msvCoreitem {
		padding: 0 0 0 6.4rem;
	}
	
	
	.msvCoreitem.step h3 dl {
		margin: 0 0 1rem 0;
	}
	.msvCoreitem strong {
		margin: 0 0 0.8rem 0;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.msvCoreitem.step img {
		margin: -2.3rem 0 0 0;
	}
	
	
	.msvCoreitem dl {
		margin: 0 0 0.8rem 0;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	.msvCoreitem h3 {
		margin: 0;
		gap: 1rem;
	}
	.msvCoreitem h3 dl {
		font-size: 1.7rem;
		line-height: 2rem;
		letter-spacing: 0.4px;
	}
	.msvCoreitem h3 p {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	
	
	.compBuWrap {
		padding: 6rem 0;
	}
	.comlrInner {
		gap: 4rem;
	}
	ul.combuul {
		gap: 3rem;
		margin: 0rem;
	}
	ul.combuul li {
		padding: 0 0 3rem 0;
		border-bottom: 1px solid #eee;
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
	}
	ul.combuul li:last-child{
		border-bottom:none;
		padding:0;
	}
	.comlo {
		width: 100%;
		position: Relative;
		display: flex;
		flex-direction: column;
	}
	.comlotext {
		margin: 2rem 0 0 0;
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		flex-direction: column-reverse;
	}
	
	
	.combitem {
		display: flex;
		padding: 0 0 0 3rem;
		gap: 2rem;
		flex-direction: column;
	}
	.combitem p {
		font-size: 1.4rem;
		line-height: 1.8rem;
		letter-spacing: 1.08px;
	}
	.combimg {
		width: 100%;
	}
	.combText {
		border-top: none;
		width: 100%;
		padding: 0rem 0 0rem 0;
	}
	.combitem h3 {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	.combitem h4 {
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin: 1rem 0 0 0;
	}
	.combitem .mabuL_Btn {
		width: 100%;
		display: flex;
		border-top: none;
		margin: 0;
		padding: 1.6rem 0 0 0;
	}
	
	
	.comlrInner {
		gap: 4rem;
	}
	.comloWrap {
		gap: 4rem;
	}
	.comloMap {
		height: 34rem;
	}
	.comlotext {
		position:Relative;
		margin: 1.4rem 0 0 0;
	}
	.comloTar {
		position: absolute;
		left: 4rem;
		top: 0px;
		text-align: left;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 1px;
	}
	.comloadd h3 {
		display: flex;
		gap: 1rem;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	.comloadd h3 span{display:none;}
	.comloadd h3 b {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.comloadd h3 p {
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
@media screen and (max-width: 500px) {
	.compovwrap {
		padding: 2rem 0 29vh 0;
		background-size: 300%;
	}
}
/*-----------------------------------------
# 회사소개 - 연혁
-------------------------------------------*/
.hiswrap {
	overflow:hidden;
    width: 100%;
    position: relative;
    padding: 2rem 0 12rem 0;
}
.hisSideBox {
    position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
	z-index:2;
}
.hiswrap .ociSubP_Title .ospT {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.hiscontbg {
    padding: 6rem 2rem 0 2rem;
    display: flex;
    margin: 8rem 0 8rem 0;
    width: 100%;
    height: 45rem;
    position: Relative;
    background-image: url(/public/img/oci/sub/hiscont_nm_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    align-items: flex-start;
    justify-content: center;
}
.hiscontbg h2{
	margin:0;
	color: #00;
	text-align: center;
	font-family: pretendard-500;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4.2rem;
}

.hiscontWrap{
	display:flex;
	width:100%;
	position:Relative;
}
.hiscontLeft{
	position:Relative;
	width:100%;
	padding: 3rem 10rem 0px 0px;
}
.hisleTitle{
	position:Relative;
}
.hisleTitle h2{
	display:block;
	margin:0 0 3rem 0;
	color: #000;
	font-family: pretendard-300;
	font-size:3.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4.6rem;
}
.hisleTitle h3{
	display:block;
	margin:2rem 0 0 0;
	color: #666;
	font-family: pretendard-300;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.6rem;
}

.hiscontRight{
	position:Relative;
	width:100%;
}


.hisInner{
	position:Relative;
	width:100%;
	max-width:1132px;
	margin:0 auto;
}
.hsitemInner{
	position:Relative;
	width:100%;
}
.hsitem{
	position:Relative;
}
.hsitem dl{display:none;}
.hsitem ul {
	margin:0;
	padding: 0;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.hsitem ul:before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	left: 0.45rem;
	width: 1px;
	/* height: 100%; */
	height: calc(100% - 4.2rem);
	background: #eee;
}
.hsitem ul li {
    z-index: 2;
    gap: 4rem;
    position: relative;
    width: 100%;
    display: flex;
	padding: 2.3rem 0 2.3rem 0rem;
    justify-content: flex-start;
    align-items: flex-start;
    list-style: none;
}
.hsitem ul li:nth-child(1):before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	left: 0.45rem;
	width: 2px;
	height: 5rem;
	background: #fff;
}
/* .hsitem ul li:last-child:before { */
	/* z-index: 1; */
	/* content: ''; */
	/* position: absolute; */
	/* top: 0; */
	/* left: 0.38rem; */
	/* width: 1px; */
	/* height: 5rem; */
	/* background: #fff; */
/* } */
.hsitem ul li span {
    left: 0;
    top: 1rem;
    gap: 3rem;
    display: flex;
    position: absolute;
    color: #000;
    font-family: pretendard-700;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 6rem;
    align-items: center;
}
.hsitem ul li span b {
    z-index: 2;
    display: inline-block;
    position: relative;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #F4020C;
}

.hstext {
    padding: 0 0 0 14rem;
    width: 100%;
    position: Relative;
}
.hstext h3{
	position:Relative;
	display:block;
	text-align:left;
	padding:0 0 0 1.4rem;
	margin:0.6rem 0 0 0;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.4rem;
}
.hstext h3:before {
    content: '';
    position: absolute;
    left: 0;
	top: 1.35rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
}
.hstext h3.red:before {
    background: #F4020C;
}
.hstext h3.blue:before {
    background: #93ADCA;
}
.hstext h3.strong{
	color: #F4020C!important;
	font-family: pretendard-600!important;
	font-weight: 600!important;
}
.hstext h3:nth-child(1){
	margin:0;
}
.hstext h3 b{
	margin:0;
	font-size: 2.2rem;
	color: #15833B;
	font-family: pretendard-700;
	font-weight: 700;
}

.histimg {
    display: flex;
    flex-wrap: wrap;
    padding: 0.6rem 0 0 0;
    margin: -0.5rem;
    list-style-type: none;
    justify-content: flex-start;
}
.htimg{
    flex: 0 0 calc(33.3333333% - 1rem);
    margin: 0.5rem;
    box-sizing: border-box;
}

.hissvg01 {
    position: absolute;
    top: 75rem;
    left: 0;
    z-index: 1;
}
.hissvg02 {
    position: absolute;
    top: 0;
    right: 0rem;
    z-index: 3;
}
.hissvg03 {
    position: absolute;
    bottom: 170px;
    right: 0rem;
    z-index: 3;
}
@media (max-width:1910px) {
	.hissvg01, .hissvg02, .hissvg03{display:none;}
}
@media (max-width:991px) {
	.hiswrap {
		padding: 2rem 0 10rem 0;
	}
	.hiscontbg {
		padding: 4rem 0rem 0 0rem;
		margin: 6rem 0 6rem 0;
		height: 40rem;
	}
	.hiscontbg h2 {
		font-size: 2.4rem;
		line-height: 4rem;
	}
	
	
	.hiscontWrap {
		display: flex;
		width: 100%;
		position: Relative;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.hiscontLeft {
		padding: 0 0 2rem 0;
	}
	.hisleTitle h2 {
		margin: 0 0 2rem 0;
		font-size: 3rem;
		line-height: 4rem;
	}
	.hisleTitle h3 {
		margin: 1.6rem 0 0 0;
		font-size: 1.7rem;
		line-height: 3rem;
	}
}
@media (max-width:767px) {
	.hiswrap {
		padding: 2rem 0 3rem 0;
	}
	.hiscontbg {
		margin: 4rem 0 4rem 0;
		height: 53vw;
		padding: 3.4rem 0rem 0 0rem;
		background-image: url(/public/img/oci/sub/hiscont_nm_bg_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.hiscontbg h2 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.hiscontbg h2 br{display:none;}
	
	
	.hisleTitle h2 {
		margin: 0 0 1.6rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.hisleTitle h3 {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.hisleTitle h3 br{display:none;}
	
	
	.hsitem ul:before {
		left: 0.35rem;
		width: 1px;
		height: calc(100% - 7.6rem);
	}
	.hsitem ul li {
		display: flex;
		gap: 0rem;
		padding: 0rem 0 1.6rem 0rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.hsitem ul li span {
		position: relative;
		left: 0;
		top: 0;
		gap: 2rem;
		font-size: 1.8rem;
		line-height: 4rem;
	}
	.hsitem ul li span b {
		width: 0.8rem;
		height: 0.8rem;
	}
	.hsitem ul li:last-child .hstext h3:last-child{
		border-bottom:none;
	}
	
	.hstext {
		padding: 0rem 0 0 3rem;
		width: 100%;
		position: Relative;
	}
	.hstext h3 {
		padding: 0 0 0 0.9rem;
		margin: 0.4rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.hstext h3:last-child{
		border-bottom: 1px solid #eee;
		padding: 0 0 2rem 0.9rem;
	}
	
	
	.hsitem ul li:nth-child(1):before {
		left: 0.35rem;
		width: 2px;
		height: 2rem;
	}
	.hsitem ul li:nth-child(1):before {
		left: 0.35rem;
		width: 2px;
		height: 2rem;
	}
	.hstext h3:before {
		top: 0.9rem;
        width: 0.4rem;
        height: 0.4rem;
	}
}
@media (max-width:500px) {
	.histimg {
		gap: 0.6rem;
		display: flex;
		flex-wrap: wrap;
		padding: 0.6rem 0 0 0;
		margin: 0;
		list-style-type: none;
		justify-content: flex-start;
	}
	.htimg {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
		box-sizing: border-box;
	}
}

/*-----------------------------------------
# 회사소개 기술비전
-------------------------------------------*/
.tehvsvg01 {
    position: absolute;
    top: 96rem;
    left: 0;
    z-index: 1;
}
.tehvsvg02 {
    position: absolute;
    top: 38rem;
    right: 0rem;
    z-index: 3;
}
.tehvi{
	z-index:2;
	width:100%;
	position:Relative;
	margin:5rem 0 0 0;
}
.tehvi ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.tehvi li {
    display: flex;
    position: Relative;
    width: 100%;
    flex: 0 0 calc(25% - 2.4rem);
    margin: 1.2rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.tehvi li strong{
	display:block;
	text-align:left;
	margin:0;
	color: #F4020C;
	font-family: 'Outfit', sans-serif;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
	letter-spacing: 1.08px;
}
.tehvi li img{
	margin:2rem 0 3rem 0;
	display:flex;
}
.tehvi li h3{
	gap:1.2rem;
	display: flex;
	width:100%;
	position:Relative;
	margin:0;
	flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.tehvi li h3 span{
	display:block;
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-500;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}
.tehvi li h3 p{
	display:block;
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}

.coretechWrap{
	position:Relative;
	width:100%;
	margin:5rem 0 0 0;
}
.coteFlex {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}
.coteBox{
	max-width:64rem;
}
.coteImgBox{
	width:100%;
	position:Relative;
}
.coteImg{
	position:Relative;
	display:flex;
	z-index:2;
}
.coteIcon {
    display: flex;
    border-radius: 50%;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 130px;
    height: 130px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(5px);
    align-items: center;
    justify-content: center;
}
.coteIcon img{
	height:6rem;
}
.coteText{
	position:Relative;
	margin:2.4rem 0 0 0;
}
.coteText h3{
	text-align:left;
	display:block;
	margin:0 0 1.2rem 0;
	color: #000;
	font-family: pretendard-500;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}
.coteText h4{
	padding:0 0 0 1.2rem;
	position:Relative;
	text-align:left;
	display:block;
	margin:0.8rem 0 0 0;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: -0.32px;
}
.coteText h4:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 0.7rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #F4020C;
}
.coteBox.right .coteText h3{text-align:right;}
.coteBox.right .coteText h4{text-align:right;padding:0 1.2rem 0 0;}
.coteBox.right .coteText h4:before{
	right:0;
	left:inherit;
}

.coteFlex.bottom{
	margin:11.6rem 0 0 0;
}

.coteCenter{
	z-index:5;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width:53rem;
	height:53rem;
}
.coteCenterCircle{
	z-index: 2;
	width:100%;
	height:100%;
	position:absolute;
	background-image: url(/public/img/oci/sub/coteCenterCircle.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	/* animation: rotateBox 20s linear infinite; */
}
.coteCCircleInner{
	z-index: 1;
	width:100%;
	height:100%;
	position:Relative;
	padding:2.4rem;
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}
.coteCCircleInner p {
    bottom: -7rem;
    position: absolute;
    color: #999;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem;
}
.coteCCircle {
	gap:2rem;
    display: flex;
    width: 100%;
    height: 100%;
    position: Relative;
    border-radius: 50%;
    background: rgba(244, 2, 12, 0.10);
    backdrop-filter: blur(25px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.coteCCircle h2{
	color: #F4020C;
	text-align: center;
	font-family: 'Outfit', sans-serif;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}
.coteCCircle img{
	height:22rem;
}
.coteCCircle h3{
	color: #F4020C;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}
@media (max-width: 1910px) {
    .tehvsvg01, .tehvsvg02{
        display: none;
    }
}
@media (max-width:1600px) {
	.coteBox {
		max-width: 58rem;
	}
	.coteFlex.bottom {
		margin: 8rem 0 0 0;
	}
}
@media (max-width:1200px) {
	.coteBox {
		max-width: 50rem;
	}
}
@media (max-width:991px) {
	.tehvi li {
		flex: 0 0 calc(50% - 2.4rem);
		margin: 1.2rem;
	}
	.tehvi li img {
		margin: 1.4rem 0 2rem 0;
	}
	
	
	.coretechWrap {
		display: flex;
		position: Relative;
		width: 100%;
		margin: 5rem 0 0 0;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.coteFlex {
		gap: 5rem;
		display: flex;
		width: 100%;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	.coteBox {
		max-width: 100%;
	}
	.coteBox.right .coteText h3{text-align:left;}
	.coteBox.right .coteText h4{text-align:left;padding:0 0 0 1.2rem;}
	.coteBox.right .coteText h4:before{
		right:inherit;
		left:0;
	}
	
	.coteCenter {
		margin: 0 0 8rem 0;
		display: flex;
		z-index: 5;
		position: relative;
		top: inherit;
		left: inherit;
		-webkit-transform: inherit;
		transform: inherit;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
}
@media (max-width:767px) {
	.tehvi {
		margin: 3rem 0 0 0;
	}
	.tehvi ul {
		gap: 2.4rem;
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		list-style-type: none;
		justify-content: flex-start;
	}
	.tehvi li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
	.tehvi li strong {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: 0.84px;
	}
	.tehvi li img {
		margin: 1rem 0 1.6rem 0;
	}
	.tehvi li h3 {
		gap: 0.6rem;
	}
	.tehvi li h3 span {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.tehvi li h3 p {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	
	
	.coretechWrap {
		overflow:hidden;
		margin: 3rem 0 0 0;
	}
	.coteFlex.bottom {
		margin: 3.4rem 0 0 0;
	}
	.coteFlex {
		gap: 3.4rem;
	}
	.coteText {
		margin: 1.6rem 0 0 0;
	}
	.coteText h3 {
		margin: 0 0 0.8rem 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.coteText h4 {
		padding: 0 0 0 1.2rem;
		margin: 0.4rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 0;
	}
	.coteCCircleInner {
		padding: 1.4rem;
	}
	.coteCCircleInner p {
		bottom: -3.4rem;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.coteCenter{
		margin: 0 0 5rem 0;
		width: 30rem;
		height: 30rem;
	}
	.coteCCircle {
		background: rgba(244, 2, 12, 0.10);
		backdrop-filter: blur(14.750000953674316px);
		gap: 1rem;
		display: flex;
		width: 100%;
		height: 100%;
		position: Relative;
		border-radius: 50%;
	}
	.coteCCircle img {
		height: 13rem;
	}
	.coteCCircle h2 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.coteCCircle h3 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
}
/*-----------------------------------------
# 회사소개 인재채용
-------------------------------------------*/
.recruEmployment{
	position:Relative;
	margin:5rem 0 0 0;
}


.idealPersonWrap{
	margin:5rem 0 0 0;
	width:100%;
	position:Relative;
	display:flex;
	gap:10rem;
}
.idpImg {
    /* padding: 0 0 0 20.957rem; */
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
}
.idpImgInner {
    top: 11rem;
    position: sticky;
}
.idpImgInner img{
	max-width:60rem;
}
.idpTextBox {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.idpText:nth-child(1){
	margin:0;
}
.idpText{
	position:Relative;
	width:100%;
	margin:4rem 0 0 0;
}
.idpText h3{
	display:block;
	text-align:left;
	margin:0 0 1.8rem 0;
	color: #F4020C;
	font-family: 'Outfit', sans-serif;
	font-size: 2.3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.idpText h4{
	position:Relative;
	width:100%;
	margin:1.6rem 0 0 0;
}
.idpText h4 span{
	display:block;
	text-align:left;
	margin:0 0 0.6rem 0;
	color: #000;
	font-family: 'Outfit', sans-serif;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}
.idpText h4 span.pre{
	font-family: pretendard-500;
	font-weight: 500;
}
.idpText h4 p{
	display:block;
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.8rem;
}
.idpDivide{
	width:100%;
	height:1px;
	margin:6rem 0 2rem 0;
	background: #EEE;
}


.esStep.Employment ul {
    gap: 9.5rem;
}
.esStep.Employment ul li:after {
    right: -4.75rem;
}
.esStep.Employment ul li:before {
    transform: translateY(-50%);
    content: '';
    position: absolute;
    right: -6.8rem;
    top: 50%;
    height: 4.1rem;
    width: 4.1rem;
    background-image: url(
	/public/img/oci/sub/employment_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	z-index:2;
}
.esStep.Employment ul li:last-child:before{
	content:none;
}
.esStep.Employment ul li {
    width: 20%;
}


.recruTalent{
	position:Relative;
	margin:5rem 0 0 0;
}
.esStep.Talent ul li {
    width: 33.33333333%;
}


.trainingsystemWrap{
	position:Relative;
	width:100%;
	margin:8rem 0 0 0;
}
.trainingsystemWrap .mini_Titleh3 h3{
	font-family: pretendard-500;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 3.6rem;
}
.tsTabBoxInner{
	margin:3rem 0 0 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
.tsTabBox {
    border-bottom: 1px solid #EEE;
    gap: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tsTab{
	cursor:pointer;
	padding:2rem 0;
	position:Relative;
	color: #AAA;
	text-align: center;
	font-family: pretendard-300;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem;
}
.tsTab.on{
	font-weight: 500;
	font-family: pretendard-500;
	color: #000;
}
.tsTab.on:before{
	content:'';
}
.tsTab:before{
	content:none;
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:2px;
	background: #F4020C;
}

.tsContBox{
	width:100%;
	position:Relative;
	margin:5rem 0 0 0;
}
.tsCont{
	position:Relative;
}
.tsContImg {
	width:100%;
    display: flex;
}
.tsContInfo {
    display: flex;
    width: 100%;
    position: Relative;
    margin: 4rem 0 0 0;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.tsinfoImg {
    width: 37%;
    display: flex;
}
.tsinfoText{
	position:Relative;
	width: 63%;
	padding:4rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}
.tsinfoText h3{
	margin:0;
	color: #000;
	font-family: pretendard-500;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.6rem;
}
.tsctflex {
    gap: 6rem;
    display: flex;
    width: 100%;
}
.tsct{
	position:Relative;
	width:100%;
	padding:2rem 0 0 0;
}
.tsct:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width: 2rem;
	height: 1px;
	background: #F4020C;
}
.tsct h4{
	margin:0 0 1rem 0;
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.tsct p{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.8rem;
}

.caBannerWrap {
    display: flex;
    width: 100%;
    position: Relative;
    height: 42rem;
    background-image: url(/public/img/oci/sub/caBanner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    align-items: center;
    justify-content: center;
}
.caBanner_topleft{
	position:absolute;
	left:0;
	top:0;
	width:40.9rem;
	height:32rem;
	background-image: url(/public/img/oci/sub/caBanner_topleft.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.caBanner_bottomright{
	position:absolute;
	right:0;
	bottom:0;
	width:40.9rem;
	height:32rem;
	background-image: url(/public/img/oci/sub/caBanner_bottomright.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.caBanner {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.caBanner span{
	color: #FFF;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}
.caBanner a {
    gap: 1rem;
    display: flex;
    color: #FFF;
    font-family: pretendard-500;
    font-size: 4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.8rem;
    align-items: center;
    justify-content: center;
}
.caBanner a img{
	height:1.8rem;
}
@media screen and (max-width: 1600px) {
	.idealPersonWrap {
		margin: 5rem 0 0 0;
		gap: 6rem;
	}
	
	
	.esStep.Employment ul {
		gap: 5rem;
	}
	.esStep.Employment ul li:after {
		right: -2.5rem;
	}
	.esStep.Employment ul li:before {
		right: -4.5rem;
	}
}
@media screen and (max-width: 991px) {
	.idealPersonWrap {
		margin: 5rem 0 0 0;
		width: 100%;
		gap: 4rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.idpImg {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: flex-start;
	}
	.idpImgInner {
		top: 0;
		position: relative;
	}
	.idpImgInner img {
		max-width: 48rem;
	}
	.idpDivide {
		margin: 4rem 0 1rem 0;
	}
	.idpText {
		margin: 2.6rem 0 0 0;
	}
	.idpText h3 {
		margin: 0 0 1.4rem 0;
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.idpText h4 {
		margin: 1.4rem 0 0 0;
	}
	.idpText h4 span {
		margin: 0 0 0.6rem 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.idpText h4 p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.recruEmployment{
		overflow:hidden;
	}
	.esStep.Employment ul {
		gap: 0rem;
	}
	.esStep.Employment ul li {
		border-bottom: 1px solid #eee;
		width: 100%;
		margin: 0;
		padding: 4rem 0;
	}
	.esStep.Employment ul li:nth-child(1) {
		padding: 0 0 4rem 0;
	}
	.esStep.Employment ul li:last-child {
		padding: 4rem 0 0 0;
		border-bottom: none;
	}
	.esStep.Employment ul li .msvCoreitem strong{
		margin: 0 0 1rem 0;
	}
	.msvCoreitem.step img {
		margin: 0;
		top: 0;
	}
	.esStep.Employment ul li:before {
		transform: translateX(-50%) rotate(90deg);
		bottom: -2.2rem;
		top: inherit;
		left: 50%;
		right: inherit;
	}
	
	
	.recruTalent{
		overflow:hidden;
	}
	.esStep.Talent ul li {
		border-bottom: 1px solid #eee;
		width: 100%;
		margin: 0;
		padding: 4rem 0;
	}
	.esStep.Talent ul li:nth-child(1) {
		padding: 0 0 4rem 0;
	}
	.esStep.Talent ul li:last-child {
		padding: 4rem 0 0 0;
		border-bottom: none;
	}
	.msvCoreitem dd {
		margin: 0 0 1.4rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.trainingsystemWrap {
		margin: 6rem 0 0 0;
	}
	.trainingsystemWrap .mini_Titleh3 h3 {
		font-size: 2.4rem;
		line-height: 3rem;
	}
	.tsTabBoxInner {
		margin: 2rem 0 0 0;
	}
	.tsTabBox {
		gap: 6rem;
	}
	.tsTab {
		padding: 1.6rem 0;
		font-size: 1.9rem;
		line-height: 3rem;
	}
	.tsinfoImg {
		width: 100%;
		display: flex;
	}
	.tsinfoText {
		position: Relative;
		width: 100%;
		padding: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		align-self: stretch;
	}
	.tsContInfo {
		display: flex;
		width: 100%;
		position: Relative;
		margin: 3rem 0 0 0;
		border: 1px solid rgba(0, 0, 0, 0.10);
		flex-direction: column;
	}
	.tsctflex {
		margin: 3rem 0 0 0;
		gap: 3rem;
		display: flex;
		width: 100%;
		flex-direction: column;
	}
	
	
	.caBannerWrap {
		height: 30rem;
	}
	.caBanner_topleft {
		width: 17.8rem;
		height: 14rem;
	}
	.caBanner_bottomright {
		width: 17.8rem;
		height: 14rem;
	}
}
@media screen and (max-width: 767px) {
	.idealPersonWrap {
		margin: 3rem 0 0 0;
		gap: 3rem;
	}
	.idpImgInner img {
		max-width: 100%;
	}
	.idpDivide {
		margin: 2rem 0 0rem 0;
	}
	.idpText {
		margin: 2rem 0 0 0;
	}
	.idpText h3 {
		margin: 0 0 1rem 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.idpText h4 {
		margin: 1rem 0 0 0;
	}
	.idpText h4 span {
		margin: 0 0 0.6rem 0;
		font-size: 1.5rem;
		line-height: 1.9rem;
	}
	.idpText h4 p {
		font-size: 1.4rem;
		line-height: 1.9rem;
	}
	
	
	.esStep.Employment ul li {
		padding: 2rem 0;
	}
	.esStep.Employment ul li:nth-child(1) {
		padding: 0 0 2rem 0;
	}
	.esStep.Employment ul li:last-child {
		padding: 2rem 0 0 0;
	}
	.esStep.Employment ul li:before {
		height: 3.1rem;
		width: 3.1rem;
		bottom: -1.6rem;
	}
	
	
	.recruTalent {
		margin: 3rem 0 0 0;
	}
	.esStep.Talent ul li {
		padding:2rem 0;
	}
	.esStep.Talent ul li:nth-child(1) {
		padding: 0 0 2rem 0;
	}
	.esStep.Talent ul li:last-child {
		padding: 2rem 0 0 0;
	}
	.msvCoreitem dd {
		margin: 0 0 1rem 0;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	
	.trainingsystemWrap {
		margin: 4rem 0 0 0;
	}
	.trainingsystemWrap .mini_Titleh3 h3 {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.tsTabBoxInner {
		margin: 2rem 0 0 0;
	}
	.tsTabBox {
		width: 100%;
		display: flex;
		gap: 0;
		justify-content: space-between;
	}
	.tsTab {
		padding: 1.6rem 0;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.tsContBox {
		margin: 3rem 0 0 0;
	}
	.tsinfoText {
		padding: 1.6rem;
	}
	.tsinfoText h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.tsct {
		padding: 1rem 0 0 0;
	}
	.tsctflex {
		margin: 2rem 0 0 0;
		gap: 2rem;
	}
	.tsct h4 {
		margin: 0 0 0.6rem 0;
		font-size: 1.4rem;
		line-height: 1.9rem;
	}
	.tsct p {
		letter-spacing: -0.26px;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.tsContImg {
		overflow-x: scroll;
		width: 100%;
		display: block;
	}
	.tsContImg img {
		max-width: unset;
		width: 80rem;
	}
	
	
	.caBannerWrap {
		height: 20rem;
	}
	.caBanner_topleft {
		width: 8.9rem;
		height: 7rem;
	}
	.caBanner_bottomright {
		width: 8.9rem;
		height: 7rem;
	}
	.caBanner {
		gap: 0.6rem;
	}
	.caBanner span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.caBanner a {
		gap: 0.9rem;
		font-size: 2rem;
		line-height: 2.9rem;
	}
	.caBanner a img {
		height: 1.5rem;
	}
}

/*-----------------------------------------
# 신고센터
-------------------------------------------*/
.rpWrap {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 2rem 0 14rem 0;
}
.rpSideBox {
    position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
}
.rpWrap .ociSubP_Title .ospT {
	text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.custom_bg {
    background-image: url(/public/img/oci/sub/custom_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.priconttext{
	margin: 10rem 0 0 0;
	width:100%;
	position:relative;
	padding: 5rem 6rem;
	background: #F8F8F8;
}
.priconttext h2{
	padding:0;
	position:relative;
	margin:0;
	color: #111;
	font-family: pretendard-500;
	font-size:1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
}
.priconttext ul{
	margin:2rem 0 0 0;
}
.priconttext ul li:nth-child(1){
	margin:0;
}
.priconttext ul li{
	padding:0 0 0 1rem;
	position:relative;
	margin:0.8rem 0 0 0;
	color: #111;
	font-family: pretendard-400;
	font-size:1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.priconttext ul li:before{
	content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #F4020C;
}

.pricontWrap {
    display: flex;
    position: Relative;
    /* text-align: center; */
    flex-direction: column;
    align-items: center;
}
.cusdaeNum{
	display: inline-block;
	margin:4rem 0 0 0;
	position:Relative;
}
.cusdaeNum a{
	position:Relative;
	border-bottom: 1px solid #F4020C;
	display: flex;
	padding: 1.7rem 2rem;
	justify-content: center;
	align-items: center;
	gap: 1.4rem;
	color:#F4020C;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.cusdaeNum a img{height:2rem;}
.cuspriflex{
	position:Relative;
	width:100%;
	display:flex;
	gap:16rem;
}
.cuspri {
    gap: 5rem;
    display: flex;
    width: 100%;
    position: Relative;
    justify-content: flex-start;
    align-items: flex-start;
}
.cuspri p{
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3rem;
}
.cuspri.borr:after {
    content: '';
    position: absolute;
    right: -8rem;
    top: 0;
    width: 1px;
    height: 100%;
    background: #EEE;
}
.cuspri_icon {
    display: flex;
    width: 12rem;
    height: 12rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 999px;
    background: #FFF;
}
.cuspri_icon img{height:4.6rem;}
.cuspriText{
	width: 100%;
	position:Relative;
}
.cuspriText h2 {
    margin: 0 0 5.3rem 0;
    position: relative;
    display: block;
    color: #000;
    text-align: left;
    font-family: pretendard-500;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.3rem;
}
.cuspriText h2:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-2.6rem;
	width: 3rem;
	height: 1px;
	background: #F4020C;
}
.cuspalink {
    gap: 6rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.cuspalink a {
    gap: 1.4rem;
    display: flex;
    color: #000;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
    align-items: center;
    justify-content: flex-start;
}
.cuspalink a img{
	height:2rem;
}

.cuspdotText{
	width:100%;
	position:Relative;
}
.cuspdotText p:nth-child(1){
	margin:0;
}
.cuspdotText p{
	position:Relative;
	padding:0 0 0 1.2rem;
	margin:0.6rem 0 0 0;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}
.cuspdotText p:before{
	content: '';
    position: absolute;
    left: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #F4020C;
}


.sucBox{
	width:100%;
	position:relative;
	margin:8rem 0 0 0;
}
.sucBox:nth-child(1){
	margin:0;
}
.such2 {
    padding: 0 0 3rem 0;
    border-bottom: 1px solid #222;
    width: 100%;
    position: relative;
    margin: 0 0 1rem 0;
}
.such2 h2 {
    position: relative;
    display: flex;
    color: #222;
    font-family: pretendard-500;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    align-items: flex-end;
    justify-content: flex-start;
}
.such2 h2.req:after {
    margin: 0 0 0 1.4rem;
    /* top: 2.2rem; */
    color: #F4020C;
    font-family: pretendard-500;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
	content: '* Required fields';
    position: relative;
}
.sucIn dl{
	margin:0.4rem 0 0 0;
	padding:0 0 0 1rem;
	position:relative;
	color: #111;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.sucIn dl.dlmar{
	margin:1rem 0 0 0;
}
.sucIn dl:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.9rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #F4020C;
}

.sucBox h3{
	margin:2rem 0 0 0;
	padding:0;
	position:relative;
	color: #222;
	font-family: pretendard-400;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}


.sucflex{
	gap:4rem;
	display:flex;
	width:100%;
	position:relative;
}
.suSelflexIn{
	gap:1rem;
	display:flex;
	width:100%;
	position:relative;
}
.suSelflexIn.mart{
	margin:0.6rem 0 0 0;
}
.suSelflexIn .sucSel{
	width:100%;
}
.suSelflexIn .sucIn.selside{
	margin: 0;
	width: 40%;
	position:Relative;
}
.suSelflexIn .sucIn.selside input {
    padding: 0rem 4.4rem 0rem 2rem;
    text-align: right;
}
.suSelflexIn .sucIn.selside:after {
    transform: translateY(-50%);
    top: 51%;
    right: 2rem;
    z-index: 2;
    content: '대';
    position: absolute;
    color: #222;
    font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.6rem;
}
.sucIn.suSelflexInSide textarea{
	height: 19.1rem;
}

.suflexIn{
	gap:1rem;
	display:flex;
	width:100%;
	position:relative;
}

.sucIn{
	margin:2rem 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: #F4020C;
    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: 6rem;
border-radius: 0;
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 #F4020C;}
.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;}



.sucSel{
	position:relative;
}
.sucSel:before {
    transform: translateY(-50%);
    z-index: 2;
    content: '';
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 10px;
    height: 6px;
    background-image: url(
	/public/img/oci/common/sel_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sucIn select {
	cursor:pointer;
border: 1px solid rgba(0, 0, 0, 0.10);
font-family: Pretendard;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 6rem;
border-radius: 0;
background: #ffffff;
padding: 0rem 2rem 0rem 2rem;
color: #222;
font-family: pretendard-500;font-weight: 500;font-size: 1.7rem;font-style: normal;line-height: 2.6rem;
-webkit-appearance: none;}
.sucIn select:-webkit-autofill,
.sucIn select:-webkit-autofill:hover,
.sucIn select:-webkit-autofill:focus,
.sucIn select:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.sucIn select:focus,
.sucIn select:active {background:#FFF; border:1px solid #F4020C;}
.sucIn select:focus{outline: none;}



.radioBoxInner{
	margin:2rem 0 0 0;
	width:100%;
	display:block;
	position:relative;
}
.radioBoxInner 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;
}
.radioBoxInner p.req:after {
    margin: 0 0 0 0.4rem;
    top: 0.3rem;
    color: #F4020C;
    font-family: pretendard-600;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    content: '*';
    position: relative;
}
.radioBox {
    padding: 1.8rem 0 1.8rem 0;
    margin: 0;
    width: 100%;
    display: flex;
	gap:5rem;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.radioBox label {
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.radioBox input {
    margin: 0 0.8rem 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
	border: 2px solid rgba(0, 0, 0, 0.10);
    outline: none;
	position:relative;
}
.radioBox input[type="radio"]:before {
    display: inline-block;
    border-radius: 50%;
    content:none;
    width: 1rem;
    width: 1.4rem;
    height: 1.4rem;
    background: #F4020C;
	position:absolute;
	transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.radioBox input[type="radio"]:checked:before{
	content:'';
}
.radioBox input[type="radio"]:checked {
    border: 1px solid #F4020C;
}
.radioBox label span{
	color: #222;
	font-family: pretendard-500;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}


.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: 18rem;
    border-radius: 0;
    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 #F4020C;}
.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_pri{
	position:relative;
	margin:2rem 0 0 0;
}
.inq_priflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inq_priflex dl{
	margin:0;
	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"]{ 
	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 a{
	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;
}
.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/oci/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/oci/common/check_after.png) no-repeat center/cover;
}

.inq_ptextInner{
	margin:3rem 0 2rem 0;
	border-radius: 0rem;
	border: 1px solid rgba(0, 0, 0, 0.10);
	padding: 0 0.6rem 0 0;
	width:100%;
	background: #FFF;
}
.inq_ptext {
    overflow-y: scroll;
    margin: 0;
	padding:1.6rem 2.2rem 1.6rem 2.4rem;
	
    text-align: left;
    height: 24rem;
    border: none;
    resize: none;
    width: 100%;
    color: #444;
    font-family: pretendard-300;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.6rem;
}
.inq_ptext b{
	font-weight: 600;
	font-family: pretendard-600;
}



.fileUpBox {
    margin: 2rem 0 0 0;
    width: 100%;
    display: block;
    position: relative;
}
.fileUpBox 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;
}
.fileUpBox p.req:after {
    margin: 0 0 0 0.4rem;
    top: 0.3rem;
    color: #F4020C;
    font-family: pretendard-600;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    content: '*';
    position: relative;
}
.file_input_flex.nonemart{
	margin:0;
}
.file_input_flex {
    display:flex;
	margin:1rem 0 0 0;
}
.file_input_f {
    position: relative;
    width: 100%;
}
.file_input_div {
    top: 0;
    left: 0;
    display: flex;
    text-align: center;
    position: absolute;
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.file_input_img_btn {
	text-align: center;
	width: 2rem;
	height: 2rem;
}

.file_input_img_btn img{
	display: inline-block;
	width: 100%;
}

.file_input_hidden {
    
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    /* filter: alpha(opacity=0); */
    /* -ms-filter: alpha(opacity=0); */
    cursor:pointer;
}

.file_up_load_box{
	height: 6rem;
	position:relative;
    width: 100%;
	margin-bottom:0rem;
}

.file_up_load_box input {
	border: 1px solid #F6F6F6;
    font-family: pretendard-600;
    border-radius: 0;
    box-sizing: border-box;
    height: 6rem !important;
    width: 100% !important;
    background-color: #f8f8f8;
    font-size: 1.6rem;
    padding-left: 7rem!important;
	color:#111;
}
.file_up_load_box input::placeholder{
color: #888;
	font-family: pretendard-300;
	font-weight: 300;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2.6rem;
}
.fiinfo{
    position: Relative;
    margin: 1rem 0 0 0;
    display: block;
    padding: 0 0 0 1.2rem;
    color: #666;
    font-family: pretendard-300;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2rem;
    letter-spacing: -0.32px;
}
.fiinfo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.7rem;
    width: 0.4rem;
    height: 0.4rem;
    background: #666;
    border-radius: 50%;
}



.subcBtnBox {
    margin: 5rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.suCancelBtn {
    cursor: pointer;
    border-radius: 0;
    background: #F4020C;
    display: flex;
    padding: 2.2rem 10rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-family: pretendard-600;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
}
.subcBtn {
    cursor: pointer;
    border-radius: 0;
    background: #F4020C;
    display: flex;
    padding: 2.2rem 10rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-family: pretendard-600;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
}


.sucReverseflex{
	width:100%;
    gap: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.sucIn.phoneInput{display:none;}
.sucIn.nameInput{display:none;}

.sucIn.hiddenBox{
	margin:0;
}
.sucIn.etcRelInput{display:none;}


.sucflex.address{gap:1rem}
.sucflex.address input{width:18.7rem;}
.sucflex.address .Btn {
    cursor: pointer;
    display: flex;
    height: 6rem;
    padding: 0px 3rem;
    align-items: center;
    gap: 0px;
    border-radius: 0;
    border: 1px solid #111;
    background: #FFF;
    color: #111;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
}


.inqsubText{
	margin:2rem 0 0 0;
	display: block;
    position: relative;
    text-align: left;
    color: #111;
    font-family: pretendard-400;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
}
@media screen and (max-width: 1600px) {
	.priconttext {
		margin: 8rem 0 0 0;
		padding: 4rem 4rem;
	}
	.cuspriflex {
		gap: 10rem;
	}
	.cuspri.borr:after {
		right: -5rem;
	}
}
@media screen and (max-width: 1300px) {
	.priconttext {
		margin: 6rem 0 0 0;
		padding: 4rem 4rem;
	}
	.cuspriflex {
		display: flex;
		gap: 8rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.cuspriflex.as{
		gap: 4rem;
	}
	.cuspri.borr:after {
		bottom: -4rem;
		top: inherit;
		height: 1px;
		width: 100%;
		right: inherit;
		left: 0;
	}
}
@media screen and (max-width: 991px) {
	.rpWrap {
		padding: 2rem 0 0rem 0;
	}
	
	.cusdaeNum {
		margin: 3rem 0 0 0;
	}
	.cusdaeNum a {
		padding: 1.5rem 2rem;
		gap: 1.4rem;
		font-size: 2rem;
		line-height: 2.2rem;
	}
	.priconttext {
		padding: 3rem;
	}
	.cuspri_icon {
		width: 10rem;
		height: 10rem;
	}
	.cuspriText h2 {
		margin: 0 0 5.3rem 0;
		font-size: 2.2rem;
		line-height: 4rem;
	}
	.cuspri p {
		display: block;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	
	
	.suSelflexIn .sucIn.selside input {
		padding: 0rem 3.4rem 0rem 1.6rem;
	}
	.suSelflexIn .sucIn.selside:after {
		top: 51%;
		right: 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn.suSelflexInSide textarea {
		height: 16.1rem;
	}
	
	
	.sucflex {
		gap: 3rem;
	}
	.such2 {
		padding: 0 0 2rem 0;
		margin: 0 0 1rem 0;
	}
	.such2 h2 {
		font-size: 2.6rem;
	}
	.sucIn p {
		margin: 0 0 0.4rem 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.sucIn input {
		height: 5rem;
		padding: 0rem 2rem 0rem 2rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.sucIn input::placeholder {
		font-size: 1.4rem;
	}
	.sucIn select {
		height: 5rem;
		padding: 0rem 1.6rem 0rem 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn textarea {
		height: 18rem;
		padding: 2rem 2rem 2rem 2rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.sucIn textarea::placeholder {
		font-size: 1.4rem;
	}
	.radioBoxInner p {
		margin: 0 0 0.4rem 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.radioBox label span {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.radioBox {
		padding: 1.3rem 0 1.3rem 0;
		gap: 4rem;
	}
	.radioBox input {
		margin: 0 0.6rem 0 0;
		width: 2.2rem;
		height: 2.2rem;
	}
	.sucBox h3 {
		margin: 2rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.sucIn dl {
		margin: 0.4rem 0 0 0;
		padding: 0 0 0 1rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn dl:before {
		top: 0.65rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	
	.sucflex.address .Btn {
		height: 5rem;
		padding: 0px 2rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.file_up_load_box {
		height: 5rem;
	}
	.fileUpBox p {
		margin: 0 0 0.4rem 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.file_up_load_box input {
		height: 5rem !important;
		font-size: 1.6rem;
		padding-left: 6rem!important;
	}
	.file_up_load_box input::placeholder{
		font-size: 1.4rem;
	}
	.file_input_div {
		width: 5rem;
		height: 5rem;
	}
}
@media screen and (max-width: 767px) {
	.rpWrap {
		padding: 2rem 0 5rem 0;
	}
	.cusdaeNum {
		margin: 2.4rem 0 0 0;
	}
	.cusdaeNum a {
		padding: 1rem 1.2rem;
		gap: 1rem;
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.cusdaeNum a img {
		height: 1.4rem;
	}
	.priconttext {
		margin: 4rem 0 0 0;
		padding: 2rem;
	}
	.cuspriflex {
		gap: 4.8rem;
	}
	.cuspriflex.as {
		gap: 2.4rem;
	}
	.cuspri.borr:after {
		bottom: -2.4rem;
	}
	.cuspri {
		gap: 2rem;
	}
	.cuspri_icon {
		width: 4.7rem;
		height: 4.7rem;
	}
	.cuspri_icon img{height:2.3rem;}
	.cuspriText h2 {
		margin: 0 0 2.9rem 0;
		font-size:1.8rem;
		line-height: 2.8rem;
	}
	.cuspriText h2:after {
		bottom: -1.45rem;
		width: 2rem;
		height: 1px;
	}
	.cuspalink {
		gap: 1rem;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.cuspalink a img {
		height: 1.6rem;
	}
	.cuspalink a {
		gap: 1.4rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.cuspri p {
		font-size: 1.4rem;
		line-height: 2.6rem;
	}
	.cuspdotText p{
		padding:0 0 0 0.9rem;
		margin:0.8rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: -0.28px;
	}
	.cuspdotText p:before{
		top: 0.85rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	
	
	.sucBox {
		margin: 5rem 0 0 0;
	}
	.such2 {
		padding: 0 0 1.4rem 0;
		margin: 0 0 0rem 0;
	}
	.such2 h2 {
		gap: 1rem;
		display: flex;
		font-size: 2.2rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.such2 h2.req:after {
		margin: 0 0 0 0rem;
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.suSelflexIn {
		gap: 0.6rem;
		display: flex;
		width: 100%;
		position: relative;
	}
	.sucflex {
		display: flex;
		gap: 0;
		flex-direction: column;
	}
	.suflexIn {
		gap: 0rem;
		display: flex;
		width: 100%;
		position: relative;
		flex-direction: column;
	}
	.suflexIn .sucIn.moDis{
		margin: 0.6rem 0 0 0;
	}
	.suflexIn .sucIn.moDis p{display:none;}
	.sucIn.moDis{display:none;}
	
	.sucIn input {
		height: 5rem;
		padding: 0rem 1.6rem 0rem 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn p {
		margin: 0 0 0.4rem 0;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	
	
	.radioBoxInner p {
		margin: 0 0 0.4rem 0;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.radioBox input {
		margin: 0 0.6rem 0 0;
		width: 2rem;
		height: 2rem;
	}
	.radioBox label span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.radioBox input[type="radio"]:before {
		width: 1.2rem;
		height: 1.2rem;
	}
	
	
	.sucBox h3 {
		letter-spacing: -0.2px;
		margin: 2rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	
	.sucIn textarea {
		height: 15rem;
		padding:1.2rem 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn dl {
		margin: 0.4rem 0 0 0;
		padding: 0 0 0 1rem;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.sucIn dl:before {
		top: 0.5rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	
	.sucflex.address {
		gap: 0.6rem;
		display: flex;
		flex-direction: row;
	}
	.sucflex.address input {
		width: 16rem;
	}
	.sucflex.address .Btn {
		height: 5rem;
		padding: 0px 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sucIn input.marT1 {
		margin: 0.6rem 0 0 0;
	}
	
	
	.inqsubText {
		margin: 1rem 0 0 0;
		font-size: 1.1rem;
		line-height: 1.6rem;
	}
	
	.inq_ptextInner {
		margin: 2rem 0 1rem 0;
		padding: 0 0.6rem 0 0;
	}
	.inq_ptext {
		padding: 1.4rem 1.4rem 1.4rem 2rem;
		height: 20rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	
	.inq_priCheckArea input[type="checkbox"] + label {
		padding-left: 2.6rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label:before {
		top: 0rem;
		width: 2rem;
		height: 2rem;
		background: url(../img/oci/common/check_before.png) no-repeat center/cover;
	}
	.inq_priCheckArea input[type="checkbox"]:checked + label:after {
		left: 0;
		width: 2rem;
		height: 2rem;
	}
	
	
	.file_up_load_box {
		height: 5rem;
	}
	.file_input_flex {
		margin: 0.6rem 0 0 0;
	}
	.fileUpBox p {
		margin: 0 0 0.4rem 0;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.file_up_load_box input {
		height: 5rem !important;
		font-size: 1.3rem;
		padding-left: 5.2rem!important;
	}
	.file_up_load_box input::placeholder{
		font-size: 1.4rem;
	}
	.file_input_div {
		width: 5rem;
		height: 5rem;
	}
	.file_input_img_btn {
		width: 1.6rem;
		height: 1.6rem;
	}
	.fiinfo {
		margin: 0.6rem 0 0 0;
		padding: 0 0 0 1rem;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.fiinfo:before {
		top: 0.5rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	
	.subcBtnBox {
		margin: 4rem 0 0 0;
	}
	.subcBtn {
		width: 100%;
		padding: 1.8rem 3rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	
	.moDisNone{display:none;}
	.radioBox.Reverseflex{padding:1.3rem 0 0 0;}
}


/*-----------------------------------------
# 사업소개 제품 리스트
-------------------------------------------*/
.pv_bg {
    background-image: url(/public/img/oci/sub/pv_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.pdWrap{
	width:100%;
	position:relative;
	padding: 2rem 0 12rem 0;
	background: #FFF;
}
.pdSideBox{
	position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
}




.subpNavBox {
    margin: 0 0 8rem 0;
    z-index: 10;
    left: 0;
    position: Relative;
    width: 100%;
}
.subpNavInner{
	max-width:164rem;
	padding:0 2rem;
	margin:0 auto;
	position:relative;
}
.subpNavTable{
	display:none;
}
.subpNav {
	border-bottom: 1px solid #EEE;
	backdrop-filter: blur(5px);
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
.subpNav ul{
	width: 100%;
	margin:0;
	display:flex;
	padding:0;
	background:#fff;
}
.subpNav ul li{
	list-style:none;
	width: 100%;
	height:8.2rem;
	position:relative;
}
.subpNav ul li a {
	text-decoration: initial!important;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.subpNav ul li a span {
    display: flex;
    height: 100%;
    position: relative;
    color: #666;
    font-family: pretendard-400;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
    align-items: center;
    justify-content: center;
}
.subpNav ul li.onPage a span{
	color: #000;
	font-family: pretendard-600;
	font-weight: 600;
}
.subpNav ul li.onPage a span:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background:#F4020C;
}
@media (max-width:1600px) {
	.subpNav ul li {
		height: 7.2rem;
	}
	.subpNavBox {
		margin: 0 0 6rem 0;
	}
}
@media (max-width:1200px) {
	.pdWrap {
		padding: 2rem 0 10rem 0;
	}
}
@media (max-width:991px) {
	.pdWrap {
		padding: 2rem 0 8rem 0;
	}
	
	
	.subpNavBox {
		margin: 0 0 5rem 0;
	}
	.subpNav{display:none;}
	.subpNavTable {
		border-bottom: 1px solid #EEE;
		height: 7rem;
		padding: 0 0 1rem 0;
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: center;
	}
	.subpNavTable strong{
		color: #000;
		font-family: Pretendard;
		font-size: 2.4rem;
		font-style: normal;
		font-weight: 600;
		line-height: 6rem;
	}
	.supP_Btn{
		width:6rem;
		height:6rem;
	}
	.supP_Btn a {
		display: flex;
		position: relative;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		/* background: #EEE; */
		/* border:1px solid #eee; */
	}
	.supP_Btn a:hover{
		/* border: 1px solid #000; */
		background: #FFF;
	}
	.supP_Btn.prev a:after {
		height: 20px;
		width: 20px;
		content: '';
		background-image: url(/public/img/oci/sub/supP_prev.webp);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.supP_Btn.prev a:hover:after{
		background-image: url(/public/img/oci/sub/supP_on_prev.webp);
	}
	.supP_Btn.Next a:after {
		height: 20px;
		width: 20px;
		content: '';
		background-image: url(/public/img/oci/sub/supP_next.webp);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.supP_Btn.Next a:hover:after{
		background-image: url(/public/img/oci/sub/supP_on_next.webp);
	}
}
@media (max-width:767px) {
	.pdWrap {
		padding: 2rem 0 8rem 0;
	}
	
	
	.subpNavBox {
		margin: 0 0 4rem 0;
	}
	.subpNavTable {
		height: 4.9rem;
		padding: 0 0 1rem 0;
	}
	.subpNavTable strong {
		font-size: 2rem;
		line-height: 3.9rem;
	}
	.supP_Btn {
		width: 3.9rem;
		height: 3.9rem;
	}
	.supP_Btn.prev a:after {
		height: 17px;
		width: 17px;
	}
	.supP_Btn.Next a:after {
		height: 17px;
		width: 17px;
	}
}


/* ==========  상단 검색 카테고리  ========== */
.pdNavBar{
	width:100%;
	position:relative;
	margin:0;
	border-bottom: 1px solid #EEE;
}
.pdNavInput{
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	/* width:24.4rem; */
	height:7.6rem;
}
.pdNavInput form {
    gap: 2rem;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0 2.6rem;
    display: flex;
    align-items: center;
}
.pdNavInput input {
	outline: none;
	border: none;
	font-family: Pretendard;
	box-sizing: border-box;
	margin: 0;
	width: 15.4rem;
	position: relative;
	height: 100%;
	border-radius: 0;
	background: #fff;
	padding: 0;
	color: #111;
	font-family: pretendard-500;font-weight: 500;font-size: 1.8rem;font-style: normal;line-height: 2.6rem;
}
.pdNavInput input:-webkit-autofill,
.pdNavInput input:-webkit-autofill:hover,
.pdNavInput input:-webkit-autofill:focus,
.pdNavInput input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.pdNavInput input:focus,
.pdNavInput input:active {background:#FFF; border:none;}
.pdNavInput input:focus{outline: none;}
.pdNavInput button {
	background: inherit;
    cursor: pointer;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 18px;
    height: 18px;
    position: relative;
    padding: 0;
    margin: 0;
    background-image: url(/public/img/oci/common/sea_icon.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center center;
}
.pdNavInput button:active {background:initial; border:none;}
.pdNavInput button:focus{outline: none;}

.pdNavInput input::placeholder {
	color: #888;
	font-family: pretendard-400;
	font-weight: 400;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.4rem;
}
.pdNavBar ul{
	position:relative;
	z-index:1;
	display:flex;
	gap:7rem;
}
.pdNavBar ul li{
	list-style:none;
	position:relative;
}
.pdNavBar ul li a{
	display:inline-block;
	position:relative;
	color: #999;
	font-family: pretendard-400;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height:3.6rem;
	padding:2rem 0;
}
/* .pdNavBar ul li a:hover{ */
	/* color: #000; */
	/* font-family: pretendard-600; */
	/* font-weight: 600; */
/* } */
.pdNavBar ul li a:after{
	content:none;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background:#F4020C;
}
.pdNavBar ul li a.on{
	color: #000;
	font-family: pretendard-600;
	font-weight: 600;
}
.pdNavBar ul li a.on:after{
	content:'';
}


/* ==========  카테고리 슬라이드  ========== */
.watCateWrap{
	position:relative;
	width:100%;
	overflow:hidden;
}
.watCateBox{
	position:relative;
	width:100%;
    max-width: 164rem;
    padding: 0;
    margin: 0 auto;
}
.moCateBox{display:none;}
.watCateBox .swiper {
    padding: 6rem 2rem;
    overflow: unset;
}
.watCateBox .swiper-slide{
	width:auto;
}
.watCateBox .swiper-button-prev.swiper-button-disabled,
.watCateBox .swiper-button-next.swiper-button-disabled {
	display:none;
    opacity: 0;
}
.watCateBox .swiper-button-prev {
	transform: translateY(-50%);
    top: 50%;
	margin: 0;
    width: 4.2rem;
    height: 4.2rem;
	border-radius: 99px;
	border: 1px solid #000;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.watCateBox .swiper-button-prev:after {
    height: 12px;
    width: 12px;
    content: '';
    background-image: url(/public/img/oci/sub/wat_prev.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.watCateBox .swiper-button-prev:hover{
	border: 1px solid #F4020C;
	background: #FFF;
}
.watCateBox .swiper-button-next{
	transform: translateY(-50%);
    top: 50%;
	margin: 0;
	width: 4.2rem;
    height: 4.2rem;
	border-radius: 99px;
	border: 1px solid #000;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.watCateBox .swiper-button-next:after {
    height: 12px;
    width: 12px;
    content: '';
    background-image: url(/public/img/oci/sub/wat_next.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.watCate{
	position:relative;
}
.watCate a{
	border:1px solid #F2F2F2;
	border-radius: 99px;
	background: #F2F2F2;
	display: flex;
	padding: 1.3rem 2.1rem;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #888;
	text-align: center;
	font-family: 'Outfit', sans-serif;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
}
.watCate a:hover{
	background:#fff;
	color:#F4020C;
	border:1px solid #F4020C;
}
.watCate.on a{
	font-weight: 700;
	color:#fff;
	border:1px solid #F4020C;
	background: #F4020C;
}
.watCateBox .swiper-slide:nth-child(1) .watCate a,
.watCateBox .swiper-slide:nth-child(2) .watCate a
{
	font-weight: 600;
	background: #fff;
	color:#000;
	border:1px solid #000;
}
.watCateBox .swiper-slide:nth-child(1) .watCate a:hover,
.watCateBox .swiper-slide:nth-child(2) .watCate a:hover{
	color:#F4020C;
	border:1px solid #F4020C;
}
.watCateBox .swiper-slide:nth-child(1) .watCate.on a,
.watCateBox .swiper-slide:nth-child(2) .watCate.on a{
	font-weight: 700;
	background: #000;
	color:#fff;
	border:1px solid #000;
}
.watCateBox .swiper-slide:nth-child(2) .watCate{
	margin:0 4rem 0 0;
}
.watCateBox .swiper-slide:nth-child(2) .watCate:after {
    transform: translateY(-50%);
    content: '';
    position: absolute;
    right: -2.2rem;
    top: 50%;
    width: 1px;
    height: 3rem;
    background: #DDD;
}
.watCateBox .swiper-slide:last-child .watCate{
	margin:0 4rem 0 0;
}

/* ==========  제품 리스트  ========== */

/*====  제품overview  ====*/
.tabllongContent{display:none;}
.pdcard li.longContent{
	flex: 0 0 calc(100% - 2.4rem); 
}
.pvinvWrap{
	width:100%;
	position:Relative;
	display:flex;
}
.pvinvText {
    width: 50%;
    position: Relative;
    display: flex;
    padding: 6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.pvinvTextInner h2{
	margin:0;
	display:block;
	color: #000;
	text-align: left;
	font-family: Pretendard;
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.6rem;
}
.pvinvTextInner h3{
	margin:2rem 0 0 0;
	display:block;
	text-align: left;
	color: #000;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3rem;
}
.pvinvTextInner .maPBtn {
    margin: 3rem 0 0 0;
}
.pvinvImg{
	width:50%;
	position:Relative;
    background-image: url(/public/img/oci/sub/InverterBg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width:1600px) {
	.pvinvText {
		padding: 5rem;
	}
}
@media (max-width:1200px) {
	.pvinvText {
		padding: 4rem;
	}
	.pvinvTextInner h2 {
		font-size: 3rem;
		line-height: 4rem;
	}
	.pvinvTextInner h3 {
		margin: 1.6rem 0 0 0;
		font-size: 1.7rem;
		line-height: 2.6rem;
	}
}
@media (max-width:991px) {
	.pdcard li.longContent{
		display:none;
	}
	
	.tabllongContent {
		margin: 0 0 2.4rem 0;
		display: block;
	}
	.pvinvText {
		padding: 3rem 2rem;
	}
	.pvinvTextInner h2 {
		font-size: 2.6rem;
		line-height: 3.4rem;
	}
	.pvinvTextInner h3 {
		margin: 1.2rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
}
@media (max-width:767px) {
	.tabllongContent {
		margin: 0 0 1rem 0;
	}
	.pvinvWrap {
		width: 100%;
		position: Relative;
		display: flex;
		flex-direction: column;
	}
	.pvinvText {
		border-bottom:none;
		border-right: 1px solid rgba(0, 0, 0, 0.06);
		width: 100%;
		padding: 2rem 2rem;
	}
	.pvinvTextInner h2 {
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.pvinvTextInner h3 {
		margin: 0.6rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.pvinvTextInner h3 br{display:none;}
	.pvinvTextInner .maPBtn {
		margin: 1.8rem 0 0 0;
	}
	
	.pvinvImg {
		height: 30vw;
		width: 100%;
		position: Relative;
		background-image: url(/public/img/oci/sub/InverterBg.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}
/*==== // 제품overview  ====*/

.pdcard{
	position:relative;
	margin:0;
}
.pdcard ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.pdcard li {
    flex: 0 0 calc(25% - 2.4rem);
    margin: 1.2rem;
    box-sizing: border-box;
}
.pdinfo{
	position:relative;
	width:100%;
	border: 1px solid rgba(0, 0, 0, 0.06);
}
.pdinfo:hover{
	border: 1px solid #F4020C;
}
.pdinfo:hover .pdtext h2{
	text-decoration:underline;
}

.pdimg{
	position:relative;
	width:100%;
	height:100%;
	background: #F8F8F8;
	padding: 2rem;
}
.new{
	z-index:2;
	position:absolute;
	left:2rem;
	top:2rem;
	color: #FFF;
	text-align: center;
	font-family: 'Outfit', sans-serif;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.2rem;
	text-transform: uppercase;
	border-radius: 118.8px;
	background: #F4020C;
	display: flex;
	padding: 0.8rem 1.2rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.markfl {
    gap: 1rem;
    z-index: 2;
    position: absolute;
    right: 2rem;
    top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
.ks{
	z-index:2;
	position:Relative;
	width:2.8rem;
	height:2.8rem;
	background-image: url(/public/img/oci/sub/pd_ks.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.ul{
	z-index:2;
	position:Relative;
	width:2.8rem;
	height:2.8rem;
	background-image: url(/public/img/oci/sub/pd_ul.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.ce{
	z-index:2;
	position:Relative;
	width:2.8rem;
	height:2.8rem;
	background-image: url(/public/img/oci/sub/pd_ce.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.pdimginner{
	z-index:1;
	position:relative;
	width:100%;
	height:100%;
	background:#f8f8f8;
}
.pdimginner img{
	mix-blend-mode: multiply;
	max-width:100%;
}

.pdtext{
	width:100%;
	display: flex;
	padding: 3rem 2.4rem;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}
.pdtext p{
	margin:0;
	display:block;
	text-align:left;
	color:#F4020C;
	font-family: 'Outfit', sans-serif;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
}
.pdtext h2{
	text-align:left;
	width:100%;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin:0.4rem 0 1rem 0;
	color: #000;
	font-family: 'Outfit', sans-serif;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.pdtext h2 span{
	color:#F4020C;
}
.pdtext h3{
	text-align:left;
	width:100%;
	min-height: 5.6rem;
	display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin:0;
	color: #666;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.8rem;
}

@media (max-width:1600px) {
	.pdNavBar ul {
		gap: 5rem;
	}
}
@media (max-width:1200px) {
	.pdNavBar ul li a {
		font-size: 2rem;
		line-height: 3.6rem;
		padding: 2rem 0;
	}
	.pdcard ul {
		margin: -1rem;
	}
	.pdcard li {
		flex: 0 0 calc(25% - 2rem);
		/* flex: 0 0 calc(33.3333333% - 2.4rem); */
		margin: 1rem;
		box-sizing: border-box;
	}
	.pdtext {
		padding: 2rem 2rem;
	}
}
@media (max-width:991px) {
	
	
	.pdNavInput {
		height: 5.6rem;
	}
	.pdNavInput form {
		gap: 1rem;
		padding: 0 1rem;
	}
	.pdNavInput input {
		outline: none;
		border: none;
		font-family: Pretendard;
		box-sizing: border-box;
		margin: 0;
		width: 15.4rem;
		position: relative;
		height: 100%;
		border-radius: 0;
		background: #fff;
		padding: 0;
		color: #111;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.pdNavInput button {
		background: inherit;
		cursor: pointer;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 18px;
		height: 18px;
		position: relative;
		padding: 0;
		margin: 0;
		background-image: url(/public/img/oci/common/sea_icon.png);
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.pdNavInput input::placeholder {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.pdNavBar ul {
		gap: 3rem;
	}
	.pdNavBar ul li a {
		font-size: 1.8rem;
		line-height: 3rem;
		padding: 1.2rem 0;
	}
	
	
	.watCateBox .swiper {
		padding: 4rem 2rem;
		overflow: unset;
	}
	.watCate a {
		padding: 1rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.pdcard ul {
		margin: -1.2rem;
	}
	.pdcard li {
		flex: 0 0 calc(50% - 2.4rem);
		margin: 1.2rem;
		box-sizing: border-box;
	}
	.pdtext {
		padding: 3rem 2.4rem;
	}
}
@media (max-width:767px) {
	.pdNavInput {
		margin: 0 0 1.6rem 0;
		width: 100%;
		position: relative;
		height: 5.6rem;
	}
	.pdNavInput form {
		background: #F8F8F8;
		padding: 0rem;
		display: flex;
		align-items: center;
	}
	.pdNavInput input {
		width:100%;
		background: #F8F8F8;
		padding: 0 1.6rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.pdNavInput input:-webkit-autofill,
	.pdNavInput input:-webkit-autofill:hover,
	.pdNavInput input:-webkit-autofill:focus,
	.pdNavInput input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
	.pdNavInput input:focus,
	.pdNavInput input:active {background:#F8F8F8; border:none;}
	.pdNavInput button {
		right: 1.6rem;
		position: absolute;
	}
	
	
	.watCateBox .swiper {
		padding: 2rem 2rem;
		overflow: unset;
	}
	.watCate a {
		padding: 0.6rem 1rem;
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	.watCateBox .swiper-slide:nth-child(2) .watCate {
		margin: 0 3rem 0 0;
	}
	.watCateBox .swiper-slide:nth-child(2) .watCate:after {
		right: -1.8rem;
		height: 2rem;
	}
	.watCateBox .swiper-button-prev {
		width: 3.2rem;
		height: 3.2rem;
	}
	.watCateBox .swiper-button-next {
		width: 3.2rem;
		height: 3.2rem;
	}
	
	
	.pdNavBar ul {
		display: flex;
		gap: 0;
		justify-content: space-between;
	}
	.pdNavBar ul li a {
		font-size: 1.5rem;
		line-height: 2.4rem;
		padding: 1.4rem 0;
	}
	
	
	.pdcard ul {
		margin: -1rem;
	}
	.pdcard li {
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
	}
	.pdimg {
		padding: 1.6rem;
	}
	.new {
		left: 1.6rem;
		top: 1.6rem;
		font-size: 1.1rem;
		line-height: 1.1rem;
		padding: 0.7rem 1rem;
	}
	.markfl{
		right: 1.6rem;
		top: 1.6rem;
	}
	.ks {
		width: 2.5rem;
		height: 2.5rem;
	}
	.ul {
		width: 2.5rem;
		height: 2.5rem;
	}
	.ce {
		width: 2.5rem;
		height: 2.5rem;
	}
	.pdtext {
		padding: 2.6rem 2rem;
	}
	.pdtext p {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.pdtext h2 {
		-webkit-line-clamp: 2;
		margin: 0.4rem 0 0.8rem 0;
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	.pdtext h3 {
		min-height: 4.6rem;
		-webkit-line-clamp: 2;
		font-size: 1.3rem;
		line-height: 2.4rem;
	}
}
@media (max-width:600px) {
	.pdcard ul {
		gap:1rem;
		margin: 0rem;
	}
	.pdcard li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
	.pdtext h3 {
		min-height: auto;
	}
}
@media (max-width:500px) {
	.pdcard{
		min-height:25rem;
	}
	.pdNavBar ul li a {
		font-size: 1.4rem;
		line-height: 2.4rem;
		padding: 1.4rem 0;
	}
	
	/* ==========  카테고리 슬라이드  ========== */
	.watCateWrap{
		overflow:unset;
	}
	.watCateBox .swiper{
		display:none;
	}
	
	.moCateBox{
		display:block;
		padding:1.4rem 2rem 3rem 2rem;
	}
	.moCateVlot{
		display:flex;
		width:100%;
		gap:5px;
	}
	.watCate.on a {
		font-weight: 700;
		background: #000;
		color: #fff;
		border: 1px solid #000;
	}
	.watCate a {
		padding: 1.5rem 1rem;
		font-size: 1.5rem;
		line-height: 1.8rem;
		font-weight: 600;
		background: #fff;
		color: #000;
		border: 1px solid #000;
	}
	.watCate {
		width: 100%;
		position: relative;
	}
	
	.curKwBtn {
		cursor:pointer;
		margin: 0.8rem 0 0 0;
		width: 100%;
		position: Relative;
		border-radius: 3rem;
		background: #F4020C;
		display: flex;
		padding: 1.6rem 2.4rem;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
	}
	.curKwBtn span{
		color: #FFF;
		font-family: pretendard-700;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.8rem;
	}
	
	.mokwListInner{
		display:none;
		position:Relative;
		width:100%;
		z-index:3;
	}
	.mokwList {
		max-height: 27rem;
		padding: 0;
		overflow-y: scroll;
		top: 4px;
		left: 0;
		position: absolute;
		width: 100%;
		border-radius: 2.5rem;
		border: 1px solid #EEE;
		background: #FFF;
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.06);
	}
	.mokwList ul{
		/* top: 4px; */
        /* left: 0; */
        /* position: absolute; */
		position:Relative;
		width:100%;
		display: flex;
		padding: 1rem 2.4rem;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.mokwList ul li {
		position: relative;
		width: 100%;
	}
	.mokwList ul li .mokw{
		width:100%;
	}
	.mokwList ul li .mokw a{
		display: flex;
		text-align: left;
		position: relative;
		width: 100%;
		color: #000;
		font-family: pretendard-500;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 500;
		line-height: 4rem;
	}
	.mokwList ul li .mokw.on a{
		color: #F4020C;
		font-family: pretendard-700;
		font-weight: 700;
	}
	.mokwList ul li .mokw.on a:after {
		top:1.5rem;
		content: '';
		position: absolute;
		right: 0;
		width: 1.4rem;
		height: 1rem;
		background-image: url(/public/img/oci/sub/mokw_check.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

/*-----------------------------------------
# 사업소개 제품 상세페이지
-------------------------------------------*/
.pd_detailWrap{
	width:100%;
	position:relative;
	padding:12rem 0;
	background: #FFF;
}
.pd_detailSideBox{
	position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
}

.pdetailTop {
    height: 7.6rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	border-bottom: 1px solid #EEE;
}
.linkback {
    display: inline-block;
}
.linkback a {
    display: flex;
    color: #999;
    font-size: 2rem;
    font-family: pretendard-400;
    line-height: 3.6rem;
    align-items: center;
    justify-content: flex-start;
}
.linkback a img {
    height: 1.4rem;
    margin-right: 1rem;
    display: inline-block;
}
.moseaBtn{display:none;}


.pdtitleBox{
	position:relative;
	width:100%;
	margin:8rem 0;
}
.pdtitleBox p {
    margin: 0 0 2rem 0;
    color: #F4020C;
    text-align: left;
	font-family: 'Outfit', sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6rem;
    letter-spacing: 1.2px;
}
.pdtitle {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.pdtitle h1{
	margin:0;
	text-align: left;
	color: #000;
	text-align: center;
	font-family: 'Outfit', sans-serif;
	font-size: 6.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 7rem;
}
.pdtitle h2{
	margin:0;
	text-align: left;
	color: #000;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
}


.productInfoBox{
	width:100%;
	position:relative;
	display:flex;
	gap:10rem;
}
.pdInfoImg {
    position: relative;
    width: 50%;
	box-sizing: border-box;
}
.pdimgSlideInner {
    top: 11rem;
    box-sizing: border-box;
    position: sticky;
    width: 100%;
}
.pdInfoImgInner {
	box-sizing: border-box;
    display: flex;
    background: #f8f8f8;
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: center;
}
.pdInfoImgInner img{max-height:60rem;mix-blend-mode: multiply;}
.swiper.pdimgSlide{
	width:100%;
	box-sizing: border-box;
}

.swiper.pdimgSlide .swiper-slide{
	box-sizing: border-box;
	/* width:100%!important; */
}
.pdimgSlide .swiper-pagination {
    display: flex;
    overflow: hidden;
    height: 3px;
    border-radius: 4px;
    bottom: 3rem;
    transform: translateX(-50%);
    left: 50%;
}
.pdimgSlide .swiper-pagination-bullet {
	opacity: 1;
    border-radius: 0;
	height:3px;
    width: 6rem;
	background: #EEE;
}
.pdimgSlide .swiper-pagination-bullet-active{
	background: #000;
}

.pdimgSlBtn{
	margin:2rem;
	position:relative;
	width:100%;
}
.pdimgSlideInner .pnBtnGroupInner {
	margin:2rem 0 0 0;
    display: flex;
    width: 100%;
    height: 6.5rem;
    justify-content: space-between;
}
.pdimgSlideInner .pnBtnGroupInner .swiper-button-prev{
	width:6.5rem;
	height: 6.5rem;
}
.pdimgSlideInner .pnBtnGroupInner .swiper-button-next{
	width:6.5rem;
	height: 6.5rem;
}


.pdInfoText {
    width: 50%;
    position: relative;
    border-top: 2px solid #000;
}
.pdInfoTextInner{
	position:relative;
	width:100%;
}

.sepdBox{
	padding:4rem 0 2.4rem 0;
	border-bottom:1px solid #eee;
}
.sepdtitle.num{
	margin:0 0 4rem 0;
}
.sepdtitle {
	margin:0 0 2rem 0;
    gap: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.sepdtitle h2{
	margin:0;
	color: #000;
	text-align: left;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.4rem;
	text-transform: uppercase;
}
.sepdtitle svg{
	width:1.8rem;
	height:2.6rem;
	position:relative;
}
ul.senum {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
ul.senum li{
	width:100%;
	position:relative;
	padding:2rem 0 2rem 5.8rem;
	border-bottom:1px solid #eee;
}
ul.senum li:nth-child(1){
	padding:0rem 0 2rem 5.8rem;
}
ul.senum li:last-child{
	border-bottom:none;
	padding:2rem 0 1.6rem 5.8rem;
}
ul.senum li h3 {
    padding: 1rem 0;
    margin: 0;
    display: block;
    text-align: left;
    color: #000;
    font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6rem;
}
ul.senum li span {
    left: 0;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 99px;
    border: 2px solid #F4020C;
    color: #F4020C;
    text-align: center;
    font-family: 'Outfit', sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase;
}



ul.seul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
ul.seul li{
	width:100%;
	position:relative;
	padding:1.6rem 0;
	border-bottom:1px solid #eee;
}
ul.seul li:last-child{
	border-bottom:none;
	/* padding:1.6rem 0 0 0; */
}
ul.seul li:first-child{
	padding:0 0 1.6rem 0;
}
ul.seul li h3 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
ul.seul li h3 b{
	width:50%;
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}
ul.seul li h3 span{
	width:50%;
	text-align:left;
	margin:0;
	color: #888;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}

.sepdBtn{
	width:100%;
	position:relative;
	margin:3rem 0 0 0;
}
.sepdBtn a{
	display: flex;
	padding: 2.4rem 3rem;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #F4020C;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.6rem;
}
.sepdBtn a img {
    right: 3rem;
    position: absolute;
    height: 1.8rem;
}


.relpaperWrap{
	border-top:1px solid #eee;
	margin:10rem 0 0 0;
	padding:10rem 0 0 0;
	width:100%;
	position:relative;
}
.sectiontitle {
	margin:0 0 3rem 0;
    gap: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.sectiontitle h2{
	margin:0;
	color: #000;
	text-align: left;
	font-family: pretendard-600;
	font-size: 3.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 6.2rem;
	text-transform: uppercase;
}
.sectiontitle svg{
	width:1.8rem;
	height:2.6rem;
	position:relative;
}

.fileList{
	position:relative;
}
.fileList ul{
	position:relative;
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -0.7rem;
    list-style-type: none;
    justify-content: flex-start;
}
.fileList li{
	position:relative;
	flex: 0 0 calc(50% - 1.4rem);
    margin: 0.7rem;
    box-sizing: border-box;
}
.fileList li a:hover .fiInner{
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
.fileList li a:hover .fititle{
	font-family: pretendard-600;
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.fileList li a:hover .fliedownBtn{
	background:#F4020C;
}
.fileList li a:hover .fliedownBtn b{
	color:#fff;
	font-family: pretendard-700;
    font-weight: 700;
}
.fileList li a:hover .fliedownBtn span{
	background-image: url(/public/img/oci/common/downicon_white.png);
}

.fiInner {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 2rem 15rem 2rem 2rem;
}
.fiinfoBox {
    min-height: 4.8rem;
    gap: 0.6rem;
    width: 100%;
    position: relative;
    padding: 0 1.6rem 0 4.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.fiinfoBox:before{
	content:'';
	position:absolute;
	left:0;
	display:inline-block;
	width:2.8rem;
	height:3.4rem;
	background-image: url(/public/img/oci/common/pdf_icon.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fiinfoBox.dwg:before{
	background-image: url(/public/img/oci/common/dwg_icon.png);
}
.fiinfoBox.zip:before{
	background-image: url(/public/img/oci/common/zip_icon.png);
}
.fititle{
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}
.fisub {
    display: flex;
    gap: 1.2rem;
    align-items: center;
    justify-content: flex-start;
}
.fisub span{
	text-transform: uppercase;
	color: #AAA;
	font-family: pretendard-600;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2rem;
}
.fisub b{
	display:inline-block;
	width: 1px;
	height: 1rem;
	background: #DDD;
}

.fliedownBox {
    top: 2rem;
    display: inline-block;
    position: absolute;
    right: 2rem;
}
.fliedownBtn{
    display: flex;
    padding: 1.2rem 2.6rem;
    align-items: center;
    gap: 0.6rem;
    background: #F8F8F8;
}
.fliedownBtn b{
	margin:0;
	display:inline-block;
	color: #888;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.4rem;
}
.fliedownBtn span{
	display:inline-block;
	width:1.6rem;
	height:1.6rem;
	background-image: url(/public/img/oci/common/downicon.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}


.relProduct {
	margin:10rem 0 0 0;
	position:relative;
}
.relprList{
	position:relative;
}
.relprList ul{
	position:relative;
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.relprList li{
	position:relative;
	flex: 0 0 calc(25% - 2.4rem);
    margin: 1.2rem;
    box-sizing: border-box;
}
.relprBox{
	width:100%;
	height:100%;
	position:relative;
	border: 1px solid rgba(0, 0, 0, 0.06);
}
.relprImg {
    width: 100%;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
}
.relprtext {
    gap: 0.5rem;
    display: flex;
    padding: 2rem 2rem 2.4rem 2rem;
    width: 100%;
    background: #fff;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.relprtext h3{
	margin:0;
	text-align: left;
	width: 100%;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #000;
	font-family: pretendard-500;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.2rem;
}
.relprtext dl{
	margin:0;
	text-align: left;
	width: 100%;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #AAA;
	font-family: pretendard-600;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
}
@media (max-width:1600px) {
	.productInfoBox {
		gap: 8rem;
	}
	.pdInfoImg {
		width: 44.3%;
	}
	.pdInfoImg img {
		max-width: 80%;
	}
	.pdInfoText {
		width: 55.7%;
	}
	
	
	.pdimgSlideInner .pnBtnGroupInner {
		margin: 2rem 0 0 0;
		/* height: 6.7rem; */
	}
}
@media (max-width:1400px) {
	.pdtitle {
		display: flex;
		gap: 2rem;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	
	.productInfoBox {
		gap: 6rem;
	}
	.pdInfoImg {
		width: 50%;
	}
	.pdInfoImg img {
		vertical-align: top;
		max-width: 70%;
	}
	.pdInfoText {
		width: 50%;
	}
	
	
	.sepdBox {
		padding: 3rem 0 1.4rem 0;
	}
	
	
	.relprList ul {
		margin: -1rem;
	}
	.relprList li {
		flex: 0 0 calc(25% - 2rem);
		margin: 1rem;
	}
}
@media (max-width:991px) {
	.pd_detailWrap {
		padding: 8rem 0;
	}
	.pdetailTop {
		height: 5.6rem;
	}
	.linkback a {
		font-size: 2rem;
		line-height: 3rem;
	}
	
	.pdtitleBox {
		margin: 4rem 0;
	}
	.pdtitleBox p {
		margin: 0 0 1rem 0;
		font-size: 1.8rem;
		line-height: 2.2rem;
		letter-spacing: 1px;
	}
	.pdtitle {
		gap: 1.4rem;
	}
	.pdtitle h1 {
		font-size: 5.2rem;
		line-height: 6rem;
	}
	.pdtitle h2 {
		font-size: 1.8rem;
		line-height: 3REM;
	}
	
	
	.productInfoBox {
		display: flex;
		gap: 4rem;
		flex-direction: column;
	}
	.pdInfoImg {
		width: 70%;
	}
	.pdInfoImg img {
		max-width: 100%;
	}
	
	
	.pdInfoTextInner .sepdBox:last-child{
		border-bottom:none;
	}
	.pdInfoText {
		width: 100%;
	}
	
	
	.relpaperWrap {
		margin: 8rem 0 0 0;
		padding: 8rem 0 0 0;
	}
	.sectiontitle h2 {
		font-size: 3.4rem;
		line-height: 5.2rem;
	}
	.fileList li {
		position: relative;
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
		box-sizing: border-box;
	}
	.fileList ul {
		gap: 1rem;
		margin: 0;
	}
	.fititle {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	
	
	.relProduct {
		margin:8rem 0 0 0;
	}
	.relprList li {
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
	}
}
@media (max-width:767px) {
	.pd_detailWrap {
		padding: 5rem 0;
	}
	.pdetailTop {
		height: 5rem;
		display: flex;
		justify-content: space-between;
	}
	.linkback a {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.linkback a img {
		height: 1.2rem;
		margin-right: 1rem;
	}
	.moseaBtn{
		display:inline-block;
		cursor: pointer;
		position: Relative;
		width: 5rem;
		height: 5rem;
		background-image: url(/public/img/oci/common/head_sea_bl.png);
		background-size: 16px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.pdetailTop .pdNavInput{display:none;}
	.pdetailTop .pdNavInput.on{
		display:block;
	}
	.pdetailTop .pdNavInput {
		margin: 0;
		bottom: 0;
		height: 5rem;
		width: 20rem;
		position: absolute;
		right: 0;
		background: #fff;
	}
	.pdetailTop .pdNavInput input{
		background: #fff;
	}
	.pdetailTop .pdNavInput button{
		background-color: #fff;
		background-size: 16px;
		background-image: url(/public/img/oci/common/head_sea_bl.png);
	}
	
	
	.pdtitleBox p {
		margin: 0 0 0.8rem 0;
		font-size: 1.4rem;
		line-height: 1.6rem;
		letter-spacing: 0.84px;
	}
	.pdtitle {
		gap: 1.6rem;
	}
	.pdtitle h1 {
		font-size: 3rem;
		line-height: 3.6rem;
	}
	.pdtitle h2 {
		font-size: 1.4rem;
		line-height: 2.6rem;
	}
	.pdtitleBox {
		margin: 4rem 0 3rem 0;
	}
	
	
	.pdInfoImg {
		width: 100%;
	}
	.pdimgSlideInner .pnBtnGroupInner {
		margin: 2rem 0 0 0;
		height: 4.5rem;
	}
	.pdimgSlideInner .pnBtnGroupInner .swiper-button-prev {
		width: 4.5rem;
		height: 4.5rem;
	}
	.pdimgSlideInner .pnBtnGroupInner .swiper-button-next {
		width: 4.5rem;
		height: 4.5rem;
	}
	.pdimgSlide .swiper-pagination {
		height: 3px;
		border-radius: 4px;
		bottom: 2rem;
	}
	.pdimgSlide .swiper-pagination-bullet {
		height: 3px;
		width: 4.3rem;
	}
	
	
	.sepdBox {
		padding: 3rem 0 1.6rem 0;
	}
	.sepdtitle.num {
		margin: 0 0 2rem 0;
	}
	.sepdtitle {
		margin: 0 0 1rem 0;
		gap: 0.8rem;
	}
	.sepdtitle h2 {
		font-size: 1.8rem;
		line-height: 3.6rem;
	}
	.sepdtitle svg {
		width: 1.5rem;
		height: 2.2rem;
		position: relative;
	}
	ul.senum li {
		padding: 1.4rem 0 1.4rem 4.4rem;
	}
	ul.senum li:nth-child(1) {
		padding: 0rem 0 1.4rem 4.4rem;
	}
	ul.senum li:last-child {
		padding: 1.4rem 0 1.4rem 4.4rem;
	}
	ul.senum li span {
		width: 3.4rem;
		height: 3.4rem;
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
	ul.senum li h3 {
		padding: 0.55rem 0;
		font-size: 1.5rem;
		line-height: 2.3rem;
	}
	
	
	ul.seul li {
		padding: 1.4rem 0;
	}
	ul.seul li:last-child {
		/* padding: 1.4rem 0 0 0; */
	}
	ul.seul li:first-child {
		padding: 0 0 1.4rem 0;
	}
	ul.seul li h3 b {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	ul.seul li h3 span {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	
	
	.sepdBtn {
		margin: 1rem 0 0 0;
	}
	.sepdBtn a {
		padding: 1.6rem 3rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	
	.relpaperWrap {
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		margin: 5rem 0 0 0;
		padding: 5rem 0 5rem 0;
	}
	.sectiontitle {
		margin: 0 0 2rem 0;
		gap: 0.8rem;
	}
	.sectiontitle h2 {
		font-size: 1.8rem;
		line-height: 3.6rem;
	}
	.sectiontitle svg {
		width: 1.5rem;
		height: 2.2rem;
		position: relative;
	}
	.fileList ul {
		gap: 0.8rem;
		margin: 0;
	}
	.fiInner {
		padding: 1.8rem 1.8rem 1.8rem 1.8rem;
	}
	.fiinfoBox {
		min-height: auto;
		gap: 0.4rem;
		width: 100%;
		padding: 3.8rem 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.fititle {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.fisub {
		gap: 0.8rem;
	}
	.fisub b {
		height: 0.8rem;
	}
	.fisub span {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	.fiinfoBox:before {
		top: 0;
		left: 0;
		width: 2.3rem;
		height: 2.8rem;
	}
	.fliedownBtn {
		display: flex;
		padding: 0;
		align-items: center;
		gap: 0;
		background: #fff;
	}
	.fliedownBtn b{
		display:none;
	}
	.fileList li a:hover .fliedownBtn{
		background:#fff;
	}
	.fileList li a:hover .fliedownBtn span{
		background-image: url(/public/img/oci/common/downicon.png);
	}
	
	
	.relProduct {
		margin:5rem 0 0 0;
	}
	.relprtext {
		gap: 0.6rem;
		padding: 1.4rem 1.6rem 1.6rem 1.6rem;
	}
	.relprtext h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.relprtext dl {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
}
@media (max-width:500px) {
	.relprList ul {
		gap: 1rem;
		margin: 0;
	}
	.relprList li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
	}
}

/*-----------------------------------------
# 사업소개 EPC 솔루션
-------------------------------------------*/
.buContWrap{
	width:100%;
	position:Relative;
	padding:2rem 0 12rem 0;
}
.buContWrap .subpNavBox {
    margin: 0 0 12rem 0;
}
.buContSideBox{
	position: relative;
    box-sizing: border-box;
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
}
.buContBox{
	position:Relative;
	width:100%;
	margin:12rem 0 0 0;
}
.buContBox:nth-child(1){
	margin:0;
}
.buContBox .ociSubP_Title .ospT {
	text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.epcsolGp_box {
    display: flex;
    margin: 8rem 0 0 0;
    width: 100%;
    height: 79rem;
    position: Relative;
    background: #F8F8F8;
    /* display: block; */
    padding: 8rem 0px;
    align-items: center;
    justify-content: center;
}
.generateBox{
	position:absolute;
	width:34rem;
	left:8rem;
	top:7rem;
}
.generateBox h2 {
    text-align: left;
    color: #000;
    font-family: pretendard-600;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
    margin: 0 0 2rem 0;
}

.epcContInner{
	height:53rem;
	width:53rem;
	position:Relative;
	display:inline-block;
}
@keyframes rotateBox {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.epcCenter{
	height:53rem;
	width:53rem;
	position:Relative;
	display:inline-block;
	background-image: url(/public/img/oci/sub/epcCenter.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	
	/* animation: rotateBox 20s linear infinite; */
}
.centtext {
    display: flex;
    z-index: 1;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    height: 22rem;
    width: 22rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
}
.centtext h3{
	margin:0;
	color: #FFF;
    text-align: center;
    font-family: 'Outfit', sans-serif;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
}

.epcTop {
    position: absolute;
    top: -6.2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.epcRight {
    position: absolute;
    bottom: 5rem;
    right: -3rem;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.epcLeft1 {
    position: absolute;
    bottom: 5rem;
    left: -3rem;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.epcLeft2 {
    position: absolute;
    bottom: -4rem;
    left: 6.5rem;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.epcWCircle{
	border-radius: 999px;
	border: 1px solid #000;
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(5px);
	display: flex;
	width: 16rem;
	height: 16rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.epcWCircle:hover{
	border: 1px solid #F4020C;
}
.epcWCircle:hover h3{
	color:#F4020C;
}
.epcWCircle h3{
	margin:0;
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}
.epcWCircle.type2 {
    border: none;
    border-radius: 999px;
    background: rgba(244, 2, 12, 0.60);
    backdrop-filter: blur(5px);
    display: flex;
    width: 16rem;
    height: 16rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
}
.epcWCircle.type2 h3{color:#fff;}

.epcText.posi_01 {
    right: -12.5rem;
    width: 28rem;
    top: -6.4rem;
}
.epcText.posi_02 {
    right: -30rem;
    width: 24rem;
    bottom: 8.6rem;
}
.epcText.posi_03 {
    left: -32rem;
    width: 26rem;
    bottom: 6.6rem;
}
.epcText.posi_03 ul {
    align-items: flex-end;
}
.epcText.posi_03 ul li h4{
	text-align:right;
}
.epcText.posi_03 ul li {
    padding: 0 1rem 0 0;
}
.epcText.posi_03 ul li:before {
	left:inherit;
    right: 0rem;
}


.epcText{
	display: inline-block;
	position:absolute;
	z-index: 1;
}
.epcText ul {
    display: flex;
    position: Relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.epcText ul li{
	position:Relative;
	padding:0 0 0 1rem;
}
.epcText ul li:nth-child(1){display:none;}
.epcText ul li:before{
	content: '';
    position: absolute;
    left: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #F4020C;
}
.epcText ul li h4{
	display:block;
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.8rem;
}


.busineBigimgBox{
	margin:8rem 0 0 0;
	width:100%;
	height:60rem;
	position:Relative;
	display: block;
}
.ippBg{
    background-image: url(/public/img/oci/sub/ippBg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.buSubContBox{
	width:100%;
	position:Relative;
	margin:12rem 0 0 0;
}
.buSubtitle{
	position:Relative;
}
.buSubt{
	display:block;
	text-align:center;
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size:3.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.4rem;
}


.pecate{
	position:Relative;
	margin:6rem 0 0 0;
}
.pecate ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.5rem;
    list-style-type: none;
}
.pecate ul li {
    list-style: none;
    flex: 0 0 calc(33.33333333% - 3rem);
    margin: 1.5rem;
    box-sizing: border-box;
    position: Relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.pecaImg{
	position:Relative;
	display:flex;
}
.pecaImg img{
	max-width:100%;
	position:Relative;
	z-index:2;
}
.pecaText{
	width:100%;
	display: flex;
	padding: 3rem 2rem 0px 2rem;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}
.pecaText p{
	margin:0 0 1rem 0;
	color: #F4020C;
	text-align: left;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.2rem;
}
.pecaText h3{
	width: 100%;
	border-bottom:1px solid #000;
	padding:0 0 2.4rem 0;
	margin:0 0 2.4rem 0;
	display:block;
	color: #000;
	text-align: left;
	font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.8rem;
}
.pecaText h4{
	margin: 0;
	width: 100%;
	color: #000;
	text-align: left;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3rem;
	letter-spacing: -0.32px;
}



.dealTabBox {
	padding:5rem 0 0 0;
    margin: 0 auto;
    display: flex;
    max-width: 92rem;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.dealTab {
    width: 50%;
    display: flex;
    border-bottom: 1px solid #EEE;
    justify-content: center;
    align-items: flex-end;
}
.dealTab h2{
	position:Relative;
	cursor:pointer;
	padding: 2rem 0;
	margin:0;
	color: #AAA;
	text-align: center;
	font-family: pretendard-500;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.4rem;
}
.dealTab.onTab h2{
	color: #000;
	font-weight: 600;
	font-family: pretendard-600;
}
.dealTab.onTab h2:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	background: #F4020C;
	width:100%;
	height:2px;
}

.dealCont{
	width:100%;
	position:Relative;
}
.dealC{
	    height: 100%;
	width:100%;
	position:Relative;
	margin:5rem 0 0 0;
}
.dealC ul {
	height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -0.7rem;
    list-style-type: none;
    justify-content: flex-start;
}
.dealC li {
    flex: 0 0 calc(16.6666666666% - 1.4rem);
    margin: 0.7rem;
    box-sizing: border-box;
	list-style: none;
	border: none;
    padding: 0;
	position: Relative;
}
.dealC li:after{
	content: '';
    position: absolute;
    right: -1.4rem;
	top:4rem;
    /* top: 50%; */
	/* transform:translateY(-50%); */
    width: 1.4rem;
    height:1px;
    background: #F4020C;
}
.dealC li:nth-child(6n):after{
	content:none;
}

.deaItem{
	height: 100%;
	width:100%;
	border: 1px solid #EEE;
	background: #FFF;
	padding:2.6rem;
}
.deaTop {
    gap: 0.6rem;
    border-bottom: 1px solid #000;
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column-reverse;
}
.deaTop.en{
	border-bottom: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.deaTop h3{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.9rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.deaTop b{
	margin:0;
	color: #F4020C;
	text-align: center;
	font-family: pretendard-700;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.deaB_text{
	position:Relative;
	margin:1.6rem 0 0 0;
	padding:0 0 0 1.2rem;
}
.deaB_text h4{
	margin:0 0 0.6rem 0;
	position:Relative;
	text-align:left;
	display:block;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: -0.32px;
}
.deaB_text h4:before {
    content: '';
    position: absolute;
    left: -1.2rem;
    top: 0.7rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #000;
}
.deaB_text p{
	margin:0;
	position:Relative;
	text-align:left;
	display:block;
	color: #555;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.4rem;
	letter-spacing: -0.32px;
}


.dcflexWrap{
	margin: 5rem 0 0 0;
	gap: 1.4rem;
    width: 100%;
    display: flex;
}
.dcflexWrap .dealC li:after{
	top: 4rem;
    transform: inherit;
}
.dcflexWrap .dealC{margin:0;}
.dcflexbox {
	/* height: 100%; */
    gap: 1.4rem;
    width: 50%;
    display: flex;
}
.dcboxDou{
	padding:4.6rem 0 0 0;
	height: 100%;
	position:Relative;
	width:66.666666666%
}
.dcbox{
	padding:4.6rem 0 0 0;
	height: 100%;
	position:Relative;
	width:33.333333333%
}
.dcboxDou .dealC li{
	min-height:46.9rem;
	flex: 0 0 calc(50% - 1.4rem);
}
.dcboxDou .dealC.en li{
	min-height:auto;
}
.dcbox .dealC li{
	min-height:46.9rem;
	flex: 0 0 calc(100% - 1.4rem);
}
.dcbox.last .dealC li:after{
	content:none;
}

.dfline {
    text-align: center;
    width: 100%;
    position: absolute;
	top:0;
	left:0;
	border-bottom:1px solid #F4020C;
	/* padding:0 0 0.2rem 0; */
}
.dfline:before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #F4020C;
    position: absolute;
    left: 0;
    bottom: -0.25rem;
}
.dfline:after {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #F4020C;
    position: absolute;
    right: 0;
    bottom: -0.25rem;
}
.dfline span{
	display:block;
	padding:0 0 0.8rem 0;
	color:#F4020C;
	text-align: center;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}

@media (max-width:1600px) {
	.buContWrap{
		padding:2rem 0 12rem 0;
	}
	.buContWrap .subpNavBox {
		margin: 0 0 10rem 0;
	}
	
	.generateBox {
		width: 34rem;
		left: 5rem;
		top: 5rem;
	}
}
@media (max-width:1400px) {
	.dealC li {
		flex: 0 0 calc(25% - 1.4rem);
		margin: 0.7rem;
	}
	.dealC li:nth-child(6n):after{
		content:'';
	}
	.dealC li:nth-child(4n):after{
		content:none;
	}
	
	
	.dcflexWrap {
		margin: 5rem 0 0 0;
		gap: 4rem;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.dcflexbox {
		height: 100%;
		gap: 1.4rem;
		width: 100%;
		display: flex;
	}
	.dcboxDou .dealC li{
		min-height:auto;
	}
	.dcbox .dealC li{
		min-height:auto;
	}
	.dcbox.last1400 .dealC li:after{
		content:none;
	}
}
@media (max-width:1200px) {
	.buContWrap {
		padding: 2rem 0 10rem 0;
	}
	
	
	.epcsolGp_box {
		margin: 8rem 0 0 0;
		width: 100%;
		height: auto;
		padding: 8rem 0 12rem 0;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
	}
	.generateBox {
		position: relative;
		width: 70rem;
		left: inherit;
		top: inherit;
	}
	.generateBox h2 br{display:none;}
	
	
	.epcContInner {
		margin: 12rem 0 0 0;
		height: 53rem;
		width: 53rem;
	}
}
@media (max-width:991px) {
	.buContWrap {
		padding: 2rem 0 8rem 0;
	}
	.buContWrap .subpNavBox {
		margin: 0 0 8rem 0;
	}
	.buContBox {
		margin: 10rem 0 0 0;
	}
	.buSubContBox {
		margin: 10rem 0 0 0;
	}
	
	
	.epcsolGp_box {
		margin: 6rem 0 0 0;
		padding: 6rem 0 6rem 0;
	}
	.generateBox h2 {
		font-size: 2rem;
		line-height: 3rem;
		margin: 0 0 2rem 0;
	}
	
	
	.epcContInner {
		margin: 10rem 0 0 0;
		height: auto;
		width: auto;
	}
	.epcConttable{
		position:Relative;
		height: 44rem;
		width: 44rem;
	}
	.epcCenter {
		height: 44rem;
		width: 44rem;
	}
	.epcWCircle {
		width: 13rem;
		height: 13rem;
	}
	.epcWCircle.type2 {
		width: 13rem;
		height: 13rem;
	}
	.epcLeft2 {
		bottom: -2.5rem;
		left: 5rem;
	}
	.epcWCircle h3 {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	
	
	.epctextWrap {
		gap: 3rem;
		margin: 6rem 0 0 0;
		position: Relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.epcText{
		position:Relative;
	}
	.epcText.posi_01,
	.epcText.posi_02,
	.epcText.posi_03{
		top:inherit;
		bottom:inherit;
		left:inherit;
		right:inherit;
	}
	.epcText.posi_03 ul {
		display: flex;
		align-items: flex-start;
	}
	.epcText.posi_03 ul li {
		padding: 0 0 0 1rem;
	}
	.epcText.posi_03 ul li h4 {
		text-align: left;
	}
	.epcText.posi_03 ul li:before {
		left: 0;
		right: inherit;
	}
	.epcText ul li:nth-child(1) {
		display: block;
	}
	.epcText ul li:nth-child(1){
		padding:0;
	}
	.epcText ul li:nth-child(1):before{
		content:none;
	}
	.epcText ul li:nth-child(1) strong {
		color: #000;
		font-family: pretendard-600;
		font-size: 2rem;
		font-style: normal;
		font-weight: 600;
		line-height: 3rem;
	}
	
	
	.busineBigimgBox {
		margin: 6rem 0 0 0;
		width: 100%;
		height: 40rem;
	}
	
	
	.buSubt {
		font-size: 3.2rem;
		line-height: 4rem;
	}
	.pecate {
		margin: 4rem 0 0 0;
	}
	.pecate ul {
		margin: -1rem;
	}
	.pecate ul li {
		flex: 0 0 calc(33.33333333% - 2rem);
		margin: 1rem;
	}
	.pecaText {
		padding: 2rem 1rem 0px 1rem;
	}
	.pecaText p {
		margin: 0 0 1rem 0;
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.pecaText h3 {
		padding: 0 0 1.4rem 0;
		margin: 0 0 1.4rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.pecaText h4 {
		letter-spacing: -0.28px;
		font-size: 1.4rem;
		line-height: 2.8rem;
	}
	
	
	.dealTabBox {
		padding: 3rem 0 0 0;
	}
	.dealTab h2 {
		padding: 1.6rem 0;
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.dealC {
		margin: 3rem 0 0 0;
	}
	.dealC li {
		flex: 0 0 calc(33.3333333% - 1.4rem);
		margin: 0.7rem;
	}
	.dealC li:nth-child(6n):after{
		content:'';
	}
	.dealC li:nth-child(4n):after{
		content:'';
	}
	.dealC li:nth-child(3n):after{
		content:none;
	}
	.deaItem {
		padding: 2rem;
	}
	.dealC li:after {
		top: 3.2rem;
		width: 1.4rem;
		height: 1px;
	}
	.dcflexWrap .dealC li:after {
		top: 3.2rem;
	}
}
@media (max-width:767px) {
	.buContWrap {
		padding: 2rem 0 5rem 0;
	}
	.buContWrap .subpNavBox {
		margin: 0 0 4rem 0;
	}
	
	.epcsolGp_box {
		margin: 4rem 0 0 0;
		padding: 3rem 0 3rem 0;
	}
	.generateBox {
		position: relative;
		width: 100%;
		left: inherit;
		top: inherit;
		padding:0 2rem;
	}
	.generateBox h2 {
		text-align: center;
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin: 0 0 1.4rem 0;
	}
	.generateBox h2 br{display:block;}
	
	
	.epcContInner {
		margin: 6rem 0 0 0;
	}
	.epcConttable {
		height: 28rem;
		width: 28rem;
	}
	.epcCenter {
		height: 28rem;
		width: 28rem;
	}
	.centtext {
		height: 10rem;
		width: 10rem;
	}
	.centtext h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.epcWCircle {
		width: 8rem;
		height: 8rem;
	}
	.epcWCircle h3 {
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.epcWCircle.type2 {
		width: 8rem;
		height: 8rem;
	}
	.epcWCircle.type2 svg{
		height:15px!important;
		width:15px!important;
	}
	.epcTop {
		top: -3rem;
	}
	.epcRight {
		bottom: 1rem;
		right: 0rem;
	}
	.epcLeft1 {
		bottom: 1rem;
		left: 0rem;
	}
	.epcLeft2 {
		bottom: -2.5rem;
		left: 5rem;
	}
	
	
	.epctextWrap {
		gap: 3rem;
		margin: 4rem 0 0 0;
	}
	.epcText ul li:nth-child(1) strong {
		font-size: 1.6rem;
		line-height: 3rem;
	}
	.epcText ul li h4 {
		font-size: 1.4rem;
		line-height: 2.3rem;
	}
	.epcText ul li {
		padding: 0 0 0 0.7rem;
	}
	.epcText ul li:before {
		top: 0.9rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	.epcText.posi_03 ul li:nth-child(1) {
		padding: 0;
	}
	.epcText.posi_03 ul li {
		padding: 0 0 0 0.7rem;
	}
	
	
	.buContBox {
		margin: 6rem 0 0 0;
	}
	.busineBigimgBox {
		margin: 4rem 0 0 0;
		width: 100%;
		height: 23.4rem;
	}
	
	
	.buSubContBox {
		margin: 6rem 0 0 0;
	}
	.buSubt {
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
	.pecate {
		margin: 3rem 0 0 0;
	}
	.pecate ul {
		gap: 3rem;
		display: flex;
		margin: 0;
		flex-direction: column;
	}
	.pecate ul li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
	.pecaText {
		padding: 2rem 1.6rem 0px 1.6rem;
	}
	
	
	.dealTabBox {
		padding: 2rem 0 0 0;
	}
	.dealTab h2 {
		padding: 1.4rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.dealC ul {
		margin: 0;
		gap:1rem;
	}
	.dealC li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
	}
	.dealC li:after {
		bottom: -1rem;
		left: 50%;
		content: ''!important;
		position: absolute;
		right: inherit;
		top: inherit;
		transform: translateX(-50%);
		width: 1px;
		height: 1rem;
		background: #F4020C;
	}
	.dealC li:last-child:after{
		content:none!important;
	}
	.deaItem {
		padding: 1.6rem;
	}
	.deaTop {
		margin: 0 0 1.4rem 0;
		padding: 0 0 1.4rem 0;
	}
	.deaTop h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.deaTop b {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.deaB_text {
		margin: 1.2rem 0 0 0;
		padding: 0 0 0 0.9rem;
	}
	.deaB_text h4 {
		margin: 0 0 0.6rem 0;
		font-size: 1.4rem;
		line-height: 1.9rem;
		letter-spacing: -0.28px;
	}
	.deaB_text h4:before {
		left: -0.9rem;
		top: 0.7rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	.deaB_text p {
		font-size: 1.3rem;
		line-height: 1.9rem;
		letter-spacing: -0.26px;
	}
	
	
	.dcflexWrap {
		margin: 3rem 0 0 0;
		gap: 2rem;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.dcflexWrap .dealC li:after{content:none!important;}
	.dcflexbox {
		gap: 2rem;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.dcboxDou {
		padding: 3.6rem 0 0 0;
		width: 100%;
	}
	.dcboxDou .dealC ul {
		margin: 0;
		gap: 0;
	}
	.dcboxDou .dealC li {
		flex: 0 0 calc(50% - 0rem);
	}
	.dcboxDou .dealC li:nth-child(1) .deaItem{
		border-right:none;
	}
	
	.dcbox {
		padding: 3.6rem 0 0 0;
		width: 100%;
	}
	.dcbox .dealC ul {
		margin: 0;
		gap: 0rem;
	}
	.dcbox .dealC li {
		flex: 0 0 calc(100% - 0rem);
	}
	
	.dfline {
		margin: 0 0 1rem 0;
	}
	.dfline span {
		padding: 0 0 0.6rem 0;
		font-size: 1.6rem;
		line-height: 2rem;
	}
}

/*-----------------------------------------
# 사업소개 ESS System
-------------------------------------------*/
.ESSSystemBg{
    background-image: url(/public/img/oci/sub/ESSSystemBg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.buminiContBox{
	position:Relative;
	width:100%;
	margin:10rem 0 0 0;
}
.mini_Title {
    /* gap: 1.6rem; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.mini_Title p{
	margin:0;
	padding:0;
}
.mini_Title p svg{
	width:2.2rem;
	height:3.2rem;
}
.mini_Title .miniT{
	margin:1.6rem 0 0rem 0;
	color: #000;
	text-align: center;
font-family: 'Outfit', sans-serif;
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 5rem;
}
.mini_Title .miniTsub{
	margin:1rem 0 0 0;
	color: #000;
	text-align: center;
	font-family: pretendard-300;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.8rem;
}

.mini_Titleh3{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.mini_Titleh3 h3{
	text-align: center;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}
.mini_Titleh3 h3 span{
	color: #F4020C;
}


.buminiContBox.productList .pdcard{
	margin:5rem 0 0 0;
}


.essChablockBox{
	position:Relative;
	margin:5rem 0 0 0;
}

.esssolGp_box {
    display: flex;
    margin: 5rem 0 0 0;
    width: 100%;
    height: 75.4rem;
    position: Relative;
    background: #F8F8F8;
    /* display: block; */
    padding: 0;
    align-items: center;
    justify-content: center;
}
.essContInner{
	height:53rem;
	width:53rem;
	position:Relative;
	display:inline-block;
}
.essCenter{
	height:53rem;
	width:53rem;
	position:Relative;
	display:inline-block;
	background-image: url(/public/img/oci/sub/essCenter.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	
	/* animation: rotateBox 20s linear infinite; */
}
.ess_centext {
    display: flex;
    z-index: 1;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    height: 22rem;
    width: 22rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
}
.ess_centext h3{
	margin:0;
	color: #FFF;
    text-align: center;
    font-family: 'Outfit', sans-serif;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
}

.essCipo {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.essCipo h3 {
    display: inline-block;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    margin: 0;
    color: #000;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}

.essCipo.TL{
	top: -3.8rem;
    left: 6.8rem;
}
.essCipo.TL h3 {
    left: -15.6rem;
}
.essCipo.TR {
    top: -3.8rem;
    right: 6.8rem;
}
.essCipo.TR h3 {
    right: -15rem;
}

.essCipo.BL{
	bottom: -3.8rem;
    left: 6.8rem;
}
.essCipo.BL h3{left:-15.6rem;}
.essCipo.BR {
    bottom: -3.8rem;
    right: 6.8rem;
}
.essCipo.BR h3{right:-15.6rem;}

.essCipo.ML{
	top: 50%;
	transform: translateY(-50%);
    left: -6.7rem;
}
.essCipo.ML h3{left:-6.6rem;}
.essCipo.MR{
	top: 50%;
	transform: translateY(-50%);
    right: -6.7rem;
}
.essCipo.MR h3 {
    right: -14.2rem;
}

.essWCircle{
	border-radius: 999px;
	border: 1px solid #000;
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(5px);
	display: flex;
	width: 16rem;
	height: 16rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.essWCircle:hover{
	border: 1px solid #F4020C;
}
.essWCircle:hover h3{
	color:#F4020C;
}
.essWCircle img{
	height:7rem;
}
.essWCircle h3{
	margin:0;
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}


.batTechWrap {
    position: Relative;
    width: 100%;
    margin: 5rem 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.batTLine{
	margin:5rem 0;
	width:100%;
	height:1px;
	background: #EEE;
}
.batTechBox{
	position:Relative;
	width:100%;
	padding:0 0 0 24rem;
}
.batTechBox h3 {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    left: 0;
    color: #000;
    text-align: left;
    font-family: pretendard-600;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}

.batsel{
	width:100%;
	position:Relative;
}
.batsel ul{
	width:100%;
	position:Relative;
	display:flex;
	/* border:1px solid #eee; */
	border-right:none;
	list-style:none;
}
.batsel ul li {
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
	background: #FFF;
	list-style:none;
    position: Relative;
    width: 20%;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.batseltop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin:0 0 4rem 0;
}
.batseltop img{
	height:4rem;
}
.batseltop span{
	color: #F4020C;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.6rem;
}
.batsel ul li h4{
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}
.batsel ul li.red{
	background:#F4020C;
	border-top: 1px solid #F4020C;
	border-bottom: 1px solid #F4020C;
	border-left: 1px solid #F4020C;
}
.batsel ul li.red .batseltop span{
	color:#fff;
}
.batsel ul li.red h4{
	color:#fff;
	font-weight: 700;
	font-family: pretendard-700;
}

.batyoung{
	width:100%;
	position:Relative;
}
.batyoung ul{
	width:100%;
	position:Relative;
	display:flex;
	border:1px solid #eee;
	list-style:none;
}
.batyoung ul li {
    gap: 2.4rem;
    background: #FFF;
    list-style: none;
    position: Relative;
    width: 50%;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.batyoung ul li svg.batsvg01{
	width:0.9rem;
	/* height:30%; */
	height:7.9rem;
	position:absolute;
	top:0;
	right:0;
}
.batyoung ul li svg.batsvg02 {
    width: 0.9rem;
    /* height: 43.1%; */
    height: 11.8rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.batyoung ul li svg.batsvg03{
	width:0.9rem;
	/* height:30%; */
	height:7.9rem;
	position:absolute;
	bottom:0;
	right:0;
}

.batyoungT h4 {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.batyoungT h4 span{
	text-align:center;
	color: #000;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.batyoungT h4 p{
	text-align:center;
	color: #555;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.4rem;
}
.batyoungI {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.batyoungI.one img{
	height:11.2rem;
}
.batyoungI.two img{
	height:13.2rem;
}


.experStep{
	position:Relative;
	margin:5rem 0 0 0;
}
.miniBoxh3{
	position:Relative;
}
.miniBoxh3 h3{
	margin:0 0 2rem 0;
	text-align:center;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}
.experStep .dealC {
    margin:0;
}
.experStep .dealC li{
	flex: 0 0 calc(20% - 1.4rem);
}
.experStep .dealC li:nth-child(4):after{
	content:'';
}
.experStep .dealC li:nth-child(5):after{
	content:none;
}


.opertechBox{
    position: Relative;
    margin: 5rem 0 0 0;
}
.opertechbat ul {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.5rem;
    list-style-type: none;
    justify-content: flex-start;
}
.opertechbat li {
    flex: 0 0 calc(50% - 3rem);
    margin: 1.5rem;
    box-sizing: border-box;
    list-style: none;
    border: none;
    padding: 0;
    position: Relative;
}
.opertechbatImg{
	position:Relative;
	display: flex;
	padding: 4rem;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border: 1px solid #EEE;
	background: #FFF;
	box-shadow: 0px 0px 3rem 0px rgba(0, 0, 0, 0.04);
}
.opertechbatImg b {
    bottom: 1.6rem;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    display: inline-block;
    color: #555;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}
.opertechbat li h3{
	margin:2rem 0 0 0;
	display:block;
	text-align:center;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}


.opertechCore ul {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0rem;
    list-style-type: none;
    justify-content: flex-start;
}
.opertechCore li {
    flex: 0 0 calc(14.2857142% - 0rem);
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    border: none;
    padding: 0;
    position: Relative;
    display: flex;
    padding: 2.6rem;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    justify-content: flex-start;
	
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
	background: #FFF;
}
.opertechCore li:last-child{
	border-right: 1px solid #EEE;
}
.opertechCore li h4 {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #000;
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
    justify-content: space-between;
    align-items: center;
}
.opertechCore li h4 span{
	color: #000;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.opertechCore li h4 b{
	color: #F4020C;
	text-align: center;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.opertechCore li p{
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: -0.32px;
}

.heatflowBox{
	position:Relative;
	width:100%;
	margin:5rem 0 0 0;
}
.heatflowBox .miniBoxh3 h3{margin:0}
.heatflowInner{
	padding:2.6rem 0;
	width:100%;
	position:Relative;
}
.heatflow{
	width:100%;
	position:Relative;
	padding:8rem 14rem 0 14rem;
	border-radius: 2rem;
	background: linear-gradient(180deg, #F8F8F8 0%, #EEE 100%);
}
.heatflow ul{
	display:flex;
	width:100%;
	gap:16rem;
}
.heatflow ul li{
	position:Relative;
	width:100%;
	padding:0 0 8rem 0;
}
.heatflow ul li .heatimg{
	width:100%;
	position:Relative;
}
.heatflow ul li b{
	bottom: 5.4rem;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    display: inline-block;
	color: #555;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}
.heatflow ul li svg{
	width:6rem;
	height:2.6rem;
	bottom: -2.6rem;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    display: inline-block;
}


.firesystemBox{
	width:100%;
	position:Relative;
	padding:4rem 14rem 4rem 14rem;
	background: #fff;
}
.firesystem ul {
    display: flex;
    width: 100%;
    gap: 0rem;
    justify-content: center;
    align-items: flex-start;
}
.firesystem ul li {
    display: flex;
    position: Relative;
    /* width: 100%; */
	max-width: 58rem;
    padding: 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.firesystem ul li .fireimg{
	width:100%;
	position:Relative;
}
.firesystem ul li b{
	margin:0.5rem 0 0 0;
    display: inline-block;
	color: #555;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}
.firesystem ul li .miniBoxh3 h3{
	margin:0 0 3rem 0;
}



.durable{
	position:Relative;
	width:100%;
	margin:5rem 0 0 0;
}
.durable ul {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.5rem;
    list-style-type: none;
    justify-content: flex-start;
}
.durable li {
    flex: 0 0 calc(50% - 3rem);
    margin: 1.5rem;
    box-sizing: border-box;
    list-style: none;
    border: none;
    padding: 0;
    position: Relative;
}
.durable li .miniBoxh3 h3{
	margin:0 0 2rem 0;
}
.durableImg {
	margin:0 0 2rem 0;
    position: Relative;
    display: flex;
    padding: 4rem 11rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0px 0px 3rem 0px rgba(0, 0, 0, 0.04);
}
.durable li h4{
	position:Relative;
	margin:1.6rem 0 0 0;
	display:block;
	padding:0 0 0 1.2rem;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: -0.32px;
}
.durable li h4:before{
	content:'';
	position:absolute;
	left:0;
	top:0.7rem;
	width:0.4rem;
	height:0.4rem;
	background:#000;
	border-radius:50%;
}

.durable_video {
    position: relative;
    width: 100%;
    padding-top: 73.505%;
}
.durable_video iframe{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.basicess{
	position:Relative;
	width:100%;
	margin:5rem 0 0 0;
}
.bs_essBox {
    position: Relative;
    width: 100%;
	gap:0.9rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.bs_essLineBox{
	position:Relative;
	width:100%;
}
.bs_esstophidden{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1.1rem;
	z-index:3;
	background:#fff;
}
.bs_essbottomhidden{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1.1rem;
	z-index:3;
	background:#fff;
}
.bs_essLine {
	position:Relative;
	z-index:2;
    border-radius: 11px;
    height: 2.2rem;
    width: 100%;
    border: 1px solid #aaa;
}
.bs_essLineBox span {
    transform: translateX(-50%);
    z-index: 4;
    position: absolute;
    left: 50%;
    top: -0.9rem;
    color: #555;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    padding: 0 0.9rem;
    background: #fff;
}

.baessT{
	width:100%;
}
.baessT ul {
	width:100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.baessT ul li {
    list-style: none;
    flex: 0 0 calc(14.285714% - 5.66rem);
    margin: 0 6.6rem 0 0;
    box-sizing: border-box;
    position: Relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.baessT ul li:last-child{
	margin:0;
}
.baessT ul li:after {
    content: '';
    position: absolute;
    right: -5.3rem;
    top: 3rem;
    width: 3.8rem;
    height: 1.2rem;
    background-image: url(/public/img/oci/sub/dotarrow.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.baessT ul li:last-child:after{
	content: none;
}
.baessT ul li h4{
	display: flex;
	padding:2rem 0; 
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 999px;
	background: #F6F6F6;

	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height:2.8rem;
}


.esscubeBox{
	padding:10rem 0 0 0;
	position:Relative;
	width:100%;
	display:flex;
	gap:6rem;
}
.esscubeCont{
	width:68.18%;
	position:Relative;
}
.esscubeCont:before {
    transform: translateX(-50%);
    content: '';
    position: absolute;
    left: 50%;
    top: -10rem;
    width: 3.8rem;
    height: 4.9rem;
    background-image: url(
	/public/img/oci/sub/esscubeContbefore.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.esscubeCont .miniBoxh3 h3{
	color: #F4020C;
	margin:0 0 2rem 0;
}
.esscubeCont .bs_essLine {
    border: 1px solid #F4020C;
}
.esscubeCont .bs_essLineBox span{
	color: #F4020C;
	font-family: pretendard-600;
	font-weight: 600;
}
.esscubeCont .baessT{
	margin:0.9rem 0 0 0;
}
.esscubeCont .baessT ul li {
    flex: 0 0 calc(25% - 4.95rem);
}
.esscubeCont .baessT ul li:last-child{
	margin:0;
}
.esscubeCont .baessT ul li h4{
	background: #FEF5F6;
	color: #F4020C;
	font-family: pretendard-500;
	font-weight: 500;
}


.ecuarr {
    display: flex;
    margin: 3.1rem 0 3.1rem 0;
    justify-content: center;
    align-items: flex-start;
}
.ecuarr img{
	height:4.9rem;
}
.ecub{
	
}
.ecub ul {
	max-width:72rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
}
.ecub ul li {
    list-style: none;
    flex: 0 0 calc(25% - 2rem);
    margin: 0 1rem;
    box-sizing: border-box;
    position: Relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 22.223%;
}
.ecub ul li h4 {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #F6F6F6;
    align-items: center;
    justify-content: center;
	
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.ecub ul li h4.red{
	background:#F4020C;
	color:#fff;
}
.esscubeImg{
	width:31.82%;
}


.bucaseList{
	position:Relative;
	margin:5rem 0 0 0;
}
.bucaseList ul {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.bucaseList li {
    flex: 0 0 calc(25% - 2.4rem);
    margin: 1.2rem;
    box-sizing: border-box;
    list-style: none;
    border: none;
    padding: 0;
    position: Relative;
}
figure.caseimg {
    width: 100%;
    position: Relative;
    padding-bottom: 73.564%;
    overflow: hidden;
}
figure.caseimg img {
	width: 100%;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.bucaseList li h3{
	margin:2rem 0 0 0;
	color: #000;
	text-align: left;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}

@media (max-width:1600px) {
	.heatflow {
		padding: 6rem 10rem 0 10rem;
	}
	.heatflow ul {
		gap: 10rem;
	}
}
@media (max-width:1400px) {
	.heatflow {
		padding: 6rem 4rem 0 4rem;
	}
	.heatflow ul {
		gap: 6rem;
	}
}
@media (max-width:1200px) {
	.opertechCore li {
		flex: 0 0 calc(25% - 0rem);
		padding: 2.6rem;
	}
	.opertechCore li:nth-child(5){
		border-top: none;
	} 
	.opertechCore li:nth-child(6){
		border-top: none;
	} 
	.opertechCore li:last-child {
		border-top: none;
		border-right: 1px solid #EEE;
	}
	
	
	.bucaseList ul {
		margin: -1rem;
	}
	.bucaseList li {
		flex: 0 0 calc(33.33333333% - 2rem);
		margin: 1rem;
	}
}
@media (max-width:991px) {
	.mini_Title .miniT {
		margin: 1rem 0 0rem 0;
		font-size: 3rem;
		line-height: 4rem;
	}
	.mini_Title .miniTsub {
		margin: 1rem 0 0 0;
		font-size: 1.6rem;
		line-height: 3rem;
	}
	.mini_Titleh3 h3 {
		font-size: 1.9rem;
		line-height: 2.2rem;
	}
	
	
	.buminiContBox.productList .pdcard {
		margin: 3rem 0 0 0;
	}
	
	
	.essChablockBox{
		overflow:hidden;
	}
	
	
	.esssolGp_box {
		display: flex;
		margin: 3rem 0 0 0;
		width: 100%;
		height: 62rem;
	}
	.essContInner {
		height: 44rem;
		width: 44rem;
	}
	.essCenter {
		height: 44rem;
		width: 44rem;
	}
	.essWCircle {
		width: 13rem;
		height: 13rem;
	}
	.ess_centext {
		height: 18rem;
		width: 18rem;
	}
	.essWCircle img {
		height: 5rem;
	}
	.essCipo h3 {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	.essWCircle img {
		top: -2rem;
		position: relative;
		height: 4.4rem;
	}
	
	.essCipo.TL {
		top: -2.8rem;
		left: 5.8rem;
	}
	.essCipo.TR {
		top: -2.8rem;
		right: 5.8rem;
	}
	.essCipo.MR {
		right: -5.2rem;
	}
	.essCipo.ML {
		left: -5.2rem;
	}
	.essCipo.BL {
		bottom: -2.8rem;
		left: 5.8rem;
	}
	.essCipo.BR {
		bottom: -2.8rem;
		right: 5.8rem;
	}
	
	.essCipo.TR h3 {
		bottom: 2.8rem;
		transform: initial;
		top: initial;
		text-align: center;
		left: 0;
		right: inherit;
		width: 100%;
	}
	.essCipo.TL h3 {
		bottom: 2.8rem;
		transform: initial;
		top: initial;
		text-align: center;
		left: 0;
		width: 100%;
	}
	.essCipo.MR h3 {
		bottom: 2.8rem;
		transform: initial;
		top: initial;
		text-align: center;
		left: 0;
		right: inherit;
		width: 100%;
	}
	.essCipo.ML h3 {
		width: 100%;
		bottom: 2.8rem;
		transform: initial;
		top: initial;
		text-align: center;
		left: 0;
	}
	.essCipo.BR h3 {
		bottom: 2.8rem;
		transform: initial;
		top: initial;
		text-align: center;
		left: 0;
		right: inherit;
		width: 100%;
	}
	.essCipo.BL h3 {
		bottom: 2.8rem;
		transform: initial;
		top: initial;
		text-align: center;
		left: 0;
		width: 100%;
	}
	
	
	.experStep .dealC li {
		flex: 0 0 calc(33.3% - 1.4rem);
	}
	
	
	.opertechBox {
		margin: 5rem 0 0 0;
	}
	.opertechbat ul {
		gap: 3rem;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
	}
	.opertechbat li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
		padding: 0;
	}
	.opertechbat li h3 {
		margin: 1.2rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	
	.opertechCore li {
		flex: 0 0 calc(33.3333333% - 0rem);
		padding: 2rem;
	}
	.opertechCore li:nth-child(4) {
		border-top: none;
	}
	
	
	.heatflow ul {
		display: flex;
		gap: 0rem;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.heatflow ul li {
		max-width: 58rem;
		position: Relative;
		width: auto;
		padding: 0 0 8rem 0;
	}
	.firesystemBox {
		padding: 4rem 4rem 0rem 4rem;
	}
	
	
	.bucaseList {
		margin: 4rem 0 0 0;
	}
	.bucaseList ul {
		margin: -1rem;
	}
	.bucaseList li {
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
	}
}
@media (max-width:767px) {
	.buminiContBox {
		margin: 6rem 0 0 0;
	}
	.mini_Title p svg {
		width: 1.4rem;
		height: 2rem;
	}
	.mini_Title .miniT {
		margin: 1rem 0 0rem 0;
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
	.mini_Title .miniTsub {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.mini_Titleh3 h3 {
		font-size: 1.9rem;
		line-height: 2.2rem;
	}
	
	
	.buminiContBox.productList .pdcard {
		margin: 3rem 0 0 0;
	}
	
	
	.essChablockBox {
		margin: 3rem 0 0 0;
	}
	
	
	.esssolGp_box {
		margin: 3rem 0 0 0;
		height: 38rem;
	}
	.essContInner {
		height: 28rem;
		width: 28rem;
	}
	.essCenter {
		height: 28rem;
		width: 28rem;
	}
	.ess_centext {
		height: 12rem;
		width: 12rem;
	}
	.ess_centext h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.essWCircle {
		width: 8rem;
		height: 8rem;
	}
	.essCipo h3 {
		font-size: 1.3rem;
		line-height: 1rem;
	}
	.essWCircle img {
		top: -1.2rem;
		position: relative;
		height: 3rem;
	}
	
	.Hightech .essCipo h3 {
		font-size: 1.1rem;
		line-height: 1rem;
	}
	
	.essCipo.TL {
		top: -1.6rem;
		left: 4.2rem;
	}
	.essCipo.TR {
		top: -1.6rem;
		right: 4.2rem;
	}
	.essCipo.ML {
		left: -3rem;
	}
	.essCipo.MR {
		right: -3rem;
	}
	.essCipo.BL {
		bottom: -1.6rem;
		left: 4.2rem;
	}
	.essCipo.BR {
		bottom: -1.6rem;
		right: 4.2rem;
	}
	
	.essCipo.TL h3 {
		bottom: 2rem;
	}
	.essCipo.TR h3 {
		bottom: 2rem;
	}
	.essCipo.MR h3 {
		bottom: 2rem;
	}
	.essCipo.ML h3 {
		bottom: 2rem;
	}
	.essCipo.BR h3 {
		bottom: 2rem;
	}
	.essCipo.BL h3 {
		bottom: 2rem;
	}
	
	
	.experStep {
		margin: 3rem 0 0 0;
	}
	.miniBoxh3 h3 {
		margin: 0 0 1.4rem 0;
		font-size: 1.9rem;
		line-height: 2.2rem;
	}
	.experStep .dealC li {
		flex: 0 0 calc(100% - 0rem);
	}
	
	
	.opertechBox {
		margin: 3rem 0 0 0;
	}
	.opertechbat ul {
		gap: 2rem;
	}
	.opertechbatImg {
		padding: 2rem 1.4rem;
		box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.04);
	}
	.opertechbat li h3 {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.opertechbatImg b {
		bottom: 0.5rem;
		font-size: 1rem;
		line-height: 1rem;
	}
	
	
	.opertechCore li {
		flex: 0 0 calc(100% - 0rem);
		padding: 1.6rem;
		border-right: 1px solid #eee;
	}
	.opertechCore li h4 {
		margin: 0 0 1.4rem 0;
		padding: 0 0 1.4rem 0;
	}
	.opertechCore li h4 span {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.opertechCore li h4 b {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.opertechCore li p {
		font-size: 1.4rem;
		line-height: 1.9rem;
		letter-spacing: -0.28px;
	}
	.opertechCore li:nth-child(2) {
        border-top: none;
    }
	.opertechCore li:nth-child(3) {
        border-top: none;
    }
	
	
	.heatflowBox {
		margin: 3rem 0 0 0;
	}
	.heatflowInner {
		padding: 2rem 0;
	}
	.heatflow {
		border-radius: 1rem;
		padding: 3rem 2rem 0 2rem;
	}
	.heatflow ul li {
		max-width: 58rem;
		position: Relative;
		width: auto;
		padding: 0 0 3rem 0;
	}
	.firesystem ul li .miniBoxh3 h3 {
		margin: 0 0 2rem 0;
	}
	.firesystemBox {
		padding: 1rem 2rem 0rem 2rem;
	}
	
	
	.bucaseList {
		margin: 3rem 0 0 0;
	}
	.bucaseList ul {
		gap: 2rem;
		margin: 0;
	}
	.bucaseList li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
	}
	.bucaseList li h3 {
		margin: 1rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2rem;
	}
}

/*-----------------------------------------
# 사업소개 O&M
-------------------------------------------*/
.omopermanageBg {
    background-image: url(/public/img/oci/sub/opermanage.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.opm .esStep ul li {
    width: 33.333333333%;
}
.generateKeyWrap{
	margin:6rem 0 0 0;
	position:Relative;
}
.generaGr{
	margin:3rem 0 0 0;
	width:100%;
	position:Relative;
}
.generaGr ul {
    display: flex;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    position: Relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.generaGr li{
	list-style:none;
	width:100%;
	position:Relative;
}
.generaGr li.texttype .generaGrInner{
	padding: 0;
    border: none;
}
.generaGr li.texttype .gnLeft {
    overflow: hidden;
    position: Relative;
    padding: 0 3rem;
    height: 5rem;
    border-radius: 0;
    background: #fff;
    justify-content: center;
    align-items: center;
}
.generaGr li.texttype .gnRight {
    overflow: hidden;
    position: Relative;
    padding: 0 3rem;
    height: 5rem;
    border-radius: 0;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.generaGr li.texttype p.gntext{
    color: #000;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.8rem;
    font-weight: 400;
}

.generaGrInner{
	gap:2rem;
	display:flex;
	width:100%;
	border-radius: 6px;
	border: 1px solid #EEE;
	padding:4px;
}
.generaGrInner h4{
    width: 81.32rem;
	color: #000;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height:5rem;
}
.generaGrInner h4.red{
	font-weight: 600;
	font-family: pretendard-600;
	color: #F4020C;
}
.gnLeft {
	overflow: hidden;
	position:Relative;
    padding: 0 3rem;
    display: flex;
    width: 100%;
    height: 5rem;
    border-radius: 4px;
    background: #F6F6F6;
    justify-content: flex-end;
    align-items: center;
}
.gnRight {
	overflow: hidden;
	position:Relative;
    padding: 0 3rem;
    display: flex;
    width: 100%;
    height: 5rem;
    border-radius: 4px;
    background: #F6F6F6;
    align-items: center;
    justify-content: flex-start;
}
p.gntext{
	position:Relative;
	z-index:2;
	color: #92A1C2;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
p.gntext.colf{
	color:#fff;
}
.grdist{
	position:absolute;
	z-index:1;
	height:100%;
	background: #92A1C2;
}
.grdist.left{
	right:0;
	top:0;
}
.grdist.right{
	left:0;
	top:0;
}

.grdist.grd01{width:30.6rem;background: #F4020C;}
.grdist.grd02{width:17.2rem;background: #F4020C;}
.grdist.grd03{width:25.6rem;}
.grdist.grd04{width:0.5rem;}
.grdist.grd05{width:2.5rem;}
.grdist.grd06{width:20.6rem;}
.grdist.grd07{width:1.2rem;}
.grdist.grd08{width:21.7rem;}
.grdist.grd09{width:0.6rem;}
.grdist.grd10{width:1.6rem;}
.grdist.grd11{width:0.4rem;}
.grdist.grd12{width:0.4rem;}



.opm .epcsolGp_box {
    margin: 5rem 0 0 0;
    height: auto;
	padding: 14rem 0 8rem 0;
}
.opm .epcWCircle h3 {
    font-size: 2rem;
    line-height: 2.6rem;
}
.opm .epcText.posi_01 {
    right: -26.5rem;
    width: 41rem;
    top: -6.4rem;
}
.opm .epcText.posi_02 {
    right: -39rem;
    width: 33rem;
    bottom: 5.6rem;
}
.opm .epcText.posi_03 {
    left: -38rem;
    width: 32rem;
    bottom: 6.2rem;
}


.exchBox {
    margin: 5rem 0;
    display: flex;
    justify-content: space-between;
}
.exch02{
	padding:0 5.8rem;
	position:Relative;
}
.exch02:before,
.exch02:after {
    transform: translateY(-50%);
    content: '';
    position: absolute;
    top: 50%;
    width: 3.8rem;
    height: 1.2rem;
    background-image: url(
    /public/img/oci/sub/dotarrow.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.exch02:before{
    left: 1rem;
}
.exch02:after{
    right: 1rem;
}
.exch02Circle{
	padding:6px;
	width:25.8rem;
	height:25.8rem;
	border-radius: 50%;
	border: 1px solid #F4020C;
	background: #FFF;
}
.exch02CircleInner {
    color: #F4020C;
    text-align: center;
    font-family: pretendard-600;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4rem;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #F8E0E1;
    align-items: center;
    justify-content: center;
}

.exch01{
	position:Relative;
	width: 100%;
}
.exch01 ul {
    display: flex;
    padding: 2.65rem 2.6rem;
    border: 1px solid #EEE;
    background: #FFF;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.exch01 ul li{
	width:100%;
	border-top:1px solid #eee;
	padding:1.4rem 0;
}
.exch01 ul li:nth-child(1){
	padding:0 0 1.4rem 0;
	border-top:none;
}
.exch01 ul li:last-child{
	padding:1.4rem 0 0 0;
}
.exch01 ul li h3{
	color: #000;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.9rem;
}

.exch03{
	position:Relative;
	width: 100%;
}
.exch03 ul {
    display: flex;
    padding: 2.7rem 2.6rem;
    border: 1px solid #EEE;
    background: #FFF;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.exch03 ul li {
    display: flex;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 2rem 0;
    align-items: center;
}
.exch03 ul li:nth-child(1){
	padding:0 0 2rem 0;
	border-top:none;
}
.exch03 ul li:last-child{
	padding:2rem 0 0 0;
}
.exch03 ul li img{
	height:4rem;
}
.exch03 ul li h3 {
    width: 100%;
    display: block;
    color: #000;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.9rem;
}


.exinverter .dealC {
    margin: 2rem 0 0 0;
}
.exinverter .dealC li{
    flex: 0 0 calc(25% - 1.4rem);
}
.exinverter .dealC li:nth-child(4n):after{
	content:none;
}
.exinverter .dealC li:after {
    top: 6.6rem;
}
.deastep{
	margin:0 0 1rem 0;
	color: #F4020C;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
}

.exinverter .deaTop {
    gap: 0rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}

@media screen and (max-width: 991px) {
	.opm .esStep ul li:nth-child(1) {
		padding: 0 0 4rem 0;
	}
    .opm .esStep ul li{
		border-bottom: 1px solid #eee;
		width: 100%;
		margin: 0;
		padding: 4rem 0;
    }
	.opm .esStep ul li:nth-child(2) .msvCoreitem{
		min-height:5rem;
	}
	.opm .esStep ul li:last-child {
		padding: 4rem 0 0 0;
		border-bottom: none;
	}
	
	
	
	.exinverter .dealC li {
		flex: 0 0 calc(33.3333333% - 1.4rem);
	}
	
	
	.opm .epcText.posi_01, .opm .epcText.posi_02, .opm .epcText.posi_03 {
        top: inherit;
        bottom: inherit;
        left: inherit;
        right: inherit;
    }
	
	
	.exchBox {
		margin: 5rem 0;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
	}
	.exch02 {
		padding: 5.8rem 0rem;
		position: Relative;
	}
	.exch01 ul li h3 {
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
	.exch03 ul li {
		padding: 1.6rem 0;
	}
	.exch03 ul li:nth-child(1) {
		padding: 0 0 1.6rem 0;
	}
	.exch03 ul li:last-child {
		padding: 1.6rem 0 0 0;
	}
	.exch03 ul li h3 {
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
	.exch03 ul li img {
		height: 3.6rem;
	}
	.exch02:before, .exch02:after {
		left: 50%;
		transform: translateX(-50%);
		content: '';
		position: absolute;
		top: inherit;
		bottom: 1rem;
		width: 1.2rem;
        height: 3.8rem;
        background-image: url(/public/img/oci/sub/dotarrow_bot.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
	}
	.exch02:before {
		top: 1rem;
		left: 50%;
	}
	
	
	.generaGrInner {
		gap: 0rem;
		border-radius: 6px;
		padding: 4px;
	}
	.generaGrInner h4 {
		width: 34rem;
		font-size: 1.6rem;
		line-height: 4rem;
	}
	.gnLeft {
		padding: 0 3rem;
		height: 4rem;
		border-radius: 4px;
	}
	.gnRight {
		padding: 0 3rem;
		height: 4rem;
		border-radius: 4px;
	}
	p.gntext {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.generaGr li.texttype .gnLeft,
	.generaGr li.texttype .gnRight{
		padding: 0 3rem;
		height: 4rem;
	}
	.generaGr li.texttype p.gntext {
		font-size: 1.6rem;
	}
}
@media (max-width: 767px) {
    .essChablockBox {
        margin: 3rem 0 0 0;
    }
	.opm .esStep ul li:nth-child(1) {
		padding: 0 0 2rem 0;
	}
	.opm .esStep ul li:nth-child(2) .msvCoreitem{
		min-height:4rem;
	}
    .opm .esStep ul li{
		padding: 2rem 0;
    }
	.opm .esStep ul li:last-child {
		padding: 2rem 0 0 0;
	}
	
	
	.exinverter .dealC li {
		flex: 0 0 calc(100% - 0rem);
	}
	.exinverter .dealC li:after {
		top: inherit;
	}
	.deastep {
		margin: 0 0 0.6rem 0;
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	
	
	.opm .epcContInner {
		width: 100%;
		display: flex;
		margin: 6rem 0 0 0;
		flex-direction: column;
		align-items: center;
	}
	.opm .epcsolGp_box {
		margin: 3rem 0 0 0;
		height: auto;
		padding: 1rem 0 4rem 0;
	}
	.opm .epcWCircle h3 {
		font-size: 1.1rem;
		line-height: 1.5rem;
	}
	.opm .epcText.posi_01, .opm .epcText.posi_02, .opm .epcText.posi_03 {
		padding: 0 2rem;
		width: 100%;
	}
	
	
	.exchBox {
		margin: 3rem 0 5rem 0;
	}
	.exch01 ul {
		padding: 1.6rem 1.6rem;
	}
	.exch01 ul li h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.exch03 ul {
		padding: 1.6rem 1.6rem;
	}
	.exch03 ul li {
		padding: 1.4rem 0;
	}
	.exch03 ul li:nth-child(1) {
		padding: 0 0 1.4rem 0;
	}
	.exch03 ul li:last-child {
		padding: 1.4rem 0 0 0;
	}
	.exch03 ul li h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.exch03 ul li img {
		height: 2.6rem;
	}
	.exch02Circle {
		padding: 4px;
		width: 16.8rem;
		height: 16.8rem;
	}
	.exch02CircleInner {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	
	
	.generaGrInner h4 {
		width: 26rem;
		font-size: 1.4rem;
		line-height: 4rem;
	}
	.gnLeft {
		padding: 0 1.6rem;
		height: 4rem;
		border-radius: 4px;
	}
	.gnRight {
		padding: 0 1.6rem;
		height: 4rem;
		border-radius: 4px;
	}
	p.gntext {
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.generaGr li.texttype .gnLeft,
	.generaGr li.texttype .gnRight{
		padding: 0rem;
		height: 2rem;
	}
	.generaGr li.texttype p.gntext {
		font-size: 1.2rem;
	}
	
	.grdist.grd01{width:11rem;background: #F4020C;}
	.grdist.grd02{width:6.2rem;background: #F4020C;}
	.grdist.grd03{width:9.5rem;}
	.grdist.grd04{width:0.3rem;}
	.grdist.grd05{width:1.6rem;}
	.grdist.grd06{width:7rem;}
	.grdist.grd07{width:1.1rem;}
	.grdist.grd08{width:7.6rem;}
	.grdist.grd09{width:0.5rem;}
	.grdist.grd10{width:1rem;}
	.grdist.grd11{width:0.2rem;}
	.grdist.grd12{width:0.2rem;}
}
@media screen and (max-width: 600px) {
	.generaGrInner h4 {
		width: 28rem;
		font-size: 1rem;
		line-height: 4rem;
	}
	.generaGr li.texttype p.gntext {
		line-height: 1.3rem;
		font-size: 1rem;
	}
}

/*-----------------------------------------
# 사업소개 인버터 소개 페이지
-------------------------------------------*/
.InverterBg {
    background-image: url(/public/img/oci/sub/InverterBg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.inverChablockBox {
	overflow: hidden;
    position: Relative;
    margin: 5rem 0 0 0;
}
.esStep.inverter ul li {
    width: 20%;
}

.inverterPrList .maPBtn {
    display: block;
    margin: 1rem 0 0 0;
}

@media screen and (max-width: 991px) {
	.esStep.inverter ul li:nth-child(1) {
		padding: 0 0 4rem 0;
	}
    .esStep.inverter ul li{
		border-bottom: 1px solid #eee;
		width: 100%;
		margin: 0;
		padding: 4rem 0;
    }
	.esStep.inverter ul li:last-child {
		padding: 4rem 0 0 0;
		border-bottom: none;
	}
}
@media (max-width: 767px) {
    .inverChablockBox {
        margin: 3rem 0 0 0;
    }
	.esStep.inverter ul li:nth-child(1) {
		padding: 0 0 2rem 0;
	}
    .esStep.inverter ul li{
		padding: 2rem 0;
    }
	.esStep.inverter ul li:last-child {
		padding: 2rem 0 0 0;
	}
}

/*-----------------------------------------
# 고객지원 서비스정책
-------------------------------------------*/
.sp_seritem {
    position: Relative;
    margin: 5rem 0 0 0;
	overflow:hidden;
}
.esStep.sp_ser ul li {
    width: 33.33333333%;
}
.esStep.sp_ser ul li dd{
	margin:0;
}
.esStep.sp_ser ul li img {
	margin:4rem 0;
    height: 8rem;
}


.cuspoWrap{
	margin:10rem 0 0 0;
	border: 1px solid #FAF0F0;
	background: #FAF0F0;
}
.cuspoInner{
	width:100%;
	display:flex;
	width:100%;
}
.cuspocardBox {
    position: Relative;
    width: 100%;
    padding: 9.5rem 15rem 9.5rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.cuspocard {
    width: 100%;
    gap: 8.8rem;
    display: flex;
    position: Relative;
    padding: 5rem 6rem 6rem 6rem;
    background: #fff;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.cuspocard h2 {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
	margin:0;
}
.cuspocard h2 span{
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-600;
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5rem;
}
.cuspocard h2 p{
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
}
.cusplinkBox{
	width:100%;
	display:flex;
	gap:5rem;
}
.cusplink {
    gap: 1.6rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.cusplink img{
	height:2.4rem;
}
.cuspl{
	display:flex;
	gap:1.8rem;
}
.cuspl span{
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}
.cuspl a{
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
}
.cuspomapBox{
	display:flex;
	position:Relative;
	width:100%;
}


.warrWrap {
    margin: 5rem 0 0 0;
    width: 100%;
    position: Relative;
    display: flex;
    gap: 4rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.warrCont{
	width:100%;
	position:Relative;
}


.coractTable{
	margin:2rem 0 0 0;
	width:100%;
	position:relative;
}
.coractTable table{
	width:100%;
	position:relative;
	border:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
}
.coractTable table thead th{
	padding:2rem 0.2rem;
	color: #111;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2rem;
	border-right:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
	border-bottom: 1px solid #F4020C;
}
.coractTable table tbody td{
	padding:2rem 0.2rem;
	border:  1px solid rgba(0, 0, 0, 0.06);
	border-collapse: collapse;
	color: #111;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
}

.warrCont h3{
	margin:0;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}
.warrCont h4{
	margin:0.8rem 0 0 0;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.6rem;
}
.warrCont p.fir{
	margin:1.4rem 0 0 0;
}
.warrCont p{
	padding:0 0 0 1.2rem;
	position:Relative;
	margin:0.6rem 0 0 0;
	display:block;
	text-align:left;
	color: #666;
	font-family: pretendard-400;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.warrCont p:before {
    content: '';
    position: absolute;
    left:0rem;
    top: 1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #F4020C;
}
@media (max-width: 1600px) {
	.cuspocardBox {
		padding: 9rem 8rem 9rem 0;
	}
	.cuspocard {
		gap: 8rem;
		padding: 4rem 5rem 5rem 5rem;
	}
}
@media (max-width: 1200px) {
	.cuspocardBox {
		padding: 6rem 0rem 6rem 0;
	}
	.cuspocard h2 span {
		font-size: 3rem;
		line-height: 4rem;
	}
	.cuspocard h2 p {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.cusplinkBox {
		width: 100%;
		display: flex;
		gap: 2rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
}
@media (max-width: 991px) {
	.esStep.sp_ser ul li {
		width: 100%;
	}
	.esStep.sp_ser ul li img {
		top: 0;
		margin: 0;
		height: 6rem;
	}
	.esStep.sp_ser ul li dd {
		margin: 0 0 1.4rem 0;
	}
	
	
	.cuspoInner {
		padding:0 0 6rem 0;
		width: 100%;
		display: flex;
		width: 100%;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: flex-end;
	}
	.cuspomapBox {
		display: flex;
		position: Relative;
		width: 100%;
		justify-content: center;
	}
	.cuspocardBox {
		padding: 0rem 0rem 0rem 0;
	}
	.cuspocard {
		gap: 4rem;
		padding: 4rem 5rem 5rem 5rem;
	}
	.cusplinkBox {
		width: 100%;
		display: flex;
		gap: 2rem;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
	}
}
@media (max-width: 767px) {
	.sp_seritem {
		margin: 3rem 0 0 0;
	}
	.esStep.sp_ser ul li img {
		height: 4rem;
	}
	.esStep.sp_ser ul li dd {
		margin: 0 0 1rem 0;
	}
	
	
	.cuspoWrap {
		margin: 4rem 0 0 0;
	}
	.cuspoWrap .buContSideBox{
		padding:0;
	}
	.cuspoInner {
		padding: 0 0 1rem 0;
	}
	.cuspocardBox {
		padding: 0 1rem;
	}
	.cuspocard {
		gap: 2rem;
		padding: 2rem 2rem 2rem 2rem;
	}
	.cuspocard h2 {
		gap: 1rem;
	}
	.cuspocard h2 span {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.cuspocard h2 p {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.cusplinkBox {
		width: 100%;
		display: flex;
		gap: 2rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.cusplink {
		gap: 1rem;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	.cusplink img {
		height: 2rem;
	}
	.cuspl {
		display: flex;
		gap: 1rem;
	}
	.cuspl span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.cuspl a {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	
	.buminiContBox.warr .mini_Title{
		padding:0 2rem;
	}
	.warrWrap {
		margin: 4rem 0 0 0;
		gap: 3rem;
	}
	.warrCont h3 {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.warrCont h4 {
		margin: 0.6rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.warrCont p.fir {
		margin: 1rem 0 0 0;
	}
	.warrCont p {
		padding: 0 0 0 1rem;
		margin: 0.5rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.warrCont p:before {
		top: 0.6rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	
	.coractTable {
		margin: 1rem 0 0 0;
	}
	.coractTable table thead th {
		padding: 1.4rem 0.2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.coractTable table tbody td {
		padding: 1.4rem 0.2rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
}

/*-----------------------------------------
# 고객지원 - 대리점안내
-------------------------------------------*/
.ociSubP_Title.deaTa{
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.deaTaWrap{
	width:100%;
	position:Relative;
	margin:10rem 0 0 0;
}
.deaThBox{
	width:100%;
	position:Relative;
	display:flex;
	padding:0 3rem;
	gap:4rem;
	border-bottom: 1px solid #F4020C;
	justify-content: space-between;
}
.deaTh{
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 7rem;
}
.dewid9{width:9.5rem}
.dewid14{width:14rem}
.dewid20{width:20rem}
.dewid24{width:24rem}
.dewid28{width:28rem}
.dewid38{width:38.5rem}


.deaMidInner{
	width:100%;
	position:Relative;
	border-bottom: 1px solid #eee;
}
.deaMidBox{
	width:100%;
	position:Relative;
	display:flex;
	padding:2rem 3rem;
	gap:4rem;
	justify-content: space-between;
}
.deaMi {
    position: Relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.demlogo{
	height:8rem;
	width: 100%;
    position: Relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.demlogo img{
	height:100%;
}
.deaMi span{
	text-align:center;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.deaMi span a{
	margin:0;
	padding:0;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.deaMi span a.mail{
	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;
}
.deaMi.addres {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.deaMi.addres span{
	text-align:left;
}
.locaBtn{
	cursor:pointer;
	position:Relative;
	padding:0 0 0 3.2rem;
	color: #F4020C;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.locaBtn:before{
	content:'';
	left:0;
	top:0.2rem;
	position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(/public/img/oci/sub/lotarget_icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.deamapInner {
    display: flex;
    width: 100%;
    position: Relative;
    height: 0px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.deamapInner iframe{
	position:Relative;
	width:100%;
	height:0%;
}
.deamapInner.on{
	height:auto;
}
.deamapInner.on iframe{
	height:62.5rem;
}
.deamapInner .shdeaInfo{
	display:none;
}
@media (max-width:1600px) {
	.deaTaWrap {
		margin: 8rem 0 0 0;
	}
	.deaThBox {
		padding: 0 2rem;
		gap: 2rem;
	}
	.deaMidBox {
		padding: 1.5rem 2rem;
		gap: 2rem;
	}
	.demlogo {
		height: 7rem;
	}
	
	
	.deamapInner.on iframe{
		height:52.5rem;
	}
}
@media (max-width:1300px) {
	.dewid14, .dewid24, .dewid38 {
		display: none !important;
	}
	.deamapInner.on .shdeaInfo {
		display: block;
	}
	.deamapInner.on {
		height: auto;
		padding: 0 0 2rem 0;
	}
	
	.deaThBox {
		padding: 0 2rem;
		gap: 1rem;
	}
	.deaMidBox {
		padding: 1.5rem 2rem;
		gap: 1rem;
	}
	.dewid9 {
		width: 11rem;
	}
	.demlogo {
		height: 6.4rem;
	}
}
@media (max-width:991px) {
	.deaTaWrap {
		margin: 6rem 0 0 0;
	}
	.deaThBox {
		padding: 0 1rem;
		gap: 1rem;
	}
	.deaMidBox {
		padding: 1.2rem 1rem;
		gap: 1rem;
	}
	
	.deaTh {
		font-size: 1.6rem;
		line-height: 6rem;
	}
	.deaMi span {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.demlogo {
		height: 6rem;
	}
	.locaBtn {
		padding: 0 0 0 2.6rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.locaBtn:before {
		top:0;
		width: 2.2rem;
		height: 2.2rem;
	}
	
	.deamapInner.on iframe{
		height: 42.5rem;
	}
}
@media (max-width:767px) {
	.deamapInner.on {
		height: auto;
		padding: 0 0 2rem 0;
	}
}