@charset "utf-8"; 

.sub-tit {font-size:30px; color:#2c2c2c; letter-spacing:-.03em; line-height:1.3em; font-weight:700; margin-bottom:20px;} 
.sub-tit2 {font-size:18px; color:#505050; letter-spacing:-.03em; line-height:1.556em; margin-top:-10px; margin-bottom:25px;}
.sub-s-tit { color:#878787; letter-spacing:-.03em; line-height:1.63em; margin-bottom:15px;}
.sub-s-tit strong {color:#2c2c2c;}

.sub-cnt {margin-bottom:85px;}

.greetings-bg {background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}

.greetings {display:flex; padding-bottom:140px;}
.greetings .img {}
.greetings .txt-box {margin-left:35px;}
.greetings .txt-box .lg-tit {font-size:40px; font-weight:700; color:#19a03b; letter-spacing:-.03em; line-height:1.3em;}
.greetings .txt-box .color-txt {font-size:20px; font-weight:700; color:#0067be; letter-spacing:-.03em; line-height:1.3em; margin:20px 0 30px;}
.greetings .txt-box .txt {font-size:18px; color:#878787; letter-spacing:-.03em; line-height:1.44em; margin-bottom:20px;}
.greetings .txt-box .txt strong {color:#2c2c2c;}
.greetings .txt-box .sub-logo {text-align:right; margin-top:15px;}

.doc-cnt {padding-top:120px;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; text-align:center; border-top:2px solid #5bc4be;}
.table01 th {font-size:18px; font-weight:600; padding:12px 20px; border:1px solid #dfdfdf; letter-spacing:-.03em; background:rgba(91, 196, 190, 0.3); text-align:center; color:#242424; line-height:1.556em;}
.table01 th.left {text-align:left; font-weight:500;}
.table01 td {padding:10px 15px; border:1px solid #dfdfdf; line-height:1.556em; color:#454545; text-align:center; letter-spacing:-.03em;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01 ul li span {font-size:20px; color:#2e3192;}

.clean-bg {display:flex; flex-direction:column; justify-content:center; text-align:center; min-height:350px; color:#fff; border-radius:30px;}
.clean-bg .lg-tit {font-size:48px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin-bottom:15px;}
.clean-bg .txt {font-size:18px; letter-spacing:-.03em; line-height:1.667em;}

.clean-list {}
.clean-list ul {display:flex; margin:0 -20px;}
.clean-list ul li {width:33.3333%; padding:0 20px;}
.clean-list.width ul li {width:50%;}
.clean-list ul li .img {}
.clean-list ul li .tit { color:#878787; letter-spacing:-.03em; line-height:1.63em; margin-top:12px;}
.clean-list ul li .tit strong {color:#2c2c2c;}

.range {}
.range .range-flex {display:flex;}
.range .range-flex .img {width:45%;}
.range .range-flex .txt-box {width:55%; padding-left:60px; margin-top:20px;}
.range .range-flex .txt-box .tit {font-size:26px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em; padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.range .range-flex .txt-box .range-list {}
.range .range-flex .txt-box .range-list.flex ul {display:flex; flex-wrap:wrap; margin-bottom:-20px;}
.range .range-flex .txt-box .range-list.flex ul li {width:50%; margin-bottom:20px;}
.range .range-flex .txt-box .range-list ul {margin-bottom:-15px;}
.range .range-flex .txt-box .range-list ul li {position:relative; font-size:18px; color:#2c2c2c; letter-spacing:-.03em; padding-left:25px; margin-bottom:15px;}
.range .range-flex .txt-box .range-list ul li:before {position:absolute; content:""; width:20px; height:18px; background:url('../images/sub/range-ico.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-9px; left:0;}

.method {}
.method ul {display:flex; margin:0 -40px;}
.method ul li {position:relative; width:33.3333%; padding:0 40px;}
.method ul li:before {position:absolute; content:''; width:21px; height:29px; background:url('../images/sub/method-arrow.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-14.5px; right:-10px;}
.method ul li:last-child:before {display:none;}
.method ul li .img {}

.procedure-list {margin-top:40px;}

.procedure {text-align:center; background:#f9f9f9;}

.phytoncide {}
.phytoncide .s-tit {display:inline-block; font-size:18px; font-weight:700; color:#fff; letter-spacing:-.03em; padding:0 10px; height:38px; line-height:38px; background:#189f3a; border-radius:10px; margin:30px 0 20px;}
.phytoncide .s-tit.mgt {margin-top:40px;}
.phytoncide .phytoncide-list {}
.phytoncide .phytoncide-list ul {display:flex; margin:0 -25px;}
.phytoncide .phytoncide-list ul li {padding:0 25px;}
.phytoncide .phytoncide-list ul li .img {width:100%;}

.service {}
.service .service-list {}
.service .service-list ul {display:flex;}
.service .service-list ul li {width:20%; position:relative; text-align:center;}
.service .service-list ul li:before {position:absolute; content:""; width:20%; width:2px; background:#ddd; height:180px; top:50%; margin-top:-90px; right:0;}
.service .service-list ul li:last-child:before {display:none;}
.service .service-list ul li .tit {font-size:18px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em; line-height:1.3em; margin:15px 0 10px;}
.service .service-list ul li .txt {color:#878787; letter-spacing:-.03em; line-height:1.63em;}

.sub-box {background:#f9f9f9; padding:20px 30px; border-radius:20px;}
.sub-box .tit {font-size:18px; color:#2c2c2c; letter-spacing:-.03em; line-height:1.667em;}

.playground-list {}
.playground-list ul {margin-bottom:-30px;}
.playground-list ul li {display:flex; align-items:center; margin-bottom:30px;}
.playground-list ul li .img {min-width:515px;}
.playground-list ul li .tit {color:#878787; letter-spacing:-.03em; line-height:1.63em;}
.playground-list ul li .tit strong {color:#2c2c2c;}

.step {}
.step .step-img {text-align:center;}
.step .step-list {margin-top:10px;}
.step .step-list ul {display:flex;}
.step .step-list ul li {position:relative; width:25%; text-align:center;}
.step .step-list ul li:before {position:absolute; content:""; width:21px; height:29px; background:url('../images/sub/step-ico.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-14.5px; right:0;}
.step .step-list ul li:last-child:before {display:none;}
.step .step-list ul li .tit {font-size:18px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em; line-height:1.33em; margin:15px 0 10px;}
.step .step-list ul li .txt {color:#878787;}

.category-list {}
.category-list ul {}
.category-list ul li {position:relative; display:flex; align-items:center;}
.category-list ul li:nth-child(even) {flex-direction:row-reverse; justify-content:space-between;}
.category-list ul li .img {width:50%; position:relative;}
.category-list ul li:nth-child(3) .img:before {position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.category-list ul li .txt-box {width:50%; padding:15px 0 15px 45px;}
.category-list ul li .txt-box .num {font-size:20px; font-weight:700; color:#19a038; letter-spacing:-.03em; line-height:1.30em;}
.category-list ul li .txt-box .tit {font-size:26px; font-weight:700; letter-spacing:-.03em; line-height:1.0em; margin:10px 0 20px;}
.category-list ul li .txt-box .list {}
.category-list ul li .txt-box .list p {color:#878787; letter-spacing:-.03em; line-height:1.63em;}

.prd-wrap {background:#fff;}

.tit-flex {display:flex; justify-content:space-between; padding-left:25px; height:64px; line-height:64px; background:#19a03b;}
.tit-flex .tit-box {}
.tit-flex .tit-box .tit {height:64px; line-height:64px; font-size:26px; color:#fff; font-weight:600; letter-spacing:-.03em;} 
 
.fancybox-navs {width:100%; width:610px !important; margin:0 auto;}
.fancybox-navs .fancybox-inner {width:610px !important; border-radius:20px;}
.fancybox-navs .fancybox-skin {border-radius:20px;}
.fancybox-navs form {padding:40px 30px;}
.fancybox-navs .board-form table {border-top:0; border-bottom:0;}
.fancybox-navs .board-form table td {display:block; padding:7px 0; border:0;}
.fancybox-navs .board-form .input {border-radius:5px;}
.buttons .cen .btn-pack.radius {background:#19a03b; color:#fff; width:200px; border-radius:25px;}
.fancybox-navs .checkbox label {color:#2c2c2c;}
.fancybox-navs .form-agree {margin:15px 0;}