@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */
.temp-box{overflow-x:hidden}
.temp-box img{position:relative; left:50%; transform:translateX(-50%);}
@media all and ( max-width: 800px ){
	.temp-box img{width:100%;}
}



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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; 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:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:var(--main-color); border-color:var(--main-color)}
.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%}
}

sub{font-size:0.5em; vertical-align:bottom;}

/* ******************  회사소개 ********************** */
/* 텍스트 공통 */
.co-blue{color:var(--main-color);}
.cm-tit{font-size:4rem; line-height:1.25; letter-spacing:-0.065em; color:#333; font-weight:400;}
.cm-txt{font-size:1.6rem; line-height:2.06; letter-spacing:-0.065em; color:#666;}
.cm-page-txt{font-size:2.6rem; line-height:1.53; letter-spacing:-0.065em; color:#333; font-weight:700; text-align:center; padding-top: 3rem;}
.tablet-br{display: none;}

/* -------------------------- APPROTIUM -------------------------- */
/************** APPROTIUM :: 인사말 **************/
.greeting-con-wrap{display: flex; align-items:flex-top;}
.greeting-img-box{width:32.85%;}
.greeting-img-box span{position: relative; display: block; width:100%; height:0; padding-top:129.96%; /* background:#f2f2f2; */}
.greeting-img-box span:before{position: absolute; content:''; width:73%; height:30.66%; background:no-repeat center; background-image:url('/images/content/greeting_img_bg.png');bottom:-1.8rem; right:-1.8rem; z-index:-1;}
.greeting-img-box span img{position: absolute; top:0; left:0; bottom:0; right:0; max-width:100%; max-height:100%; margin:auto;}
.greeting-txt-box{position: relative; width:67.15%; margin-left:10rem; box-sizing:border-box; padding-top:7.5rem;}
.greeting-txt-box:before{position: absolute; content:''; width:7.7rem; height:3px; background:#000; top:0; left:0;}
.greeting-txt-box .cm-txt{margin-top:3rem;}


/************** APPROTIUM :: 회사개요 **************/

/************** APPROTIUM :: 회사연혁 **************/
/* 연혁 배너 */
.history-top-banner{position: relative; height:47rem;}
.history-top-banner .bg{position: absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center; background-image:url('/images/content/history_banner_bg.jpg'); background-size:cover;}
.history-top-banner .tit-box{position: relative; padding-top:11.3rem}
.history-top-banner .tit-box .tit-en{font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:#fff; font-weight:600;}
.history-top-banner .tit-box .tit{font-size:4rem; line-height:1.375; letter-spacing:-0.065em; color:#fff; font-weight:600; margin-top:2.5rem;}

/* 연혁 탭 */
.history-tab-wrapper-style{position: relative; border-top:1px solid rgba(255,255,255,0.2); transform:translateY(-100%);}
.history-tab-style{}
.history-tab-style ul{display: flex; }
.history-tab-style ul li{min-width:6.5rem; margin-right:4.5rem;}
.history-tab-style ul li a{position: relative; display: flex; align-items:center; width:100%; height:12rem;}
.history-tab-style ul li a:before{position: absolute; content:''; top:-3px; left:0; width:100%; height:3px; background:var(--main-color);
	transform:scaleX(0); 
	transition:var(--transition-custom);
	transition-property: transform;
	transform-origin:100% 0;
}
.history-tab-style ul li a em{display: inline-block; margin-bottom:1rem; font-size:2rem; letter-spacing:-0.025em; font-weight:500; color:#fff; opacity:0.5; transition:all var(--transition-custom);}

.history-tab-style ul li.selected a em,
.history-tab-style ul li a:hover em{color:var(--main-color); opacity:1; font-weight:600;}
.history-tab-style ul li.selected a:before,
.history-tab-style ul li a:hover:before{transform:scaleX(1); transform-origin:0 0;}

/* 연혁 내용 */
.history-tab-content-style .sub-tab-con {position: relative; min-height:200px;}
.history-bg-txt{position: absolute; top:1rem; left:-2rem; font-size:15rem; letter-spacing:-0.025em; color:rgba(51,51,51,0.04); font-weight:900;}


/************** APPROTIUM :: 특허/인증 **************/
.certi-top-box{display: flex; margin-bottom:10rem;}
.certi-top-box .left-box{width:50%; padding-right:3rem; box-sizing:border-box;}
.certi-top-box .left-box .tit{font-size:4rem; line-height:1.5; letter-spacing:-0.065em; color:#111; font-weight:600; margin-bottom:2.8rem;}
.certi-top-box .left-box .sub-tit{font-size:2.3rem; line-height:1.74; letter-spacing:-0.065em; color:#333; font-weight:400;}
.certi-top-box .right-box{width:50%;}
.certi-top-box .right-box .txt{font-size:1.6rem; line-height:2.06; letter-spacing:-0.085em; color:#666; margin-bottom:3rem;}
.certi-top-box .right-box .txt:last-child{margin-bottom:0;}

.cm-gray-box{background:#f7f7f7; padding:10.5rem 0 7rem; margin-bottom:10rem;}
.cm-certi-tit{font-size:2.6rem; line-height:1.92; letter-spacing:-0.065em; color:#333; font-weight:600; text-align:center; margin-bottom:3.5rem;}


/************** APPROTIUM :: 오시는길 **************/
/* 오시는길 :: 탭 */
.location-tab-wrapper-style{margin-bottom:5.5rem;}
.loaction-tab-list-style ul{display: flex; justify-content:center; margin:0 -2.6rem}
.loaction-tab-list-style ul li{margin:0 2.6rem;}
.loaction-tab-list-style ul li a{position: relative;}
.loaction-tab-list-style ul li a em{display: block; font-size:1.6rem; line-height:5rem; letter-spacing:-0.025em; color:rgba(51,51,51,0.5); font-weight:500; transition:var(--transition-custom);}
.loaction-tab-list-style ul li a:before{position: absolute; content:''; width:calc(100% + 6px); height:3px; bottom:0; left:-3px; background:var(--main-color);
	transform:scaleX(0); 
	transition:var(--transition-custom);
	transition-property: transform;
	transform-origin:100% 0;
}
.loaction-tab-list-style ul li.selected a em,
.loaction-tab-list-style ul li a:hover em{color:var(--main-color); font-weight:700;}
.loaction-tab-list-style ul li.selected a:before,
.loaction-tab-list-style ul li a:hover:before{transform:scaleX(1); transform-origin:0 0;}

/* 오시는길 :: 지도 */
.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-info-box{}
.location-info-box .tit-box{}
.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.6rem;}
.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;}

.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';}


.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); 
	}
}
/************** APPROTIUM :: 회사개요 **************/

/* 서브페이지 fp-nav */
/* #fp-nav.left{right:auto; left:var(--area-padding);} */
#fp-nav.left ul li:first-child{display: none;}
#fp-nav.left ul li a.active span{background-image: url('/images/main/fp_right_icon_color.png');}
#fp-nav.on {opacity:1; right:45px;}

.sub-wrap .section{overflow:hidden;}

/* 풀페이지 공통텍스트 */
.fullpage-sub-tit{position: absolute; font-size:2rem; line-height:2.5rem; letter-spacing:-0.025em; color:#fff; font-weight:900; top:15rem; left:50%; transform:translateX(-50%); z-index:1;}

/* 풀페이지 배경이미지 */
#fullpage .section .bg-box{position: absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center; background-size:cover; z-index:-1; transition:all 3s; transform:scale(1.1);}
#fullpage .section.active-section .bg-box{transform:scale(1);}
.section#summaryCon01 .bg-box{background-image:url('/images/content/summary_section_01_bg.jpg');}
.section#summaryCon02 .bg-box{background-image:url('/images/content/summary_section_02_bg.jpg');}
.section#summaryCon03 .bg-box{background-image:url('/images/content/summary_section_03_bg.jpg');}
.section#summaryCon04 .bg-box{background-image:url('/images/content/summary_section_04_bg.jpg');}
.section#summaryCon05 .bg-box{background-image:url('/images/content/summary_section_05_bg.jpg');}

/* 풀페이지 스크롤다운 */
.fullpage-scroll-icon{position: fixed; bottom:5rem; left:var(--area-padding); opacity:0; transition:all 0.8s;}
.fullpage-scroll-icon .icon{position: relative; display: block; width:12px; height:26px; border-radius:6px; border:1px solid rgba(238,238,238,0.3); box-sizing:border-box; margin-bottom:15px;}
.fullpage-scroll-icon .icon:after{position:absolute; content:""; width:4px; height:4px; background-color:#fff; border-radius:50%; top:10%; left:3px; animation: scrollUpdown 1.1s ease-in-out infinite;}
.fullpage-scroll-icon .txt{font-size:10px; color:#fff; font-weight:900; opacity:0.6; writing-mode: tb-rl; line-height:1.2;}

.fullpage-scroll-icon.on{opacity:1}

@keyframes scrollUpdown {
	0% {
		top:10%; opacity:1
	}
	100% {
		top:80%; opacity:0.2
	}
}

/* 회사개요 :: 컨텐츠 01 */
#summaryCon01{min-height:70rem;}
.sub-full-con01-item{text-align:center;}
.sub-full-con01-item .sub-tit{font-size:2rem; line-height:1.5; letter-spacing:-0.025em; color:#fff; font-weight:900;  text-transform: uppercase;}
.sub-full-con01-item .tit{font-size:5rem; line-height:1.4; letter-spacing:-0.025em; color:#fff; font-weight:900; text-transform: uppercase; margin-top:4.2rem;}
.sub-full-con01-item .txt{font-size:2.6rem; line-height:1.53; letter-spacing:-0.065em; color:rgba(255,255,255,0.7); font-weight:400; margin-top:4.8rem;}

/* 회사개요 :: 컨텐츠 02 */
#summaryCon02{min-height:70rem;}
.sub-full-con02-list{display: flex; height:100%;}
.sub-full-con02-list .list-item{display: flex; align-content:center; justify-content:center; flex-wrap:wrap; width:33.33%; text-align:center; height:100%; border-right:1px solid rgba(255,255,255,0.18);}
.sub-full-con02-list .list-item:last-child{border-right:0;}
.sub-full-con02-list .list-item .tit{font-size:2.2rem; line-height:2.27; letter-spacing:-0.065em; color:#fff; font-weight:600; margin-bottom:0.7rem; margin-top:4rem;}
.sub-full-con02-list .list-item .data-txt{display: block; width:100%; text-align:center; color:#fff; font-weight:600; margin-bottom:2rem; letter-spacing:-0.025em; font-size:4rem; opacity:0; transition:opacity 3s;}
.active-section .sub-full-con02-list .list-item .data-txt{opacity:1;}
.sub-full-con02-list .list-item .cm-txt{color:rgba(255,255,255,0.7);}
.summary-con02-plus-txt{position: absolute; bottom:4rem; left:50%; transform:translateX(-50%); text-align:center;}
.summary-con02-plus-txt .cm-txt{color:rgba(255,255,255,0.7);}

.sub-full-con02-list .list-item .data-txt .rotate-num{letter-spacing:0.2em;}


/* 회사개요 :: 컨텐츠 03 */
#summaryCon03{min-height:70rem;}
.sub-full-con03-item{transform:translateY(-60%);}
.sub-full-con03-item .sub-tit{font-size:2.2rem; line-height:2.27; letter-spacing:-0.025em; color:#fff; font-weight:500;}
.sub-full-con03-item .tit{font-size:5rem; line-height:1.4; letter-spacing:-0.02em; color:#fff; font-weight:600; margin-bottom:5rem;}
.sub-full-con03-item .txt{font-size:2rem; line-height:1.65; letter-spacing:-0.065em; color:rgba(255,255,255,0.7); font-weight:500;}

/* 회사개요 :: 컨텐츠 04 */
#summaryCon04{min-height:50rem;}
.sub-full-con04-item{margin-top:-10rem;}
.sub-full-con04-item .section-tit{font-size:2rem; line-height:2.5rem; letter-spacing:-0.025em; color:#fff; font-weight:600; text-align:center; margin-bottom:20rem}
.sub-full-con04-item .inner-box{display: flex;}
.sub-full-con04-item .inner-box .inner-item{width:50%; text-align:center;}
.sub-full-con04-item .inner-box .inner-item .txt{font-size:2.2rem; line-height:1.5; letter-spacing:-0.065em; color:#fff; margin-bottom:3.5rem;}
.sub-full-con04-item .inner-box .inner-item .num{font-size:6.25vw; /* letter-spacing:-0.065em; */ color:#fff; font-weight:500; font-style:italic; opacity:0; transition:opacity 3s;}
.active-section .sub-full-con04-item .inner-box .inner-item .num {opacity:1;}

/* 카운트 */
.rotate-num-box {overflow: hidden; display:flex; justify-content:center; height: 1em;}
.rotate-num-box .fix-num,
.rotate-num-box ul{/* font-size:1em; */ /* letter-spacing:-0.05em; */}
.rotate-num-box ul{height:8em;margin-left:-1rem;}
.rotate-num-box .rotate-num {line-height: 1em;}
.rotate-num-box .fix-num sup{font-size:0.5em;}

@media all and (min-width:801px){
	.active .rotate-num-box ul.row2 li:last-child{text-indent:1rem; margin-top:-0.1rem;}
}

.rotate-num-box ul.row2{transform: translate3d(0, -25%, 0);}
.rotate-num-box ul.row4{transform: translate3d(0, -50%, 0);}
.rotate-num-box ul.row6{transform: translate3d(0, -75%, 0);}
.rotate-num-box ul.row8{transform: translate3d(0, -87.5%, 0);}
/* active */
.active .rotate-num-box ul.row2{animation:count-up-ani2 3.5s forwards 0s;}
.active .rotate-num-box ul.row4{animation:count-up-ani4 3.5s forwards 0s;}
.active .rotate-num-box ul.row6{animation:count-up-ani6 3.5s forwards 0s;}
.active .rotate-num-box ul.row8{animation:count-up-ani8 3.5s forwards 0s;}
@keyframes count-up-ani2 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -25%, 0);
	}
}
@keyframes count-up-ani4 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -50%, 0);
	}
}
@keyframes count-up-ani6 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -75%, 0);
	}
}
@keyframes count-up-ani8 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -87.5%, 0);
	}
}

/* 회사개요 :: 컨텐츠 05 */
#summaryCon05{min-height:70rem;}
.sub-full-con05-list{display: flex; ; height:100%;}
.sub-full-con05-list .list-item{position: relative; display: flex; align-content:center; justify-content:center; flex-wrap:wrap; width:20%; text-align:center; height:100%; border-right:1px solid rgba(255,255,255,0.18); transition:all 0.5s;}
.sub-full-con05-list .list-item:last-child{border-right:0;}

.sub-full-con05-list .list-item .tit{width:100%; text-align:center; font-size:2.8rem; line-height:1.78; letter-spacing:-0.065em; color:#fff; font-weight:600;}
.sub-full-con05-list .list-item .tit .icon{display: block; position: relative; width:4.8rem; height:4.8rem; margin:0 auto 2rem; opacity:0; transform:translateY(50px); transition:all 1.5s;}
.active-section .sub-full-con05-list .list-item .tit .icon{opacity:1; transform:translateY(0px);}
.sub-full-con05-list .list-item .tit .icon img{position: absolute; top:0; left:0; bottom:0; right:0; max-width:100%; max-height:100%; margin:auto; margin-bottom:0;}

.sub-full-con05-list .list-item .inner-item{display: none; width:100%; text-align:center; margin-top:5rem;}
.sub-full-con05-list .list-item .inner-item dl{margin-bottom:2.7rem;}
.sub-full-con05-list .list-item .inner-item dl dt{font-size:1.4rem; line-height:1.85; letter-spacing:-0.065em; color:rgba(255,255,255,0.6);}
.sub-full-con05-list .list-item .inner-item dl dd{font-size:1.8rem; line-height:1.44; letter-spacing:-0.065em; color:#fff; font-weight:600;}



/************** APPROTIUM :: BRAND **************/
/* 풀페이지 active */
.full-effect{opacity:0; transform:translateY(50px); transition:all 1.5s 0.3s; }
.full-effect-delay01{transition-delay:0.5s}
.full-effect-delay02{transition-delay:0.7s}
.full-effect-delay03{transition-delay:0.9s}
.active-section .full-effect{opacity:1; transform:translateY(0px);}

/* 풀페이지 배경이미지 */
.section#brandCon01 .bg-box{background-image:url('/images/content/brand_section_01_bg.jpg');}
.section#brandCon02 .bg-box{background-image:url('/images/content/brand_section_02_bg.jpg');}
.section#brandCon03 .bg-box{background-image:url('/images/content/brand_section_03_bg.jpg');}
.section#brandCon04 .bg-box{background-image:url('/images/content/brand_section_04_bg.jpg');}
.section#brandCon05 .bg-box{background-image:url('/images/content/brand_section_05_bg.jpg');}
.section#brandCon06 .bg-box{background-image:url('/images/content/brand_section_06_bg.jpg');}

/* BRAND :: 컨텐츠 01 */
#brandCon01{min-height:80rem;}
.sub-full-con01-item .brand-logo{margin-bottom:7rem;}
.sub-full-con01-item .brand-logo img{max-width:100%; height:21.4rem;}
.sub-full-con01-item .brand-tit{font-size:4rem; line-height:1.25; letter-spacing:-0.065em; color:#fff; margin-top:1rem;}
.sub-full-con01-item .brand-tit b{font-weight:900; text-transform:uppercase;}
.sub-full-con01-item .brand-txt{font-size:2.6rem; line-height:1.27; letter-spacing:-0.065em; color:#fff; margin-top:3.7rem;}
.sub-full-con01-item .brand-txt b{font-weight:600; text-transform:uppercase;}
.sub-full-con01-item .brand-txt02{font-size:1.8rem; line-height:1.83; letter-spacing:-0.065em; color:#fff; margin-top:1.5rem;}
/* BRAND :: 컨텐츠 02 */
#brandCon02{min-height:80rem;}
#brandCon02 .sub-full-con03-item{transform: translateY(0%);}
.sub-full-con03-item .sub-tit b{font-weight:600; text-transform:uppercase;}
.sub-full-con03-item .brand-tit{font-size:6rem; line-height:1.16; letter-spacing:-0.025em; color:#fff; font-weight:600; margin-top:0.5rem; margin-bottom:3.8rem;}
#brandCon02 .sub-full-con03-item .txt{color:#fff; margin-bottom:3rem;}
#brandCon02 .sub-full-con03-item .txt:last-child{margin-bottom:0rem;}
/* BRAND :: 컨텐츠 03 */
#brandCon03{min-height:80rem;}
.sub-full-con02-list .list-item .brand-tit{width:100%; font-size:4rem; line-height:1.25; letter-spacing:-0.025em; color:#fff; font-weight:600; text-align:center; margin-bottom:2rem;}
/* BRAND :: 컨텐츠 04 */
#brandCon04{min-height:70rem;}
#brandCon04 .sub-full-con03-item .txt{color:rgba(255,255,255,0.8);}
/* BRAND :: 컨텐츠 05 */
.brand-section-tit{font-size:2rem; line-height:2.5; letter-spacing:-0.025em; color:#333; font-weight:900; text-align:center;}
.brand-mark-box{display: flex; justify-content:center; align-items:center; margin-top:7.7rem;}
.brand-mark-box .left-box{width:50%; text-align:right; padding-right:2.5rem; box-sizing:border-box;}
.brand-mark-box .left-box span img{max-width:100%;}
.brand-mark-box .right-box{width:50%; padding-left:4rem; box-sizing:border-box;}
.brand-mark-box .right-box .txt{font-size:2.4rem; line-height:1.75; letter-spacing:-0.065em; color:#333; font-weight:600;}

.brand-mark-info{display: flex; justify-content:space-between; margin-top:6rem;}
.brand-mark-info .info-item{width:23.88%; background:#fff; padding:2.7rem; box-sizing:border-box; min-height:27rem; transition:all 0.5s;}
.brand-mark-info .info-item .num{font-size:1.6rem; line-height:2.5; letter-spacing:-0.025em; font-weight:700; transition:all 0.5s;}
.brand-mark-info .info-item dl{}
.brand-mark-info .info-item dl dt{font-size:2rem; line-height:1.5; letter-spacing:-0.065em; color:#333; font-weight:700; transition:all 0.5s; margin-bottom:1rem;}
.brand-mark-info .info-item dl dd{font-size:1.6rem; line-height:1.75; letter-spacing:-0.065em; color:#666; transition:all 0.5s;}

.brand-mark-info .info-item.active{background:var(--main-color); box-shadow: 11px 19px 27px 0px rgba(0, 0, 0, 0.08);}
.brand-mark-info .info-item.active .num,
.brand-mark-info .info-item.active dl dt,
.brand-mark-info .info-item.active dl dd{color:#fff;}

/* BRAND :: 컨텐츠 06 */
.brand-color-item{display: flex; margin-top:13rem;}
.brand-color-item .txt-box{width:32.1%; padding-left:4rem; padding-right:5rem; box-sizing:border-box;}
.brand-color-item .txt-box .tit{font-size:2.8rem; line-height:1.42; letter-spacing:-0.025em; color:#333; margin-bottom:0.5rem;}
.brand-color-item .txt-box .txt{font-size:1.6rem; line-height:1.75; letter-spacing:-0.065em; color:#666;}
.brand-color-item .color-box{display: flex; justify-content:flex-start; width:67.9%;}
.brand-color-item .color-box .inner-item{width:29.67%; margin-right:2.63%;}
.brand-color-item .color-box .inner-item .color{width:100%; height:0; padding-top:33.08%; margin-bottom:0.3rem;}
.brand-color-item .color-box .inner-item .color.co-black{background:#00061e;}
.brand-color-item .color-box .inner-item .color.co-blue{background:#27aae1;}
.brand-color-item .color-box .inner-item .color.co-navy{background:#30335c;}
.brand-color-item .color-box .inner-item .color.co-green{background:#008f8b;}
.brand-color-item .color-box .inner-item .color.co-orange{background:#f7941d;}
.brand-color-item .color-box .inner-item .color-info{position: relative;}
.brand-color-item .color-box .inner-item .color-info dt{position: absolute; top:0; left:0; font-size:1.6rem; line-height:1.75; letter-spacing:-0.025em; color:#333; font-weight:600;}
.brand-color-item .color-box .inner-item .color-info dd{padding-left:8.5rem; box-sizing:border-box; font-size:1.2rem; line-height:2; letter-spacing:-0.025em; color:rgba(51,51,51,0.6); font-weight:500;}


/************** Sustainability :: Safety **************/
.safety-gray-box{background:#f2f2f2; padding:11rem 0;}

.safety-top-con{text-align:center;}
.safety-top-con .tit-box{margin-bottom:6.2rem;}
.safety-top-con .tit-box .tit{position: relative; font-size:3.2rem; line-height:1.56; letter-spacing:-0.065em; color:#222; margin-bottom:8rem;}
.safety-top-con .tit-box .tit:before{position: absolute; content:''; bottom:-5rem; left:50%; width:1px; height:3rem; background:var(--main-color);}
.safety-top-con .tit-box .txt01{font-size:2rem; line-height:1.5; letter-spacing:-0.065em; color:#555; font-weight:500; margin-bottom:1.6rem;}
.safety-top-con .tit-box .txt02{font-size:1.6rem; line-height:2.06; letter-spacing:-0.065em; color:#666; font-weight:300;}

.safety-con-box{margin-top:6rem;}
.safety-item-wrap{display: flex; border-bottom:1px solid rgba(221,221,221,0.6); padding-bottom:5rem; padding-top:6rem;}
.safety-item-wrap:last-child{margin-bottom:6rem; /* border-bottom:0; */}
.safety-item-wrap .tit-box{width:26.86%; padding-right:5rem; box-sizing:Border-box;}
.safety-item-wrap .tit-box .num{font-size:1.8rem; line-height:1.5; letter-spacing:-0.025em; font-weight:600;}
.safety-item-wrap:nth-child(1) .tit-box .num{color:#f43545;}
.safety-item-wrap:nth-child(2) .tit-box .num{color:#ff8a02;}
.safety-item-wrap:nth-child(3) .tit-box .num{color:#fad716;}
.safety-item-wrap:nth-child(4) .tit-box .num{color:#01ba72;}
.safety-item-wrap:nth-child(5) .tit-box .num{color:#2daae1;}
.safety-item-wrap:nth-child(6) .tit-box .num{color:#00428d;}
.safety-item-wrap:nth-child(7) .tit-box .num{color:#602778;}

.safety-item-wrap .tit-box .tit{font-size:3.4rem; line-height:1.41; letter-spacing:-0.065em; font-weight:600; color:#333;  margin-top:0.7rem;}
.safety-item-wrap .info-box{width:73.14%;}
.safety-item-wrap .info-box .inner-box{display: flex; background:#f9f9f9; padding:3rem 4rem; box-sizing:border-box;}
.safety-item-wrap .info-box .inner-box .inner-item{width:50%;}
.safety-item-wrap .info-box .inner-box .dotted-txt{position: relative; font-size:1.8rem; line-height:2.22; letter-spacing:-0.065em; color:#666; padding-left:1.2rem; margin-right:1rem; box-sizing:border-box;}
.safety-item-wrap .info-box .inner-box .dotted-txt:before{position: absolute; content:''; width:0.4rem; height:0.4rem; background:var(--main-color); border-radius:50%; top:1.75rem; left:0;}
.safety-item-wrap .info-box .plus-txt-box{margin-top:3rem;} 
.safety-item-wrap .info-box .plus-txt-box .txt{font-size:1.6rem; line-height:2.06; letter-spacing:-0.075em; color:#666;}


.cm-down-btn{display: flex; align-items: center; justify-content: center; padding: 1rem 0rem; background-color: #2daae1; letter-spacing: -0.05em; color: #ffffff; font-size: 1.5rem; font-weight: bold; line-height: 2.7em;  max-width:20rem; margin:auto; box-sizing:border-box;}


/************** Sustainability :: ESG **************/
.esg-main-box{text-align:center;}
.esg-main-box img{max-width:100%;}


/************** Business :: 수소 **************/
.section#hydrogenCon01 .bg-box{background-image:url('/images/content/hydrogen_section_01_bg.jpg');}
.section#hydrogenCon02 .bg-box{background-image:url('/images/content/hydrogen_section_02_bg.jpg');}
.section#hydrogenCon03 .bg-box{background-image:url('/images/content/hydrogen_section_03_bg.jpg');}
.section#hydrogenCon04 .bg-box{background-image:url('/images/content/hydrogen_section_04_bg.jpg');}
.section#hydrogenCon05 .bg-box{background-image:url('/images/content/hydrogen_section_05_bg.jpg');}
.section#hydrogenCon06 .bg-box{background-image:url('/images/content/hydrogen_section_06_bg.jpg');}

/* Business :: 풀페이지 컨텐츠01 수정 */
.sub-full-con01-item .business-sub-tit{position: relative; font-size:1.8rem; line-height:1.5; letter-spacing:0; color:#fff;}
.sub-full-con01-item .business-sub-tit:before{position: absolute; content:''; width:100%; height:1px; background:rgba(255,255,255,0.3); bottom:-1.2rem; opacity:0;}
.sub-full-con01-item .tit b{font-weight:700; letter-spacing:-0.025em;}
.sub-full-con01-item .business-txt{font-size:1.8rem; line-height:1.5; letter-spacing:-0.025em; color:rgba(255,255,255,0.5); margin-top:3rem; opacity:0;}
/* Business :: 풀페이지 컨텐츠02 수정 */
.sub-full-con02-list .list-item .hydrogen-con-txt{display: flex; align-items:center; justify-content:center; width:100%; font-size:2rem; line-height:1.65; letter-spacing:-0.025em; color:#fff; font-weight:600; min-height:13.5rem; opacity:0;}

.sub-full-con02-list .list-item .hydrogen-con-txt.data-txt{font-size:6rem; margin-bottom:0;}
.sub-full-con02-list .list-item .hydrogen-con-txt.data-txt .num ul{margin-top:0.2rem;}
.sub-full-con02-list .list-item .hydrogen-con-txt.data-txt .num ul:first-child{padding-left:1rem; box-sizing:border-box;}
.sub-full-con02-list .list-item .hydrogen-con-txt.data-txt .rotate-num{letter-spacing:0.1em;}
.sub-full-con02-list .list-item .rotate-num-box .dotted{height:1em;}
.sub-full-con02-list .list-item .rotate-num-box .dotted li{line-height:1em; font-weight:400; margin-right:0.8rem; margin-left:0.4rem;}

#hydrogenCon02 .rotate-num-box .fix-num{margin-top:-0.3rem;}
#hydrogenCon02 .rotate-num-box .fix-num em{font-size:1.8rem; line-height:1.83; letter-spacing:-0.025em; position: relative; bottom:0.6rem;}
#hydrogenCon02 .sub-full-con02-list .list-item .tit{margin-bottom:2rem;}
#hydrogenCon02 .sub-full-con02-list .list-item .cm-txt{height:20rem;}
.sub-full-con02-list .list-item .cm-txt{margin-top:3.5rem; opacity:0;}

/* Business :: 풀페이지 컨텐츠06 추가 */
.sub-full-con06-item{text-align:center;}
.sub-full-con06-item .tit{font-size:4rem; line-height:1.25; letter-spacing:-0.065em; color:#fff; font-weight:600;}
.sub-full-con06-item .txt{font-size:2.2rem; line-height:1.63; letter-spacing:-0.065em; color:#fff; font-weight:600; margin-top:3rem; opacity:0;}
.active-section .sub-full-con06-item .txt{animation:text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* 텍스트 효과 */
.active-section .sub-full-con01-item .business-sub-tit:before,
.active-section .sub-full-con01-item .business-txt,
.active-section .sub-full-con02-list .list-item .hydrogen-con-txt,
.active-section .sub-full-con02-list .list-item .carbonic-con-txt,
.active-section .sub-full-con02-list .list-item .cm-txt{animation:text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/************** Business :: 탄산 **************/
.section#carbonicCon01 .bg-box{background-image:url('/images/content/carbonic_section_01_bg.jpg');}
.section#carbonicCon02 .bg-box{background-image:url('/images/content/carbonic_section_02_bg.jpg');}

.sub-full-con02-list .list-item .carbonic-con-txt.data-txt{margin-bottom:0; position: relative;}
.sub-full-con02-list .list-item .carbonic-con-txt{display: flex; align-items:center; justify-content:center; width:100%; font-size:2rem; line-height:1.65; letter-spacing:-0.025em; color:#fff; font-weight:600; opacity:0;}

/* .sub-full-con02-list .list-item .carbonic-con-txt.data-txt{font-size:6rem;} */
.sub-full-con02-list .list-item .carbonic-con-txt.data-txt .num ul{margin-top:0.2rem; padding-left:0.8rem; box-sizing:border-box;}
.sub-full-con02-list .list-item .carbonic-con-txt.data-txt .num .fix-num{margin-left:0.8rem;}
.sub-full-con02-list .list-item .carbonic-con-txt.data-txt .rotate-num{letter-spacing:0}


/************** Business :: 암모니아 **************/
.section#ammoniaCon01 .bg-box{background-image:url('/images/content/ammonia_section_01_bg.jpg');}
.section#ammoniaCon02 .bg-box{background-image:url('/images/content/ammonia_section_02_bg.jpg');}



/************** Business :: RightBar **************/
.business-rightbar-wrap{position: fixed; z-index:100; bottom:80px; right:var(--area-padding); width:16rem; height:20rem; opacity:0; transition:all 0.5s}
.business-rightbar-wrap.on{opacity:1;}

.business-rightbar-link-list .list-item{width:16rem; height:20rem;}
.business-rightbar-link-list .list-item a{position: relative; display: flex; flex-wrap:wrap; justify-content: flex-start; align-content: flex-end; width:100%; height:100%; padding:2rem; box-sizing:border-box; background:no-repeat center; background-size:cover; box-shadow: 12px 12px 24px 0px rgba(0, 0, 0, 0.29);}
.business-rightbar-link-list .list-item a .img-wrap{position: absolute; display: block; top:0; left:0; width:100%; height:100%;}
.business-rightbar-link-list .list-item a .img-wrap img{width:100%; height:100%;}
.business-rightbar-link-list .list-item a .txt-box{position: relative; z-index:1;}
.business-rightbar-link-list .list-item a .tit{font-size:2.4rem; line-height:1.3; letter-spacing:-0.065em; color:#fff; width:100%; margin-bottom:0.2rem;}
.business-rightbar-link-list .list-item a .tit-en{font-size:1.2rem; line-height:1; letter-spacing:-0; color:rgba(255,255,255,0.2); font-weight:400;}

.business-rightbar-link-list .list-item a .circle{position: absolute; left:0; top:1rem; transform:translateX(-50%); width:7.2rem; height:7.2rem; line-height:7.2rem; border-radius:50%; font-size:2.41rem; color:var(--main-color); text-align:center;}
.business-rightbar-link-list .list-item a .circle:before{position: absolute; content:''; top:0; bottom:0; left:0; right:0; margin:auto; transform-origin: 50% 50%; background:no-repeat center; width:5rem; height:5rem; z-index:2; background-image:url('/images/content/business_rightbar_circle_txt.png'); background-size:cover; animation:rotate_image 10s linear infinite;}
.business-rightbar-link-list .list-item a .circle:after{position: absolute; content:''; top:0%; left:0%; width:100%; height:100%; background:#fff; border-radius:50%; z-index:1; transition:transform 0.5s ease-in-out;}
.business-rightbar-link-list .list-item a .circle i{position: relative; z-index:2; top:1px;}

.business-rightbar-link-list .list-item a .circle:hover:after{transform:scale(1.1);}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}
/* RightBar 슬릭 */
.business-rightbar-wrap .slick-list{overflow:visible;}
.business-rightbar-wrap .slick-arrow{position: absolute; top:-3.5rem; right:-0.7rem; z-index:99; font-size:2.4rem; color:#fff;}
.business-rightbar-wrap .slick-arrow.slick-prev{margin-right:2rem;}


.business-rightbar-link-list .list-item .business-img-effect-wrap{transition: var(--transition-custom2); overflow:hidden;}
.business-rightbar-link-list .list-item .business-img-effect{transition: all 2s linear 0.3s;}
/* active */
.business-rightbar-link-list .list-item:not(.slick-active) .business-img-effect-wrap {opacity:0; transform: translate3d(30px, 0, 0);}
.business-rightbar-link-list .list-item:not(.slick-active) .business-img-effect {transform: scale(1.08,1.08); }
/* .main-business-slide li.slick-active .slide-item .info-box{opacity:1; } */
.business-rightbar-link-list .list-item.slick-active .business-img-effect-wrap{opacity:1; transform:none;}
.business-rightbar-link-list .list-item.slick-active .business-img-effect{transform:scale(1.0,1.0);}


/************** Speaker UP :: 신문고 작성 **************/
.declaration-con-wrap{position: relative;}
.declaration-bg-gray{background:#f7f7f7; padding:7.5rem 0; margin-top: 8rem;}
.declaration-left-item{position: absolute; width:26.86%; top:0; left:0;}
.declaration-left-item .tit{font-size:3.4rem; line-height:1.17; letter-spacing:-0.065em; color:#333; font-weight:700;}
.declaration-right-item{padding-left:26.86%; box-sizing:border-box; width:100%;}
.declaration-right-item:first-of-type {padding-top: 0;}
/* 신문고 작성 :: con01 */
.declaration-item-list li{background:#fff; display: flex; align-items:center; padding:3.5rem; box-sizing:border-box; margin-bottom:2rem; transition:var(--transition-custom); min-height: 120px;}
.declaration-item-list li .tit-box{width:40%; display: flex; align-items:Center;}
.declaration-item-list li .tit-box .icon{display: block; width:8rem; height:11.5rem; background:no-repeat left center; transition:var(--transition-custom);}
.declaration-item-list li .tit-box .item-tit{font-size:2.2rem; line-height:1.27; letter-spacing:-0.075em; color:#333; font-weight:700; width:calc(100% - 8rem); transition:var(--transition-custom);}
.declaration-item-list li .cm-txt{width:60%; transition:var(--transition-custom);}
.declaration-plus-txt{font-size:1.6rem; line-height:1.5; letter-spacing:-0.065em; color:var(--main-color);}
.declaration-plus-txt b{margin-right:1.5rem;}
.declaration-plus-txt span{display: inline-block;}
/* 신문고 작성 :: con01 :: 아이콘 */
.declaration-right-item .declaration-item-list li.active .tit-box .tit-imgs img:nth-child(2) {opacity: 1; pointer-events: all;}
/* 신문고 작성 :: con01 :: active */
.declaration-item-list li.active{background:var(--main-color); box-shadow: 5px 8px 18px 0px rgba(0, 0, 0, 0.16);}
.declaration-item-list li.active .tit-box .item-tit{color:#fff;}
.declaration-item-list li.active .cm-txt{color:#fff}

/* 신문고 작성 :: con02 */
.declar-page .con02 {margin: 10rem 0 20rem 0;}
.declaration-right-item .bbs-write-tbl-box .declar-td-row {display: flex; align-items: center;}
.declaration-right-item .bbs-write-tbl-box .declar-td-row span {padding-left: 1rem; font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #3d3d3d;}
.declaration-right-item .bbs-write-tbl-box .declar-td-row input {width: 210px; box-sizing: border-box;}
.declaration-right-item .bbs-write-tbl-box .declar-td-row label {margin-left: 1rem; background-color: #3d3d3d; color: #ffffff;}
.declaration-right-item .declaration-item-list .tit-box .tit-imgs {position: relative; margin-right: 3rem;}
.declaration-right-item .declaration-item-list .tit-box .tit-imgs img {transition:var(--transition-custom);}
.declaration-right-item .declaration-item-list .tit-box .tit-imgs img:nth-child(2) {position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none;}
.declaration-right-item .bbs-inquiry-agree-con .agree-tit {font-size: 1.8rem; font-weight: bold; line-height: 2.8em; letter-spacing: -0.065em; color: #333333;}
.declaration-right-item .bbs-write-con .cm-btn-controls button {margin-right: 1rem; background-color: #2daae1; font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #ffffff; width: auto; height: auto; padding: 1rem 3rem;}
.declaration-right-item .bbs-write-con .cm-btn-controls a {background-color: #3d3d3d; font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #ffffff; width: auto; height: auto; padding: 1rem 3rem;}
.declaration-right-item .bbs-write-con .cm-btn-controls button .xi-long-arrow-right {padding-left: 4rem; font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #ffffff;}
.declaration-right-item .bbs-write-con .cm-btn-controls a .xi-long-arrow-right {padding-left: 4rem; font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #ffffff;}
.declaration-right-item .bbs-write-con .inquiry-agreement-con {background-color: #ffffff; border: 1px solid #d5d5d5;}
.declaration-right-item .bbs-write-con .bbs-inquiry-agree-con .agree-txt label {font-size: 1.5rem; line-height: 1.2em; letter-spacing: -0.065em; color: #666666;}
.declaration-right-item .bbs-write-con .bbs-write-tbl-box th {font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #3d3d3d;}
.declaration-right-item .bbs-write-con .bbs-write-tbl-box td input {font-size: 1.4rem; line-height: 2em; letter-spacing: -0.025em; color: #b4b4b4;}
.declaration-right-item .bbs-write-con .inquiry-info-con .inner-box dl dd a {font-size: 1.6rem; line-height: 1.5; letter-spacing: -0.065em; color: #939393;}
.declaration-right-item .bbs-write-con .bbs-inquiry-agree-con .agree-txt input:checked + label i {color: #666666;}
.inquiry-info-con{}
.inquiry-info-con .cm-txt{text-align:center; line-height:1.625; padding: 4.9rem 0;}
.inquiry-info-con .inner-box{background:#f7f7f7; padding:3rem 4rem;}
.inquiry-info-con .inner-box dl{display: flex; align-items:Center; margin-bottom:1rem;}
.inquiry-info-con .inner-box dl:last-child{margin-bottom:0rem;}
.inquiry-info-con .inner-box dl dt{width:12rem; font-size:1.6rem; line-height:1.5; letter-spacing:-0.065em; color:#333;}
.inquiry-info-con .inner-box dl dt i{margin-right:1rem;}
.inquiry-info-con .inner-box dl dd{width:calc(100% - 12rem); font-size:1.6rem; line-height:1.5; letter-spacing:-0.065em; color:#939393;}



/* 인재상 */
.human-cm-con {padding-top: 3.7rem;}
.talent-con {padding-top: 5.5rem}
.talent-con .talent-title-box {text-align: center;}
.talent-con .talent-title-box .talent-title {font-size: 4.5rem; line-height: 0.7em; color: #333333; margin-bottom: 3.5rem;}
.talent-con .talent-title-box .talent-title span {color: #2daae1;}
.talent-con .talent-title-box .talent-subtit {font-size: 2rem; line-height: 1.65em; color: #666666;}
.talent-con .talent-imgs {width: 100%; display: flex; align-items: center; justify-content: center; padding-top: 4rem; margin-bottom: 9rem;}
.talent-con .talent-des-con {width: 100%;}
.talent-con .talent-des-wrap {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin: 0 auto; width: 1000px; height: 180px; background: center / 100% 100% no-repeat url("/images/content/talent_des.png");}
.talent-des-wrap .talent-des-box {padding: 0 6rem;}
.talent-des-wrap .talent-des-box .des-item {display: flex;}
.talent-des-wrap .talent-des-box .des-item span {font-size: 1.6rem; font-weight: bold; line-height: 2.1em; letter-spacing: -0.065em; color: #000000;}
.talent-des-wrap .talent-des-box .des-item p {font-size: 1.6rem; font-weight: 400; line-height: 2.1em; letter-spacing: -0.065em; color: #666666; padding-left: 3.3rem;}

/* 인사제도 */
.person-con .person-item-wrap {margin-top: 4rem;}
.person-con .person-item-box {position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15rem;}
.person-con .item-edu .person-item-txt, .person-con .item-promo .person-item-txt {position: absolute; top: 50%; transform: translateY(-50%); right: 5.5rem;}
.person-con .person-item-box .person-item-txt {width: 39%;}
.person-con .person-item-box .person-item-img {width: 50%;}
.person-con .person-item-box .person-item-img img {width: 100%;}
.person-con .item-assess {flex-direction: row-reverse;}
.person-item-txt .txt-title-box {position: relative; display: flex; padding: 3rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.person-item-txt .txt-title-box h4 {position: relative; font-size: 5rem; font-weight: bold; line-height: 1em; letter-spacing: -0.065em; color: #333333;}
.person-item-txt .txt-title-box h4::before {position: absolute; top: -0.5rem; right: -1.4rem; content: ""; width: 1rem; height: 1rem; background-color: #2daae1; border-radius: 50%;}
.person-item-txt .txt-title-box span {position: absolute; bottom: 1.7rem; left: 9.7rem; font-size: 1.5rem; font-weight: 400; line-height: 3.3em; letter-spacing: -0.025em; color: rgba(51, 51, 51, 0.5);}
.person-item-txt .txt-des-box {padding: 3.4rem 0;}
.person-item-txt .txt-des-box p:nth-of-type(1) {font-size: 2rem; font-weight: bold; line-height: 1.7em; letter-spacing: -0.065em; color: #333333;}
.person-item-txt .txt-des-box p:nth-of-type(2) {font-size: 1.6rem; font-weight: 400; line-height: 1.6em; letter-spacing: -0.065em; color: #666666;}
.item-edu .person-item-txt .txt-des-box p:nth-of-type(1) {line-height: 2.5em;}
.person-con .person-promo-wrap {padding: 10rem 0; background-color: #f2f2f2;}
.person-promo-wrap h3 {text-transform: uppercase; font-size: 3.6rem; font-weight: bold; line-height: 1.4em; letter-spacing: -0.025em; color: #333333; text-align: center;}
.person-promo-wrap .promo-item-box {padding-top: 8.7rem;}
.person-promo-wrap .promo-item {display: flex; align-items: center; padding-top: 9.6rem;}
.person-promo-wrap .promo-item:nth-child(1) {padding-top: 0;}
.person-promo-wrap .promo-item:nth-child(2) {padding-bottom: 0.5rem;}
.person-promo-wrap .promo-item .promo-item-circle {display: flex; align-items: center; justify-content: center; position: relative; width: 16rem; height: 16rem; background-color: #2daae1; border-radius: 50%;}
.person-promo-wrap .promo-item .promo-item-circle::before {position: absolute; content: ""; width: 19rem; height: 19rem; background-color: rgba(45, 170, 225, 0.1); border-radius: 50%;}
.person-promo-wrap .promo-item .promo-item-circle span {font-size: 2.4rem; font-weight: bold; line-height: 2.1em; letter-spacing: -0.025em; color: #ffffff;}
.person-promo-wrap .promo-item .promo-item-line {position: relative; background-color: rgba(45, 170, 225, 0.3); width: calc(100% - 16rem); height: 0.1rem;}
.person-promo-wrap .promo-item .promo-item-line::before {font-family: "xeicon"; position: absolute; top: 50%; transform: translateY(-50%); right: -1rem; content: "\e93f"; font-size: 2.4rem; line-height: 2.1em; letter-spacing: -0.065em; color: #2daae1;}
.person-promo-wrap .promo-item .promo-item-line .line-circle-box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%);}
.person-promo-wrap .promo-item .promo-item-line .line-circle-hide {display: none;}
.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(1) {left: 20%;}
.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(2) {left: 35%;}
.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(3) {left: 50%;}
.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(4) {left: 65%;}
.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(5) {left: 80%;}
.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(1) {left: 20%;}
.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(2) {left: 32%;}
.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(3) {left: 44%;}
.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(4) {left: 56%;}
.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(5) {left: 68%;}
.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(6) {left: 80%;}
.promo-item .promo-item-line .line-circle-box .line-circle {display: flex; align-items: center; justify-content: center; position: relative; background-color: #2daae1; width: 1rem; height: 1rem; border-radius: 50%; transition: 1s; }
.promo-item .promo-item-line .line-circle-box .line-circle::before {opacity: 0; position: absolute; content: ""; width: 2rem; height: 2rem; background-color: rgba(45, 170, 225, 0.1); border-radius: 50%; transition: 1s;}
.promo-item .promo-item-line .line-circle-box.active .line-circle {animation: 1s wave1 infinite linear;}
.promo-item .promo-item-line .line-circle-box.active .line-circle::before {opacity: 1; animation: 1s  wave2 infinite linear;}
.person-promo-wrap .promo-item .promo-item-line .line-circle-box .circle-name {position: absolute; top: 1.5rem; font-size: 1.6rem; font-weight: 500; line-height: 3.1em; letter-spacing: -0.065em; color: #666666; transition: 1s;}
.promo-item .promo-item-line .line-circle-box.active .circle-name {color: #2daae1;}

@keyframes wave1 {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
		opacity: 0;
	}
	100% {
		transform: scale(1);
	}
}

@keyframes wave2 {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(2);
		opacity: 0;
	}
	100% {
		transform: scale(1);
	}
}

/* 복리후생 */
.welfare-con {margin-top: 9rem; width: 100%;}
.welfare-con > h4 {font-size: 2.6rem; font-weight: bold; line-height: 1.5em; letter-spacing: -0.065em; color: #333333; text-align: center;}
.welfare-con .welfare-item-wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 7rem 0 4.5rem 0;}
.welfare-item-wrap .welfare-item {display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(20% - 3.5rem); height: 233px; box-shadow: 11px 10px 21px 0px rgba(0, 0, 0, 0.06); border: 1px solid #eeeeee; margin: 0 3.5rem 4rem 0; box-sizing: border-box;}
.welfare-item-wrap .welfare-item:nth-child(5) {margin-right: 0;}
.welfare-item-wrap .welfare-item:nth-child(10) {margin-right: 0;}
.welfare-item-wrap .welfare-item:nth-child(15) {margin-right: 0;}
.welfare-item-wrap .welfare-item span {text-align: center; font-size: 1.6rem; font-weight: 500; line-height: 2.5em; letter-spacing: -0.065em; color: #333333; padding-top: 1rem;}

/* 채용 프로세스 */
.notice-con > h4 {font-size: 2.6rem; font-weight: bold; line-height: 1.5em; letter-spacing: -0.065em; color: #333333; text-align: center;}
.notice-con .notice-item-wrap {margin-top: 4.8rem; background-color: #f4f4f4; padding-bottom: 11rem;}
.notice-item-wrap .notice-pc-box {padding: 8.5rem 0 7rem 0; display: flex; align-items: center; justify-content: center;}
.notice-item-wrap .notice-pc-box .notice-pc-item {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100% / 6); border-left: 1px solid #e6e6e6; padding: 4.9rem 0; box-sizing: border-box;}
.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(1) {border-left: none;}
.notice-item-wrap .notice-pc-box .notice-pc-item span {font-size: 2.2rem; font-weight: bold; line-height: 1.8em; letter-spacing: -0.065em; color: #333333; padding-top: 3.7rem;}
.notice-item-wrap .notice-pc-box .notice-pc-item span:nth-of-type(2) {position: absolute; font-size: 1.6rem; bottom: 1.6rem; font-weight: 400; line-height: 2.5em; letter-spacing: -0.065em; color: #666666; padding-top: 0;}
.notice-item-wrap .notice-pc-box .notice-pc-item .pc-item-circle {position: absolute; top: 50%; left: -25px; transform: translateY(-50%); width: 50px; height: 50px; background-color: #2daae1; border-radius: 50%; box-shadow: 5px 9px 40px 0px rgba(45, 170, 225, 0.23);}
.notice-item-wrap .notice-pc-box .notice-pc-item .pc-item-circle::before {font-family: "xeicon"; font-size: 2.4rem; line-height: 1.7em; letter-spacing: -0.065em; position: absolute; content: "\e90b"; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff;}
.notice-item-wrap .notice-txt-box {background-color: #ffffff; padding: 5.5rem 6.1rem 2.9rem 6.1rem;}
.notice-item-wrap .notice-txt-box .notice-txt-item {display: flex; align-items: flex-start; margin-bottom: 3.5rem;}
.notice-item-wrap .notice-txt-box .notice-txt-item span {text-align: end; font-size: 2.2rem; font-weight: bold; line-height: 1.5em; letter-spacing: -0.065em; color: #333333; min-width: 80px;}
.notice-item-wrap .notice-txt-box .notice-txt-item p {font-size: 1.6rem; font-weight: 400; line-height: 1.6em; letter-spacing: -0.065em; color: #333333; padding-left: 11.5rem;}

/* 채용공고 */
.apply-con > p {font-size: 2.6rem; font-weight: bold; line-height: 1.5em; letter-spacing: -0.065em; color: #333333; text-align: center;  margin-bottom: 5rem;}

.apply-con .sub-tab-wrapper-style{margin-bottom:6rem;}
.apply-con .sub-tab-list-style ul{max-width:600px; margin:auto; }

.apply-con .apply-item-wrap {border-top: 1px solid #000000;}
.apply-item-wrap .apply-item {border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: 0.3s;}
.apply-item-wrap .apply-item:hover {background-color: #f7f7f7;}
.apply-item-wrap .apply-item a {display: flex; align-items: center; justify-content: space-between; padding: 2.8rem 3.8rem;}
.apply-item-wrap .apply-item .apply-item-txt {display: flex;}
.apply-item-wrap .apply-item .apply-item-txt .item-txt-left span {font-size: 2rem; line-height: 2em; letter-spacing: -0.065em; color: #333333;}
.apply-item-wrap .apply-item .apply-item-txt .item-txt-right {padding-left: 9rem; width:100%;}
.apply-item-wrap .apply-item .apply-item-txt .item-txt-right p {font-size: 2rem; font-weight: bold; line-height: 2em; letter-spacing: -0.065em; color: #333333;}
.apply-item-wrap .apply-item .apply-item-txt .item-txt-right span {position: relative; padding-left: 3rem;}
.apply-item-wrap .apply-item .apply-item-txt .item-txt-right span::before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ""; width: 2px; height: 11px; background-color: rgba(0, 0, 0, 0.2); margin-left: 1.5rem;}
.apply-item-wrap .apply-item .apply-item-txt .item-txt-right p:nth-child(2) {font-size: 1.6rem; font-weight: 400; line-height: 2.5em; letter-spacing: -0.065em; color: #666666;}
.apply-item-wrap .apply-item .apply-item-state {display: flex; align-items: center; justify-content: center; width: 130px; height: 40px; border: 1px solid #cccccc;}
.apply-item-wrap .apply-item .apply-item-state span {font-size: 1.6rem; line-height: 2.5em; letter-spacing: -0.065em; color: #666666;}
.apply-item-wrap .apply-item .apply-progress {background-color: #2daae1; border: 1px solid transparent;}
.apply-item-wrap .apply-item .apply-progress span {color: #ffffff;}

/* sustainability - esg */
.esg-con {padding-top: 5rem;}
.esg-con .esg-con-wrap {display: flex; align-items: center; justify-content: space-between; margin: 12rem 0 12.5rem 0;}
.esg-con > p {font-size: 2.6rem; font-weight: bold; line-height: 1.5em; color: #333333; text-align: center; letter-spacing: -0.065em;}
.esg-con-wrap .esg-item-con {width: 50%;}
.esg-con-wrap .esg-item-con .esg-item-wrap .esg-item-box {display: flex; margin-top: 2.4rem;}
.esg-con-wrap .esg-item-con .esg-item-wrap > span {font-size: 1.6rem; font-weight: bold; line-height: 3.1em; letter-spacing: -0.065em; color: #ffffff; background-color: #2daae1; border-radius: 2.5rem; padding: 1rem 3rem;}
.esg-item-con .esg-item-wrap {border-bottom: 1px solid #ececec; padding: 2.7rem 0;}
.esg-item-con .esg-item-wrap em{margin-left:10px;font-size:14px; font-weight:600; letter-spacing:-0.5px;}
.esg-item-con .esg-item-wrap:nth-child(1) {border-top: 1px solid #ececec;}
.esg-item-con .esg-item-wrap .esg-item-box .esg-item {display: flex; align-items: center; width: 33.333%}
.esg-item-con .esg-item-wrap .esg-item-box .esg-item span {font-size: 1.6rem; font-weight: 500; line-height: 1.6em; letter-spacing: -0.065em; color: #333333; padding-left: 2rem;}

/* sustainability - 윤리경영 */
.manage-con {background: center / cover no-repeat url("/images/content/manage_bg.png"); width: 100%; height: 500px; margin: 9rem 0 8.5rem 0;}
.manage-con .manage-con-inner {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;} 
.manage-con .manage-con-inner p {font-size: 2.6rem; font-weight: bold; line-height: 1.5em; letter-spacing: -0.065em; color: #ffffff; text-align: center; padding: 0 2rem;}
.manage-con .manage-con-inner a {display: flex; align-items: center; justify-content: center; padding: 1rem 3.3rem; background-color: #2daae1; letter-spacing: -0.05em; color: #ffffff; font-size: 1.5rem; font-weight: bold; line-height: 2.7em; margin-top: 4rem;}

/* speaker up 신문고 조회 */
.declarview-con {margin-top: 9rem;}
.declarview-con .declarview-inner {border-top: 1px solid rgba(51, 51, 51, 0.1); padding: 10rem 0; display: flex; align-items: flex-start; justify-content: space-between;}
.declarview-con .declarview-inner h4 {font-size: 3.4rem; font-weight: bold; line-height: 1.2em; letter-spacing: -0.065em; color: #333333;}
.declarview-con .declarview-inner .declarview-item-box {width: 73%;}
.declarview-con .declarview-inner .declarview-item-box form {text-align: center;}
.declarview-con .declarview-inner .declarview-item-box input {display: block; width: 495px; height: 50px; border: 1px solid transparent; background-color: #f6f6f6; margin-left: 3.5rem; padding: 0 2rem; font-size: 1.4rem; line-height: 2em; letter-spacing: -0.025em; color: #b4b4b4; text-decoration: none; outline: none;}
.declarview-con .declarview-inner .declarview-item-box input:focus {background-color: #ffffff; border: 1px solid #000000;}
.declarview-con .declarview-inner .declarview-item-box .declarview-item {display: flex; align-items: center; padding: 1.5rem 0; border-top: 1px solid #333333; border-bottom: 1px solid #e2e2e2;}
.declarview-con .declarview-inner .declarview-item-box .declarview-item span {font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #3d3d3d;}
.declarview-con .declarview-inner .declarview-item-box .declarview-item:last-of-type {border-top: none;}
.declarview-con .declarview-inner .declarview-item-box button {position: relative; background-color: #2daae1; padding: 1.4rem 3rem; font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #ffffff; margin-top: 6rem;}
.declarview-con .declarview-inner .declarview-item-box button .xi-long-arrow-right {padding-left: 4rem;}

/* speaker up 신문고 확인, 신문고 작성 완료 */
.cm-declar-page .bbs-write-con .bbs-write-tbl {border-top: none;}
.cm-declar-page form {margin: 10rem 0;}
.cm-declar-page .declaration-con-wrap .cm-btn-controls {margin-top: 0;}
.cm-declar-page .declaration-con-wrap .cm-btn-controls a {margin-right: 1rem; background-color: #2daae1; font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #ffffff; width: auto; height: auto; padding: 1rem 3rem;}
.cm-declar-page .declaration-con-wrap .cm-btn-controls a .xi-long-arrow-right {padding-left: 3rem; font-size: 1.6rem; line-height: 1.6em; letter-spacing: -0.065em; color: #ffffff;}
.declar-check-page .declaration-con-wrap .cm-btn-controls a .xi-long-arrow-right {padding-left: 2rem;}
.declar-check-page .declaration-right-item .manage-comment-con {margin: 5rem 0;}

.declaration-right-item .bbs-write-tbl tr{border-bottom:1px solid #ddd;}
.declaration-right-item .bbs-write-tbl th, html[lang="en"] .declaration-right-item .bbs-write-tbl td{border-bottom:0;}


/************** Archive :: 견적문의 **************/
.archive-inquiry-wrap{max-width:1000px; margin:auto;}
.archive-inquiry-wrap .top-txt-box{text-align:center; margin-bottom:6rem;}
.archive-inquiry-wrap .top-txt-box .txt-01{font-size:2.6rem; line-height:1.53; letter-spacing:-0.065em; color:#333; font-weight:700;}
.archive-inquiry-wrap .top-txt-box .txt-02{font-size:1.6rem; line-height:1.53; letter-spacing:-0.065em; color:#333; opacity:0.5; margin-top:1.2rem;}

.bbs-write-tbl .input-check{/* padding:10px 0; */ margin:0 -5px;}
.bbs-write-tbl .input-check span{display: inline-block; margin:5px;}
.bbs-write-tbl .input-check span input{display: none;}
.bbs-write-tbl .input-check span label{display: inline-block; font-size:1em; letter-spacing:-0.025em; color:#6f6f6f; border:1px solid #dfdfdf; padding:0 3rem; height:45px; line-height:45px; min-width:12rem; text-align:center; box-sizing:border-box;}
.bbs-write-tbl .input-check span label:before{display: none;}
.bbs-write-tbl .input-check span input[type="checkbox"]:checked + label,
.bbs-write-tbl .input-check span input[type="radio"]:checked + label{background:#099fe7; border-color:#099fe7; color:#fff;}


/* 오시는길 카카오맵 추가 (2023-07-17) */
.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%}


/* ARCHIVE :: 인사이더 추가 (2023-01-31) */
.insider-page .gallery-con11-headline .headline-info-con .gal-title {font-weight: 600; letter-spacing:-0.065em;}
.insider-page .gallery-con11-headline .headline-info-con .gal-sub-txt {letter-spacing:-0.065em;}
.insider-page .gallery-con11-list-con li a .gallery-thum-box {border:1px solid #eee;}
.insider-page .gallery-con11-list-con li a .gallery-info-box {padding:30px 25px; margin-top: -1px; min-height:148px; box-sizing:border-box;}
.insider-page .gallery-con11-list-con li a .gallery-info-box .gal-title {font-size:16px; letter-spacing:-0.065em; text-align:center; height: auto; margin: 0 auto 20px; transition:var(--transition-custom); min-height:24px;}
.insider-page .gallery-con11-list-con li a .gal-btn {display:flex; align-items:center; justify-content:center; background: #fff; border:1px solid #666; width: 18rem; height: 4rem; font-size:15px; color: #000; line-height:1.25; margin: 0 auto; transition:var(--transition-custom); /* width: 44.66%; */}

.insider-page .gallery-con11-list-con li a:hover .gallery-info-box .gal-title {color: #2daae1;}
.insider-page .gallery-con11-list-con li a:hover .gal-btn {background: #2daae1; border-color:#2daae1; color: #fff;}

@media all and (max-width:480px){
	.insider-page .gallery-con11-list-con li a .gal-btn {width: 90%;}
}