@charset "utf-8";

/* 
 * content CSS Document
 *
 */


/* sub visual */
.area-subVisual{position:relative; padding:170rem 0 0; z-index:2;}
.sub-visual__text{position:relative; background:#fff; padding:0 0 60rem;}
.area-subVisual .obj-txt{position:absolute; right:0; bottom:-37rem;}
.area-subVisual .obj-txt img{width:auto; max-width:100%;}
.sub-visual__text h2{font-size:65rem; font-weight:800; color:#222; line-height:1em; word-break:keep-all;}
.sub-visual__bg{position:relative; width:100%; height:550rem; overflow:hidden; z-index:1;}
.area-subVisual .sub-visual__bg i{position:absolute;opacity:1 !important;top:0;left:0;z-index:-1;width:100%;height:100%;box-sizing:border-box;background-size: cover;background-position: 50% 50%;}
.area-subVisual[data-sublayout="company"] .sub-visual__bg i{background-image:url(../img/content/img_company_bg.jpg); background-position: 50% 100%;}
.area-subVisual[data-sublayout="business"] .sub-visual__bg i{background-image:url(../img/content/img_business_bg.jpg);}
.area-subVisual[data-sublayout="project"] .sub-visual__bg i{background-image:url(../img/content/img_project_bg.jpg);}
.area-subVisual[data-sublayout="esg"] .sub-visual__bg i{background-image:url(../img/content/img_rnd_bg.jpg);}
.area-subVisual[data-sublayout="inquiry"] .sub-visual__bg i{background-image:url(../img/content/img_inquiry_bg.jpg);}
.area-subVisual[data-sublayout="customer"] .sub-visual__bg i{background-image:url(../img/content/img_customer_bg.jpg);}


/* lnb */
.lnb{position:relative; margin:40rem auto 0; opacity: 1; z-index: 51;}
.lnb .dept{display: flex; align-items: center;}
.lnb .dept > li {position: relative; /*width: 220rem;*/ width:auto; padding: 0 15rem;}
.lnb .dept > li::after{position: absolute; left: 0; top: 50%; content:''; width: 3rem; height: 3rem; background:#ddd; border-radius:50rem;}
.lnb .dept > li > a {display: block; padding: 38rem 0; color: #333; font-size: 18rem;}
.lnb .dept .home {display:flex; width:auto; margin-right:15rem; padding:0; background: url('../img/content/ic-home.svg') no-repeat center; background-size:contain; width: 18rem; height: 16rem;}
.lnb .dept .home a {display: block; overflow: hidden; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 0; text-indent: 100%; white-space: nowrap;}
.lnb .dept .home:after{display:none;}
.lnb .dept_tit{}
.lnb .dept_tit a{position:relative; display:block; font-size:18rem; font-weight:400; color:#555; padding:0 40rem 0 0;}
.lnb .dept_tit a::after {content:''; display:block; position:absolute; top: 50%; right:0; width:11rem; height:7rem; margin-top: -3.5rem; background:url('../img/content/ic-lnb-arr.svg') no-repeat center / contain; transform-origin: center;  transition:all 0.3s ease;}
.sub07_01 .lnb .dept_tit a::after{display:none;}
.lnb .dept_tit a.active::after {transform: rotate(-180deg);}
.lnb .dept_list {display: none; position:absolute; top:35rem; left:10rem; /*left: 50%; width:calc(100% - 30rem);*/ width:160rem; padding:20rem; background:var(--color-point); border-radius:10rem; box-shadow:10rem 10rem 20rem 0rem rgba(0, 0, 0, 0.1); transition:all 0.4s ease-out; transition-property:opacity, top, visibility; /*transform: translateX(-50%);*/ transition-delay:0s, 0s, 0s; box-sizing: border-box;}
.lnb .dept_list > *{transition:all 0.3s ease;}
.lnb .dept_list:hover li a{opacity:0.5;}
.lnb .dept_list li{}
.lnb .dept_list li:hover a{opacity:1;}
.lnb .dept_list a {display:block; position:relative; margin: 0 0 10rem; font-size:17rem; color:#fff; transition:all 0.3s ease 0s;}
.lnb .dept_list li:last-child a{margin:0;}
.lnb .dept_list a:hover{}
.lnb .dept_list .box {display: none;}
.lnb .dept_list.active{display:block;}


.tabs{display:flex; justify-content: center; gap:10rem; margin-bottom:40rem;}
.tabs li{display: flex; justify-content: center; align-items: center; padding:5rem; min-width:140rem; height:48rem; border:2rem solid #eee; box-sizing:border-box; border-radius:50rem; transition:all 0.3s ease 0s; cursor:pointer; text-align:center; line-height:1em;}
.tabs li span{position:relative; font-size:18rem; font-weight:700; line-height:1em; color:#aaa;}
.tabs li.active,
.tabs li:hover{border-color:var(--color-point);}
.tabs li.active span,
.tabs li:hover span{color:var(--color-point); opacity:1; font-weight:800; }



/* 테이블 */
#content .mob_info{display:none;}
#content table.table{border-top:2px solid #222; width:100%;}
#content table.table thead th{background:#f9f9f9; border-right:1rem solid #eee; font-size:16rem; font-weight:bold; color:#222; word-break:keep-all;}

#content table.table thead tr:last-child th{border-bottom:1rem solid #eee;}
#content table.table thead tr th:last-child{border-right:0;}
#content table.table tbody td{border:1px solid #eee; font-size:16rem; color:#555; font-weight:500; text-align:center; word-break:break-word; line-height:1.2em;}
#content table.table tbody td.left{text-align:left;}
#content table.table tbody td strong{font-weight:500;}
#content table.table tbody td p{font-size:15rem; color:#555; font-weight:500;}
#content table.table tbody td span{display:block; font-size:14rem; color:#888; font-weight:400; line-height:1.8em;}
/*#content table.table tbody td span:nth-of-type(1){padding:5rem 0 0; }*/
#content table.table th{padding:15rem; border-bottom:1px solid #eee;}
#content table.table td{padding:15rem 10rem;}
#content table.table tbody tr th{background:#f9f9f9;}
#content table.table tbody tr td:first-child, 
#content table.table tbody tr th:first-child{border-left-width: 0px;}
#content table.table tbody tr td:last-child{border-right-width:0px;}
table.table tr:hover td, table.table tr:focus td{ background-color:#f7faff; }

.business_sub05 #content table.table{border:4rem solid #062441;}
.business_sub05 #content table.table th,
.business_sub05 #content table.table td{padding:20rem 15rem;}
.business_sub05 #content table.table th{background:#062441; color:#fff; border-bottom:1px solid rgba(255,255,255,0.07);}
.business_sub05 #content table.table thead tr:last-child th{border-bottom:1px solid rgba(255,255,255,0.07);}
.business_sub05 #content table.table thead .domestic{background:#f1f8ff !important; color:#222 !important;     border-color:#eee !important;}
.business_sub05 #content table.table thead .overseas{background:#fdfbf0 !important; color:#222 !important; border-color:#eee !important;}
.business_sub05  table.table tr:hover td, .business_sub05 table.table tr:focus td{ background-color:#f9f9f9; } 

#content{position:relative; min-height:500rem; padding:120rem 0; box-sizing:border-box; }
.sub_title{text-align:center; margin-bottom:55rem;}
.sub_title > span{display:inline-block; margin-bottom:13rem; font-size:17rem; font-weight:600; color:var(--color-point);}
.sub_title > em{display:inline-block; margin-bottom:20rem; font-size:20rem; font-weight:bold; color:var(--color-point); line-height:1em; word-break:keep-all; text-transform:uppercase;}
.sub_title > h2{font-size:55rem; font-weight:700; color:#222; line-height:1em; word-break:keep-all; font-family:var(--font-kr);}
.sub_title > h2 br{display:none;}
.sub_title > h3{font-size:54rem; font-weight:700; color:#222; line-height:1.3em; word-break:keep-all; font-family:var(--font-kr);}
.sub_title > h3 i{color:var(--color-point);}
.sub_title > h4{font-size:40rem; font-weight:700; color:#222; line-height:1em; word-break:keep-all; font-family:var(--font-kr);}
.sub_title > p{display:block; margin-top:20rem; color:#777; font-size:17rem; font-weight:300; line-height:1.7em; word-break:keep-all;}
.company-page .sub_title > p{margin-top:40rem; font-size:18rem; font-weight:300; color:#777; line-height:1.7em; word-break:keep-all;}
.sub_title.wt > *{color:#fff;}
.sub_title.wt > p{opacity:0.7;}

/* 메인 탭과 서브 탭 내비게이션 바 */
.tab_nav{ display: flex; align-items: center; position: relative; margin-bottom:30rem;  border-bottom: 2px solid #B4B4B4; box-sizing: border-box;} 
.tab_nav > li{position:relative; width:calc(100% / 2); width:-webkit-calc(100% / 2); text-align:center; cursor:pointer; }
.tab_nav > li a{display:block; padding:12rem; box-sizing:border-box;}
.tab_nav > li:before{content:''; position:absolute; left:0; bottom:-2px; width:100%; height:0; background:#aaa;}
.tab_nav > li span{font-size:16px; font-weight:600; color:#c9c9cb;}
.tab_nav > li.active span{color:var(--color-point);}
.tab_nav > li.active:before{height:2px; background:var(--color-point);}
.tab_nav > li:last-child:after{display:none;}
.sub_tab_nav{display:grid; grid-template-columns: repeat(3, 1fr); gap:10rem;} 
.sub_tab_nav > li{display:block;}
.sub_tab_nav > li > a{display:block; padding:5rem; font-weight:bold; color:#979797; background:#fff; border:1px solid #979797; box-sizing:border-box; border-radius:6rem; text-align:center; font-size:12rem;}
.sub_tab_nav > li.active a{border-color:var(--color-point); color:var(--color-point);}
.tab_nav li.active a,
.sub_tab_nav li.active a {   z-index: 2; } 
.tab, .sub_tab { display: none;  } 
.tab.active, .sub_tab.active { display: block; } 


@media (max-width:1500px){
	.area-subVisual .obj-txt{width:700rem;}
}
@media (max-width:1200px){
	.area_lnb nav ul{gap:30rem;}
	.area_lnb nav ul > li > a > span{text-align:center;}
}
@media (max-width:1024px){
	#content{padding:80rem 0;}
	.area-subVisual{padding:130rem 0 0;}
	.sub-visual__text{padding:0 0 40rem;}
	.sub-visual__bg{height:400rem;}
	.area-subVisual h2,
	.area-subVisual h3{font-size:55rem;}
	.sub_title{margin-bottom:60rem;}
	.sub_title > h2{font-size:50rem;}
	.sub_title > h3{font-size:45rem;}
	.sub_title > p br{display:none;}
	.lnb{margin:25rem auto 0;}
	.lnb .dept_tit a{font-size:17rem;}
	.area-subVisual .obj-txt{width:60%; bottom:-25rem;}
	.area-subVisual .obj-txt img{width:auto; max-width:100%;}
}
@media (max-width:860px){
	.sub_title{margin-bottom:50rem;}
	.sub_title > h2{font-size:45rem;}
}
@media (max-width:768px){
	.area-subVisual{padding:100rem 0 0;}
	.sub-visual__text{padding:0 0 30rem;}
	.area-subVisual h2,
	.area-subVisual h3{font-size:40rem;}
	.sub-visual__bg{height:300rem;}
	.sub_title{margin:0 auto; width: 90%; }
	.sub_title > em{font-size:18rem; margin-bottom:15rem;}
	.sub_title > h2,
	.sub_title > h3,
	.sub_title > h4{font-size:35rem;}
	.area-subVisual .obj-txt{width:55%; bottom:-18rem;}

	
	.lnb{margin:20rem auto 0;}
	.lnb .dept > li{padding:0 10rem;}
	.lnb .dept .home{width:16rem; height:14rem; margin-right:10rem;}
	.lnb .dept_list{padding:15rem; border-radius:8rem;}
	.lnb .dept_list a{margin:0 0 7rem; font-size:15rem;}

	.tabs li{height:40rem; min-width:100rem;}
	.tabs li span{font-size:15rem;}

	#content{padding:60rem 0; min-height:300rem;}
	.sub_title{margin-bottom:40rem;}
}
@media (max-width:620px){
	.area-subVisual{padding:75rem 0 0;}
	.sub-visual__text{padding:0 0 20rem;}
	.area-subVisual h2, .area-subVisual h3{font-size:34rem;}
	.area-subVisual .obj-txt{width:50%; bottom:-13rem;}
	.sub-visual__bg{height:250rem;}
	.lnb{margin:12rem 0 0;}
	.lnb .dept_tit a{font-size:16rem;}
	.sub_title > em{font-size:17rem; margin-bottom:12rem;}
	.sub_title > h2,
	.sub_title > h3{font-size:30rem;}
}
@media (max-width:480px){
	.area-subVisual{padding:65rem 0 0;}
	.area-subVisual h2,
	.area-subVisual h3{font-size:25rem;}
	.sub-visual__text{padding:0 0 15rem;}
	.sub-visual__bg{height:160rem;}
	.sub_title{width:90%; margin:0 auto;}
	.sub_title > em{font-size:11rem; margin-bottom:8rem;}
	.sub_title > h2,
	.sub_title > h4{font-size:22rem;}
	.sub_title > h3{font-size:18rem;}
	.sub_title > p{margin-top:10rem; font-size:12rem; line-height:1.6;}
	.lnb{margin:10rem 0 0;}
	.lnb .dept .home{width:12rem; height:10rem; margin-right:5rem;}
	.lnb .dept > li::after{width:2rem; height:2rem; margin-top:-1rem;}
	.lnb .dept_tit a{font-size:12rem;}
	.lnb .dept_tit a::after{width:9rem; height:5rem;}
	.lnb .dept_list{top:20rem; padding:10rem 12rem; border-radius:5rem; width:130rem;}
	.lnb .dept > li.dept01 .dept_list{width:90rem;}
	.lnb .dept_list a{font-size:12rem; margin:0 0 5rem;}
	.area-subVisual .obj-txt img{display:none;}
	
	.tabs{gap:5rem; margin-bottom:20rem;}
	.tabs li{height:30rem; min-width:70rem;}
	.tabs li span{font-size:12rem;}

	#content{padding:30rem 0;}
	.sub_title{margin-bottom:20rem;}
	#content table.table thead th{font-size:12rem; padding:10rem 6rem;}
	#content table.table tbody th,
	#content table.table tbody td{font-size:12rem; padding:10rem 6rem;}
	.business_sub05 #content table.table{border-width:3rem;}
	.business_sub05 #content table.table th,
	.business_sub05 #content table.table td{padding:15rem 6rem;}
}

/* 회사소개 */
.company_sub01,
#content.company_sub01{padding-bottom:0; overflow-x:hidden;}
#content.company_sub01 .sub_title{margin-bottom:80rem;}
.company-business{display: flex; white-space: nowrap; gap:50rem;}
.business-list{display: flex; flex-wrap: nowrap; width:auto; gap:50rem; animation: textLoopL 30s linear infinite;}
.business-list > li{position:relative; display:inline-block; border-radius:20rem; overflow:hidden; width:430rem;}
.business-list > li:nth-child(odd){animation: zigzag 6s infinite ease-in-out;}
.business-list > li:nth-child(even){animation: zigzag-reverse 6s infinite ease-in-out;}
.business-list > li .img{}
.business-list > li .img img{width:100%;}
.business-list > li .txt{position:absolute; left:0; bottom:0; padding:45rem; box-sizing:border-box;}
.business-list > li .txt > h3{color:#fff; font-size:30rem; font-weight:600; line-height:1em;}
.company-info{padding:0 0 80rem;}
.info-list{display:flex; margin-top:80rem;}
.info-list > li{position:relative; display:flex; gap:25rem; width:calc(100% / 5); height:280rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align:center;}
.info-list > li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:80%; background:#eee; transform:translateY(-50%);}
.info-list > li:last-child:before{display:none;}
.info-list > li .icon{display: flex; justify-content: center; align-items: center; width:85rem; height:60rem;}
.info-list > li .icon img{width:auto; height:auto; max-height:100%;}
.info-list > li .txt{}
.info-list > li .txt > em{display:inline-block; margin-bottom:8rem; font-size:15rem; font-weight:bold; color:var(--color-point); line-height:1em; word-break:keep-all;}
.info-list > li .txt > h3{display:block; font-size:17rem; font-weight:400; color:#333; line-height:1.4em; word-break:keep-all;}
.company-adv{position:relative; padding:120rem 0; background:#f9f9f9;}
#content.company_sub01 .company-adv .sub_title{margin-bottom:50rem;}
.company-adv__cont{display:flex;}
.company-adv__item{position:relative; z-index:2; display:flex; align-items: center; justify-content: center; margin:0 20rem 0 0; position:relative; overflow:hidden; height:500rem; background-size:cover; background-position:30% 50%; border-radius:15rem; transition:all 0.8s ease; background-repeat:no-repeat; flex-direction:column; flex:1; cursor:pointer;}
.company-adv__item:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.company-adv__item:last-child{margin:0;}
.company-adv__item > i{z-index:3; display:flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom:20rem; width:40rem; height:40rem; border-radius:50rem; border:1px dashed #fff; box-sizing:border-box; font-size:15rem; font-weight:bold; color:#fff; line-height:1em; word-break:keep-all; opacity:1; transition:all 0.3s ease;}
.company-adv__item > em{z-index:3; display:inline-block; width:80%; font-size:20rem; font-weight:bold; color:#fff; line-height:1.4em; word-break:keep-all; opacity:1; transition:all 0.3s ease; text-align:center;}
.company-adv__item > span{z-index:3; position:absolute; top:60rem; left:50rem; font-size:16rem; font-weight:700; color:#fff; line-height:1em; word-break:keep-all; opacity:0; transition: all 0.8s ease; transform:translateX(-50rem);}
.company-adv__item.adv__item04 a:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background: linear-gradient(184deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.32) 100%); opacity:0; transition:all 0.3s ease;}
.company-adv__item.adv__item04.on a:before{opacity:1;}
.company-adv__item.on{background-position:50% 50%; flex-basis:620rem;}
.company-adv__item.on > i,
.company-adv__item.on > em{opacity:0;}
.company-adv__item.on > span{opacity:1;}
.company-adv__item strong{font-size:50rem; font-style:italic;}
.company-adv__item h3{font-size:30rem; font-weight:bold; line-height:1.2em; word-break:Keep-all; transition:all 0.3s ease;}
.company-adv__item p{line-height:1.6em; margin-top:15rem; font-weight:300; word-break:keep-all; font-size:17rem;}
.company-adv__item.on strong{display:none; padding:5rem 10rem; font-size:15rem; font-weight:600; font-family:var(--font-kr); font-style:normal; line-height:1em; border:1px solid #fff; border-radius:50rem; text-transform:uppercase;}
.company-adv__txt{display:flex; align-items:flex-start; position:absolute; opacity:0; bottom:60rem; left:50rem; flex-direction:column;}
.company-adv__item.on .company-adv__txt{opacity:1; width:600rem;}
.company-adv__txt *{color:#fff; opacity:0; transform:translateX(-50rem);}
.company-adv__item.on .company-adv__txt *{opacity:1; transition:all 0.8s ease; transform:translateX(0rem);}
.company-adv__item.on span{transform:translateX(0); transition-delay:0.3s;}
.company-adv__item.on .company-adv__txt h3{transition-delay:0.4s;}
.company-adv__item.on .company-adv__txt p{opacity:0.7; transition-delay:0.5s;}
.adv__item01{background-image:url(../img/content/adv01.jpg);}
.adv__item02{background-image:url(../img/content/adv02.jpg); background-position:46% 50%; }
.adv__item03{background-image:url(../img/content/adv03.jpg); background-position:42% 50%;}
.adv__item04{background-image:url(../img/content/adv04.jpg); background-position:100% 50%;}


@keyframes textLoopL {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	100% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
}

@keyframes zigzag {
  0%, 100% { transform: translateY(20rem); }
  50% { transform: translateY(-20rem); }
}
@keyframes zigzag-reverse {
  0%, 100% { transform: translateY(-20rem); }
  50% { transform: translateY(20rem); }
}
@keyframes zigzag2 {
  0%, 100% { transform: translateY(5rem); }
  50% { transform: translateY(-5rem); }
}
@keyframes zigzag-reverse2 {
  0%, 100% { transform: translateY(-5rem); }
  50% { transform: translateY(5rem); }
}

@media (max-width:1300px){
	.company-adv__item.on{flex-basis: 480rem;}
	.company-adv__item > span{top:50rem; left:40rem; }
	.company-adv__txt{left:40rem; bottom:50rem;}
}

@media (max-width:1024px){
	.business-list{gap:35rem;}
	.business-list > li{width:340rem;}
	.info-list > li:first-child:after,
	.info-list > li:nth-child(4):after{content:''; position:absolute; top:50%; left:0; width:1px; height:80%; background:#eee; transform:translateY(-50%);}
	.info-list > li:last-child:before{display:block;}
	.business-list > li .txt{padding:30rem;}
	.business-list > li .txt > h3{font-size:25rem;}
	.info-list{flex-direction: row; flex-wrap: wrap; justify-content: center;}
	.info-list > li{width: calc(100% / 3); height:235rem;}
	.company-adv__item{height:440rem; margin:0 15rem 0 0;}
	.company-adv__item.on{flex-basis:350rem;}
	.company-adv__item.on .company-adv__txt{width:90%;}
	.company-adv__item p{margin-top:10rem; font-size:16rem; line-height:1.5em;}
	.company-adv__item p br{display:none;}
	.company-adv__item h3{font-size:28rem;}
}
@media (max-width:768px){
	.company-page .sub_title > p{margin-top:20rem; font-size:17rem;}
	.company-business{gap:30rem;}
	.business-list{gap:30rem;}
	.business-list > li{width:280rem; border-radius:15rem;}
	.business-list > li .txt{padding:20rem;}
	.business-list > li .txt > h3{font-size:20rem;}

	.company-adv{padding:80rem 0;}
	.company-adv__cont{display:block;}
	.company-adv__item{margin:0 0 15rem; height:350rem;}
	.company-adv__item > i, .company-adv__item > em{display:none;}
	.company-adv__txt{opacity:1; width:90%; bottom:30rem; left:30rem;}
	.company-adv__item p br{display:block;}
	.company-adv__item span,
	.company-adv__txt *{opacity:1; transform:translateX(0);}
	.company-adv__item strong{display:none;}
	.company-adv__item > span{top:35rem;}
}
@media (max-width:620px){
	.company-page .sub_title > p{margin-top:15rem; font-size:15rem;}
	.company-page .sub_title > p br{display:none;}
	.business-list{gap:20rem;}
	.business-list > li{width:220rem; border-radius:10rem;}
	.business-list > li .txt{padding:20rem 15rem;}
	.business-list > li .txt > h3{font-size:17rem;}
}
@media (max-width:480px){
	.company-page .sub_title > p{margin-top:10rem; font-size:12rem; line-height:1.5em;}
	#content.company_sub01 .sub_title{margin-bottom:30rem;}
	.company-info{padding:0 0 40rem;}
	.company-business{gap:10rem;}
	.business-list{gap:10rem;}
	.business-list > li{width:150rem; border-radius:7rem;}
	.business-list > li .txt{padding:15rem 12rem;}
	.business-list > li .txt > h3{font-size:12rem;}
	.business-list > li:nth-child(odd){animation: zigzag2 6s infinite ease-in-out;}
	.business-list > li:nth-child(even){animation: zigzag-reverse2 6s infinite ease-in-out;}
	.info-list{margin-top:40rem; border-top:1px solid #eee;}
	.info-list > li{width:100%; height:auto; gap:10rem; padding:20rem; }
	.info-list > li:before{top:unset; bottom:0; width:100%; left:0; right:0; height:1px;}
	.info-list > li .icon{width:55rem; height:25rem;}
	.info-list > li .icon img{height:100%;}
	.info-list > li .txt > em{font-size:12rem; margin-bottom:4rem;}
	.info-list > li .txt > h3{font-size:14rem;}
	.info-list > li:first-child:after, .info-list > li:nth-child(4):after{display:none;}

	.company-adv{padding:40rem 0;}
	#content.company_sub01 .company-adv .sub_title{margin-bottom:20rem;}
	.company-adv__item{margin:0 0 10rem; height:210rem; border-radius:7rem;} 
	.company-adv__item > span{left:15rem; top:20rem; font-size:11rem;}
	.company-adv__item h3{font-size:18rem;}
	.company-adv__item p{margin-top:5rem; font-size:12rem;}
	.company-adv__item p br{display:none;}
	.company-adv__txt{bottom:15rem; left:15rem;}

}


/* ceo 인사말 */
.box-flex{display:flex; align-items: center; justify-content: center; gap:70rem; margin-top:100rem;}
.box-flex .img{display: flex; justify-content: center; align-items: center; width:500rem; height:500rem; background:#eee; border-radius:10rem; box-sizing:border-box; overflow:hidden;}
.box-flex .img.circle{border-radius:500rem;}
.box-flex .img img{height:100%; position:relative; right:4%;}
.ceo-page .box-flex .img img{right:-16%;}
.box-flex .txt{position:relative; width:calc(100% - 570rem);}
/*.company_sub02 .box-flex .txt{width:520rem;}*/
.box-flex .txt > h3{display:block; margin-bottom:30rem; font-size:40rem; font-weight:700; color:#222; line-height:1.3em; word-break:keep-all;}
.box-flex .txt > h3 i{color:var(--color-point);}
.box-flex .txt > p{display:block; font-size:18rem; font-weight:400; color:#777; line-height:1.5em; word-break: break-word; text-align: justify; word-break:keep-all;}
.company_sub02 .box-flex .txt > p{margin-bottom:15rem;}
.box-flex .txt > p.last{margin-top:12rem;}
.box-flex .txt .ceo{display:flex; align-items: flex-end; gap:12rem; margin:40rem 0 0;}
.box-flex .txt .ceo em{display:inline-block; font-size:17rem; font-weight:500; color:#333;}
.box-flex .txt .ceo h3{display:block; position:relative; top:-4rem; height:30rem;}
.box-flex .txt .ceo h3 img{height:100%;}
.box-flex .txt .symbol{position:absolute; top:-160rem; right:-50rem; width:220rem; opacity:0.05;}
.box-flex .txt .symbol img{width:100%;}

@media (max-width:1300px){
	.ceo-page .box-flex{gap:60rem;}
	.box-flex .txt .symbol{right:-60rem; top:-150rem; width:200rem;}
}
@media (max-width:1024px){
	.ceo-page .box-flex{gap:0; margin-top:70rem;}
	.ceo-page .img{width:45%; height:450rem; margin-right:5%;}
	.ceo-page .txt{width:50%; }
	.box-flex{align-items: flex-start;}
	.box-flex .txt > h3{font-size:35rem; margin-bottom:25rem;}
	.box-flex .txt > p{font-size:17rem;}
	.box-flex .txt .ceo{margin:35rem 0 0;}
	.box-flex .txt .symbol{right:-20rem; top:-120rem; width:160rem;}

	.box-flex .img.circle{width:45%; height:400rem; margin-right:5%;}

}
@media (max-width:768px){
	.ceo-page .box-flex{display:block; width:90%; margin:30rem auto 0;}
	.ceo-page .img{width:100%; height:350rem; margin-right:0%;}
	.ceo-page .img img{width:100%; height:100%; right:0;}
	.ceo-page .box-flex .img img{right:0;}
	.ceo-page .txt{width:100%; margin-top:35rem; }
	.box-flex .txt > h3{font-size:30rem; margin-bottom:20rem;}
	.box-flex .txt > p{font-size:16rem; line-height:1.7em;}
	.box-flex .txt .ceo{margin:25rem 0 0;}
	.box-flex .txt .ceo h3{height:25rem;}
	.box-flex .txt .symbol{display:none;}

	.box-flex .img.circle{width:100%; height:350rem; margin-right:0%; border-radius:10rem;}
}
@media (max-width:620px){
	.ceo-page .box-flex{width:100%; margin:20rem auto 0;}
	.ceo-page .txt{margin-top:25rem; }
	.box-flex .txt > h3{font-size:25rem; margin-bottom:12rem;}
	.box-flex .txt > p{font-size:15rem;}
	.box-flex .txt > p.last{margin-top:6rem;}
	.box-flex .txt .ceo{margin:22rem 0 0;}
	.box-flex .txt .ceo em{font-size:16rem;}
}
@media (max-width:480px){
	.ceo-page .img{height:200rem; border-radius:7rem;}
	.ceo-page .txt{margin-top:15rem; }
	.box-flex .txt > h3{font-size:18rem; margin-bottom:8rem;}
	.box-flex .txt > p{font-size:12rem;  word-break:break-word; line-height:1.6;}
	.box-flex .txt .ceo{margin:15rem 0 0; gap:6rem}
	.box-flex .txt .ceo em{font-size:12rem;}
	.box-flex .txt .ceo h3{height:18rem;}
	.company_sub02 .box-flex .txt > p{margin-bottom:8rem;}

	.box-flex .img.circle{height:200rem; border-radius: 7rem;}
}

/* 회사연혁 */
.history-cont{position:relative; display:flex;}
.history-cont__left{width:45%;}
.history-img__wrap{position: sticky; left: 0;  top: 120rem; height:80vh; display:flex; flex-direction: column; justify-content: space-between; }
.history-img__wrap > div{}
.history-txt{margin:0 0 35rem;}
.history-txt h3{font-size:45rem; font-weight:800; color:#222; line-height:1.4em; word-break:keep-all;}
.history-txt h3 span{color:var(--color-point); font-family:var(--font-kr);}
.history-img{width:500rem; border-radius:15rem; overflow:hidden;}
.history-img img{width:100%;}
.history-tab{margin:50rem 0 0;}
.history-tab ul{}
.history-tab ul li{position:relative; margin:20rem 0 0;}
.history-tab ul li a{display:block; font-size:25rem; font-weight:bolder; color:#aaa; line-height:1em; word-break:keep-all; font-family:var(--font-kr);}
.history-tab ul li:before{content:''; position:absolute; top:10rem; display:inline-block; width:7rem; height:7rem; border-radius:50rem; background:var(--color-point); opacity:0; transition:all 0.3s ease; }
.history-tab ul li.active a{padding-left:20rem; color:var(--color-point);}
.history-tab ul li.active:before{opacity:1;}
.history-cont__right{width:55%; padding-left:80rem; padding-bottom:70rem; box-sizing:border-box;}
.history-cont__right article{position:relative; z-index:2; padding:100rem 0 0;}
.history-cont__right article#list_history01{padding:0;}
.history-line{position:absolute; overflow:hidden; top:20rem; left:45%; z-index:1; margin-left:0; width:3rem; height:100%; background:#e9e9e9;}
.history-line i{display:block; width:100%; background:var(--color-point);}
.history-list{}
.history-list dl{margin:0 0 75rem;}
.history-list dl:last-child{margin:0;}
.history-list dl dt{position:relative; display:block; margin:0 0 25rem; font-size:48rem; font-weight:bold; color:#222; line-height:1em;}
.history-list dl dt:before{content:''; position:absolute; top:20rem; left:-86rem; width:15rem; height:15rem; border-radius:50rem; border:3rem solid #eee; box-sizing:border-box; background:#fff; z-index:10; transition:all 0.3s 0.3s ease;}
.history-list dl dt:after{content:''; position:absolute; top:13rem; left:-93.5rem; width:29rem; height:29rem; border-radius:50rem; box-sizing:border-box; background:rgb(45 102 203 / 100%); z-index:9; opacity:0; transition:all 0.3s 0.3s ease;}
.history-cont__right article .history-list dl.on dt:before{border-color:var(--color-point);}
.history-cont__right article .history-list dl.on dt:after{opacity:1;}
.history-list dl dd{display:flex; align-items:flex-start; margin:0 0 20rem;}
.history-list dl dd:last-child{margin:0;}
.history-list dl dd em{position:relative; top:-2rem; width:45rem; font-size:20rem; font-weight:500; color:#444; font-family:var(--font-kr);}
.history-list dl dd span{position:relative; top:0rem; width:calc(100% - 45rem); font-size:19rem; font-weight:300; color:#555; line-height:1.2em; word-break:keep-all; font-family:var(--font-kr);}

@media (max-width:1300px){
	.history-img{width:-webkit-calc(100% - 80rem); width:calc(100% - 80rem);}
	.history-cont__right{padding-left:60rem;}
	.history-list dl dt:before{left:-66rem;}
	.history-list dl dt:after{left:-73.5rem;}
}
@media (max-width:1023px){
	.history-cont__left{width:45%;}
	.history-img{width:85%;}
	.history-cont__right{width:55%;}
	.history-line{left:45%;}
	.history-txt h3{font-size:38rem; line-height:1.3em;}
	.history-list dl dt{margin:0 0 20rem; font-size:38rem;}
	.history-list dl dd{margin:0 0 15rem;}
	.history-list dl dd em{top:0; font-size:18rem;}
	.history-list dl dd span{font-size:18rem;}
}
@media (max-width:768px){
	.history-cont{display:block;}
	.history-cont__left{position:relative; z-index:3; width:100%; text-align:center;}
	.history-img__wrap{height:auto;}
	.history-img{width:90%; margin:0 auto 20rem;}
	.history-img img{width:auto; max-width:100%;}
	.history-tab{top:0; left:0; right:0; margin:0; width:100%; height:60rem; background:#fff; box-sizing:border-box; transition:all 0.3s ease;}
	.history-tab.fixed{position:fixed; border-bottom:1px solid #eee;}
	.history-tab ul{display:flex; justify-content: center; align-items: center; height:100%;}
	.history-tab ul > li{margin:0 15rem;}
	.history-tab ul li:before{top:9rem; left:0; width:5rem; height:5rem;}
	.history-tab ul li a{font-size:23rem;}
	.history-tab ul li.active a{padding-left:15rem;}
	.history-cont__right{position:relative; width:100%; padding-left:30rem; padding-bottom:50rem; margin:20rem 0 0;}
	.history-cont__right article{padding:45rem 0 0;}
	.history-line{top:20rem; left:0; width:2rem;}
	.history-list dl{margin:0 0 45rem;}
	.history-list dl dt{margin:0 0 15rem; font-size:35rem;}
	.history-list dl dt:before{top:13rem; left:-36rem; width:12rem; height:12rem;}
	.history-list dl dt:after{top:8.8rem; left:-39.5rem; width:20rem; height:20rem;}
	.history-list dl dd{margin:0 0 10rem;}
}
@media (max-width:620px){
	.history-txt h3{font-size:34rem;}
	.history-img{width:90%;}
	.history-tab ul > li{margin:0;}
	.history-tab ul li:nth-child(2){margin:0 18rem;}
	.history-tab ul li a{font-size:22rem;}
}
@media (max-width:480px){
	.history-txt{margin:0 0 20rem;}
	.history-txt h3{font-size:26rem; line-height:1.3em;}
	.history-img{margin:0 auto 10rem; width:100%; border-radius:8rem;}
	.history-tab{height:40rem;}
	.history-tab ul li:before{top:5rem; width:3rem; height:3rem;}
	.history-tab ul li:nth-child(2){margin:0 12rem;}
	.history-tab ul li a{font-size:14rem;}
	.history-tab ul li.active a{padding-left:8rem; }
	.history-line{top:15rem; height:96%;}
	.history-cont__right{margin:10rem 0 0; padding-left:15rem; padding-bottom:20rem;}
	.history-cont__right article{padding:25rem 0 0;}
	.history-list dl{margin:0 0 25rem;}
	.history-list dl dt{margin:0 0 6rem; font-size:22rem;}
	.history-list dl dt:before{top:8rem; left:-18rem; width:8rem; height:8rem;}
	.history-list dl dt:after{top:6rem; left:-20rem; width:12rem; height:12rem; border-width:2.5rem;}
	.history-list dl dd{margin:0 0 6rem;}
	.history-list dl dd em{top:3rem;; width:20rem; font-size:12rem;}
	.history-list dl dd span{top:3rem; width:-webkit-calc(100% - 20rem);  width:calc(100% - 20rem); font-size:12rem;}
}

/* 조직도 */
.org-page .box-img img{width:95%; margin:0 auto;}
.org-page .box-img img.m{display:none;}

@media (max-width:1200px){
	.org-page .box-img img{width:100%;}
}
@media (max-width:768px){
	.org-page .box-img img.w{display:none;}
	.org-page .box-img img.m{display:block;}
}

/* 오시는 길 */
.location-page{}
.map{width:100%; height:500rem; border-radius:10rem; box-sizing:border-box; overflow:hidden;}
.map iframe{width:100%; height:100%;}
.location-txt{margin:60rem 0 0; display:flex; justify-content: space-between; gap:50rem;}
.location-txt .addr{width:calc(100% - 650rem);}
.location-txt .addr em{display:inline-block; margin-bottom:14rem; font-size:17rem; font-weight:700; color:var(--color-point); line-height:1em; text-transform:uppercase;}
.location-txt .addr h3{display:block; font-size:40rem; font-weight:700; color:#222; line-height:1.3em; word-break:keep-all;}
.location-txt .addr .btn-wrap{margin-top:50rem;}
.location-info__list{display:block; width:600rem;}
.location-info__list > li{display:flex; align-items: center; padding:10rem 30rem; margin-bottom:10rem; width:100%; height:80rem; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:10rem;}
.location-info__list > li:last-child{margin:0;}
.location-info__list > li > em{display:inline-block; width:75rem; font-size:18rem; font-weight:700; color:var(--color-point);}
.location-info__list > li > span{display:inline-block; width:calc(100% - 75rem); font-size:18rem; font-weight:400; color:#333; line-height:1em; word-break:keep-all;}

@media (max-width:1300px){
	.location-txt .addr{width:calc(100% - 600rem);}
	.location-txt .addr h3{font-size:35rem;}
	.location-info__list{width:500rem;}
}
@media (max-width:768px){
	.map{height:400rem;}
	.location-txt{display:block; margin:30rem 0 0;}
	.location-txt .addr{width:100%; display:flex; justify-content: space-between; align-items: flex-end;}
	.location-txt .addr .txt{width:calc(100% - 300rem);}
	.location-txt .addr em{font-size:15rem; margin-bottom:10rem;}
	.location-txt .addr h3{font-size:30rem;}
	.location-txt .addr .btn-wrap{margin-top:20rem;}
	.location-info__list{margin:30rem 0 0; width:100%;}
	.location-info__list > li{height:70rem; padding:10rem 20rem;}
}
@media (max-width:620px){
	.map{height:300rem;}
	.location-txt .addr em{font-size:14rem;}
	.location-txt .addr h3{font-size:24rem;}
	.location-txt .addr .btn-wrap{margin-top:15rem;}
	.location-info__list{margin:20rem 0 0; }
	.location-info__list > li{height:60rem; padding:10rem 15rem; margin-bottom:7rem; border-radius:7rem;}
	.location-info__list > li > em,
	.location-info__list > li > span{font-size:16rem;}
}
@media (max-width:480px){
	.map{height:180rem;}
	.location-txt{margin:15rem 0 0;}
	.location-txt .addr .txt{width:calc(100% - 130rem);}
	.location-txt .addr em{font-size:11rem; margin-bottom:6rem;}
	.location-txt .addr h3{font-size:17rem;}
	.location-txt .addr .btn-wrap{margin-top:10rem;}
	.location-info__list{margin:15rem 0 0; }
	.location-info__list > li{height:45rem; padding:10rem 12rem; margin-bottom:5rem; border-radius:5rem;}
	.location-info__list > li > em{width:45rem;}
	.location-info__list > li > em,
	.location-info__list > li > span{font-size:13rem;}
}


/* 지붕임대사업 */
.business-page .sub_title{margin-bottom:40rem;}
.business-intro{padding-bottom:100rem;}
.business-intro .box-flex{margin-top:80rem;}
.business_sub03 .box-flex .txt,
.business_sub04 .box-flex .txt{width: calc(100% - 570rem);}
.business-intro .box-flex .txt > h3{margin-bottom:15rem;}
.business-intro .img{height:350rem;}
.business-intro .img img{right:0;}
.business-merit{}
.business-merit{position:relative; padding:100rem 0; box-sizing:border-box; background:url(../img/content/bg-merit.jpg)no-repeat center; background-size:cover; background-attachment: fixed;}
.business-merit:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.merit-list{display:grid; grid-template-columns: repeat(2, 1fr);gap:40rem;}
.merit-list > li{display: flex; gap:20rem; padding: 30rem 30rem;background:#fff;border-radius:12rem;box-sizing:border-box;text-align: left;flex-direction: row; justify-content: flex-start;align-items: center;}
.merit-list > li .icon{display: flex; justify-content: center; align-items: center;width:90rem; height:90rem; background:#eef4f9; border-radius:50rem;}
.merit-list > li .icon img{height:45rem;}
.merit-list > li .txt{width:calc(100% - 110rem);}
.merit-list > li .txt .subject{display:flex; align-items: center; gap:7rem; margin-bottom:10rem;}
.merit-list > li .txt .subject i{display: flex; justify-content: center; align-items: center; width:30rem; height:22rem; border-radius:50rem; background:var(--color-point); font-size:14rem; font-weight:bold; color:#fff;}
.merit-list > li .txt .subject h3{display:block; font-size:21rem; font-weight:700; color:#222; line-height:1em; word-break:keep-all;}
.merit-list > li .txt p{font-size:17rem; font-weight:400; color:#777; line-height:1.5em; word-break:keep-all;}
.box-faq{padding:100rem 0 0;}
.box-faq ul.faq_list_board {color: #363636; margin:0 auto; border-top: 2rem solid #222;}
ul.faq_list_board > li{position:relative; border-bottom: 1rem solid #eee; box-sizing:border-box;}
ul.faq_list_board > li .td_chk{position:absolute; z-index:20; top:0; left:0; cursor:pointer;}
ul.faq_list_board p.q {display: block; padding:28rem 20rem; position: relative;  font-weight:500; color:#222; font-size:20rem; cursor: pointer; word-break:keep-all;}
ul.faq_list_board p.q:after{position: absolute; top: 50%; right: 20rem; width: 38rem; height: 38rem; content: ""; font-size: 23rem; line-height: 34rem; background:#fff url(../img/content/ic-plus.svg) no-repeat center; background-size:16rem auto; border-radius: 50%; text-align: center; color: #fff; transform: translateY(-50%); transition:all 0.3s ease; opacity:0.2;}
ul.faq_list_board p.q.on:after{background:#fff url(../img/content/ic-minus.svg) no-repeat center; background-size:16rem auto;}
ul.faq_list_board p.q a{font-size:16rem; height:30rem; line-height:27rem; margin-right:5rem;}
ul.faq_list_board p.q.on{border-bottom: 1rem solid #eee;}
ul.faq_list_board p.q.on:after  {transform: translateY(-50%) rotate(-180deg);    transition: transform 120ms ease-in-out;  }
ul.faq_list_board p.q.on {background: #fff;}
ul.faq_list_board span.qt {color: #0d51a0; display:block; float: left; width: 40rem; text-align: center; margin-left: -40rem; }
ul.faq_list_board div.answer{ background: #f9f9f9; padding: 20rem ; display: none;}
ul.faq_list_board div.answer img {max-width:100%; margin: 0;}
ul.faq_list_board div.answer .desc {font-size:17rem; font-weight:400; color: #555; line-height:1.7em; word-break:keep-all;}

@media all and (max-width:1200px){
	ul.faq_list_board{width:100%;}
}
@media all and (max-width:1024px){
	.business-intro .inr{width:100%;}
	.business-intro .box-flex{gap:0; margin-top:70rem;}
	.business-intro .img{width:45%; height:300rem; margin-right:5%;}
	.business-intro .box-flex .txt{width:50%; }
	.business-intro .txt > h3{margin-bottom:10rem;}
	.merit-list{gap:30rem;}
	.merit-list > li{padding:25rem;}
	.merit-list > li .icon{width:80rem; height:80rem;}
	.merit-list > li .icon img{height:40rem;}
	.merit-list > li .txt{width: calc(100% - 100rem);}
	.merit-list > li .txt p{font-size:16rem;}

	ul.faq_list_board p.q{font-size:18rem;}
	ul.faq_list_board p.q:after{width:30rem; height:30rem;}
}
@media all and (max-width:768px){
	.business-intro{padding-bottom:60rem;}
	.business-intro .box-flex{display:block; width:90%; margin:30rem auto 0;}
	.business-intro .img{width:100%; height:350rem; margin-right:0%;}
	.business-intro .img img{width:100%; height:100%;}
	.business-intro .box-flex .txt{width:100%; margin-top:35rem; }

	.business-merit{padding:60rem 0;}
	.merit-list{grid-template-columns: repeat(1, 1fr); gap:20rem; border-radius:10rem;}

	.box-faq{padding:60rem 0 0;}
	ul.faq_list_board p.q{padding:20rem 15rem; font-size:17rem;}
	ul.faq_list_board p.q:after{width:25rem; height:25rem; right:10rem;}
	ul.faq_list_board div.answer{padding:15rem;}
	ul.faq_list_board div.answer .desc{font-size:16rem;}
}

@media all and (max-width:620px){
	.business-intro .box-flex{width:100%; margin:20rem auto 0;}
	.business-intro .box-flex .txt{margin-top:25rem; }
	.business-intro .box-flex .txt > h3{font-size:25rem; margin-bottom:10rem;}

	.business-merit{background-position:0% center; background-attachment: inherit;}
	.merit-list{gap:10rem;}
	.merit-list > li{gap:15rem; padding:20rem; border-radius:10rem;}
	.merit-list > li .icon{width:70rem; height:70rem;}
	.merit-list > li .icon img{height:34rem;}
	.merit-list > li .txt{width: calc(100% - 85rem);}
	.merit-list > li .txt .subject{margin-bottom:6rem;}


}
@media all and (max-width:480px){
	.business-intro{padding-bottom:30rem;}
	.business-intro .img{height:200rem; border-radius: 7rem;}
	.business-intro .box-flex .txt{margin-top:15rem; }
	.business-intro .box-flex .txt > h3{font-size:18rem; margin-bottom:5rem;}

	.business-merit{padding:40rem 0;}
	.merit-list{gap:10rem; }
	.merit-list > li{flex-direction: column; align-items: center; gap:10rem; padding:16rem; border-radius:5rem;}
	.merit-list > li .icon{width:50rem; height:50rem;}
	.merit-list > li .icon img{height:25rem;}
	.merit-list > li .txt{width:100%; text-align:center;}
	.merit-list > li .txt .subject{justify-content: center; flex-direction: column; margin-bottom:6rem; gap:6rem;}
	.merit-list > li .txt .subject i{width:25rem; height:16rem; font-size:11rem;}
	.merit-list > li .txt .subject h3{font-size:15rem;}
	.merit-list > li .txt p{font-size:12rem; line-height:1.4;}



	.box-faq{padding:30rem 0 0;}
	ul.faq_list_board p.q{padding:13rem 30rem 13rem 5rem; font-size:13rem;}
	ul.faq_list_board p.q:after{right:0; width:18rem; height:18rem; background-size:8rem auto;}
	ul.faq_list_board p.q.on:after{background-size:10rem auto;}
	ul.faq_list_board div.answer{padding:10rem;}
	ul.faq_list_board div.answer .desc{font-size:11rem; line-height:1.5em;}
}


.business-re100{padding:100rem 0;}
.business-tech{background: url(../img/content/bg-tech.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.business-tech .merit-list > li{height:230rem;}
.business-tech .merit-list > li:nth-child(3) .icon img{height:35rem;}
.box-list{display:grid; grid-template-columns: repeat(1, 1fr);}
[data-grid="1"]{grid-template-columns: repeat(1, 1fr); gap:20rem;}
[data-grid="2"]{grid-template-columns: repeat(2, 1fr); gap:30rem;}
[data-grid="5"]{grid-template-columns: repeat(5, 1fr); gap:30rem;}
[data-grid="6"]{grid-template-columns: repeat(6, 1fr); gap:30rem;}
.box-list > div{display:block; width:100%; margin-bottom:20rem; background:#fff; border-radius:7rem; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.box-list > div .subject{display:flex; gap:8rem;  align-items: center;   padding:14rem 25rem; box-sizing:border-box; font-size:19rem; font-weight:600; color:#fff; background:#194068; word-break:keep-all; line-height:1.5em;}
.box-list > div .subject > i{display:flex; justify-content: center; align-items: center; width:34rem; height:22rem; background:rgba(255,255,255,0.1); color:#fff; font-size:14rem; font-weight:500; border-radius:45rem;}
.box-list > div .cont{display:block; padding:25rem 25rem; box-sizing:border-box;}
.box-list > div .cont .cont-tit{display:block; margin-bottom:10rem; font-size:18rem; font-weight:500; color:#333; line-height:1.5em; word-break:keep-all;}
.box-list > div .cont p{font-size:17rem; color:#666; line-height:1.5em; word-break:keep-all;}
.box-list[data-grid="2"] > div{margin:0;}
.box-list[data-grid="2"] > div .subject{padding:14rem 20rem; justify-content: center;}
.box-list[data-grid="2"] > div .cont{display:flex; justify-content: center; align-items: center; flex-direction: column; padding:20rem; height:160rem; text-align:center;}
.box-list[data-grid="2"] > div .cont [data-list="dot"]{display:flex; justify-content: center; align-items: center; flex-direction: column;}
.box-list[data-grid="2"] > div .cont [data-list="dot"] > *{margin-bottom:2rem;}
.box-list.v2 > div{background:transparent; border:none; border-radius:0;}
.box-list.v2 > div .subject{display:flex; flex-direction: column; gap:5rem;  align-items: center;  padding:0; background:transparent; color:#222; margin-bottom:4rem; font-size:21rem;}
.box-list.v2 > div .subject i{display:flex; justify-content: center; align-items: center; width:34rem; height:22rem; background:var(--color-point); color:#fff; font-size:14rem; font-weight:500; border-radius:45rem;}
.box-list.v2 > div .cont{border:1px solid #eee; border-radius:10rem;}
.box-list.v2[data-grid="2"] > div{display:flex; flex-direction: column; justify-content: center; padding:20rem; border: 1px solid #eee; border-radius: 10rem; min-height:160rem; background:#fff;}
.box-list.v2[data-grid="2"] > div .cont{height:auto; padding:0; border:none;}

[data-list] > *{position:relative; margin-bottom:6rem;}
[data-list] > *::before{content:""; position:absolute; left:0; background-color:#999; }
[data-list] > *:last-child{margin:0;}
[data-list="dot"] > *{padding-left:10rem; font-size:17rem; color:#666; line-height:1.5em; word-break:keep-all;}
[data-list="dot"] > *::before{top:10rem; width:3rem; height:3rem; border-radius:10rem;}
.business-consulting{padding:100rem 0 0;}
.business-consulting.bg-blue{padding-bottom:100rem;}
.step-list > li{position:relative; display: flex; flex-direction: column; align-items: center; height: 240rem; justify-content: center; padding:10rem; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:10rem; background:#fff; text-align:center;}
.step-list > li:before{content:''; position:absolute; top:50%; right:-25rem; width:15rem; height:15rem; /*margin-top:-12.5rem;*/ margin-top:-7.5rem; background:url(../img/content/ic-step-arr.svg)no-repeat center; background-size:contain; opacity:0.2;}
.step-list > li:last-child:before{display:none;}
.step-list > li i{position:absolute;top:0; left:0; display: flex;background:var(--color-point);font-size:15rem;color:#fff;border-radius:10rem 0 10rem 0;width:38rem;height:38rem;font-weight:600;text-transform:uppercase;justify-content: center;align-items: center;}
.step-list > li .icon{display: flex;flex-direction: column; align-items: center; justify-content: center; width:60rem; height:60rem;}
.step-list > li.contract .icon{width:75rem; height:75rem;}
.step-list > li .icon img{max-width:100%; height:100%;}
.step-list > li:nth-child(6) .icon img{height:90%;}
.step-list > li .txt{margin-top:20rem;}
.step-list > li .txt > h3{color:#222; font-size:20rem; word-break:keep-all;}
.step-list > li ul{display:flex; flex-direction: column; align-items: center; margin-top:8rem;}
.step-list > li ul > li{font-size:16rem; margin-bottom:0; padding-left: 7rem;}
.step-list > li ul[data-list="dot"] > *::before{width:2rem; height:2rem;}

/*.step-list[data-grid="3"] > li:nth-child(4):before{display:none;}*/

@media all and (max-width:1300px){
	[data-grid="6"]{grid-template-columns: repeat(3, 1fr);}
	.step-list > li:nth-child(3):before{display:none;}
}

@media all and (max-width:1024px){
	[data-grid="5"]{display: flex; flex-direction: row; justify-content: center;  flex-wrap: wrap;}
	[data-grid="5"] > li{width: calc((100% / 3) - 20rem); width:-webkit-calc((100% / 3) - 20rem);}
	.box-list > div .subject em{font-size:15rem;}

}
@media all and (max-width:768px){
	.business-page .sub_title{margin-bottom:30rem;}
	[data-grid="2"]{grid-template-columns: repeat(1, 1fr); gap:20rem;}

	.business-re100{padding:60rem 0;}
	.box-list > div{margin-bottom:15rem;}
	.box-list > div .subject{font-size:18rem; padding:10rem 15rem; font-weight:500;}
	.box-list > div .cont{padding:15rem;}
	[data-list="dot"] > *{font-size:16rem; margin-bottom:5rem;}
	.business-tech .merit-list > li{height:180rem;}
}
@media all and (max-width:620px){
	[data-grid="2"]{gap:15rem;}
	.business-tech .merit-list > li:nth-child(3) .icon img{height:25rem;}
	[data-grid="6"]{grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width:480px){
	.business-page .sub_title{margin-bottom:20rem;}
	[data-grid="2"]{gap:10rem;}
	.box-list[data-grid="2"] > div .cont{height:auto;}
	.business_sub04 .box-list > div .subject{flex-direction: column; gap:5rem;}
	.box-list > div .subject > i{width:27rem; height:18rem; font-size:11rem;}
	.box-list > div .subject em{font-size:11rem;}
	.box-list > div .subject div{display:flex; flex-direction: column; align-items: center;}
	.box-list > div .cont .cont-tit{font-size:13rem;}

	.business-tech .merit-list > li{height:auto;}
	.business-tech .merit-list > li:nth-child(3) .icon img{height:20rem;}

	.business-re100{padding:40rem 0;}
	.box-list > div{margin-bottom:10rem; border-radius:5rem;}
	.box-list > div .subject{padding:10rem 12rem; font-size:13rem; line-height:1.4; }
	.box-list > div .cont{padding:12rem;}
	[data-list="dot"] > *{padding-left:6rem; margin-bottom:6rem;}
	[data-list="dot"] > *,
	.box-list > div .cont p{font-size:12rem; line-height:1.4em;}
	[data-list="dot"] > *::before{top:8rem; width:2px; height:2px;}
	.box-list.v2[data-grid="2"] > div{min-height:100rem; border-radius:7rem;}
	.box-list.v2 > div .subject i{width:27rem; height:18rem; font-size:11rem;}
	.box-list.v2 > div .subject{font-size:14rem;}

	.business-consulting{padding:40rem 0 0;}
	[data-grid="6"]{grid-template-columns: repeat(2, 1fr); gap:20rem;}
	.business_sub02 [data-grid="6"]{grid-template-columns: repeat(1, 1fr);}
	.business_sub02 [data-grid="6"] > li:before{top:unset; right:unset; left:50%; bottom:-17rem; transform: rotate(90deg); margin-top:0; margin-left:-7.5rem;}
	.business_sub02 [data-grid="6"] > li:nth-child(2n):before{display:block !important;}
	.business_sub02 [data-grid="6"] > li:last-child:before{display:none !important;}
	[data-grid="5"]{display:grid; grid-template-columns: repeat(1, 1fr); gap:20rem;}
	[data-grid="5"] > li{width:100%;}
	[data-grid="5"] > li:before{top:unset; right:unset; left:50%; bottom:-17rem; transform: rotate(90deg); margin-top:0; margin-left:-7.5rem;}
	[data-grid="5"] > li:nth-child(2n):before{display:block !important;}
	[data-grid="5"] > li:last-child:before{display:none !important;}
	
	/*
	[data-grid="5"] > li:nth-child(2n):before{display:none;}
	[data-grid="5"] > li:last-child{width:100%;}*/
	.step-list > li{border-radius:5rem; height:160rem;}
	.step-list > li:before{width:12rem; height:12rem; margin-top:-6rem; right:-18rem;} 
	.step-list > li i{width:24rem; height:24rem; font-size:11rem; border-radius:5rem 0 5rem 0;}
	.step-list > li .icon{width:40rem; height:40rem;}
	.step-list > li:nth-child(3):before{display:block;}
	.step-list[data-grid="6"] > li:nth-child(2n):before{display:none;}
	.step-list > li.contract .icon{width:55rem; height:40rem;}
	.step-list > li .txt{margin-top:10rem;}
	.step-list > li .txt > h3{font-size:15rem;}
	.step-list > li ul{margin-top:5rem;}
	.step-list > li ul > li{font-size:12rem;}

	.business-consulting.bg-blue{padding-bottom:40rem;}
}

/* RPS */
.business-rps,
.business-table{position:relative; padding:100rem 0; }
.area-table{border:1px solid #eee; box-sizing:border-box; border-radius:10rem; overflow:hidden;}
.area-table ul{display:grid; grid-template-columns: repeat(9, 1fr); }
.area-table ul > li{text-align:center; padding:25rem 20rem; font-size:17rem; border-right:1px solid #eee; box-sizing:border-box;}
.area-table ul > li:last-child{border-right:none;}
.area-table ul.thead{background:#eaeff3;}
.area-table ul.thead > li{font-weight:600; color:#222; border-right:1px solid #dfe5e9;}
.area-table ul.thead > li:last-child{border-right:none;}
.business_sub03 .box-img,
.business_sub04 .box-img{width:1100rem; margin:0 auto;}
.box-img.line{border:1px solid #eee; background:#fff; border-radius:10rem; box-sizing:border-box;}
.box-img img{width:100%;}
.box-img .m{display:none;}
.box-txt{display:block; margin:40rem auto 0; width:500rem; background:#fff; padding:20rem; border-radius:10rem; font-size:20rem; font-weight:bold; color:#222; text-align:center;}
.box-txt .txt-color01{color:var(--color-point02);}
.box-txt .txt-color02{color:var(--color-point);}

.business_sub03 .business-merit{background: url(../img/content/bg-rps.jpg) no-repeat center; background-size: cover; background-attachment:fixed;}
.business_sub03 .business-merit:before{background: rgba(0, 0, 0, 0.5);}

.business-solar{padding:100rem 0;}
.business-solar .box-flex{margin:0;}
.business-solar .box-flex .txt > h3{margin-bottom:10rem;}
ul.solar-list {margin: 25rem 0 0; padding:25rem; background: #fff; border-radius: 10rem;  border: 1px solid #f1f5f9;}
.process-list > li{border:none;  margin:0 0 20rem;}
ul.faq_list_board.process-list > li{border:none;}
ul.faq_list_board.process-list p.q{color:#fff !important; background:#194068; border-radius:10rem; padding:20rem;}
ul.faq_list_board.process-list p.q > i{position:relative; top:-2px; display:inline-block; padding:4rem 10rem; margin-right:8rem; background:rgba(255,255,255,0.15); border-radius:50rem; font-size:13rem; font-weight:400;}
ul.faq_list_board.process-list p.q.on{}
ul.faq_list_board.process-list div.answer{background:transparent; border-bottom:none; padding:30rem 0 10rem;}
ul.faq_list_board.process-list p.q:after{width:32rem; height:32rem; opacitY:1;}

.process-item{margin-bottom:60rem;}
.process-item .title{display:flex; justify-content:flex-start; align-items: center; gap:10rem;}
.process-item .title > i{display:inline-block; padding:3rem 12rem; font-size:14rem; font-weight:700; border:2px solid var(--color-point); color:var(--color-point); border-radius:50rem;}
.process-item .title > h3{display:block; font-size:25rem; color:#333;}
.process-item .step-list > li{height:auto; padding:25rem; min-height:170rem;}
.process-item .step-list > li .txt{margin:0; width:100%;}
.process-item .step-list > li .txt > h3{word-break:keep-all; font-size:21rem;}
.process-item .step-list > li .txt > em{display:inline-block; margin-top:7rem; font-size:16rem; font-weight:400; color:#777;}
.data-list__wrap{margin-top:15rem; padding:20rem; background:#f9f9f9; border:1px dashed #eee; box-sizing:border-box; border-radius:8rem;}
.data-list__wrap > h4{color:var(--color-point);}
.data-list__wrap .step-list > li ul > li{font-size:15rem;}
.step-list[data-grid="3"] > li:before{right:-40rem;}
.step-list[data-grid="3"] > li:nth-child(3):before{display:none;}
.step-list[data-grid="4"] > li:nth-child(3):before{display:block;}
.step-list[data-grid="4"].noarr > li:nth-child(3):before{display:none;}

.bg-gray{background:#f9f9f9;}
.bg-blue{background:#f4f7fa;}

.business_sub04 .business-merit{background: url(../img/content/bg-pps.jpg) no-repeat center; background-size: cover; background-attachment:fixed;}
.business_sub04 .business-merit:before{background: rgba(0, 0, 0, 0.4);}


.business-merit__info{padding:80rem 0;}
.box-table h3{position:relative; display:block; padding-left:12rem; font-size:22rem; font-weight:600; color:#222; line-height:1em; word-break:keep-all; margin-bottom:20rem;}
.box-table h3:before{content:''; position:absolute; top:2rem; left:0; width:4rem; height:19rem; background:var(--color-point); border-radius:5rem;}



#content.business_sub04{padding-bottom:0;}


@media (max-width:1200px){
	.business_sub03 .box-img, .business_sub04 .box-img{width:100%;}
}

@media (max-width:1024px){
	.business-solar .box-flex{gap:0;}
	.business_sub03 .business-solar .box-flex .txt{width:50%;}
	.step-list[data-grid="3"] > li:before{right:-30rem;}
}
@media (max-width:768px){
	.business-rps, .business-table, .business-solar, .business-merit__info{padding:60rem 0;}
	.business-solar .box-flex{display:block; width:90%; margin:0 auto;}
	.business-solar .box-flex img{width:100%; height:100%; right:0;}
	.business_sub03 .business-solar .box-flex .txt{width:100%; margin-top:30rem;}
	.business-merit .box-txt{margin:20rem auto 0; font-size:18rem; padding:18rem; width:400rem; border-radius:7rem;} 

	.area-table{display: grid; grid-template-columns: repeat(2, 1fr);}
	.area-table ul{grid-template-columns: repeat(1, 1fr);}
	.area-table ul.thead > li{border-bottom:1px solid #dfe5e9;}
	.area-table ul > li{border-bottom:1px solid #eee; border-right:none; padding:20rem;}
	.area-table ul > li:last-child{border-bottom:none;}
	
	.business-consulting{padding:60rem 0 0;}
	

	.step-list[data-grid="3"] > li:before{right:-25rem;}
	.step-list[data-grid="3"] > li:nth-child(3):before{display:block;}
	.step-list[data-grid="3"] > li:nth-child(2n):before,
	.step-list[data-grid="3"].noarr > li:nth-child(3):before{display:none;}

	.business-consulting [data-grid="3"]{grid-template-columns: repeat(1, 1fr);}
	.business-consulting [data-grid="3"] > li:before{top:unset; right:unset; left:50%; bottom: -25rem; margin-top:0; margin-left:-7.5rem; transform: rotate(90deg);}
	.business-consulting [data-grid="3"] > li:nth-child(2n):before{display:block;}
	.business-consulting [data-grid="3"] > li:last-child:before{display:none;}

	.business-consulting [data-grid="4"] > li:nth-child(2):before{display:none !important;}
}

@media (max-width:620px){
	.business-solar .box-flex{width:100%;}
}
@media (max-width:480px){
	.business-rps, .business-table, .business-solar, .business-merit__info{padding:40rem 0;}
	.business-merit .box-txt{display:block; width:80%; font-size:12rem; padding:6rem 15rem; border-radius:5rem;} 
	.business-merit__info{padding:40rem 0;}
	.box-table h3{font-size:15rem; padding-left:7rem; margin-bottom:10rem;}
	.box-table h3:before{top:1rem; width:3rem; height:13rem;}
	.area-table ul > li{padding:10rem; font-size:12rem;}
	
	.process-list > li{margin:0 0 10rem;}
	ul.faq_list_board.process-list p.q{padding:13rem 10rem; border-radius:5rem;}
	ul.faq_list_board.process-list p.q > i{padding:2rem 7rem; font-size:11rem; margin-right:6rem;}
	ul.faq_list_board.process-list p.q:after{width:25rem; height:25rem; right:10rem;}
	ul.faq_list_board.process-list div.answer{padding:12rem 0 10rem;}
	.process-item .step-list > li{padding:15rem 12rem; height:auto; min-height:100rem;}
	.process-item .step-list > li .txt > h3{font-size:15rem;}
	.process-item .step-list > li .txt > em{margin-top:4rem; font-size:12rem;}
	.data-list__wrap{margin-top:7rem; padding:10rem; border-radius:5rem;}
	.data-list__wrap > h4{font-size:13rem;}

	.business-solar .box-flex .txt > h3{margin-bottom:0;}
	ul.solar-list {margin-top:7rem !important; padding:12rem; border-radius:7rem;}

	.business-consulting{padding:40rem 0 0;}
	.step-list[data-grid="3"] > li:before,
	.step-list[data-grid="4"] > li:before{top:unset; right:unset; bottom:-30rem; transform: rotate(90deg); margin-top:0;}
	.step-list[data-grid="3"] > li:nth-child(2n):before,
	.step-list[data-grid="4"] > li:nth-child(2n):before{display:block;}
	.step-list[data-grid="3"] > li:last-child:before,
	.step-list[data-grid="4"] > li:last-child:before{display:none;}
	.step-list[data-grid="3"] > li:before, 
	.step-list[data-grid="4"] > li:before{bottom:-17rem;}
	.step-list[data-grid="3"].noarr > li:nth-child(2n):before{display:none;}

	.business-consulting [data-grid="4"] > li:nth-child(2):before{display:block !important;}
}

/* 자가발전소 */

.step-list[data-grid="4"] > li:nth-child(4):before{display:none;}
@media (max-width:768px){
	.step-list[data-grid="4"] > li:nth-child(2n):before{display:none;}
}
@media (max-width:780px){
	.step-list[data-grid="4"] > li:nth-child(2n):before{display:block;}
	.step-list[data-grid="4"] > li:last-child:before,
	.step-list[data-grid="4"].noarr > li:nth-child(2n):before{display:none;}
}
/* 팩토링 */
.business_sub05 .business-table .sub_title > h4{line-height:1.2em;}
.step-list.noarr{gap:20rem;}
.business-merit .step-list.noarr{gap:30rem 20rem;}
.step-list.noarr > li{height:200rem; border:none; border-radius:25rem;}
.step-list.noarr > li:before{display:none;}
.step-list.noarr > li > i{top: -12rem; left: 50%; width:auto; height:auto; padding:4rem 12rem; border-radius:50rem; transform: translate(-50%);}
.step-list.noarr > li .icon{width:70rem; height:70rem;}
.step-list.noarr > li .txt{margin-top:15rem;}
.business-factoring{padding:100rem 0;}
.business_sub05 .box-txt{display:flex; align-items: center; justify-content: center; gap: 10rem; width:440rem; background: #f7b300; border-radius: 50rem; color:#fff;}
.business_sub05 .box-txt > i{width:auto; height:auto; padding:4rem 12rem; border-radius:50rem; background:#fff; color:#f7b300; font-size:16rem;}


@media (max-width:768px){
	.box-img .w{display:none;}
	.box-img .m{display:block;}
	.step-list.noarr > li{border-radius:15rem;}
}
@media (max-width:620px){
	.business_sub05 .box-txt{margin:30rem auto 0; width:100%;}
}	
@media (max-width:480px){
	.business-factoring{padding:40rem 0;}
	.business-merit .step-list.noarr{gap:20rem 10rem;}
	.step-list.noarr > li{height:140rem; border-radius:7rem;}
	.step-list.noarr > li .icon{width:50rem; height:50rem;}
	.step-list.noarr > li .txt{margin-top:10rem;}
	.business_sub05 .box-txt{margin:15rem auto 0; gap:5rem; padding:12rem; border-radius:7rem;}
	.business_sub05 .box-txt > i{font-size:11rem; padding:2rem 6rem;}
	.business_sub05 .box-txt{font-size:15rem;}

}

/* 선시공 */
.box-flex .txt ul{margin-top:15rem;}
.step-list.noarr[data-grid="3"] {gap:60rem; margin-top:60rem;}
.step-list.noarr[data-grid="3"] > li{height:300rem;}
.step-list.noarr[data-grid="3"] > li .txt > h3{line-height:1.5em;}
.business_sub06 .business-merit .step-list.noarr > li .icon{width:75rem; height:75rem;}
.business_sub06 .business-merit .step-list.noarr > li .txt{margin-top:20rem;}
.business_sub06 .business-merit .step-list > li i{display:inline-block; margin:0 0 12rem; position:relative; width:auto; height:auto; top:unset; left:unset; padding:4rem 10rem; border-radius:50rem; transform:none;}
.business-factoring{}
.business-factoring .step-list > li{border-radius:500rem; border:1px solid #eee; box-sizing:Border-box;}
.business-factoring .step-list > li .txt > h3{font-size:25rem;}
.business-factoring .step-list > li .txt > p{display:block; margin-top:5rem; font-size:17rem; font-weight:300; color:#777; line-height:1.6em; word-break:keep-all;}
.business-program{padding:100rem 0;}
.business-program .sub_title > h4{line-height:1.3em;}
.business-program [data-grid="2"]{gap:70rem;}
.business-program .step-list.noarr > li{border:1px solid #eee; padding:40rem 50rem 50rem; height:auto;}
.business-program .step-list.noarr > li .icon{width:90rem; height:90rem;}
.business-program .step-list.noarr > li:first-child .icon img{height:90%;}
.business-program .step-list.noarr > li .txt{margin-top:15rem; width:100%;}
.business-program .step-list > li .txt > h3{font-size:26rem;}
.business-program .step-list > li ul{display: flex; flex-direction: column; align-items: center; margin-top:30rem; width:100%; padding: 10rem 20rem; background:#fffef3; border-radius: 10rem; border:1px solid #f7f7e6; box-sizing:border-box;}
.business-program .step-list > li ul li{display: flex; justify-content: space-between; width:100%; padding:10rem 12rem; border-bottom:1px dashed #efeeda; box-sizing:border-box; font-size:16rem;}
.business-program .step-list > li ul li:last-child{border:none;}
.business-program .step-list > li ul li em{color:#222; font-weight:600;}
.business-program .step-list > li ul[data-list="dot"] > *::before{top:20rem;}

@media (max-width:1300px){
	.step-list.noarr[data-grid="3"]{gap:50rem;}
	.business-factoring .step-list.noarr[data-grid="3"]{gap:35rem;}
	.business-program [data-grid="2"]{gap:50rem;}
}
@media (max-width:1024px){
	.step-list.noarr[data-grid="3"],
	.business-factoring .step-list.noarr[data-grid="3"]{gap:30rem;}
	.box-flex .txt > p br{display:None;}
	.business-program [data-grid="2"]{gap:30rem;}
	.business-program .step-list.noarr > li{padding:40rem 30rem 30rem; border-radius:15rem;}
}
@media (max-width:768px){
	.business-merit .step-list.noarr[data-grid="3"],
	.business-factoring .step-list.noarr[data-grid="3"]{margin-top:40rem; gap:20rem; grid-template-columns: repeat(1, 1fr);}
	.business-merit .step-list.noarr[data-grid="3"] > li,
	.business-factoring .step-list.noarr[data-grid="3"] li{padding:35rem; border-radius:15rem; height:auto;}
	.business-factoring .step-list.noarr[data-grid="3"] li:before{display:none;}
	.business-program [data-grid="2"]{gap:20rem;}
}
@media (max-width:480px){
	.business_sub06 .sub_title > h4{line-height:1.3em;}
	.business-merit .step-list.noarr[data-grid="3"],
	.business-factoring .step-list.noarr[data-grid="3"]{margin-top:20rem; gap:10rem;}
	.business-merit .step-list.noarr[data-grid="3"] > li,
	.business-factoring .step-list.noarr[data-grid="3"] > li{padding:20rem; border-radius:10rem; }
	.business_sub06 .business-merit .step-list.noarr > li .icon,
	.business-factoring .step-list.noarr[data-grid="3"] > li .icon{width:50rem; height:50rem;}
	.business_sub06 .business-merit .step-list.noarr > li .txt{margin-top:6rem;}
	.business_sub06 .business-merit .step-list > li i{padding:3rem 6rem 2rem; margin:0 0 7rem;}
	.step-list > li .txt > h3{font-size:13rem;}
	.business-factoring .step-list > li .txt > h3{font-size:15rem;}
	.business-factoring .step-list > li .txt > p{font-size:12rem; margin-top:3rem;}
	.business-program{padding:40rem 0;}
	.business-program [data-grid="2"]{gap:10rem;}
	.business-program .step-list.noarr > li{padding:15rem 12rem 12rem; border-radius:7rem;}
	.business-program .step-list.noarr > li .icon{width:55rem; height:55rem;}
	.business-program .step-list.noarr > li:first-child .icon img{height:100%;}
	.business-program .step-list.noarr > li .txt{margin-top:5rem;}
	.business-program .step-list > li .txt > h3{font-size:17rem;}
	.business-program .step-list > li ul{padding:10rem; margin-top:14rem; border-radius:5rem;}
	.business-program .step-list > li ul li{padding:5rem 8rem; font-size:12rem;}
	.business-program .step-list > li ul[data-list="dot"] > *::before{top:12rem;}
}

/* esg */
.esg-page > div:not(.sub_title){padding:100rem 0;}
.esg-page .esg-intro{padding-top:0 !important;}
.esg-page .esg-intro .img{border-radius:20rem; overflow:hidden;}
.esg-page .esg-intro .img img{width:100%; height:100%;}
.esg-page .esg-intro .txt{margin-top:40rem; padding:0 60rem; text-align:center; box-sizing:border-box;}
.esg-page .esg-intro .txt h3{display:block; margin-bottom:15rem; font-size:30rem; font-weight:700; color:#222; line-height:1.4em; word-break:keep-all;}
.esg-page .esg-intro .txt p{display:block; font-size:18rem; font-weight:400; color:#777; line-height:1.5em; word-break: break-word; word-break:keep-all;}
.esg-page .esg-intro .txt p.last{margin-top:15rem;}
.esg-management .img{margin-top:30rem; width:100%;}
.esg-management .img img{width:100%;}
.esg-management .img img.m{display:none;}
.esg-ethic .step-list{gap:40rem;}
.esg-ethic .step-list > li{height:280rem;}
.esg-ethic .step-list > li .icon{}
.esg-ethic .step-list > li .txt p{display:block; margin-top:10rem; font-size:17rem; font-weight:400; color:#777; line-height:1.5em; word-break:keep-all;}
.esg-quality .step-list > li .txt p{display:block; margin-top:5rem; font-size:17rem; font-weight:400; color:#777; line-height:1.5em; word-break:keep-all;}
.step-list.line > li,
.merit-list.line > li{border:1px solid #eee; box-sizing:border-box; padding:20rem 40rem; border-radius:15rem;}
.merit-list.line > li{height:180rem;}
.esg-page .esg-safety{padding-bottom:0 !important;}
.esg-safety .merit-list > li:nth-child(1) .icon img{height:40rem;}
.esg-safety .merit-list > li:nth-child(3) .icon img{width:45rem; height:auto;}

@media (max-width:1550px){
	.esg-page .esg-intro .txt{padding:0;}
}
@media (max-width:1300px){
	.esg-page .esg-intro .txt p br{display:none;}
	.esg-ethic .step-list{gap:30rem;}
	.step-list.line > li{padding:20rem; border-radius:15rem;}
}
@media (max-width:1024px){
	.esg-page .sub_title > p br{display:block;}
	.esg-ethic .step-list{gap:20rem;}
	.esg-safety .merit-list.line > li{padding:20rem;}
}
@media (max-width:768px){
	.esg-page .sub_title > p br{display:none;}
	.esg-page > div:not(.sub_title){padding:60rem 0;}
	.esg-page .esg-intro .img{border-radius:15rem;}
	.esg-page .esg-intro .txt{margin-top:30rem;}
	.esg-page .esg-intro .txt h3{font-size:25rem;}
	.esg-page .esg-intro .txt p{font-size:17rem;}

	.esg-quality .step-list.noarr[data-grid="3"]{grid-template-columns: repeat(3, 1fr); gap:20rem; margin-top:0rem;}
	.esg-quality .step-list.noarr > li{height:250rem;}
	.esg-quality .step-list.noarr > li .icon{width:60rem; height:60rem;}
	.esg-quality  .step-list.noarr[data-grid="3"] > li .txt > h3{font-size:18rem; line-height:1.2em;}


	.esg-management .img img.w{display:none;}
	.esg-management .img img.m{display:block;}
}
@media (max-width:620px){
	.esg-page .esg-intro .img{border-radius:10rem;}
	.esg-page .esg-intro .txt{margin-top:20rem;}
	.esg-page .esg-intro .txt h3{font-size:20rem; margin-bottom:10rem;}
	.esg-page .esg-intro .txt p{font-size:16rem;}
	.esg-page .esg-intro .txt p.last{margin-top:7rem;}

	.esg-quality .step-list.noarr[data-grid="3"]{grid-template-columns: repeat(1, 1fr); gap:12rem;}
	.esg-quality .step-list.noarr[data-grid="3"] > li{padding:40rem 20rem; height:auto;}

	.esg-safety .merit-list > li:nth-child(1) .icon img{height:34rem;}
}
@media (max-width:480px){
	.esg-page > div:not(.sub_title){padding:40rem 0;}
	.esg-page .esg-intro .img{border-radius:7rem;}
	.esg-page .esg-intro .txt{margin-top:15rem;}
	.esg-page .esg-intro .txt h3{font-size:15rem;}
	.esg-page .esg-intro .txt h3 br{display:none;}
	.esg-page .esg-intro .txt p{font-size:12rem;}
	
	.esg-ethic .step-list{gap:10rem;}
	.esg-ethic .step-list > li{height:auto; border-radius:5rem;}
	.esg-ethic .step-list > li .txt p,
	.esg-quality .step-list > li .txt p{margin-top:2rem; font-size:12rem;}
	.esg-quality .step-list.noarr[data-grid="3"]{margin-top:20rem; gap:10rem;}
	.esg-quality .step-list.noarr[data-grid="3"] > li{padding:20rem;}
	.esg-quality .step-list.noarr > li .icon{width:40rem; height:40rem;}
	.esg-quality .step-list.noarr[data-grid="3"] > li{border-radius:5rem;}
	.esg-quality .step-list.noarr[data-grid="3"] > li .txt > h3{font-size:13rem;}
	.esg-safety .merit-list.line > li{height:auto;}
	.esg-safety .merit-list > li:nth-child(1) .icon img{height:25rem;}
	.esg-safety .merit-list > li:nth-child(3) .icon img{width:30rem;}
}


/* 고객센터 */
.box-pirvacy{display:block; padding:50rem; box-sizing:border-box; border-radius:10rem; background:#f9f9f9;}
.box-pirvacy > h3{display:block; font-size:24rem; font-weight:700; color:#333;}
.chk_box_wrap{display:block; margin:15rem 0 0;}
.box-cs .top{display:block; text-align:right; margin-bottom:50rem; font-size:16rem; font-weight:600; color:#222; border-bottom: 2px solid #222; padding-bottom: 10rem; box-sizing:border-box;}
.box-cs .top .ess{position:relative; top:2rem; margin-right:5rem; display:inline-block; color:#ff4002; }
.text-box{position:relative; margin:20rem 0 0; }
.text-box .text{background:#fff; padding:20rem; box-sizing:border-box; border:1px solid #eee; box-sizing:border-box; border-radius:5rem;}
.text-box .text p{display:block; margin-bottom:3rem; font-size:17rem; font-weight:400; color:#666; line-height:1.4em; word-break:keep-all;}
.box-cs{margin-top:40rem;}
.box-cs input{display:block; padding:15rem; width:100%; height:60rem; border:1px solid #ddd; box-sizing:border-box; border-radius:5rem; font-size:17rem; color:#333; outline:none;}
.box-cs textarea{display:block; padding:15rem; width:100%; height:200rem; border:1px solid #ddd; box-sizing:border-box; border-radius:5rem; font-size:16rem; color:#333;  outline:none;}
.input-list{display:grid; gap:20rem; grid-template-columns: repeat(3, 1fr); margin-bottom:30rem;}
.box-cs label{position:relative; display:inline-block; margin-bottom:10rem; font-size:17rem; font-weight:600; color:#333; line-height:1em; word-break:keep-all;}
.box-cs label .ess{position:absolute; top:-4rem; right:-10rem; color:#ff4002; }
.input-content{display:block; margin:30rem 0 0;}
.area-btn{margin:40rem auto 0; text-align:center;}
.input-submit,
.area-btn a{display: flex; align-items: center; justify-content: center; margin:0 auto; width:170rem; height:60rem; background:var(--color-point); font-size:17rem; color:#fff; font-weight:600; border-radius:50rem; box-sizing:border-box; border:None;}

/*checkbox_custom*/
.ckbox input[type="checkbox"]{display:none; width:20rem; height:15rem;}
.ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5rem; width:26rem; height:26rem; background:url(../img/sub/img_check.png) left top no-repeat; cursor: pointer;}
.ckbox label{display:flex;position:relative; padding-left:28rem; color:rgba(0,0,0,0.4);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.ckbox label input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;width:20rem;height:20rem;border:1rem solid #ddd; background:#fff; border-radius:3rem; box-sizing:border-box;}
.ckbox label:hover input ~ .checkmark{}
.ckbox label input:checked ~ .checkmark{border:1rem solid var(--color-point); background-color:var(--color-point);}
.checkmark:after{display:none;position:absolute;content:"";}
.ckbox label input:checked ~ .checkmark:after{display:block;}
.ckbox label .checkmark:after{top:2.5rem;left:7rem;width:5rem;height:9rem;border:1px solid #fff; border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.ckbox em{position:relative; top:1.5rem; font-size:17rem; font-weight:500; color:#333; line-height:1em; word-break:keep-all;}

@media (max-width:1024px){
	.box-pirvacy{padding:40rem;}
	.input-list{gap:15rem;}
}
@media (max-width:768px){
	.box-pirvacy{padding:30rem;}
	.box-pirvacy > h3{font-size:22rem;}
	.text-box{margin:15rem 0 0;}
	.text-box .text{padding:15rem;}
	.box-cs input{padding:12rem; height:55rem;}
}
@media (max-width:620px){
	.box-pirvacy{padding:20rem;}
	.box-pirvacy > h3{font-size:20rem;}
	.text-box{margin:10rem 0 0;}
	.text-box .text p{font-size:15rem;}
	.box-cs{margin-top:30rem;}
	.box-cs .top{margin-bottom:30rem; font-size:15rem;}
	.box-cs label{font-size:16rem;}
	.input-list{gap:15rem; grid-template-columns: repeat(1, 1fr); margin-bottom:15rem;}
	.input-content{margin:15rem 0 0;}
}
@media (max-width:480px){
	.box-pirvacy{padding:15rem 12rem 18rem; border-radius:5rem;}
	.box-pirvacy > h3{font-size:14rem;}
	.text-box{margin:7rem 0 0;}
	.text-box .text{padding:12rem; height:100rem; overflow-y:scroll;}
	.text-box .text::-webkit-scrollbar{width:4rem;}
	.text-box .text p{font-size:11rem; margin-bottom:1rem;}
	.chk_box_wrap{margin:10rem 0 0;}
	.ckbox label{padding-left:20rem;}
	.ckbox label .checkmark:after{top:1rem; left:5rem; width:4rem; height:8rem;}
	.checkmark{width:15rem; height:15rem;}
	.ckbox em{font-size:11rem;}
	.box-cs{margin-top:20rem;}
	.box-cs .top{margin-bottom:15rem; font-size:12rem;}
	.box-cs label{font-size:12rem; margin-bottom:5rem;}
	.box-cs label .ess{top:-3rem; right:-8rem;}
	.box-cs input{height:40rem; padding:10rem; font-size:12rem;}
	.input-list{gap:10rem;margin-bottom:10rem;}
	.input-content{margin:10rem 0 0;}
	.box-cs textarea{height:120rem; padding:10rem; font-size:12rem;}
	.area-btn{margin:20rem auto 0;}
	.input-submit,
	.area-btn a{width:90rem; height:38rem; font-size:12rem;}
}

/* login */
#login-box{position:relative; width:500rem; margin:0 auto;}
#login-box #login_area{background-color:#fff;}
#login-box #login_area h2.member {font-size:30rem;font-family:Gotham, notokr;}
#login-box #login_area h2{line-height:50rem;text-align:center;font-size:48rem;}
#login-box #login_area h3{text-align:center;color:#666}
#login-box #login_area h3 p {font-size:15rem;font-weight:normal;}
#login-box #login_area #login_fs{margin-top:0rem; padding:0;}
#login-box #login_area #login_fs .login_input{width:100%;height:55rem;line-height:55rem;padding:0 25rem;margin-bottom:10rem;border:none;background-color:#f9f9f9; border:1rem solid #e4e4e4; box-sizing:border-box; font-weight:bold;font-size:16rem; color:#111;}
#login-box #login_area #login_fs .login_input:focus{border: 1rem solid #1974d9 !important;  box-shadow: none;}
#login-box #login_area #login_fs .login_input::placeholder {color:#666;}
#login_fs label{position:relative; top:-2rem; font-size:14rem; font-weight:500; color:#555;}
#login-box #login_area #login_fs .btn_submit{display:block;width:100%;height:63rem;margin-top:20rem;background:var(--color-point);text-align:center;color:#fff; font-size:18rem; font-weight:500; border-radius:0; transition:all 0.3s ease;}
#login-box #login_area #login_fs .btn_submit:hover{background:#042d66;}
#login-box #login_info{position:relative;padding:0rem 0;margin-top:-1rem;border:0rem solid #dfdce1;background-color:#fff;text-align:center;}
#login-box #login_info p{font-size:13rem;}
#login-box #login_info div{margin-top:0rem;}
#login-box #login_info div a{display:inline-block;width:155rem;height:34rem;line-height:34rem;border:1rem solid #d5d5d5;color:#333;font-size:13rem;font-weight:bold}
#login-box #login_info div a:last-child{margin-left:-1rem}
#login-box .button_etc {position:relative;width:100%;text-align:center;}
#login-box .button_etc a {display:inline-block;margin:25rem 10rem 0rem; font-size:14rem; font-weight:600; color:#555; border:none;}
#login-box .button_etc a:hover{color:var(--color-point);}

@media (max-width:768px){
	.area-member{margin-top:80rem;}
}
@media (max-width:620px){
	#login-box{width:100%;}
}
@media (max-width:480px){
	.area-member{margin-top:50rem;}
	#login-box #login_area #login_fs .login_input{height:45rem; line-height:45rem; padding:10rem; font-size:12rem; margin-bottom:7rem;}
	#login_fs label{font-size:12rem; top:0;}
	#login-box #login_area #login_fs .btn_submit{margin-top:10rem; height:45rem; font-size:15rem;}
	#login-box .button_etc a{margin:15rem 0; font-size:12rem;}
}

.area_policy{padding-top:0;}
.area_policy h2{padding:30rem 0;font-size:40rem;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20rem;font-weight: 700;font-size:22rem;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:400; font-size:15rem; color:#666;  text-align:justify;}
.area_policy ul li{margin-bottom:8rem;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.area_policy ul li ul li{margin-bottom:2rem; font-size:15rem;}
.area_policy .inr_policy{padding:40rem 0; border-bottom:1rem solid #ddd;}
.area_policy .inr_policy.first{padding-top:0;}
.area_policy .inr_policy:last-child{border:none;}

@media (max-width:480px){
	.area_policy h3{font-size:15rem; margin-bottom:7rem;}
	.area_policy .inr_policy{padding:20rem 0;}
	.area_policy ul li, .area_policy p{font-size:12rem; line-height:1.4em; margin-bottom:4rem; text-align:left;}
	.area_policy ul li ul{margin-top:2rem; margin-bottom:7rem;}
	.area_policy ul li ul li{font-size:12rem; margin-bottom:4rem;}
	
}