@import url(/css/fonts.css);
@import url(https://fonts.googleapis.com/css?family=Assistant);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

input[type="text"],
input[type="password"],
textarea,
select {
	border: 1px solid #dbdbdb;
}

input[type="checkbox"],
input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="submit"],
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
}

input::-ms-clear {
	display: none;
}

::placeholder {
	color: #b2b2b2 !important;
}

::-webkit-input-placeholder {
	color: #b2b2b2 !important;
}

:-ms-input-placeholder {
	color: #b2b2b2 !important;
}

input[readonly] {
	background-color: #f3f3f3 !important;
}

input[type="radio"]+label {
	padding-left: 1.875rem;
}

input[type="radio"]+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4rem;
	width: 1.250rem;
	height: 1.250rem;
	text-align: center;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 100%;
}

input[type="radio"]:checked+label:after {
	content: "";
	position: absolute;
	top: 0.75rem;
	left: 0.4rem;
	width: 0.625rem;
	height: 0.625rem;
	background: #000000;
	border-radius: 100%;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 400;
	color: #000000;
}

#wrap {
	width: 100%;
	min-width: 320px;
	min-height: 100%;
}

#contents {
	position: relative;
}

/* common start */
.contents-wrap {
	position: relative;
	max-width: 640px;
	width: 90.625%;
	height: 100%;
	margin: 0 auto;
	padding: 0 4.6875%;
}

.pc-only {
	display: none !important;
}

.kr {
	font-family: "Noto Sans KR", sans-serif;
}

.en {
	font-family: Poppins;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal
}

.t-underline {
	text-decoration: underline;
}

.f-hans {
	color: #003491;
}

.t-upper {
	text-transform: uppercase;
}

.last-blank {
	margin-bottom: 12.5rem;
}

.margin-l-20 {
	margin-left: 1.25rem !important;
}

.padding-b-70 {
	padding-bottom: 4.375rem !important;
}

.clear:after {
	content: "";
	display: block;
	clear: both;
}

.gray-line {
	width: 100%;
	height: 0;
	margin: 7.5rem 0;
	border-top: solid 1px #dedede;
}

/* common end */
/* header footer start */
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6.25rem !important;
	line-height: 6.25rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	z-index: 19999;
	color: #ffffff;
}

header .header-contents-wrap {
	max-width: 640px;
	margin: 0 auto;
}

header.fixed {
	position: fixed;
	background-color: #ffffff;
	border-bottom: solid 1px #e2e2e2;
}

header.fixed .default-item {
	display: none;
}

header .fixed-item {
	display: none;
}

header.fixed .fixed-item {
	display: inline-block;
}

header.dim {
	border-bottom: 0;
}

.gnb-logo-img {
	width: 11.25rem;
	margin-left: 1.875rem;
}

.header-right-wrap {
	float: right;
	text-align: right;
	margin-right: 1.875rem;
}

.gnb-menu-img {
	width: 2.4375rem;
}

.gnb-close-btn {
	position: absolute;
	top: 2rem;
	right: 1.875rem;
	width: 2.4375rem;
	height: 2.1875rem;
	background: url(/m/images/common/m-menu-x.png) no-repeat center center;
	background-size: 2.4375rem;
	z-index: 1;
}

.layer {
	display: none;
}

.gnb-menu-layer {
	position: fixed;
	top: 0;
	right: 0;
	width: 85.9375%;
	height: 100%;
	background-color: #ffffff;
	overflow-y: scroll;
}

.gnb-menu-ul {
	width: 88%;
	padding-left: 12%;
	margin-top: 6.25rem;
}

.gnb-menu-ul>li {
	min-height: 5.9375rem;
}

.gnb-menu-ul>li>a {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 5.9375rem;
	letter-spacing: -2px;
	color: #333333;
	display: block;
	width: 100%;
	height: 100%;
	background: url(/m/images/common/m-gnb-more.png) no-repeat right 1.875rem center;
	background-size: 1.6875rem;
	padding-left: 1rem;
	box-sizing: border-box;
	border-bottom: solid 1px #e2e2e2;
}

.gnb-menu-ul>li>a.on {
	color: #144085;
	background: url(/m/images/common/m-gnb-less.png) no-repeat right 1.875rem center;
	background-size: 1.6875rem;
}

.gnb-submenu-ul {
	display: none;
	border-bottom: solid 1px #e2e2e2;
}

.gnb-submenu-ul.on {
	display: block;
}

.gnb-submenu-ul>li {
	min-height: 4.6875rem;
}

.gnb-submenu-ul>li>a {
	font-size: 1.625rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 4.6875rem;
	letter-spacing: -2px;
	color: #333333;
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 2.25rem;
	box-sizing: border-box;
}

.gnb-submenu-ul>li>a.on {
	color: #144085;
}

.gnb-submenu-ul>li>a.more {
	background: url(/m/images/common/m-gnb-more-s.png) no-repeat right 1.875rem center;
	background-size: 1.5rem;
}

.gnb-submenu-ul>li>a.more.on {
	background: url(/m/images/common/m-gnb-less-s.png) no-repeat right 1.875rem center;
	background-size: 1.5rem;
}

.gnb-subsubmenu-ul {
	display: none;
}

.gnb-submenu-ul.on a.more.on+.gnb-subsubmenu-ul {
	display: block;
}

.gnb-subsubmenu-ul>li {
	min-height: 4.375rem;
}

.gnb-subsubmenu-ul>li>a {
	font-size: 1.625rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 4.375rem;
	letter-spacing: -2px;
	color: #999999;
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 3.25rem;
	box-sizing: border-box;
}

.gnb-subsubmenu-ul>li>a.on {
	color: #000000;
}

.gnb-lang-wrap {
	margin-top: 5rem;
	line-height: normal;
}

.gnb-lang-ul {
	padding-left: 12%;
}

.gnb-lang-ul li {
	float: left;
	margin-left: 3.125rem;
}

.gnb-lang-ul li:first-child {
	margin-left: 0;
}

.gnb-lang-ul li a {
	font-size: 1.625rem;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1.04px;
	color: #666666;
}

.gnb-lang-ul li a.on {
	font-weight: bold;
	color: #333333;
	background: url(/m/images/common/m-gnb-more-copy-2.png) no-repeat left center;
	-webkit-background-size: 1.4375rem;
	background-size: 1.4375rem;
	padding-left: 2.0625rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

footer {
	background-color: #141e2c;
	padding: 5rem 0 7rem;
}

footer .contents-wrap {
	width: 84.375%;
	padding: 0 7.8125%;
}

.footer-logo-img {
	width: 11.875rem;
}

.footer-link-wrap {
	margin-top: 3.125rem;
}

.footer-link-wrap a {
	font-size: 1.625rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
	margin-right: 2.5rem;
	margin-top: 1rem;
}

.footer-text-1 {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.04px;
	color: #c1c7d3;
	margin-top: 1.875rem;
}

.footer-text-2 {
	opacity: 0.3;
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.04px;
	color: #ffffff;
	margin-top: 0.625rem;
}

.footer-family-wrap {
	position: relative;
	display: inline-block;
	margin-top: 3.125rem;
	width: 19rem;
	height: 5rem;
	background-color: #262f3c;
}

a.footer-family-btn {
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 5rem;
	letter-spacing: -1.08px;
	color: #ffffff;
	padding-left: 1.875rem;
	display: block;
	background: url(/m/images/common/m-footer-more.png) no-repeat right 1.875rem center;
	background-size: 1.5625rem;
}

a.footer-family-btn.on {
	background: url(/m/images/common/m-footer-less.png) no-repeat right 1.875rem center;
	background-size: 1.5625rem;
}

.footer-family-ul {
	display: none;
	position: absolute;
	bottom: 5rem;
	left: 0;
	width: 19rem;
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
	background-color: #262f3c;
	padding: 1rem 0;
}

.footer-family-ul li {
	padding-left: 1.875rem;
}

.footer-family-ul li a {
	opacity: 0.5;
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.92;
	letter-spacing: -1px;
	color: #ffffff;
}

.footer-blog-wrap {
	display: flex;
	gap: 10px;
	margin-top: 1.225rem;
}

.footer-blog-wrap img {
	width: 3.75rem;
	/* margin-left: 0.625rem; */
}

.footer-number {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.04px;
	color: #c1c7d3;
	position: absolute;
	bottom: -4rem;
	right: 7.8125%;
}

a.go-top-btn {
	font-size: 1.25rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: -1.25rem;
	right: 2.5rem;
	width: 6.25rem;
	height: 6.25rem;
	border-radius: 3.125rem;
	background: #2b3441 url(/m/images/common/m-footer-top-arrow.png) no-repeat center 1.75rem;
	background-size: 1.375rem;
	display: block;
	padding-top: 2.75rem;
	box-sizing: border-box;
}

/* header footer end */
/* main start */
.main-section {
	overflow: hidden;
}

.main-section.section-1 {
	height: 48.125rem;
	background: url(/m/images/main/m-main-visual.png) no-repeat center center;
	background-size: cover;
}

.main-text-1 {
	font-family: Assistant;
	font-size: 4.0625rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.08;
	letter-spacing: -2.6px;
	text-align: center;
	color: #ffffff;
	margin-top: 16.625rem;
}

.main-text-2 {
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	margin-top: 1.875rem;
}

.main-section.section-2 {
	margin-top: -6.25rem;
}

.main-banner-ul {
	width: 100%;
}

.main-banner-ul li {
	float: left;
	width: 50%;
	height: 25.375rem;
	background-size: cover;
}

.main-banner-ul li:nth-child(1) {
	background-image: url(/m/images/main/m-main-q-1-bg.png);
}

.main-banner-ul li:nth-child(2) {
	background-image: url(/m/images/main/m-main-q-2-bg.png);
}

.main-banner-ul li:nth-child(3) {
	background-image: url(/m/images/main/m-main-q-5-bg.png);
}

.main-banner-ul li:nth-child(4) {
	background-image: url(/m/images/main/m-main-q-4-bg.png);
}

.main-banner-ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.main-text-3 {
	text-shadow: 0 5px 1.875rem rgba(0, 0, 0, 0.5);
	font-family: Assistant;
	font-size: 2.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.4px;
	color: #ffffff;
	margin-top: 2.5rem;
	margin-left: 3.125rem;
}

.main-text-4 {
	text-shadow: 0 5px 1.875rem rgba(0, 0, 0, 0.5);
	font-size: 1.625rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
	margin-left: 3.125rem;
}

.main-section.section-video {
	margin-top: 6.25rem;
}

.main-section.section-3 {
	margin-top: 6.25rem;
}

.main-slider {
	margin-top: 1.875rem;
	padding-bottom: 10rem;
}

.main-slider-item {
	max-width: 32.875rem;
	padding-left: 1.25rem;
}

.main-slider-item:first-child {
	margin-left: -1.25rem;
}

.main-slider-img {}

.main-slider-text {
	min-height: 13.75rem;
	padding: 3.75rem 3.125rem 4.375rem;
	border: solid 1px #eeeeee;
	position: relative;
}

.main-slider-text-1 {
	font-size: 2.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}

.main-slider-text-2 {
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #144085;
	display: inline-block;
	position: relative;
}

.main-slider-text-2:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 1rem;
	border-right: solid 1px #d0d0d0;
	top: 50%;
	right: -1.125rem;
	margin-top: -0.5rem;
}

.main-slider-text-3 {
	font-family: Assistant;
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #666666;
	display: inline-block;
	margin-left: 1.875rem;
}

.main-slider-text-4 {
	font-size: 2.175rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.32;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 1rem;
	white-space: nowrap;
}

.main-slider-text-5 {
	font-size: 1.125rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #666666;
	margin-top: 1.5rem;
}

a.main-slider-text-6 {
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.13;
	letter-spacing: -1.33px;
	color: #000000;
	display: inline-block;
	position: absolute;
	bottom: 3.75rem;
	right: 5.625rem;
}

a.main-slider-text-6:after {
	content: "";
	display: block;
	position: absolute;
	top: 0.375rem;
	right: -2.5rem;
	width: 2.0625rem;
	height: 0.8125rem;
	background: url(/m/images/main/m-main-more.png) no-repeat center center;
	background-size: contain;
}

.main-section.section-4 {
	background: url(/m/images/main/m-main-50-th-bg.png) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 6.25rem 0;
}

.main-text-5 {
	font-family: Assistant;
	font-size: 3.75rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #ffffff;
}

.main-text-6 {
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	margin-top: 1.25rem;
}

.main-history-ul {
	margin-top: 5rem;
}

.main-history-ul li {
	float: left;
	width: 50%;
}

.main-history-ul li:nth-child(n + 3) {
	margin-top: 4.375rem;
}

.main-text-7 {
	font-family: Assistant;
	font-size: 2.8125rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
}

.main-text-7:after {
	content: "";
	display: block;
	width: 1px;
	height: 0.9375rem;
	border-right: solid 1px #ffffff;
	margin: 0.4375rem auto 0.6875rem;
}

.main-text-8 {
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	word-break: keep-all;
}

a.main-history-btn {
	font-size: 1.75rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 5.3125rem;
	letter-spacing: -1.08px;
	color: #ffffff;
	display: inline-block;
	width: 22.1875rem;
	height: 5.3125rem;
	border: solid 1px #ffffff;
	margin-top: 5rem;
}

.main-section.section-56 {
	background-color: #f7f8fb;
}

.main-section.section-5 {
	margin-top: 6.25rem;
}

.main-banner2-wrap {
	background-size: cover;
}

.main-banner2-item {
	position: relative;
	float: left;
	width: 50%;
	height: 29.375rem;
}

.main-banner2-item.item-1 {
	background-image: url(/m/images/main/m-main-ir-bg.png);
	background-size: cover;
}

.main-banner2-item.item-2 {
	background-image: url(/m/images/main/m-main-rnd-bg.png);
	background-size: cover;
	margin-top: 1.875rem;
}

.main-banner2-text {
	position: absolute;
	bottom: 3.125rem;
	left: 2.5rem;
}

.main-text-9 {
	font-family: Assistant;
	font-size: 2.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
}

.main-text-10 {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.04px;
	color: #ffffff;
	width: 90%;
	margin-top: 0.625rem;
}

.main-section.section-6 {
	margin-top: 6.25rem;
}

.main-latest-dl {
	margin-top: 6.25rem;
}

.main-latest-dl:first-child {
	margin-top: 0;
}

.main-latest-dl dt {
	font-size: 2.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}

.main-latest-dl dd {
	position: relative;
	float: left;
	width: 48.5%;
	background-color: #ffffff;
	overflow: hidden;
	padding: 2.5rem;
	box-sizing: border-box;
	margin-left: 1.5%;
	margin-top: 2.5rem;
}

.main-latest-dl dd:first-of-type {
	margin-left: 0;
}

.main-text-11 {
	font-size: 1.75rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.36;
	letter-spacing: -1px;
	color: #000000;
}

.main-text-12 {
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.13px;
	color: #666666;
	margin-top: 0.625rem;
}

.main-text-13 {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #999999;
	margin-top: 1.875rem;
}

a.main-latest-more-btn {
	position: absolute;
	bottom: 1.875rem;
	right: 1.875rem;
	display: inline-block;
	width: 2.625rem;
	height: 2.625rem;
	background: url(/m/images/main/m-main-press-more.png) no-repeat center center;
	background-size: contain;
}

/* main end */
/* sub start */
.sub-top-wrap {
	height: 26.25rem;
	background-size: cover !important;
}

.sub-top-wrap.company {
	background: url(/m/images/common/m-sub-1-bg.png) no-repeat center center;
}

.sub-top-wrap.product {
	background: url(/m/images/common/m-sub-2-bg.png) no-repeat center center;
}

.sub-top-wrap.ir {
	background: url(/m/images/common/m-sub-3-bg.png) no-repeat center center;
}

.sub-top-wrap.rnd {
	background: url(/m/images/common/m-sub-4-bg.png) no-repeat center center;
}

.sub-top-wrap.esg {
	background: url(/m/images/common/m-sub-8-bg.png) no-repeat center center;
}

.sub-top-wrap.hr {
	background: url(/m/images/common/m-sub-5-bg.png) no-repeat center center;
}

.sub-top-wrap.cs {
	background: url(/m/images/common/m-sub-6-bg.png) no-repeat center center;
}

.sub-top-wrap.policy {
	background: url(/m/images/common/m-sub-7-bg.png) no-repeat center center;
}

.sub-top-text-1 {
	font-size: 3.125rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #ffffff;
	padding-top: 9.5rem;
}

.sub-top-text-2 {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	margin-top: 0.625rem;
}

.sub-top-nav-wrap {
	position: absolute;
	bottom: -2.1875rem;
	left: 4.6875%;
	width: 90.625%;
	height: 4.375rem;
}

.sub-top-nav-item {
	position: relative;
	z-index: 2;
	float: left;
	width: 50%;
	height: 4.375rem;
	background-color: #152b49;
	border-left: solid 1px rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
}

.sub-top-nav-item:first-child {
	border-left: none;
}

.sub-top-nav-item a {
	opacity: 0.5;
	font-size: 1.4rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 4.375rem;
	letter-spacing: -2px;
	color: #ffffff;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 1.875rem;
}

.sub-top-nav-item>a {
	background: url(/m/images/common/w-history-arrowdown-alpha.png) no-repeat right 25px center;
}

.sub-top-nav-item>a.on {
	opacity: 1;
	background: url(/m/images/common/w-history-arrowup.png) no-repeat right 25px center;
}

.sub-top-nav-item.submenu>a {
	opacity: 1;
}

.sub-top-nav-ul {
	display: none;
	position: relative;
	z-index: 1;
}

.sub-top-nav-ul li {
	height: 4.375rem;
	background-color: #152b49;
	border-top: solid 1px rgba(255, 255, 255, 0.1);
}

.sub-top-nav-ul li:hover,
.sub-top-nav-ul li.on {
	background-color: #144085;
}

.sub-top-nav-ul li:hover a,
.sub-top-nav-ul li.on a {
	opacity: 1;
}

.sub-title-text-wrap {
	position: relative;
	margin-top: 8.375rem;
	margin-bottom: 6.25rem;
}

.sub-title-text-wrap:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1.875rem;
	margin-left: -1.25rem;
	display: inline-block;
	width: 1.25rem;
	height: 2px;
	background-color: #99ca3b;
}

.sub-title-text-wrap:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1.875rem;
	margin-left: 0;
	display: inline-block;
	width: 1.25rem;
	height: 2px;
	background-color: #52b8e9;
}

.sub-title-text {
	font-size: 2.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}

.sub-tab-ul {}

.sub-tab-ul li {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 4.375rem;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	float: left;
	width: 50%;
	height: 4.375rem;
	border: solid 1px #e2e2e2;
	background-color: #ffffff;
	box-sizing: border-box;
	margin-left: -1px;
	white-space: nowrap;
}

.sub-tab-ul.tab3 li {
	width: 33.3%;
}

.sub-tab-ul.tab3 li:nth-child(2) {
	width: 33.4%;
}

.sub-tab-ul.tab5 li {
	width: 33.3%;
}

.sub-tab-ul.tab5 li:nth-child(2),
.sub-tab-ul.tab5 li:nth-child(5) {
	width: 33.4%;
}

.sub-tab-ul.tab5 li:nth-child(4) {
	margin-left: 0;
}

.sub-tab-ul.tab5 li:nth-child(4),
.sub-tab-ul.tab5 li:nth-child(5) {
	margin-top: -1px;
}

.sub-tab-ul li:first-child {
	margin-left: 0;
}

.sub-tab-ul li.on {
	font-weight: 500;
	color: #ffffff;
	background-color: #99ca3b;
}

.sub-tab-ul li a {
	display: block;
}

.sub-tab-ul li.on a {
	color: #ffffff;
	cursor: Default;
}

.sub-blue-box {
	position: relative;
	background-color: #144085;
	margin-top: 4.375rem;
	padding: 6.25rem 3.75rem;
}

.sub-blue-box:before {
	content: "";
	display: block;
	position: absolute;
	top: 2.5rem;
	left: 2.5rem;
	width: 2.625rem;
	height: 2.625rem;
	background: url(/m/images/common/w-box-deco.png) no-repeat center center;
}

.sub-blue-box-text-1 {
	font-size: 2.25rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.03;
	letter-spacing: -2px;
	text-align: center;
	color: #ffffff;
}

.sub-blue-box-text-2 {
	opacity: 0.5;
	font-size: 1.4375rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 3px;
	text-align: center;
	color: #ffffff;
	margin-top: 0.9375rem;
}

.sub-blue-box-text-3 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	color: #ffffff;
}

.blue-box-hr {
	opacity: 0.15;
	width: 100%;
	height: 0;
	border-top: solid 1px #ffffff;
	margin: 3.125rem 0;
}

.customer-form input[type=text],
.customer-form input[type=password] {
	width: 100%;
	height: 4.375rem;
	border: solid 1px #dedede;
	background-color: #ffffff;
	box-sizing: border-box;
}

.customer-form input[type=text],
.customer-form input[type=password],
.customer-form textarea {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
}

.customer-form input[type=text]:disabled {
	background: #dddddd;
}

.customer-form input[type=text].email {
	width: 100%;
}

.customer-form input[type=text].full {
	width: 100%;
}

.customer-form textarea {
	width: 100%;
	height: 20rem;
	border: solid 1px #dedede;
	background-color: #ffffff;
	resize: none;
	box-sizing: border-box;
}

.customer-form textarea.cp-privacy-textarea {
	width: 100%;
	height: 15rem;
	border: solid 1px #dedede;
	background-color: #F8F8F8;
	resize: none;
	box-sizing: border-box;
}

.cp-privacy-checkbox {
	margin: 0.625rem 0;
}

.customer-form input[type="checkbox"]+label:before {
	content: " ";
	display: inline-block;
	width: 2.1875rem;
	height: 2.1875rem;
	border: 0;
	vertical-align: top;
	background: url(/m/images/common/m-uncheck.png) no-repeat center center;
	background-size: contain;
}

.customer-form input[type="checkbox"]:checked+label:before {
	background: url(/m/images/common/w-checked.png) no-repeat center center;
	background-size: contain;
}

.customer-form a.slide-menu-btn,
.customer-form .slide-menu-ul li a {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: -1px;
	color: #000000;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	border: solid 1px #dedede;
	background-color: #ffffff;
}

.customer-form a.slide-menu-btn {
	background: url(/m/images/common/w-form-arrowdown.png) no-repeat right 20px center;
}

.customer-form a.slide-menu-btn.on {
	background: url(/m/images/common/w-form-arrowup.png) no-repeat right 20px center;
}

.customer-form .slide-menu-ul {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 1;
}

.customer-form .slide-menu-ul li {
	height: 50px;
	margin-top: -1px;
	box-sizing: border-box;
}

.customer-form .slide-menu-ul li a {}

.customer-form .slide-menu-ul li:hover a,
.customer-form .slide-menu-ul li.on a {
	background-color: #dedede;
}

/* sub end */
/* company start */
.overview-bg-wrap {
	background-color: #f7f8fb;
	text-align: center;
	padding: 7.5rem 0;
	margin-top: 4.375rem;
}

.overview-img-1 {
	width: 18.1875rem;
}

.overview-text-1 {
	font-size: 1.875rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 2.5rem;
}

.overview-layout {
	margin-top: 6.25rem;
}

.overview-layout .left,
.overview-layout .right {}

.overview-layout .left {
	width: 100%;
}

.overview-layout .left.green {
	border-top: solid 2px #99c93c;
}

.overview-layout .left.blue {
	border-top: solid 2px #52b8e9;
}

.overview-layout .right {
	width: 100%;
	margin-top: 3.125rem;
}

.overview-text-2 {
	font-family: Assistant;
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.875rem;
}

.overview-text-3 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: -0.92px;
	color: #666666;
	margin-top: 0.625rem;
}

.overview-text-4 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
}

.overview-text-5 {
	font-family: Assistant;
	font-size: 1.75rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.13;
	letter-spacing: 5.33px;
	color: #144085;
	word-break: keep-all;
	margin-top: 3.125rem;
}

.overview-text-6 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.overview-ul {
	width: 100%;
}

.overview-ul li {
	display: table;
	white-space: nowrap;
	margin-top: 4.375rem;
}

.overview-ul li .left,
.overview-ul li .right {
	display: table-cell;
	vertical-align: middle;
	padding-left: 2.5rem;
}

.overview-ul li .left {
	width: 6.25rem;
}

.overview-ul li:first-child {
	margin-top: 3.125rem;
}

.overview-img-2 {
	max-width: 6.25rem;
}

.overview-text-7 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #144085;
	margin-top: 0.875rem;
}

.overview-text-8 {
	font-family: Assistant;
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 3px;
	color: #000000;
}

.overview-text-9 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 0.625rem;
}

.greetings-bg-wrap {
	background: #f7f8fb url(/m/images/company/m-ceo-bg.png) no-repeat center center;
	text-align: center;
	padding: 6.875rem 0;
	margin-top: 4.375rem;
}

.greetings-img-1 {
	max-width: 8.875rem;
}

.greetings-text-1 {
	font-size: 2rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 1.875rem;
}

.greetings-text-2 {
	font-size: 1.625rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.08px;
	text-align: center;
	color: #000000;
	margin-top: 1.875rem;
}

.greetings-img-2 {
	max-width: 8.125rem;
	margin-left: 0.625rem;
}

.network-bg-wrap {
	background-color: #f7f8fb;
	padding: 6.25rem 0;
	margin-top: 4.375rem;
}

.network-text-1 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}

.network-img-1 {
	width: 100%;
	margin-top: 3.75rem;
}

.network-layout {
	margin-top: 100px;
}

.network-layout:first-child {
	margin-top: 4.375rem;
}

.network-text-2 {
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.09;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 2.5rem;
}

.network-text-3 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.network-img-2 {
	width: 100%;
}

.history-text-1 {
	font-size: 1.875rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	padding-bottom: 4.375rem;
}

.history-tab-wrap {
	border-top: solid 1px #e2e2e2;
	background-color: #ffffff;
}

.history-tab-wrap.fixed {
	position: fixed;
	top: 6.25rem;
	width: 100%;
	z-index: 1;
	border-bottom: solid 1px #e2e2e2;
}

.history-tab-wrap .contents-wrap {
	height: 9.375rem;
	margin-top: -1px;
	background: url(/m/images/company/m-50-th-tapeline.png) no-repeat top center;
}

.history-tab-ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.history-tab-ul li {
	float: left;
	width: 16.66666666666667%;
}

.history-tab-ul li a {
	display: block;
	width: 100%;
	height: 9.375rem;
	text-align: center;
	overflow: hidden;
}

.history-tab-text-1 {
	font-size: 1.5rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.08;
	letter-spacing: -1px;
	text-align: center;
	color: #144085;
	margin-top: 2.125rem;
}

.history-tab-ul li a.on {
	height: 11.875rem;
	background-color: #144085;
}

.history-tab-ul li a.on .history-tab-text-1 {
	color: #ffffff;
	margin-top: 3.125rem;
}

.history-bg-wrap {
	padding: 5.3125rem;
	overflow: hidden;
	background-size: cover !important;
}

.history-bg-wrap.bg-1 {
	background: url(/m/images/company/m-50-th-bg-01.png) no-repeat center center;
}

.history-bg-wrap.bg-2 {
	background: url(/m/images/company/m-50-th-bg-02.png) no-repeat center center;
}

.history-bg-wrap.bg-3 {
	background: url(/m/images/company/m-50-th-bg-03.png) no-repeat center center;
}

.history-bg-wrap.bg-4 {
	background: url(/m/images/company/m-50-th-bg-04.png) no-repeat center center;
}

.history-bg-wrap.bg-5 {
	background: url(/m/images/company/m-50-th-bg-05.png) no-repeat center center;
}

.history-bg-wrap.bg-6 {
	background: url(/m/images/company/m-50-th-bg-06.png) no-repeat center center;
}

.history-bg-text-1 {
	font-size: 2.1875rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.86;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
}

.history-bg-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	margin-top: 1rem;
}

.history-contents-wrap {}

.history-contents-wrap:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0px;
	height: 100%;
	border-right: solid 1px #eeeeee;
}

.history-item {
	display: table;
	width: 100%;
	padding-top: 6.25rem;
}

.history-item:last-child {
	padding-bottom: 6.25rem;
}

.history-item>div {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.history-item .left {
	padding-right: 1.875rem;
	text-align: right;
}

.history-item .right {
	padding-left: 1.875rem;
	text-align: left;
}

.history-item img {
	max-width: 13.5rem;
}

.history-item-text-1 {
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	text-align: right;
	color: #000000;
	position: relative;
}

.history-item-text-1:after {
	content: "";
	display: block;
	position: absolute;
	top: 1rem;
	right: -2.2rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background-color: #144085;
}

.history-item-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	text-align: right;
	color: #000000;
	margin-top: 0.625rem;
	word-break: keep-all;
}

.contents-wrap.ci {
	width: 78.125%;
	padding: 0 10.9375%;
}

.ci-color-ul {
	margin: 1.25rem 0;
}

.ci-color-ul li {
	float: left;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 0.9375rem;
}

.ci-color-ul li:nth-child(1) {
	background-color: #99ca3b;
}

.ci-color-ul li:nth-child(2) {
	background-color: #52b8e9;
}

.ci-color-ul li:nth-child(3) {
	background-color: #152b49;
}

.ci-img-1 {
	max-width: 23.375rem;
}

.ci-img-2 {
	width: 100%;
	margin-top: 6.25rem;
}

.ci-img-3 {
	max-width: 20.9375rem;
}

.ci-img-4 {
	width: 100%;
	margin-top: 4.375rem;
}

.ci-img-5 {
	width: 100%;
	margin-top: 1.875rem;
}

.ci-hr {
	width: 100%;
	height: 0;
	border: 0;
	border-top: solid 1px #e2e2e2;
	margin: 6.25rem 0;
}

.ci-text-1 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: -2px;
	text-align: left;
	color: #000000;
	margin-top: 2.5rem;
}

.ci-text-1.first {
	margin-top: 4.375rem;
}

.ci-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.ci-text-3 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 2.5rem;
}

.ci-text-4 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.ci-text-5 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #144085;
	margin-top: 0.625rem;
}

.ci-btn-wrap {
	margin-top: 4.375rem;
	text-align: center;
}

a.ci-down-btn {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 3.75rem;
	letter-spacing: -1px;
	color: #ffffff;
	display: inline-block;
	width: 14.375rem;
	height: 3.75rem;
	background-color: #152b49;
}

.ci-contents-wrap2 {
	background-color: #f7f8fb;
	padding: 6.25rem 0;
	margin-top: 6.25rem;
}

.ci-contents-wrap2 .ci-text-1 {
	margin-top: 0;
}

.ci-text-6 {
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 30px;
}

.ci-text-7 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 0.625rem;
}

.brand-ul {}

.brand-ul li {
	float: left;
	width: 50%;
	height: 15.625rem;
	text-align: center;
}

.brand-ul li.insadolplus {
	background: url(/m/images/company/m-brand-logo-1.png) no-repeat center center;
	background-size: 11.5625rem;
}

.brand-ul li.madecassol {
	background: url(/m/images/company/m-brand-logo-2.png) no-repeat center center;
	background-size: 9.375rem;
}

.brand-ul li.feraminq {
	background: url(/m/images/company/m-brand-logo-3.png) no-repeat center center;
	background-size: 10.9375rem;
}

.brand-ul li.pansidil {
	background: url(/m/images/company/m-brand-logo-4.png) no-repeat center center;
	background-size: 8.25rem;
}

.brand-ul li.censia {
	background: url(/m/images/company/m-brand-logo-5.png) no-repeat center center;
	background-size: 9.1875rem;
}

.brand-ul li.oramedy {
	background: url(/m/images/company/m-brand-logo-6.png) no-repeat center center;
	background-size: 12.5625rem;
}

.brand-ul li.cheesen {
	background: url(/m/images/company/m-brand-logo-7.png) no-repeat center center;
	background-size: 6.5625rem;
}

.brand-ul li.centellian {
	background: url(/m/images/company/m-brand-logo-8.png) no-repeat center center;
	background-size: 11.75rem;
}

.brand-ul li.etc-1 {
	background: url(/m/images/company/m-brand-logo-9.png) no-repeat center center;
	background-size: 12.3125rem;
}

.brand-ul li.etc-2 {
	background: url(/m/images/company/m-brand-logo-10.png) no-repeat center center;
	background-size: 8.375rem;
}

/* .brand-ul li:nth-child(11) { background: url(/m/images/company/m-brand-logo-11.png) no-repeat center center; background-size: 8.125rem;}
.brand-ul li:nth-child(12) { background: url(/m/images/company/m-brand-logo-12.png) no-repeat center center; background-size: 8.375rem;} */
.brand-ul li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: solid 1px #e2e2e2;
	position: relative;
	z-index: 1;
}

.brand-ul li:nth-child(even) a {
	border-left: 0;
}

.brand-ul li:nth-child(n + 3) a {
	border-top: 0;
}

.contrib-bg-wrap {
	height: 20rem;
	background: url(/m/images/company/m-social-bg.png) no-repeat center bottom;
	background-size: cover;
}

.contrib-layout {
	margin-top: 6.25rem;
	padding-bottom: 6.25rem;
}

.contrib-layout img {
	margin-top: 2.5rem;
	width: 100%;
}

.contrib-hr {
	width: 100%;
	height: 0;
	border: 0;
	border-top: solid 1px #E3E3E3;
}

.contrib-text-1 {
	font-size: 2rem;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.94;
	letter-spacing: -2px;
	color: #000000;
	padding: 0 6.89655172413793%;
}

.contrib-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
	padding: 0 6.89655172413793%;
}

.contrib-layout .link {
	display: block;
	font-size: 13px;
	width: 120px;
	line-height: 30px;
	background-color: #99ca3b;
	color: #fff;
	padding-left: 10px;
	box-sizing: border-box;
	margin-top: 10px;
	/* right: 0px; */
	/* position: relative; */
	float: right;
	margin-right: 30px;
}

.contrib-layout .link>img {
	margin-left: 5px;
	width: 30px;
	margin-top: 0px;
}

.contrib_tit {
	color: #222222;
	font-size: 20px;
	display: block;
	text-align: center;
}

.cp-top-bg-wrap {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.cp-top-bg-wrap.ethic {
	height: 20rem;
	background-image: url(/m/images/company/img-ethic-top-bg.png);
}

.cp-top-bg-wrap.cp {
	height: 20rem;
	background-image: url(/m/images/company/m_sub1_7_1_imgtop.png);
	margin-top: 4.375rem;
}

.cp-top-bg-wrap.cp_1_1 {
	height: 20rem;
	background-image: url(/m/images/company/w_sub1_7_1_1_imgtop.png);
	margin-top: 4.375rem;
}

.cp-top-bg-wrap.cp2 {
	height: 20rem;
	background-image: url(/m/images/company/m_sub1_7_2_imgtop.png);
	margin-top: 4.375rem;
}

.cp-top-bg-wrap.cp3 {
	height: 20rem;
	background-image: url(/m/images/company/m_sub1_7_3_imgtop.png);
	margin-top: 4.375rem;
}

.cp-top-bg-wrap.cp4 {
	height: 20rem;
	background-image: url(/m/images/company/m_sub1_7_4_imgtop.png);
	margin-top: 4.375rem;
}

.cp-top-bg-wrap.cp5 {
	height: 20rem;
	background-image: url(/m/images/company/w_sub1_7_5_1_imgtop.png);
	margin-top: 4.375rem;
}

.cp-top-bg-wrap.regret {
	height: 20rem;
	background-image: url(/m/images/company/m_sub1_7_5_imgtop.png);
	margin-top: 4.375rem;
}

.cp-top-text-wrap {
	background-color: #F7F8FB;
}

.cp-top-layout {
	width: 100%;
	padding: 6.25rem 0;
	background: url(/m/images/common/w-box-deco.png) no-repeat 2.5rem 2.5rem;
	-webkit-background-size: 2.625rem;
	background-size: 2.625rem;
}

.cp-top-text-1 {
	letter-spacing: -2px;
	text-align: center;
	font-family: 'Noto Sans KR';
	font-size: 2.25rem;
	font-weight: 500;
	line-height: 2.25rem;
	color: #000;
}

.cp-top-text-2 {
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Noto Sans KR';
	font-size: 1.4375rem;
	font-weight: 400;
	line-height: normal;
	color: #000;
	color: rgba(0, 0, 0, 0.5);
	margin-top: 1rem;
}

.cp-top-text-3 {
	text-align: center;
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.5rem;
	color: #000;
	margin-top: 3.75rem;
}

.ethic-ul {}

.ethic-ul li {
	position: relative;
	margin-top: 8.75rem;
}

.ethic-ul>li:first-child {
	margin-top: 4.375rem;
}

.ethic-ul>li::after {
	content: "";
	position: absolute;
	bottom: -4.375rem;
	left: -4.6875%;
	width: 109.375%;
	border-bottom: solid 1px #E2E2E2;
}

.ethic-ul>li:nth-last-child(1)::after {
	display: none;
}

.ethic-ul>li img {
	width: 100%;
}

.ethic-text-1 {
	letter-spacing: -2px;
	font-family: 'Noto Sans KR';
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 1.875rem;
	color: #000;
	margin-top: 2.5rem;
}

.ethic-text-ol {
	margin-top: 1.25rem;
	padding-left: 1.5rem;
}

.ethic-text-ol li {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.5rem;
	color: #000;
	margin-top: 0;
	word-break: keep-all;
	list-style-type: decimal;
}

.ethic2-text-1 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: -2px;
	color: #000000;
	border-bottom: 2px solid #000000;
	padding-bottom: 1.875rem;
	margin-top: 4.375rem;
	margin-bottom: 1.875rem;
}

.ethic2-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	color: #000000;
}

.cp-img-1 {
	width: 100%;
	max-width: 31.25rem;
	margin: 0 auto;
	margin-top: 4.375rem;
}

.cp2-top-text-1 {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: normal;
	color: #000;
	padding-top: 5rem;
	padding-left: 42%;
	padding-right: 2.5rem;
}

.cp2-top-text-2 {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 300;
	line-height: normal;
	color: #000;
	margin-top: 1.25rem;
	padding-left: 42%;
	padding-right: 2.5rem;
	word-break: keep-all;
}

.cp2-bg-wrap {
	height: 27.8125rem;
	background: #f7f8fb url(/m/images/company/m-cp.png) no-repeat center bottom;
	background-size: 25rem;
	margin-top: 4.375rem;
}

.cp2-text-1 {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.5rem;
	color: #000;
	margin-top: 4.375rem;
	-ms-word-break: keep-all;
	word-break: keep-all;
	text-align: justify;
}

.cp2-text-2 {
	text-align: right;
	letter-spacing: -0.89px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: normal;
	color: #000;
	margin-top: 3.125rem;
}

.cp2-text-3 {
	text-align: right;
	letter-spacing: -0.89px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 500;
	line-height: normal;
	color: #000;
	display: inline-block;
	margin-left: 0.625rem;
}

.cp2-img-1 {
	max-width: 7rem;
	margin-left: 0.625rem;
}

.cp3-contents-wrap {
	background-color: #F7F8FB;
	text-align: center;
	padding: 6.25rem 0;
}

.cp3-img-1 {
	max-width: 36.25rem;
}

.cp3-table {
	width: 100%;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	margin-top: 4.375rem;
}

.cp3-table th,
.cp3-table td {
	padding: 1.875rem 1rem;
	border: 1px solid #DEDEDE;
}

.cp3-table th:nth-of-type(1) {
	border-left: 0;
}

.cp3-table td:nth-last-of-type(1),
.cp3-table tr:nth-of-type(1) th:nth-last-of-type(1) {
	border-right: 0;
}

.cp3-table th {
	text-align: center;
	letter-spacing: -2px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 500;
	line-height: normal;
	color: #000;
	white-space: nowrap;
}

.cp3-table td {
	letter-spacing: -2px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: normal;
	color: #000;
	word-break: keep-all;
}

.cp4-top-text-1 {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 300;
	line-height: normal;
	color: #000;
	padding-top: 6.25rem;
	padding-left: 42%;
	padding-right: 2.5rem;
	word-break: keep-all;
}

.cp4-contents-wrap {
	background-color: #f7f8fb;
	overflow: hidden;
}

.cp4-contents-wrap .contents-wrap {
	width: 78.125%;
	padding: 0 10.9375%;
}

.cp4-dl {
	padding: 4.375rem 0;
}

.cp4-dl dt {
	letter-spacing: -2px;
	font-family: 'Noto Sans KR';
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 2.1875rem;
	color: #000;
}

.cp4-dl dd {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.5rem;
	color: #000;
	word-break: keep-all;
	text-align: justify;
}

.cp4-dl dd:nth-of-type(1) {
	margin-top: 1.25rem;
}

.cp4-dl.dl-2 dd {
	position: relative;
	padding-left: 1rem;
}

.cp4-dl.dl-2 dd::before {
	content: "- ";
	position: absolute;
	top: -2px;
	left: 0;
}

.cp4-hr {
	width: 90.625%;
	margin: 0 auto;
	height: 0;
	border-top: solid 1px #E3E3E3;
}

.cp-btn-wrap {
	margin-top: 4.375rem;
	text-align: center;
}

.cp-report-btn {
	font-size: 1.75rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 5rem;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	display: inline-block;
	width: 40%;
	max-width: 15.625rem;
	height: 5rem;
	background-color: #144085;
}

a.cp-report-btn {
	color: #ffffff;
}

.cp-report-btn.submit {
	border: 0;
}

.cp4-form-wrap {
	margin-top: 6.25rem;
}

.cp4-form-table {
	width: 100%;
	table-layout: fixed;
	margin-top: 0.625rem;
	border-top: solid 2px #000000;
	border-bottom: solid 2px #000000;
}

.cp4-form-table th,
.cp4-form-table td {
	border-top: solid 1px #E1E1E1;
	padding: 1rem;
}

.cp4-form-table tr.require th,
.cp4-form-table tr.require td {
	background-color: #F8F8F8;
	border-top: 0;
}

.cp4-form-table th {
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	vertical-align: middle;
	text-align: left;
	width: 10rem;
	padding-top: 1.75rem;
}

.cp4-text-1 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.04px;
	text-align: right;
	color: #000000;
	display: block !important;
	margin-top: 0.875rem;
	margin-left: -10rem;
}

.cp4-text-1:before {
	margin-right: 0.25rem;
}

.cp4-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: right;
	color: #144085;
	margin-top: 0.875rem;
	margin-left: -10rem;
}

.cp4-text-3 {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: right;
	color: #000000;
}

.cp4-text-4 {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	white-space: nowrap;
}

.cp4-text-5 {
	font-size: 1.25rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
}

.require-star {
	color: red;
	padding-right: 0.25rem;
}

.cp4-phone-wrap {}

.cp4-phone-wrap select,
.cp4-phone-wrap input[type=text] {
	width: 30%;
	height: 4.375rem;
	border: solid 1px #dedede;
	background-color: #ffffff;
	padding: 0.25rem;
	box-sizing: border-box;
}

.cp4-login-form-wrap {
	width: 90%;
	margin: 6.25rem auto;
	border: solid 1px #BFBFBF;
	padding: 2rem;
	box-sizing: border-box;
}

.cp4-login-form-wrap .input-wrap {
	padding: 0.625rem 0;
	width: 100%;
}

.cp4-login-form-wrap .input-wrap.first {
	padding-top: 0;
}

.cp4-login-form-wrap .input-wrap label {
	font-size: 1.75rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
}

.cp4-login-form-wrap .input-wrap input {
	height: 4rem;
	margin-top: 0.25rem;
}

.cp4-login-form-wrap .input-wrap .cp4-login-text-1 {
	font-size: 1.25rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #999999;
}

.cp4-login-form-wrap .btn-wrap {
	width: 100%;
	margin-top: 1rem;
	font-size: 1.5rem;
	text-align: center;
}

.cp4-login-form-wrap .btn-wrap .cp-report-btn {
	width: auto;
	padding: 0 1rem;
}

.cp4-list-table {
	margin-top: 6.25rem;
}

.reply-box {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #ffffff;
	text-align: center;
	width: 100%;
	padding: 0.5rem 0;
}

.reply-box.done {
	background-color: #144085;
}

.reply-box.ready {
	background-color: #52b8e9;
}

.cp4-view-table {
	margin-top: 6.25rem;
	border-top: solid 2px #000000;
	border-bottom: solid 2px #000000;
}

.cp4-view-table td {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	vertical-align: top;
	border-top: solid 1px #E1E1E1;
	padding: 1rem;
}

.cp4-view-table td.date {
	text-align: right;
}

.cp4-view-table td.reply {
	background-color: #F8F8F8;
}

.cp4-view-table td.reply.title {
	border-top: solid 2px #000000;
}

.cp4-del-btn-wrap {
	margin-top: 0.625rem;
	text-align: right;
}

.cp4-del-btn {
	font-size: 1.375rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	background: url(/images/company/cp4-del-icon.png) no-repeat left center;
	-webkit-background-size: 1rem;
	background-size: 1rem;
	padding-left: 1.25rem;
}

.cp5-layout {
	margin-top: 1.875rem;
}

.cp5-layout-item {}

.cp5-layout-item>div {
	padding: 2.5rem 0;
	border-bottom: solid 1px #DEDEDE;
}

.cp5-layout-item:nth-last-of-type(1)>div:nth-last-of-type(1) {
	border-bottom: 0;
}

.cp5-text-1 {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 2.1875rem;
	color: #000;
}

.cp5-text-1 span {
	letter-spacing: -1px;
	font-family: 'Inter';
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 2.1875rem;
	color: #52b6e6;
	margin-right: 0.625rem;
}

.cp5-text-2 {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.1875rem;
	color: #000;
	margin-top: 1.25rem;
	word-break: keep-all;
	text-align: justify;
}

.factory-text-1 {
	font-size: 1.875rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}

.factory-text-2 {
	font-family: Assistant;
	font-size: 12.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #d6edf2;
	position: absolute;
	bottom: -3rem;
	left: 0;
	z-index: -1;
}

.factory-text-3 {
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
}

.factory-layout-1 {
	width: 100%;
	display: table;
	margin-top: 6.25rem;
}

.factory-layout-1 .left,
.factory-layout-1 .right {
	display: table-cell;
}

.factory-layout-1 .left {
	width: 7.5rem;
	position: relative;
	vertical-align: bottom;
}

.factory-layout-1.type2 .left {
	width: 56%;
}

.factory-layout-1 .right {}

.factory-layout-2 {
	width: 100%;
	margin-top: 2.5rem;
	position: relative;
}

.factory-layout-2 .right {
	padding-left: 14rem;
}

.factory-layout-2 .right .factory-text-4 {
	margin-top: 1.875rem;
	padding-bottom: 2.5rem;
}

.factory-img-1 {
	position: absolute;
	top: 0;
	left: -4.6875%;
	width: 20.125rem;
	z-index: -1;
}

.factory-img-2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12.8125rem;
	z-index: -1;
}

.factory-img-wrap {
	margin-top: 2.5rem;
}

.factory-img-wrap img {
	float: left;
	width: 49%;
}

.factory-img-wrap img:nth-child(2) {
	margin-left: 2%;
}

.factory-img-wrap.type2 img:nth-child(1) {
	width: 56%;
}

.factory-img-wrap.type2 img:nth-child(2) {
	width: 42%;
}

.factory-text-4 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 2.5rem;
	word-break: keep-all;
}

.factory-hr {
	width: 100%;
	height: 0;
	border-top: solid 1px #e2e2e2;
	margin: 6.25rem 0;
}

.factory-text-5 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: -2px;
	color: #000000;
}

.factory-layout-3 {
	padding: 3.125rem;
	padding-top: 0;
	background-color: #a8a9ac;
	overflow: hidden;
}

.factory-text-6 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: -2px;
	color: #ffffff;
	margin-top: 3.125rem;
}

.factory-text-7 {
	font-size: 1.375rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.59;
	letter-spacing: -1px;
	color: #ffffff;
	margin-left: 1.25rem;
}

.factory-text-8 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	color: #ffffff;
	margin-top: 0.625rem;
}

.factory-img-3 {
	width: 100%;
}

.factory-text-9 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.factory-history-dl {
	margin-top: 4.375rem;
}

.factory-history-dl dt {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: -2px;
	color: #000000;
	border-bottom: 2px solid #000000;
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
}

.factory-history-dl dd {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
	position: relative;
	padding-left: 8.125rem;
}

.factory-history-dl dd strong {
	position: absolute;
	top: 0;
	left: 0;
}

.contact-wrap {
	width: 100%;
	margin-top: 4.375rem;
}

.contact-list-dl {
	width: 100%;
	margin-top: 2.5rem;
}

.contact-map {
	width: 100%;
	min-height: 40rem;
	box-sizing: border-box;
	border-left: solid 1px #e2e2e2;
}

.contact-list-dl dd {
	border: solid 1px #e2e2e2;
	border-top: 0;
}

.contact-list-dl dd:nth-of-type(1) {
	border-top: solid 1px #e2e2e2;
}

.contact-list-dl dd a {
	padding: 4.375rem 3.125rem;
	display: block;
	background: url(/m/images/company/m-map-arrow-off.png) no-repeat right 3.125rem top 5rem;
}

.contact-list-dl dd a.on {
	background: #f7f8fb url(/m/images/company/m-map-arrow-on.png) no-repeat right 3.125rem top 5rem;
}

.contact-text-1 {
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
}

.contact-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #666666;
	margin-left: 0.625rem;
}

.contact-text-3 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #999999;
}

.contact-text-4 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #999999;
	margin-top: 0.9375rem;
}

.contact-text-5 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #999999;
	margin-top: 0.625rem;
}

.contact-list-dl dd a.on .contact-text-3 {
	color: #144085;
}

.contact-list-dl dd a.on .contact-text-4,
.contact-list-dl dd a.on .contact-text-5 {
	color: #000000;
}

/* company end */
/* product start */
.product-search-wrap {
	padding: 0 0 2.5rem;
}

.product-search-wrap2 {
	padding: 1.5rem 0 2.5rem;
	background-color: #f7f8fb;
}

.product-search-input-wrap {
	position: relative;
	width: 100%;
}

.product-search-input-wrap:after {
	content: "";
	display: block;
	width: 0;
	height: 1.875rem;
	position: absolute;
	top: 1.75rem;
	right: 5.625rem;
	border-right: solid 1px #e2e2e2;
}

.product-search-input {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 5rem;
	letter-spacing: -1px;
	color: #000000;
	width: 100%;
	height: 5rem;
	border: solid 2px #144085 !important;
	box-sizing: border-box;
	background-color: #ffffff;
	padding: 0 5.625rem 0 1.875rem;
}

.product-search-submit {
	position: absolute;
	top: 1.875rem;
	right: 1.875rem;
	width: 1.875rem;
	height: 1.875rem;
	border: 0;
	background: url(/m/images/product/w-product-search-ico.png) no-repeat center center;
	background-size: contain;
}

.product-search-quick-wrap {
	position: relative;
	margin-top: 2.5rem;
}

.product-search-wrap2 .product-search-quick-wrap {
	margin-top: 0;
}

.product-search-text-1 {
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
}

.product-search-quick-ul {}

.product-search-quick-ul li {
	float: left;
	margin-top: 1.25rem;
	margin-right: 1rem;
}

.product-search-quick-ul li a {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 3.75rem;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	display: inline-block;
	height: 3.75rem;
	border-radius: 1.75rem;
	border: solid 1px #e2e2e2;
	background-color: #ffffff;
	padding: 0 1.25rem;
}

.product-search-quick-ul li a.on {
	border: solid 1px #144085;
	background-color: #144085;
	color: #ffffff;
}

.product-search-quick-ul.initial li a {
	width: 3.125rem;
	height: 3.125rem;
	line-height: 3.125rem;
	padding: 0;
}

.product-search-quick-ul li:first-child a {
	margin-left: 0;
}

.product-search-effect-wrap {
	margin-top: 2.5rem;
}

.product-search-effect-ul {}

.product-search-effect-ul li {
	float: left;
	width: 33.3%;
	height: 13.125rem;
}

.product-search-effect-ul li:nth-child(2),
.product-search-effect-ul li:nth-child(5) {
	width: 33.4%;
}

.product-search-effect-ul li:first-child {
	margin-left: 0;
}

.product-search-effect-ul li a {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1.33px;
	text-align: center;
	color: #000000;
	display: block;
	width: 100%;
	height: 100%;
	/* border: solid 1px #e2e2e2; */
	box-shadow: 1px 0 0 0 #e2e2e2, 0 1px 0 0 #e2e2e2, 1px 1px 0 0 #e2e2e2, 1px 0 0 0 #e2e2e2 inset, 0 1px 0 0 #e2e2e2 inset;
	padding-top: 8.125rem;
	box-sizing: border-box;
	background-size: 4.6875rem !important;
}

.product-search-effect-ul li a.on {
	box-shadow: 1px 0 0 0 #144085, 0 1px 0 0 #144085, 1px 1px 0 0 #144085, 1px 0 0 0 #144085 inset, 0 1px 0 0 #144085 inset;
	color: #ffffff;
}

.product-search-effect-ul li a.item-1 {
	background: #ffffff url(/m/images/product/m-product-ico-1-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.item-2 {
	background: #ffffff url(/m/images/product/m-product-ico-2-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.item-3 {
	background: #ffffff url(/m/images/product/m-product-ico-3-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.item-4 {
	background: #ffffff url(/m/images/product/m-product-ico-4-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.item-5 {
	background: #ffffff url(/m/images/product/m-product-ico-6-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.item-6 {
	background: #ffffff url(/m/images/product/m-product-ico-7-230515.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.on.item-1 {
	background: #144085 url(/m/images/product/m-product-ico-1-w-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.on.item-2 {
	background: #144085 url(/m/images/product/m-product-ico-2-w-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.on.item-3 {
	background: #144085 url(/m/images/product/m-product-ico-3-w-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.on.item-4 {
	background: #144085 url(/m/images/product/m-product-ico-4-w-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.on.item-5 {
	background: #144085 url(/m/images/product/m-product-ico-6-w-201208.png) no-repeat center 2.5rem;
}

.product-search-effect-ul li a.on.item-6 {
	background: #144085 url(/m/images/product/m-product-ico-7-w-230515.png) no-repeat center 2.5rem;
}

.product-search-detail-effect-wrap {
	margin-top: 0.625rem;
}

.product-search-detail-effect-ul {
	width: 100%;
}

.product-search-detail-effect-ul li {
	float: left;
	position: relative;
	text-align: center;
	margin-top: 1.875rem;
	padding: 0 1.875rem;
}

.product-search-detail-effect-ul li:after {
	content: "";
	display: block;
	position: absolute;
	top: 0.6rem;
	right: 0;
	width: 0;
	height: 1rem;
	border-right: solid 1px #E5E5E5;
}

.product-search-detail-effect-ul li.last:after {
	border-right: 0;
}

.product-search-detail-effect-ul li a {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.58;
	letter-spacing: -1px;
	color: #666666;
}

.product-search-detail-effect-ul li a.on {
	font-weight: 500;
	color: #144085;
	text-decoration: underline;
}

.product-list-title-1 {
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 2rem;
}

.product-list-title-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #666666;
	margin-left: 0.625rem;
}

.product-list-ul {
	margin-top: 1.5rem;
}

.product-list-ul li {
	float: left;
	width: 50%;
	height: 22.5rem;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	box-shadow: 1px 0 0 0 #e2e2e2, 0 1px 0 0 #e2e2e2, 1px 1px 0 0 #e2e2e2, 1px 0 0 0 #e2e2e2 inset, 0 1px 0 0 #e2e2e2 inset;
	z-index: 1;
}

.product-list-ul li a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.product-list-img {
	position: absolute;
	top: 1rem;
	left: 5%;
	width: 90%;
	max-height: 16rem;
	height: 100%;
	background-size: contain !important;
}

/*
.product-list-ul {
	margin-top: 2.5rem;
}
.product-list-ul li {
	float: left;
	width: 50%;
	height: 22.5rem;
	text-align: center;
}
.product-list-ul li:nth-child(n + 3) {
	margin-top: -1px;
}
.product-list-ul li a {
	display: block;
	width: 100%;
	height: 100%;
	border: solid 1px #e2e2e2;
	box-shadow: 1px 0 0 0 #e2e2e2, 0 1px 0 0 #e2e2e2, 1px 1px 0 0 #e2e2e2, 1px 0 0 0 #e2e2e2 inset, 0 1px 0 0 #e2e2e2 inset;
	position: relative;
	z-index: 1;
}
.product-list-img {
	position: absolute;
	top: 1rem;
	left: 5%;
	width: 90%;
	max-height: 16rem;
	height: 100%;
	background-size: contain !important;
} */
.product-list-text-1 {
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 18.125rem;
	word-break: keep-all;
}

.product-list-text-2,
.product-list-text-3 {
	display: none;
}

.product-list-nodata {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 9.375rem;
}

.product-list-text-4 {
	font-weight: 500;
	color: #144085;
}

.product-view-wrap {}

.product-view-title {
	font-size: 2.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 7.5rem;
}

.product-view-title-en {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-bottom: 1rem;
}

.product-view-subtitle {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 1rem;
}

.product-view-subtitle span:nth-child(2) {
	position: relative;
	margin-left: 1.25rem;
}

.product-view-subtitle span:nth-child(2):before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -0.625rem;
	width: 0;
	height: 1rem;
	margin-top: -0.5rem;
	border-right: solid 1px #000000;
}

.product-view-slider-wrap {
	background-color: #f7f8fb;
	margin-top: 2rem;
	padding-bottom: 1.5rem;
	overflow: hidden;
}

.product-view-img-wrap {
	margin: 0 auto;
	margin-top: 1.25rem;
	text-align: center;
	height: 25rem;
	line-height: 25rem;
}

.product-view-img-wrap img {
	max-width: 100%;
	max-height: 25rem !important;
}

.product-view-slider {
	width: 90.625%;
	margin: 0 auto;
	margin-top: 3.125rem;
}

.product-view-slider-item {
	height: 6.25rem !important;
	/* margin-left: 0.625rem; */
}

.product-view-slider-item img {
	height: 100%;
}

.product-view-slider-item a img {
	border: solid 1px #e2e2e2;
	box-sizing: border-box;
	margin: 0 auto;
}

.product-view-slider-item a.on img {
	border: solid 1px #144085;
}

.product-file-btn {
	display: inline-block;
	width: auto;
	height: 3rem;
	line-height: 3rem;
	border: solid 1px #000000;
	margin: 2rem auto -3rem;
	padding: 0 1rem;
}

.product-file-btn img:nth-child(1) {
	width: 2.3125rem;
}

.product-file-btn img:nth-child(2) {
	width: 0.625rem;
}

.product-view-text-1 {
	font-size: 1.25rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.54;
	letter-spacing: -1px;
	text-align: right;
	color: #848484;
	margin-top: 3.125rem;
}

.product-view-table {
	margin-top: 1rem;
	border-top: solid 2px #222222;
	border-bottom: solid 2px #222222;
}

.product-view-table>tbody>tr>th,
.product-view-table>tbody>tr>td {
	border-top: solid 1px #e8e8e8;
	padding: 1.875rem 0;
}

.product-view-table>tbody>tr>th {
	word-break: keep-all;
	font-size: 1.625rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.54;
	letter-spacing: -1px;
	text-align: left;
	color: #222222;
	width: 10rem;
}

.product-view-table>tbody>tr>td {
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.54;
	letter-spacing: -1px;
	color: #222222;
}

a.product-list-btn {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 4.375rem;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	display: block;
	width: 12.25rem;
	height: 4.375rem;
	background-color: #152b49;
	margin: 5rem auto 0;
}

/* product end */
/* ir start */
.finance-top-wrap {
	margin-top: 4.375rem;
	position: relative;
}

.finance-radio-wrap {
	text-align: center;
}

.finance-radio-wrap .finance-radio+label {
	font-size: 1.5rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1.33px;
	color: #999999;
}

.finance-radio-wrap .finance-radio:first-child+label {
	margin-right: 4.375rem;
}

.finance-radio-wrap .finance-radio:checked+label {
	color: #000000;
}

.finance-text-1 {
	font-size: 1.25rem;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1.11px;
	text-align: right;
	color: #555555;
	margin-top: 2.5rem;
}

.finance-contents-wrap {
	display: none;
	margin-top: 1.875rem;
}

.finance-text-2 {
	font-size: 1.875rem;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 6.25rem;
}

.finance-text-2:first-child {
	margin-top: 0;
}

.finance-img-1 {
	width: 100%;
	margin-top: 1.875rem;
}


.finance-table-scroll {
	width: 100%;
	overflow: auto;
	position: relative;
}

.finance-table-scroll table {
	white-space: nowrap;
}

.finance-table {
	border-top: solid 2px #000000;
	margin-top: 6.25rem;
}

.finance-table-scroll table th,
.finance-table-scroll table td {
	padding: 0.4rem;
	padding-right: 0.4rem
}

.finance-table-scroll table td.center {
	padding-right: 0.4rem
}

.finance-table th,
.finance-table td {
	font-size: 1.375rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	border: solid 1px #dedede;
	padding: 0.75rem 0;
}

.finance-table th {
	font-weight: 500;
	width: 22%;
}

.finance-table tr:nth-of-type(1) th:nth-of-type(1) {
	width: auto;
}

.finance-table td {
	text-align: right;
	padding-right: 1.25rem;
}

.finance-table td.center {
	text-align: center;
	padding-right: 0;
}

.finance-table tr.total td {
	font-weight: 500;
	color: #144085;
	background-color: #f7f8fb;
}

/* ir end */
/* rnd start */
.institute-bg {
	height: 20rem;
	background: url(/m/images/rnd/m-research-bg-1.png) no-repeat center center;
	background-size: cover;
}

.rnd-contents-wrap {
	width: 78.125%;
	padding: 0 10.9375%;
}

.institute-text-1 {
	font-size: 1.875rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 4.375rem;
}

.institute-img-1,
.institute-img-2 {
	margin-top: 6.25rem;
}

.institute-text-2 {
	font-size: 2rem;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.94;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 2.5rem;
}

.institute-text-3 {
	font-size: 1.5rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.rnd-bg {
	height: 20rem;
	background: url(/m/images/rnd/m-research-bg-2.png) no-repeat center center;
	background-size: cover;
}

.rnd-text-1 {
	font-size: 1.875rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 4.375rem;
}

.rnd-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.research-bg {
	height: 20rem;
	background: url(/m/images/rnd/m-research-bg-3.png) no-repeat center center;
	background-size: cover;
}

.research-text-1 {
	font-size: 1.875rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 4.375rem;
}

.research-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.research-img-1,
.research-img-2 {
	margin-top: 6.25rem;
}

.research-text-3 {
	font-size: 2rem;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.94;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 2.5rem;
}

.research-text-4 {
	font-size: 1.5rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.pipeline-bg {
	height: 20rem;
	background: url(/m/images/rnd/m-research-bg-4.png) no-repeat center center;
	background-size: cover;
}

.pipeline-table {
	border-top: solid 2px #000000;
	border-bottom: solid 1px #000000;
	margin-top: 6.25rem;
}

.pipeline-table caption {
	font-size: 1.875rem;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-bottom: 1.875rem;
}

.pipeline-table th {
	font-size: 1.1rem;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	background-color: #f7f8fb;
	white-space: nowrap;
	padding: 1.5rem 0;
}

.pipeline-table td {
	font-size: 1.1rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	border: solid 1px #dedede;
	padding: 1.5rem 0;
	position: relative;
}

.pipeline-table td:nth-of-type(1) {
	border-left: 0;
}

.pipeline-table td:nth-of-type(7) {
	border-right: 0;
}

.pipeline-table.table-1 th {
	width: 13%;
}

.pipeline-table.table-1 th:nth-of-type(1) {
	width: 35%;
}

.pipeline-table.table-2 th {
	width: 13%;
}

.pipeline-table.table-2 th:nth-of-type(1),
.pipeline-table.table-2 th:nth-of-type(2) {
	width: 17.5%;
}

.pipeline-table.table-3 th {
	width: 13%;
}

.pipeline-graph {
	position: absolute;
	top: 50%;
	left: 0;
	height: 2px;
	margin-top: -1px;
}

.pipeline-graph.pipeline-graph-50 {
	width: 50%;
}

.pipeline-graph.pipeline-graph-100 {
	width: 100%;
}

.pipeline-graph.pipeline-graph-150 {
	width: 150%;
}

.pipeline-graph.pipeline-graph-200 {
	width: 200%;
}

.pipeline-graph.pipeline-graph-250 {
	width: 250%;
}

.pipeline-graph.pipeline-graph-300 {
	width: 300%;
}

.pipeline-graph.pipeline-graph-350 {
	width: 350%;
}

.pipeline-graph.pipeline-graph-400 {
	width: 400%;
}

.pipeline-graph.pipeline-graph-450 {
	width: 450%;
}

.pipeline-graph.pipeline-graph-500 {
	width: 500%;
}

.pipeline-graph-inner {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.pipeline-graph-inner:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	position: absolute;
	top: -2px;
	left: -3px;
}

.pipeline-graph-inner:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	position: absolute;
	top: -2px;
	right: -5px;
}

.pipeline-graph.blue,
.pipeline-graph.blue .pipeline-graph-inner:before,
.pipeline-graph.blue .pipeline-graph-inner:after {
	background-color: #52b8e9;
}

.pipeline-graph.green,
.pipeline-graph.green .pipeline-graph-inner:before,
.pipeline-graph.green .pipeline-graph-inner:after {
	background-color: #99ca3b;
}

/* rnd end */
/*dk start*/
.dk-bg {
	height: 180px;
	background: url(/images/dk/w-research-bg-dk2.png) no-repeat center center;
	background-size: cover;
}

.rnd_total-bg {
	height: 180px;
	background: url(/images/rnd/rnd-bg.png) no-repeat center center;
	background-size: cover;
}

.total-text {
	margin: 3rem 0 6.25rem;
	text-align: center;
}

.total-text p:first-child {
	margin-bottom: 25px;
	font-weight: bold;
	font-size: 2rem;
}

.total-text p {
	word-break: keep-all;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: -1px;
}

.rnd-strategy {
	padding-top: 50px;
	text-align: right;
	margin: 0 auto;
	max-width: 640px;
	background: url(/m/images/dk/rnd-strategy-dk-bg_v2.png) no-repeat center right 26%;
	background-size: cover;
	position: relative;
	width: 100%;
}

.rnd-strategy.rnd-center {
	background: url(/m/images/rnd/rnd-strategy-bg.png) no-repeat center center;
	background-size: cover;
	position: relative;
	width: 100%;
}

.rnd-strategy-tit {
	margin-bottom: 20px;
	width: 90%;
	display: inline-block;
	text-align: left;
}

.rnd-strategy-tit p:first-child {
	font-weight: bold;
	color: #393d44;
	font-size: 1.5rem;
}

.rnd-strategy-tit p:last-child {
	font-weight: bold;
	color: #393d44;
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.rnd-strategy.rnd-center .rnd-box {
	background-color: #52b8e9;
}

.rnd-strategy.rnd-center .rnd-strategy-tit p:last-child {
	color: #52b8e9;
}

.rnd-box {
	padding: 30px 30px 40px 30px;
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
	background-color: #99ca3b;
	width: 90%;
	color: #fff;
}

.rnd-box-tit {
	font-size: 2rem;
	margin-bottom: 15px;
}

.rnd-box-tit b {
	font-weight: bold;
}

.rnd-box p {
	padding-left: 12px;
	position: relative;
	font-size: 1.5rem;
	line-height: 1.6;
	word-break: keep-all;
	margin-bottom: 20px;
}

.rnd-strategy.rnd-center .rnd-box p {
	padding-left: 0;
}

.rnd-box p span {
	position: absolute;
	left: 0;
	top: 0;
}

.rnd-box p:last-child {
	margin-bottom: 0;
}

.rsc-layer {
	background: url(/m/images/dk/dk-rsc-bg.png) no-repeat center right;
	background-size: cover;
	padding: 6rem 0 5.5rem;
	margin-top: 15px;
}

.rsc-layer.rnd-center {
	background: url(/m/images/rnd/rnd-rsc-bg.png) no-repeat center right;
	background-size: cover;
}

.rsc-tit {
	display: inline-block;
	border-bottom: 2px solid #fff;
	padding-bottom: 15px;
	color: #5ec2d7;
	font-weight: bold;
	font-size: 2.5rem;
}

.rsc-tit span {
	font-weight: normal;
	font-size: 1.2rem;
}

.rsc-txt-box {
	margin-top: 4rem;
	color: #fff;
}

.rsc-txt p b {
	font-weight: bold;
}

.rsc-txt p:first-child {
	line-height: normal;
	font-size: 2rem;
	margin-bottom: 25px;
}

.rsc-txt p {
	word-break: keep-all;
	font-size: 1.5rem;
	line-height: 1.6;
}

.rsc-txt:last-child {
	margin-top: 50px;
}

.dk-pipeline .dk-pipeline-m {
	overflow-x: scroll;
}

.dk-pipeline .pipeline-table {
	margin-top: 0;
	white-space: nowrap;
	width: 500px;
}

.dk-pipeline-caption {
	margin-top: 6.25rem;
	font-size: 1.875rem;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-bottom: 1.875rem;
}

.dk-pipeline .pipeline-table td:last-child {
	border-right: 0;
}

.dk-pipeline .pipeline-table td {
	line-height: 1.5;
}

.dk-pipeline .pipeline-line-box {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.dk-pipeline .pipeline-line-box::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
}

.dk-pipeline .blue .pipeline-line-box {
	background-color: #52b8e9;
}

.dk-pipeline .green .pipeline-line-box {
	background-color: #99ca3b;
}

.dk-pipeline .pipeline-line-box.w-90 {
	width: 90px;
}

.dk-pipeline .pipeline-line-box.w-03 {
	width: 30%;
}

.dk-pipeline .pipeline-line-box.w-07 {
	width: 70%;
}

.dk-pipeline .pipeline-line-box.w-18 {
	width: 180%;
}

.dk-pipeline .pipeline-line-box.w-2 {
	width: 200%
}

.dk-pipeline .pipeline-line-box.w-25 {
	width: 250%
}

.dk-pipeline .pipeline-line-box.w-15 {
	width: 150%
}

.dk-pipeline .pipeline-line-box.w-1 {
	width: 100%
}

.dk-pipeline .pipeline-line-box.w-3 {
	width: 300%
}

.dk-pipeline .pipeline-line-box.w-35 {
	width: 350%
}

.dk-pipeline-tit {
	text-align: center;
	font-size: 2.5rem;
	font-weight: 500;
}

.dk-pipeline {
	padding-top: 8.5rem;
}

.rnd-center-wrap {
	padding: 6rem 0 5.5rem;
}

.rnd-center-tit {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 6.25rem;
}

.rnd-center-content {
	font-size: 0;
	width: 100%;
	margin-top: 6rem
}

.rnd-center-box {
	position: relative;
	width: 100%;
	vertical-align: top;
	margin-top: 3rem
}

.rnd-center-box.right {
	margin-top: 5rem
}

.rnd-center-txt {
	margin-top: 3rem;
}

.rnd-center-txt p {
	word-break: keep-all;
}

.rnd-center-txt p:first-child {
	font-weight: bold;
	font-size: 1.85rem;
	margin-bottom: 1.5rem;
}

.rnd-center-txt p:last-child {
	font-size: 1.5rem;
	line-height: 1.7;
}

.rnd-center-box.right .rnd-center-txt {
	text-align: right;
}

/*dk end*/
/* hr start */
.people-text-1 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}

.people-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 1.25rem;
}

.people-ul {
	width: 84.375%;
	margin: 0 auto;
}

.people-ul li {
	margin-top: 6.25rem;
}

.people-text-3 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	margin-top: 2.5rem;
}

.people-text-4 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 1.25rem;
}

.welfare-text-1 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}

.welfare-text-2 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 1.25rem;
}

.welfare-img-1 {
	width: 100%;
	margin: 4.375rem 0;
}

.welfare-contents-wrap {
	width: 84.375%;
	padding: 0 7.8125%;
}

.welfare-text-3 {
	font-size: 3.4375rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
	letter-spacing: normal;
	color: #144085;
}

.welfare-text-4 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.welfare-hr {
	width: 100%;
	height: 0;
	border-top: solid 1px #E7E7E7;
	margin: 4.375rem 0;
}

.welfare-text-5 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 4.375rem;
}

.welfare-text-6 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 1.25rem;
}

.welfare-contents-wrap3 {
	margin-top: 100px;
}

.welfare-ul {}

.welfare-ul li {
	float: left;
	width: 50%;
	min-height: 12.5rem;
	margin-top: 2.5rem;
	box-sizing: border-box;
	background-size: 9.375rem !important;
}

.welfare-ul li span {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	display: block;
	margin-top: 8.125rem;
}

.welfare-ul li:nth-child(1) {
	background: url(/m/images/hr/m-recruit-ico-1.png) no-repeat center top;
}

.welfare-ul li:nth-child(2) {
	background: url(/m/images/hr/m-recruit-ico-2.png) no-repeat center top;
}

.welfare-ul li:nth-child(3) {
	background: url(/m/images/hr/m-recruit-ico-3.png) no-repeat center top;
}

.welfare-ul li:nth-child(4) {
	background: url(/m/images/hr/m-recruit-ico-4.png) no-repeat center top;
}

.welfare-ul li:nth-child(5) {
	background: url(/m/images/hr/m-recruit-ico-5.png) no-repeat center top;
}

.welfare-ul li:nth-child(6) {
	background: url(/m/images/hr/m-recruit-ico-6.png) no-repeat center top;
}

.welfare-ul li:nth-child(7) {
	background: url(/m/images/hr/m-recruit-ico-7.png) no-repeat center top;
}

/* hr end */
/* cs start */
.cscenter-bg {
	width: 100%;
	overflow: hidden;
	padding: 5.75rem 0;
	background: url(/m/images/cs/m-callcenter-bg.png) no-repeat center center;
	background-size: cover;
}

.contents-wrap.cs {
	width: 84.375%;
	padding: 0 7.8125%;
}

.cscenter-text-1 {
	font-size: 1.875rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -2px;
	text-align: center;
	color: #ffffff;
}

.cscenter-text-2 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: -2px;
	color: #000000;
	margin-top: 6.25rem;
}

.cscenter-text-3 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1.09px;
	color: #666666;
	margin-top: 1.25rem;
}

.cscenter-hr {
	width: 100%;
	height: 0;
	border-top: solid 1px #e2e2e2;
	margin: 3.125rem 0;
}

.cscenter-ul {
	width: 100%;
}

.cscenter-ul li {
	width: 100%;
	padding: 3.125rem 0;
	border-top: solid 1px #e2e2e2;
}

.cscenter-ul li:first-child {
	margin-top: 3.125rem;
	border-top: 0;
}

.cscenter-text-4 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #000000;
}

.cscenter-text-5 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 0.625rem;
}

.cscenter-text-6 {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 3.75rem;
	letter-spacing: -1px;
	color: #000000;
	z height: 3.75rem;
	background: url(/m/images/cs/m-call-blue.png) no-repeat left center;
	background-size: 3.625rem;
	padding-left: 4.875rem;
	margin-top: 3.125rem;
}

.cscenter-ul.green .cscenter-text-6 {
	background: url(/m/images/cs/m-call-green.png) no-repeat left center;
	background-size: 3.625rem;
}

.cscenter-text-7 {
	font-size: 1.625rem;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: -1px;
	color: #666666;
	margin-top: 1.875rem;
}

/* cs end */
/* policy start */
.policy-text-1 {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: -1px;
	color: #000000;
}

.privacy-table {
	width: 100%;
	border-top: solid 2px #000000;
	margin: 2.5rem auto 3.75rem;
}

.privacy-table th,
.privacy-table td {
	padding: 1rem 0.625rem;
	border: solid 1px #dedede;
}

.privacy-table th {
	font-size: 1.5rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: left;
	color: #000000;
	width: 9.375rem;
}

.privacy-table td {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: left;
	;
	color: #000000;
}

.privacy-table th:first-child {
	border-left: none;
}

.privacy-table td:last-child {
	border-right: none;
}

.sitemap-dl {
	width: 48%;
	margin-left: 4%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1.875rem;
}

.sitemap-dl:nth-child(odd) {
	margin-left: 0;
}

.sitemap-dl>dt {
	font-size: 1.875rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 6.25rem;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
	width: 100%;
	height: 6.25rem;
	border-bottom: solid 2px #000000;
}

.sitemap-dl>dd {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 4.375rem;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	min-height: 4.375rem;
	border-bottom: solid 1px #e2e2e2;
}

.sitemap-sub-dl {
	background-color: #f7f8fb;
	border-top: solid 1px #e2e2e2;
	padding: 1.875rem 0;
}

.sitemap-sub-dl dd {
	font-size: 1.375rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.82;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}

/* policy end */
/* boards start */
.boards-table {
	border-top: solid 2px #000000;
	table-layout: fixed;
}

.boards-table th,
.boards-table td {
	height: 5rem;
	border-bottom: 1px solid #dedede;
}

.boards-table th {
	font-size: 1.4375rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}

.boards-table td {
	font-size: 1.4375rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}

.boards-table th.no {
	width: 5.625rem;
}

.boards-table th.attach {
	width: 1.875rem;
}

.boards-table th.date {
	width: 8.125rem;
}

.boards-table th.reply {
	width: 10rem;
}

.boards-table td.title {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.boards-list-attach {
	max-width: 1.5rem;
}

.boards-list-ul {
	/* margin-top: 100px; */
}

.boards-list-ul li {
	float: left;
	width: 380px;
	margin-left: 30px;
}

.boards-list-ul li:nth-child(3n + 1) {
	margin-left: 0;
}

.boards-list-ul li:nth-child(n + 4) {
	margin-top: 30px;
}

.boards-list-ul li.no-data {
	float: none;
	width: 100%;
	font-size: 30px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
}

.boards-list-ul:after {
	content: "";
	display: block;
	clear: both;
}

.boards-list-text-wrap {
	border: solid 1px #dedede;
	border-top: 0;
	padding: 38px 40px;
}

.boards-list-title {
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.boards-list-contents {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.63;
	letter-spacing: -1px;
	text-align: center;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
}

.boards-list-date {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.56;
	letter-spacing: -1px;
	text-align: center;
	color: #000000;
	margin-top: 20px;
}

.pagination-wrap {
	margin-top: 3.75rem;
	text-align: center;
}

.pagination-ul {}

.pagination-ul li {
	display: inline-block;
	width: 3.4375rem;
	height: 3.4375rem;
	line-height: 3.4375rem;
	margin-left: 0.625rem;
	vertical-align: top;
}

.pagination-ul li.icon {
	border: solid 1px #dbdbdb;
}

.pagination-ul li.icon:hover {
	border: solid 1px #144085;
}

.pagination-ul li:first-child {
	margin-left: 0;
}

.pagination-ul li a {
	font-size: 1.5rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 3.4375rem;
	letter-spacing: normal;
	color: #000000;
	display: block;
	height: 100%;
}

.pagination-ul li a:hover {
	color: #144085;
	text-decoration: underline;
}

.pagination-ul li.on {
	border: solid 1px #144085;
	background-color: #144085;
}

.pagination-ul li.on a {
	color: #ffffff;
}

.pagination-ul li.first {
	background: url(/m/images/common/hm-paging-arrow-ll.png) no-repeat center center;
	background-size: auto 1rem;
}

.pagination-ul li.prev {
	background: url(/m/images/common/hm-paging-arrow-l.png) no-repeat center center;
	background-size: auto 1rem;
}

.pagination-ul li.next {
	background: url(/m/images/common/hm-paging-arrow-r.png) no-repeat center center;
	background-size: auto 1rem;
}

.pagination-ul li.last {
	background: url(/m/images/common/hm-paging-arrow-rr.png) no-repeat center center;
	background-size: auto 1rem;
}

.boards-search-wrap {
	max-width: 31.25rem;
	margin: 0 auto;
	margin-top: 7.5rem;
}

.boards-search-form {
	position: relative;
	border-bottom: solid 2px #000000;
}

.boards-search-text {
	font-size: 1.625rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
	width: 100%;
	height: 4.375rem;
	line-height: 4.375rem;
	padding-left: 0.625rem;
	box-sizing: border-box;
	border: 0 !important;
	background-color: rgba(255, 255, 255, 0);
}

.boards-search-submit {
	position: absolute;
	top: 50%;
	right: 0.625rem;
	margin-top: -1.125rem;
	width: 2.1875rem;
	height: 2.1875rem;
	border: 0;
	background: url(/m/images/common/hm-search-ico.png) no-repeat center center;
	background-size: contain;
}

.boards-view-wrap {
	margin-top: 6.25rem;
}

.boards-view-title {
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;
	color: #000000;
}

.boards-view-date {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #666666;
	margin-top: 0.5rem;
}

.boards-view-contents {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: -1px;
	color: #000000;
	border-top: solid 2px #000000;
	padding: 3.125rem 0 3.75rem;
	border-bottom: solid 1px #dedede;
	margin-top: 2.5rem;
}

.boards-view-contents img {
	height: auto !important;
	width: auto !important;
}

.boards-view-attatch-wrap {
	border-bottom: solid 1px #dedede;
	padding: 1.5rem 0;
}

.boards-view-attatch-title {
	font-size: 1.5rem;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: -1.5px;
	color: #000000;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 1.25rem;
}

.boards-view-attatch-title:after {
	content: "";
	position: absolute;
	top: 0.625rem;
	right: -1.25rem;
	width: 1px;
	height: 0.75rem;
	border-right: solid 1px #dedede;
}

.boards-view-attatch-file {
	display: inline-block;
	padding-left: 2.25rem;
}

.boards-view-attatch-file a {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: -1.5px;
	color: #000000;
	display: block;
}

a.boards-list-btn {
	font-size: 1.5rem;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 4.375rem;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	display: block;
	width: 12.25rem;
	height: 4.375rem;
	background-color: #152b49;
	margin: 5rem auto 0;
}

/* boards end */
/* layer start */
.layer-pop-wrap>div {
	position: relative;
	margin-bottom: 10px;
}

.layer-popup {
	display: none;
	position: absolute;
	top: 7rem;
	left: 5%;
	width: 90%;
	z-index: 19998;
}

.layer-popup img {
	width: 100%;
}

.layer-popup .layer-close {
	position: absolute;
	width: 1.875rem;
	top: 0.625rem;
	right: 0.625rem;
}

/* layer end */
/* slider(slick) start */
.slick-slider,
.slick-list,
.slick-track {
	height: 100%;
}

.slick-slide {
	outline: none;
}

.slick-dotted.slick-slider {
	/* margin-bottom: 6.25rem; */
}

.slick-dots {
	position: absolute;
	bottom: 7rem;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 0.25rem;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 0.5rem;
	opacity: 0.5;
	border: solid 1px #979797;
	background-color: #ffffff;
	outline: 0;
	padding: 0;
}

.slick-dots li.slick-active button {
	opacity: 1;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 0.5rem;
	border: solid 1px #144085;
	background-color: #144085;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	display: none !important;
}

.product-view-slider .slick-prev,
.product-view-slider .slick-next {
	font-size: 0;
	position: absolute;
	top: 1.8125rem;
	display: block;
	width: 1.4375rem;
	height: 2.6875rem;
	padding: 0;
	cursor: pointer;
	border: 0;
	z-index: 1;
}

.product-view-slider .slick-prev {
	left: -2.75rem;
	background: url(/m/images/common/hm-product-arrow-left.png) no-repeat center center;
	background-size: 1.4375rem;
}

.product-view-slider .slick-next {
	right: -2.75rem;
	background: url(/m/images/common/hm-product-arrow-right.png) no-repeat center center;
	background-size: 1.4375rem;
}

/* slider(slick) end */
/*esg start*/
header.esg {
	background-color: #ffffff;
	border-bottom: solid 1px #e2e2e2;
}

header.esg .default-item {
	display: none;
}

header.esg .fixed-item {
	display: inline-block;
}

.esg_main {
	width: 100%;
	margin: 0 auto;
	padding: 100px 20px;
	box-sizing: border-box;
}

.esg_tit_box {
	text-align: center;
}

.esg_tit_box img {
	width: 140px;
}

.esg_tit_box p {
	font-size: 1.5rem;
	;
	margin-top: 20px;
	letter-spacing: -0.4px;
	line-height: 1.6;
	word-break: keep-all;
}

.esg_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.esg_menu li {
	position: relative;
	width: 50%;
}

.esg_menu li img {
	width: 100%;
}

.esg_menu li:first-child {
	width: 100%;
}

.esg_txt_box {
	position: absolute;
	top: 10px;
	left: 0;
	padding: 0 10px;
}

.esg_txt_box p:first-child {
	font-weight: bold;
	font-size: 1.8rem;
	letter-spacing: -0.4px;
}

.esg_txt_box p:last-child {
	/* font-weight: 500; */
	word-break: keep-all;
	font-size: 1.4rem;
	letter-spacing: -0.4px;
}

.esg_main_tab {
	display: flex;
	border: 1px solid #e2e2e2
}

.esg_main_tab li {
	flex: 1;
	text-align: center;
	border-right: 1px solid #e2e2e2;
	line-height: 40px;
}

.esg_main_tab li:last-child {
	border-right: 0
}

.esg_main_tab li a {
	font-size: 1.2rem;
	display: block;
}

.esg_main_tab li.on a {
	color: #fff;
	font-weight: bold;
}

.esg_main_tab li.on {
	background-color: #99ca3b;
}

.esg_sub_tab_wrap {
	margin-top: 20px;
	margin-bottom: 40px;
}

.esg_sub_tab {
	display: none;
	margin-top: -1px;
}

.esg_sub_tab_wrap p {
	font-weight: bold;
	line-height: 4.2rem;
	border: 1px solid #e2e2e2;
	/* border-bottom: 0; */
	text-align: center;
	font-size: 1.6rem;
}

.esg_sub_tab li {
	line-height: 4.2rem;
	text-align: center;
	border: 1px solid #e2e2e2;
	border-bottom: 0;
	font-size: 1.6rem;
	cursor: pointer;
}

.esg_sub_tab li:last-child {
	border-bottom: 1px solid #e2e2e2;
}

.esg_sub_tab li.on {
	background-color: #c8c8c8;
	font-weight: bold;
	color: #fff;
}

.esg_tab_con_wr>div {
	display: none;
}

.esg_tab_con_wr>div:first-child {
	display: block;
}

.esg_tab_con {
	width: 600px;
}

.esg_tab_con>div {
	display: none;
}

.esg_tab_con>div:first-child {
	display: block;
}

.direction_wrap {
	text-align: center;
}

.direction_wrap .direction_tit {
	font-weight: 500;
	font-size: 3rem;
	margin-bottom: 20px;
}

.direction_wrap p {
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing: -0.5px;
	margin-bottom: 25px;
	word-break: keep-all;
}

.direction_wrap .direction_name span {
	font-weight: bold;
	font-size: 1.9rem;
}

.direction_wrap .direction_name img {
	vertical-align: middle;
	position: relative;
	top: -11px;
	margin-left: 10px;
	width: 80px;
}

.esg_bottom {
	margin-top: 30px;
	width: 100%;
}

/* esg end */
/* esg ---------------------*/
:root {
	--deep-blue: #152b49;
	--sky-blue: #52b8e9;
	--light-green: #99ca3b;
}

.esg ol {
	padding-left: 20px;
}

.esg .txt-sky {
	color: var(--sky-blue);
}

.esg .txt-lgr {
	color: var(--light-green);
}

.esg-wrap a {
	color: inherit;
}

.esg {
	letter-spacing: -0.55px;
}

.esg .nav>li {
	line-height: 1.8;
}

.esg .nav>li.active {
	line-height: 1.8;
	color: var(--sky-blue);
}

.esg .sub_nav {
	font-size: 16px;
	color: #787878;
	padding-left: 11px;
}

.esg .con_tit {
	font-size: 20px;
	word-break: keep-all;
}

.esg .con_tit2 {
	font-size: 18px;
	word-break: keep-all;
}

.esg .gr_tit {
	font-size: 16px;
	color: var(--light-green);
}

.esg .txt {
	font-size: 14px;
	color: #787878;
}

.esg .num_list li {
	font-size: 13px;
	line-height: 1.8;
	color: #787878;
}

.esg .sub_txt {
	font-size: 14px
}

.gr_box>ul>li {
	margin-bottom: 20px;
	border: 1px solid #dfdfdf;
	border-radius: 15px;
	text-align: center;
	height: 121px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.gr_box>ul>li>p {
	line-height: 1.2;
	font-size: 16px;
}

.esg .gr_st {
	color: var(--light-green);
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
}

/* table */
.table_box {
	overflow-x: scroll;
}

.table_box img {
	max-width: 160%;
	width: auto;
}

.table_top {
	color: #2b2b2b;
}

.table_tit {
	font-size: 16px;
}

/* 이미지박스 */
.esg .img_wrap {
	flex-wrap: wrap;
}

.esg .img_wrap .img_box {
	width: calc(50% - 5px);
}

.esg .img_txt {
	font-size: 1.2rem;
	color: #787878;
}

.esg .result_info {
	margin-top: 20px;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	line-height: 41px;
	position: relative;
}

.esg .result_info strong {
	font-size: 14px;
	font-weight: normal;
	color: #787878;
	margin-left: 10px;
}

.esg .result_info a {
	position: absolute;
	right: 5px;
	top: 8px;
	background-color: #99ca3b;
	color: #fff;
	width: 100px;
	height: 25px;
	border: 0px;
	line-height: 25px;
	text-align: left;
	font-size: 13px;
	padding-left: 13px;
}

.esg .result_info a img {
	margin-left: 5px;
	height: 25px
}


.esg_table {
	width: 100%;
	overflow: auto;
	position: relative;
	min-width: 700px;
}

.esg_table table {
	white-space: nowrap;
	border-top: 2px solid #7d7d7d;
	border-bottom: 2px solid #7d7d7d;
}

.esg_table table thead {
	border-top: 2px solid #7d7d7d;
}

.esg_table table thead th {
	border-right: 1px solid #ccc;
	height: 40px;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	font-weight: 700;
}

.esg_table table thead th:last-child {
	border-right: 0px;
}

.esg_table table tbody th {
	border-right: 1px solid #ccc;
	height: 40px;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	font-weight: 700;
}

.esg_table table tbody th:last-child {
	border-right: 0px;
}

.esg_table table .col_blue {
	color: #144085;
}

.esg_table table .col_black {
	color: #000;
}

.esg_table.esg_type2 table tbody tr td:first-child {
	text-align: left;
	padding-left: 55px;
}

.esg_table table tbody td {
	color: #787878;
	font-size: 13px;
	height: 35px;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.esg_table table tbody td.bor-r-1 {
	border-right: 1px solid #ccc !important;
}

.esg_table table tbody tr td:last-child {
	border-right: 0px;
}

.esg_table table tbody tr td:first-child {
	border-right: 1px solid #ccc;
}

.esg_table table tbody tr:last-child td {
	border-bottom: 2px solid #7d7d7d;
}

.esg_table.esg_ft table tfoot td {
	color: #144085;
	font-size: 13px;
	height: 35px;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.esg_table.esg_ft table tfoot tr td:last-child {
	border-right: 0px;
}

.esg_table.esg_ft table tfoot tr td:first-child {
	border-right: 1px solid #ccc;
}

.esg_table.esg_ft table tfoot tr:last-child td {
	border-bottom: 2px solid #7d7d7d;
}

.esg_table.esg_ft table tbody tr:last-child td {
	border-bottom: 1px solid #ccc;
}

.esg_table table tbody tr td.left_pa_l_30 {
	text-align: left;
	padding: 10px 5px 10px 10px;
}

.esg_table table tbody tr td.left_pa_0 {
	text-align: left;
	padding: 0px 5px 0px 10px;
}

.esg_table table thead th span {
	border-radius: 10px;
	padding: 5px 10px;
	color: #fff;
	display: inline-block;
	margin-right: 3px;
}

.e_box_th {
	background-color: #76bc1e;
}

.s_box_th {
	background-color: #01bcb5;
}

.g_box_th {
	background-color: #009bde;
}

.esg_table table tbody tr td span.cl_box {
	color: #fff;
	background-color: #002856;
}

.esg_table table tbody tr td span.e_box {
	border: 1px solid #76bc1e;
	color: #76bc1e;
}

.esg_table table tbody tr td span.s_box {
	border: 1px solid #01bcb5;
	color: #01bcb5;
}

.esg_table table tbody tr td span.g_box {
	border: 1px solid #009bde;
	color: #009bde;
}

.esg_table table tbody tr td span {
	border-radius: 10px;
	padding: 5px 10px;
	min-width: 20px;
	display: inline-block;
}

.esg_table table tbody tr td.sm_font {
	font-size: 11px;
}

.esg_table.left-txt-table table tbody td {
	text-align: left;
	word-break: keep-all;
	padding: 10px 5px 10px 10px;
}

.esg_table.left-txt-table table tbody tr td:first-child {
	text-align: center;
	padding: 10px 5px 10px 10px;
}

.esg_table .table-right-txt {
	position: absolute;
	right: 0px;
	top: -30px;
	font-size: 13px;
	color: #9f9f9f;
}

.esg_table .bor-r {
	border-right: 1px solid #000;
}

.esg_table .bor-b-2 {
	border-bottom: 2px solid #7d7d7d;
}

.esg .con_tit>span.sub_tit {
	font-size: 13px;
	color: #9f9f9f;
	margin-left: 5px;
	font-weight: normal;
}


.esg_contrib_p {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 75px;
}

.esg_contrib_p_box {
	display: block;
	width: 100%;
}

.esg_contrib_p_box>div {
	display: block;
	vertical-align: top;
}

.esg_contrib_p_txt {
	padding-top: 20px;
}

.esg_contrib_p_txt>strong {
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	display: block;
}

.esg_contrib_p_txt>p {
	color: #000;
	font-size: 16px;
	line-height: 220x;
}

.esg_contrib_p_txt>a {
	display: block;
	font-size: 14px;
	width: 160px;
	line-height: 37px;
	background-color: #99ca3b;
	color: #fff;
	padding-left: 20px;
	box-sizing: border-box;
	margin-top: 20px;
}

.esg_contrib_p_txt>a>img {
	margin-left: 10px;
}

.esg_contrib_p_txt_bottom {
	font-size: 18px;
	line-height: 28px;
	color: #000;
	padding-left: 40px;
}

.esg_contrib_p_txt_bottom_v2 {
	margin-top: -40px;
	font-size: 18px;
	line-height: 28px;
	color: #000;
}

.esg_contrib_p_txt>span {
	color: #9f9f9f;
	font-size: 15px;
	display: block;
}

.esg_contrib_p_txt>div {
	font-size: 17px;
	color: #2b2b2b;
	font-weight: bold;
}

.esg_contrib_p_txt>ul {
	font-size: 0px;
}

.esg_contrib_p_txt>ul>li {
	display: block;
	font-size: 15px;
	color: #2b2b2b;
	padding-left: 20px;
}

.esg_contrib_p_txt .type2 {
	text-align: left;
}

.esg_contrib_p_txt .type2>li {
	padding-left: 0px;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 10px;
}

.esg_contrib_p_txt .type2>li>strong {
	display: block;
	vertical-align: top;
	width: 100%;
}

.esg_contrib_p_txt .type2>li:last-child>strong {
	width: 100%
}

.esg_contrib_p_txt_type2>p {
	color: #787878;
	line-height: 24px;
}

.esg_contrib_p_txt .type2>li>span {
	margin-top: 5px;
	word-break: keep-all;
	display: block;
	vertical-align: top;
}

.esg_cont_img6_1 {
	position: relative;
	top: -40px;
}

.contrib_tit {
	color: #222222;
	font-size: 24px;
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

.esg_sub_tab {
	display: flex;
	width: 100%;
	margin: 12px auto 0px;
}

.esg_sub_tab li {
	flex: 1;
	line-height: 35px;
	text-align: center;
	border: 1px solid #e2e2e2;
	border-right: 0px;
	font-size: 1.1rem;
	color: #000;
}

.esg_sub_tab li:last-child {
	margin-right: 0px;
	border-right: 1px solid #e2e2e2;

}

.esg_sub_tab li.on {
	background-color: #e2e2e2;
}

.esg_sub_tab li a {
	display: block;
}

.declaration_box {
	position: relative;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

.declaration_box span {
	font-size: 13px;
	display: inline-block;
	color: #787878;
	line-height: 40px;
}

.declaration_box a {
	display: inline-block;
	border: 1px solid #cacaca;
	padding-left: 5px;
	width: 123px;
	position: absolute;
	top: 5px;
	right: 10px;
	line-height: 30px;
	color: #787878;
	font-size: 13px;
}

.declaration_box a>img {
	margin-top: -3px;
	margin-right: 5px;
}

.esg .sub_tit {
	font-size: 1.6rem;
	/* font-size: 18px; */
	color: #787878;
}

.img_list_box {
	text-align: center;
}

.img_list_box img {
	margin-bottom: 15px;
	display: inline-block;
	width: 200px;
}


.line_ul>ul {
	font-size: 0px;
	border-top: 1px solid #cacaca;
}

.line_ul>ul>li {
	position: relative;
	border-bottom: 1px solid #cacaca;
	padding-left: 10px;
}

.line_ul>ul>li>span {
	font-size: 14px;
	color: #787878;
	line-height: 40px;
}

.line_ul>ul>li>a {
	display: inline-block;
	border: 1px solid #cacaca;
	padding-left: 5px;
	width: 73px;
	line-height: 30px;
	color: #787878;
	font-size: 11px;
	position: absolute;
	top: 5px;
	right: 5px;
}

/* .line_ul>ul>li>a{display: inline-block; border:1px solid #cacaca; padding-left: 5px;width:100px; line-height: 30px;color: #787878;font-size: 13px;position: absolute; top:5px; right:5px;} */
.line_ul>ul>li>a>img {
	margin-right: 3px;
	margin-top: -5px;
	width: 20px;
}


.esg_contrib_c_level {}

.esg_contrib_c_level_tit strong {
	padding-left: 5px;
	color: #222;
	font-size: 20px;
}

.esg_contrib_c_level_tit span {
	color: #9f9f9f;
	font-size: 13px;
	float: right;
	margin-top: 10px;
}

.esg_contrib_c_level>ul {
	font-size: 0px;
	text-align: center;
	margin-top: 30px;
}

.esg_contrib_c_level>ul>li {
	display: inline-block;
	border: 1px solid #e3e3e3;
	width: 265px;
	height: 187px;
	border-radius: 20px;
	padding: 15px 0px 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.esg_contrib_c_level>ul>li>img {
	width: auto;
	height: auto;
	margin-top: 0px;
}

.esg_contrib_c_level>ul>li>span {
	margin-top: 10px;
	font-size: 14px;
	color: #9f9f9f;
	display: block;
}

.esg_contrib_c_level>ul>li>strong {
	display: block;
	font-size: 22px;
	color: #222222;
}

.esg_contrib_c_level_table {
	margin-top: 20px;
	display: block;
	width: 100%;
}

.esg_contrib_c_level_table>div {
	vertical-align: top;
	display: block;
}

.esg_contrib_c_level_table>div>span {
	font-size: 18px;
	color: #222222;
}

.esg_contrib_c_level_table>div>span i {
	float: right;
	font-size: 15px;
	font-style: normal;
	float: right;
	color: #9f9f9f;
	padding-top: 10px;
}

.esg_contrib_p1_list_tit {
	font-size: 22px;
	color: #222222;
	display: block;
	text-align: center;
}

.gallery_board {
	position: relative;
}

.gallery_board>ul {
	font-size: 0px;
	padding: 20px;
}

.gallery_board>ul>li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
	width: 100%;
}

.gallery_board>ul>li>a {
	display: block;
	text-align: center;
}

.gallery_board>ul>li>a img {
	margin-bottom: 10px;
	height: 210px;
	width: 100%;
}

.gallery_board>ul>li>a strong {
	font-size: 16px;
	font-weight: normal;
	color: #222222;
	display: block;
}

.gallery_board>ul>li>a span {
	display: block;
	font-size: 14px;
	color: #9f9f9f;
}

/* -------------------------------------- */
.section-video .video video {
	width: 100%;
}

.sub-video-section {
	margin-top: 4.25rem;
}

.sub-video-section2{
	margin-bottom:  4.25rem;
}
.cp_txt_line_type2 {
	margin-top: 0px;
	padding: 40px 0px 0px;
	border-top: 0px;
}

.cp_txt_line_type2 .cp_txt_line_tit {
	color: #000;
	font-weight: bold;
	font-size: 1.875rem;
	margin-bottom: 20px;
	display: block;
}

.cp_txt_icon_line>ul {
	font-size: 0px;
	width: 100%;
	display: block;
	margin-bottom: 0px;
	/* min-height: 108px; */
}

.cp_txt_icon_line>ul>li {
	display: block;
	width: 100%;
	padding-top: 15px;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 15px;
	word-wrap: break-word;
	padding-bottom: 20px;
	padding-left: 70px;
	position: relative;
}

.cp_txt_icon_line>ul>li:after {
	background-position: center;
	content: '';
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 60px;
	background-size: contain;
}

.cp_txt_icon_line>ul>li.cp_txt_icon_1::after {
	background-image: url('/m/images/company/cp_icon/cp_1_1_icon_1.png');
	top: 21px;
}

.cp_txt_icon_line>ul>li.cp_txt_icon_2::after {
	background-image: url('/m/images/company/cp_icon/cp_1_1_icon_2.png');
	top: 10px;
}

.cp_txt_icon_line>ul>li.cp_txt_icon_3::after {
	background-image: url('/m/images/company/cp_icon/cp_1_1_icon_3.png');
	top: 19px;
}

.cp_txt_icon_line>ul>li.cp_txt_icon_4::after {
	background-image: url('/m/images/company/cp_icon/cp_1_1_icon_4.png');
	top: 30px;
}

.cp_txt_icon_line>ul>li.cp_txt_icon_5::after {
	background-image: url('/m/images/company/cp_icon/cp_1_1_icon_5.png');
	top: 6px;
}

.cp_txt_icon_line>ul>li.cp_txt_icon_6::after {
	background-image: url('/m/images/company/cp_icon/cp_1_1_icon_6.png');
	top: 44px;
}

.sang_ul>li>span:first-child img {
	width: 190px;
	height: 190px;
	object-fit: contain;
	object-position: center;
}

.sang_ul>li>span:first-child {
	display: block;
	margin: 0 auto 20px;
	text-align: center;
}

.esg_table table tbody tr td.border_right_0 {
	border-right: 0
}

.esg_table table tbody tr td.border_bottom_1 {
	border-bottom: 2px solid #7d7d7d;
}

.esg_table table tbody tr td.left_pa_1 {
	text-align: left;
	padding: 0px 5px 0px 10px;
}

.esg_table_padding tbody tr td,
.esg_table_padding thead tr th {
	padding: 0 5px
}

.esg_certificate_imgs {
	margin-top: 25px;
}

.esg_certificate_imgs ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.esg_certificate_imgs img {
	width: 100%;
}

.dk-top-text {
	text-align: center;
	margin: 3rem auto 6rem;
}

.dk-top-text p {
	line-height: 2rem;
	font-size: 1.2rem;
	word-break: keep-all;
}

.dk-top-text .dk-info-title {
	margin-bottom: 3rem;
	font-size: 2.2rem;
	line-height: normal;
}

.dk-top-text .dk-info-title {
	margin-bottom: 35px;
	font-size: 2.2rem;
	line-height: normal;
}

.team-contents-wrap {
	margin-top: 120px;
}

.team-contents-wrap .dk-info-title {
	margin-bottom: 50px;
}

.dk-global-wrap {
	text-align: center;
	margin-top: 7rem;
}

.dk-global-text {
	margin-top: 4rem;
}

.dk-global-text p {
	letter-spacing: -0.5px;
	font-size: 1.2rem;
	line-height: 2rem;
}

.dk-global-text .dk-global-title {
	margin-bottom: 25px;
	font-size: 2rem;
	font-weight: bold;
}

.dk-info-title {
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
	color: #000;
}

.dk-platform-layer {
	background-size: cover;
}

.dk-pl-wrap {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

.dk-pl-title {
	color: #fff;
	text-align: center;
	margin-bottom: 3.1rem;
}

.dk-pl-title p:first-child {
	font-size: 2.5rem;
}

.dk-pl-title p:last-child {
	font-size: 1.2rem;
	letter-spacing: -0.4px;
	color: #b0b0b0;
}

.dk-pl-text {
	/* margin-bottom: 3rem; */
}

.dk-pl-text p:first-child {
	font-size: 2rem;
	color: #99ca3b;
	margin-bottom: 1.6rem;
	letter-spacing: -0.5px;
	;
}

.dk-pl-text p:nth-child(2) {
	color: #fff;
	font-size: 1.1rem;
	line-height: 2rem;
}

.dk-pl-wrap li:nth-child(1) {
	position: relative;
}

.dk-pl-wrap img {
	margin: 0 auto;
}

.dk-pl-wrap li:nth-child(2) .dk-pl-text p:first-child {
	color: #52b8e9;
}

.dk-pl-wrap li {
	padding: 4rem 4.6875%;
}

.dk-pl-wrap li:first-child {
	background-position: bottom;
	;
	background-image: url('../../images/dk/dkplatformbg_m_01.png');
}

.dk-pl-wrap li:last-child {
	background-position: bottom;
	;
	background-image: url('../../images/dk/dkplatformbg_m_02.png');
}

.privacy_scroll_table {
	overflow-x: auto;
}

.privacy_scroll_table .privacy_table {
	white-space: nowrap;
	table-layout: auto;
}

.policy-wrap {
	font-size: 1.4rem
}

.privacy_table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 2px solid #000;
	table-layout: fixed;
}

.privacy_table th {
	background-color: #f5f5f5;
	font-weight: normal;
	height: 40px;
	word-break: keep-all;

	vertical-align: middle;
}

.privacy_table td {
	text-align: center;
	padding: 1rem 1.5rem;
	background-color: #Fff;
	border: 1px solid #ddd;
}

.privacy_table td:has(img) {
	vertical-align: top;
	padding: 2rem 1.5rem;
}

.privacy_table tr td:first-child {
	border-left: 0;
}

.privacy_table tr td:last-child {
	border-right: 0;
}

.privacy_table tr td .icon {
	width: 50px;
	height: 50px;
	object-fit: contain;
	object-position: center;
}

.privacy_table tr td .tit {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px
}

.privacy_table tr td ul li {
	position: relative;
	padding-left: 15px;
	text-align: left;
	word-break: keep-all;
}

.privacy_table tr td ul li::before {
	content: "·";
	position: absolute;
	left: 0;
	top: 1px;
}

.policy-wrap .icon_tit {
	display: flex;
	gap: 10px;
	flex-direction: column;
	margin-bottom: 1.2rem
}

.policy-wrap .icon_tit p {
	font-weight: bold;
	word-break: keep-all;
}

.policy-wrap .ico_wrap {
	display: flex;
	gap: 10px;
	align-items: center;
}

.policy-wrap p:has(.num) {
	position: relative;
	padding-left: 20px;
}

.policy-wrap p .num {
	position: absolute;
	top: 1px;
	left: 0
}

.policy-wrap .ico_wrap img {
	width: 30px;
}

.privacy_list {
	word-break: keep-all;
}

.privacy_list li {
	position: relative;
	padding-left: 10px
}

.privacy_list li a {
	text-decoration: underline;
}

.privacy_list li::before {
	content: "·";
	position: absolute;
	left: 0;
	top: 1px;
}

.esg_cont_img_box_grid {
	display: grid;
	gap: 25px;
	grid-template-columns: repeat(1, 1fr);
}

.esg_cont_img_box_grid img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.esg_img_tit {
	display: flex;
	gap: 15px;
	text-align: left;
	align-items: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	word-break: keep-all;
}

.esg_img_tit strong {
	display: block;
	font-size: 1.4rem;
	margin-bottom: 5px;
}

.esg_img_tit img {
	max-width: 70px
}

.ehs-title td>div {
	padding: 10px 20px;
	position: relative;

}

.ehs-title td>div::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	width: 24px;
	height: 15px;
	background-image: url('../../images/esg/table_th_arrow.png');
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translate(50%, -50%);
}

.ehs-title td:last-child>div:last-child::after {
	display: none
}

.ehs-title td>div span {
	border-radius: 50px !important;
	display: block;
	border: 1px solid #52b8e9;
	width: 100%;
	color: #000;
	padding: 5px 0 !important
}

/*아로 유나 수정 250605*/
.esg_table._full {
	min-width: unset;
}

.esg_table+.esg_table {
	margin-top: 30px;
}

.table_box._full img {
	max-width: 220%;
}

.esg_table.td-padding-ib-5 td {
	padding: 5px 0;
}

.esg_table.td-padding-ib-10 td {
	padding: 10px 0;
}

.esg_table.tbody-border-b tbody {
	border-bottom: 2px solid #7d7d7d;

}

.esg_social_1_flex.margin-t-15 {
	margin-top: 15px;
}

.padding-b-90 {
	padding-bottom: 90px;
}

.table_box>.esg_table {
	overflow: unset;
}

/*아로 유나 수정 250605*/

/* 0618 추가 */
.esg_table .row_td {
	writing-mode: vertical-lr;
	letter-spacing: -1.2px
}

.esg_table .p_wrap {
	padding: 10px 5px;
	text-align: left;
	letter-spacing: -1px
}

.esg_table .p_wrap .c_p {
	position: relative;
	padding-left: 10px;
}

.esg_table .p_wrap .c_p::before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0px;
}

.esg_table .p_wrap .b_p {
	position: relative;
	padding-left: 17px
}

.esg_table .p_wrap .b_p::before {
	content: "–";
	position: absolute;
	left: 5px;
	top: 0px;
}

.esg_table .p_wrap .s_p {
	position: relative;
	padding-left: 17px
}

.esg_table .p_wrap .s_p::before {
	content: "*";
	position: absolute;
	left: 5px;
	top: 0px;
}

.esg_tables table:not(:first-child) {
	margin-top: -2px
}

.esg-wrap .nav_bar a {
	display: flex;
	word-break: keep-all;
	gap: 5px;
	letter-spacing: -1.8px
}

.roadmap-table table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}

.roadmap-table table:last-child {
	border-bottom: 2px solid #7d7d7d;

}

.roadmap-table table:nth-child(1) th>div {
	background-color: #152b49;
}

.roadmap-table table:nth-child(2) th>div {
	background-color: #52b8e9;
}

.roadmap-table table:nth-child(3) th>div {
	background-color: #99ca3b;
}

.roadmap-table table th>div {
	color: #fff;
	position: relative;
	font-weight: bold;
	font-size: 16px;
	line-height: 35px;
}

.roadmap-img-box img {
	max-width: 100px
}

.roadmap-table td {
	border: 1px solid #eeeeee;
	text-align: center;
}

.roadmap-table td:has(.roadmap-img-box) {
	padding: 15px;
}

.roadmap-table .roadmap-img-box p {
	color: #787878;
	font-size: 14px;
	margin-top: 20px;
}

.roadmap-table table td:has(ul) {
	padding: 10px 12px;
	text-align: left;
	vertical-align: top
}

.roadmap-table table td ul li {
	position: relative;
	font-size: 14px;
	color: #222222;
	line-height: 1.7;
	word-break: keep-all;
	padding-left: 10px
}

.roadmap-table table td ul li::before {
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
}

.roadmap-table tr td:first-child {
	border-left: 0;
}

.roadmap-table tr td:last-child {
	border-right: 0;
}

/*250728 신문고 수정*/

.cp4-form-wrap._new .cp4-form-table th,
.cp4-form-wrap._new .cp4-form-table td {
	border-top: 0;
	padding-top: 0.5rem;
}

.cp4-form-wrap._new .cp4-form-table th {
	font-size: 18px;
	padding-top: 1rem;
	padding-bottom: 0rem;
}

.cp4-form-wrap._new input[type=text],
.cp4-form-wrap._new input[type=password] {
	width: 100%;
	height: 45px;
	padding: 0px 10px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.5px;
}

.p_info {
	margin-bottom: 10px;
	font-size: 16px;
}

.checkbox_wrap em {
	content: " ";
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 0;
	vertical-align: text-bottom;
	background: url(/images/common/w-uncheck.png) no-repeat center center;
	vertical-align: top;
	margin-top: 1px;
	margin-right: 2px;
}

.checkbox_wrap input:checked+em {
	background: url(/images/common/w-checked.png) no-repeat center center;

}

.cp4-form-wrap._new .cp4-phone-wrap select,
.cp4-form-wrap._new .cp4-phone-wrap input[type=text] {
	width: calc((100% - 30px) / 3);
	height: 45px;
	border: solid 1px #dedede;
	background-color: #ffffff;
	padding: 10px;
	box-sizing: border-box;
}

.select_wrap select,
.select_wrap input[type=text] {
	width: 100%;
	height: 50px;
	border: solid 1px #dedede;
	background-color: #ffffff;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
}

.cp4-form-wrap._new .user_info_tr .cp4-phone-wrap select,
.cp4-form-wrap._new .user_info_tr .cp4-phone-wrap input[type=text] {
	width: 100px;
	height: 50px;
	border: solid 1px #dedede;
	background-color: #ffffff;
	padding: 10px;
	box-sizing: border-box;
}

.cp4-form-table :where(.type_content, .file_content) th,
.cp4-form-table :where(.type_content, .file_content) td {
	border-top: 0 !important;
	padding-top: 0px !important;
}

.checkbox_wrap td {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 15px;
}

.checkbox_wrap.way_wrap td {
	flex-direction: column;
}

.checkbox_wrap td>p {
	flex: 100%;
}

.cp4-form-wrap._new .input_wrap input {
	width: calc(100% - 80px);
	border: none;
	height: 20px;
}

.type_content,
.file_content {
	display: none;
}

.file_content input {
	display: none;
}

.cp4-form-wrap._new .file_content label {
	display: inline-flex;
	align-items: center;
	margin-block: 5px 10px;
	width: 100%;
	cursor: pointer;
}

.cp4-form-wrap._new .customer-form textarea {
	font-size: 16px;
	padding: 10px;
	font-weight: 400;
}

.file_box {
	border: 1px solid #ddd;
	line-height: 35px;
	padding: 0 10px;
	height: 35px;
	width: 100%;
	display: inline-block;
	color: #aaa;
	position: relative;
	font-size: 16px;
}

.file_box::before {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 5px;
	right: 6px;
	background-image: url(../../images/common/file_upload.png);
	background-size: contain;
	background-repeat: no-repeat;
	filter: invert(0.7);
}

.file_content .close_btn {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../../images/common/close.png);
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	border-radius: 30px;
	margin-left: 6px;
	margin-top: 3px;
}

.file_content .file_item {
	display: flex;
	margin-top: 3px;
}

.file_content .file_item span {
	font-weight: 500;
}

.cp4-form-wrap._new .customer-form textarea.cp-privacy-textarea {
	font-size: 16px;
	padding: 10px;
}

.cp4-form-wrap._new .agree_btn {
	font-size: 16px;

}

.cp4-form-wrap._new .cp4-text-3 {
	font-size: 16px
}

.cp4-form-wrap._new .customer-form input[type="checkbox"]+label:before {
	content: " ";
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 0;
	vertical-align: top;
	background: url(/m/images/common/m-uncheck.png) no-repeat center center;
	background-size: contain;
	margin-top: 1px;
	margin-right: 5px;
}

.cp4-form-wrap._new .customer-form input[type="checkbox"]:checked+label:before {
	background: url(/m/images/common/w-checked.png) no-repeat center center;
}

.cp4-form-wrap._new :where(input, span, textarea, select) {
	font-size: 16px;
}

.cp4-view-table._new .title {
	background-color: #f8f8f8;
	font-weight: 500;
	border-bottom: 2px solid #000;
}

.cp4-view-table._new .reply_ans {
	min-height: 150px;
	display: block;
}

.move_link {
	font-size: 18px;
	font-weight: 500;
	margin-block: 5px 30px;
	display: block;
	text-decoration: underline;
}

.cp4-form-wrap._new :where(input, span, textarea, select).span_info {
	display: inline-block;
	margin-top: 5px;
	font-size: 14px;
}

.cp4-login-form-wrap._new .input-wrap input {
	padding: 0 10px;
}

/*250728 신문고 수정*/
/* insadol_pop_layer */
.insadol_pop_layer{
  /* max-height: 60%; */
	z-index: 999;
  position: absolute;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
  background-color: #fff;
  width: 80%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding: 20px;
  /* overflow: hidden; */
}
.insadol_pop_layer .i_pop_close{
  width: 20px;
  background-color: transparent;
  border:0;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 16px
}
.insadol_pop_layer .i_pop_wrap{
  height: 70vh;
  overflow-y: auto;
  border:1px solid #000;
}
.insadol_pop_layer .i_pop_hd{
  background-color: #F0F0F0;
  text-align: center;
  padding: 1rem 0;
  font-weight: bold;
  font-size: 2rem;
}
.insadol_pop_layer .i_pop_content{
  padding: 20px 20px 15px
}
.insadol_pop_layer .i_pop_content .box_wrap{
  flex-direction: column;
  display: flex;
}
.insadol_pop_layer .i_pop_content .box_wrap .box{
  flex:1;
}
.insadol_pop_layer .i_pop_content .box_wrap .line{
  display: block;
  width: 1px;
  height: 100%;
  background-color: #717276;
}
.insadol_pop_layer .i_pop_content .box_wrap .box .tit{
  word-break: keep-all;
  font-weight: bold;
  font-size: 1.3rem;
  padding-left: 10px;
  border-left: 6px solid #d50037;
  margin-bottom: 20px
}
.insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(1){
  margin-bottom: 15px;
  /* padding-right: 0; */
  border-bottom: 1px solid #303030;
}
.insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(2){
  /* padding-left: 10px; */
}
.insadol_pop_layer .i_pop_content .box_wrap .box .img img{
  max-width: 100%;
  width: 100%
}
.insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(2) .img{
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(2) .img .img_info{
  position: absolute;
  left: 15px;
  bottom: 10px;
  font-size: 11px
}
.insadol_pop_layer .i_pop_content .box_wrap .box .txt{
  margin-top: 10px;
  padding-bottom: 15px;
  font-size: 1.2rem;
  line-height: 1.5
}
.insadol_pop_layer .i_pop_content .box_wrap .box .txt b{
  font-weight: bold;
}
.insadol_pop_layer .i_pop_content .i_pop_info{
  padding-top: 12px;
  color: #444445;
  font-size: 10px;
  border-top: 1px solid #C7C7C7;
  margin-top: 0;
}
/* insadol_pop_layer */

@media screen and (max-width: 640px) and (orientation: portrait) {

	html,
	body {
		font-size: 16px;
	}

	.move_link {
		text-align: center;
	}
}

@media screen and (max-width: 640px) and (orientation: landscape) {

	html,
	body {
		font-size: 12px;
	}


}

@media screen and (max-width: 480px) and (orientation: portrait) {

	html,
	body {
		font-size: 11px;
	}

	.move_link {
		font-size: 14px;
		margin-block: 10px 25px;
	}

}

@media screen and (max-width: 420px) and (orientation: portrait) {

	html,
	body {
		font-size: 10px;
	}
}

@media screen and (max-width: 360px) and (orientation: portrait) {

	html,
	body {
		font-size: 9px;
	}
}