@import url('sub.css'); 



/* 공통 */
.table_style {width:100%; border-collapse:separate; border-spacing:0; border-top:3px solid var(--main); table-layout: fixed;}
.table_style th {font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:177.778%; text-align:center;  font-weight:600; color:var(--black); box-sizing:border-box; padding:14px 10px; background:var(--grayBg); border-bottom:1px solid var(--border); border-right:1px solid var(--border);}
.table_style th:last-of-type {border-right:0;}
.table_style td {font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:177.778%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:15px 20px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); text-align:center;}
.table_style td.black {color:var(--black);}
.table_style td:last-of-type {border-right:0;}
.table_style td.borderblock {border-right:1px solid var(--border) !important;}
.table_style td b {letter-spacing:inherit; line-height:inherit; color:var(--black);}


.mart100 {margin-top:100px !important;}
.mart30 {margin-top:30px;}
.marb30 {margin-bottom:30px;}
.marb12 {margin-bottom:12px;}
.marb10 {margin-bottom:10px;}
.marb5 {margin-bottom:5px;}


.busi_titBox {text-align:center; margin-bottom:50px;}
.busi_titBox .fs44 {font-weight:300;}
.busi_titBox .fs44 b {font-weight:bold; letter-spacing:inherit; line-height:inherit;}
.busi_titBox .fs24 {font-weight: 300;}

.business_bg {width:100%; height:550px; margin:0 0 100px;}

.layout_box {display:flex; flex-wrap:wrap; gap:0 30px;}
.layout_box+.layout_box {margin:100px 0 0;}
.layout_box .left_box {width:360px;}
.layout_box .left_box .fs38 {color: var(--black); font-size: 2.111rem; font-weight: 700; line-height: 131.579%; letter-spacing: -1.52px; position:sticky; top:120px;}
.layout_box .right_box {flex:1;}
.layout_box .right_box .fs24 {font-weight:300;}
.layout_box .right_box .fs24 small.fs18 {display:block; line-height:160%; margin-top:12px;}

.sub_img {margin:0 0 30px;}
.sub_img img {max-width:100%;}
.sub_img.borderBox  {border:1px solid var(--border); box-sizing:border-box; padding:60px; box-sizing:border-box; text-align:right;}

.check_list {padding:25px; box-sizing:border-box; background:var(--grayBg);}
.check {font-size:1rem; font-weight: 400; letter-spacing: -0.72px; line-height: 165%; padding-left:25px; box-sizing:border-box; position:relative;}
.check .block {display:block; letter-spacing:inherit; line-height:inherit; color:var(--black);}
.check b {color:var(--black); letter-spacing:inherit; line-height:inherit;}
.check::before {content:'\f88b'; font-size:16px; line-height:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:20px;  aspect-ratio: 1 / 1; background:var(--main); font-family:var(--icon); color:var(--white); border-radius:100%; position:absolute; top:4px; left:0;}
.check+.check {margin:7px 0 0;}

.dots_list {border:1px solid var(--border); box-sizing:border-box; padding:25px;}

.two_col {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:5px;}
.two_col .dots, .two_col .check {margin:0 !important;}
/* 공통 */



.layout_box .right_box .sub_cate {margin:55px 0;}
.tab_content {}
.tab_content .tab_tit {margin:0 0 30px; position:relative;}
.tab_content .tab_tit::after {width:92px; aspect-ratio: 1 / 1;  position:absolute; top:-10px; right:0;}
#house.tab_tit::after {content:''; background:url("/business/img/house_ico.png")no-repeat center / 100% auto;}
#price.tab_tit::after {content:''; background:url("/business/img/price_ico.png")no-repeat center / 100% auto;}
#apartment.tab_tit::after {content:''; background:url("/business/img/apartment_ico.png")no-repeat center / 100% auto;}
.tab_content .tab_tit span.eng {letter-spacing:0; color:var(--main); font-weight: 600; display:block; margin:0 0 5px;}
.tab_content .tab_tit .fs18 {margin:15px 0 0;}


.process_list {display:flex; flex-wrap:wrap;}
.process_list dl {flex:1; text-align:center;}
.process_list dl dt {position:relative;}
.process_list dl dt::before {content:''; width:70%; height:1px; background:var(--border); position:absolute; top:50%; right:0; transform:translateX(50%); z-index:-1;}
.process_list dl dt::after {content:'\e5df'; font-size:24px; display:block; font-family:var(--icon); color:var(--sub3); line-height:1; position:absolute; top:50%; right:0; transform:translate(50%,-50%);}
.process_list dl:last-of-type dt::before, .process_list dl:last-of-type dt::after {display:none;}
.process_list dl dt span {max-width: 74px; width:80%; aspect-ratio: 1 / 1; border-radius:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--main); margin:0 auto;}
.process_list dl dt img {max-width:80%;}
.process_list dl dd {margin:10px 0 0; padding:0 5px; box-sizing:border-box;}

.essential_txt {display:flex; padding-top:22px; margin-top:30px; border-top:1px solid var(--border); gap:0 10px; align-items:flex-start;}
.essential_txt b {display:flex; align-items:center; gap:0 3px; font-weight:bold; flex-shrink: 0; color:var(--main); line-height:inherit; letter-spacing:inherit;}
.essential_txt b::before {content:'\e19f'; font-variation-settings: 'FILL' 1; font-size:22px; font-family:var(--icon); display:block; line-height:1; color:var(--main); font-weight:400;}

#carpets {background:url("/business/img/cleaning_ico01.png")no-repeat top right;}
#floors {background:url("/business/img/cleaning_ico02.png")no-repeat top right;}
#air {background:url("/business/img/cleaning_ico03.png")no-repeat top right;}



.rental_diagram {display:flex;flex-wrap:wrap; gap:0 80px; margin:0 0 70px; position:relative;}
.rental_diagram::after {content:'\e5df'; width:42px; aspect-ratio: 1/1; font-size:28px; border-radius: 100%; background: var(--white); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); font-family:var(--icon); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.rental_diagram ul {flex:1 0 0;}
.rental_diagram ul li {background:var(--main); text-align:center; border-radius:50px; padding:20px; box-sizing:border-box; color:var(--white);}
.rental_diagram ul li:nth-of-type(1) {background:var(--sub3);}
.rental_diagram ul li:nth-of-type(2) {background:var(--sub);}
.rental_diagram ul li+li {margin:5px 0 0;}
.rental_diagram .graBox {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1 0 0; border-radius: 500px; background: linear-gradient(90deg, #F6921D 0%, #F27129 50%, #EE433A 100%); gap:0 22px;}
.rental_diagram .graBox dd {color:var(--white);}

.rental_list {display:flex; flex-wrap:wrap; gap:0 20px; padding:0 0 100px; margin:0 0 100px; border-bottom:1px solid var(--border);}
.rental_list li {flex:1 0 0;}


/* 태양광유지보수 */
.maintenance_list {}
.maintenance_list .fs20 {font-weight: 700; color:var(--main); margin:30px 0 12px;}

.maintenance_list .dots_list {padding-right:105px;}
.maintenance_list .dots_list.ico1 {background:url("/business/img/maintenance_ico01.png")no-repeat center right 25px;}
.maintenance_list .dots_list.ico2 {background:url("/business/img/maintenance_ico02.png")no-repeat center right 25px;}
.maintenance_list .dots_list.ico3 {background:url("/business/img/maintenance_ico03.png")no-repeat center right 25px;}
.maintenance_list .dots_list.ico4 {background:url("/business/img/maintenance_ico04.png")no-repeat center right 25px;}
/* 태양광유지보수 */


.dashed_box {border:1px solid var(--border); box-sizing:border-box; padding:60px 55px; text-align:center;}
.dashed_box .box_in {}
.dashed_box .box_in .wn_txt {margin:20px 0 0; justify-content:flex-end;}
.dashed_box .box_in img {max-width:100%;}
.dashed_box .box_in+.box_in {margin-top:60px; padding-top:60px; border-top:1px dashed var(--border);}

.wn_txt {display:flex; gap:0 5px; }
.wn_txt::before {content:'\e000'; font-size:18px; line-height:1; display:block; font-family:var(--icon); flex-shrink: 0; color:var(--main); position:relative; top:4px;}
.wn_txt.check_ver {gap:0 10px; margin:15px 0 0;}
.wn_txt.check_ver::before {content:'\e19f'; font-size:22px; font-variation-settings: 'FILL' 1; margin-top:-1px;}

.structure_box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:30px 80px;}
.structure_box .structure_left_box {flex:1 0 0;}
.structure_box .structure_right_box {max-width:500px; width:44%;}
.structure_box .structure_right_box ul {display:flex; flex-wrap:wrap; align-items:center; gap:0 40px; overflow:hidden;}
.structure_box .structure_right_box ul li {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; border:5px solid var(--main); box-sizing:border-box; aspect-ratio: 1 / 1; border-radius:100%; text-align:center; font-weight: 700; line-height: 166.667%; letter-spacing: -0.72px; color:var(--black);}
.structure_box .structure_right_box ul li.total {border:0; background: var(--gradi); gap:5px 0; color:var(--white); flex-direction: column;}
.structure_box .structure_right_box ul li.total::before {content:'\ec0f'; font-size:24px; display:block; line-height:1; font-family:var(--icon); font-weight:400;}

.structure_box .structure_right_box ul li::after {content:''; width:40px; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:20px; font-family:var(--icon); color:var(--sub3); position:absolute; top:0; right:-5px; transform:translateX(100%); font-weight:400;}
.structure_box .structure_right_box ul li:nth-of-type(1)::after {content:'\e145';}
.structure_box .structure_right_box ul li:nth-of-type(2)::after {content:'\f77b';}


.table_wrapper {}
.table_wrapper .table_tit {display:flex; flex-wrap:wrap; gap:5px 10px; align-items:center; justify-content:space-between;}


.grid_tabCont {}
.grid_tabCont li {display:flex; gap:0 10px;}
.grid_tabCont li b {width:140px; flex-shrink: 0; color:var(--black); letter-spacing:inherit; font-weight:600;}
.grid_tabCont li.point {font-weight:bold;}










/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 
.structure_box {gap:30px 5%;}

}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

/* 공통 */
.busi_titBox br {display:none;}

.layout_box br {display:none;}
.layout_box .left_box {width:300px;}
/* 공통 */


.process_list {gap:20px 0;}
.process_list dl {flex:25% 0 0;}
.process_list dl dt span {max-width:100px;}
.process_list dl:nth-of-type(4n) dt::before, .process_list dl:nth-of-type(4n) dt::after {display:none;}

.structure_box .structure_right_box {flex:none; width:100%; max-width:100%;}



}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


/* 공통 */
.mart100 {margin-top:70px !important;}

.layout_box .left_box .fs38 {font-size:1.777rem; position:relative; top:0 !important;}


.sub_img.borderBox  {padding:40px;}


.business_bg {height:420px; margin:0 0 70px;}

.layout_box+.layout_box {margin:70px 0 0;}
.layout_box .left_box {width:100%; margin:0 0 30px;}
.layout_box .right_box {flex:none; width:100%;}

.tab_content .tab_tit::after {width:60px;}
/* 공통 */





#carpets {background:url("/business/img/cleaning_ico01.png")no-repeat top right / 60px auto;}
#floors {background:url("/business/img/cleaning_ico02.png")no-repeat top right / 60px auto;}
#air {background:url("/business/img/cleaning_ico03.png")no-repeat top right / 60px auto;}

.rental_diagram  {gap:80px 0;}
.rental_diagram::after {content:'\e5c5'; top:57%;}
.rental_diagram ul {flex:none; width:100%;}
.rental_diagram .graBox {flex:none; width:100%; padding:30px; box-sizing:border-box;}

.dashed_box {padding:40px;}
.dashed_box .box_in+.box_in {margin-top:40px; padding-top:40px;}

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


/* 공통 */
.table_style th {padding: 10px;}
.table_style td {padding:10px ;}

.mart100 {margin-top:50px !important;}
.mart30 {margin-top:15px;}
.marb30 {margin-bottom:15px;}
.marb12 {margin-bottom:6px;}
.marb10 {margin-bottom:5px;}
.marb5 {margin-bottom:3px;}

.busi_titBox {margin-bottom:30px;}
.layout_box .left_box .fs38 {font-size:1.555rem;}

.business_bg {height:300px; margin:0 0 50px;}
.layout_box+.layout_box {margin:50px 0 0;}
.layout_box .left_box {margin:0 0 15px;}

.sub_img {margin:0 0 20px;}
.sub_img.borderBox  {padding:0; border:0;}

.check_list {padding:15px;}
.check+.check {margin:4px 0 0;}
.check::before {width:16px; top:3px;}

.dots_list {padding:15px;}

.tab_content .tab_tit::after {width:45px;}
/* 공통 */



/* 태양광유지보수 */
.maintenance_list .fs20 {margin:15px 0 5px;}
.maintenance_list .dots_list {background-size:42px auto !important; background-position:center right 10px !important; padding-right:60px;}
/* 태양광유지보수 */

#carpets {background:url("/business/img/cleaning_ico01.png")no-repeat top right / 45px auto;}
#floors {background:url("/business/img/cleaning_ico02.png")no-repeat top right / 45px auto;}
#air {background:url("/business/img/cleaning_ico03.png")no-repeat top right / 45px auto;}


.rental_diagram {margin:0 0 40px; gap:60px 0;}
.rental_diagram::after {width:34px; font-size:22px; top:56%;}
.rental_diagram ul li {padding:12px;}
.rental_diagram .graBox {gap:0 15px;}
.rental_diagram .graBox dt img {width:60px;}

.rental_list {gap:20px 0; padding:0 0 40px; margin:0 0 40px;}
.rental_list li {flex:none; width:100%;}


.process_list {gap:20px 0;}
.process_list dl {flex:none; width:50%;}
.process_list dl dt span {max-width:100px;}
.process_list dl dd {word-break: auto-phrase;}

.process_list dl:nth-of-type(2n) dt::before, .process_list dl:nth-of-type(2n) dt::after {display:none;}

.two_col {grid-template-columns: repeat(1, 1fr);}
.tab_content .tab_tit {margin:0 0 15px;}
.layout_box .right_box .sub_cate {overflow:hidden; margin:25px 0;}
/* .layout_box .right_box .sub_cate ul li {flex:none;} */


.dashed_box {padding:0; border:0;}
.dashed_box .box_in+.box_in {margin-top:20px; padding-top:20px;}

.dashed_box .box_in .wn_txt {text-align:left;}
.wn_txt::before {top:3px; font-size:16px;}

.structure_box .structure_right_box ul {gap:20px;}
.structure_box .structure_right_box ul li::after {width:20px; font-size:18px;}
.structure_box .structure_right_box ul li {padding:10px; box-sizing:border-box; line-height:1.2; flex:none; width:calc((100% - 40px) / 3)}

.table_scroll_wrap {overflow-x:auto;}
.table_scroll_wrap .table_style {width:680px;}

.grid_tabCont li b {width:110px;}

}