@charset "UTF-8";

/********************************
 사업부문 : 공통
 *******************************/
/* 상단-소개 */
.busiInfoTop {margin-bottom:4.0rem;}
.busiInfoTop .tit {margin-bottom:3.0rem; color:#191919; font-weight:700; font-size:4.2rem; line-height:1.3; text-align:center;}
.busiInfoTop .tit > span {color:#25ba0d;}
.busiInfoTop .txt {font-size:2.0rem; color:#333; text-align:center;}

/*제품소개*/
.busItemBox {position:relative;}
.busItemBox::after {content:''; display:block; clear:both;}

/* 100%세팅
.busItemBox .busItemList {}
.busItemBox .busItemList > li {position:relative; padding:3.0rem 0;}
.busItemBox .busItemList::after {content:''; display:block; clear:both;}*/

	/*50%세팅*/
.busItemBox .busItemList {font-size:0;}
.busItemBox .busItemList::after {content:''; display:block; clear:both;}
.busItemBox .busItemList > li {position:relative; display:inline-block; width:50%; padding:3.0rem 2.5rem; font-size:1.6rem; vertical-align:top;}
.busItemBox .busItemList > li:nth-child(even) {padding-right:0;}
.busItemBox .busItemList > li:nth-child(odd) {padding-left:0;}
.busItemBox .busItemList > li.all {width:inherit;}
.busItemBox .busItemList > li.all:nth-child(even),
.busItemBox .busItemList > li.all:nth-child(odd) {padding-left:0; padding-right:0;}

/*.busItem {position:relative;}*/
.busItem {position:relative; flex-direction:column;}
.busItem::after {content:''; display:block; clear:both;}
.busItem .busTxt {padding-top:2.0rem; width:100%;}
/*.busItem .busTxt {float:left; padding-top:2.0rem; padding-right:5.0rem; width:calc(100% - 53.0rem);}*/
.busItem .busTxt .busiTit {margin-bottom:2.0rem; font-size:2.5rem; color:#191919; font-weight:700;}
.busItem .busTxt .busiTab {margin-bottom:2.0rem;}
.busItem .busTxt .busiTab > ul {}
.busItem .busTxt .busiTab > ul::after {content:''; display:block; clear:both;}
.busItem .busTxt .busiTab > ul > li {float:left; padding:0 0.5rem; display:inline-block;}
.busItem .busTxt .busiTab > ul > li:first-child {padding-left:0;}
.busItem .busTxt .busiTab > ul > li .btn {display:flex; align-items:center; min-width:10.0rem; height:5.0rem; color:#666; background-color:#dcdcdc; border-radius:5.0rem; font-size:1.5rem; font-weight:500; text-align:center; text-decoration:none; transition:background-color 0.2s linear;}
.busItem .busTxt .busiTab > ul > li .btn:focus {outline:none;}
.busItem .busTxt .busiTab > ul > li .btn > span {display:block; width:100%;}
.busItem .busTxt .busiTab > ul > li.current .btn {color:#fff; background-color:#25a14e;}

.busItem .busTxt .tabArea {}
.busItem .busTxt .tabArea::after {content:''; display:block; clear:both;}
.busItem .busTxt .tabArea .tabCont {display:none; position:relative; padding-left:2.0rem;}
.busItem .busTxt .tabArea .tabCont.explain {padding-left:3.0rem;}
.busItem .busTxt .tabArea .tabCont.explain::before {content:''; display:block; position:absolute; left:0; top:0; width:2.0rem; height:2.0rem; background:url(../../images/busi/img_bullet_busi.svg) 0 0 no-repeat;}
.busItem .busTxt .tabArea .tabCont.current {display:block;}
.busItem .busTxt .tabArea .tabCont .listSet {}
.busItem .busTxt .tabArea .tabCont .listSet > li {position:relative; padding-left:1.0rem;}
.busItem .busTxt .tabArea .tabCont .listSet > li::before {content:''; display:block; position:absolute; left:0; top:1.0rem;; width:0.4rem; height:0.4rem; background-color:#dcdcdc;}

.busItem .busImg {width:100%; border-radius:1.0rem; transition:all 0.2s linear;}
.busItem .busImg > span {position:relative; display:block;}
.busItem .busImg > span::after {display:block;}
.busItem .busImg img {width:100%;}
	/*조달우수제품-수정*/
.busItem .busImgEPP {display:flex; width:100%;}
.busItem .busImgEPP > span {position:relative; display:inline-block;}
.busItem .busImgEPP > span:first-child {padding-right:2.0rem;}

/*조달우수제품:콘텐츠*/
.busiEppbox {position:relative; padding:6.0rem 0;}
.busiEppbox::before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:0.1rem; background:url(../../images/img_line_dot01.svg) 0 0 repeat-x;}

.busiEppbox.effect {display:flex; justify-content:space-between;}
.busiEppbox.effect .effectBox {position:relative; width:50%;}
.busiEppbox.effect .effectBox.img {}
.busiEppbox.effect .effectBox.txt {padding-top:5.0rem; padding-left:5.0rem;}
.busiEppbox.effect .effectBox.txt .listSet > li {position:relative; padding-left:1.0rem;}
.busiEppbox.effect .effectBox.txt .listSet > li::before {content:''; display:block; position:absolute; left:0; top:1.0rem;; width:0.4rem; height:0.4rem; background-color:#dcdcdc;}
.busiEppbox.effect .effectBox.txt .goalBox {position:relative; margin-top:3.0rem; padding-top:11.0rem;}
.busiEppbox.effect .effectBox.txt .goalBox::before {content:''; display:block; position:absolute; left:50%; top:0; width:8.0rem; height:8.4rem; background:url(../../images/busi/img_effect_arrow.svg) 0 0 no-repeat; transform:translateX(-50%);}
.busiEppbox.effect .effectBox.txt .goalBox .goal {display:flex; align-items:center; width:100%; height:8.0rem; font-size:2.4rem; color:#191919; border:0.2rem solid #cdd5dc; text-align:center; border-radius:9.0rem;}
.busiEppbox.effect .effectBox.txt .goalBox .goal span {display:block; width:inherit;}


.busiEppbox .eppReimgTxt {margin-bottom:1.0rem;}
.busiEppbox .eppReimg .imgPc {display:block;}
.busiEppbox .eppReimg .imgM {display:none;}

	/*media query*/
@media screen and (max-width:1340px) {
	.busiInfoTop .tit {font-size:3.8rem;}
	.busiInfoTop .txt {font-size:1.8rem;}
	
	/*.busItem .busTxt {padding-top:0; width:calc(100% - 46.0rem);}
	.busItem .busImg {width:46.0rem;}*/
	.busItem .busTxt .busiTit {margin-bottom:2.0rem; font-size:2.2rem;}
}
@media screen and (max-width:1200px) {
	.busiInfoTop .txt {font-size:1.6rem;}
	
	.busItemBox .busItemList > li {padding:3.0rem 1.5rem; font-size:1.5rem;}
	/*.busItemBox .busItemList {font-size:0;}
	.busItemBox .busItemList > li {display:inline-block; width:50%; padding:3.0rem 1.0rem; font-size:1.5rem; vertical-align:top;}
	.busItemBox .busItemList > li:nth-child(even) {padding-right:0;}
	.busItemBox .busItemList > li:nth-child(odd) {padding-left:0;}
	
	.busItem {flex-direction:column;}
	.busItem .busTxt {padding-top:2.0rem; padding-right:0; width:100%;}*/
	.busItem .busTxt .busiTit {margin-bottom:1.0rem; font-size:2.0rem;}
	.busItem .busTxt .busiTab {margin-bottom:1.2rem;}
	.busItem .busTxt .busiTab > ul > li .btn {height:4.0rem;}
	/*.busItem .busImg {width:100%;}
	.busItem .busImg img {width:100%;}*/
	
	.busItem .busTxt .tabArea .tabCont {padding-left:1.4rem;}
	.busItem .busTxt .tabArea .tabCont.explain {padding-left:2.4rem;}
	.busItem .busTxt .tabArea .tabCont.explain::before {width:1.6rem; height:1.6rem; background-size:cover;}
}
@media screen and (max-width:1024px) {
	.busiInfoTop {margin-bottom:3.0rem;}
	
	.busItemBox .busItemList > li {padding:2.0rem 1.0rem;}
	
	/*조달우수제품:콘텐츠*/
	.busiEppbox {padding:4.0rem 0;}
	.busiEppbox.effect .effectBox.txt {padding-top:4.0rem; padding-left:3.0rem;}
	.busiEppbox.effect .effectBox.txt .goalBox .goal {height:7.0rem; font-size:2.0rem;}
}
@media screen and (max-width:767px) {
	.busiInfoTop {margin-bottom:2.0rem;}
	.busiInfoTop .tit {margin-bottom:2.0rem; font-size:2.8rem;}
	.busiInfoTop .txt {font-size:1.5rem; text-align:left;}
	
	.busItemBox .busItemList > li {padding:1.0rem; font-size:1.4rem;}
	
	.busItem .busTxt {padding-top:1.0rem;}
	.busItem .busTxt .busiTit {font-size:1.8rem;}
	.busItem .busTxt .busiTab > ul > li {width:33.3333%; padding:0 0.3rem;}
	.busItem .busTxt .busiTab > ul > li:first-child {padding-left:0.3rem;}
	.busItem .busTxt .busiTab > ul > li .btn {width:100%; min-width:inherit;}
	
	.busItem .busTxt .tabArea .tabCont {padding-left:0;}
	.busItem .busTxt .tabArea .tabCont .listSet > li {padding-left:0.5rem;}
	.busItem .busTxt .tabArea .tabCont .listSet > li::before {left:-0.4rem;}
	.busItem .busTxt .tabArea .tabCont.explain {padding-left:0.5rem;}
	.busItem .busTxt .tabArea .tabCont.explain::before {display; block; left:-1.0rem; width:1.0rem; height:1.0rem;}
	
	/*조달우수제품:콘텐츠*/
	.busiEppbox {padding:3.0rem 0;}
	.busiEppbox.effect {flex-direction:column; justify-content:space-between;}
	.busiEppbox.effect .effectBox {width:100%;}
	.busiEppbox.effect .effectBox.img {}
	.busiEppbox.effect .effectBox.txt {padding-top:2.0rem; padding-left:0;}
	.busiEppbox.effect .effectBox.txt .listSet > li {padding-left:0.5rem;}
	.busiEppbox.effect .effectBox.txt .listSet > li::before {left:-0.4rem;}
	.busiEppbox.effect .effectBox.txt .goalBox {position:relative; margin-top:3.0rem; padding-top:7.0rem;}
	.busiEppbox.effect .effectBox.txt .goalBox::before {width:4.8rem; height:5.0rem; background-size:cover;}
	.busiEppbox.effect .effectBox.txt .goalBox .goal {height:6.0rem; font-size:1.8rem;}
	
}
@media screen and (max-width:640px) {
	.busiInfoTop .tit {margin-bottom:1.0rem; font-size:2.2rem;}
	
	.busItemBox .busItemList > li {display:block; width:inherit;}
	.busItemBox .busItemList > li::before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:0.1rem; background:url(../../images/img_line_dot01.svg) 0 0 repeat-x;}
	.busItemBox .busItemList > li:nth-child(even),
	.busItemBox .busItemList > li:nth-child(odd) {padding:2.0rem 0 1.0rem;}
	
	/*조달우수제품-수정*/
	.busItem .busImgEPP {flex-direction:column;}
	.busItem .busImgEPP > span:first-child {margin-bottom:1.0rem; padding-right:0;}
	.busItem .busImgEPP img {width:100%;}
	
	/*조달우수제품:콘텐츠*/
	.busiEppbox {position:relative; padding:2.0rem 0;}
	
	.busiEppbox .eppReimg img {width:100%;}
	.busiEppbox .eppReimg .imgPc {display:none;}
	.busiEppbox .eppReimg .imgM {display:block;}
	
}
@media screen and (max-width:480px) {
	
}
@media screen and (max-width:360px) {
}


/********************************
 03소음측정대행
 *******************************/
.soundBox {position:relative;}
.soundBox .soundSet {position:relative; padding:2.0rem 0;}
.soundBox .soundSet::after {content:''; display:block; clear:both;}

.soundBox .soundTop {}
.soundBox .soundTop::after {content:''; display:block; clear:both;}
.soundBox .soundTop .soundTopImg {float:right; width:43.0rem;}
.soundBox .soundTop .soundTopImg .imgSet {position:relative; padding-top:4.0rem; padding-right:4.0rem; border-radius:1.0rem;}
.soundBox .soundTop .soundTopImg .imgSet img {border-radius:1.0rem; box-shadow:0.2rem 0.8rem 2.0rem 0 rgba(0,0,0,0.14);}
.soundBox .soundTop .soundTopImg .imgSet::after {content:''; position:absolute; right:0; top:0; width:24.0rem; height:24.0rem; background:linear-gradient(to bottom, #21c15a, #1cae8b, #039dd6); border-radius:1.0rem; transition:all 0.2s linear; z-index:-1;}
.soundBox .soundTop .soundTopTxt {float:left; padding-right:5.0rem; width:calc(100% - 43.0rem);}

.soundBox .soundAddInfo {display:flex; padding-bottom:1.0rem;}
.soundBox .soundAddInfo::after {content:''; display:block; clear:both;}
.soundBox .soundAddInfo > dt {width:10.0rem; color:#333;}
.soundBox .soundAddInfo > dd {position:relative; width:calc(100% - 10.0rem);}
.soundBox .soundAddInfo > dd li {position:relative; margin:0.2rem 0; padding-left:1.2rem;}
.soundBox .soundAddInfo > dd li::after {content:''; display:block; position:absolute; left:0; top:1.1rem; width:0.6rem; height:0.2rem; background-color:#ccc;}

.soundBox .soundBtn > a {display:inline-block; min-width:24.0rem; line-height:6.0rem; color:#fff; background:linear-gradient(to left, #21c15a, #1cae8b, #039dd6); border-radius:1.0rem; text-align:center; text-decoration:none; transition:all 0.2s linear;}
.soundBox .soundBtn > a span {font-size:1.8rem; font-weight:500;}

	/*media query*/
@media screen and (max-width:1340px) {
}
@media screen and (max-width:1200px) {
	.soundBox .soundTop .soundTopImg {width:40.0rem;}
	.soundBox .soundTop .soundTopImg .imgSet img {width:36.0rem;}
	.soundBox .soundTop .soundTopTxt {padding-right:4.0rem; width:calc(100% - 40.0rem);}
}
@media screen and (max-width:1024px) {
	.soundBox .soundTop .soundTopImg {width:33.0rem;}
	.soundBox .soundTop .soundTopImg .imgSet {padding-top:3.0rem; padding-right:3.0rem;}
	.soundBox .soundTop .soundTopImg .imgSet img {width:30.0rem;}
	.soundBox .soundTop .soundTopTxt {padding-right:3.0rem; width:calc(100% - 33.0rem);}
}

@media screen and (max-width:980px) {
	.soundBox .soundTop .soundTopImg {float:none; margin:0 auto 4.0rem; width:43.0rem;}
	.soundBox .soundTop .soundTopImg .imgSet img {width:100%;}
	.soundBox .soundTop .soundTopTxt {float:none; padding-right:0; width:inherit;}
}
@media screen and (max-width:767px) {
	.soundBox .soundSet {padding:1.0rem 0;}
	
	.soundBox .soundTop .soundTopImg {margin-bottom:3.0rem;}
	.soundBox .soundTop .soundTopImg .imgSet img {width:100%;}
	
	.soundBox .soundAddInfo {flex-direction:column; margin-left:-2.4rem; padding-top:0.4rem; padding-bottom:0.2rem;}
	.soundBox .soundAddInfo > dt,
	.soundBox .soundAddInfo > dd {width:100%;}
	.soundBox .soundAddInfo > dd li {padding-left:1.2rem;}
	.soundBox .soundAddInfo > dd li::after {top:1.1rem; width:0.6rem; height:0.2rem;}
}
@media screen and (max-width:640px) {
	.soundBox {padding-top:1.0rem;}
	.soundBox::before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:0.1rem; background:url(../../images/img_line_dot01.svg) 0 0 repeat-x;}
	
	.soundBox .soundBtn > a {width:100%; line-height:5.0rem;}
}
@media screen and (max-width:480px) {
	.soundBox .soundTop .soundTopImg {width:inherit;}
	.soundBox .soundTop .soundTopImg .imgSet::after {width:18.0rem; height:18.0rem;}
}
@media screen and (max-width:360px) {
}