.subWrap{
	position:relative;
	margin:13.6rem 0 0 0;
}
@media (max-width: 1600px) {
	.subWrap{
		margin:12rem 0 0 0;
	}
}
@media (max-width: 991px) {
	.subWrap{
		margin:9rem 0 0 0;
	}
}
@media (max-width: 767px) {
	.subWrap{
		margin:9.4rem 0 0 0;
	}
}
/*-----------------------------------------
# work 리스트 페이지
-------------------------------------------*/
.workWrap{
	position:relative;
	width:100%;
	padding:8rem 0 8rem 0;
}
.workSideBox {
    max-width: 170rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.workInner{
	position:Relative;
}
.workInner .wkList{
	margin:0;
}
@media (max-width: 991px) {
	.workWrap {
		padding: 6rem 0 8rem 0;
	}
}
@media (max-width: 767px) {
	.workWrap {
		padding: 1rem 0 4rem 0;
	}
	
	.workInner .wkList ul {
		gap: 1.8rem;
		margin: 0;
	}
	.workInner .wkList li:nth-child(2), .workInner .wkList li:nth-child(3) {
		display: block;
	}
}



/*----- # 페이징 ---*/
.pc_pagenation{
display:block;
}
.mo_pagenation{
display:none;
}
.front_paging_line{
margin-top: 6rem;
display:block;
text-align:center;
}
.front_paging_box{
display:inline-block;
}
.flex_box{
display:flex;
}
.front_paging_number_box ul {
display: flex;
align-items: center;
justify-content: center;
gap:0.4rem;
}
.front_paging_number_box ul li.on_front_paging{
background: #00553C;
color:#fff;
border: 1px solid #00553C;
font-family: pretendard-700;
font-weight: 700;
}
.front_paging_number_box ul li.on_front_paging:hover{
background: #00553C;
color:#fff;
border: 1px solid #00553C;
font-family: pretendard-700;
font-weight: 700;
}
.front_paging_number_box ul li {
border-radius: 4px;
margin: 0;
cursor: pointer;
background: #FFF;
width: 5rem;
height: 5rem;
border: 1px solid #FFF;
display: flex;
color: #000;
font-size: 1.6rem;
font-family: pretendard-500;
line-height: 2.2rem;
align-items: center;
justify-content: center;
}
.front_paging_number_box ul li:hover{
border: 1px solid #F5F5F5;
background: #F5F5F5;
}

.prev_page {
color: #FFF;
font-family: pretendard-500;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 2.2rem;
margin-right: 0.4rem;
position: relative;
cursor: pointer;
display: flex;
width: 5rem;
height: 5rem;
background: #fff;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
}
.prev_page:after {
content: '';
position: Relative;
width: 1.4rem;
height: 1.2rem;
background-image: url(../img/sub/in_prev_arrow.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.next_page {color: #FFF;font-family: pretendard-500;font-size: 1.6rem;font-style: normal;font-weight: 500;line-height: 2.2rem;margin-left: 0.4rem;position: relative;cursor: pointer;display: flex;width: 5rem;height: 5rem;background: #fff;align-items: center;justify-content: center;}
.next_page:after {content: '';position: Relative;width: 1.4rem;height: 1.2rem;background-image: url(../img/sub/in_next_arrow.webp);background-size: cover;background-repeat: no-repeat;background-position: center;}
@media (max-width:767px) {
	.pc_pagenation{display:none;}
	.mo_pagenation{display:block;}
	.front_paging_line {margin-top: 3rem;}
	.front_paging_number_box ul {gap: 0.3rem;}
	.front_paging_number_box ul li {width: 3.4rem;height: 3.4rem;font-size: 1.2rem;line-height: 1.4rem;}
	.next_page {line-height: 1.4rem;font-size: 1.2rem;margin-left: 0.3rem;width: 3.4rem;height: 3.4rem;}
	.next_page:after {width: 1.4rem;height: 1.2rem;}
	.prev_page {line-height: 1.4rem;font-size: 1.2rem;margin-right: 0.3rem;width: 3.4rem;height: 3.4rem;}
	.prev_page:after {width: 1.4rem;height: 1.2rem;}
}


/*-----------------------------------------
# work 상세 페이지
-------------------------------------------*/
.wordDetailWrap{
	position:relative;
	width:100%;
	padding:6rem 0 17rem 0;
}

.wkHeadTitle{
	position:Relative;
	width:100%;
}
.wkHeadImg{display:none;}
.wkHeadTitle p.nm{
	margin:0;
}
.wkHeadTitle dl{
	margin:0;
	color: #000;
	text-align: left;
	font-family: pretendard-400;
	font-size: 5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}
.wkHeadTitle h1 span{
	display:block;
	margin:0.6rem 0 0 0;
	color: #000;
	text-align: left;
	font-family: pretendard-400;
	font-size: 5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}
.wkHeadTitle h1 p{
	margin:0.6rem 0 0 0;
	color: #000;
	text-align: left;
	font-family: pretendard-700;
	font-size: 5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
}

.wkSubTitle{
	position:Relative;
	margin:13rem 0 0 0;
}
.wkSubTitle h2{
	margin:0;
	color: #000;
	text-align: left;
	font-family: pretendard-400;
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}

.wkdeImgList {
	margin:8rem 0 0 0;
    position: Relative;
    width: 100%;
    display: flex;
    gap: 2.2rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.wkdeImg{
	position:Relative;
	width:100%;
	display:flex;
}
.wkdeImg img{
	width:100%;
	position:Relative;
}
@media (max-width: 1600px) {
	.wordDetailWrap {
		padding: 6rem 0 15rem 0;
	}
	
	
	.wkHeadTitle dl {
		font-size: 4.6rem;
		line-height: 150%;
	}
	.wkHeadTitle h1 span {
		margin: 0.6rem 0 0 0;
		font-size: 4.6rem;
		line-height: 150%;
	}
	.wkHeadTitle h1 p{
		margin: 0.6rem 0 0 0;
		font-size: 4.6rem;
		line-height: 150%;
	}
	
	
	.wkSubTitle {
		margin: 10rem 0 0 0;
	}
	.wkSubTitle h2 {
		font-size: 2.8rem;
		line-height: 150%;
	}
	
	.wkdeImgList {
		margin: 6rem 0 0 0;
		gap: 2rem;
	}
}
@media (max-width: 991px) {
	.wordDetailWrap {
		position: relative;
		width: 100%;
		padding: 6rem 0 10rem 0;
	}
	
	.wkHeadTitle dl {
		font-size: 3.2rem;
		line-height: 140%;
	}
	.wkHeadTitle h1 span {
		margin: 0.4rem 0 0 0;
		font-size: 3.2rem;
		line-height: 140%;
	}
	.wkHeadTitle h1 p{
		margin: 0.4rem 0 0 0;
		font-size: 3.2rem;
		line-height: 140%;
	}
	
	
	.wkSubTitle {
		margin: 6rem 0 0 0;
	}
	.wkSubTitle h2 {
		font-size: 2.2rem;
		line-height: 150%;
	}
}
@media (max-width: 767px) {
	.wordDetailWrap {
		position: relative;
		width: 100%;
		padding: 1.75rem 0 5rem 0;
	}
	.workSideBox.head {
		padding: 0;
	}
	.wkHeadImg {
		margin: 0.75rem 0 1rem 0;
		display: block;
	}
	
	.wkHeadTitle dl {
		padding: 0 2rem;
		margin: 0;
		font-size: 2.5rem;
		line-height: 160%;
	}
	.wkHeadTitle h1{
		padding: 0 2rem;
	}
	.wkHeadTitle h1 span {
		margin: 0;
		font-size: 2.5rem;
		line-height: 160%;
	}
	.wkHeadTitle h1 p {
		margin: 0.75rem 0 0 0;
		font-size: 2.5rem;
		line-height: 140%;
	}
	
	
	.wkSubTitle {
		margin: 2.5rem 0 0 0;
	}
	.wkSubTitle h2 {
		font-size: 1.2rem;
		line-height: 160%;
	}
	.wkSubTitle h2 br{display:none;}
	.wkdeImgList {
		margin: 2rem 0 0 0;
		gap: 1.5rem;
	}
}

/*-----------------------------------------
# about 페이지
-------------------------------------------*/
.aboutIntroBox{
	position:relative;
	height:109rem;
	width:100%;
	overflow:hidden;
}
.aboutIntroSideBox {
    display: flex;
    max-width: 170rem;
    padding: 0 2rem;
    margin: 0 auto;
    height: 100%;
    justify-content: flex-end;
    align-items: flex-start;
}
.abiTitle {
    display: inline-block;
    top: 20rem;
    position: relative;
}
.abiTitle h1{
	margin:0;
	color: #000;
	text-align: right;
	font-family: pretendard-400;
	font-size: 4.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 69px */
}
.abiTitle h2{
	margin:7rem 0 0 0;
	color: #000;
	text-align: right;
	font-family: pretendard-400;
	font-size: 4.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 69px */
}

.abImg{
	position:absolute;
}
.abImg img.pcdis{display:inline-block;}
.abImg img.modis{display:none;}

.abImg.po01{
	left:0;
	top:30.4rem;
}
.abImg.po02{
	left:37.3rem;
	top:-16rem;
}
.abImg.po03{
	left:0rem;
	bottom:0rem;
}
.abImg.po04{
	left:57.8rem;
	bottom:0rem;
}


.aboutContentBox{
	margin:11.5rem 0 0 0;
	position:relative;
	width:100%;
	overflow:hidden;
	padding:0 0 13rem 0;
}
.aboutContentSideBox {
    max-width: 170rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.aboutContent{
	position:relative;
}
.aboutContent.mar{
	margin:10rem 0 0 0;
}
.abcTitle{
	position:relative;
}
.abcTitle h2 strong{
	text-align:left;
	color: #00553C;
	font-family: pretendard-700;
	font-size: 7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 91px */
}
.abcTitle h2 p{
	margin:2.5rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 170%; /* 51px */
	letter-spacing: -1.2px;
}
.abcTitle h2 p.pcdis{display:block;}
.abcTitle h2 p.modis{display:none;}

.abcontGr{
	position:relative;
	width:100%;
}
.abcontGr ul {
	margin:7rem 0 0 0;
    gap: 2.2rem;
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.abcontGr li{
	position:relative;
	width:100%;
	border-radius: 3rem;
	background: rgba(0, 85, 60, 0.03);
	padding:5.7rem 7.7rem;
}
.abcontGr li dl{
	margin:0;
	text-align:left;
	color: rgba(0, 0, 0, 0.50);
	font-family: pretendard-400;
	font-size: 4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 44px */
}
.abcontGr li h3{
	margin:3rem 0 4rem 0;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 4.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; /* 52.8px */
}
.abcontGr li h3 span{
	position:relative;
	
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
}
.abcontGr li h4 {
    padding: 0 0 0 2.6rem;
    position: relative;
    margin: 0;
    text-align: left;
    color: #000;
    font-family: pretendard-400;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.7px;
}
.abcontGr li h4:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2rem;
    border-radius: 50%;
    background: #000;
    width: 0.8rem;
    height: 0.8rem;
}
.abcontGr li h4 p{
	margin:0;
	text-align:left;
	color: rgba(0, 85, 60, 0.50);
	font-family: pretendard-500;
	font-size: 3.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.7px;
}

.abcontWWd{
	position:relative;
	width:100%;
	margin: 7rem 0 0 0;
}
.abcontWWd ul{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -0.7rem;
    list-style-type: none;
    justify-content: flex-start;
}
.abcontWWd li {
	position: Relative;
	flex: 0 0 calc(33.3333333% - 1.4rem);
	margin: 0.7rem;
	box-sizing: border-box;
	padding:5rem;
	border-radius: 3rem;
	background: rgba(0, 0, 0, 0.03);
}
.wwdicon {
    height: 9.2rem;
    display: flex;
    margin: 0 0 4rem 0;
    align-items: center;
}	
.abcontWWd li h3{
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 3.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 45.5px */
}
.abcontWWd li h4{
	margin:3.8rem 0 0 0;
	text-align:left;
	color: #818181;
	font-family: pretendard-400;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 40px */
	letter-spacing: -0.5px;
}
@media (max-width: 1600px) {
	.aboutIntroBox {
		height: 100rem;
	}
	.abiTitle {
		top: 18rem;
	}
	.abiTitle h1 {
		font-size: 4.2rem;
	}
	.abiTitle h2 {
		margin: 6rem 0 0 0;
		font-size: 4.2rem;
	}
	
	.abImg img{
		max-width:80%;
	}
	
	
	
	.aboutContentBox {
		margin: 10rem 0 0 0;
		padding: 0 0 10rem 0;
	}
	.abcTitle h2 strong {
		font-size: 6rem;
	}
	.abcTitle h2 p {
		margin: 2rem 0 0 0;
		font-size: 2.8rem;
		letter-spacing: -1px;
	}
	.abcontGr ul {
		margin: 6rem 0 0 0;
		gap: 2rem;
	}
	.abcontGr li {
		padding: 5rem 6rem;
	}
	.abcontGr li dl {
		font-size: 3rem;
	}
	.abcontGr li h3 {
		margin: 2rem 0 3rem 0;
		font-size: 4rem;
	}
	.abcontGr li h3 span {
		font-size: 3rem;
	}
	.abcontGr li h4 {
		padding: 0 0 0 2.4rem;
		font-size: 3rem;
		letter-spacing: -0.7px;
	}
	.abcontGr li h4:before {
		top: 1.8rem;
		width: 0.8rem;
		height: 0.8rem;
	}
	.abcontGr li h4 p {
		font-size: 3rem;
		letter-spacing: -0.7px;
	}
	
	
	.abcontWWd {
		margin: 6rem 0 0 0;
	}
	.abcontWWd li {
		flex: 0 0 calc(33.3333333% - 1.4rem);
		padding: 4rem;
		border-radius: 3rem;
	}
	.wwdicon {
		height: 8rem;
		margin: 0 0 3rem 0;
	}
	.wwdicon img{
		height: 8rem;
	}
	.abcontWWd li h3 {
		font-size: 3rem;
	}
	.abcontWWd li h4 {
		margin: 3rem 0 0 0;
		font-size: 2.2rem;
		letter-spacing: -0.5px;
	}
}
@media (max-width: 991px) {
	.aboutIntroBox {
		height: 70rem;
	}
	.abiTitle h1 {
		font-size: 3.2rem;
	}
	.abiTitle h2 {
		margin: 3rem 0 0 0;
		font-size: 3.2rem;
	}
	.abImg img {
		max-width: 60%;
	}
	.abImg.po01 {
		left: 0;
		top: 8rem;
	}
	.abImg.po02 {
		right: -43rem;
		left: inherit;
		top: -18rem;
	}
	
	
	.aboutContentBox {
		margin: 8rem 0 0 0;
		padding: 0 0 10rem 0;
	}
	.abcTitle h2 strong {
		font-size: 5rem;
	}
	.abcTitle h2 p {
		margin: 1rem 0 0 0;
		font-size: 2.2rem;
		letter-spacing: -1.4px;
	}
	
	.abcontGr ul {
		margin: 4rem 0 0 0;
		gap: 2rem;
	}
	.abcontGr li {
		border-radius: 2rem;
		padding: 3rem 3rem;
	}
	.abcontGr li dl {
		font-size: 2.4rem;
	}
	.abcontGr li h3 {
		margin: 1rem 0 2rem 0;
		font-size: 3rem;
	}
	.abcontGr li h3 span {
		font-size: 2.2rem;
	}
	.abcontGr li h4 {
		padding: 0 0 0 1.6rem;
		font-size: 2.2rem;
		letter-spacing: -0.7px;
	}
	.abcontGr li h4:before {
		top: 1.3rem;
		width: 0.6rem;
		height: 0.6rem;
	}
	.abcontGr li h4 p {
		font-size: 2.2rem;
		letter-spacing: -0.7px;
	}
	
	
	.abcontWWd {
		margin: 4rem 0 0 0;
	}
	.abcontWWd ul {
		gap: 1.4rem;
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		list-style-type: none;
		justify-content: flex-start;
		flex-direction: column;
	}
	.abcontWWd li {
		margin: 0;
		flex: 0 0 calc(100% - 0rem);
		padding: 3rem;
		border-radius: 2rem;
	}
	.wwdicon img {
		height: 7rem;
	}
	.abcontWWd li h3 {
		font-size: 2.6rem;
	}
	.abcontWWd li h4 {
		margin: 2rem 0 0 0;
		font-size: 2rem;
		letter-spacing: -0.5px;
	}
}
@media (max-width: 767px) {
	.aboutIntroBox {
		height: 40rem;
	}
	.abiTitle {
		top: 11rem;
	}
	.abiTitle h1 {
		font-size: 1.5rem;
		letter-spacing: -0.6px;
	}
	.abiTitle h2 {
		margin: 1.4rem 0 0 0;
		font-size: 1.5rem;
		letter-spacing: -0.6px;
	}
	.abImg img.pcdis{display:none;}
	.abImg img.modis{display:inline-block;}
	
	.abImg.po01 {
		left: 0;
		top: 3rem;
	}
	.abImg.po02 {
		right: -8rem;
		left: inherit;
		top: 0;
	}
	.abImg.po03 {
		left: 0rem;
		bottom: -2rem;
	}
	.abImg.po04 {
		right: 1rem;
		left: inherit;
		bottom: 0rem;
	}
	
	
	.aboutContentBox {
		margin: 5rem 0 0 0;
		padding: 0 0 7rem 0;
	}
	.abcTitle h2 strong {
		font-size: 2.75rem;
	}
	.abcTitle h2 p.pcdis{display:none;}
	.abcTitle h2 p.modis{display:block;}
	.abcTitle h2 p {
		margin: 0;
		font-size: 1.5rem;
		letter-spacing: -0.3px;
	}
	
	
	.abcontGr ul {
		margin: 1.5rem 0 0 0;
		gap: 1rem;
	}
	.abcontGr li {
		border-radius: 1.5rem;
		padding: 1.5rem 1.9rem 1.8rem 1.9rem;
	}
	.abcontGr li dl {
		font-size: 1.25rem;
	}
	.abcontGr li h3 {
		letter-spacing: -0.35px;
		margin: 0.8rem 0 1.8rem 0;
		font-size: 1.75rem;
	}
	.abcontGr li h3 span {
		letter-spacing: -0.28px;
		font-size: 1.4rem;
	}
	.abcontGr li h4 {
		padding: 0 0 0 1rem;
		font-size: 1.25rem;
		letter-spacing: -0.5px;
	}
	.abcontGr li h4:before {
		top: 0.7rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	.abcontGr li h4 p {
		font-size: 1.25rem;
		letter-spacing: -0.5px;
	}
	
	
	.aboutContent.mar {
		margin: 6rem 0 0 0;
	}
	.abcontWWd {
		margin: 7rem 0 0 0;
	}
	.abcontWWd ul {
		gap: 3.5rem;
	}
	.abcontWWd li {
		background: #fff;
		margin: 0;
		flex: 0 0 calc(100% - 0rem);
		padding: 0;
		border-radius: 0;
	}
	.wwdicon {
		display: none;
	}
	.abcontWWd li h3 {
		letter-spacing: -0.3px;
		font-size: 1.5rem;
	}
	.abcontWWd li h3 br{display:none;}
	.abcontWWd li h4 {
		margin: 1.25rem 0 0 0;
		font-size: 1.4rem;
		letter-spacing: -0.28px;
	}
}


/*-----------------------------------------
# contact 페이지
-------------------------------------------*/
.contactWrap{
	position:relative;
	width:100%;
	padding:6rem 0 10rem 0;
}
.contactSideBox {
    max-width: 170rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.cotInner {
    gap: 4rem;
    width: 100%;
    position: Relative;
    display: flex;
}
.cotText {
    position: Relative;
    width: 54%;
}
.cotTitle{
	position:Relative;
}
.cotTitle dl{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 170%; /* 119px */
	letter-spacing: -2.8px;
}
.cotTitle h1{
	margin:5rem 0 4rem 0;
	text-align:left;
	color: #000;
	font-family: pretendard-400;
	font-size: 6.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 128%; /* 83.2px */
	letter-spacing: -2.6px;
}
.cotTitle h2{
	margin:0;
}
.cotTitle h2 a{
	margin:0;
	text-align:left;
	color: #00553C;
	font-family: pretendard-400;
	font-size: 6.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 170%; /* 110.5px */
	letter-spacing: -2.6px;
}


.cotInform {
    position: Relative;
    width: 46%;
}
.sucBox{
	width:100%;
	position:relative;
	margin:0rem 0 0 0;
}
.sucInflex{
	display:flex;
	width:100%;
	gap:5rem;
	margin:5rem 0 0 0;
}
.sucIn{
	width:100%;
	display:block;
	position:relative;
}
.sucIn p {
    position: relative;
    margin: 0 0 1rem 0;
    display: flex;
	color: #000;

	font-family: pretendard-700;
	font-size: 1.9rem;
	font-style: normal;
	font-weight: 700;
	line-height: 128%; /* 24.32px */
	letter-spacing: -0.76px;

    align-items: center;
}
.sucIn p.req:after {
    /* margin: 0 0 0 0.4rem; */
    /* top: -0.3rem; */
	color: #00553C;
	font-family: pretendard-700;
	font-size: 1.9rem;
	font-style: normal;
	font-weight: 700;
	line-height: 128%;
	letter-spacing: -0.76px;
	content: '*';
	position: relative;
}
.sucIn dl {
    bottom: 1.4rem;
    z-index: 2;
    position: absolute;
    right: 0;
    color: #000;
    text-align: right;
    font-family: pretendard-400;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: -0.56px;
}
.sucIn input {
border-bottom: 1px solid #8D8D8D;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
height: 4.6rem;
border-radius: 0;
background: #ffffff;
padding: 0;
color: #000;
font-family: pretendard-400; 
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 128%;
letter-spacing: -0.56px;
}
.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; }
.sucIn input:focus{outline: none;}

.sucIn input::placeholder {
	color: #B0B0B0;
	font-family: pretendard-400;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 128%; /* 17.92px */
	letter-spacing: -0.56px;
}

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

.sucIn.textarea{
	margin:5rem 0 0 0;
}
.sucIn textarea {
    resize: none;
    border: none;
    font-family: Pretendard;
    box-sizing: border-box;
    margin: 1.8rem 0 0 0;
    width: 100%;
    position: relative;
    height: 24rem;
	border-radius: 0;
background: #F2F2F2;
    padding: 1.9rem 2rem;
color: #000;
font-family: pretendard-400; 
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 128%;
letter-spacing: -0.56px;
}
.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:#F2F2F2;}
.sucIn textarea:focus{outline: none;}
.sucIn textarea::placeholder {
	color: #B0B0B0;
	font-family: pretendard-400;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 128%; /* 17.92px */
	letter-spacing: -0.56px;
}


.sucIn.category{
	margin:5rem 0 0 0;
}
.sucCate{
	position:Relative;
	margin:2.2rem 0 0 0;
}
.actCheck{display:inline-block;position:relative;}
.actCheck input{position:absolute;display:none;}
.actCheck:last-child{margin-right:0rem;}
.actCheck input[type=checkbox]+label {
    cursor: pointer;
    border-radius: 99px;
    position: relative;
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.8rem;
    vertical-align: middle;
    background: #fff;
    border: 2px solid #000;
    padding: 1.4rem 4rem 1.4rem 4rem;
    color: #000;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: 128%;
    letter-spacing: -0.68px;
}
/* .actCheck input[type=checkbox]+label:hover{border: 2px solid #000;} */
.actCheck input[type=checkbox]:checked+label {border: 2px solid #00553C;background: #00553C;color:#fff;}


.subcBtnBox {
    display: flex;
    margin: 6rem 0 0 0;
    position: Relative;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
}
.subcBtn {
	cursor:pointer;
	width:24.6rem;
    position: Relative;
	gap: 1.6rem;
    display: flex;
    border-radius: 99px;
    border: 1px solid #000;
    padding: 1.3rem 2.7rem;
    color: #000;
    font-family: pretendard-400;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.54px;
    align-items: center;
    justify-content: center;
}
.subcBtn span {
	position:absolute;
	right:3rem;
    height: 1.8rem;
    width: 1.05rem;
    display: inline-block;
    background-image: url(/public/img/common/gr_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 1600px) {
	.cotTitle dl {
		font-size: 6rem;
		letter-spacing: -2px;
	}
	.cotTitle h1 {
		margin: 4rem 0 3rem 0;
		font-size: 5.8rem;
		letter-spacing: -2px;
	}
	.cotTitle h2 a {
		font-size: 5rem;
		letter-spacing: -2px;
	}
}
@media (max-width: 991px) {
	.cotInner {
		gap: 4rem;
		width: 100%;
		position: Relative;
		display: flex;
		flex-direction: column;
	}
	.cotText {
		width: 100%;
	}
	.cotInform {
		width: 100%;
	}
	
	.cotTitle h1 {
		margin: 3rem 0 2rem 0;
		font-size: 4.8rem;
		letter-spacing: -2px;
	}
	.cotTitle h2 a {
		font-size: 4.4rem;
		letter-spacing: -2px;
	}
}
@media (max-width: 767px) {
	.contactWrap {
		padding: 1.5rem 0 4rem 0;
	}
	.cotInner {
		gap: 0;
	}
	.cotTitle dl {
		color: #121212;
		font-size: 2.5rem;
		letter-spacing: -0.7px;
		
		font-family: pretendard-500;
		font-weight: 500;
	}
	.cotTitle h1 {
		letter-spacing: -0.72px;
		color: #121212;
		margin: 1rem 0 1rem 0;
		font-size: 1.8rem;
	}
	.cotTitle h2 a {
		font-size: 1.8rem;
		letter-spacing: -0.7px;
	}
	
	.sucInflex {
		display: flex;
		width: 100%;
		gap: 4rem;
		margin: 4rem 0 0 0;
		flex-direction: column;
	}
	.sucIn p {
		position: relative;
		margin: 0 0 1rem 0;
		display: flex;
		color: #121212;
		font-family: pretendard-600;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 128%;
		letter-spacing: -0.6px;
		align-items: center;
	}
	.sucIn p.req:after {
		font-weight: 600;
		font-family: pretendard-600;
		font-size: 1.5rem;
		letter-spacing: -0.6px;
	}
	.sucIn input {
		border-bottom: 1px solid #E5E7EB;
		height: 2.9rem;
		color: #121212;
		font-family: pretendard-400;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 400;
		line-height: 128%;
		letter-spacing: -0.4px;
	}
	.sucIn input::placeholder {
		color: #BABABA;
		font-family: pretendard-500;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: 170%; /* 34px */
		letter-spacing: -0.4px;
	}
	.sucIn dl {
		bottom: 0.6rem;
		right: 0;
		color: #121212;
		text-align: right;
		font-family: pretendard-400;
		font-size: 1rem;
		font-weight: 400;
		line-height: 170%;
		letter-spacing: -0.4px;
	}
	
	.sucIn.textarea {
		margin: 4rem 0 0 0;
	}
	.sucIn textarea {
		margin: 0rem 0 0 0;
		height: 20rem;
		background: #F2F2F2;
		padding: 1rem 1rem;
		color: #000;
		font-family: pretendard-400;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 128%;
		letter-spacing: -0.4px;
	}
	.sucIn textarea::placeholder {
		color: #BABABA;
		font-family: pretendard-500;
		font-size: 1rem;
		font-weight: 500;
		line-height: 170%; /* 34px */
		letter-spacing: -0.4px;
	}
	
	
	.sucCate {
		margin: 1rem 0 0 0;
	}
	.actCheck input[type=checkbox]+label {
		border: 1px solid #D9D9D9;
		color: #8D8D8D;
		margin-right: 0.5rem;
		margin-bottom: 0.7rem;
		background: #fff;
		padding: 0.6rem 1.7rem 0.6rem 1.7rem;
		text-align: center;
		font-family: pretendard-500;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: 170%;
		letter-spacing: -0.4px;
	}
	.actCheck input[type=checkbox]:checked+label {
		border: 1px solid #00553C;
		background: #00553C;
		color: #fff;
	}
	
	
	.subcBtnBox {
		margin: 4rem 0 0 0;
	}
	.subcBtn {
		cursor: pointer;
		width: 18rem;
		position: Relative;
		gap: 1.6rem;
		display: flex;
		border-radius: 99px;
		border: 1px solid #000;
		padding: 1rem 2rem;
		color: #000;
		font-family: pretendard-400;
		font-size: 1.4rem;
		font-style: normal;
		font-weight: 400;
		line-height: 160%;
		letter-spacing: -0.4px;
		align-items: center;
		justify-content: center;
	}
	.subcBtn span {
		right: 2rem;
		height: 0.9rem;
		width: 0.525rem;
		display: inline-block;
		background-image: url(/public/img/common/gr_arrow.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}