/* common */
#cont .subTitle { font-size: 20px; color: #333; font-weight: 500; margin: 0 0 13px 0; }
#cont .subTitle:before { content: ""; width: 6px; height: 21px; background: #63be6f; display: inline-block; margin: 0 8px 0 0; vertical-align: top;}
#subWrap { padding:80px 0 0 0;}
#sv { height:200px; text-align:center; padding:75px 0 0 0; box-sizing:border-box;}
#sv h2 { font-family: "Nanum Square"; font-size: 35px; line-height: 100%; text-shadow: 0 0 5px rgba(0,0,0,.5); color:#fff; }
#sv p { font-size: 16px; line-height: 100%; font-weight: 300; margin-top: 15px; text-shadow: 0 0 5px rgba(0,0,0,.5); color:#fff; word-break:keep-all; line-height:1.4; padding:0 30px;}
.sv01 { background:url("/mobile/kr/img/sub/sv01.jpg") no-repeat center top; background-size:cover;}
.sv02 { background:url("/mobile/kr/img/sub/sv02.jpg") no-repeat center top; background-size:cover;}
.sv03 { background:url("/mobile/kr/img/sub/sv03.jpg") no-repeat center top; background-size:cover;}
.sv04 { background:url("/mobile/kr/img/sub/sv04.jpg") no-repeat center top; background-size:cover;}
.sv05 { background:url("/mobile/kr/img/sub/sv05.jpg") no-repeat center top; background-size:cover;}

/* lnb */
#lnb { background:#f3f3f3; position:relative;}
#lnb .depth2 { border-top:1px solid #e2e2e2; overflow:hidden;}
#lnb:after { content:""; width:100%; height:1px; background:#e2e2e2; display:block; bottom:0px; position:absolute;}
#lnb .depth2 li { float:left; width:33.333333333%; text-align:center; border:1px solid #e2e2e2; box-sizing:border-box; border-left:none; border-top:none;}
#lnb .depth2 li:nth-child(3n+1) { border-left:1px solid #e2e2e2; }
#lnb .depth2 li a { font-size:15px; display:block; line-height:68px; letter-spacing:-0.08em; }
#lnb .depth2 li.on a { background:#fff; color:#2b9138;}

#subTop { border-bottom:1px solid #ccc; padding:0 0 30px 0; margin:40px 0 0 0;}
#subTop .subtit { text-align:center; font-size:20px; color:#333; font-weight:700; }

#cont { padding:0 20px; overflow: hidden; margin: 50px 0; min-height: 450px; position: relative; }

/* 회사소개  - 회사소개 */
.greeCon { }
.greeCon h3 { text-align:center; }
.greeCon .img { margin: 20px auto 88px; position: relative; font-size:0; text-align:center;}
.greeCon .img img { width:100%; max-width:203px;}
.greeCon .img ul { }
.greeCon .img ul li { display:inline-block; vertical-align:middle; width:35%; height:auto; border-radius:50%; margin:0 -16px 0 0; color:#fff; padding:41px 0 0 0; box-sizing:border-box; position:relative; max-width:203px;}
.greeCon .img ul li > div { position:absolute; left:0; top:0; z-index:-1;}
.greeCon .img dl { }
.greeCon .img li > div:after { content:""; background:url("/mobile/kr/img/sub/circleBg.png") no-repeat center top; background-size:100%; position:absolute; bottom:-38px; left:0; height:38px; width:100%; display:block;}
.greeCon .img dl:nth-child(1):before { content:url("/mobile/kr/img/sub/circle01.png")}
/*
.greeCon .img dl:nth-child(1) { background:rgba(99,150,190,0.9); }
.greeCon .img dl:nth-child(2) { background:rgba(82,183,95,0.9); }
.greeCon .img dl:nth-child(3) { background:rgba(195,195,195,0.9); margin:0; }
*/
.greeCon .img li:nth-child(3) {  margin:0; }
.greeCon .img dl dt { font-size:20px; font-weight:700; border-bottom:1px solid rgba(255,255,255,0.25);  display:inline-block; padding:0 23px 19px 23px; margin:0 0 22px 0;}
.greeCon .img dl dd { font-size:13px; line-height:18px;}
.greeCon h4 { margin-top: 30px; color: #2b9138; font-size: 22px; font-weight: 500; line-height: 100%; }
.greeCon .txt { margin-top: 7px; color: #555}
.greeCon .txt p { font-size: 15px;  line-height: 22px; margin-bottom: 20px; }
/* 240808 */
.greeCon .img dl dt { font-size: 17.5px; padding: 5px 10px 15px; margin: 0 0 15px 0; }


/* 회사소개 - 창업이념*/
.ideology .banner { height: 400px; background: url("/img/sub/ideology01.jpg") no-repeat center top; font-family: 'Nanum Square'; background-size:cover;}
.ideology .banner dl { color: #fff; text-align: center; padding: 116px 0 0 0; }
.ideology .banner dl dt { color: #e8fceb; font-size: 45px; font-weight: 900; background: url("/img/sub/ideologyTitBg.png") no-repeat center 27px; height: 53px; text-shadow: 0 0 4px rgba(0,0,0,0.24); }
.ideology .banner dl dd { font-size: 27px; font-weight: 700; }
.ideology .list { margin: 0 0 70px 0; }
.ideology .list ul { margin: -100px 0 0 0; }
.ideology .list ul li { border:4px solid #fff; float: left; width: 31.33333333333333%; height: 200px; position: relative; box-sizing: border-box; margin: 0 3% 0 0; }
.ideology .list ul li:nth-child(1) { border-color: #72a0c4;}
.ideology .list ul li:before { content:"";  position: absolute; top: -4px; left: -4px; border:4px solid #fff; width:calc(100% + 8px);  height:100px; box-sizing:border-box; border-bottom:none;}
.ideology .list ul li dl { text-align: center; }
.ideology .list ul li dl dt { font-size: 20px; font-weight: 700; color: #fff; line-height: 25px; margin: 30px 0 40px 0; text-shadow: 0 0 4px rgba(0,0,0,0.24); }
.ideology .list ul li:nth-child(1) dl dd { color: #72a0c4; }
.ideology .list ul li:nth-child(2) { border-color: #63be6f; }
.ideology .list ul li:nth-child(3) { border-color: #bbb; margin: 0; }
.ideology .list ul li dl dd { font-size: 17px; text-transform: uppercase; }
.ideology .txt ul li { margin: 0 0 30px 0; font-size:0;}
.ideology .txt ul li span { width: 90px; height: 90px; display: inline-block; background: url("/img/sub/ideologyIcon.png") no-repeat center #72a0c4; border-radius: 50%; vertical-align: middle;}
.ideology .txt ul li p { display: inline-block; vertical-align: middle; margin: 0 0 0 6.66666666667%; color: #72a0c4; font-size: 18px; width:70.66666666667%; line-height:1.4;}
.ideology .txt ul li:nth-child(2) span { background-position: 0 0px; background-color: #63be6f; }
.ideology .txt ul li:nth-child(2) p { color: #63be6f; }
.ideology .txt ul li:nth-child(3) span { background-position: 0 -240px; background-color: #a4a4a4; }
.ideology .txt ul li:nth-child(3) p { color: #555; }

/* 회사소개 - 조직도*/
.org img { width:100%; }

/* 회사소개 - 연혁*/
.history .title {  text-align: center;}
.history dl { /* border-bottom: 1px solid #d7d7d7;  */padding: 15px 0; }
.history .txt { margin: 30px 0 0 0; }
.history .title dl dt { font-size: 22px; color: #444; padding-bottom: 0;  float: none; line-height: 1; font-weight: 700;}
.history .title dl dd { font-size: 42px; font-family: 'Nanum Square'; margin: 15px 0 0 0; background: url(/img/sub/hitoryTitBg.png) no-repeat center 25px; height: 65px; overflow: visible; padding-bottom: 0; }
.history .title dl dd span.green { color: #2b9138;}
.history .title dl dd span.gray { color: #231916;}
.history .title dl dd span { font-weight: 900; }


/* 회사연혁 */
.history dl { /* border-bottom:1px solid #d7d7d7; */overflow:hidden;
width:calc(100% - 280px);
width:-moz-calc(100% - 280px);
width:-webkit-calc(100% - 280px);
}
.history .list { margin-top:60px;}
.history .tab_con {}
.history .tab_con > section { display:none;}
.history .tab_con > section:first-child { display:block;}
.history .list ul { } 
.history .list ul li { border-bottom:1px solid #e9e9e9; padding-bottom:36px; padding-left:18px;  position:relative; margin-bottom:36px;}
.history .list ul li:nth-child(odd) dt { color:#2b9138;}
.history .list dl {}
.history .img { position:absolute; right:0; top:0;}
.history .list dl dt { font-size:26px; font-weight:500; /* margin-right:42px; */ width:80px;}
.history .list dl dt,
.history .list dl dd { float:left; }
.history .list dl dd { 
width:calc(100% - 80px);
width:-webkit-calc(100% - 80px);
width:-moz-calc(100% - 80px);
}
.history .list dl dd > div { position:relative; padding-left:28px; font-size:16px; line-height:1.4; margin-bottom:12px;}
.history .list dl dd > div:last-child { margin:0; }
.history .list dl dd > div span { position:absolute; left:0; top:0; font-weight:500; color:#333; }
.history .list dl dd > div p { }

.tab_s1 {}
.tab_s1 ul { text-align:center; }
.tab_s1 ul li { display:inline-block;  text-align:center; margin-right:2px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.tab_s1 ul li:last-child { margin:0; }
.tab_s1 ul li a { display:block; width:170px; height:55px; line-height:55px; color:#888; font-weight:500; font-size:16px; 
background: #f4f4f4; 
background: -moz-linear-gradient(to bottom, #f4f4f4, #ebebeb); 
background: -webkit-linear-gradient(to bottom, #f4f4f4, #ebebeb); 
background: linear-gradient(to bottom, #f4f4f4, #ebebeb); 
}
.tab_s1 ul li.on a { color:#fff; 
background: #4ab059; 
background: -moz-linear-gradient(to bottom, #4ab059, #31973f); 
background: -webkit-linear-gradient(to bottom, #4ab059, #31973f); 
background: linear-gradient(to bottom, #4ab059, #31973f); 
}

/* .history .txt > div { font-size:0; margin:0 0 30px 0;}
.history .txt > div img { width:100%;}
.history .txt > div .box {  background:#f0f0f0; padding:26px 16px;}
.history .txt > div .year { font-size:20px; font-weight:700; color:#63be6f; display:inline-block; vertical-align:top; margin:0 36px 0 0;}
.history .txt > div .info { display:inline-block; margin:4px 0 0 0; }
.history .txt > div .info span { color: #231916; font-size: 16px; font-weight: 700; position:absolute; left:0; top:-2px;}
.history .txt > div .info p { font-size:15px;  position:relative; padding:0 0 0 30px; margin:0 0 10px 0;}
.history .txt > div .info p:last-child { margin:0 0 0 0;} */

/* 회사소개  - 오시는길 */
.map .tab ul { text-align: center; color: #fff; font-size: 0; }
.map .tab ul li { max-width: 220px; height: 50px; display: inline-block; cursor:pointer; background: #828282; line-height: 50px; font-size: 17px; font-weight: 500; margin: 0 3px; width:49%; margin:0 2% 0 0;}
.map .tab ul li:last-child { margin:0;}
.map .tab ul li.on { background: #63be6f; }
.map .tab { margin: 0 0 20px 0; }
.map .tabCon.current {  display: block; position: static; }
.map .tabCon { position: absolute; top: -10000px; left: -10000px; }
.map #map01 .img { background: url(/img/sub/map03.jpg) no-repeat center top; background-size:cover;}
.map #map02 .img { background: url(/img/sub/map02.jpg) no-repeat; center top; background-size:cover;}
.map #map02 { display:block;}
.map .tabCon .img { height: 450px; width:100%; }
.map .tabCon .info { background: #f5f5f5; padding: 37px 16px 13px 16px; width:100%; box-sizing: border-box;  height:auto; box-sizing: border-box;}
.map .tabCon .info .title { font-size: 25px; font-weight: 500; border-bottom: 1px solid #dadada; padding: 0 0 28px 0; color: #333; margin: 0 0 40px 0; }
.map .tabCon .info dl { font-size: 14px; margin: 0 0 26px 0; }
.map .tabCon .info dl dt { color: #333; font-weight: 500; }
.map .tabCon .info dl dd { line-height: 20px; margin: 3px 0 0 0; }
.map .location { margin: 50px 0 0 0; clear: both;}
.map .location iframe { width:100%; }

/*Family company*/
.family {}
.family h3 { text-align:center; }
.family .txt_1 { position:relative; margin:14px 0 0 0; font-size:16px; font-family:'Nanum Square'; color:#333; line-height:16px; text-align:center; font-weight:400; padding:0 0 30px 0; letter-spacing:-0.04em; }
.family .txt_1:after { content:"";  width:25px; height:1px; background:#2b9138; display:block; position:absolute; bottom:0; left:50%; margin-left:-12.5px; }
.family .fm_box { padding:0 0 0 0; margin:0 auto; max-width:1400px; text-align:center; }
.family .fm_box .f_contbox { text-align:center; display:inline-block; margin:60px 10px 0 10px; width:calc(50% - 26px); padding:0 0 0 0; }
.family .fm_box .f_contbox p { font-size:20px; color:#333; line-height:18px; font-weight:700; font-family:'Nanum Square'; }
.family .fm_box .f_contbox .imgbox { margin:15px 0 0 0; background-color:#f8f8f8; width:100%; text-align:center; padding:55px 0; border:1px solid #ddd; }
.family .fm_box .f_contbox a { display:inline-block; width:280px; font-family:'Nanum Square'; color:#fff; font-size:15px; line-height:10px; font-weight:300; text-align:center; margin:20px 0 0 0; padding:9px 0; background-color:#006095; border-radius:4px; }
.family .fm_box .r_box.f_contbox a { background-color:#17a7d7; }
.family .fm_box .f_contbox a span { display:inline-block; padding:4px 0 4px 33px; background:url("/img/sub/icon_home.png") no-repeat center left; }
.family .movbox {  padding:60px 0 0 0; width:100%; max-width:1400px; margin:60px auto 60px auto; border-top:1px solid #dbdbdb; }
.family .movbox .mbox { position:relative; padding:0 0 50.0% 0; width:100%; }
.family .movbox iframe { position:absolute; left:0; top:0; width:100%; height:100%; }


/*Family company - 2023-05-24*/
.family2 h3{ text-align:center; }
.family2 .wrapper{ margin-top: 75px; padding-top: 95px; position: relative; }
.family2 .wrapper::before{ content: ""; width: 25px; height: 1px; background: #2b9138; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.family2 .wrapper ul{ padding-bottom: 100px; }
.family2 .wrapper ul li{ display: flex; }
.family2 .wrapper ul li:nth-of-type(even){ flex-direction: row-reverse; text-align: right; }
.family2 .wrapper ul li:not(:last-of-type){ margin-bottom: 120px; }
.family2 .wrapper ul li.image{ align-items: flex-start; }
.family2 .wrapper ul li figure{ display: flex; justify-content: center; align-items: center; width: 50%; background: #f5f5f5; margin: 0; }
.family2 .wrapper ul li.image figure{ background: none; }
.family2 .wrapper ul li .text-box{ font-family: "Nanum Square"; width: 50%; padding: 35px 0; box-sizing: border-box; }
.family2 .wrapper ul li:nth-of-type(odd) .text-box{ padding-left: 45px; }
.family2 .wrapper ul li:nth-of-type(even) .text-box{ padding-right: 45px; }
.family2 .wrapper .text-box h4{ display: inline-block; font-size: 32px; font-weight: 700; color: #333; letter-spacing: -0.025em; line-height: 1.3; margin-bottom: 25px; position: relative; }
.family2 .wrapper .text-box h4::before{ content: attr(data-num); font-size: 90px; font-weight: 800; color: #f0f0f0; letter-spacing: -0.09em; line-height: 1; position: absolute; bottom: -15px; z-index: -5; }
.family2 .wrapper ul li:nth-of-type(odd) .text-box h4::before{ right: 30px; transform: translateX(100%); }
.family2 .wrapper ul li:nth-of-type(even) .text-box h4::before{ left: 30px; transform: translateX(-100%); }
.family2 .wrapper ul li:nth-of-type(5) .text-box h4::before{ transform: translateX(15px); }
.family2 .wrapper .text-box h4 span{ font-family:'Noto Sans KR'; font-weight: 300; }
.family2 .wrapper .text-box p{ font-size: 16px; font-weight: 400; color: #535353; letter-spacing: -0.025em; line-height: 1.5; }
.family2 .wrapper .text-box dl{ display: flex; flex-wrap: wrap; font-size: 14px; letter-spacing: -0.025em; line-height: 1.7142; padding-top: 10px; border-top: 1px solid #b5b5b5; margin-top: 15px; }
.family2 .wrapper ul li:nth-of-type(even) dl{ flex-direction: row-reverse; }
.family2 .wrapper .text-box dl dt{ width: 70px; font-weight: 800; color: #2b9138; }
.family2 .wrapper .text-box dl dd{ width: calc(100% - 70px); font-weight: 400; color: #333; }

.family2 .wrapper .video-box{ border-top: 1px solid #e7e7e7; text-align: center; padding-top: 60px; display: flex; flex-direction: column; align-items: center; }
.family2 .wrapper .video-box figure{ display: inline-block; max-width: 460px; width: 100%; background: #f5f5f5; text-align: center; padding: 80px 0; margin: 0; }
.family2 .wrapper .video-box a{ display: inline-block; background: #252525; border-radius: 8px; font-family: "Nanum Square"; font-size: 20px; font-weight: 400; color: #fff; letter-spacing: -0.02em; padding: 15px 45px; margin-top: 25px; }


/* 사업분야  - detergents */
.pd1List .banner { background: url(/img/sub/detergents01.jpg) no-repeat center top; }
.business .banner { height: 250px; margin: 0 0 51px 0; background-size:cover !important;}
.business .banner dl { text-align: center; padding: 90px 0 0 0;}
.business .banner dl dt { font-size: 30px; color: #2b9138; font-weight: 500;}
.business .banner dl dd { font-size: 17px; color: #444; margin: 16px 0 0 0; padding:0 20px; line-height:1.4; word-break:keep-all;}
.pd1List .list { text-align: center; font-size: 0; }
.pd1List .list li { display: inline-block; margin: 0 46px 46px 46px;}
.pd1List .list li .img {}
.pd1List .list li .img img { width:100%; max-width:350px;}
.pd1List .list li .title { margin: 20px 0; font-size: 16px; color: #222; font-weight: 500; }
.pd1List .list li .more { width: 180px; height: 40px; line-height: 40px; display: block; border-radius: 25px; background: #444; color: #fff; font-size: 13px; font-weight: 500;  margin: 0 auto; }

.biclean { font-size:15px;}
.biclean .prodInfo { }
.biclean .prodInfo > div { float:left; width:38.04347826087%; }
.biclean .prodInfo > div img { width:100%; max-width:350px;}
.biclean .prodInfo .info { margin:0 0 0 6.73913043478%; width:55.21739130435%;}
.biclean .prodInfo .info > dl { padding:0 0 28px 0; border-bottom:1px solid #dbdbdb; margin:0 0 30px 0;}
.biclean .prodInfo .info > dl dt { font-size:27px; color:#2b9138; font-weight:700; margin:10px 0 0 0;}
.biclean .prodInfo .info > dl dd { font-size:17px; margin:7px 0 0 0;}
.biclean .prodInfo .info .txt { }
.biclean .prodInfo .info .txt dl { margin:0 0 30px 0;}
.biclean .prodInfo .info .txt dl dt { color:#222; font-size:17px; font-weight:500;}
.biclean .prodInfo .info .txt dl dd { margin:10px 0 0 0; line-height:22px;}
.biclean .prodInfo .info .txt dl dd p { position:relative; padding:0 0 0 10px;}
.biclean .prodInfo .info .txt dl dd p:before {content:"·"; position:absolute; left:0; top:0;}
.biclean table { border-top:1px solid #ccc; margin:16px 0 0 0;}
.biclean table th { background:#f5f5f5; font-weight:normal; color:#444;}
.biclean table th,
.biclean table td { border:1px solid #ccc; border-top:none; height:50px; box-sizing:border-box; font-size:15px; text-align:center;}

/* 사업분야  - insulation */
.Insulation .banner{ background:url("/img/sub/Insulation01.jpg") no-repeat; }
.Insulation .banner dl dt,
.Insulation .banner dl dd { color:#fff; }
.Insulation .list { margin:0 0 64px 0;}
.Insulation .list ul {text-align:center;} 
.Insulation .list ul li { float:left; width:31.11111111111%; border:1px solid #ddd; box-sizing:border-box; margin:0 3.33333333333% 0 0; border-top:2px solid #62c572;}  
.Insulation .list ul li img { width:100%; }
.Insulation .list ul li:last-child { margin:0;}
.Insulation .list ul li p { background:#f5f5f5; text-align:16px; font-weight:500; color:#444; padding:20px 0 30px; font-size:17px; line-height:1.4;} 
.Insulation .download { width:100%; max-width:300px; height:60px;   font-weight:500; background:url("/img/sub/downloadIcon.png") no-repeat 90% center #399945; margin:0 auto; border-radius:23px; text-align:center; }
.Insulation .download a { color:#fff; display:block; line-height:60px; font-size:16px; color:#fff; }


.pharma { font-size:15px; line-height:22px;}
.pharma .prodInfo { margin:0 0 50px 0;}
.pharma .prodInfo .img {float:left; }
.sulation .info p { margin:0 0 30px 0;}
.sulation .txt > div { margin:0 0 45px 0;}
.pharma .txt ul > li {padding:0 0 0 10px; position:relative;}
.pharma .txt ul > li:before { content:"·"; position:absolute; left:0; top:0;}

.sulation2 .info div > p { font-size:17px; font-weight:500; color:#222; margin:0 0 10px 0;}
.sulation2 .txt ul li p { margin:0 0 0 7px;}

.sulationM { }
.sulationM .img { border:1px solid #ddd; box-sizing:border-box;}
.sulationM .field { margin:30px 0 0 0;}
.sulationM .field ul li { padding:0 0 0 10px; position:relative;}
.sulationM .field ul li:before { content:"·"; position:absolute; left:0; top:0;}

.ipa .txt p { color:#222; font-weight:500;}


/* 품질경영 - 품질관리*/
.research > dl { margin:0 0 30px 0;}
.research > dl dt { font-size:20px; font-weight:500; color:#47a053; line-height:25px;}
.research > dl dd { font-size:16px; line-height:23px;/* margin:10px 0 0 0;*/}

.quality {}
.quality .list {padding:0 0 0 10px;}
.quality .list ul { margin:0 0 35px 0;}
.quality .list ul li { float:left; width:29.34782608696%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin:0 5.97826086957% 0 0;}
.quality .list ul li:last-child{ margin:0;}
.quality .list ul li .img { }
.quality .list ul li .img img { width:100%; }
.quality .list ul li p { color:#444; text-align:center; font-size:15px; height:68px; padding:12px 0 0 0; box-sizing:border-box; line-height:20px;}
.quality > p { font-size:16px; color:#555; line-height:1.4;}
.quality .insurance {text-align:center; position:relative; margin:95px 0 0 0;}
.quality .insurance:after { content:"";  width:100%; height:1px; background:#bdbdbd; display:block; position:absolute; top:10px;}
.quality .insurance p {font-size:24px; color:#333; font-weight:700; display:inline-block; padding:0 57px; background:#fff; position:relative; z-index:10; }
.quality .insurance p:after, 
.quality .insurance p:before { content:""; width:9px; height:9px; background:#bdbdbd; border-radius:50%; display:block; position:absolute; top:6px;}
.quality .insurance p:after { right:0;}
.quality .insurance p:before { left:0;}
.quality .insurance ul  { margin:40px 0 0 0; overflow:hidden; font-size:0; letter-spacing:-4px;}
.quality .insurance ul li { display:inline-block; vertical-align:top; margin:0 2% 20px 0; width:32%; letter-spacing:0;}
.quality .insurance ul li:nth-child(3n) { margin:0 0 20px 0;}
.quality .insurance ul li img { border:1px solid #dedede; width:auto; max-width:100%;}

/* 품질경영 - 환경경영 */
.enviro {}
.enviro .list { }
.enviro .list ul { }
.enviro .list ul li { border:1px solid #dddddd; background:#f7f7f7; border-radius:23px; overflow:hidden; height:90px; margin:0 0 10px 0; position:relative; display:table; width:100%;}
.enviro .list ul li span { display:inline-block; height:90px; width:45px; background:#78c385; color:#fff; line-height:90px; box-sizing:border-box; text-align:center; font-size:22px; font-weight:500; vertical-align:middle; position:absolute; height:300px;}
.enviro .list ul li p { font-size:16px; display:inline-block;  vertical-align:middle;  width:95%; line-height:1.4; word-break:keep-all; padding:0 20px;display:table-cell;}
.enviro .list ul li.line2 p { line-height:25px; }

/* 연구소  */

.lab { position:relative;}
.lab dl { margin:0 0 39px 0;}
.lab .img { position:absolute; right:20px; top:0;}
.lab .img p:first-child { margin:0 0 10px 0; text-align:right;}

/*생산*/
.system {}
.system .list {}
.system .list ul {  text-align:center;}
.system .list ul li { float:left; width:48%;  background: linear-gradient(#f6f7f6, #dddedd); border:1px solid #d2d2d2; border-radius:2px;  margin-bottom:50px; box-sizing:border-box; margin:0 4% 20px 0;}
.system .list ul li:nth-child(2n) { margin:0 0 20px 0; }
.system .list ul li p { height:56px; line-height:56px; border-bottom:1px solid #d2d2d2; font-size:16px; color:#333; }
.system .list ul li .img  { padding:20px;}
.system .list ul li .img img { width:100%; }

/* 품질장비 보유*/
.keep {}
.keep .table { border-top:1px solid #333; padding:15px 0 0 0;}
.keep .table li { border-bottom:1px solid #ccc;  padding:0 0 15px 0; margin:0 0 15px 0;}
.keep .table li dl { font-size:14px; margin:0 0 20px 0; line-height:1.4;}
.keep .table li dl dt { color:#333; font-size:16px;     background: #ccc; padding:10px;}
.keep .table li dl dd { margin:13px 0 0 0; font-size: 15px; word-break:keep-all;}
 

/* 고객지원  - 견적문의 */

.inquiry h2 { color: #444; font-size: 30px; font-weight: 700; margin: 0 0 50px 0; }
.inquiry .info > div { margin: 0 0 40px 0; }
.inquiry .info > div .title { font-size: 17px; color: #444; font-weight: 500; background: url("/img/sub/arrow01.gif") no-repeat left center; padding: 0 0 0 23px; }
.inquiry .info > div > ul li span { letter-spacing: 26px; }
.inquiry .info > div > ul { margin: 14px 0 0 0; font-size: 14px; line-height: 22px; }
.inquiry .info .contact .tel { font-size: 17px; color: #5ab76a; font-weight: 700; margin: 0 0 7px 0; }
.inquiry .info .formTable table { border-top: 1px solid #555; margin: 10px 0 0 0; display:block;}
.inquiry .info .formTable table .col1 { width:25%;}
.inquiry .info .formTable table th { background: #f5f5f5; font-size: 15px;  font-weight: normal; height: 40px;  border: 1px solid #ccc; border-top: none; display:block; width:100%; line-height:40px; box-sizing:border-box;}
.inquiry .info .formTable table td { padding: 14px 0; border-bottom: 1px solid #ccc; display:block;}
.inquiry .info .formTable table td.name input[type="text"] { width: 100%; }
.inquiry .info .formTable table td.phone input[type="tel"] {  width:29.633333%; }
.inquiry .info .formTable table td.phone span { margin: 0 5px; }
.inquiry .info .formTable table td.email input { margin:0 0 5px 0;}
.inquiry .info .formTable table td input,
.inquiry .info .formTable table td select { box-sizing: border-box; height: 37px; border: 1px solid #dedede; font-size: 14px; padding: 0 20px; vertical-align: middle; box-sizing: border-box; width:100%;}
.inquiry .info .formTable table td textarea { width:100%; box-sizing:border-box; resize:none; border-color:#d2d2d2;}
.inquiry .info .formTable .privacy > p { font-size: 13px; color: #333; margin: 15px 0 0 0;}
.inquiry .info .formTable .more { }
.inquiry .info .formTable .privacy .txt { font-size: 13px; padding:15px; background: #f5f5f5; border: 1px solid #ccc; margin: 10px 0 0 0; line-height:1.4;}
.inquiry .info .formTable .privacy .txt p {  margin: 0 0 13px 0; }
.inquiry .info .formTable .privacy .txt ul li { margin: 0 0 3px 0; }
.inquiry .info .formTable .check { position:relative; padding:0 0 0 20px; margin:15px 0 0 0;}
.inquiry .info .formTable .check label { display: inline-block; font-size: 13px; line-height:1.4;}
.inquiry .info .formTable .check input[type="checkbox"] { -webkit-appearance: checkbox !important; position:absolute; left:0; top:3px;}
.inquiry .info .formTable .btn { margin: 40px 0 0 0;}
.inquiry .info .formTable .btn button { border: none; background: #57b268; width:49%; height: 50px; text-align: center; color: #fff; font-size: 16px; display: inline-block; cursor: pointer; font-weight: 500;  font-family: 'Noto Sans KR', serif; }
.inquiry .info .formTable .btn #reset { background: #757575; }
.d-n { display: none !important; }

/* 고객지원 - 게시판 */
.dataBoard .menu { font-size: 0;  text-align: center; }
.dataBoard .menu li:first-child:after { content: "|"; color: #d9d9d9; padding: 3px 10px; font-size: 12px; display: inline-block; vertical-align: top; }
.dataBoard .menu li { display: inline-block; }
.dataBoard .menu li a { color: #666; font-size: 18px; font-weight: 500; }
.dataBoard .menu li.on a { color: #2b9138; }

.dataBoard .top { margin: 28px 0 20px 0; }
.dataBoard .top > .search { margin:10px 0 0 0;}
.dataBoard .top > .search select { border: 1px solid #ccc; height: 30px; box-sizing: border-box; width:28%; max-width:100px;  box-sizing:border-box; }
.dataBoard .top > .search input[type="search"] { width: 43%; height: 30px; border: 1px solid #ccc; margin: 0 3px; box-sizing:border-box; }
.dataBoard .top > .search input[type="submit"] { width: 24%; height: 30px; background: #444; color: #fff; border: none;  box-sizing:border-box; }

.dataBoard .list { margin: 28px 0 20px 0; }
.dataBoard .list > .search { margin:10px 0 20px 0;}
.dataBoard .list > .search select { border: 1px solid #ccc; height: 30px; box-sizing: border-box; width:28%; max-width:100px;  box-sizing:border-box; }
.dataBoard .list > .search input[type="search"] { width: 43%; height: 30px; border: 1px solid #ccc; margin: 0 3px; box-sizing:border-box; }
.dataBoard .list > .search input[type="submit"] { width: 24%; height: 30px; background: #444; color: #fff; border: none;  box-sizing:border-box; }



.dataBoard .list { border-bottom: 1px solid #ccc; }
.dataBoard .list ul li { float: left; width: 28%; margin: 0 8% 40px 0; position: relative; }
.dataBoard .list ul li:nth-child(3n) { margin:0 0 40px 0;}
.dataBoard .list ul li .img {width:100%; padding-bottom:132%;  display:block; position:relative; overflow:hidden;}
.dataBoard .list ul li .img img { width:100%; position: absolute; top: -9999px; right: -9999px;	bottom: -9999px;	left: -9999px;	margin: auto; 	min-height: 100%;}
.dataBoard .list ul li .title { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); padding:15px 10px; box-sizing: border-box; }
.dataBoard .list ul li .title a.catalog-tit {  color: #fff; font-size: 15px; line-height:1.4;}
.page { padding-bottom: 40px; position: relative; margin-top: 30px; }
.page ul { text-align: center; }
.page ul li { display: inline; }
.page ul li a { display: inline-block; zoom: 1; color: #808080; border: 1px solid #dbdbdb; padding: 5px 8px; }
.page ul li.on a { display: inline-block; zoom: 1; color: #fff; border: 1px solid #676767; background: #676767;}