@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; word-break:keep-all;}
.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; text-align:center;}
.company .bottomSection ul.circle li .box p {height:48px; font-size:18px; line-height:120%; 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%; height:auto;}
	}

	@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:95%; 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:90%;}
	}

.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 {flex-direction: column !important; font-size:110%;}
		.history .yearBox ul.text li b {display:block;}

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

		.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; line-height:120%; 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:110%;}
		.certificates .box .titBox h5 {font-size:120%;}
	}

	@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; word-break:keep-all;}
.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%;}
		.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:19px; font-weight:300; color:#000; margin-left:50px;}
.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;}
}