/* 컨텐츠 공통 */
.con{max-width:1200px; margin:0 auto; font-size:0.9rem; font-size: 1.1rem; color:#656565; font-weight: 500;}
.con_pad{padding:0 5rem;} /* 컨텐츠 폭이 좁은거 */
.con > div {padding-bottom:13.5rem;}
.con > div:last-child{padding-bottom:0rem;}

.con .sub_h3{position:relative; font-weight: 700;font-size: 2rem;color: var(--black); margin-bottom:3rem; line-height:1;}
.con .sub_tit {position:relative; font-weight: 600;font-size: 1.7rem;color: var(--button1); margin-bottom: 1.25rem;}
.con .st_style1 {margin-bottom: 2.7rem;}
.con .st_style2 {margin-bottom: 2.5rem;}
.con .st_style3 {margin-bottom: 2rem;}

/*버튼디자인*/
.con .sub_more {display:flex; justify-content:center; align-items: center; width:100%; padding: 0.5rem 0; font-size:0.9rem; border-radius: 1.275rem; border: 1px solid var(--button1); font-weight:700; color: var(--button1); transition:all 0.3s}
.con .sub_more:hover {background-color:var(--button1); color:#fff}


@media (max-width:1200px){
	.con{padding:0 1rem;}
	.con .sub_more {padding: 0.5rem 1rem; text-align: center;}
}

@media (max-width:767px){	
	.con{text-wrap: balance;}
	.con > div {padding-bottom:10rem;}
	.con .sub_tit { font-size: 1.55rem;}

	.con .sub_more {font-size: 1rem;}
}

@media (max-width:567px){
	.con .sub_more {padding: 0.5rem 1.5rem;}
}

/* *******************************************************
■ 회사소개
******************************************************* */
/**** 개요 ****/
.info > ul {display: flex; gap: 0 2rem}
.info > ul > li {width: calc( 100% / 4 ); border: 1px solid #ddd; padding: 1.85rem 1rem 1.45rem; font-size: 0.8rem; position:relative; background-color:#fff}
.info > ul > li:before {content:""; display:block; width:8.8rem; height:9.6rem; position:absolute; bottom:-2px; right:-2px; z-index: -1;}
.info > ul > li:first-child:before {background-color:#f4b61b;}
.info > ul > li:nth-child(2):before {background-color:#2699bd;}
.info > ul > li:nth-child(3):before {background-color:#a7cb29;}
.info > ul > li:last-child:before {background-color:#d62436;}
.info > ul > li img {margin-bottom: 1.45rem; width: 4.85rem}
.info .info_txt em {color:var(--gray); font-weight:600}
.info .info_txt p {color:var(--black);}

.intro .sub_tit{display:inline-block; padding: 0 2.6rem;  }
.intro .sub_tit:after {content:""; display:block; width:1.25rem; height:1.1rem; background:url('/images/default/content/quotes_l.png') no-repeat center center; position:absolute; top:0; left:0;}
.intro .sub_tit:before {content:""; display:block; width:1.25rem; height:1.1rem; background:url('/images/default/content/quotes_r.png') no-repeat center center; position:absolute; top:0; right:0;}
.intro .intro_txt > p {margin-bottom: 1.5rem;}
.intro .intro_txt > p:last-child {margin-bottom: 0;}

@media (max-width:1200px){
	.info > ul {gap: 0 2.5rem;}
}

@media (max-width:1030px){
	.info > ul {gap: 0 1rem;}
	.info > ul > li {padding: 1rem 0.5rem;}
	.intro .sub_tit:after {background-size:contain;}
	.intro .sub_tit:before {background-size:contain;}
}

@media (max-width:767px){
	.info > ul {flex-wrap:wrap; gap: 1rem; justify-content:center}
	.info > ul > li {width: calc((100% - 1rem) / 2); font-size: 1rem;}
	.info > ul > li img {margin-bottom: 1.2rem;}
	.intro {padding: 0 1rem 4.5rem 1rem}
	.intro br {display: none;}
	.intro .sub_tit{padding: 0 2rem;}
}

@media (max-width:450px){
	.info > ul {flex-wrap:wrap; gap: 1rem; justify-content:center}
	.info > ul > li {width: 100%}
}


/**** 연혁 ****/
.his_con_bx {position:relative;}
.his_con_bx:before {content:""; position:absolute; top:2.75rem; left:50%; bottom:0; width:1px; height:calc(100% - 5rem); z-index:-1; background:#828282;}
.his_con_bx .his_bx {position:relative; z-index:1; display:flex; justify-content: flex-end; text-align:left; margin-bottom:1.5rem; }
.his_con_bx .his_bx .his_cont {position:relative; width:50%; }
.his_con_bx .his_bx .his_cont .year{ font-size:1.5rem; color:var(--black); margin-bottom:0.5rem; font-weight:700; padding-left:2.5rem;}
.his_con_bx .his_bx .his_cont ul{position:relative; padding-left:2.5rem;}
.his_con_bx .his_bx .his_cont ul:before{content:""; display:block; position:absolute; left:-0.5rem; top:0; width:0.65rem; height:0.65rem; background:#f2f2f2; border:4px solid #2699bd; border-radius:100%; }
.his_con_bx .his_bx.now .his_cont ul:before{background:#2699bd;}
.his_con_bx .his_bx .his_cont ul:after{content:""; display:block; position:absolute; left:-0.5rem; top:0.5em; width:2.5rem; height:1px; background: #828282; z-index:-1;}
.his_con_bx .his_bx .his_cont ul li{position:relative; font-size:0.9rem; font-weight:400;}
.his_con_bx .his_bx .his_cont ul li:not(:first-child){margin-top:0.5rem;}
.his_con_bx .his_bx .his_cont.left strong:before {left:auto; right:-2.4rem}
.his_con_bx .his_bx:nth-child(even){  justify-content: flex-start; text-align:right;}
.his_con_bx .his_bx:nth-child(even) .his_cont .year{padding-left:0rem; padding-right:2.5rem;}
.his_con_bx .his_bx:nth-child(even) .his_cont ul{padding-left:0rem; padding-right:2.5rem;}
.his_con_bx .his_bx:nth-child(even) .his_cont ul:before{left:auto; right:-0.5rem;}
.his_con_bx .his_bx:nth-child(even) .his_cont ul:after{left:auto; right:-0.5rem;}

@media (max-width:767px){
	.his_con_bx{padding-left:1rem;}
	.his_con_bx:before{left:1rem;height: calc(100% - 3.2rem);}
	.his_con_bx .his_bx{display:block;}
	.his_con_bx .his_bx .his_cont {width:100%; }
	.his_con_bx .his_bx .his_cont ul li {font-size: 1rem;}
	.his_con_bx .his_bx:nth-child(even){  text-align:left;}
	.his_con_bx .his_bx:nth-child(even) .his_cont .year{padding-left:2.5rem; padding-right:0rem;}
	.his_con_bx .his_bx:nth-child(even) .his_cont ul{padding-left:2.5rem; padding-right:0rem;}
	.his_con_bx .his_bx:nth-child(even) .his_cont ul:before{left:-0.5rem; right:auto;}
	.his_con_bx .his_bx:nth-child(even) .his_cont ul:after{left:-0.5rem; right:auto;}
}

@media (max-width:567px){
	.his_con_bx:before{left:1rem;height: calc(100% - 5rem);}
}


/**** 국내활동 ****/
.img_wr {display: flex; text-align: center; padding-bottom:0 !important;}
.internal .img_wr > div {width:50%}
.internal .img_wr .map > img {display:inline-block;}
.internal .img_wr .logos > ul {display: flex;flex-wrap:wrap; gap: 1rem 0.45rem; margin-bottom:1.5rem;}
.internal .img_wr .logos > ul li {flex-basis:calc( 100% / 3 - (0.15rem * 2)); flex-shrink:0;}
.internal .img_wr .logos .sub_more{max-width:26.5rem; margin:0 auto;}

@media (max-width:767px){
	.internal .img_wr {flex-wrap:wrap; gap: 2rem 0}
	.internal .img_wr > div {width:100%}
}



/**** 해외활동 ****/

.abroad .sub_more {max-width:29.2rem; margin: 3.25rem auto 0;}

.abroad .table{margin-top:3.5rem;}
.abroad .table ul{display:flex; }
.abroad .table ul li{position:relative; flex:1 0 auto; }
.abroad .table ul li:not(:first-child):before{content:"";position:absolute; left:0px; top:6rem; width:1px; height:calc(100% - 6rem); background:#BEBEBE;  }
.abroad .table ul li dl{display:flex; flex-direction: column; }
.abroad .table ul li dt{font-size:1.1rem; font-weight:700;  line-height:1.1; height:5rem; display: flex; align-items: center;  justify-content: center; border-top:1px solid #BEBEBE; border-bottom:1px solid #BEBEBE; margin-bottom:1rem;}
.abroad .table ul li:nth-child(1) dt{color:#ff5f5f;}
.abroad .table ul li:nth-child(2) dt{color:#ffb95f;}
.abroad .table ul li:nth-child(3) dt{color:#32A47A;}
.abroad .table ul li:nth-child(4) dt{color:#4773F6;}
.abroad .table ul li:nth-child(5) dt{color:#7950AE;}
.abroad .table ul li dd{font-size:1.1rem; font-weight:400; color:var(--black); }

@media (max-width:1030px){
	.abroad .table ul{flex-wrap:wrap;}
	.abroad .table ul li{ flex:1 0 33.3%; margin-bottom:1rem;}
	.abroad .table ul li:nth-child(4):before{display:none;}
}

@media (max-width:767px){
	.abroad .table ul{border-bottom:1px solid #BEBEBE; }
	.abroad .table ul li{ flex:1 0 100%; margin-bottom:0; border-top:1px solid #BEBEBE; }
	.abroad .table ul li:not(:first-child):before{display:none;}
	.abroad .table ul li dl{flex-direction: row; align-items: center }
	.abroad .table ul li dt{height:auto; margin-bottom:0; width:60%; border:none;  padding:1rem  0.5rem;}
	.abroad .table ul li dd{ padding:1rem 0.5rem; width: 40%;}
}

/* *******************************************************
■ 제품소개
******************************************************* */
/**** 공통 ****/
.product-wrap{}
/* .product-wrap > div{padding-bottom: 5rem;} */

.pro-head{display:flex; }
.pro-head > div{width:50%;}
.pro-head .img{text-align:center;}
.pro-head .text{}
.pro-head .text h4{font-size:1.7rem; font-weight:600; color:var(--black); margin-bottom:1.25rem;}
.pro-head .text .num{ padding-left: 0.6rem; font-size: 0.9rem;color:var(--black); margin-top:1rem; font-weight:600; }
.pro-head .btn-wrap{margin-top:3.5rem; margin-bottom: 1.5rem; display:flex; gap:0.5rem 1.5rem; flex-wrap: wrap;} 
.pro-head .btn-wrap a{display:block; padding: 0 1rem;  width:fit-content; height:2.2rem; line-height:2.2rem;  text-align:center; font-size:0.8rem; color:#fff; flex-shrink: 0;}
.pro-head .btn-wrap a.button01{background:var(--main)}
.pro-head .btn-wrap a.button02{background:var(--gray)}
.pro-head .btn-wrap a.button03{background:var(--button1)}

.pro-spec{display:flex; align-items: center; }
.pro-spec > div{width:50%;}
.pro-spec .img{text-align:center;}
.spec-table h5{font-size:1.2rem; font-weight:500; color:var(--black); margin-bottom:0.3rem;}
.spec-table table{width:100%; table-layout:fixed; border-top:1px solid #828282;}
.spec-table table th,
.spec-table table td{border-bottom:1px solid #828282; font-size:0.9rem; font-weight:400;  color:var(--black); padding:0.8rem 1rem;}
.spec-table table th{background:#EDEDED; border-right: 1px solid #828282; font-weight:700; font-size:1rem;}
.spec-table table th span{display:inline-block; width:1.75rem; }
.spec-table table .dot{position:relative;padding-left:0.7rem; }
.spec-table table .dot:before{content:''; position:absolute; left:0; top:0.6em; width:0.2rem; height:0.2rem; background:var(--black); border-radius:50%;}
.spec-table table + h5{margin-top:1.5rem;}

.pro-imgBox{display:flex; gap:1.5rem 3.85rem;}
.pro-imgBox .item{background:#F2F2F2; padding:1.5rem; display:flex; align-items: center; gap:1rem; border-radius:1rem; color:var(--black);}
.pro-imgBox .item .img{flex:0 0 7rem;}
.pro-imgBox .item dt{font-weight:700; margin-bottom:0.6rem;}
.pro-imgBox .item dd{position:relative; font-weight:400; font-size:0.75rem; padding-left:1rem; }
.pro-imgBox .item dd:before{content:''; position:absolute; left:0; top:0.4em; width:0.5rem; height:0.6rem; background:var(--black); clip-path: polygon(0 0, 0% 100%, 100% 50%); }
.pro-imgBox .item dd:not(:first-child){margin-top:0.5rem;}
.pro-btn{margin-top:3.5rem; text-align:right;}

.pro-iot h4{color:#5c5c5c; font-size:2.15rem; margin-bottom:2.4rem; line-height: 1.2;}
.pro-iot h4 b{color:#2699bd; font-size:2.55rem; font-weight:700;  display: inline-block; line-height: 1.1;}

.por_tit{color:var(--black); text-align:center; font-size:1.7rem; font-weight:600; margin-bottom:2.5rem;}

/**** iot ****/
.seneor.product-wrap > div.pro-head{padding-bottom:0 !important;}
.seneor.product-wrap .pro-btn .sub_more{display:inline-flex; width:50%;}
.seneor.product-wrap .spec-table table th {padding:0.4rem 1rem;}
.seneor.product-wrap .spec-table table td {padding:0.4rem 1rem;}
.seneor.product-wrap .pro-spec {padding-bottom: 5rem;}

/**** 스마트수압계 ****/
.pressure_wrap  .pro-head {padding-bottom: 5rem;}
.pressure_wrap .spec-table table th {padding:0.4rem 1rem;}
.pressure_wrap .spec-table table tbody > tr:first-child th:last-child {border-right: 0;}
.pressure_wrap .spec-table table td {padding:0.4rem 1rem;}

/**** 스마트 허브 ****/
.hub_wrap .pro-head {padding-bottom: 5rem;}
.smart-ul{margin-top:1rem; color:var(--black);}
.smart-ul h5 {padding-bottom:2rem; position:relative;}
.smart-ul h5:after{content:"";position:absolute; left:50%; bottom:0px; width:1px; height:2rem; background:var(--gray);}
.smart-ul h5 span{display:inline-block; background:#EFF0F1; border-radius:1.25rem; width:17.5rem;   height:2.5rem; line-height:2.5rem; }
.smart-ul ul{display:flex; position:relative;}
.smart-ul ul li{position:relative; flex:1; padding: 4rem 1rem 0; }
.smart-ul ul li div{height:13.5595rem; line-height: 1.13; border:1px solid var(--gray); border-radius:0.5rem; box-shadow:5px 5px 6px rgba(0,0,0,0.14); background:#fff; padding:2rem 1rem 1.1rem; font-weight:700; font-size:1.2rem;}
.smart-ul ul li:before{content:"";position:absolute; left:50%; top:0; width:1px; height:4rem; background:var(--gray);}
.smart-ul ul li:after{content:"";position:absolute; left:0; top:0; width:100%; height:1px; background:var(--gray);}
.smart-ul ul li:nth-child(1):after {left:50%; width:50%;}
.smart-ul ul li:nth-child(4):after { width:50%;}
.smart-ul ul li p{margin-top:1.4rem;}

@media (max-width:1030px){
	.smart-ul ul li div {height:15rem;}
}

@media (max-width:747px){
	.smart-ul ul li div {height:auto;}
	.pro-imgBox .item dd{font-size:0.9rem}
}

@media (max-width:567px){
	.smart-ul ul li div {height:15.5rem;}
	.product-wrap > div br {display: none;}
	.pro-head .text h4 {word-break: break-all;}
}


@media (max-width:367px){
	.pro-head .text h4 {word-break: break-word;}
	.pro-imgBox .item {flex-direction:column;}
	.pro-imgBox .item .img {text-align: center;}
	.pro-imgBox .item .img > img {width: 70%;}
}


/**** 스마트 검침단말기 ****/
.terminal_wrap .pro-head:first-child {padding-bottom: 5rem;}
.smart-img{}
.smart-img h4{font-size:1.7rem; font-weight:600; color:var(--black); margin-bottom:1.25rem;}
.smart-img p{margin-top:4rem;}

@media (max-width:1030px){
	.pro-imgBox{gap: 1.5rem 1.5rem;}

	.pro-head .img{width:40%; padding:0 1rem;}
	.pro-head .text{width:60%;}

	.pro-spec .img{width:40%; padding:0 1rem;}
	.pro-spec .spec-table{width:60%;}

	.pro-imgBox .item .img{flex: 0 0 4rem;}

	.smart-ul ul li{padding: 4rem 0.5rem 0;}
}
@media (max-width:767px){
	.pro-head{display:block;}
	.pro-head .img{width:100%; padding:0 1rem;}
	.pro-head .text{width:100%; margin-top:2rem;}
	.pro-head .text .num{margin-top:1rem;}
	.pro-head .btn-wrap{margin-top:2rem; gap: 1rem}
	.pro-head .btn-wrap a{padding: 2rem; display: flex;justify-content: center; flex:1; align-items: center; width:auto; line-height: 1.4rem; font-size: 1rem;}

	.pro-spec{display:block;}
	.pro-spec .img{width:100%; padding:0 1rem;}
	.pro-spec .spec-table{width:100%; margin-top:2rem;}
	.spec-table table th{padding: 0.75rem 0.5rem;}
	.spec-table table td{padding: 0.75rem 1rem;}

	.pro-imgBox{flex-direction: column;}
	.seneor.product-wrap > div.pro-head{margin-bottom:5rem;}
	.seneor.product-wrap .pro-btn .sub_more{width:100%;}
	
	.smart-ul ul{flex-wrap:wrap;}
	.smart-ul ul li{flex:0 1 50%; padding: 4rem 0.5rem 0;}
	.smart-ul ul li:nth-child(2):after { width:50%;}
	.smart-ul ul li:nth-child(n+3):after {display:none;}

	.pro-iot h4{font-size:1.8rem; margin-bottom: 2rem; line-height: 1.2;}
	.por_tit {line-height: 1.2;}
	.pro-iot h4 b{font-size:2.2rem; display: block;}

	.press_en h4 b {display:inline-block;}
	.press_en br {display: none;}
}

@media (max-width:567px){
	.pro-head .btn-wrap a {flex:auto; padding: 1.5rem;}
		.ter_en br {display: none;}
}

@media (max-width:450px){
	.pro-iot h4 b{font-size:2rem}
	.spec-table table th {font-size: 0.9rem;}
}


@media (max-width:350px){
	
}

/* *******************************************************
■ 솔루션
******************************************************* */
/**** 공통 ****/
.click-btn{margin-top:4.5rem; display:block; padding:2rem 1rem 1.5rem; color:var(--black); font-size:1.4rem; font-weight:600; background:url('/images/default/content/iot_btn.png')no-repeat 50% 50%; background-size:cover; border-radius:1.5rem;}
.click-btn span{display:block; font-size:0.9rem;}

.bar{position:relative; padding-left:0.6rem; font-size:1.1rem; text-align:left;  font-weight: 400;}
.bar:before{content:"";position:absolute; left:0; top:0.7em; width:0.35rem; height:1px; background:#656565; }
.bar:not(:first-child){margin-top:0.4rem;}

/**** 종합 누수관리 솔루션 ****/
.iot-top h4{background:#f2f2f2; border-radius:1.5rem; color:var(--button1); font-size:1.7rem; font-weight:600; line-height:1.2; padding:1.5rem 1rem 1rem; margin-bottom:2.5rem;}
.iot-top h4 span{display:block; color:var(--gray); font-size:0.9rem;font-weight:400; }
.iot-top ul{display:flex; gap:1rem;}
.iot-top ul li{flex:1; background:#f2f2f2; border-radius:1.5rem; }
.iot-top ul li a{display:block; padding:3rem 1rem 2.5rem; }
.iot-top ul li p{font-size:0.9rem; font-weight:500; color:var(--gray); margin:1.5rem 0 1.75rem; line-height:1.3;}
.iot-top ul li p b{font-size:1.2rem;display:flex; justify-content: center; align-items: center; color:var(--black); height:2.5em; }
.iot-top ul li .more{display:block; height:2.15rem; line-height:2.05rem; max-width:10rem; margin: 0 auto; border:1px solid var(--button1); color:var(--button1); font-size:0.9rem; border-radius:1.5rem; transition: all 0.3s;}
.iot-top ul li a:hover .more{color:#fff; background:var(--button1)}

.iot-bot h5{margin-bottom:1.5rem; font-size:1.7rem; font-weight:600;  color:var(--black);line-height:1.2; }
.iot-bot h5 span{position:relative; display:inline-block; padding:0.7rem 2.5rem 0; }
.iot-bot h5 span:before,
.iot-bot h5 span:after{content:""; position:absolute; top:0px; width:1.25rem; height:1.1rem; background-repeat:no-repeat; background-size:100% 100%; background-position:0 0;}
.iot-bot h5 span:before{left:0; background-image:url('/images/default/content/iot_quotes_l.png')}
.iot-bot h5 span:after{right:0; background-image:url('/images/default/content/iot_quotes_r.png')}
.iot-bot h6{font-size:1.7rem; font-weight:600;  color:var(--black);line-height:1.2; background:#f2f2f2; border-radius:.5rem; padding:1rem 0.5rem; margin-bottom:1.3rem;}
.iot-bot .iot_obj{margin:4rem 0;}
.iot-bot .arrow{margin-bottom:2rem;}
.iot-bot .sub_more{margin:3rem auto 0; max-width:29.7rem;}

@media (max-width:1030px){
	.iot-top ul{flex-wrap:wrap;}
	.iot-top ul li{flex:0 0 calc((100% - 1rem) / 2);}
	.iot-top ul li p{font-size:1.1rem;}
	.iot-top ul li p b{height:auto; display:block;}
	.iot-top ul + img{padding:0 5rem;}
}
@media (max-width:767px){
	.iot-top ul li{flex:0 0 100%;}
	.iot-top ul li a{padding: 2rem 0.5rem 1.5rem;}
	.iot-top ul + img{padding:0 2rem;}
	.iot-top .click-btn{ margin-top: 2.5rem; font-size:1.25rem;}
	.iot-bot .iot_obj{margin:2rem 0;}
}

/**** AI 스마트 누수탐지 솔루션 ****/
.ai-top ul{display:flex; align-items: center;}
.ai-top ul li{flex:1; }
.ai-top ul li p{margin-bottom:2.75rem; font-size:1.4rem; color:var(--black); font-weight:600; }
.ai-top ul li p span{color:#145ac1; font-weight: 700;}
.ai-top .click-btn{margin-top:2rem; }
.ai-box{position:relative; background:#F5F5F5; border-radius:.5rem; padding:3rem 0.5rem 2rem;  margin-top:2.5rem; }
.ai-box span{position:absolute; left:0px; top:0px; display:block; height:2rem; line-height:2rem; width:9rem; background:#98c0e6; font-size:1rem; font-weight:500; color:var(--black); border-radius:0.5rem 0 0.5rem 0}

@media (max-width:1030px){
	.ai-top ul li p{font-size:1.1rem; margin-bottom: 1.5rem;}
}
@media (max-width:767px){
	.ai-top ul {padding: 0 1rem 4.5rem 1rem; font-size: 0.9rem;}
	.ai-top ul li{line-height: 1.2; }
	
}

/**** ODM 솔루션 ****/
.odm-wrap .sub_tit {margin-bottom: 0.6rem;}
.odm-wrap .sub_h3 {margin-bottom: 2.3rem;}
.odm-wrap .bar {font-size: 0.9rem;}
.odm-wrap .bar:not(:first-child) {margin-top: 0.2rem;}
.odm-top ul{display:flex; margin-top:7rem; }
.odm-top ul li{flex:1; padding-left:4rem;}
.odm-top ul li .sub_tit{margin-bottom:0.85rem;}
.odm-top ul li p{margin-bottom:1.75rem;}
.odm-mid .img-box{margin:3rem auto 3.5rem; max-width:935px;}
.odm-mid .img-box ul{display:flex; margin-top:2.45rem; gap:2.5rem;}
.odm-mid .img-box ul li{flex:1; text-align:left; font-size:0.9rem;}
.odm-box{margin-top:3rem; display:flex; gap:2.75rem;}
.odm-box li{flex:1; background:#F4F4F4; border-radius:0.5rem; padding:1rem 2rem 2rem; }
.odm-box li h5{font-size:1.1rem; color:var(--black); border-bottom:1px solid var(--black); padding-bottom:0.5rem; margin-bottom:0.5rem; font-weight:400;}
.odm-box2{margin-top:2rem; display:flex; gap:1.5rem; flex-wrap:wrap;}
.odm-box2 li{background:#F4F4F4; border-radius:0.5rem; padding:1rem 1rem 2rem; }
.odm-box2 li h5{font-size:1.1rem; color:var(--black); border-bottom:1px solid var(--black); padding-bottom:0.5rem; margin-bottom:0.5rem; font-weight:400; text-align:center;}
.odm-box2 li p{font-size:0.9rem; font-weight: 400; text-align:left;}
.odm-box2 li p:not(:first-child){margin-top: 0.4rem;}
.odm-box2 li.ob01{width:17rem;}
.odm-box2 li.ob02{flex:1;}
.odm-box2 li.ob01.sky{background:#2699BD; color:#fff; padding:1rem 2rem 2rem; }
.odm-box2 li.ob01.sky p{font-size:1.1rem; font-weight: 500;}

@media (max-width:1200px){
	.odm-top ul li{padding-left:2rem;}
	.odm-box2 li.ob01{flex:0 0 calc((100% - 1.5rem * 2) / 3); width:auto;}
}
@media (max-width:1030px){
	.odm-top ul{gap:1.5rem;}
	.odm-top ul li{padding-left:0rem;}
	.odm-box{gap:1.5rem;}
	.odm-box2 li.ob01{flex:0 0 calc((100% - 1.5rem ) / 2); }
}
@media (max-width:767px){
	.odm-top ul{flex-direction: column; margin-top:4rem; gap:3rem;}
	.odm-mid .img-box ul{flex-direction: column; }
	.odm-mid .img-box ul li{position:relative;display:flex; gap:1rem; align-items: center;}
	.odm-mid .img-box ul li:not(:first-child):before{content:""; position:absolute; left:4vw; top:-4.5rem; width:22vw; height:6.5rem; background:url('/images/default/content/odm_system_back.png')no-repeat 50% 50%; background-size:100% 100%; z-index:-1;  }
	.odm-mid .img-box ul li .mob{flex-shrink: 0; width: 30vw;}
	.odm-box,
	.odm-box2{gap:1rem; flex-direction: column}
	.odm-box li{padding:1rem 1rem 2rem;}
	.odm-box2 li.ob01{flex:0 0 calc((100% - 1rem ) / 2); }
	.odm-box2 li.ob01.sky{background:#2699BD; color:#fff; padding:1rem 1rem 2rem; }
}

/**** 열화상 카메라 ****/
.cam-wrap{}
.cam-top .cam_tit {display: flex; justify-content:space-between; align-items:center;margin-bottom:2.5rem;gap: 0 1.2rem;}
.cam-top .cam_tit > div {width: auto}
.cam-top .cam_tit > div a {width:10rem}
.cam-top .dot{ display:inline-block; }
.cam-top .dot li{position:relative; padding-left:1.5rem; text-align:left;}
.cam-top .dot li:not(:first-child){margin-top:0.4rem;}
.cam-top .dot li:before{content:""; position:absolute; left:0; top:0.5rem; width:0.6rem; height:0.6rem; background:var(--button1); border-radius:50%; }

.img-ul{display:flex; flex-wrap:wrap; gap:1.5rem;}
.img-ul li p{font-size:0.9rem; margin-top:0.5rem; font-weight:400;}
.img-ul.col2 li{width:calc((100% - 1.5rem) / 2);}
.img-ul.col3 li{width:calc((100% - 1.5rem * 2) / 3);}
.img-ul.text{gap:3.5rem 1.5rem;}


@media (max-width:1030px){
	.cam-top .dot li br {display: none;}
}

@media (max-width:767px){
	.cam-top .cam_tit {align-items: baseline;}
	.cam-top .cam_tit .btn-wrap {margin: 0;}
	.cam-top .cam_tit .btn-wrap a {padding: 0rem; height: 2rem; margin: 0; font-size: 1rem;}

	.img-ul{ gap:1rem;}
	.img-ul.text{gap:1rem;}
	.img-ul.col2 li{width:calc((100% - 1rem) / 2);}
	.img-ul.col3 li{width:calc((100% - 1rem * 2) / 3);}
	.img-ul.text.col2 li{width:100%;}
}

@media (max-width:567px){
	.cam-top .cam_tit {flex-direction:column; gap:2rem 0; align-items:center}
	.cam-top .cam_tit .btn-wrap {width:100%;}
}

/* *******************************************************
■ 고객센터
******************************************************* */

/**** 도입문의 ****/
.ask {display: flex; gap: 0 2rem; padding-bottom:0 !important;}
.ask em {display:inline-block; font-weight: 700; color:var(--black); margin-bottom: 0.9rem;}
.ask .ask_l {padding: 1.5rem 2rem; width: calc( 100% - 27.5rem ); background-color:#f4f4f4; border-radius:1.3rem; font-size: 1.2rem; color:var(--black); font-weight: 700;}
.ask .ask_l > div {display: flex; flex-direction:column;}
.ask .ask_l > span {font-size: 1rem; font-weight: 500; color:#656565;}
.ask .ask_l .num {margin-bottom: 1.4rem;}
.ask .ask_l .num > div {display: flex; align-items: center;gap: 0 1.2rem;margin-bottom: 0.85rem;}
.ask .ask_l .num > p {font-weight: 600;line-height:1.37;}
.ask .ask_l .num > p > span {color:#0054d2}
.ask .ask_l .num > div > p {font-size: 2.1rem;font-weight: 700; }
.ask .ask_l .num > div > p > a { color:#000 !important;}
.ask .ask_r > ul li {display: flex; align-items: center; justify-content:space-between; width:27.5rem; margin-bottom: 1.85rem; padding: 1.75rem 2.4rem 1.75rem 4.5rem; border: 1px solid #ccc; background-color:#f4f4f4;border-radius:0.5rem 2rem 0 ; font-size: 0.9rem;}
.ask .ask_r > ul li:last-child {margin-bottom: 0;}

@media (max-width:1200px){
	.ask {gap: 0 2rem;}
	.ask .ask_l {width:50%}
	.ask .ask_r {width:50%}
	.ask .ask_r > ul li {width:100%}
	.ask .ask_l .num > p br {display: none;}
}

@media (max-width:1030px){
	.ask .ask_l {display: flex; flex-direction:column; justify-content:center; padding: 2rem 1.5rem;}
	.ask .ask_l .num > div {flex-wrap:wrap;}
	.ask .ask_r > ul li {padding: 1.75rem 2rem; gap: 0 0.7rem;}
}

@media (max-width:767px){
	.ask {flex-direction:column; gap: 2rem 0}
	.ask .ask_l {width: 100%;}
	.ask .ask_l .num > div > p {font-size: 1.8rem;}
	.ask .ask_l .num > p {font-size: 1.1rem;}
	.ask .ask_r {width:100%}
	.ask .ask_r > ul li {padding: 1rem 1.5rem;margin-bottom: 1rem;}
}






/**** 방문안내 ****/
.map-bx {padding-bottom: 0 !important;}
.map-bx iframe {width:100%;  border: 1px solid #cccccc;}
.map-bx iframe .gmnoprint {display: none !important;}
.map-bx .gm-style > div:nth-of-type(3) {display: none !important;}
.map-bx .address {display:flex; gap: 0.6rem 0; margin-top: 1.5rem; flex-wrap:wrap;justify-content:center; color:var(--gray); font-size: 1.2rem;}
.map-bx .address > li:first-child {flex-basis: 100%;}
.map-bx .address > li:nth-child(2) {padding-right: 1.25rem; position:relative;}
.map-bx .address > li:nth-child(2):after {content:"";display:block; width:0.15rem; height:0.95rem; background:var(--gray); position:absolute;right:0;top:50%;transform:translate(0,-50%);}
.map-bx .address > li:last-child {padding-left: 1.25rem;}

@media (max-width:767px){
	.map-bx iframe {height: 20rem;}
}

@media (max-width:450px){
	.map-bx .address {gap: 0.5rem 0;}
	.map-bx .address > li {flex-basis: 100%;}
	.map-bx .address > li:nth-child(2) {padding-right: 0;}
	.map-bx .address > li:nth-child(2):after {display: none;}
	.map-bx .address > li:last-child {padding-left: 0}
}