@charset "utf-8";

/*페이지준비중입니다.*/
.ready {position:relative; width:100%; border:1px solid #e8e8e8; background:#f6f6f6; text-align:center; box-sizing:border-box; padding:400px 80px 80px;}
.ready::before {content:''; display:block; position:absolute; top:70px; left:50%; margin-left:-150px; width:316px; height:314px; background:url('/Main/Images/section/newtech/sub/ready.png') no-repeat;}
.ready p:nth-of-type(1) {font-size:55px; font-weight:300; letter-spacing:-0.08em; margin-bottom:30px;}
.ready p:nth-of-type(1) span {font-size:55px; font-weight:500; display:inline-block; position:relative; z-index:1; color:#464c5c;}
.ready p:nth-of-type(1) span::after {content:''; display:block; position:absolute; bottom:10px; width:100%; height:11px; background:#f4d6cd; z-index:-1;}
.ready p:nth-of-type(2) {font-size:20px;}
@media all and (max-width:1023px) {
	.ready {padding:300px 20px 50px;}
	.ready::before {width:250px; height:250px; margin-left:-120px; top:50px; background-size:100%;}
	.ready p:nth-of-type(1),
	.ready p:nth-of-type(1) span {font-size:40px;}
}
@media all and (max-width:480px) {
	.ready p:nth-of-type(1),
	.ready p:nth-of-type(1) span {font-size:30px;}
	.ready p:nth-of-type(2) {font-size:18px;}
}

/*인사말*/
.intro {overflow:hidden;}
.intro * {letter-spacing:-0.03em;}
.intro > div {clear:both; overflow:hidden; margin-bottom:90px;}
.intro > div img {width:auto; max-width:70%; margin:15px auto; display:block;}
.intro p {padding:50px 5% 0;}
.intro p span {display:block;}
.intro p span,
.intro p em {font-size:20px; line-height:1.8;}
.intro .leftCont {width:60%;}
.intro .rightCont {width:40%;}
.intro .rightCont img {}
.intro .tit {position:relative; font-size:45px; font-weight:500; margin-bottom:50px;}
.intro .tit em {font-size:45px; font-weight:500;}
.intro .tit em.sup {position:absolute; top:-35px; left:20%; font-size:24px; background:#2a87c9; color:#fff; font-weight:600; padding:0 20px; border-radius:20px;}
.intro .tit em.sup::after {content:''; position:absolute; display:block; left:40px; bottom:-5px; width:10px; height:10px; background:#2a87c9; transform:rotate(45deg);}
.intro > div:nth-of-type(1) p {margin-top:50px;}
.intro > div:nth-of-type(2) span,
.intro > div:nth-of-type(2) span em{font-size:30px;}
@media all and (max-width:1440px) {
	.intro > div:nth-of-type(1) p {margin-top:0;}
	.intro .tit em {font-size:35px;}
	.intro .tit {margin-bottom:20px;}
	.intro .tit em.sup {left:15%;}
}
@media all and (max-width:1200px) {
	.intro .tit em.sup {left:22%;}
}
@media all and (max-width:880px) {
	.intro .leftCont,
	.intro .rightCont {width:50%;}
	.intro > div:nth-of-type(2) p {padding-top:20px;}
	.intro > div {margin-bottom:40px;}
	.intro .tit em {margin-left:-7px; font-size:30px;}
	.intro p span, .intro p em {font-size:18px;}
}
@media all and (max-width:768px) {
	.intro .leftCont,
	.intro .rightCont {float:none; width:100%; margin-bottom:20px;}
	.intro p span {display:inline;}
	.intro > div {margin-bottom:10px;}
	.intro > div:nth-of-type(3) p {padding-top:0px;}
}
@media all and (max-width:480px) {
	.intro .tit em {margin-left:-7px; font-size:30px;}
}
@media all and (max-width:370px) {
	.intro .tit em {margin-left:-12px;}
}

/*기술신청*/
.flow {overflow:hidden; border-radius:10px; width:100%; height:auto; background:#f8f8f8; box-sizing:border-box; padding: 5%;}
.flow dl {position:relative; background:#fff; margin-left:5%; width:30%; float:left; box-sizing:border-box; padding:20px 3%; border:1px solid #ddd;}
.flow dl:after {content:''; display:block; position:absolute; right:-55px; top:230px; width:37px; height:37px; background:url('/Main/Images/section/newtech/sub/arr04.png') no-repeat center;}
.flow dl:last-child:after {display:none;}
.flow dl:nth-of-type(1) {margin-left:0;}
.flow dl dt {text-align:center; font-size:31px; font-weight:400; color:#125aa3; background-repeat:no-repeat; background-position:18% top; padding-top:80px;}
.flow dl:nth-of-type(1) dt {background-image:url('/Main/Images/section/newtech/sub/sub0102-1.png');}
.flow dl:nth-of-type(2) dt {background-image:url('/Main/Images/section/newtech/sub/sub0102-2.png');}
.flow dl:nth-of-type(3) dt {background-image:url('/Main/Images/section/newtech/sub/sub0102-3.png');}
.flow dl dt em {display:inline-block; width:31px; height:31px; border-radius:50%; background:#125aa3; color:#fff; vertical-align:top; font-weight:400; font-size:20px; line-height:31px; margin-right:10px; margin-top:7px; margin-left:30px;}
.flow dl dd span {width:100%; display:block; background:#539ee8; color:#fff; font-weight:400; font-size:18px; text-align:center; padding:10px 0; margin:25px 0 10px;}
.flow dl dd:nth-of-type(2) span {background:#4f4f4f;}
@media all and (max-width:1440px) {
	.flow {padding:2%;}
}
@media all and (max-width:1023px) {
	.flow dl {width:100%; margin-left:0; margin-bottom:50px;}
	.flow dl:after {top:100%; right:50%; margin-right:-18px; transform:rotate(90deg); margin-top:5px;}
	.flow dl dt {float:left; width:30%;}
	.flow dl dd {float:right; width:70%;}
}
@media all and (max-width:640px) {
	.flow dl dt,
	.flow dl dd {float:none; width:100%;}
}

/*기술활용(공법선정), 기술전문가 그룹*/
.flow02 {overflow:hidden; width:100%; height:auto; padding: 5%; background:#f8f8f8; box-sizing:border-box; border-radius:10px;}
.flow02 dl {display:block; float:left; width:21%; margin-left:5.333%; min-height:170px;  position:relative;}
.flow02 dl:nth-of-type(4n+1) {margin-left:0;}
.flow02 dl dt {background:#125aa3; text-align:center; padding:15px 2%; color:#fff; margin-bottom:5px; font-weight:400; word-break: break-all; box-shadow:2px 2px 2px #ddd;}
.flow02 dl dd {background:#fff; padding:15px 7%; border:1px solid #125aa3; word-break: break-all; box-shadow:2px 2px 2px #ddd;}
.flow02 dl:after {content:''; display:block; position:absolute; right:-50px; top:15px; width:27px; height:27px; background:url('/Main/Images/section/newtech/sub/arr05.png') no-repeat center;}
.flow02 dl:nth-of-type(4n):after {display:none;}
@media all and (max-width:1440px) {
	.flow02 {padding:2% 2% 0 2%;}
}
@media all and (max-width:1023px) {
	.flow02 dl {width:28%; margin-left:8%; min-height:190px;}
	.flow02 dl:nth-of-type(4n+1) {margin-left:8%;}
	.flow02 dl:nth-of-type(3n+1) {margin-left:0;}
	.flow02 dl:nth-of-type(4n):after {display:block;}
	.flow02 dl:nth-of-type(3n):after {display:none;}
}
@media all and (max-width:768px) {
	.flow02 dl::after {right:-43px;}
}
@media all and (max-width:640px) {
	.flow02 dl {width:46%; margin-left:8%; min-height:190px;}
	.flow02 dl:nth-of-type(3n+1) {margin-left:8%;}
	.flow02 dl:nth-of-type(2n+1) {margin-left:0;}
	.flow02 dl:nth-of-type(3n):after {display:block;}
	.flow02 dl:nth-of-type(2n):after {display:none;}
	.flow02 dl::after {right:-40px;}
}
@media all and (max-width:480px) {
	.flow02 dl {width:100%; margin-left:0% !important; min-height:auto; padding-bottom:45px;}
	.flow02 dl:nth-of-type(2n):after {display:block;}
	.flow02 dl::after {right:50%; margin-right:-14px; top:auto; bottom:10px; transform:rotate(90deg);}
	.flow02 dl:last-child {padding-bottom:0px;}
	.flow02 dl:last-child::after {display:none;}
}


/*등록 form*/
.tblWrap table input:focus {border:1px solid #464c5c;}

/*기술등록현황*/
.topSearch {overflow:hidden; width:100%;}
.topSearch .techCateg {width:70%; text-align:right;}
.topSearch .techCateg input[type="submit"] {position:relative; display:inline-block; background:#2a87c9; border:none; color:#fff; font-weight:400; padding:0 30px !important; border-radius:5px; height:40px; margin-left:5px; vertical-align:top; cursor:pointer;}
.topSearch .techCateg input[type="submit"].comparBtn {background:#333;}
.add_certInfo {position:relative; display:inline-block; background:#2a87c9; border:none; color:#fff; font-weight:400; padding:0 30px !important; border-radius:5px; height:40px; margin-left:5px; vertical-align:top; cursor:pointer;}
.add_certInfo2 {position:relative; display:inline-block; background:#2a87c9; border:none; color:#fff; font-weight:400; padding:0 30px !important; border-radius:5px; height:40px; margin-left:5px; vertical-align:top; cursor:pointer;}
.del_certInfo {position:relative; display:inline-block; background:#333; border:none; color:#fff; font-weight:400; padding:0 30% !important; border-radius:5px; height:40px; margin-left:5px; vertical-align:top; cursor:pointer;}
#technicalApplication_list td span {display:block;}
#technicalApplication_list tr td:nth-of-type(3) {text-align:left; padding-left:2%;}
#technicalApplication_list tr td:nth-of-type(3) a {display:block;}
#technicalApplication_list tr:hover,
#technicalApplication_list tr:hover td {background-color:#fff7f7 !important;}
#technicalApplication_list tr td a:hover {font-weight:400;}

.technicalApplicationWrap > div {display:none;}
.technicalApplication_link ul {overflow:hidden; margin-top:25px; width:100%; text-align:center;}
.technicalApplication_link ul li {display:inline-block; border:3px solid #eee; margin:5px; border-radius:30px; }
.technicalApplication_link ul li a {display:block; padding:10px 20px; cursor:pointer;}
.technicalApplication_link ul li.active {background:#464c5c; border:3px solid #464c5c;}
.technicalApplication_link ul li.active a {color:#fff; font-weight:400;}

.techAppli_tblWrap {margin-top:50px !important;}
.techAppli_tblWrap table th {background:#2a87c9 !important; color:#fff; font-weight:400 !important;}
@media all and (max-width:768px) {
	.techAppli_tblWrap table {position:relative; padding-top:320px;}
	.techAppli_tblWrap table .imgWrap {position:absolute; left:0; top:0; width:100%; text-align:center; height:320px;}
	.techAppli_tblWrap table .imgWrap img {height:300px; margin:10px auto;}
	.techAppli_tblWrap table col:first-child { width:0px !important; }
	.techAppli_tblWrap table col:nth-child(2) { width:25% !important;}
	.techAppli_tblWrap table tbody tr:first-child td:first-child { padding:0; margin:0; border:0;}
	.techAppli_tblWrap table tr:first-child th,
	.techAppli_tblWrap table tr:first-child td {border-top:1px solid #434343 !important;}
}