@charset "UTF-8";

/********************************
 01지적재산권 - 리스트
 *******************************/
.ipsBox {}
.ipsList {font-size:0;}
.ipsList::after {content:''; display:block; clear:both;}
.ipsList > li {position:relative; display:inline-block; padding:1.0rem 1.0rem 5.0rem; width:33.3333%; font-size:1.5rem; vertical-align:top}
.ipsList > li .ipsItem {position:relative; padding:4.0rem 4.0rem 7.0rem 4.0rem; min-height:60.0rem; border:0.1rem solid #cdd5dc; border-radius:1.0rem;}
.ipsList > li .ipsItem .imgBox {margin-bottom:3.0rem; min-height:29.0rem; text-align:center;}
.ipsList > li .ipsItem .imgBox .imgset {overflow:hidden; display:inline-block; width:20.6rem; height:29.2rem; border:0.1rem solid #e5e9ed; background-color:#f2f2f2; box-shadow:0.2rem 0.8rem 1.2rem rgba(0,0,0,0.06);}
.ipsList > li .ipsItem .imgBox .imgset img {width:20.4rem; height:29.0rem;}
.ipsList > li .ipsItem .titBox {margin-bottom:2.0rem; min-height:7.6rem; font-size:2.3rem; line-height:1.3; color:#191919;}
.ipsList > li .ipsItem .titBox > a {display:block; font-weight:700; color:#191919; text-decoration:none;}
.ipsList > li .ipsItem .txtBox {}
.ipsList > li .ipsItem .txtBox ul {font-size:0;}
.ipsList > li .ipsItem .txtBox ul::after {content:''; display:block; clear:both;}
.ipsList > li .ipsItem .txtBox ul > li {position:relative; display:inline-block; margin:0.4rem 0; padding-left:8.0rem; padding-right:2.0rem; width:100%; min-height:2.0rem; font-size:1.5rem; line-height:1.3; vertical-align:top;}
.ipsList > li .ipsItem .txtBox ul > li .liTit {display:inline-block; position:absolute; left:0; top:0; width:7.0rem; color:#191919; font-weight:500;}
.ipsList > li .ipsItem .txtBox ul > li .liTit > span {display:block; position:relative; padding-left:1.5rem;}
.ipsList > li .ipsItem .txtBox ul > li .liTit > span::after {content:''; position:absolute; left:0; top:0.6rem; width:0.5rem; height:0.5rem; background-color:#25ba0d;}
.ipsList > li .ipsItem .txtBox ul > li .liTit > span > .bk {display:inline-block; margin-left:0.4rem;}
.ipsList > li .ipsItem .ipsBtn {position:absolute; left:0; bottom:-3.0rem; padding:0 4.0rem; width:100%;}
.ipsList > li .ipsItem .ipsBtn > a {display:table; width:100%; color:#fff; font-size:1.8rem; font-weight:500; background:#21c15a; border-radius:1.0rem; text-align:center; text-decoration:none; transition:box-shadow 0.1s linear;}
.ipsList > li .ipsItem .ipsBtn > a > span {display:table-cell; padding:0.5rem; width:100%; height:6.0rem; vertical-align:middle;}
.ipsList > li .ipsItem .ipsBtn > a:hover,
.ipsList > li .ipsItem .ipsBtn > a:focus {background:linear-gradient(to left, #21c15a, #1cae8b, #039dd6); box-shadow:0.2rem 0.4rem 0.8rem rgba(0,0,0,0.1);}

	/*media query*/
@media screen and (max-width:1340px) {
	.ipsList > li .ipsItem {padding:3.0rem 3.0rem 7.0rem 3.0rem;}
}
@media screen and (max-width:1200px) {
	.ipsList > li {width:50%;}
	.ipsList > li .ipsItem .titBox {min-height:7.0rem; font-size:2.0rem;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.ipsList > li .ipsItem {padding:2.0rem 2.0rem 6.0rem 2.0rem; min-height:56.0rem;}
	.ipsList > li .ipsItem .imgBox {margin-bottom:2.0rem;}
	.ipsList > li .ipsItem .titBox {margin-bottom:1.0rem; font-size:1.8rem;}
	.ipsList > li .ipsItem .txtBox ul > li {min-height:1.8rem; font-size:1.4rem;}
	.ipsList > li .ipsItem .txtBox ul > li .liTit > span::after {top:0.7rem;}
	.ipsList > li .ipsItem .ipsBtn {bottom:-2.5rem;}
	.ipsList > li .ipsItem .ipsBtn > a {font-size:1.6rem;}
	.ipsList > li .ipsItem .ipsBtn > a > span {display:table-cell; padding:0.5rem; width:100%; height:5.0rem; vertical-align:middle;}
}
@media screen and (max-width:640px) {
	.ipsList > li {display:block; width:inherit; font-size:1.4rem;}
	.ipsList > li .ipsItem {padding:2.0rem 2.0rem 5.0rem 2.0rem; min-height:inherit;}
	.ipsList > li .ipsItem .titBox {min-height:inherit;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}


/********************************
 02수상내역 - 리스트
 *******************************/
.awardBox {}
.awardList {font-size:0;}
.awardList::after {content:''; display:block; clear:both;}
.awardList > li {position:relative; display:inline-block; padding:1.0rem; width:33.3333%; font-size:1.6rem; vertical-align:top}
.awardList > li > a {display:block; text-decoration:none;}
.awardList > li > a .awardItem {position:relative; padding:0 0 4.0rem; min-height:47.0rem; background-color:#f2f2f2; border-radius:1.0rem;}
.awardList > li > a .awardItem .imgBox {position:relative; min-height:29.0rem;}
.awardList > li > a .awardItem .imgBox .imgSet {display:block; position:absolute; left:50%; top:50%; padding:1.0rem; transform:translate(-50%, -50%); background-position:center center; background-repeat:no-repeat; transition-property:opacity, width, height; transition-duration:0.2s; transition-timing-function:ease-in-out;}
.awardList > li > a .awardItem .imgBox .imgSet.imgTrophy {z-index:3;}
.awardList > li > a .awardItem .imgBox .imgSet.imgPollen {opacity:0; width:0; height:0; z-index:2;}
.awardList > li > a .awardItem .imgBox .imgSet.imgImpact {opacity:0; width:0; height:0; z-index:1;}

.awardList > li > a .awardItem .titBox {padding:0 4.0rem 1.0rem; min-height:11.0rem; font-size:2.3rem; line-height:1.3;}
.awardList > li > a .awardItem .titBox > strong {display:block; font-weight:700; color:#191919;}
.awardList > li > a .awardItem .ipsBtn {padding:0 4.0rem;}
.awardList > li > a .awardItem .ipsBtn > span {position:relative; display:inline-block; padding-right:1.6rem; color:#999;}
.awardList > li > a .awardItem .ipsBtn > span::after {content:''; display:block; position:absolute; right:0; top:50%; width:0.7rem; height:1.0rem; background:url(../../images/bbs/icon_bbs_listmore.svg) center center no-repeat; transform:translateY(-40%);} 

.awardList > li > a:hover .awardItem,
.awardList > li > a:focus .awardItem  {background:linear-gradient(to bottom, #21c15a, #1cae8b, #039dd6);}
.awardList > li > a:hover .awardItem .imgBox .imgSet.imgPollen,
.awardList > li > a:focus .awardItem .imgBox .imgSet.imgPollen {opacity:1; width:26.0rem; height:26.0rem;}
.awardList > li > a:hover .awardItem .imgBox .imgSet.imgImpact,
.awardList > li > a:focus .awardItem .imgBox .imgSet.imgImpact {opacity:1; width:32.4rem; height:24.2rem;}
.awardList > li > a:hover .awardItem .titBox > strong,
.awardList > li > a:focus .awardItem .titBox > strong {color:#fff;}
.awardList > li > a:hover .awardItem .ipsBtn > span,
.awardList > li > a:focus .awardItem .ipsBtn > span {color:#fff;}
.awardList > li > a:hover .awardItem .ipsBtn > span::after,
.awardList > li > a:focus .awardItem .ipsBtn > span::after {background-image:url(../../images/bbs/icon_bbs_listmore_on.svg);}

	/*media query*/
@media screen and (max-width:1340px) {
.awardList > li > a:hover .awardItem .imgBox .imgSet.imgImpact {width:29.2rem; height:21.8rem;}
}
@media screen and (max-width:1200px) {
	.awardList > li {width:50%;}
	.awardList > li > a .awardItem .titBox {min-height:9.0rem; font-size:2.1rem;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.awardList > li > a .awardItem {min-height:45.0rem;}
	.awardList > li > a .awardItem .titBox,
	.awardList > li > a .awardItem .ipsBtn {padding:0 3.0rem;}
	
	.awardList > li > a:hover .awardItem .imgBox .imgSet.imgImpact {width:26.8rem; height:20.0rem;}
}
@media screen and (max-width:640px) {
	.awardList > li {display:block; width:inherit; font-size:1.4rem;}
	.awardList > li > a .awardItem {padding:0 0 3.0rem; min-height:inherit;} 
	.awardList > li > a .awardItem .titBox {min-height:6.0rem; font-size:1.8rem;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}


/********************************
 03시공실적 - 리스트
 *******************************/
.recordBox {}
.recordList {font-size:0;}
.recordList::after {content:''; display:block; clear:both;}
.recordList > li {position:relative; display:inline-block; padding:1.0rem; width:33.3333%; font-size:1.6rem; vertical-align:top}
.recordList > li > a {display:block; color:#999; text-decoration:none;}
.recordList > li > a .recordItem {position:relative; padding:3.0rem 4.0rem; min-height:21.0rem; border:0.1rem solid #cdd5dc; background-color:#fff; border-radius:1.0rem; transition:box-shadow 0.2s linear;}
.recordList > li > a .recordItem .titBox {margin-bottom:2.0rem; min-height:7.0rem; font-size:2.2rem; line-height:1.3; color:#191919; font-weight:500;}
.recordList > li > a .recordItem .projDate {}
.recordList > li > a .recordItem .projDate dt {position:relative; padding-left:2.0rem; color:#25ba0d;}
.recordList > li > a .recordItem .projDate dt::before {content:''; display:block; position:absolute; left:0; top:0.4rem; width:1.6rem; height:1.6rem; background:url(../../images/bbs/icon_bbs_date_on.svg) 0 0 no-repeat;}
.recordList > li > a .recordItem .projDate dd {}

.recordList > li > a:hover .recordItem,
.recordList > li > a:focus .recordItem {border-color:#25ba0d; box-shadow:0.2rem 0.4rem 0.8rem rgba(0,0,0,0.1);}

	/*media query*/
@media screen and (max-width:1340px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.recordList > li {width:50%;}
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.recordList > li {display:block; padding:0.5rem 1.0rem; width:inherit; font-size:1.4rem;}
	.recordList > li > a .recordItem {padding:2.0rem; min-height:inherit;}
	.recordList > li > a .recordItem .titBox {margin-bottom:2.0rem; min-height:inherit; font-size:1.8rem;}
	.recordList > li > a .recordItem .projDate dt::before {top:0.3rem;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}