.cf:after {clear:both; content:""; display:block;}
em.new {
	border-radius: 13px;
	background: #00592D; 
	color: #FFF;
	font-family: "Noto Sans KR";
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px; /* 250% */
	letter-spacing: -0.48px;
	padding:3px 7px;
	margin-left:5px;
}
.gnb > li > a {
	color: #222;
	text-align: center;
	font-family: "Noto Sans KR";
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 168.421% */
	letter-spacing: -0.76px;
}
.mainVideo {height:calc(100vh - 100px); overflow:hidden; padding-top:100px;}
.mainVideo video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	will-change: auto;
}

.borderWrap {width:1300px; margin:0 auto; height:100vh; position:fixed; top:0; right:0; left:0; display:flex;}
.borderWrap > .borderLine {border-right:1px solid #ddd; height:100vh; display:inline-block; flex:1; opacity:0.5;}
.borderWrap > .borderLine:nth-child(1) {border-left:1px solid #ddd;}

.mainVideo {position:relative;}
.mainVideo strong.txt {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	z-index: 10;
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: 'Prompt';
	font-size: 84px;
	font-style: normal;
	font-weight: 700;
	line-height: 100px; /* 119.048% */
	text-transform: uppercase;
}
.mainVideo strong a{
color: #fff;
display:inline-block;
font-family: Noto Sans CJK KR;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 66.667% */
letter-spacing: -0.96px;
margin:70px 0 0 30px;
background:url('/resource/images/main/link_arr.png')no-repeat right center;
padding-right:24px;
}

.HoverSection {margin-top:200px;}
.HoverSection p {font-size:140px; font-family: "indivisible", sans-serif; font-weight:700; color:#fff; letter-spacing:-2.8px; text-transform: uppercase; line-height: 143px; white-space: nowrap; opacity:0;}
.HoverSection p.txt1 {text-align:left; transform: translateX(-1000px);}
.HoverSection p.txt2 {text-align:right; transform: translateX(1000px);}

.graySection {background:#f7f7f7; padding:180px 0 252px 0;}
.graySection small {
	display:block;
	color: #999;
	/* Title */
	font-family: Indivisible;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px; /* 250% */
	letter-spacing: -0.32px;
	text-transform: uppercase;
	text-decoration:underline;
	text-underline-offset : 5px;
}
.graySection p{
	color: #333;
	leading-trim: both;
	text-edge: cap;

	/* Subtext */
	font-family: Noto Sans CJK KR;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px; /* 170% */
	letter-spacing: -0.8px;
}
.greenTitle {
	color: #00592D;
	leading-trim: both;
	text-edge: cap;
	/* SubTitle */
	font-family: Indivisible;
	font-size: 60px;
	font-style: normal;
	font-weight: 900;
	line-height: 116px; /* 111.538% */
	letter-spacing: -3.12px;
	text-transform: uppercase;
}

.whiteSection {background:#fff; text-align:right;}


.sloGan {padding:180px 0 200px 0;}

.grayText {
color: #bbb;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 185.714% */
letter-spacing: -0.56px;
}

.bigText {
color: #333;
font-family: "neue-haas-grotesk-display", sans-serif;
font-size: 96px;
font-style: normal;
font-weight: 700;
line-height: 120px; /* 125% */
letter-spacing: -1.92px;
text-transform: uppercase;
}

.sloGan .inner {display:flex;}
.sloGan .leftContents {padding-left:30px; width:410px;}

.esgSwiper .swiper-slide {height:940px; display:flex; justify-content: center; align-items: center; flex-direction: column; background-size:cover;}
.esgSwiper .slide1 {background:url('/resource/images/main/esg_back1.png')no-repeat; background-size:cover;}
.esgSwiper .swiper-slide * {color:#fff;}
.esgSwiper .swiper-slide small {
	font-family: Indivisible;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.32px;
	text-transform: uppercase;
	margin-bottom:72px;
}
.esgSwiper .swiper-slide strong {
	font-family: Indivisible;
	font-size: 104px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: -3.12px;
	text-transform: uppercase;
}
.esgSwiper .swiper-slide p {
	max-width:100%; 
	text-align:center;
	/* Subtext */
	font-family: Noto Sans CJK KR;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px; /* 170% */
	letter-spacing: -0.8px;
	margin-top:26px;
}
.esgSwiper .swiper-pagination-bullet {width:10px; height:10px; background:#fff; margin:0 10px !important;}
.esgSwiper .swiper-pagination-bullet-active {background:#fff;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom,40px) !important;
	top: var(--swiper-pagination-top,auto);
	left: 0;
	width: 100%;
}
.bar_wrap {
	position:absolute;
	bottom:0px;
	z-index:10;
	left:0;
	width:100%;
}
.bar {
	width:100%;
	height:8px;
	background:rgba(255, 255, 255, 0.5);
	position:relative;
}
.back {
	display:inline-block;
	width:0%;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
}
.animation {
	animation:5s start linear;
}
@keyframes start {
	0% {
		width:0%
	}
	100% {
		width:100%
	}
}

#topBanner {width:100%; height:940px; position:relative; background-repeat:no-repeat; background-size:cover;}
#topBanner.intro {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/intro.png');}
#topBanner.ceo {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/ceo.png');}
#topBanner.history {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/history.png');}
#topBanner.maps {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/maps.png');}
#topBanner.business1 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/business_1.png');}
#topBanner.business2 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/business_2.png');}
#topBanner.rnd1 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/rnd_1.png');}
#topBanner.rnd2 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/rnd_2.png');}
#topBanner.rnd3 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/rnd_3.png');}
#topBanner.rnd4 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/rnd_4.png');}
#topBanner.rnd5 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/rnd_5.png');}
#topBanner.esg1 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/esg_1.png');}
#topBanner.esg2 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/esg_2.png');}
#topBanner.esg3 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/esg_3.png');}
#topBanner.esg4 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/esg_4.png');}
#topBanner.esg5 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/esg_5.png');}
#topBanner.recruit1 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/recruit_1.png');}
#topBanner.recruit2 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/recruit_2.png');}
#topBanner.contactus {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/etc_1.png');}
#topBanner.privacy {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/etc_2.png');}
#topBanner.privacy2 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/etc_3.png');}
#topBanner.legal {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/etc_4.png');}
#topBanner.ethics {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/ethics_1.png');}
#topBanner.notice {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/notice.png');}
#topBanner.publicnotice {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/publicnotice.png');}
#topBanner.finance {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/finance.png');}
#topBanner.news {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/news.png');}
#topBanner.news2 {background-image:linear-gradient(rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.35)),url('/resource/images/bg/news2.png');}


.SubTitle1{
	color: #222;
	/* Subpage_H1 */
	font-family: "Noto Sans KR";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px;
	letter-spacing: -2px;
	text-transform: capitalize;
}
.SubTitle3{
	color: #444;

	/* Subpage_H3 */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	word-break: keep-all;
}
.SubtitleNumber3 {
	color: #999;
	font-variant-numeric: lining-nums proportional-nums;

	/* Subpage_H3(number) */
	font-family: Roboto;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 145.455% */
	letter-spacing: -0.88px;
}


.subWrap {position:absolute; bottom:140px;}
.subWrap strong {
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 84px;
	letter-spacing:-4.2px;
	color:#fff;
}

.test{
	display: flex;
	width: 820px;
	flex-direction: column;
	align-items: flex-start;
	gap: 50px;
}

.test h1 {
	color: #222;
	/* Subpage_H1 */
	font-family: "Noto Sans KR";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px;
	letter-spacing: -2px;
	text-transform: capitalize;
	width:820px;
}
.test p {
	color: #444;
	/* Subpage_H3 */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: -1.6px;
	width:820px;
}

.txtWrap {
	display: flex;
	padding: 200px 0px 350px 0px;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch; 
	max-width:1240px;
	margin:0 auto;
}

.introImg {
	width:400px;
	height: 510px;
	flex-shrink: 0;
	border-radius:10px;
	background:url('/resource/images/sub/intro_img.png')no-repeat;
}

.ceoWrap {
	display: flex;
	padding: 200px 0px 350px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 50px;
	max-width:1240px;
	margin:0 auto;
}

.ceoTxt {display:flex;}

.historyWrap {
	display: flex;
	padding: 200px 0px 350px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 220px;
	align-self: stretch;
	max-width:1240px;
	margin:0 auto;
}

.historyBox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.historyContents {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.historyContents h1 {
	width: 485px;
}

.historyContents ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.historyContents ul li {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.historyContents ul li .historyTxtWrap {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.historyTxtWrap h3 {
	color:#222;	
}

.maps {
	display: flex;
	width: 1240px;
	height: 550px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	background:url('/resource/images/sub/map.png')no-repeat;
}


.addressWrap {
	display: flex;
	/*padding: 0px 340px;*/
	flex-direction: column;
	align-items: flex-start;
	gap: 80px;
}

.addressWrap > .box {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.addressWrap .location {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	width:380px;
}

.addressWrap .location small {
	color: #999;

	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.72px;
}
.addressWrap .location strong {
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 54px; /* 150% */
	letter-spacing: -1.44px;
	text-transform: capitalize;
}

.addressWrap .locationList {
	display: flex;
	width: 820px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 20px;
	flex-wrap: wrap;
}

.addressWrap .locationList a > div {
	display: flex;
	width: 400px;
	padding: 36px 36px 50px 36px;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
	box-sizing:border-box;
	border-radius: 10px;
	background: #F3F3F3;
}


.addressWrap .locationList a > div a {
	color:#444;
}

.addressWrap .locationList a > div > small {
	color: #999;

	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.72px;
}

.addressWrap .locationList a > div > strong {
	color: #222;
	/* Subpage_H2 */
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
	margin-bottom:26px;
	background:url('/resource/images/sub/icon_arrow.png')no-repeat center right;
	padding-right:37px;
}

.addressWrap .locationList a > div > ul li {
	color: #444;
	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -1px;
	text-indent:-30px;
	padding-left:30px;
}
.addressWrap .locationList a > div > ul li span {
	padding-right:20px;
}

.addressWrap .locationList2 div {
	display: flex;
	width: 400px;
	padding: 36px 36px 50px 36px;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
	box-sizing:border-box;
	border-radius: 10px;
	background: #F3F3F3;
}


.addressWrap .locationList2  div a {
	color:#444;
}

.addressWrap .locationList2  div > small {
	color: #999;

	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.72px;
}

.addressWrap .locationList2  div > strong {
	color: #222;
	/* Subpage_H2 */
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
	margin-bottom:26px;
	background:url('/resource/images/sub/icon_arrow.png')no-repeat center right;
	padding-right:37px;
}

.addressWrap .locationList2  div > ul li {
	color: #444;
	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -1px;
	text-indent:-30px;
	padding-left:30px;
}
.addressWrap .locationList2 div > ul li span {
	padding-right:20px;
}


.businessWrap {
	display: flex;
	padding: 200px 0px 350px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 220px;
	align-items: center;
	max-width:1240px;
	margin:0 auto;
}

.businessWrap2 {
	display: flex;
	padding: 170px 340px 190px 340px;
	flex-direction: column;
	align-items: flex-start;
	gap: 220px;
	background: #F3F3F3;
}
.businessWrap h1 {
	width: 275px;
}
.businessWrap .businessBox {
display: inline-flex;
align-items: flex-start;
gap: 40px;
}
.businessContents {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 50px;
	width:925px;
}

.businessContents .box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.lithium {
	border-radius: 10px;
	background: #F3F3F3;
	width: 925px;
	flex-shrink: 0;
	padding:80px 0 92px 0;
}

.lithium h2 {
	color: #222;
	text-align: center;
	/* Subpage_H2 */
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
	margin-bottom:40px;
}

.lithium ul {
	width: 631px;
	height: 116px;
	flex-shrink: 0;
	margin:0 auto 40px;
}

.lithium ul li p {
	letter-spacing:-1.5px;
}

.lithium ul li {
	margin-bottom:10px;
}

.listType1 {width:100%;}
.listType1 li {padding:14px 0 14px 10px; border-bottom:1px solid #eee;}
.listType1 li:last-child {border-bottom:none;}
.listType1 li strong {
	color: #222;
	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	width:100px;
	display:inline-block;
}
.listType1 li p {display:inline-block;}

.listType2 li {padding:14px 0 14px 10px; border-bottom:1px solid #eee;}
.listType2 li:last-child {border-bottom:none;}
.listType2 li strong {
	color: #222;
	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	width:216px;
	display:inline-block;
	vertical-align:top;
}
.listType2 li p {display:inline-block; color:#666;}

.rndContents {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 60px;
}
.rndContents .rndList{
	display: flex;
	width: 922.004px;
	align-items: flex-start;
	gap: 40px;
}

.rndListText {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
}

.rndListText h4 {
	color: #222;
	/* Subpage_H2 */
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
}

.rndListText p {
	color: #444;
	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.72px;
}
.rndWrap{
	display: flex;
	padding: 200px 340px 180px 340px;
	align-items: flex-start;
	gap: 40px;
}
.rndWrap > strong {
	width: 275px;
	color: #222;
	/* Subpage_H1 */
	font-family: "Noto Sans KR";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px; /* 144.444% */
	letter-spacing: -1.44px;
	text-transform: capitalize;
}
.rndList{
	display: flex;
	width: 925px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 20px 21px;
	flex-wrap: wrap;
}
.rndList > div.rndGray {
	display: flex;
	width: 445px;
	height: 260px;
	padding: 40px 30px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 10px;
	background: #F3F3F3;
	box-sizing:border-box;
}
.rndList > div > strong {
	color: #222;
	/* Subpage_H2 */
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
}
.rndList > div > p {
	color: #444;
	/* Subpage_H4 */
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.72px;
}
.radiusImg {border-radius:10px;}
.rndListText span {
		color: #999;
		/* Subpage_H4(number) */
		font-family: 'Roboto';
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 27px; /* 168.75% */
		letter-spacing: -0.64px;
		padding-top:20px;
}

.esgtextWrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.esgtextWrap > strong {
	color: #222;

	/* Subpage_H2 */
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
}

.esgtextWrap > p, .esgtextWrap li {
	color: #444;
	/* Subpage_H3 */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
}

.esgtextWrap li {
	text-indent: -11px;
    margin-left: 11px;
	margin-bottom:10px;
}

.downBtn {
	color: #222;
	/* Subpage_H4(Bold) */
	font-family: "Noto Sans KR";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px; /* 187.5% */
	letter-spacing: -0.64px;
	border-radius: 10px;
	background:#F3F3F3 url('/resource/images/sub/down_icon.png')no-repeat right 17px center;
	padding:15px 0 15px 20px;
	/*width:452px;*/
	width:433px;
	margin-top:30px;
}

.esgBox {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
}

.btnWrap {
	display: flex;
	align-items: flex-start;
	gap: 21px;
}

.patentList {
	display: inline-flex;
	align-items: flex-start;
	gap: 20px;
}
.patentList strong {
	width:85px;
	color: #222;
	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
}
.patentList ul {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}
.patentList ul li svg {
	width: 10px;
	height: 32px;
}
.patentList ul li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #444;
	/* Subpage_H3 */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
}

.recruitBox > p {
color: #444;
/* Subpage_H3 */
font-family: "Noto Sans KR";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 160% */
letter-spacing: -0.8px;
}

.recruitBox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 80px;
}

.recruitBox ul {
	display: flex;
	width: 925px;
	flex-direction: column;
	align-items: flex-start;
	gap: 80px;
}
.recruitBox ul li {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	align-self: stretch;
}

.recruitTextBox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	flex: 1 0 0;
}

.recruitTextBox strong {
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 160% */
	letter-spacing: -1px;
}

.recruitTextBox p{
	color: #444;

	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -1px;
}


.recruitTextBox p > span{
	font-weight: bold;
	font-size:16px;
	color:#000;
	margin-right:10px;
}

.boardWrap {
	display: flex;
	padding: 200px 0px 350px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 80px;
	margin:0 auto;
	max-width:1240px;
}

.boardWrap > strong {
	color: #222;
	/* Subpage_H1 */
	font-family: "Noto Sans KR";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px; /* 144.444% */
	letter-spacing: -1.44px;
	text-transform: capitalize;
}

.tableWrap {width:100%;}
.tableWrap > table {
	width:100%;
	border-bottom:2px solid #ccc;
}

.tableWrap > table > caption {display:none;}
.tableWrap > table th {
	color: #222;
	text-align: center;

	/* Subpage_H4(Bold) */
	font-family: "Noto Sans KR";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px; /* 187.5% */
	letter-spacing: -0.64px;
}
.tableWrap > table th a {color:#222;}
.tableWrap > table th, .tableWrap > table td {text-align:center;}
.tableWrap > table td {padding:0px 10px; height:60px; border-bottom:1px solid #EEE; vertical-align:middle;}
.tableWrap > table thead:after {content:""; display:block; margin-bottom:20px;}
.tableWrap > table tbody {border-top:2px solid #666;}
.tableWrap > table td.title{
	color: #444;
	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.72px;
	text-align:left;
}
.tableWrap > table td.title a {color:#444;}
.tableWrap > table td.num {
	color: #999;
	text-align: center;
	/* Subpage_H4(number) */
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px; /* 168.75% */
	letter-spacing: -0.64px;
}

.pagingWrap {
display: flex;
width: 100%;
padding-bottom: 8px;
justify-content: center;
align-items: center;
margin-top:40px;
}
.pagingWrap > .paging {
	display: flex;
	align-items: center;
	gap: 30px;
}

.pagingWrap > .paging a.prev, .pagingWrap > .paging a.next{
	width: 26px;
	height: 26px;
	text-indent:-9999px;
}

.pagingWrap > .paging a.prev {
	background:url('/resource/images/common/paging_prev_icon.png')no-repeat;
}
.pagingWrap > .paging a.next {
	background:url('/resource/images/common/paging_next_icon.png')no-repeat;
}
.pagingWrap > .paging > strong {
	color: #00592D;
	text-align: center;
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 200% */
	letter-spacing: -0.64px;
}
.pagingWrap > .paging a {
	color: #444;
	text-align: center;
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 200% */
	letter-spacing: -0.64px;
}

.hidden {
	position: absolute;
	left: -9999px;
	text-indent: -9999px;
	height: 0;
	font-size: 1px;
	line-height: 0;
}
.listSch {
    text-align: right;
	position:relative;
	margin-bottom:40px;
}

select {
	color: #444;
	padding-left:20px;
	/* Subpage_H3(Bold) */
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	height:60px;
}

/* IE */
select::-ms-expand { 
	display: none;
}
select {
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#fff url('/resource/images/common/selectbox_arr.png')no-repeat right 12px center;
	border-radius:5px;
	border:1px solid #ccc;
}

#searchWord {
	border-radius: 5px;
	border: 1px solid #CCC;
	height:60px;
	color: #444;

	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	padding-left:20px;
	box-sizing:border-box;
}

input::placeholder {
	color:#ccc;
}

.searchBtn {
	width:26px;
	height:26px;
	background:url('/resource/images/common/searchbtn.png')no-repeat;
	display:inline-block;
	position: absolute;
	right: 21px;
	top: 17px;
}

.headerMenu {background:#fff; display:none;}
.headerInner {width:1240px; position:relative; margin:0 auto; left:256px; padding:17px 98px;}
.headerInner:after {clear:both; content:""; display:block;}
.headerInner > ul {float:left; position:relative;}
.headerInner > ul:nth-child(2) {left:90px;}
.headerInner > ul:nth-child(3) {left:144px;}
.headerInner > ul:nth-child(4) {left:210px;}
.headerInner > ul:nth-child(5) {left:300px;}
.headerInner > ul:nth-child(6) {left:362px;}
.headerInner > ul:nth-child(7) {left:318px;}

.headerInner > ul li {text-align:center; margin-bottom:7px;}
.headerInner > ul li a {
	color: #444;
	text-align: center;
	font-family: "Noto Sans KR";
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.6px;
}

.patentWrap {
	display: flex;
	padding: 200px 0px 350px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 120px;
	max-width:1240px;
	margin:0 auto;
}

.patentWrap > strong {
	color: #222;
	/* Subpage_H1 */
	font-family: "Noto Sans KR";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px; /* 144.444% */
	letter-spacing: -1.44px;
	text-transform: capitalize;
}

.patentTab {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 80px;
}


.patentTabList {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.patentTabList > li {
	width: 400px;
	height: 200px;
	flex-shrink: 0;
	border-radius: 10px;
	background: #F3F3F3;
	text-align:center;
}

.patentTabList > li:hover {cursor:pointer;}

.patentTabList > li > small {
	display:block;
	color: #CCC;
	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	margin-top:39px;
}
.patentTabList > li > strong {
	color: #CCC;
	font-family:'Roboto';
	font-size: 74px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px; /* 81.081% */
	letter-spacing: -1.48px;
	margin-top: 10px;
	display: inline-block;
}
.patentTabList > li > strong > span {
	color: #CCC;
	/* Subpage_H2 */
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
}

.patentTabList > li.active > small, .patentTabList > li.active > strong, .patentTabList > li.active > strong > span {color:#00592D;}

.addressWrap .locationList > div > strong.name {
	color: #222;
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: -1.12px;
	margin-bottom: 26px;
	background: none;
	padding-right: 37px;
}

.ethicsWrap {
	display: flex;
	padding: 200px 0px 350px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 220px;
	max-width:1240px; 
	margin:0 auto;
}

.ethicsBox {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	align-self: stretch;
}

.ethicsBox > strong {
	color: #222;
	/* Subpage_H1 */
	font-family: "Noto Sans KR";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px; /* 144.444% */
	letter-spacing: -1.44px;
	text-transform: capitalize;
	width: 275px;
	flex-shrink: 0;
}

.ethicsBoxTextWrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 80px;
	flex: 1 0 0;
}
.ethicsBoxText {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
}

.ethicsBoxText > strong {
	color: #222;

	/* Subpage_H2 */
	font-family: "Noto Sans KR";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
}
.ethicsBoxText p {
	color: #444;
	/* Subpage_H3 */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	margin-top:20px;
}
.ethicsBoxText p > span {
	display:block;
	color: #222;
	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	margin-bottom:5px;
}
.sinmungo {
	border-radius: 10px;
	border: 1px solid #EEE;
	background: #F3F3F3;
	width: 190px;
	flex-shrink: 0;
	color: #222;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	letter-spacing: -0.64px;
	text-transform: uppercase;
	text-align:center;
	padding:17px 0;
}

.ethicsBoxText p.border {
	width:100%;
	border-bottom:1px solid #ccc;
	padding-bottom: 10px;
}
.ethicsBoxText h2 {
	color: #222;
	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
}
.grayTextBox{
	display: flex;
	width: 925px;
	padding: 30px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	border-radius: 10px;
	background: #F3F3F3;
}
.grayTextBox strong {
	color: #222;
	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
}

.grayTextBox ul li, .grayTextBox ul li > p {
	text-indent:-21px; 
	padding-left:21px; 
	color: #444;
	/* Subpage_H4 */
	font-family: "Noto Sans KR";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	letter-spacing: -0.72px;
}
.grayTextBox ul li > p {margin:0;text-indent:0;}
.tableWrap > table.tableType3 tbody {border-top:none;}
.tableType3 th.title{text-align:left; padding-bottom:30px;}
.tableType3 th.title strong {
	color: #222;
	/* Subpage_H2 */
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 36px; /* 128.571% */
	letter-spacing: -1.12px;
}
.tableType3 th.title span{
	color: #999;
	/* Subpage_H4(number) */
	font-family: 'Roboto';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px; /* 168.75% */
	letter-spacing: -0.64px;
}
.attchFile {border-top:2px solid #000; border-bottom:2px solid #ccc;}
.attchFile th {padding:10px 0;}
.tableType3 td.contents {padding:40px 0;}

/* prev/next */
.pnBtns {width:100%; margin-top:60px; border-top:2px solid #222; overflow:hidden;}
.pnBtns dl {position:relative; height:42px; padding-left:175px; overflow:hidden; border-bottom:1px dotted #aaa;}
.pnBtns dl dt {position:absolute; top:0; left:0; height:100%; width:125px; padding:12px 0 0 25px; border-right:1px solid #eee; background:#f5f5f5;}
.pnBtns dl dt span {color:#222; padding-right:25px; background:url("/resource/images/common/bg_viewpn.gif") no-repeat 100% -56px;}
.pnBtns dl dt.next span {background-position:100% 6px}
.pnBtns dl dd {margin-top:12px;}

.sinmungoBtn{color: #fff; background: #000; font-size: 16px; padding: 20px 30px; border-radius: 10px; display: inline-block;}
.sinMunGoTab {
    padding-top: 30px;
	margin-bottom:30px;
}

ul.sinMunGoTab li {
    float: left;
}

ul.sinMunGoTab > li:first-child {
    margin-right: 55px;
}

ul.sinMunGoTab li a {
    font-size: 30px;
    font-weight: bold;
    color: #d0d0d0;
    letter-spacing: -1px;
}

ul.sinMunGoTab li a.on {
    color: #000;
}

.box form {width:100%;}
.newTable {border-radius:10px; background: #F3F3F3; padding:40px 30px; width:100%; box-sizing:border-box; margin-top:10px; margin-bottom:40px;}
.newTable table {width:100%;}
.newTable table th,.newTable table td {font-weight:normal; text-align:left; vertical-align:middle; padding-bottom:10px; font-size:20px;}
.newTable table td input[type="text"] {width:140px; font-size:20px; color:#86868b; font-weight:normal; text-align:left; padding:15px 15px; border-radius:7px; border:1px solid #ccc;}
.newTable table td {line-height:45px;}
.newTable table th .required {margin-right:9px;}
.newTable input[type="checkbox"], .customCK input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  height: 16px;
  outline: 0;
  width: 16px;
  border:1px solid #2f9163;
  position:relative;
  top:3px; margin-right:5px; margin-left:20px;
}
.newTable input[type="checkbox"]::after, .customCK input[type="checkbox"]::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: '';
  display: none;
  height: 40%;
  left: 40%;
  position: relative;
  top: 20%;
  transform: rotate(45deg);
  width: 15%;
}
.newTable input[type="checkbox"]:checked, .customCK input[type="checkbox"]:checked {
  background: #44ae7c;
}
.newTable input[type="checkbox"]:checked::after, .customCK input[type="checkbox"]::after {
  display: block;
}
.newTable label {font-size:16px; color:#86868b;}
.required {display:inline-block; width:14px; height:12px; overflow:hidden; line-height:50px; background:url("/resource/images/common/icon_required.png") 0 0 no-repeat;}
.warning {display:inline-block; font-size:16px; padding:1px 0 1px 32px; margin-left:14px; line-height:1.4; background:url("/resource/images/common/icon_warning.png") 0 center no-repeat; background-size:20px 20px; color:#86868b;}
.warning * { vertical-align:middle;}
.container2 {
  display:inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right:40px;
}

/* Hide the browser's default radio button */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 8px;
  left: 0;
  height: 28px;
  width: 28px;
  border:1px solid #d1d1d1;
  background:#fff;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
}

/* When the radio button is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #fff;
  border:1px solid #d1d1d1;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container2 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container2 .checkmark:after {
 	top: 7px;
	left: 7px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #00592D;
}
h3.titleTy {font-size:20px;}
.sinmungoBtnWrap a {
	color: #222;
	/* Subpage_H3(Bold) */
	font-family: "Noto Sans KR";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	letter-spacing: -0.8px;
	width:240px;
	padding:18px 0;
	background:#F3F3F3;
	display:inline-block;
	text-align:center;
	border-radius:10px;
	margin-right:10px;
}