<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin ê³µí†µ*/
@import '/_css/member.css'; /* front member ê³µí†µ*/
@import '/_css/board.css'; /* front member ê³µí†µ*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';

@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}

/* ì„œë¸Œê³µí†µ */
.sub_contents_wrap {
	position:relative;
	height:auto;
	box-sizing:border-box;
}
.sub_contents_wrap h2 {
	color:#222;
	font-size:3.6rem;
	font-weight:600;
	position:relative;
	box-sizing:border-box;
	padding-top:4rem;
}
.sub_contents_wrap h2:before {
	content:"";
	position:absolute;
	width:14rem;
	height:1px;
	background:#222;
	left:0;
	top:0;
}
.sub_contents_wrap h2.ct {
	text-align:center;
	padding-top:0;
	padding-bottom:4rem;
}
.sub_contents_wrap h2.ct:before {
	display:none;
}
.sub_contents_wrap h2.ct:after {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:14rem;
	height:1px;
	background:#222;
}
.sub_contents_wrap h2.none:before {
	display:none;
}
.sub_contents_wrap section:nth-of-type(1) &gt; h3 &gt; .blue_line {
	position:absolute;
	height:4px;
	background:#4fcdec;
}
.sub_contents_wrap section:nth-of-type(1) &gt; .img-box {
	position:absolute;
	right:0;
	top:11rem;
	z-index:-1;
}
@media (max-width: 1650px) {
	.sub_contents_wrap section:nth-of-type(1) &gt; .img-box {
		width:55%;
	}
}
@media (max-width: 1199.98px) {
	.sub_contents_wrap section:nth-of-type(1) &gt; .img-box {
		position:relative;
		right:0;
		top:0;
		margin-top:4rem;
		width:100%;
	}
}
@media (max-width: 991.98px) {
	.sub_contents_wrap {
		overflow:hidden;
	}
	.sub_contents_wrap h2 {
		font-size:2.4rem;
		padding-top:2rem;
	}
	.sub_contents_wrap h2:before {
		width:8rem;
	}
}


/* ceoì¸ì‚¬ë§ */
.ceo_intro_wrap {
	padding-bottom:40rem;
	margin-bottom:5rem;
	background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom;
}
.ceo_intro_wrap section:nth-of-type(1) &gt; h3 &gt; .blue_line {
	left:35rem;
	bottom:-1rem;
	width:37rem;
}
@media (max-width: 1199.98px) {
	.ceo_intro_wrap {
		padding-bottom:15rem;
		margin-bottom:5rem;
		background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom / 80%;
	}
	.ceo_intro_wrap section:nth-of-type(1) &gt; h3 &gt; .blue_line {
		left:40%;
		bottom:-1.5rem;
		width:100%;
	}
}

/* ê²½ì˜ì´ë… */
.vision_intro_wrap {
}
.vision_intro_wrap &gt; div:nth-of-type(1){
	padding-bottom:28rem;
	background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom -5px;
}
.vision_intro_wrap section:nth-of-type(1) &gt; h3 &gt; span {
	display:block;
	color:#4fcdec;
}
.vision_intro_wrap section:nth-of-type(1) &gt; h3 &gt; .blue_line {
	left:22rem;
	bottom:-1rem;
	width:50rem;
}
.vision_intro_wrap section:nth-of-type(1) &gt; p &gt; span{
	display:block;
	color:#4fcdec;
}
.vision_intro_wrap &gt; div:nth-of-type(2) {
	padding:13rem 0 63rem;
	background:#f7f7f7;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 {
	position:relative;
	height:auto;
	text-align:center;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; p:nth-of-type(1){
	color:#999;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div {
	position:absolute;
	width:2400px;
	top:20rem;
	left:50%;
	transform:translateX(-50%);
	box-sizing:border-box;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul {
	position:relative;
	width:100%;
	height:auto;
	list-style:none;
	padding-left:0;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li {
	float:left;
	position:relative;
	width:400px;
	height:480px;
	background:url("../_img/sub/dsgreen_sub01_02vision_bg02.png") no-repeat center center / 100%;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li:nth-child(2n){
	background:url("../_img/sub/dsgreen_sub01_02vision_bg01.png") no-repeat center center / 100%;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li.none-bg{
	background:url("../_img/sub/dsgreen_sub01_02vision_bg00.png") no-repeat center center / 100%;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul:after {
	content:"";
	display:block;
	clear:both;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li &gt; .txt-box {
	position:absolute;
	width:100%;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	color:#fff;
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li &gt; .txt-box &gt; h3 {
	font-family:"Montserrat";
}
.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li &gt; .txt-box &gt; span {
	display:block;
	color:#ccc;
}
@media (max-width: 1600px) {
	.vision_intro_wrap &gt; div:nth-of-type(2) {
		padding:13rem 0 53rem;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div {
		width:1800px;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li {
		width:300px;
		height:360px;
	}
}
@media (max-width: 1199.98px) {
	.vision_intro_wrap &gt; div:nth-of-type(2) {
		padding:10rem 0;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div {
		position:relative;
		width:100%;
		top:2rem;
		box-sizing:border-box;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li {
		width:25%;
		height:36rem;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li.none-bg {
		display:none;
	}
	.vision_intro_wrap &gt; div:nth-of-type(1) {
		padding-bottom:15rem;
		margin-bottom:0;
		background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom / 80%;
	}
	.vision_intro_wrap section:nth-of-type(1) &gt; h3 &gt; .blue_line {
		left:16%;
		bottom:-1.5rem;
		width:100%;
	}
}
@media (max-width: 991.98px) {
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li {
		float:none;
		position:relative;
		margin:1rem 6.5rem;
		width:calc(100% - 13rem);
		height:12rem;
		background:#03b7e4;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li:before {
		content: "";
		position: absolute;
		top: 0;
		left: -5rem;
		border-top: 6rem solid transparent;
		border-right: 5.125rem solid #03b7e4;
		border-bottom: 6rem solid transparent;
		box-sizing:border-box;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li:after {
		content: "";
		position: absolute;
		top: 0;
		right: -5rem;
		border-top: 6rem solid transparent;
		border-left: 5.125rem solid #03b7e4;
		border-bottom: 6rem solid transparent;
		box-sizing:border-box;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li:nth-child(2n) {
		background:#0276bd;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li:nth-child(2n):before{
		border-right: 5.125rem solid #0276bd;
	}
	.vision_intro_wrap &gt; div:nth-of-type(2) &gt; .sec02 &gt; div &gt; ul &gt; li:nth-child(2n):after {
		border-left: 5.125rem solid #0276bd;
	}
}


/* ì—°í˜ */
.history_intro_wrap {
	background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom 40rem;
}
.history_intro_wrap &gt; div &gt; section:nth-of-type(1) &gt; div:nth-of-type(1){
	position:relative;
	width:100%;
	padding:0 0 22.5rem;
	/*background:url("../_img/sub/dsgreen_sub01_03history_img01.jpg") no-repeat right top / 100%;*/
}
.history_intro_wrap &gt; div &gt; section:nth-of-type(1) &gt; div:nth-of-type(1) &gt; p {
	position:absolute;
	bottom:0;
	left:7rem;
}
@media (max-width: 1199.98px) {
	.history_intro_wrap &gt; div &gt; section:nth-of-type(1) &gt; div:nth-of-type(1){ 
		padding:0 0 15rem;
	}
	.history_intro_wrap &gt; div &gt; section:nth-of-type(1) &gt; div:nth-of-type(1) &gt; p {
		bottom:0;
		left:4rem;
	}
}
@media (max-width: 991.98px) {
	.history_intro_wrap &gt; div &gt; section:nth-of-type(1) &gt; div:nth-of-type(1){ 
		padding:0 0 11.5rem;
	}
	.history_intro_wrap &gt; div &gt; section:nth-of-type(1) &gt; div:nth-of-type(1) &gt; p {
		bottom:0;
		left:3rem;
	}
}

.history_intro_wrap &gt; div &gt; section:nth-of-type(2) {
	position:relative;
	box-sizing:border-box;
	padding:0 7rem;
}
.history_box &gt; div {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.history_box &gt; div &gt; div:nth-of-type(1) {
	-ms-flex:0 0 20%;
	flex:0 0 20%;
	position:relative;
}
.history_box &gt; div &gt; div:nth-of-type(1):before,
.history_box &gt; div &gt; div:nth-of-type(1):after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:2px;
}
.history_box &gt; div &gt; div:nth-of-type(1):before{
	background:#ccc;
}
.history_box &gt; div &gt; div:nth-of-type(1):after{
	height:0;
	transition:all 0.3s ease-in-out;
	background:#03b7e4;
}
.history_box &gt; div &gt; div:nth-of-type(1).aos-animate:after{
	height:100%;
}
.history_box &gt; div &gt; div:nth-of-type(1) &gt; h3 {
	color:#ccc;
}
.history_box &gt; div &gt; div:nth-of-type(1) &gt; h3.aos-animate {
	transition:all 0.3s ease-in-out;
	color:#03b7e4;
}
.history_box &gt; div &gt; div:nth-of-type(1) &gt; h3:before {
	content:"";
	position:absolute;
	right:-5px;
	top:16px;
	width:12px;
	height:12px;
	border-radius:100%;
	background:#ccc;
}
.history_box &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; h3:before {
	right:-5px;
	top:-4px;
}
.history_box &gt; div &gt; div:nth-of-type(1) &gt; h3.aos-animate:before {
	transition:all 0.3s ease-in-out;
	background:#03b7e4;
}
.history_box &gt; div:last-child &gt; div:nth-of-type(1) &gt; h3:after{
	content:"";
	position:absolute;
	right:-5px;
	bottom:0;
	width:12px;
	height:12px;
	border-radius:100%;
	background:#ccc;
}
.history_box &gt; div:last-child &gt; div:nth-of-type(1) &gt; h3.aos-animate:after {
	transition:all 0.3s ease-in-out;
	background:#03b7e4;
}
.history_box &gt; div &gt; div:nth-of-type(2) {
	-ms-flex:0 0 80%;
	flex:0 0 80%;
	padding:0 0 0 9.5rem;
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl {
	position:relative;
	height:auto;
	padding:2rem 0;
	border-bottom:1px solid #eee;
}
.history_box &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; dl:first-child {
	padding-top:0;
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dt,
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd {
	float:left;
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dt {
	width:13.5rem;
	color:#222;
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd {
	width:calc(100% - 13.5rem);
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl:after {
	content:"";
	display:block;
	clear:both;
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd &gt; dl {
	position:relative;
	height:auto;
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd &gt; dl &gt; dt,
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd &gt; dl &gt; dd {
	float:left;
	color:#666;
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd &gt; dl &gt; dt {
	width:5rem;
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd &gt; dl &gt; dd {
	width:calc(100% - 5rem);
}
.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd &gt; dl:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 1199.98px) {
	.history_intro_wrap {
		background:none;
		padding:0 0 10rem;
	}
	.history_intro_wrap &gt; div &gt; section:nth-of-type(2) {
		padding:0 4rem;
	}
	.history_box &gt; div &gt; div:nth-of-type(1) {
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		position:relative;
		padding:2rem 0;
	}
	.history_box &gt; div &gt; div:nth-of-type(1):before,
	.history_box &gt; div &gt; div:nth-of-type(1):after{
		display:none;
	}
	.history_box &gt; div &gt; div:nth-of-type(1) &gt; h3 {
		border-bottom:2px solid #ccc;
		padding-bottom:2rem;
	}
	.history_box &gt; div &gt; div:nth-of-type(1) &gt; h3.aos-animate {
		transition:all 0.3s ease-in-out;
		border-bottom:2px solid #03b7e4;
	}
	.history_box &gt; div &gt; div:nth-of-type(1) &gt; h3:before {
		right:0;
		left:0;
		top:6.2rem;
	}
	.history_box &gt; div:nth-of-type(1) &gt; div:nth-of-type(1) &gt; h3:before {
		right:0;
		left:0;
		top:6.2rem;
	}
	.history_box &gt; div:last-child &gt; div:nth-of-type(1) &gt; h3:after {
		display:none;
	}
	.history_box &gt; div &gt; div:nth-of-type(2) {
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		padding:0;
	}
	.history_box &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; dl:first-child {
		padding-top:2rem;
	}
}
@media (max-width: 991.98px) { 
	.history_intro_wrap &gt; div &gt; section:nth-of-type(2) {
		padding:0 3rem;
	}
	.history_box &gt; div &gt; div:nth-of-type(1):after {
		left:0;
		top:6.4rem;
	}
	.history_box &gt; div:nth-of-type(1) &gt; div:nth-of-type(1):after {
		left:0;
		top:6.4rem;
	}
	.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dt {
		width:20%;
	}
	.history_box &gt; div &gt; div:nth-of-type(2) &gt; dl &gt; dd {
		width:80%;
	}
}

/* ê³„ì—´ì‚¬ */
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(1){
	position:relative;
	margin:0 auto;
	width:32.2rem;
	height:37.2rem;
	text-align:center;
	background:url('../_img/sub/dsgreen_sub01_04partner_bg01.png') no-repeat center center / 100%;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(1) &gt; a {
	display:block;
	width:100%;
	height:100%;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(1) &gt; a &gt; div.txt-box {
	position:absolute;
	width:100%;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	color:#fff;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) {
	position:relative;
	margin:0 auto;
	width:136rem;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul {
	position:relative;
	top:-4rem;
	width:100%;
	height:auto;
	padding-left:0;
	list-style:none;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li {
	float:left;
	position:relative;
	margin-right:7rem;
	width:calc(25% - 5.25rem);
	height:34rem;
	text-align:center;
	background:url('../_img/sub/dsgreen_sub01_04partner_bg02.png') no-repeat center top / 100%;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li &gt; a {
	color:#222;
	display:block;
	width:100%;
	height:100%;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li &gt; a.none {
	cursor:default;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li:last-child {
	margin-right:0;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box {
	position:absolute;
	width:100%;
	left:50%;
	top:5rem;
	transform:translateX(-50%);
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; img {
	width:20%;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li:nth-of-type(2) div.txt-box &gt; img {
	width:30%;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; p {
	color:#666;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span {
	display:none;
	position:relative;
	color:#666;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span:before,
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span:after {
	position:absolute;
	font-size:5rem;
	font-weight:600;
	line-height:5rem;
	color:#999;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span:before {
	content:"{";
	left:12%;
	top:0;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span:after {
	content:"}";
	right:12%;
	top:0;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background:#ddd;
	z-index:-1;
}
.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 1400px) {
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(1){
		width:28rem;
		height:32.5rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) {
		width:110rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li {
		margin-right:5rem;
		width:calc(25% - 3.75rem);
		height:31rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box {
		top:4rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span:before {
		left:8%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span:after {
		right:8%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul:before {
		top:45%;
	}
}
@media (max-width: 1199.98px) { 
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(1){
		width:22rem;
		height:26rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) {
		width:90rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li {
		margin-right:2rem;
		width:calc(25% - 1.5rem);
		height:24.5rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box {
		top:3.5rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span:before {
		left:6%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; span:after {
		right:6%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul:before {
		top:50%;
	}
}
@media (max-width: 991.98px) {
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(1){
		width:40rem;
		height:48rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) {
		width:100%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li {
		margin-right:0;
		margin-bottom:2rem;
		width:50%;
		height:45rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box {
		top:10rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; img {
		width:30%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li:nth-child(2) div.txt-box &gt; img {
		width:40%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul:before {
		width:0;
		height:0;
		background:#fff;
	}
}
@media (max-width: 767.98px) {
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(1){
		width:30rem;
		height:35rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li {
		margin-bottom:2rem;
		width:50%;
		height:35rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; img {
		width:20%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li:nth-of-type(2) div.txt-box &gt; img {
		width:30%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box {
		top:6rem;
	}
}
@media (max-width: 575.98px) {
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(1){
		width:28rem;
		height:33rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box {
		top:3rem;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li div.txt-box &gt; img {
		width:15%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li:nth-of-type(2) div.txt-box &gt; img {
		width:25%;
	}
	.parnter_intro_wrap section.sec01 &gt; div:nth-of-type(2) &gt; ul &gt; li {
		margin-bottom:1rem;
		height:30rem;
	}
}
.parnter_intro_wrap &gt; div:nth-of-type(2) {
	position:relative;
	padding:14rem 0 15rem;
}
.parnter_intro_wrap &gt; div:nth-of-type(2):before {
	content:"";
	position:absolute;
	width:100%;
	height:70%;
	left:0;
	top:0;
	background:#f5f5f5;
}
.parnter_intro_wrap section.sec02 &gt; h2 {
	text-align:center;
	padding-top:0;
	padding-bottom:4rem;
}
.parnter_intro_wrap section.sec02 &gt; h2:before {
	display:none;
}
.parnter_intro_wrap section.sec02 &gt; h2:after {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:14rem;
	height:1px;
	background:#222;
}
.parnter_intro_wrap section.sec02 &gt; div.row &gt; div[class^='col-'] {
	position:relative;
}
.parnter_intro_wrap section.sec02 &gt; div.row &gt; div[class^='col-'] &gt; div.txt-box {
	position:absolute;
	left:0.5rem;
	bottom:-2rem;
	width:50%;
	box-sizing:border-box;
	padding:1.5rem;
	text-align:center;
	background:#03b7e4;
	color:#fff;
}
@media (max-width: 1199.98px) {
	.parnter_intro_wrap section.sec02 &gt; div.row &gt; div[class^='col-'] &gt; div.txt-box {
		left:0.5rem;
		width:70%;
	}
}
@media (max-width: 991.98px) {
	.parnter_intro_wrap &gt; div:nth-of-type(2) {
		position:relative;
		padding:10rem 0 10rem;
	}
}
@media (max-width: 767.98px) {
	.parnter_intro_wrap section.sec02 &gt; div.row &gt; div[class^='col-'] &gt; div.txt-box {
		left:1.8rem;
	}
}
@media (max-width: 575.98px) {
	.parnter_intro_wrap section.sec02 &gt; div.row &gt; div[class^='col-'] &gt; div.txt-box {
		left:1.9rem;
	}
}

/* ì˜¤ì‹œëŠ” ê¸¸ */
.location_intro_wrap {
	padding-bottom:40rem;
	margin-bottom:5rem;
	background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom;
}
.location_intro_wrap section:nth-of-type(1) &gt; .img-box {
	position:absolute;
	right:0;
	top:11rem;
	z-index:0;
	width:1001px;
	height:568px;
}
.location_intro_wrap section:nth-of-type(1) &gt; h3 &gt; span {
	display:block;
	color:#4fcdec;
}
.location_intro_wrap section:nth-of-type(1) &gt; h3 &gt; .blue_line {
	left:32rem;
	bottom:-1rem;
	width:42rem;
}
.location_intro_wrap section:nth-of-type(1) &gt; p &gt; span{
	display:block;
	color:#4fcdec;
}
.location_intro_wrap section:nth-of-type(1) &gt; div:nth-of-type(2) &gt; p &gt; span:nth-of-type(1){
	padding:0.5rem 2rem;
	background:#7abee1;
	color:#fff;
	text-align:center;
	border-radius:2rem;
	margin-right:1rem;
}
.location_intro_wrap section:nth-of-type(1) &gt; div:nth-of-type(2) &gt; p &gt; span:nth-of-type(2){
	color:#ff0000;
}
@media (max-width: 1650px) {
	.location_intro_wrap section:nth-of-type(1) &gt; .img-box {
		width:55%;
	}
}
@media (max-width: 1400px) {
	.location_intro_wrap section:nth-of-type(1) &gt; .img-box {
		height:420px;
	}
}
@media (max-width: 1199.98px) {
	.location_intro_wrap {
		padding-bottom:15rem;
		margin-bottom:5rem;
		background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom / 80%;
	}
	.location_intro_wrap section:nth-of-type(1) &gt; h3 &gt; .blue_line {
		left:24%;
		bottom:-1.5rem;
		width:100%;
	}
	.location_intro_wrap section:nth-of-type(1) &gt; .img-box {
		position:relative;
		right:0;
		top:0;
		margin-top:4rem;
		width:100%;
	}
}
@media (max-width: 767.98px) {
	.location_intro_wrap section:nth-of-type(1) &gt; .img-box {
		height:260px;
	}
}

/* íìˆ˜ì²˜ë¦¬ì‚¬ì—… */
.waste_intro_wrap section.sec02 {
	padding-bottom:30rem;
	background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom -1rem;
}
.waste_intro_wrap section.sec02 &gt; div &gt; .row &gt; div[class^='col-'] &gt; dl {
	position:relative;
	height:auto;
}
.waste_intro_wrap section.sec02 &gt; div &gt; .row &gt; div[class^='col-'] &gt; dl &gt; dt,
.waste_intro_wrap section.sec02 &gt; div &gt; .row &gt; div[class^='col-'] &gt; dl &gt; dd {
	float:left;
}
.waste_intro_wrap section.sec02 &gt; div &gt; .row &gt; div[class^='col-'] &gt; dl &gt; dt {
	width:16rem;
}
.waste_intro_wrap section.sec02 &gt; div &gt; .row &gt; div[class^='col-'] &gt; dl &gt; dd {
	width:calc(100% - 16rem);
	color:#666;
}
.waste_intro_wrap section.sec02 &gt; div &gt; .row &gt; div[class^='col-'] &gt; dl:after {
	content:"";
	display:block;
	clear:both;
}
.waste_intro_wrap section.sec03 {
	padding:12rem 0 60rem;
	background:#f5f5f5;
}
.waste_intro_wrap section.sec03 div.sec03_box {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	width:200rem;
	height:42rem;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul {
	position:relative;
	width:100%;
	height:auto;
	padding-left:0;
	list-style:none;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li {
	position:absolute;
	width:31.8rem;
	height:27.6rem;
	background:url('../_img/sub/dsgreen_sub04_01wastewater_bg01.png') no-repeat center center / 100%;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li &gt; div.txt-box {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:100%;
	color:#fff;
	text-align:center;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(1){
	left:0;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(2){
	left:24.2rem; /* +24.2rem */
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(3){
	left:48.4rem;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(4){
	left:72.6rem;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(5){
	left:96.8rem;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(6){
	left:121rem;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(7){
	left:145.2rem;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(8){
	left:169.4rem;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-child(2n){
	top:14rem;
	background:url('../_img/sub/dsgreen_sub04_01wastewater_bg02.png') no-repeat center center / 100%;
}
.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li.none-bg{
	background:url('../_img/sub/dsgreen_sub04_01wastewater_bg00.png') no-repeat center center / 100%;
}
@media (max-width: 1400px) {
	.waste_intro_wrap section.sec03 {
		padding:12rem 0 50rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box {
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		width:142.5rem;
		height:29rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li {
		width:22rem;
		height:19rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-child(2n){
		top:10rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(2){
		left:17rem; /* +17rem */
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(3){
		left:34rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(4){
		left:51rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(5){
		left:68rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(6){
		left:85rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(7){
		left:102rem;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(8){
		left:119rem;
	}
}
@media (max-width: 991.98px) {
	.waste_intro_wrap section.sec03 {
		padding:12rem 0;
	}
	.waste_intro_wrap section.sec03 div.sec03_box {
		position:relative;
		margin:0 1.5rem;
		left:0;
		transform:translateX(0);
		width:calc(100% - 3rem);
		height:auto;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li.none-bg {
		display:none;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li,
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-child(2n){
		position:relative;
		margin:1rem 6.5rem;
		width:calc(100% - 13rem);
		height:12rem;
		background:#0276bd;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-child(2n){
		background:#03b7e4;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:before {
		content: "";
		position: absolute;
		top: 0;
		left: -5rem;
		border-top: 6rem solid transparent;
		border-right: 5.125rem solid #0276bd;
		border-bottom: 6rem solid transparent;
		box-sizing:border-box;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:after {
		content: "";
		position: absolute;
		top: 0;
		right: -5rem;
		border-top: 6rem solid transparent;
		border-left: 5.125rem solid #0276bd;
		border-bottom: 6rem solid transparent;
		box-sizing:border-box;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-child(2n):before{
		border-right: 5.125rem solid #03b7e4;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-child(2n):after {
		border-left: 5.125rem solid #03b7e4;
	}
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(2),
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(3),
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(4),
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(5),
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(6),
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(7),
	.waste_intro_wrap section.sec03 div.sec03_box &gt; ul &gt; li:nth-of-type(8){
		left:0;
		top:0;
	}
}

.waste_intro_wrap section.sec04 {
	position:relative;
}
.waste_intro_wrap section.sec04 .waste-swiper {
	overflow:inherit;
}
.waste_intro_wrap section.sec04 .waste-swiper &gt; .swiper-wrapper &gt; .swiper-slide {
	position:relative;
}
.waste_intro_wrap section.sec04 .waste-swiper &gt; .swiper-wrapper &gt; .swiper-slide &gt; .txt-box {
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.7);
	color:#fff;
	padding:1.5rem;
	width:60%;
}
.waste_intro_wrap section.sec04 .waste-swiper .waste-button-prev,
.waste_intro_wrap section.sec04 .waste-swiper .waste-button-next {
	position:absolute;
	width:7rem;
	height:7rem;
	border:1px solid #ccc;
	text-align:center;
	font-size:22px;
	line-height:7rem;
	top:-9rem;
}
.waste_intro_wrap section.sec04 .waste-swiper .waste-button-next {
	right:0;
}
.waste_intro_wrap section.sec04 .waste-swiper .waste-button-prev {
	right:7.4rem;
}
.waste_intro_wrap section.sec05 &gt; h2 &gt; p.info{
	display:none;
}
.waste_intro_wrap section.sec06 &gt; p {
	text-align:center;
}
.waste_intro_wrap section.sec06 &gt; p:nth-of-type(2){
	color:#0276bd;
}

@media (max-width: 1199.98px) {
	.waste_intro_wrap section.sec02 {
		padding-bottom:20rem;
		background:url('../_img/sub/dsgreen_sub_bg_text.gif') no-repeat right bottom -0.5rem / 80%;
	}
	.waste_intro_wrap section.sec04 .waste-swiper .waste-button-prev,
	.waste_intro_wrap section.sec04 .waste-swiper .waste-button-next {
		width:5rem;
		height:5rem;
		line-height:5rem;
		font-size:20px;
		top:-8rem;
	}
	.waste_intro_wrap section.sec04 .waste-swiper .waste-button-next {
		left:5.4rem;
	}
	.waste_intro_wrap section.sec04 .waste-swiper .waste-button-prev {
		left:0;
	}
}
@media (max-width: 991.98px) {
	.waste_intro_wrap section.sec04 .waste-swiper .waste-button-prev,
	.waste_intro_wrap section.sec04 .waste-swiper .waste-button-next {
		top:-6rem;
	}
	.waste_intro_wrap section.sec04 .waste-swiper .waste-button-next {
		left:5.4rem;
	}
	.waste_intro_wrap section.sec04 .waste-swiper .waste-button-prev {
		left:0;
	}
	.waste_intro_wrap section.sec05 &gt; h2 &gt; p.info{
		display:block;
		position:absolute;
		right:0;
		bottom:0.3rem;
		color:#999;
	}
	.waste_intro_wrap section.sec05 &gt; h2 &gt; p.info &gt; i {
		transform:rotate(90deg);
	}
	.waste_intro_wrap section.sec05 &gt; div {
		width:100%;
		box-sizing:border-box;
		padding-bottom:20px;
		height:auto;
		overflow-x:scroll;
	}
	.waste_intro_wrap section.sec05 &gt; div &gt; div {
		width:1000px;
	}
}



/* íìˆ˜ìœ„íƒì²˜ë¦¬ì&nbsp;ˆì°¨ */
.process_intro_wrap {}
.process_intro_wrap section.sec02 {
	position:relative;
	background:url('../_img/sub/dsgreen_sub03_process_bg.jpg') no-repeat right top 10rem;
}
.process_intro_wrap section.sec02 &gt; div {
	position:relative;
	width:100%;
	height:auto;
}
.process_intro_wrap section.sec02 div.prc {
	position:relative;
	width:100%;
	height:auto;
}
.process_intro_wrap section.sec02 div.prc:after {
	content:"";
	display:block;
	clear:both;
}
.process_intro_wrap section.sec02 div.prc:before {
	content:"";
	position:absolute;
	width:70%;
	height:8px;
	left:50%;
	top:12rem;
	transform:translateX(-50%);
	background:#eee;
}
.process_intro_wrap section.sec02 div.prc &gt; div.prc-box {
	position:relative;
	float:left;
	width:calc(20% - 4rem);
	height:auto;
	padding-right:0;
	padding-left:0;
	margin:2rem;
}
.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box {
	float:right;
}
.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:after {
	content:"\e93e";
	font-family:"xeicon";
	position:absolute;
	right:-3.4rem;
	top:9rem;
	width:2.6rem;
	height:2.6rem;
	border-radius:100%;
	background:#666;
	color:#fff;
	text-align:center;
	line-height:2.6rem;
}
.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:after {
	content:"\e93b";
	right:0;
	left:-3.4rem;
}
.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:last-child:after{
	display:none;
}
.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box {
	position:relative;
	text-align:center;
	width:100%;
}
.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box &gt; p:nth-of-type(1){
	color:#ccc;
}
.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box &gt; p:nth-of-type(2) &gt; span {
	display:block;
}
.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box &gt; p:nth-of-type(2) &gt; span.red {
	color:#f00;
}
.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box &gt; .line {
	position:relative;
	left:50%;
	transform:translateX(-50%);
	width:4rem;
	height:2px;
	margin:1rem 0;
	background:#03b7e4;
}
.process_intro_wrap section.sec02 div.prc:nth-of-type(1) &gt; div.prc-box &gt; div.icon {
	position:relative;
	top:0;
	width:100%;
	height:20rem;
	line-height:20rem;
	text-align:center;
	background:url('../_img/sub/dsgreen_sub04_01wastewater_bg02.png') no-repeat center top / 100%;
}
.process_intro_wrap section.sec02 div.prc:nth-of-type(1) &gt; div.prc-box:nth-child(2n) &gt; div.icon {
	background:url('../_img/sub/dsgreen_sub04_01wastewater_bg01.png') no-repeat center top / 100%;
}
.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box &gt; div.icon {
	position:relative;
	top:0;
	width:100%;
	height:20rem;
	line-height:20rem;
	text-align:center;
	background:url('../_img/sub/dsgreen_sub04_01wastewater_bg01.png') no-repeat center top / 100%;
}
.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:nth-child(2n) &gt; div.icon {
	background:url('../_img/sub/dsgreen_sub04_01wastewater_bg02.png') no-repeat center top / 100%;
}
@media (max-width: 1680px) {
	.process_intro_wrap section.sec02 {
		background:url('../_img/sub/dsgreen_sub03_process_bg.jpg') no-repeat right top 6rem;
	}
	.process_intro_wrap section.sec02 &gt; div.container-xl {
		width:90%;
	}
	.process_intro_wrap section.sec02 div.prc:before {
		top:10rem;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box {
		width:calc(20% - 3rem);
		margin:1.5rem;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:after {
		right:-2.5rem;
		top:8rem;
		width:2rem;
		height:2rem;
		line-height:2rem;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:after {
		right:0;
		left:-2.5rem;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(1) &gt; div.prc-box &gt; div.icon,
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box &gt; div.icon{
		margin:0 auto;
		width:20rem;
		height:17.5rem;
		line-height:17.5rem;
	}
}
@media (max-width: 1400px) {
	.process_intro_wrap section.sec02 {
		background:url('../_img/sub/dsgreen_sub03_process_bg.jpg') no-repeat right top 3.5rem;
	}
	.process_intro_wrap section.sec02 div.prc:before {
		top:9rem;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:after {
		right:-2.9rem;
		top:7rem;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:after {
		right:0;
		left:-2.6rem;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(1) &gt; div.prc-box &gt; div.icon,
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box &gt; div.icon{
		width:18rem;
		height:16rem;
		line-height:16rem;
	}
}
@media (max-width: 1199.98px) {
	.process_intro_wrap section.sec02 {
		background:none;
	}
	.process_intro_wrap section.sec02 &gt; div.container-xl {
		width:100%;
	}
	.process_intro_wrap section.sec02 &gt; div.container-xl:after {
		content:"\e941";
		font-family:"xeicon";
		position:absolute;
		right:10rem;
		top:46%;
		width:2rem;
		height:2rem;
		border-radius:100%;
		background:#666;
		color:#fff;
		text-align:center;
		line-height:2rem;
	}
	.process_intro_wrap section.sec02 div.prc:before {
		top:8rem;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:after {
		right:-2.4rem;
		top:6rem;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(1) &gt; div.prc-box &gt; div.icon,
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box &gt; div.icon{
		width:16rem;
		height:14rem;
		line-height:14rem;
	}
}
@media (max-width: 991.98px) {
	.process_intro_wrap section.sec02 &gt; div.container-xl:after {
		display:none;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box {
		position:relative;
		float:none;
		padding-right:0;
		padding-left:0;
		margin:1rem 3rem;
		width:calc(100% - 6rem);
		height:14rem;
		padding:0;
		background:#03b7e4;
		padding:1rem 0;
		box-sizing:border-box;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:before {
		content: "";
		position: absolute;
		top: 0;
		left: -5rem;
		border-top: 7rem solid transparent;
		border-right: 5rem solid #03b7e4;
		border-bottom: 7rem solid transparent;
		box-sizing:border-box;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:after {
		content: "";
		position: absolute;
		top: 0;
		right: -5rem;
		border-top: 7rem solid transparent;
		border-left: 5rem solid #03b7e4;
		border-bottom: 7rem solid transparent;
		box-sizing:border-box;
		background:none;
		border-radius:0;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:nth-child(2n):before{
		border-right: 5rem solid #0276bd;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:nth-child(2n):after {
		border-left: 5rem solid #0276bd;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:before {
		content: "";
		position: absolute;
		top: 0;
		left: -5rem;
		border-top: 7rem solid transparent;
		border-right: 5rem solid #0276bd;
		border-bottom: 7rem solid transparent;
		box-sizing:border-box;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:after {
		content: "";
		position: absolute;
		top: 0;
		left:100%;
		border-top: 7rem solid transparent;
		border-left: 5rem solid #0276bd;
		border-bottom: 7rem solid transparent;
		box-sizing:border-box;
		background:none;
		border-radius:0;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:nth-child(2n):before{
		border-right: 5rem solid #03b7e4;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:nth-child(2n):after {
		border-left: 5rem solid #03b7e4;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:last-child:after {
		display:block;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box {
		float:none;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box:nth-child(2n) {
		background:#0276bd;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box {
		background:#0276bd;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:nth-child(2n){
		background:#03b7e4;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(1) &gt; div.prc-box &gt; div.icon,
	.process_intro_wrap section.sec02 div.prc:nth-of-type(1) &gt; div.prc-box:nth-child(2n) &gt; div.icon,
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box &gt; div.icon,
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box:nth-child(2n) &gt; div.icon{
		background:none;
	}
	.process_intro_wrap section.sec02 div.prc:nth-of-type(1) &gt; div.prc-box &gt; div.icon,
	.process_intro_wrap section.sec02 div.prc:nth-of-type(2) &gt; div.prc-box &gt; div.icon{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-125%, -50%);
		height:auto;
		line-height:normal;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.icon &gt; img {
		width:40% !important;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box &gt; .line {
		left:0;
		transform:translateX(0);
		background:#fff;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box {
		text-align:left;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-18%, -50%);
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box &gt; p:nth-of-type(2) {
		color:#fff;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box &gt; p:nth-of-type(2) &gt; span {
		display:inline-block;
	}
	.process_intro_wrap section.sec02 div.prc &gt; div.prc-box &gt; div.txt-box &gt; p:nth-of-type(2) &gt; span.red {
		color:#fff;
	}
}


/* ê´€ë&nbsp;¨ë²•ê·œ */
.lews_intro_wrap section {
	position:relative;
	height:auto;
}
.lews_intro_wrap section.sec02 {
	padding:7.5rem 0;
	border-bottom:1px dashed #ddd;
}
.lews_intro_wrap section.sec02:last-child {
	border-bottom:0;
}
.lews_intro_wrap section.sec02 &gt; div.txt-box &gt; h3 {
	color:#03b7e4;
}
.lews_intro_wrap section.sec02 &gt; div.txt-box &gt; p:nth-of-type(2){
	color:#666;
}
.lews_intro_wrap section:nth-of-type(2) &gt; div.txt-box &gt; p:nth-of-type(2) {
	width:65%;	
}
.lews_intro_wrap section:nth-of-type(2) &gt; div.img-box {
	position:absolute;
	right:-4rem;
	bottom:-7rem;
	z-index:0;
}
.lews_intro_wrap section.sec02 &gt; div.txt-box &gt; table {
	position:relative;
	width:100%;
	border-top:2px solid #222;
}
.lews_intro_wrap section.sec02 &gt; div.txt-box &gt; table &gt; thead &gt; tr &gt; th,
.lews_intro_wrap section.sec02 &gt; div.txt-box &gt; table &gt; thead &gt; tr &gt; td {
	background:#03b7e4;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	padding:1rem;
	border:1px solid #ccc;
}
.lews_intro_wrap section.sec02 &gt; div.txt-box &gt; table &gt; tbody &gt; tr &gt; th,
.lews_intro_wrap section.sec02 &gt; div.txt-box &gt; table &gt; tbody &gt; tr &gt; td {
	text-align:center;
	color:#666;
	box-sizing:border-box;
	padding:1rem;
	border:1px solid #ccc;
}
@media (max-width: 1400px) {
	.lews_intro_wrap section:nth-of-type(2) &gt; div.txt-box &gt; p:nth-of-type(2) {
		width:55%;
	}
}
@media (max-width: 1199.98px) {
	.lews_intro_wrap section.sec02 {
		padding:3.5rem 0;
	}
	.lews_intro_wrap section:nth-of-type(2) &gt; div.txt-box &gt; p:nth-of-type(2) {
		width:50%;
	}
	.lews_intro_wrap section:nth-of-type(2) &gt; div.img-box {
		width:45%;
		right:-2rem;
		bottom:2rem;
	}
}
@media (max-width: 991.98px) {
	.lews_intro_wrap section:nth-of-type(2) &gt; div.txt-box &gt; p:nth-of-type(2) {
		width:100%;
	}
	.lews_intro_wrap section:nth-of-type(2) &gt; div.img-box {
		position:relative;
		width:100%;
		height:25rem;
		right:0;
		top:0;
		overflow:hidden;
	}
	.lews_intro_wrap section:nth-of-type(2) &gt; div.img-box &gt; img {
		position:relative;
		top:-70%;
		width:100%;
		max-width:100%;
	}
}</pre></body></html>