/* =============
  == Pages List==

   - Form Elements
   - Notification
   - Range slider
   - Sweet Alert
   - Charts
   - Maps
   - Account pages
   - Timeline

============= */

/* =============
   Form Elements
============= */

/* main */

.swiper-change-text {
	display: none;
}

.technical {
	text-align: left;
	padding: 7.5rem 0 10rem;
	width: 100vw;
	background: url(../images/main/main_technical_bg.png);    
	background-size: contain;
	background-repeat: no-repeat;	
}
.technical .container {
	display: flex;
	align-items: stretch;
}
.technical .titleColumn {
	margin-right: 5%;
}
.technical .row { 
	justify-content: space-between;	
}
.technical .row:before,
.technical .row:after {
	display: none;	
}
.technical .row .col-lg-4 {
	width: 50%;
}
@media (max-width: 1024px) {
	.technical .container {
		flex-direction: column;
	}
	.technical .titleColumn {margin-right: 0;}
	.technical .row .col-lg-4 { 
		width: 100%;
	}
}
/* .technical .row:nth-child(n+2) {
	margin-top: 5rem;
} */

.technical .technical-title {
	text-align: center;
}

.technical .technical-title h1 {
	font-size: 3.75rem;
	line-height: 4rem;
	font-weight: 700;
	color: #1a1a1a;
}

.technical .technical-title h1:after {
	content: '';
	background: #2A71CE;
	border-radius: 1.25rem;
	width: 1.25rem;
    height: 1.25rem;
    position: absolute;
}

.technical .technical-title h4 {
	font-size: 1.375rem;
	line-height: 2rem;
	font-weight: 400;
	margin-top: 1.5rem;
	color: #1a1a1a;
}

.technical .technical-text {
	font-size: 18px;
	font-weight: 300;
    letter-spacing: 0.3;
	color: #1a1a1a;
}

.technical .card {
	width: 100%;	
    border-radius: 15px;
    padding: 30px;
	transition-duration: 0.5s;
}

.technical .card:hover,
.technical .card.active {
	background: #2a71ce;
	filter: drop-shadow(0px 15px 10px rgba(3, 66, 147,0.5));
}

.technical .card img {
	width: 100px;
	height: 100px;
}

.technical .card-img {
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.technical .card-title {
	text-align: center;
}

.technical .card-title h4 {
	font-size: 2.25rem;
	color: #2a71ce;
	font-weight: 700;
}

.technical .card-title.eng h4 {
	height: 5rem;
}

.technical .card-title span {
	color: #666666;
	font-weight: 400;
	line-height: 33.69px;
	font-size: 1rem;
}

.technical .card-text {
	text-align: center;
}

.technical .card-text p {
	font-size: 1rem;
	line-height: 1.875rem;
	font-weight: 400;
	color: #1a1a1a;
	height: 3.75rem;
}

.technical a {
	font-weight: 200;
	font-size: 18px;
	line-height: 30px;
	color: #1a1a1a;
}

.technical .card:hover .card-title h4,
.technical .card:hover .card-title span,
.technical .card:hover .card-text p,
.technical .card.active .card-title h4,
.technical .card.active .card-title span,
.technical .card.active .card-text p {
	color: #fff;
}

.news {
	background: #F8F7F8;
}

.news .news-title {
	text-align: center;
	padding: 160px 0;
}

.news .news-title h1 {
	font-size: 66px;
	line-height: 64px;
	font-weight: 700;
}

.news .news-title h4 {
	font-size: 20px;
	line-height: 33.69px;
	font-weight: 400;
	margin-top: 20px;
}

.news .news-title h1:after {
	content: '';
	background: #2A71CE;
	border-radius: 20px;
	width: 20px;
    height: 20px;
    top: 150px;
    position: absolute;
}

.news .news-latest .news-latest-header {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.news .news-latest .news-latest-header p {
	font-weight: 700;
	font-size: 28px;
	line-height: 33.69px;
	color: #000;
	display: inline-block;	
	margin: 0;
    position: absolute;
    bottom: 0;
}

.news .news-latest .news-latest-header .news-latest-icon {
	display: inline-block;
}

.news .news-latest .news-latest-header .news-latest-icon a {
	vertical-align: text-bottom;
	margin-left: 16px;
}


.news .news-latest .news-latest-header .news-latest-icon a img {
	width: auto;
}

.news .news-latest .swiper-container {
	overflow: visible;
	margin-top: 30px;
	height: auto;
}

.news .news-latest .news-swiper .news-box h5 {
	font-weight: 700;
	font-size: 18px;
	color: #1a1a1a;
	margin: 20px 0;
}

.news .news-latest .news-swiper .news-box p {
	font-weight: 400;
	font-size: 20px;
	color: #1a1a1a;
	margin: 20px 0;
}

.news .news-latest .news-swiper .news-box span {
	font-weight: 400;
	font-size: 18px;
	color: #b2b2b2;
}

.news .news-latest .news-swiper .news-swiper-button-next {
    position: absolute;
    right: 18px;
    z-index: 10;
    top: 125px;
}

.news .news-latest .news-swiper .news-swiper-button-prev {
    position: absolute;
    left: 18px;
    z-index: 10;
    top: 125px;
	transform: rotate(180deg);
}

.news .news-release {
	margin-top: 80px;
}

.news .news-release .news-release-title {
	font-size: 28px;
	line-height: 33.69px;
	font-weight: 700;
	color: #1a1a1a;
}

.news .news-release .news-release-box {
	background: #fff;
	border-top: 1px solid #191A19;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 160px;
}

.news .news-release .news-release-box .news-release-swiper {
	width: 100%;
}


.news .news-release .news-release-box .news-release-swiper {
	overflow: hidden;
}

.news .news-release .news-release-box .news-release-swiper .swiper-wrapper {
	height: 15rem;
}

.news .news-release .news-release-box .news-release-article {
	padding-left: 15px;
	width: 100%;
    align-items: center;
    display: flex;
	height: 5rem;
}

.news .news-release .news-release-box .news-release-article .newspaper,
.news .news-release .news-release-box .news-release-article .title {
	font-size: 20px;
	line-height: 33.69px;
	font-weight: 400;
	color: #1a1a1a;
	padding-right: 10px;
}

.news .news-release .news-release-box .news-release-article .date {
	font-size: 18px;
	line-height: 33.69px;
	font-weight: 400;
	color: #b2b2b2;
    position: absolute;
    right: 70px;
}

.news .news-release .news-release-box .btn-wrap {
    padding: 15px 20px 15px 0;
    display: flex;
    flex-direction: column;
	height: 15rem;
	justify-content: space-around;
}

.news .news-release .news-release-box .btn-wrap img {
	width: auto;
}

.recruitment {
	position: relative;
	width: 100vw;
	background: url(../images/main/main_recruit_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.recruitment .recruit-title {
	text-align: center;
}

.recruitment .recruit-title h1 {
	margin-top: 10%;
	color: #fff;
	font-size: 60px;
	line-height: 72px;
	font-weight: 700;
    display: inline-block;
    position: relative;
    max-width: 590px;
}

.recruitment .recruit-title h1:after {
	content: '';
	background: #fff;
	border-radius: 20px;
	width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: 6px;
}

.recruitment .recruit-title p {
	color: #fff;
	font-size: 22px;
	line-height: 34px;
	font-weight: 400;
}

.recruitment .recruit-title .btn-transparent { 
	border: 1px solid #fff;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	padding: 10px 50px;
	margin: 4rem 0 10rem;
}

.recruitment .recruit-wrapper {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    bottom: 0;
    left: 0;
    right: 0;
}

.recruitment .col-4 {
	padding: 0;
} 

.recruitment .card {
	width: 100%;
	color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
	padding: 50px;
	height: 300px;
}

.recruitment .card:nth-child(n+2) {
	border-left: none;
}

.recruitment .card h5 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 32.84px;
}

.recruitment .card p {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 30px;
}

.recruitment .card a {
	color: #fff;
    bottom: 50px;
    position: absolute;
}

.recruitment .card a:after {
	content: '';
	background: url(../images/common/link_arrow.png);
    height: 9px;
    width: 5px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 5px 9px;
    top: 6px;
    right: -15px;
}

.recruitment .card.swiper-slide-active {
	background: #2A70CE;
    border-color: #2A70CE;
}

.recruitment .swiper-pagination {
	display: none;
	text-align: center;
	width: 100%;
	bottom: 185px;
}

.recruitment .swiper-pagination .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.3);
	border: unset;
	margin: 0 5px;
}

.recruitment .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
}

.country-lists {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.country-lists .col-lg {
	padding: 0;
	margin-bottom: 4rem;
	display: inline-block;
	width: auto;
}

.country-lists .col-lg:first-child {
}

.country-lists .col-lg:last-child {
	border-right: 0;
}

.country-lists .col-lg p {
	display: inline-block;
	margin: 0;
	padding: 1rem 0;
	font-weight: 400;
	font-size: 1rem;
	color: #666666;
}

.country-lists .col-lg span {
	display: block;
	font-weight: 400;
	font-size: 0.9rem;
	color: #b2b2b2;
}

/* company */
.company .quote-wrapper {
	height: 400px;
    display: flex;
    align-items: center;
	background: url(../images/company/sub_quote_01.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.company .quote-wrapper .quote {
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	line-height: 2.75rem;
	color: #fff;
    max-width: 40rem;
    word-break: keep-all;
	margin: 0 auto;
}

.company .company-text {
	font-size: 1.25rem;
	color: #1a1a1a;
	font-weight: 400;
	text-align: center;
	line-height: 2.125rem;
	margin: 3.125rem 0 9rem;
	word-break: keep-all;
}

.company .profile-table {
	margin-bottom: 9rem;
}

.company .profile-table .col-lg-4 {
	justify-content: unset;
	align-items: unset;
}

.company .profile-table .col-lg-4 h2 {
	margin: 0;
	font-size: 2.125rem;
	font-weight: 700;
	color: #1a1a1a;
}

/* 회사소개서 다운로드 버튼 css 추가 시작*/
.company .profile-table .btnBorder {
	width: 400px;
    height: 55px;
    line-height: 55px;
    font-size: 1.125rem;
    color: #474747;
    text-align: center;
    border: 1px solid #474747;
    display: inline-block;
    cursor: pointer;
}

.company .profile-table .btnBorder img {
	width: 20px;
    position: relative;
    top: -2px;
    margin-right: 15px;
}
/* 회사소개서 다운로드 버튼 css 추가 끝*/

.company table {
	border-left: unset;
	border-right: unset;
	width: 100%;
}

.company table th {
    min-width: 18%;
    padding: 1.625rem 2rem;
    background: #fafafa;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 700;
    vertical-align: middle;
}

.company table tr {
    border-color: #E0E0E0;
}

.company table tr:first-child > th,
.company table tr:first-child > td {
	border-top: 1px solid #1A1A1A;
}

.company table td {
    padding: 1.625rem 3.75rem;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 400;
    word-break: keep-all;
}

.company table td,
.company table th{
	border-left: unset;
	border-right: unset;
}

.company table td.border-b-0 {
	border-bottom: unset;
	padding-bottom: 0;
}

.company table td.border-t-0 {
	border-top: unset;
	padding-top: 0;
}

.company table td.border-t-0.border-b-0 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

/* ceo */
.ceo .row > div {
	display: block;	
}

.ceo .sub-title h2 {
	margin: 0;
}

.ceo .ceo-profile{
    align-items: center;
	background: url(../images/company/CEO_Profil.png) no-repeat;
    background-size: contain;
    background-position: 75%;
}

.ceo .col-12 p {
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 2.125rem;
	color: #1a1a1a;
    padding-right: 2rem;
    word-break: keep-all;
    width: 98%;
    text-align: justify;
}
.ceo .col-lg-5{
   width: 39%
}

.ceo .col-lg-5 p {
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 2.125rem;
	color: #1a1a1a;
    padding-right: 2rem;
    word-break: keep-all;
    width: 98%;
    text-align: justify;
}

.ceo .br-pc {	
    display: block;
}

.ceo .br-pc.m-t {	
	margin-top: 2rem;	
}

.ceo .signature-wrap {
    display: inline-flex;
    float: right;
    align-items: center;
}

.ceo .signature-wrap p {
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 2.125rem;
    padding: 0;
    margin-right: 10px;
    width: auto;
}

.ceo .signature-wrap p span {
	font-weight: 700;
}

.ceo .signature-wrap .signature {
	display: inline-block;
	width: 10rem;
}

.ceo h4 {
	font-weight: 700;
	font-size: 3.0rem;
	color: #1a1a1a;
    margin-bottom: 5.0rem;
    text-align: center;
}

.ceo h4 span.point-color{
    color: #2a71ce;
}

.ceo .container .row{
    margin-bottom: 10rem;
}
.ceo .quote-wrapper {
	height: 560px;
	margin: 5rem 0 9rem;
    display: flex;
    align-items: center;
	background: url(../images/company/sub_quote_02.png) no-repeat;
    background-size: cover;
    background-position: center;
}

/* history */
.company-history .quote-wrapper {
	height: 400px;
    display: flex;
    align-items: center;
	background: url(../images/company/sub_quote_03.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.company-history .quote-wrapper .quote {
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	line-height: 2.75rem;
	color: #fff;
    max-width: 60rem;
    word-break: keep-all;
	margin: 0 auto;
}

.company-history .history-text {
	font-size: 1.25rem;
	color: #1a1a1a;
	font-weight: 400;
	line-height: 2.125rem;
	margin: 3.125rem 0 9rem;
	word-break: keep-all;
}

.company-history .history-table {
	margin-top: 10rem;
}

.company-history .history-table:last-child {
	margin-bottom: 10rem;
}

.company-history .history-table .col-lg-3 {
	justify-content: unset;
	align-items: unset;
}

.company-history .history-table .col-lg-3 h2 {
	margin: 0;
	font-size: 2.125rem;
	font-weight: 700;
	color: #2a71ce;
    padding: 1.625rem 0;
    border-top: 4px solid;
    border-image: linear-gradient(to right, #2a71ce 40px, transparent 40px) 100% 1
}

.company-history table {
	border-left: unset;
	border-right: unset;
	width: 100%;
}

.company-history table th {
    min-width: 18%;
    padding: 1.625rem 3.75rem;
    background: #fff;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 700;
    vertical-align: middle;
    width: 10rem;
    position: relative;
}


.company-history table th:before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #000;
    position: absolute;
    left: 2.25rem;
    top: calc(50% - 4px);
}

.company-history table tr {
    border: 1px solid #E0E0E0;
    border-left: none;
    border-right: none;
}

.company-history table tr:first-child > th,
.company-history table tr:first-child > td {
	border-top: 1px solid #1A1A1A;
}

.company-history table td {
    padding: 1.625rem 3.75rem;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 400;
    word-break: keep-all;
}

.company-history table td,
.company-history table th{
	border-left: unset;
	border-right: unset;
}

.company-history table td.border-b-0 {
	border-bottom: unset;
	padding-bottom: 0;
}

.company-history table td.border-t-0 {
	border-top: unset;
	padding-top: 0;
}

.company-history .br-pc {	
    display: block;
}

/* map */
.map .infowindow {
	border: 1px solid #e0e0e0;
	background: #fff;
	padding: 18px;
}

.map .infowindow .logo {
}

.map .infowindow .title {
	font-weight: 500;
	font-size: 16px;
    padding: 12px 0;
	color: #1a1a1a;
}

.map .infowindow .text {
	font-weight: 400;
	font-size: 16px;
	color: #999999;
}

.map .arrow {
    display: block;
    position: absolute;
    bottom: -11px;
    right: 50%;
    width: 22px;
    height: 22px;
    background: #FFFFFF;
    border-left: 1px solid #CAD5E0;
    border-bottom: 1px solid #CAD5E0;
    transform: translateX(50%) rotate(-45deg);
    -moz-transform: translateX(50%) rotate(-45deg);
    -webkit-transform: translateX(50%) rotate(-45deg);
}

.map .map-table {
	margin-top: 3.5rem;
}

.map .map-table:last-child {
	margin-bottom: 10rem;
}

.map table {
	border: unset;
	width: 100%;
}

.map table th {
    color: #1a1a1a;
    font-size: 1.25rem;
    font-weight: 700;
    vertical-align: top;
    width: 6rem;
    padding: 1rem 0;
}

.map table tr {
	border: unset;
}

.map table td {
    color: #1a1a1a;
    font-size: 1.25rem;
    font-weight: 400;
    word-break: keep-all;
    padding: 1rem 0;
}

.map table tr:first-child th,
.map table tr:first-child td {
	padding-top: 0;	
}

.map table tr:last-child th,
.map table tr:last-child td {
	padding-bottom: 0;	
}

.map table td,
.map table th{
	border: unset;
}


/* esg */
.sub-banner.banner-company.esgBg {
	background: url(../images/company/esgHeaderBg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.esg {
	word-break: keep-all;
}

.esgPointList {
	display: flex;
	justify-content: flex-start;
	list-style: none;
	padding: 0;
	column-gap: 3%;
	margin-bottom: 140px;
}
.esgPointList > li {
	width: 100%;
	min-height: 500px;
	padding: 46px 40px;
	box-sizing: border-box;
	color: #fff;
	font-weight: 400;
}
.esgPointList > li ul {
	padding: 0;
	list-style: none;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -0.06em;
	font-weight: 300;
}
.esgPointList > li ul li {
	padding-left: 10px;
	position: relative;
	
}
.esgPointList > li ul li::after {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 15px;
}
.esgPointList .point01 {
	background: url(../images/company/esgPoint01.png) center center / cover;
}
.esgPointList .point02 {
	background: url(../images/company/esgPoint02.png) center center / cover;
}
.esgPointList .point03 {
	background: url(../images/company/esgPoint03.png) center center / cover;
}
.esgEng {
	font-size: 20px;
	line-height: 20px;
	display: block;
	margin-bottom: 16px;
}
.esgTitle {
	display: block;
	font-weight: bold;
	font-size: 38px;
	line-height: 38px;
	margin-bottom: 30px;
}
.esgLink {
	display: block;
	border: 1px solid #fff;
	font-size: 18px;
	line-height: 18px;
	background: none;
	margin: 5px 0 7px;
	width: fit-content;
	padding: 8px 10px;
	color: #fff;
	transition: all 0.3s;
}
.esgLink:hover, .esgLink:focus {
	background: #fff;
	color: #000;
}

.esgMiddleWrap {
margin-bottom: 100px;
}
.esgConTitle {
	font-size: 38px;
	font-weight: bold;
	line-height: 38px;
	color: #1A1A1A;
	margin-bottom: 50px;
}
.esgMiddleCon {
	background: url(../images/company/esgMidBg.png) no-repeat center center / cover;
}
.esgMiddleCon > .container {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 400px;
}
.esgMiddleL {
	position: absolute;
	left: 5%;
	font-size: 32px;
	line-height: 28px;
	font-weight: bold;
	color: #2A71CE;
	border-right: 1px solid #808080;
	padding-right: 34px;
}
.esgMiddleR p {
	font-size: 38px;
	line-height: 55px;
	font-weight: bold;
	color: #1a1a1a;
	letter-spacing: -0.06em;
}
.esgMiddleR p > span {
	color: #2A71CE;
}

.esgMiddleText {
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
	color: #666;
	letter-spacing: -0.06em;
	margin-bottom: 64px;
}
.esgMiddleText span {
	font-weight: 500;
	color: #1a1a1a;
}
.esgConList {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	padding: 0;
	margin-bottom: 140px;
}
.esgConList > li {
	background: #F6F6F6;
	display: flex;
	padding: 40px 56px 40px 50px;
	box-sizing: border-box;
	column-gap: 70px;
}
.esgConTwo {
	flex-direction: row-reverse;
}
.esgConL {
	letter-spacing: -0.06em;
	word-break: keep-all;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.esgConL strong {
	font-size: 34px;
	line-height: 34px;
	color: #2A71CE;
	margin-bottom: 26px;
	display: block;
}
.esgConL p {
	font-size: 20px;
	line-height: 34px;
	color: #666;
	font-weight: 400;
	margin-bottom: 58px;
}
.esgConL img {
	width: 53px;
}
.esgConImg {
	flex: 1 0 auto;
}
.esgConImg img {
	width: 100%;
	max-width: 559px;
}

.esgCertifiTop {
	margin-bottom: 50px;
}
.esgCertifiTop h3 {
	margin-bottom: 30px;
}
.esgCertifiBtm {
	position: relative;
}
.esgCertifiBg {
	width: 100%;
	position: absolute;
	background: #F8F7F8;
	height: 306px;
	top: 64px;
}
.esgCertifiText {
	color: #666;
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
}

.esgCertifiList {
	display: flex;
	list-style: none;
	column-gap: 10%;
	padding: 0 5%;
	box-sizing: border-box;
	margin-bottom: 100px;
}
.esgCertifiList > li {
	display: flex;
	align-items: center;
	column-gap: 12%;
	width: 100%;
}
.esgCertifiInfo {
	display: flex;
	flex-direction: column;
	color: #1A1A1A;
	letter-spacing: -0.06em;
}
.esgCertifiInfo strong {
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	position: relative;
	display: inline-block;
	margin-bottom: 30px;

}
.esgCertifiInfo strong::after {
	content: "";
	width: 136px;
	height: 0;
	position: absolute;
	left: 0;
	bottom: -16px;
	border-bottom: 1px solid #B8B8B8;
}
.esgCertifiInfo span {
	font-size: 18px;
	line-height: 18px;
	color: #666;
	font-weight: 400;
}

@media (max-width:1800px) {
	.esgMiddleCon > .container {
		flex-direction: column;
	}
	.esgMiddleL {
		position: relative;
		left: 0;
		border-right: none;
		padding: 0 0 20px;
		margin-bottom: 20px;
		line-height: normal;
	}
	.esgMiddleL::after {
		content: "";
		display: block;
		width: 64px;
		height: 0;
		border-bottom: 1px solid #B8B8B8;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
	}
}
@media (max-width:1500px) {
	.esgPointList {
		flex-direction: column;
		row-gap: 30px;
	}
	.esgPointList > li {
		min-height: 390px;
	}
	.esgConList > li {
		flex-direction: column;
		row-gap: 35px;
	}
	.esgCertifiList > li {
		flex-direction: column;
	}
	.esgCertifiInfo {
		text-align: center;
		margin-top: 20px;
	}
	.esgCertifiBg {
		top: auto;
		bottom: 0;
	}

}
@media (max-width:1024px) {
	.esgConTitle {
		font-size: 28px;
	}
	.esgTitle {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.esgPointList > li {
        min-height: 350px;
		padding: 45px 25px;
    }
	.esgPointList > li ul li {
		font-size: 18px;
        line-height: 30px;
	}
	.esgMiddleCon > .container {
	}
	.esgMiddleText {
		font-size: 18px;
	}
	.esgMiddleL {
		font-size: 24px;
	}
	.esgMiddleR p {
		font-size: 28px;
		line-height: 40px;
	}
	.esgConList > li {
		padding: 30px;
	}
	.esgConL strong {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 20px;
	}
	.esgConL p {
		font-size: 17px;
		line-height: 26px;
	}
	.esgCertifiText {
		font-size: 18px;
	}
	.esgCertifiInfo strong {
		font-size: 18px;
	}
	.esgCertifiInfo strong::after {
		width: 50px;
		left: 50%;
		transform: translateX(-50%);
	}
	.esgCertifiInfo span {
		font-size: 16px;
	}
}


/* talent */

.talent h4 {
	font-size: 2.125rem;
	line-height: 3rem;
	font-weight: 700;
	color: #1a1a1a;
	text-align: center;
	margin: 0;
	word-break: keep-all;
}

.talent p {
	font-weight: 400;
	font-size:1.375rem;
	line-height: 2.125rem;
	color: #666666;
	text-align: center;
	margin-top: 1.875rem;
}

.talent .row {
	margin-top: 9rem;	
}

.talent .row > div {
	display: block;
}


@media (min-width:1024px) {	

	.talent .row > .col-lg-6 {
		width: calc(50% - 1.875rem);
	}
	
	.talent .row > .col-lg-6:first-child {
		margin-right: 1.875rem;
	}
	
	.talent .row > .col-lg-6:nth-child(2) {
		margin-left: 1.875rem;
	}
	
	.talent .row > .col-lg-6:nth-child(2) {
		margin-top: 10rem;
	}

}

.talent .row strong.title {
	font-size: 2.125rem;
	font-weight: 700;
	color: #1472ce;
	margin-top: 3rem;
    display: inline-block;
}

.talent .row .title-sub {
	text-align: left;
}

.talent .row ul {
	padding-left: 2rem;
	margin-top: 3rem;
}

.talent .row ul li {
	font-size: 1.25rem;
	line-height: 3.25rem;
	font-weight: 400;
}

/* welfare */

.welfare h4 {
	font-size: 2.125rem;
	line-height: 3rem;
	font-weight: 700;
	color: #1a1a1a;
	text-align: center;
	margin: 0;
}

.welfare p {
	font-weight: 400;
	font-size:1.375rem;
	line-height: 2.125rem;
	color: #666666;
	text-align: center;
	margin-top: 1.875rem;
}

.welfare .container > img {
	padding: 9rem;
}

/* job_description_list */

.job_description_list .card {
	cursor: pointer;
}

.job_description_list ul.tab-list {
	list-style: none;
    margin: 0;
    padding: 0;
    display: flex;    
    align-items: center;
    justify-content: center;
    width: 100%;
}

.job_description_list ul.tab-list li {
	text-align: center;
}

.job_description_list ul.tab-list li .card {
	border: 1px solid #e0e0e0;
	border-left: 0px;
	padding: 2rem 5rem;
}

.job_description_list ul.tab-list li:first-child .card {
	border-left: 1px solid #e0e0e0;
}

.job_description_list ul.tab-list li .card.active {
	border: 1px solid #2a71ce;
}

.job_description_list ul.tab-list li .card + .card {
	border-left: 0px;
}


.job_description_list ul.tab-list li .card p {
	font-size: 1.125rem;
	font-weight: 500;
	color: #1a1a1a;
	margin: 0.375rem 0 0;
}

.job_description_list ul.tab-list li .card.active p {
	font-weight: 700;
	color: #2a71ce;
}

.job_description_list ul.job-list {
	list-style: none;
    margin: 6rem 0 8rem;
    padding: 0;
    display: flex;    
    align-items: center;
    justify-content: space-between;
	flex-flow: row wrap;
    width: 100%;
}

.job_description_list ul.job-list:after {
	content: "";
	width: calc(50% - 1.25rem);
}

.job_description_list ul.job-list li {
	width: calc(25% - 1.25rem);
	margin-bottom: 2rem;
}

.job_description_list ul.job-list li .card {
	border: 1px solid #e0e0e0;
	padding: 1.875rem;
}

.job_description_list ul.job-list li .card .card-badge {
	background: #e0e0e0;
	border: 2px solid #e0e0e0;
	display: inline-block;
	font-size: 1.25rem;
	color: #1a1a1a;
	font-weight: 400;
    padding: 0 1rem;
    border-radius: 0.75rem;
}

.job_description_list ul.job-list li .card h4 {
	font-size: 1.75rem;
	color: #1a1a1a;
	font-weight: 400;
	margin: 1.25rem 0 2.25rem;
}

.job_description_list ul.job-list li .card .detail {
    display: block;
    text-align: right;
}

.job_description_list ul.job-list li .card .detail img {
	width: auto;
}

.job_description_list ul.job-list li .card.active,
.job_description_list ul.job-list li .card:hover {
	border: 0px;
	background: #2a71ce;
	filter: drop-shadow(0px 10px 10px rgba(42, 113, 206,0.5));
}

.job_description_list ul.job-list li .card.active .card-badge,
.job_description_list ul.job-list li .card:hover .card-badge {
	color: #fff;
	border: 2px solid #fff;
	background: #2a71ce;
}

.job_description_list ul.job-list li .card.active h4,
.job_description_list ul.job-list li .card:hover h4 {
	color: #fff;
}

/* job_description_view */

.job_description_view {
	margin: 10rem 0;
}

.job_description_view .navigation {
	margin-bottom: 1rem;
}

.job_description_view .navigation .badge {
	background: #e0e0e0;
	display: inline-block;
	font-size: 1.375rem;
	color: #1a1a1a;
	font-weight: 400;
    padding: 0.5rem 1.125rem;
    border-radius: 1rem;
    text-transform: none;
}

.job_description_view .navigation p {
	font-weight: 400;
	font-size: 1.75rem;
	color: #286ccc;
	display: inline-block;
	margin: 0 0 0 0.5rem;
    vertical-align: middle;	
}

.job_description_view .col-lg-3 {
    align-items: unset;
    word-break: keep-all;
}

.job_description_view h3.title {
	font-size: 1.875rem;
	line-height: 3.75rem;
	font-weight: 700;
	color: #1a1a1a;
	margin-top: 10rem;	
}

.job_description_view .container-m-full:first-child h3.title {
	margin-top: 0;
}

.job_description_view .text-wrap {
	background: #fafafa;
	padding: 3rem 2.5rem;	
	margin: 10rem 0 4rem;
	border-top: 1px solid #1a1a1a;
    word-break: keep-all;
}

.job_description_view .text-wrap:last-child {
	margin-bottom: 0;	
}

.job_description_view .text-wrap p { 
	font-size: 1.25rem;
	color: #1a1a1a;
	font-weight: 400;
	line-height: 2.125rem;
}

/* job_announcement */

.job_announcement h4 {
	font-size: 2.125rem;
	line-height: 3rem;
	font-weight: 700;
	color: #1a1a1a;
	text-align: center;
	margin: 0;
}

.job_announcement p {
	font-weight: 400;
	font-size:1.375rem;
	line-height: 2.125rem;
	color: #666666;
	text-align: center;
	margin: 1.875rem 0 5rem;
}

.job_announcement ul.tab-list {
	list-style: none;
    margin: 0;
    padding: 0;
    display: flex;    
    align-items: center;
    width: 100%;
}

.job_announcement select.tab-list {
    display: none; 
}

.job_announcement ul.tab-list li a {
	color: #8c8c8c;
	font-size: 1.25rem;
	font-weight: 400;
}

.job_announcement ul.tab-list li.active a {
	color: #2a70ce;
	font-weight: 700;
}

.job_announcement ul.tab-list li:after {
	content: '|';
	color: #e0e0e0;
	padding: 0 1.5rem;	
}

.job_announcement ul.tab-list li:last-child:after {
	content: '';
	padding: 0;
}

.job_announcement .search-wrap {
	position: absolute;
	top: -1rem;
	right: 0;
	display: flex;
}

.job_announcement .search-wrap input {
	border: 0px;
	border-bottom: 1px solid #000;
	height: 4rem;
	width: 29rem;
	padding-left: 1.25rem;
	font-size: 1.125rem;
}

.job_announcement .search-wrap input::placeholder {
	color: #999999;
}

.job_announcement .search-wrap .search-icon {
	position: absolute;
	right: 1.25rem;
	top: 50%;
    transform: translateY(-50%);
}

.job_announcement ul.job-list {
	list-style: none;
    margin: 6rem 0 8rem;
    padding: 0;
    display: flex;    
    align-items: center;
    justify-content: space-between;
	flex-flow: row wrap;
    width: 100%;
}

.job_announcement ul.job-list:after {
	content: "";
	width: calc((100% / 3) - 2.75rem);
}

.job_announcement ul.job-list li {
	width: calc((100% / 3) - 2.75rem);
	margin-bottom: 5rem;
}

.job_announcement ul.job-list li .card {
	border: 1px solid #e0e0e0;
	padding: 2.5rem;
}

.job_announcement ul.job-list li .card:not(.disabled) {
	cursor: pointer;
}

.job_announcement ul.job-list li .card .card-badge {
	background: #e0e0e0;
	border: 2px solid #e0e0e0;
	display: inline-block;
	font-size: 1.25rem;
	color: #1a1a1a;
	font-weight: 400;
    padding: 0 1rem;
    border-radius: 13px;
}

.job_announcement ul.job-list li .card h4 {
    font-size: 1.25rem;
    line-height: 1.75em;
	color: #1a1a1a;
	font-weight: 400;
	margin: 1.25rem 0 5rem;
	text-align: left;
	height: 5rem;
}

.job_announcement ul.job-list li .card .date-wrap .d-day {
	margin: 0;
	font-size: 1.75rem;
	color: #1a1a1a;
	font-weight: 400;
	text-align: left;
}

.job_announcement ul.job-list li .card .date-wrap .date {
	margin: 0.75rem 0 0;
	font-size: 1rem;
	color: #666666;
	font-weight: 400;
	text-align: left;
}

.job_announcement ul.job-list li .card.active,
.job_announcement ul.job-list li .card:hover:not(.disabled) {
	border: 0px;
	background: #2a71ce;
	filter: drop-shadow(0px 10px 10px rgba(42, 113, 206,0.5));
}

.job_announcement ul.job-list li .card.active .card-badge,
.job_announcement ul.job-list li .card:hover:not(.disabled) .card-badge {
	color: #fff;
	border: 2px solid #fff;
	background: #2a71ce;
}

.job_announcement ul.job-list li .card.active h4,
.job_announcement ul.job-list li .card:hover:not(.disabled) h4 {
	color: #fff;
}

.job_announcement ul.job-list li .card.active .date-wrap .d-day,
.job_announcement ul.job-list li .card:hover:not(.disabled) .date-wrap .d-day {
	color: #fff;
	font-weight: 700;
}

.job_announcement ul.job-list li .card.active .date-wrap .date,
.job_announcement ul.job-list li .card:hover:not(.disabled) .date-wrap .date {
	color: #fff;
}

.job_announcement ul.job-list li .card.disabled {
	background: #fafafa;
}

.job_announcement ul.job-list li .card.disabled * {
	opacity: 0.25;
}

.job_announcement .wrap {
	width: 100%;
    height: auto;
    position: relative;
	text-align: center;
}

.job_announcement .btnDefault {
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 1.125rem;
    color: #fff;
    text-align: center;
    background: #2072d6;
    display: inline-block;
    cursor: pointer;
	margin: 0 0 5rem;
}

/* publicize */

.publicize .publicize-content{
	width: 100%;
	height: 967px;
	border: 1px solid #d7d9d7;
	display: flex;
	align-items: center;
	margin-bottom: 9.75rem;
}

.publicize .publicize-content > iframe{
	width: 45.375rem;
	min-width: 768px;
    height: 100%;
    overflow: hidden;
	display: flex;
	margin: auto;
	border: none;
}

/* publicize */

/* announcement */

.announcement-m{
	display: none;
}

.announcement table tbody tr {
	cursor: unset;
}

.announcement th,
.announcement td {
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
}

.announcement table td {
	color: #666;
}

.announcement td:first-child {
	text-align: left;
	color: #1a1a1a;
}

.announcement table .file-btn a {
	color: #666;
	font-size: 1.125rem;
	position: relative;
}

.announcement table .file-btn a img {
    position: absolute;
    width: auto;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
    margin-left: 0.5rem;
}

.announcement table .file-btn.disabled a {
	color: #cccccc;
}

.announcement table .file-btn.disabled img {
	opacity: 0.2;
}

/* announcement */

/* financial_statements */

.financial_statements .row > div {
	display: block;
}

.financial_statements .board-table {
	margin-bottom: 9rem;
}

.financial_statements table th:first-child, .financial_statements table td:first-child {
    padding: 1.625rem 0;
}

.financial_statements table td, .financial_statements table th {
    padding: 1.625rem 0;
    min-width: unset;
    text-align: center;
}

@media (min-width:1024px) {		
	.financial_statements .row > .col-lg-6 {
		width: calc(50% - 2.375rem);
	}
	
	.financial_statements .row > .col-lg-6:first-child {
		margin-right: 2.375rem;
	}
	
	.financial_statements .row > .col-lg-6:nth-child(2) {
		margin-left: 2.375rem;
	}
}

.financial_statements .table-unit {
	text-align: right;
	margin-bottom: 2.5rem;
}

.financial_statements .table-unit p {
	font-size:1.125rem;
	font-weight: 300;
	color: #1a1a1a;
	margin: 0;
}

.financial_statements .table-unit p span {
	color: #999999;
}
.financial_statements .table-unit select {
	font-size: 17px;
    border: 1px solid #ccc;
	vertical-align: middle;
	height:39px;
}
.financial_statements .table-unit button {
background: #000;
    color: #fff;
	line-height: 39px;
    vertical-align: middle;
	border: 0px;
    padding: 0px 15px;
}
/* stock_info */

.stock_info .status-title {
	position: relative;
}

.stock_info .status-title p {
	font-size: 2.125rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0;
}

.stock_info .status-title p span {
	font-size: 1.625rem;
	font-weight: 400;
	color: #1a1a1a;
}

.stock_info .status-title .status-date {
	font-size: 1.125rem;
	font-weight: 300;
	color: #666;
	position: absolute;
	right: 0;
	bottom: 3px;
}

.stock_info .status-wrap {
	background: #fafafa;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #e0e0e0;
	margin: 30px 0 100px;
}

.stock_info .status-wrap .price {
	font-size: 3.25rem;
	color: #ff1919;
	font-weight: 700;
	padding: 2.25rem 7.5rem;
}

.stock_info .status-wrap .price-change-wrap {
    width: 100%;
    padding-right: 7.5rem;
    white-space: nowrap;
}

.stock_info .status-wrap .price-change-wrap > div {
    display: flex;
    justify-content: space-between;
}

.stock_info .status-wrap .price-change-wrap .price-change-value {
	margin-bottom: 1.5rem;
}

.stock_info .status-wrap .price-change-wrap .price-change-value .stock-price-change:before {
	margin-left: -1.5rem;
}

.stock_info .status-wrap .price-change-wrap span {
	font-size: 1rem;
	color: #666666;
	font-weight: 400;
}

.stock_info .status-wrap .price-change-wrap span:last-child {
	font-size: 1.375rem;
	color: #ff1919;
	font-weight: 700;
	padding-left:3rem;
}

.stock_info .status-wrap ul {
	list-style: none;
    margin: 0;
    padding: 0 6.75rem;
    display: flex;    
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.stock_info .status-wrap ul li {
	text-align: center;
}

.stock_info .status-wrap ul li p {
	margin: 0;
	font-size: 1rem;
	color: #666666;
	font-weight: 400;
}

.stock_info .status-wrap ul li p:last-child {
	font-size: 1.375rem;
	color: #1a1a1a;
	font-weight: 700;
}

.stock_info .status-wrap ul li:nth-child(2) p:last-child {
	color: #ff1919;	
}

.stock_info .status-wrap ul li:nth-child(3) p:last-child {
	color: #1472ce;	
}

.stock_info table th{
	min-width: unset;
}

.stock_info table td, .stock_info table th {
    border-left: unset;
    border-right: unset;
    padding: 1.625rem 0;
    color: #1a1a1a;
    font-size: 1.125rem;
}

.stock_info table td.center, .stock_info table th.center {
    padding: 1.625rem 2.5rem;
}

.stock_info table td {
    font-weight: 400;
    text-align: right;
    padding-right: 1.75rem;
	min-width: unset;
}

/* irschedule */

.irschedule .download-table {
	margin-top: 10rem;
}

.irschedule .download-table:first-child {
	margin-top: 0;
}

.irschedule .download-table:last-child {
	margin-bottom: 10rem;
}

.irschedule .download-table .col-lg-3 {
	justify-content: unset;
	align-items: unset;
	display: block;
}

.irschedule .download-table .col-lg-9 {
    align-items: flex-start;
}

.irschedule .download-table .col-lg-3 h2 {
	margin: 0;
	font-size: 2.125rem;
	font-weight: 700;
	color: #1a1a1a;
}

.irschedule table {
	border-left: unset;
	border-right: unset;
	width: 100%;
}

.irschedule table tr {
    border-color: #E0E0E0;
}

.irschedule table tr:first-child > td {
	border-top: 1px solid #1A1A1A;
}

.irschedule table td {
    padding: 1.625rem 2rem;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 400;
    word-break: keep-all;
	border-left: unset;
	border-right: unset;
}

.irschedule table td.active {
	color: #1472ce;	
}

.irschedule table td .download-pdf {
	float: right;
	color: #666666;
}

.irschedule table td .download-pdf .download-text {
    display: inline-block;
}

.irschedule table td .download-pdf .download-icon {
    display: inline-flex;
    margin-left: 0.5rem;
}

.irschedule select {
    border: 1px solid #666;
    width: 206px;
    height: 54px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #1a1a1a;
    padding: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/invest/select_arrow.png) no-repeat 92% 50%;
    margin-top: 2.5rem;
}

.irschedule select option {
	border: none;	
}

/* accuver */

.accuver .address-table {
	margin-top: 10rem;
}

.accuver .address-table:last-child {
	margin-bottom: 10rem;
}

.accuver .address-table .col-lg-3 {
	justify-content: unset;
	align-items: unset;
}

.accuver .address-table .col-lg-3 h2 {
	margin: 0;
	font-size: 2.125rem;
	font-weight: 700;
	color: #1a1a1a;
}



@media (min-width:1024px) {	
	
	.accuver .row > .col-lg-3 {
		flex: 0 0 auto;
		width: calc(25% - 1rem);
	}
	
	.accuver .row > .col-lg-9 {
		flex: 0 0 auto;
		width: calc(75% - 1rem);
	}

}

.accuver table {
	border-left: unset;
	border-right: unset;
	width: 100%;
}

.accuver table th {
    min-width: 18%;
    padding: 1.625rem 2rem;
    background: #fafafa;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 700;
    vertical-align: top;
    width: 10rem;
}

.accuver table tr {
    border-color: #E0E0E0;
}

.accuver table tr:first-child > th,
.accuver table tr:first-child > td {
	border-top: 1px solid #1A1A1A;
}

.accuver table td {
    padding: 1.625rem 3.75rem;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 400;
    word-break: keep-all;
}

.accuver table td,
.accuver table th{
	border-left: unset;
	border-right: unset;
}

.accuver table td.border-b-0 {
	border-bottom: unset;
	padding-bottom: 0;
}

.accuver table td.border-t-0 {
	border-top: unset;
	padding-top: 0;
}

/* qucell */

.qucell .address-table {
	margin-top: 10rem;
}

.qucell .address-table:last-child {
	margin-bottom: 10rem;
}

.qucell .address-table .col-lg-3 {
	justify-content: unset;
	align-items: unset;
}

.qucell .address-table .col-lg-3 h2 {
	margin: 0;
	font-size: 2.125rem;
	font-weight: 700;
	color: #1a1a1a;
}

.qucell table {
	border-left: unset;
	border-right: unset;
	width: 100%;
}

.qucell table th {
    min-width: 18%;
    padding: 1.625rem 2rem;
    background: #fafafa;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 700;
    vertical-align: top;
    width: 10rem;
}

.qucell table tr {
    border-color: #E0E0E0;
}

.qucell table tr:first-child > th,
.qucell table tr:first-child > td {
	border-top: 1px solid #1A1A1A;
}

.qucell table td {
    padding: 1.625rem 3.75rem;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 400;
    word-break: keep-all;
}

.qucell table td,
.qucell table th{
	border-left: unset;
	border-right: unset;
}

.qucell table td.border-b-0 {
	border-bottom: unset;
	padding-bottom: 0;
}

.qucell table td.border-t-0 {
	border-top: unset;
	padding-top: 0;
}

@media (min-width:1024px) {	
	
	.qucell .row > .col-lg-3 {
		flex: 0 0 auto;
		width: calc(25% - 1rem);
	}
	
	.qucell .row > .col-lg-9 {
		flex: 0 0 auto;
		width: calc(75% - 1rem);
	}

}

/* product */

.product .row {
	margin-bottom: 10rem;
}

.product .row .row {
	margin-bottom: 5rem;
	justify-content: space-between;
}

.product .row .row span {
	font-size: 1rem;
	font-weight: 400;
	color: #1a1a1a;
    line-height: 1.75rem;
    margin-top: 1.5rem;
    display: inline-block;
}

.product .row:before,
.product .row:after {
	content: none;
}

.product .row:first-child {
	margin-top: 10rem;
}

.product .row > div {
	display: block;
	font-size: 0;
}

@media (min-width:1024px) {
	.product .row > .col-lg-6 {
		flex: 0 0 auto;
		width: calc(50% - 1.875rem);
	}
	
	.product .row > .col-lg-4 {
		flex: 0 0 auto;
		width: calc(33.33333333% - 1.5rem);
	}
}

.product .row .col-lg-3 h2 {
	margin: 0;
	font-size: 2.125rem;
	font-weight: 700;
	color: #1a1a1a;
}

/* 2022.06.21 추가 */

.product .row .col-lg-9 {
	font-size: 1.25rem;
	font-weight: 400;
	color: #1a1a1a;
	line-height: 3.25rem;
    word-break: keep-all;
}

/* end */

.product .row ul li {
	font-size: 1.25rem;
	font-weight: 400;
	color: #1a1a1a;
	line-height: 3.25rem;
}

.product .row ul li .sub {
	color: #666;
	margin: 0;
}

.product table {
	border-left: unset;
	border-right: unset;
	width: 100%;
}

.product table th {
    min-width: 18%;
    padding: 1.625rem 0;
    background: #fafafa;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 700;
    vertical-align: top;
    width: 10rem;
    text-align: center;
}

.product table tr {
    border-color: #E0E0E0;
}

.product table tr:first-child > th,
.product table tr:first-child > td {
	border-top: 1px solid #1A1A1A;
}

.product table td {
    padding: 1.625rem 1.5rem;
    color: #1a1a1a;
    font-size: 1.125rem;
    font-weight: 400;
    word-break: keep-all;
}

.product table td.center {
	text-align: center;
	padding: 1.625rem 0;
}

.product table td:first-child,
.product table th:first-child{
	border-left: unset;
	width: 18%;
}

.product table td:last-child,
.product table th:last-child{
	border-right: unset;
}

.product table td.border-b-0 {
	border-bottom: unset;
	padding-bottom: 0;
}

.product table td.border-t-0 {
	border-top: unset;
	padding-top: 0;
}

.product table.vertical-table th {
    text-align: left;
    vertical-align: middle;
    padding: 1.625rem 2rem;
}

.product table.multiple-column td:first-child,
.product table.multiple-column th:first-child{
	width: auto;
}

.product table.image-table th {
	color: #666;
	font-weight: 400;
    text-align: left;
    vertical-align: middle;
    padding: 1.625rem 2rem;
}

.product table.image-table td {
    vertical-align: top;
}

.product table.image-table .image-wrap {
    text-align: center;
    padding: 1.625rem 0;
    vertical-align: center;
}

.product table.image-table .image-wrap img {
	height: 60%;
	width: auto;
}

.product table.icon-table .icon-wrap {
	margin: 2.5rem 3.75rem;
	background: #f7f7f7;
	border-radius: 100%;
	display: inline-block;
}

.product table.icon-table .text-wrap {
	display: inline-block;
	vertical-align: middle;
}

.product table.icon-table tr:last-child {
	border-bottom: 1px solid #E0E0E0;	
}

.product table.icon-table td {
	font-size: 1.25rem;
	line-height: 2rem;
	font-weight: 400;
	color: #1a1a1a;
	padding: 0;
	border-left: 0;
	border-right: 0;
}

.product table.icon-table .icon-title {
	color: #2A71CE;
	font-weight: 700;
	margin: 1rem 0 0;
}

.product .img-name {
	font-size: 1.25rem;
	color: #1472ce;
	font-weight: 400;
	margin: 1.5rem 0 1rem;
}

.product .img-name:first-child {
	margin-top: 0;
}

.product .table-unit {
	text-align: right;
	font-size:1.125rem;
	font-weight: 300;
	color: #999999;
	margin: 1rem 0 0;
}

.product .chart-title {
	padding: 1rem 3.5rem;
	background: #ebf4fc;
	border-radius: 1.5rem;
	font-size: 1.25rem;
	color: #1472ce;
	font-weight: 400;
	display: inline-block;
}

.product .chart-unit {
	font-size:1.125rem;
	color: #888888;
	font-weight: 300;
	position: absolute;
	right: 0;
	top: 0;
}

.product .chart-legend {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
}

.product .chart-legend li {
	align-items: center;
	display: flex;
    flex-direction: row;
    list-style: none;
    margin-right: 2rem;
}

.product .chart-legend li:last-child {
	margin-right: 0;	
}

.product .chart-legend li .circle {
	width: 20px;
	height: 12px;
	border-radius: 5px;
	margin: 0 1rem 0 0;
}

.product .chart-legend li .line {
	width: 50px;
	height: 1px;
	background: #1a1a1a;
	margin: 0 1rem 0 0;
}

.product .chart-legend li .circle.blue {
	background: #5251dc;	
}

.product .chart-legend li .circle.red {
	background: #e43331;	
}

.product.list .row {
	margin-bottom: 5rem;
}

.product.list .explain-wrap {
	padding: 3.75rem 6.25rem;
	word-break: keep-all;
	display: flex;
	align-items: center;
	height: 100%;
}

.product.list .explain-box {
	font-size:2.375rem;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 2rem;
	width: 100%;
}

.product.list .explain-box .title {
	font-size:2.375rem;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 2rem;
}

.product.list .explain-box .text {
	font-size: 1.125rem;
	font-weight: 400;
	color: #4c4c4c;
	margin: 0;
}

.product.list .explain-box .product-name {
	font-size: 1.125rem;
	font-weight: 200;
	color: #1a1a1a;
    margin: 0;
    line-height: 2rem;
}

.product.list .explain-box .row {
	margin: 5rem 0 0;
}

.product.list .explain-box .badge {
	font-size: 1rem;
	font-weight: 400;
	color: #4c4c4c;
	padding: 0.5rem 1.75rem;
	border-radius: 1rem;
	margin: 0 0.5rem 0.625rem 0;
	background: #ebebeb;
    text-transform: none;
}

.product.list .explain-box .badge:hover,
.product.list .explain-box .badge.active {
	color: #fff;
	background: #1472ce;
}

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

@media (min-width:1024px) {	
	
	.product.list .row > .col-lg-6 {
		flex: 0 0 auto;
		width: 50%;	
	}

}

/* 2024.09.23 - 김지안 추가 */
.articleListIn {display: flex; justify-content: flex-start; align-items: stretch;}	
	.articleImg {width: 20%; min-width: 320px; flex: 1 0 auto; max-height: 200px; margin-right: 3%; background-color: #f0f0f0;}
	.articleImg > img {width: 100%; height: 100%; object-fit: contain;}
	.articleTxt {width: calc(97% - 320px); display: flex; flex-direction: column; justify-content: center;}
	.articleTxt > p {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.product .onTableBox {overflow-x: auto;}
.product .onTableBox > .onTable {min-width: 600px;}

.product .onTable {border-top: 1px solid #1a1a1a;}
.product .onTable caption {position: absolute; top:auto; left:-10000px; width:1px; height:1px; overflow:hidden;}
.product .onTable tr:first-child > th, .product .onTable tr:first-child > td {border-top: none;}

.product .onTable thead tr th {border-right: 1px solid #e1e1e1;}
.product .onTable thead tr th:last-of-type {border-right: none;}
.product .onTable thead tr th > p {margin-bottom: 0;}

.product .onTable tbody tr th {background-color: #fff; border-right: 1px solid #e1e1e1;}
.product .onTable tbody tr:first-child > td {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} 
.product .onTable tbody tr td {border-bottom: 1px solid #e1e1e1;}
.product .onTable tbody tr td > p:last-of-type {margin-bottom: 0;}
.product .onTable tbody tr .title {background: #fafafa; font-weight: 700;}
.product .onTable tbody tr .borderR {border-right: 1px solid #e1e1e1;}

.product.list .col-12.col-lg-6 img {max-width: 760px;}

.btnPlusBox {display: flex; justify-content: center;}

.company .profile-table .btnBorder img {margin-right: 0;}

/* 채용공고 */
.job_announcement .btnDefault > a {display: block;}

@media (max-width:1023px) {	
	.board.article table td:first-child {padding: 1.625rem 15px;}
		.articleImg {min-width: 200px; height: 120px;}
		.articleTxt {width: calc(97% - 200px);}
	
	.product.list .col-12.col-lg-6 img {max-width: none;}

}

@media (max-width:575px) {	
	.articleListIn {flex-direction: column;}
		.articleImg {min-width: unset; height: 180px; width: 100%; margin-bottom: 12px;}
		.articleTxt {width: 100%;}
	
}
/* 2024.09.23 - 김지안 추가 */