@charset "utf-8";

.br {display:block;}

/* 기업개요 */
.company {}
.company .topSection {display:flex; align-items:center;}
.company .topSection .imageBox {width:50%;}
.company .topSection .infoBox {width:50%; padding-left:55px;}
.company .topSection .infoBox h4 {font-size:30px; font-weight:600; color:#1a68a3; letter-spacing:-0.025em; margin-bottom:30px; font-family:'S-CoreDream',sans-serif; opacity:0;}
.company .topSection .infoBox p {font-size:22px; margin-top:32px; font-weight:300; opacity:0;}
.company .topSection .infoBox p b {color:#1a68a3;}
.company .topSection .infoBox p:first-child {margin-top:0;}
.company .topSection .infoBox .ceo {font-size:22px; font-weight:600; margin-top:40px;}
	
	@media screen and (max-width:1419px){
		.company .topSection .infoBox {width:50%; padding-left:3%;}
		.company .topSection .infoBox p {font-size:120%; word-break:keep-all;}
		.company .topSection .infoBox p .br {display:inline;}
		.company .topSection .infoBox .ceo {font-size:120%;}
	}

	@media screen and (max-width:999px){
		.company .topSection {flex-direction: column}
		.company .topSection .imageBox {width:100%;}
		.company .topSection .imageBox img {width:100%;}
		.company .topSection .infoBox {width:100%; padding-left:0; margin-top:20px;}
		.company .topSection .infoBox p {font-size:110%;}
		.company .topSection .infoBox .ceo {font-size:110%;}
	}

	@media screen and (max-width:799px){
		.company .topSection .infoBox p {font-size:100%;}
		.company .topSection .infoBox .ceo {font-size:100%;}
	}

	@media screen and (max-width:499px){
		.company .topSection .infoBox p {font-size:90%;}
		.company .topSection .infoBox .ceo {font-size:90%;}
	}

.company .bottomSection {position:relative; display: flex; align-items: center; justify-content: center; width:1000%; left:calc(-500% + 700px); padding:167px 0; background:url('../img/content/companyBottomBg.jpg') center no-repeat; margin-top:60px; margin-bottom:-40px;}
.company .bottomSection ul.circle {display:flex; align-items:center; justify-content: space-between;}
.company .bottomSection ul.circle li {position:relative; width:265px; padding-top:265px; background:#fff; border-radius:50%; overflow:hidden;}
.company .bottomSection ul.circle li .box {position:absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; width:100%; height:100%; top:0; left:0; padding:5px;}
.company .bottomSection ul.circle li .box .icon {margin-bottom:17px;}
.company .bottomSection ul.circle li .box h5 {font-size:18px; color:#1a68a3; font-family:'S-CoreDream',sans-serif; font-weight:800; letter-spacing:-0.02em;}
.company .bottomSection ul.circle li .box p {height:48px; font-size:20px; font-weight:600; margin-top:15px; text-align:center; padding:0 10px; word-break:keep-all;}

	@media screen and (max-width:1419px){
		.company .bottomSection {width:104%; left:-2%;}
		.company .bottomSection ul.circle li {width:19%; padding-top:19%;}
		.company .bottomSection ul.circle li .box .icon {margin-bottom:7px;}
		.company .bottomSection ul.circle li .box p {font-size:110%; line-height:120%;}
		.company .bottomSection ul.circle li .box p br {display:none;}
	}

	@media screen and (max-width:999px){
		.company .bottomSection {padding:50px 0; background-size:cover;}
		.company .bottomSection ul.circle {flex-wrap: wrap; justify-content: center;}
		.company .bottomSection ul.circle li {width:31%; padding-top:31%; margin:1%;}
		.company .bottomSection ul.circle li .box h5 {font-size:120%;}
		.company .bottomSection ul.circle li .box p {font-size:120%;}
	}

	@media screen and (max-width:799px){
		.company .bottomSection ul.circle li {width:48%; padding-top:48%;}
		.company .bottomSection ul.circle li .box h5 {font-size:100%;}
		.company .bottomSection ul.circle li .box p {font-size:100%; font-weight:500; margin-top:5px;}
	}

	@media screen and (max-width:499px){
		.company .bottomSection ul.circle li .box h5 {font-size:95%;}
		.company .bottomSection ul.circle li .box p {font-size:95%;}
	}

.company .topSection.show .infoBox h4 {animation: aniRIGHT 0.7s ease-in-out forwards;}
.company .topSection.show .infoBox p {animation: aniRIGHT 0.7s ease-in-out forwards; animation-delay:0.3s;}

.company .bottomSection.show ul.circle li {animation: fadeIn 1s ease-in-out forwards;}


/* 연혁 */
.history {margin-bottom:-40px;}
.history .titBox {font-size:30px; font-weight:300; color:#fff; font-family:'S-CoreDream',sans-serif; text-align:center; padding:108px 0; background:url('../img/content/histroyBg.jpg') center no-repeat; animation: aniBOTTOM 1s ease-in-out forwards; opacity:0; word-break:keep-all;}
.history .conBox {position:relative; padding-bottom:240px;}
.history .conBox:before {position:absolute; display:block; left:calc(50% - 1px); width:1px; height:100%; background:rgba(0,0,0,0.2); content:'';}
.history .yearBox {display:flex; align-items: center; min-height:310px;}
.history .yearBox:nth-child(even) {flex-direction: row-reverse;}
.history .yearBox .year {position:relative; display:flex; align-items:center; justify-content:center; width:50%;}
.history .yearBox .year:before {position:absolute; display:inline-block; width:220px; padding-top:220px; background:rgba(26,104,163,0.1); border-radius:50%; content:''; z-index:2; opacity:0; transition:0.2s;}
.history .yearBox .year:after {position:absolute; display:block; width:0%; height:1px; background:#1a68a3; content:''; z-index:1; opacity:0; transition:0.2s;}
.history .yearBox .year h5 {position:relative; display:flex; align-items:center; justify-content:center; background:#7f7f7f; color:#fff; font-size:20px; font-family:'S-CoreDream',sans-serif; font-weight:600; width:90px; padding-top:90px; border-radius:50%; z-index:2; transition:0.5s;}
.history .yearBox .year h5 b {position:absolute; display:flex; align-items:center; justify-content:center; width:100%; height:100%; top:0;}

.history .yearBox:nth-child(odd) .year:after {right:0;}
.history .yearBox:nth-child(even) .year:after {left:0;}

.history .yearBox ul.text {position:relative; width:50%; opacity:0.5;}
.history .yearBox ul.text:before {position:absolute; display:inline-block; width:15px; height:15px; background:#000; border-radius:50%; top:calc(50% - 7.5px); z-index:2; content:'';}
.history .yearBox ul.text:after {position:absolute; display:inline-block; width:37px; height:37px; background:rgba(26,104,163,0.1); border-radius:50%; top:calc(50% - 18.5px); z-index:2; content:'';}
.history .yearBox ul.text li {display:flex; font-size:22px; font-weight:300; color:#333; margin-top:30px; word-break:keep-all;}
.history .yearBox ul.text li:first-child {margin-top:0;}

.history .yearBox:nth-child(odd) ul.text {padding-left:78px;}
.history .yearBox:nth-child(odd) ul.text:before {left:-7.5px;}
.history .yearBox:nth-child(odd) ul.text:after {left:-18.5px;}
.history .yearBox:nth-child(odd) ul.text li b {margin-right:28px;}

.history .yearBox:nth-child(even) ul.text {text-align:right; padding-right:78px;}
.history .yearBox:nth-child(even) ul.text:before {right:-7.5px;}
.history .yearBox:nth-child(even) ul.text:after {right:-18.5px;}
.history .yearBox:nth-child(even) ul.text li { flex-direction: row-reverse;}
.history .yearBox:nth-child(even) ul.text li b {margin-left:28px;}

.history .yearBox.active .year {}
.history .yearBox.active .year h5 {background:#1a68a3; width:149px; padding-top:149px;}
.history .yearBox.active .year:before {opacity:1;}
.history .yearBox.active .year:after {opacity:1; width:50%;}
.history .yearBox.active .year h5 {font-size:30px;}
.history .yearBox.active ul.text {opacity:1;}
.history .yearBox.active ul.text:before {background:#1a68a3;}
	
	@media screen and (max-width:1419px){
		.history .titBox {font-size:180%;}
		.history .yearBox .year h5 {font-size:110%;}

		.history .yearBox ul.text li {font-size:130%; margin-top:20px;}

		
		.history .yearBox:nth-child(odd) ul.text li b {margin-right:3%;}
		.history .yearBox:nth-child(even) ul.text li b {margin-left:3%;}

		.history .yearBox.active .year h5 {font-size:180%;}
	}

	@media screen and (max-width:999px){
		.history .titBox {font-size:160%; padding:68px 0;}
		.history .conBox {padding-bottom:140px;}
		.history .yearBox .year:before {width:50%; padding-top:50%;}
		.history .yearBox .year h5 {width:30%; padding-top:30%;}

		.history .yearBox ul.text li {font-size:110%;}

		.history .yearBox:nth-child(odd) ul.text {padding-left:7%;}
		.history .yearBox:nth-child(even) ul.text {padding-right:7%;}

		.history .yearBox.active .year h5 {font-size:160%; width:35%; padding-top:35%;}
	}

	@media screen and (max-width:799px){
		.history .titBox {font-size:140%;}
		
		.history .yearBox .year:before {width:70%; padding-top:70%;}
		.history .yearBox .year h5 {width:50%; padding-top:50%;}
		.history .yearBox ul.text li {font-size:100%;}

		.history .yearBox.active .year h5 {font-size:140%; width:55%; padding-top:55%;}
		

	}

	@media screen and (max-width:499px){
		.history .titBox {font-size:120%; padding:48px 0;}

		.history .yearBox {min-height:260px;}
		.history .yearBox .year:before {width:70%; padding-top:70%;}
		.history .yearBox .year h5 {font-size:120%; width:50%; padding-top:50%;}
		.history .yearBox ul.text:before {width:10px; height:10px; top:calc(50% - 5px);}
		.history .yearBox ul.text:after {width:22px; height:22px; top:calc(50% - 11px);}
		.history .yearBox ul.text li {font-size:90%;}

	
		.history .yearBox:nth-child(odd) ul.text {padding-left:5%;}
		.history .yearBox:nth-child(odd) ul.text:before {left:-5px;}
		.history .yearBox:nth-child(odd) ul.text:after {left:-11px;}

		.history .yearBox:nth-child(even) ul.text {padding-right:5%;}
		.history .yearBox:nth-child(even) ul.text:before {right:-5px;}
		.history .yearBox:nth-child(even) ul.text:after {right:-11px;}

	}



/* 제품소개 */
.product {display:flex; align-items: center; width:1600px; margin:0 -100px -70px; background:#f8f8f8; border-radius:0 100px 0 0; padding:100px;}
.product .imageBox {}
.product .infoBox {padding-left:50px;}
.product .infoBox h4 {font-size:32px; font-weight:500; letter-spacing:-0.025em; color:#1a68a3; font-family:'S-CoreDream',sans-serif; margin-bottom:38px; opacity:0;}
.product .infoBox h4 .eng {font-size:18px; color:#222; letter-spacing:0; text-transform:uppercase;}
.product .infoBox .content {font-size:22px; font-weight:300; line-height:140%; opacity:0;}
.product .infoBox .content p {word-break:keep-all;}
.product .infoBox .content b.blue {color:#1a68a3;}
.product .infoBox .tableBox {margin-top:48px; opacity:0;}
.product .infoBox .tableBox h5 {font-size:22px; font-weight:800; color:#333; margin-bottom:17px;}
.product .infoBox .tableBox table {width:100%; border-top:1px solid #000;}
.product .infoBox .tableBox table th,
.product .infoBox .tableBox table td {font-size:18px; padding:9px 10px;}
.product .infoBox .tableBox table th {font-weight:600; background:#f0f0f0;}
.product .infoBox .tableBox table td {font-weight:300;}

.product.show .infoBox h4 {animation: aniRIGHT 0.5s ease-in-out forwards; }
.product.show .infoBox .content {animation: aniRIGHT 0.5s ease-in-out forwards; }
.product.show .infoBox .tableBox {animation: aniTOP 0.7s ease-in-out forwards; animation-delay:0.3s; }

	
	@media screen and (max-width:1619px){
		.product {width:100%; margin:0; padding:5%;}
		.product .imageBox {width:45%;}
		.product .infoBox {width:55%; padding-left:3%;}
		.product .infoBox h4 {font-size:180%;}
		.product .infoBox h4 .eng {font-size:60%;}
		.product .infoBox .content {font-size:120%;}
		.product .infoBox .tableBox h5 {font-size:120%;}
		.product .infoBox .tableBox table th,
		.product .infoBox .tableBox table td {font-size:110%;}
	}

	@media screen and (max-width:1399px){
		.product {border-radius:0 50px 0 0;}
	}



	@media screen and (max-width:1199px){
		.product .infoBox h4 {font-size:160%; margin-bottom:20px;}
		.product .infoBox .tableBox {margin-top:28px;}
		.product .infoBox .content {font-size:110%;}
		.product .infoBox .content p .br {display:inline;}
		.product .infoBox .tableBox table th,
		.product .infoBox .tableBox table td {font-size:100%;}
		.product .infoBox .tableBox table th {word-break:keep-all;}

	}

	@media screen and (max-width:999px){
		.product {flex-direction: column;}
		.product .imageBox {width:100%; max-width:650px; text-align:center;}
		.product .infoBox {width:100%; max-width:650px; padding-left:0; margin-top:30px;}
		.product .infoBox .tableBox h5 {font-size:110%;}
		.product .infoBox .tableBox table th,
		.product .infoBox .tableBox table td {line-height:120%;}

	}

	@media screen and (max-width:799px){
		.product .infoBox h4 {font-size:140%;}
		.product .infoBox .content {font-size:100%;}
		.product .infoBox .tableBox .tbWrap {width:100%; overflow-x: scroll;}
		.product .infoBox .tableBox h5 {font-size:100%;}
		.product .infoBox .tableBox table {min-width:700px;}

	}

	@media screen and (max-width:499px){
		.product {padding:8%;}
		.product .infoBox h4 {font-size:120%;}
		.product .infoBox .content {font-size:90%;}
		.product .infoBox .tableBox table th,
		.product .infoBox .tableBox table td {font-size:90%;}
	}

.product01 .infoBox .tableBox table {}
.product01 .infoBox .tableBox table th,
.product01 .infoBox .tableBox table td {border-bottom:1px solid #ccc;}
.product01 .infoBox .tableBox table th {text-align:left;}
.product01 .infoBox .tableBox table td {}


.product02 .infoBox .tableBox table td {border-bottom:1px solid #ccc; text-align:center; font-size:16px;}
.product02 .infoBox .tableBox table td ul {display:flex; flex-direction: column; justify-content: space-between; margin:-9px -10px; height:145px;}
.product02 .infoBox .tableBox table td ul li {border-bottom:1px solid #ccc; padding:3px 10px; height:20%;}
.product02 .infoBox .tableBox table td ul li:last-child {border-bottom:0;}
.product02 .infoBox .tableBox table td ul.ul01 li {display:flex; justify-content: center; align-items: center; height:25%;}

	@media screen and (max-width:1619px){
		.product02 .infoBox .tableBox table td {font-size:100%;}
	}

	@media screen and (max-width:499px){
		.product02 .infoBox .tableBox table td {font-size:90%;}
	}

.product03 .infoBox .tableBox table td {border-bottom:1px solid #ccc; text-align:center; font-size:16px;}
.product03 .infoBox .tableBox table td ul {display:flex; flex-direction: column; justify-content: space-between; margin:-9px -10px; height:145px;}
.product03 .infoBox .tableBox table td ul li {border-bottom:1px solid #ccc; padding:3px 10px; height:20%;}
.product03 .infoBox .tableBox table td ul li:last-child {border-bottom:0;}

	@media screen and (max-width:1619px){
		.product03 .infoBox .tableBox table td {font-size:100%;}
	}

	@media screen and (max-width:499px){
		.product03 .infoBox .tableBox table td {font-size:90%;}
	}

/* 제조공정 */
.process {display:flex; align-items: center; flex-wrap: wrap; justify-content: space-between; width:1600px; margin:0 -100px -70px; background:#f8f8f8; border-radius:0 100px 0 0; padding:60px 100px;}
.process .stepBox {display:flex; width:100%; justify-content: space-between;}
.process .stepBox:nth-child(2) {flex-direction: row-reverse; margin-top:20px;}
.process .step {position:relative; width:50%; max-width:650px; padding:25px;}
.process .step .info h5 {text-align:center; font-size:22px; font-weight:800; margin-top:20px;}
.process .step .arrow {position:absolute; display:inline-block; z-index:2; text-align:center;}
.process .step .arrow:before {}
.process .step .arrow:after {}

.process .step01 {opacity:0;}
.process .step02 {opacity:0;}
.process .step03 {opacity:0;}
.process .step04 {opacity:0;}

.process .step01 .arrow {bottom:80px; right:-19%; width:23%;}
.process .step02 .arrow {bottom:-10px; transform: rotate(90deg);}
.process .step03 .arrow {top:35px; left:-19%; width:23%; transform: rotate(180deg);}

.process.show .step01 {animation: aniRIGHT 1s ease-in-out forwards; }
.process.show .step02 {animation: aniTOP 1s ease-in-out forwards; animation-delay:0.4s;}
.process.show .step03 {animation: aniLEFT 1s ease-in-out forwards; animation-delay:0.8s;}
.process.show .step04 {animation: fadeIn 1s ease-in-out forwards; animation-delay:1.2s;}

	@media screen and (max-width:1619px){
		.process {width:100%; margin:0; padding:0;}
		.process .stepBox:nth-child(2) {margin-top:0;}
		.process .step {padding:3%;}
		.process .step .info h5 {font-size:120%;}
	}

	@media screen and (max-width:1399px){
		.process {border-radius:0 50px 0 0;}
		.process .step {padding:2.5% 5%;}
		.process .step .arrow img {width:50px;}

		.process .step01 .arrow {width:20%; right:-10%;}
		.process .step02 .arrow {bottom:3%;}
		.process .step03 .arrow {width:20%; left:-10%;}
	}

	@media screen and (max-width:999px){
		.process .step .arrow img {width:40%;}

		.process .step01 .arrow {bottom:18%;}
		.process .step02 .arrow {left:3%;}
		.process .step03 .arrow {top:6%;}
	}

	@media screen and (max-width:799px){
		.process .step .info h5 {font-size:100%; margin-top:10px;}
		.process .step02 .arrow {width:20%; left:2%; bottom:2%;}
	}

	@media screen and (max-width:499px){
		.process .stepBox {flex-direction: column;}
		.process .step {width:100%; padding:0 8% 8%;}
		.process .step .info h5 {margin-top:20px;}
		.process .step .arrow {position:relative; width:20px; transform: rotate(90deg); margin:0 auto; display:block; margin-top:10px;}
		.process .step .arrow img {width:100%;}

		.process .step01 {padding-top:8%;}
		.process .step01 .arrow {bottom:auto; right:auto;}
		.process .step03 .arrow {left:auto; top:auto;}

		.process .stepBox:nth-child(2) {flex-direction: column;}

		.process.show .step01 {animation: aniTOP 1s ease-in-out forwards; }
		.process.show .step02 {animation: aniTOP 1s ease-in-out forwards; animation-delay:0.4s;}
		.process.show .step03 {animation: aniTOP 1s ease-in-out forwards; animation-delay:0.8s;}
		.process.show .step04 {animation: fadeIn 1s ease-in-out forwards; animation-delay:1.2s;}

	}

/* 인증현황 */
.certificates {display:flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; width:1600px; margin:0 -100px -70px; background:#f8f8f8; border-radius:0 100px 0 0; padding:75px 75px 160px;}
.certificates .box {width:23%; max-width:330px;}
.certificates .box .imageBox {border:1px solid #ddd; border-radius:0 25px 0 0; overflow:hidden;}
.certificates .box .titBox {margin-top:30px; text-align:center;}
.certificates .box .titBox .sTit {font-size:22px; font-weight:300; color:#1a68a3; margin-bottom:4px;}
.certificates .box .titBox h5 {font-size:24px; font-weight:600; word-break:keep-all;}

	@media screen and (max-width:1619px){
		.certificates {width:100%; margin:0; padding:5% 5% 8%; border-radius:0 50px 0 0;}
		.certificates .box .titBox .sTit {font-size:120%;}
		.certificates .box .titBox h5 {font-size:130%;}
	}

	@media screen and (max-width:1199px){

	}

	@media screen and (max-width:999px){
		.certificates .box .titBox {margin-top:20px;}
		.certificates .box .titBox .sTit {font-size:100%; margin-bottom:0;}
		.certificates .box .titBox h5 {font-size:110%;}

	}

	@media screen and (max-width:799px){
		.certificates {border-radius:0 40px 0 0; padding:6% 6% 8%;}
		.certificates .box {width:45%; margin-bottom:30px;}
		.certificates .box:nth-last-child(1),
		.certificates .box:nth-last-child(2){margin-bottom:0;}
		.certificates .box .titBox {margin-top:10px;}
		.certificates .box .titBox .sTit {font-size:95%; margin-bottom:0;}
		.certificates .box .titBox h5 {font-size:105%;}
	}

	@media screen and (max-width:499px){
		.certificates .box {width:48%;}
		.certificates .box .titBox .sTit {font-size:90%;}
		.certificates .box .titBox h5 {font-size:100%;}
	}


/* 수출탑 */
.exportTower {position:relative;}
.exportTower .titSub {font-size:20px; letter-spacing:-0.025em; text-align:center;}
.exportTower .titSub b {color:#1a68a3; font-weight:600;}
.exportTower .topSection {position:relative; margin-top:58px; }
.exportTower .topSection .bg {position:absolute; top:-250px;}
.exportTower .topSection:before {position:absolute; width:100%; height:1px; top:0; background:url('../img/content/line1.png') repeat-x; content:''; }
.exportTower .topSection ul { display:flex; justify-content: center;}
.exportTower .topSection ul li {position:relative; width:33.333%; text-align:center;}
.exportTower .topSection ul li:before {position:absolute; width:1px; height:95px; left:calc(50% - 2px); background:url('../img/content/line.png') repeat-y; content:'';}
.exportTower .topSection ul li .box {padding-top:146px;}
.exportTower .topSection ul li .box:before {position:absolute; width:21px; height:21px; top:95px; left:calc(50% - 12px); background:#1a68a3; border-radius:50%; overflow:hidden; content:'';}
.exportTower .topSection ul li .box:after {position:absolute; width:11px; height:11px; top:100px; left:calc(50% - 7px); background:#fff; border-radius:50%; overflow:hidden; z-index:2; content:'';}
.exportTower .topSection ul li .box .tit {font-size:22px; font-weight:300; margin-top:15px; word-break:keep-all;}
.exportTower .topSection ul li .box:nth-child(2) .tit,
.exportTower .topSection ul li .box:nth-child(3) .tit {margin-top:24px;}
.exportTower .topSection ul li .box .tit b {font-weight:600;}
.exportTower .middleBg {height:300px; background:url('../img/content/exportTowerBg.jpg') center no-repeat; background-size:cover; margin-top:100px;}

.exportTower .bottomSection {background:#fff; border-radius:0 125px 0 0; overflow:hidden; margin-top:-110px; padding:110px 0 60px;}
.exportTower .bottomSection .container {display:flex; align-items: center; flex-direction: row-reverse; justify-content: space-between;}
.exportTower .bottomSection .imageBox {margin-right:-128px;}
.exportTower .bottomSection .textBox {width:720px; padding-left:60px;}
.exportTower .bottomSection .textBox h4 {position:relative; display:inline-block; padding:0 14px; font-size:35px; font-weight:600; font-family:'S-CoreDream',sans-serif; margin-bottom:50px;}
.exportTower .bottomSection .textBox h4 b {position:relative; z-index:2;}
.exportTower .bottomSection .textBox h4:after {position:absolute; display:block; width:100%; height:28px; background:rgba(153,211,255,0.25); left:0; bottom:-5px; content:''; z-index:1;}
.exportTower .bottomSection .textBox p {font-size:20px; word-break:keep-all;}
.exportTower .bottomSection .textBox p b {color:#1a68a3; font-weight:700;}
.exportTower .bottomSection .performance {margin-top:66px;}
.exportTower .bottomSection .performance h5 {font-size:24px; color:#1a68a3; font-weight:600;}
.exportTower .bottomSection .performance ul {margin-top:35px; padding-left:20px;}
.exportTower .bottomSection .performance ul li {font-size:20px; font-weight:300; word-break:keep-all; line-height:160%; word-break:keep-all;}
.exportTower .bottomSection .performance ul li:before {position:relative; display:inline-block; margin-left:-16px; margin-right:6px; content:'-';}

	@media screen and (max-width:1699px){
		.exportTower .bottomSection .imageBox {margin-right:0;}
	}

	@media screen and (max-width:1419px){
		.exportTower .bottomSection .imageBox {width:45%; margin-right:0;}
		.exportTower .bottomSection .textBox {width:55%; padding-left:0;}
	}

	@media screen and (max-width:999px){
		.exportTower .titSub {font-size:120%;}

		.exportTower .topSection ul li .box .tit {font-size:120%;}

		.exportTower .bottomSection {padding:50px 0 60px;}
		.exportTower .bottomSection .container {flex-direction: column;}
		.exportTower .bottomSection .imageBox {width:60%; margin-bottom:20px;}
		.exportTower .bottomSection .textBox {width:90%;}
		.exportTower .bottomSection .textBox h4 {font-size:200%; margin-bottom:40px;}
		.exportTower .bottomSection .textBox p {font-size:110%;}
		.exportTower .bottomSection .textBox p .br {display:inline;}
		.exportTower .bottomSection .performance {margin-top:46px;}
		.exportTower .bottomSection .performance h5 {font-size:120%;}
		.exportTower .bottomSection .performance ul {margin-top:15px;}
		.exportTower .bottomSection .performance ul li {font-size:110%;}
	}

	@media screen and (max-width:799px){
		.exportTower .titSub {font-size:110%;}

		.exportTower .topSection ul li .box img {max-height:60% !important;}
		.exportTower .topSection ul li .box .tit {font-size:110%; line-height:120%;}
		
		.exportTower .bottomSection .textBox h4 {font-size:160%;}
		.exportTower .bottomSection .textBox h4:after {height:22px;}
		.exportTower .bottomSection .textBox p {font-size:100%;}

		.exportTower .bottomSection .performance h5 {font-size:110%;}
		.exportTower .bottomSection .performance ul li {font-size:100%;}
	}

	@media screen and (max-width:499px){
		.exportTower .titSub {font-size:100%; word-break:keep-all;}
		.exportTower .titSub .br {display:inline;}

		.exportTower .topSection ul li {padding:0 3%;}
		.exportTower .topSection ul li:before {height:55px;}

		.exportTower .topSection ul li .box {padding-top:106px;}
		.exportTower .topSection ul li .box img {max-height:250px !important;}
		.exportTower .topSection ul li .box:before {width:18px; height:18px; top:55px;}
		.exportTower .topSection ul li .box:after {width:8px; height:8px; top:60px;}

		.exportTower .topSection ul li .box .tit {font-size:100%;}

		
		.exportTower .middleBg {height:200px;}

		.exportTower .bottomSection {border-radius:0 55px 0 0;}
		.exportTower .bottomSection .imageBox {width:80%; margin-bottom:30px;}
		.exportTower .bottomSection .textBox {width:95%;}
		.exportTower .bottomSection .textBox h4 {font-size:140%; margin-bottom:20px; padding:0 }
		.exportTower .bottomSection .textBox p {font-size:90%; line-height:160%;}

		
		.exportTower .bottomSection .performance h5 {font-size:100%;}
		.exportTower .bottomSection .performance ul li {font-size:90%;}
		.exportTower .bottomSection .performance ul li:before {margin-left:-13px;}
	}

/* 오시는 길 */
.location {}
.location .section {margin-bottom:100px;}

.location .mapBox {height:500px;}
.location .mapBox iframe {width:100%; height:100%;}
.location .infoBox {border-top:2px solid #1a68a3; border-bottom:1px solid #ddd; padding:37px 30px 59px 30px; margin-top:30px;}
.location .infoBox h4 {display:flex; align-items:center; font-size:24px; color:#1a68a3; font-family:'S-CoreDream',sans-serif; font-weight:600; margin-bottom:40px;}
.location .infoBox h4 .sTit {display:inline-block; font-size:20px; font-weight:300; color:#fff; background:#1a68a3; padding:4px 25px; border-radius:18px; overflow:hidden; margin-left:15px;}
.location .infoBox ul.infoCon {display:flex;}
.location .infoBox ul.infoCon li {font-size:20px; font-weight:300; color:#000; margin-left:100px;}
.location .infoBox ul.infoCon li:first-child {margin-left:0;}
.location .infoBox ul.infoCon li b {font-weight:600;}
.location .infoBox ul.infoCon li .road {}
.location .infoBox ul.infoCon li .lot_number {margin-top:30px;}

	@media screen and (max-width:1299px){
		.location .infoBox ul.infoCon {flex-wrap: wrap;}
		.location .infoBox ul.infoCon li {margin-left:5%;}
		.location .infoBox ul.infoCon li.add {width:100%; margin-bottom:20px;}
		.location .infoBox ul.infoCon li .lot_number {margin-top:5px;}
		.location .infoBox ul.infoCon li.tel {margin-left:0;}
	}

	@media screen and (max-width:999px){
		.location .mapBox {height:400px;}
		.location .infoBox {padding:37px 3%;}
		.location .infoBox h4 {font-size:140%; margin-bottom:30px;} 
		.location .infoBox h4 .sTit {font-size:80%;}
		.location .infoBox ul.infoCon li {font-size:110%;}
	}

	@media screen and (max-width:799px){
		.location .section {margin-bottom:50px;}
		.location .infoBox h4 {font-size:120%; margin-bottom:20px;} 
		.location .infoBox h4 .sTit {padding:4px 15px;}
		.location .infoBox ul.infoCon li {font-size:100%;}
		.location .infoBox ul.infoCon li b {display:block;}
	}

	@media screen and (max-width:499px){
		.location .mapBox {height:300px;}
		.location .infoBox {padding:27px 3%;}
		.location .infoBox h4 {font-size:110%; margin-bottom:15px;} 
		.location .infoBox ul.infoCon li {font-size:90%;}
		.location .infoBox ul.infoCon li.add {margin-bottom:10px;}
	}



@keyframes aniLEFT {
	from {opacity:0; transform:translateX(60px);}
	to {opacity:1; transform:translateX(0);}
} 

@keyframes aniRIGHT {
	from {opacity:0; transform:translateX(-60px);}
	to {opacity:1; transform:translateX(0);}
} 

@keyframes aniTOP {
	from {opacity:0; transform:translateY(-60px);}
	to {opacity:1; transform:translateY(0);}
} 

@keyframes aniBOTTOM {
	from {opacity:0; transform:translateY(60px);}
	to {opacity:1; transform:translateY(0);}
} 

@keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes rotateImg {
	0% {opacity:0;}
	50% {transform:scaleX(-1);}
	100% {opacity:1; transform:scaleX(1);}
}


/*===================== 240312 추가페이지 =====================*/

.page240312 h4.tit {font-family:'S-CoreDream',sans-serif;font-size:35px;font-weight:600;color:#111;position:relative;text-align:center;margin-bottom:45px;word-break:keep-all;z-index: 0;}
.page240312 h4.tit:before {position:absolute;content:'';width:20px;height:20px;border-radius:50%;top:-2px;margin-left: -5px;opacity:0.2;background:#1A68A3;z-index: -1;}
.page240312 .titSub {font-size:20px; letter-spacing:-0.025em; text-align:center; word-break:keep-all; line-height:1.3;}
.page240312 .titSub b {color:#1a68a3; font-weight:600;}
.page240312 .titSub .br {}

.ctt_business00, .ctt_business01, .ctt_business03, .ctt_business04, .ctt_business05 {background:transparent !important;}

@media screen and (max-width:1419px){
	
}

@media screen and (max-width:999px){
	.page240312 h4.tit {font-size:200%;}
	.page240312 .titSub {font-size:120%;}
	.page240312 .titSub .br {display:inline;}
}

@media screen and (max-width:799px){
	.page240312 h4.tit {font-size:160%;}
	.page240312 .titSub {font-size:110%;}
}

@media screen and (max-width:499px){
	.page240312 h4.tit {font-size:140%;margin-bottom: 25px !important;}
	.page240312 h4.tit:before {margin-left:-8px; top:-3px;}
	.page240312 .titSub {font-size:100%;}
}

.connectList {}
.connectList li {position:relative;}
.connectList li:not(:first-child):before {position:absolute; background:url('../img/content/icon_connect.png') no-repeat center; display:block; content:''; width:75px; height:20px; top:calc(50% - 10px); left:-50px; background-size:contain;}

.tableStyle01 {border-collapse:collapse; text-align:center; line-height:1.2;}
.tableStyle01 thead {background:#1A68A3;}
.tableStyle01 th {color:#fff; font-size:22px; padding:18px 10px; border-left:1px solid #ddd;}
.tableStyle01 td {font-size:18px; padding:15px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tableStyle01 .borderLeftNone {border-left:none;}

@media screen and (max-width:1419px){
	.connectList li:not(:first-child):before {height: 15px; top: calc(50% - 15px/2);}
}

@media screen and (max-width:999px){
	.connectList li:not(:first-child):before {height: 15px;left: calc(50% - 40px);transform:rotate(90deg);top: -15px;}

	.tableStyle01 th {font-size:120%; padding:15px 10px;}
	.tableStyle01 td {font-size:110%;}
}

@media screen and (max-width:799px){
	.tableStyle01 th {font-size:110%; padding:12px;}
	.tableStyle01 td {font-size:100%; padding:10px;}
}

@media screen and (max-width:599px){}

@media screen and (max-width:499px){
	.tableStyle01 th {font-size:100%; padding:10px 5px;}
	.tableStyle01 td {font-size:90%; padding:10px;}
}

/* 태양광사업부 */
.solarenergy {}
.solarenergy .busiImg {margin:40px auto;}
.solarenergy .sec01 {padding-bottom:80px; position:relative;}
.solarenergy .sec01:before {position:absolute; background:#f9f9f9; left:calc(-50vw + 700px); top:-265px; width:100vw; height:calc(100% + 265px); content:''; z-index:-1;}
.solarenergy .sec01 ul {display:flex; justify-content:space-between;}
.solarenergy .sec01 ul li {border-radius:25px; border:1px solid #1A68A3; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; width:calc(100%/3 - 50px/3); padding:55px; opacity:0;}
.solarenergy .sec01 ul li h5 {font-size:28px;font-weight:800;color:#000;margin:20px auto 15px;word-break: keep-all;}
.solarenergy .sec01 ul li p {font-size:20px; line-height:1.5; word-break:keep-all;}
.solarenergy .sec02 {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; min-height:320px; position:relative;}
.solarenergy .sec02:before {position:absolute;display:block;content:'';width:100vw;height:100%;top:0;left:calc(-50vw + 700px);background: url('../img/content/busi00_bgBan.jpg') no-repeat;background-size: cover;z-index:-1;background-attachment: fixed;}
.solarenergy .sec02 p {font-size:35px; color:#fff; text-align:center; line-height:1.5;}
.solarenergy .sec03 {margin-top:80px; position:relative;}
.solarenergy .sec03:before {position:absolute;display:block;content:'';bottom: -150px;left:calc(-50vw + 700px);width:100vw;height:996px;background:url('../img/content/busi00_bg.jpg') no-repeat center bottom;z-index:-1;}
.solarenergy .sec03 ul {display:flex;justify-content:space-between;align-items:flex-start;margin-top:70px;}
.solarenergy .sec03 ul .point {color:#FF0000;}
.solarenergy .sec03 ul li {border:2px solid #1A68A3; border-radius:25px; position:relative; padding:55px 20px 40px; text-align:center; background:#fff; width:calc(100%/3 - 50px/3); z-index:0; opacity:0;}
.solarenergy .sec03 ul li h5 {position:absolute; min-width:280px; height:60px; border-radius:30px; display:flex; justify-content:center; align-items:center; font-size:28px; font-weight:800; color:#fff; background:#1A68A3; top:-30px; left:50%; transform:translateX(-50%);}
.solarenergy .sec03 ul li .box {display:flex; justify-content:space-between;}
.solarenergy .sec03 ul li .box .innerBox {border-radius:10px; width:calc(50% - 5px); border:2px dashed #1A68A3; min-height:100px; position:relative; display:flex; justify-content:center; align-items:center;}
.solarenergy .sec03 ul li .box .innerBox p {font-size:20px;font-weight:700;padding: 10px;word-break: keep-all;}
.solarenergy .sec03 ul li .box .innerBox small {position:absolute;font-weight:400;left:50%;transform:translateX(-50%);width:100%;word-break:keep-all;bottom: -46px;}
/* .solarenergy .sec03 ul li:nth-child(2) .box {margin-bottom:65px;} */
.solarenergy .sec03 ul li > p {font-size:28px;font-weight:700;margin-top:20px;line-height: 1.2;}
.solarenergy .sec03 ul li > p strong {display:inline-block;font-size:35px;font-weight: 800;position:relative;}
.solarenergy .sec03 ul li > p strong:before {position:absolute; content:''; display:block; width:calc(100% + 12px); height:20px; background:#99D3FF; left:-6px; bottom:-6px; opacity:.2; z-index:-1;}
.solarenergy .sec03 ul li small {font-size:16px;color:#aaa;margin-top: 20px;display:block;line-height: 1.2;}
.solarenergy .sec03 > img {margin:-235px auto 150px;display:block;width: 100%;max-width: 928px !important;}

.solarenergy .sec01 ul.show li {animation:aniRIGHT 0.75s ease-in-out forwards;}
.solarenergy .sec01 ul.show li:nth-child(2) {animation-delay:.3s;}
.solarenergy .sec01 ul.show li:nth-child(3) {animation-delay:.6s;}
.solarenergy .sec03 ul.show li {animation:aniBOTTOM 0.75s ease-in-out forwards;}
.solarenergy .sec03 ul.show li:nth-child(2) {animation-delay:.3s;}
.solarenergy .sec03 ul.show li:nth-child(3) {animation-delay:.6s;}

@media screen and (max-width:1419px){
	.solarenergy .sec01:before {left: -2vw;top: -18vw;height: calc(100% + 18vw);}
	.solarenergy .sec01 ul li {padding:35px;width: calc(100%/3 - 10px);}
	.solarenergy .sec01 ul li img {width:45%;max-width: 130px !important;}
	.solarenergy .sec01 ul li h5 {font-size:160%;}
	.solarenergy .sec01 ul li p br {display:none;}
	.solarenergy .sec02:before {left:-2vw;}
	.solarenergy .sec03:before {left:-2vw;}
	.solarenergy .sec03 ul li {padding: 45px 15px 30px; width: calc(100%/3 - 10px);}
	.solarenergy .sec03 ul li h5 {min-width: inherit;padding: 0 50px;width: max-content;}
	.solarenergy .sec03 ul li .box .innerBox p {font-size:120%;}
	.solarenergy .sec03 ul li .box .innerBox p br {display:none;}
	.solarenergy .sec03 ul li > p {font-size:140%;}
	.solarenergy .sec03 ul li > p strong {font-size:140%;}
}

@media screen and (max-width:999px){
	.solarenergy .sec01 ul {flex-direction:column; gap:15px;}
	.solarenergy .sec01 ul li {width:100%;}	
	.solarenergy .sec01 ul li img {width:30%;}
	.solarenergy .sec01 ul li h5 {font-size:150%;}
	.solarenergy .sec01 ul li p {font-size: 110%;line-height:1.3;}
	.solarenergy .sec02:before {background-attachment:unset;}
	.solarenergy .sec02 {min-height:unset; padding:70px 0;}
	.solarenergy .sec02 p {font-size:180%;}
	.solarenergy .sec03 ul {flex-direction:column;gap: 40px;margin-top: 40px;}
	.solarenergy .sec03 ul li {width:100%;}
	.solarenergy .sec03 ul li h5 {font-size: 140%; height: 46px;top: -23px;}
	/* .solarenergy .sec03 ul li:nth-child(2) .box {margin-bottom:46px;} */
	.solarenergy .sec03 ul li .box .innerBox {min-height:60px;}
	.solarenergy .sec03 ul li .box .innerBox p {font-size:110%; line-height:1.2;}
	.solarenergy .sec03 ul li .box .innerBox small {bottom: -30px;}
	.solarenergy .sec03 ul li > p {font-size: 118%;}
	.solarenergy .sec03 ul li > p br {display:none;}
	.solarenergy .sec03 ul li > p strong {margin-left:4px;}
	.solarenergy .sec03 ul li > p strong:before {height: 14px;bottom: -2px;}
	.solarenergy .sec03 ul li small {font-size:14px;}
	.solarenergy .sec03 > img {margin:10px auto 80px; width:80%}
}

@media screen and (max-width:799px){
	.solarenergy .busiImg {height:250px !important; object-fit:cover;}
	.solarenergy .sec01:before {top: -165px;height: calc(100% + 165px);}
	.solarenergy .sec01 {padding-bottom:60px;}	
	.solarenergy .sec01 ul li h5 {font-size:130%;margin: 10px auto;}
	.solarenergy .sec01 ul li p {font-size: 100%;line-height:1.3;}
	.solarenergy .sec02 {gap: 12px;padding:60px 0;}
	.solarenergy .sec02 p {font-size: 150%;line-height:1.3;}
	.solarenergy .sec03 {margin-top:60px;}
	.solarenergy .sec03 ul li h5 {font-size:130%; height:40px; top:-20px;}
	.solarenergy .sec03 ul li .box .innerBox p {font-size:100%;}
	.solarenergy .sec03 ul li > p {font-size: 110%;}
	.solarenergy .sec03 ul li > p strong {font-size:130%}
	.solarenergy .sec03 ul li > p strong:before {width: calc(100% + 8px);left: -4px;}
	
}

@media screen and (max-width:499px){
	.solarenergy .busiImg {height:200px !important;}
	.solarenergy .sec01:before {top: -140px;height: calc(100% + 140px);}
	.solarenergy .sec01 ul li {padding:25px 25px 30px; border-radius:15px;}
	.solarenergy .sec01 ul li h5 {font-size:110%;margin: 10px auto;}
	.solarenergy .sec01 ul li p {font-size: 90%;line-height:1.3;}
	.solarenergy .sec02 {padding:45px 0; gap:10px;}
	.solarenergy .sec02 p {font-size:130%;}
	.solarenergy .sec03 ul {gap:30px; margin-top:30px;}
	.solarenergy .sec03 ul li {border-width:1px;padding: 30px 15px; border-radius:15px;}
	.solarenergy .sec03 ul li h5 {font-size:110%; height:32px; top:-16px; padding:0 30px;}
	.solarenergy .sec03 ul li .box {flex-direction:column; gap:10px;}
	/* .solarenergy .sec03 ul li:nth-child(2) .box {margin-bottom: 40px;} */
	.solarenergy .sec03 ul li .box .innerBox {border-width:1px; width:100%; min-height:50px; border-radius:8px;}
	.solarenergy .sec03 ul li .box .innerBox p {font-size:90%;}
	.solarenergy .sec03 ul li .box .innerBox small {bottom: -25px;}
	.solarenergy .sec03 ul li > p {font-size: 100%;margin-top: 15px;}
	.solarenergy .sec03 ul li > p strong {font-size: 115%;}
	.solarenergy .sec03 ul li small {margin-top:10px;}
	.solarenergy .sec03 > img {margin:10px auto 60px; width:100%}
}


/* 지붕임대 */
.rental {margin-bottom:-40px;}
.rental .busiImg {}
.rental .subTit {display:block;font-family:'Tenada', sans-serif;font-size:25px;color:#003F70;text-align: center;}
.rental h4.tit {color:#1A68A3; font-size:40px;}
.rental h4.tit:before {display:none;}
.rental > div {padding:100px 0;}
.rental .sec01 {position:relative;}
.rental .sec01:before {position:absolute;content:'';display:block;width:100vw;height:calc(100% + 225px);background:url('../img/content/busi01_sec01_bg.jpg') no-repeat center;top:-225px;left:calc(-50vw + 700px);z-index: -1;}
.rental .sec01 h4.tit{margin-bottom:20px;}
.rental .sec01 .secContainer {text-align:center;}
.rental .sec01 .secContainer ul {display:flex; justify-content:space-between; margin:80px 0 60px;}
.rental .sec01 .secContainer ul li {border-radius:15px;border:2px solid #1A68A3;background:#fff;text-align:center;width:calc(100%/3 - 50px/3);position:relative;display:flex;justify-content:center;align-items:center;padding: 75px 20px 50px;z-index: 0; opacity:0;}
.rental .sec01 .secContainer ul li h5 {position:absolute;min-width:280px;height:60px;border-radius:30px;display:flex;justify-content:center;align-items: center;font-size:28px;font-weight:700;color:#fff;background:#1A68A3;top:-30px;left:50%;transform:translateX(-50%);}
.rental .sec01 .secContainer ul li h5 small {font-weight:400;font-size:20px;margin-bottom: -5px;}
.rental .sec01 .secContainer ul li .innerCont {display:flex;align-items:center;justify-content:center;gap: 35px;}
.rental .sec01 .secContainer ul li .number {display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:'S-CoreDream', sans-serif;gap: 15px;}
.rental .sec01 .secContainer ul li .number h6 {font-size:24px;font-weight: 600;font-family:inherit;}
.rental .sec01 .secContainer ul li .number p {font-size:80px;font-weight:700;line-height: 1;}
.rental .sec01 .secContainer ul li .number p small {font-size:24px;font-weight: 600;}
.rental .sec01 .secContainer ul li .number p span {font-size:18px; font-weight:700;}
.rental .sec01 .secContainer ul li .number.before {color:#aaa;}
.rental .sec01 .secContainer ul li .number.after h6 {color:#1A68A3;}
.rental .sec01 .secContainer ul li:first-child .number {position:relative;}
.rental .sec01 .secContainer ul li:first-child .number:before {position:absolute;display:block;content:'';background:url('../img/content/img_underline.png') no-repeat center;background-size:contain;width:120px;height:16px;opacity: .15;left:-12px;bottom: -3px;z-index: -1;}
.rental .sec01 .secContainer > img {width:100%;max-width: 990px !important;display:block;margin:0 auto; opacity:0;}

.rental .sec02 {}
.rental .sec02 .secContainer {position:relative;display:flex;gap:20px;flex-wrap:wrap;padding-top:80px;align-items: flex-end;}
.rental .sec02 .secContainer:before {position:absolute;display:block;content:'';background: url('../img/content/busi01_bg_img02.jpg') no-repeat center center;background-attachment: fixed;background-size: cover;width:100vw;height:450px;z-index:-1;top:0;left:calc(-50vw + 700px);}
.rental .sec02 .secContainer:after {position:absolute; display:block; content:''; background:url('../img/content/busi01_bg_illust.png') no-repeat center center;background-size: cover; width:100vw; height:1155px; z-index:-2; top:-114px; left: calc(-50vw + 700px);}
.rental .sec02 .secContainer .list {background: #fff;border:1px solid #DBDBDB;border-radius:25px;min-height:280px;display:flex;align-items:center;width:calc(50% - 10px);padding: 50px 70px;}
.rental .sec02 .secContainer .list .icon {width:150px;height:150px;border-radius:50%;background:#1A68A3;display:flex;align-items:center;justify-content:center;margin-right: 30px;}
.rental .sec02 .secContainer .list .txt h5 {font-size:26px; font-family:'S-CoreDream',sans-serif; font-weight:600; color:#1A68A3; margin-bottom:15px; word-break:keep-all; letter-spacing: -.75px;}
.rental .sec02 .secContainer .list .txt p {font-size:20px;color:#333;letter-spacing: -.75px; word-break:keep-all;}
.rental .sec02 .secContainer .list .txt p small {font-size: 85%;}
.rental .sec02 .secContainer .list .txt span {font-size:14px;color:#1A68A3;background:#fff;display:inline-block;padding: 6px 15px;border-radius:13px;margin-top:10px;line-height: 1;word-break: keep-all;}
.rental .sec02 .secContainer .list:last-of-type {background:#1A68A3; border:1px solid #1A68A3; color:#fff; width:1130px;}
.rental .sec02 .secContainer .list:last-of-type .icon {background:#fff;}
.rental .sec02 .secContainer .list:last-of-type .txt h5, .rental .sec02 .secContainer .list:last-of-type .txt p {color:#fff;}
.rental .sec02 .secContainer .imgCoin {mix-blend-mode: multiply;flex-shrink: 0;}

.rental .sec03 {position:relative;}
.rental .sec03:before {position:absolute;display:block;content:'';top:0;left: calc(-50vw + 700px);width: 100vw;height:100%;background:#f9f9f9;z-index: -1;border-top-right-radius: 100px;}
.rental .sec03 .secContainer {display:flex;gap:20px;flex-wrap: wrap;}
.rental .sec03 .secContainer > div {width:calc(50% - 10px);}
.rental .sec03 .secContainer > div.left {display:flex; justify-content:space-between; flex-direction:column}
.rental .sec03 .contBox {background:#fff; border:1px solid #ddd; border-radius:25px; opacity:0;}
.rental .sec03 .contBox h5 {display:flex; justify-content:center; align-items:center; flex-direction:column; height:90px; background:#1A68A3; border-top-left-radius:25px; border-top-right-radius:25px; padding:24px; font-size:30px; font-weight:600; color:#fff; font-family:'S-CoreDream',sans-serif;}
.rental .sec03 .contBox h5 small {display:block; font-size:16px; font-weight:500;}
.rental .sec03 .contBox.box01 {position:relative; margin-bottom:20px;}
.rental .sec03 .contBox.box01 ul {display:flex; align-items:center; justify-content:center; padding:40px 0 70px; gap:50px;}
.rental .sec03 .contBox.box01 ul li:last-child {border-left:1px solid #ddd; padding-left:50px;}
.rental .sec03 .contBox.box01 h6 {font-size:24px; font-family:'S-CoreDream',sans-serif; font-weight:600; color:#1A68A3; }
.rental .sec03 .contBox.box01 h6 span {font-size:10px; display:inline-block; background:#EB5A68; padding:3px 6px; color:#fff; border-radius:10px;}
.rental .sec03 .contBox.box01 p {font-size:20px; margin:12px 0 16px; line-height:1.25;}
.rental .sec03 .contBox.box01 b {font-size:26px; font-weight:700;}
.rental .sec03 .contBox.box01 > span {position:absolute; bottom:12px; right:15px; color:#AAA; font-size:16px;}
.rental .sec03 .contBox.box02 {position:relative;}
.rental .sec03 .contBox.box02:before {position:absolute;display:block;content:'';width: 144px;height: 180px;bottom: 30px;right: 56px;background:url('../img/content/busi01_solarImg.png') no-repeat center center;background-size: contain;}
.rental .sec03 .contBox.box02 h5 {margin-bottom:40px;}
.rental .sec03 .contBox.box02 h6 {font-size:28px; font-family:'S-CoreDream',sans-serif; font-weight:600; color:#1A68A3; margin-bottom:20px; padding-left:56px;}
.rental .sec03 .contBox.box02 ul {display:flex;flex-direction:column;gap:15px;padding-left:56px;margin-bottom: 70px;}
.rental .sec03 .contBox.box02 ul li {font-size:24px;display:flex;flex-wrap: wrap;align-items:center;}
.rental .sec03 .contBox.box02 ul li span {font-size:14px;padding: 5px 8px;display:inline-block;background:#EBF6FF;border-radius:12px;line-height: 1;margin-left: 8px;}
.rental .sec03 .contBox.box03 {}
.rental .sec03 .contBox.box03 ul {display:flex; justify-content:space-between; margin:45px 40px;}
.rental .sec03 .contBox.box03 ul li {width:180px; height:180px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; border:10px solid transparent ; border-radius:50%; background-image:linear-gradient(#fff, #fff), linear-gradient(#1A68A3 ,#2E7FBC, #4F9FDC); background-origin:border-box; background-clip:padding-box, border-box;}
.rental .sec03 .contBox.box03 ul li h6 {font-size:20px; font-weight:700; color:#000;}
.rental .sec03 .contBox.box03 ul li p {font-size:18px; margin-top:10px; position:relative;}
.rental .sec03 .contBox.box03 ul li:last-child p:before {position:absolute; content:'(5년 선납 이후 매년 나누어 지급)'; color:#aaa; font-size:12px; top:110%; font-weight:300; width:70%; left:50%; transform:translateX(-50%); word-break:keep-all; line-height:1.2;}
.rental .sec03 .contBox.box03 .innerBox {text-align:center;padding-bottom:25px;margin: 0 45px 40px;border:2px solid #1A68A3;border-radius:15px;overflow:hidden}
.rental .sec03 .contBox.box03 .innerBox .tit {background:#1A68A3; border-bottom-left-radius:15px; border-bottom-right-radius:15px; color:#fff; font-size:24px; font-family:'S-CoreDream',sans-serif; font-weight:600; text-align:center; padding:20px 0;}
.rental .sec03 .contBox.box03 .innerBox .listBox {padding:40px 40px 20px;}
.rental .sec03 .contBox.box03 .innerBox .list {position:relative; text-align:left; padding-bottom:20px;}
.rental .sec03 .contBox.box03 .innerBox .list:first-child {margin-bottom:20px; border-bottom: 1px solid #1A68A3;}
.rental .sec03 .contBox.box03 .innerBox .list span {font-size:20px; margin-bottom:5px; display:block;}
.rental .sec03 .contBox.box03 .innerBox .list p {font-size:22px; font-weight:600; display:inline-block; padding:5px 15px; border:1px solid #ddd; border-radius:20px;}
.rental .sec03 .contBox.box03 .innerBox .list b {font-size:24px; text-align:right; font-weight:700; position:absolute; right:0px; bottom:25px;}
.rental .sec03 .contBox.box03 .innerBox .list b small {font-size:18px; font-weight:400;}
.rental .sec03 .contBox.box03 .innerBox .list:last-child b:before {position:absolute; content:'(※ 가중치 적용)'; font-size:14px; color:#aaa; font-weight:400; right:0; top:110%;}
.rental .sec03 .contBox.box03 .innerBox .info {display:inline-block;font-size:14px;padding: 6px 32px;background:#E0F2FF;border-radius:15px;line-height: 1;}

.rental .sec04 {position:relative;}
.rental .sec04:after {position:absolute;display:block;content:'';background:url('../img/content/busi01_sec04_bg.png') no-repeat center center;background-size: cover;width:100vw;height: 100%;z-index:-1;top: 0;left: calc(-50vw + 700px);}
.rental .sec04 ul {display:flex; flex-direction:column; gap:30px;}
.rental .sec04 ul li {width:100%;border:5px solid #F1F1F1;border-radius:50px;background:#fff;opacity: 0;}
.rental .sec04 ul li dl {display:flex; align-items:center;}
.rental .sec04 ul li dt {background:#1A68A3; display:flex; align-items:center; color:#fff; font-size:24px; font-family:'S-CoreDream', sans-serif; font-weight:600; min-width:500px; height:90px; border-radius:50px; margin:-5px; padding-left:80px;}
.rental .sec04 ul li dt .icon {margin-right:20px;}
.rental .sec04 ul li dd {font-size:20px; margin-left:50px; word-break:keep-all;}

.rental .sec05 {padding-bottom:150px; position:relative;}
.rental .sec05:before {position:absolute;display:block;content:'';top:0;left: calc(-50vw + 700px);width: 100vw;height:100%;background:#f9f9f9;z-index: -1;border-top-right-radius: 100px;}
.rental .sec05 .faq {border-top:2px solid #000;}
.rental .sec05 .faq .faqList div {padding: 40px 100px 40px 40px;font-size:26px;color:#333;border-bottom:1px solid #aaa;position:relative;word-break:keep-all;line-height:1.25;}
.rental .sec05 .faq .faqList div.questionBox {cursor:pointer;}
.rental .sec05 .faq .faqList div.questionBox:hover {background:rgba(255,255,255,0.5)}
.rental .sec05 .faq .faqList div.answerBox {color:#1A68A3; font-weight:700; background:#fff; /*display:none;*/}  
.rental .sec05 .faq .faqList div p {display:flex;}
.rental .sec05 .faq .faqList div span {font-size:30px; font-weight:600; font-family:'S-CoreDream', sans-serif; color:inherit; margin-right:10px;}
.rental .sec05 .faq .faqList div.questionBox:after {position:absolute;display:block;content:'';border-top:4px solid #aaa;border-right:4px solid #aaa;width:24px;height:24px;right:50px;top: 35%;transform: rotate(135deg);transform-origin:50% 50%;transition-duration:.4s;}
.rental .sec05 .faq .faqList.active div.questionBox {font-weight:700; color:#000;}
.rental .sec05 .faq .faqList.active div.questionBox:after {border-color:#1A68A3; transform: rotate(-45deg);top: 45%;}

.rental .sec01 .secContainer ul.show li {animation:aniRIGHT 0.75s ease-in-out forwards;}
.rental .sec01 .secContainer ul.show li:nth-child(2) {animation-delay:.3s;}
.rental .sec01 .secContainer ul.show li:nth-child(3) {animation-delay:.6s;}
.rental .sec01 .secContainer > img.show {animation:aniBOTTOM 0.75s ease-in-out forwards; animation-delay:0.4s;}
.rental .sec02 .secContainer .list.show .txt {animation:aniRIGHT 0.75s ease-in-out forwards;}
.rental .sec02 .secContainer .list.show + img {animation:rotateImg 0.75s ease-in-out forwards; animation-delay:0.4s;}
.rental .sec03 .secContainer .left.show .box01 {animation:aniRIGHT 0.75s ease-in-out forwards;}
.rental .sec03 .secContainer .left.show .box02 {animation:aniBOTTOM 0.75s ease-in-out forwards; animation-delay:0.4s;}
.rental .sec03 .secContainer .right.show {animation:aniLEFT 0.75s ease-in-out forwards; animation-delay:0.4s;}
.rental .sec04 ul li.show {animation: aniRIGHT 1.5s ease-in-out forwards;}
.rental .sec05 .faq.show {animation: fadeIn 1.5s ease-in-out forwards;}

@media screen and (max-width:1419px){
	.rental .sec01:before {left:-2vw; top:-18vw; height:calc(100% + 18vw);}
	.rental .subTit {font-size: 130%;}
	.rental h4.tit {font-size: 210%;}
	
	.rental .sec01 .secContainer ul li {width:calc(100%/3 - 10px);}
	.rental .sec01 .secContainer ul li h5 {min-width: inherit;padding: 0 45px;width:max-content;}
	.rental .sec01 .secContainer ul li h5 small {font-size:70%;}
	.rental .sec01 .secContainer ul li .innerCont {gap:2vw;}
	.rental .sec01 .secContainer ul li .number h6 {font-size:130%;}
	.rental .sec01 .secContainer ul li .number p {font-size:400%;}
	.rental .sec01 .secContainer ul li .number p small {font-size:35%;}
	.rental .sec01 .secContainer ul li .number p span {font-size:28%;}
	
	.rental .sec02 .secContainer:before {left:-2vw;}
	.rental .sec02 .secContainer:after {left:-2vw;}
	.rental .sec02 .secContainer .list {padding:40px;}
	.rental .sec02 .secContainer .list:last-of-type {width:calc(100% - 250px);}
	.rental .sec02 .secContainer .list .icon {flex-shrink:0; width:125px; height:125px; margin-right:20px;}
	.rental .sec02 .secContainer .list .txt h5 {font-size: 150%;}
	.rental .sec02 .secContainer .list .txt p {font-size: 120%;}
	.rental .sec02 .secContainer .list .txt h5 br,
	.rental .sec02 .secContainer .list .txt p br {display:none;}
	.rental .sec03:before {left:-2vw}
	.rental .sec03 .contBox h5 {font-size:150%;}
	.rental .sec03 .contBox.box01 h6 {font-size:130%;}
	.rental .sec03 .contBox.box01 p {font-size:120%; word-break:keep-all;}
	.rental .sec03 .contBox.box01 ul {gap:40px;}
	.rental .sec03 .contBox.box01 ul li:last-child {padding-left:40px;}
	.rental .sec03 .contBox.box01 b {font-size:150%;}
	.rental .sec03 .contBox.box02 h6 {font-size:130%;margin-bottom: 15px;}
	.rental .sec03 .contBox.box02 ul {gap:12px;}
	.rental .sec03 .contBox.box02 ul li {font-size:120%;}
	.rental .sec03 .contBox.box03 ul li {width: 170px; height: 170px; border-width:8px;}
	.rental .sec03 .contBox.box03 .innerBox .tit {font-size:130%;}
	.rental .sec03 .contBox.box03 .innerBox .list span {font-size:110%;}
	.rental .sec03 .contBox.box03 .innerBox .list p {font-size:130%;}
	.rental .sec03 .contBox.box03 .innerBox .list b {font-size:150%;}
	.rental .sec04:after {left:-2vw;}
	.rental .sec05:before {left:-2vw;}
}

@media screen and (max-width:1299px){
	.rental .sec03 .secContainer > div {width:100%;}
	.rental .sec03 .secContainer > div.left {flex-direction:row;}
	.rental .sec03 .secContainer > div.left .contBox {width:calc(50% - 10px);margin: 0;}
	.rental .sec03 .contBox.box01 ul {gap:20px;flex-direction:column;align-items:flex-start;padding: 40px 50px;}
	.rental .sec03 .contBox.box01 ul li {width:100%;}
	.rental .sec03 .contBox.box01 ul li:last-child {padding-left:0; border-left:0; border-top:1px solid #ddd; padding-top:20px;}
	.rental .sec03 .contBox.box01 p {font-size:110%; margin: 6px 0 10px;}
	.rental .sec03 .contBox.box01 p br {display:none;}
	.rental .sec03 .contBox.box01 b {font-size:130%;}
	.rental .sec03 .contBox.box02:before {right: 30px;}
	.rental .sec03 .contBox.box02 h6 {padding:0 50px;}
	.rental .sec03 .contBox.box02 ul {padding:0 50px; word-break:keep-all;}
	.rental .sec03 .contBox.box03 ul {justify-content:center; gap:50px;}
	.rental .sec03 .contBox.box03 ul li {width:20vw; height:20vw; border-width:10px; min-width:180px; min-height:180px;}
	.rental .sec03 .contBox.box03 .innerBox .list b {font-size:200%;}
	.rental .sec04 ul {gap:20px;}
	.rental .sec04 ul li dt {font-size:130%;min-width: 380px;height: 80px;padding-left: 60px;}
	.rental .sec04 ul li dt .icon {margin-right:15px; width:40px; height:40px;}
	.rental .sec04 ul li dd {font-size:120%;margin: 0 30px;}
}

@media screen and (max-width:1099px){
	.rental .sec03 .contBox.box02:before {width: 120px; bottom: 0;}
}

@media screen and (max-width:999px){
	.rental > div {padding:80px 0;}
	.rental .subTit {font-size: 110%;}
	.rental h4.tit {font-size: 170%;}
	
	.rental .sec01 {padding-top:60px;}
	.rental .sec01 .secContainer ul {margin:60px 0 40px;}
	.rental .sec01 .secContainer ul li {padding: 55px 20px 40px;}
	.rental .sec01 .secContainer ul li:not(:first-child):before {transform: unset; left: -50px; top: calc(50% - 15px/2);}
	.rental .sec01 .secContainer ul li h5 {font-size:140%; height:46px; top:-23px; padding: 0 30px;}
	.rental .sec01 .secContainer ul li .innerCont {gap:1.5vw;}
	.rental .sec01 .secContainer ul li .innerCont img {width: 30px;}
	.rental .sec01 .secContainer ul li .number h6 {font-size:110%;}
	.rental .sec01 .secContainer ul li .number p {font-size:350%;}
	.rental .sec01 .secContainer ul li .number p small {font-size:32%;}
	.rental .sec01 .secContainer ul li .number p span {font-size:25%;}
	.rental .sec01 .secContainer ul li:first-child .number:before {width: 90px; bottom: -5px; left: -8px;}
	.rental .sec01 .secContainer > img {width:80%;}
	
	.rental .sec02 .secContainer {padding-top:60px;}
	.rental .sec02 .secContainer:before {height:85%; background-attachment:unset;}
	.rental .sec02 .secContainer .list .txt h5 {font-size: 140%;}
	.rental .sec02 .secContainer .list .txt p {font-size: 115%;}
	.rental .sec02 .secContainer .list, 
	.rental .sec02 .secContainer .list:last-of-type {width:100%; min-height:auto;}
	.rental .sec02 .secContainer .imgCoin {display:none;}
	.rental .sec03 .secContainer > div.left {justify-content:center;flex-wrap:wrap;gap: 20px;}
	.rental .sec03 .secContainer > div.left .contBox {width:100%;}
	.rental .sec03 .contBox {}
	.rental .sec03 .contBox h5 {height:auto;padding: 20px 0;font-size: 140%;}
	.rental .sec03 .contBox h5 small {font-size:70%;}
	.rental .sec03 .contBox.box01 h6 {font-size:120%;}
	.rental .sec03 .contBox.box01 p {font-size:115%; word-break:keep-all;}
	.rental .sec03 .contBox.box01 b {font-size:120%;}
	.rental .sec03 .contBox.box02 h6 {font-size:120%;}
	.rental .sec03 .contBox.box03 ul li p {margin-top:5px;}
	.rental .sec05 {padding-bottom:120px;}
	.rental .sec05 .faq .faqList div {font-size:130%;padding: 30px 100px 30px 40px;}
	.rental .sec05 .faq .faqList div span {font-size: 105%; margin-right:6px;}
	.rental .sec05 .faq .faqList div.questionBox:after {width:20px; height:20px; border-width:3px}
}

@media screen and (max-width:799px){
	.rental > div {padding:60px 0;}
	.rental .busiImg {height:250px !important; object-fit:cover;}
	.rental .subTit {font-size: 100%;}
	.rental h4.tit {font-size: 155%;}
	.rental .sec01 {padding-top:40px;}
	.rental .sec01:before {top:-125px; height:calc(100% + 125px);}
	.rental .sec01 .secContainer ul {margin:50px 0 30px; flex-direction:column; gap:30px;}
	.rental .sec01 .secContainer ul li {width:100%;}
	.rental .sec01 .secContainer ul li h5 {font-size:130%; height:40px; top:-20px;}
	.rental .sec01 .secContainer ul li:not(:first-child):before {display:none;}
	
	.rental .sec02 .secContainer .list .txt h5 {font-size: 130%; margin-bottom:10px;}
	.rental .sec02 .secContainer .list .txt p {font-size: 110%; line-height:1.3;}
	.rental .sec03 .contBox.box03 ul {justify-content:space-between; gap:inherit;}
	.rental .sec03 .contBox.box03 ul li {}
	.rental .sec04 ul li dt {min-width:inherit;background:transparent;color:#1A68A3;padding-left:15px;font-size:120%;flex-shrink: 0;}
	.rental .sec04 ul li dt .icon {background:#1A68A3;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-right: 10px;}
	.rental .sec04 ul li dt .icon img {width:60%; height:60%;}
	.rental .sec04 ul li dd {font-size:110%;line-height: 1.25;}
	.rental .sec05 .faq .faqList div {font-size:120%;}
}

@media screen and (max-width:699px){
	.rental .sec03 .contBox.box03 ul li {width:160px; height:160px; border-width:8px; min-width:inherit; min-height:inherit;}
	.rental .sec03 .contBox.box03 ul li h6 {font-size:100%;}
	.rental .sec03 .contBox.box03 ul li p {margin-top:0;}
	.rental .sec03 .contBox.box03 .innerBox .list b {font-size:150%;}
}

@media screen and (max-width:599px){
	.rental .sec02 .secContainer {padding-top: 40px;}
	.rental .sec02 .secContainer:after {top:auto;bottom: -250px;}
	.rental .sec02 .secContainer .list {border-radius:15px;}
	.rental .sec02 .secContainer .list .icon {width:100px; height:100px;}
	.rental .sec02 .secContainer .list .icon img {width:80%;}
	.rental .sec02 .secContainer .list .txt h5 {font-size: 110%;margin-bottom:6px;}
	.rental .sec02 .secContainer .list .txt p {font-size:100%;}
	.rental .sec03:before {border-top-right-radius:60px;}
	.rental .sec03 .contBox {border-radius:15px;}
	.rental .sec03 .contBox h5 {border-top-right-radius:15px;border-top-left-radius:15px;font-size: 120%;padding: 15px 0;}
	.rental .sec03 .contBox.box01 h6 {font-size:110%;}
	.rental .sec03 .contBox.box01 p {font-size:100%;}
	.rental .sec03 .contBox.box01 ul {padding:20px 30px 30px;}
	.rental .sec03 .contBox.box02:before {display:none;}
	.rental .sec03 .contBox.box02 h5 {margin-bottom:20px;}
	.rental .sec03 .contBox.box02 h6 {padding:0 30px;font-size: 120%;margin-bottom: 10px;}
	.rental .sec03 .contBox.box02 ul {padding:0 30px;gap: 8px;margin-bottom: 30px;}
	.rental .sec03 .contBox.box02 ul li {font-size:100%;line-height: 1.25;}
	.rental .sec03 .contBox.box03 ul {flex-wrap:wrap;gap:10px;margin: 20px 30px;}
	.rental .sec03 .contBox.box03 ul li {width:100%; border-radius:15px; height:auto; padding:20px; border-width:4px;}
	.rental .sec03 .contBox.box03 ul li:last-child {padding-bottom:40px;}
	.rental .sec03 .contBox.box03 ul li:last-child p:before {width: 100vw;}
	.rental .sec03 .contBox.box03 .innerBox {margin:0 30px 30px;}
	.rental .sec03 .contBox.box03 .innerBox .tit {font-size:120%;padding: 12px 0;}
	.rental .sec03 .contBox.box03 .innerBox .listBox {padding: 25px;}
	.rental .sec03 .contBox.box03 .innerBox .list span {font-size:100%; margin-bottom:3px;}
	.rental .sec03 .contBox.box03 .innerBox .list p {font-size: 110%;padding: 6px 12px;line-height: 1;}
	.rental .sec04 ul {border:5px solid #F1F1F1;border-radius:50px;padding:30px 50px;background:#fff;gap: inherit;}
	.rental .sec04 ul li {border:none;margin-bottom: 25px;padding-bottom: 25px;border-bottom:1px solid #ddd;border-radius:0;}
	.rental .sec04 ul li:last-child {border:none; margin:0; padding:0;}
	.rental .sec04 ul li dl {flex-wrap:wrap;text-align:center;gap:10px;}
	.rental .sec04 ul li dt {width:100%; margin:0; padding:0; flex-direction:column; gap:5px;}
	.rental .sec04 ul li dt .icon {margin:0;}
	.rental .sec04 ul li dd {width:100%; margin:0; padding:0 0 0 50;}
	.rental .sec05 {padding-bottom:80px;}
	.rental .sec05:before {border-top-right-radius:60px;}
	.rental .sec05 .faq .faqList div {font-size:110%;padding: 20px 60px 20px 20px;}
	.rental .sec05 .faq .faqList div span {font-size: 110%;}
	.rental .sec05 .faq .faqList div.questionBox:after {width:16px;height:16px;right: 25px;}
}

@media screen and (max-width:499px){
	.rental .busiImg {height:200px !important;}
	.rental .subTit {font-size: 90%;}
	.rental h4.tit {font-size: 130%;}
	.rental .sec01 {padding-top:30px;}
	.rental .sec01:before {top:-100px; height:calc(100% + 100px);}
	.rental .sec01 .secContainer ul {margin: 40px 0 30px;}
	.rental .sec01 .secContainer ul li {border-width:1px;padding: 40px 20px 30px;}
	.rental .sec01 .secContainer ul li h5 {font-size:110%; height:32px; top:-16px;}
	.rental .sec01 .secContainer ul li h5 small {font-size:80%;}
	.rental .sec01 .secContainer ul li .innerCont {gap:3vw}
	.rental .sec01 .secContainer ul li .number h6 {font-size:100%;}
	.rental .sec01 .secContainer ul li .number p {font-size:250%;}
	.rental .sec01 .secContainer ul li .number p small {font-size:40%;}
	.rental .sec01 .secContainer ul li .number p span {font-size:35%;}
	.rental .sec01 .secContainer ul li:first-child .number:before {width: 70px;}
	
	.rental .sec02 .secContainer .list {flex-direction:column; gap:15px; text-align:center; padding:30px 25px;}
	.rental .sec02 .secContainer .list .icon {margin:0;}
	.rental .sec03 .contBox h5 {font-size: 110%; padding: 12px 0;}
	.rental .sec03 .contBox.box01 ul {padding:20px 18px 30px;}
	.rental .sec03 .contBox.box01 h6 {font-size:100%;}
	.rental .sec03 .contBox.box01 p {font-size:90%;}
	.rental .sec03 .contBox.box01 b {font-size:100%;}
	.rental .sec03 .contBox.box01 > span {bottom:8px; font-size:90%;}
	.rental .sec03 .contBox.box02 h6 {font-size: 100%;padding: 0 18px;}
	.rental .sec03 .contBox.box02 ul {gap:6px;padding: 0 18px;}
	.rental .sec03 .contBox.box02 ul li {font-size:90%;}
	.rental .sec03 .contBox.box02 ul li span {font-size:90%; margin-left:6px;}
	.rental .sec03 .contBox.box03 ul {margin: 20px 18px;}
	.rental .sec03 .contBox.box03 .innerBox {margin:0 18px 30px;}
	.rental .sec03 .contBox.box03 .innerBox .tit {font-size:110%;padding: 12px 0;}
	.rental .sec03 .contBox.box03 .innerBox .listBox {padding: 20px 15px 10px;}
	.rental .sec03 .contBox.box03 .innerBox .list {text-align:center;background:#f9f9f9;border: none !important;border-radius:10px;padding:20px 20px 35px;}
	.rental .sec03 .contBox.box03 .innerBox .list:first-child {padding-bottom:20px;margin-bottom: 10px;}
	.rental .sec03 .contBox.box03 .innerBox .list b {position:relative;text-align: center;right: auto;bottom: auto;display: block;margin-top: 10px;font-size: 125%;}
	.rental .sec03 .contBox.box03 .innerBox .list:last-child b:before {display:block;width:100vw;right: auto;left: 50%;transform: translateX(-50%);top: 100%;}
	.rental .sec03 .contBox.box03 .innerBox .info {padding:5px 10px;width: calc(100% - 30px);}
	.rental .sec04 ul {padding:30px 20px; border-radius:25px;}
	.rental .sec04 ul li dt {font-size:110%;}
}


/* 상업용PPA */
.commercial {margin-bottom:-40px;}
.commercial > div {padding:100px 0;}
.commercial > div > p {text-align:center; font-size:20px; line-height:1.4;}
.commercial > div > p b {color:#1A68A3;}
.commercial .sec01 {background:#F9F9F9; border-top-right-radius:100px; margin:0 -100px 0; padding:60px 100px 100px;}
.commercial .sec01 > p {margin:-30px 0 50px;}
.commercial .sec01 .systemBox {opacity:0}
.commercial .sec01 .systemBox > div > ul {display:flex; justify-content:center; align-items:center; text-align:center;}
.commercial .sec01 .systemBox > div > ul.systemList {}
.commercial .sec01 .systemBox > div > ul.systemList li {width:300px; height:300px; border-radius:50%; background:rgba(0,0,0,0.3); margin:0 -15px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; font-size:24px; font-family:'S-CoreDream', sans-serif; font-weight:600;}
.commercial .sec01 .systemBox > div > ul.systemList li:nth-child(1) {background:rgba(98, 169, 223, 0.9);}
.commercial .sec01 .systemBox > div > ul.systemList li:nth-child(2) {background:rgba(47, 131, 194, 0.9);}
.commercial .sec01 .systemBox > div > ul.systemList li:nth-child(3) {background:rgba(26, 104, 163, 0.9);}
.commercial .sec01 .systemBox > div > ul.arrowList {gap:100px;}
.commercial .sec01 .systemBox > div > ul.arrowList li {color:#AAAAAA; font-size:18px; display:flex; flex-direction:column; gap:8px;}
.commercial .sec01 .systemBox > div.systemTop > ul.arrowList li:nth-child(2) img {transform:scaleX(-1);}
.commercial .sec01 .systemBox > div.systemBottom > ul.arrowList li:nth-child(1) img {transform:scaleX(-1) scaleY(-1);}
.commercial .sec01 .systemBox > div.systemBottom > ul.arrowList li:nth-child(2) img {transform:scaleY(-1);}
.commercial .sec01 .infoBox {}
.commercial .sec01 .infoBox h5 {font-size:30px;margin:50px 0 30px;text-align:center;font-weight: 600;word-break: keep-all;color: #000;}
.commercial .sec01 .infoBox h5 strong{color:#1A68A3;}
.commercial .sec01 .infoBox .info {background:#fff; padding:40px 70px; border-radius:15px; width:fit-content; margin:0 auto; display:flex; justify-content:center; align-items:center; gap:100px;}
.commercial .sec01 .infoBox .info h6 {font-size:24px; color:#000; font-weight:800; margin-bottom:10px;}
.commercial .sec01 .infoBox .info ul li {font-size:18px; color:#333; line-height:1.6; word-break:keep-all;}

.commercial .sec02 {position:relative;}
.commercial .sec02:before {position:absolute;display:block;content:'';background:url('../img/content/busi03_sec02_bg.png') no-repeat center;background-size:cover;width:100vw;height:100%;left:calc(-50vw + 700px);top: 0;}
.commercial .sec02 h4.tit small {font-size: 60%;color:#aaa;font-weight:400;}
.commercial .sec02 .secContainer {display:flex;justify-content:space-between;align-items:flex-start;gap: 2%;}
.commercial .sec02 .secContainer > img {border-radius:25px;box-shadow:6px 6px 8px rgba(0,0,0,0.16);max-width:600px;width: 43%; opacity:0;}
.commercial .sec02 .secContainer table {width: 55%; opacity:0;}

.commercial .sec03 {position:relative;}
.commercial .sec03:before {position:absolute; display:block; content:''; background:#f9f9f9; width:100vw; height:100%; top:0; left:calc(-50vw + 700px); z-index:-1; border-top-right-radius:100px;}
.commercial .sec03 > p {margin:-30px 0 40px;}
.commercial .sec03 .secContainer ul {display:flex; justify-content: center; opacity:0;}
.commercial .sec03 .secContainer ul li {width:25%;text-align:center;height:400px;display:flex;justify-content:center;align-items:center;flex-direction: column;background:#f5f5f5;border:1px solid #e8e8e8;gap: 20px;padding: 55px; transition-duration:.3s; position:relative; z-index:0;}
.commercial .sec03 .secContainer ul li:before {position:absolute; width:calc(100% + 2px); height:calc(100% + 2px); content:''; display:block; background:#fff; border:4px solid #1A68A3; z-index:-1; opacity:0; transition-duration:.3s;}
.commercial .sec03 .secContainer ul li img.on {display:none;}
.commercial .sec03 .secContainer ul li img.off {}
.commercial .sec03 .secContainer ul li p {font-size: 24px;font-family: 'S-CoreDream', sans-serif;color: #aaa;font-weight: 700; word-break:keep-all; line-height:1.4;}
.commercial .sec03 .secContainer ul li p strong {display:block;}
.commercial .sec03 .secContainer ul li.on:before {opacity:1;}
.commercial .sec03 .secContainer ul li.on img.on {display:block;}
.commercial .sec03 .secContainer ul li.on img.off {display:none;}
.commercial .sec03 .secContainer ul li.on p {color:#000;}
.commercial .sec03 .secContainer ul li.on strong {color:#1A68A3;}

.commercial .sec01 .systemBox.show {animation:aniBOTTOM 1.25s ease-in-out forwards;}
.commercial .sec02 .secContainer > img.show {animation:aniBOTTOM 1s ease-in-out forwards;}
.commercial .sec02 .secContainer table.show {animation:aniLEFT 1s ease-in-out forwards; animation-delay:.3s;}
.commercial .sec03 .secContainer ul.show {animation:aniBOTTOM 1s ease-in-out forwards;}

@media screen and (max-width:1599px){
	.commercial .sec01 {margin:0; padding: 60px 40px 100px;}
}

@media screen and (max-width:1419px){
	.commercial .sec01 .infoBox .info {gap: 10px; width: 100%; justify-content: space-between; padding: 40px 60px;}
	.commercial .sec02:before {left:-2vw;}
	.commercial .sec03:before {left:-2vw;}

	.commercial .sec03 .secContainer ul li {padding:3vw;height: 340px;}
	.commercial .sec03 .secContainer ul li img {width:80px;}
	.commercial .sec03 .secContainer ul li p {font-size:140%;}
	.commercial .sec03 .secContainer ul li p strong {display:inline}
}

@media screen and (max-width:1299px){
	
}

@media screen and (max-width:1199px){
	.commercial .sec01 .infoBox .info {align-items:flex-start;padding: 40px;}
	.commercial .sec01 .infoBox .info .infoList {width:30%;}
}

@media screen and (max-width:999px){
	.commercial > div {padding:80px 0;}
	.commercial .sec01 {padding: 50px 5%;}
	.commercial .sec01 .systemBox > div > ul.arrowList {gap:15vw;}
	.commercial .sec01 .systemBox > div > ul.arrowList li {width:17vw;}
	.commercial .sec01 .systemBox > div > ul.systemList li {width:30vw;height:30vw;font-size: 130%;}
	.commercial .sec01 .infoBox h5 {font-size:170%;margin-bottom: 20px;}
	.commercial .sec01 .infoBox .info {flex-direction:column; align-items:center; text-align:center; gap:30px;}
	.commercial .sec01 .infoBox .info .infoList {width:100%;}
	.commercial .sec01 .infoBox .info .infoList h6 {font-size:130%;}
	.commercial .sec01 .infoBox .info .infoList ul li {line-height:1.3;}

	.commercial .sec03 .secContainer ul li {height:300px;}
	.commercial .sec03 .secContainer ul li p {font-size:120%;}
	
}

@media screen and (max-width:799px){
	.commercial > div {padding:60px 0;}
	.commercial .sec01 > p {margin-bottom:40px;}
	.commercial .sec01 .infoBox h5 {margin-top:40px;font-size:130%;}
	.commercial .sec01 .infoBox .info {padding: 30px;gap: 25px;}
	.commercial .sec01 .infoBox .info .infoList h6 {font-size:120%;}
	.commercial .sec01 .infoBox .info .infoList ul li {font-size:100%;}
	.commercial .sec01 .systemBox > div > ul.arrowList li {font-size:100%;}
	.commercial .sec01 .systemBox > div > ul.systemList li img {width:40%;}
	.commercial .sec01 .systemBox > div > ul.systemList li {font-size: 120%;}

	.commercial .sec02 h4.tit {margin-bottom:35px;}
	.commercial .sec02 .secContainer {flex-direction:column; gap:20px;}
	.commercial .sec02 .secContainer > img {width:100%; max-height:300px; object-fit:cover;}
	.commercial .sec02 .secContainer > table {width:100%;}

	.commercial .sec03 .secContainer ul {flex-wrap:wrap;}
	.commercial .sec03 .secContainer ul li {width:100%; height:auto; padding:35px 20px; max-width:unset;}
	.commercial .sec03 .secContainer ul li.on:before {border-width:2px;}
	.commercial .sec03 .secContainer ul li p {font-size:110%;}
	
}

@media screen and (max-width:599px){
	.commercial .sec01 {border-top-right-radius: 60px;padding: 40px 5% 60px;}
	.commercial .sec01 .systemBox {display:flex;justify-content:center;align-items: center;}
	.commercial .sec01 .systemBox > div > ul {flex-direction:column;}
	.commercial .sec01 .systemBox > div > ul.arrowList {gap:20vw;}
	.commercial .sec01 .systemBox > div > ul.arrowList li {font-size:120%;width: 25vw;}
	.commercial .sec01 .systemBox > div > ul.systemList li {width: 40vw;height: 40vw;margin: -15px -2vw;}
	.commercial .sec01 .systemBox > div.systemBottom > ul.arrowList li {flex-direction:column-reverse;}
	.commercial .sec01 .systemBox > div.systemTop > ul.arrowList li:nth-child(1) {transform:rotate(-90deg);}
	.commercial .sec01 .systemBox > div.systemTop > ul.arrowList li:nth-child(2) {transform:rotate(-90deg);}
	.commercial .sec01 .systemBox > div.systemBottom > ul.arrowList li:nth-child(1) {transform:rotate(90deg);}
	.commercial .sec01 .systemBox > div.systemBottom > ul.arrowList li:nth-child(2) {transform:rotate(90deg);}
	.commercial .sec01 .systemBox > div.systemTop > ul.arrowList li:nth-child(1) img {transform: scaleX(-1);}
	.commercial .sec01 .systemBox > div.systemTop > ul.arrowList li:nth-child(2) img {transform:scaleX(1);}
	.commercial .sec01 .systemBox > div.systemBottom > ul.arrowList li:nth-child(1) img {transform:scaleX(-1);}
	.commercial .sec01 .systemBox > div.systemBottom > ul.arrowList li:nth-child(2) img {transform:scaleX(1);}

	.commercial .sec02 .secContainer > img {border-radius:15px; max-height:250px;}
	.commercial .sec02 h4.tit small {display:block; font-size:70%; margin-top:3px;}

	.commercial .sec03:before {border-top-right-radius: 60px;}
	.commercial .sec03 .secContainer ul li img {width:60px;}
}

@media screen and (max-width:499px){
	.commercial .sec01 > p {margin:-10px 0 30px;}
	.commercial .sec01 .systemBox > div > ul.systemList li {font-size:95%; margin:-10px -2vw;}
	.commercial .sec01 .systemBox > div > ul.arrowList li {font-size:90%;width: 28vw;}
	.commercial .sec03 > p {margin:-10px 0 30px;}
	.commercial .sec03 .secContainer ul li {padding:25px 20px;gap: 15px;}
	.commercial .sec03 .secContainer ul li img {width:60px;}
	.commercial .sec03 .secContainer ul li p {font-size:100%;}
}


/* 태양광 발전사업 프로세스 */
.secProcess {padding-bottom:0 !important;}
.secProcess .secContainer {padding: 35px 0 150px;position:relative;}
.secProcess .secContainer:before {position:absolute;display:block;content:'';background:url('../img/content/busi_processBg.jpg') no-repeat center bottom;background-size: cover;width:100vw;left:calc(-50vw + 700px);height: calc(100% + 200px);top:-200px;z-index:-1;}
.secProcess .processList {background:#fff; border:1px solid #ddd; border-radius:15px; padding:60px 100px 60px 145px;}
.secProcess .processList > li {min-height:115px; border-bottom:1px solid #ddd; display:flex; align-items:center; gap:40px; position:relative;}
.secProcess .processList > li:first-child {border-top:1px solid #ddd;}
.secProcess .processList > li em {position:absolute;width: 56px;height: calc(100% - 15px);display:flex;background:#ddd;top:0;left:-75px;justify-content:center;align-items:center;font-size:25px;font-family:'S-CoreDream', sans-serif;font-weight:700;color:#fff;font-style:inherit;padding-top: 10px;}
.secProcess .processList > li:nth-child(1) em {background:#1A68A3;}
.secProcess .processList > li:nth-child(2) em {background:#2E6DA2;}
.secProcess .processList > li:nth-child(3) em {background:#3E77AB;}
.secProcess .processList > li:nth-child(4) em {background:#4D82B4;}
.secProcess .processList > li:nth-child(5) em {background:#5A8EBD;}
.secProcess .processList > li:nth-child(6) em {background:#6799C7;}
.secProcess .processList > li:nth-child(7) em {background:#74A5D0;}
.secProcess .processList > li:nth-child(8) em {background:#80B2DA;}
.secProcess .processList > li:nth-child(9) em {background:#8DBEE5;}
.secProcess .processList > li:nth-child(10) em {background:#9ACBEE;}
.secProcess .processList > li:last-child em {background:#9ACBEE;}
.secProcess .processList > li em:before {position:absolute;display:block;content:'';top:0;width:0;height:0;border-top:15px solid #fff;border-right: 28px solid transparent;border-left: 28px solid transparent;left:0;z-index:0}
.secProcess .processList > li:nth-child(1) em:before {display:none;}
.secProcess .processList > li em:after {position:absolute;display:block;content:'';top:100%;width:0;height:0;border-top:15px solid #ddd;border-right: 28px solid transparent;border-left: 28px solid transparent;left:0;z-index:1;}
.secProcess .processList > li:nth-child(1) em:after {border-top-color:#1A68A3;}
.secProcess .processList > li:nth-child(2) em:after {border-top-color:#2E6DA2;}
.secProcess .processList > li:nth-child(3) em:after {border-top-color:#3E77AB;}
.secProcess .processList > li:nth-child(4) em:after {border-top-color:#4D82B4;}
.secProcess .processList > li:nth-child(5) em:after {border-top-color:#5A8EBD;}
.secProcess .processList > li:nth-child(6) em:after {border-top-color:#6799C7;}
.secProcess .processList > li:nth-child(7) em:after {border-top-color:#74A5D0;}
.secProcess .processList > li:nth-child(8) em:after {border-top-color:#80B2DA;}
.secProcess .processList > li:nth-child(9) em:after {border-top-color:#8DBEE5;}
.secProcess .processList > li:nth-child(10) em:after {border-top-color:#9ACBEE;}
.secProcess .processList > li:last-child em:after {border-top-color:#9ACBEE;}
.secProcess .processList > li h5 {min-width:310px; text-align:center; background:#F9F9F9; line-height:115px; font-family:'S-CoreDream', sans-serif; font-size:24px; font-weight:600;}
.secProcess .processList > li:nth-child(1) h5 {color:#1A68A3;}
.secProcess .processList > li:nth-child(2) h5 {color:#2E6DA2;}
.secProcess .processList > li:nth-child(3) h5 {color:#3E77AB;}
.secProcess .processList > li:nth-child(4) h5 {color:#4D82B4;}
.secProcess .processList > li:nth-child(5) h5 {color:#5A8EBD;}
.secProcess .processList > li:nth-child(6) h5 {color:#6799C7;}
.secProcess .processList > li:nth-child(7) h5 {color:#74A5D0;}
.secProcess .processList > li:nth-child(8) h5 {color:#80B2DA;}
.secProcess .processList > li:nth-child(9) h5 {color:#8DBEE5;}
.secProcess .processList > li:nth-child(10) h5 {color:#9ACBEE;}
.secProcess .processList > li:last-child h5 {color:#9ACBEE;}
.secProcess .processList > li .contList {display:flex;flex-wrap:wrap;gap: 8px 45px;}
.secProcess .processList > li .contList li {font-size:20px;letter-spacing: -.75px;word-break: keep-all;}

.secProcess .processList.show > li .contList li {animation: aniRIGHT 1s ease-in-out forwards;}

@media screen and (max-width:1419px){
	.secProcess .secContainer {padding: 35px 0 120px;}
	.secProcess .secContainer:before {left:-2vw;top: -14vw; height:calc(100% + 14vw);}
}

@media screen and (max-width:1299px){
	.secProcess .processList > li {gap:30px;min-height: 100px;}
	.secProcess .processList > li em {width:50px; left:-65px; font-size:130%;}
	.secProcess .processList > li em:before,
	.secProcess .processList > li em:after {border-left-width:25px; border-right-width:25px;}
	.secProcess .processList > li h5 {min-width: 250px;font-size: 130%;line-height: 100px;}
	.secProcess .processList > li .contList {gap: 0px 30px;}
	.secProcess .processList > li .contList li {font-size: 110%;}
}

@media screen and (max-width:1199px){
	
}

@media screen and (max-width:999px){
	.secProcess .processList {padding: 40px 30px 40px 75px;}
	.secProcess .processList > li {min-height:auto; padding:20px 0;}
	.secProcess .processList > li:before {width: 25%;height:100%;background:#f9f9f9;display:block;position:absolute;content:'';left:0;z-index:0;}
	.secProcess .processList > li em {font-size:100%;width: 34px;left:-45px;height: calc(100% - 10px);}
	.secProcess .processList > li em:before,
	.secProcess .processList > li em:after {border-left-width: 17px;border-right-width: 17px;border-top-width:10px;}
	.secProcess .processList > li h5 {line-height: 1.25;background:transparent;z-index:1;width: 25%;min-width:auto;text-align:center;flex-shrink: 0;padding: 0 10px;word-break: keep-all;font-size: 120%;}
	.secProcess .processList > li .contList {gap:3px 25px;}
}

@media screen and (max-width:799px){
	.secProcess h4.tit {margin-bottom:35px;}
	.secProcess .busiImg {height:250px !important; object-fit:cover;}
	.secProcess .secContainer {padding: 30px 0 100px;}
	.secProcess .secContainer:before {top:-125px; height:calc(100% + 125px);}
	.secProcess .processList > li:before {min-width:140px;}
	.secProcess .processList > li h5 {font-size:100%; min-width:140px;}
	.secProcess .processList > li .contList li {font-size: 100%;line-height: 1.3;}
}

@media screen and (max-width:599px){
	.secProcess .processList > li {gap:20px; padding:15px 0;}
}

@media screen and (max-width:499px){
	.secProcess .busiImg {height:200px !important;}
	.secProcess .secContainer {padding:20px 0 80px;}
	.secProcess .secContainer:before {top:-100px; height:calc(100% + 100px);}
	.secProcess .processList {padding: 30px 20px 30px 45px;}
	.secProcess .processList > li {flex-direction:column;align-items:flex-start;padding: 0;gap: 0;}
	.secProcess .processList > li:before {display:none;}
	.secProcess .processList > li em {font-size:90%;width: 20px;left:-25px;height: calc(100% - 6px);}
	.secProcess .processList > li em:before,
	.secProcess .processList > li em:after {border-left-width: 10px;border-right-width: 10px;border-top-width:6px;}
	.secProcess .processList > li h5 {font-size:90%; min-width:unset;padding: 10px;background:#f9f9f9;width:100%;text-align:left;}
	.secProcess .processList > li .contList {padding: 10px;}
	.secProcess .processList > li .contList li {font-size: 90%;}
}


/* 자가용PPA */
.residential {margin-bottom:-40px;}
.residential > div {padding:100px 0;}
.residential > div > p {text-align:center; font-size:20px; line-height:1.4;}
.residential > div > p b {color:#1A68A3;}
.residential .sec01 {position:relative; padding-top:0;}
.residential .sec01:before {position:absolute;display:block;content:'';width:100vw;min-height: 735px;bottom: 0;left:calc(-50vw + 700px);background:url('../img/content/busi04_sec01_bg.jpg') no-repeat center;background-size:cover;z-index:-1;}
.residential .sec01 .secContainer {display:flex;justify-content:center;align-items:center;text-align:center;margin-top: 60px;gap:50px;}
.residential .sec01 .secContainer .txtBox {font-size:18px;border-radius:20px;border:1px solid #1A68A3;background:#fff;width:380px;height:260px;display:flex;justify-content:center;align-items:center;opacity:0;padding: 20px;}
.residential .sec01 .secContainer .titBox {display:flex;align-items: center;justify-content: center;gap: 27px;opacity:0;margin: 60px 0;}
.residential .sec01 .secContainer .titBox h4 {width:180px; height:180px; font-size:24px; background:#1A68A3; border-radius:50%; display:flex; justify-content:center; align-items:center; font-weight:600; color:#fff; font-family:'S-CoreDream', sans-serif; box-shadow:0 0 20px #1A68A3; position:relative;}
.residential .sec01 .secContainer .titBox h4:before, .residential .sec01 .secContainer .titBox h4:after {position:absolute; display:block; content:''; border-radius:50%; background:#1A68A3; z-index:-1;}
.residential .sec01 .secContainer .titBox h4:before {opacity:0.3; top:-30px; bottom:-30px; left:-30px; right:-30px;}
.residential .sec01 .secContainer .titBox h4:after {opacity:0.1; top:-60px; bottom:-60px; left:-60px; right:-60px;}
.residential .sec01 .secContainer .titBox .arrowBox {display:flex; gap:12px; justify-content:center; align-items:center;}
.residential .sec01 .secContainer .titBox .arrowBox span {display:block; width:10px; height:12px; border-top:6px solid transparent; border-bottom:6px solid transparent; }
.residential .sec01 .secContainer .titBox .arrowBox.left span {border-right: 10px solid #1A68A3;}
.residential .sec01 .secContainer .titBox .arrowBox.right span {border-left: 10px solid #1A68A3;}
.residential .sec01 .secContainer .titBox .arrowBox span.opa2 {opacity:0.2;}
.residential .sec01 .secContainer .titBox .arrowBox span.opa5 {opacity:0.5;}

.residential .sec02 {position:relative;}
.residential .sec02:before {position:absolute; display:block; content:''; background:#f9f9f9; width:100vw; height:100%; top:0; left:calc(-50vw + 700px); z-index:-1; border-top-right-radius:100px;}
.residential .sec02 > p {margin:-30px 0 40px;}
.residential .sec02 .secContainer ul {display:flex; justify-content:center; opacity:0;}
.residential .sec02 .secContainer ul li {width:calc(100%/3); max-width:350px; text-align:center;height:400px;display:flex;justify-content:center;align-items:center;flex-direction: column;background:#f5f5f5;border:1px solid #e8e8e8;gap: 20px;padding: 55px; transition-duration:.3s; position:relative; z-index:0;}
.residential .sec02 .secContainer ul li:before {position:absolute; width:calc(100% + 2px); height:calc(100% + 2px); content:''; display:block; background:#fff; border:4px solid #1A68A3; z-index:-1; opacity:0; transition-duration:.3s;}
.residential .sec02 .secContainer ul li img.on {display:none;}
.residential .sec02 .secContainer ul li img.off {}
.residential .sec02 .secContainer ul li p {font-size: 24px;font-family: 'S-CoreDream', sans-serif;color: #aaa;font-weight: 700; word-break:keep-all; line-height:1.4;}
.residential .sec02 .secContainer ul li p strong {display:block;}
.residential .sec02 .secContainer ul li.on:before {opacity:1;}
.residential .sec02 .secContainer ul li.on img.on {display:block;}
.residential .sec02 .secContainer ul li.on img.off {display:none;}
.residential .sec02 .secContainer ul li.on p {color:#000;}
.residential .sec02 .secContainer ul li.on strong {color:#1A68A3;}

.residential .sec01 .secContainer.show .txtBox.left {animation:aniLEFT 1s ease-in-out forwards; animation-delay:.3s;}
.residential .sec01 .secContainer.show .txtBox.right {animation:aniRIGHT 1s ease-in-out forwards; animation-delay:.3s;}
.residential .sec01 .secContainer.show .titBox {animation:fadeIn 1s ease-in-out forwards;}

.residential .sec02 .secContainer ul.show {animation:aniBOTTOM 1s ease-in-out forwards;}

@media screen and (max-width:1149px){
	.residential .sec01 .secContainer .txtBox p {word-break:keep-all;}
	.residential .sec01 .secContainer .txtBox br {display:none;}
	
}
@media screen and (max-width:1419px){
	.residential .sec01:before {left:-2vw;}
	
	.residential .sec02:before {left:-2vw;}
	.residential .sec02 .secContainer ul li {padding:3vw;height: 340px;}
	.residential .sec02 .secContainer ul li img {width:80px;}
	.residential .sec02 .secContainer ul li p {font-size:140%;}
	.residential .sec02 .secContainer ul li p strong {display:inline}
}

@media screen and (max-width:999px){
	.residential > div {padding:80px 0;}

	.residential .sec01 .secContainer {gap:3vw; margin-top:40px;}
	.residential .sec01 .secContainer .txtBox {font-size: 105%;line-height: 1.3;height: auto;padding: 40px 20px;}
	.residential .sec01 .secContainer .titBox {gap: 2vw; margin:50px 0;}
	.residential .sec01 .secContainer .titBox h4 {font-size:140%; width:160px; height:160px;}
	.residential .sec01 .secContainer .titBox h4:before {opacity:0.3; top:-25px; bottom:-25px; left:-25px; right:-25px;}
	.residential .sec01 .secContainer .titBox h4:after {opacity:0.1; top:-50px; bottom:-50px; left:-50px; right:-50px;}

	.residential .sec02 .secContainer ul li {height:300px;}
	.residential .sec02 .secContainer ul li p {font-size:120%;}
}

@media screen and (max-width:799px){
	.residential > div {padding:60px 0;}
	
	.residential .sec01 .secContainer {flex-direction:column; margin-top:20px; gap:10px;}
	.residential .sec01 .secContainer .txtBox {order:1;width:100%;padding:30px;border-radius: 15px;}
	.residential .sec01 .secContainer .titBox {order:0;flex-direction:column; margin:40px 0 10px;}
	.residential .sec01 .secContainer .titBox h4 {font-size:130%; width:140px; height:140px;}
	.residential .sec01 .secContainer .titBox h4:before {opacity:0.3; top:-20px; bottom:-20px; left:-20px; right:-20px;}
	.residential .sec01 .secContainer .titBox h4:after {opacity:0.1; top:-40px; bottom:-40px; left:-40px; right:-40px;}
	.residential .sec01 .secContainer .titBox .arrowBox.left {display:none;}
	.residential .sec01 .secContainer .titBox .arrowBox.right {flex-direction:column; gap:8px;}
	.residential .sec01 .secContainer .titBox .arrowBox span {transform:rotate(90deg);}
	
	.residential .sec02 .secContainer ul {flex-wrap:wrap;}
	.residential .sec02 .secContainer ul li {width:100%;height:auto;max-width: unset; padding:35px 20px;}
	.residential .sec02 .secContainer ul li.on:before {border-width:2px;}
	.residential .sec02 .secContainer ul li p {font-size:110%;}
}

@media screen and (max-width:599px){
	.residential .sec02:before {border-top-right-radius:60px;}
	.residential .sec02 .secContainer ul li img {width:60px;}
}

@media screen and (max-width:499px){
	.residential .sec01 .secContainer.show .txtBox {font-size:90%; padding:20px;}
	.residential .sec01 .secContainer .titBox {margin: 30px 0 5px;gap: 8px;}
	.residential .sec01 .secContainer .titBox h4 {font-size:115%; width:120px; height:120px;}
	.residential .sec01 .secContainer .titBox h4:before {opacity:0.3; top:-15px; bottom:-15px; left:-15px; right:-15px;}
	.residential .sec01 .secContainer .titBox h4:after {opacity:0.1; top:-30px; bottom:-30px; left:-30px; right:-30px;}
	.residential .sec01 .secContainer .titBox .arrowBox.right {gap:4px;}
	
	.residential .sec02 > p {margin:-10px 0 30px;}
	.residential .sec02 .secContainer ul li {padding:25px 20px;gap: 15px;}
	.residential .sec02 .secContainer ul li img {width:60px;}
	.residential .sec02 .secContainer ul li p {font-size:100%;}
}


/* 가정용태양광 */
.home {margin-bottom:-40px;}
.home > div {padding:100px 0;}
.home > div > p {text-align:center; font-size:20px; line-height:1.4;}
.home > div > p b {color:#1A68A3;}
.home .sec01 {padding-top:0; text-align:center; position:relative;}
.home .sec01:before {position:absolute;display:block;content:'';width:100vw;height: 910px;background:url('../img/content/busi05_sec01_bg.png') no-repeat center;bottom:0;left:calc(-50vw + 700px);z-index: -1;}
.home .sec01 > p {margin-bottom:40px;}
.home .sec01 ul {display:flex;max-width:1200px;width:100%;justify-content:center;align-items:center;border:5px solid #1A68A3;margin:0 auto;background: #f9f9f9;}
.home .sec01 ul li {width:calc(100%/3);padding:50px;position:relative;}
.home .sec01 ul li:nth-child(2n) {background:#fff;}
.home .sec01 ul li:not(:first-child):after {position:absolute; display:block; content:url('../img/content/busi05_sec01_arrow.png'); left:-22px; top:calc(50% - 22px);}
.home .sec01 ul li img {mix-blend-mode: multiply; opacity:0;}
.home .sec01 .txtBox {background:#1A68A3; max-width:1200px; width:100%; color:#fff; display:flex; justify-content:center; align-items:center; font-size:24px; padding:40px; line-height:1.4; margin: 0 auto;}
.home .sec01 .txtBox p {opacity:0;}

.home .sec02 {position:relative;}
.home .sec02:before {position:absolute; display:block; content:''; background:#f9f9f9; border-top-right-radius:100px; width:100vw; height:100%; z-index:-1; left:calc(-50vw + 700px); top:0;}
.home .sec02 > p {margin:-30px 0 40px;}
.home .sec02 .secContainer {display:flex; justify-content:center; align-items:center; gap:60px; margin-top:40px;}
.home .sec02 .secContainer > img {border-radius:25px;box-shadow:6px 6px 8px rgba(0,0,0,0.16);max-width: 680px !important;opacity:0;}
.home .sec02 .secContainer .tableBox {width:500px; opacity:0;}
.home .sec02 .secContainer .tableBox h5 {font-size:30px; word-break:keep-all;}
.home .sec02 .secContainer .tableBox h5 strong {color:#1A68A3;}
.home .sec02 .secContainer .tableBox table {width:100%; margin:20px 0 8px;}
.home .sec02 .secContainer .tableBox table th:first-child, .home .sec02 .secContainer .tableBox table td:first-child {width: 40%;border-left:none;max-width:170px;}
.home .sec02 .secContainer .tableBox p {font-size:14px; color:#aaa; text-align:right;}

.home .sec03 {position:relative;padding:90px 0;text-align:center;color:#fff;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 50px;}
.home .sec03:before {position:absolute; display:block; content:''; background:url('../img/content/busi05_bgBan.jpg') no-repeat center; background-attachment:fixed; width:100vw; height:100%; z-index:-1; left:calc(-50vw + 700px); top:0;}
.home .sec03 h4 {font-size:35px; line-height:1.3; opacity:0; word-break:keep-all;}
.home .sec03 .innerBox {position:relative; border-radius:20px; border:1px solid #fff; background:rgba(0,0,0,0.3); width:500px; padding:45px 20px 35px;  opacity:0;}
.home .sec03 .innerBox h5 {background:#1A8CE2;font-size:24px;padding:10px 35px;position:absolute;top: -25px;left:50%;transform:translateX(-50%);border-radius:30px;white-space: nowrap; font-weight:600;}
.home .sec03 .innerBox p {font-size:20px; word-break:keep-all;}

.home .sec04 {position:relative;}
.home .sec04:before {position:absolute; display:block; content:''; background:#f9f9f9; width:100vw; height:100%; top:0; left:calc(-50vw + 700px); z-index:-1;}
.home .sec04 > p {margin:-30px 0 40px;}
.home .sec04 .secContainer ul {display:flex; justify-content:center; opacity:0;}
.home .sec04 .secContainer ul li {width:calc(100%/3); max-width:350px; text-align:center;height:400px;display:flex;justify-content:center;align-items:center;flex-direction: column;background:#f5f5f5;border:1px solid #e8e8e8;gap: 20px;padding: 55px; transition-duration:.3s; position:relative; z-index:0;}
.home .sec04 .secContainer ul li:before {position:absolute; width:calc(100% + 2px); height:calc(100% + 2px); content:''; display:block; background:#fff; border:4px solid #1A68A3; z-index:-1; opacity:0; transition-duration:.3s;}
.home .sec04 .secContainer ul li img.on {display:none;}
.home .sec04 .secContainer ul li img.off {}
.home .sec04 .secContainer ul li p {font-size: 24px;font-family: 'S-CoreDream', sans-serif;color: #aaa;font-weight: 700; word-break:keep-all; line-height:1.4;}
.home .sec04 .secContainer ul li p strong {display:block;}
.home .sec04 .secContainer ul li.on:before {opacity:1;}
.home .sec04 .secContainer ul li.on img.on {display:block;}
.home .sec04 .secContainer ul li.on img.off {display:none;}
.home .sec04 .secContainer ul li.on p {color:#000;}
.home .sec04 .secContainer ul li.on strong {color:#1A68A3;}

.home .sec05 {padding-bottom:0;}
.home .sec05 .secContainer {padding: 80px 0 150px;position:relative;display:flex;flex-wrap:wrap;gap:100px;justify-content: flex-end;}
.home .sec05 .secContainer:before {position:absolute;display:block;content:'';background:#f9f9f9 url('../img/content/busi04_bg.png');background-size: cover;width:100vw;left:calc(-50vw + 700px);height: calc(100% + 200px);top:-200px;z-index:-1;}
.home .sec05 .secContainer > div {width:calc(50% - 70px); min-height:260px; opacity:0;}
.home .sec05 .secContainer .list {background:#fff; border:5px solid #ddd; border-radius:15px; display:flex; padding:0 70px; gap:30px; align-items:center; position:relative;}
.home .sec05 .secContainer .list:after {position:absolute; display:block;}
.home .sec05 .secContainer .imgBox {display:flex; justify-content:center; align-items:center;}
.home .sec05 .secContainer .list .num {position:absolute; width:80px; height:80px; display:block; top:-40px; left:-40px; background:#111; color:#fff; text-align:center; line-height:80px; border-radius:50%; font-size:28px; font-style:inherit; font-weight:600; font-family:'S-CoreDream', sans-serif;}
.home .sec05 .secContainer .list .icon {width:120px; height:120px; background:#F5F5F5; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0; }
.home .sec05 .secContainer .list h5 {font-family:'S-CoreDream', sans-serif; font-size:26px; font-weight:600; margin-bottom:10px;}
.home .sec05 .secContainer .list .contList {display:flex; flex-wrap:wrap; gap:6px 25px;}
.home .sec05 .secContainer .list .contList li {font-size:20px; word-break:keep-all; color:#333;}
.home .sec05 .secContainer .list .contList li.point {font-weight:700; color:#000; width:100%; margin-top:10px;}
.home .sec05 .secContainer .list .contList li.point span {display:block; margin-left:10px; margin-top:5px; font-size:18px; color:#AAAAAA; font-weight:400; line-height:1.25;}
.home .sec05 .secContainer .list.list01 {order:1; border-color:#1A68A3;}
.home .sec05 .secContainer .list.list01 em {background:#1A68A3;}
.home .sec05 .secContainer .list.list01 h5 {color:#1A68A3;}
.home .sec05 .secContainer .list.list01:after {content:url('../img/content/busi04_arrow01.gif'); right:-96px;}
.home .sec05 .secContainer .list.list02 {order:2; border-color:#3B75A9;}
.home .sec05 .secContainer .list.list02 em {background:#3B75A9;}
.home .sec05 .secContainer .list.list02 h5 {color:#3B75A9;}
.home .sec05 .secContainer .list.list02:after {content:url('../img/content/busi04_arrow02.gif'); bottom:-100px; left:50%; transform:translateX(-50%);}
.home .sec05 .secContainer .list.list03 {order:4; border-color:#5589B9;}
.home .sec05 .secContainer .list.list03 em {background:#5589B9;}
.home .sec05 .secContainer .list.list03 h5 {color:#5589B9;}
.home .sec05 .secContainer .list.list03:after {content:url('../img/content/busi04_arrow03.gif'); left:-96px;}
.home .sec05 .secContainer .list.list04 {order:3; border-color:#83B4DC;}
.home .sec05 .secContainer .list.list04 em {background:#83B4DC;}
.home .sec05 .secContainer .list.list04 h5 {color:#83B4DC;}
.home .sec05 .secContainer .list.list04:after {content:url('../img/content/busi04_arrow04.gif'); bottom:-100px; left:50%; transform:translateX(-50%);}
.home .sec05 .secContainer .list.list05 {order:5; border-color:#99D3FF;}
.home .sec05 .secContainer .list.list05 em {background:#99D3FF;}
.home .sec05 .secContainer .list.list05 h5 {color:#99D3FF;}
.home .sec05 .secContainer .list.list05:after {content:url('../img/content/busi04_arrow05.gif'); right:-95px;}
.home .sec05 .secContainer .list06 {order:6;}

.home .sec01 ul.show li img {animation:aniRIGHT 1s ease-in-out forwards;}
.home .sec01 ul.show li:nth-child(2) img {animation-delay:.3s;}
.home .sec01 ul.show li:nth-child(3) img {animation-delay:.6s;}
.home .sec01 .txtBox.show p {animation:aniBOTTOM .75s ease-in-out forwards;}
.home .sec03.show h4 {animation:aniBOTTOM .75s ease-in-out forwards;}
.home .sec03.show .innerBox {animation:aniBOTTOM .75s ease-in-out forwards;}
.home .sec02 .secContainer > img.show {animation:aniBOTTOM 1s ease-in-out forwards;}
.home .sec02 .secContainer .tableBox.show {animation:aniLEFT 1s ease-in-out forwards; animation-delay:.3s;}
.home .sec04 .secContainer ul.show {animation:aniBOTTOM 1s ease-in-out forwards;}
.home .sec05 .secContainer .list.list01.show {animation: aniRIGHT 1.25s ease-in-out forwards;}
.home .sec05 .secContainer .list.list02.show {animation: aniTOP 1.25s ease-in-out forwards; animation-delay:.25s;}
.home .sec05 .secContainer .list.list03.show {animation: aniLEFT 1.25s ease-in-out forwards; animation-delay:.25s;}
.home .sec05 .secContainer .list.list04.show {animation: aniTOP 1.25s ease-in-out forwards; animation-delay:.25s;}
.home .sec05 .secContainer .list.list05.show {animation: aniRIGHT 1.25s ease-in-out forwards; animation-delay:.25s;}
.home .sec05 .secContainer .list06.show {animation: fadeIn 1.25s ease-in-out forwards; animation-delay:.5s;}

@media screen and (max-width:1419px){
	.home .sec01:before {left:-2vw;}

	.home .sec02:before {left:-2vw;}
	.home .sec02 .secContainer {gap:4%;}
	.home .sec02 .secContainer > img {width: 55%;}
	.home .sec02 .secContainer .tableBox  {width: 41%;}
	.home .sec02 .secContainer .tableBox h5 {font-size:175%;}

	.home .sec03:before {left:-2vw;}
	
	.home .sec04:before {left:-2vw;}
	.home .sec04 .secContainer ul li {padding:3vw;height: 340px;}
	.home .sec04 .secContainer ul li img {width:80px;}
	.home .sec04 .secContainer ul li p {font-size:140%;}
	.home .sec04 .secContainer ul li p strong {display:inline}
	
	.home .sec05 .secContainer:before {left:-2vw; top:-14vw;}
	.home .sec05 .secContainer .list {padding:0 40px;}
}

@media screen and (max-width:1299px){
	.home .sec05 .secContainer .list {gap:20px; padding:0 30px;}
	.home .sec05 .secContainer .list .icon {width:100px; height:100px;}
	.home .sec05 .secContainer .list .icon img {width:70%; height:70%;}
	.home .sec05 .secContainer .list h5 {font-size:150%;}
	.home .sec05 .secContainer .list .contList {gap: 0px 15px;}
	.home .sec05 .secContainer .list .contList li {font-size:110%;}
	.home .sec05 .secContainer .list .contList li.point span {font-size:90%;}
}

@media screen and (max-width:999px){
	.home > div {padding:80px 0;}

	.home .sec01 ul li {padding: 30px;}
	.home .sec01 .txtBox {font-size:140%;padding: 35px;}
	
	.home .sec02 .secContainer {gap:3%;align-items: flex-start;}
	.home .sec02 .secContainer > img {width: 50%;}
	.home .sec02 .secContainer .tableBox  {width: 47%;}
	.home .sec02 .secContainer .tableBox h5 {font-size:150%;}

	.home .sec03 {padding:70px 0;gap: 45px;}
	.home .sec03:before {background-attachment:unset;}
	.home .sec03 h4 {font-size:200%;}
	.home .sec03 .innerBox {padding: 35px 20px 25px;}
	.home .sec03 .innerBox h5 {font-size:120%;}
	.home .sec03 .innerBox p {font-size:110%;}
	
	.home .sec04 .secContainer ul li {height:300px;}
	.home .sec04 .secContainer ul li p {font-size:120%;}
	
	.home .sec05 .busiImg {}
	.home .sec05 .secContainer {gap: 80px; padding-bottom:120px;}
	.home .sec05 .secContainer > div {width: calc(50% - 50px);min-height: 200px;}
	.home .sec05 .secContainer .list {border-width:3px;}
	.home .sec05 .secContainer .list .num {width:50px;height:50px;top: -25px;left: -25px;line-height: 50px;font-size: 120%;}
	.home .sec05 .secContainer .list .icon {position:absolute;right:30px;top:20px;background:transparent;width:auto;height:auto;justify-content: flex-end;}
	.home .sec05 .secContainer .list h5 {font-size:130%;}
	.home .sec05 .secContainer .list.list01:after {right: -84px;}
	.home .sec05 .secContainer .list.list02:after {bottom: -91px;}
	.home .sec05 .secContainer .list.list03:after {left: -84px;}
	.home .sec05 .secContainer .list.list04:after {bottom: -91px;}
}

@media screen and (max-width:799px){
	.home > div {padding:60px 0;}

	.home .sec01 ul {border-width:3px;}
	.home .sec01 .txtBox {font-size: 120%;padding:30px;}
	.home .sec01 .txtBox p {word-break:keep-all;}
	.home .sec01 .txtBox br {display:none;}

	.home .sec02 .secContainer {flex-direction:column; gap:30px;}
	.home .sec02 .secContainer > img {width: 100%; max-width:unset !important; max-height:300px; object-fit:cover;}
	.home .sec02 .secContainer .tableBox  {width: 100%;}
	.home .sec02 .secContainer .tableBox h5 {font-size:140%; text-align:center;}
	.home .sec02 .secContainer .tableBox h5 br {display:none;}

	.home .sec03 {padding:60px 0;gap: 38px;}
	.home .sec03 h4 {font-size:160%;}
	.home .sec03 .innerBox {padding: 30px 20px 20px;width: 420px;border-radius: 15px;}
	.home .sec03 .innerBox h5 {padding: 8px 28px;top: -20px;}
	.home .sec03 .innerBox p {line-height:1.3;}
	
	.home .sec04 .secContainer ul {flex-wrap:wrap;}
	.home .sec04 .secContainer ul li {width:100%;height:auto;max-width: unset; padding:35px 20px;}
	.home .sec04 .secContainer ul li.on:before {border-width:2px;}
	.home .sec04 .secContainer ul li p {font-size:110%;}
	
	.home .sec05 .busiImg {height:250px !important; object-fit:cover;}
	.home .sec05 .secContainer:before {top:-125px;}
	.home .sec05 .secContainer {justify-content:center}
	.home .sec05 .secContainer > div {width:calc(100% - 50px); min-height:auto;}
	.home .sec05 .secContainer .list {padding:30px;}
	.home .sec05 .secContainer .list.list03 {order:3;}
	.home .sec05 .secContainer .list.list04 {order:4;}
	.home .sec05 .secContainer .list06 {margin-top:30px;}
	.home .sec05 .secContainer .list:after {right: auto !important;bottom: -88px !important;left:50% !important;transform:translateX(-50%);}
	.home .sec05 .secContainer .list.list01:after {transform:translateX(-50%) rotate(90deg);}
	.home .sec05 .secContainer .list.list03:after {transform:translateX(-50%) rotate(-90deg);}
	.home .sec05 .secContainer .list.list05:after {transform:translateX(-50%) rotate(90deg);bottom: -92px !important;z-index:-1;}
	.home .sec05 .secContainer .list .icon {right:20px;top: 10px;}
	
	.home .sec05 .secContainer .list.list01.show, 
	.home .sec05 .secContainer .list.list02.show,
	.home .sec05 .secContainer .list.list03.show,
	.home .sec05 .secContainer .list.list04.show,
	.home .sec05 .secContainer .list.list05.show,
	.home .sec05 .secContainer .list06.show {animation: aniTOP 1.25s ease-in-out forwards;}
}

@media screen and (max-width:599px){

	.home .sec01 ul li {padding: 20px;}
	.home .sec01 .txtBox {font-size:110%; padding:25px;}
	
	.home .sec02:before {border-top-right-radius:60px;}
	.home .sec02 .secContainer > img {max-height:250px; border-radius:15px;}
	
	.home .sec04 .secContainer ul li img {width:60px;}
}

@media screen and (max-width:499px){

	.home .sec01 ul {flex-direction:column;}
	.home .sec01 ul li {width:100%; padding:0;}
	.home .sec01 ul li:nth-child(2n) {padding: 15px 0;margin: 15px 0;}
	.home .sec01 ul li:not(:first-child):after {left: calc(50% - 26px);top: -22px;transform: rotate(90deg);}
	.home .sec01 ul li:last-child:after {top: -37px;}
	.home .sec01 ul li img {width:150px;}
	.home .sec01 .txtBox {font-size:90%; padding:20px 15px;}
	.home .sec01 ul.show li img {animation:aniTOP 1s ease-in-out forwards;}

	.home .sec02 > p {margin:-10px 0 30px;}
	.home .sec02 .secContainer .tableBox h5 {font-size:120%;}

	.home .sec03 {padding:50px 0;gap: 25px;}
	.home .sec03 h4 {font-size:130%;}
	.home .sec03 .innerBox {padding: 25px 20px 20px;width:80%;}
	.home .sec03 .innerBox h5 {font-size:100%;padding: 6px 25px;top: -15px;}
	.home .sec03 .innerBox p {font-size:90%;}
	
	.home .sec04 > p {margin:-10px 0 30px;}
	.home .sec04 .secContainer ul li {padding:25px 20px;gap: 15px;}
	.home .sec04 .secContainer ul li img {width:60px;}
	.home .sec04 .secContainer ul li p {font-size:100%;}
	
	.home .sec05 .busiImg {height:200px !important;}
	.home .sec05 .secContainer:before {top:-100px;}
	.home .sec05 .secContainer {padding:50px 0 80px;}
	.home .sec05 .secContainer .list {padding:20px 25px;}
	.home .sec05 .secContainer .list .icon {display:none;}
	.home .sec05 .secContainer .list h5 {font-size: 115%;margin-bottom: 8px;}
	.home .sec05 .secContainer .list .contList li {font-size:100%;line-height: 1.4;}
}

@media screen and (max-width:399px){
	.home .sec03 br {display:none;}
}