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

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:6rem; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:5.8rem; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:1.8rem; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* ****************** 서브 공통 ********************** */
.cm-flex-con {display: flex !important;}
.cm-flex-con.alignCenter {align-items: center;}
.cm-flex-con .cm-flex-tit {width: 17.078%; padding-right: 5%; font-size: 3.4rem; font-weight: 800; line-height: 1.3em; letter-spacing: -0.05em; color: #222;}
.cm-flex-con .cm-flex-tit.word-break {word-break: break-all !important;}
.cm-flex-con .cm-content-flex-wrap {width: 77.923%;}

/* -------- 공통 퀵메뉴 -------- */
.cm-quick-menu {position: absolute;  top: calc(var(--sub-visual-height) + 40vh); right: 0; width: 6rem; height: 22rem;  z-index: 1000;}
.cm-quick-menu a {display: block; width: 100%; height: 100%; padding: 2.8rem 0 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #004689; border-radius: 2rem 0 0 2rem;}
.cm-quick-menu a .txt {font-size: 1.5rem; font-weight: 500; letter-spacing: -0.05em; color: rgba(255,255,255,0.5);     writing-mode: vertical-rl;}
.cm-quick-menu a .txt b {font-weight: 500; color: #fff;}
.cm-quick-menu a em {display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 3.5rem; background: rgba(255,255,255,0.15);}
.cm-quick-menu a em i {font-size: 2.1rem; color: #fff;}
.cm-quick-menu-pc.fixed {position: fixed; top: 40vh; /* transform: translateY(-50%); */}
.cm-quick-menu.cm-quick-menu-mo {display: none;}

/* ****************** 01 About Us :: 01 회사소개 ********************** */
.overview-wrapper {position: relative;}
.overview-img-con {position: absolute; top: 0; left: 0; width: 45.455%;}
.overview-img-con .area{padding: 0;}
.overview-img-con.fixed{position: fixed; top: 90px; width: 100%;}
.overview-img-con.fixed .area{padding: 0 var(--area-padding);}
.overview-img-con.fixed .overview-img-inner{width: 45.455%;}
.overview-img-con.absolute{top: auto; bottom: 0;}
.overview-img-con img {width: 100%;}
.overview-img-con .img-box.overview01 {border-radius: 0 4.5rem 0 0; overflow: hidden;}
.overview-img-con .img-box.overview04 {position: relative; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; position: relative; text-align: left; padding: 13.2% 0;}
.overview-img-con .img-box.overview04 > span {position: absolute; top: -24.3%; right: 0; display: inline-block; width: 65.715%;}
.overview-img-con .img-box.overview04 .txt-box {position: absolute;}
.overview-img-con .img-flex {display:flex;}
.overview-img-con .img-flex .overview02 {width: 64.708%; padding-right: 2.143%;}
.overview-img-con .img-flex .overview03 {width: 36.03%;}
.overview-img-txt {font-size: 1.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.009em; color: #555; padding-top: 1rem;}
.overview-img-txt > em {font-weight: 400;}
.overview-img-txt02 {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.37em; color: #888;}
.overview-img-tit {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.009em; line-height: 1.44em; color: #333; padding-bottom: 1.3rem;}

.overview-info-con {float: right; width: 43.507%; display: flex; gap: 0 1.5rem;}
.overview-info-con .info-list-box {display: flex; flex-direction: column; gap: 1.5rem 0; width: 50%;}
.overview-info-con .info-list-box.ma90 {margin-top: 13.5%;}
.overview-info-con .info-list-box .info-list {background-color: #f6f6f6; border-radius: 4rem; box-sizing: border-box; padding: 13% 15%;}
.overview-info-con .info-list-box .info-list > span {display: inline-block; padding-bottom: 2rem;}
.overview-info-con .info-list-box .info-list > span i {font-size: 2.4rem; color: #76b729;}
.overview-info-con .overview-info-tit {font-size: 2.2rem; font-weight: 700; line-height: 1.2em; letter-spacing: -0.025em; color: #222; padding-bottom: 5rem;}
.overview-info-con .overview-info-txt {font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.025em; color: #555;}


/* ****************** 01 About Us :: 02 비전 ********************** */
.vision-our-con {width: 100%; padding-bottom: 6.5552%; background: center / cover no-repeat url("/images/content/vision_map_bg.jpg")}
.vision-our-con .our-tit-box {text-align: center;}
.vision-our-con .our-tit {font-size: 4rem; font-weight: 700; line-height: 1.4em; letter-spacing: -0.025em; color: #222; text-transform: uppercase;}
.vision-our-con .our-st {font-size: 2.4rem; font-weight: 500; line-height: 1.2em; letter-spacing: -0.05em; color: #555; padding-top: 2.5rem;}

.vision-our-con .our-img-list-box {display: flex; gap: 0 7.143%; max-width: 1400px; margin: 10rem auto 0 auto;}
.vision-our-con .our-img-list-box .our-img-list {position: relative; width: 33.333%; height: 0; padding-top: 41.429%; border-radius: 4.5rem; overflow: hidden;}
.vision-our-con .our-img-list-box .our-img-list:first-child {background: center / cover no-repeat url("/images/content/vision_our_img01.jpg"); margin-top: 5.5%;}
.vision-our-con .our-img-list-box .our-img-list:nth-child(2) {background: center / cover no-repeat url("/images/content/vision_our_img02.jpg");}
.vision-our-con .our-img-list-box .our-img-list:last-child {background: center / cover no-repeat url("/images/content/vision_our_img03.jpg"); margin-top: 5.5%;}
.vision-our-con .our-img-list-box .our-img-list .txt-box {position: absolute; top: 7.5%; left: 12.3%; padding-right: 7%;}
.vision-our-con .our-img-list-box .our-img-bold-txt {font-size: 3rem; font-weight: 700; line-height: 1.2em; letter-spacing: -0.025em; color: #fff;}
.vision-our-con .our-img-list-box .our-img-txt {font-size: 1.7rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: rgba(255, 255, 255, 0.8); padding-top: 1.7rem;}
.vision-our-con .white-txt-box {background-color: #fff; border-radius: 6rem; width: 90%; margin: 10rem auto 0 auto;}
.vision-our-con .white-txt-box > p {font-size: 2.6rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.05em; color: #222; padding: 4rem; text-align: center;}

.vision-policy-con {margin-top: 14.8rem;}
.vision-policy-con .cm-flex-con {align-items: center; border-bottom: 1px dashed #ccc; padding: 2rem 0;}
.vision-policy-con .cm-flex-con:first-of-type {padding-top: 0;}
.vision-policy-con .cm-flex-con:last-child {margin-bottom: 11rem;}
.vision-policy-con .cm-flex-tit {font-size: 3.6rem; font-weight: 700; line-height: 1.22em;}
.vision-policy-con .cm-flex-tit.blue {color: #004689;}
.vision-policy-con .cm-flex-tit.green {color: #76b729;}
.vision-policy-con .policy-round-box {display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 6rem; height: 12rem;}
.vision-policy-con .policy-round-box.blue {background-color: rgba(0, 70, 137, 0.05)}
.vision-policy-con .policy-round-box.green {background-color: rgba(118, 183, 41, 0.08)}
.vision-policy-con .policy-round-box .round-box-txt {font-size: 2.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; 
color: #222; text-align: center; padding: 0 2rem;}
.vision-policy-con .policy-round-box .round-box-txt em {font-weight: 700; color: #004689;}

.policy-slogan-content {border-radius: 6rem; overflow: hidden;}
.policy-slogan-content .slogan-tit {display: flex; align-items: center; justify-content: center; height: 7rem; font-size: 2.4rem; font-weight: 700; line-height: 1.3em; letter-spacing: 0.1em; color: #fff; background-color: #004689;}
.policy-slogan-content .slogan-nice-box {text-align: center; padding: 4.8rem 2rem; background-color: #f6f6f6;}
.policy-slogan-content .nice-tit {font-size: 6.2rem; font-weight: 700; color: #000; padding-bottom: 2rem;}
.policy-slogan-content .nice-txt {font-size: 2rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.025em; color: #888;}
.policy-slogan-content .nice-txt strong {color: #555;}
.policy-slogan-content .nice-txt strong.paLeft {padding-left: 1.2rem;}
.policy-slogan-content .nice-txt em {padding: 0 1.7rem 0 1.3rem;}
.policy-slogan-content .nice-blue-txt {font-size: 2.8rem; font-weight: 700; line-height: 1.57em; letter-spacing: -0.05em; color: #004689; padding-top: 4.5rem;}
.policy-slogan-content .slogan-list-box {display: flex; gap: 0 1rem; margin-top: 1rem;}
.policy-slogan-content .list-box-inner {display: flex; align-items: center; width: 50%; background-color: #f6f6f6; padding: 3.2rem 6rem; box-sizing: border-box;}
.policy-slogan-content .slogan-list-tit {font-size: 2.4rem; font-weight: 700; line-height: 1.33em; letter-spacing: -0.05em; color: #222; 
min-width: 31.58%; padding-right: 3rem;}
.policy-slogan-content .slogan-list-wrap {width: calc(68.43% - 3rem);}
.policy-slogan-content .slogan-list {position: relative; font-size: 1.7rem; font-weight: 400; line-height: 1.88em; letter-spacing: -0.025em; 
color: #555; padding-left: 1.2rem;}
.policy-slogan-content .slogan-list::before {position: absolute; content: ""; top: 1.3rem; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; 
background-color: #999;}


/* ****************** 01 About Us :: 03 연혁 ********************** */
.history-top-con {position:relative; max-width:1540px; height:50rem; margin:0 auto; z-index:9}
.history-top-con .con-box {position:absolute; top:16rem; left: 6rem; background-color:#004689; color: #fff; padding:6.4rem 7rem 5.8rem 5rem; height:40rem; box-sizing: border-box; border-radius: 0 8rem 0 0;}
.history-top-con .con-box .inner {position:relative; height:100%;}
.history-top-con .con-box .sub-tit {font-size:2.1rem; font-weight:700;}
.history-top-con .con-box .tit {display:block; font-size:7rem; font-weight: 700; color: #fff; margin-top:4.3rem;}
.history-top-con .con-box .year-box {position:absolute;bottom:0px; left:0; display:flex; margin:0 -1.1rem; }
.history-top-con .con-box .year-box .year { font-size:2rem;  letter-spacing:-0.025em; color: rgba(255, 255, 255, 0.2);  padding:0 1.1rem; cursor:pointer; transition: all 0.4s;}
.history-top-con .con-box .year-box .year em {position:relative; display:block; font-weight:800; padding-bottom:1.2rem;}
.history-top-con .con-box .year-box .year em:before {content:""; width:0; height:2px; background-color:#f9f6f7; position:absolute; left:50%; bottom:0; transition: all 0.4s;}
.history-top-con .con-box .year-box .year:hover ,
.history-top-con .con-box .year-box .year.on  {color: #fff;}

.history-top-con .con-box .year-box .year:hover em,
.history-top-con .con-box .year-box .year.on em {font-style: italic;}

.history-top-con .con-box .year-box .year:hover em:before ,
.history-top-con .con-box .year-box .year.on em:before {width:100%; left:0;}

.history-top-con .bg {display:block; height:100%; background:url("/images/content/history_banner.jpg") no-repeat 70% center / cover;}
.history-top-con .bg {position: relative; z-index: -1;}
.history-top-con .bg strong {position: absolute; right: 6rem; bottom: 5.2rem; font-size: 2.4rem; font-weight: 700; line-height: 1.33em; color: #fff; text-align: right;}

.company-history {position:relative; padding-top:14.4rem; padding-bottom: 4.5rem;}
.company-history-wrapper {position:relative; padding-bottom:14.8rem; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}

.company-history-wrapper:before{position:absolute; top:3px; height:100%; width:2px; left:50%; margin-left:-1px; background-color:rgba(0,0,0,0.1); content:"";}
.company-history-wrapper:last-child {padding-bottom:0}


.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:0; width:10px; height:10px;  background-color:#000; border:12px solid #fff; border-radius: 50%; content:"";  transition:background 0.4s;}

.company-history-info .history-item{position:relative;  margin-bottom:3.8rem; word-break:keep-all}
.company-history-info .history-item:last-child {margin-bottom: 0;}
.company-history-info .history-month{position:absolute; top:0px; font-size:2.2rem; line-height: 1.18;  letter-spacing: -0.05em; font-weight:700; color:#222;}
.company-history-info .history-txt{ position:relative; display:flex; font-size:1.6rem; font-weight: 400; line-height: 1.6; letter-spacing:-0.05em; color: #555; margin-top:0.5rem;}
.company-history-info .history-txt > em {font-size: 1.6rem; font-weight: 700; line-height: 1.6em; letter-spacing: -0.05em; color: #555; min-width: 3rem; padding-right: 1rem;}
.company-history-info .history-month + .history-txt {margin-top:0}
.company-history-year {position:absolute; top:-5px;  font-size:6rem; letter-spacing: -0.025em; color:#222; font-weight: 700;  font-style: italic; transition: color 0.4s;}

.company-history-wrapper.on .company-history-info-box::before {background-color: #004689;}
.company-history-wrapper.on .company-history-year {color: #004689;}

/* ****************** 01 About Us :: 04 주요 고객사 ********************** */
.partners-banner-con {position: relative; width: 100%; height: 0; padding-top: 18.182%; background: center / cover url("/images/content/partners_banner.jpg"); border-radius: 4rem; margin-bottom: 8.8rem;}
.partners-banner-con .txt-box {max-width: 1320px; margin: 0 auto; padding: 0 11rem;}
.partners-banner-con .banner-txt {position: absolute; top: 50%; transform: translateY(-50%); font-size: 4.6rem; font-style: italic; font-weight: 700; line-height: 1.13em; color: #004689; text-transform: uppercase;}
.partners-list-box {display: flex; flex-wrap: wrap; gap: 4rem 0;}
.partners-list-box li {position: relative; width: 20%; height: 0; padding-top: 8.334%; display: flex; align-items: center; justify-content: center;}
.partners-list-box li img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; padding: 2rem; box-sizing: border-box;}

.partners-wrapper .cm-flex-con .cm-flex-tit {margin-top: 2rem;}
.partners-wrapper .cm-flex-con {padding: 6rem 0; border-bottom: 1px solid #ddd;}
.partners-wrapper .cm-flex-con:last-child {border-bottom: none !important;}
/* .partners-wrapper .cm-flex-con:nth-child(2) {padding: 0;}
.partners-wrapper .cm-flex-con:last-child {padding: 9rem 0 0 0;} */
.partners-wrapper .cm-flex-con:first-child {padding-top: 0;}

/* ****************** 01 About Us :: 05 CEO 인사말 ********************** */
.greeting-page{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.greeting-img{max-width: 66rem; width: 45.45%;}
.greeting-img img{max-width: 100%;}
.greeting-txt{width: 45.45%;}
.greeting-txt .txt01{font-size: 3.8rem; line-height: 1.44; letter-spacing: -0.025em; color: #222;}
.greeting-txt .txt01 b {font-size: 5.8rem; color: #004689;}
.greeting-txt .txt02{margin-top: 6rem; font-size: 1.75rem; line-height: 1.52; letter-spacing: -0.05em; color: #555;}
.greeting-txt .txt02 b{font-weight: 700;}
.greeting-txt .txt03{margin-top: 5rem; font-size: 1.8rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.025em; color: #222; display: flex; align-items: end;}
.greeting-txt .txt03 span{display: inline-block; margin-left: 2.5rem; }

/* ****************** 01 About Us :: 07 오시는 길 ********************** */
.location-map-box{position: relative; height:0; padding-top:32.53%; margin-bottom:5.2rem; }
.location-map-box iframe{position: absolute; top:0; left:0; width:100%; height:100%; }
.location-map-box .root_daum_roughmap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.location-map-box .root_daum_roughmap .wrap_map{height:100%}
.location-info-box .tit-box .left-box{float:left;}
.location-info-box .tit-box .left-box .tit{display: inline-block; font-size:3.6rem; line-height:1.38; letter-spacing:-0.075em; color:#333; margin-right:0.8rem;}
.location-info-box .tit-box .left-box .sub-tit{font-size:1.8rem; line-height:2.77; letter-spacing:-0.025em; color:#c4c4c4; }
.location-info-box .tit-box .right-box{float:right; display: flex;}
.location-info-box .tit-box .right-box a{display: flex; justify-content:space-between; align-items:center; width:15.6rem; height:5rem; line-height:5rem; padding:0 1.9rem; margin-left:0.9rem; box-sizing:border-box;}
.location-info-box .tit-box .right-box a i{font-size:1.8rem;}
.location-info-box .tit-box .right-box a span{font-size:1.5rem;}
.location-info-box .tit-box .right-box a.naver-link{background:#20c003; color:#fff;}
.location-info-box .tit-box .right-box a.kakao-link{border:1px solid rgba(203,203,203,0.4); color:#333;background: #fae100;}
.location-info-box .tit-box .right-box a.kakao-link i{color: #007dff;}

.location-info-box .tit-box .right-box a:hover {border-radius: 60px; transition:all 1s;}

.location-info-box .info-box{border-top:1px solid rgba(79,79,79,0.2); padding-top:3rem; margin-top:2rem;}
.location-info-box .info-box .txt{position: relative; font-size:1.6rem; line-height:1.5; letter-spacing:-0.065em; color:#666; padding-left:3rem; margin-bottom:2rem;}
.location-info-box .info-box .txt:last-child{margin-bottom:0;}
.location-info-box .info-box .txt:before{position: absolute; font-family:'xeicon'; font-size:1.6rem; color:#666; opacity:0.5; left:0; top:-1px;}
.location-info-box .info-box .location-txt:before{content:'\eb58';}
.location-info-box .info-box .tel-txt:before{content:'\e9d3';}
.location-info-box .info-box .fax-txt:before{content:'\e9bc';}
.location-info-box .info-box .email-txt:before{content:'\ea06';}

.active-section .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

/* ****************** 01 About Us :: 06 글로벌 네트워크 ********************** */
.about-global {width: 100.524%;}
.global-wrapper .cm-flex-con {margin-top: 9rem; padding-bottom: 14rem;}
.global-wrapper .global-map-con {position: relative; width: 100%; height: 800px; left: 0; background: center / cover no-repeat url("/images/content/global_map.jpg")}
.global-wrapper .nation-circle {width: 80px; height: 80px;}
/* .global-wrapper .global-map-con > img {position: static; margin-top: 0; margin-left: 0; max-width: none; width: 100%; height: 100%;}
.global-wrapper .global-map-con > img, */
.global-wrapper .nation-circle.nation-circle1,
.global-wrapper .nation-circle.nation-circle2,
.global-wrapper .nation-circle.nation-circle3,
.global-wrapper .nation-circle.nation-circle4,
.global-wrapper .main-global-txt-con,
.global-wrapper .nation-circle.nation-circle1 .wave-group {opacity: 1;}
.global-wrapper .nation-circle .wave-group > span {width: 80%; height: 80%; border:1rem solid rgb(118,183, 41) ;}
.global-wrapper .nation-circle > p {background-color: #004689; color: #fff;}
.global-wrapper .nation-circle.nation-circle1 {margin-left: -11%; margin-top: -4.2%;}
.global-wrapper .nation-circle.nation-circle2 {margin-left: -14.8%; margin-top: -1.2%;}
.global-wrapper .nation-circle.nation-circle3 {margin-left: 18.5%; margin-top: -1.5%;}
.global-wrapper .nation-circle.nation-circle4 {margin-left: -8.5%; margin-top: -4.2%;}

.global-wrapper .nation-circle.nation-circle1 p {background-color: #76b729;}
.global-wrapper .nation-circle.nation-circle3 p {margin-top: -2.25rem; margin-left: -19rem;}
.global-wrapper .nation-circle.nation-circle4 p {margin-top: -2.25rem; margin-left: 3rem;}
.global-wrapper .nation-circle .marker-circle {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.global-wrapper .nation-circle.nation-circle1 .marker-circle {top: 43%;}
    
.global-wrapper .nation-circle .wave-group > span {animation: nation-circle 3s linear infinite; left: 0.5rem;}
.global-wrapper .nation-circle .wave-group > span:nth-child(1) {animation-delay: 0.5s;}
.global-wrapper .nation-circle .wave-group > span:nth-child(2) {animation-delay: 1s;}
.global-wrapper .nation-circle .wave-group > span:nth-child(3) {animation-delay: 1.5s;}


.global-wrapper .global-location-left-box {width: 17.078%; padding-right: 5%;}
.global-wrapper .cm-flex-con .cm-flex-tit {width: 100%; padding-right: 0;}
.global-wrapper .global-location-left-box .location-info-box {margin-top: 4rem;}
.global-wrapper .global-location-left-box .location-info {width: 100%; height: 5rem; background-color: #f6f6f6; border-radius: 2.5rem; display: flex; align-items: center; justify-content: space-between; padding: 0 2.5rem; box-sizing: border-box; margin-bottom: 1rem;}
.global-wrapper .global-location-left-box .location-info:last-child {margin-bottom: 0;}
.global-wrapper .global-location-left-box .location-info .info-txt {font-size: 1.4rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.5em; color: #555;}
.global-wrapper .global-location-left-box .location-info .num {font-size: 1.4rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.5em; color: #004689;}
.place-tit-box {display: flex; align-items: center; justify-content: space-between; padding-bottom: 2.2rem;}
.blue-circle-tit {position: relative; font-size: 2.4rem; font-weight: 700; line-height: 1.33em; color: #222; padding-left: 2rem;}
.blue-circle-tit::before {position: absolute; content: ""; top: 1rem; left: 0; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 3px solid #004689; box-sizing: border-box;}
.place-tit-box .place-tit-icon-box {display: flex; align-items: center; gap: 0 3rem;}
.place-tit-box .place-tit-icon-box .place-tit-icon {display: flex; align-items: center; font-size: 1.4rem; font-weight: 400; line-height: 1.33em; letter-spacing: -0.025em; color: #888;}
.place-tit-box .place-tit-icon-box i {font-size: 2rem; color: #bbb; margin-right: 1rem;}

@media all and (max-width: 800px) and (min-width: 481px) {
	    .global-wrapper .spidochescaler-container {transform: scale(1) !important; height: auto !important;}
}

/* ****************** 02 PRODUCTS & BUSINESS ********************** */
/* 공통 상단 메뉴 */
.product-page {position: relative;}
.product-top-con {position: relative; padding-bottom: 15rem;}
.product-top-con .product-bg-txt {position: absolute; top: 0; width: 112%; text-align: right; transform: translateX(100%); font-size: 36rem; font-weight: 700; letter-spacing: -0.05em; line-height: 0.9; color:#f2f4f7; z-index: -1; transition: 0.8s ease-in;}
.product-top-con .product-menu-con {margin-bottom: 5.5rem;}
.product-top-con .product-menu-con .prd-menu {position: relative; float: left; font-size: 2.2rem; font-weight: 700; line-height: 1.2; color: #004689; padding-bottom: 1rem;}
.product-top-con .product-menu-con .prd-menu.menu2 {text-transform: uppercase;}
.product-top-con .product-menu-con .prd-menu.menu3 {padding:0 4rem 1rem; }
.product-top-con .product-menu-con .prd-menu.menu3:before { position: absolute; content: "\e93f"; left: 1rem; top: 2px; color: #888888; font-size: 2rem; font-family: xeicon;}
.product-top-con .product-menu-con .prd-menu .cur-location {position:relative; display:block; width: 100%; height: 100%;}
.product-top-con .product-menu-con .prd-menu .cur-location span {font-size: 2.2rem; font-weight: 700; color: #004689; line-height: 1.2; }
.product-top-con .product-menu-con .prd-menu .cur-location .arrow {position: relative; font-size: 2rem; color: #004689; top: 1px;}
.product-top-con .product-menu-con .prd-menu .location-menu-con {display:none; position:absolute; top:100%; left:3rem; z-index:11; width: 210px; padding: 1rem 0;  border: 1px solid #004689; background-color: #fff; border-radius: 1rem; -webkit-box-shadow:1rem 1rem 3rem  rgba(0,0,0,0.08);-moz-box-shadow: 1rem 1rem 3rem  rgba(0,0,0,0.08);box-shadow: 1rem 1rem 3rem  rgba(0,0,0,0.08); z-index: 10;}
.product-top-con .product-menu-con .prd-menu .location-menu-con li a {display: block; padding: 0.8rem 2rem; font-size: 1.6rem; font-weight: 500; color: #222;}
.product-top-con .product-menu-con .prd-menu .location-menu-con li.on a {color: #004689; font-weight: 700;}
.product-tit-con .product-tit {font-size: 6rem; font-weight: 700; line-height: 1.2; color: #222222;}
.product-tit-con .product-tit-kr {font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; color: #888888; line-height: 1.75; padding-top: 1rem;} 
.product-top-con.animated  .product-bg-txt  {transform: translateX(0);}

/* 공통 소개 */
.product-intro-con {padding-bottom: 9rem;}
.product-intro-con .product-intro-img {overflow: hidden;}
.product-intro-con .product-intro-img img {max-width: 100%;}
.product-intro-con.animated .product-intro-img img { animation: image-zoom-out 3s 0s forwards;}
.product-intro-txt-con {display: flex; padding-top: 5rem;}
.product-intro-txt-con .product-intro-tit {width: 25%; font-size: 3.2rem; font-weight: 800; letter-spacing: -0.05em; color: #222222; line-height: 1.5;}
.product-intro-txt-con .product-intro-txt-box {width: 78%; padding-left: 3rem;}
.product-intro-txt-con .product-intro-txt-box 	.product-intro-txt01 {font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; color: #222222; line-height: 1.5;}
.product-intro-txt-con .product-intro-txt-box 	.product-intro-txt02 {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #555555; line-height: 1.875; padding-top: 1.5rem;}

/* 이미지 슬라이드 */
.product-img-slide {margin-bottom: 15rem; position: relative;}
.product-img-list {margin: 0 -2rem;}
.product-img-list li {margin: 0 2rem;}
.product-img-list li img {max-width: 100%;}
.product-arrow-box {position: absolute; width: 100%; height: 5rem; top: 50%; left: 0; transform: translateY(-50%);}
.product-arrow-box button {position: absolute; top: 0;display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50%; border: 1px solid #dddddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.9rem; color: #999999;}
.product-arrow-box .arrow-prev {left: -9rem;}
.product-arrow-box .arrow-next {right: -9rem;}

/* 자동차용 통합 display - 제품정보 */
.product-con-tit {display: flex; align-items: end; justify-content: space-between; margin-bottom: 4rem;}
.product-con-tit .tit {font-size: 3.4rem; font-weight: 800; letter-spacing: -0.05em; color: #222222; line-height: 1.2;}
.product-info-con-wrap {padding: 9rem 0; background: #f3f3f3;}
.product-info-con {display: flex;}
.product-info-con .product-info-box {width: 50%; padding-right: 7rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-info .prd-img img {max-width: 100%;}
.product-info .prd-spec-box {padding-top: 2.5rem;}
.product-info .prd-spec-box .tit {display: block; font-size: 2rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.3; margin-bottom: 1rem;}
.product-info .prd-spec-box .prd-spec {display: flex; flex-wrap: wrap;}
.product-info .prd-spec-box .prd-spec li {position: relative; padding-left: 1rem; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.025em; color: #555555; line-height: 1.6; margin-bottom: 0.5rem;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-info .prd-spec-box .prd-spec li:before {position: absolute; content: ''; top: 10px; left: 0; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; background: #555555;}
.product-info .prd-spec-box .prd-spec li:nth-child(even) {width: 54.2%;}
.product-info .prd-spec-box .prd-spec li:nth-child(odd) {width: 45.8%;}

.product-info-con .product-list-wrap {width: 50%; height:50rem;}
.product-info-con .product-list { padding-left: 4rem; box-sizing: border-box;}
.product-info-con .product-list li {width: 100%; height: 6rem;}
.product-info-con .product-list li a {display: flex; align-items: center;  height: 100%; padding: 0 3rem; border-radius: 4rem; background: #f3f3f3; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s;}
.product-info-con .product-list li a span {position: relative; display: inline-block; width: 3rem; height: 3rem; border-radius: 3rem; background: #cccccc;  transition: all 0.3s;}
.product-info-con .product-list li a span:before {position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 1.8rem; color: #0e3d7e; font-family: xeicon;}
.product-info-con .product-list li a strong {display: inline-block; margin-left: 3rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; color: #333333; line-height: 1.3;}
.product-info-con .product-list li a em {display: inline-block; margin-left: 2rem; font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #333333; line-height: 1.3;}

.product-info-con .product-list li.selected {height: 8rem;}
.product-info-con .product-list li.selected a {background: #0e3d7e;}
.product-info-con .product-list li.selected a span {background: #fff;}
.product-info-con .product-list li.selected a span:before {content: '\e929';}
.product-info-con .product-list li.selected a strong {font-size: 2.4rem; color: #fff; font-weight: 400;}
.product-info-con .product-list li.selected a em {font-size: 2.4rem; color: #fff;}
.product-info-con .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #999 !important;}

/* Optical bonding 기술 - 제조 핵심기술 */
.product-tech-con-wrap {padding: 9rem 0; background: #f3f3f3;}
.product-con-tit span {display: inline-block; font-size: 1.6rem; font-weight: 500; color: #888888;}
.product-tech-list {display: flex; flex-wrap: wrap; margin: -1.7rem;}
.product-tech-list li {width: calc(33.33% - 3.4rem); margin: 1.7rem; min-height: 16rem;}
.product-tech-list li a {display: block; width: 100%; height: 100%; padding: 4rem 5rem 4.3rem; border-radius: 3rem; background: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; transition: all 0.3s;}
.product-tech-list li a dl {display: flex; align-items: center; margin-bottom: 2rem;}
.product-tech-list li a dl dt {font-size: 2.6rem; font-weight: 700; letter-spacing: -0.025em; color: #004689; line-height: 1.2;}
.product-tech-list li a dl dd {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #888888; line-height: 1.3; padding-left: 2rem;}
.product-tech-list li a .txt {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.025em; color: #555555; line-height: 1.66;}
.product-tech-list li a:hover {background: #76b729; -webkit-box-shadow: 1rem 1rem 3.5rem rgba(0,0,0,0.2);-moz-box-shadow: 1rem 1rem 3.5rem rgba(0,0,0,0.2);box-shadow: 1rem 1rem 3.5rem rgba(0,0,0,0.2);}
.product-tech-list li a:hover dl dt,
.product-tech-list li a:hover dl dd {color: #fff;}
.product-tech-list li a:hover .txt {color: rgba(255,255,255,0.6);}
/* 팝업 */
.prd-modal-content {position: relative; width: 96%;max-width: 800px;margin: 20px auto; border-radius: 30px; overflow: hidden;}
.prd-modal-content .modal-close-btn {top: 2.4rem; right: 2.4rem; font-size: 3rem; color: #fff;}
.prd-modal-content .prd-pop-tit {text-align: center; width: 100%; padding: 2.5rem 0; background: #004689;}
.prd-modal-content .prd-pop-tit .tit {font-size: 3rem; font-weight: 700; letter-spacing: -0.025em; color: #fff;}
.prd-modal-content .prd-pop-tit .tit span {display: inline-block; font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; line-height: 1.5; padding-left: 1.5rem;}
.prd-modal-content .prd-pop-inner-box {background: #fff; padding: 4.5rem 5rem;}
.prd-modal-content .prd-pop-inner-box .prd-pop-sub-tit {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #004689; line-height: 1.15; margin-bottom: 1.5rem;}
.prd-modal-content .prd-pop-con {max-height: 44.5rem;}

/* ****************** 03 RND :: 기술연구소 소개 ********************** */
/* .rnd-page .esg-cm-circle-tit {border-bottom: none;} */
.esg-cm-circle-tit.border-bottom-0 {border-bottom: 0;}
.rnd-intro-wrapper .cm-flex-con {margin-top: 12rem;}
.rnd-intro-wrapper .cm-flex-con:first-child {margin-top: 0;}
.rnd-intro-wrapper .about-tech-con {margin-bottom: 8rem;}
.rnd-intro-wrapper .about-tech-con:last-child {margin-bottom: 0;}
.esg-cm-circle-tit {position: relative; font-size: 2.4rem; font-weight: 700; line-height: 1.25em; letter-spacing: -0.05em; color: #222; padding-left: 2rem; padding-bottom: 2.5rem; border-bottom: 3px solid #ddd; }
.esg-cm-circle-tit::before {position: absolute; content: ""; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #fff; border: 3px solid #004689; box-sizing: border-box; top: 0.9rem; left: 0;}
/* .rnd-intro-wrapper .about-tech-con .tech-list-box {border-top: 1px solid #555;} */
.rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list {display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 3.4rem 0 3.6rem 0;}
.rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list .tit-box {width: 18.333%;}
.rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list .txt-box {width: 81.667%;}
.rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list .tit-box .tech-list-num {padding-left: 25%;}
.rnd-intro-wrapper .about-tech-con .tech-list-num {font-size: 6rem; font-weight: 700; letter-spacing: -0.025em; color: rgba(0, 70, 137, 0.2); font-style: italic;}
.rnd-intro-wrapper .about-tech-con .tech-list-tit {font-size: 1.8rem; font-weight: 500; line-height: 1.66em; letter-spacing: -0.05em; color: #222; padding-bottom: 1.7rem;}
.rnd-intro-wrapper .about-tech-con .tect-list-inner-box li {position: relative; font-size: 1.6rem; font-weight: 400; line-height: 1.8em; letter-spacing: -0.05em; color: #888; padding: 0 0 0.6rem 1rem;}
.rnd-intro-wrapper .about-tech-con .tect-list-inner-box li::before {position: absolute; content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #888; left: 0; top: 1.2rem;}

.about-certifi-view-con {margin: -2rem; display: flex; flex-wrap:wrap;}
.about-certifi-view-con .certifi-view-box {margin: 2rem; width: calc(50% - 4rem);}
.about-certifi-view-con .certifi-view-box a{display: flex; align-items: center; background-color: #f6f6f6; padding: 3rem 5rem; box-sizing: border-box; transition: all 0.5s;}
.about-certifi-view-con .certifi-view-box .img-box {position: relative; width: 30.209%;}
.about-certifi-view-con .certifi-view-box .icon-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 5.5rem; height: 5.5rem; border-radius: 50%; background-color: #004689; opacity: 0; pointer-events: none; transition: all 0.3s; z-index: 1; transition: all 0.5s;}
.about-certifi-view-con .certifi-view-box .icon-box i {color: #fff; font-size: 2.4rem;}
.about-certifi-view-con .certifi-view-box .img-box img {max-width: 100%;}
.about-certifi-view-con .certifi-view-box .txt-box {width: 59.791%; padding-left: 10%;}
.about-certifi-view-con .certifi-view-box .about-certifi-txt {font-size: 2rem; font-weight: 500; line-height: 1.5em; letter-spacing: -0.05em; color: #222;}
.about-certifi-view-con .certifi-view-box .about-link-btn {display: flex; align-items: center; justify-content: space-between; width: 16rem; height: 4.5rem; border: 1px solid #ddd; border-radius: 2.25rem; padding: 0 1.5rem; box-sizing: border-box; background-color: #fff; margin-top: 3.4rem;}
.about-certifi-view-con .certifi-view-box .about-link-btn > span {font-size: 1.4rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.025em; color: #888;}
.about-certifi-view-con .certifi-view-box .about-link-btn > i {font-size: 1.6rem; color: #888;}

.about-certifi-view-con.col-3 {margin: -1.5rem;}
.about-certifi-view-con.col-3 .certifi-view-box {margin: 1.5rem; width: calc(33.33% - 3rem);}

.about-certifi-view-con .certifi-view-box a:hover {background-color: #fff; border-color: #ddd; box-shadow: 3px 3px 30px 0 #ddd;}
.about-certifi-view-con .certifi-view-box a:hover .icon-box {opacity: 1; pointer-events: auto;}


/* ****************** 03 RND :: 연구개발 ********************** */
.research-wrapper .cm-flex-con {margin-top: 11.5rem;}
.research-wrapper .cm-flex-con:first-child {margin-top: 0;}
.research-wrapper .about-tech-con {margin-bottom: 8rem;}
.research-wrapper .cm-flex-con .about-tech-con:last-of-type {margin-bottom: 0;}
.research-develop-list-wrap {border-bottom: 1px solid #ddd; padding: 3.2rem 0 3.2rem 3rem;}
.research-develop-list-wrap.pl-0 {padding-left: 0;}
.research-develop-list-wrap.pr-0 {padding-right: 0;}
.research-develop-list-wrap.pb-4 {padding-bottom: 4rem;}
.research-develop-list-wrap .top-txt-box {padding: 0 0 0 3rem;}
.research-develop-list-wrap .develop-tit {font-size: 1.8rem; font-weight: 500; line-height: 1.66em; letter-spacing: -0.05em; color: #222; padding-bottom: 1.5rem;}
.research-develop-list-wrap .develop-tit.pb-1 {padding-bottom: 1rem;}
.research-develop-list-wrap .develop-list {position: relative; font-size: 1.6rem; font-weight: 400; line-height: 1.6em; letter-spacing: -0.05em; color: #888; padding: 0 0 0.6rem 1rem;}
.research-develop-list-wrap .develop-list::before {position: absolute; content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #888; top: 1.2955rem; left: 0;}
.research-develop-table {width: 100%; margin-bottom: 8rem;}
.research-develop-table th {background-color: #004689; color: #fff; height: 5.5rem; font-size: 1.8rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.025em; color: #fff;}
.research-develop-table th.borderRight {border-right: 1px solid #6E91B3;}
.research-develop-table th.borderBottom {border-bottom: 1px solid #6E91B3;}
.research-develop-table td {height: 5.5rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #555; padding: 0 1rem;}

.rnd-page .img-grid-list-box {display: grid; margin-top: 3.2rem; grid-gap: 0 3rem;}
.rnd-page .img-grid-list-box.three {grid-template-columns: repeat(3, 1fr)}
.rnd-page .img-grid-list-box.four {grid-template-columns: repeat(4, 1fr)}
.rnd-page .img-grid-list-box.two {grid-template-columns: repeat(2, 1fr)}
.rnd-page .img-grid-list-box .img-box img {max-width: 100%;}
.rnd-page .img-grid-list-box .img-box-tit {display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.5em; color: #555; text-align: center; border: 1px solid #ddd; border-top: none; box-sizing: border-box; height: 5rem;}

/* ****************** 04 방문신청 ********************** */
.inquiry-page {padding-bottom: 12rem;}
.inquiry-page .cm-flex-con .tit-box {width: 17.078%; padding-right: 5%;}
.inquiry-page .cm-flex-con .cm-flex-tit {width: 100%; padding-right: 0;}
.inquiry-page .inquiry-essential-txt {text-align: initial; font-size: 1.5rem; padding: 2rem 0 0 0;}
.inquiry-page .sub-tab-list-style ul {width: 50%; margin: 0 auto;}
.inquiry-page .sub-tab-content-style {margin-top: 12rem;}
.inquiry-page .inquiry-style10 .cm-btn-controls.inquiry-controls button {margin: 0 auto;}
.inquiry-page .datetimepicker-fieldset{position: relative;}
.inquiry-page .datetimepicker-fieldset i{position: absolute; top: 50%; margin-top: -1.1rem; right: 2rem; font-size: 2.4rem; color: #000;}
.inquiry-page .date-fieldset-box::before {display: none;}
.inquiry-page .fakeform-selectbox .select-title.active {border-color: #ddd;}
.inquiry-page input::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.inquiry-page .inquiry-list-con .inquiry-list {display: flex; gap: 0 2rem; margin-bottom: 2rem;}
.inquiry-page .inquiry-list-con .inquiry-list:last-child {margin-bottom: 0;}
.inquiry-page .inquiry-list-con .inquiry-list .list-box {display: flex;}
.inquiry-page .inquiry-list-con .inquiry-list .list-box .inquiry-input-box {position: relative; width: calc(100% - 12rem);}
.inquiry-page .inquiry-list-con .inquiry-list .inquiry-tit {display: flex; align-items: center; padding-top: 0; width: 12rem; height: 6rem;}


/* ****************** 05 Careers :: 채용절차 ********************** */

/*** 탭 ***/
.process-wrapper {position: relative; padding-bottom: 16rem;}
.process-wrapper .sub-tab-wrapper-style {position: absolute; bottom: auto !important; top: -11.37%;}
.process-wrapper #topMenu01 .side-menu-inner {height: var(--sub-menu-height);}
.process-wrapper #topMenu01 .side-menu-inner.top-fixed:before {width: 100%; margin-left: -50%; opacity: 1; bottom: auto;}
.process-wrapper .side-menu-inner.top-fixed {position: fixed; top: 0; z-index: 99;}
.process-wrapper .side-menu-inner ul li.selected {border-color: transparent; background-color: transparent;}
.process-wrapper .side-menu-inner ul li.selected > a {background-color: var(--main-color);}
.process-wrapper #topMenu01 .side-menu-inner ul li > a {transition: background-color 0.4s;}
.process-wrapper .side-menu-inner ul li a em {color: #fff; display: table-cell; vertical-align: middle;}

.process-step-content .top-step-list {position: relative; width: 23.808%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 4.8rem 0 4.5rem 5rem;}
.process-step-content .top-step-list img {max-width: 100%;}
.process-step-content .top-step-list:first-child {background-color: #76B729;}
.process-step-content .top-step-list:nth-child(2) {background-color: #4F9149;}
.process-step-content .top-step-list:nth-child(3) {background-color: #276C69;}
.process-step-content .top-step-list:last-child {background-color: #004689; width: 28.411%; padding-right: 5rem;}
.process-step-content .top-step-list::before {position: absolute; width: 4.4rem; height: 100%; content: ""; left: 100%; top: 50%; transform: translateY(-50%); z-index: 1;}
.process-step-content .top-step-list:first-child::before {background: center / cover no-repeat url("/images/content/recruit_procuess_arrow01.png")}
.process-step-content .top-step-list:nth-child(2)::before {background: center / cover no-repeat url("/images/content/recruit_procuess_arrow02.png")}
.process-step-content .top-step-list:nth-child(3)::before {background: center / cover no-repeat url("/images/content/recruit_procuess_arrow03.png")}
.process-step-content .top-step-list:last-child::before {display: none;}
.process-step-content .top-step-list .top-step-num {font-size: 1.6rem; font-weight: 700; line-height: 1.6em; letter-spacing: -0.025em; color: rgba(255, 255, 255, 0.4);}
.process-step-content .top-step-list .top-step-txt {font-size: 2.4rem; font-weight: 600; line-height: 1.3em; letter-spacing: -0.05em; color: #fff; padding-top: 1rem;}
.process-step-content .top-step-list .txt-box {width: calc(100% - 6.1rem); padding-right: 12%;}
.process-step-content .top-step-list .icon-box {width: 6.1rem;}
.process-step-content .top-step-list-box {display: flex; gap: 0 1.5rem;}

.process-step-content .bottom-step-list-box {border-top: 1px solid #888; border-bottom: 1px solid #888; margin-top: 5rem;}
.process-step-content .bottom-step-list .tit-box {display: flex; align-items: center; width: 35%;}
.process-step-content .bottom-step-list {display: flex; align-items: center; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 3rem;}
.process-step-content .bottom-step-list:last-child {border-bottom: none;}
.process-step-content .bottom-step-list .bottom-step-num {position: relative; font-size: 3rem; font-weight: 700; line-height: 1.3em; letter-spacing: -0.025em; color: #ccc; min-width: 11rem; padding-right: 33.5%;}
.process-step-content .bottom-step-list .bottom-step-num::before {position: absolute; content: ""; right: 25%; top: 50%; transform: translateY(-50%); width: 0.8rem; height: 1.1rem; background: center / cover no-repeat url("/images/content/process_step_arrow.jpg")}
.process-step-content .bottom-step-list .bottom-step-tit {font-size: 1.8rem; font-weight: 500; line-height: 1.5em; letter-spacing: -0.025em; color: #222; min-width: 15rem; padding-right: 18%;}
.process-step-content .bottom-step-list .bottom-step-txt {position: relative; font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.025em; color: #888; padding-left: 0.8rem;}
.process-step-content .bottom-step-list .txt-box {width: 65%; padding-left: 0.8rem;}
.process-step-content .bottom-step-list .txt-box .bottom-step-txt {width: 100%; padding-left: 0;}
.process-step-content .bottom-step-list .txt-box .bottom-step-txt::before {left: -0.8rem;}
.process-step-content .bottom-step-list .txt-box .bottom-step-txt:first-child {padding-bottom: 0.5rem;}
.process-step-content .bottom-step-list .bottom-step-txt::before {position: absolute; content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #888; top: 1rem; left: 0;}

.process-step-content .email-box {display: flex; align-items: center; justify-content: center; padding: 2.5rem 0; border-bottom: 1px solid #888;}
.process-step-content .email-box .email-tit {position: relative; font-size: 2rem; font-weight: 600; line-height: 1.7em; letter-spacing: -0.025em; color: #222; padding-right: 4rem;}
.process-step-content .email-box .email-tit::before {position: absolute; content: ""; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 60%; background-color: #ddd;}
.process-step-content .email-box .email-txt {font-size: 2rem; font-weight: 400; line-height: 1.7em; letter-spacing: -0.025em; color: #555; padding-left: 4rem;}

.careers-page .talent-con {padding: 13.2rem 0 16rem 0; background-color: #f9f9f9; margin-top: 14rem;}
.process-wrapper .schema-box img {max-width: 100%;}
.process-wrapper .talent-gray-box {position: relative; text-align: center; background-color: #ddd; border-radius: 6rem; box-sizing: border-box; padding: 4.2rem 2rem; margin-top: 8rem;}
.process-wrapper .talent-gray-box::before {position: absolute; content: ""; width: 70px; height: 10px; background: center / cover no-repeat url("../images/content/process_talent_dot.png"); left: 5%; top: 50%; transform: translateY(-50%)}
.process-wrapper .talent-gray-box::after {position: absolute; content: ""; width: 70px; height: 10px; background: center / cover no-repeat url("../images/content/process_talent_dot2.png"); right: 5%; top: 50%; transform: translateY(-50%)}
.process-wrapper .talent-gray-box .talent-gray-txt {font-size: 2.4rem; font-weight: 500; line-height: 1.5em; letter-spacing: -0.05em; color: #222}

.careers-page .process-wrapper #fixedContentM3 .flex-con-wrap {margin-top: 13.2rem;}
.benefit-banner-box {    position: relative;
    width: 100.524%;
    height: 0;
	padding-top: 23.561%;
    background: center / cover no-repeat url("../images/content/process_benefit_banner.jpg");
    background-attachment: fixed;}

.benefit-list-box {display: flex; flex-wrap: wrap; gap: 9.5rem 10rem;}
.benefit-list-box .benefit-list {width: calc(50% - 5rem);}
.benefit-list-box .benefit-list .icon-box {display: flex; align-items: center; border-bottom: 2px solid #ddd; padding-bottom: 3rem;}
.benefit-list-box .benefit-list .icon-box .icon {min-width: 7.2rem;}
.benefit-list-box .benefit-list .icon-box .icon img {max-width: 100%;}
.benefit-list-box .benefit-list .benefit-tit {width: calc(100% - 7.2rem); font-size: 2.1rem; font-weight: 600; line-height: 1.42em; letter-spacing: -0.05em; color: #222; padding-left: 4rem;}
.benefit-list-box .benefit-list .benefit-txt {font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #888; padding-top: 3rem;}

/* ****************** 05 Careers :: 채용공고 ********************** */
.recruit-wrapper {position: relative; padding-top: 50px; margin-top: -50px;}
.recruit-wrapper .recruit-nav-wrap {position: relative; width: 28rem; min-height: 52rem; padding-right: 6rem;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner {margin-top: 0; width: 28rem; background-color: #f6f6f6; border-radius: 4rem; 
padding: 3rem 2rem 2rem 2rem; box-sizing: border-box;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner.top-fixed {position: fixed; top: 120px;}
.recruit-wrapper .recruit-nav-wrap .recruit-nav-tit {width: 100%; text-align: center; font-size: 2.4rem; font-weight: 700; line-height: 1.33em; letter-spacing: -0.025em; color: #333;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner form {width: 100%;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-list-box {margin-top: 2.8rem;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-select-list {width: 100%; margin-bottom: 1rem;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-select-list:last-child {margin-bottom: 0;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-select-list select {width: 100%; height: 5.5rem; background-color: #fff; padding: 0 2rem; box-sizing: border-box; background-position: calc(100% - 20px) 50%; font-size: 1.5rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.05em; color: #888;     border-color: #ddd;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-reset-btn {display: flex; margin: 1.7rem auto 0;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-reset-btn > span {font-size: 1.4rem; font-weight: 500; line-height: 1.33em; letter-spacing: -0.05em; color: #888;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-reset-btn > i {font-size: 1.6rem; color: #999; padding-left: 1rem;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-search-btn {width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #222; border-radius: 3rem; height: 6rem; padding: 0 2rem; box-sizing: border-box; margin-top: 2rem;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-search-btn > span {font-size: 1.8rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #fff;}
.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-search-btn > i {font-size: 2.4rem; color: #fff;}

.recruit-wrapper .cm-content-flex-wrap {width: calc(100% - 34rem);}

/* ****************** 05 Careers :: 채용공고 뷰페이지 ********************** */
.recruit-view-wrapper {border-top: 3px solid #ddd; border-bottom: 1px solid #ddd;}
.recruit-view-wrapper .cm-flex-con .cm-flex-tit {font-weight: 700;}
.recruit-view-wrapper .cm-flex-con {padding: 5rem 0;}
.recruit-view-wrapper .cm-flex-con:first-child {padding-top: 8rem;}
.recruit-view-wrapper .cm-flex-con:last-child {padding-bottom: 7rem;}
.recruit-view-wrapper .view-info-list-box {display: flex;  flex-wrap: wrap; gap: 2rem 0; box-sizing: border-box; background-color: #f6f6f6; padding: 4.5rem 3.8rem;}
.recruit-view-wrapper .cm-flex-con .cm-content-flex-wrap .txt-pd-inner {padding-bottom: 3rem;}
.recruit-view-wrapper .cm-flex-con .cm-content-flex-wrap .txt-pd-inner:last-child {padding-bottom: 0;}
.recruit-view-wrapper .view-info-list-box .view-info-list {display: flex; width: calc(33.333% - 2rem); padding: 0 1rem;}
.recruit-view-wrapper .view-info-list-box .view-info-list > p {position: relative; font-size: 1.7rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #888; min-width: 12rem; padding-left: 0.7rem;}
.recruit-view-wrapper .view-info-list-box .view-info-list > p::before {position: absolute; content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #555; top: 1.075rem; left: 0;}
.recruit-view-wrapper .view-info-list-box .view-info-list > span {width: calc(100% - 12rem);font-size: 1.7rem; font-weight: 500; line-height: 1.5em; letter-spacing: -0.05em; color: #000;}
.recruit-view-wrapper .view-info-list-box .view-info-list > span.date {font-weight: 700; color: #004689;}
.recruit-view-wrapper .view-content-tit {font-size: 1.7rem; font-weight: 700; line-height: 1.88em; letter-spacing: -0.05em; color: #555;}
.recruit-view-wrapper .view-content-txt {position: relative; font-size: 1.7rem; font-weight: 400; line-height: 1.88em; letter-spacing: -0.05em; color: #555; padding-left: 0.7rem;}
.recruit-view-wrapper .view-content-txt::before {position: absolute; content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #555; top: 1.4rem; left: 0;}
.recruit-view-wrapper .cm-flex-con .cm-content-flex-wrap .img-inner {margin-top: 3.7rem;}
.recruit-view-wrapper .cm-flex-con .cm-content-flex-wrap .img-inner img {max-width: 100%; }
.recruit-view-page .view-btn-box {display: flex; justify-content: space-between; width: 77.923%; margin-left: auto; margin-top: 6rem;}
.recruit-view-page .view-btn-box .btn-inner {display: flex; gap: 0 2rem; padding-left: 10rem;}
.recruit-view-page .view-btn-box .btn-inner > a {width: 32rem; height: 8rem; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 3.5rem 0 4rem; border-radius: 4rem; font-size: 1.7rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #fff;}
.recruit-view-page .view-btn-box .btn-inner > a img {max-width: 100%;}
.recruit-view-page .view-btn-box .btn-inner > a.blue {background-color: #014182;}
.recruit-view-page .view-btn-box .btn-inner > a {background-color: #4876ef;}
.recruit-view-page .view-btn-box .return-btn {width: 20rem; height: 8rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: 0 4rem; font-size: 1.7rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #888; background-color: #eee; border-radius: 4rem;}

/* ****************** 05 Careers :: 채용공고 뷰페이지 팝업 ********************** */
.recruit-pop-content {max-width: 1100px; background-color: #fff; padding: 5rem 0 0 0; box-sizing: border-box;}
.recruit-pop-content .tit-box {display: flex; justify-content: space-between; border-bottom: 3px solid #ddd; padding-bottom: 2.3rem; margin: 0 6rem;}
.recruit-pop-content .recruit-pop-tit {font-size: 3rem; font-weight: 700; line-height: 1.3em; letter-spacing: -0.05em; color: #222; padding: 0;}
.recruit-pop-content .modal-close-btn {position: static; color: #888;}
.recruit-pop-content .modal-close-btn i {font-size: 3.2rem;}
.recruit-pop-content .modal-close-btn i:hover {color: #888}
.recruit-pop-content .inquiry-style09 .bbs-write-con {width: 100%;}
.recruit-pop-content .view-pop-form-wrap {padding: 3rem 6rem 0 6rem;}
.recruit-pop-content .view-pop-form-wrap .input-flex-box {display: flex; flex-wrap: wrap; gap: 1.5rem 5rem;}
.recruit-pop-content .view-pop-form-wrap .input-flex-box li {display: flex; align-items: center; width: calc(50% - 2.5rem);}
.recruit-pop-content .view-pop-form-wrap .input-tit {position: relative; min-width: 10rem; font-size: 1.6rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #222;}
.recruit-pop-content .view-pop-form-wrap .input-tit em {font-size: 1.7rem; font-weight: 700; color: #014182; padding-left: 0.5rem;}
.recruit-pop-content .view-pop-form-wrap .input {position: relative; width: calc(100% - 10rem)}
.recruit-pop-content .view-pop-form-wrap input {border-radius: 3rem; outline: none; border: none; width: 100%; height: 6rem; background-color: #f3f3f3; padding: 0 3rem; box-sizing: border-box; font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #555;}
.recruit-pop-content .view-pop-form-wrap .input-block-inner {display: flex; align-items: center; width: 100%; margin-bottom: 1.5rem;}
.recruit-pop-content .view-pop-form-wrap .input-block-inner .input {display:flex; align-items: center; background-color: #fff; border: 1px solid #ddd; padding: 1.7rem 1rem; box-sizing: border-box; border-radius: 3rem; padding: 1.7rem 3rem;}
.recruit-pop-content .view-pop-form-wrap .input-block-inner .input p {font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #555;}
.recruit-pop-content .bbs-inquiry-agree-con {display: flex; justify-content: space-between; margin-bottom: 0 !important; background-color: rgba(1, 65, 130, 0.07); padding: 3rem 6rem !important; box-sizing: border-box;}
.recruit-pop-content .cm-btn-controls {margin-top: 0;}
.recruit-pop-content .inquiry-style09 .bbs-inquiry-agree-con .agree-txt label {cursor: initial; font-size: 1.7rem; font-weight: 500; line-height: 1.7em; letter-spacing: -0.05em; color: #555;}
.recruit-pop-content .inquiry-style09 .bbs-inquiry-agree-con .agree-txt label a {position: relative; color: #014182;}
.recruit-pop-content .inquiry-style09 .bbs-inquiry-agree-con .agree-txt label a::before {position: absolute; content: ""; bottom: -0.5rem; left: 0; width: 100%; height: 1px; background-color: #014182;}
.recruit-pop-content .inquiry-style09 .bbs-inquiry-agree-con .agree-txt label i {font-size: 2.4rem; top: 0;}
.recruit-pop-content .inquiry-style09 .bbs-inquiry-agree-con .agree-txt label em {font-size: 1.7rem; font-weight: 700; color: #014182; padding-left: 0.5rem;}
.recruit-pop-content .inquiry-style09 button.btn-style01 {display: flex; justify-content: space-between; background-color: #014182; box-sizing: border-box; padding: 0 2.5rem 0 3rem; font-size: 1.7rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #fff;}
.recruit-pop-content .inquiry-style09 button.btn-style01 i {font-size: 2.4rem; color: rgba(255, 255, 255, 0.5)}
.recruit-pop-content .inquiry-style09 button.btn-style01:hover {background-color: #014182}

.recruit-pop-content .filebox {display: flex; align-items: center;}
.recruit-pop-content .filebox .upload-name {position: relative; height: 6rem; width: 100%; padding-left: 13rem;}
.filebox label {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; padding: 1rem 2rem; color: #fff; vertical-align: middle; background-color: #666; cursor: pointer;  width: 11rem; height: 4rem; margin-left: 10px; box-sizing: border-box; border-radius: 2rem; font-size: 1.5rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #fff;}

.recruit-pop-content .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

/* ****************** 07 ESG :: ESG란 ********************** */
.esg-about-img-con {display: flex;}
.esg-about-img-con .esg-about-img-box {width: 50%;}
.esg-about-img-con .esg-about-img-box:first-child {margin-right: 8.3%;}
.esg-about-img-con .bg-box {position: relative; width: 100%; height: 0; padding-top: 87.273%; overflow: hidden; border-radius: 0 9rem 0 0;}
.esg-about-img-con .esg-about-img-box:first-child .bg-box {background: center / cover no-repeat url("/images/content/esg_about_bg01.jpg");}
.esg-about-img-con .esg-about-img-box:last-child .bg-box {background: center / cover no-repeat url("/images/content/esg_about_bg02.jpg");}
.esg-about-img-con .esg-about-img-box:last-child {margin-top: 10rem;}
.esg-about-img-con .bg-box .bg-txt-box {position: absolute; bottom: 7%; left: 7%;}
.esg-about-img-con .txt-box {margin-top: 3.5rem;}
.esg-about-img-con .esg-about-txt {font-size: 1.6rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.05em; color: #222;}
.esg-about-img-con .esg-about-img-txt {font-size: 3.4rem; font-weight: 800; line-height: 1em; letter-spacing: -0.05em; color: #fff;}
.esg-about-img-con .esg-about-img-txt.flex {display: flex;}
.esg-about-img-con .esg-about-img-txt > span {font-size: 2.2rem; font-weight: 500; line-height: 1.36em; letter-spacing: -0.05em; color: #fff; padding-left: 2rem;}

/* ****************** 07 ESG :: 안전환경경영, 사회공헌, 윤리경영 공통 ********************** */
.esg-page .cm-flex-con.ma140 {margin-top: 14rem;}
.esg-border-img-con {position: relative; display: flex;}
.esg-border-img-con .gray-border-box {display: flex; align-items: center; border: 12px solid #eee; box-sizing: border-box; width: 70%; min-height: 40rem; padding: 6rem;}
/* .esg-border-img-con .gray-border-box.height-450 {height: 45rem;}
.esg-border-img-con .gray-border-box.height-550 {height: 55rem;} */
.esg-border-img-con .gray-border-box .box-inner {width: 67%; height: 100%;}
.esg-border-img-con .gray-border-box .gray-border-bold-txt {font-size: 2rem; font-weight: 700; line-height: 1.6em; letter-spacing: -0.05em; color: #222; padding-bottom: 3.8rem;}
.esg-border-img-con .gray-border-box .gray-border-txt {font-size: 1.6rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.05em; color: #555; margin-bottom: 1rem;}
.esg-border-img-con .gray-border-box .gray-border-txt:last-of-type {margin-bottom: 0;}
.esg-border-img-con .inner-img-box {width: 50%; position: absolute; right: 0; bottom: -6rem; overflow: hidden; border-radius: 8rem 0 0 0; margin-left: 50%;}
.esg-border-img-con .inner-img-box img {max-width: 100%;}
.esg-page .cm-flex-con:last-child {margin-top: 16rem;}

.esg-gray-bg-list-con {margin-top: 10.7rem;}
.esg-gray-bg-list-con.ma0 {margin-top: 0 !important;}
.esg-gray-bg-list-con .gray-bg-list-box {padding-top: 3rem;}
.esg-gray-bg-list-con .gray-bg-list-box .gray-list-bold-txt {font-size: 1.8rem; font-weight: 600; line-height: 1.66em; letter-spacing: -0.05em; color: #222; padding-bottom: 2.2rem;}
.esg-gray-bg-list-con .gray-bg-list-box .gray-bg-list {display: flex; align-items: center; background-color: #f6f6f6; font-size: 1.6rem; font-weight: 400; line-height: 1.6em; letter-spacing: -0.05em; color: #555; margin-bottom: 0.5rem; border-radius: 4.5rem; padding: 3rem; box-sizing: border-box; width: 100%;}
.esg-gray-bg-list-con .gray-bg-list-box .gray-bg-list:last-child {margin-bottom: 0;}
.esg-gray-bg-list-con .gray-bg-list-box .gray-bg-list > span {display: inline-block; min-width: 2.3rem; font-size: 2rem; font-weight: 700; font-style: italic; line-height: 1.2em; letter-spacing: -0.05em; color: #bbb; padding-right: 3rem;}
.esg-gray-bg-list-con .gray-bg-list-box.flex {display: flex;}
.esg-gray-bg-list-con .gray-bg-list-box.flex .gray-bg-list {width: 50%; margin-bottom: 0; font-weight: 500;}
.esg-gray-bg-list-con .gray-bg-list-box.flex .gray-bg-list:first-child {margin-right: 2rem;}
.esg-gray-bg-list-con .gray-bg-list-box.flex .gray-bg-list > span {color: #aaa;}

.cm-flex-link-box {width: 17.078%; padding-right: 5%;}
.cm-flex-link-box .cm-flex-tit {width: 100%; padding-right: 0;}
.governance-link-btn {display: flex; align-items: center; justify-content: space-between; width: 21rem; height: 5rem; border-radius: 2.5rem; background-color: #eee; box-sizing: border-box; padding: 0 2rem 0 2.5rem; margin-top: 3.3rem; font-size: 1.6rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.05em; color: #555;}
.governance-link-btn i {font-size: 2rem;}

/* ****************** 07 ESG :: 분쟁광물 ********************** */
.esg-page .esg-conflict-wrapper .cm-flex-con:last-child {margin-top: 0;}
.esg-conflict-wrapper .esg-gray-bg-list-con {margin-top: 14rem;}
.esg-conflict-process-con {padding-top: 7.5rem;}
.esg-conflict-process-img {padding-top: 5rem;}
.esg-conflict-process-img img {max-width: 100%;}
.esg-conflict-plan-con {padding-top: 7.5rem;}
.esg-conflict-plan-con .esg-conflict-txt {font-size: 1.8rem; font-weight: 600; line-height: 1.66em; letter-spacing: -0.05em;  color: #222; padding: 2.2rem 0;}
.esg-conflict-plan-box {background: url(/images/content/conflict_minerals_plan_img.jpg)no-repeat center/cover;}
.esg-conflict-plan-box .inner {padding: 9.5% 8rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.esg-conflict-plan-box .inner .esg-conflict-plan-txt01 {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.5; color: #fff;}
.esg-conflict-plan-box .inner .esg-conflict-plan-txt02 {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.5; color: rgba(255,255,255,0.5); padding-top: 3.5rem;}

/* ****************** 07 ESG :: 윤리경영 ********************** */
.governance-medium-txt {font-size: 1.8rem; font-weight: 500; line-height: 1.44em; letter-spacing: -0.05em; color: #333; padding-top: 3rem;}
.governance-num-list-box {display: flex; gap: 1.5rem; width: 100%; margin-top: 2.7rem;}
.governance-num-list-box .governance-num-list {position: relative; width: 33.333%; background-color: #f6f6f6; box-sizing: border-box; padding: 4rem 4.5rem;}
.governance-num-list-box .governance-num-list img {position: absolute; top: 2.5rem; right: 2.5rem;}
.governance-num-list-box .governance-num {font-size: 3rem; font-style: italic; font-weight: 700; letter-spacing: -0.05em; color: #bbb;}
.governance-num-list-box .inner-list-box {margin-top: 2.7rem;}
.governance-num-list-box .inner-list-box .inner-list {position: relative; font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #555; padding-left: 0.6rem; margin-bottom: 0.8rem;}
.governance-num-list-box .inner-list-box .inner-list::before {position: absolute; content: ""; width: 3px; height: 3px; border-radius: 50%; left: 0; top: 0.9rem; background-color: #999;}
.governance-num-list-box .inner-list-box .inner-list:last-child {margin-bottom: 0;}

.governance-info-list-box {display: flex; margin-top: 3rem;}

.governance-info-list-box .governance-info-list {box-sizing: border-box; padding: 3.5rem 4.5rem; border-radius: 4.5rem;}
.governance-info-list-box .governance-info-list .icon-box {width: 11rem;}
.governance-info-list-box .governance-info-list .icon-box img {max-width: 100%;}
.governance-info-list-box .governance-info-list.gray {display: flex; align-items: center; background-color: #f6f6f6; width: 66.25%; margin-right: 1.5rem;}
.governance-info-list-box .governance-info-list.gray .info-inner-list-box {margin-left: 4rem; width: calc(100% - 15rem);}
.governance-info-list-box .governance-info-list.green {display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(118, 183, 41, 0.1); width: calc(33.75% - 1.5rem); text-align: center; padding: 3.5rem 5rem;}
.governance-info-list-box .governance-info-list .info-inner-list {display: flex; font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #555; padding-bottom: 0.7rem;}
.governance-info-list-box .governance-info-list .info-inner-list:last-child {padding-bottom: 0;}
.governance-info-list-box .governance-info-list .info-inner-list i {color: #999; font-size: 1.6rem; line-height: 1.5em; padding-right: 0.7rem;}

.governance-info-list-box .governance-info-list .governance-info-bold-txt {font-size: 1.8rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #333;}
.governance-info-list-box .governance-email-box {display: flex; align-items: center; background-color: #fff; width: 100%; padding: 0.65rem; margin-top: 2rem; box-sizing: border-box; border-radius: 2rem;}
.governance-info-list-box .governance-email-box .info-txt {font-size: 1.8rem; font-weight: 500; line-height: 1.5em; letter-spacing: -0.05em;color: #222; width: calc(100% - 4.5rem); text-align: left;}
.governance-info-list-box .governance-email-box .icon-box {display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; box-sizing: border-box; border-radius: 50%; background-color: #76b729; margin-right: 1.5rem;}
.governance-info-list-box .governance-email-box .icon-box i {font-size: 1.6rem; color: #fff;}

/* ****************** 07 ESG :: ESG 게시판 ********************** */
.esg-page .paging {margin: 5rem 0 3rem 0;}
.cerfiti-top-txt-box {border: 12px solid #eee; box-sizing: border-box; margin-bottom: 11.5rem; padding: 4.6rem 3rem;}
.cerfiti-top-txt-box .cerfiti-top-txt {font-size: 2rem; font-weight: 700; line-height: 1.6em; letter-spacing: -0.05em; color: #222; text-align: center;}