/*	header	*/
.headerContainer {
	position:fixed; top:0; left:0;  width:100%; z-index:10; height:89px; background:#fff;
	-webkit-transition: top 0.3s ease-out;
	-moz-transition: top 0.3s ease-out;
	-o-transition: top 0.3s ease-out;
	transition: top 0.3s ease-out;
}
.headerContainer.active	{top:-88px;}

.header	{ position:relative; height:88px; padding:0 36px; }

.header .logoWrap { float:left; }
.header .logoWrap .logo	{ height:18px; position:absolute; top:38%;}
.header .logoWrap .logo_purecell { display:none; }

.header .gnbWrap { float:left; }
.header .gnbWrap .langSelect { display:none; }
.header .gnbWrap .close	{ display:none; }
.header .gnbWrap .footerMenu li	{ display:none; }
.header .gnbWrap > ul.gnb > li > p + ul > li > p + ul { display:none; }
.header .gnbWrap > ul.gnb { text-align:center; position:absolute; top:0; left: calc(50% - 542px); width: 1056px; font-size:0; z-index:10; }
.header .gnbWrap > ul.gnb > li { position:relative; display:inline-block; width:176px; height:100%; min-height:88px; margin-left:-1px; }
.header .gnbWrap > ul.gnb > li:before {
	content:""; position:absolute; width:0%; height:3px; top:0; left:0; background:#00ad83;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.header .gnbWrap > ul.gnb > li:hover,
.header .gnbWrap > ul.gnb > li.on { background:#fafafa; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.header .gnbWrap > ul.gnb > li:hover:before,
.header .gnbWrap > ul.gnb > li.on:before { width:100%; }
.header .gnbWrap > ul.gnb:hover > li { border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.header .gnbWrap > ul.gnb > li > p { height:100%; font-size:20px;line-height:88px; }
.header .gnbWrap > ul.gnb > li:hover > p,
.header .gnbWrap > ul.gnb > li.on > p { color:#00ad83; }
.header .gnbWrap > ul.gnb > li > p + ul	{
	overflow:hidden; width:100%; height:0; background:#fff; z-index:2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
/*@@*/
.header .gnbWrap > ul.gnb.open > li > p + ul { height:375px; border-bottom:1px solid #e5e5e5; }/*315*/

.header .gnbWrap ul.gnb + .footerMenu {}
.header .gnbWrap ul.gnb + .footerMenu:before {
	content:""; position:absolute; top:78px; left:0; width:100%; height:0; background:#fff;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
/*@@*/
.header .gnbWrap ul.gnb.open + .footerMenu:before {
	height:375px;border-bottom:1px solid #e5e5e5; background:#fff; z-index:1;
}
.header .gnbWrap > ul.gnb > li > p + ul	{ margin-top:-10px; }
.header .gnbWrap > ul.gnb > li.on > p + ul,
.header .gnbWrap > ul.gnb > li:hover > p + ul { background:#fafafa; }
.header .gnbWrap > ul.gnb > li > p + ul > li > p {position:relative; display:inline-block;}
.header .gnbWrap > ul.gnb > li > p + ul > li > p a {
	font-size:15px; color:#777; padding:10px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.header .gnbWrap > ul.gnb > li > p + ul > li > p:after	{
	content:""; width:0; height:1px; position:absolute; bottom:8px; left:0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.header .gnbWrap > ul.gnb > li > p + ul > li > p:hover:after,
.header .gnbWrap > ul.gnb > li > p + ul > li > p.on:after { width:100%; background:#00ad83; }
.header .gnbWrap > ul.gnb > li > p + ul > li > p:hover a	{color:#00ad83;}
.header .gnbWrap > ul.gnb > li > p + ul > li > p.on a { color:#00ad83; }
.header .gnbWrap > ul.gnb li a.link	{padding-right:17px; width:100%; background:url("../images/ico_link.png") 100% 50% no-repeat; margin-right:3px;}

@media (max-width: 1580px) {
	.header .gnbWrap > ul.gnb		{width: calc(50% - -190px);left: calc(50% - 470px);}
	.header .gnbWrap > ul.gnb > li{width: 17%;}
	.header .gnbWrap > ul.gnb > li:nth-child(1) { width:20%; }
}

.header .servicesWrap { float:right; }
.header .servicesWrap .selectForm { position:relative; vertical-align:top; display:inline-block; margin-top:-2px; font-size:13px; }
.header .servicesWrap .selectForm:after	{content:""; display:inline-block; width:1px; height:14px; vertical-align:middle; margin:-1px 14px 0 0; background:#ccc;}
.header .servicesWrap .selectForm p	{position:relative; display:inline-block; width:80px; height:24px; line-height:24px; padding-left:28px; cursor:pointer; background:url("../images/ico_lang.png") #fff 0% 50% no-repeat; background-size:contain;}
.header .servicesWrap .selectForm p + ul	{display:none; position:absolute; width:78px; left:0; top:-7px; padding:4px 0; background:#00ad83;  z-index:2;}
.header .servicesWrap .selectForm p + ul li	{width:100%; padding-left:16px; text-align:left;}
.header .servicesWrap .selectForm p + ul li.on	{background:rgba(255,255,255,.1);}
.header .servicesWrap .selectForm p + ul li a	{position:relative; display:inline-block; color:#fff; line-height:36px;}
.header .servicesWrap .selectForm ul li.selected a:after	{content:""; position:absolute; left:0; bottom:8px; width:100%; height:1px; background:#fff;}
.header .servicesWrap .selectForm.on p + ul	{display:block;}

.header .servicesWrap .searchWrap	{vertical-align:top;display:inline-block; margin-right:11px; margin-top:-4px;}
.header .servicesWrap .searchWrap p	{width:28px; height:28px; cursor:pointer; background:url("../images/ico_search.png") #fff 50% 50% no-repeat; background-size:contain; font-size:0; text-indent:-9999px;}
.header .servicesWrap .searchWrap p:hover	{background-image:url("../images/ico_search_on.png")}
.header .servicesWrap .searchWrap p.inputWrap { height:78px; }

.header .servicesWrap .searchWrap .searchContainer	{
	position:absolute; overflow:hidden; left:0; top:88px; width:100%; height:0; background:#fff;z-index:10; margin-top:-1px; border-top:1px solid #fff;
	-webkit-animation: opacity_hide 0.3s 0s forwards;
	animation: opacity_hide 0.3s 0s forwards;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.header .servicesWrap .searchWrap .searchContainer.on {
	height:172px;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;
	-webkit-animation: opacity_show 0.1s 0s forwards;
	animation: opacity_show 0.1s 0s forwards;
}
.header .servicesWrap .searchWrap .searchContainer .inputWrap { margin:46px auto; width:100%; padding:0 160px; }
.header .servicesWrap .searchWrap .searchContainer .inputWrap input[type="text"] { float:left; width:calc(100% - 80px); height:80px; padding:0 20px; border:none; font-size:36px; }
.header .servicesWrap .searchWrap .searchContainer .inputWrap a	{ float:left; width:80px; height:80px; background:url("../images/input_search.png") #fff 50% 50% no-repeat; background-size:contain; font-size:0; text-indent:-9999px; }
.header .servicesWrap .searchWrap .searchContainer .inputWrap input[type="text"]:focus + a,
.header .servicesWrap .searchWrap .searchContainer .inputWrap a:hover { background-image:url("../images/input_search_on.png"); }
.header .servicesWrap .logo_purecell { display:inline-block; height:18px; }
.header .servicesWrap .menuWrap	{ display:none; }

.headerContainer .header_submenu {
	overflow:hidden; position: relative; width:auto; z-index:0; height:0; text-align:center; background:#fafafa; margin-top:-1px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.headerContainer.fix .header_submenu { height:75px; }
.headerContainer.fix .header_submenu:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 48px;
	z-index: 9;
	pointer-events: none;
	background: -webkit-linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
	background: -moz-linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
	background: -ms-linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
	background: -o-linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
	background: linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
}
.headerContainer.fix .header_submenu:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 48px;
	z-index: 9;
	pointer-events: none;
	background: -webkit-linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
	background: -moz-linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
	background: -ms-linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
	background: -o-linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
	background: linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
}
.headerContainer .header_submenu ul	{}
.headerContainer .header_submenu li.swiper-slide {width:auto; height:auto; margin:22px 18px;}
.headerContainer .header_submenu li.swiper-slide:first-child {}
.headerContainer .header_submenu li a { position:relative; padding:8px 0; color:#777; font-size:15px; }
.headerContainer .header_submenu li.on a,
.headerContainer .header_submenu li a:hover	{ color:#00ad83; }
.headerContainer .header_submenu li a:after	{
	content:""; position:absolute; bottom:6px; left:0; width:0; height:1px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.headerContainer .header_submenu li.on a:after,
.headerContainer .header_submenu li a:hover:after { width:100%;background:#00ad83; }
.headerContainer .header_submenu li a.link { padding-right:18px; background:url("../images/ico_link.png") 100% 9px no-repeat; background-size:12px; }

.ps_btn{float:right; margin-top:30px;}
.ps_btn img{width:18px; vertical-align: middle;}

/* footer */
.footerContainer { clear:both; position:relative; background:#f2f2f2; width:100%; margin-top:160px; }
.footer	{ max-width:1632px; margin:0 auto; font-size:16px; padding: 0 7.5%; }
.footer a {
	font-weight:300; line-height:1.6;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.footer a:hover	{ opacity:.6; }
.footer	a img { vertical-align:middle; height:0.8em; margin-left:0.3em; }

.footer ul.gnb	{ width:100%; overflow:hidden;padding: 80px 0 75px; }
.footer ul.gnb > li	{ width:16.6%; float:left; padding:0 10px; }
.footer ul.gnb > li > p	{ font-weight:700; margin-bottom:24px; }
.footer ul.gnb > li a	{ padding:6px 0; }

.footer .footerMenuWrap	{ height:50px; }
.footer .footerMenuWrap > ul { float:left; margin:0 auto; }
.footer .footerMenuWrap > ul li	{ float:left; margin-left:30px; }
.footer .footerMenuWrap > ul li:first-child	{ margin-left:0; }
.footer .footerMenuWrap > ul li a { line-height:50px; }

.footer .footerMenuWrap .familysiteWrap	{ float:right; width:225px; font-weight:300;}
.footer .footerMenuWrap .familysiteWrap .selectForm	{ position:relative; }
.footer .footerMenuWrap .familysiteWrap .selectForm p {
	border:1px solid #b3b3b3; font-size:14px; cursor:pointer; padding:17px 20px; position:absolute; width:100%; left:0; top:0; z-index:2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.footer .footerMenuWrap .familysiteWrap .selectForm p:hover	{ background:#fff; }
.footer .footerMenuWrap .familysiteWrap .selectForm p img {
	vertical-align:middle; float:right; height:9px; margin-top:2px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.footer .footerMenuWrap .familysiteWrap .selectForm ul {
	position:absolute; width:100%; left:0; bottom:-1px; height:0; display:block; overflow:hidden;border:1px solid #b3b3b3; border-bottom:0;
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;
}
.footer .footerMenuWrap .familysiteWrap .selectForm ul li {
	font-size:15px; background:#f2f2f2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.footer .footerMenuWrap .familysiteWrap .selectForm ul li:hover	{background:#fff;}
.footer .footerMenuWrap .familysiteWrap .selectForm ul li a	{padding:13px 20px;}
.footer .footerMenuWrap .familysiteWrap .selectForm ul li:hover a	{opacity:1;}

.footer .footerMenuWrap .familysiteWrap .selectForm.on p img { transform: rotate(180deg); }
.footer .footerMenuWrap .familysiteWrap .selectForm.on ul { height:201px; background:#f2f2f2; }

.footer .footerMenuWrap .familysiteWrap .ps { overflow: hidden !important; overflow-anchor: none;  -ms-overflow-style: none;  touch-action: auto;  -ms-touch-action: auto; }
.footer .footerMenuWrap .familysiteWrap .ps__rail-y { position: absolute; width:6px; right:0; }
.footer .footerMenuWrap .familysiteWrap .ps--active-y > .ps__rail-y {display: block; background:#f2f2f2; }
.footer .footerMenuWrap .familysiteWrap .ps__thumb-y { position: absolute; background:#b3b3b3; width:6px; right:0; min-height:162px; }

.footer .logoWrap { clear:both;border-top:1px solid #d9d9d9; padding:30px 0; margin-top:30px; line-height:60px; overflow:hidden; }
.footer .logoWrap > img	{ width:120px; height:16px; margin-top:20px; float:left; }
.footer .logoWrap p	{ float:right; font-size:14px; color:#222; }

/*quickmenu	*/
.quick_bottom_top{margin-top: 50px; margin-top: 30px; right: 6px; position: absolute; width: 23px;}

.quickmenu {
	position:fixed; text-align:right; top:50%;	right:36px; z-index:9;margin-top:-22px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.quickmenu.on { margin-top:-150px; }
.quickmenu .quickWrap	{
	position:relative;width:152px; height:0px; overflow:hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.quickmenu.on .quickWrap { height:248px; }
.quickmenu ul {
	position:absolute; bottom:0; height:0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.quickmenu.on ul { height:248px; }

.quickmenu li { position:relative;width:152px; margin-top:7px; }
.quickmenu li:first-child { margin-top:0; }
.quickmenu li a	{ }
.quickmenu li p	{ text-align:left; color:#646464; font-size:12px; background:rgba(204,204,204,0.7); height:43px; line-height:45px; width:calc(100% - 22px); padding-left:26px; border-radius:22px 0 0 22px; }
.quickmenu li a:hover p	{ background:rgba(198,237,228,0.7); }
.quickmenu li:first-child p	{ background:#b1e2fa !important; }
.quickmenu li span { position:absolute; top:0; right:0; border:2px solid #dcdcdc; background:#fff; border-radius:50%; overflow:hidden; width:43px; height:43px; }
.quickmenu li a:hover span { border-color:#bfeae0; }
.quickmenu li:first-child a span { border-color:#b1e2fa !important; }
.quickmenu li span img { width:100%; }
.quickmenu > p	{ display:inline-block; text-align:center; border-radius:50%; background:#dcdcdc; width:43px; height:43px; cursor:pointer; margin-top:8px; }
.quickmenu > p img {
	width:22px; margin-top:11px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.quickmenu.on > p img { transform: rotate(45deg); }

.titleWrap	{text-align:center;}
.titleWrap > p	{font-weight:700; font-size:24px;}
.titleWrap > span	{font-weight:300; font-size:18px; line-height:1.7; margin:1.6em 0 4em;}

.imgDeviceWrap {}
.imgDeviceWrap li { display:none; }
.imgDeviceWrap li img { max-width:100%; }
.imgDeviceWrap li.deviceD { display:block; }

/*	effect	*/
.contentsWrap .contents .leftToRight {
	position: relative;  overflow:hidden;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.contentsWrap .contents .leftToRight:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #fff;
	z-index: 2;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.contentsWrap .contents.on .leftToRight:after {
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.contentsWrap .contents .topToBottom {
	position: relative;  overflow:hidden;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.contentsWrap .contents .topToBottom:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #fff;
	z-index: 2;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.contentsWrap .contents.on .topToBottom:after {
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%);
}

@-webkit-keyframes opacity_show {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes opacity_show {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes opacity_hide {
	0% { opacity:1; }
	100% { opacity:0; }
}
@keyframes opacity_hide {
	0% { opacity:1;	}
	100% { opacity:0; }
}

/*	content	*/
/*	all	*/
.contentsContainer	{padding-top:88px;}
.headerContainer.active	 + .contentsContainer {}
.contentsContainer .keyvisualWrap { position:relative; height:400px; }
.contentsContainer .keyvisual { position:relative; width:100%; height:100%; margin:0 auto; text-align:center; background:#ccc; color:#fff; background-position:50% 50%; background-repeat:no-repeat; background-size:cover !important; }

.container.tech01 .contentsContainer .keyvisual { background-image:url("../images/img_tech01.png");}
.container.tech02 .contentsContainer .keyvisual	{ background-image:url("../images/img_tech02.png");}
.container.prod .contentsContainer .keyvisual { background-image:url("../images/img_prod.png");}
.container.intr.intr0701 .contentsContainer .keyvisual,.container.intr.intr0701-1 .contentsContainer .keyvisual, .container.intr.intr06 .contentsContainer .keyvisual, .container.sust .contentsContainer .keyvisual { background-image:url("../images/KV_sustainability_ehs.png");}
.container.inve .contentsContainer .keyvisual { background-image:url("../images/img_inve.png");}
.container.inve0201 .contentsContainer .keyvisual { background-image:url("../images/inve0201bg.png") !important;}
.container.inve03 .contentsContainer .keyvisual	{background-image:url("../images/img_inve03.png");}
.container.inve0401 .contentsContainer .keyvisual { background-image:url("../images/inve0401bg.png") !important;}
.container.inve0501 .contentsContainer .keyvisual { background-image:url("../images/inve0501bg.png");}
.container.medi .contentsContainer .keyvisual { background-image:url("../images/img_medi.png");}
.container.medi2 .contentsContainer .keyvisual { background-image:url("../images/medi0201bg.png");}
.container.serv .contentsContainer .keyvisual { background:#fff; color:#000; width:1116px;}
.container.cont .contentsContainer .keyvisual { background-image:url("../images/img_cont.png");}
.container.loca .contentsContainer .keyvisual { background-image:url("../images/img_loca.png"); }
.container.recr .contentsContainer .keyvisual { background-image:url("../images/img_recr.png");}
.container.intr .contentsContainer .keyvisual { background-image:url("../images/img_intr01.png");}
.container.intr.intr01 .contentsContainer .keyvisual { background-image:url("../images/intr0101bg.png");}
.container.intr.intr0101 .contentsContainer .keyvisual { background-image:url("../images/intr0101bg.png");}
.container.intr.intr0201 .contentsContainer .keyvisual { background-image:url("../images/intr0201bg.png");}

.container.intr.intr04 .contentsContainer .keyvisual { background-image:url("../images/img_intr04.png"); color:#000;}
.container.intr.intr05 .contentsContainer .keyvisual { background-image:url("../images/img_intr05_new.jpg");    background-blend-mode: multiply;}
.container.intr.intr07 .contentsContainer .keyvisual { background-image:url("../images/img_intr07.png");}

.contentsContainer .keyvisual h1 { padding-top:150px; }
.contentsContainer .keyvisual h1 p { display:inline-block; font-size:40px; font-weight:700; position:relative; padding-bottom:17px;}
.contentsContainer .keyvisual h1 p:after {
	content:""; position:absolute; width:0; bottom:0; left:0%; height:1px; background:#fff;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.contentsContainer .keyvisual.on h1 p:after	{width:100%;}

.container.serv .contentsContainer .keyvisual h1 p:after	{background:#000;}
.container.intr04 .contentsContainer .keyvisual h1 p:after	{background:#000;}
.container.loca .contentsContainer .keyvisual h1 p:after	{background:#fff;}

.contentsContainer .keyvisual h1 span	{display:block; margin-top:17px; font-size:28px;}
.contentsContainer .keyvisual h1 span.lettertop	{display:inline-block; margin-top:0; font-size:0.6em;}

.contentsContainer .indicatorWrap	{position:absolute; z-index:1; bottom:32px; right:64px; text-align:right;}
.contentsContainer .indicatorWrap a	{display:inline-block; font-size:13px;}
.contentsContainer .indicatorWrap a:after	{content:"/"; display:inline-block; width:auto; height:13px; margin:0 4px 0 6px;}
.contentsContainer .indicatorWrap a:last-child:after	{display:none;}

.container.serv .contentsContainer .indicatorWrap		{bottom:44px; right:0;}

.contentsContainer .menuContainer	{position:relative; clear:both; width:100%; padding:0 36px; text-align:center;  }
.contentsContainer .menuContainer:after	{background:#dadada; content:""; height:1px;width:100%;display:block; margin-top:-1px;}
.contentsContainer .menuContainer ul	{text-align:center;}

.contentsContainer .menuContainer li.swiper-slide	{position:relative; width:auto; margin:0 29px;}

.contentsContainer .menuContainer li a	{font-size:18px; padding:21px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.contentsContainer .menuContainer li:after	{content:""; position:absolute; bottom:0; left:50%;  width:0; height:2px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.contentsContainer .menuContainer li:hover:after, .contentsContainer .menuContainer li.on:after	{left:0; width:100%;background:#00ad83;}
.contentsContainer .menuContainer li:hover a, .contentsContainer .menuContainer li.on a	{color:#00ad83;}

.contentsWrap	{clear:both; width:1116px; margin:0 auto; /*overflow:hidden;*/}
.contentsWrap:after { content:""; display:table; zoom:1; clear:both; }
.contentsWrap.wide	{width:100%; max-width:1920px;}

.contentsWrap .contents	{}
.contentsWrap .contents:first-child	{margin-top:100px;}
.contentsWrap .contents.video {margin-top: 75px;display: inline-block;}
.contentsWrap .contents.ebook { width: 100%; display: inline-block; margin-top: 75px;}

dl.information	{width:100%;}
dl.information dt	{clear:both; float:left; margin-bottom:130px; width:227px; font-size:32px; font-weight:700; line-height:1.5; margin-top: -0.1em;}
dl.information dd	{float:left; width:calc(100% - 227px); margin-bottom:130px; font-size:18px; font-weight:300; line-height:1.78;}
dl.information dt p	{display:block; font-size:0.68em; font-weight:400; margin-top:0.8em;}
dl.information dd ul, dl.information dd ol	{margin-bottom:30px;}
dl.information dd ul li	{text-indent:-1em; padding-left:1em;}
dl.information dd ul.brackets li	{text-indent:-1.7em; padding-left:1.7em;}
dl.information dd .subWrap	{font-size:15px; overflow:hidden; padding:30px 30px 0;background:#f7f7f7; margin:40px 0;}
dl.information dd .btnWrap	{margin-top:120px; text-align:left;}

p.information	{clear:both;  width:100%;font-size:22px; font-weight:300; line-height:1.72;}
p.information a	{display:inline-block; color:#0088ce;}
p.information +	dl.information	{margin-top:100px;}

.tab + p.information	{font-size:18px; font-weight:300; line-height:2;}

div.information	{width:100%;}
div.information h2	{font-weight:700; font-size:24px; margin:130px 0 40px;}
div.information .infoWrap	{font-size:18px; font-weight:300; line-height:1.8;}
div.information .infoWrap li	{text-indent:-1em; padding-left:1em;}
div.information .infoWrap a	{display:inline-block; color:#0088ce; text-indent:0;}

div.information .infoWrap p + ol,div.information .infoWrap ol + p	{margin-top:2em;}

div.information .infoWrap table	{width:100%;border-top:1px solid #000; border-bottom:1px solid #000; margin-top:30px;}
div.information .infoWrap table thead th	{font-size:16px; font-weight:700; background:#fafafa; padding:13px 10px; text-align:center;}
div.information .infoWrap table tbody td	{font-size:16px; text-align:center;border-top:1px solid #e1e1e1; padding:13px 10px; }

div.information .infoWrap table + p,div.information .infoWrap table + ol	{margin-top:1em;}
div.information .infoWrap .downWrap	{margin:2em 0;}
div.information .infoWrap .downWrap a	{color:#000; font-weight:400;}
div.information .infoWrap .downWrap img	{height:1em; vertical-align:middle; margin-left:0.5em;}

.tableWrap	{}
.tableWrap .inputContainer	{float:right; margin-bottom:56px; text-align:right;}
.tableWrap .inputContainer .selectWrap	{float:left; width:148px; margin-right:24px;}
.tableWrap .inputContainer .selectWrap select	{height:45px; padding:0; border:none; background-image:url("../images/btn_select.png"); border-bottom:2px solid #aaa; font-size:18px;}
.tableWrap .inputContainer .inputWrap	{float:left;}
.tableWrap .inputContainer .inputWrap input[type="text"]	{float:left; width:240px; height:45px; padding:0; border:none; border-bottom:2px solid #aaa; font-size:18px;}
.tableWrap .inputContainer .inputWrap a	{float:left; width:45px;}
.tableWrap .inputContainer .inputWrap a img	{width:100%; height:auto;}

.tableWrap	 table	{border-top:2px solid #000; border-bottom:2px solid #000; font-size:16px}
.tableWrap	 table th	{padding:19px 0; background:#fafafa; text-align:center; font-weight:700;line-height:1.4;}
.tableWrap	 table tr:hover td	{background:#f2fcf9;}
.tableWrap	 table td	{border-top:1px solid #dadada; text-align:center; font-weight:300;padding:15px 0; line-height:1.4;}
.tableWrap   table td a img{margin-left: 10px;}
.tableWrap	 table td.left	{padding-left:25px;}
.tableWrap	 table td a	{white-space:nowrap; vertical-align: middle; display: inline-block;text-overflow: ellipsis; overflow:hidden; /*padding:19px 0;*/ font-weight:300;width:100%;}

.tableWrap2	{}
.tableWrap2 .inputContainer	{float:right; margin-bottom:56px; text-align:right;}
.tableWrap2 .inputContainer .selectWrap	{float:left; width:148px; margin-right:24px;}
.tableWrap2 .inputContainer .selectWrap select	{height:45px; padding:0; border:none; background-image:url("../images/btn_select.png"); border-bottom:2px solid #aaa; font-size:18px;}
.tableWrap2 .inputContainer .inputWrap	{float:left;}
.tableWrap2 .inputContainer .inputWrap input[type="text"]	{float:left; width:240px; height:45px; padding:0; border:none; border-bottom:2px solid #aaa; font-size:18px;}
.tableWrap2 .inputContainer .inputWrap a	{float:left; width:45px;}
.tableWrap2 .inputContainer .inputWrap a img	{width:100%; height:auto;}

.tableWrap2	 table	{border-top:2px solid #000; border-bottom:2px solid #000; font-size:16px}
.tableWrap2	 table th	{padding:19px 5px; background:#fafafa; text-align:center; font-weight:700;line-height:1.4;}
.tableWrap2	 table td	{border-top:1px solid #dadada; text-align:center; font-weight:300;padding:17px 5px; line-height:1.2; word-break:break-word;}
.tableWrap2	 table td.left	{padding-left:25px;}
.tableWrap2	 table td.h12	{ height: 12em; }
.tableWrap2	 table td a	{white-space:nowrap; text-overflow: ellipsis; overflow:hidden; /*padding:19px 0;*/ font-weight:300;}
.tableWrap2	 table td .down-form	{ display: inline-block; width: 23%; }/* 19% -> 23% */

#table-inve-0202 th:nth-child(1) { width:23%; }
#table-inve-0202 th:nth-child(2) { width:34%; }
#table-inve-0202 th:nth-child(3) { width:auto; }
#table-inve-0202 th:nth-child(4) { width:12%; }

.paginate	{text-align:center; margin-top:56px;}
.paginate li {display:inline-block; margin:0 5px;}
.paginate li a { width:20px; height:100%; padding:6px 0; text-align:center; font-size:18px; font-weight:700; border-bottom:2px solid transparent;}
.paginate li.on	{}
.paginate li.on a {color:#01ae83; border-color:#01ae83;}

.tab	{overflow:hidden; position:relative; width:100%; margin-bottom:100px; border-bottom:1px solid #dadada;}
.tab li	{float:left;}
.tab li.swiper-slide	{width:auto;}
.tab li:first-child	{margin-right:80px;}
.tab li a	{display:inline-block; color:#949494; font-size:18px; line-height:36px;border-bottom:2px solid transparent}
.tab li.on a, .tab li a:hover	{color:#000; border-color:#000;}

.viewWrap	{}
.viewWrap .titleWrap	{background:#fafafa; padding:60px 115px 50px; border-top:2px solid #000; border-bottom:1px solid #dadada; text-align:left;}
.viewWrap .titleWrap p	{font-size:32px; font-weight:700; margin-bottom:30px;}
.viewWrap .titleWrap span	{font-size:16px; font-weight:300; margin:0;}
.viewWrap .viewContents	{}
.viewWrap .viewContents .view	{text-align:left; font-size:16px; line-height:1.5; margin:80px 2%; width:96%}
.viewWrap .viewContents .view .imgContents	{margin:65px auto;}
.viewWrap .viewContents .view .imgContents p img	{max-width:100%;}
.viewWrap .viewContents .view p img{max-width:100%;margin-bottom:10px;}

.viewWrap .viewContents .view .imgContents p	{color:#626262; margin-top:16px; max-width:100%;}
.viewWrap .viewContents .file	{margin:0 auto 56px; width:888px; background:#fafafa; overflow:hidden; line-height:19px;}
.viewWrap .viewContents .file p.title	{padding:19px 30px; font-size:16px; float:left;}
.viewWrap .viewContents .file ul	{padding:19px 40px; float:left;}
.viewWrap .viewContents .file ul li a	{font-size:16px; font-weight:300;}
.viewWrap .viewContents .file ul li a img	{height:19px; margin-left:8px;}
.viewWrap .boardList	{color:#aaa;border-top:2px solid #000;border-bottom:2px solid #000;}
.viewWrap .boardList li	{padding:18px 0; height:56px;}
.viewWrap .boardList li:first-child	{border-bottom:1px solid #dadada;}
.viewWrap .boardList a	{display:inline-block;color:#000;white-space:nowrap; text-overflow: ellipsis; overflow:hidden; width:calc(100% - 111px); margin-top:2px;}
.viewWrap .boardList img	{display:inline-block; vertical-align:middle; width:10px; margin:-4px 60px 0 40px;}
.viewWrap .boardList li:last-child img	{margin-top:-10px;}
.viewWrap .boardList a:hover	{color:#00ad83;}
.viewWrap .btnWrap	{text-align:right; margin-top:40px;}

/** 기술/제품 > 연료전지란 > 연료전지 원리 **/
.tech0101	{}
.tech0101 .techWrap	{background:url("../images/img_tech0101_02.png") 50% 50% no-repeat; background-size:contain;overflow:hidden; width:100%; margin-top:120px;}
.tech0101 .techWrap li	{text-align:center; width:230px; height:200px;}
.tech0101 .techWrap li br	{}
.tech0101 .techWrap li:nth-child(-n + 2)	{margin-bottom:40px;}
.tech0101 .techWrap li:nth-child(odd)	{clear:both; float:left;}
.tech0101 .techWrap li:nth-child(even)	{float:right;}
.tech0101 .techWrap li p	{position:relative; display:inline-block;padding-bottom:0.6em; margin-bottom:0.4em;}
.tech0101 .techWrap li p:after	{content:""; width:100%; height:1px; background:#00ad83; position:absolute; left:0; bottom:0;}
.tech0101 .techWrap li span	{display:block;font-size:15px; font-weight:300;  line-height:1.6;}

/** 기술/제품 > 연료전지란 > 두산퓨얼셀 기술 **/
.tech0102	{}
.tech0102 .techContainer { position:relative; }
.tech0102 .techWrap	{ position:relative; width:660px; height:611px; margin:0 auto; }
.tech0102 .techWrap .product { position:absolute; top:0; }
.tech0102 .techWrap .product li	{
	width:100%; height:100%; display:none; opacity:0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.tech0102 .techWrap .product li.on {
	opacity:1;top:0; display:block;
	-webkit-animation: productImg 1s forwards;
	animation: productImg 1s forwards;
}
.tech0102 .techWrap .product li img	{ width:100%; height:auto; }
.tech0102 .techWrap .product li p { line-height:1.6; font-size:15px; text-align:center; position:absolute; top:520px; width:100%; left:0; }
.tech0102 .techBtn	{width:100%; position:absolute; top:0; left:0;}
.tech0102 .techBtn li	{width:133px; height:158px; cursor:pointer; display:inline-block;text-align:center;	background-size:contain; background-position:50% 0%; background-repeat:no-repeat; padding-top:128px; margin-top:80px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.tech0102 .techBtn li:nth-child(odd)	{clear:both; float:left;}
.tech0102 .techBtn li:nth-child(even)	{float:right;}
.tech0102 .techBtn li p	{
	position:relative;display:inline-block; padding-bottom:0.6em;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.tech0102 .techBtn li.on p	{color:#00ad83;}
.tech0102 .techBtn li p:after {
	content:""; width:12px; height:1px; background:#c1c1c1; position:absolute; left:calc(50% - 6px); bottom:0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.tech0102 .techBtn li.on p:after	{background:#00ad83; width:100%; left:0;}

.tech0102 .techBtn li:first-child {background-image:url("../images/ico_tech0102_01.png");}
.tech0102 .techBtn li:nth-child(2) {background-image:url("../images/ico_tech0102_02.png");}
.tech0102 .techBtn li:nth-child(3) {background-image:url("../images/ico_tech0102_03.png");}
.tech0102 .techBtn li:last-child {background-image:url("../images/ico_tech0102_04.png");}

.tech0102 .techBtn li.on:first-child	{background-image:url("../images/ico_tech0102_01_on.png");}
.tech0102 .techBtn li.on:nth-child(2)	{background-image:url("../images/ico_tech0102_02_on.png");}
.tech0102 .techBtn li.on:nth-child(3)	{background-image:url("../images/ico_tech0102_03_on.png");}
.tech0102 .techBtn li.on:last-child	{background-image:url("../images/ico_tech0102_04_on.png");}

.tech0102 .techWrap .plus	{width:100%; height:100%; }
.tech0102 .techWrap .plus li	{width:17px; height:17px; position:absolute; z-index:2;}
.tech0102 .techWrap .plus li:after	{width:17px; height:1px; content:""; background:#bcbcbc; display:block; margin-top:-9px;}
.tech0102 .techWrap .plus li:before	{width:1px; height:17px; content:""; background:#bcbcbc; display:block; margin-left:8px;}
.tech0102 .techWrap .plus li:first-child	{top:0; left:0;}
.tech0102 .techWrap .plus li:nth-child(2)	{top:0; right:0;}
.tech0102 .techWrap .plus li:nth-child(3)	{bottom:0; left:0;}
.tech0102 .techWrap .plus li:last-child	{bottom:0; right:0;}

.tech0102 .techWrap .plus.on li:after	{background:#00ad83;}
.tech0102 .techWrap .plus.on li:before	{background:#00ad83;}

@-webkit-keyframes productImg {
	0% { opacity:0;top:-20px;display:none; }
	100% { opacity:1;top:0;display:flex; }
}
@keyframes productImg {
	0% { opacity:0;top:-20px;display:none; }
	100% { opacity:1;top:0;display:flex; }
}


/** 기술/제품 > 고객가치 > 친환경 에너지 **/
.tech0201 {}
.tech0201 .titleWrap br	{display:none;}
.tech0201 .graphContainer {}
.tech0201 .graphContainer table + ul	{font-size:14px; color:#525252; margin-left:calc(18% + 23px); margin-top:32px;}
.tech0201 .graphContainer table + ul li	{margin-right:4em; display:inline-block;}

.tech0201 .graphContainer table { width:100%; }
.tech0201 .graphContainer table.title thead tr th p	{font-size:20px; padding:7px 0;}
.tech0201 .graphContainer table.title thead tr th:nth-child(1)	{width:20%;}
.tech0201 .graphContainer table.title thead tr th:nth-child(2)	{width:40%;}
.tech0201 .graphContainer table.title thead tr th:nth-child(3)	{width:22%;}
.tech0201 .graphContainer table.title thead tr th:nth-child(4)	{width:18%;}
.tech0201 .graphContainer table.title thead tr th:nth-child(2) p	{color:#0088ce; border-bottom:1px solid #0088ce; margin:0 23px;}
.tech0201 .graphContainer table.title thead tr th:nth-child(3) p	{color:#00ad83; border-bottom:1px solid #00ad83; margin:0 23px;}

.tech0201 .graphContainer th,
.tech0201 .graphContainer td {width:20%;}

.tech0201 .graphContainer thead th	{font-weight:700; text-align:center;}
.tech0201 .graphContainer thead th br	{display:none;}
.tech0201 .graphContainer thead tr th p	{font-size:16px; padding:24px 0; margin-bottom:20px;}

.tech0201 .graphContainer table + table thead tr th:nth-child(2) p	{color:#0088ce; border-bottom:1px solid #0088ce; margin-right:15px;margin-left:23px;}
.tech0201 .graphContainer table + table thead tr th:nth-child(3) p	{color:#0088ce; border-bottom:1px solid #0088ce; margin-left:15px; margin-right:23px;}
.tech0201 .graphContainer table + table thead tr th:nth-child(4) p	{color:#00ad83; border-bottom:1px solid #00ad83; margin-left:23px;}

.tech0201 .graphContainer tbody th,
.tech0201 .graphContainer tbody td { font-size:14px; }
.tech0201 .graphContainer tbody th { text-align:left; }
.tech0201 .graphContainer tbody th img { width:100%; }
.tech0201 .graphContainer tbody th p { text-align:right; }
.tech0201 .graphContainer tbody td .imgWrap	{ text-align:center; margin:0 19px; }
.tech0201 .graphContainer tbody td .imgWrap img	{ width:100%; max-width:144px; margin-bottom:0.8em; }
.tech0201 .graphContainer tbody td .graphWrap { border-left:1px solid #c9caca;border-bottom:1px solid #c9caca;padding:4px 0 4px 1px; }
.tech0201 .graphContainer tbody tr:first-child td .graphWrap { border-top:1px solid #c9caca; }
.tech0201 .graphContainer tbody td .graphWrap .graphBox	{ width:100%; height:200px; font-size:16px; }
.tech0201 .graphContainer tbody tr:first-child td .graphWrap .graphBox { background:#e0f4ff; font-size:20px; }
.tech0201 .graphContainer tbody tr:nth-child(2) td .graphWrap .graphBox	{ background:#e0f4ff; font-size:20px; }
.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox	{ background:#daf7ef; }
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox { background:#daf7ef; }
.tech0201 .graphContainer tbody tr td:nth-child(2) .graphWrap { margin-right:15px;margin-left:23px; }
.tech0201 .graphContainer tbody tr td:nth-child(3) .graphWrap { margin-left:15px; margin-right:23px; }
.tech0201 .graphContainer tbody tr td:nth-child(4) .graphWrap { margin-left:23px; }
.tech0201 .graphContainer tbody tr td .graphWrap span { margin-top:94px; vertical-align:top; color:#000; margin-left:0.5em; display: inline-block; }
.tech0201 .graphContainer tbody tr td .graphWrap .graph	{
	margin-top:90px; margin-left:1px; background:#b5b5b6; display: inline-block; width:0; height:20px;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.tech0201 .graphContainer tbody tr:first-child td .graphWrap .graphBox	{background:#e0f4ff;}
.tech0201 .graphContainer tbody tr:nth-child(2) td .graphWrap .graphBox	{background:#e0f4ff;}
.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox	{background:#daf7ef;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4)  .graphWrap .graphBox	{background:#daf7ef;}

.tech0201 .graphContainer tbody tr:first-child td:nth-child(2) .graphWrap .graphBox span	{margin-top:92px;opacity:0.6;font-weight:700; }
.tech0201 .graphContainer tbody tr:first-child td:nth-child(3) .graphWrap .graphBox span	{margin-top:92px;opacity:0.6;font-weight:700; }
.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox span	{margin-top:92px;color:#00bf8f;font-weight:700; }
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox span	{margin-top:92px;color:#27b0f5;font-weight:700; }
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox span	{margin-top:92px;color:#27b0f5;font-weight:700; }
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox span	{margin-top:92px;color:#00bf8f;font-weight:700; }

.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox .graph	{background:#00ad83; width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox .graph	{background:#0088ce; width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox .graph	{background:#0088ce; width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox .graph	{background:#00ad83; width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(2) .graphWrap .graphBox .graph	{width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(3) .graphWrap .graphBox .graph	{width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(4) .graphWrap .graphBox .graph	{width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(2) .graphWrap .graphBox .graph	{width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(3) .graphWrap .graphBox .graph	{width:0%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(4) .graphWrap .graphBox .graph	{width:0%;}

.tech0201 .graphContainer.on tbody tr:first-child td:nth-child(4) .graphWrap .graphBox .graph	{background:#00ad83; width:13%;}
.tech0201 .graphContainer.on tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox .graph	{background:#0088ce; width:1%;}
.tech0201 .graphContainer.on tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox .graph	{background:#0088ce; width:45.3%;}
.tech0201 .graphContainer.on tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox .graph	{background:#00ad83; width:13%;}
.tech0201 .graphContainer.on tbody tr:nth-child(3) td:nth-child(2) .graphWrap .graphBox .graph	{width:36%;}
.tech0201 .graphContainer.on tbody tr:nth-child(3) td:nth-child(3) .graphWrap .graphBox .graph	{width:67.9%;}
.tech0201 .graphContainer.on tbody tr:nth-child(3) td:nth-child(4) .graphWrap .graphBox .graph	{width:14%;}
.tech0201 .graphContainer.on tbody tr:nth-child(4) td:nth-child(2) .graphWrap .graphBox .graph	{width:72%;}
.tech0201 .graphContainer.on tbody tr:nth-child(4) td:nth-child(3) .graphWrap .graphBox .graph	{width:52.5%;}
.tech0201 .graphContainer.on tbody tr:nth-child(4) td:nth-child(4) .graphWrap .graphBox .graph	{width:16%;}


/** 기술/제품 > 고객가치 > 안전한 기술 **/
.tech0202	{}
.tech0202 .contents > ul > li	{float:left; width:calc((100% - 36px) / 2);overflow:hidden;  }
.tech0202 .contents > ul > li:nth-child(even)	{margin-left:36px;}
.tech0202 .contents > ul > li:nth-child(-n + 2)	{margin-bottom:70px;}
.tech0202 .contents > ul > li:nth-child(3)	{clear:both;}
.tech0202 .contents > ul > li:nth-child(n + 3) .imgWrap	{vertical-align:top;}
.tech0202 .contents > ul > li .imgWrap	{width:208px; min-height:188px; display: inline-block;vertical-align: middle;  overflow:hidden; }
.tech0202 .contents > ul > li .imgWrap img	{max-width:100%;}
.tech0202 .contents > ul > li .textWrap	{padding-left:1.5em;display: inline-block;width:calc(100% - 218px);/*vertical-align: middle;*/}
.tech0202 .contents > ul > li .textWrap p	{font-size:18px; position:relative; display:inline-block; padding-bottom:0.6em; margin-bottom:0.4em; /*margin-top:3em;*/}
.tech0202 .contents > ul > li .textWrap p:after	{content:""; width:100%; height:1px; background:#00ad83; position:absolute; left:0; bottom:0;}
.tech0202 .contents > ul > li .textWrap span	{font-size:16px; font-weight:300; line-height:1.6; display:block;}
.tech0202 .contents > ul > li .imgWrap ul li	{width:33.3%; float:left;}


/** 기술/제품 > 고객가치 > 고효율 발전 **/
.tech0203	{}
.tech0203 .contents > ul > li	{margin-top:120px;}
.tech0203 .contents > ul > li:first-child	{margin-top:0;}
.tech0203 .contents > ul > li .titleWrap	{}
.tech0203 .contents > ul > li .titleWrap p	{display:inline-block; position:relative; font-size:18px; font-weight:400;}
.tech0203 .contents > ul > li .titleWrap span	{display:block;font-size:15px;    margin: 1.6em 0 3.7em;}
.tech0203 .contents > ul > li .titleWrap p:after	{content:""; width:100%; height:1px; position:absolute;left:0; bottom:-0.8em; background:#00ad83;}

.tech0203 .contents > ul > li:first-child	{}
.tech0203 .contents > ul > li:first-child .tableContainer	{background:#f5f5f5; overflow:hidden; position:relative; padding:30px 0;}

.tech0203 .contents > ul > li:first-child .tableContainer .icon	{}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li	{height:82px; display:flex; -webkit-align-items: center;  align-items: center; text-align:center;position:absolute; left:5%;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li img	{width:56px;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li span	{ font-size:16px; margin-left:0.6em;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li:first-child {color:#27b0f5; top:135px;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li:nth-child(2)  {color:#00bf8f; top:53px;}

.tech0203 .contents > ul > li:first-child .graphContainer	{width:100%; padding:20px 60px 0 140px; overflow:hidden;}
.tech0203 .contents > ul > li:first-child .graphContainer > li	{float:left; text-align:center; width:33.3%; border-bottom:1px solid #c9caca;position:relative; padding-bottom:1px;}
.tech0203 .contents > ul > li:first-child .graphContainer > li p	{position:absolute; width:100%; left:0; opacity:.6; font-size:20px; margin-bottom:12px;}
.tech0203 .contents > ul > li:first-child .graphContainer > li ul	{height:164px; position:relative;}
.tech0203 .contents > ul > li:first-child .graphContainer > li > ul > li	{}

.tech0203 .contents > ul > li:first-child .graphContainer > li li .graphWrap span	{font-size:20px; margin-left:1.5em; display: inline-block;}
.tech0203 .contents > ul > li:first-child .graphContainer > li li .graphWrap	{position:absolute; bottom:0; display: inline-block; width:20px; left: 50%; margin-left: -10px;
	display:flex; -webkit-align-items: center;  align-items: center;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li li:first-child .graphWrap span	{color:#27b0f5;}
.tech0203 .contents > ul > li:first-child .graphContainer > li li:first-child .graphWrap	{background:#0088ce;}

.tech0203 .contents > ul > li:first-child .graphContainer > li li:nth-child(2) .graphWrap span	{color:#00bf8f;}
.tech0203 .contents > ul > li:first-child .graphContainer > li li:nth-child(2) .graphWrap	{background:#00ad83; margin-bottom:2px;}

.tech0203 .contents > ul > li:first-child .graphContainer > li:first-child p	{bottom:90%;}
.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(2) p	{bottom:88%;}
.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(3) p	{bottom:70%;}

.tech0203 .contents > ul > li:first-child .graphContainer > li:first-child li:first-child .graphWrap	{height:0%;}
.tech0203 .contents > ul > li:first-child .graphContainer > li:first-child li:nth-child(2) .graphWrap	{height:0%; bottom:43%;}
.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(2) li:first-child .graphWrap	{height:0%;}
.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(2) li:nth-child(2) .graphWrap	{height:0%; bottom:37%;}
.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(3) li:first-child .graphWrap	{height:0%;}
.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(3) li:nth-child(2) .graphWrap	{height:0%; bottom:31%;}

.tech0203 .contents > ul > li:first-child .graphContainer.on > li:first-child li:first-child .graphWrap		{height:43%;}
.tech0203 .contents > ul > li:first-child .graphContainer.on > li:first-child li:nth-child(2) .graphWrap	{height:47%; bottom:43%;}
.tech0203 .contents > ul > li:first-child .graphContainer.on > li:nth-child(2) li:first-child .graphWrap	{height:37%;}
.tech0203 .contents > ul > li:first-child .graphContainer.on > li:nth-child(2) li:nth-child(2) .graphWrap	{height:51%; bottom:37%;}
.tech0203 .contents > ul > li:first-child .graphContainer.on > li:nth-child(3) li:first-child .graphWrap	{height:31%;}
.tech0203 .contents > ul > li:first-child .graphContainer.on > li:nth-child(3) li:nth-child(2) .graphWrap	{height:39%; bottom:31%;}


.tech0203 .contents > ul > li:first-child .title	{width:100%; padding:0 60px 0 140px;}
.tech0203 .contents > ul > li:first-child .title li	{float:left; width:33.3%; padding: 14px 40px 10px;}
.tech0203 .contents > ul > li:first-child .title li img	{width:100%;}
.tech0203 .contents > ul > li:first-child .title li .headWrap	{ position:relative; text-align:center;}
.tech0203 .contents > ul > li:first-child .title li .headWrap p	{ font-size:14px; position:absolute; left:12%; bottom:0;}
.tech0203 .contents > ul > li:first-child .title li:nth-child(1) .headWrap p	{ font-size:14px; text-shadow: 3px 3px 3px #fff;position:absolute; left:7%; bottom:0; color:#00ad83; font-weight: 900;}


.tech0203 .contents > ul > li:nth-child(2)	{}
.tech0203 .contents > ul > li:nth-child(2) > ul > li	{overflow:hidden; display:flex; -webkit-align-items: center;  align-items: center; margin-top:20px;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li:first-child	{margin-top:0;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li .imgDeviceWrap	{float:left; width:calc(100% - 110px);}
.tech0203 .contents > ul > li:nth-child(2) > ul > li p	{float:left;font-size:16px; color:#000; text-align:center; line-height:105px; border-radius:50%; width:110px; height:110px; border:5px solid #828282;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li:nth-child(2) p	{color:#00ad83; border-color:#00ad83;}


.tech0203 .contents > ul > li:nth-child(3)	{}
.tech0203 .contents > ul > li:nth-child(3) .titleWrap span br	{display:none;}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1)	{overflow:hidden;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li	{float:left; width:calc((100% - 60px) / 4); margin-left:20px; font-size:14px; text-align:center;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li img	{width:100%; margin-bottom:1em;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li:first-child	{margin-left:0;}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2)	{overflow:hidden; margin-top:56px;display:flex; -webkit-align-items: center;  align-items: center;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li	{float:left;  width:calc((100% - 220px) / 4); margin:0 30px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:last-child	{margin-right:20px;}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child	{margin-left:20px;text-align:center; font-weight:700; color:#00ad83;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child  img	{width:134px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child  span	{display:block; margin:20px 0 20px -10px; font-size:60px;transform: rotate(90deg);}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child p	{font-size:50px;}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap	{margin-bottom:5px; position:relative; text-align:center;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap	img	{width:67%}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap span	{ font-size:14px; position:absolute; right:25px; bottom:12px;}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap	{position:relative;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap img	{width:100%;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap p	{position:absolute; font-size:40px; font-weight:700; color:#fff; display:inline-block; left:0; top:50%; text-shadow: 0 0 7px rgba(0,0,0,.7); margin-top:-18px; width:100%; text-align:center;}


/** 기술/제품 > 고객가치 > 높은 신뢰성 **/
.tech0204	{}
.tech0204 .contents > ul > li	{margin-top:120px;}
.tech0204 .contents > ul > li:first-child	{margin-top:0;}
.tech0204 .contents > ul > li .titleWrap	{}
.tech0204 .contents > ul > li .titleWrap p	{display:inline-block; position:relative; font-size:18px; font-weight:400;}
.tech0204 .contents > ul > li .titleWrap span	{display:block;font-size:15px;    margin: 1.6em 0 3.7em;}
.tech0204 .contents > ul > li .titleWrap p:after	{content:""; width:100%; height:1px; position:absolute;left:0; bottom:-0.8em; background:#00ad83;}
.tech0204 .contents > ul > li:last-child	{text-align:center;}
.tech0204 .contents > ul > li:last-child img	{max-width:576px;}

.tech0204 .dataWrap{padding:0 15px; background:#f5f5f5; overflow:hidden; padding-top:200px;position:relative;}

.tech0204 .dataWrap .imgContainer li	{float:left; width:20%;}
.tech0204 .dataWrap .imgContainer li .title	{position:relative; border-top:1px solid #c9caca; padding:26px 5px 40px;}
.tech0204 .dataWrap .imgContainer li .title img	{width:100%;}
.tech0204 .dataWrap .imgContainer li .title span	{position:absolute; bottom:50px; left:30px; font-size:14px;}
.tech0204 .dataWrap .imgContainer li:nth-child(1) .title span	{color:#00ad83; font-weight:900; left:0px; text-shadow: 3px 3px 3px #fff;}

.tech0204 .dataWrap .graphContainer	{position:absolute; top:30px; left:0; width:100%; overflow:hidden}
.tech0204 .dataWrap .graphContainer li	{float:left; width:20%; height:170px; position:relative;}
.tech0204 .dataWrap .graphContainer li .graphWrap span	{font-size:20px; color: #0088ce; margin-left:1.5em; display: inline-block;}
.tech0204 .dataWrap .graphContainer li .graphWrap {
	position:absolute; background:#0088ce; bottom:0; left:0; display: inline-block; width:16px; height: 0; left: 50%; margin-left: -8px;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.tech0204 .dataWrap .graphContainer li:first-child .graphWrap span	{color:#00ad83;}
.tech0204 .dataWrap .graphContainer li:first-child .graphWrap	{ background:#00ad83;}
.tech0204 .dataWrap .graphContainer.on li:first-child .graphWrap	{height:95%;}
.tech0204 .dataWrap .graphContainer.on li:nth-child(2) .graphWrap	{height:90%}
.tech0204 .dataWrap .graphContainer.on li:nth-child(3) .graphWrap	{height:85%}
.tech0204 .dataWrap .graphContainer.on li:nth-child(4) .graphWrap	{height:17%}
.tech0204 .dataWrap .graphContainer.on li:last-child .graphWrap	{height:26%}


/** 기술/제품 > PureCell Model400 **/
.prod .prodContainer {clear:none; float:right; margin-left:50px; width:calc(100% - 370px);}
.prod .prodContainer .prodWrap { position:relative; width:100%; height:611px; margin:0 auto;}
.prod .prodContainer .prodWrap .product	{}
.prod .prodContainer .prodWrap .product li {
	width:100%; height:100%; position:absolute; display:none; opacity:0;  -webkit-align-items: center;     align-items: center;  text-align:center;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.prod .prodContainer .prodWrap .product li.on {
	opacity:1;top:0;display:flex;
	-webkit-animation: productImg 1s forwards;
	animation: productImg 1s forwards;
}
.prod .prodContainer .prodWrap .product li img { max-width:100%; max-height:100%; margin:0 auto;}
.prod .prodContainer .prodBtn { width:100%; margin:0px auto 0}
.prod .prodContainer .prodBtn li { cursor:pointer; display:inline-block; float:left; width:20%; text-align:center;}
.prod .prodContainer .prodBtn li.on img	{
	margin-top:-10%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.prod .prodContainer .prodBtn li img { width:100%; margin:0 auto; vertical-align:middle;}

.prod .prodContainer .prodWrap .plus { width:100%; height:100%; position:relative;}
.prod .prodContainer .prodWrap .plus li	{ width:17px; height:17px; position:absolute; z-index:2;}
.prod .prodContainer .prodWrap .plus li:after { width:17px; height:1px; content:""; background:#00ad83; display:block; margin-top:-9px;}
.prod .prodContainer .prodWrap .plus li:before { width:1px; height:17px; content:""; background:#00ad83; display:block; margin-left:8px;}
.prod .prodContainer .prodWrap .plus li:first-child	{top:0; left:0;}
.prod .prodContainer .prodWrap .plus li:nth-child(2) {top:0; right:0;}
.prod .prodContainer .prodWrap .plus li:nth-child(3) {bottom:-160px; left:0;}
.prod .prodContainer .prodWrap .plus li:last-child {bottom:-160px; right:0;}

.prod .prodInfo	{clear:none; float:left; width:320px;}
.prod .prodInfo ul li	{background-position:100% 50%; background-repeat:no-repeat; height:132px; border-top:1px solid #bfbfbf; background-size:contain;}
.prod .prodInfo ul li:before {content: ""; display: inline-block;  width: 1px; height: 100%;vertical-align: middle;}
.prod .prodInfo ul li:first-child	{border-top:none;}

.prod .prod0101 .prodInfo ul li:first-child	{background-image:url("../images/ico_proc01_01.png");}
.prod .prod0102 .prodInfo ul li:first-child	{background-image:url("../images/ico_proc01_02.png");}
.prod .prod0103 .prodInfo ul li:first-child	{background-image:url("../images/ico_proc01_03.png");}

.prod .prodInfo ul li:nth-child(2)	{background-image:url("../images/ico_proc02.png");}
.prod .prodInfo ul li:nth-child(3)	{background-image:url("../images/ico_proc03.png");}
.prod .prodInfo ul li:nth-child(4)	{background-image:url("../images/ico_proc04.png");}
.prod .prodInfo ul li:nth-child(5)	{background-image:url("../images/ico_proc05.png");}

.prod .prodInfo ul li dl	{font-size:18px; padding-left:5px;display: inline-block; vertical-align: middle;line-height:1.55; }
.prod .prodInfo ul li dt	{color:#010101;}
.prod .prodInfo ul li dd	{color:#0088ce;}
.prod .prodInfo ul li dd span	{display:inline-block; width:38px;}


/* 회사소개 > CEO 메시지 */
.intr0101	{}
.intr0101 .titleWrap > p	{line-height:1.75; margin-top:-9px;}
.intr0101 .imgWrap	{width:100%; height:604px; background:url("../images/img_intr0101.png") 0 50% no-repeat; background-size:cover; margin:67px auto 40px;}
.intr0101 .contents > p	{font-size:16px; font-weight:300; line-height:1.75;}
.intr0101 .contents > p span	{font-size:18px; font-weight:400; float:right;}
.intr0101 .contents > p span img	{height:45px; margin-top:-23px; margin-left:24px;}


/* 회사소개 > 비전 */
.intr0201	{}
.intr0201 .motionContainer	{text-align:center; position:relative;}
.intr0201 .motionContainer img	{margin:0 auto; width:100%;}

.intr0201 .motionContainer .logo {
	padding-top:50px; /*width:171px;*/  margin:0 auto;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.intr0201 .motionContainer.on .logo	{ padding:0 0 50px;}
.intr0201 .motionContainer .logo img { width:auto; height:80px;}
.intr0201 .motionContainer ul { position:relative;}
.intr0201 .motionContainer ul:after	{
	content:""; position:absolute; top:50%; left:50%; width:0; height:1px; background:#eee;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-ms-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.intr0201 .motionContainer.on ul:after { width:100%;left:0;}
.intr0201 .motionContainer li {
	position:absolute; overflow:hidden; text-align:center; width:100%;  top:50%; height:0; font-size:26px; line-height:1; font-weight:700;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all  1s ease-out;
	-o-transition: all  1s ease-out;
	transition: all  1s ease-out;
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.intr0201 .motionContainer li:first-child { opacity:0; position:static; height:auto;}
.intr0201 .motionContainer li span { display:block; width:100%; left:0; }
.intr0201 .motionContainer li:nth-child(3) ~ li	{
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all  0.8s ease-out;
	-o-transition: all  0.8s ease-out;
	transition: all  0.8s ease-out;
	-webkit-transition-delay: 2.1s;
	-moz-transition-delay: 2.1s;
	-ms-transition-delay: 2.1s;
	-o-transition-delay: 2.1s;
	transition-delay: 2.1s;
}
.intr0201 .motionContainer li:nth-child(2)	{}
.intr0201 .motionContainer li:nth-child(3)	{}
.intr0201 .motionContainer li:nth-child(3) img	{position:absolute; left:0; bottom:50%;}
.intr0201 .motionContainer li:nth-child(4)	{}
.intr0201 .motionContainer li:last-child	{}
.intr0201 .motionContainer li:last-child span	{position:absolute; bottom:50%}

.intr0201 .motionContainer.on li:nth-child(2)	{top:10%; height:40%;}
.intr0201 .motionContainer.on li:nth-child(3)	{height:50%;}
.intr0201 .motionContainer.on li:nth-child(3) img	{bottom:0;}
.intr0201 .motionContainer.on li:nth-child(4)	{top:calc(50% - 1.2em); height:1.2em;}
.intr0201 .motionContainer.on li:last-child	{height:1.2em;}
.intr0201 .motionContainer.on li:last-child span	{bottom:0;letter-spacing:0.03em;}

.intr0201 .contents > ul	{width:100%;}
.intr0201 .contents > ul:before	{content:""; display:block; width:44px; height:1px; background:#00ad83; margin:74px auto 100px;}
.intr0201 .contents > ul li	{float:left; width:calc((100% - 2px) / 3); margin-left:1px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;text-align:center;}
.intr0201 .contents > ul li:first-child	{margin-left:0; background-image:url("../images/img_intr0201_03.png");}
.intr0201 .contents > ul li:nth-child(2)	{background-image:url("../images/img_intr0201_04.png");}
.intr0201 .contents > ul li:last-child	{background-image:url("../images/img_intr0201_05.png");}
.intr0201 .contents > ul li .title	{width:157px; height:157px; border-radius:50%; background:rgba(255,255,255,0.8); margin:32px auto; padding:0;}
.intr0201 .contents > ul li .title img	{width:100%;}
.intr0201 .contents > ul li p	{width:100%; font-weight:300; font-size:18px; color:#fff; line-height:1.4; padding:23px 0; background:rgba(0,0,0,0.5);}
.intr0201 .contents > ul li p span	{display:block; font-weight:700; font-size:22px; margin-bottom:5px;}


/* 회사소개 > 역사 */
.intr0301	{}
.intr0301 .graphContainer .historyGraph { width:100%; }
.intr0301 .graphContainer .historyGraph .leftGrapth { float:left;width:60%;height:626px;position:relative; }
.intr0301 .graphContainer .historyGraph .leftGrapth .cover {
	position:absolute;top:0;width:100%;height:100%;background:url('/images/intr0301_left.png') no-repeat;
	-webkit-transition: height 2s ease-out;
	-moz-transition: height 2s ease-out;
	-o-transition: height 2s ease-out;
	transition: height 2s ease-out;
}
.intr0301 .graphContainer .historyGraph .rightGrapth { position:relative;float:left;width:40%;padding-top: 15%; }
.intr0301 .graphContainer .historyGraph .rightGrapth img { width:100%; }
.intr0301 .graphContainer .historyGraph .rightGrapth .rate-number { position: absolute; top: 53%; left: 32%; font-size: 150px; color: #00ad83; }

.intr0301 .graphContainer.on .historyGraph .leftGrapth .cover { height:0%; }

/* 회사소.graphContainer 개 > 두산퓨얼셀의 활약상 */
.intr0401	{}
.intr0401 .titleWrap + .titleWrap	{}
.intr0401 .titleWrap + .titleWrap p	{position:relative; font-weight:300; color:#00ad83; font-size:18px; display:inline-block;}
.intr0401 .titleWrap + .titleWrap p:after	{content:""; width:100%; height:1px; position:absolute;left:0; bottom:-0.8em; background:#00ad83;}
.intr0401 .titleWrap + .titleWrap span	{display:block;}

.intr0401 .imgWrap	{margin:0 auto; text-align:center; padding-top:30px;}
.intr0401 .imgWrap img	{width:100%; margin:0 auto;}
.intr0401 .titleWrap + .imgWrap img	{max-width:1098px;}
.intr0401 .listWrap + .imgWrap img	{max-width:540px;}

.intr0401 .contents .listWrap	{margin:70px 0 100px;}
.intr0401 .contents .listWrap> ul	{overflow:hidden; }
.intr0401 .contents .listWrap> ul > li	{float:left; width:calc((100% - 221px)/ 3); margin-left:110px;}
.intr0401 .contents .listWrap> ul > li:first-child	{margin-left:0;}
.intr0401 .contents .listWrap> ul > li > img	{height:93px; border:1px solid #000;}
.intr0401 .contents .listWrap> ul > li dl	{height:109px; margin-bottom:20px;}
.intr0401 .contents .listWrap> ul > li dl dt	{line-height:1; margin:20px 0 10px;}
.intr0401 .contents .listWrap> ul > li dl dd	{font-size:15px; line-height:1.75; font-weight:300;}
.intr0401 .contents .listWrap> ul > li ul li img	{width:100%;}
.intr0401 .contents .listWrap> ul > li:nth-child(2) ul li img	{width:92%;}
.intr0401 .contents .listWrap> ul > li:first-child ul li img	{width:33%;}
.intr0401 .contents .listWrap p	{text-align:right;font-size:15px; margin-top:1.25em;}


/* 회사소개 > CI */
.intr0501	{}
.intr0501 .downWrap	{margin-bottom:1.3em;}
.intr0501 .downWrap a	{position:relative;display:inline-block;background: url("../images/btn_down_blue.png") 100% 50% no-repeat;font-size: 18px;background-size:1em;padding-right: 1.6em;margin-left:3em;font-weight: 400;}
.intr0501 .downWrap a:first-child	{margin-left:0;}
.intr0501 dl dd p	{margin-bottom:3.8em;}
.intr0501 dl dd > img	{max-width:100%;}
.intr0501 dl dd:nth-of-type(1) > img	{width:auto;margin-bottom: 60px;}
.intr0501 .color p { font-size: 16px; line-height: 27px; margin: 0; }
.intr0501 .color .c-title1 { font-size: 19px; font-weight: 600; line-height: 34px; }
.intr0501 .color .c-desc1 { padding-bottom: 25px; font-weight: 600; }
.intr0501 .color .c-desc2 { padding-bottom: 25px; }
.intr0501 .color .c-desc3 { padding-bottom: 80px; }
.intr0501 .color .c-desc4 { padding-bottom: 50px; }
.intr0501 .color img { float: right;margin-left:15px}
.intr0501 .downWrap a:before {content: '';width: 0%;height: 1px;background: #000;position: absolute;bottom: 0;left: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.intr0501 .downWrap a:hover:before {width: 100%;}
.intr0501 .ci2022_img3 {margin-bottom:38px;}
.intr0501 .ci2022_img4 {margin:0 0 90px -7%;}
.intr0501 .ci2022_desc6, .intr0501 .ci2022_desc7 {font-size:18px; line-height:26px; color:#005db8;}
.intr0501 .ci2022_desc6 {margin-bottom:110px;}
.intr0501 .ci2022_desc7 {width:75%;}
.intr0501 .ci2022_img3_txt, .intr0501 .ci2022_img4_txt {display:none;}

.intr0501 dl dd .tableWrap	{width:80%; max-width:660px;}
.intr0501 dl dd .tableWrap table	{border:none; font-size:16px; line-height:1;}
.intr0501 dl dd .tableWrap th	{background:none; border:none; padding:0; position:relative; vertical-align:bottom; padding-bottom:0.4em; font-weight:300;}
.intr0501 dl dd .tableWrap td	{text-align:left; background:none; border:none; padding:0.4em 0;}
.intr0501 dl dd .tableWrap th.right span	{position:absolute; left:70px; bottom:0.4em;}
.intr0501 dl dd .tableWrap tr:nth-child(6) td,.intr0501 dl dd .tableWrap tr:nth-child(12) td	{padding:1.2em 0;}
.intr0501 dl dd .tableWrap th p	{display:block;position:absolute;  width:100px; height:100px;}
.intr0501 dl dd .tableWrap tr:first-child th p	{
	background:#0018a8; top:14px; left:14px;
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	transform: rotate(18deg);
	-o-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
}
.intr0501 dl dd .tableWrap tr:nth-child(7) th p	{
	background:#0088ce; top:5px; left:5px;
	-webkit-transform: rotate(-4.2deg);
	-moz-transform: rotate(-4.2deg);
	transform: rotate(-4.2deg);
	-o-transform: rotate(-4.2deg);
	-ms-transform: rotate(-4.2deg);
}
.intr0501 dl dd .tableWrap tr:nth-child(13) th p {
	background:#00ad83; top:7px; left:7px;
	-webkit-transform: rotate(6.3deg);
	-moz-transform: rotate(6.3deg);
	transform: rotate(6.3deg);
	-o-transform: rotate(6.3deg);
	-ms-transform: rotate(6.3deg);
}
.intr05 .contentsWrap.wide	{width:calc(100% - 72px); margin:0 36px; padding:0;}
.intr05 .contentsWrap.wide a	{position: relative;display: flex;justify-content: center;align-items: center;float:left;width:50%;height:240px;color:#fff;font-size:22px;overflow: hidden;}
.intr05 .contentsWrap.wide a .bg{position: absolute;z-index: -1;}
.intr05 .contentsWrap.wide a:first-child .bg	{background:url("../images/img_intr0501_05.png") 50% 50% no-repeat;background-size:cover;}
.intr05 .contentsWrap.wide a:last-child	.bg{background:url("../images/img_intr0501_06.png") 50% 50% no-repeat;;background-size:cover;}
.intr05 .contentsWrap.wide a img	{height:1em; margin-left:0.5em;}
.intr05 .contentsWrap.wide a .bg {width: 100%;height: 100%;transition: all 0.4s;}
.intr05 .contentsWrap.wide a:hover .bg { transform: scale(1.05);background-color: rgb(0 0 0 / 40%);background-blend-mode: multiply;}

/* 회사소개 > 윤리경영 > 윤리규범 */
.intr0601	{}
.intr0601 .titleWrap span	{text-align:left; margin-bottom:0;}
.intr0601 .titleWrap p + span	{font-weight:400;}
.intr0601 .titleWrap .imgWrap	{width:577px; max-width:100%; position:relative; margin:130px auto 80px;}
.intr0601 .titleWrap .imgWrap img	{width:100%; max-width:577px;  max-height:100%}
.intr0601 .titleWrap .imgWrap dl	{ line-height:1.3;  text-align:center;}
.intr0601 .titleWrap .imgWrap dt	{position:absolute; width:204px; height:204px; background:#01ae83; left:50%; top:50%; border-radius:50%; margin-left:-102px; margin-top:-102px; }
.intr0601 .titleWrap .imgWrap dt p	{vertical-align:middle; display:inline-block; color:#fff; font-size:28px; font-weight:700;}
.intr0601 .titleWrap .imgWrap dt:before {content: ""; display: inline-block;  width:1px; height:100%; vertical-align: middle;}

.intr0601 .titleWrap .imgWrap dd	{position:absolute; width:136px; height:136px; background:#d1eee7;border-radius:50%;}
.intr0601 .titleWrap .imgWrap dd p	{vertical-align:middle; display:inline-block; font-size:20px;}
.intr0601 .titleWrap .imgWrap dd:before {content: ""; display: inline-block;  width:1px; height:100%; vertical-align: middle;}

.intr0601 .titleWrap .imgWrap dd:nth-of-type(1)	{top:0; left:50%; margin-left:-68px;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(2)	{top:27%; left:4%;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(3)	{top:27%; right:4%;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(4)	{bottom:8%; left:17%;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(5)	{bottom:8%; right:17%;}

.intr0601 dl.information dd p + ul	{ margin-top:1em;}
.intr0601 dl.information dd p + ul li	{font-size:15px;}
.intr0601 dl.information dd p + ul li:before	{content:""; width:0.3em; height:0.3em; background:#000; display:inline-block; border-radius:50%; margin-right:0.6em; vertical-align:top; margin-top:0.6em;}
.intr0601 dl.information dd .subWrap ul	{margin-top:0;}
.intr0601 dl.information dd .subWrap ul li	{font-size:1em;}
.intr0601 dl.information dd .subWrap a	{display:inline-block; text-indent:0; color:#0289cd;}

.intr0601 dl.information dd:last-child		{margin-bottom:90px;}

.sust0901	{}
.sust0901 .titleWrap span	{margin-bottom:0;}
.sust0901 .titleWrap p + span	{font-weight:400;}
.sust0901 .titleWrap .imgWrap	{width:577px; max-width:100%; position:relative; margin:130px auto 80px;}
.sust0901 .titleWrap .imgWrap img	{width:100%; max-width:577px;  max-height:100%}
.sust0901 .titleWrap .imgWrap dl	{ line-height:1.3;  text-align:center;}
.sust0901 .titleWrap .imgWrap dt	{position:absolute; width:204px; height:204px; background:#01ae83; left:50%; top:50%; border-radius:50%; margin-left:-102px; margin-top:-102px; }
.sust0901 .titleWrap .imgWrap dt p	{vertical-align:middle; display:inline-block; color:#fff; font-size:28px; font-weight:700;}
.sust0901 .titleWrap .imgWrap dt:before {content: ""; display: inline-block;  width:1px; height:100%; vertical-align: middle;}

.sust0901 .titleWrap .imgWrap dd	{position:absolute; width:136px; height:136px; background:#d1eee7;border-radius:50%;}
.sust0901 .titleWrap .imgWrap dd p	{vertical-align:middle; display:inline-block; font-size:20px;}
.sust0901 .titleWrap .imgWrap dd:before {content: ""; display: inline-block;  width:1px; height:100%; vertical-align: middle;}

.sust0901 .titleWrap .imgWrap dd:nth-of-type(1)	{top:0; left:50%; margin-left:-68px;}
.sust0901 .titleWrap .imgWrap dd:nth-of-type(2)	{top:27%; left:4%;}
.sust0901 .titleWrap .imgWrap dd:nth-of-type(3)	{top:27%; right:4%;}
.sust0901 .titleWrap .imgWrap dd:nth-of-type(4)	{bottom:8%; left:17%;}
.sust0901 .titleWrap .imgWrap dd:nth-of-type(5)	{bottom:8%; right:17%;}

.sust0901 dl.information dd p + ul	{ margin-top:1em;}
.sust0901 dl.information dd p + ul li	{font-size:15px;}
.sust0901 dl.information dd p + ul li:before	{content:""; width:0.3em; height:0.3em; background:#000; display:inline-block; border-radius:50%; margin-right:0.6em; vertical-align:top; margin-top:0.6em;}
.sust0901 dl.information dd .subWrap ul	{margin-top:0;}
.sust0901 dl.information dd .subWrap ul li	{font-size:1em;}
.sust0901 dl.information dd .subWrap a	{display:inline-block; text-indent:0; color:#0289cd;}

.sust0901 dl.information dd:last-child		{margin-bottom:90px;}



/* 회사소개 > 윤리경영 > 사이버 신고센터 */
.intr0602	{}
.intr0602 dd ol	{}
.intr0602 dd li	{background:#f5f5f5; margin-bottom:40px; overflow:hidden; padding:35px 0;}
.intr0602 dd li p	{float:left; font-size:30px; font-weight:700; color:#00ad83; width:90px; text-align:center; margin-top:-6px;}
.intr0602 dd li span	{float:left; width:calc(100% - 90px); padding-right:35px;}
.intr0602 dl.information dd		{margin-bottom:90px;}

.sust0902	{}
.sust0902 dd ol	{}
.sust0902 dd li	{background:#f5f5f5; margin-bottom:40px; overflow:hidden; padding:35px 0;}
.sust0902 dd li p	{float:left; font-size:30px; font-weight:700; color:#00ad83; width:90px; text-align:center; margin-top:-6px;}
.sust0902 dd li span	{float:left; width:calc(100% - 90px); padding-right:35px;}
.sust0902 dl.information dd		{margin-bottom:90px;}


/***********************************************************************************************************/
/* 회사소개 > EHS */
.contentsWrap[class*="intr07"]	{}
.contentsWrap[class*="intr07"] .ehsWrap	{font-size:18px; position:relative;}
.contentsWrap[class*="intr07"] .ehsWrap li:after	{content:""; width:1px; height:32px; background:#00ad83; position:absolute; left:50%; top:-32px;}
.contentsWrap[class*="intr07"] .ehsWrap li:first-child:after	{display:none;}
.contentsWrap[class*="intr07"] .ehsWrap li	{height:151px; max-height:151px; clear:both; display:flex; /*justify-content:center; */align-items:center; position:relative; margin-bottom:32px; text-align:left;}
.contentsWrap[class*="intr07"] .ehsWrap li:first-child {align-items:flex-start;}
.contentsWrap[class*="intr07"] .ehsWrap li:last-child {align-items:flex-end; margin-bottom:0;}
.contentsWrap[class*="intr07"] .ehsWrap li p.num	{position:absolute; top:50%; margin-top:-9px; font-weight:700; color:#00ad83;position:absolute;}
.contentsWrap[class*="intr07"] .ehsWrap li div.text	{width:50%; }
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(odd) p.num	{right:calc(50% + 100px);}
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(even) p.num	{left:calc(50% + 100px); }
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(odd) div.text 	{margin-left:50%; padding-left:100px;}
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(even) div.text	{text-align:right; padding-right:100px;}
.contentsWrap[class*="intr07"] .ehsWrap li div.text p	{position:relative; display:inline-block;padding-bottom:0.6em; margin-bottom:0.4em;}
.contentsWrap[class*="intr07"] .ehsWrap li div.text p:after	{content:""; width:100%; height:1px; background:#00ad83; position:absolute; left:0; bottom:0;}
.contentsWrap[class*="intr07"] .ehsWrap li div.text span	{font-size:16px; font-weight:300;  line-height:1.6;}
.contentsWrap[class*="intr07"] .ehsWrap + p	{margin-top:60px; text-align:center; font-size:16px; font-weight:300;}
.contentsWrap[class*="intr07"] .ehsWrap + p span	{font-size:1.25em; font-weight:400; margin-left:0.5em;}
.contentsWrap[class*="intr07"] .ehsWrap li	{background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.contentsWrap[class*="intr07"] .ehsWrap + p > img.sign { height: 45px; margin-top: -14px; margin-left: 24px;}

/* 회사소개 > EHS > EHS 방침 sust-0401 */
/*.contentsWrap.intr0701 .titleWrap span	{text-align:left;}*/
.contentsWrap.intr0701 .titleWrap span + span	{text-align:center; font-weight:700;}

.contentsWrap.intr0701 .ehsWrap li:first-child {align-items:center;}
.contentsWrap.intr0701 .ehsWrap li:last-child {align-items:center;}
.contentsWrap.intr0701 .ehsWrap li:first-child	{background-image:url("../images/bg_intr0701_01.png");}
.contentsWrap.intr0701 .ehsWrap li:nth-child(2)	{background-image:url("../images/bg_intr0701_02.png");}
.contentsWrap.intr0701 .ehsWrap li:nth-child(3)	{background-image:url("../images/bg_intr0701_03.png");}
.contentsWrap.intr0701 .ehsWrap li:nth-child(4)	{background-image:url("../images/bg_intr0701_04.png");}
.contentsWrap.intr0701 .ehsWrap li:last-child	{background-image:url("../images/bg_intr0701_05.png");}

/* 회사소개 > EHS > EHS 목표 */
.contentsWrap.intr0701-1 .ehs-target {display:flex; width:796px; margin:0 auto;}
.contentsWrap.intr0701-1 .ehs-target > div {width:50%;}
.contentsWrap.intr0701-1 .ehs-target > div p {padding-bottom:30px; text-align:center;}
.contentsWrap.intr0701-1 .ehs-target > div li {position:relative; display:table; width:100%; margin-top:2px; text-align:center;}
.contentsWrap.intr0701-1 .ehs-target > div li:before {content:''; position:absolute; bottom:-23px; left:50%; margin-left:-23px; display:block; width:46px; height:46px; background-image:url("../images/ico_ehs_plus.png"); z-index:5;}
.contentsWrap.intr0701-1 .ehs-target > div li:last-child:before {display:none;}
.contentsWrap.intr0701-1 .ehs-target > div li > div {display:table-cell; vertical-align:middle;}
.contentsWrap.intr0701-1 .ehs-target span, .contentsWrap.intr0701-1 .ehs-target em {display:inline-block; width:100%; line-height:30px;}
.contentsWrap.intr0701-1 .ehs-target span {font-weight:600;}
.contentsWrap.intr0701-1 .ehs-target > div:nth-child(1) {padding-right:12px;}
.contentsWrap.intr0701-1 .ehs-target > div:nth-child(1) span {color:#0088ce;}
.contentsWrap.intr0701-1 .ehs-target > div:nth-child(1) li {height:150px; background:#e0f4ff;}
.contentsWrap.intr0701-1 .ehs-target > div:nth-child(2) {padding-left:12px;}
.contentsWrap.intr0701-1 .ehs-target > div:nth-child(2) span {color:#00ad83;}
.contentsWrap.intr0701-1 .ehs-target > div:nth-child(2) li {height:125px; background:#daf7ef;}



/* 회사소개 > EHS > 안전 및 보건관리 */
.contentsWrap.intr0702 .ehsWrap li:first-child	{background-image:url("../images/bg_intr0702_01.png");}
.contentsWrap.intr0702 .ehsWrap li:nth-child(2)	{background-image:url("../images/bg_intr0702_07.png");}
.contentsWrap.intr0702 .ehsWrap li:nth-child(3)	{background-image:url("../images/bg_intr0702_02.png");}
.contentsWrap.intr0702 .ehsWrap li:nth-child(4)	{background-image:url("../images/bg_intr0702_06.png");}
.contentsWrap.intr0702 .ehsWrap li:nth-child(5)	{background-image:url("../images/bg_intr0702_03.png");}
.contentsWrap.intr0702 .ehsWrap li:nth-child(6)	{background-image:url("../images/bg_intr0702_04.png");}
.contentsWrap.intr0702 .ehsWrap li:last-child	{background-image:url("../images/bg_intr0702_05.png");}


/* 회사소개 > EHS > 환경관리 */
.contentsWrap.intr0703 .ehsWrap li:first-child	{background-image:url("../images/bg_intr0703_01.png");}
.contentsWrap.intr0703 .ehsWrap li:nth-child(2)	{background-image:url("../images/bg_intr0703_02.png");}
.contentsWrap.intr0703 .ehsWrap li:nth-child(3)	{background-image:url("../images/bg_intr0703_03.png");}
.contentsWrap.intr0703 .ehsWrap li:last-child	{background-image:url("../images/bg_intr0703_04.png");}
/***********************************************************************************************************/

/* 투자정보 공통 */
.container.inve .contentsWrap[class*="inve"] {}
.container.inve .contentsWrap[class*="inve"] div.title		{float:left; width:205px;}
.container.inve .contentsWrap[class*="inve"] div.title p	{font-size:32px; font-weight:700; line-height:1.5;}
.container.inve .contentsWrap[class*="inve"] div.title .tableWrap2 .inputContainer	{float:none; text-align:left; margin:30px 0 0;}
.container.inve .contentsWrap[class*="inve"] div.title + div	{float:left; width:calc(100% - 205px); padding-left:24px;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table td.left span	{width:100%; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; line-height:1.2; vertical-align:middle;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table td a	{line-height:1.2; display:inline-block;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table td a img	{margin-left:0.8em; height:0.9em;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 > img	{max-width:100%;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table + p,.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 img + p	{font-size:14px; margin-top:30px; font-weight:300; text-align:right;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 > p	{font-size:14px; text-align:right; margin-bottom:30px; font-weight:300;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 > p span	{vertical-align:middle; font-size:14px; float:right;}
.container.inve .inve0101 div.title + div.tableWrap2 table td a {margin:0 35px !important;}
.container.inve .inve0301 div.title + div.tableWrap2 table td a {margin:0 35px !important;}
.container.inve .contentsWrap[class*="inve"] .contents > ul > li	{margin-top:130px; clear:both; overflow:hidden;}
.container.inve .contentsWrap[class*="inve"] .contents > ul > li:first-child	{margin-top:0;}

/* 투자정보 > 거버넌스 > 감사기구 */
.inve0203	{}
.inve0203 .listWrap ul	{}
.inve0203 .listWrap ul li	{font-size:18px; line-height:65px;}
.inve0203 .listWrap ul li > p	{font-weight:700; float:left;width:343px;}
.inve0203 .listWrap ul li ul	{float:left;}
.inve0203 .listWrap ul li ul li	{display:inline-block;}
.inve0203 .listWrap ul li ul li:first-child	{width:240px; line-height: 24px;}
.inve0203 .listWrap ul li ul li:last-child	{font-weight:700; padding-left:40px; border-left:1px solid #bfbfbf; width: 290px; line-height: 24px;}

.inve0203 .listWrap > ul > li	{position:relative;clear:both; background-position:72px 50%; background-repeat:no-repeat; background-size:contain; height:228px; padding:80px 0; margin-top:54px;}
.inve0203 .listWrap > ul > li:first-child		{margin-top:0;}
.inve0203 .listWrap > ul > li:first-child	{background-image:url("../images/img_inve0203_01.png");}
.inve0203 .listWrap > ul > li:nth-child(2)	{background-image:url("../images/img_inve0203_02.png");}
.inve0203 .listWrap > ul > li:nth-child(3)	{background-image:url("../images/img_inve0203_03.png");}
.inve0203 .listWrap > ul > li:last-child	{background-image:url("../images/img_inve0203_04.png");}
.inve0203 .listWrap > ul > li:after	{width:15px; height:15px; content:""; position:absolute; top:-25px; left:176px; background:url("../images/img_inve0203.png") 50% 50% no-repeat; background-size:contain;}
.inve0203 .listWrap > ul > li:first-child:after	{display:none;}


/* 투자정보 > 공시자료 */
.inve0401	{}
.inve0401 .iframeWrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.inve0401 #content .ico_drag { display: none; }

/* 투자정보 > 전자공고 */
.inve0501	{}
.inve0501 .tableWrap table th:last-child,
.inve0501 .tableWrap table td:last-child	{width:357px;}


/* 채용 */
.recr	{overflow:hidden;}
.recr .titleWrap > span	{text-align:left;}
.recr .recrWrap	{width:100%;}
.recr .recrWrap li	{float:left; width:calc((100% - 48px)/ 3);margin-left:24px; margin-bottom:70px;}
.recr .recrWrap li:first-child,	.recr .recrWrap li:nth-child(4)	{clear:both; margin-left:0;}
.recr .recrWrap li > img	{width:100%; max-width:100%;}
.recr .recrWrap li p	{font-size:16px; font-weight:300; color:#444; line-height:1.7; }
.recr .recrWrap li p.title	{font-size:18px; font-weight:400; color:#000;margin:15px 0 20px;}
.recr .recrWrap li p.title span	{color:#00ad83; display:block; margin-top:2px; }
.recr .recrWrap li:nth-child(2) p.title span	{font-style: italic;}

.recr .contentsWrap.wide	{width:calc(100% - 72px); margin:90px 36px 0; height:400px; background:url("../images/bg_recr.png") 50% 50% no-repeat; background-size:cover; }
.recr .contentsWrap.wide .btnWrap > img	{height:77px; display:block; margin:109px auto 37px;}
.recr .contentsWrap.wide .btnWrap a	{background:none; color:#fff; border-color:#fff;}
.recr .contentsWrap.wide .btnWrap a img	{vertical-align:middle; height:14px; margin:-3px 0 0 18px;}
.recr .goLink .btnWrap a span:before {background: url(../../images/common/ico_outlink_2dep.png) no-repeat 0 0 / contain;width: 18px;height: 18px;margin: -10px -2px 0 0;filter: brightness(0);}
.recr .goLink .btnWrap a:hover span:before {filter:none;right: 0;}
.recr .goLink .btnWrap a img {vertical-align: middle;height: 12px;margin: -3px 0 0 10px;}
.recr .goLink .btnWrap a:hover img {filter:invert(1);}
.recr .goLink {text-align: center; margin-left: 0;float: none;}
.recr .goLink .btnWrap {margin-left: 0;}

/* 미디어센터 > 뉴스 */
.medi0101 .viewWrap	{}
.medi0101 .viewWrap .viewContents {padding:80px 114px;}
.medi0101 .viewWrap .viewContents .view	{margin:0; width:100%}
.medi0101 .viewWrap .viewContents .view p img{margin-bottom:10px;}
.medi0101 .viewWrap .viewContents .summary { padding:0 0 65px 0; font-size:20.5px; border-bottom:1px solid #e5e5e5; }


/* 미디어센터 > 카달로그 */
.medi0201	{}
.medi0201 .title	{float:left; width:20%; font-size:32px; font-weight:700;}
.medi0201 .catalogWrap	{float:left; width:80%;}
.medi0201 li > p		{position:absolute; top:20px; left:220px; line-height:1.5;word-break: keep-all;}
.medi0201 .catalogWrap > ul > li	{float:left; width:calc(50% - 24px); margin-left:24px; margin-bottom: 20px; background:#f8f8f8; padding:20px 30px; position:relative;}
.medi0201 .catalogWrap li > img	{height:229px; border:1px solid #e1e1e1;}
.medi0201 .catalogWrap li ul	{position:absolute; left:220px; bottom:40px;}
.medi0201 .catalogWrap li ul li	{display:inline-block; margin-left:30px;}
.medi0201 .catalogWrap li ul li:first-child	{margin-left:0;}
.medi0201 .catalogWrap li ul li a	{font-size:16px; line-height:19px;}
.medi0201 .catalogWrap li ul li img	{height:19px; margin-left:0.5em}
.medi0201 .contents.video li > p {position: relative;top: 0;left: 0;font-size: 18px;}
.medi0201 .contents.video .catalogWrap > ul > li {margin-bottom: 30px;}
.medi0201 .contents.video .catalogWrap iframe {width: 100%;height: 200px;}
.medi0201 .contents:not(.video) .catalogWrap ul:nth-child(2n)>li{margin-left:16px}
/* 카탈로그 다운로드 요청 form */
.medi0201.popup-wrapper .title {font-weight: 400;}
.medi0201.popup-wrapper .pop-inner, .medi0201.popup-wrapper .title {font-size:13px;}
.medi0201.popup-wrapper .agreeWrap {font-size: 13px;}
.medi0201.popup-wrapper p.information	{text-align:center;}
.medi0201.popup-wrapper .contantWrap	{margin-top:20px;margin-bottom: 20px;}
.medi0201.popup-wrapper .contantWrap > p	{font-size: 13px;line-height:28px;font-weight:300;}
.medi0201.popup-wrapper .contantWrap > p span.check	{color:#02ad83; margin-right:3px; font-weight:700;}
.medi0201.popup-wrapper .contantWrap > ul	{display: table;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.medi0201.popup-wrapper .contantWrap > ul > li	{clear:both;overflow:hidden;width:100%;padding: 9px 0;border-top:1px solid #e1e1e1;}
.medi0201.popup-wrapper .contantWrap > ul > li:first-child	{border-top:none;}
.medi0201.popup-wrapper .contantWrap .title	{float:left;position:relative;width: 86px;line-height: 30px;padding-left: 18px;top: 0;left: 0;margin-bottom: 0;}
.medi0201.popup-wrapper .contantWrap p.title span.check	{color:#02ad83;position:absolute;top:-4px;left: 6px;font-weight:700;}
.medi0201.popup-wrapper .contantWrap p.title + div	{float:left;width: calc(100% - 86px);}
.medi0201.popup-wrapper .contantWrap > ul > li:first-child, .medi0201.popup-wrapper .contantWrap > ul > li:nth-child(3),.medi0201.popup-wrapper .contantWrap > ul > li:nth-child(4)	{padding-right:116px;}
.medi0201.popup-wrapper .contantWrap > ul > li:nth-child(2),.medi0201.popup-wrapper .contantWrap > ul > li:nth-child(4)	{clear:none;float:left;}
.medi0201.popup-wrapper .mailWrap input[type="text"]	{float:left;width: calc(100% - 185px);}
.medi0201.popup-wrapper .mailWrap input[type="text"]:first-child	{width: 150px;}
.medi0201.popup-wrapper .mailWrap span.mail	{float:left;text-align:center;line-height: 30px;width:34px;}
.medi0201.popup-wrapper .agreeWrap p.title	{clear:both;width: auto;float: left;margin-bottom: 0;}
.medi0201.popup-wrapper .agreeWrap .scrollWrap	{display: none;width:100%;height: 100px;    margin-bottom: 15px;padding: 15px;border:1px solid #dcdcdc;overflow-y:scroll;color:#727272;line-height: 1.5;font-size: 13px;font-weight:300;}
.medi0201.popup-wrapper .agreeWrap .checkWrap	{display: inline-block;float: right;margin: 0;overflow:hidden;}
.medi0201.popup-wrapper .agreeWrap .checkWrap p	{float:left;}
.medi0201.popup-wrapper .agreeWrap .checkWrap p.inputWrap	{float:right;top: -2px;}
.medi0201.popup-wrapper .agreeWrap .checkWrap.all	{margin:59px 0 40px;}
.medi0201.popup-wrapper .btnWrap	{clear:both;padding-top:40px; border-top:1px solid #dcdcdc; text-align:center;}
.medi0201.popup-wrapper .contantWrap input,.medi0201.popup-wrapper .contantWrap select{font-size:13px;padding:0 10px;height: 30px;}
.medi0201.popup-wrapper .inputWrap input[type=checkbox]+label{font-size:13px;line-height: 1.5;}
.medi0201.popup-wrapper .inputWrap input[type=checkbox]+label:before{width:13px;height:13px}
.medi0201.popup-wrapper .agreeWrap .checkWrap.all{clear:both;width:100%;margin:0 0 15px 0;padding-bottom:20px;border-bottom:1px solid #eee}
.medi0201.popup-wrapper .popup .contxt{position:relative;padding:0 20px;overflow:hidden;overflow-y:hidden;width: 500px;}
.medi0201.popup-wrapper .agreeWrap p.title+span{color:#01ae83;padding-left:3px;float:left;    cursor: pointer;}
.medi0201.popup-wrapper .agreeWrap p.title+span:after{content:'';display:inline-block;width:83%;top:-8px;left:8%;position:relative;height:1px;background:#01ae83}
.medi0201.popup-wrapper .btnWrap2ps_half{clear:both}
.medi0201.popup-wrapper .btnWrap input,.medi0201.popup-wrapper .btnWrap2ps_half a span{line-height:34px}
.medi0201.popup-wrapper .btnWrap input,.medi0201.popup-wrapper .btnWrap2ps_half a{height:36px;font-size:13px;width:65px}
.medi0201.popup-wrapper .btnWrap input,.medi0201.popup-wrapper .btnWrap2ps_half a:before{content:none}
.medi0201.popup-wrapper .btnWrap input,.medi0201.popup-wrapper .btnWrap2ps_half a:hover{color:inherit}
.medi0201.popup-wrapper .btnWrap2ps_half a:last-child{width:140px;background:#01ae83;color:#fff;border-color:#01ae83}
.medi0201.popup-wrapper .popup .btn-pop-close {display:none}
.medi0201.popup-wrapper .inputWrap input[type="checkbox"]:checked + label:after { width: 5px; height: 5px; left: 4px; top: 7px;}
:lang(en) .medi0201.popup-wrapper .btnWrap input,:lang(en) .medi0201.popup-wrapper .btnWrap2ps_half a span{line-height:36px}
:lang(en) .medi0201.popup-wrapper .agreeWrap p.title+span:after{width:92%;left:4%;}
:lang(en) .medi0201.popup-wrapper .agreeWrap p.title {max-width: 280px; text-align: left; margin-bottom: 20px;}
:lang(en) .medi0201.popup-wrapper .btnWrap input,:lang(en) .medi0201.popup-wrapper .btnWrap2ps_half a span {font-size: 13px;line-height: 31px;}
:lang(en) .medi0201.popup-wrapper .agreeWrap .checkWrap.all {margin-top:0}
:lang(en) .medi0201.popup-wrapper .inputWrap input[type="checkbox"]:checked + label:after { top: 9px;}


/* Contact Us */
.serv0101 p.information	{text-align:center;}
.serv0101 .contantWrap	{margin-top:58px;}
.serv0101 .contantWrap > p	{font-size:16px; line-height:28px;  font-weight:300;}
.serv0101 .contantWrap > p span.check	{color:#02ad83; margin-right:3px; font-weight:700;}
.serv0101 .contantWrap > ul	{border-top:2px solid #444; border-bottom:2px solid #444;}
.serv0101 .contantWrap > ul > li	{clear:both; overflow:hidden; width:100%; padding:11px 0; border-top:1px solid #e1e1e1;}
.serv0101 .contantWrap > ul > li:first-child	{border-top:none;}
.serv0101 .contantWrap p.title	{float:left; position:relative; width:146px; line-height:53px; padding-left:34px;}
.serv0101 .contantWrap p.title span.check	{color:#02ad83; position:absolute; top:-4px; left:24px; font-weight:700;}
.serv0101 .contantWrap p.title + div	{float:left; width:calc(100% - 146px);}
.serv0101 .contantWrap > ul > li:first-child,.serv0101 .contantWrap > ul > li:nth-child(3)	{float:left; width:616px; padding-right:116px;}
.serv0101 .contantWrap > ul > li:nth-child(2),.serv0101 .contantWrap > ul > li:nth-child(4)	{clear:none; float:left; width:500px;}

.serv0101 .mailWrap	{}
.serv0101 .mailWrap input[type="text"]	{float:left; width:calc(100% - 216px);}
.serv0101 .mailWrap input[type="text"]:first-child	{width:182px;}
.serv0101 .mailWrap span.mail	{float:left; text-align:center; line-height:53px; width:34px;}

.serv0101 .agreeWrap {}
.serv0101 .agreeWrap p.title	{clear:both; margin:95px 0 20px;}
.serv0101 .agreeWrap .scrollWrap	{width:100%; height:330px; padding:40px 30px; border:1px solid #dcdcdc; overflow-y:scroll; color:#727272; line-height:1.8; font-size:16px; font-weight:300;}
.serv0101 .agreeWrap .checkWrap	{clear:both; margin-top:30px; overflow:hidden; padding-bottom:5px;}
.serv0101 .agreeWrap .checkWrap p	{float:left;}
.serv0101 .agreeWrap .checkWrap p.inputWrap	{float:right;}
.serv0101 .agreeWrap .checkWrap.all	{margin:59px 0 40px;}
.serv0101 .btnWrap	{clear:both;padding-top:40px; border-top:1px solid #dcdcdc; text-align:center;}
.inve0101 .title + div.tableWrap2 table td a {overflow:visible}

/* 사업장 위치 */
.serv0201	{}
.serv0201 .contents	{text-align:center;}
.serv0201 .contents ul	{display:inline-block; width:780px; margin:0 auto 80px;}
.serv0201 .contents ul li	{width:33.3%;float:left; margin-left:-1px;}
.serv0201 .contents ul li:first-child	{margin-left:1px;width:33.4%; }
.serv0201 .contents ul li a	{text-align:center; font-size:18px; line-height:60px; border:1px solid #c8c8c8;}
.serv0201 .contents ul li.on a,.serv0201 .contents ul li a:hover	{background:#00ad83; color:#fff;}
.serv0201 .contents dl	{overflow:hidden; font-size:18px; line-height:32px; margin-bottom:20px;}
.serv0201 .contents dt	{float:left; clear:both; margin-right:4px;}
.serv0201 .contents dd	{float:left; text-align: left;}
.serv0201 .mapWrap	{width:100%; height:481px;}


/* 법적고지 */
.serv0301 dl.information dt {font-size:28px;margin-right:40px;}
.serv0301 dl.information dd {width:calc(100% - 297px);}

/* 이용약관 */
.serv0401 dl.information dt {font-size:28px;margin-right:40px;}
.serv0401 dl.information dd {width:calc(100% - 297px);}
.serv0401 .btnWrap {margin-left:267px;}


/* 사이트맵 */
.container.serv .contentsWrap[class*="serv"] {margin-top:0;}
.container.serv .contentsWrap[class*="serv"] .contents:first-child	{margin-top:0;}

/* Patent */
.serv0801 .information {margin-bottom: 100px;}
.serv0801 .title {float: left; width: 205px;}
.serv0801 .title + .tableWrap2 {float: left;width: calc(100% - 205px);padding-left: 24px;}
.serv0801 .title + .tableWrap2 table td a {line-height: 1;display: inline-block;margin: 0 35px;overflow:visible}
.serv0801 .title p {font-size: 32px;font-weight: 700;line-height: 1.5;}
.serv0801 .title + div.tableWrap2 table td a img {margin-left: 0.8em;height: 0.9em;vertical-align: bottom;}
.serv0801 .title  + div.tableWrap2 table td a {margin: 0 auto;overflow:visible}

.sitemap {}
.sitemap a:hover	{color:#00ad83;}
.sitemap > li { clear:both; overflow:hidden; padding:80px 0; border-top:1px solid #dadada; }
.sitemap > li:first-child { padding-top:100px; }
.sitemap > li:last-child { padding-bottom:0; }
.sitemap > li > p { float:left; width:172px; font-size:24px; font-weight:700;}
.sitemap > li > ul { float:left; width:calc(100% - 192px); }
.sitemap > li > ul > li	{ float:left; width:25%; border-left:1px solid #dadada; padding-left:40px; height: 220px; }
.sitemap > li > ul > li.min-height { height:100px; }
.sitemap > li > ul > li > p > a	{ font-size:20px; padding-bottom:30px; }
.sitemap > li > ul > li > ul > li > a { display:inline-block; font-size:16px; line-height:40px; font-weight:300; }

.popup.pop_img { position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999;display: none;}
.popup.pop_img .dim { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: #000; opacity:.7; }
.popup.pop_img .pop_inner { position: absolute; width: calc(100% - 40px); height: calc(100% - 160px); left: 50%; top: 50%; z-index: 1001; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1020px; max-height: 705px; }
.popup.pop_img .pop_inner .btn_close_pop { position: absolute; top: -50px; right: 0; width: 24px; height: 24px; }
.popup.pop_img .pop_inner .btn_close_pop:before { content: ''; position: absolute; top: 0; right: 0; background: url(../../images/btn_close.png) no-repeat 0 0 / contain; width: 24px; height: 24px; }
.popup.pop_img .pop_inner .pop_img_box { width: 100%; height: 100%; position: absolute; top: 50%; left: 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%); }
.popup.pop_img .pop_inner img { max-width: 100%; max-height: 130%; position: absolute; top: 50%; left: 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%); }

.over-x-1080 .ico-touch { display: none; opacity: .8; position:absolute;width:60px; border-radius:50%; overflow:hidden; box-shadow: 1px 1px 20px rgba(0,0,0,0.1);
	animation: guide 1.3s ease-in-out infinite;
	-ms-animation: guide 1.3s ease-in-out infinite;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 0.5s;
	animation-direction: alternate;}
.over-x-1080 .ico-touch img {width:100%;}
@keyframes guide {
	0% {
		transform: translate3d(0px, 0, 0);
	}
	100% {
		transform: translate3d(-60px, 0, 0);
	}
}
.tbstyle02 table { border-top: 2px solid #000000;width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle02 table thead th {border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; background:#fafafa;color:#000000; font-weight:400;}
.tbstyle02 table td { border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#666; font-weight:300;}
.tbstyle02 table tfoot td { color:#000; font-weight:400;}
.tbstyle02 table thead th:first-child { border-left:none !important;}
.tbstyle02 table tbody td:first-child { border-left:none !important;}
.tbstyle02 table tfoot td:first-child { border-left:none !important;}
/*지속가능경영 공통*/
.contentsWrap.sus_linebox .list { display: flex; flex-wrap: wrap; gap: 20px;}
.contentsWrap.sus_linebox .list .item { flex: auto; width: calc(50% - 10px); padding: 60px 50px; border: solid 1px #dcdcdc; border-top: solid 2px #00ad83; box-sizing: border-box;}
.contentsWrap.sus_linebox .list .item p { font-size: 22px; color: #333333; font-weight: 600; margin-bottom: 30px; }
.contentsWrap.sus_linebox .list .item ul li { position: relative;font-size: 16px; color: #666666; line-height: 1.5; margin-bottom: 15px;padding-left: 14px;}
.contentsWrap.sus_linebox .list .item ul li:before {content: '';width: 3px;height: 3px;display: inline-block;background: #666;position: absolute;top: 8px;left: 2px;border-radius: 10px;}

/* background-image */
.container.sust .contentsContainer .keyvisual { background-image:url("../images/KV_sustainability_ehs.png");}
/* .desc */
.container.sust .contentsWrap[class*="sust"] .contents .titleWrap > span.desc	{font-weight:300; font-size:2.7rch; line-height:1.7; margin:1.6em 0 2em;}

.container > .contentsContainer > .titleWrap {margin-top:100px; margin-bottom: -100px;}
.container > .contentsContainer > .titleWrap > span.desc {font-weight:300; font-size:2.7rch; line-height:1.7; margin:1.6em 0 2em;}
.container > .contentsContainer > .contentsWrap.sust0702 { margin-top: 100px; }


/* 지속가능경영 - 개요-ESG추진체계 */
/*.container.sust .contentsWrap[class*="sust"] .tableWrap2 .inputContainer {float:none; text-align:left; margin:30px 0 0;}*//*연도별 자료 input 관련 (inve-0101) */
/*.container.sust .contentsWrap[class*="sust"] div.tableWrap2 > img	{max-width:100%;}*/
/*.container.sust .contentsWrap[class*="sust"] div.tableWrap2 table + p,*/
/*.container.sust .contentsWrap[class*="sust"] div.title + div.tableWrap2 img + p	{font-size:14px; margin-top:30px; font-weight:300; text-align:right;}*/
/*.container.sust .contentsWrap[class*="sust"] div.tableWrap2 > p	{font-size:14px; text-align:right; margin-bottom:30px; font-weight:300;}*/
/*.container.sust .contentsWrap[class*="sust"] div.tableWrap2 > p span	{vertical-align:middle; font-size:14px; float:right;}*/
/*.container.sust .contentsWrap[class*="sust"] .contents > ul > li:first-child	{margin-top:0;}*/
/*.container.sust .contentsWrap[class*="sust"] .contents > ul > li	{margin-top:130px; clear:both; overflow:hidden;}*/
/*.container.sust .contentsWrap[class*="sust"] .title.thumb img {width: 100%;    border: 1px solid #e1e1e1;}*/
/*.container.sust .sust0103 div.title + div.tableWrap2 table td a {margin:0 35px !important;}*/


.container.sust .sust0101 .titleWrap + div.sust0103 {margin-top: 1.6em;}
/* 지속가능경영 - 1-1 ESG전략 sust-0101 */
/* 도형 CSS */
div.circle {
	height: 2rem;
	display:inline-flex;
	background-color: #28596b;
	border-radius: 50%;
}
div.circle.inner {
	height: 34px;
	display:inline-flex;
	padding: 0.4rem 0.5rem 0.5rem 0.5rem;
}
div.inner > div.triangle.up {
	border-left-width: 0.5rem;
	border-right-width: 0.5rem;
	border-bottom-width: 1rem;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-width: 0;
	color: #ffffff;
}
div.triangle {
	display:inline-flex;
	width: 0;
	height: 0;
	border-style: solid;
	color: #ffffff;
}
div.triangle.up.inner {
	border-left-width: 1rem;
	border-right-width: 1rem;
	border-bottom-width: 2rem;
	display:inline-flex;
	color: #28596b;
}
div.triangle.up.inner > div.triangle.up {
	border-left-width: 0.5rem;
	border-right-width: 0.5rem;
	border-top-width: 0;
	border-bottom-width: 1rem;
	margin: 0.666rem -0.5rem;
}
div.triangle.up {
	border-left-width: 0.6rem;
	border-right-width: 0.6rem;
	border-top-width: 0;
	border-bottom-width: 1.2rem;
	border-left-color: transparent;
	border-right-color: transparent;
}
/* 도형 CSS */

.content table.strategy {
	width: 85%; /*900px;*/
	margin: 0 9.5%;
	text-align: center;
	text-size-adjust: auto;
}

.content table.strategy th {
	width: 15%;
	font-weight: bolder;
	vertical-align: top;
	text-align: left;
}

.content table.strategy td {
	width: 100%;
	padding: 1rem;
}

/* EMPTY */
.content table.strategy tr.emptyLine th {
	padding: 1rem 1.5rem;
}

/* LOGO */
.content table.strategy tr.top-logo th,
.content table.strategy tr.top-logo td {
	border-width: 0;
}
.content table.strategy tr.top-logo > td.logo-purecell h2 {
	color: #294c9a;
	font-size: 30px;
	font-weight: bolder;
	margin-bottom: 2rem;
}
/* VISION */
.content table.strategy tr.vision th {
	border-width: 0;
}
.content table.strategy tr.vision > td.blue-box {
	/*padding: 2vw 1vw;*/
	font-size: 23px;
	font-weight: bolder;
	border-width: 0.3vw;
	border-style: solid;
	border-color: #294c9a;
	color: #294c9a;
	border-radius: 10%;
	text-align: center;
}

/* BORDER */
.content table.strategy tr:nth-child(n+4):nth-child(-n+9) > td:nth-child(-n+4),
.content table.strategy tr.emptyLine:nth-child(n+4):nth-child(-n+9) > td:nth-child(-n+4) { /* dot border :nth-child(2):nth-child(5)*/
	border-left-width: 0;
	border-right-width: 0.1vw;
	border-top-width: 0;
	border-bottom-width: 0;
	border-right-color: #000000;
	border-right-style: dotted;
}

.dot-cust {
	width: 0.3rem;
	height: auto;
	border-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='55' ry='55' stroke='black' stroke-width='25' stroke-dasharray='1%2c 1' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
	background-repeat: repeat;
}

/* 전략목표 - upper blue line */
.content table.strategy tr.bt-line > td {
	/* T&B, L&R | T L B R */
	/*
  .content table.strategy tr.bt-line > td {
  .content table.strategy tr.direction > td {
  .content table.strategy tr.task > td {
  3개의 좌우 padding 통일.
  */
	padding: 2em 1em 0 1em;
}

.content table.strategy tr.bt-line td > div.bt-line {
	color: #294c9a;
	border-bottom: solid;
	border-radius: 10% 10% 0 0;
	display: inline-block;
	width: 100%;
	border-width: 3px;
}

/* 전략목표 */
.content table.strategy tr.goal > td {
	color: #294c9a;
	font-weight: bold;
}

.content table.strategy tr.goal > td p { /* 줄 간격 */
	/*      font-size: 2rch;
        line-height: 1.5;*/
}

/* 전략목표 <- 전략방향 */
.content table.strategy tr.arrow td {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

/* 전략방향 */
.content table.strategy tr.direction > td {
	vertical-align: top;
	display: table-cell;
	width: 100%;
}

.content table.strategy tr.direction > td > div { /* 배경 */
	background-color: #e9e6e5;
	display: grid;
	width: 100%;
	vertical-align: middle;
	padding: 25% 0;
}

.content table.strategy tr.direction > td > div > img { /* 아이콘 */
	display: table-row;
	vertical-align: middle;
	width: 50%;
	height: auto;
	margin: 0 25% 10%;
}

.content table.strategy tr.direction > td > div > p { /* 줄간격 */
	color: #28596b;
	font-weight: 700;
}

/* 전략과제 */
.content table.strategy tr.task > td { /* border box */
	padding: 1em 1em 0 1em;
}
.content table.strategy tr.task > td > div { /* border box */
	display: table;/*inline-block*/
	width: 100%;
	height: 45px;/*fit-content*/
	border: 1px solid #000000;
}
.content table.strategy tr.task > td > div p {
	display: table-cell; /*inline*/
	vertical-align: middle;
	line-height: 1;
}
.content table.strategy tr.task > td > div.single {
	padding: 1em 0;
	line-height: 0;
}
/* 지속가능경영 - 1-2 ESG추진체계 sust-0102 */
.container.sust .sust0101 .tableWrap2 > img	{max-width:100%;}
.container.sust .sust0101 .tableWrap2 table + p,
.container.sust .sust0101 div.title + div.tableWrap2 img + p	{font-size:14px; margin-top:30px; font-weight:300; text-align:right;}
.container.sust .sust0101 .tableWrap2 > p	{font-size:14px; text-align:right; margin-bottom:30px; font-weight:300;}
.container.sust .sust0101 .tableWrap2 > p span	{vertical-align:middle; font-size:14px; float:right;}
.container.sust .sust0101 .contents > ul > li:first-child	{margin-top:0;}
.container.sust .sust0101 .contents > ul > li	{margin-top:130px; clear:both; overflow:hidden;}
.container.sust .sust0101 .title.thumb img {width: 100%;    border: 1px solid #e1e1e1;}
/* 지속가능경영 - 1-3 보고서 ADD */
/*.container.sust .sust0103 .contents:first-child	{margin-top:4rem;}*/
.container.sust .sust0103 .contents > .titleWrap + .tableWrap2 {margin-top: 2rem;}
.container.sust .sust0103 .contents > .tableWrap2 .thumb {width: 120px;display: inline-block;vertical-align: middle; margin: 0 30px 0 20px;}
.container.sust .sust0103 .contents > .tableWrap2 table td.left span	{ white-space:nowrap; text-overflow: ellipsis; overflow:hidden; line-height:1.2; vertical-align:middle;font-weight: 500;}
.container.sust .sust0103 .contents > .tableWrap2 table td div.down-form	{display: inline-block; width: 23%;}
.container.sust .sust0103 .contents > .tableWrap2 table td div.down-form > a	{line-height:1.2;display: inline-block;}
.container.sust .sust0103 .contents > .tableWrap2 table td div.down-form > a > img	{margin-left:0.8em;height:0.9em;margin-top: 0.2em;}
/* 지속가능경영 - 1-4 대외평가 ADD */
/*.container.sust .sust0104 .contents:first-child	{margin-top:4rem;}*/
.container.sust .sust0104 .contents > .titleWrap + .btm_section { margin-top: 4rem; }
.container.sust .sust0104 .btm_section .left_container { display: flex; justify-content: space-between; margin-top: 10px; }
.container.sust .sust0104 .btm_section .left_container .left .img_box {border: 1px solid #000;margin-bottom: 20px;min-height: 175px;display: flex;justify-content: center;align-items:center;}
.container.sust .sust0104 .btm_section .left_container .left { padding: 20px; }
.container.sust .sust0104 .btm_section .left_container .left .img_box + p {font-size: 18px;font-weight: 400;}
.container.sust .sust0104 .btm_section .left_container .left.last .img_box { display: flex; justify-content: space-between; padding: 20px; }
.container.sust .sust0104 .btm_section .left_container .left.last .img_box img { flex-basis: 25%; }
.container.sust .sust0104 .btm_section .left_container .left.last { flex-basis: 70%; }
.container.sust .sust0104 .btm_section .left_container .left.last .img_box .img { flex-basis: 25%; text-align: center; }
.container.sust .sust0104 .btm_section .left_container .left.last .img_box .img p { font-size: 15px; margin-top: 5px; }
.container.sust .sust0104 .btm_section .left_container .left .img_box > img {width: auto; max-width: 100%; max-height: 100%;}

.contentsWrap[class*="sust"] .ehsWrap.list-flow { position: relative; }
/* 지속가능경영 - 2 환경경영 ->>> .contentsWrap[class*="intr07"] ~ */
.contentsWrap[class*="sust"]	{}
.contentsWrap[class*="sust"] .ehsWrap	{font-size:18px; position:relative; }
.contentsWrap[class*="sust"] .ehsWrap li:after	{content:""; width:1px; height:32px; background:#00ad83; position:absolute; left:50%; top:-32px;}
.contentsWrap[class*="sust"] .ehsWrap li:first-child:after	{display:none;}
.contentsWrap[class*="sust"] .ehsWrap li	{height:151px; max-height:151px; clear:both; display:flex; /*justify-content:center; */align-items:center; position:relative; margin-bottom:32px; text-align:left;}
.contentsWrap[class*="sust"] .ehsWrap li:first-child {align-items:flex-start;}
.contentsWrap[class*="sust"] .ehsWrap li:last-child {align-items:flex-end; margin-bottom:0;}
.contentsWrap[class*="sust"] .ehsWrap li p.num	{position:absolute; top:50%; margin-top:-9px; font-weight:700; color:#00ad83;position:absolute;}
.contentsWrap[class*="sust"] .ehsWrap li div.text	{width:50%; }
.contentsWrap[class*="sust"] .ehsWrap li:nth-child(odd) p.num	{right:calc(50% + 100px);}
.contentsWrap[class*="sust"] .ehsWrap li:nth-child(even) p.num	{left:calc(50% + 100px); }
.contentsWrap[class*="sust"] .ehsWrap li:nth-child(odd) div.text 	{margin-left:50%; padding-left:100px;}
.contentsWrap[class*="sust"] .ehsWrap li:nth-child(even) div.text	{text-align:right; padding-right:100px;}
.contentsWrap[class*="sust"] .ehsWrap li div.text p	{position:relative; display:inline-block;padding-bottom:0.6em; margin-bottom:0.4em;}
.contentsWrap[class*="sust"] .ehsWrap li div.text p:after	{content:""; width:100%; height:1px; background:#00ad83; position:absolute; left:0; bottom:0;}
.contentsWrap[class*="sust"] .ehsWrap li div.text span	{font-size:16px; font-weight:300;  line-height:1.6;}
.contentsWrap[class*="sust"] .ehsWrap + p	{margin-top:60px; text-align:center; font-size:16px; font-weight:300;}
.contentsWrap[class*="sust"] .ehsWrap + p span	{font-size:1.25em; font-weight:400; margin-left:0.5em;}
.contentsWrap[class*="sust"] .ehsWrap li	{background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.contentsWrap[class*="sust"] .ehsWrap + p > img.sign { height: 45px; margin-top: -14px; margin-left: 24px;}

/* 지속가능경영 - 환경경영 > EHS 방침 intr0701 */
/* 지속가능경영 - 환경경영 > 환경방침 sust0201 */
.whtFormWrap { margin-top: 0; padding: 0 15%; }
.whtFormWrap > .white-paper-form { display:flex; border-width: 1px; border-style: solid; border-color: black; padding: 1em 2em; text-align: left; }
.whtFormWrap > .white-paper-form > ul li { display: flex; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: black; padding: 1em 0; line-height: 1.7; }/*숫자 다음줄 들여쓰기, */
.white-paper-form > ul li:last-child { border-bottom-width: 0; }

.contentsWrap.sust0201 .titleWrap span	{text-align:center;}
.contentsWrap.sust0201 .titleWrap span + span	{text-align:center; font-weight:700;}
.contentsWrap.sust0201 .ehsWrap li:first-child {align-items:center;}
.contentsWrap.sust0201 .ehsWrap li:last-child {align-items:center;}
.contentsWrap.sust0201 .ehsWrap li:first-child	{background-image:url("../images/bg_intr0701_01.png");}
.contentsWrap.sust0201 .ehsWrap li:nth-child(2)	{background-image:url("../images/bg_intr0701_02.png");}
.contentsWrap.sust0201 .ehsWrap li:nth-child(3)	{background-image:url("../images/bg_intr0701_03.png");}
.contentsWrap.sust0201 .ehsWrap li:nth-child(4)	{background-image:url("../images/bg_intr0701_04.png");}
.contentsWrap.sust0201 .ehsWrap li:last-child	{background-image:url("../images/bg_intr0701_05.png");}
/* 지속가능경영 - 환경경영 > EHS 목표 intr0701-1 */
.contentsWrap.sust0201-1 .ehs-target {display:flex; width:796px; margin:0 auto;}
.contentsWrap.sust0201-1 .ehs-target > div {width:50%;}
.contentsWrap.sust0201-1 .ehs-target > div p {padding-bottom:30px; text-align:center;}
.contentsWrap.sust0201-1 .ehs-target > div li {position:relative; display:table; width:100%; margin-top:2px; text-align:center;}
.contentsWrap.sust0201-1 .ehs-target > div li:before {content:''; position:absolute; bottom:-23px; left:50%; margin-left:-23px; display:block; width:46px; height:46px; background-image:url("../images/ico_ehs_plus.png"); z-index:5;}
.contentsWrap.sust0201-1 .ehs-target > div li:last-child:before {display:none;}
.contentsWrap.sust0201-1 .ehs-target > div li > div {display:table-cell; vertical-align:middle;}
.contentsWrap.sust0201-1 .ehs-target span, .contentsWrap.sust0201-1 .ehs-target em {display:inline-block; width:100%; line-height:30px;}
.contentsWrap.sust0201-1 .ehs-target span {font-weight:600;}
.contentsWrap.sust0201-1 .ehs-target > div:nth-child(1) {padding-right:12px;}
.contentsWrap.sust0201-1 .ehs-target > div:nth-child(1) span {color:#0088ce;}
.contentsWrap.sust0201-1 .ehs-target > div:nth-child(1) li {height:150px; background:#e0f4ff;}
.contentsWrap.sust0201-1 .ehs-target > div:nth-child(2) {padding-left:12px;}
.contentsWrap.sust0201-1 .ehs-target > div:nth-child(2) span {color:#00ad83;}
.contentsWrap.sust0201-1 .ehs-target > div:nth-child(2) li {height:125px; background:#daf7ef;}

/* 지속가능경영 - 환경경영 > 안전 및 보건관리 intr0702 */
.contentsWrap.sust0202 .ehsWrap li:first-child	{background-image:url("../images/bg_intr0703_01.png");}
.contentsWrap.sust0202 .ehsWrap li:nth-child(2)	{background-image:url("../images/bg_intr0703_02.png");}
.contentsWrap.sust0202 .ehsWrap li:nth-child(3)	{background-image:url("../images/bg_intr0703_03.png");}
.contentsWrap.sust0202 .ehsWrap li:nth-child(4)	{background-image:url("../images/bg_intr0703_04.png");}
.contentsWrap.sust0202 .ehsWrap li:nth-child(5)	{background-image:url("../images/bg_intr0702_04.png");}
.contentsWrap.sust0202 .ehsWrap li:last-child	  {background-image:url("../images/bg_intr0702_04.png");}
/* 지속가능경영 - 환경경영 > 환경관리 intr0703 */
.contentsWrap.sust0203 .ehsWrap li:first-child	{background-image:url("../images/bg_intr0703_01.png");}
.contentsWrap.sust0203 .ehsWrap li:nth-child(2)	{background-image:url("../images/bg_intr0703_02.png");}
.contentsWrap.sust0203 .ehsWrap li:nth-child(3)	{background-image:url("../images/bg_intr0703_03.png");}
.contentsWrap.sust0203 .ehsWrap li:last-child	{background-image:url("../images/bg_intr0703_04.png");}

/* 지속가능경영 - 인권경영 */
.container.sust .contentsWrap.sust0301 .contents > ul > li{overflow:visible;margin-top:0}
.contentsWrap.sust0301 .ehsWrap li:first-child {align-items:center;}
.contentsWrap.sust0301 .ehsWrap li:last-child {align-items:center;}
.contentsWrap.sust0301 .ehsWrap li:first-child	{background-image:url("../images/sustainability/sust0301_icon_01.png");}
.contentsWrap.sust0301 .ehsWrap li:nth-child(2)	{background-image:url("../images/sustainability/sust0301_icon_02.png");}
.contentsWrap.sust0301 .ehsWrap li:nth-child(3)	{background-image:url("../images/sustainability/sust0301_icon_03.png");}
.contentsWrap.sust0301 .ehsWrap li:nth-child(4)	{background-image:url("../images/sustainability/sust0301_icon_04.png");}
.contentsWrap.sust0301 .ehsWrap li:last-child	{background-image:url("../images/sustainability/sust0301_icon_05.png");}
.contentsWrap.sust0301 .ehsWrap li div.text span strong { position: relative; display: inline-block;padding-bottom: 0.6em;margin-bottom: 0.4em;}
.contentsWrap.sust0301 .ehsWrap li div.text span strong:after { content:""; width:100%; height:1px; background:#00ad83; position:absolute; left:0; bottom:0;}
/*지속가능경영 - 인증서*/
.contentsWrap.sust0502 .imgwrap {margin-top: 130px;display: flex;gap: 20px;justify-content: space-between;}
.contentsWrap.sust0502 .imgwrap.ehs {justify-content: center; gap: 100px;}
.contentsWrap.sust0502 .imgwrap .item {flex-basis: 30%;width: 30%;}
.contentsWrap.sust0502 .imgwrap .item img {box-shadow: 10px 0 27px rgb(0 0 0 / 11%);width: 90%;    cursor: pointer;margin-left: 5%;}
.contentsWrap.sust0502 .imgwrap .item span {display: block;text-align: center;margin-top: 50px;font-size:18px}

/*지속가능경영 - 환경경영 -> 인증현황 ADD */
.container.sust .sust0203 .contents > .titleWrap + .over-x-1080{margin-top: 4rem;}
.container.sust .sust0203 .cert-form {margin-top: 130px; display: flex;/* gap: 20px; justify-content: space-between; */}
.container.sust .sust0203 .cert-form {justify-content: center;/* gap: 100px;*/}
.container.sust .sust0203 .cert-form > .form {flex-basis: 30%; width: 30%;}
.container.sust .sust0203 .cert-form > .form > img.cert {box-shadow: 10px 0 27px rgb(0 0 0 / 11%); width: 90%; cursor: pointer; margin-left: 5%;}
.container.sust .sust0203 .cert-form > .form > span.cert-name {display: block; text-align: center; margin-top: 50px; font-size: 18px;}
/*지속가능경영 - 환경경영 -> 인증서 양식 ADD */
.table-style-cert > table th:first-child {width: 10%;}
.table-style-cert > table th:nth-child(n+2):nth-child(-n+3) {width: 25%;}
.table-style-cert > table th:last-child { width: 40%;}
.table-style-cert > table { border-top: 2px solid #000000;width:100%; border-spacing:0; border-collapse:collapse;}
.table-style-cert > table thead th { border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; background:#fafafa;color:#000000; font-weight:400;}
.table-style-cert > table td { border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; color:#666; font-weight:300;}
.table-style-cert > table th:first-child,
.table-style-cert > table td:first-child { border-left-style:none }
/*지속가능경영 - 안전보건 -> 인증현황 ADD */
.container.sust .sust0303 .contents > .titleWrap + .over-x-1080{margin-top: 4rem;}
.container.sust .sust0303 .cert-form {margin-top: 130px; display: flex;/* gap: 20px; justify-content: space-between; */}
.container.sust .sust0303 .cert-form {justify-content: center;/* gap: 100px;*/}
.container.sust .sust0303 .cert-form > .form {flex-basis: 30%; width: 30%;}
.container.sust .sust0303 .cert-form > .form > img.cert {box-shadow: 10px 0 27px rgb(0 0 0 / 11%); width: 90%; cursor: pointer; margin-left: 5%;}
.container.sust .sust0303 .cert-form > .form > span.cert-name {display: block; text-align: center; margin-top: 50px; font-size: 18px;}


/*지속가능경영 - 동반성장*/
.contentsWrap[class*="sust06"] .list {margin-top: 40px;}
.contentsWrap[class*="sust06"] .list .item{padding: 40px 50px;}
.contentsWrap[class*="sust06"] .diagram {margin: 0 0 100px 0;text-align: center;}
.contentsWrap.sus_linebox.sust0601 .diagram img.mobile {display:none}
.contentsWrap.sus_linebox.sust0502 .list { max-width: 880px; margin: auto;gap: 0; }
.contentsWrap.sus_linebox.sust0502 .list .item { width: 100%; border: solid 1px #00ad83; border-radius: 37.69px; padding: 8px; display: flex; align-items: center; margin-bottom: 15px; height: 80px; position: relative; }
.contentsWrap.sus_linebox.sust0502 .list .item p { font-size: 20px; font-weight: 700; color: #fff; background: #00ad83; width: 170px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 30px; position: absolute; top: 9px; left: 10px; }
.contentsWrap.sus_linebox.sust0502 .list .item ul li { width: 100%; text-align: center; font-size: 19px; color: #333333; position: relative; margin: 0; padding-left: 160px; line-height: 1; }
.contentsWrap.sus_linebox.sust0502 .list .item ul { width: 100%; }
.contentsWrap.sus_linebox.sust0502 .list .item ul li:before { background: #00ad83; position: relative; top: -3px; left: -10px; width: 6px; height: 6px; }
.contentsWrap.sus_linebox.sust0502 .btn-wrap { text-align: center; width: 300px; margin: 50px auto 0; }
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download { position: relative; padding: 17px 20px; border: 1px solid #1b1b1b; font-size: 17px; color: #333333; line-height: 1.5;min-width: 320px; }
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download:hover { border-color: #333; background: #333; color: #fff; }
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download:hover img {filter: invert(1);}
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download span { margin-right: 10px; }
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download img {width: 17px;vertical-align: middle;}
/*지속가능경영 - 협력사helpdesk*/
.contentsWrap.sus_linebox.sust0504 dl.information dd {float: none;width: 100%;margin: auto;max-width: 880px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap {margin: 0;padding: 50px 60px 20px;font-size: 16px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul {border-top: 1px solid #555;margin-top: 15px;padding-top: 15px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li em {font-weight: 600;width: 90px;display: inline-block;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap a {display: inline-block;text-indent: 0;color: #0289cd;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li em.dot {display: none;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li {text-indent: 0;padding: 0;}
/*지속가능경영 - 기부*/
.contentsWrap.sust0802 .titleWrap > p:before {content: ""; width: 100%;height: 2px;; background:#00ad83; position:absolute; left:0; bottom: -8px;}
.contentsWrap.sust0802 .titleWrap > p {position: relative;display: inline-block;}
.contentsWrap.sust0802 .titleWrap > span.nomargin {margin-bottom: 10px;}
.contentsWrap.sust0802 .titleWrap .thumb {width: 100%;margin-bottom: 4em;margin-top: 4em;max-width: 650px;}
.contentsWrap.sust0802 .titleWrap > span {max-width: 1080px;}
.contentsWrap.sust0802 .titleWrap + .titleWrap {margin-top: 50px;}
/* .contentsWrap.sust0601 .titleWrap > p {margin: 0 auto;color: #333333;border: dotted 2px #00ad83;border-radius: 32.5px;padding: 20px;width: 300px;display: inline-block;font-size: 19px;margin-bottom: 0;background: #daf7ef26;} */
.contentsWrap[class*="sust080"] dl.information dt { padding-right: 30px; }
.contentsWrap[class*="sust080"] img.one { width:100%; max-width:100%; margin-bottom: 30px; }
.contentsWrap[class*="sust080"] img.two { float: left; width: calc(50% - 7px); margin-right: 14px; }
.contentsWrap[class*="sust080"] img.two + img.two { margin-right: 0; }


/* 환경경영 2-2 아이콘박스 */
.contentsWrap > .contents > ul.inline-icon-box {
	display: block; text-align: center; margin-bottom: 5em;
}
.contentsWrap > .contents > ul.inline-icon-box li {
	display: inline-block; margin-right: 5%; margin-bottom: 5%;
}
.contentsWrap > .contents > ul.inline-icon-box li:last-child {
	margin-right: 0;
}
.contentsWrap > .contents > ul.inline-icon-box li > div {
	width: 100%; height: 14em; text-align: center;
}
.contentsWrap > .contents > ul.inline-icon-box li > div > img {
	width: 7em;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
}
.contentsWrap > .contents > ul.inline-icon-box li:nth-child(1) > div > img,
.contentsWrap > .contents > ul.inline-icon-box li:nth-child(4) > div > img {
	background-color: #2C7C91;
}
.contentsWrap > .contents > ul.inline-icon-box li:nth-child(n+2):nth-child(-n+3) > div > img {
	background-color: #7285d6;
}
.contentsWrap > .contents > ul.inline-icon-box li > div > p {
	text-align: center;
	margin-top: 1em;
}
/* mid-line */
.contentsWrap > .contents > ul.inline-icon-box li > div > .mid-line {
	border-top-width: 0.3em;
	border-top-style: solid;
	border-top-color: #000000;
	vertical-align: middle;
	height: fit-content;
	margin: 1em 0;
}
.contentsWrap > .contents > ul.inline-icon-box li:first-child > div > .mid-line {
	border-top-color: #2C7C91;
}
.contentsWrap > .contents > ul.inline-icon-box li:nth-child(n+2):nth-child(-n+3) > div > .mid-line {
	border-top-color: #7285d6;
}
.contentsWrap > .contents > ul.inline-icon-box li:last-child > div > .mid-line {
	border-top-color: #2C7C91;
}
/* title-color */
.contentsWrap > .contents > ul.inline-icon-box li:first-child > div > p,
.contentsWrap > .contents > ul.inline-icon-box li:last-child > div > p { color: #2C7C91; }
.contentsWrap > .contents > ul.inline-icon-box li:nth-child(n+2):nth-child(-n+3) > div > p { color: #7285d6; }
/* desc */
.contentsWrap > .contents > ul.inline-icon-box li > div > .desc { padding:0; height: 1em; }
.contentsWrap > .contents > ul.inline-icon-box li > div > .desc > p { color: #000000; }

/* 3-2 안전보건 - intr0702 */
.contentsWrap.sust0302 .ehsWrap li:first-child	{background-image:url("../images/bg_intr0702_01.png");}
.contentsWrap.sust0302 .ehsWrap li:nth-child(2)	{background-image:url("../images/bg_intr0702_07.png");}
.contentsWrap.sust0302 .ehsWrap li:nth-child(3)	{background-image:url("../images/bg_intr0702_02.png");}
.contentsWrap.sust0302 .ehsWrap li:nth-child(4)	{background-image:url("../images/bg_intr0702_06.png");}
.contentsWrap.sust0302 .ehsWrap li:nth-child(5)	{background-image:url("../images/bg_intr0702_03.png");}
.contentsWrap.sust0302 .ehsWrap li:nth-child(6)	{background-image:url("../images/bg_intr0702_04.png");}
.contentsWrap.sust1302 .ehsWrap li:nth-child(7)	{background-image:url("../images/bg_intr0702_05.png");}

/* sust0302 안전보건경영 2-2 실린더 박스 */
.contentsWrap > .contents > ul.inline-cylinder-box {
	display: block;
	text-align: center;
	margin-bottom: 5em;
}
.contentsWrap > .contents > ul.inline-cylinder-box > li {
	display: inline-block;
	margin-bottom: 5%;
	line-height: 1.7;
}
/* 픽토그램 img */
.contentsWrap > .contents > ul.inline-cylinder-box > li > div.img-box > img {
	width: 8em;
	padding: 0 1.5em 0.5em;
}
/* box */
.contentsWrap > .contents > ul.inline-cylinder-box > li > div.box {
	width: 100%; height: fit-content;
	text-align: center;
	padding: 0 20px;
}
/* box 사이 border */
ul.inline-cylinder-box > li > .between-border {
	border-right-width: 1px;
	border-style: dotted;
	border-color: black;
}
ul.inline-cylinder-box > li:last-child > .between-border {
	border-right-width: 0;
}
/* 원기둥 */
ul.inline-cylinder-box > li > .box > .cylinder-background {/* cylinder-background */
	position: relative;
	width: 10em;
	height: 5em;
	display: inline-block;
}
ul.inline-cylinder-box > li > .box > .cylinder-background > .cylinder:before {/* cylinder top-cover */
	position: absolute;
	width: 9.86em;
	height: 3.8em;
	left: 0;
	top: 0;
	background-color: #586cac;
	border-radius: 50% / 50%;
	content: '';
}
ul.inline-cylinder-box > li > .box > .cylinder-background > .cylinder {/* cylinder body */
	position: absolute;
	left: 0;
	top: 0;
	width: inherit;
	height: inherit;
	border-radius: 50% / 40%;
	background-color: #6375ae;
	border: 1px solid black;
}
ul.inline-cylinder-box > li > .box > .cylinder-background > .front-text {/* 도형 앞 텍스트 */
	width: inherit;
	padding: 8% 0;
	line-height: 1.7;
}
ul.inline-cylinder-box > li > .box > .cylinder-background > .front-text > p {
	position: relative;
	display: inline-block;
	height: fit-content;
	text-align: center;
	color: white;
	font-size: 13px;
}
/* desc */
ul.inline-cylinder-box li > div.box > .desc {
	padding: 0;
	height: fit-content;
	margin-top: 1em;
}

/* sust-0402 */
.contentsWrap[class*="sust"] > .contents > div.sign-box > p { text-align: center; }
.contentsWrap[class*="sust"] > .contents > div.sign-box > p > span { font-size: 1.25em; font-weight: bolder;/*400*/ margin-left: 0.5em; }
.contentsWrap[class*="sust"] > .contents > div.sign-box > p > img.sign { height: 45px; margin-top: -14px; margin-left: 24px; }
/* UNGC - Title / Table */
.contentsWrap[class*="sust"] > .contents > div.ungc-box { margin-top: 2em; text-align: center; }
.contentsWrap[class*="sust"] > .contents > div.ungc-box > p { margin: 2em 0 1.5em; font-size: 24px; font-weight: bolder;/*400*/ }
div.ungc-box .table-style-principles { display: grid; text-align: left; }
div.ungc-box .table-style-principles > ul { display: inline-block; padding: 0 8%; }
div.ungc-box .table-style-principles > ul > li { display: flex; }
div.ungc-box .table-style-principles > ul > li:first-child { text-align: left; width: inherit; }
/* colgroup */
div.ungc-box .table-style-principles > ul > li:first-child > div:nth-child(1) { width: 20%; }
div.ungc-box .table-style-principles > ul > li:first-child > div:nth-child(2) { width: 100%; }
/* headline */
div.ungc-box .table-style-principles > ul > li:first-child > div { text-align: left; font-weight: bold; padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 0.3em solid #000000; }
div.ungc-box .table-style-principles > ul > li:nth-child(2) > .title { background-color: #4766a7; }
div.ungc-box .table-style-principles > ul > li:nth-child(3) > .title { background-color: #3b575f; }
div.ungc-box .table-style-principles > ul > li:nth-child(4) > .title { background-color: #4766a7; }
div.ungc-box .table-style-principles > ul > li:nth-child(5) > .title { background-color: #3b575f; }
div.ungc-box .table-style-principles > ul > li > .title { display: block; width: 20%; height: auto; color: #ffffff; text-align: center; border-right: 0.3em solid #ffffff; border-bottom: 0.3em solid #ffffff; }
div.ungc-box .table-style-principles > ul > li > .title > span { display: inline-flex; position: relative; top: 43%; }
div.ungc-box .table-style-principles > ul > li > .desc { display: block; width: 100%; padding: 1.4em; background-color: #eeeeed; border-bottom: 0.3em solid #ffffff; }
div.ungc-box .table-style-principles > ul > li > .desc > p { display: flex; line-height: 2; font-size: 18px; }
/* sust0702 - supply-chain ESG assessment  */
/* 1) Supplier Sustainability Assessment Process */
.assessment-process-flow {
	display: inline-block;
	width: 100%;
	height: fit-content;
}
.assessment-process-flow > p.subject {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: center;
}
.assessment-process-flow > .parent {
	display: flow;
}
.assessment-process-flow > .parent > .proc-row {
	display: flex;
	height: 30px;
}
.assessment-process-flow > .parent > .proc-row:first-child {
	margin-bottom: 30px;/* box height */
}
/* box odd, even  */
.assessment-process-flow > .parent > .proc-row > .box {
	display: table;
	text-align: center;
	height: 30px;
}
.assessment-process-flow > .parent > .proc-row > .box > span {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	width: 250px;
	height: fit-content;
}
.assessment-process-flow > .parent > .proc-row > .box.odd {
	background-color: #eaebf5;
}
.assessment-process-flow > .parent > .proc-row > .box.even {
	background-color: #707db2;
}
.assessment-process-flow > .parent > .proc-row > .box.odd > span {
	color: #000000;
}
.assessment-process-flow > .parent > .proc-row > .box.even > span {
	color: #ffffff;
}
/* right-arrow-line */
.assessment-process-flow > .parent > .proc-row > .right-arrow-line {
	display: block;
	position: relative;
	width: 40px;
	background: none;
}
.assessment-process-flow > .parent > .proc-row > .right-arrow-line::before {
	display: block;
	position: relative;
	top: 14px;
	left: 0;
	width: 40px;
	height: 2px;
	content: "";
	background-color: #000000;
}
.assessment-process-flow > .parent > .proc-row > .right-arrow-line::after {
	display: block;
	position: absolute;
	top: 8.7px;
	left: 45%;
	width: 0;
	height: 0;
	content: "";
	border: 0.4rem solid transparent;
	border-left-color: #707db2;
}
/* left-arrow-line */
.assessment-process-flow > .parent > .proc-row > .left-arrow-line {
	display: block;
	position: relative;
	width: 40px;
	background: none;
}
.assessment-process-flow > .parent > .proc-row > .left-arrow-line::before {
	display: block;
	position: relative;
	top: 14px;
	left: 0;
	width: 40px;
	height: 2px;
	content: "";
	background-color: #000000;
}
.assessment-process-flow > .parent > .proc-row > .left-arrow-line::after {
	display: block;
	position: absolute;
	top: 9px;
	left: 25%;
	width: 0;
	height: 0;
	content: "";
	border: 0.4rem solid transparent;
	border-right-color: #707db2;
}
/* return-arrow-line */
.assessment-process-flow > .parent > .proc-row > .return-arrow-line {
	display: block;
	position: relative;
	width: 50px;
	height: 30px;
	background: none;
}
.assessment-process-flow > .parent > .proc-row > .return-arrow-line:before {
	display: block;
	position: relative;
	left: 0;
	top: 15px;
	width: 30px;
	height: 31px;
	content: "";
	border: 2px solid #000000;
	border-left-width: 0;
	border-bottom-width: 0;
}
.assessment-process-flow > .parent > .proc-row > .return-arrow-line.btm::before {
	border-bottom-width: 2px;
	border-top-width: 0;
	top: -15px;
}
.assessment-process-flow > .parent > .proc-row > .return-arrow-line::after {
	display: block;
	position: absolute;
	top: 40px;
	left: 22.8px;
	width: 0;
	height: 0;
	content: "";
	border: 0.4rem solid transparent;
	border-top-color: #707db2;
}
.assessment-process-flow > .parent > .proc-row > .return-arrow-line.btm::after {
	top: -20px;
}
/* 2) List of supply chain ESG self-assessment items */
.self-check-list {
	display: block;
	height: fit-content;
	margin-top: 2em;
}
.self-check-list > p.subject {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
.self-check-list > ul.self-check-list-form {
	display: flex;
	text-align: center;
	width: 100%;
	height: 403px;
	font-size: 16px;
	border-top: 3px solid #000000;
}
.self-check-list > ul.self-check-list-form > li {
	margin-right: 2.5%; /*20px*/
}
.self-check-list > ul.self-check-list-form > li > div.count {
	padding: 18px 0;
}
.self-check-list > ul.self-check-list-form > li > div.count > p {
	line-height: 2;
}
.self-check-list > ul.self-check-list-form > li > div.desc {
	padding: 0 0 18px;
}
.self-check-list > ul.self-check-list-form > li > div.desc > p {
	margin: 18px 0 0;
}
.self-check-list > ul.self-check-list-form > li > div.desc > p.sub {
	margin: 18px 0;
}
.self-check-list > ul.self-check-list-form > li.head {
	width: 10%;
	height: inherit;
}
.self-check-list > ul.self-check-list-form > li.head > div {
	text-align: left;
	font-weight: bold;
}
.self-check-list > ul.self-check-list-form > li.head > div.img-box:first-child {
	height: 185px;
}
.self-check-list > ul.self-check-list-form > li.head > div.count,
.self-check-list > ul.self-check-list-form > li.head > div.desc {
	border-top: 1px solid #707db2;
}
.self-check-list > ul.self-check-list-form > li.head > div.count {
	height: 100.61px;
}
.self-check-list > ul.self-check-list-form > li.head > div.desc {
	height: 33%;
}
.self-check-list > ul.self-check-list-form > li.body {
	width: 20%;
	height: inherit;
}
.self-check-list > ul.self-check-list-form > li.body:last-child {
	margin-right: 0;
}
.self-check-list > ul.self-check-list-form > li.body > div.img-box {

}
.self-check-list > ul.self-check-list-form > li.body > div.img-box > img {
	width: 5.5em;
	margin: 30px 0 15px;
}
.self-check-list > ul.self-check-list-form > li.body > div.img-box > p.title {
	padding: 18px 0;
	color: #707db2;
	font-weight: bold;
}
.self-check-list > ul.self-check-list-form > li.body > div.count,
.self-check-list > ul.self-check-list-form > li.body > div.desc {
	border-top: 1px solid #717070;
}

/* sust0703 - Risk-management */
/* 1) process-info-box */
.process-info-box {
	margin: 0 10%;
}
.process-info-box > p.subject {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: center;
}
/* .info-box */
.info-box {
	display: flex;
}
.info-box > ul {
	width: 50%;
}
.info-box > ul > li {
	background-color: #e0e2ee;
	text-align: center;
	display: inline-block;
	height: 100%;
}
.info-box > ul:first-child > li:first-child {
	padding-bottom: 17px;
}
.info-box > ul > li.title {
	width: 100%;
	height: auto;
}
.info-box > ul > li > img {
	margin: 2em 0 1em 0;
	width: 5em;
}
.info-box > ul > li > p {
	width: 90%;
}
.info-box > ul > li > p:nth-child(3) {
	margin: 5% 5% 0;
}
.info-box > ul > li > p:nth-child(4) {
	margin: 0 5% 0;
}
.info-box > ul > li > p.title {
	background-color: #6f7cb1;
	color: #ffffff;
	margin: 0 5%;
	width: 90%;
	padding: 2.5% 0;
	font-size: 24px;
}
.info-box > ul > li > p.desc {
	font-size: 18px;
	text-align: left;
	font-weight: normal;
	color: black;
	background-color: #ffffff;
	border-bottom: 1em solid #dfe1ec;
	padding: 1em;
}
/* .info-box.left */
.info-box > ul.left {
	margin-right: 1em;
}
/* .info-box.right */
.info-box > ul.right {
	margin-left: 1em; }
/* color */
.info-box > ul.right > li > p.desc > span { color: #6f7cb1; }

/* 2) system-info-box */
.system-info-box { margin-top: 3em; }
/* system-info-box - subject */
.system-info-box > p.subject { font-size: 2.5ch; font-weight: bold; margin-bottom: 1em; text-align: center; }
/* system-info-box - table */
.system-info-box > table.horizontal { display: table; text-align: center; background-color: transparent; border-top: 0.2em solid black; border-bottom: 0.2em solid black; }

/* system-info-box - h table head */
.system-info-box > table.horizontal > thead > tr { background-color: #0070c0; color: #ffffff; }
.system-info-box > table.horizontal > thead > tr > th {     border: 0.1em solid #ffffff; font-weight: bolder; font-size: 14px; padding: 10px 0; }
.system-info-box > table.horizontal > thead > tr:first-child > th { padding: 1em 0; }
/* system-info-box - h table border */
.system-info-box > table.horizontal > tbody > tr > th,
.system-info-box > table.horizontal > tbody > tr > td { border: 0.1em solid #b0b0b0; }
.system-info-box > table.horizontal > tbody > tr > th { border-left-width: 0; }
.system-info-box > table.horizontal > thead > tr:first-child > th:first-child { border-bottom-width: 0; padding: 1em 0; }
.system-info-box > table.horizontal > thead > tr:nth-child(2) > th { border-bottom-width: 0; }
.system-info-box > table.horizontal > thead > tr:first-child > th:first-child,
.system-info-box > table.horizontal > thead > tr:first-child > th:last-child,
.system-info-box > table.horizontal > thead > tr:nth-child(2) > th:last-child { border-left-width: 0; border-right-width: 0; }
.system-info-box > table.horizontal > tbody > tr > td:last-child { border-right-width: 0; }
/* system-info-box - h table body */
.system-info-box > table.horizontal > tbody > tr > th,
.system-info-box > table.horizontal > tbody > tr > td { font-weight: bold; font-size: 0.7em; }
.system-info-box > table.horizontal > tbody > tr > th { border-left-width: 0; padding: 3em 1em; }
/* table horizontal - vertical */
.system-info-box > table.vertical { display: none; }

/* sust0801 Social Contribution - Activity System and Direction */
.social-n-economic-activity-system {
	margin: 0 18%;
}
.social-n-economic-activity-system > .table {
	display: block;
	position: relative;
	font-size: 18px;
	text-align: center;
}
.social-n-economic-activity-system > .table > li {
	width: 100%;
	min-height: fit-content;
	display: inline-flex;
	flex-direction: row;
	align-items: flex-start;
}
.social-n-economic-activity-system > .table > li > .title {
	min-height: inherit;
	width: 11%;
}
.social-n-economic-activity-system > .table > li > .title > p {
	text-align: left;
	font-weight: bold;
}
.social-n-economic-activity-system > .table > li > .desc {
	width: 33.333%;
	padding-left: 5px;
	padding-right: 5px;
}
.social-n-economic-activity-system > .table > li:nth-child(n+2):nth-child(-n+4) > .desc {
	border-right: 1px dotted #000000;
}
.social-n-economic-activity-system > .table > li:nth-child(n+2):nth-child(-n+4) > .desc:last-child {
	border-right-width: 0;
}
.social-n-economic-activity-system > .table > li.mission > .desc {
	background-color: #6F7CB1FF;
}

.social-n-economic-activity-system > .table > li.strategy {
	margin-top: 20px;
}
.social-n-economic-activity-system > .table > li.strategy > .desc {
	padding-bottom: 5px;
}
.social-n-economic-activity-system > .table > li.strategy > .desc > .txt-box {
	border: 2px solid #6F7CB1FF;display: table;text-align: center;width: 100%;height: inherit;padding: 5px 0;
}
.social-n-economic-activity-system > .table > li.strategy > .desc > .txt-box > p {
	display: table-cell;
	vertical-align: middle;
	font-weight: bolder;
}
.social-n-economic-activity-system > .table > li.direction > .desc {
	padding-bottom: 10px;
	display: table;
}
.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box {
	background-color: #E8E9F3FF;
	min-height: fit-content;
	height: 9em;
	padding: 0 12%;
	display: table-cell;
	vertical-align: middle;
}
.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box > .descs {
	display: table-cell;
	vertical-align: middle;
}
.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box > .descs > p.title {
	font-weight: 500;
	text-align: left;
	padding-bottom: 20px;
}
.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box > .descs > p.desc {
	display: flex;
	text-align: left;
	margin-bottom: 5px;
}
.social-n-economic-activity-system > .table > li.sdgs > .desc {
	height: fit-content;
	display: block;
	text-align: center;
}
.social-n-economic-activity-system > .table > li.sdgs > .desc > .icons {
	display: block;
	width: 100%;
	height: fit-content;
	text-align: center;
	border: 2px solid #6F7CB1FF;
}
.social-n-economic-activity-system > .table > li.sdgs > .desc > .icons > .square-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 3% 0;
}
.social-n-economic-activity-system > .table > li.sdgs > .desc > .icons > .square-icon > img {
	display: block;
	width: 60px;
}
/**/
.social-n-economic-activity-system > .table > li.mission > .desc,
.social-n-economic-activity-system > .table > li.enabler > .desc {
	margin: 0 6px;
	display: table;
	width: 100%;
	height: 30px;
	text-align: center;
	color: #ffffff;
}
.social-n-economic-activity-system > .table > li.mission > .desc > p,
.social-n-economic-activity-system > .table > li.enabler > .desc > p {
	display: table-cell;
	vertical-align: middle;
	font-weight: 500;
	font-size: 24px;
	padding: 15px 0;
}
.social-n-economic-activity-system > .table > li.enabler {
	margin-top: 10px;
	margin-bottom: 10px;
}
.social-n-economic-activity-system > .table > li.enabler > .desc {
	background-color: #706F6FFF;
}
.social-n-economic-activity-system > .table > li.business-kpi {
	margin-bottom: 5px;
}
.social-n-economic-activity-system > .table > li.social-kpi {
	margin-bottom: 5px;
}
.social-n-economic-activity-system > .table > li.business-kpi > .desc,
.social-n-economic-activity-system > .table > li.social-kpi > .desc {
	min-height: fit-content;
	height: fit-content;
}
.social-n-economic-activity-system > .table > li.business-kpi > .desc > .txt-box,
.social-n-economic-activity-system > .table > li.social-kpi > .desc > .txt-box {
	display: table;
	min-height: fit-content;
	height: 6em;
	text-align: center;
	background-color: #f3f3f2;
}
.social-n-economic-activity-system > .table > li.business-kpi > .desc > .txt-box > p,
.social-n-economic-activity-system > .table > li.social-kpi > .desc > .txt-box > p {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 10px;
}
/* sust0802 Social Contribution - The growth of a person */
/* sust0803 Social Contribution - Contributing to the community */
/* sust0804 Social Contribution - Leverage your capabilities */