@charset "utf-8";

/* Direction */
h2 {
    font-size: var(--font-size-18);
    font-weight: 700;
}	
.sub-h-txt {
    background-color: #f6fafd;
    margin-top: var(--margin-80);
    font-size: var(--font-size-18);
    line-height: var(--line-height-30);
    font-weight: 500;
    padding: 20px 20px;
}
.sub-h-txt span dd {
    font-weight: 600;
    color: var(--sub-color-0);
}
.br-block {
	display: none;
}
.pc-block {
	display: block;
}
.mo-block {
	display: none;
}
.org-area {
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
    justify-content: space-between;
}
.org-area.margin-80 {
	margin-top: var(--margin-80);
}
.org-ceo-blank {
    display: flex;
    width: 20%;
    align-items: center;
}
.org-ceo {
    display: flex;
    width: 20%;
    flex-direction: column;
}
.org-ceo-bg {
    width: 100%;
    height: 60px;
}
.org-ceo-bg.on {
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
    background-position: center;
}
.org-ceo-in {
    display: flex;
    width: 0;
    height: 0;
    font-size: var(--font-size-20);
    font-weight: 700;
    margin: 0 auto 0;
    color: #ffffff;
    background: var(--main-color-0);
    align-items: center;
    justify-content: center;
    padding: var(--padding-120);
    border-radius: 50%;
    border: solid var(--padding-30) #eeeeee;
    letter-spacing: -0.6px;
    text-align: center;
    flex-direction: column;
}
.org-ceo-in span {
    font-size: var(--font-size-36);
    font-weight: 700;
}
.org-market {
	width: 20%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.org-market-in {
    width: 100%;
    height: 80px;
    display: flex;
    background: #333;
    font-size: var(--font-size-20);
    font-weight: 500;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    line-height: 150%;
    letter-spacing: -0.3px;
    padding: 10px 0;
    border-radius: 15px;
    text-align: center;
}
.org-market-in.bg2 {
    width: 100%;
    height: 80px;
    display: flex;
    background: #0441bf;
    font-size: var(--font-size-20);
    font-weight: 500;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    line-height: 150%;
    letter-spacing: -0.3px;
    padding: 10px 40px;
    border-radius: 15px;
    text-align: center;
}
.org-market-blank-bg {
    display: flex;
    width: 20%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
    background-position: center;
    align-items: center;
    justify-content: flex-end;
}
.org-market-blank-bg.center {
    display: flex;
    width: 20%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
    background-position: center;
    align-items: center;
    justify-content: center;
}
.org-market-blank-bg2 {
    display: flex;
    width: 20%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
    background-position: center;
    align-items: center;
    justify-content: flex-end;
}
.org-market-blank-bg3 {
    display: flex;
    width: 100%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-x;
    background-position: center;
    justify-content: flex-end;
    align-items: center;
}
.org-market-blank-bg2 {
    width: 50%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-x;
    background-position: left center;
}
.org-area-bg {
    width: 100%;
    height: 80px;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
    background-position: center;
}
.org-market {
    width: 20%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-x;
    background-position: left;
}
.org-market-blank-bg .org-icon {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--sub-color-0);
    margin-right: 0px;
    z-index: 9;
    border-radius: 5px;
    left: calc(50% - 55px);
}
.org-area.re-x { 
	height: 1px;
}
.re-x .org-plant-blank1 {
    height: 1px;
    width: 20%;
}
.re-x .org-plant-blank1-bg {
    height: 1px;
    width: calc(50% + 10px);
    background: url('./img/dot-bg.png');
    background-repeat: repeat-x;
    background-position: right;
	float: right;
}
.re-x .org-plant-blank2 {
    height: 1px;
    width: 20%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-x;
    background-position: center;
}
.re-x .org-plant-blank3 {
    height: 1px;
    width: 20%;
}
.re-x .org-plant-blank3-bg {
    height: 1px;
    width: calc(50% + 10px);
    background: url('./img/dot-bg.png');
    background-repeat: repeat-x;
    background-position: left;
}
.org-area.re-y { 
	height: 20%;
}
.org-plant-blank.re-x .org-plant-blank-bg {
    background: url('./img/dot-bg.png');
    background-repeat: repeat-x;
    background-position: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.org-plant-blank.re-x.h-100 .org-plant-blank-bg {
    background: url('./img/dot-bg.png');
    background-repeat: repeat-x;
    background-position: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.org-plant-blank.re-x.re-y .org-plant-blank-bg .org-icon {
    width: 10px;
    height: 10px;
    background: var(--sub-color-0);
    margin-right: 0px;
    margin-top: 0px;
    z-index: 9;
    border-radius: 5px;
}
.org-plant-blank.re-x.re-y.h-100 .org-plant-blank-bg .org-icon {
    width: 10px;
    height: 10px;
    background: var(--sub-color-0);
    margin-right: 0px;
    margin-top: 0px;
    z-index: 9;
    border-radius: 5px;
    position: absolute;
    margin-bottom: -5px;
}
.org-plant-blank.re-x.h-100 .org-plant-blank-bg {
    background: url('');
    background-repeat: repeat-x;
    background-position: 50%;
    width: 100%;
    height: 100%;
}
.org-plant-blank.re-x .org-plant-blank-bg.line-none {
    background: url('');
    background-repeat: repeat-x;
    background-position: 50%;
    width: 100%;
    height: 100%;
}
.org-plant-blank.re-x {
    width: 2.5%;
}
.org-plant-blank.re-x.re-y {
    background: linear-gradient(to top, transparent 50%, #fff 50%), url('./img/dot-bg.png');
    background-repeat: repeat-y;
    background-position: center bottom;
    width: 2.5%;
}
.org-plant-blank.re-x.re-y.h-100 {
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
    background-position: center bottom;
    width: 2.5%;
}
.org-area.re-y .org-plant-blank4, .org-area.re-y .org-plant-blank5, .org-area.re-y .org-plant-blank6, .org-area.re-y .org-plant-blank6.center {
    width: 18%;
}
.re-y .org-plant-blank1 {
    height: 100px;
    width: 20%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
	background-position: 50% 0;
}
.re-y .org-plant-blank1-bg {
    height: 1px;
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
.re-y .org-plant-blank2 {
    height: 100px;
    width: 20%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
	background-position: 50% 0;
}

.re-y .org-plant-blank2-bg {
    height: 1px;
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
.re-y .org-plant-blank3 {
    height: 100px;
    width: 20%;
    background: url('./img/dot-bg.png');
    background-repeat: repeat-y;
	background-position: 50% 0;
}
.re-y .org-plant-blank3-bg {
    height: 1px;
    width: 50%;
}
.org-plant-blank1-bg .org-icon {
    width: 10px;
    height: 10px;
    background: var(--sub-color-0);
    margin-right: -5px;
    margin-top: -5px;
    z-index: 9;
    border-radius: 5px;
}
.org-plant-blank2-bg .org-icon {
    width: 10px;
    height: 10px;
    background: var(--sub-color-0);
    margin-right: -5px;
    margin-top: -5px;
    z-index: 9;
    border-radius: 5px;
}
.org-plant-blank3-bg .org-icon {
    width: 10px;
    height: 10px;
    background: var(--sub-color-0);
    margin-right: -5px;
    margin-top: -5px;
    z-index: 9;
    border-radius: 5px;
    float: right;
}

.re-y .org-plant-blank1, .re-y .org-plant-blank2, .re-y .org-plant-blank3 {
    width: 18%;
}

.re-y .org-plant-blank4-bg.border-none {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: 100%;
    border: solid 0px var(--sub-color-0);
    font-size: 20px;
    font-weight: 600;
    color: var(--sub-color-0);
    letter-spacing: -0.6px;
    border-radius: 15px;
    line-height: 130%;
}
.re-y .org-plant-blank4 {
    height: 80px;
    width: 20%;
	display: flex;
    justify-content: flex-start;
}
.re-y .org-plant-blank4.sub {
    height: 40px;
}
.re-y .org-plant-blank4.sub2 {
    height: 20px;
}
.re-y .org-plant-blank4-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: 100%;
    border: solid 1px var(--sub-color-0);
    font-size: 20px;
    font-weight: 600;
    color: var(--sub-color-0);
    letter-spacing: -0.6px;
    border-radius: 15px;
    line-height: 130%;
}
.re-y .org-plant-blank4-bg.bg2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: 100%;
    background-color: #0294e6;
    font-size: var(--font-size-18);
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.6px;
    border-radius: 5px;
    line-height: 130%;
	text-align: center;
}
.re-y .org-plant-blank4-bg p {
    font-size: 16px;
    font-weight: 600;
    color: var(--sub-color-0);
    letter-spacing: -0.6px;
    border-radius: 15px; 
	line-height: 130%;
}
.re-y .org-plant-blank5 {
    height: 80px;
    width: 20%;
	display: flex;
    justify-content: flex-start;
}
.re-y .org-plant-blank5-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: 100%;
    border: solid 1px var(--sub-color-0);
    font-size: 20px;
    font-weight: 600;
    color: var(--sub-color-0);
    letter-spacing: -0.6px;
    border-radius: 15px;
    line-height: 130%;
}
.re-y .org-plant-blank5-bg p {
    font-size: 16px;
    font-weight: 600;
    color: var(--sub-color-0);
    letter-spacing: -0.6px;
    border-radius: 15px; 
	line-height: 130%;
}
.re-y .org-plant-blank6 {
    height: 80px;
    width: 20%;
    display: flex;
    justify-content: flex-end;
}
.re-y .org-plant-blank6.center {
    height: 80px;
    width: 20%;
    display: flex;
    justify-content: center;
}
.re-y .org-plant-blank6-bg {   
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
    height: auto;
    width: 100%;
    border: solid 1px var(--sub-color-0);
    font-size: 20px;
    font-weight: 600;
    color: var(--sub-color-0);
    letter-spacing: -0.6px;
    border-radius: 15px;
	line-height: 130%;
}
.org-plant-blank4 .org-icon {
	position: absolute;
    width: 15px;
    height: 15px;
    background: var(--sub-color-0);
    margin-right: 0px;
    margin-top: -80px;
    z-index: 9;
    border-radius: 15px;
}
.org-plant-blank5 .org-icon {
	position: absolute;
    width: 15px;
    height: 15px;
    background: var(--sub-color-0);
    margin-right: 0px;
    margin-top: -80px;
    z-index: 9;
    border-radius: 15px;
}
.org-plant-blank6 .org-icon {
	position: absolute;
    width: 15px;
    height: 15px;
    background: var(--sub-color-0);
    margin-right: 0px;
    margin-top: -80px;
    z-index: 9;
    border-radius: 15px;
    float: right;
}

.re-n .org-plant-blank4 {
    height: 65px;
    width: 30.75%;
	display: flex;
    justify-content: flex-start;  
}

.re-n .org-plant-blank41 {
    height: 65px;
    width: 2.5%;
	display: flex;
    justify-content: flex-start;  
}
.re-n .org-plant-blank4-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: 100%;
    border: solid 1px #cccccc;
    font-size: var(--font-size-16);
    font-weight: 600;
    color: #555555;
    letter-spacing: -0.6px;
    border-radius: 15px;
    line-height: 130%; 
	background: #f5f5f5;
}
.re-n .org-plant-blank4-bg p {
    font-size: 16px;
    font-weight: 600;
    color: var(--sub-color-0);
    letter-spacing: -0.6px;
    border-radius: 15px; 
	line-height: 130%;
}
.re-n .org-plant-blank5 {
    height: 65px;
    width: 20%;
	display: flex;
    justify-content: center;
}
.re-n .org-plant-blank5-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: 100%;
    border: solid 1px #555555;
    font-size: var(--font-size-16);
    font-weight: 600;
    color: #555555;
    letter-spacing: -0.6px;
    border-radius: 5px;
    line-height: 130%;
	background: #fff;
    text-align: center;
}
.re-n .org-plant-blank5-bg.bg2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: 100%;
    border: solid 0px #555555;
    font-size: var(--font-size-16);
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.6px;
    border-radius: 5px;
    line-height: 130%;
	background: #3dc1dd;
}
.re-n .org-plant-blank5-bg p {
    font-size: 16px;
    font-weight: 600;
    color: var(--sub-color-0);
    letter-spacing: -0.6px;
    border-radius: 15px; 
	line-height: 130%;
}
.re-n .org-plant-blank6 {
    height: 65px;
    width: 20%;
    display: flex;
    justify-content: flex-end;
}
.re-n .org-plant-blank6.center {
    height: 65px;
    width: 20%;
    display: flex;
    justify-content: center;
}
.re-n .org-plant-blank6-bg {   
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
    height: auto;
    width: 100%;
    border: solid 0px #cccccc;
    font-size: var(--font-size-16);
    font-weight: 600;
    color: #555555;
    letter-spacing: -0.6px;
    border-radius: 5px;
	line-height: 130%;
	background: #e8e8e8;
    text-align: center;
}

.re-n .org-plant-blank5, .re-n .org-plant-blank6, .re-n .org-plant-blank6.center {
    width: 18%;
}


/* Large Devices, Wide Screens : ~ 1200px */
@media only screen and (max-width : 1200px) {
	.org-market-blank-bg .org-icon {
		left: calc(50% - 5px);
	}
	.org-ceo-blank.mo {
		display: none;
	}
	.org-ceo {
		width: 100%;
	}
	.br-block {
		display: block;
	}
	.pc-block {
		display: none;
	}
	.mo-block {
		display: block;
	}
	.org-market-blank-bg.center {
		width: 40%;
	}
	.org-market-blank-bg {
		width: 15%;
	}	
	.org-ceo-blank {
		width: 15%;
	}
	.org-ceo-blank.w-40 {
		width: 40%;
	}
	.org-market {
		width: 40%;
	}
	.org-area.re-y.re-x.warap {
		flex-wrap: wrap;
	}
	.org-plant-blank4.order-01 {
		width: 47.5% !important;
		order:1;
		margin-bottom: 10px;
	}
	.org-plant-blank.re-x.order-02 {
		width: 2.5% !important;
		order:2;
	}
	.org-plant-blank.re-x.order-03 {
		width: 2.5% !important;
		order:3;
	}
	.org-plant-blank6.order-04 {
		width: 47.5% !important;
		order:4;
		margin-bottom: 10px;
	}
	.org-plant-blank5.order-05 {
		width: 30% !important;
		order:5;
		margin-top: 10px;
	}
	.org-plant-blank.re-x.re-y.order-06 {
		width: 5% !important;
		order:6;
	}
	.org-plant-blank6.center.order-07 {
		width: 30% !important;
		order:7;
		margin-top: 10px;
	}
	.org-plant-blank.re-x.re-y.order-08 {
		width: 5% !important;
		order:8;
	}
	.org-plant-blank6.center.order-09 {
		width: 30% !important;
		order:9;
		margin-top: 10px;
	}
	.re-n .org-plant-blank4 {
		width: 30.75%;
	}
	.re-n .org-plant-blank5, .re-n .org-plant-blank6, .re-n .org-plant-blank6.center {
		width: 60%;
	}
	.re-n .org-plant-blank41 {
		width: 5%;
	}
	.org-plant-blank4.w-center {
		width: 40.2% !important
	}
	.re-y .org-plant-blank4.sub.center, .org-plant-blank4.sub2.center {
		width: 40.2% !important
	}
	.re-x .org-plant-blank2 {
		width: 17.5%;
	}
	.re-x .org-plant-blank3, .re-x .org-plant-blank1 {
		width: 23.75%;
	}
	.re-y .org-plant-blank1, .re-y .org-plant-blank2, .re-y .org-plant-blank3 {
		width: 35%;
	}
	.re-y .org-plant-blank6, .re-y .org-plant-blank4, .re-y .org-plant-blank5, .re-y .org-plant-blank6.center, .org-market-in.bg2, .org-market-in {
		height: 65px;
	}
	.org-area-bg {
		height: 60px;
	}
	.re-y .org-plant-blank1, .re-y .org-plant-blank2, .re-y .org-plant-blank3 {
		height: 60px;
	}
}


/* Medium Devices, Desktops : ~ 992px */
@media only screen and (max-width : 992px) {

}


/* Small Devices, Tablets : ~ 768px */
@media only screen and (max-width : 768px) {
	.org-ceo-bg {
		height: 40px;
	}
	.org-area-bg {
		height: 40px;
	}
	.re-y .org-plant-blank1, .re-y .org-plant-blank2, .re-y .org-plant-blank3 {
		height: 40px;
	}
}


/* Extra Small Devices, Phones : ~ 480px */
@media only screen and (max-width : 480px) {

}


/* Custom, iPhone Retina : ~ 320px */
@media only screen and (max-width : 320px) {

}