@charset "utf-8";

/* CEO-Message */
.subcont-area.full .sub-cont.bg {
    margin-top: var(--margin-80);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-cont-top {
	width: 100%;
    display: flex;
    justify-content: center;
	padding-left: var(--padding-20-15);
    padding-right: var(--padding-20-15);
}
.sub-cont-top-in {
    max-width: var(--max-width-sub);
    width: 100%;
    display: flex;
    justify-content: center;
    margin: var(--margin-80-20) auto 0;
    gap: 80px;
}
.sub-cont-top-left {
    display: flex;
    align-items: center;
    width: 100%;
    /* max-width: calc(var(--max-width-sub) / 2); */
}
.sub-cont-top-right {
    display: flex;
    justify-content: center;
    width: 50%;
    /* max-width: calc(var(--max-width-sub) / 2); */
}
.sub-cont-top-right img {
    position: relative;
    width: 100%;
    max-width: 100%;
	border-radius: 20px;
	object-fit: cover;
}
.sub-cont-h-area {
}
.sub-cont-h-area h2 {
    font-size: var(--font-size-20);
	color: var(--sub-color-0);
	margin-bottom: var(--margin-20);
}
.sub-cont-h-area h3 {
    font-size: var(--font-size-36);
    color: var(--sub-color-1);
    line-height: 1.5;
}
.sub-cont-bot {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 50%;
}
.sub-cont-bot-left {
    display: flex;
    align-items: center;
    margin-top: var(--margin-40);
}
.sub-cont-bot-right {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
	margin-top: var(--margin-20);
}
.sub-cont-bot-left h2 {
    font-size: var(--font-size-20);
    color: var(--sub-color-1);
    font-weight: 400;
    line-height: 1.8;
}
.sub-cont-bot-right h2 {
    font-size: var(--font-size-20);
    color: var(--sub-color-1);
    font-weight: 400;
    line-height: 1.8;
}
.sub-cont-bot-right h4 {
    font-size: var(--font-size-24);
	color: var(--sub-color-1);
	font-weight: 500;
    margin-top: var(--margin-30);
}
.sub-cont-bot-right h4 b {
    font-size: var(--font-size-30);
	color: var(--sub-color-1);
	font-weight: 700;
	padding-left: var(--padding-20)
}
.sub-cont-bot-right h4.east-sea-dokdo-regular {
  font-family: "East Sea Dokdo", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: var(--font-size-50);
}


/* Large Devices, Wide Screens : ~ 1200px */
@media only screen and (max-width : 1200px) {

}


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

}


/* Small Devices, Tablets : ~ 768px */
@media only screen and (max-width : 768px) {
	.subcont-area.full .sub-cont.bg {
		background: #ffffff;
	}
	.sub-cont-top-in {
        flex-direction: column;
        gap: 20px;
	}
	.sub-cont-top {
		flex-direction: column;
	}
	.sub-cont-top-left {
		position: relative;
        width: 100%;
        order: 2;
	}
	.sub-cont-top-right {
		width: 100%;
		order: 1;
	}
	.sub-cont-bot {
        flex-direction: column;
        order: 2;
        width: 100%;
	}
	.sub-cont-bot-left {
		width: 100%;
		padding-right: 0px;
	}
	.sub-cont-bot-right {
		width: 100%;
		padding-left: 0px;
	}
	.sub-cont-h-area {
		margin-top: 30px;
	}
	.sub-cont-top-right img {
		height: 250px;
	}
}


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

}


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

}