@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/***** 통이미지 임시 css *****/
.full-img img {left: 0; display: block; margin: 0 auto;}

/* ******************  서브공통 ********************** */
.cm-category {display: inline-block; padding: 0.45rem 1.7rem; background-color: #005cb9; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.04em; color: #fff; border-radius: 10rem; box-sizing: border-box;}
.cm-con-tit {font-size: 4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.4; color: #000;}
.cm-con-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.04em; line-height: 1.7; color: #565656;}
.date {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.04em; line-height: 1.4; color: #969696;}

/* ******************  R&D :: 연구 설비 현황 ********************** */
.status-partners-con {display: flex; align-items: center;}
.status-partners-con .txt-area {width: calc(34.028% - 8rem); margin-right: 8rem;}
.status-partners-con .txt-area .txt-box {margin-bottom: 9rem;}
.status-partners-con .status-partners-st {margin-bottom: 0.7rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.04em; color: var(--main-color);}
.status-partners-con .status-partners-tit {margin-bottom: 1rem; font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.4; color: #000;}
.status-partners-con .status-partners-txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.75; color: rgba(0, 0, 0, 0.5);}

.status-partners-con .slide-area {width: 65.973%; padding: 4rem 4.5rem 4.5rem; background-color: #fff; border-radius: 2rem; box-sizing: border-box;}
.status-partners-con .partners-slide-list {display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 2rem 5rem;}
.status-partners-con .partners-slide-list .slide-item {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.status-partners-con .partners-slide-list .slide-item .logo-box {position: relative; width: 100%; height: 0; padding-top: 40.57%; margin-bottom: 0.5rem; /* 160 x70 */ /* 177x72 */}
.status-partners-con .partners-slide-list .slide-item .logo-box img {position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; padding: 0.6rem 0.4rem; box-sizing: border-box;}
.status-partners-con .partners-slide-list .slide-item .partners-list-tit {font-size: 1.4rem; font-weight: 600; line-height: 1.4; color: #000;}
.status-partners-con .partners-slide-btn-box {display: flex; gap: 0 3rem;}
.status-partners-con .partners-slide-btn-box .partners-slide-btn svg {width: 2.7rem; height: 1.6rem; transition: var(--transition-custom);}
.status-partners-con .partners-slide-btn-box .partners-slide-btn.slick-disabled svg {opacity: 0.3;}

@media all and (max-width: 800px) {
	.status-partners-con {display: block;}
	.status-partners-con .status-partners-tit {font-size: 3rem;}
	.status-partners-con .txt-area {width: 100%; margin-right: 0; margin-bottom: 4rem;}
	.status-partners-con .txt-area .txt-box {margin-bottom: 3.5rem;}
	.status-partners-con .slide-area {width: 100%; padding: 3rem;}
	.status-partners-con .partners-slide-list {grid-template-columns: repeat(3, 1fr); grid-gap: 2rem 3rem;}
}

@media all and (max-width: 480px) {
	.status-partners-con .partners-slide-list {grid-template-columns: repeat(2, 1fr);}
}

/* ******************  R&D :: 성과 및 활동 ********************** */
.result-content {padding-bottom: 16rem;}
.result-con01 {position: relative; padding: 20rem 0 16rem;}
.result-con01 .bg{position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 80rem; z-index: -1;}
.result-con01 .bg span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/result_con01_bg.jpg)no-repeat center/cover;}
.result-tit-box strong {display: block; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.04em; color: var(--main-color); line-height: 1.1; margin-bottom: 2.5rem;}
.result-tit-box .tit {font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.4; margin-bottom: 1rem;}
.result-tit-box .tit b {font-weight: inherit; color: var(--main-color);}
.result-tit-box .txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: rgba(0,0,0,0.5); line-height: 1.6;}

.result-banner-con {display: flex; margin-top: 16rem;}
.result-banner-con .result-banner-left {width: 61.806%; height: 62.3rem;}
.result-banner-con .result-banner-left .result-banner-item {height: 100%; border-radius: 3rem; padding: 9rem 9.7rem; background: url(/images/content/result_con01_img01.jpg)no-repeat center/cover; box-sizing: border-box;}
.result-banner-con .result-banner-left .result-banner-item h5 {display: block; margin-bottom: 1rem; font-size: 5rem; font-weight: 700; letter-spacing: -0.04em; color: #fff; line-height: 1.3;}
.result-banner-con .result-banner-left .result-banner-item span {display: block; font-size: 2rem; font-weight: ;}
.result-banner-con .result-banner-right {display: flex; flex-direction: column; gap: 1.5rem 0; width: calc(38.195% - 1.5rem); margin-left: 1.5rem;}
.result-banner-con .result-banner-right .result-banner-top {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.5rem;}
.result-banner-con .result-banner-right .result-banner-top .result-banner-item {position: relative; min-height: 30rem; padding: 5rem 4rem; background-color: #fff; border-radius: 2rem; filter: drop-shadow(15px 15px 30px rgba(0, 0, 0, 0.06)); box-sizing: border-box;}
.result-banner-con .result-banner-right .result-banner-top .result-banner-item .item-tit {font-size: 2rem; font-weight: 500; letter-spacing: -0.02em; color: #222; line-height: 1.6;}
.result-banner-con .result-banner-right .result-banner-top .result-banner-item .item-tit i {position: relative; top: 0.3rem; margin-right: 0.7rem; font-size: 2.4rem; color: #222;}
.result-banner-con .result-banner-right .result-banner-top .result-banner-item .item-num {position: absolute; right: 3.5rem; bottom: 4rem; font-size: 6rem; font-weight: 700; letter-spacing: -0.02em; color: #000; line-height: 1;}
.result-banner-con .result-banner-right .result-banner-bottom {flex: 1;}
.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item {position: relative; display: flex; align-items: center; justify-content: flex-end; padding: 5rem 11rem 5rem 7.7rem; width: 100%; height: 100%; background-color: var(--main-color); border-radius: 2rem; box-sizing: border-box;}
.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .img-box {position: absolute; display: flex; align-items: center; width: 34.206%; height: 60.39%; left: 7.7rem;}
.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .img-box img {max-width: 100%; max-height: 100%;}
.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .txt-box {text-align: center;}
.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .bottom-item-tit {margin-bottom: 2rem; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.5);}
.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .bottom-item-num {font-size: 8.8rem; font-weight: 700; letter-spacing: -0.02em; color: #fff;}

.result-slide-wrap {margin-top: 10.5rem; overflow: visible !important;}
.result-slide-list .result-slide-item {display: grid; grid-template-columns: repeat(2, 57.406% 42.595%); flex-grow: 1; width: 60.764%; height: auto; border: 2px solid #eee; border-radius: 2rem; box-sizing: border-box; overflow: hidden;}
.result-slide-list .result-slide-item .img-area {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #f5f5f5;}
.result-slide-list .result-slide-item .img-box {position: relative; width: 100%; height: 0; padding-top: 100%;}
.result-slide-list .result-slide-item .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto;}
.result-slide-list .result-slide-item .txt-area {width: 100%; height: 100%; padding: 5rem 4.8rem; box-sizing: border-box;}
.result-slide-list .result-slide-item .txt-area .top-txt-box {padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px solid #ddd;}
.result-slide-list .result-slide-item .txt-area .result-serial-num {margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.0125em; line-height: 1.2; color: var(--main-color);}
.result-slide-list .result-slide-item .txt-area .result-item-tit {font-size: 3rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.33; color: #222;}
.result-slide-list .result-slide-item .inner-des-list .des-list-item {display: flex;}
.result-slide-list .result-slide-item .inner-des-list .des-list-item + .des-list-item {margin-top: 1.8rem;}
.result-slide-list .result-slide-item .inner-des-list .des-tit {display: inline-block; width: 6.6rem; margin-right: 2.3rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.35; color: #222;}
.result-slide-list .result-slide-item .inner-des-list .des-txt {display: inline-block; width: calc(100% - 8.9rem); font-size: 2rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.35; color: #666;}

@media all and (max-width: 1280px) {
	.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item {padding: 5rem;}
	.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .img-box {left: 5rem;}
}

@media all and (max-width: 800px) {
	.result-content {padding-bottom: 8rem;}
	.result-tit-box strong {margin-bottom: 1.5rem; font-size: 1.8rem;}
	.result-tit-box .tit {font-size: 3rem;}
	.result-tit-box .txt {font-size: 1.6rem;}
	.result-con01 {padding: 8rem 0;}	
	
	.result-banner-con {display: block; margin-top: 6rem;}
	.result-banner-con .result-banner-left {width: 100%; height: 36rem; margin-bottom: 1.5rem;}
	.result-banner-con .result-banner-left .result-banner-item {padding: 4.5rem;}
	.result-banner-con .result-banner-left .result-banner-item h5 {font-size: 3.8rem;}
	.result-banner-con .result-banner-right {width: 100%; margin-left: 0;}
	.result-banner-con .result-banner-right .result-banner-top .result-banner-item {min-height: 23rem;}
	.result-banner-con .result-banner-right .result-banner-top .result-banner-item .item-num {font-size: 4.8rem;}
	.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item {padding: 4rem 3.5rem;}
	.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .img-box {left: 4rem;}
	.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .bottom-item-tit {font-size: 1.8rem;}
	.result-banner-con .result-banner-right .result-banner-bottom .result-banner-item .bottom-item-num {font-size: 6.4rem;}
	
	.result-slide-wrap {margin-top: 5rem; overflow: hidden !important;}
	.result-slide-list .result-slide-item {display: block;}
	.result-slide-list .result-slide-item .img-area {height: auto;}
	.result-slide-list .result-slide-item .txt-area {padding: 3rem;}
	.result-slide-list .result-slide-item .txt-area .top-txt-box {margin-bottom: 2rem; padding-bottom: 2rem;}
	.result-slide-list .result-slide-item .txt-area .result-item-tit {font-size: 2.4rem;}
	.result-slide-list .result-slide-item .inner-des-list .des-tit {font-size: 1.8rem;}
	.result-slide-list .result-slide-item .inner-des-list .des-txt {font-size: 1.8rem;}
}

/* ******************  Sustainability :: 공통 ********************** */
.esg-cm-gray-con {padding: 12rem 0; background-color: #f5f5f5;}
.esg-cm-con-tit {text-align: center; font-size: 4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.3; color: #222;}
.esg-cm-con-tit span {color: var(--main-color);}
.esg-cm-con-txt {margin-top: 4.2rem; text-align: center; font-size: 2rem; font-weight: 400; letter-spacing: -0.04em; line-height: 1.6; color: rgba(0, 0, 0, 0.5);}

@media all and (max-width: 800px) {
	.esg-cm-con-tit {font-size: 3rem;}
	.esg-cm-gray-con {padding: 6rem 0;}
}

/* ******************  Sustainability :: ESG 경영 ********************** */
.management-content {padding-bottom: 13rem;}
.manage-develop-list {margin-top: 10rem;}
.manage-develop-list .develop-list-item {display: flex; align-items: center; padding: 4rem; box-sizing: border-box; background-color: #fff; border-radius: 2rem;}
.manage-develop-list .develop-list-item + .develop-list-item {margin-top: 4rem;}
.manage-develop-list .develop-list-item .img-box {width: 49.265%; border-radius: 1rem; overflow: hidden;}
.manage-develop-list .develop-list-item .img-box img {max-width: 100%;}
.manage-develop-list .develop-list-item .txt-box {width: calc(50.736% - 4rem); text-align: center; margin-right: 4rem;}
.manage-develop-list .develop-list-item .txt-box .num {margin-bottom: 3rem; font-size: 4.2rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; color: rgba(0, 92, 185, 0.3);}
.manage-develop-list .develop-list-item .txt-box .list-item-tit {margin-bottom: 1rem; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.43; color: #040404;}
.manage-develop-list .develop-list-item .txt-box .list-item-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.04em; line-height: 1.2; color: rgba(0, 0, 0, 0.5);}

.manage-develop-list .develop-list-item.reverse {flex-direction: row-reverse;}
.manage-develop-list .develop-list-item.reverse .txt-box {margin-right: 0; margin-left: 4rem;}

.management-principle-con {margin-top: 12rem;}
.management-content .cm-fixed-tab-container-JS {display: flex; margin-top: 8.2rem; /* padding-top: 7rem;  */border-top: 1px solid #000; border-bottom: 1px solid #000;}
.management-content .sub-tab-content-style {width: calc(100% - 26rem); margin-left: 8rem;}

.principle-txt-area {padding: 8rem 0 9rem; border-bottom: 1px solid #000;}
/* #fixedContentM1 .principle-txt-area {padding-top: 0;} */
#fixedContentM7 .principle-txt-area {border-bottom: none;}
.principle-area-tit {font-size: 3.2rem; font-weight: 700; letter-spacing: -0.03em; color: #000;}
.principle-area-tit.mb-60 {margin-bottom: 6rem;}
.principle-flex-list .flex-list-item {display: flex; margin-bottom: 5.3rem;}
.principle-flex-list .flex-list-item:last-child {margin-bottom: 0;}
.principle-flex-list .flex-list-item .flex-list-tit01 {width: 28.5rem; margin-right: 1.5rem; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.45; color: #0c0c0c;}
.principle-flex-list .flex-list-item .flex-list-txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.55; color: rgba(0, 0, 0, 0.5);}
.principle-flex-list .flex-list-item .flex-list-txt span {display: inline-block; width: 3rem; margin-right: 1rem;}
.principle-flex-list .flex-list-item .flex-list-txt + .flex-list-txt {margin-top: 1.4rem;}

.principle-txt-area .style01 .flex-list-item .txt-box {width: calc(100% - 30rem);}

.principle-txt-area .style02 .principle-area-tit {width: 24rem; margin-right: 6rem;}
.principle-txt-area .style02 .flex-list-item .txt-box {width: calc(100% - 30rem);}

.principle-link-wrap {display: flex;}
.principle-link-list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2.666rem; width: calc(100% - 30rem);}
.principle-link-list .link-list-item a {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2.5rem 1rem 1rem 1rem; background-color: #f5f5f5; border-radius: 1rem; box-sizing: border-box;}
.principle-link-list .link-list-item a::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1rem; border: 2px solid var(--main-color); box-sizing: border-box; opacity: 0; visibility: hidden; transition: var(--transition-custom);}
.principle-link-list .link-list-item .num {display: flex; align-items: center; justify-content: center; width: 5rem; height: 2rem; margin-bottom: 0.5rem; border-radius: 10rem; background-color: var(--main-color); font-size: 1.2rem; font-weight: 700; letter-spacing: -0.02em; color: #fff;}
.principle-link-list .link-list-item .list-item-tit {margin-bottom: 2rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.4; color: #000;}
.principle-link-list .link-list-item .img-box {position: relative; border-radius: 0.5rem; overflow: hidden; width: 100%;}
.principle-link-list .link-list-item .img-box img {width: 100%; height: 100%; object-fit: cover; transition: var(--transition-custom)}
.principle-link-list .link-list-item .img-box .link-icon {position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -50%); width: 6rem; height: 6rem; border-radius: 50%; background: rgba(255, 255, 255, 0.15); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); backdrop-filter: blur(20px); transition: var(--transition-custom);}
.principle-link-list .link-list-item .img-box .link-icon i {font-size: 2.8rem; color: #fff;}

.principle-link-list .link-list-item a:hover::before {opacity: 1; visibility: visible;}
.principle-link-list .link-list-item a:hover .link-icon {background: var(--main-color); backdrop-filter: blur(0);}

@media all and (min-width: 801px) {
	.principle-link-list .link-list-item .img-box:hover img {transform: scale(1.1);}
}

@media all and (max-width: 1279px) {
	.principle-link-list {grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width: 800px) {
	.management-content {padding-bottom: 7rem;}
	.esg-cm-con-txt {margin-top: 2.5rem;}
	.manage-develop-list {margin-top: 5rem;}
	.manage-develop-list .develop-list-item {display: block; padding: 3rem; transform: translate3d(0, 30px, 0) !important;}
	.manage-develop-list .develop-list-item.animated {transform: none !important;}
	.manage-develop-list .develop-list-item .txt-box {width: 100%; margin: 0 0 3rem 0 !important;}
	.manage-develop-list .develop-list-item .txt-box .num {margin-bottom: 2rem; font-size: 3rem;}
	.manage-develop-list .develop-list-item .txt-box .list-item-tit {font-size: 2.4rem;}
	.manage-develop-list .develop-list-item .txt-box .list-item-txt {font-size: 1.8rem;}
	.manage-develop-list .develop-list-item .img-box {width: 100%;}
	
	.management-principle-con {margin-top: 6rem; filter: none !important;}
	.management-content .cm-fixed-tab-container-JS {display: block; margin-top: 4rem; padding-top: 4rem;}
	.management-content .sub-tab-content-style {width: 100%; margin-left: 0;}
	.principle-area-tit {font-size: 2.4rem;}
	.principle-area-tit.mb-60 {margin-bottom: 3rem;}
	.principle-flex-list .flex-list-item {display: block; margin-bottom: 3.5rem;}
	.principle-flex-list .flex-list-item .flex-list-tit01, .principle-txt-area .style02 .principle-area-tit {width: 100%; margin-right: 0; margin-bottom: 1.5rem; font-size: 2rem;}
	.principle-flex-list .flex-list-item .flex-list-txt {font-size: 1.6rem;}
	
	.principle-txt-area {padding: 4rem 0;}
	.principle-txt-area .flex-list-item .txt-box {width: 100%;}
	.principle-txt-area .principle-area-tit {width: 100%; margin-right: 0; margin-bottom: 3rem;}
	.principle-txt-area .flex-list-item .txt-box {width: 100% !important;}
	
	.principle-flex-list .flex-list-item .flex-list-txt + .flex-list-txt {margin-top: 0.7rem;}
	
	.principle-link-wrap {display: block;}
	.principle-link-list {width: 100%;}
}

.animated .left-fixed-style {filter: none;}

@media all and (min-width: 801px) {
	.left-fixed-style {padding-top: 6rem;}
	.left-fixed-style .move-line-wrap {top: auto; left: 10px;}

	.left-fixed-style {height: auto;}
	.left-fixed-style .sub-tab-list-style {position: sticky !important; top: calc(var(--header-fixed-height) + 2rem);  border-radius: 3rem;height: auto;}
	.left-fixed-style .sub-tab-list-style ul {display: flex; flex-direction: column; width: 18rem; height: auto; padding: 0.55rem 1rem; /* background-color: rgba(0, 0, 0, 0.05); */ border-radius: 3rem;}	
	.left-fixed-style .sub-tab-list-style:before {display: none;}
	.left-fixed-style .sub-tab-list-style ul li {width: 100%; padding: 0.45rem 0;}
	.left-fixed-style .sub-tab-list-style ul li a {height: 40px;}
	
	/* .left-fixed-style .sub-tab-list-style.top-fixed {height: auto;} */
}

@media all and (max-width: 800px) {
	.left-fixed-style .sub-tab-list-style {max-width: none; width: 100%;}
	.left-fixed-style .sub-tab-list-style.top-fixed {top: var(--header-fixed-height); left: auto; width: calc(100% - var(--area-padding) * 2); z-index: 99;}
	.left-fixed-style .sub-drop-open-btn-style {left: 50%; transform: translateX(-50%);}
}

/* ******************  Sustainability :: ESG 전략 ********************** */
.strategy-content {padding-bottom: 21rem;}
.esg-strategy-list-con {margin-bottom: 15rem;}
.esg-strategy-list {display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1080px; margin: 10rem auto 0;}
.esg-strategy-list .strategy-list-item {position: relative;}
.esg-strategy-list .strategy-list-item:first-child {z-index: 2;}
.esg-strategy-list .strategy-list-item:nth-child(2) {z-index: 1;}
.esg-strategy-list .strategy-list-item .circle-area {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 50%; box-shadow: 0 2rem 4rem -1rem rgba(0, 0, 0, 0.05);}

.esg-strategy-list .strategy-list-item:first-child .circle-area {background: linear-gradient(129.19deg, #ffffff 15.26%, rgba(255, 255, 255, 0) 80.72%);}
.esg-strategy-list .strategy-list-item:nth-child(2) .circle-area {background: linear-gradient(216.67deg, rgba(245, 245, 245, 0) 17.69%, #ffffff 85.5%);}
.esg-strategy-list .strategy-list-item:last-child .circle-area {background: linear-gradient(213.91deg, #ffffff 13.88%, rgba(245, 245, 245, 0) 85.27%);}

.esg-strategy-list .strategy-list-item .circle-area::before {position: absolute; content: "\e913"; right: -3rem; top: 50%; display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; background-color: #fff; border-radius: 50%; font-family: "xeicon"; font-size: 2.4rem; color: #000; transform: translateY(-50%); z-index: 1;}
.esg-strategy-list .strategy-list-item:last-child .circle-area::before {display: none;}
.esg-strategy-list .strategy-list-item .circle-area .inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.esg-strategy-list .strategy-list-item .icon-box {width: 9.5rem; height: 9.7rem; margin-bottom: 1.5rem;}
.esg-strategy-list .strategy-list-item .icon-box svg {max-width: 100%; max-height: 100%;}
.esg-strategy-list .strategy-list-item .txt-box {text-align: center;}
.esg-strategy-list .strategy-list-item .list-item-tit {margin-bottom: 0.5rem; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.43; color: #000;}
.esg-strategy-list .strategy-list-item .list-item-tit span {color: var(--main-color);}
.esg-strategy-list .strategy-list-item .list-item-st {font-size: 2rem; font-weight: 400; letter-spacing: -0.04em; line-height: 1.2; color: rgba(0, 0, 0, 0.5);}
.esg-strategy-list .strategy-list-item .inner-txt-list {position: relative; max-width: 26.4rem; margin: 5.3rem auto 0;}
.esg-strategy-list .strategy-list-item .inner-txt-list.line01::before {position: absolute; top: -5.3rem; left: 50%; content: ""; width: 0.7rem; height: 5.7rem; transform: translateX(calc(-50% - 0.5px)); background: center / 100% 100% no-repeat url("/images/content/esg_strategy_line01.png"); z-index: 1;}
.esg-strategy-list .strategy-list-item .inner-txt-list.line02::before {position: absolute; top: -10.1rem; left: 50%; content: ""; width: 0.7rem; height: 10.5rem; transform: translateX(calc(-50% - 0.5px)); background: center / 100% 100% no-repeat url("/images/content/esg_strategy_line02.png"); z-index: 1;}
.esg-strategy-list .strategy-list-item .inner-txt-list .txt-list-item {position: relative; display: flex; align-items: center; width: 100%; height: 5.6rem; padding: 0 4rem; border: 1px solid var(--main-color); box-sizing: border-box; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 15px -4px rgba(0, 0, 0, 0.1); font-size: 2rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.4; color: #050505;}
.esg-strategy-list .strategy-list-item .inner-txt-list .txt-list-item::before {position: absolute; left: 1.2rem; content: "\e929"; font-family: "xeicon"; font-size: 2.2rem; font-weight: 400; color: var(--main-color);}
.esg-strategy-list .strategy-list-item .inner-txt-list .txt-list-item + .txt-list-item {margin-top: 0.8rem;}

.esg-strategy-list .strategy-list-item:nth-child(2) .inner-txt-list {margin-top: 10.3rem;}

.esg-strategy-line-con {max-width: 1451px; margin: 0 auto;}
.strategy-line-list-wrap {position: relative; margin-top: 25rem;}
.strategy-line-list-wrap .icon {position: absolute; left: 50%; top: -8rem; transform: translateX(-50%);}
.strategy-line-list-wrap .icon i {font-size: 10rem; color: var(--main-color);}
.strategy-line-list-wrap .strategy-line {position: absolute; top: -3.75%; width: 100%; height: 103.75%; pointer-events: none;}
.strategy-line-list-wrap .strategy-line .line {height: 100%; pointer-events: none;}
.strategy-line-list-wrap .draw-svg {width: 100%; max-width: 1451px; height: auto; display: block; margin: 0 auto;}
/* .strategy-line-list-wrap .strategy-line .line #drawArrow {opacity: 0; transform: scale(0);} */

.strategy-line-list {display: flex; flex-direction: column; max-width: 92.351%; margin: 0 auto;}
.strategy-line-list .line-list-item {position: relative; display: flex; align-items: center;}
.strategy-line-list .line-list-item:first-child {right: 0.75%;}
.strategy-line-list .line-list-item:nth-child(2) {left: 0.75%;}
.strategy-line-list .line-list-item:last-child {right: 0.75%;}
.strategy-line-list .line-list-item + .line-list-item {margin-top: 6%;}
.strategy-line-list .line-list-item.reverse {flex-direction: row-reverse;}
.strategy-line-list .line-list-item.reverse .txt-area {margin-left: 0; margin-right: 6rem;}
.strategy-line-list .line-list-item .img-box {width: 50.747%; border-radius: 0.8rem; overflow: hidden;}
.strategy-line-list .line-list-item .img-box img {max-width: 100%;}
.strategy-line-list .line-list-item .txt-area {width: calc(49.254% - 6rem); margin-left: 6rem;}
.strategy-line-list .line-list-item .txt-area .tit-box {margin-bottom: 2.5rem; text-align: center;}
.strategy-line-list .line-list-item .list-item-st {display: inline-block; margin-bottom: 1rem; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.04em; color: var(--main-color);}
.strategy-line-list .line-list-item .list-item-tit {font-size: 3.2rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.43; color: #060606;}
.strategy-line-list .line-list-item .inner-check-txt-list {padding: 3.5rem 4rem 3.5rem 6.5rem; background-color: #f5f5f5; border-radius: 1rem; box-sizing: border-box;}
.strategy-line-list .line-list-item .inner-check-txt-list .txt-list-item {position: relative; margin-bottom: 1.2rem; font-size: 2rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.4; color: rgba(0, 0, 0, 0.6);}
.strategy-line-list .line-list-item .inner-check-txt-list .txt-list-item:last-child {margin-bottom: 0;}
.strategy-line-list .line-list-item .inner-check-txt-list .txt-list-item::before {position: absolute; left: -2.7rem; content: "\e929"; font-family: "xeicon"; font-size: 2rem; color: var(--main-color);}

@media all and (max-width: 1511px) {
	.esg-strategy-line-con {max-width: none; padding: 0 var(--area-padding);}
}

@media all and (max-width: 1279px) {
	.strategy-line-list .line-list-item .inner-check-txt-list {padding: 3rem 5% 3rem 10%;}
	.strategy-line-list .line-list-item .inner-check-txt-list .txt-list-item {margin-bottom: 0.6rem; font-size: 1.5rem;}
	.strategy-line-list .line-list-item .txt-area {width: 44.254%; margin-left: 5%;}
	.strategy-line-list .line-list-item.reverse .txt-area {margin-left: 0; margin-right: 5%;}
}

@media all and (max-width: 800px) {
	.strategy-content {padding-bottom: 10rem;}
	.esg-strategy-list-con {margin-bottom: 7.5rem;}
	.esg-strategy-list {grid-template-columns: repeat(1, 50%); grid-gap: 10rem 0; justify-content: center; margin-top: 5rem;}
	.esg-strategy-list .strategy-list-item:nth-child(2) .inner-txt-list {margin-top: 5.3rem;}
	.esg-strategy-list .strategy-list-item .inner-txt-list.line02::before {top: -5.3rem; width: 0.7rem; height: 5.7rem; background: center / 100% 100% no-repeat url("/images/content/esg_strategy_line01.png");}
	.esg-strategy-list .strategy-list-item .circle-area::before {right: auto; left: 50%; top: auto; bottom: -31.5rem; transform: translateX(-50%);}
	.esg-strategy-list .strategy-list-item .list-item-tit {font-size: 2.2rem;}
	.esg-strategy-list .strategy-list-item .list-item-st {font-size: 1.6rem;}
	.esg-strategy-list .strategy-list-item .inner-txt-list .txt-list-item {font-size: 1.6rem;}
	
	.esg-strategy-list .strategy-list-item {transform: translate3d(0, 30px, 0) !important;}
	.esg-strategy-list .strategy-list-item.animated {transform: none !important;}
	
	.strategy-line-list-wrap {margin-top: 10rem;}
	.strategy-line-list-wrap .strategy-line {display: none;}
	.strategy-line-list {padding: 0;}
	.strategy-line-list .line-list-item {display: block;}
	.strategy-line-list .line-list-item .img-box {width: 100%; margin-bottom: 4rem;}
	.strategy-line-list .line-list-item .txt-area {width: 100%; margin: 0 !important;}
	.strategy-line-list .line-list-item .list-item-tit {font-size: 2.2rem;}
	.strategy-line-list .line-list-item .inner-check-txt-list {padding: 3rem 4.5rem;}
	.strategy-line-list .line-list-item .inner-check-txt-list .txt-list-item {font-size: 1.6rem;}
	.strategy-line-list .line-list-item .inner-check-txt-list .txt-list-item::before {left: -2.2rem; font-size: 1.6rem;}
	
	.strategy-line-list .line-list-item {transform: translate3d(0, 30px, 0) !important;}
	.strategy-line-list .line-list-item.animated {transform: none !important;}
}

@media all and (max-width: 480px) {
	.esg-strategy-list {grid-template-columns: repeat(1, 70%);}
}

/* ******************  Sustainability :: ESG 활동 및 관리 ********************** */
.activity-content .esg-cm-con-tit {margin-bottom: 8rem;}
.activity-certi-con {padding: 11.5rem 0 12rem 0; margin-bottom: 12.5rem; background-color: #f5f5f5;}
.activity-certi-list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 4.8rem;}
.activity-certi-list .certi-list-item .img-box {position: relative; width: 100%; height: 0; padding-top: 111.112%; margin-bottom: 2rem; background-color: #fff; border-radius: 1rem; box-sizing: border-box; overflow: hidden;}
.activity-certi-list .certi-list-item .img-box:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid var(--main-color); box-sizing: border-box; content: ''; border-radius: 1rem; transition: var(--transition-custom); opacity: 0; z-index: 1;}
.activity-certi-list .certi-list-item .img-box .img {position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 50%; height: 63.056%;}
.activity-certi-list .certi-list-item .img-box img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.05), 16px 16px 32px -10px rgba(0, 0, 0, 0.1);}
.hover-icon {position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 50%; background-color: var(--main-color); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: var(--transition-custom); z-index: 2;}
.hover-icon i {font-size: 2.8rem; color: #fff;}
.activity-certi-list .certi-list-item .txt-box {text-align: center;}
.activity-certi-list .certi-list-item .list-item-tit {margin-bottom: 0.5rem; font-size: 2.6rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.23; color: #111;}
.activity-certi-list .certi-list-item .list-item-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.04em; line-height: 1.2; color: #969696;}

.activity-slide-con {margin-bottom: 15rem;}
.activity-slide-con .resource-link-list {grid-gap: 0; margin: 0 0 6.5rem 0;}
.activity-slide-con .resource-link-list .list-item-txt {-webkit-line-clamp: 1;}

.activity-content .swiper-pagination-progressbar {background-color: #ddd; border-radius: 10px; overflow: hidden;}
.activity-content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #000; border-radius: 10px;}
.activity-content .swiper-container-horizontal > .swiper-pagination-progressbar {top: auto; bottom: 0;}

.activity-provision-con {padding: 13.5rem 0; background-color: #f5f5f5;}
.activity-provision-list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 4.8rem; padding-bottom: 4.5rem; /*  padding: 4rem 0; margin: 0 0 4rem 0; */ /* border-top: 1px solid #333; border-bottom: 1px solid #333; */}
.activity-provision-list .provision-list-item a {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2.3rem; border: 2px solid transparent; box-sizing: border-box; border-radius: 1rem; transition: var(--transition-custom);}
.activity-provision-list .provision-list-item .img-box {position: relative; width: 100%; height: 0; padding-top: 100%; margin-bottom: 2.5rem; border-radius: 1rem; overflow: hidden;}
.activity-provision-list .provision-list-item .img-box::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; backdrop-filter: blur(20px); z-index: 1; opacity: 0; visibility: visible; transition: var(--transition-custom);}
.activity-provision-list .provision-list-item .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.activity-provision-list .provision-list-item .txt-box {text-align: center;}
.activity-provision-list .provision-list-item .list-item-tit {margin-bottom: 1.5rem; font-size: 2.6rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.23; color: #111;}
.activity-provision-list .provision-list-item .list-item-txt {font-size: 1.4rem; font-weight: 400; letter-spacing: -0.04em; line-height: 1.28; color: #969696;}

.activity-content .paging-style05 .paging a {background-color: #f0f0f0;}

/* @media all and (max-width: 1280px) {
	.activity-certi-list .certi-list-item .img-box img {max-width: 75%; max-height: 75%;}
} */

@media all and (max-width: 800px) {
	.activity-content .esg-cm-con-tit {margin-bottom: 3.5rem;}
	
	.activity-certi-con {padding: 6rem 0; margin-bottom: 6rem;}
	.activity-certi-list {grid-template-columns: repeat(2, 1fr); grid-gap: 5rem 2.5rem;}
	.activity-certi-list .certi-list-item .list-item-tit {font-size: 2rem;}
	.activity-certi-list .certi-list-item .list-item-txt {font-size: 1.6rem;}
	
	.activity-slide-con {margin-bottom: 7rem;}
	.activity-slide-con .resource-link-list {margin: 0 0 3rem 0;}
	
	.activity-provision-con {padding: 6rem 0;}
	.activity-provision-list {grid-template-columns: repeat(2, 1fr); grid-gap: 5rem 2rem; padding-bottom: 2rem;}
	.activity-provision-list .provision-list-item a {padding: 0;}
	.activity-provision-list .provision-list-item .list-item-tit {margin-bottom: 0.7rem; font-size: 2rem;}
	
}

/* ******************  Sustainability :: 성과 및 보고 ********************** */
.report-pdf-area {padding: 4rem; background-color: #fff; border-radius: 2rem; overflow: hidden; pointer-events: none;}
.report-pdf-area .inner {position: relative; width: 100%;/* height: auto !important; min-height: 150px; */ /* height: 0; padding-top: 60.735%; */}
.report-pdf-area iframe {width: 100%; height: 100%; border: none; outline: none;}
/* .report-pdf-area iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */

@media all and (min-width: 801px) {
	.activity-certi-list .certi-list-item:hover .img-box:before{opacity: 1;}
	.activity-provision-list .provision-list-item:hover a {border-color: var(--main-color);}
	.activity-provision-list .provision-list-item:hover .img-box::before {opacity: 1; visibility: visible;}
	
	.hover-event-list li:hover .hover-icon {opacity: 1; visibility: visible;}
}

/* @media all and (max-width: 800px) {
	.report-pdf-area .inner {padding-top: 75%;}
} */

/* ******************  HR :: 인재상 ********************** */
.talent-content {padding-bottom: 20rem;}
.talent-active-list-con {position: relative; display: flex; align-items: center; width: 100%; min-height: 80rem; max-width: 1760px; margin: 0 auto 20rem; border-radius: 2.4rem; overflow: hidden; background: center / cover no-repeat url("/images/content/talent_active_list_bg.jpg");}
.talent-active-list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 2rem; width: 100%; max-width: 1340px; margin: 0 auto;}
.talent-active-list .active-list-item {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 49rem; border-radius: 2rem; padding: 2rem; border: 2px solid rgba(255, 255, 255, 0.15); box-sizing: border-box; transition: var(--transition-custom);}
.talent-active-list .active-list-item::after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.8rem; background: linear-gradient(156.28deg, rgba(255, 255, 255, 0.1) 2.03%, rgba(255, 255, 255, 0.05) 30.63%, rgba(255, 255, 255, 0.15) 97.97%), rgba(20, 42, 5, 0.15); backdrop-filter: blur(5rem); transition: var(--transition-custom); z-index: 0;}
.talent-active-list .active-list-item::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.5rem; background-color: #fff; transition: var(--transition-custom); opacity: 0; visibility: hidden; z-index: 1;}
.talent-active-list .active-list-item:nth-child(odd) {top: 3rem;}
.talent-active-list .active-list-item:nth-child(even) {top: -3rem;}
.talent-active-list .active-list-item .icon-box {position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 4rem; width: 14rem; height: 14rem; border-radius: 50%; background: rgba(255, 255, 255, 0.01); box-shadow: 4.66667px 7.46667px 12.9733px rgba(0, 0, 0, 0.04), inset 0.933333px 0.933333px 0px rgba(255, 255, 255, 0.25); backdrop-filter: blur(46.6667px); transition: var(--transition-custom); z-index: 3;}
.talent-active-list .active-list-item .icon-box svg {width: 100%; height: 100%;}
.talent-active-list .active-list-item .icon-box svg path {transition: var(--transition-custom)}
.talent-active-list .active-list-item .txt-box {position: relative; text-align: center; z-index: 3;}
.talent-active-list .active-list-item .list-item-tit {position: relative; margin-bottom: 3rem; font-size: 2.8rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.14; color: #fff; transition: var(--transition-custom)}
.talent-active-list .active-list-item .list-item-tit::before {position: absolute; left: 50%; bottom: -2rem; content: "\e941"; font-family: "xeicon"; font-size: 1.6rem; font-weight: 400; color: rgba(255, 255, 255, 0.2); transform: translateX(-50%); transition: var(--transition-custom)}
.talent-active-list .active-list-item .list-item-tit::after {position: absolute; left: 50%; bottom: -2.8rem; content: "\e941"; font-family: "xeicon"; font-size: 1.6rem; font-weight: 400; color: rgba(255, 255, 255, 0.2); transform: translateX(-50%); transition: var(--transition-custom)}
.talent-active-list .active-list-item .list-item-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.06em; line-height: 1.7; color: rgba(255, 255, 255, 0.6); transition: var(--transition-custom)}

@media all and (min-width: 801px) {
	.talent-active-list .active-list-item:hover {background: none; backdrop-filter: none; border-color: #fff;}
	.talent-active-list .active-list-item:hover::before {opacity: 1; visibility: visible;}
	.talent-active-list .active-list-item:hover .icon-box {background: #fff; backgrop-filter: none;}
	.talent-active-list .active-list-item:hover .icon-box svg path {stroke: var(--main-color);}
	.talent-active-list .active-list-item:hover .list-item-tit {color: var(--main-color);}
	.talent-active-list .active-list-item:hover .list-item-txt {color: rgba(0, 0, 0, 0.5);}
	.talent-active-list .active-list-item:hover .list-item-tit::before,
	.talent-active-list .active-list-item:hover .list-item-tit::after {color: rgba(0, 0, 0, 0.2);}
}

.talent-flex-list {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 3.2rem 0;}
.talent-flex-list .flex-list-item {display: flex; align-items: center; padding: 3.2rem; border-radius: 2rem; background-color: #f5f5f5; box-sizing: border-box;}
.talent-flex-list .flex-list-item .img-box {width: 49.274%; border-radius: 1rem; overflow: hidden;}
.talent-flex-list .flex-list-item .img-box img {max-width: 100%;}
.talent-flex-list .flex-list-item .txt-box {width: calc(50.727% - 3rem); margin-left: 3rem; text-align: center;}
.talent-flex-list .flex-list-item .txt-box .list-item-tit {position: relative; margin-bottom: 3.5rem; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.4; color: #121212;}
.talent-flex-list .flex-list-item .txt-box .list-item-tit::before {position: absolute; left: 50%; bottom: -2.5rem; content: "\e941"; font-family: "xeicon"; font-size: 1.6rem; font-weight: 400; color: rgba(0, 0, 0, 0.12); transform: translateX(-50%);}
.talent-flex-list .flex-list-item .txt-box .list-item-tit::after {position: absolute; left: 50%; bottom: -3.3rem; content: "\e941"; font-family: "xeicon"; font-size: 1.6rem; font-weight: 400; color: rgba(0, 0, 0, 0.12); transform: translateX(-50%);}
.talent-flex-list .flex-list-item .txt-box .list-item-txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.06em; line-height: 1.6; color: rgba(0, 0, 0, 0.5);}
.talent-flex-list .flex-list-item:nth-child(even) {flex-direction: row-reverse;}
.talent-flex-list .flex-list-item:nth-child(even) .txt-box {margin-left: 0; margin-right: 3rem;}

@media all and (max-width: 1820px) {
	.talent-active-list-con {width: calc(100% - var(--area-padding) * 2); max-width: none; padding: 0 var(--area-padding); box-sizing: border-box;}
}

/* @media all and (max-width: 1400px) {
	.talent-active-list {max-width: none; padding: 0 var(--area-padding); box-sizing: border-box;}
} */

@media all and (max-width: 800px) {
	.talent-content {padding-bottom: 10rem;}
	.talent-active-list-con {margin-bottom: 8rem; padding: calc(var(--area-padding) * 2);}
	.talent-active-list {grid-template-columns: repeat(2, 1fr); grid-gap: 2rem;}
	.talent-active-list .active-list-item {min-height: 35rem;}
	.talent-active-list .active-list-item:nth-child(odd) {top: 0;}
	.talent-active-list .active-list-item:nth-child(even) {top: 0;}
	.talent-active-list .active-list-item .list-item-tit {font-size: 2.2rem;}
	.talent-active-list .active-list-item .list-item-tit::before, .talent-active-list .active-list-item .list-item-tit::after {font-size: 1.4rem;}
	.talent-active-list .active-list-item .list-item-txt {font-size: 1.5rem;}
	.talent-active-list .active-list-item .icon-box {width: 10.5rem; height: 10.5rem;}
	
	.talent-flex-list .flex-list-item {display: block;}
	.talent-flex-list .flex-list-item .img-box {width: 100%; margin-bottom: 3rem;}
	.talent-flex-list .flex-list-item .txt-box {width: 100%; margin-left: 0;}
	.talent-flex-list .flex-list-item .txt-box .list-item-tit {font-size: 2.4rem;}
	.talent-flex-list .flex-list-item .txt-box .list-item-txt {font-size: 1.7rem;}
}

@media all and (max-width: 640px) {
	.talent-active-list .active-list-item .list-item-txt {min-height: 7.7rem;}
}

@media all and (max-width: 480px) {
	.talent-active-list {grid-template-columns: repeat(1, 1fr); grid-gap: 2rem 0;}
	.talent-active-list .active-list-item .list-item-txt {min-height: auto;}
}

/* ******************  HR :: 인사제도 ********************** */
.system-content {padding-bottom: 21rem !important;}
.system-policy-list-wrap:first-child {padding-top: 2rem;}
.policy-list-tit {margin-bottom: 7rem; text-align: center; font-size: 5.6rem; font-weight: 700; letter-spacing: -0.04em; color: #000;}
.system-policy-list-wrap:last-child .system-policy-list {margin-bottom: 0;}
.system-policy-list {display: grid; grid-gap: 2rem; margin-bottom: 20.5rem;}
.system-policy-list.left-img-style01 {grid-template-columns: repeat(4, 40.834% calc(19.723% - 2rem) calc(19.723% - 2rem) calc(19.723% - 2rem));}
.system-policy-list.right-img-style01 {grid-template-columns: repeat(4, calc(19.723% - 2rem) calc(19.723% - 2rem) calc(19.723% - 2rem) 40.834%);}
.system-policy-list.left-img-style02 {grid-template-columns: repeat(4, 32.431% calc(16.893% - 2rem) calc(16.893% - 2rem) calc(16.893% - 2rem) calc(16.893% - 2rem));}
.system-policy-list.right-img-style02 {grid-template-columns: repeat(4, calc(16.893% - 2rem) calc(16.893% - 2rem) calc(16.893% - 2rem) calc(16.893% - 2rem) 32.431%);}
.system-policy-list .policy-list-item {border-radius: 2rem; overflow: hidden;}
.system-policy-list .policy-list-item .img-box {width: 100%; height: 100%;}
.system-policy-list .policy-list-item .img-box img {width: 100%; height: 100%; object-fit: cover;}
.system-policy-list .policy-list-item .icon-box {width: 13rem; height: 13rem; border-radius: 50%; background-color: #fff; overflow: hidden; margin-bottom: 2.5rem;}
.system-policy-list .policy-list-item .icon-box svg {max-width: 100%; max-height: 100%;}
.system-policy-list .policy-list-item .icon-box img {max-width: 100%; max-height: 100%;}
.system-policy-list .policy-list-item:not(.img-item) {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; background-color: #f5f5f5;}
.system-policy-list .policy-list-item .list-item-tit {text-align: center; margin-bottom: 0.5rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.04em; line-height: 1.4; color: #020202;}
.system-policy-list .policy-list-item .list-item-txt {min-height: 12.8rem; text-align: center; font-size: 2rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.6; color: #969696;}

@media all and (max-width: 1279px) {
	.system-policy-list .policy-list-item .icon-box {width: 10rem; height: 10rem;}
	.system-policy-list .policy-list-item .list-item-tit {font-size: 1.8rem;}
	.system-policy-list .policy-list-item .list-item-txt {font-size: 1.5rem;}
}

@media all and (max-width: 800px) {		
	.system-content {padding-bottom: 10rem !important}
	.policy-list-tit {margin-bottom: 3.5rem; font-size: 3.4rem;}
	.system-policy-list {margin-bottom: 10rem;}
	.system-policy-list.left-img-style01 {grid-template-columns: repeat(2, 1fr) !important;}
	.system-policy-list.right-img-style01 {grid-template-columns: repeat(2, 1fr) !important;}
	.system-policy-list.left-img-style02 {grid-template-columns: repeat(2, 1fr) !important;}
	.system-policy-list.right-img-style02 {grid-template-columns: repeat(2, 1fr) !important;}
	
	.system-policy-list .policy-list-item {transform: translate3d(0, 30px, 0) !important;}
	.system-policy-list .policy-list-item.animated {transform: none !important;}
	.system-policy-list .policy-list-item:first-child {transition-delay: 0.2s !important;}
	.system-policy-list .policy-list-item:nth-child(2) {transition-delay: 0.4s !important;}
	.system-policy-list .policy-list-item:nth-child(3) {transition-delay: 0.6s !important;}
	.system-policy-list .policy-list-item:nth-child(4) {transition-delay: 0.8s !important;}
	.system-policy-list .policy-list-item:last-child {transition-delay: 1s !important;}
	
	.system-policy-list .policy-list-item .list-item-txt {min-height: auto;}
}

@media all and (max-width: 480px) {		
	.system-policy-list.right-img-style01, 
	.system-policy-list.left-img-style01,
	.system-policy-list.right-img-style02,
	.system-policy-list.left-img-style02 {grid-template-columns: repeat(1, 1fr) !important}
	
	.system-policy-list .policy-list-item:first-child {transition-delay: 0s !important;}
	.system-policy-list .policy-list-item:nth-child(2) {transition-delay: 0s !important;}
	.system-policy-list .policy-list-item:nth-child(3) {transition-delay: 0s !important;}
	.system-policy-list .policy-list-item:nth-child(4) {transition-delay: 0s !important;}
	.system-policy-list .policy-list-item:last-child {transition-delay: 0s !important;}
}

/* ******************  HR :: 복지제도 ********************** */
.welfare-content {padding-bottom: 11.5rem;}
.wefalre-list-wrap {padding-top: 10rem;}
.wefalre-list {display: flex; gap: 2.4rem;}
.wefalre-list + .wefalre-list {margin-top: 12rem;}
.wefalre-list.reverse {flex-direction: row-reverse;}
.wefalre-list.column {flex-direction: column;}
.wefalre-list .wefalre-list-item {width: 50%;}
.wefalre-list.column .wefalre-list-item {width: 100%;}
.wefalre-list .wefalre-list-item .img-box {width: 100%; height: 100%; border-radius: 2rem; overflow: hidden;}
.wefalre-list .wefalre-list-item .img-box img {width: 100%; height: 100%; object-fit: cover;}
.wefalre-list .lnner-txt-list {display: flex; flex-direction: column; gap: 2rem 0; width: 100%; height: 100%;}
.wefalre-list .lnner-txt-list.grid-list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem;}
.wefalre-list .lnner-txt-list .txt-list-item {display: flex; align-items: center; flex-grow: 1; min-height: 10rem; padding: 0 3.5rem; border-radius: 2rem; box-sizing: border-box; background-color: #f5f5f5;}
.wefalre-list .lnner-txt-list .txt-list-item .txt-num {display: inline-flex; align-items: center; justify-content: center; width: 5rem; height: 2rem; margin-right: 3rem; background-color: var(--main-color); border-radius: 10rem; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.0125em; color: #fff;}
.wefalre-list .lnner-txt-list .txt-list-item .list-item-txt {width: calc(100% - 8rem); font-size: 2.2rem; font-weight: 600; letter-spacing: -0.04em; line-height: 1.4; color: #000;}
.wefalre-list .lnner-txt-list .txt-list-item .list-item-txt span {margin-left: 0.7rem; font-size: 2rem; font-weight: 400; color: #969696;}

@media all and (max-width: 800px) {		
	.welfare-content {padding-bottom: 6rem;}
	.wefalre-list-wrap {padding-top: 0;}
	.wefalre-list {flex-direction: column !important;}
	.wefalre-list + .wefalre-list {margin-top: 6rem;}
	.wefalre-list .wefalre-list-item {width: 100%;}
	.wefalre-list .lnner-txt-list .txt-list-item {padding: 0 2rem;}
	.wefalre-list .lnner-txt-list .txt-list-item .txt-num {margin-right: 1.5rem; padding-top: 0.2rem;}
	.wefalre-list .lnner-txt-list .txt-list-item .list-item-txt {width: calc(100% - 6.5rem); font-size: 1.8rem;} 
	.wefalre-list .lnner-txt-list .txt-list-item .list-item-txt span {font-size: 1.6rem;}
	
	.wefalre-list .lnner-txt-list.grid-list {grid-template-columns: repeat(1, 1fr);}
}

/* ******************  HR :: 입사지원 ********************** */
.apply-content {padding-top: 2rem; padding-bottom: 12.5rem;}
.apply-form-wrap {max-width: 950px; margin: 0 auto; padding: 12rem; border: 1px solid #d9d9d9; border-radius: 2.4rem; box-sizing: border-box;}
.apply-form-wrap .input-area + .input-area {margin-top: 10rem;}
.apply-form-wrap .input-area .input-area-tit {margin-bottom: 1.5rem; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.4; color: #121212;}
.apply-form-wrap .input-box {display: flex; align-items: center; padding: 2rem 0; border-bottom: 1px solid #f2f2f2;}
.apply-form-wrap .input-box:first-of-type {border-top: 1px solid #f2f2f2;}
.apply-form-wrap .input-box .input-list-tit {display: inline-block; width: 10rem; margin-right: 2rem; font-size: 2rem; font-weight: 600; letter-spacing: -0.04em; line-height: 1.4; color: #060606;}
.apply-form-wrap .input-box input, .apply-form-wrap .input-box select, .apply-form-wrap .security-code-box {width: calc(100% - 12rem); height: 4.8rem; border: none; outline: none; background-color: #f5f5f5 !important; border-radius: 10rem;}
.apply-form-wrap .input-box input {padding: 0 2rem;}
.apply-form-wrap .fakeform-selectbox {width: calc(100% - 12rem); height: 4.8rem;}
.apply-form-wrap .fakeform-selectbox select {opacity: 1; visibility: visible}
.apply-form-wrap .fakeform-selectbox form {width: 100%; height: 100%;}
.apply-form-wrap .fakeform-selectbox .select-title {width: 100%; height: 100%; background-color: #f5f5f5; font-size: 1.8rem; color: #333; background-color: #f5f5f5;}
.apply-form-wrap .input-box .email-box {display: flex; align-items: center; gap: 1rem; width: calc(100% - 12rem);}
.apply-form-wrap .input-box .email-box span {margin: 0 0.278rem; font-size: 1.4rem; color: #333;}
.apply-form-wrap .input-box .email-box input, .apply-form-wrap .input-box .email-box .fakeform-selectbox {width: 33.333%;}
.apply-form-wrap .fakeform-selectbox .select-title.active {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

.apply-form-wrap .security-code-box .write-input {width: calc(100% - 8rem); max-width: none;}

.apply-btn {display: flex; align-items: center; justify-content: center; width: 24rem; height: 6rem; margin: 8rem auto 0; background-color: var(--main-color); border-radius: 3rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.04em; color: #fff;}

/* 첨부파일 */
.apply-form-wrap .file-custom-box{position: relative; width: calc(100% - 12rem); padding-right: 0;}
.apply-form-wrap .file-custom-box input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.apply-form-wrap .file-custom-box label {position: absolute; left:1rem; top:50%; width:8rem; height:2.8rem; line-height:2.8rem; border-radius:2rem; background:#fff; border:1px solid #d9d9d9; box-sizing:border-box; text-align:center; font-size:1.2rem; color:#333; font-weight:500; letter-spacing: -0.04em; transform: translateY(-50%);}
.apply-form-wrap .file-custom-box .upload-name {width: 100%; text-indent:12rem; background:transparent; padding:1rem; box-sizing: border-box;}

/* 입사지원 양식 다운로드 */
.inquiry-download-con{margin-top: 2rem; display: flex; align-items: center; justify-content: flex-end;}
.inquiry-download-con .tit{margin-right: 2.4rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.04em; font-weight: 600; color: #060606; display: block;}
.inquiry-download-con .download-btn{position: relative; padding: 0 2.4rem; width: 18rem; height: 4rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.04em; font-weight: 600; color: #fff; border: 2px solid #000; background-color: #000; border-radius: 2rem; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; transition: var(--transition-custom); transition-property: background-color, color;}
.inquiry-download-con .download-btn .txt{position: relative; z-index: 1;}
.inquiry-download-con .download-btn i{position: relative; z-index: 1; font-size: 2.4rem;}
@media all and (min-width: 801px) {
    .inquiry-download-con .cm-btn-full .cm-fill {background: #fff;}
	.inquiry-download-con .download-btn:hover{background-color:#fff; color: #000;}
}

@media all and (max-width: 800px) {
	.apply-content {padding-bottom: 4rem;}
	.apply-form-wrap {padding: 3rem;}
	.apply-form-wrap .input-area + .input-area {margin-top: 5rem;}
	.apply-form-wrap .input-area .input-area-tit {font-size: 2.2rem;}
	.apply-form-wrap .input-box {display: block;}
	.apply-form-wrap .input-box .input-list-tit {width: 100%; margin: 0 0 1rem 0; font-size: 1.8rem;}
	.apply-form-wrap .input-box input, select, .apply-form-wrap .file-custom-box, .apply-form-wrap .input-box .email-box, .apply-form-wrap .fakeform-selectbox, .apply-form-wrap .security-code-box {width: 100%; height: 4rem;}
	.apply-form-wrap .input-box .email-box {gap: 0.5rem;}
	.apply-form-wrap .fakeform-selectbox .select-title {line-height: 4rem;}
	.apply-form-wrap .file-custom-box label {left: 0.6rem;}
	.apply-form-wrap .file-custom-box .upload-name, .apply-form-wrap .security-code-box {padding: 0.6rem;}
	
	.apply-btn {width: 20rem; height: 5rem; margin-top: 4rem;}
}

/* ******************  HR :: 채용공고 ********************** */
.recruit-content {padding-bottom: 22rem !important;}
.recruit-content .board-search-box-style07 .board-search-inner, .recruit-content .fakeform-selectbox .select-title {background-color: #f5f5f5;}
.recruit-content .board-search-box-style07 .board-custom-select-box .custom-select-trigger {background-color: #f5f5f5;}
.category-select-area {display: flex; gap: 1.2rem;}

.recruit-process-con {margin-bottom: 47.5rem;}
.recruit-process-list {position: relative; left: 4rem; display: grid; grid-template-columns: repeat(6, 15.556%); grid-gap: 0 0.6%; padding-top: 4.7rem;}
.recruit-process-list .process-list-item {position: relative; width: 100%; height: 0; padding-top: 125%; background-color: #f5f5f5; border-radius: 2rem; box-shadow: 0 2rem 6rem 0 rgba(0, 0, 0, 0.15); filter: blur(10px); opacity: 0; transition: var(--transition-custom2);}

.recruit-process-list .process-list-item:first-child {transition-delay: 0.2s; transform: translate3d(0, -30px, 0);}
.recruit-process-list .process-list-item:nth-child(2) {transition-delay: 0.4s; transform: translate3d(0, 30px, 0);}
.recruit-process-list .process-list-item:nth-child(3) {transition-delay: 0.6s; transform: translate3d(0, -30px, 0);}
.recruit-process-list .process-list-item:nth-child(4) {transition-delay: 0.8s; transform: translate3d(0, 30px, 0);}
.recruit-process-list .process-list-item:nth-child(5) {transition-delay: 1s; transform: translate3d(0, -30px, 0);}
.recruit-process-list .process-list-item:last-child {transition-delay: 1.2s; transform: translate3d(0, 30px, 0);}

.recruit-process-list .process-list-item .inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.recruit-process-list .process-list-item::before {position: absolute; content: ""; top: 50%; left: 52%; transform: translate(-50%, -50%); width: 130.36%; height: 120%; pointer-events: none;}
.recruit-process-list .process-list-item.step01::before {background: center / cover no-repeat url("/images/content/recruit_process_step_bg01.png");}
.recruit-process-list .process-list-item.step02::before {background: center / cover no-repeat url("/images/content/recruit_process_step_bg02.png");}
.recruit-process-list .process-list-item.step03::before {background: center / cover no-repeat url("/images/content/recruit_process_step_bg03.png");}
.recruit-process-list .process-list-item.step04::before {background: center / cover no-repeat url("/images/content/recruit_process_step_bg04.png");}
.recruit-process-list .process-list-item.step05::before {background: center / cover no-repeat url("/images/content/recruit_process_step_bg05.png");}
.recruit-process-list .process-list-item.step06::before {left: 50%; width: 126.79%; background: center / cover no-repeat url("/images/content/recruit_process_step_bg06.png");}
.recruit-process-list .process-list-item:nth-child(even) {top: 92%;}

.recruit-process-list .process-list-item .icon-box {width: 13rem; height: 13rem; margin-bottom: 2.5rem;}
.recruit-process-list .process-list-item .icon-box svg {max-width: 100%; max-height: 100%;}
.recruit-process-list .process-list-item .txt-box {text-align: center;}
.recruit-process-list .process-list-item .list-item-tit {margin-bottom: 0.5rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.5; color: var(--main-color);}
.recruit-process-list .process-list-item .list-item-txt {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.04em; line-height: 1.5; color: #000;}

.recruit-process-list.animated .process-list-item {filter: blur(0); opacity: 1; transform: none;}

.announce-wrap {padding-top: 1.5rem;}
.recruit-notice-list {display: flex; flex-direction: column; gap: 2rem 0; margin: 4rem 0; padding: 4rem 0; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.recruit-notice-list .notice-list-item {display: flex; align-items: center; justify-content: space-between; background-color: #f5f5f5; padding: 4rem 4rem 3.5rem 4rem; border-radius: 2rem; box-sizing: border-box;}
.recruit-notice-list .notice-list-item .txt-area {width: 80%;}
.recruit-content .category-box {display: flex; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 2rem;}
.recruit-content .category {display: inline-block; border: 1px solid var(--main-color); font-size: 1.3rem; font-weight: 600; letter-spacing: -0.04em; color: var(--main-color); box-sizing: border-box; border-radius: 10rem; padding: 0.4rem 1.16rem;}
.recruit-notice-list .notice-list-item .notice-list-txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 5rem; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.5; color: #000;}
.recruit-notice-list .notice-list-item .date {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.04em; color: #969696;}
.recruit-notice-list .notice-list-item .recruit-notice-btn {display: flex; align-items: center; justify-content: space-between; width: 20rem; height: 4.8rem; padding: 0 1.7rem 0 2.2rem; border: 2px solid var(--main-color); box-sizing: border-box; border-radius: 3rem;}
.recruit-notice-list .notice-list-item .recruit-notice-btn.end {border-color: #CCCCCC; pointer-events:none; background-color: #CCCCCC;}
.recruit-notice-list .notice-list-item .recruit-notice-btn.end i,
.recruit-notice-list .notice-list-item .recruit-notice-btn.end span:not(.cm-fill) {color: #fff;}
.recruit-notice-list .notice-list-item .recruit-notice-btn.end .cm-fill {display: none;}

.recruit-notice-list .notice-list-item .recruit-notice-btn + .recruit-notice-btn {margin-top: 0.8rem;}
.recruit-notice-list .notice-list-item .recruit-notice-btn span:not(.cm-fill) {position: relative; z-index: 1; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.04em; color: var(--main-color); transition: var(--transition-custom);}
.recruit-notice-list .notice-list-item .recruit-notice-btn i {position: relative; z-index: 1; font-size: 2rem; color: var(--main-color); transform: rotateZ(-45deg); transition: var(--transition-custom);}


.recruit-notice-list .notice-list-item .recruit-notice-btn:hover span:not(.cm-fill) {color: #fff;}
.recruit-notice-list .notice-list-item .recruit-notice-btn:hover i {color: #fff;}

@media all and (max-width: 1530px) {
	.recruit-process-list {left: 0; grid-template-columns: repeat(6, 16.166%); padding: 0 var(--area-padding);}
}

@media all and (max-width: 1279px) {
	/* .recruit-process-list .process-list-item {min-height: 22rem;} */
	.recruit-process-list .process-list-item .icon-box {width: 9rem; height: 9rem; margin-bottom: 1.5rem;}
	.recruit-process-list .process-list-item .list-item-txt {font-size: 2rem;}
}

@media all and (max-width: 800px) {
	.recruit-content {padding-bottom: 10rem !important;}
	.recruit-process-con {margin: 0 0 12rem 0;}
	.recruit-process-list {grid-template-columns: repeat(2, 40%); grid-gap: 10rem 4rem; justify-content: space-between; margin-top: 7rem;}
	.recruit-process-list .process-list-item:nth-child(even) {top: 0;}
	
	.recruit-notice-list .notice-list-item {display: block; padding: 2.5rem;}
	.recruit-notice-list .notice-list-item .txt-area {width: 100%; margin-bottom: 3rem;}
	.recruit-notice-list .notice-list-item .notice-list-txt {margin-bottom: 2.5rem;}
	
	.recruit-notice-list .notice-list-item .btn-area {display: flex; gap: 0 1rem;}
	.recruit-notice-list .notice-list-item .recruit-notice-btn {width: 16rem; height: 4.5rem; padding: 0 1.5rem; transition: var(--transition-custom);}
	.recruit-notice-list .notice-list-item .recruit-notice-btn .cm-fill {display: none;}
	.recruit-notice-list .notice-list-item .recruit-notice-btn + .recruit-notice-btn {margin-top: 0;}
	
	.recruit-notice-list .notice-list-item .recruit-notice-btn:hover {background-color: var(--main-color);}
}

@media all and (max-width: 640px) {
	.category-select-area {width: 100%; flex-wrap: wrap;}
	.recruit-content .category-select-box {width: calc(50% - 0.6rem);}
}

@media all and (max-width: 480px) {
	.recruit-process-list .process-list-item .icon-box {width: 6rem; height: 6rem;}
	.recruit-process-list .process-list-item .list-item-txt {font-size: 1.6rem;}
}

@media all and (min-width: 801px) {
	.recruit-content .cm-btn-full .cm-fill {background: var(--main-color);}
}

/* ******************  About Us :: 유진소식 ********************** */
.resource-for-slide {max-height: 45.8rem; margin: 0 -2rem 4rem -2rem;}
.resource-for-slide .slick-slide {margin: 0 2rem;}
.resource-for-slide li a {display: flex;}
.resource-for-slide li a .txt-box {width: calc(50% - 6rem); margin-right: 6rem;}
.resource-for-slide li a .img-box {position: relative; width: 50%; height: 0; padding-top: 31.806%;}
.resource-for-slide li a .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; border-radius: 2rem;}
.resource-for-slide .cm-category {margin-bottom: 3.3rem;}
.resource-for-slide .cm-con-tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 1.5rem;}
.resource-for-slide .cm-con-txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 3rem;}

.resource-nav-slide-wrap {padding: 3rem 2.5rem; background-color: #f5f5f5; border-radius: 2rem; box-sizing: border-box;}
.resource-nav-slide {display: flex !important; max-height: 24rem; margin: 0 -1.4rem;}

.resource-nav-slide .nav-slide {cursor: pointer; padding: 3rem 2.5rem; margin: 0 1.4rem; border-radius: 1rem; box-sizing: border-box; transition: var(--transition-custom);}
.resource-nav-slide .cm-category {margin-bottom: 1rem; padding: 0.6rem 1.25rem; font-size: 1.3rem; font-weight: 700;}
.resource-nav-slide .nav-slide-txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0.9rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.5; color: #565656}
.resource-nav-slide .date {font-size: 1.6rem;}
.resource-nav-slide .nav-slide.slick-current {background-color: #fff;}

.resource-con02 {padding: 12rem 0 18rem;}
.resource-link-list {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 7.5rem 6rem; margin: 0 0 11.5rem 0;}
.resource-link-list .list-item .img-box {position: relative; margin-bottom: 2.5rem; width: 100%; height: 0; padding-top: 63.637%; border-radius: 1rem; overflow: hidden; background-color: #fff;}
.resource-link-list .list-item .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; transition: var(--transition-custom);}
.resource-link-list .list-item .txt-box {padding: 0 0.5rem;}
.resource-link-list .list-item-txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 1.4rem; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.5; color: #060606;}
.resource-link-list .cm-category {margin-bottom: 2.5rem; padding: 0.6rem 1.26rem; font-size: 1.3rem; font-weight: 700; letter-spacing: -0.04em;}

.resource-content .fakeform-selectbox .select-title {background-color: #fff;}
.resource-content .paging-style05 .paging a {background-color: #f0f0f0;}

@media all and (min-width: 801px) {
	.resource-link-list .list-item .img-box:hover img {transform: scale(1.05);}
}

/* @media all and (max-width: 1279px) {
	.resource-for-slide {height: 35.3rem;}
} */

@media all and (max-width: 800px) {
	.resource-con01 {padding-bottom: 6rem;}
	.resource-for-slide {flex-direction: column; max-height: 73rem;}
	.resource-for-slide li a {flex-direction: column-reverse;}
	.resource-for-slide li a .txt-box {width: 100%; margin-right: 0;}
	.resource-for-slide li a .img-box {width: 100%; margin-bottom: 4rem; padding-top: 63.613%;}
	.resource-for-slide .cm-category {margin-bottom: 2rem;}
	.resource-for-slide .cm-con-tit {font-size: 3rem;}
	.resource-for-slide .cm-con-txt {margin-bottom: 1.5rem; font-size: 1.8rem;}
	
	.resource-nav-slide {flex-direction: column; margin: 0 -1.4rem;}
	/* .resource-nav-slide .slick-track {display: flex; flex-wrap: wrap; width: 100% !important; transform: none !important;}
	.resource-nav-slide .nav-slide {width: calc(50% - 2.8rem); margin: 1.4rem;} */
	
	.resource-con02 {padding: 6rem 0 8rem 0;}
	.resource-link-list {grid-template-columns: repeat(2, 1fr); grid-gap: 5rem 3rem; margin: 0 0 5rem 0;}
	.resource-link-list .cm-category {margin-bottom: 1.5rem;}
	.resource-link-list .list-item-txt {font-size: 1.8rem;}
	.date {font-size: 1.5rem;}
}

/* @media all and (max-width: 480px) {
	.resource-nav-slide .nav-slide {width: 100%; margin: 1.4rem 0;}
} */

/* 검색폼 07 */
.board-search-box-style07-wrapper{display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; flex-wrap:wrap; gap: 2rem; margin-bottom: 4rem;}
 
/* -------- 우측 카테고리 -------- */
.category-select-box{width:14.2rem;}
.category-select-box .board-search-inner{border-radius:3rem;}
.category-select-box .board-custom-select-box{width:100%;}
.category-select-box .board-custom-select-box .custom-select-trigger{border-radius:3rem;}
.category-select-box .search-subject-select{width:100%;}
 
 
/* ***********************
    *   페이크폼 스타일 추가css 
*********************** */
/* Style07 :: 임시 css */
/* .fakeform-selectbox .select-title{text-indent: 2.5rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.04em; color: #333; line-height:4.8rem; background: #fff;} */
.custom-select-wrapper .custom-select { position: relative; display: block; }
.custom-select-trigger { position: relative; display: block; width: 100%; padding:0 15px; color: #333; line-height: 40px; cursor: pointer; transition: all 0.2s ease-in-out; font-size:15px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-select-trigger:after{ font-family: 'xeicon'; position:absolute; top:50%; right:2rem !important; transform:translateY(-50%); content: "\e942"; font-size:2rem; }
.custom-select.opened .custom-select-trigger:after{ content: "\e945"; }
.custom-option-drop-list { position: absolute; display: none; top: 100%; left: 0%; right: 0; z-index:11; overflow-y:auto; max-height:200px; background: #fff; border:1px solid #ccc; border-top:0; pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-option-item { position: relative; display: block; text-align: left; font-size: 0.8666em; font-weight: 400; padding: 8px 15px; color: #555; line-height: 1.5; cursor: pointer; transition: all 0.05s ease-in-out; }
.custom-option-item:hover { background:#f2f2f2; }
.custom-option-item.selection{ color:#000;  }
/* ****************** Style07 :: SEARCH BOX ********************** */
.board-search-box-style07{text-align:center; width:42rem;}
.board-search-box-style07 .board-custom-select-box{width:12.5rem; height:100%; }
.board-search-box-style07 .board-search-inner{display:flex; align-items:center; max-width:42rem; height:5rem; margin:0px; box-sizing:border-box; background-color:#fff; border-radius:2.5rem;}
.board-search-box-style07 .board-search-inner:after{display:none;}
.board-search-box-style07 .search-subject-select,
.board-search-box-style07 .search-word{height:100%; background-color:transparent; border:0; font-size:1.5rem; font-weight: 500; color:#333; letter-spacing:-0.04em;}
.board-search-box-style07 .search-subject-select{position: relative; display: block;}
.board-search-box-style07 .search-subject-select:not(.custom-select){padding-left:1em;}
.board-search-box-style07 .search-word{width:100%; border-right:0;  text-indent: 1rem;}
.board-search-box-style07 .search-subject-select + .search-word,
.board-search-box-style07 .board-custom-select-box + .search-word{width:calc(100% - 17rem); border-left:1px solid #ddd; }
.board-search-box-style07 .search-subject-select:focus,
.board-search-box-style07 .search-word:focus{color:#333; outline:none; background-color:transparent;}
.board-search-box-style07 .search-word::placeholder{font-size: 1.5rem; font-weight: 500; letter-spacing: -0.04em; color:#a6a6a6;}
.board-search-box-style07 .search-word::-webkit-search-cancel-button{display:none;}
.board-search-box-style07 .bbs-search-btn{display: flex; align-items: center; justify-content: center; margin:0px; border:0; width:3rem; height:3rem; font-size:2rem; color:#333; cursor:pointer; border-radius:50%;}
.board-search-box-style07 .search-subject-select + .search-word,
.board-search-box-style07 .board-custom-select-box + .search-word{border-left:0;}
.board-search-box-style07 .board-custom-select-box .custom-select-trigger{position: relative; padding: 0 1.5rem 0 2.5rem; z-index:12; background:#fff; border-radius:2.5rem 0 0 2.5rem; width:100%; box-sizing:border-box; cursor:pointer; line-height: 4.8rem; border: none; text-align: left; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.04em; color: #333;}
.board-search-box-style07 .board-custom-select-box .custom-option-drop-list{left:0; right: 0; top:2.5rem; border:1px solid #f5f5f5; padding-top:2.5rem; border-radius: 0 0 1.5rem 1.5rem; z-index: 11;}
.board-search-box-style07 .board-custom-select-box .custom-option-drop-list{background-color: #f5f5f5;}
.board-search-box-style07 .board-custom-select-box .custom-option-item{padding-left: 2.5rem; padding-right: 2.5rem;}
.board-search-box-style07 .board-custom-select-box .custom-option-item.selection{background-color:#eee; font-weight: 700;}

.board-search-box-style07.white-ver .board-custom-select-box .custom-option-drop-list {background-color: #fff;}

@media all and (max-width:1280px) {
	.board-search-box-style07 .board-custom-select-box {width: 12rem;}
	.board-search-box-style07 .search-subject-select {width: 12rem;}
	.board-search-box-style07 .search-subject-select + .search-word, .board-search-box-style07 .board-custom-select-box + .search-word {width: calc(100% - 16.5rem);}
}
 
@media all and (max-width:800px) {
    .board-search-box-style07{padding:0; border:0}
    .board-search-box-style07 .board-search-inner{max-width:none; }
}
/* @media all and (max-width:640px) {
	.board-search-box-style07 {margin-bottom: 2rem;}
} */
@media all and (max-width:480px) {
    /* .board-search-box-style07 .search-subject-select{width:100px}
    .board-search-box-style07 .search-subject-select + .search-word,
    .board-search-box-style07 .board-custom-select-box + .search-word{width:calc(100% - 150px);}
    .board-search-box-style07 .board-custom-select-box{width:100px;}
    .board-custom-select-box .custom-select-trigger{font-size:13px;} */
}
                        
/* ******************  About Us :: 공지사항 ********************** */
.notice-content {padding-bottom: 21rem;}
.notice-content .board-search-box-style07 .board-search-inner {background-color: #f5f5f5;}
.notice-content .board-search-box-style07 .board-custom-select-box .custom-select-trigger {background-color: #f5f5f5;}

@media all and (max-width: 800px) {
	.notice-content {padding-bottom: 10rem;}
}