.maincontWrap{
	position:relative;
}

/*-----------------------------------------
# 메인 - 비주얼
-------------------------------------------*/
.maincontVisl{
	position:relative;
	width:100%;
	height: 100vh;
	/* height:90rem; */
}
.mainv_bg {
    background-image: url(/public/img/main/mainv_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.maincontSideBox {
    max-width: 176rem;
    padding: 0 4rem 14rem 4rem;
    margin: 0 auto;
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.mavtitle{
	position:relative;
}
.mavtitle h1 {
	gap:2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.mavtitle h1 strong{
	text-align:left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 7.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
}
.mavtitle h1 p{
	text-align:left;
	color: #FFF;
	font-family: pretendard-500;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4.6rem;
}
.mavbtn{
	display:flex;
	gap:1rem;
	margin:6rem 0 0 0;
}
.mavbtn a{
display: flex;
width: 20rem;
padding: 1.8rem 1rem;
justify-content: center;
align-items: center;
gap: 10px;
	border-radius: 999px;
border: 2px solid #FFF;
background: rgba(255, 255, 255, 0.01);
backdrop-filter: blur(5px);

color: #FFF;
font-family: pretendard-700;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 2.4rem;
}


.scrollBox {
    display: flex;
    position: absolute;
    right: 2rem;
    bottom: 14rem;
    transform: inherit;
    z-index: 13;
    flex-direction: column;
    align-items: center;
}
.scrollLine {
    display: flex;
    width: 2px;
    height: 7rem;
    justify-content: center;
    position: relative;
    border-radius: 99px;
	background: rgba(255, 255, 255, 0.20);
    overflow: hidden;
}
.scrollLine span {
    width: 2px;
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #FFF;
    border-radius: 50%;
    animation-name: scroll;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes scroll {
    0% {top:0; opacity:1;}
	70% {opacity:1;}
    100% {top:100%; opacity:0;}
}
.scrollTxt {
    transform: rotate(-90deg);
    /* writing-mode: vertical-rl; */
    /* writing-mode: vertical-lr; */
    /* text-orientation: upright; */
    /* writing-mode: vertical-rl; */
    /* writing-mode: vertical-lr; */
    margin-bottom: 5.4rem!important;
    color: #FFF;
    font-family: pretendard-700;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2rem;
    letter-spacing: 1.2px;
	text-transform: uppercase;
}
@media (max-width:1600px) {
}
@media (max-width:991px) {
	.mainv_bg {
		background-image: url(/public/img/main/mainv_bg_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.maincontSideBox {
		padding: 0 3rem 10rem 3rem;
	}
	.mavtitle h1 strong {
		font-size: 6rem;
		line-height: 7.4rem;
	}
	.mavtitle h1 p {
		font-size: 2rem;
		line-height: 4rem;
	}
	.mavbtn {
		gap: 1rem;
		margin: 4rem 0 0 0;
	}
	.mavbtn a {
		width: 18rem;
		padding: 1.6rem 1rem;
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
}
@media (max-width:767px) {
	
	.maincontVisl {
		overflow:hidden;
		height: 58rem;
	}
	.maincontSideBox {
		padding: 0 3rem 5rem 3rem;
	}
	.mavtitle h1 {
		gap: 1rem;
	}
	.mavtitle h1 strong {
		font-size: 2.6rem;
		line-height: 3.6rem;
	}
	.mavtitle h1 p {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.mavbtn {
		gap: 0.6rem;
		margin: 3rem 0 0 0;
	}
	.mavbtn a {
		width: 12.5rem;
		padding: 1.4rem 1rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	
	.scrollBox {
		right: 0rem;
		bottom: 5rem;
	}
	.scrollTxt {
		margin-bottom: 4.4rem!important;
		font-size: 0.8rem;
		line-height: 0.8rem;
		letter-spacing: 0.96px;
	}
	.scrollLine span {
		height: 1rem;
	}
	.scrollLine {
		width: 2px;
		height: 4rem;
	}
}

/*-----------------------------------------
# 메인 - 스마트공장 도입 후 성과
-------------------------------------------*/
.performanceWrap{
	overflow: hidden;
	position:relative;
	width:100%;
	padding:14rem 0;
	background-image: url(/public/img/main/performanceWrap_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.performanceSideBox{
	max-width: 156rem;
	padding: 0 2rem 0 2rem;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
.coreTitle{
	position:relative;
}
.coreTitle h2 p{
	margin:0 0 1rem 0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.6rem;
	text-transform: uppercase;
}
.coreTitle h2{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 10rem;
}
.coreTitle h3{
	margin:3rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.8rem;
}

.perforInner{
	position:relative;
	margin:9rem 0 0 0;
	}
.perBtnGroupInner{
	display:none;
}
.perfBox{
	position:relative;
	width:100%;
}
.perfIcon{
	display:flex;
}
.perfBox h3 {
	gap:0.5rem;
    margin: 1rem 0 0 0;
    display: flex;
    color: #222;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
    letter-spacing: -0.266px;
    justify-content: center;
    align-items: center;
}
.perfBox h3 span{
	display:inline-block;
	position:relative;
	width:1.4rem;
	height:1.6rem;
	background-image: url(/public/img/main/up_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.coreper p {
    margin: 4rem 0 0 0;
    color: #666;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
}
@media (max-width:1600px) {
	.performanceWrap {
		padding: 12rem 0;
	}
	
	
	.coreTitle h2 {
		font-size: 6.4rem;
		line-height: 8rem;
	}
	.coreTitle h3 {
		margin: 3rem 0 0 0;
		font-size: 2rem;
		line-height: 3.4rem;
	}
}
@media (max-width:1200px) {
	.perforInner .swiper{
		overflow:unset;}
	.perBtnGroupInner {
		margin: 2rem 0 0 0;
		width: 100%;
		display: flex;
		transform: inherit;
		gap: 1rem;
		justify-content: center;
		align-items: center;
		flex-direction: row;
	}
	.perBtnGroupInner .divider{
		display:inline-block;
		width: 1px;
		height: 19px;
		background: #EEE;
	}
	.perBtnGroupInner .swiper-button-prev {
		margin: 0;
		position: relative;
		right: 0;
		top: 0;
		width: 4.6rem;
		height: 4.6rem;
		left: 0;
		border-radius: 0%;
		background: rgba(255, 255, 255, 0.03);
	}
	.perBtnGroupInner .swiper-button-prev:after {
		height: 18px;
		width: 18px;
		content: '';
		background-image: url(/public/img/main/mainslde_prev.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.perBtnGroupInner .swiper-button-next {
		margin: 0;
		position: relative;
		width: 4.6rem;
		height: 4.6rem;
		right: 0;
		top: 0;
		left: 0;
		border-radius: 0%;
		background: rgba(255, 255, 255, 0.03);
	}
	.perBtnGroupInner .swiper-button-next:after {
		height: 18px;
		width: 18px;
		content: '';
		background-image: url(/public/img/main/mainslde_next.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media (max-width:991px) {
	.performanceWrap {
		padding: 10rem 0;
	}
	
	.coreTitle h2 p {
		margin: 0 0 1rem 0;
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.coreTitle h2 {
		font-size: 5rem;
		line-height: 7rem;
	}
	.coreTitle h3 {
		margin: 2rem 0 0 0;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	
	
	.perforInner {
		position: relative;
		margin: 6rem 0 0 0;
	}
}
@media (max-width:767px) {
	.performanceWrap {
		background-image: none;
		padding: 5rem 0;
	}
	
	.coreTitle h2 p {
		margin: 0 0 1rem 0;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.coreTitle h2 {
		font-size: 2.8rem;
		line-height: 3.8rem;
	}
	.coreTitle h2 br{display:none;}
	.coreTitle h3 {
		margin: 1.4rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	
	
	.perforInner {
		margin: 4rem 0 0 0;
	}
	.perfBox h3 {
		gap: 0.4rem;
		margin: 0.6rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2rem;
		letter-spacing: -0.18px;
	}
	.perfBox h3 span {
		width: 1.2rem;
		height: 1.4rem;
	}
	.coreper p {
		margin: 2rem 0 0 0;
		text-align: left;
		font-size: 1.1rem;
		line-height: 2rem;
	}
}

/*-----------------------------------------
# 메인 - Core 스마트공장 솔루션
-------------------------------------------*/
.mainflexBox{
	overflow: hidden;
	position:relative;
	width:100%;
	display:flex;
}
.mainflexLeft {
    display: flex;
    position: relative;
    width: 42%;
    justify-content: flex-end;
    align-items: flex-start;
	padding:0 0 0 2rem;
}
.masol_bg{
	background-image: url(/public/img/main/solution_bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.maflexLeftInner {
	position:relative;
	z-index:2;
	/* width:59rem; */
    min-width: 59rem;
    padding: 10rem 0 0 0rem;
}


.mainflexRight{
	position:relative;
	width:58%;
	padding: 0 2rem 0 0;
}
.maflexRightInner{
/* width:93rem; */
max-width:93rem;
position:relative;
	padding: 10rem 0 10rem 12rem;
}



.solution .coreTitle h2 p{
	color:#fff;
}
.solution .coreTitle h2{
	color:#fff;
}

.soltoptext{
	position:relative;
	width:100%;
	border-bottom:1px solid #000;
	padding:0 0 5rem 0;
	margin:0 0 5rem 0;
}
.soltoptext p,
.soltoptext h2,
.soltoptext h3{
	margin:1rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
}
.soltoptext p{
	margin:0;
}

.solul{
	position:relative;
	width:100%;
}
.solul ul{
	position:relative;
	width:100%;
}
.solul li:nth-child(1){
	border-top: none;
	padding:0 0 3rem 0;
}
.solul li:last-child{
	padding:3rem 0 0 0;
}
.solul li{
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	position:relative;
	width:100%;
	padding:3rem 0;
}
.solinfo {
    gap: 2rem;
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.soltext p{
	margin:0 0 2rem 0;
	text-align:left;
	color: #25BE5F;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.6rem;
}
.soltext h2{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.2rem;
}
.solinfo img{
	height:20rem;
}

/* .mainflexBox{ */
	/* position:relative; */
	/* width:100%; */
	/* display:flex; */
/* } */
/* .mainflexLeft { */
    /* display: flex; */
    /* position: relative; */
    /* width: 30%; */
    /* justify-content: flex-end; */
    /* align-items: flex-start; */
/* } */
/* .maflexLeftInner { */
    /* max-width: 61rem; */
    /* padding: 0 0 0 2rem; */
/* } */

/* .mainflexBox.solution .mainflexLeft{ */
	/* background-image: url(/public/img/main/solution_bg.webp); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center center; */
/* } */


/* .mainflexRight{ */
	/* position:relative; */
	/* width:70%; */
/* } */

@media (max-width:1600px) {
	
}
@media (max-width:1400px) {
	.maflexLeftInner {
		width: 100%;
		min-width: auto;
		padding: 10rem 0 0 0rem;
	}
	.maflexRightInner {
		width: 100%;
		max-width: 100%;
		position: relative;
		padding: 10rem 0 12rem 6rem;
	}
}
@media (max-width:1200px) {
	.mainflexBox {
		overflow: hidden;
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.mainflexLeft {
		display: flex;
		position: relative;
		width: 100%;
		justify-content: flex-end;
		align-items: flex-start;
		padding: 0 2rem;
	}
	.maflexLeftInner {
		width: 100%;
		min-width: auto;
		padding: 12rem 0 6rem 0rem;
	}
	.mainflexRight {
		position: relative;
		width: 100%;
		padding: 0 2rem;
	}
	.maflexRightInner {
		width: 100%;
		max-width: 100%;
		position: relative;
		padding: 6rem 0 10rem 0rem;
	}
}
@media (max-width:991px) {
	.maflexLeftInner {
		padding: 10rem 0 6rem 0rem;
	}
}
@media (max-width:767px) {
	.maflexLeftInner {
		padding: 5rem 0 5rem 0rem;
	}
	.mainflexLeft {
		height: 107vw;
	}
	.masol_bg{
		background-image: url(/public/img/main/solution_bg_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	.macont_bg {
		background-image: url(/public/img/main/contact_bg_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	.maflexRightInner {
		padding: 5rem 0 5rem 0rem;
	}
	
	.soltoptext {
		padding: 0 0 4rem 0;
		margin: 0 0 4rem 0;
	}
	.soltoptext p, .soltoptext h2, .soltoptext h3 {
		letter-spacing: -0.3px;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.soltoptext h2 br{display:none;}
	
	
	
	
	.solinfo {
		gap: 2rem;
		display: flex;
		position: relative;
		width: 100%;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
	}
	.soltext{
		width:100%;}
	.soltext p {
		margin: 0 0 1rem 0;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.soltext h2 {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	.solinfo img {
		height: 14rem;
	}
}

/*-----------------------------------------
# 메인 - 문의하기
-------------------------------------------*/
.macont_bg{
	background-image: url(/public/img/main/contact_bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.contact .coreTitle h2 span{
	font-family: 'Outfit', sans-serif;
	letter-spacing: 4px;
}
.contact .mainflexRight{
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

ul.contactinfo {
	margin:6rem 0 0 0;
    gap: 2rem;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
ul.contactinfo li {
    gap: 1.6rem;
    position: relative;
    display: flex;
    color: #000;
	font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
    align-items: center;
    justify-content: flex-start;
}
ul.contactinfo li a{
	position:relative;
	display:flex;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
}
ul.contactinfo li img{
	height:2.4rem;
}


.sucBox{
	width:100%;
	position:relative;
}
.reqtext{
	position:absolute;
	right:3rem;
	top:0;
	color: #EF811B;
	text-align: right;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.sucIn.fir{
	margin:0;
}
.sucIn{
	margin:2.4rem 0 0 0;
	width:100%;
	display:block;
	position:relative;
}
.sucIn p {
    position: relative;
    margin: 0 0 1rem 0;
    display: flex;
    color: #111;
    font-family: pretendard-600;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.6rem;
    align-items: center;
}
.sucIn p.req:after {
    margin: 0 0 0 0.8rem;
    top: -0.4rem;
    color: #EF811B;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    content: '*';
    position: relative;
}

.sucIn input {
border: 1px solid rgba(0, 0, 0, 0.10);
font-family: Pretendard;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 6.6rem;
border-radius: 0.8rem;
background: #ffffff;
padding: 0rem 3rem 0rem 3rem;
color: #000;
font-family: pretendard-600;font-weight: 600;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 #000;}
.sucIn input:focus{outline: none;}

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

.sucIn input:read-only {
	background:#f8f8f8;
}



.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: 25rem;
    border-radius: 0.8rem;
    background: #ffffff;
    padding: 2rem 3rem 2rem 3rem;
    color: #000;
    font-family: pretendard-600;
    font-weight: 600;
    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 #000;}
.sucIn textarea:focus{outline: none;}
.sucIn textarea::placeholder {
	color: #888;
	font-family: pretendard-300;
	font-weight: 300;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 3.4rem;
}

.sucflexInner{
	position:relative;
	width:100%;
}
.sucflex{
	gap:1rem;
	display:flex;
	width:100%;
	position:relative;
}
.sucflex .sucIn{
	margin:0;
}
.sucflex .sucIn p{
margin:0 0 0.4rem 0;
	color: #222;
    font-family: pretendard-500;
font-size: 1.5rem;
font-weight: 500;
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_ptextInner {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.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: flex;
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    text-align: left;
    color: #111;
    font-family: pretendard-400;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
}
.inq_priCheckArea input[type="checkbox"] + label a{
	margin:0 0 0 1rem;
	color: #111;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	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:2rem;
    height:2rem;
    text-align:center; 
    background:#fff; 
    border:none; 
    box-sizing:border-box; 
	background:url(../img/common/check_before.png) no-repeat center/cover;
}
.inq_priCheckArea input[type="checkbox"]:checked + label:after{ 
	content: ''; 
	position:absolute; 
	top:0rem;
	left:0; 
	width:2rem;
	height:2rem;
	background:url(../img/common/check_after.png) no-repeat center/cover;
}

.subcBtnBox{
	position:relative;
	width:100%;
}
.subcBtn{
	margin:5rem 0 0 0;
	cursor:pointer;
	position:relative;
	width:100%;
	display: flex;
	padding: 2.2rem 7rem;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 0.8rem;
	background: linear-gradient(270deg, #00A0E8 0%, #CFDB00 100%), #FFF;

	color: #FFF;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}

@media (max-width:1600px) {
	
}
@media (max-width:991px) {
	ul.contactinfo {
		margin: 4rem 0 0 0;
		gap: 2rem;
	}
}
@media (max-width:767px) {
	.contact .coreTitle h2 span{
		letter-spacing: 1.4px;
	}

	ul.contactinfo {
		margin: 2rem 0 0 0;
		gap: 0.5rem;
	}
	ul.contactinfo li {
		gap: 0.8rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	ul.contactinfo li a{
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	ul.contactinfo li img {
		height: 1.6rem;
	}
	
	
	.reqtext {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 1.4rem;
		line-height: 2.8rem;
	}
	.sucIn {
		margin: 2rem 0 0 0;
	}
	.sucIn p {
		margin: 0 0 1rem 0;
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	.sucIn p.req:after {
		margin: 0 0 0 0.2rem;
		top: 0rem;
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	.sucIn input {
		height: 5.2rem;
		border-radius: 0.6rem;
		padding: 0rem 1.6rem 0rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.sucIn input::placeholder {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.sucflex .sucIn p {
		margin: 0 0 0.4rem 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.sucflex {
		gap: 1rem;
		display: flex;
		width: 100%;
		position: relative;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.sucIn textarea {
		height: 20rem;
		border-radius: 0.6rem;
		padding: 1.4rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.sucIn textarea::placeholder {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label {
		padding-left: 3rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label:before {
		top: 0;
	}
	.inq_priCheckArea input[type="checkbox"]:checked + label:after {
		top: 0;
	}
	.inq_priCheckArea input[type="checkbox"] + label a {
		margin: 0 0 0 1rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.subcBtn {
		letter-spacing: -0.36px;
		margin: 2rem 0 0 0;
		padding: 1.6rem 0;
		border-radius: 0.6rem;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}