@charset "utf-8";

/*공통*/
.wrap h2 {font-size:26px; font-weight:700; letter-spacing:-0.05em; font-family:'SCDream', sans-serif;}
.leftArea {float:left; width:71%;}
.rightArea {float:right; width:26%;}
@media all and (max-width:1280px) {
	.wrap h2 {font-size:20px;}
	.leftArea {width:65%}
	.rightArea {width:33%;}
}
@media all and (max-width:880px) {
	.leftArea {width:60%}
	.rightArea {width:38%;}
}
@media all and (max-width:768px) {
	.leftArea {width:53%}
	.rightArea {width:45%;}
}
@media all and (max-width:640px) {
	.leftArea,
	.rightArea {width:100%; margin-bottom:10px;}
}

/*메인비주얼*/
.visual {position:relative; margin-top:96px;}
.visual_ul .slick-list li { position:relative; width:100%; height:775px; vertical-align:top;  background-repeat:no-repeat; background-position:center top;}
.visual_ul li.img1 {background-image:url('/Main/Images/section/newtech/main/visImg01.jpg')}
.visual_ul li.img2 {background-image:url('/Main/Images/section/newtech/main/visImg02.jpg')}
.visual_ul li.img3 {background-image:url('/Main/Images/section/newtech/main/visImg03.jpg')}
.visual_ul li div {padding-top:160px}
.visual_ul li p {margin-bottom:30px;}
.visual_ul li p,
.visual_ul li p span{font-family:'SCDream', sans-serif; text-align:center; color:#fff; }
.visual_ul li p span {display:block;}
.visual_ul li p:nth-of-type(1),
.visual_ul li p:nth-of-type(1) span {font-size:50px; font-weight:500;  letter-spacing:-0.1em;}
.visual_ul li p:nth-of-type(1) span {color:#b5daf5}
.visual_ul li p:nth-of-type(2),
.visual_ul li p:nth-of-type(2) span {font-size:20px;}
a.control { position:absolute; display:block; left:50%; background:url('/Main/Images/section/newtech/main/visControl.gif') no-repeat 0 0; width:20px; height:20px; margin-left:40px; text-indent:-99999px;}
a.control.play { display:none; background-position:-20px 0;}
.visual_ul .slick-arrow {display:none !important;}
.visual_ul .slick-dots { position:absolute; left:50%; margin-left:-66px; bottom:80px; background:rgba(0,0,0,0.6); padding:5px 50px 5px 20px; border-radius:22px; }
.visual_ul .slick-dots li {float:left; width:20px; height:20px; margin:7px 3px;}
.visual_ul .slick-dots li button {width:18px !important; height:18px !important; border:3px solid #fff; border-radius:10px; background:rgba(255,255,255,0); text-indent:-99999px;}
.visual_ul .slick-dots li.slick-active button {background:#fff;}
.visual > a.control { bottom:90px;}
@media all and (max-width:1200px){
	.visual {position:relative; margin-top:80px;}
	.visual_ul .slick-list li {height:700px; background-size:auto 700px;}
}
@media all and (max-width:880px){
	.visual_ul .slick-list li {height:500px; background-size:auto 500px;}
	.visual_ul li div {padding-top:60px;}
	.visual_ul li p:nth-of-type(1), .visual_ul li p:nth-of-type(1) span {font-size:36px;}
	.visual_ul li p:nth-of-type(2), .visual_ul li p:nth-of-type(2) span {font-size:20px;}
	.visual_ul li p {padding:0 3%;}
}
@media all and (max-width:640px){
	.visual_ul .slick-list li {height:400px; background-size:auto 400px;}
	.visual_ul li div {padding-top:50px;}
	.visual_ul li p:nth-of-type(1), .visual_ul li p:nth-of-type(1) span {font-size:24px;}
	.visual_ul li p:nth-of-type(2), .visual_ul li p:nth-of-type(2) span {font-size:18px;}
	.visual_ul .slick-dots {bottom:40px;}
	.visual > a.control {bottom:52px;}
	.visual_ul li p:nth-of-type(2) span {display:inline;}
}
@media all and (max-width:480px){
	.visual_ul li p:nth-of-type(1), .visual_ul li p:nth-of-type(1) span {font-size:20px;}
	.visual_ul li p:nth-of-type(2), .visual_ul li p:nth-of-type(2) span {font-size:16px;}
}

/*row01*/
/*팝업존, 바로가기1*/
.row01 {overflow:hidden; margin:50px auto;}
@media all and (max-width:1280px) {
	.row01 {margin:20px auto;}
}
@media all and (max-width:640px) {
	.row01 {margin:10px auto;}
}


/*바로가기1*/
.row01 .leftArea {}
.row01 .leftArea .linkWrap {width:100%; box-sizing:border-box; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden;}
.row01 .leftArea .linkWrap li {float:left; position:relative; width:33.333%; height:330px; border-left:1px solid #ddd; overflow:hidden; cursor:pointer;}
.row01 .leftArea .linkWrap li div {box-sizing: border-box; width:90%; height:300px; margin:15px 5%; text-align:center; }
.row01 .leftArea .linkWrap li div.off {-webkit-transition: all 0.5s ease;transition: all 0.5s ease; position:absolute; padding-top:210px; background-repeat:no-repeat; background-position:center 40px;}
.row01 .leftArea .linkWrap li:nth-of-type(1) div.off {background-image:url('/Main/Images/section/newtech/main/link01.png')}
.row01 .leftArea .linkWrap li:nth-of-type(2) div.off {background-image:url('/Main/Images/section/newtech/main/link02.png')}
.row01 .leftArea .linkWrap li:nth-of-type(3) div.off {background-image:url('/Main/Images/section/newtech/main/link03.png')}
.row01 .leftArea .linkWrap li div.off h2 {display:inline; background:url('/Main/Images/section/newtech/main/plus.png') no-repeat right center; padding-right:50px;}
.row01 .leftArea .linkWrap li div.on {position:absolute; top:100%; z-index:2; -webkit-transition: all 0.5s ease;transition: all 0.5s ease; background:#015eaa; padding:20px 7% 0;}
.row01 .leftArea .linkWrap li div.on h2,
.row01 .leftArea .linkWrap li div.on p {color:#fff; margin-bottom:20px;}
.row01 .leftArea .linkWrap li div.on a {border:1px solid #fff; width:100%; display:block; padding:10px 0; color:#fff;}
.row01 .leftArea .linkWrap li div.on a:hover {background:#fff; color:#333; font-weight:400;}
.row01 .leftArea .linkWrap li:hover > .off {top:-100%;}
.row01 .leftArea .linkWrap li:hover > .on {top:0;}
@media all and (max-width:1440px) {
	.row01 .leftArea .linkWrap li div p {font-size:14px;}
}
@media all and (max-width:1280px) {
	.row01 .leftArea .linkWrap li  {height:300px;}
	.row01 .leftArea .linkWrap li div {margin:0; left:5%; height:auto; display:inline;}
	.row01 .leftArea .linkWrap li div.on {display:none;}
	.row01 .leftArea .linkWrap li:hover > .off {top:0;}
	.row01 .leftArea .linkWrap li div.off {padding-top:230px;}
}
@media all and (max-width:880px) {
	.row01 .leftArea .linkWrap li div {background-size:80%;}
	.row01 .leftArea .linkWrap li  {height:260px;}
	.row01 .leftArea .linkWrap li div.off {padding-top:165px;}
	.row01 .leftArea .linkWrap li div.off h2 {display:block; padding-bottom:35px; padding-right:0; background-position:center bottom;}
}
@media all and (max-width:768px) {
	.row01 .leftArea .linkWrap li div.off h2 {font-size:18px;}
}
@media all and (max-width:640px) {
	.row01 .leftArea .linkWrap li  {height:180px;}
	.row01 .leftArea .linkWrap li div {background-size:55%;}
	.row01 .leftArea .linkWrap li div.off {padding-top:135px; background-position:center 25px;}
	.row01 .leftArea .linkWrap li div.off h2 {background:none !important;}
}
@media all and (max-width:480px) {
	.row01 .leftArea .linkWrap li div {background-size:70%;}
	.row01 .leftArea .linkWrap li div.off h2 {font-size:16px;}
}
@media all and (max-width:414px) {
	.row01 .leftArea .linkWrap li  {height:150px;}
	.row01 .leftArea .linkWrap li div.off {padding-top:115px;}
}

/*팝업존*/
.row01 .rightArea.arlim {background:#ddd; height:330px;}
.mainArlim {position: relative; z-index:0;}
.popBtn {position:absolute; bottom:0; right:0; height:41px; background:rgba(0,0,0,.5); z-index:500;}
.custom-caption {display:inline-block; color:#fff; line-height:41px; padding:0 10px;}
.custom-caption span {color:#fff; font-weight:300;}
.popBtn ul {float:right; padding-right:10px;}
.popBtn ul li {display:inline-block;}
.popBtn li a {display:block; position:relative; width:27px; height:40px; text-indent:-9999px;}
.popBtn li a::after {content:''; position:absolute; top:10px; left:3px; display:block; width:21px; height:21px; background:url('/Main/Images/section/newtech/main/popBtn.png') no-repeat;}
.popBtn li.pop_prev a::after {background-position:0 0;}
.popBtn li.pop_next a::after {background-position:-21px 0;}
.popBtn li.stop a::after {background-position:-42px 0;}
.popBtn li.play a::after {background-position:-63px 0;}
.slider li {width:100%; height:330px;}
.slider img {width:100%; height:100%;}
@media all and (max-width:1280px) {
	.row01 .rightArea.arlim,
	.slider li {height:300px;}
}
@media all and (max-width:880px) {
	.row01 .rightArea.arlim,
	.slider li {height:260px;}
}
@media all and (max-width:768px) {
	.row01 .rightArea.arlim {height:260px;}
	.slider li {height:260px;}
}

/*row02*/
.row02 {overflow:hidden; margin-bottom:50px;}
@media all and (max-width:1280px) {
	.row02 {margin-bottom:20px;}
}
@media all and (max-width:480px) {
	.row02 {margin-bottom:0;}
}

/*공지사항,자료실*/
.row02 .leftArea {}
.row02 .leftArea .board {width:100%; height:290px; position:relative;}
.row02 .leftArea .board > li {position:relative;}
.row02 .leftArea .board > li > a {display:block; position: absolute; width:25%; height:145px; clear:both; box-sizing: border-box; padding-top:50px; padding-left:6%; background:#ebebeb}
.row02 .leftArea .board > li > a h2 {color:#cdcdcd}
.row02 .leftArea .board > li > a.on {background:#fff;}
.row02 .leftArea .board > li > a.on h2 {color:#333;}
.row02 .leftArea .board > li > span {display:block; width:26px; height:26px; position: absolute; left:20%; top:60px;}
.row02 .leftArea .board > li:nth-of-type(2) > span {top:205px;}
.row02 .leftArea .board > li > span a {display:block; width:100%; height:100%; text-indent:-9999px; background: url('/Main/Images/section/newtech/main/minus.png') no-repeat right center;}
.row02 .leftArea .board > li.on > span a {background: url('/Main/Images/section/newtech/main/plus.png') no-repeat right center;}
.row02 .leftArea .board > li:nth-of-type(2) > a {top:145px;}
.row02 .leftArea .board > li > dl {visibility: hidden; position:absolute; top:0; right:0; width:75%; height:290px; overflow:hidden; background:#fff; box-sizing: border-box; padding-left:3%;}
.row02 .leftArea .board > li > dl dt {font-size:22px; font-weight:300; margin-bottom:30px; word-break: break-all; max-height:72px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.06em;}
.row02 .leftArea .board > li > dl dd {color:#575656;}
.row02 .leftArea .board > li > dl dd:nth-of-type(1) {line-height:1.7; word-break: break-all; max-height:110px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; border-top:1px solid #ddd; padding-top:30px;}
.row02 .leftArea .board > li > dl dd:nth-of-type(2) {position:absolute; left:5%; bottom:15px; font-weight:300;}
.row02 .leftArea .board > li > dl dd:nth-of-type(3) {position:absolute; right:0px; bottom:0px;}
@media all and (max-width:1280px) {
	.row02 .leftArea .board > li > a {width:30%;}
	.row02 .leftArea .board > li > dl {width:70%;}
	.row02 .leftArea .board > li > span {left:23.5%;}
	.row02 .leftArea .board > li > dl dt {line-height:1.8; max-height:72px;}
}
@media all and (max-width:1023px) {
	.row02 .leftArea .board > li > span {top:90px;}
	.row02 .leftArea .board > li > a {padding-top:30px;} 
	.row02 .leftArea .board > li:first-child > a {border-bottom:none;}
	.row02 .leftArea .board > li:nth-of-type(2) > span {top:235px;}
	.row02 .leftArea .board > li > span {left:12%;}
	.row02 .leftArea .board > li > a {padding-left:0; text-align:center; border:1px solid #ebebeb; }
	.row02 .leftArea .board > li > dl dt {font-size:18px;}
	.row02 .leftArea .board > li > dl dd:nth-of-type(1) {font-size:14px; max-height:100px;}
}

/*바로가기2*/
.row02 .rightArea {background:#ddd;}
.row02 .rightArea li {width:50%; float:left; text-align:center; position:relative;}
.row02 .rightArea li:nth-of-type(1) {background:#52c3d3}
.row02 .rightArea li:nth-of-type(2) {background:#4695fe}
.row02 .rightArea li:nth-of-type(3) {width:100% !important; background:#627dcd;}
.row02 .rightArea li::before {content:''; position:absolute; left:50%; margin-left:-30px; top:25px; background:url('/Main/Images/section/newtech/main/row02_rightArea_ico.png'); width:60px; height:60px; display:block; margin-bottom:15px;}
.row02 .rightArea li:nth-of-type(2)::before {background-position:-60px 0;}
.row02 .rightArea li:nth-of-type(3)::before {left:10%; margin-left:0; top:45px; background-position:-120px 0;}
.row02 .rightArea li a,
.row02 .rightArea li dt,
.row02 .rightArea li dd {display:block; color:#fff; font-family:'SCDream', sans-serif; font-weight:500; letter-spacing:-0.03em; }
.row02 .rightArea li a {display:block; width:100%; height:145px; text-align:center; padding-top:105px; box-sizing:border-box;}
.row02 .rightArea li dl {height:145px; box-sizing: border-box; padding:25px 3% 0 140px}
.row02 .rightArea li dl dt,
.row02 .rightArea li dl dd {text-align:left; margin-bottom:3px;}
.row02 .rightArea li dl dd:nth-of-type(1) {font-size:30px;}
@media all and (max-width:1440px) {
	.row02 .rightArea li dl dd:nth-of-type(1) {font-size:24px;}
}
@media all and (max-width:1023px) {
	.row02 .rightArea li:nth-of-type(3)::before {display:none;}
	.row02 .rightArea li dl {padding: 25px 3% 0 40px;}
}
@media all and (max-width:640px) {
	.row02 .rightArea li:nth-of-type(3)::before {display:block;}
	.row02 .rightArea li dl {padding: 25px 3% 0 35%;}
}


/*row03:기술활용안내*/
.row03 {width:100%; min-height:289px; background:url('/Main/Images/section/newtech/main/row03_bg.jpg') no-repeat center top; text-align:center;box-sizing:border-box; padding-top:80px;}
.row03 p {margin-top:30px; font-size:18px; font-weight:300; }
@media all and (max-width:880px) {
	.row03 {min-height:210px; padding:30px 3%;}
	.row03 p {font-size:16px;}
}


/*팝업*/
#pop01 {position:absolute; top:125px; left:50%; margin-left:-200px; width:400px; height:478px; z-index:10;}
#pop01 img {max-width:100%;}
#pop01 a {position:absolute; top:5px; right:5px; background:rgba(0,0,0,0.3);}
@media all and (max-width:640px) {
	#pop01 {top:100px;}
}
@media all and (max-width:480px) {
	#pop01 {width:80%; margin:0; height:auto; left:10%;}
	#pop01 img {width:100%;}
}