@charset "utf-8";
/* ********************************************************************
 * name : SEM
 * filename : content.css
 * description : 서브 콘텐츠 css 
 * date : 2023-12-17
********************************************************************* */
.proSection01 .txtBox span {text-align: center;display: block;font-weight: 700;}
.proSection01 .bat6 .txtBox span {margin-left: 0;}
.proSection01 .txtBox h3 {line-height: 1;letter-spacing: 0;}
.proSection01 .title h2 {font-size: 42px;margin: 0 5%;line-height: 1.2;}
.proSection01 .title p {color: #959595;}
.proSection06 .conBox .con h2 {font-size: 18px;}
.proSection04 .conBox h4 span{}

.sTeam .teamAccordion .accoContent p {font-size: 17px;}
.sTeam h2 {font-weight: 800;text-transform: uppercase;}
.sTeam .horizontal .titleBox h3 span {font-weight: 600;}
.sTeam .horizontal .titleBox h3 {align-items: flex-start;flex-direction: column;width: auto;}
.sTeam .teamAccordion .accoContent h4 {font-weight: 600;text-transform: uppercase;font-size: 19px;}
.sTeam .horizontal ul li .accoContent ul {margin-left: 385px;}
.sTeam .horizontal ul li .accoContent ul li:last-child{width:48%;    margin-left: 2%;}

.sTeam .horizontal ul li .accoContent {max-height: 50em !important;}
.sTeam .teamAccordion .conBox .title {width: 50%;}
.sTeam .teamAccordion h3 {width: 170px;}
.sTeam .vertical .title2 {grid-template-columns: 1fr 45% 1fr;}
.sTeam .teamAccordion .conBox .title2 h3{width: 197px;}
.sTeam .vertical .accoContent {width: calc(100% - 39.5%);margin-left: 39.5%;}
.sTeam .vertical button[aria-expanded=true] + .accoContent {max-height: 37em;}
.sTeam .vertical button[aria-expanded=true] + .accoCon1{max-height: 4em;}
.sTeam .vertical button[aria-expanded=true] + .accoCon2{max-height: 25em;}
.sTeam .vertical button[aria-expanded=true] + .accoCon3{max-height: 8em;}
.sTeam .vertical button[aria-expanded=true] + .accoCon4{max-height: 10em;}
.sTeam .vertical .conBox button {top: 11px;}

.sContact .contWrap ul li span em {display: block;width: auto;text-align: left;margin-bottom: 7px;text-transform: uppercase;font-size: 15px;color: #3b5a9f;}
.sContact .contWrap ul li span em i {width: auto;color: #3b5a9f;}
.sContact .contWrap ul li i {width: 50px;}

@media (max-width: 1600px){
	.sTeam .horizontal ul li .accoContent {position: inherit;margin-top: 25px;border-top: 1px dashed #cdcdcd;padding-top: 25px;}
	.sTeam .horizontal ul li .accoContent ul li:last-child {width: 50%;margin: 0 1.5em;}
	.sTeam .horizontal ul li .accoContent ul {margin-left: 0;}
	.sTeam .vertical .accoContent {width: calc(100% - 37.5%);margin-left: 37.5%;}
	.sTeam .vertical .accoCon2 {width: calc(100% - 39.5%);margin-left: 39.5%;}
}

@media (max-width: 1340px){
	.sTeam .vertical button[aria-expanded=true] + .accoContent {max-height: 55em;}
	.sTeam .vertical button[aria-expanded=true] + .accoCon1{max-height: 4em;}
	.sTeam .vertical button[aria-expanded=true] + .accoCon2{max-height: 25em;}
	.sTeam .vertical button[aria-expanded=true] + .accoCon3{max-height: 8em;}
	.sTeam .vertical button[aria-expanded=true] + .accoCon4{max-height: 10em;}
}

@media all and (max-width:1280px){
	.proSection04 .conBox h3:before{content: '[ Comparison ]';margin-left: -245px;}
	.proSection04 .conBox h4:before{content: '[ Parameters ]';margin-left: 0;left: 0;}
	.proSection04 .conBox .con .txtBox p:nth-child(1):before{content: '[ Operation Time ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(2):before{content: '[ Recovery (%) ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(3):before{content: '[ Brine Pool Consumption ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(4):before{content: '[ Performance ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(5):before{content: '[ Water Loss ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(6):before{content: '[ Production Rate ]';}

	.sTeam .vertical .accoContent {width: calc(100% - 35.5%);margin-left: 35.5%;}
	.sTeam .vertical .title2 {width: 75% !important;grid-template-columns: 1fr 38% 1fr;}
	.sTeam .teamAccordion .conBox .title {width: 66%;}
	.sTeam .vertical .accoContent {width: 100%;margin-left: 0;}
	.sTeam .vertical button[aria-expanded=true] + .accoContent{margin-top: 25px;border-top: 1px dashed #cdcdcd;padding-top: 25px;}
}

@media all and (max-width:1200px){
	.proSection04 .conBox h4 {height: 100px;line-height: 100px;}
}

@media all and (max-width:1024px){
	.sTeam .horizontal ul li .accoContent ul {flex-direction: column;}
	.sTeam .horizontal ul li .accoContent ul li {width: 100%;margin: 0;}
	.sTeam .horizontal ul li .accoContent ul li:last-child {width: 100%;margin: 0;margin-top: 25px;border-top: 1px dashed #cdcdcd;padding-top: 25px;}
	.sTeam .horizontal ul li .accoContent {max-height: 85em !important;}

	.proSection04 .conBox h4 span {width: 60%;}
}

@media (max-width: 980px){
	.sTeam .teamAccordion .conBox .title {width: 66%;}
}

@media (max-width: 768px){
	.proSection01-4title .title h2{font-size: 28px;}
	.proSection01-4title .title p {font-size: 18px;}
}

@media (max-width: 700px){
	.sTeam .teamAccordion .accoContent .first {border-top: 0;padding-top: 0;}
	.sTeam .teamAccordion .conBox .title em br{display:none;}
	.sTeam .teamAccordion .accoContent p.first:after {top: 11px;}
}

@media all and (max-width:640px){
	.proSection01 .title h2 {font-size: 36px;}
	.proSection01-4title .title h2{font-size: 26px;}
	.proSection01-4title .title p {font-size: 16px;}
	.proSection04 .conBox h4 {text-align: left;}
	.proSection04 .conBox h4 span {width: 100%;margin: 0;}
	.proSection04 .conBox h4:before {top: -34px;}
	.sTeam .vertical button[aria-expanded=true] + .accoCon2 {max-height: 35em;}
}

@media all and (max-width:550px){
	.proSection01 .bat6 .imgBox {margin-top: 190px;}

	.sTeam .vertical button[aria-expanded=true] + .accoCon3 {max-height: 15em;}
	.sTeam .vertical button[aria-expanded=true] + .accoCon4 {max-height: 15em;}
}

@media all and (max-width:450px){
	.sTeam .vertical button#accoButton2 {top: 22px;}
}

@media all and (max-width:430px){
	.proSection04 .conBox h4 {font-size: 15px;height: 100px;line-height: 100px;}
	.proSection04 .conBox h4:before {top: -35px;right: 20px;}
}

@media all and (max-width:390px){
	.sTeam .vertical button[aria-expanded=true] + .accoContent {max-height: 65em;}
}