@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.greeting-head {height:560px; color:#fff; background:url('../images/sub/greeting.jpg') 50% 50% no-repeat; background-size:cover; text-align:center; display:flex; align-items:center; justify-content:center; margin-bottom:50px; font-family: 'NanumSquare',sans-serif;}
.greeting-head .title {background:#29a7e1; font-size:48px ;line-height:1.4em; font-weight:800; display:inline-block; margin-bottom:10px;}
.greeting-head .tit {font-size:28px; line-height:1.4em; font-weight:700; margin-bottom:10px;}
.greeting-head .tit strong {font-weight:800;background:#ea5415}
.greeting-head .cnt {font-size:22px; line-height:1.6em;}

.doc-title {position:relative; padding-left:36px; font-size:28px ;line-height:1.4em; font-weight:700; color:#2c2c2c; margin-bottom:25px; font-family: 'NanumSquare',sans-serif;}
.doc-title:before {content:"";position:absolute; top:8px; left:0; width:24px; height:19px; background:url('../images/sub/doc_dot.png') 50% 50% no-repeat;}

.greeting-core {margin-bottom:50px;}
.greeting-core .row {display:flex; align-items:center;  margin:0 -20px;}
.greeting-core .col {width:50%; padding:0 20px;}
.greeting-core ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -10px;}
.greeting-core ul li {width:50%; padding:0 10px; text-align:center;}
.greeting-core ul li .box {display:flex; align-items:center; justify-content:center;  width:270px; height:270px; background:#fff; border:1px solid #29a7e1; border-radius:50%; text-align:center;}
.greeting-core ul li .box .tit {color:#29a7e1; font-size:32px; line-height:1.4em;font-weight:700; margin-bottom:5px;}
.greeting-core ul li .box p {color:#878787; font-size:14px; line-height:1.4em; margin-bottom:10px;}
.greeting-core ul li .box .cnt {font-size:15px; line-height:1.6em;}
.greeting-core .text {margin-bottom:30px; font-size:16px; line-height:1.7em;}
.greeting-core .text:last-child {margin-bottom:0;}
.greeting-core .text.last {font-size:22px; color:#2c2c2c; font-family: 'NanumSquare',sans-serif;}

.greeting-ci {height:520px; margin-bottom:50px; display:flex; align-items:center; color:#fff; background:url('../images/sub/greeting_bg.jpg') 50% 50% no-repeat; background-size:cover; font-family: 'NanumSquare',sans-serif;}
.greeting-ci .text {padding-left:55px;}
.greeting-ci .tit {font-size:42px; line-height:1.4em; margin-bottom:15px;}
.greeting-ci .tit strong {font-weight:800;}
.greeting-ci .more {display:inline-block; padding:0 40px; font-size:18px; line-height:48px; border:1px solid #fff; color:#fff; font-weight:700; font-family: 'NanumSquare',sans-serif;}

.greeting-logos {display:inline-flex; width:100%; justify-content:center;  align-items:center; margin-bottom:10px; border:1px solid #dfdfdf; background:#fafafa; padding:40px;}
.greeting-logos .logo {width:204px;}
.greeting-logos .info {padding-left:130px;}
.greeting-logos .info .tit {font-size:24px; line-height:1.4em; margin-bottom:10px;font-family: 'NanumSquare',sans-serif;}
.greeting-logos .info .cnt {font-size:16px; line-height:1.6em;}

.greeting-logo {margin-bottom:50px;}
.greeting-logo ul {display:flex;flex-wrap:wrap; padding-left:1px; padding-top:1px;}
.greeting-logo ul li {width:16.666666%; text-align:center;border:1px solid #dfdfdf; margin-left:-1px; margin-top:-1px;}

.vision {font-size:36px; line-height:1.5em; color:#2c2c2c2;font-family: 'NanumSquare',sans-serif; margin-bottom:70px;}
.vision strong {font-weight:800;}
.vision-img  {height:595px; background:url('../images/sub/greeting_img.jpg') 50% 50% no-repeat; background-size:cover;}

.agency-head {height:560px; position:relative; display:flex; align-items:center; color:#fff; padding:0 70px;background:url('../images/sub/agency_bg.jpg') 50% 50% no-repeat; background-size:cover; margin-bottom:40px;}
.agency-head .tit {font-size:42px; line-height:1.4em; margin-bottom:20px; font-family: 'NanumSquare',sans-serif;}
.agency-head .tit strong {font-weight:800;}
.agency-head .cnt {font-size:17px; line-height:1.9em; margin-bottom:55px;}
.agency-head .tel {color:#fefefe; font-size:24px; line-height:1.4em;font-weight:700;}
.agency-head .tel ul {display:flex; margin:0 -20px;}
.agency-head .tel ul li {padding:0 20px; position:relative;}
.agency-head .tel ul li:after {content:"";position:absolute; top:50%; left:0; width:1px; height:18px; background:#fff; margin-top:-9px; opacity:.5;}
.agency-head .tel ul li:first-child:after {display:none}
.agency-head .logo {position:absolute; bottom:25%; right:70px;}

.agency-service {margin-bottom:50px;}


.agency-business {padding:0 28px; margin-bottom:50px;}
.agency-business ul {display:flex; margin:0 -30px;}
.agency-business ul li {width:25%; padding:0 30px; text-align:center;}
.agency-business .tit-box {position:relative; border:1px solid #dfdfdf; margin-bottom:25px;background:#fafafa; font-size:20px ;line-height:1.5em; font-weight:700; font-family: 'NanumSquare',sans-serif; padding:25px 15px;}
.agency-business .tit-box:after {content:"";position:absolute; bottom:-15px; left:0; width:100%; height:15px; background:url('../images/sub/box_arrow.png') 50% 50% no-repeat;}
.agency-business .img {margin-bottom:15px;}
.agency-business .tit {font-size:15px; line-height:1.9em;}

.agency-cert {margin-bottom:50px;}
.agency-cert ul {display:flex;}
.agency-cert ul li {width:50%;}
.agency-cert ul li img {width:100%}

.agency-promise {}
.agency-promise ul {display:flex; flex-wrap:wrap; margin-left:-16px; margin-bottom:-16px;}
.agency-promise ul li {width:calc(33.333333% - 16px); margin-left:16px; margin-bottom:16px; border:1px solid #dfdfdf; padding:38px 15px; text-align:center;}
.agency-promise ul li .num {width:50px; height:50px; margin:0 auto 20px; border-radius:50%; background:#29a7e1; text-align:center; font-size:24px; line-height:50px; font-weight:700; color:#fff;font-family: 'NanumSquare',sans-serif;}
.agency-promise ul li .cnt {font-size:16px; line-height:1.8em;}

.business-cnt {font-size:17px; line-height:1.8em;}
.business-cnt .box {height:560px; margin-bottom:40px; display:flex; align-items:center; color:#fff;  background:url('../images/sub/business_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.business-cnt .lable {background: linear-gradient(to right, #36b4e4, #d4dd9f); max-width:516px; width:100%; padding-left:80px; font-size:22px; line-height:40px; font-weight:700; margin-bottom:20px; font-family: 'NanumSquare',sans-serif;}
.business-cnt .cnt {margin-bottom:25px; font-size:42px; line-height:1.5em; padding-left:80px; font-family: 'NanumSquare',sans-serif;}
.business-cnt  strong {font-weight:800;}
.business-cnt .cnt:last-child {margin-bottom:0;}
.business-cnt .text {font-weight:700;}
.business-cnt.service1 {margin-bottom:50px;}
.business-cnt.service1 .box {background-image:url('../images/sub/service1_bg.jpg'); justify-content:flex-end; margin-bottom:0;}
.business-cnt.service1 .content {width:55%;}
.business-cnt.service1 .lable {padding-left:20px; max-width:100%}
.business-cnt.service1 .cnt {padding-left:0;}
.business-cnt.service2 {margin-bottom:50px;}
.business-cnt.service2 .box {background-image:url('../images/sub/service2_bg.jpg'); justify-content:flex-end; margin-bottom:0;}
.business-cnt.service2 .content {width:55%;}
.business-cnt.service2 .cnt {padding-left:0;}

.sub-btns {text-align:center;}
.sub-btns a {display:inline-block; background:#29a7e1; color:#fff; font-weight:700; font-size:18px; line-height:60px; padding:0 40px;}
.sub-btns a:before {content:""; display:inline-block; vertical-align:middle; width:29px ;height:29px; background:url('../images/sub/icon_tel.png') 50% 50% no-repeat; margin-right:8px;}


.pest-cnt {margin-bottom:50px;}
.pest-cnt ul {display:flex;flex-wrap:wrap; margin:0 -25px -50px;}
.pest-cnt ul li {width:33.33333%; border-bottom:1px solid #ddd; padding:0 25px 50px; margin-bottom:50px;}
.pest-cnt ul li .group {display:flex; align-items:flex-start}
.pest-cnt ul li .group .icon {width:100px; background:#29a7e1; border-radius:50%; overflow:hidden; margin-right:20px;}
.pest-cnt ul li .group .info {flex:1 1 auto; min-width:0; width:0;}
.pest-cnt ul li .group dl dt {font-size:20px ;line-height:1.4em; color:#202020;font-weight:700; margin-bottom:10px; font-family: 'NanumSquare',sans-serif;}
.pest-cnt ul li .group dl dd {text-indent:-10px; padding-left:10px; font-size:14px; line-height:1.5em;}

.pest-process {}
.pest-process ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -30px;}
.pest-process ul li {width:calc(33.333333% - 60px); position:relative; margin:0 30px 60px; padding:40px;border:1px solid #dfdfdf;}
.pest-process ul li .number {width:76px; height:76px; margin-bottom:25px;background:#29a7e1; color:#fff; border-radius:50%; text-align:center; display:flex; justify-content:center; align-items:center;}
.pest-process ul li .number .num {font-size:24px; line-height:1.4em; font-weight:800;font-family: 'NanumSquare',sans-serif;}
.pest-process ul li .number .tt {font-size:16px; line-height:1.4em;font-weight:700;}
.pest-process ul li .cnt {font-size:16px; line-height:1.8em;}
.pest-process ul li .icon {position:absolute; top:40px; right:40px;}
.pest-process ul li:after {content:""; position:absolute; top:0; left:0; margin-left:-40px; width:20px; height:100%; background:url('../images/sub/step_arrow.png') 50% 50% no-repeat}
.pest-process ul li:nth-child(1):after {display:none}
.pest-process ul li:nth-child(5):after {display:none}
.pest-process ul li:nth-child(4):after {background-image:url('../images/sub/step_arrow_r.png');}
.pest-process ul li:nth-child(4) {order:5}
.pest-process ul li:nth-child(5) {order:4}
.pest-process ul li .arrow {position:absolute; top:-30px; right:-150px;}
.pest-process.type2 .arrow {right:-350px;}
.pest-process.type2 ul li:nth-child(4):after {display:none}

.service-cnt {margin-bottom:50px;}
.service-cnt ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#f4f4f4; }
.service-cnt ul li {width:50%; text-align:center;}
.service-cnt ul li .pic img {width:100%}
.service-cnt ul li .num {width:50px; height:50px; background:#29a7e1; border-radius:50%; font-size:20px; line-height:50px; font-weight:800; color:#fff; margin:0 auto 15px;  font-family: 'NanumSquare',sans-serif;}
.service-cnt ul li .tit {font-size:20px; line-height:1.4em; color:#2c2c2c; font-weight:700; margin-bottom:15px;font-family: 'NanumSquare',sans-serif;}
.service-cnt ul li .cnt {font-size:16px; line-height:1.6em;}
.service-cnt ul li:nth-child(3) {order:4} 
.service-cnt ul li:nth-child(4) {order:3}

.form-head {height:310px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; background:url('../images/sub/online_bg.jpg') 50% 50% no-repeat; background-size:cover; margin-bottom:50px;}
.form-head .content {width:50%;}
.form-head .tit {font-size:36px ;line-height:1.5em; color:#29a7e1;font-weight:800; margin-bottom:15px; font-family: 'NanumSquare',sans-serif;}
.form-head .cnt {font-size:17px; line-height:1.5em;}
.form-head.tel {background-image:url('../images/sub/tel_bg.jpg');}