.pt0 {padding-top:0 !important;} #container_title {display: none;} /* 회사소개 카테고리 상단 배너 */ .sub_banner {background:url("/web/20220523193318im_/http://lidwater.com/theme/test02/img/contents/ceo_top_bg.jpg") no-repeat 0 0; background-size:cover;} /* 회사이미지 */ .mapimg {text-align: center; margin-top: 50px;} /* 서브 공통 타이틀 */ .cont_tit {position:relative; font-size:40px; color:#1a1a1a; font-weight:500; text-align:center; margin-bottom:60px; padding-top:35px;} .cont_tit:before {content:''; display:block; width:77px; height:2px; background:#009de0; position:absolute; left:50%; margin-left:-38.5px; top:0;} @media(max-width:769px){ /* 회사소개 카테고리 상단 배너 */ .sub_banner {background:url("/web/20220523193318im_/http://lidwater.com/theme/test02/img/contents/ceo_top_bg_mo.jpg") no-repeat 0 0; background-size:cover;} /* 서브 공통 타이틀 */ .cont_tit {font-size:18px; margin-bottom:20px; padding-top:15px;} .cont_tit:before {width:35px; margin-left:-17.5px;} } /* ceo 인사말 */ .ceo_con .box01 .txt {font-size:18px; color:#474747; line-height:1.5; margin-top:65px;} .ceo_con .box01 .sig {margin-top:45px; font-size:14px; color:#1a1a1a; font-weight:500;} .ceo_con .box01 .sig span {font-weight:600;} .ceo_con .box02 .box02_con {padding-top:100px; font-size:0;} .ceo_con .box02 .box02_con .left {display: inline-block; vertical-align: top; width:50%;} .ceo_con .box02 .box02_con .left .tit {font-size:46px; color:#1a1a1a; font-weight:500; margin-bottom:60px; line-height:1;} .ceo_con .box02 .box02_con .left ul.slick-slider {display: none;} .ceo_con .box02 .box02_con .left .slick-dots {text-align:center; margin-top:20px;} .ceo_con .box02 .box02_con .left .slick-dots li {position: relative; display: inline-block; vertical-align: top; margin-right:20px;} .ceo_con .box02 .box02_con .left .slick-dots li:last-of-type {margin-right:0;} .ceo_con .box02 .box02_con .left .slick-dots li button {width:7px; height:7px; background:#c5c5c5; border-radius:100%; border:none;} .ceo_con .box02 .box02_con .left .slick-dots li.slick-active button {width:7px; height:7px; background:#3e3e3e; border-radius:100%;} .ceo_con .box02 .box02_con .left .slick-dots li.slick-active button:before {content:''; display: block; position: absolute; width:17px; height:17px; border-radius:100%; top:-5px; left:-5px; border:1px solid #3e3e3e; box-sizing:border-box;} .ceo_con .box02 .box02_con .left .slick-slide img {margin:0 auto;} .ceo_con .box02 .box02_con .right {display: inline-block; vertical-align: top; padding-left:50px; width:50%; box-sizing:border-box;} .ceo_con .box02 .box02_con .right ul {margin-bottom:40px;} .ceo_con .box02 .box02_con .right ul:last-of-type {margin-bottom:0;} .ceo_con .box02 .box02_con .right ul li {margin-bottom:15px; line-height:1; position: relative; padding-left:10px; color:#474747; font-size:18px;} .ceo_con .box02 .box02_con .right ul li.blue_tit {color:#009de0; font-size:22px; font-weight:500; padding-left:0;} .ceo_con .box02 .box02_con .right ul li:before {content:''; display: inline-block; position: absolute; top:50%; margin-top:-1.5px; left:0; width:3px; height:3px; background:#474747; border-radius:100%;} .ceo_con .box02 .box02_con .right ul li.blue_tit:before {display: none;} .ceo_con .box03 {background:#f9f9f9; padding:20px 0;} .ceo_con .box03 .cont {position: relative;} .ceo_con .box03 .txt_box {background:url("/web/20220523193318im_/http://lidwater.com/theme/test02/img/contents/ceo_white_box.png") no-repeat; padding:50px 60px; box-sizing:border-box; position: relative; margin:-150px auto 0; width:78.5%;} .ceo_con .box03 .txt_box .tit {color:#1a1a1a; font-size:27px; font-weight:500; margin-bottom:20px;} .ceo_con .box03 .txt_box .sub_tit {color:#a8a8a8; font-size:16px; margin-bottom:30px;} .ceo_con .box03 .txt_box ul li {position: relative; font-size:18px; color:#474747; margin-bottom:15px; padding-left:15px;} .ceo_con .box03 .txt_box ul li:before {content:''; display: inline-block; position: absolute; top:50%; margin-top:-1.5px; left:0; width:3px; height:3px; background:#474747; border-radius:100%;} .ceo_con .box03 .txt_box ul li:last-of-type:before {top:30%; margin-top:auto;} /* 오버 배너 */ .ceo_con .box04 {margin-top:9.1%; font-size:0;} .ceo_con .box04 .top_tit {color:#1a1a1a; font-size:42px; font-weight:300; text-align:center; margin-bottom:3.5%;} .ceo_con .box04 .top_tit span {font-weight:500;} .ceo_con .box04 .box {position: relative; display: inline-block; vertical-align: top; overflow:hidden; width:33.3%; cursor:pointer;} .ceo_con .box04 .box .img img {width:100%;} .ceo_con .box04 .box .txt_box {position: absolute; width:100%; bottom:-165px; padding:8%; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} .ceo_con .box04 .box .txt_box .tit {/*position:absolute; bottom:8%;*/ font-size:27px; color:#fff; line-height:1.5; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; min-height: 80px;} .ceo_con .box04 .box .txt_box ul {margin-top:10px; /*position:absolute; bottom:-300px;*/ transition:all 0.5s ease; -webkit-transition:all 0.5s ease; min-height: 135px;} .ceo_con .box04 .box .txt_box ul li {margin-bottom:10px; position: relative;} .ceo_con .box04 .box .txt_box ul li:before {content: ''; display: inline-block; position: absolute; left: -10px; top: 10px; width:2px; height: 2px; z-index: 1; background:#fff; opacity: .6;} .ceo_con .box04 .box .txt_box ul li span {font-size:16px; color:#fff; line-height:1.5; opacity: .6;} .ceo_con .box04 .box .mask {opacity:0; visibility:hidden; position: absolute; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} .ceo_con .box04 .box:hover .mask {opacity:1; visibility:visible;} .ceo_con .box04 .box.on .txt_box {bottom: 0;} @media(max-width:1280px){ .ceo_con .box01 .txt {font-size:15px; margin-top:50px;} .ceo_con .box02 .box02_con .left .tit {font-size:30px;} .ceo_con .box02 .box02_con .right ul li.blue_tit {font-size:20px;} .ceo_con .box02 .box02_con .right ul li {font-size:16px;} .ceo_con .box03 .txt_box {padding:30px 40px; width:100%; background:#fff;} .ceo_con .box03 .txt_box .tit {font-size:20px;} .ceo_con .box03 .txt_box .sub_tit {font-size:14px;} .ceo_con .box03 .txt_box ul li {font-size:15px;} .ceo_con .box04 .top_tit {font-size:30px;} .ceo_con .box04 .box .txt_box .tit {font-size:20px;} .ceo_con .box04 .box .txt_box ul li span {font-size:14px;} } @media(max-width:769px){ .ceo_con .box01 .txt {font-size:12.13px; margin-top:30px;} .ceo_con .box02 .box02_con { padding-top:45px; background: rgb(247,247,247); background: -moz-linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 58%); background: -webkit-linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 58%); background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 58%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7",endColorstr="#ffffff",GradientType=1); } .ceo_con .box02 .box02_con .left .tit {font-size:24px; margin-bottom:24px;} .ceo_con .box02 .box02_con .left {width:auto; display: block;} .ceo_con .box02 .box02_con .left .slick-dots li {margin-right:14px;} .ceo_con .box02 .box02_con .right {width:auto; display: block; padding-left:0; margin-top:25px;} .ceo_con .box02 .box02_con .right ul li.blue_tit {font-size:16px; margin-bottom:15px;} .ceo_con .box02 .box02_con .right ul li {font-size:12.13px; margin-bottom:8px;} .ceo_con .box02 .box02_con .right ul li:before {width:2px; height:2px; margin-top:-1px;} .ceo_con .box03 .txt_box {margin-top:0; padding:25px 15px;} .ceo_con .box03 .txt_box .tit {font-size:15px;} .ceo_con .box03 .txt_box .sub_tit {font-size:11px; line-height:1.5; margin-bottom:20px;} .ceo_con .box03 .txt_box ul li {font-size:12.13px;} .ceo_con .box03 .txt_box ul li:before {top:11px; margin-top:0;} .ceo_con .box04 {margin-top:60px;} .ceo_con .box04 .top_tit {font-size:26px; line-height:1.5; margin-bottom:30px;} .ceo_con .box04 .top_tit span {display: block;} .ceo_con .box04 .box {display: block; width:100%;} .ceo_con .box04 .box .txt_box {position: relative; padding:20px 0; bottom: inherit;} .ceo_con .box04 .box .txt_box ul {display: block; min-height: auto;} .ceo_con .box04 .box .txt_box .tit {color:#000; font-size:17px; min-height: auto;} .ceo_con .box04 .box .txt_box ul li {padding-left: 8px;} .ceo_con .box04 .box .txt_box ul li:before {left: 0; background: #8d8d8d;} .ceo_con .box04 .box .txt_box ul li span {color:rgba(0,0,0,0.6); font-size:12px;} .ceo_con .box04 .box .mask {display: none;} } /* 비전 & 미션 */ .vision_con .box01 .tit {font-size:28px; color:#1a1a1a; text-align:center; padding-bottom:20px;} .vision_con .box01 .tit span {display:block; margin-bottom:30px;} .vision_con .box01 .tit span.tit02 {font-weight:500;} .vision_con .box01 .tit span.tit02 em {color:#23bee2; font-style:normal;} .vision_con .box01 .tit span.tit03 {font-weight:normal;} .vision_con .box01 .circle {font-size:0; text-align:center;} .vision_con .box01 .circle .left {display:inline-block; vertical-align:top; position:relative; left:30px; width:377px; height:377px; background:rgba(199,244,255,0.4); border-radius:100%; padding:115px 0; box-sizing:border-box;} .vision_con .box01 .circle .right {display:inline-block; vertical-align:top; position:relative; right:30px; width:377px; height:377px; background:rgba(233,243,255,0.4); border-radius:100%; padding:115px 0; box-sizing:border-box;} .vision_con .box01 .circle .tit {font-size:28px; color:#23bee2;} .vision_con .box01 .circle .txt {font-size:21px; color:#373737; margin-top:30px; line-height:1.5;} .vision_con .box02 {margin-top:100px;} .vision_con .box02 .box02_con ul {font-size:0; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb;} .vision_con .box02 .box02_con ul li {display:inline-block; vertical-align:top; width:25%; min-height:370px; background:#fbfbfb; padding:50px 0; box-sizing:border-box; text-align:center; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;} .vision_con .box02 .box02_con ul li .date {font-size:17px; color:#1a1a1a; font-weight:600;} .vision_con .box02 .box02_con ul li .logo img {width:100%;} .vision_con .box02 .box02_con ul li .txt {font-size:17px; color:#1a1a1a; font-weight:500; margin-top:15px; line-height:1.5;} @media(max-width:1280px){ } @media(max-width:769px){ .vision_con .box01 .tit span {margin-bottom:13px;} .vision_con .box01 .tit span.tit01 {font-size:14px;} .vision_con .box01 .tit span.tit02 {font-size:18px;} .vision_con .box01 .tit span.tit03 {font-size:14px;} .vision_con .box01 .circle .left {width:162px; height:162px; padding:55px 0; left:12px;} .vision_con .box01 .circle .right {width:162px; height:162px; padding:55px 0; right:12px;} .vision_con .box01 .circle .tit {font-size:12px;} .vision_con .box01 .circle .txt {font-size:11px; margin-top:0;} .vision_con .box02 {margin-top:65px;} .vision_con .box02 .box02_con ul li {width:50%; padding:25px 0; min-height:30vh;} .vision_con .box02 .box02_con ul li .date {font-size:11px;} .vision_con .box02 .box02_con ul li .logo {width:150px; margin:0 auto;} .vision_con .box02 .box02_con ul li .txt {font-size:10px;} } /* 회사 연혁 */ .history_con .history {font-size:0;} .history_con .history .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 72.5%);} .history_con .history .txt_box .sub_tit {font-size:17px; color:#686c6d; margin-bottom:10px;} .history_con .history .txt_box .tit {font-size:40px; color:#1a1a1a; font-weight:300; line-height:1.5; letter-spacing:-0.5px;} .history_con .history .txt_box .tit span {font-weight:500; display:block; line-height:1.5;} .history_con .history .year_box {display:inline-block; vertical-align:top; width:72.5%; border-top:1px solid #7f7f7f; padding-top:45px;} .history_con .history .year_box .img {display:inline-block; vertical-align:top; width:31%;} .history_con .history .year_box .right_year {display:inline-block; vertical-align:top; width:calc(100% - 31%);} .history_con .history .year_box .right_year .year {font-size:0; padding:3.4% 0; margin-left:4.5%; box-sizing:border-box; border-bottom:1px solid #ebebeb;} .history_con .history .year_box .right_year .year .blue_txt {display:inline-block; vertical-align:top; width:15%; font-size:32px; color:#009de0; font-weight:500;} .history_con .history .year_box .right_year .year .txt {display:inline-block; vertical-align:top; width:calc(100% - 15%); padding-left:4.5%; box-sizing:border-box;} .history_con .history .year_box .right_year .year .txt .bk_txt {font-size:20px; color:#1a1a1a; font-weight:500; line-height:1.5; margin-bottom:10px;} .history_con .history .year_box .right_year .year .txt .gr_txt .list {position:relative; display:block; font-size:16px; color:#939393; line-height:1.5; padding-left:15px; box-sizing:border-box; margin-bottom:5px;} .history_con .history .year_box .right_year .year .txt .gr_txt .list:before {content:'+'; display:inline-block; position:absolute; left:0; font-size:16px; color:#939393;} @media(max-width:769px){ .history_con .history .txt_box {display:block; width:100%;} .history_con .history .txt_box .sub_tit {font-size:12px;} .history_con .history .txt_box .tit {font-size:26px;} .history_con .history .txt_box .tit br {display:none;} .history_con .history .year_box {width:100%; border-top:none; padding-top:0;} .history_con .history .year_box .img {display:block; width:180px; margin:45px 0 30px 0;} .history_con .history .year_box .right_year {display:block; width:100%;} .history_con .history .year_box .right_year .year {margin-left:0; padding:30px 0;} .history_con .history .year_box .right_year .year .blue_txt {display:block; width:auto; font-size:26px; margin-bottom:15px;} .history_con .history .year_box .right_year .year .txt {display:block; width:100%; padding-left:0;} .history_con .history .year_box .right_year .year .txt .bk_txt {font-size:14px;} .history_con .history .year_box .right_year .year .txt .gr_txt .list {font-size:13px; word-break:keep-all; padding-left:12px;} .history_con .history .year_box .right_year .year .txt .gr_txt .list:before {font-size:13px;} .history_con .history .year_box .right_year .year .txt .gr_txt .list br {display:none;} .history_con .history02 .txt_box {padding-top:45px;} } /* 인증서/ 특허/ 지식자산/ 보유기술 */ .certify_con .box01 ul {font-size:0;} .certify_con .box01 ul li {display:inline-block; vertical-align:top; text-align:center; padding:50px 0 40px 0; box-sizing:border-box; width:calc(33.3% - 30px); margin-right:45px; margin-bottom:60px; background:#f5f5f5;} .certify_con .box01 ul li:nth-child(3n) {margin-right:0;} .certify_con .box01 ul li .sub_tit {font-size:16px; color:#828282; margin-bottom:15px;} .certify_con .box01 ul li .tit {font-size:20px; color:#1a1a1a; margin-bottom:35px; font-weight:500;} .certify_con .box02 {margin-top:8.3%;} .certify_con .box02 table {width:100%; border:none; border-spacing:0; border-top:2px solid #7f7f7f;} .certify_con .box02 table tr th {background:#f6f7f9; font-size:20px; color:#1a1a1a; font-weight:500; padding:2.5% 0; border-bottom:1px solid #ebebeb;} .certify_con .box02 table tr td {font-size:17px; color:#686c6d; font-weight:400; padding:2.5% 1%; border-bottom:1px solid #ebebeb;} .certify_con .box02 table tr td:nth-child(1) {color:#1a1a1a; font-size:17px; font-weight:500;} @media(max-width:769px){ .certify_con .box01 ul li {width:calc(50% - 5px); margin-right:10px; margin-bottom:25px; padding:25px 0;} .certify_con .box01 ul li:nth-child(2n) {margin-right:0 !important;} .certify_con .box01 ul li:nth-child(3n) {margin-right:10px;} .certify_con .box01 ul li .sub_tit {font-size:10px;} .certify_con .box01 ul li .tit {font-size:10px; letter-spacing:-0.5px;} .certify_con .box01 ul li .img {padding:0 30px; box-sizing:border-box;} .certify_con .box02 table {border-top:1px solid #a6a6a7;} .certify_con .box02 table tr th {font-size:13px;} .certify_con .box02 table tr td, .certify_con .box02 table tr td:nth-child(1) {font-size:12px;} } /* 오시는 길 */ .map_con .info {margin-top:5%;} .map_con .info:last-of-type {margin-top:10%;} .map_con .info .tit {font-size:24px; color:#1a1a1a; font-weight:500; position:relative; padding-left:15px; margin-bottom:2.3%;} .map_con .info .tit:before {content:''; display:inline-block; width:4px; height:4px; background:#009de0; border-radius:100%; position:absolute; top:50%; margin-top:-2px; left:0;} .map_con .info table {width:100%; border:none; border-spacing:0; border-top:2px solid #7f7f7f;} .map_con .info table tr th {background:#f6f7f9; font-size:20px; color:#1a1a1a; font-weight:500; padding:3% 0; border-bottom:1px solid #ebebeb;} .map_con .info table tr td {font-size:17px; color:#686c6d; font-weight:400; padding:3% 2.5%; border-bottom:1px solid #ebebeb;} @media(max-width:769px){ .map_con .info {margin-top:45px;} .map_con .info:last-of-type {margin-top:65px;} .map_con .info .tit {font-size:14px; margin-bottom:20px;} .map_con .info table tr th {font-size:13px; padding:23px 0;} .map_con .info table tr td {font-size:12px; padding:23px 17.5px;} } /* FILE ARCHIVED ON 19:33:18 May 23, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:44:03 May 24, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): capture_cache.get: 0.411 load_resource: 181.379 PetaboxLoader3.resolve: 103.51 PetaboxLoader3.datanode: 59.295 */