/* ***********  공통  ************* */


/* 공통 숨김 콘텐츠 */
.view-hidden{/* 스크린 리더는 읽으나 화면은 보이지 않음 */
  position: absolute;
  width:  1px;
  height: 1px;
  margin:  -1px;
  overflow: hidden;
  clip:  rect(0,0,0,0);
  clip-path: polygon(0 0, 0 0, 0 0)
}
/* float */
.left{float:left;}
.right{float:right;}

/* block*/
.block{display:block;}
.none {display:none;}

/* h */
h3{margin-bottom:100px;font-weight:500;letter-spacing:-0.05em;color:#333;text-align:center;word-break:keep-all;}
@media (max-width:800px){h3{margin-bottom:50px;font-size:20px;}}
@media (min-width:800px) and (max-width:1100px){h3{margin-bottom:30px;font-size:25px;}}
@media (min-width:1100px){h3{margin-bottom:10px;font-size:30px;}}

/* 마진 */
.mgintb{margin:1em 0;}
.mginT{margin-top:1em;}
.mginR{margin-right:1em;}
.mginB10{margin-bottom:10px;}
.mginB12{margin-bottom:12px;}
.mginB14{margin-bottom:14px;}
.mginB16{margin-bottom:16px;}
.mginB20{margin-bottom:20px;}
.mginB40{margin-bottom:40px;}
.mginL{margin-left:1em;}
.marginTB{margin:2vh 0;}	

/*  패딩 */
.padT{padding-top:10px;}
.padR{padding-right:10px;}
.padB{padding-bottom:10px;}
.padL{padding-left:10px;}



/* 넓이 */
.w100 {width: 100%;}
.w900, .w1000, .w1100, .w1200, .w1300, .w1400 ,.w1500{margin:0 auto;}


@media (max-width:1000px){.w900{width:94%; }}
@media (max-width:1100px){.w1000{width:94%; }}
@media (max-width:1200px){.w1100{width:94%; }}
@media (max-width:1300px){.w1200{width:94%; }}
@media (max-width:1400px){.w1300{width:94%; }}
@media (max-width:1500px){.w1400{width:94%; }}

@media (min-width:1000px){.w900{width:900px;}}
@media (min-width:1100px){.w1000{width:1000px;}}
@media (min-width:1200px){.w1100{width:1100px;}}
@media (min-width:1300px){.w1200{width:1200px;}}
@media (min-width:1400px){.w1300{width:1300px;}}
@media (min-width:1500px){.w1400{width:1400px;}}

/* 폰트사이즈  */
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.font29{font-size:29px;}
.font30{font-size:30px;}
.font31{font-size:31px;}
.font32{font-size:32px;}
.font33{font-size:33px;}
.font34{font-size:34px;}
.font35{font-size:35px;}

/* 폰트사이즈 칼라 */
.white{color:#fff;}
.yellow{color:#ffc107;}
.red{color:#d83832;}
.orange{color:#f57721;}
.green{color:#f0ff10;}
.dark-blue{#073462;}
.blue{#00b1dd;}

/* 배경칼라 */
.bg-white{background-color:#fff;}
.bg-gray{background-color:#f7f7f7;}

.Tcenter{text-align:center;}

/* 폰트칼라 */


/* article 마진주기 공통  */
@media (min-width:700px) and (max-width:900px){article{margin-bottom:70px;}}
@media (min-width:900px) and (max-width:1200px){article{margin-bottom:100px;}}


@media (max-width:1200px){
.environment-fact{margin-bottom:100px;}
}
@media (min-width:950px)and(max-width:1200px){
.field-water article, .enviroment-iorex, .environment-fact{margin-bottom:80px;}
}
@media (min-width:700px)and(max-width:950px){
.field-water article, .environment-fact{margin-bottom:60px;}
}


/****************************************************************************           
********************************    회사소개     ********************************
*****************************************************************************/

/* 인사말 */
.greeting{font-size:16px;line-height:2;}
.greeting div span{display:block;}
.greeting .ceo-message{word-break:keep-all;}
.ceo-message::after{content: ''; clear:both; display:block; word-break:keep-all;}
.ceo-message {margin-bottom: 30px;}
.ceo-jo{float:right;width:260px; padding:30px 0;font-weight:600;background:url('/html/images/ceo_sign.png') no-repeat right center;background-size: 100px;}
.ceo-jo img{width:80px;}
.ceo-photo {height:100%; overflow:hidden;}
.message_01{line-height:1.3; margin-bottom:0.7em;}
.message_02{font-weight:540;line-height:1.5;margin-bottom:1.5em;}

@media (min-width:600px){
.message_01{letter-spacing:-2px;}
}

@media (min-width:900px){
.greeting::after{content:'';display:block;clear:both;}
.greeting .ceo-message{display:inline-block; width:63%; margin-right:11%; vertical-align: middle;}
.greeting .ceo-photo{display:inline-block; width:25%; vertical-align: middle;}
.mobile-ceo-photo {display:none;}
.pc-ceo-photo {display: block;}
.greeting .ceo-photo img{width:100%;}
.ceo-message {margin-bottom: 80px;}
.message_01{font-size:38px;}
.message_02{font-size:20px;}
}

@media (min-width:600px) and (max-width:900px){
.message_01{font-size:25px !important;}
.message_02{font-size:18px !important;}
}

@media (max-width:600px){
.message_01{font-size:23px !important;}
.message_02{font-size:17px;}
}

@media (max-width:900px){
.greeting span{font-size:13px;}
.mobile-ceo-photo {display:block; width: 200px; margin: 0 auto 1em auto;}
.pc-ceo-photo {display: none;}
.ceo-photo img, .mobile-ceo-photo img{width:100%; height:auto;}

}

/* vision */
.newvision_wrap {width: 95%; margin: 0 auto 30px auto;}
.newvision_wrap img{ text-align:center;}
.newvision_wrap p {text-align: center;}


@media (max-width:597px) {
	.newvision_wrap p {text-align: left;}
}

.vision_wrap {width: 800px; margin: 5% auto;}
.circle_wrap {display: flex; flex-flow: row wrap; margin-top: 50px; margin-bottom: 50px;}
.circle_wrap .circle1 {border: 15px solid #38af59; border-radius: 50%; height: 230px; width: 230px; position: relative; left: 30px; opacity: 0.8;}
.circle_wrap .circle2 {border: 15px solid #54b7ae; border-radius: 50%; height: 230px; width: 230px; opacity: 0.8;}
.circle_wrap .circle3 {border: 15px solid #5d7d99; border-radius: 50%; height: 230px; width: 230px; position: relative; right: 30px; opacity: 0.8;}
.circle_wrap p {font-weight: 600; font-size: 30px; margin-top: 65px; text-align: center;}
.circle_wrap span {font-size:15px; line-height:1.5; }
.circle_wrap p span:nth-child(2n+1) { position: relative; top: 7px; text-align: center; font-weight: 500;font-size: 0.7rem;}
.circle_wrap p span:nth-child(5) {top: -24px}
.circle_wrap img {margin: 0 37%;}
.vision_wrap hr {border: 1px solid #dfdfdf; margin: 51px auto;}
.vision_text_wrap {text-align: center; margin-top: 50px;}
.vision_text_wrap p {font-size: 50px; margin: 0; color: #857364; letter-spacing: -1px; line-height: 60px;}
.vision_text_wrap span:nth-child(2) {font-size: 18px; line-height: 2em;}
.vision_text_wrap span:nth-child(n+3) {line-height: 2em; font-size: 15px; word-break: keep-all;}

@media (max-width:799px) {
    .vision_wrap {width:100%; margin:0 auto;}
    .circle_wrap {display:block;}
    .circle_wrap .circle1 {position: inherit;left: auto; margin: 0 auto;}
    .circle_wrap .circle2 {margin: 0 auto;}
    .circle_wrap .circle3 {position: inherit;right: auto; margin: 0 auto;}
}


/*  특허 인증   */
.license{margin-bottom: 80px;}
.license ul::after{content:'';display:block;clear:both;}
.license ul li{float:left;box-sizing:border-box;}
.license ul li img{width:100%; height:auto;border:1px solid green;}
.license ul li span{display:block; text-align:center;}

.tab {margin: 0 auto 30px auto !important;}
.tab .tablinks {/* display: table-cell; */ width: 32%; height: 50px; border: 1px solid #ccc; border-right: 0; margin-right: -6px;  cursor: pointer;}
.tab .tablinks:nth-child(1) {margin-left: 2%;}
.tab .tablinks:nth-child(3) {margin-right: 2%; border-right: 1px solid #ccc;}
.tab .tablinks.active{background: #e3d9c3; color: #403b38;	outline:0;}

@media (min-width:1600px){
.license{width:1560px; margin:0 auto;}
.license ul li{margin:0 30px 80px 30px;}
.license ul li img{width:250px;}
}

@media (max-width:1050px) {
.license ul li span {height: 56px;}
}

@media  (min-width:900px) and (max-width:1600px){
.license{width:96%; margin:0 auto;}
.license ul li{width:21%;margin:0 2% 80px 2%;}
}

@media  (min-width:500px) and (max-width:900px){
.license{width:100%;}
.license ul li{margin:0 2% 60px 2%;}
}

@media  (min-width:700px) and (max-width:900px){
.license ul li{width:21%;}
}

@media  (min-width:500px) and (max-width:700px){
.license ul li{width:29%;}

}
@media  (min-width:53px) and (max-width:700px){
#tab3 ul li {height: 349px;}
}
@media  (max-width:500px){
.tab .tablinks {font-size: 15px;}
.license{width:98%;}
.license ul li{width:44%;margin:0 3% 30px 3%;}
}
@media (min-width:451px) and (max-width:477px){
#tab3 ul li {height: 353px;}
}
@media (max-width:354px) {
.tab .tablinks:nth-child(3) {line-height: 16px; position: relative; top: 1px;}
}
@media (max-width:320px) {
#tab2 ul li span {height: 56px;}
}

@media (max-width:304px) {
#tab1 ul li span {height: 56px;}
}


/* 연혁 */
.history_wrap {width:100%; margin:0 auto;word-break: keep-all;background-image}
.intro-title{font-size:24px;margin-bottom: 0;text-align: center;}
.intro-title span {color:#4d93c6;font-size: 23px;}
.history_wrap ul {list-style-type: none; padding-inline-start: 0; display: inline-block; vertical-align: text-top;}
.history_wrap dd {margin-inline-start: 0;     display: inline-block; width: 73%;}
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.history-time-line{z-index:100;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background-color:#fff;padding:20px 8.333% 0px 8.333%;text-align:center;}
.history-time-line.fixed-history-time{position:fixed;top:0;z-index:3}
.history-time-line:before{position:absolute;left:0;top:22px;z-index:1;display:block;content:"";width:100%;height:1px;background-color:#eee}
.history-time-line > a{display:inline-block;position:relative;width:25%;padding-top:12px;font-size:14px;color:#555;line-height:14px;text-align:center};
.history-time-line > a.on{color:#000}
.history-time-line > a.on:before{background-color:#73a4b3}
.history-time-line > a:before{position:absolute;left:50%;top:-1px;z-index:2;display:block;content:"";width:7px;height:7px;margin-left:-2px;background-color:#aaa;border-radius:50%}
.history-list{position:relative;padding:1px 15px 50px 15px}
.history-list:before{position:absolute;left:40%;top:20px;display:block;content:"";width:1px;height:-webkit-calc(100% - 20px);height:calc(100% - 20px);background-color:#ddd}
.history_wrap-list h3.intro-title{position:relative;margin-top:10px;padding:15px 0;background-color:#fff;color:#777}
.history-list .history-box{position:relative;margin-top:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.history-list .history-box:nth-child(1) {margin-top: 50px;}
.history-list .history-box .year{padding-right:72.84%;font-size:22px;text-align:right;opacity:0; transform: translateY(30px);transition: transform 2s, opacity 1s;    font-weight: 600;}
.history-list .history-box .month{position:relative}
.history-list .history-box .month .inner{width:100%;padding:0 5%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:15px}
.history-list .history-box .month .inner:first-child{margin-top:0}
.history-list .history-box .month .inner dl{position:relative;display:inline-block;width:61.5%;padding-left:35px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box; top: -40px;}
.history-list .history-box .month .inner dl dt.txt-month{margin-bottom:5px;padding-top:8px;font-size:15px; display: inline-block; margin-right: 15px;}
.history-list .history-box .month .inner dl dt.txt-month:before{position:absolute;left:-4px;top:17.4px;z-index:2;display:block;content:"";width:7px;height:7px;background-color:#73a4b3;border-radius:50%}
.history-list .history-box .month .inner dl dt.txt-month:after{position:absolute;left:0;top:20px;z-index:1;display:block;content:"";width:22px;height:1px;background-color:#e1e1e1}
.history-list .history-box .month .inner dl dd ul li{/* margin-top:11px; */line-height:19px;font-size:12px;color:#000;    word-break: keep-all;}
/* .history-list .history-box .month .inner dl dd ul li:first-child{margin-top:0} */
.history-list .history-box .month .inner dl dd ul li:nth-child(n+2) {margin-top: 10px;}
.history-list .history-box .month .inner dl dd ul li.img-cont{margin-top:10px}.history-list .history-box
.history-list .history-box .month .inner dl dd ul li.img-cont > span{display:inline-block;margin-top:9px}
.history-list .history-box .month .inner dl dd ul li.img-cont > span img{width:100%}
.history-list .history-box .month .inner dl dd ul li.img-cont > span:first-child{margin-top:0}
.history-list .history-box .month .inner dl dd ul li.space01{margin-top:25px}
.history-list .history-box .month .inner.right{text-align:right}
.history-list .history-box .month .inner.right2 {margin-top: -38px;}
.history-list .history-box .month .inner.left{text-align:left;}
.history-list .history-box .month .inner.left dl{padding:0 5% 0 0;text-align:right}
.history-list .history-box .month .inner.left dl dt.txt-month:before{left:auto;right:-4px}
.history-list .history-box .month .inner.left dl dt.txt-month:after{left:auto;right:0}

@media (min-width:1201px) {
    .history_wrap {width:1200px; margin:0 auto;}            
}
@media (min-width:801px){
    .history_wrap {width:100%; margin:0 auto;word-break: keep-all;background:url('/html/images/history_photo.jpg') no-repeat fixed 8% center;}
	.history_wrap ul { vertical-align: top; }
    .intro-title{margin-bottom: 0;text-align: center;}
    .intro-title span {color:#4d93c6;font-size:36px;font-weight: 600;}
    ul{list-style-type: none; padding-inline-start: 0;}
    /* .right ul {width: 68%;} */
    dd {margin-inline-start: 0;}
    .clfix:after,.clfix:before{display:table;line-height:0;content:""}
    .clfix:after{clear:both}
    .history-time-line{background-color:transparent;z-index:1;position:fixed;right:40px;padding:0;width:auto;    text-decoration: none;}
    .history-time-line.ui-fixed{position:fixed;top:140px}
    .history-time-line:before{position:absolute;left:auto;right:0;top:3px;z-index:1;display:block;content:"";width:1px;height:100%}
    .history-time-line:after{position:absolute;left:auto;right:0;bottom:-5px;z-index:1;display:block;content:"";width:1px;height:10px;background-color:#fff}
    .history-time-line > a{display:block;width:auto;margin-top:40px;padding:0 17px 0 0;font-size:15px;color:#555;line-height:14px;text-align:center}
    .history-time-line > a.on{color:#000}
    .history-time-line > a.on:before{background-color:#73a4b3}
    .history-time-line > a:before{position:absolute;left:auto;right:-3px;top:3px;z-index:2;width:7px;height:7px;margin-left:0}
    .history-time-line > a:first-child{margin-top:0}
    .history-list{position:relative;padding:1px 15px 50px 15px}
    .history-list:before{position:absolute;left:50%;top:0;display:block;content:"";width:1px;height:100%;background-color:#ddd}
    .history_wrap h3.intro-title{position:relative;margin-top:50px;padding:15px 0;background-color:#fff;color:#777;font-weight: 500;font-size:36px;}
    .history-list .history-box{position:relative;margin-top:50px;-webkit-box-sizing:border-box;box-sizing:border-box}
    .history-list .history-box:nth-child(n+2) { margin-top: 10px;}
    .history-list .history-box .year{padding-right:54.84%;font-size:33px;text-align:right;opacity:0; transform: translateY(30px);font-weight: bold;}
    .history-list .history-box .month{position:relative}
    .history-list .history-box .month .inner{width:100%;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:15px}
    .history-list .history-box .month .inner:first-child{margin-top:0}
    .history-list .history-box .month .inner dl{position:relative;display:inline-block;width:50%;padding-left:43px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}
    .history-list .history-box .month .inner dl dt.txt-month{margin-bottom:7px;padding-top:15px;font-size:20px;font-weight: 600;}
    .history-list .history-box .month .inner dl dt.txt-month:before{position:absolute;left:-4px;top:18px;z-index:2;display:block;content:"";width:9px;height:9px;background-color:#73a4b3;border-radius:50%}
    .history-list .history-box .month .inner dl dt.txt-month:after{position:absolute;left:0;top:22px;z-index:1;display:block;content:"";width:30px;height:1px;background-color:#e1e1e1}
    .history-list .history-box .month .inner dl dd ul li{/* margin-top:11px; */line-height:26px;font-size:16px;color:#000}
    /* .history-list .history-box .month .inner dl dd ul li:first-child{margin-top:11px} */
	.history-list .history-box .month .inner dl dd ul li:nth-child(n+2) {margin-top: 10px;}
    .history-list .history-box .month .inner dl dd ul li.img-cont{margin-top:10px}
    .history-list .history-box .month .inner dl dd ul li.img-cont > span{display:inline-block;margin-top:9px}
    .history-list .history-box .month .inner dl dd ul li.img-cont > span img{width:100%}
    .history-list .history-box .month .inner dl dd ul li.img-cont > span:first-child{margin-top:0}
    .history-list .history-box .month .inner dl dd ul li.space01{margin-top:25px}
    .history-list .history-box .month .inner.right{text-align:right; position: relative; top: -13px;}
    .history-list .history-box .month .inner.right2{margin-top: -20px;}
    .history-list .history-box .month .inner.left{text-align:left;}
    .history-list .history-box .month .inner.left dl{padding:0 40px 0 0;text-align:right}
    .history-list .history-box .month .inner dl dt.txt-month {padding-top: 6px; font-size: 20px; font-weight: 600;}
    .history-list .history-box .month .inner.left dl dt.txt-month:before{left:auto;right:-5px}
    .history-list .history-box .month .inner.left dl dt.txt-month:after{left:auto;right:0}
}

@media (max-width:640px) {
    .history-list .history-box .month .inner.left dl { padding: 0 30px 0 0; }
}

@media (max-width:380px) {
    .history-list .history-box .month .inner {padding:0}
	.history-list .history-box .month .inner dl dt.txt-month:before {left: -1px;}
}


/*    찾아오시는 길 */
/* .mapImg > div {width:100%;} */
.mapImg{position: relative;margin: 0 auto;width:1100px;}
.mapImg .root_daum_roughmap {width: 100% !important;}

/* @media(max-width : 1200px){
    .mapImg{width:100%;}    
}
@media(max-width : 800px){
    .mapImg .root_daum_roughmap {height: 300px !important;} 
} */
.map-address{
    background-color: #f9f9f9;
	border-radius:0 0 20px 20px ;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
.map-address::after{content:'';display:block;clear:both;}
.map-address dl{width:37%;}
.map-address dl:nth-child(1){border-right:1px solid #fff; margin-right:90px;}
.map-address dl dt{font-weight:600; margin-bottom:0.5em;}
.map img{width:100%;}
.map h3 {margin-bottom: 23px;}

@media (max-width:1200px) {
	.mobile-none{display:none;}
	.mapImg{width:100%;} 
}

@media (min-width:1200px){
	.pc-none{display:none;}
	.map article{margin-bottom:80px;}
	.map-address{padding:50px 80px;}

}
@media(max-width : 800px){
    .mapImg .root_daum_roughmap {height: 300px !important;} 
}

@media (min-width:700px) and (max-width:1200px){
	.map-address{padding:30px;}
	.map-address dl{width:50%;}
	.map article{margin-bottom:80px;}
}

@media (max-width:700px){
	.map article{margin-bottom:30px;}
	.map-address dl{width:96%;font-size:14px;padding:10px 0; margin: auto 10px;}
	.map-address dl:nth-child(1) {border:0; margin-right:0;}
	.map h3 {margin-bottom: 10px;}
}


/****************************************************************************           
********************************    이오렉스란     ********************************
*****************************************************************************/

/*    소개 */
.introduce {width:1200px; margin:0 auto 80px auto; color:#37396e;}
.pipe-status, .advantage, .effect {margin-bottom: 100px;}

.introduce-img {width: 100%; height: auto; margin-bottom: 30px;}

.introduce .pipe-status h3 {font-size: 1.5rem; color: #242d58; margin-bottom: 60px;}
.introduce .pipe-status h3 > span {font-weight: 400;}

.pipe-status-list {text-align: center; margin-bottom: 70px;}
.pipe-status-list li {width: 290px; display: inline-block; vertical-align: middle; border-left: 1px solid #2c2956; padding: 15px 0; font-size: 1.2rem; word-break: keep-all;}
.pipe-status-list li:nth-child(1) {border-left: 0;}
.pipe-status .percent_number1, .pipe-status .percent_number2, .pipe-status .money_number, .pipe-status .distance_number {font-size: 1.6rem; line-height: 25px;}

.pc-pipe-status-content {display: block;}
.mobile-pipe-status-content {display: none;}
.pipe-status div > p {text-align: center; margin-bottom: 70px; font-size: 1.6rem; word-break: keep-all;}
/* .pipe-status .percent_number1, .pipe-status .percent_number2, .pipe-status .money_number, .pipe-status .distance_number {font-size: 1.8rem; line-height: 25px;} */
.pipe-status div > p span:nth-child(1) {font-weight: 600;}
.pipe-status div > p span:nth-child(2) {border-bottom: 1px solid #2b2857; padding-bottom: 8px;}

.pipe-status-img {text-align: center;}
.pipe-status-img li {width: 190px; margin-left: 6%; display: inline-block; }
.pipe-status-img div {width: 190px; height: 190px; overflow: hidden; border-radius: 50%; margin-bottom: 10px;}
.pipe-status-img li:nth-child(1) {margin-left: 0;}
.pipe-status-img li img {width: 100%;}
.pc-pipe-status-content .pipe-status-img li img {transform:scale(1); transition:transform 1s linear;}

.pc-advantage {display: block;}
.mobile-advantage {display: none;}

.advantage, .advantage p {text-align: center;}
.advantage p:nth-child(1) {font-weight: 500; font-size: 1.5rem; margin-bottom: 30px; word-break: keep-all;}
.advantage p:nth-child(2) {font-weight: 300; font-size: 1.3rem; margin: 0 auto; line-height: 30px; word-break: keep-all; width: 50%; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.advantage p:nth-child(2) span {color: #b0110d;}
.advantage > img {width: 300px; display: inline-block; vertical-align: middle; margin-left: 30px;}

.advantage-list {border: 1px solid #2c2956; width: 1000px; margin: 0 auto; padding: 30px 0; margin-top: 60px; text-align: left;}
.advantage-list li {width: 87%; margin: 0 auto; border-top: 1px dashed #c4c4c4; padding: 25px 0; font-size: 1.2rem;}
.advantage-list li:nth-child(1) {border-top: 0;}

.advantage-list li .advantage-num {display: inline-block; font-size: 1.3rem; margin-right: 34px; vertical-align: top;     margin-left: 20px;}
.advantage-list li .advantage-num > span {font-size: 2.5rem; font-weight: 600; letter-spacing: -1px;}
.advantage-list li .advantage-num > span:after {content: '/'; font-size: 1.6rem; font-weight: 400; margin-left: 12px; position: relative; top: -5px;}

.advantage-list li .advantage-content {display: inline-block;     margin-right: 20px;}
.advantage-list li .advantage-content strong {display: block; font-size: 1.4rem; color: #0575a5; letter-spacing: -1px;}
.advantage-list li .advantage-content strong span {font-size: 1.2rem; font-weight: 300; margin-left: -3px;}
.advantage-list li .advantage-content > span {font-weight: 300; letter-spacing: -1px;}
.advantage-list li .advantage-content > span span {color: #ff6d00;}

.introduce .effect h3 {font-size: 2rem; font-weight: 600; color: #1e255b; margin-bottom: 50px;}
.introduce .effect h3:before {content: ''; display: block; background: url(/html/images/waterdrop.svg) no-repeat; height: 50px; background-position: center; margin-bottom: 10px;}
.effect ul {text-align: center;}
.effect ul li {border: 1px solid #6a8f98; background: #deecef; width: 250px; height: 250px; display: inline-block; text-align: center; margin-right: 60px; border-radius: 50%;     margin-bottom: 40px;}
.effect ul li .effect-circle {position: absolute; width: 100%; height: 100%; top: 0;}
.effect ul li .effect-circle .effect-content {top: 52%; transform: translateY(-50%); font-size: 1.2rem; color: #121c1d;}
.effect ul li .effect-circle .effect-content span {font-weight: 600; font-size: 1.3rem; color: #1e255b;}
.effect hr {display: block; width: 27%; position: absolute; right: -27%; top: 50%; transform: translateY(-50%); border:0; border-top:1px solid #6a8f98;}
.effect li:nth-child(3) hr, .effect li:nth-child(5) hr {display: none;}
.effect ul li:nth-child(3), .effect ul li:nth-child(5) {margin-right: 0;}
.effect ul li .effect-circle i {display: none;}


@media (max-width:1199px) {
    .introduce {width: 100%;}
    .pipe-status, .advantage, .effect {width: 96%; margin:0 auto 80px auto;}
    .advantage-list {width: 96%;}
}

@media (max-width:1010px) {
    .advantage-list li {width: 90%; font-size: 1.1rem;}
}

@media (min-width: 800px) and (max-width: 1199px) {
    .pipe-status-list li {width:24%;     font-size: 16px;}
	.pipe-status .percent_number1, .pipe-status .percent_number2, .pipe-status .money_number, .pipe-status .distance_number {font-size: 19px;}
}

@media (min-width: 835px) and (max-width: 986px) {
	.pipe-status-img li {width: 160px;}
	.pipe-status-img div {width: 160px; height: 160px;}
}

@media (max-width: 924px) {
    .effect ul li {width: 210px; height: 210px;     margin-right: 32px;}
    .effect ul li .effect-circle .effect-content span {font-size: 17px;}
    .effect ul li .effect-circle .effect-content {top: 51%; font-size: 16px;}
	.effect hr {    width: 20%;     right: -20%;}
} 

@media (max-width:911px) {
    .advantage-list li .advantage-num {display: none;}
    .advantage-list {padding: 20px 0;     margin-top: 60px;}
    .advantage-list li {text-align: center;}
    .advantage-list li .advantage-content {display: block; word-break: keep-all; margin:0;}
}

@media (min-width: 733px) and (max-width: 834px) {
	.pipe-status-img li {width: 140px;}
	.pipe-status-img div {width: 140px; height: 140px;}
}

@media (max-width: 799px) {
    .introduce .pipe-status h3 {font-size: 1.4rem;}
    .pipe-status-list li {width:47%; border: 0;}
    .pipe-status-list li:nth-child(1), .pipe-status-list li:nth-child(2) {border-bottom: 1px solid #2c2956;}
    .pipe-status-list li:nth-child(2), .pipe-status-list li:nth-child(4) {border-left: 1px solid #2c2956;}
    .pipe-status-list li:nth-child(1), .pipe-status-list li:nth-child(3) {margin-right: -6px;}

    .pipe-status div > p {font-size: 1.4rem; line-height: 2.5em; margin-left: 3%; margin-right: 3%;}
    .advantage p:nth-child(1) {font-size: 1.4rem;}
    .advantage p:nth-child(2) {font-size: 1.2rem; width: 49%;}
	.advantage > img {width:200px;}
}

@media (min-width:742px){
    .effect ul li, .effect ul li .effect-circle .effect-content {position: relative;}
}

@media (max-width:741px) {
	.introduce {margin-bottom:30px}
	.effect {margin-bottom:0;}
    .effect ul {border: 1px solid #2c2956; padding: 20px 0;}
    .introduce .effect h3 {margin-bottom: 30px; font-size: 1.6rem;}
	.introduce .effect h3:before {height: 37px;}
    .effect ul li {width: 89%; height: auto;  margin: 0; background: none; text-align: left; border-radius: 0; border: 0; border-top: 1px dashed #c4c4c4;}
    .effect ul li:nth-child(1) {border-top: 0;}
    .effect ul li .effect-circle {position: initial; width: 92%; margin: 0 auto; padding: 4% 0; word-break: keep-all;}
    .effect hr {display: none;}
    .effect ul li .effect-circle .effect-content {top: 0; transform: none; display: inline-block; width: 88%;}
    .effect ul li .effect-circle .effect-content br {display: none}
    .effect ul li .effect-circle .effect-content span {font-size: 1.1rem;}
    /* .effect ul li .effect-circle i {display: inline-block; margin-right: 1em; width: 1%; position: relative;top: -1px;} */
	.effect-circle > div {display: inline-block; width: 1%; margin-right: 1rem; vertical-align: top;}
	.effect ul li .effect-circle i {display: inline-block; margin-right: 1em; width: 1%; position: relative;}
}

@media (min-width: 682px) and (max-width: 732px) {
	.pipe-status-img li {width: 130px;     margin-left: 5%;}
	.pipe-status-img div {width: 130px; height: 130px;}
}

@media (min-width: 412px) and (max-width: 681px) {
    .pipe-status-img li {width: 140px; /* height: 140px; */ margin-left: 6%; margin-right: 6%;}
	.pipe-status-img div {width: 140px; height: 140px;}
    .pipe-status-img li:nth-child(1) {margin-left: 6%; margin-right: 6%;}
    .pipe-status-img li:nth-child(1), .pipe-status-img li:nth-child(2) {margin-bottom: 40px;}
}

@media (max-width:653px) {
    .pc-pipe-status-content {display: none;}
    .mobile-pipe-status-content {display: block;}
    .mobile-pipe-status-content > p {margin-bottom: 40px !important;}
    .mobile-pipe-status-content .pipe-status-img li {height: 173px;}
}

@media (max-width:600px) {
	.effect ul li .effect-circle .effect-content {font-size: 1rem;}
	.effect ul li .effect-circle .effect-content span {font-size: 1rem;}

	/* .effect ul li .effect-circle i {top: 0;} */
}

/* @media (max-width: 528px) {
    .effect ul li:nth-child(3) .effect-circle i  {top: -26px;}
}

@media (max-width: 522px) {
    .effect ul li:nth-child(5) .effect-circle i {top: -26px;}
} */

@media (max-width: 500px) {
    .pc-advantage {display: none;}
    .mobile-advantage {display: block;}
	.advantage-list {padding: 0 0;}
}

@media (max-width:481px) {
	.advantage p:nth-child(2) {width:70%;}
	.advantage > img {margin-top: 15px; margin-left:0;}
}

/* @media (max-width: 429px) {
    .effect ul li:nth-child(1) .effect-circle i {top: -26px;}
} */

@media (max-width: 411px) {
    .pipe-status-img li {width: 120px; height: 120px;}
    .pipe-status-img li:nth-child(3) {margin-left: 0;}
    .pipe-status-img li:nth-child(1), .pipe-status-img li:nth-child(2) {margin-bottom: 6%;} 
}

@media (min-width: 424px) and (max-width: 550px) {
    .pipe-status-list li {font-size: 1.1rem;}
    .pipe-status .percent_number1, .pipe-status .percent_number2, .pipe-status .money_number, .pipe-status .distance_number {font-size: 1.3rem;}
}

@media (min-width: 401px) and (max-width: 423px) {
    .pipe-status-list li {font-size: 15px;}
    .pipe-status .percent_number1, .pipe-status .percent_number2, .pipe-status .money_number, .pipe-status .distance_number {font-size: 16px; font-weight:600;}
}

@media (max-width: 400px) {
    .introduce .pipe-status h3 {margin-bottom: 30px;}
    .introduce .pipe-status h3 > span {display: block; font-size: 1.3rem;}
    .pipe-status-list li {width: 49%; font-size: 13px;}
    .pipe-status .percent_number1, .pipe-status .percent_number2, .pipe-status .money_number, .pipe-status .distance_number {font-size: 14px; font-weight:600;}
}

@media (max-width: 319px) {
    .pipe-status-list li {font-size: 0.9rem;}
	.pipe-status-list li:nth-child(1) {padding: 27px 0;}
}

@media (max-width: 292px) {
	.pipe-status-list li:nth-child(1) {padding: 15px 0;}
}
@media (max-width: 287px) {
	.pipe-status-list li:nth-child(1) {padding: 27.5px 0;}
}
/* @media (max-width: 304px) {
    .effect ul li:nth-child(2) .effect-circle i {top:-26px;}
} 

@media (max-width: 280px) {
    .effect ul li:nth-child(4) .effect-circle i {top:-26px;}
} */

@media (max-width: 272px) {
    .pipe-status-img li {margin-left: 0;}
}

/*    원리 */


/*    규격 */
.standard_wrap {width: 1500px; text-align: center; margin: 0 auto; margin-bottom: 50px;}
.standard_wrap h4 {text-align: center; margin-bottom: 20px; font-size: 1.3em;}
.standard_wrap section {display: inline-block; width: 44%;}
.standard_wrap section:first-child {margin-right: 7%;}
.standard_wrap table {border-collapse: collapse; border-top: 2px solid #333; border-bottom: 2px solid #333;}
.standard_wrap table th {font-size: 0.9em; padding: 0.4em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; color: #333; font-weight: 700; background: #f5f5f5; vertical-align: middle; line-height: 25px;}
.standard_wrap table td {font-size: 0.85em; padding: 0.6em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; vertical-align: middle; text-align: center; line-height: 25px;}
.standard_wrap table th:last-child, .standard_wrap table td:last-child {border-right: 0;}
.tri{width: 0px; height: 0px; border-top: 0; border-bottom: 9px solid #333; border-right: 6px solid transparent; border-left: 6px solid transparent; position: relative; top: -12px; left: -7px;}

@media (max-width:1500px) {
	.standard_wrap {width: 100%;}
}
@media (max-width:993px) {
	.standard_wrap {margin-bottom:30px;}
	.standard_wrap section {display: block; width: 94%; margin: 0 3%;}
	.standard_wrap section:first-child {margin-bottom: 30px; margin-right: 0;}
}
@media (min-width:396px) and (max-width:500px) {
	.standard_wrap table th, .standard_wrap table td {font-size: 0.8em;}
}
@media (max-width:395px) {
	.standard_wrap table th, .standard_wrap table td {font-size: 0.6rem;}
}

/*    설치사례 */


/****************************************************************************           
********************************    사업분야     ********************************
*****************************************************************************/



.top-line::after{content:"";margin:0 auto;  width: 25px;   height: 1px;   display: block;   border-top: 4px solid #25569f;}
.business-header-font-big{font-size:25px;}

/*  적용분야 공통 -  상단 아이콘    */
.environment-bg h3::before{background-image: url('/html/images/icon_field_01.png');}
.industrial-plant h3::before{background-image: url('/html/images/icon_field_02.png');}
.indoor01 h3::before{background-image: url('/html/images/icon_field_03.png');}
.farm-01 h3::before{background-image: url('/html/images/icon_field_04.png');}
.house h3::before{background-image: url('/html/images/icon_field_05.png');}

.environment-bg h3::before, .industrial-plant h3::before, .indoor01 h3::before, .farm-01 h3::before, .house h3::before{
	content:"";
    display:block;
    width: 80px; 
    height: 91px;
    left:0; right:0; margin-left:auto; margin-right:auto; 
	}
}
@media (min-width:1100px){
.environment-bg h3::before, .industrial-plant h3::before, .indoor01 h3::before, .farm-01 h3::before, .house h3::before{
    background-size: 80px 91px;
    width: 80px; 
    height: 91px;
	}
}
@media (min-width:800px)and(max-width:1200px){
.business-header-font-big{font-size:20px;}
.environment-bg h3::before, .industrial-plant h3::before, .indoor01 h3::before, .farm-01 h3::before, .house h3::before{
    background-size: 60px 65px;
    width: 60px; 
    height: 65px; 
	}
}
@media (max-width:800px){
.business-header-font-big{font-size:17px;}
.environment-bg h3::before, .industrial-plant h3::before, .indoor01 h3::before, .farm-01 h3::before, .house h3::before{
    background-size: 40px 45px;
    width: 40px; 
    height: 45px;
	}
}

/* 적용분야 상단 배경 공통 패딩  */
@media (min-width:1200px){
.environment-bg, .industrial-plant, .indoor01, .farm-01, .house{padding:180px 0;}
}
@media (min-width:900px) and (max-width:1200px){
.environment-bg, .industrial-plant, .indoor01, .farm-01, .house{padding:100px 50px;}
}
@media (max-width:900px){
.environment-bg, .industrial-plant, .indoor01, .farm-01, .house{padding:5vh 2vh;}
}


/* 적용분야 설치사진 공통 photograph */
.photograph { }
@media (max-width:900px){
.photograph img{width:100%; height:auto;}
}


/* 공통     사업분야 가정용 농업용 등 설시사례 사진 높이공동 css */
.installation-title{font-weight:600;text-align:center;t}
@media (max-width:700px){
.installation-title:font-size:14px;}
.resert-photo{height:120px;}
}
@media (max-width:700px) and (max-width:1100px){.installation-title:font-size:15px;}}
@media (mix-width:1100px){.installation-title:font-size:20px;}}
@media (max-width:400px){.resert-photo{height:80px;}}
@media (min-width:400px) and (max-width:700px){.resert-photo{height:120px;}
}
@media (min-width:700px) and (max-width:900px){.resert-photo{height:180px;}
}
@media (min-width:900px) and (max-width:1200px){.resert-photo{height:200px;}
}
@media (min-width:1200px) and (max-width:1400px){.resert-photo{height:230px;}
}
@media (min-width:1400px) and (max-width:1600px){.resert-photov{height:240px;}
}
@media (min-width:1600px){
.resert-photo{height:260px;}
}


/*  상수도     */
.br-pcview{}
.environment{}
.environment-bg{background:url('/html/images/environment-bg.jpg')no-repeat fixed 8% center;background-size:cover;}
.environment-bg div{padding-top:2vh;word-break:keep-all;}
.environment-data {font-weight:600;font-size:30px;}
.environment-data span{display:inline-block;}
.environment-data p span{display:block;}
.water-circle .mobile-view{display:none;}
.water-circle .pc-view{width:800px}

@media (min-width:260px){.environment .mobile-view{display:none}}

@media (min-width:960px){
.environment-bg .environment-data {padding:40px 0 50px 0;font-size:20px;}
.environment-bg .environment-data p{display:inline-block;width:230px;}
.environment-bg .environment-data p:nth-child(-n+3) {position: relative; top: -33px;}
span.num {font-size: 1.5rem;}
}
@media (max-width:1041px) {
.environment-bg .environment-data p {width:24%;}
}
@media (min-width:860px) and (max-width:960px){
span.num {font-size: 1.4rem;}
}
@media (min-width:760px) and (max-width:859px){
span.num {font-size: 1.3rem;}
}
@media (min-width:760px) and (max-width:960px){
.environment-bg .environment-data p{display:inline-block;width:24%;}
.environment-bg .environment-data {padding:30px 0;font-size:18px;}
.environment-bg .environment-data p:nth-child(-n+3) {position: relative; top: -33px;}
}
@media (min-width:760px){
.environment-data p span{display:block;}
.environment-data p:nth-child(1)::before{position:absolute;width:0;height:0;display: block; content: '';}
.environment-data p::before{position:absolute;width:1px;height:77px;background:rgba(255,255,255,0.5);display: block; content: '';}
}
@media (max-width:760px){
.environment-data p span{display:inline-block;}
}
@media (min-width:460px) and (max-width:760px){
.environment-bg .environment-data {padding:30px 0;font-size:16px;}
.environment-bg .environment-data p{display:inline-block;width:40%;padding:1rem;margin:1%;color:#fff;background-color:blue;}
}
@media (max-width:900px){
.etting-jungfood img{}
}

@media (max-width:650px){
.environment-bg{padding-bottom:0;}
.water-circle .pc-view{display:none;}
.water-circle .mobile-view{display:block;}
}
@media (min-width:469px) and (max-width:524px) {
.environment-bg .environment-data p {font-size: 14px;}
}
@media (max-width:460px){
.environment-bg .environment-data {padding:30px 0;font-size:18px;}
.environment-bg .environment-data p{display:inline-block;width:30%;}
.environment-data p span{display:inline-block; margin:5px;}
.environment-bg .pc-view{display:none;}
.environment-bg .mobile-view{color:#181818;padding:1rem 1rem 0.1rem 1rem;text-align:left;background-color: rgba( 255, 255, 255, 0.5 );}
}

.environment-2018::after{display:block;content:"";width:2%;height:2px;background-color:#fff;opacity:0.8;left:0; right:0; margin-top:0.5vh;margin-left:auto;margin-bottom:30px;auto; margin-right:auto;}
.environment-bg div .important{font-weight:600;}

.environment-bg>div>span{color:#fff; display:block;}

.enviroment-iorex .water-circle{margin:0 auto;padding:50px 0;background-color:#bfd8d7;}
.enviroment-iorex .water-circle > ul li span{display:block;}
.enviroment-iorex .water-circle > ul:after{content:""; display:block; clear:both;}

@media (min-width:600px){
.enviroment-iorex .water-circle > ul li:nth-child(1){background:url('/html/images/water-01.jpg')}
.enviroment-iorex .water-circle > ul li:nth-child(2){background:url('/html/images/water-02.jpg')}
.enviroment-iorex .water-circle > ul li:nth-child(3){background:url('/html/images/water-03.jpg')}
.enviroment-iorex .water-circle > ul li:nth-child(4){background:url('/html/images/water-04.jpg')}
.field_water ul li:nth-child(4) {height: 235px;}
}
@media (max-width:411px) {
.field_water ul li:nth-child(4) {height: 260px;}
}
.enviroment-iorex .water-circle > ul li{float:left;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;}
.enviroment-iorex .water-circle li:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.enviroment-iorex .water-circle p{display:block;}

.enviroment-iorex h3{margin-bottom:20px;}
.enviroment-iorex .water-circle .photo{width:94%; margin:0 auto;}
.enviroment-iorex .water-circle .photo ul::after{content:'';display:block; clear:both;}
.enviroment-iorex .water-circle .photo ul li{width:48%;} 
.enviroment-iorex .water-circle .photo ul li:nth-child(1){float:left;} 
.enviroment-iorex .water-circle .photo ul li:nth-child(2){float:right;} 
.enviroment-iorex .water-circle .photo ul li img{width:100%; height:auto;} 
.enviroment-iorex .water-circle p img{width:100%;margin-bottom:40px;}
.enviroment-iorex .water-circle p::after{content:'';display:block;background:rgba(20,55,255,1);width:100px; height:100px;maegin:0 auto;} 
.enviroment-iorex .water-circle li span{font-size:15px !important;}
.enviroment-iorex .water-circle{text-align:center;}
@media (min-width:1110px){
.enviroment-iorex .water-circle > ul{margin-bottom:100px;}
.enviroment-iorex .water-circle > ul li:before{content:' ';position:relative;display:block;width:210px;height:210px;bottom:0;top:-5px;right:5px;background:url(/html/images/circle-bg.png) 0 0 no-repeat;background-position:0 0;background-size:210px;}
.enviroment-iorex .water-circle > ul li{width:200px; height:200px;border-radius:100px;}
.enviroment-iorex .water-circle > ul li{margin:0 30px;}
}
@media (min-width:900px) and (max-width:1100px){
.enviroment-iorex {padding:70px 0 40px 0;}
.enviroment-iorex .water-circle ul{margin-bottom:50px;}
.enviroment-iorex .water-circle li{width:23%; height:150px;margin:0 1%;border-radius: 80px;}
}
@media (min-width:650px) and (max-width:900px){
.enviroment-iorex {padding:60px 0 40px 0;}
.enviroment-iorex .water-circle{width:100%;margin:0 auto;}
.enviroment-iorex .water-circle > ul{margin-bottom:50px;}
.enviroment-iorex .water-circle > ul li{width:23%; height:150px;margin:0 1%;border-radius: 80px;}
}
@media (min-width:450px) and (max-width:650px){
.enviroment-iorex {padding:40px 0 30px 0;}
.enviroment-iorex .water-circle{width:100%;margin:0 auto;}
.enviroment-iorex .water-circle >  ul{margin-bottom:50px;}
.enviroment-iorex .water-circle > ul li{width:23%; height:120px;margin:0 1%;border-radius: 80px;}
}
@media (max-width:800px){
.enviroment-iorex .water-circle img{width:86%; margin:0 auto;}
.enviroment-answer_font-big {font-size: 2rem !important;}

}
@media (max-width:450px){
.water-circle .pc-view{display:none;}
.water-circle .photo ul li{width:100% !important;} 
.water-circle .photo{width:100% !important; margin:0 auto;}
.enviroment-iorex .water-circle p:nth-cilid(1) img{width: 100px; height: 100px; object-fit:cover; border: 1px solid #000;}/*   이미지 100% 되기위한 것 그런데 안됨 ㅜㅜㅜ*/
.enviroment-iorex .water-circle > ul li{width:50%;margin-bottom: 1px;padding: 8px 0;font-size: 14px;color: #fff;text-align: center;background-color: #073462;background-position:100000 100000;}
}

.enviroment-iorex .water-circle p:nth-child(1) img{width:100%;height:auto;}


.enviroment-iorex .water-circle :afterr{content:""; dlsplay:black;clear:both;}
.enviroment-iorex .water-circle p span{display:block;}
.enviroment-iorex .water-circle p span:nth-child(1){font-weight:500;}
@media (min-width:1200px){
.enviroment-iorex .water-circle p span:nth-child(1){font-size:20px;}
}
@media (min-width:900px) and (max-width:1200px){
.enviroment-iorex .water-circle p span:nth-child(1){font-size:23px; }
}
@media (min-width:600px) and (max-width:900px){
.enviroment-iorex .water-circle p span:nth-child(1){font-size:20px;}
}
@media (max-width:900px){
.enviroment-iorex .water-circle p span:nth-child(1){font-size:18px;}
}


.photogrepy-wrap{margin:0 auto;}
.photogrepy-wrap dl dt{display:inline-block; }
.photogrepy-wrap dl dd{display:inline-block;position: relative;  }

.enviroment-smart{background:url(/html/images/environment-answer-bg.jpg);background-size : cover;}
.enviroment-smart .enviroment-answer{margin:0 auto;}
.answer li:hover{color:#f0ff10;}
.enviroment-smart .enviroment-answer div img{width: auto; height: auto;}

.enviroment-answer_font-big{font-size:50px;}

@media (max-width:700px){
.enviroment-smart {}
.answer ul li{background:rgba(255,255,255,0.2);margin:1%;}
.enviroment-smart .enviroment-answer .answer .answer-info{display:none;}
}
.enviroment-smart .enviroment-answer .answer ul:after{content:"";display:block; clear:both;}
.enviroment-smart .enviroment-answer .answer ul li::before{position:absolute;width:1px;height: 90px;background:rgba(255,255,255,1);display: block; content: '';}
@media (min-width:500px)and(max-width:730px){
.enviroment-smart .enviroment-answer .answer ul li:nth-child(4)::before{position:absolute;width:0;height:0;background:rgba(255,255,255,0.2);display: block; content: '';}
}
@media (max-width:500px){
.enviroment-smart .enviroment-answer .answer ul li:nth-child(3)::before, .enviroment-smart .enviroment-answer .answer ul li:nth-child(5)::before{
position:absolute;width:0;height:0;background:rgba(255,255,255,0.2);display: block; content: '';}
}
.enviroment-smart .enviroment-answer .answer ul li:nth-child(1)::before{position:absolute;width:0;height:0;background:rgba(255,255,255,0.2);display: block; content: '';}
.enviroment-smart .enviroment-answer .answer ul li{float:left;text-align:center;color:#fff;box-sizing:border-box;}
.enviroment-smart .enviroment-answer .answer ul li:hover{color:#fff;}
.enviroment-smart .enviroment-answer .answer ul li img{max-width: 100%;height: auto;}
@media (min-width:1400px){
.enviroment-smart .enviroment-answer{width:1300px;}
.enviroment-smart .enviroment-answer div:nth-child(1){margin:100px 0;}
.enviroment-smart{margin-bottom:100px;padding:110px 0 170px 0;}
.enviroment-smart .enviroment-answer .answer ul li{float:left;width:20%;text-align:center;color:#fff;box-sizing:border-box;}
.enviroment-smart .enviroment-answer p:nth-child(2){margin:10px;font-size:18px; font-weight:600;}
.enviroment-smart .enviroment-answer p:nth-child(3){font-size:16px; font-weight:400;}
}
@media (min-width:1100px) and (max-width:1400px){
.enviroment-smart .enviroment-answer{width:100%;}
.enviroment-smart .enviroment-answer div:nth-child(1){margin:100px 0;}
.enviroment-smart{margin-bottom:100px;padding:150px 50px;}
.enviroment-smart .enviroment-answer .answer ul li{float:left;width:20%;text-align:center;color:#fff;box-sizing:border-box;}
.enviroment-smart .enviroment-answer p:nth-child(2){margin:10px;font-size:20px; font-weight:600;}
.enviroment-smart .enviroment-answer p:nth-child(3){font-size:14px; font-weight:300;}
}
@media (max-width:1100px){
.enviroment-smart .enviroment-answer{width:96%;}
.enviroment-smart .enviroment-answer div:nth-child(1){margin:100px 0;}
}
@media (min-width:950px) and (max-width:1100px){
.enviroment-smart .enviroment-answer div:nth-child(1){margin:80px 0;}
.enviroment-smart{margin-bottom:100px;padding:60px 0;}
.enviroment-smart .enviroment-answer .answer ul li{width:20%;}
.enviroment-smart .enviroment-answer p:nth-child(2){margin:10px;font-size:18px;}
.enviroment-smart .enviroment-answer p:nth-child(3){font-size:15px; font-weight:300;}
}
@media (min-width:800px) and (max-width:950px){
.enviroment-smart .enviroment-answer div:nth-child(1){margin:80px 0;}
.enviroment-smart{margin-bottom:100px;padding:60px 0;}
.enviroment-smart .enviroment-answer .answer ul li{width:20%;}
.enviroment-smart .enviroment-answer p:nth-child(2){margin:10px;font-size:18px;}
.enviroment-smart .enviroment-answer p:nth-child(3){font-size:13px; font-weight:300;word-break:keep-all;}
}
@media (min-width:500px) and (max-width:800px){
.enviroment-smart .enviroment-answer div:nth-child(1){margin:50px 0;}
.enviroment-smart{margin-bottom:100px;padding:80px 0;}
/* .enviroment-smart .enviroment-answer .answer ul li{width:33%} */
.enviroment-smart .enviroment-answer p:nth-child(2){margin:5px;font-size:16px;}
.enviroment-smart .enviroment-answer p:nth-child(3){font-size:15px; font-weight:300;}
}
@media (min-width:701px) and (max-width:800px){
.enviroment-smart .enviroment-answer .answer ul li{width:33%}
}
@media (min-width:500px) and (max-width:700px){
.enviroment-smart .enviroment-answer .answer ul li{width:31.3%}
.enviroment-smart .enviroment-answer div img {width: 75px;}
}
@media (max-width:800px){
.enviroment-smart .enviroment-answer .answer ul li:nth-child(1)::before{display:none !important;}
.enviroment-smart .enviroment-answer .answer ul li:nth-child(2)::before{display:none !important;}
.enviroment-smart .enviroment-answer .answer ul li:nth-child(3)::before{display:none !important;}
.enviroment-smart .enviroment-answer .answer ul li:nth-child(4)::before{display:none !important;}
.enviroment-smart .enviroment-answer .answer ul li:last-child::before{display:none !important;}
.enviroment-smart .enviroment-answer .answer ul li{padding:1rem;border-radius:1rem;}
}
@media (max-width:500px){
.enviroment-answer_font-big {font-size: 1.7rem !important;}
.enviroment-smart .enviroment-answer div:nth-child(1){margin:30px 0;}
.enviroment-smart{margin-bottom:0;padding:30px 0;}
.enviroment-smart .enviroment-answer .answer ul li{width:48%;}
.enviroment-smart .enviroment-answer p:nth-child(2){margin:10px 0 5px 0;font-size:15px;}
.enviroment-smart .enviroment-answer p:nth-child(3){font-size:15px; font-weight:300;}
.enviroment-smart .enviroment-answer div img {width: 75px;}
}
@media (max-width:350px){
.enviroment-smart .enviroment-answer .answer ul li{margin-bottom:30px;}
}
@media (max-width:900px){.enviroment-answer-pc{display:none;}}




/*  사업분야   상수도 설치사례   */
.water-photo-01{background:url(/html/images/water-photo-01.jpg);}
.water-photo-02{background:url(/html/images/water-photo-02.jpg);}
.water-photo-03{background:url(/html/images/water-photo-03.jpg);}
.water-photo-04{background:url(/html/images/water-photo-04.jpg);}

/*  사업분야 산업시설  설치사례   */
.industrial-photo-01{background:url(/html/images/industrial-photo-01.jpg);}
.industrial-photo-02{background:url(/html/images/industrial-photo-02.jpg);}
.industrial-photo-03{background:url(/html/images/industrial-photo-03.jpg);}
.industrial-photo-04{background:url(/html/images/industrial-photo-04.jpg);}

/*  사업분야 옥내배관  설치사례   */
.indoor-photo-01{background:url(/html/images/indoor-photo-01.jpg);}
.indoor-photo-02{background:url(/html/images/indoor-photo-02.jpg);}
.indoor-photo-03{background:url(/html/images/indoor-photo-03.jpg);}
.indoor-photo-04{background:url(/html/images/indoor-photo-04.jpg);}

/*  사업분야 농업  설치사례   */
.farm .farm-photo-01{background:url(/html/images/farm-product-01.jpg);background-size : cover;}
.farm .farm-photo-02{background:url(/html/images/farm-product-02.jpg);background-size : cover;}
.farm .farm-photo-03{background:url(/html/images/farm-product-03.jpg);background-size : cover;}
.farm .farm-photo-04{background:url(/html/images/farm-product-04.jpg);background-size : cover;}

/*  사업분야 가정용  설치사례   */
.house-photo-01{background:url(/html/images/house-photo-01.jpg);}
.house-photo-02{background:url(/html/images/house-photo-02.jpg);}
.house-photo-03{background:url(/html/images/house-photo-03.jpg);}
.house-photo-04{background:url(/html/images/house-photo-04.jpg);}

/****************************************************
********************  사업분야 산업시설  *****************  
****************************************************/

.environment-fact h3{font-weight:500 !important;}
.environment-fact h3 span{color:#42c0bf !important;}
.environment-fact ul::after{content:''; display:block; clear:both;}
.environment-fact ul li{float:left;}
.environment-photo ul li:nth-child(1) div{background:url(/html/images/fact-01.jpg);background-size : cover;}
.environment-photo ul li:nth-child(2) div{background:url(/html/images/fact-02.jpg);background-size : cover;}
.environment-photo ul li:nth-child(3) div{background:url(/html/images/fact-03.jpg);background-size : cover;}
.environment-photo ul li:nth-child(4) div{background:url(/html/images/fact-04.jpg);background-size : cover;}
.environment-photo ul li:nth-child(5) div{background:url(/html/images/fact-05.jpg);background-size : cover;}

@media (min-width:1400px){
.environment-fact ul li span{display:inline-block;width:100%;margin-top:10px;text-align:center;}
}
@media (max-width:1400px){
.environment-fact ul li span{display:inline-block;width:100%;margin-top:10px;text-align:left;word-break:keep-all;}
.br-pcview br{display:none;}
}
@media (min-width:1600px){
.environment-fact{padding:150px 0;}
.environment-fact ul {width:1600px;margin:0 auto;}
.environment-fact ul li div{width:300px; height:220px;}
.environment-fact ul li{width:300px;height:300px:padding:0 70px;margin:10px;}

}
@media (min-width:1200px) and (max-width:1600px){
.environment-fact{padding:120px 0;}
.environment-fact ul {width:90%;margin:0 auto;font-size:15px;}
.environment-fact ul li div{width:100%; height:220px;}
.environment-fact ul li{width:18%;height:250px:padding:0 70px;margin:10px;}
}
@media (min-width:900px) and (max-width:1200px){
.environment-fact{padding:100px 0;}
.environment-fact ul {width:90%;margin:0 auto;border-bottom:1px solid #ddd; margin-bottom:1vh;font-size:15px;}
.environment-fact ul li div{width:100%; height:220px;}
.environment-fact ul li{width:31%;height:250px:padding:0 70px;margin:1%;}
}
@media (min-width:600px) and (max-width:900px){
.environment-fact{padding:80px 0;}
.environment-fact ul {width:96%;margin:0 auto;font-size:15px;}
.environment-fact ul li div{width:100%; height:220px;}
.environment-fact ul li{width:31%;height:200px:padding:0 70px;margin:1%;}
}
@media (max-width:600px){
.environment-fact{padding:50px 0;}
.environment-fact ul {width:96%;margin:0 auto;font-size:15px;}
.environment-fact ul li div{width:100%; height:150px;}
.environment-fact ul li{width:47%;height:100px:padding:0 1%x;margin:1%;}
.field_water ul li {margin: 1.5%;}
}
@media (min-width:546px) and (max-width:600px) {
.field_water ul li:nth-child(2) {height: 210px;} /* 상수도 */
}
@media (min-width:500px)and(max-width:900px){
.environment-photo{padding:50px 0;margin-top:100px;}
}
@media (max-width:500px){
.environment-photo{padding:50px 0;margin-top:50px;}
}
@media (max-width:900px){
.environment-photo{width:96%; margin:0 auto;background-color:#fff;}
.environment-photo{width:100%; padding:50px 0;}
.environment-photo h3{margin-bottom:2vh;}
.photogrepy-wrap::after{content:'';display:block;clear:both;}
}
@media (min-width:500px)(max-width:900px){
.environment-photo{margin-top:50px;}
}
@media (max-width:500px){
.environment-photo{margin-top:30px;}
}
@media (min-width:900px){
.environment-photo{width:100%; padding:50px 0;}
.environment-photo h3{margin-bottom:2vh;}
.photogrepy-wrap{width:90%; padding:60px 100px 45px 100px;background-color:#fff;}  

.setting-jungfood{padding:100px;}

.photogrepy-wrap::after{content:'';display:block;clear:both;}
.photogrepy-wrap span{font-size:60px;font-weight:600; color:#d5d5d5;}
.photogrepy-wrap div div{position: absolute;z-index:-1000;bottom: 0;left:75px;top:96px;width:180px;height:330px;border: 10px solid #d5d5d5;}
.photogrepy-wrap div img{z-index:100;width:350px; height:auto;border:1px solid #d5d5d5;box-shadow: 11px 10px 12px 1px rgba(0,0,0,0.2);}

}

.environment-photo::after{content:'';display:block;clear:both;}
@media (max-width:800px){
.environment-photo-seting-img img{width:96%;margin:0 auto;}
}

@media (min-width:1200px){
.environment-bg div::after{content:'';display:block;clear:both;}
.environment-bg div .important{font-size:25px;}
.photogrepy-wrap{border-radius:80px 0 80px 0;}
}
.environment-photo-seting-img{text-align:center;}
/* .environment-photo dl{width:96%; margin:0 auto; } */

@media (max-width:500px){
.environment h3{font-size:20px;}
.environment p{font-size:17px; margin-bottom:3vh;}
} 
/* @media (max-width:478px) {
.field_water ul li:nth-child(4) {height: 235px;} 상수도
} */
@media (max-width:355px) {
.field_water ul li:nth-child(2) {height: 235px;} /* 상수도 */
}
@media (max-width:310px) {
.field_water ul li:nth-child(4) {height: 260px;} /* 상수도 */
}

.enviroment-iorex::after{content:'';display:block;clear:both;}

/*  사업분야 > 산업시설 > 주요고객  */
.client {padding-top:50px;}
@media (max-width:800px){
.client {padding-top:20px;}
.client img{width:90%; margin:0 auto;}
}
.maincostomer{width:1050px; margin:30px auto;/* padding:0 30px;box-sizing:border-box; */ }
.maincostomer .swiper-wrapper{width:1250px; margin:0 auto;}
.maincostomer .swiper-slide{ text-align:center }
.maincostomer .swiper-slide img {border:1px solid #eee;box-sizing:border-box;padding:8px 5px;}

@media(max-width:1200px){
	.maincostomer .btn_arrow{display:none}
	.maincostomer{width:95%; margin:0 auto;}
	.maincostomer .swiper-wrapper{width:100%; margin:0 auto;}
/* 		.maincostomer .swiper-slide img {width:100%;} */
}
@media(max-width:900px){
	.maincostomer{width:95%; margin:0 auto;}
}
@media(max-width:450px){
	.maincostomer{width:95%; margin:0 auto;}
	.maincostomer .swiper-slide img {width:80%;} 
}
@media(max-width:350px){
	.maincostomer{width:95%; margin:0 auto;}
	.maincostomer .swiper-slide img {width:60%;} 
}
/* 사업분야의 이오렉스 설치 전후 사진 공통  */
.setting-alcom , setting-jungfood{margin-bottom:50px;}
.setting-info{width:740px;font-size:16px;color:#FFF;margin:0 auto;padding:20px ;background-color:#073462;} 
.setting-info::after{content:'';display:block;clear:both;}
.setting-info dt, .setting-info dd{display:inline-block;float:left;}
.setting-info dt{width:30%; margin-right: 10px;margin-left: 10px;}
.setting-info dd{width:65%;text-align:left;}
.setting-info dd:hover{color:orange;}
@media (max-width:800px){
.setting-info{width:96%;font-size:14px;padding:20px 0;}
.setting-info dt, .setting-info dd{margin-bottom:10px;}
.setting-info dt{color:orange;}
}
@media (max-width:383px) {
.setting-info dt {width: 27%;}
.setting-info dd {height: 48px;}
}
@media (max-width:318px) {
.setting-alcom .setting-info dd:nth-child(6), .setting-info dd:nth-child(8) {height: 68px;}
}
@media (max-width:289px) {
.setting-jungfood .setting-info dd:nth-child(2){height: 68px;}
}

/* 사업문야 >  상수도 >  설치전후사진 */
/* .environment-bf{width:100%;padding:100px 0;}
.environment-bf .photogrepy-wrap{background-color:#fff;}    */
.photogrepy-wrap .photograph{position: relative;z-index:0;}
/* .environment-bf .photogrepy-wrap dl dt{text-align:center;color:#fff;background-color:#073462;} */

@media (min-width:500px){
.photogrepy-wrap dl dt{width:15%;border-radius: 20px;padding:3px 0;margin:0 10px 10px 0; }
.photogrepy-wrap dl dd{display:inline-block;width:80%;position: relative;  }
}

@media (min-width:900px){
.photogrepy-wrap{width:900px; margin-top:30px;}   
.photogrepy-wrap .photograph{margin-bottom:100px;}
}
.photogrepy-wrap .photograph{position: relative;z-index:0;width:45%;}
.photogrepy-wrap .photograph span{font-weight:600; color:#d5d5d5;}


@media (max-width:500px) and (max-width:900px){
.environment-bf .photogrepy-wrap{width:90%;margin:auto; }   
.environment-bf .photogrepy-wrap .photograph{margin-bottom:0px;}
.environment-bf .photogrepy-wrap span{font-size:30px;}
.environment-bf .photogrepy-wrap dl dt:after{content:":"; width:10px;left:100px;}

}
@media (max-width:500px){
.environment-bf {}
.environment-bf .photogrepy-wrap{width:96%;margin:0 auto;}   
.environment-bf .photogrepy-wrap .photograph{margin-bottom:30px;}
.environment-bf .photogrepy-wrap .photograph{width:49%}
.environment-bf .photogrepy-wrap .photograph span{font-size:30px;}
.photogrepy-wrap dl{font-size:14px;color:#181818;}
.photogrepy-wrap dl dt{width:68px;padding:3px 0 3px 3px;margin:0 5px 5px 0;text-align:left;}
.photogrepy-wrap dl dd{display:inline-block;width:70%;position: relative; }
}

.environment-bf dl{content:'';display:block;clear:both;}

/* 산업시설 */
.industrial-plant{background:url('/html/images/industrial-plant-bg.jpg')  no-repeat fixed 8% center;background-size:cover;}
@media (min-width:1200px){
.industrial-plant{padding:150px 0;margin-bottom:100px;}
}
.industrial-plant div span{display:block;}


/* 사업분야 > 산업시설 >이오렉스 한번 설치로 이 모든 문제 해결 */
.industrial-onestop_container{}
.industrial-onestop {text-align:center;     height: 180px;}
.industrial-onestop p{display:inline-block;text-align:center;margin-bottom:5px;padding:1rem;color:#fff;word-break:keep-all; background-color:#073462; }

.industrial-onestop p {font-size: 16px; border-radius: 10%; height: 150px; width: 220px; vertical-align: bottom;}
.industrial-onestop p:first-child {margin-right: 30px;}
.industrial-onestop span.arrow {background: url(/html/images/details-arrow_3.png) no-repeat; width: 30px; height: 103px; display: inline-block; margin: 0 50px; vertical-align: super;}
.industrial-onestop p span{display:block; position: relative; top: 50%; transform: translateY(-50%);}
.scale-container{margin-bottom:70px;}
.scale-container::after {content:"";display:block;clear:both;}
/* .scale div{float:left;} */
.scale::after {content:"";display:block;clear:both;}
.scale h4{text-align:center;padding:1rem 0 0.5rem 0;font-size:20px;}
.scale div{float:left;width:46.7%;padding:0.5rem 0;margin:1.3%;border-radius:30px 30px 0 0;background-color:#eff1f6;}
.scale div ul li{border:1px solid #dae1e6;padding:1rem 0;border-radius:0 0 30px 30px;box-shadow: 3px 3px 5px #ddd;margin:0.7rem;font-weight:700px;text-align:center;background-color:#fff;     word-break: keep-all;}

@media (min-width: 1000px) {
.industrial-onestop_container{margin-bottom:100px;}

.scale-container{margin-bottom:100px;}
.scale-container h3{margin-bottom:30px;}
.scale{width:1000px; margin:auto;}
/* .scale::after {content:"";display:block;clear:both;}
.scale h4{text-align:center;padding:1rem 0 0.5rem 0;font-size:20px;}
.scale div{float:left;width:44%;padding:0.5rem;margin:2%;border-radius:30px 30px 0 0;background-color:#eff1f6;}
.scale div ul li{border:1px solid #dae1e6;padding:1rem 0;border-radius:0 0 30px 30px;box-shadow: 3px 3px 5px #ddd;margin:0.7rem;font-weight:700px;text-align:center;background-color:#fff;} */
}
@media (min-width:900px) and (max-width: 965px) {
.scale div:nth-child(1) ul li:nth-child(2) {line-height: 53px;}
.scale div ul li:nth-child(2) {height: 56px;}
}
@media (max-width:940px) {
.industrial-onestop p {width: 22%;}
}
@media (max-width:865px) {
.industrial-onestop p {width: 21%;}
}
@media (max-width: 900px) {
.industrial-plant {margin-bottom:70px;}
.scale-container {margin-top:70px;}
.scale {width:100%}
}
@media (max-width: 818px) {
.scale div {width: 48%;margin: 1%;}
}

@media (max-width:784px) {
.industrial-onestop span.arrow {margin: 0 25px;}
}
@media (max-width: 783px) {
/* .scale div {width: 43%;} */
/* .scale div:nth-child(1) ul li:nth-child(1) {line-height: 53px;}
.scale div ul li:nth-child(1) {height: 56px;} */
.scale div ul li {font-size: 1rem;}
}
@media (min-width:601px) and (max-width: 740px) {
.scale div:nth-child(1) ul li:nth-child(1) {line-height: 53px;}
.scale div ul li:nth-child(1) {height: 56px;}
}
/* @media (max-width:784px) {
.industrial-onestop p {height: 140px; width: 140px;}
.industrial-onestop span.arrow {height: 140px; margin: 0px 30px;}
} */
@media (max-width:692px) {
.industrial-onestop {height: auto;}
.industrial-onestop p:nth-child(1){width:38%;padding:2rem 3%;font-size:15px;border-radius:1rem 1rem 0 0; margin-right: 4%;}
.industrial-onestop p:nth-child(2){width:38%;padding:2rem 3%;font-size:15px;border-radius:1rem 1rem 0 0;}
.industrial-onestop p:last-child{width:87%;margin:2% auto;border-radius:0 0 1rem 1rem;}
.industrial-onestop span.arrow {display: none; position: absolute; left: 50%; height: 48px; margin: 0; margin-top: -23px; -ms-transform: translateX(-50%) rotate(90deg); -webkit-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg);}
}
@media (max-width:600px) {
.scale h4 {padding-bottom:0;}
.scale div {width: 90%;margin: 15px auto;float: none; clear: both; }
}
@media (max-width:376px) {
.scale div ul li {font-size: 1rem;}
}
@media (max-width:290px){
.industrial-onestop p:nth-child(1), .industrial-onestop p:nth-child(2) {width: 40%; margin-right:0;}
}

@media (min-width:1300px){

.scale-container .scale div li span{margin-left:10px;}
}

.industrial-phoho li div{background:url('')birder:10px solid red;}
.industrial-phoho ul li:nth-child(1) div{background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1) ),url(/html/images/industrial-01.jpg);background-size : cover;}
.industrial-phoho ul li:nth-child(2) div{background:url(/html/images/industrial-02.jpg);background-size : cover;}
.industrial-phoho ul li:nth-child(3) div{background:url(/html/images/industrial-03.jpg);background-size : cover;}
.industrial-phoho ul li:nth-child(4) div{background:url(/html/images/industrial-04.jpg);background-size : cover;}
.industrial-phoho ul li:nth-child(5) div{background:url(/html/images/industrial-05.jpg);background-size : cover;}

#sidebar #header-wrapper {
    background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(/html/images/industrial-01.jpg);
}

 
/* 사업분야  산업시설  주요고객 */
.client-containet{margin-bottom:150px;}
.client-containet h3{margin-bottom:50px;}




/* 사업분야 > 옥내빼관 */
.indoor01{margin-bottom:100px;background-color:#000;}
.indoor01{background:url('/html/images/indoor-bg.jpg')  no-repeat fixed 8% center;background-size:cover;}

.indoor-font-medium span{display:block;} 
.bg {background: #eeeeee70;}


/*  사업분야 옥내배관  이오렉스 설치하면 좋은 점*/
.iorex-setting-good_container{text-align:center; margin-bottom:100px;}
.iorex-setting-good_container h3{margin-bottom:30px;}
.iorex-setting-good p{width:500px;border-radius:50px;margin:10px auto;padding:10px 50px; font-size:18px; font-weight:600;text-align:center;color:#fff;  background: linear-gradient(to bottom, #1a6fb7 0%, #2c8bcb 100%); }


/*  사업분야 > 옥내배관 > 인증서 */
.indoor-license-container, .farm-lab-container{padding:100px 0;margin-bottom:100px;background: linear-gradient(to bottom, #1a6fb7 0%, #2c8bcb 100%);}


.indoor-license-container h3{color:#fff;margin-bottom:50px;}
.indoor-license_text{margin-top:1rem;font-size:1.8rem;color:#d8eaf8;font-weight:700;}
.indoor-license.Tcenter img{    width: 500px;}
@media (max-width:900px) {
.indoor-license-container h3{color:#fff;margin-bottom:30px;}
.indoor-license img{width:100%;}
.indoor-license_text{margin-top:1rem;font-size:1.6rem;}
}
@media (max-width:800px) {
.indoor-license.Tcenter img{    width: 65%;}
}
@media(max-width:680px) {
.iorex-setting-good p {width: 62%;}
}
@media(max-width:514px) {
.iorex-setting-good p {font-size: 1rem;}
.indoor-license_text{font-size:1.4rem;}
}
@media(max-width:457px) {
.iorex-setting-good p {height: 54px;}
.iorex-setting-good p:nth-child(2), .iorex-setting-good p:nth-child(3), .iorex-setting-good p:nth-child(4) {line-height: 54px;}
}
@medi
@media (max-width:600px){.indoor-license_text{margin-top:1rem;font-size:20px;font-weight:600;word-break:keep-all;}}
.indoor-apply{padding-top:-100px !important;}


.indoor02{    margin-bottom: 100px;    word-break: keep-all;}
.indoor02>div:after{content:'';clear:both;display:block;}
.indoor02>div>div{width:33.3333%;float:left;text-align:center;}
@media (min-width:1000px) {
.indoor02>div>div{margin-bottom:70px}
}
@media (min-width:700px) and (max-width:1000px){
.indoor02>div>div{margin-bottom:40px:font-size:16px;}
.indoor02>div>div img{width:43%;}
}
@media (max-width:700px){
.indoor02>div>div{margin-bottom:20px:font-size:13px !important;}
.indoor02>div>div img{width:50%;}
}

.indoor03{}

/*  옥내배관 국회의장 공관 살균효과  */
.germicidial-effect{padding:100px 0;background:url('/html/images/indoor-chairman.jpg')  no-repeat fixed 8% center;background-size:cover;}
.germicidial-effect h3{color:#fff;}
.germicidial-effect table {width: 1200px; margin: 30px auto 20px auto; border-collapse: collapse; border-top: 2px solid #333; border-bottom: 2px solid #333; text-align: center; background-color:#FFF;word-break: keep-all;}
.germicidial-effect table  br {display: none;}
.germicidial-effect table th, .germicidial-effect table thead td {font-size: 1rem; padding: 0.4em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; color: #333; font-weight: 700; vertical-align: middle; line-height: 35px;}
.germicidial-effect tbody td {font-size: 0.95rem; padding: 0.6em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; vertical-align: middle; text-align: center; line-height: 35px;}
.germicidial-effect td:last-child { border-right: 0;}
.congress thead{background-color:#f7f7f9;}

@media (max-width:1200px) {
	.germicidial-effect table {width: 96%;}
}

@media (max-width:664px) {
	.germicidial-effect table th, .germicidial-effect table thead td, .germicidial-effect tbody td {font-size: 0.9em;}
}

@media (max-width:572px) {
    .germicidial-effect table th, .germicidial-effect table thead td {line-height: 1.4rem;}
}

@media (max-width:364px) {
	.germicidial-effect table  br {display: block;}
} 

@media (max-width:340px) {
	.germicidial-effect table th, .germicidial-effect table thead td, .germicidial-effect tbody td {font-size: 0.83rem;}
} 

@media (max-width:348px) {
	.iorex-setting-good p:nth-child(4) {line-height:1.6rem;}
} 

@media (max-width:314px) {
	.germicidial-effect table th, .germicidial-effect table thead td, .germicidial-effect tbody td {font-size: 0.74rem;}
} 

@media (max-width:296px) {
	.iorex-setting-good p:nth-child(3) {line-height:1.6rem;}
} 
.indoor01 div{width:1000px; margin:0 auto;}
.indoor-school div{float:left;width:1500px; margin:0 auto;}





/* 농업용 */
.farm-h2o div img, .farm-effect div img, .farm-product ul li img { max-width: 100%; height: auto;}
.farm-01{margin-bottom:100px;background:url('/html/images/farm-01-bg.jpg')  no-repeat fixed 8% center;background-size:cover;}
.farm-01-photo{margin:0 auto;}
.farm-01 .farm-01-photo ul::after{content:'';clear:both;display:block;}
.farm-01 .farm-01-photo li{float:left;}
.farm-01-photo li img{width:100%;height:auto;}

/* 농업용 이오렉스의 원리*/
.farm-h2o div{margin:50px 0 100px 0;}

@media (min-width:700px){
.farm-h2o img{margin:0 auto;}
.farm-h2o .mobile{display:none;}}
@media (min-width:700px) and (max-width:900px){.farm-h2o img{width:90%; height:auto;margin:0 auto;}}
@media (max-width:700px){
.farm-h2o img{width:96%; height:auto;margin:0 auto;}
.farm-h2o .desktop{display:none;}
.farm-h2o div{margin:20px 0;font-size:14px;text-align:left;}
.farm-h2o div p span:nth-child(1){display:inline-block;width:20px;height:20px;background:url(/html/images/check-icon.png);}
.farm-h2o div p{margin:0 0 15px 10px;}
}


/* 농업용 원예분야 적용범위*/
.gardening_container{padding-top:130px;}


.farm-effect-wrap h3{margin-bottom:50px;}

.farm-effect-wrap h4{font-size:20px;margin:0 0 20px 20px;}
.farm-effect-wrap .farm-effect{content:'';clear:both;display:block;}
.farm-effect::after{content:''; clear:both; display:block;}
.farm-effect{margin-bottom:80px;}
.farm-photo{position:relative; margin-bottom:100px;}
/* .farm-photo .swiper-container .swiper-slide {width:20%;height:250px;}
.farm-photo .swiper-container .swiper-slide img {width:100%;height:100%;border-radius:10px;position:relative;}
.farm-photo .swiper-container .swiper-slide span{font-size:18px;border-radius:10px;display:none;}
.farm-photo .swiper-container .swiper-slide img.img_black{ filter: brightness(0.5);} 
.farm-photo .swiper-container .swiper-slide span.farm_text.show_text {display:block;color:#fff;transition: all 5s ease-in-out 0s;position:absolute;left:50%; top:50%; border-radius:10px;  transform: translate(-50%, -50%);} */
/* .btn_arrow {        width: 1500px;    margin: -30px 0 0 -725px;    position: absolute;    left: 48%;    top: 60%;} */

/* .farm-photo .swiper-container .swiper-slide {width:20%;height:250px;} */
.farm-photo .swiper-container .swiper-slide {height:auto;}
.farm-photo .swiper-container .swiper-slide.img_overhidden {overflow:hidden; border-radius:10px;}
.farm-photo .swiper-container .swiper-slide img {width:100%;height:100%;border-radius:10px;position:relative;}
.farm-photo .swiper-container .swiper-slide > span{font-size:18px;border-radius:10px;display:none;}
.farm-photo .swiper-container .swiper-slide img.img_black{ filter: brightness(0.5);     transform: scale(1.1); transition: transform 1s linear 0s; border-radius:10px;} 
.farm-photo .swiper-container .swiper-slide span.farm_text.show_text {display:block;color:#fff;/*  transition: all 5s ease-in-out 0s; */position:absolute;left:50%; top:50%; border-radius:10px;  transform: translate(-50%, -50%);}
/* .btn_arrow {        width: 1500px;    margin: -30px 0 0 -725px;    position: absolute;    left: 48%;    top: 60%;} */
.farm-photo .gardening-mobile {display:none;}
.farm-photo .swiper-container {display:block;}
@media (max-width:1241px) {
	.farm-photo .swiper-container .swiper-slide span.farm_text.show_text span {display:block;}
}
@media(max-width:767px) {
	.farm-photo .gardening-mobile {display:block;}
	.farm-photo .swiper-container {display:none;}
	.gardening-mobile {text-align:center;}
}

.farm-effect_thinfont{ font-weight:400; font-size:25px;text-align:center;}
.farm-effect_flower li{float:left;;margin:0.3%;padding:1rem;border:1px solid #dadada;border-radius:1rem 0 1rem 0;background-color:#fff;font-size:16px;font-weight:600;text-align:center;}
.farm-effect_flower li:hover{border:1px solid #dadada;background-color:#1b71b8;color:#fff;}


.farm-effect ul li span{display:block;}
.farm-effect_flower{padding-bottom:100px;}
.farm-effect_flower::after{content:"";display:block;clear:both;}
.farm-effect_animal li{float:left;border:1px solid #ededed;border-radius:1rem 0 1rem 0;background-color:#fff;font-size:16px;font-weight:600;text-align:center;}
.farm-effect_animal li:hover{border:1px solid #dadada;background-color:#1b71b8;color:#fff;}

@media (min-width:1500px) {
	.farm-effect_flower li{width:21.9%;min-height:70px}
	.farm-effect_animal li{width:21.9%; margin:0.3%;padding:1rem;border:1px solid #ededed;border-radius:1rem 0 1rem 0;font-size:16px;}	
}

@media (min-width:1000px) and (max-width:1500px){
.farm-effect_flower li{width:20.7%; min-height:70px;margin:0.3%;padding:1rem;}
.farm-effect_animal li{width:29%; margin:0.3%;padding:1rem;border:1px solid #ededed;border-radius:1rem 0 1rem 0;font-size:16px;}	
}

@media (min-width:650px) and (max-width:1000px){
.farm-effect_flower li{min-height:60px;margin:0.2rem;padding:0.5rem 1rem;text-align:left;font-size:15px;}
.farm-effect_animal li{margin:0.2rem;padding:0.7rem 2rem;text-align:left;font-size:15px;}
.farm-effect{margin-bottom:50px;}
}


@media (max-width:650px){
	.farm-effect-wrap h3{margin-bottom:1.5rem;}
	.farm-effect_thinfont{ font-weight:400; font-size:20px;text-align:center;}
	.gardening_container{padding-top:50px;}
	.farm-photo {width:90%;margin: 0 auto;}
	.farm-photo .swiper-container .swiper-slide {height:45vw;}
	.farm-effect_flower{padding-bottom:30px;}
	.farm-effect_flower li{margin:0.2rem;padding:0.3rem 1rem;text-align:left;font-size:15px;border:0;background-color:#fff}
	.farm-effect_flower li:hover, .farm-effect_animal li:hover{border:1px solid #dadada;background-color:#1b71b8;font-size:15px;color:#fff;}
	.farm-effect_flower li span{display:inline-block !important;}
	.farm-effect_animal li{margin:0.2rem;padding:0.3rem 1rem;text-align:left;font-size:14px;border:1px solid #ddd;}
	.farm-effect{margin-bottom:30px;}


}
@media (max-width:400px){
	.farm-photo .swiper-container .swiper-slide {height:40vw;}
}
@media (max-width:300px){
	.farm-photo {width:85%;margin: 0 auto;}
	.farm-photo .swiper-container .swiper-slide {height:65vw;}
	.farm-photo .swiper-container .swiper-slide img{width:80%;margin:0 10%;}	
}

.farm-lab-container {text-align: center; padding: 100px 0;}
.farm-lab img{padding:3px;border:2px solid rgba( 255,255,255,0.8);box-shadox:5px 10px 5px 5px #181818;}
.farm-lab-container h3 {margin-bottom:50px;color:#fff;word-break: keep-all;}

/* .farm-lab {width: 750px; display: inline-block; vertical-align: middle; margin-top: 50px; text-align: left;} */
.farm-lab {width: 1200px; vertical-align: middle; margin-top: 50px; text-align: left; display: block; margin: 0 auto 50px auto;  /* background: slategrey; */}
/* .farm-lab:nth-child(3) {margin-left: 50px;} */
/* .farm-lab div {display: inline-block; vertical-align: middle;} */
.farm-lab div {display: inline-block; vertical-align: middle; width: 30%; text-align: center;}


/* .farm-lab div:nth-child(2) {width: 380px; color: #fff;} */
/* .farm-lab div:nth-child(2) dt {width: 18%; display: inline-block; vertical-align: super; margin-left: 20px; text-align: center;}
.farm-lab div:nth-child(2) dd {width: 70%; margin-left: 16px; display: inline-block; margin-bottom: 15px; vertical-align: middle; word-break: keep-all; text-align: left; line-height: 23px;} */

/* .farm-lab div:nth-child(1) {margin-right: 20px;} */
/* .farm-lab div:nth-child(2) {width: 360px; color: #fff;} */
.farm-lab div:nth-child(2) {width: 69%; color: #fff;}
.farm-lab div:nth-child(2) dl {width: 100%; margin: 0 auto;}
/* .farm-lab div:nth-child(2) dt {float: left; display: block; margin: 0 20px 0 15px; text-align: center; padding: 10px 0;     width: 28%;} */
.farm-lab div:nth-child(2) dt {float: left; display: block; margin: 0 20px 0 15px; text-align: center; padding: 10px 0; width: 176px;}
/* .farm-lab div:nth-child(2) dd {pdding: 10px 0 10px 136px; margin: 0 0 1px; text-align: left; word-break: keep-all; border-top: 1px solid #4fa3dc;} */
.farm-lab div:nth-child(2) dd {padding: 10px 0 10px 231px; margin: 0 0 1px; text-align: left; word-break: keep-all; border-top: 1px solid #4fa3dc;}
.farm-lab div:nth-child(2) dd:nth-child(2) {border-top: 0;}
/* .lab-rnd dd:nth-child(4), .lab-rnd dd:nth-child(6) {    height: 53px;} */

.farm-lab_info h4{padding:1rem 0 ;margin-bottom:1.5rem; border:2px solid rgba(255,255,255,0.2); background-color:rgba(0,51,102,0.25); text-align:center;}

.farm-lab_info dl{font-size:16px;}
.lab-public{margin-bottom:85px;}
.lab-rnd{margin-bottom:15px;}
.farm-lab_source{font-size:15px;font-weight:600;color:#181818;padding:0 0 0 10px;}
/* .farm-lab_info br {display:none;} */
/* @media (min-width:1404px) and (max-width:1430px) {
	.farm-lab {width: 46%;}
	.farm-lab div:nth-child(1) {width: 40%;}
	.farm-lab div:nth-child(1) img {width:100%;}
} */
/* @media (max-width:1403px) {
	.farm-lab {display: block; width: 700px; margin: 20px auto;}
	.farm-lab:nth-child(3) {margin: 20px auto;}
	.farm-lab:nth-child(2) {margin-bottom: 40px;}
} */
@media (max-width:1199px) {
    .farm-lab {width: 95%; margin:0 auto 20px auto;}
}

@media (min-width:800px) and (max-width:1050px) {
    .farm-lab div {width: 33%;}
	.farm-lab img {width: 100%; height: auto;}
	.farm-lab div:nth-child(2) {width: 63%; margin-left: 3%;}
}

@media (max-width:800px) {
	.farm-lab-container {padding: 30px 0;}
	.farm-lab {width:100%; margin: 40px auto; text-align: center;}
	.farm-lab div:nth-child(1) {margin: 0; margin-bottom: 10px; width: 90%;}		
	.farm-lab div:nth-child(2) {width:96%;}
	.farm-lab_source br {display:none;}
	/* .farm-lab div:nth-child(2) dl {font-size: 14px;} */
	.farm-lab div:nth-child(2) dt {width: 17%; /* margin-left: 0; */margin: 0 20px;}
	.farm-lab div:nth-child(2) dd {width: 68%;     padding: 10px 0 10px 25%;    margin: 0 auto;}
	.farm-lab img{display:none;}
	/* .farm-lab_info br {display:block;} */
	.lab-public {margin-bottom: 16px;}
}

@media (min-width:487px) and (max-width:625px) {
	.farm-lab .lab-rnd dd:nth-child(4) {height: 53px; line-height: 53px;}
}

@media (max-width:500px) {
	.farm-lab div:nth-child(1) {width: 65%;}
	.farm-lab div:nth-child(1) img {width:100%;}
	.farm-lab_source {font-size:17px;}
	.indoor-license-container, .farm-lab-container{padding:30px 0;margin-bottom:0;background: linear-gradient(to bottom, #1a6fb7 0%, #2c8bcb 100%);}
}
@media (max-width:486px) {
	.farm-lab div:nth-child(2) {font-size:1rem;}
	.farm-lab div:nth-child(2) dt {width: 35%; margin: 0 5px;}
	.farm-lab div:nth-child(2) dd {width: 52%; padding: 10px 10px 10px 40%;}
}



@media (max-width:700px) {
.farm-01-photo{width:98%;}
.farm-01-photo li{width:31%;margin:0 1%;}
.farm-01-photo li img{width:100%;height:auto;margin:20px 1% 0 1%;}
}
@media (min-width:700px) and (max-width:1000px){
.farm-01-photo{width:96%;}
.farm-01-photo li{width:30%;margin:20px 1% 0 1%;}
}
@media (min-width:1000px) and (max-width:1400px){
.farm-01-photo{width:70%;}
.farm-01-photo li{width:30%;margin:20px 1% 0 1%;}
c
}
@media (min-width:1400px) {
.farm-01-photo{width:1300px;}
.farm-01-photo li{width:29%;margin:50px 1% 0 1%;}
}






/* 농업용 적용범위 */
.farm-photo-container{}
.farm-photo{margin: auto;}
.farm-photo ul::after{content:''; clear:both; display:block;}
.farm-photo ul li{float:left;width:30%;/* height:250px; */}
.farm-photo ul li img{width:100%;height:100%;border-radius:10px;}
.farm-photo ul li{margin:0.5%;}
@media (max-width:500px){
.farm-photo-container {padding:50px 0;} 
.farm-photo{width:96%;margin-bottom:20px;}
.farm-photo ul li{width:32.2%;/* height:100px; */}
.indoor-license-container, .indoor02 {margin-bottom:50px;}
}
@media (min-width:500px) and (max-width:767px){
.farm-photo-container{padding:60px 0;} 
.farm-photo{width:96%;margin-bottom:30px;}
.farm-photo ul li{width:32.2%;/* height:150px; */}
}
@media (min-width:768px) and (max-width:1000px){
.farm-photo-container{padding:80px 0;} 
.farm-photo{width:96%;margin-bottom:50px;}
.farm-photo ul li{width:19%;/* height:180px; */}
}
@media (min-width:1000px) and (max-width:1500px){
.farm-photo-container{padding:100px 0;} 
.farm-photo{width:90%;margin-bottom:80px;}
.farm-photo ul li{width:19%;/* height:200px; */}
}
@media (min-width:1500px){
.farm-photo-container{padding:150px;} 
.farm-photo{width:1400px; margin-bottom:100px;}
.farm-photo ul li{width:19%;/* height:250px; */margin:0.5%;}
}

/*  농업용 설치사례  */				
.farm{width:96%; margin:0 auto;}
.farm ul:after{content:''; clear:both; display:block;}
.farm ul li{float:left;height:auto;margin:2%;box-sizing:border-box;}
.farm ul li div{width:100%;/*  height:120px; */border-radius:0 0 10px 10px;}
.farm ul li div img{width:100%; height:auto;border-radius:10px;}
@media (max-width:400px){
.farm ul li{width:46%;margin:2%;}
/* .farm ul li div{height:130px;} */
.installation{padding:30px 0;}

}
@media (min-width:400px) and (max-width:700px){
.farm ul li{width:46%;}
/* .farm ul li div{height:120px;} */
}
@media (min-width:700px) and (max-width:900px){
.farm ul li{width:46%;}
/* .farm ul li div{height:180px;} */
}
@media (min-width:900px){
.farm ul li{width:21%;}
}
/* @media (min-width:900px) and (max-width:1200px){
.farm ul li div{height:200px;}
}
@media (min-width:1200px) and (max-width:1400px){
.farm ul li div{height:230px;}
}
@media (min-width:1400px) and (max-width:1600px){
.farm ul li div{height:240px;}
} */
@media (min-width:1600px){
.farm{width:1500px; margin:0 auto;}
/* .farm ul li div{height:260px;} */
}






/* 가정용 */

.house{background:url('/html/images/house-bg.jpg')  no-repeat fixed 8% center;background-size:cover;}
.house .business-header-font-big span{display:block;text-align:center;}
.house-bath{padding:50px;border-bottom:1px solid #cacbcc;    margin-bottom: 30px;}
.house-bath p:nth-child(1){font-size:25px; font-weight:600;}


@media (max-width:750px) {
.e-rich img{width:90%; height:auto;}
}
.e-rich-text{color:#fff;background: linear-gradient(to bottom, #1a6fb7 0%, #2c8bcb 100%);}
.house-result-container div::after{content:''; clear:both; display:block;}

.interview-container{width:90%; margin:20px auto;}

.interview{}

/* .interview dl{position:relative;} */
.interview dt:before{position:relative;content:"";display:inline-block;width:17px;height:23px;top:7px;left:-5px;margin-left:-20px;background:url(/html/images/mike.svg);}
.interview dt{margin:0 0 10px 30px;font-weight:600;background:url(/html/images/house-heart-3.png)no-repeat 99% 15px;background-size: 26px; }
.interview dt:nth-child(3){background:url(/html/images/house-heart-5.png)no-repeat 99% 15px; }
.interview dt:nth-child(5){background:url(/html/images/house-heart-3.png)no-repeat 99% 15px; }
.interview dt:nth-child(6){background:url(/html/images/house-heart-2.png)no-repeat 99% 15px; }
.interview dt:last-child{background:url(/html/images/house-heart-2.png)no-repeat 99% 15px; }
.interview dd{font-size:14px;padding:20px;background-color:#fff;margin-bottom:30px;border-radius:0 0 20px 20px;/* background-color: rgba( 0,51,102,0.0625);border:1px solid #ebebeb; */background:#fff;border:1px solid #76a8ce;}
.interview span{padding: 1px 3px;/* border-radius: 5px; *//* z-index:10 */background:linear-gradient(to top, #ffe359 50%, transparent 50%)}
.interview-container > div{display:block;margin:20px auto;text-align:center}
.interview-container > div dl.interview{		width:30%; display:inline-block;margin-right:3%;vertical-align:top;text-align:left	}
.interview-container > div dl.interview:nth-child(3n){margin-right:0;}
.interview-container > div dl.interview:after{clear:both; float:none}
@media(max-width:900px){
	.interview-container > div dl.interview{ margin:0; width:48%; margin-right:1%;}
	.interview-container > div dl.interview:nth-child(3n){ margin-right:1%;}
	.interview-container > div dl.interview:nth-child(2n){ margin-right:1%;}
}
@media(max-width:400px){
	.interview-container > div dl.interview{ margin:0; width:100%;}
	.interview-container > div dl.interview:nth-child(3n),.interview-container > div dl.interview:nth-child(2n){ margin-right:0;}
}
.house-nsf-container{}
.house-nsf::after{content:""; display:block; clear:both;}
.house-nsf-container div{30%;}
.house-nsf_photo img{border:1px solid #ddd;box-shadow:3px 3px 5px 3px #eee;}
.house-nsf_list p{background-color:#f2f8ff;}


@media (max-width:600px){
.house-bath img{width:90%;margin:0 auto;}
}
@media (max-width:1500px){
.house-product img{width:94%;margin:0 auto;}
}
@media (max-width:400px){
.e-rich-text{padding:30px 0 20px 0;font-size:14px;word-break:keep-all;}
.e-rich-text p{margin-bottom:1.5rem;}
.house-product-container{padding:10px 0;margin-bottom:10px;}
.house-nsf_photo{width:90%;margin:0 auto;}
.interview dd{word-break:keep-all;}
.house-nsf-container{margin-bottom:30px;}
.house-nsf-container h3{margin-bottom:5px;}
.house-nsf div{width:90%;margin:0 auto;}
.house-result-container{padding:10px 0 ; margin-bottom:10px;}
.house-nsf_list p{padding:1rem;border-radius:0 15px 15px 0;background-color:red;}

}
@media (min-width:400px) and (max-width:600px){
.e-rich-text{padding:50px;}
.house-product-container{padding:30px 0;margin-bottom:30px;}
.interview dd{word-break:keep-all;}
.house-nsf-container{margin-bottom:50px;}
.house-nsf-container h3{margin-bottom:10px;}
.house-result-container{padding:30px 0; margin-bottom:30px;}
}

@media (min-width:600px) and (max-width:800px){
.e-rich-text{padding:80px;}
.house-product-container{padding:45px 0;margin-bottom:45px;}
.interview dd{word-break:keep-all;}
.house-nsf-container{margin-bottom:80px;}
.house-nsf-container h3{margin-bottom:20px;}
.house-result-container{padding:80px 0; margin-bottom:80px;}
}
@media (max-width:800px){
.house-result-container div img{width:90%; height:auto;margin:0 auto;}
}
@media (min-width:800px) and (max-width:1000px){
.e-rich-text{padding:110px;}
.house-product-container{padding:60px 0;margin-bottom:50px;}
.interview dd{font-size:15px;padding:30px;margin-bottom:45px;}
.house-result-container{padding:100px 0; margin-bottom:100px;}
.house-nsf-container{margin-bottom:100px;}
.house-nsf-container h3{margin-bottom:30px;}
}
@media (max-width:1000px){
.house-product-setting .pc{display:none;}
.house-product-setting .mobile img{width:96%; margin:0 auto;}
.house-nsf{margin:0 auto;background-color:yelow;}
.house-nsf_photo img{width:90%; height:auto;}
}
@media (min-width:1000px){
.e-rich-text{padding:130px;}
.e-rich-text span{display:block;font-size:23px;}
.house-product-container{padding:80px 0;margin-bottom:70px;}
.house-product-setting .pc{}
.house-product-setting .mobile img{display:none;}
.interview dd{font-size:16px;padding:28px;margin-bottom:55px;}
.house-nsf{width:1010px; margin:0 auto;}
.house-nsf div{float:left;}
.house-nsf div:nth-child(2){margin-left:4rem;}
.house-nsf_list p{margin-bottom:0.8rem;}
}
@media (min-width:1000px) and (max-width:1500px){
.house-product-setting img{width:90%; margin:0 auto;}
.house-result-container{padding:130px 0; margin-bottom:130px;}
.house-nsf-container{margin-bottom:130px;}
.house-nsf-container h3{margin-bottom:40px;}
.house-nsf_list p::before{position:absolute;content:"";display:inline-block;clear:both;width:10px;height:5px;border-radiud:0 3px 3px 0;left:840px;background-color:#fff;}

}
@media (min-width:1500px){
.e-rich-text{padding:150px;text-align:center;}
.e-rich-text span{display:block;font-size:27px;}
.e-rich-text_big{font-size:30px;}
.house-product-container{padding:100px 0;margin-bottom:100px;}
.house-product-model dl dt{background-color:red;}
.house-product-model dl dd{background-color:red;border-radius:0 15px 15px 0;}
.model-SN{padding:80px 0;}
.house-result-container{padding:150px 0 ; margin-bottom:150px;}
house-product-setting{margin-bottom:100px;}
.interview-container>div{width:1400px; margin:0 auto;}
.house-nsf-container{margin-bottom:150px;}
.house-nsf-container h3{margin-bottom:50px;}
.house-installation{padding:150px;}
.house-nsf_list p{padding:1.2rem;border-radius:0 30px 30px 0;}
.house-nsf_list p::before{position:absolute;content:"";display:inline-block;clear:both;width:10px;height:5px;border-radiud:0 3px 3px 0;left:840px;background-color:#fff;}
}

/*  가정용 설치사례  */				
.equipment{width:96%; margin:0 auto;}
.equipment ul::after{content:''; clear:both; display:block;}
.equipment ul li{float:left;height:auto;margin:2%;box-sizing:border-box;}
.equipment ul li div{width:100%;border-radius:0 0 10px 10px;}

.equipment .equipment-photo-01{background:url(/html/images/equipment-photo-01.jpg);background-size : cover;}
.equipment .equipment-photo-02{background:url(/html/images/equipment-photo-02.jpg);background-size : cover;}
.equipment .equipment-photo-03{background:url(/html/images/equipment-photo-03.jpg);background-size : cover;}
.equipment .equipment-photo-04{background:url(/html/images/equipment-photo-04.jpg);background-size : cover;}
.equipment ul li div img{width:100%; height:auto;border-radius:10px;}
.iorex-install-photos img {border-radius:0 0 10px 10px !important;}
@media (max-width:310px) {.water-photos li{height: 166px !important;}}
@media (max-width:343px) {.indoor-photos li{height: 216px !important;}}
@media (max-width:400px){.equipment ul li{width:46%;margin:2%;}}
@media (max-width:654px) {.installation-title span{display: block;}}
@media (min-width:400px) and (max-width:700px){.equipment ul li{width:46%;}}
@media (min-width:700px) and (max-width:900px){.equipment ul li{width:46%;}}
@media (min-width:900px){.equipment ul li{width:21%;}}
@media (min-width:1600px){.equipment{width:1500px; margin:0 auto;}}


.house-copy-container{width:100%;padding:100px 0;margin-bottom:100px;color:#fff;font-size:27px;font-weight:600;background: linear-gradient(to bottom, #e57726 0%, #e7882a 100%);}

.house-product-container{}
.house-product::after{content:''; clear:both; display:block;}
.house-product-model{float:left;width:400px;}
.house-product-model dt, .house-product-model dd{display:inline-block;float:left;}
.house-product-model dt{width:30%;}
.house-product-model dd{width:70%;}


/*   사업분야  > 주요고객사   */
.customer-container{background-color:#eff1f6;}
.customer ul::after{content:"";display:block;clear:both;}
.customer ul li{float:left;border:1px solid #dae1e6;padding:0.5rem 2rem;margin:0.2rem;background-color:#fff;box-shadow:-;}
.customer ul li::hover{color:#fff;background-color:#23232c;}
.customer ul li img{height: auto;    max-width: 100%;}
@media (min-width:1440px){
.customer{width:1220px; margin:auto;padding:100px;}
.customer ul li{width:320px; text-align:center;margin:10px;padding:17px 30px 15px 30px;height:40px;}
}

@media(min-width:1080px) and (max-width:1440px){
.customer{width:96%;margin:auto;}
.customer ul li{width:20%; text-align:center;margin:1%;padding:1%;height:35px}
.customer ul li img{height: auto;    max-width: 100%;}
}

@media(min-width:768px) and (max-width:1080px){
.customer{width:96%;margin:auto;}
.customer ul li{width:20%; text-align:center;margin:1%;padding:1%;height:35px}
.customer ul li img{height: auto;    max-width: 100%;}
}


@media(min-width:320px) and (max-width:768px){
.customer{width:96%;margin:auto;}
.customer ul li{width:31.00999999999%; box-sizing:border-box;text-align:center;margin:0.5%;padding:0.5299999%;height:50px}
.customer ul li img{height: auto;    max-width: 100%;}
}

@media (max-width:320px){
.customer{width:90%;margin:auto;}
/* .customer ul li{width:30%; text-align:center;margin:1%;padding:1%;height:35px} */
.customer ul li {width: 48%; margin: 1%; padding: 3%; height: 53px; text-align: center;}
.customer ul li img{height: auto;    max-width: 100%;}
.customer .mobileNone {display:none;}
}
@media (max-width:319px) {
.customer ul li {width: 41%; padding: 3%; height: 35px;}
}


/**************************
***************************글로벌 네트워크  ************/
/*  미국 프로젝트  */
.pocomoke-main-container{padding:100px 0;background:url(/html/images/pocomoke.jpg);background-size : cover;}
.pocomoke-main{color:#FFF;}
.pocomoke-main-container h3 span.top-line{font-size:40px; font-weight:bold}
.iorex_video {width: 900px; margin: 0 auto; margin-bottom:50px;}
article.america{position:relative}
article.america > div{width:1200px; margin: 0 auto;text-align:left;}
article.america .america_1 .america_1_top {width:100%; height:170px;}
article.america .america_1 .america_1_top > p ,article.america .america_1 .america_1_bot > p {width:60%;float:right; padding: 40px 50px;    box-sizing: border-box;}
article.america .america_1 .america_1_top > p{font-size:35px;font-weight:bold;}
article.america .america_1 .america_1_top > p span.text-ligth{color:#3da1d1}
article.america .america_1 .america_1_top > p:after ,article.america .america_1 .america_1_bot > p:after{float:none; clear:both}
article.america .america_1 .america_1_mid{position: absolute;width: 470px;  background: #fff;   box-sizing: border-box;    margin-top: -80px;    padding: 45px 35px;box-shadow: 7px 7px 9px 2px #b7b7b7;}
article.america .america_1 .america_1_mid p {font-size:20px;text-align:center;    line-height: 60px;}
article.america .america_1 .america_1_mid p > b{font-size:27px;}
article.america .america_1 .america_1_bot {width:100%;background:#f6f6f6;text-align: center;margin-bottom: 75px;}
article.america .america_1 .america_1_bot > p{color:#616161;font-size:18px; line-height:35px;text-align:left}
article.america .america_1 .america_1_bot .uncomfort_img{    box-sizing: border-box;  display:inline-block;text-align:center;padding-bottom:40px;}
article.america .america_1 .america_1_bot .uncomfort_img img{ display:inline-block;margin:0 60px}
article.america .america_2{display:inline-block;}
article.america .america_2 .america_2_1 .project_explanation{width:77%;}
article.america .america_2 .america_2_1 , article.america .america_2 .america_2_2 {padding: 0 40px; box-sizing: border-box;/* margin:40px 0; */}

article.america .america_2 .america_2_1 > div{float:left;}
article.america .america_2 .america_2_1 > div:nth-child(1){width:20%;padding:30px;box-sizing:border-box;    border: 10px solid #d8dbe2;margin-right:3%;    height: 240px;}
article.america .america_2 .america_2_1 p.iorex-project{font-size:27px}
article.america .america_2 .america_2_1 p.iorex-project > b{font-size:35px}
article.america .america_2 .america_2_1 div.project_explanation .project-tit{font-size:22px; border-bottom:1px solid #c7c7c7;padding-bottom:20px;}
article.america .america_2 .america_2_1 div.project_explanation .project-tit > b {font-size:30px;}
article.america .america_2 .america_2_1 div.project_explanation span{    line-height: 45px;margin-right:15px;font-size: 20px;}
article.america .america_2 .america_2_1 div.project_explanation span::before{     content: "·";	margin:0 5px;    font-weight: 900;}
article.america .america_2 .america_2_1 div.project_explanation span.pro_blue{color:#282d53;font-weight:bold}
article.america .america_2 .america_2_1 div.project_explanation span.no_li::before{content:"" !important; }
article.america .america_2 .america_2_2 {border-bottom:7px solid #1c2755;display:inline-block;padding-bottom: 50px; margin:40px 0; }
article.america .america_2 .america_2_2 > p{font-size:28px;margin-bottom:30px;}
article.america .america_2 .america_2_2 img{width:48%;}
article.america .america_2 .america_2_2 img:nth-child(2){float: left;}
article.america .america_2 .america_2_2 img:nth-child(3){float: right;}
article.america .america_2 .america_2_2 img::after{float:none; clear:both;}
article.america .america_3 .america_3_tit{padding-left:40px;margin:40px 0;}
article.america .america_3 .america_3_tit > *{display:inline-block;vertical-align:middle;}
article.america .america_3 .america_3_tit > img{width:120px;}
article.america .america_3 .america_3_tit .interview_tit{margin-left:40px;font-size:30px; font-weight:bold;box-sizing:border-box;}
article.america .america_3 .america_3_1{width:100%;margin:0 auto;}
/* article.america .america_3 .america_3_1 img{width: 100%;} */
article.america .america_3 .america_3_1 .swiper-slide{background:#f6f6f6;padding:40px;box-sizing:border-box;    height: 365px;}
article.america .america_3 .america_3_1 .swiper-slide > div{display:inline-block;vertical-align:middle}
article.america .america_3 .america_3_1 .swiper-slide .interview_img{width:30%;}
article.america .america_3 .america_3_1 .swiper-slide .interview_img img{width:100%;}
article.america .america_3 .america_3_1 .swiper-slide .interview_info{width:67%;padding-left:50px;box-sizing:border-box;}
article.america .america_3 .america_3_1 .swiper-slide .interview_info p.interview{font-size:30px;font-weight:bold;margin-bottom: 30px;}
article.america .america_3 .america_3_1 .swiper-slide .interview_info p.interview_citizen{font-weight: bold;    font-size: 18px;margin-bottom:20px;}
article.america .america_3 .america_3_1 .swiper-slide .interview_info p.citizen_content{color: #7c7c7c; line-height: 32px;word-break: keep-all; font-size: 18px;}
article.america .america_4{ display:inline-block;margin : 50px 0;}
article.america .america_4 > div.america_4_left {width:50%;    padding: 20px 0;float:left;}
article.america .america_4 > div.america_4_right{width:50%;float:right;}
article.america .america_4 > div.america_4_right > img {width:80%;margin:0 10%;}
article.america .america_4 > div.america_4_left p {font-size:18px;line-height:50px;word-break:keep-all;}
article.america .america_4 > div.america_4_right p.completion_text{width:80%;margin:0 10%;}
/* article.america .america_4 > div.america_4_left p.completion_text{text-indent:10%;;text-align:right;} */
/* article.america .america_4 > div.america_4_left p.completion_text::after{content:"▶"} */
article.america .america_4 > div.america_4_left p.beforeafter_text{/* text-indent:30px; */}
/* article.america .america_4 > div.america_4_left p.beforeafter_text::before{content:"▲" */
article.america .america_4 > div img{width:100%; }
article.america .america_5 > .america_5_1 {padding:0 40px; text-align:center;}
article.america .america_5 > .america_5_1 p.resolve_tit{font-size:50px;margin-bottom:40px;}
article.america .america_5 > .america_5_1 p.resolve_blue{color:#21265e;letter-spacing:-3px}
article.america .america_5 > .america_5_1 img{width:80%;margin:55px 0;}
article.america .america_5 > .america_5_1 p.resolve_detail{    padding: 40px; font-size: 23px;    border: 10px solid #d8dbe0;    word-break: keep-all;margin-bottom:50px;text-align: left;}
article.america .america_5 > .america_5_1 p.resolve_detail span{color:#d02d30;font-weight:bold}
article.america .america_5 > .america_5_1 p.resolve_text{font-size:36px;word-break:keep-all;line-height:68px;}

@media(min-width:1200px){
.pocomoke-main p{font-size:22px;}
}
@media(max-width:1200px){
	article.america > div {width:100%;margin:0 auto;}
	article.america .america_1 .america_1_top {display:inline-block;height:auto;}
	article.america .america_1 .america_1_top > p, article.america .america_1 .america_1_bot > p{padding:3vw}
	article.america .america_1 .america_1_top > p {    font-size: 2.8vw;}
	article.america .america_1 .america_1_mid {width: 39vw;padding: 2vw;    margin-top: -10vw;}
	article.america .america_1 .america_1_mid p > b {font-size: 3vw;}
	article.america .america_1 .america_1_mid p {    font-size: 2.3vw;    text-align: center;    line-height: 5vw;}
	article.america .america_1 .america_1_bot > p {    color: #7c7c7c;    font-size: 1.8vw;    line-height: 3.5vw;}
	article.america .america_1 .america_1_bot .uncomfort_img {padding:20px 0;}
	article.america .america_1 .america_1_bot .uncomfort_img img {    margin: 0 4vw;    width: 22%;}
	article.america .america_2 .america_2_1, article.america .america_2 .america_2_2 {/* margin:30px 0; */padding:2vw 4vw;}

	article.america .america_2 .america_2_1 p.iorex-project {    font-size: 2.5vw;}
	article.america .america_2 .america_2_1 p.iorex-project > b {    font-size: 3.5vw;}
	article.america .america_2 .america_2_1 div.project_explanation .project-tit {    font-size: 20px;	}
	article.america .america_2 .america_2_1 div.project_explanation .project-tit > b {    font-size:25px;}
	article.america .america_2 .america_2_1 div.project_explanation span {    line-height: 30px;    margin-right: 15px;    font-size: 15px;display:block}
	article.america .america_2 .america_2_1 > div:nth-child(1) {  padding: 2vw;    height: 260px;}
	article.america .america_3 .america_3_tit {text-align:center;padding:0;}
	article.america .america_3{margin-top:55px;}
	article.america .america_3 .america_3_tit > img {    width: 90px;}
	article.america .america_3 .america_3_tit .interview_tit {font-size: 28px;    margin-left: 5%;word-break:keep-all;}
	article.america .america_3 .america_3_1 .swiper-slide .interview_info{padding-left:3%;}
	article.america .america_3 .america_3_1 .swiper-slide .interview_info p.interview_citizen{margin-bottom:10px;}
	article.america .america_5 > .america_5_1 p.resolve_tit{word-break:keep-all;}
	article.america .america_5 > .america_5_1 p.resolve_text{word-break:keep-all;}
}
@media (max-width:899px) {
.iorex_video {width: 96%; margin: 0 2%; margin-bottom:50px;}
article.america .america_3 .america_3_1 .swiper-slide{height: auto;padding:3vw}
article.america .america_3 .america_3_1 .swiper-slide .interview_info p.interview {margin:0;font-size:26px;}
article.america .america_3 .america_3_1 .swiper-slide .interview_info p.citizen_content {line-height: 4vw;  font-size: 2vw;}
article.america .america_4 > div.america_4_left p{font-size:15px;}
	article.america .america_4 > div.america_4_right p.completion_text {font-size:15px;text-align:center}
article.america .america_4 > div.america_4_left p.completion_text{line-height:25px;}
article.america .america_5 > .america_5_1 p.resolve_text{margin:35px 2%;font-size:32px;line-height: 50px;}
}
@media (max-width:750px){
	article.america .america_1 .america_1_top > p, article.america .america_1 .america_1_bot > p {width:100%;float:none; clear:both;word-break:keep-all;}
	article.america .america_1 .america_1_top > p {font-size:28px}
	article.america .america_1 .america_1_bot > p {font-size:18px;    line-height: 35px;}
	article.america .america_1 .america_1_mid {display:none;}
	article.america .america_2 .america_2_1 > div {float:none; clear:both;width: 95% !important;    margin: 0 auto;}
	article.america .america_2 .america_2_1 > div:nth-child(1) {    padding: 0;    height: auto;border: 0;    text-align: center;}
	article.america .america_2 .america_2_1 p.iorex-project {    font-size: 28px;;}
	article.america .america_2 .america_2_1 p.iorex-project > b {    font-size: 35px;;}
	article.america .america_2 .america_2_1 p.iorex-project::after {    content: "";    display: block;    width: 100px;    border-bottom: 5px solid #1983c2;    margin: 30px auto;}
	article.america .america_2 .america_2_2 > p {font-size:22px; word-break:keep-all}
	article.america .america_3 .america_3_tit > img {    width: 120px;margin-bottom:15px;}
	article.america .america_3 .america_3_tit .interview_tit {    font-size: 28px;    margin-left:0;}
	article.america .america_5 > .america_5_1{padding:0}
	article.america .america_5 > .america_5_1 p.resolve_tit{font-size:32px;margin:0}
	article.america .america_5 > .america_5_1 img{width:95%;}
	article.america .america_5 > .america_5_1 p.resolve_detail{width:95%; margin:0 auto;    box-sizing: border-box; padding:20px 3%;    font-size: 18px;    border: 5px solid #d8dbe0;}
}
@media (max-width:600px){
	article.america .america_3 .america_3_1 .swiper-slide > div{display:block}
	article.america .america_3 .america_3_1 .swiper-slide .interview_img{width:50%;margin:15px auto}
	article.america .america_3 .america_3_1 .swiper-slide .interview_info{width:80%; padding:0; margin: 0 auto;margin-bottom:15px;}
	article.america .america_3 .america_3_1 .swiper-slide .interview_info p.interview{display:none;}
	article.america .america_3 .america_3_1 .swiper-slide .interview_info p.interview_citizen{font-size:20px;text-align:center;}
	article.america .america_3 .america_3_1 .swiper-slide .interview_info p.citizen_content{font-size:15px;line-height:25px;text-align:center;margin-bottom:20px;}
	article.america .america_3 .america_3_1 .swiper-pagination {width:100% !important;bottom:3px;}
}
@media (max-width:500px){
	article.america .america_1 .america_1_top > p {font-size:22px;letter-spacing: 0;}
	article.america .america_1 .america_1_bot > p {    font-size:18px;    line-height:30px;}
	article.america .america_2 .america_2_1 p.iorex-project {    font-size: 25px;}
	article.america .america_2 .america_2_1 p.iorex-project > b {    font-size: 32px;}
	article.america .america_2 .america_2_1 p.iorex-project::after {    margin: 10px auto 30px auto;}
	article.america .america_2 .america_2_1 div.project_explanation .project-tit > b {font-size:22px;}
	article.america .america_2 .america_2_1 div.project_explanation .project-tit{font-size:18px;}
	article.america .america_2 .america_2_2 > p {font-size:20px; word-break:keep-all}
	article.america .america_3 .america_3_tit > img {width:100px;}
	article.america .america_3 .america_3_1 .swiper-slide .interview_img{width:90%;}
	article.america .america_3 .america_3_tit .interview_tit {    font-size: 24px;    margin-left:0;width:90%; margin:0 auto}
	article.america .america_3 .america_3_1 .swiper-slide .interview_info{width:95%;}	
	article.america .america_4 > div.america_4_right,	article.america .america_4 > div.america_4_left{float:none; width:100%; clear:both;padding:0} 
	article.america .america_4 > div img{width:80%; margin:0 10%;}
	article.america .america_4 > div.america_4_left p.completion_text{margin-bottom:25px;text-align:center;}
	article.america .america_4 > div.america_4_left p.completion_text::after {    content: "▲";}
	article.america .america_4 > div.america_4_left p.beforeafter_text{text-indent:0;text-align:center;}
	article.america .america_5 > .america_5_1 p.resolve_text{font-size:28px;line-height: 50px;}

}
@media (max-width:380px){
	article.america .america_1 .america_1_top > p, article.america .america_1 .america_1_bot > p {padding:7vw 5vw}
	article.america .america_1 .america_1_top > p {font-size:6.8vw;letter-spacing: -0.4vw;text-align:center;}
	article.america .america_1 .america_1_bot > p {    font-size: 5vw;    line-height: 8vw;}
	article.america .america_1 .america_1_bot .uncomfort_img img {margin: 0 2vw;width: 25%;	}
	article.america .america_2 .america_2_1 p.iorex-project {    font-size: 7vw;}
	article.america .america_2 .america_2_1 p.iorex-project > b {    font-size:8.8vw;}
	article.america .america_2 .america_2_1 p.iorex-project::after {width:50px;}
	article.america .america_2 .america_2_1 div.project_explanation .project-tit > b {font-size:6vw;}
	article.america .america_2 .america_2_1 div.project_explanation .project-tit{font-size:5.5vw;}
	article.america .america_2 .america_2_1 div.project_explanation span {font-size:4.5vw}
	article.america .america_2 .america_2_2 > p {	font-size: 5.8vw;}
	article.america .america_2 .america_2_2 img {width:100%; float:none; clear:both;margin-bottom:15px;}
	article.america .america_3 .america_3_tit .interview_tit{font-size:22px;}
	article.america .america_3 .america_3_1 .swiper-slide .interview_info p.citizen_content{font-size:15px;}
	article.america .america_4 > div img{width:100% !important; margin:0 !important;}
	article.america .america_4 > div.america_4_right p.completion_text {width:100%; margin:0;}
	article.america .america_5 > .america_5_1 p.resolve_text{font-size:22px;line-height: 45px;letter-spacing:-1px !important;}
}

/* 해외네트워크*/
.network{text-align:center;}
.network img{width:70%;	margin:0 auto;}
.network_history_wrap{width:1200px; margin:0 auto;}
.network_history_wrap .network_history{width:90%;margin:50px auto;    border-collapse: collapse;}
.network_history_wrap .network_history tr th , .network_history_wrap .network_history tr td{border-top:1px solid #bfbfbf; padding:35px 0;}
.network_history_wrap .network_history tr:nth-last-child(1) th , .network_history_wrap .network_history tr:nth-last-child(1) td{border-bottom:1px solid #bfbfbf;}
.network_history_wrap .network_history tr th{width:25%;font-size:25px;color:#256593}
.network_history_wrap .network_history tr td{padding-left:5%;}
 .network_history_wrap .network_history tr td li{line-height: 2rem;font-size:20px;}
 .network_history_wrap .network_history tr td li::before {  content: "\2022";  color: #777777;  font-weight: bold;  display: inline-block;   width: 1em;  margin-left: -1em;}
 .network_history_wrap .network_history tr td li:nth-child(n+2) {margin-top: 1.2rem;}
/*.network_history_wrap .network_history tr td li::before{   color: #777777;    font-weight: 900;} */
@media(max-width:1200px){
.network img{width:100%;	margin:0 auto;}
.network_history_wrap{width:100%; margin:0 auto;}
}
@media(max-width:500px){
	.network_history_wrap .network_history {width:95%; margin:20px auto}
	.network_history_wrap .network_history tr th{font-size:18px; width:30%;}
	.network_history_wrap .network_history tr td {    padding-left: 9%;}
	 .network_history_wrap .network_history tr td li{font-size:15px;word-break:keep-all;   /* line-height: 35px; */}
}
/* faq */
.faq_wrap{margin: 0 auto 50px auto;}
.faq_wrap ul li{     border: 1px solid #ddd; margin-bottom:13px;   border-radius: 5px;    line-height: 55px;    background: #fafafc;} 
.faq_content{list-style-type: none; padding:0;}
.faq_list dl dt{font-size:15px; color:#444; line-height:1.5; padding:13px 50px 13px 64px; position:relative;font-size:17px;font-weight:600; cursor:pointer;} 
.faq_list dl dt a{display:block;color:#444;text-decoration: none;line-height: 27px;font-size:17px;font-weight:600;word-break: keep-all;}
.faq_list.on dl dt{background: #fafafc;font-size:16px; color:#181818;}
.faq_list.on dl dt strong{display:block; width:35px; height:26px; line-height:1.5; font-weight:600; text-align:center; position:absolute; top:13px; left:20px;}
.faq_list dl dt > strong{display:block; width:35px; height:26px; line-height:25.5px; color:orange; font-weight:600; text-align:center;  position:absolute; top:13px; left:20px;}
.faq_list.on dl dt a{color:#181818;text-decoration: none;}
.faq_list dl dd{font-size:17px; color:#444; line-height:1.8; padding:20px 51px 20px 64px; background:#fff; display:none; position:relative; word-break:keep-all;    margin: 0;}
/* .faq_list dl dd > span{display:block; width:24px; height:24px; line-height:24px; d position:absolute; top:20px; left:20px;} */
.faq_list dl dd a{display:block; color:#444;text-decoration: none;}
.faq_down{position: absolute; right: 40px; margin-top: -2px; z-index: 1;}
.faq_down:before{content:''; height:12px; width:12px; display:block; border:2px solid #383838; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; bottom:7px; left:7px;}
.faq_up{position: absolute; right: 40px;margin-top: -2px; z-index: 1;}
.faq_up:before{content:''; height:12px; width:12px; display:block; border:2px solid #383838; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; bottom:0px; left:7px;}

@media (max-width:1300px){
.faq_wrap{margin: 0 2% 50px 2%;}
}