@charset "utf-8";

.contents {}
.contents * {letter-spacing:-.25px; word-break:keep-all; box-sizing:border-box;}

/* ceo인사말 */
.ceo {}
.ceo .sec01 {display:flex; align-items:center;}
.ceo .sec01 img {opacity:0;}
.ceo .sec01 .ceotxt {margin-left:50px; opacity:0;}
.ceo .sec01 .ceotxt h4 {font-size:30px; font-weight:600; color:#0078FF;}
.ceo .sec01 .ceotxt p {font-size:18px; font-weight:400; color:#232323; margin:40px 0;}
.ceo .sec01 .ceotxt span {font-size:24px; font-weight:600; color:#232323;}
.ceo .sec01 .ceotxt span strong {font-weight:800; display:inline-block; padding:0 15px;}
.ceo .sec02 {background:url('../img/content/img_greeting.jpg'); background-size:cover; width:100vw; margin-top:150px;}
.ceo .sec02 .greetingList {display:flex; align-items:center;}
.ceo .sec02 .greetingList li {transition-duration:.3s; width:25%;text-align:center;color:#fff;min-height:600px; display:flex;flex-direction:column;justify-content:center;align-items: center;}
.ceo .sec02 .greetingList li:not(:first-child) {border-left:1px solid rgba(255,255,255,.25);}
.ceo .sec02 .greetingList li:hover {background:rgba(0,120,255,0.75);}
.ceo .sec02 .greetingList li > div {opacity:0;}
.ceo .sec02 .greetingList li .icon {width:45px;height:45px;background-size:contain;background-repeat:no-repeat;margin: auto;}
.ceo .sec02 .greetingList li:nth-child(1) .icon {background-image:url('../img/content/icon_ceo01.png');}
.ceo .sec02 .greetingList li:nth-child(2) .icon {background-image:url('../img/content/icon_ceo02.png');}
.ceo .sec02 .greetingList li:nth-child(3) .icon {background-image:url('../img/content/icon_ceo03.png');}
.ceo .sec02 .greetingList li:nth-child(4) .icon {background-image:url('../img/content/icon_ceo04.png');}
.ceo .sec02 .greetingList li span {font-size:16px;font-family:'Montserrat', sans-serif;text-transform:uppercase;display: block;margin: 20px 0 10px; letter-spacing:-.5px;}
.ceo .sec02 .greetingList li p {font-size:30px; font-weight:500;}

.ceo .sec01.show img {animation: fadeInUp 1s ease-in-out forwards;}
.ceo .sec01.show .ceotxt {animation: fadeInRight 1s ease-in-out forwards;}
.ceo .sec02.show .greetingList li:nth-child(1) > div {animation: fadeInUp 1s ease-in-out forwards;}
.ceo .sec02.show .greetingList li:nth-child(2) > div {animation: fadeInUp 1s ease-in-out forwards; animation-delay:.25s;}
.ceo .sec02.show .greetingList li:nth-child(3) > div {animation: fadeInUp 1s ease-in-out forwards; animation-delay:.5s;}
.ceo .sec02.show .greetingList li:nth-child(4) > div {animation: fadeInUp 1s ease-in-out forwards; animation-delay:.75s;}

	@media screen and (max-width:1419px){
		.ceo .sec01 {align-items:flex-start;}
		.ceo .sec01 img {width:40%;}
	}

	@media screen and (max-width:999px){
		.ceo .sec01 .ceotxt {margin-left:35px;}
		.ceo .sec01 .ceotxt h4 {font-size:24px;}
		.ceo .sec01 .ceotxt p {font-size:17px; margin:25px 0; line-height:1.25;}
		.ceo .sec01 .ceotxt span {font-size:20px;}
		.ceo .sec01 .ceotxt span strong {padding:0 8px;}
		.ceo .sec02 {margin-top:100px;}
		.ceo .sec02 .greetingList li {min-height: 400px;}
		.ceo .sec02 .greetingList li .icon {width: 35px; height: 35px;}
		.ceo .sec02 .greetingList li span {font-size: 14px;line-height: 1.25;margin: 15px 0 8px;}
		.ceo .sec02 .greetingList li p {font-size: 24px;}
	}

	@media screen and (max-width:799px){
		.ceo .sec01 {flex-wrap:wrap; justify-content:center; text-align:center;}
		.ceo .sec01 img {width:60%; margin-bottom:30px;}
		.ceo .sec01 .ceotxt {margin-left:0;}
		.ceo .sec02 .greetingList {flex-wrap:wrap;}
		.ceo .sec02 .greetingList li {min-height: 250px; width:50%;}
		.ceo .sec02 .greetingList li:not(:first-child) {border:none;}		
		.ceo .sec02 .greetingList li:nth-child(even) {border-left:1px solid rgba(255,255,255,.25);}
		.ceo .sec02 .greetingList li:not(:nth-child(1)),.ceo .sec02 .greetingList li:not(:nth-child(2)) {border-top:1px solid rgba(255,255,255,.25)}
	}

	@media screen and (max-width:599px){
		.ceo .sec01 .ceotxt h4 {font-size:22px;}
		.ceo .sec01 .ceotxt h4 br {display:none;}
		.ceo .sec01 .ceotxt p {font-size:16px; margin:20px 0;}
		.ceo .sec01 .ceotxt span {font-size:18px;}
		.ceo .sec02 {margin-top:60px;}
	}

	@media screen and (max-width:499px){
		.ceo .sec01 img {width:80%;}
		.ceo .sec02 .greetingList li {min-height: 200px;}
		.ceo .sec02 .greetingList li .icon {width: 30px; height: 30px;}
		.ceo .sec02 .greetingList li span {font-size: 12px;margin: 12px 0 6px;}
		.ceo .sec02 .greetingList li p {font-size: 20px;}
	}


/* 경영방침 및 사훈 */
.management {}
.management h4 {text-align:center; font-size:30px; font-weight:500;}
.management .tit {opacity:0; width:230px;height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0078FF;color:#fff;border-radius:50%;margin: auto;position: relative;}
.management .tit:before {position:absolute; content:''; width:260px; height:260px; border:2px solid #0078FF; top:50%; left:50%; border-radius:50%; transform:translate(-50%, -50%);}
.management .tit:after {opacity:0; position:absolute;content:url('../img/content/icon_arrow.png');bottom: -90px;}
.management .tit span {font-size:14px; font-family:'Montserrat', sans-serif; text-transform:uppercase;}
.management .tit h5 {font-size:30px; font-weight:600; margin-top:14px; padding-top:14px; position:relative;}
.management .tit h5:before {position:absolute; content:''; background:#fff; width:20px; height:1px; top:0; left:50%; transform:translateX(-50%);}

.management .sec01 {margin: 65px auto 70px;text-align:center;}
.management .sec01 .policyList {display:flex;justify-content:center;align-items:flex-end;margin: -115px auto 70px;position:relative;min-width:1100px;min-height: 470px;overflow: hidden;padding-bottom: 15px;}
.management .sec01 .policyList:before {opacity:0;position:absolute;content:'';width: 1100px;height: calc(100% - 105px);background: url('../img/content/img_manageLine.png') bottom center no-repeat;background-size: cover;bottom: 105px;z-index:-1;}
.management .sec01 .policyList li {opacity:0;width: 200px;height:200px;margin:0 45px;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;position:relative;flex-shrink: 0;}
.management .sec01 .policyList li:nth-child(1) {margin-bottom: 70px;}
.management .sec01 .policyList li:nth-child(2) {margin-bottom: 0;}
.management .sec01 .policyList li:nth-child(3) {margin-bottom: 70px;}
.management .sec01 .policyList li:before {position:absolute;display:block;content:'';z-index:-1;width:230px;height:230px;border:1px solid #CAD1D8;background:#fff;border-radius:50%;top: 50%;left:50%;transform:translate(-50%, -50%);}
.management .sec01 .policyList li em {border:1px solid #0078FF;display:block;width:100%;height:100%;position:absolute;border-radius:50%;flex-shrink: 0;}
.management .sec01 .policyList li em:after {position:absolute; display:block; content:''; width:12px; height:12px; background:#0078FF; border:2px solid #fff; border-radius:50%; left:50%; bottom:-6.5px; transform:translateX(-50%);}
.management .sec01 .policyList li:nth-child(2) em:after {top:-6.5px; bottom:inherit;}
.management .sec01 .policyList li .icon {display:block; width:auto; height:30px; background-repeat:no-repeat; background-position:center;}
.management .sec01 .policyList li span {display:block; content:''; background:#0078FF; width:16px; height:1px; margin:10px auto;}
.management .sec01 .policyList li p {font-size:24px; font-weight:600;}

.management .sec02 {width:100%; padding:120px 0 100px; background:url('../img/content/bg_manage.jpg') no-repeat; background-size:cover; color:#fff;}
.management .sec02 .tit:before {border:2px solid #fff;}
.management .sec02 .policyList {margin:125px 0 40px;display:flex;justify-content:center;align-items:center;gap: 90px;}
.management .sec02 .policyList li {opacity:0;width:200px;height:200px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,0.1);border:1px solid #fff;border-radius:30px 0 0 0;}
.management .sec02 .policyList li .icon {display:block; width:auto; height:40px; background-repeat:no-repeat; background-position:center;}
.management .sec02 .policyList li span {display:block; content:''; background:#fff; width:16px; height:1px; margin:10px auto;}
.management .sec02 .policyList li p {font-size:24px;font-weight:500;text-align: center;}
.management .sec02 .policyList + p {opacity:0; text-align:center; font-size:18px;}

.management .show .tit {animation:fadeIn 1s ease-in-out forwards;}
.management .show .tit:after {animation:fadeInDown .75s ease-in-out forwards; animation-delay:.25s;}
.management .sec01.show .policyList:before {animation:fadeIn .5s ease-in-out forwards; animation-delay:.5s;}
.management .sec01.show .policyList li:nth-child(1) {animation:fadeIn .75s ease-in-out forwards; animation-delay:.75s;}
.management .sec01.show .policyList li:nth-child(2) {animation:fadeIn .75s ease-in-out forwards; animation-delay:1s;}
.management .sec01.show .policyList li:nth-child(3) {animation:fadeIn .75s ease-in-out forwards; animation-delay:1.25s;}
.management .sec01.show .policyList li:nth-child(1) em {animation: rotateL 8s linear infinite;animation-delay:.75s;}
.management .sec01.show .policyList li:nth-child(2) em {animation: rotateR 8s linear infinite; animation-delay:1s;}
.management .sec01.show .policyList li:nth-child(3) em {animation: rotateL 8s linear infinite; animation-delay:1.25s;}

.management .sec02.show .policyList li:nth-child(1) {animation:fadeIn .75s ease-in-out forwards; animation-delay:.75s;}
.management .sec02.show .policyList li:nth-child(2) {animation:fadeIn .75s ease-in-out forwards; animation-delay:1s;}
.management .sec02.show .policyList li:nth-child(3) {animation:fadeIn .75s ease-in-out forwards; animation-delay:1.25s;}
.management .sec02.show .policyList + p {animation:fadeIn 1s ease-in-out forwards; animation-delay:1.5s;}


	@media screen and (max-width:1419px){
		.management h4 {font-size: 28px;}
		.management .sec01 .policyList {width:100%; min-width:auto;}
	}

	@media screen and (max-width:999px){
		.management h4 {font-size:24px;}
		.management .tit {width: 180px; height: 180px;}
		.management .tit:before {width: 204px; height: 204px;}
		.management .tit:after {}
		.management .tit span {font-size: 13px;}
		.management .tit h5 {font-size: 28px; margin-top: 10px; padding-top: 10px;}
		.management .tit h5:before {}
		.management .sec01 .policyList {min-height: 420px;}
		.management .sec01 .policyList:before {width: 760px;height: calc(100% - 205px);}
		.management .sec01 .policyList li {width: 160px;height: 160px; margin:0 25px;}
		.management .sec01 .policyList li:before {width:184px; height:184px;}
		.management .sec01 .policyList li p {font-size:20px;}
		.management .sec02 {padding: 100px 3% 80px;}
		.management .sec02 .policyList {gap:40px;margin: 120px 0 30px;}
		.management .sec02 .policyList li {width:160px; height:160px;}
		.management .sec02 .policyList li p {font-size:20px;}
		.management .sec02 .policyList + p {font-size:16px;}
	}

	@media screen and (max-width:699px){
		.management .sec01 .policyList {margin: 120px 0 30px;min-height: auto;overflow: inherit;gap: 3vw;width: 100%;}
		.management .sec01 .policyList:before {display:none;}
		.management .sec01 .policyList li {margin: 0 !important;width: 30vw;height: 30vw;border-radius: 30px 0 0 0;border: 1px solid #0078FF;}
		.management .sec01 .policyList li:before {display:none;}
		.management .sec01 .policyList li em {animation:none !important; display:none;}
		.management .sec02 .policyList {gap:3vw; width:100%;}
		.management .sec02 .policyList li {width: 30vw;height: 30vw;}
		.management .sec02 .policyList + p br {display:none;}
	}

	@media screen and (max-width:599px){
		.management h4 {font-size: 20px;}
		.management .tit h5 {font-size:24px;}
	}

	@media screen and (max-width:499px){
		.management .sec01 {margin: 45px auto 60px;}
		.management .sec01 .policyList {flex-wrap:wrap;}
		.management .sec01 .policyList li {width: 100%;height:auto; padding:30px;}
		.management .sec02 .policyList {flex-wrap:wrap;}
		.management .sec02 .policyList li {width: 100%;height:auto; padding:30px;}
	}


/* 회사연혁 */
.history {}
.history .hisTit {opacity:0; text-align:center; min-height:300px; width:100%; border-radius:50px 0 0 0; background:url(../img/content/img_history.jpg) no-repeat; background-size:cover; color:#fff; display:flex; justify-content:center; align-items:center;}
.history .hisTit h4 {font-size:30px; font-weight:500; letter-spacing:-.5px;}
.history .hisTit h4 strong {display:block; font-size:36px; font-weight:600;}
.history .hisList {margin-top:50px;padding:80px 0 110px;position:relative;display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;}
.history .hisList:before {position:absolute;display:block;content:'';width:1px;height:100px;background:#0078FF;top: 0; z-index:-1;}
.history .hisList:after {position:absolute; display:flex; justify-content:center; align-items:center; content:url(../img/content/symbol.png); background:#0078FF; width:30px; height:30px; top:0; border-radius:50%;}
.history .hisList li {width:50%; position:relative; padding-bottom:40px;}
.history .hisList li:before {position:absolute;display:block;content:'';width:7px;height:7px;background:#fff;border:1px solid #0078FF;border-radius:50%;top: 10px;}
.history .hisList li:nth-child(odd) {margin-left: auto;padding-left:43px;}
.history .hisList li:nth-child(odd):before {left: -3.5px;}
.history .hisList li:nth-child(even) {margin-right: auto; text-align: right; padding-right:43px;}
.history .hisList li:nth-child(even):before {right:-3.5px;}
.history .hisList li .hisLine {z-index:-1; position:absolute; display:block; content:''; background:#ddd; width:1px; height:100%; top:10px;}
.history .hisList li:nth-child(odd) .hisLine {left: -0.5px;}
.history .hisList li:nth-child(even) .hisLine {right:-0.5px;}
.history .hisList li:last-child .hisLine {height:200%;}
.history .hisList li .hisLine .innerLine {transition-duration:.3s; position:absolute; display:block; content:''; background:#0078FF; width:1px; height:0;}
.history .hisList li .year {opacity:0; font-size:24px; font-weight:500; color:#0078FF; margin-bottom:10px;}
.history .hisList li p {opacity:0;}

.history .hisTit.show {animation:fadeIn 1s ease-in-out forwards;}
.history .hisList li.show .year,
.history .hisList li.show p {animation:fadeIn 1s ease-in-out forwards;}
.history .hisList li.show .hisLine .innerLine {height:100%;}
.history .hisList li:last-child.show .hisLine .innerLine {height:200%;}


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

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

	@media screen and (max-width:799px){
		.history .hisTit {min-height: 230px;}
		.history .hisTit h4 {font-size: 24px;}
		.history .hisTit h4 strong {font-size: 28px;}
	}

	@media screen and (max-width:599px){
		.history .hisTit {min-height:180px; padding:0 20px;}
		.history .hisTit h4 {font-size: 20px;}
		.history .hisTit h4 strong {font-size: 24px;}
		.history .hisList {margin-top:30px;padding: 50px 30px 60px;}
		.history .hisList:before {height: 60px;left: 30px;}
		.history .hisList:after {left: 15px;}
		.history .hisList li {width:100%;padding-bottom: 40px !important;}
		.history .hisList li:nth-child(odd) {margin: 0;padding: 0 0 0 20px;}
		.history .hisList li:nth-child(even) {margin: 0;padding: 0 0 0 20px;text-align:left;}
		.history .hisList li:nth-child(odd):before {left: -3px;}
		.history .hisList li:nth-child(even):before {left: -3px;right: auto;}
		.history .hisList li:nth-child(odd) .hisLine {left: 0;}
		.history .hisList li:nth-child(even) .hisLine {right: auto;left: 0;}
	}

	@media screen and (max-width:499px){
		.history .hisList li .year {font-size:22px;}
	}


/* 찾아오시는길 */
.location {display:flex; justify-content:space-between; margin-bottom:150px;}
.location .mapTxt {opacity:0;}
.location .mapTxt h4 {color:#0078FF; font-size:24px; font-weight:600; margin-bottom:40px;}
.location .mapTxt > div[class^='sec'] {margin-bottom:30px; padding-left:25px;}
.location .mapTxt h5 {font-size:20px; font-weight:600; position:relative; margin-bottom:15px;}
.location .mapTxt h5:before {position:absolute; display:block; content:''; left:-25px; top:50%; transform:translateY(-50%); background-repeat:no-repeat; width:15px; height:15px;}
.location .mapTxt > div:nth-of-type(1) h5:before {background-image:url('../img/content/icon_loc01.png');}
.location .mapTxt > div:nth-of-type(2) h5:before {background-image:url('../img/content/icon_loc02.png');}
.location .mapTxt > div:nth-of-type(3) h5:before {background-image:url('../img/content/icon_loc03.png');}
.location .mapTxt > div:nth-of-type(4) h5:before {background-image:url('../img/content/icon_loc04.png');}
.location .mapTxt p {line-height:1.5;}
.location .mapTxt .sec01 {}
.location .mapTxt .sec01 .btn_mapquick {display:flex;}
.location .mapTxt .sec01 .btn_mapquick li:not(:last-child) {margin-right:10px;}
.location .mapTxt .sec01 .btn_mapquick li a {transition-duration:.3s; display:block;width:150px;background:#f5f5f5;border:1px solid #f5f5f5; border-radius:20px;line-height:50px;text-align:center;font-size: 16px;color: #666;}
.location .mapTxt .sec01 .btn_mapquick li:hover a {background:#fff; color:#0078FF; border:1px solid #0078FF; box-shadow:0 2px 6px rgba(0,0,0,0.08)}
.location .mapTxt .sec01 .btn_mapquick li a .icon {display:inline-block;background-repeat:no-repeat;width:22px;height:20px; background-size:contain; background-position:center;vertical-align:middle;margin-right: 3px;}
.location .mapTxt .sec01 .btn_mapquick li:nth-child(1) a .icon {background-image:url('../img/content/icon_map01.png');}
.location .mapTxt .sec01 .btn_mapquick li:nth-child(2) a .icon {background-image:url('../img/content/icon_map02.png');}
.location .mapTxt .sec01 .btn_mapquick li:nth-child(3) a .icon {background-image:url('../img/content/icon_map03.png');}
.location .mapTxt .sec04 p {position:relative; padding-left:10px;}
.location .mapTxt .sec04 p:before {position:absolute; content:'-'; display:block; left:0;}
.location .map {width:830px;height:500px;border-radius:50px 0 0 0;overflow:hidden;/*opacity:0;*/}
#daumRoughmapContainer1701852139765 {width:100% !important;}
.location .map .map_border {display:none;}
.location .map .wrap_controllers {display:none;}
.location .map .wrap_map {}

.location .mapTxt.show {animation:fadeInLeft .75s ease-in-out forwards;}
/*.location .map.show {animation:fadeIn 1s ease-in-out forwards; animation-delay:.3s;}*/


	@media screen and (max-width:1419px){
		.location {justify-content:center; margin-bottom:120px;}
		.location .mapTxt {margin-right:3%;flex-shrink:0;}
		.location .mapTxt .sec01 .btn_mapquick li a {width:130px;line-height: 45px;border-radius: 16px;}
		.location .mapTxt .sec01 .btn_mapquick li a .icon {width: 16px;height:16px;}
		.location .map {width: 60%;}
	}

	@media screen and (max-width:999px){
		.location {flex-wrap:wrap;margin-bottom: 80px;}
		.location .mapTxt {width:100%;order:1;margin: 30px 0 0;position: relative;}
		.location .mapTxt h4 {margin: 10px 0 30px;}
		.location .mapTxt > div[class^='sec'] {margin-bottom: 20px;}
		.location .mapTxt .sec01 {position:absolute; top:0; right:0;}
		.location .mapTxt .sec01 .tit {display:none;}
		.location .map {width:100%;height: 400px;order:0;}
		.location .map .wrap_map {height: 400px !important;}
	}

	@media screen and (max-width:699px){
		.location {margin-bottom: 60px;}
		.location .mapTxt {text-align:center;}
		.location .mapTxt h4 {margin: 10px 0 20px;}
		.location .mapTxt h5 {display:inline-block;}
		.location .mapTxt > div[class^='sec'] {padding:0;}
		.location .mapTxt .sec01 {position:relative;}
		.location .mapTxt .sec01 .btn_mapquick {justify-content:center;}
		.location .mapTxt .sec01 .btn_mapquick li {width: 32%;}
		.location .mapTxt .sec01 .btn_mapquick li a {width:100%;}
		.location .mapTxt .sec04 p:before {display:none;}
		.location .map {width:100%;height: 300px;order:0;}
		.location .map .wrap_map {height: 300px !important;}
		
	}

	@media screen and (max-width:399px){
		.location .mapTxt .sec01 .btn_mapquick {flex-wrap:wrap;}
		.location .mapTxt .sec01 .btn_mapquick li {width:100%;}
		.location .mapTxt .sec01 .btn_mapquick li:not(:last-child) {margin-right:0; margin-bottom:10px;}
	}

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


/* 자동화사업부 */
.business {margin-bottom:150px;}
.business .busiList {opacity:0; display:flex;flex-wrap:wrap; gap:25px; justify-content:center;}
.business .busiList li {position:relative;width:260px;background-repeat:no-repeat;background-size: cover;min-height:300px;padding:30px 20px;display:flex;flex-direction:column;justify-content:flex-end;transition-duration:.3s;overflow:hidden;}
.business .busiList li:not(:nth-child(5)):before {background-color:rgba(0,120,255,0.8); position:absolute; display:block; width:100%; height:100%; content:''; top:0; left:0; z-index:0; transition-duration:.3s; opacity:0;}
.business .busiList li:hover {border-radius:50px 0 0 0;}
.business .busiList li:hover:before {opacity:100%;}
.business .busiList li span {z-index:1;color:#0078FF;font-size:16px;display:block;margin-bottom:5px;font-weight: 600;}
.business .busiList li:hover span {color: rgba(255,255,255,0.5);font-weight: 500;}
.business .busiList li p {z-index:1; color:#fff; font-size:20px; font-weight:600;}

.business .busiList.show {animation:fadeIn 1s ease-in-out forwards;}


	@media screen and (max-width:1419px){
		.business {margin-bottom:120px;}
		.business .busiList li {width:calc(100%/3 - 50px/3);}
		.business .busiList li:nth-child(5) {display:none;}
	}

	@media screen and (max-width:999px){
		.business {margin-bottom:100px;}
		.business .busiList {gap: 15px;}
		.business .busiList li {width:calc(100%/3 - 10px); min-height:250px;}
	}

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

	@media screen and (max-width:599px){
		.business {margin-bottom:80px;}
		.business .busiList {gap: 15px;justify-content: flex-start;}
		.business .busiList li {width:calc(100%/2 - 10px); min-height:200px; padding:20px 15px;}
		.business .busiList li span {font-size:14px; margin-bottom:3px;}
		.business .busiList li p {font-size:16px;}
	}

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


/* 기술연구소 */
.rnd01 {margin-bottom:150px;}
.rnd01 .rndList {display:flex; flex-wrap:wrap; justify-content:space-between; gap:25px;}
.rnd01 .rndList li {overflow:hidden; opacity:0; width:calc(100%/3 - 50px/3);}
.rnd01 .rndList li img {transition-duration:.3s; width:100%;}
.rnd01 .rndList li:hover img {transform:scale(1.1);}

.rndList.show li:nth-child(1) {animation:fadeInUp 1s ease-in-out forwards;}
.rndList.show li:nth-child(2) {animation:fadeInUp 1s ease-in-out forwards; animation-delay:.25s;}
.rndList.show li:nth-child(3) {animation:fadeInUp 1s ease-in-out forwards; animation-delay:.5s;}
.rndList.show li:nth-child(4) {animation:fadeInUp 1s ease-in-out forwards; animation-delay:.75s;}
.rndList.show li:nth-child(5) {animation:fadeInUp 1s ease-in-out forwards; animation-delay:1s;}
.rndList.show li:nth-child(6) {animation:fadeInUp 1s ease-in-out forwards; animation-delay:1.25s;}


	@media screen and (max-width:1419px){
		.rnd01 {margin-bottom:120px;}
		.rnd01 .rndList {gap:20px;}
		.rnd01 .rndList li {width:calc(100%/3 - 40px/3);}
	}

	@media screen and (max-width:999px){
		.rnd01 {margin-bottom:80px;}
	}

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

	@media screen and (max-width:599px){
		.rnd01 {margin-bottom:60px;}
		.rnd01 .rndList li {width:calc(50% - 10px);}
	}

	@media screen and (max-width:499px){
		.rnd01 .rndList {gap:10px;}
		.rnd01 .rndList li {width:calc(50% - 5px);}
	}


/* 자동화 시스템 */
.parallaxImg {background-position:center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}

.rnd02 {}
.rnd02 .sec01 {background-image:url('../img/content/bg_rnd02.jpg');width:100vw;min-height: 600px;overflow:hidden; display:flex; justify-content:center; align-items:center; margin-bottom:70px;}
.rnd02 .sec01 .tit {color:#fff;text-align:center;}
.rnd02 .sec01 .tit h4 {font-size:50px; font-weight:600; margin-bottom:60px;}
.rnd02 .sec01 .tit p {font-size:24px; font-weight:600;}
.rnd02 .sec02 {text-align:center;}
.rnd02 .sec02 h4 {color:#0078FF; font-size:24px; margin-bottom:40px; font-weight:600;}
.rnd02 .sec02 > p {margin-bottom:60px;}
.rnd02 .sec02 .tagList {display:flex;justify-content:center;flex-wrap:wrap;align-items:center;max-width:900px;margin: 0 auto 50px;gap: 20px;}
.rnd02 .sec02 .tagList li {min-width:160px;height:50px;border-radius:20px;border:1px solid #0078FF;display:flex;justify-content:center;align-items:center;color:#0078FF;}
.rnd02 .sec02 .btnList {position:relative;padding-bottom:100px;display:flex;justify-content:center;align-items:center;gap: 50px;}
.rnd02 .sec02 .btnList:before {position:absolute; display:block; content:''; background:#f5f5f5; width:100vw; top:40%; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.rnd02 .sec02 .btnList li {position:relative;display:block;width:300px;min-height:375px;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;transition-duration:.3s;overflow:hidden; background-size:cover; background-position:center;}
.rnd02 .sec02 .btnList li:nth-child(1) {background-image:url('../img/content/img_auto01.jpg');}
.rnd02 .sec02 .btnList li:nth-child(2) {background-image:url('../img/content/img_auto02.jpg');}
.rnd02 .sec02 .btnList li:nth-child(3) {background-image:url('../img/content/img_auto03.jpg');}
.rnd02 .sec02 .btnList li:before {position:absolute; display:block; content:''; background:rgba(0,120,255,0.8); z-index:0; width:100%; height:100%; top:0; left:0; opacity:0; transition-duration:.3s;}
.rnd02 .sec02 .btnList li * {z-index:1;}
.rnd02 .sec02 .btnList li p {font-size:20px; font-weight:600; margin-bottom:30px;}
.rnd02 .sec02 .btnList li div.btnWrap {font-size: 14px;font-weight:500;color:rgba(255,255,255,0.5);}
.rnd02 .sec02 .btnList li div.btnWrap span {position:relative;display: inline-block;margin-left: 20px;}
.rnd02 .sec02 .btnList li div.btnWrap span:before {transition:all .3s;position:absolute;display:block;content:'';width: 20px;height: 20px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;top: 0px;right: -8px;}
.rnd02 .sec02 .btnList li div.btnWrap img {transition:transform .3s; opacity:0.5;}
.rnd02 .sec02 .btnList li a {position:absolute; width:100%; height:100%; display:block; top:0; left:0;}

.rnd02 .sec02 .btnList li:hover {border-radius:50px 0 0 0;}
.rnd02 .sec02 .btnList li:hover:before {opacity:1;}
.rnd02 .sec02 .btnList li:hover div.btnWrap {color:#fff;}
.rnd02 .sec02 .btnList li:hover div.btnWrap span:before {border:1px solid #fff; background:rgba(255,255,255,0.2);}
.rnd02 .sec02 .btnList li:hover div.btnWrap img {animation:btnBounce .6s;  opacity:1;}


	@media screen and (max-width:1419px){
		.rnd02 .sec01 {min-height: 500px;}
		.rnd02 .sec01 .tit h4 {font-size: 45px; margin-bottom: 40px;}
		.rnd02 .sec01 .tit p {font-size: 22px;}
	}

	@media screen and (max-width:999px){
		.rnd02 .sec01 {min-height: 380px;margin-bottom: 50px;}
		.rnd02 .sec01 .tit h4 {font-size: 35px; margin-bottom: 30px;}
		.rnd02 .sec01 .tit p {font-size: 20px;}
		.rnd02 .sec02 h4 {margin-bottom:25px;}
		.rnd02 .sec02 > p {margin-bottom:40px;}
		.rnd02 .sec02 .btnList {gap:30px;}
		.rnd02 .sec02 .btnList li {padding:30px;min-height: 320px;width: calc(100%/3 - 20px);}
	}

	@media screen and (max-width:799px){
		.rnd02 .sec02 > p br {display:none;}
	}

	@media screen and (max-width:599px){
		.rnd02 .sec01 {min-height: 250px;margin-bottom: 40px;padding: 30px;}
		.rnd02 .sec01 .tit h4 {font-size:28px; margin-bottom: 20px;}
		.rnd02 .sec01 .tit p {font-size: 18px;}
		.rnd02 .sec02 .tagList {gap:15px;}
		.rnd02 .sec02 .tagList li {width: calc(100%/3 - 10px);min-width: auto;}
		.rnd02 .sec02 .btnList {gap:15px; flex-wrap:wrap;}
		.rnd02 .sec02 .btnList li {width:calc(100%/3 - 10px);min-height:250px;padding: 20px;}
		.rnd02 .sec02 .btnList li p {font-size: 18px;margin-bottom: 20px;}
		.rnd02 .sec02 .btnList li div.btnWrap span {margin-left:10px;}
	}

	@media screen and (max-width:399px){
		.rnd02 .sec02 .tagList li {width: calc(50% - 15px/2); font-size:15px;}
		.rnd02 .sec02 .btnList li {width:100%; min-height:auto; padding:40px 20px;}
	}


/* 스트레치 후드 필름 포장 시스템, 우레탄 발포 시스템 */
.system {margin-bottom:150px;}
.system .txtBox {opacity:0; padding:40px; margin-bottom:70px; background:#F8FAFC; border:1px solid #EBEDEF; border-radius:50px 0 0 0;}
.system .txtBox p {line-height:1.5;font-size: 18px;letter-spacing: -.5px;}
.system .txtBox p:not(:first-child) {margin-top:20px; }
.system .rndList {display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px 25px;}
.system .rndList li {opacity:0; width:calc(100%/3 - 50px/3);}
.system .rndList li .imgBox {overflow:hidden; margin-bottom:20px; width:100%;}
.system .rndList li .imgBox img {transition-duration:.3s; width:100%;}
.system .rndList li:hover .imgBox img {transform:scale(1.1);}
.system .rndList li p {text-align:center; font-size:18px;}

.system .txtBox.show {animation:fadeIn 1s ease-in-out forwards;}


	@media screen and (max-width:1419px){
		.system {margin-bottom:120px;}
		.system .rndList {gap:40px 20px;}
		.system .rndList li {width:calc(100%/3 - 40px/3);}
	}

	@media screen and (max-width:999px){
		.system {margin-bottom:80px;}
		.system .txtBox {margin-bottom:50px;}
	}

	@media screen and (max-width:799px){
		.system .txtBox {margin-bottom:40px; padding:30px 35px;}
		.system .txtBox p {font-size:16px; line-height:1.35;}
		.system .txtBox p:not(:first-child) {margin-top:15px;}
		.system .rndList {gap:30px 20px;}
		.system .rndList li p {font-size:16px;}
	}

	@media screen and (max-width:599px){
		.system {margin-bottom:60px;}
		.system .txtBox {margin-bottom:30px; padding:20px 25px; border-radius:30px 0 0 0;}
		.system .txtBox p {font-size:14px;}
		.system .rndList {gap:20px;}
		.system .rndList li .imgBox {margin-bottom:10px;}
		.system .rndList li {width:calc(50% - 10px);}
	}

	@media screen and (max-width:499px){
		.system .rndList {gap:15px 10px;}
		.system .rndList li {width:calc(50% - 5px);}
		.system .rndList li p {font-size:14px;}
	}


/* 준비중페이지 */
.ready {text-align:center; margin-bottom:150px;}
.ready .sec01 {position:relative; padding-bottom:30px; margin-bottom:40px;}
.ready .sec01:after {position:absolute; display:block; content:''; width:160px; height:1px; background:#ddd; bottom:0; left:50%; transform:translateX(-50%);}
.ready .sec01 img {}
.ready .sec01 h4 {font-size:24px; margin:30px auto 20px; font-weight:600;}
.ready .sec01 p {font-size:18px; font-weight:300;}
.ready .sec02 {}
.ready .sec02 p {font-size:18px; color:#686868; font-weight:600; margin-bottom:30px;}
.ready .sec02 .newList {display:flex;justify-content:center;align-items:center;gap: 30px;}
.ready .sec02 .newList li a {display:block;color:#0078FF;font-size:16px;position:relative;padding-bottom:2px;}
.ready .sec02 .newList li a:before {position:absolute; display:block; content:''; width:0; height:1px; bottom:0; background:rgba(0,120,255,0.5); transition-duration:.2s;}
.ready .sec02 .newList li a span {display:inline-block; margin-left:8px; width:10px; height:10px; background:url('../img/content/icon_newpage.png') no-repeat;}
.ready .sec02 .newList li:hover a:before {display:block; width:100%;}


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

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

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

	@media screen and (max-width:599px){
		.ready .sec01 img {width:100px;}
		.ready .sec01 p {font-size:16px;}
		.ready .sec02 .newList {flex-wrap:wrap;gap: 10px 20px;}
	}

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

/* 생산제품 */
.pro_iframe {width:100%; padding-top:56.25%; height:100%; position:relative; display:block; overflow:hidden; margin-bottom:40px;}
.pro_iframe iframe {width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}

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

	@media screen and (max-width:999px){
		.pro_iframe {margin-bottom:30px;}
	}

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

	@media screen and (max-width:599px){
		.pro_iframe {margin-bottom:20px;}
	}

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