/* media max-width(766) */		

/*	all	*/
body	{font-size:13px;}

/*	input	*/
textarea	{height:168px;}

.fileWrap input[type="text"]	{width:calc(100% - 92px);}
.fileWrap p	{float:none; clear:both; width:100%; font-size:11px;}

.btnWrap { margin-left: 0; }
.pc-only {display:none;}

/*	header	*/
.headerContainer	{height:64px;}
.headerContainer.active	{top:-64px;}

.headerContainer .header	{height:64px; padding:0 16px;}

.header .logoWrap	{margin-top:18px;}
.header .logoWrap .logo_purecell	{display:inline-block; margin-top:7px; }

.header .gnbWrap	{display:none;}


.menuopen .header .gnbWrap	{width:272px; }
.header .gnbContainer .close	{right:280px;}
.header .servicesWrap	{margin-top:19px;}

.header .servicesWrap .selectForm	{display:none;}

.header .servicesWrap .searchWrap .searchContainer	{top:63px;}
.header .servicesWrap .searchWrap .searchContainer.on	{height:85px;}

.header .servicesWrap .searchWrap .searchContainer .inputWrap	{margin:21px auto;}


/*footer */
.footerContainer	{margin-top:65px;}
.footerContainer .footer	{padding:0 16px;}
.footerContainer .footer .footerMenuWrap	{/*overflow:hidden;*/ height:auto;}
.footerContainer .footer .footerMenuWrap > ul	{padding:36px 0 31px;}
.footerContainer .footer .footerMenuWrap > ul li	{margin:0; margin-right:20px;}
.footerContainer .footer .footerMenuWrap > ul li a	{line-height:1; padding:9px 0;}
.footerContainer .footer .footerMenuWrap .familysiteWrap	{height:39px; margin-bottom:20px;}
.footerContainer .footer .logoWrap	{padding:20px 0; line-height:35px;}
.footer .logoWrap > img {margin-top: 12px;}

/*quickmenu	*/
.quickmenu .quickWrap{ width:36px; }
.quickmenu.on .quickWrap{ width:36px; }
.quickmenu li p { display: none; }
.quickmenu li { height:36px; line-height:36px; width:36px; }  

.viewWrap	{}
.viewWrap .titleWrap	{padding:28px 20px 24px;}
.viewWrap .titleWrap p	{margin-bottom:10px;}
.viewWrap .titleWrap span	{font-size:10px;}
.viewWrap .viewContents .view	{font-size:13px; margin:35px 0 43px;}
.viewWrap .viewContents .view .imgContents	{margin:40px auto;}
.viewWrap .viewContents .view .imgContents p	{font-size:14px; margin-top:15px;}

.viewWrap .viewContents .file	{width:100%;}

.viewWrap .boardList	{}
.viewWrap .boardList li	{font-size:13px; padding:15px 0; height:42px;}
.viewWrap .boardList li:first-child	{}
.viewWrap .boardList a	{width:calc(100% - 40px); margin-top:0px;}
.viewWrap .boardList img	{margin:-2px 14px 0 16px;}
.viewWrap .boardList li:last-child img	{margin-top:-8px;}
.viewWrap .btnWrap	{margin-top:20px;} 

.titleWrap	{}
.titleWrap > p	{}

.imgDeviceWrap li.deviceT { display:none; }
.imgDeviceWrap li.deviceP { display:block; }

/*	content	*/
.contentsContainer	{padding-top:64px;}
.contentsContainer .keyvisualWrap	{height:240px;}
.contentsContainer .keyvisual h1	{padding-top:85px;}

.contentsContainer .menuContainer	{}
.contentsContainer .menuContainer li.swiper-slide	{margin:0 12px;}
.contentsContainer .menuContainer li a	{font-size:13px; padding:20px 0 16px;}

.contentsWrap	{padding:0 16px;}
.contentsWrap .contents	{}
.contentsWrap .contents:first-child	{margin-top:50px;}

dl.information	{}
dl.information dt	{float:none; margin:70px 0 18px; width:100%;}
dl.information dd	{clear:both; float:none; width:100%; margin-bottom:0;}

p.information	{font-size:15px;}
p.information +	dl.information	{margin-top:50px;} 
.tab + p.information	{font-size:14px;}

div.information h2	{margin:50px 0 20px;line-height:1.6;}
div.information .infoWrap	{line-height:1.6;}
div.information .infoWrap table	{margin-top:16px;}
div.information .infoWrap table thead th	{font-size:14px; padding:12px 10px;}
div.information .infoWrap table tbody td	{font-size:14px; padding:12px 10px; }
.header .servicesWrap .searchWrap{margin-right:22px;}
.tableWrap	{}
.tableWrap .inputContainer	{float:none; width:100%; text-align:left; margin-bottom:30px;}
.tableWrap .inputContainer .selectWrap	{width:calc(38% - 22px); margin-right:22px;}
.tableWrap .inputContainer .selectWrap select	{height:39px;}
.tableWrap .inputContainer .inputWrap	{width:58%;}
.tableWrap .inputContainer .inputWrap input[type="text"]	{width:calc(100% - 39px); height:39px;}
.tableWrap .inputContainer .inputWrap a	{width:39px;}

.tableWrap	 table td.left	{padding:0 10px;}

/** 기술/제품 > 연료전지란 > 두산퓨얼셀 기술 **/
.tech0101	{}
.tech0101 .techWrap	{background:url("../images/img_tech0101_02.png") 50% 0% no-repeat; background-size:217px; padding-top:267px; margin-top:75px;}
.tech0101 .techWrap li	{width:100%; height:auto;margin-bottom:50px;}
.tech0101 .techWrap li:nth-child(odd)	{float:none; clear:both; padding:0;}
.tech0101 .techWrap li:nth-child(even)	{float:none; clear:both; padding:0;}
.prod .prodContainer .prodWrap .plus li:nth-child(3){bottom: -100px;}
.prod .prodContainer .prodWrap .plus li:last-child{bottom: -100px;}

/** 기술/제품 > 연료전지란 > 두산퓨얼셀 기술 **/
.tech0102	{}
.tech0102 .techWrap	{width:100%; height:87vw;}
.tech0102 .techWrap .product li img	{width:100%; margin-top:0;}
.tech0102 .techWrap .product li p	{top:70vw;}
.tech0102 .techBtn	{position:static;}						
.tech0102 .techBtn li {width:25%; float:left; height:auto; padding-top:24vw; margin-top:30px;margin-bottom:0;}
.tech0102 .techBtn li:nth-child(-n + 2)	{margin-bottom:0;}
.tech0102 .techBtn li:nth-child(odd) {clear:none; float:left;}
.tech0102 .techBtn li:nth-child(even) {float:left;}
.tech0102 .techBtn li p	{font-size:14px;}
.tech0102 .techWrap .plus li {width:7px; height:7px;}
.tech0102 .techWrap .plus li:after {width:7px; height:1px; margin-top:-4px;}
.tech0102 .techWrap .plus li:before	{width:1px; height:7px; margin-left:3px;}


/** 기술/제품 > 고객가치 > 친환경 에너지 **/
.tech0201	{}			
.tech0201 .graphContainer thead tr:nth-child(2) th:last-child	{display:none;}
.tech0201 .graphContainer tbody tr td:last-child	{width:0; display:none;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:last-child	{display:table-cell;}			

.tech0201 .graphContainer	{text-align:center;}
.tech0201 .graphContainer table + ul	{font-size:14px; font-weight:300; margin-left:0; margin-top:30px; display:inline-block; text-align:center;}
.tech0201 .graphContainer table + ul li	{margin-right:1em;}
.tech0201 .graphContainer table + ul li:last-child	{margin-right:0;}
.tech0201 .graphContainer table.title thead tr th p	{font-size:15px; padding:4px 0;}
.tech0201 .graphContainer table.title thead tr th:first-child	{width:25%;}	
.tech0201 .graphContainer table.title thead tr th:nth-child(2)	{width:50%;}	
.tech0201 .graphContainer table.title thead tr th:nth-child(3)	{width:25%;}	
.tech0201 .graphContainer table.title thead tr th:nth-child(4)	{display: none;}	
.tech0201 .graphContainer table.title thead tr th:nth-child(2) p	{margin:0 6px;}
.tech0201 .graphContainer table.title thead tr th:nth-child(3) p	{margin:0 6px;}

.tech0201 .graphContainer th,.tech0201 .graphContainer td		{width:25%;}
.tech0201 .graphContainer thead tr th:first-child, .tech0201 .graphContainer tbody th	{width:25%;}
.tech0201 .graphContainer thead tr:first-child th:nth-child(2)	{width:25%;}
.tech0201 .graphContainer thead tr:first-child th:nth-child(3)	{width:25%;}
.tech0201 .graphContainer thead tr th:nth-child(4), .tech0201 .graphContainer tbody td:nth-child(4)	{width:25%;}
.tech0201 .graphContainer thead tr:first-child th:last-child	{width:calc((100% - 190px) / 4);}



.tech0201 .graphContainer table + table thead th br	{display:block;}
.tech0201 .graphContainer table + table thead tr th p	{font-size:14px; padding:13px 0; margin-bottom:10px;}
.tech0201 .graphContainer table + table thead tr th:nth-child(2) p,
.tech0201 .graphContainer table + table thead tr th:nth-child(3) p,
.tech0201 .graphContainer table + table thead tr th:nth-child(4) p {margin-left:6px; margin-right:6px; font-size:11px; }
.tech0201 .graphContainer table + table thead tr th:last-child	{display:none;}

.tech0201 .graphContainer tbody th, .tech0201 .graphContainer tbody td	{font-size:14px;}
.tech0201 .graphContainer tbody th img	{margin:25px auto 0;}
.tech0201 .graphContainer tbody th .headWrap	{margin-right:0; text-align:center;}
.tech0201 .graphContainer tbody th .headWrap p { top:105px; background-color:rgba(255, 255, 255, 0.5);}
.tech0201 .graphContainer tbody th p	{position:absolute; right:auto; left:0; top:10px;}
.tech0201 .graphContainer tbody td .graphWrap	{padding:2px 0 2px 1px;}
.tech0201 .graphContainer tbody td .graphWrap .graphBox	{width:100%; height:130px; font-size:14px; position:relative;}

.tech0201 .graphContainer tbody tr:first-child td .graphWrap .graphBox	{background:none;}
.tech0201 .graphContainer tbody tr:nth-child(2) td .graphWrap .graphBox	{background:none;}
.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox	{background:none;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4)  .graphWrap .graphBox	{background:none;}
.tech0201 .graphContainer tbody tr td .graphWrap	{border-left:none;}
.tech0201 .graphContainer tbody tr:first-child td .graphWrap	{border-top:none;}
.tech0201 .graphContainer tbody tr td:nth-child(2) .graphWrap	{margin-right:6px;margin-left:6px;}
.tech0201 .graphContainer tbody tr td:nth-child(3) .graphWrap	{margin-left:6px; margin-right:6px;}
.tech0201 .graphContainer tbody tr td:nth-child(4) .graphWrap	{margin-left:6px;}
.tech0201 .graphContainer tbody tr td .graphWrap span	{margin-bottom:5px;  width:40px; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.tech0201 .graphContainer tbody tr td .graphWrap .graph	{margin-top:0; margin-left:-8px; width:16px !important;height:0;  position:absolute; bottom:0; left:50%; }

.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox span	{bottom:13%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox span	{bottom:1%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox span	{bottom:45.3%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox span	{bottom:13%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(2) .graphWrap .graphBox span	{bottom:36%;} 
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(3) .graphWrap .graphBox span	{bottom:67.9%;} 
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(4) .graphWrap .graphBox span	{bottom:14%;} 
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(2) .graphWrap .graphBox span	{bottom:72%;} 
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(3) .graphWrap .graphBox span	{bottom:52.5%;} 
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(4) .graphWrap .graphBox span	{bottom:16%;} 

.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(2) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(3) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(4) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(2) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(3) .graphWrap .graphBox .graph	{height:0%;}
.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(4) .graphWrap .graphBox .graph	{height:0%;}

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



/** 기술/제품 > 고객가치 > 안전한 기술 **/
.tech0202	{}
.tech0202 .contents > ul > li	{width:100%; clear:both; float:none;margin-bottom:40px; }
.tech0202 .contents > ul > li:nth-child(even)	{margin-left:0;}
.tech0202 .contents > ul > li:nth-child(-n + 2)	{margin-bottom:40px;}
.tech0202 .contents > ul > li:nth-child(n + 3) .imgWrap	{vertical-align:top;}
.tech0202 .contents > ul > li .imgWrap	{width:104px;float:left; display:inline-block;}
.tech0202 .contents > ul > li:last-child .imgWrap	{width:104px;padding-bottom:0;}
.tech0202 .contents > ul > li:last-child .imgWrap li:nth-child(-n + 5)	{margin-bottom:0;}
.tech0202 .contents > ul > li .textWrap	{float:left;  padding-left:10px;width:calc(100% - 104px);margin-top:0;}
.tech0202 .contents > ul > li .textWrap p	{font-size:13px;}
.tech0202 .contents > ul > li .textWrap span	{font-size:14px;}
.tech0202 .contents > ul > li .imgWrap ul li	{width:33.3%;}


/** 기술/제품 > 고객가치 > 고효율 발전 **/
.tech0203	{}
.tech0203 .contents > ul > li	{margin-top:70px;}
.tech0203 .contents > ul > li .titleWrap p	{font-size:15px;}

.tech0203 .contents > ul > li:first-child .tableContainer	{padding:15px 33px 0 0;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon	{position:relative; width:50%; height:36px; float:right;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon:before	{content:""; width:100%; background:#c9caca; height:1px; display:block; top:50%; position:absolute;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li	{z-index:1; top:0 !important; width:50%; height:auto;  text-align:center;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li img	{width:36px; margin:0 auto;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li span	{margin:0; width:22px;position:absolute; top:0;left:calc(50% - 11px);}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li:first-child {left:0;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li:nth-child(2)  {left:50%;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li:first-child span { margin-left:-30px;}
.tech0203 .contents > ul > li:first-child .tableContainer .icon li:nth-child(2) span {/*left:50%;*/ margin-left:30px;}

.tech0203 .contents > ul > li:first-child .title	{padding:0; float:left; width:50%; }
.tech0203 .contents > ul > li:first-child .title li	{float:none; width:100%; padding:0;height:92px; margin-bottom:25px;}
.tech0203 .contents > ul > li:first-child .title li img	{width:60%; height:auto;}
.tech0203 .contents > ul > li:first-child .title li .headWrap p	{ font-size:14px;  bottom:unset; display:block;}

.tech0203 .contents > ul > li:first-child .title li:nth-child(1) .headWrap p { bottom:unset; display:block; }

.tech0203 .contents > ul > li:first-child .graphContainer	{clear:both; padding:0; width:50%; float:right;}
.tech0203 .contents > ul > li:first-child .graphContainer > li	{clear:both; width:100%;height:92px; margin-bottom:25px;}
.tech0203 .contents > ul > li:first-child .graphContainer > li p	{margin-bottom:0; top:0 !important; bottom:auto !important;}
.tech0203 .contents > ul > li:first-child .graphContainer > li ul	{height:100px; margin-top:-10px;}
.tech0203 .contents > ul > li:first-child .graphContainer > li > ul > li	{}
.tech0203 .contents > ul > li:first-child .graphContainer > li li:first-child .graphWrap	{left:25%;}
.tech0203 .contents > ul > li:first-child .graphContainer > li li:nth-child(2) .graphWrap	{left:75%; margin-bottom:0; bottom:0 !important;}
.tech0203 .contents > ul > li:first-child .graphContainer > li li .graphWrap	{display:block;}
.tech0203 .contents > ul > li:first-child .graphContainer > li li .graphWrap span	{margin-left:-8px; margin-top:-14px; display:block;width:30px;text-align:center;}

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

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

.tech0203 .contents > ul > li:nth-child(2)	{}
.tech0203 .contents > ul > li:nth-child(2) > ul > li	{margin-top:40px; display:block;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li .imgDeviceWrap	{float:none; width:100%; margin-left:0; margin-top:10px;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li:first-child .imgDeviceWrap	{margin-top:-14px;}
.tech0203 .contents > ul > li:nth-child(2) > ul > li p	{float:none; margin:0 auto; font-weight:400;}

.tech0203 .contents > ul > li:nth-child(3)	{text-align:center;}
.tech0203 .contents > ul > li:nth-child(3) .titleWrap span br	{display:block;}
.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	{width:calc((100% - 28px) / 2); margin:0 7px;margin-bottom:1em;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li img	{margin-bottom:0.8em;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li:first-child	{margin-left:7px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2)	{margin:0;display:inline-block;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li	{float:none;  width:100%;margin:0; margin-top:10px; padding:0; clear:both;  overflow:hidden;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child	{margin-left:0; display:flex; -webkit-align-items: center;  align-items: center; justify-content:center;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child  img	{float:left; width:159px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child  span	{float:left;width:15px; margin:0 10px; transform: rotate(0deg);}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child p	{float:left;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap	{float:right;margin-bottom:0;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap	img	{width:auto; height:100px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap span	{ font-size:13px;  right:0; bottom:0;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap	{float:left; margin-right:15px;}
.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap img	{width:auto; height:100px;}


/** 기술/제품 > 고객가치 > 높은 신뢰성 **/
.tech0204	{}
.tech0204 .contents > ul > li	{margin-top:45px;}
.tech0204 .contents > ul > li .titleWrap p	{font-size:13px;}

.tech0204 .dataWrap{padding:30px 0;}

.tech0204 .dataWrap .imgContainer li	{float:none; width:165px; height:100px;}
.tech0204 .dataWrap .imgContainer li .title	{padding:6px 30px; border-top:0; border-right:1px solid #c9caca;}
.tech0204 .dataWrap .imgContainer li .title img { width: 80%; margin: 0 auto; }
.tech0204 .dataWrap .imgContainer li .title span	{bottom:unset; left:unset; font-size:14px;display: block;}
.tech0204 .dataWrap .imgContainer li:nth-child(1) .title span	{left:30px;}			

.tech0204 .dataWrap .graphContainer	{top:30px; left:165px;}
.tech0204 .dataWrap .graphContainer li	{float:none; width:calc(100% - 195px); height:100px;}
.tech0204 .dataWrap .graphContainer li .graphWrap span	{position:absolute; right:-30px; margin-top:-1px;}
.tech0204 .dataWrap .graphContainer li .graphWrap	{top:50%; width:135px; height:8px; left:0; margin-top: -4px; margin-left:0;}
.tech0204 .dataWrap .graphContainer li .graphWrap	{height:8px !important; width:0;}
.tech0204 .dataWrap .graphContainer li:first-child .graphWrap	{background:#00ad83;}
.tech0204 .dataWrap .graphContainer.on li:first-child .graphWrap	{width:95%;}
.tech0204 .dataWrap .graphContainer.on li:nth-child(2) .graphWrap	{width:90%}
.tech0204 .dataWrap .graphContainer.on li:nth-child(3) .graphWrap	{width:85%}
.tech0204 .dataWrap .graphContainer.on li:nth-child(4) .graphWrap	{width:17%}
.tech0204 .dataWrap .graphContainer.on li:last-child .graphWrap	{width:26%}

/** 기술/제품 > PureCell Model400 **/
.prod .prodWrap	{width:100%;}
.prod .prodContainer	{clear:both;width:100%; margin:0;}
.prod .prodContainer .prodWrap	{width:100%;  height:64vw; padding:0;margin-bottom:0px;}

.prod .prodInfo	{width:100%; clear:both; margin-top:40px;}
.prod .prodInfo ul	{position:relative; overflow:hidden;}
.prod .prodInfo ul:after	{content:""; width:1px; height:100%; position:absolute; top:0; left:50%; background:#bfbfbf;}
.prod .prodInfo ul li	{float:left; width:calc(50% - 5px); height:85px; border:none; background-position:0% 50%; border-bottom:1px solid #bfbfbf; padding-top:15px;}
.prod .prodInfo ul li:last-child	{border-bottom:none; height:110px; background-size:45%;}
.prod .prodInfo ul li:nth-child(even)	{float:right;}
.prod .prodInfo ul li dl	{font-size:14px; padding-left:46%;}
.prod .prodInfo ul li dt	{}
.prod .prodInfo ul li dd	{font-size:13px;}
.prod .prodInfo ul li dd span	{ width:28px;}
.prod .prodInfo ul li:before	{display:none;}

.prod .prodContainer .prodWrap .plus li	{width:7px; height:7px;}
.prod .prodContainer .prodWrap .plus li:after	{width:7px; height:1px; margin-top:-4px;}
.prod .prodContainer .prodWrap .plus li:before	{width:1px; height:7px; margin-left:3px;}


/* 회사소개 > CEO 메시지 */
.intr0101	{}
.intr0101 .titleWrap > p	{line-height:1.5; margin-top: -5px;}
.intr0101 .titleWrap > p br	{display:none;}
.intr0101 .imgWrap	{height:295px; margin:32px auto 21px; background-position: 100% 50%;}
.intr0101 .contents > p	{font-size:14px;}
.intr0101 .contents > p span	{font-size:13px;}
.intr0101 .contents > p span img	{height:35px; margin-top:-18px; margin-left:0px;}


/* 회사소개 > 비전 */
.intr0201 {}
.intr0201 .motionContainer .logo	{padding-top:25px;}
.intr0201 .motionContainer.on .logo	{padding:0 0 25px;}
.intr0201 .motionContainer .logo img	{height:42px;}
.intr0201 .motionContainer ul	{}
.intr0201 .motionContainer ul:after	{}
.intr0201 .motionContainer.on ul:after	{}
.intr0201 .motionContainer li	{font-size:17px;}
.intr0201 .motionContainer li:nth-child(2)	{}
.intr0201 .motionContainer li:nth-child(3)	{}
.intr0201 .motionContainer li:nth-child(3) img	{}
.intr0201 .motionContainer li:nth-child(4)	{}
.intr0201 .motionContainer li:last-child	{}
.intr0201 .motionContainer li:last-child span	{}

.intr0201 .motionContainer.on li:nth-child(2)	{}
.intr0201 .motionContainer.on li:nth-child(3)	{}
.intr0201 .motionContainer.on li:nth-child(3) img	{}
.intr0201 .motionContainer.on li:nth-child(4)	{top:calc(50% - 1.3em); height:1.3em;}
.intr0201 .motionContainer.on li:last-child	{height:1.4em;}
.intr0201 .motionContainer.on li:last-child span	{height:1.1em;}

.intr0201 .contents > ul	{}
.intr0201 .contents > ul:before	{width:22px; margin:50px auto 59px;}
.intr0201 .contents > ul li	{float:none; width:100%; margin-left:0; margin-top:1px; padding-top:19px;}
.intr0201 .contents > ul li .title	{width:79px; height:79px; margin:0 auto 19px; padding:0;}
.intr0201 .contents > ul li p	{font-size:14px; padding:13px 0; }
.intr0201 .contents > ul li p span	{font-size:13px; margin-bottom:3px;}
.intr0201 .contents > ul li p span br	{display:none;}


.intr0301 .graphContainer .historyGraph .leftGrapth { position:relative; float: none; width:100%; margin-top:calc(72% + 50px); }
.intr0301 .graphContainer .historyGraph .rightGrapth { position: absolute; float: none; top: calc((72% + 50px) * -1); width: 100%; height: 72%; padding-top:0; }
.intr0301 .graphContainer .historyGraph .rightGrapth .rate-number { top: calc(23% + 21%); left: calc(50% - 74px); font-size: 135px; color: #00ad83; line-height:0.7; }

/* 회사소개 > CI */
.intr0501	{}
.intr0501 .downWrap	{text-align: left;}
.intr0501 .downWrap a	{font-size:14px;margin-left: 2.5em;}
.intr0501 dl.information dt	{text-align: left;margin-bottom: 25px;font-size: 24px;}
.intr0501 dl dd .tableWrap	{width:100%;}
.intr0501 dl dd .tableWrap table	{ font-size:14px;}
.intr0501 dl dd .tableWrap th p	{width:70px; height:70px;}
.intr0501 dl dd .tableWrap tr:first-child th p	{top:10px; left:11px;}
.intr0501 dl dd .tableWrap tr:nth-child(7) th p	{top:4px; left:5px;}
.intr0501 dl dd .tableWrap tr:nth-child(13) th p	{top:5px; left:5px;}
.intr0501 dl dd .tableWrap th	{padding-bottom:0.3em;}
.intr0501 dl dd .tableWrap td {padding: 0.3em 0;}
.intr0501 dl dd .tableWrap th.right span	{left: 46px;    bottom: 0.3em;}
.intr05 .contentsWrap.wide	{width:100%; margin-top:50px; margin-left:0; padding:0;}
.intr05 .contentsWrap.wide a	{float: none;width: 100%;height:115px;font-size:14px;}
.intr0501 .color img { float: none;width:100%;margin-bottom:20px;margin-left:0} 
.intr0501 dl dd:nth-of-type(1) > img {margin-bottom: 30px;}
.intr0501 .ci2022_img4 {margin-left:0;}
.intr0501 .ci2022_desc6 {margin-bottom:60px;}
.intr0501 .ci2022_desc7 {width:100%;}
.intr0501 .ci2022_desc2 br, .intr0501 .ci2022_desc3 br, .intr0501 .ci2022_desc4 br, .intr0501 .ci2022_desc6 br, .intr0501 .c-desc3 br, .intr0501 .c-desc4 br {display:none;}
.intr0501 .ci2022_img3, .intr0501 .ci2022_img4{margin-top:20px}
.intr0501 .ci2022_img3_txt, .intr0501 .ci2022_img4_txt {display:block;position: absolute;background: #fff;color: #005db8;font-weight: 600;font-size: 16px;margin: 0;height: 45px;    width: 90%;}

 
/* 회사소개 > 윤리경영 > 윤리규범 */
.intr0601	{}
.intr0601 dl.information dt p	{display:inline-block; margin-left:0.5em;}
.intr0601 dl.information dt br	{display:none;}
.intr0601 dl.information dt span	{display:inline-block;}


/* 회사소개 > 윤리경영 > 사이버 신고센터 */

/* 회사소개 > EHS */
.contentsWrap[class*="intr07"] .ehsWrap	{font-size:13px;}
.contentsWrap[class*="intr07"] .ehsWrap li:after	{height: 50px; left:50%; top: -70px;}
.contentsWrap[class*="intr07"] .ehsWrap li:first-child:after	{display:none;}
.contentsWrap[class*="intr07"] .ehsWrap li	{height:auto; max-height:none; display:block; position:relative; margin-bottom:80px; text-align:center;}
.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:static; display:block; width:100%; text-align:center; margin-top:0; font-size:19px; padding-bottom: 160px;}
.contentsWrap[class*="intr07"] .ehsWrap li div.text	{width:100%;  text-align:center; margin:0; padding:0;}
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(odd) div.text,.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(even) div.text	{margin:0; padding:0;text-align:center; }
.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(odd) p.num,.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(even) p.num	{top:auto; bottom:auto; left:auto; right:auto;}
.contentsWrap[class*="intr07"] .ehsWrap li div.text p	{padding-bottom:0.6em; margin-bottom:20px;}
.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:14px; font-weight:300;  line-height:1.6;}
.contentsWrap[class*="intr07"] .ehsWrap li	{background-position:50% 27px; background-size: 130px;}
.contentsWrap[class*="intr07"] .ehsWrap + p > img.sign { height: 45px; margin-top: 15px; margin-left:0; }

/* 지속가능경영 - 2 환경경영 ->>> .contentsWrap[class*="intr07"] ~ */
.contentsWrap[class*="sust"] .ehsWrap	{font-size:13px;}
.contentsWrap[class*="sust"] .ehsWrap li:after	{height: 50px; left:50%; top: -70px;}
.contentsWrap[class*="sust"] .ehsWrap li:first-child:after	{display:none;}
.contentsWrap[class*="sust"] .ehsWrap li	{height:auto; max-height:none; display:block; position:relative; margin-bottom:80px; text-align:center;}
.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:static; display:block; width:100%; text-align:center; margin-top:0; font-size:19px; padding-bottom: 160px;}
.contentsWrap[class*="sust"] .ehsWrap li div.text	{width:100%;  text-align:center; margin:0; padding:0;}
.contentsWrap[class*="sust"] .ehsWrap li:nth-child(odd) div.text,.contentsWrap[class*="sust02"] .ehsWrap li:nth-child(even) div.text	{margin:0; padding:0;text-align:center; }
.contentsWrap[class*="sust"] .ehsWrap li:nth-child(odd) p.num,.contentsWrap[class*="sust02"] .ehsWrap li:nth-child(even) p.num	{top:auto; bottom:auto; left:auto; right:auto;}
.contentsWrap[class*="sust"] .ehsWrap li div.text p	{padding-bottom:0.6em; margin-bottom:20px;}
.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:14px; font-weight:300;  line-height:1.6;}
.contentsWrap[class*="sust"] .ehsWrap li	{background-position:50% 27px; background-size: 130px;}
.contentsWrap[class*="sust"] .ehsWrap + p > img.sign { height: 45px; margin-top: 15px; margin-left:0; }

/* 회사소개 > EHS > EHS 목표 */
.contentsWrap.intr0701-1 .ehs-target {display:block;}
.contentsWrap.intr0701-1 .ehs-target > div {width:100%;} 
.contentsWrap.intr0701-1 .ehs-target > div:nth-child(1) {padding:0 0 20%;}
.contentsWrap.intr0701-1 .ehs-target > div:nth-child(2) {padding:0;}

/* 투자정보 공통 */
.container.inve .contentsWrap[class*="inve"] {}
.container.inve .contentsWrap[class*="inve"] div.title { float:unset; width:100%; text-align:center; }
.container.inve .contentsWrap[class*="inve"] div.title br { display:none; }
.container.inve .contentsWrap[class*="inve"] div.title + div { float:none; width:100%; padding-left: 0; }
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 > p { /*text-align:center;*/ font-size:14px; margin-bottom:35px; margin-top:20px; }
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table td a { margin:0 auto !important;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table td a img	{margin-left:0.2em; margin-right:0.6em; height:0.9em;}

.container.inve .contentsWrap[class*="inve"] div.title .tableWrap .inputContainer	{margin:40px 0}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap table td a	{margin:0 10px;}
.container.inve .contentsWrap[class*="inve"] .contents > ul > li	{margin-top:70px;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap table + p,.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap img + p	{margin-top:20px;}
.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap > p	{margin-bottom:20px;}

/*.tableWrap .inputContainer .selectWrap	{width:110px;}*/

/* 투자정보 > 거버넌스 > 이사회 */
#table-inve-0202 th:nth-child(1) { width:25%; }
#table-inve-0202 th:nth-child(2) { width:25%; }
#table-inve-0202 th:nth-child(3) { width:25%; }
#table-inve-0202 th:nth-child(4) { width:25%; }


/* 투자정보 > 거버넌스 > 감사기구 */
.inve0203	{}
.inve0203 .listWrap ul	{}
.inve0203 .listWrap ul li	{font-size:13px; line-height:21px;}
.inve0203 .listWrap ul li > p	{width:36%; margin-top:12px;}
.inve0203 .listWrap ul li ul	{float:right; width:50%;}
.inve0203 .listWrap ul li ul li	{display:block;border-left:none;}
.inve0203 .listWrap ul li ul li:first-child	{width:100%;border-left:none;     line-height: 18px; padding-bottom: 10px;}
.inve0203 .listWrap ul li ul li:last-child	{border-top: 1px solid #bfbfbf;border-left:none; width:100%; line-height: 18px; padding-top: 10px;}

.inve0203 .listWrap > ul > li	{background-position:10% 50%; height:153px; padding:15px 0; margin-top:82px}
.inve0203 .listWrap > ul > li:after	{width:100%; left:0%;}

.container.inve .contentsWrap[class*="inve"] div.title p{font-size:21px; line-height:28px; padding-bottom:20px;}

/* 투자정보 > 공시 */
.inve0401 #content .ico_drag {display:block;position:relative;z-index:1;}
.inve0401 #content .ico_drag img {
	width: 68px;position: absolute;left: 50%;padding-top:146px;
	transform: translate3d(-64px, 0, 0);
	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;
}

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


/* 채용 */
.recr	{}
.recr .recrWrap li	{float:none; colear:both; width:100%; margin:0; margin-bottom:45px;}
.recr .recrWrap li:nth-child(even)	{margin-left:0;}
.recr .recrWrap li p	{font-size:14px;}
.recr .recrWrap li p.title	{font-size:13px; margin:10px 0 10px;}

.recr .contentsWrap.wide	{width:100%; margin:30px 0 0; height:200px; }
.recr .contentsWrap.wide .btnWrap > img	{height:39px; margin:55px auto 18px;}
.recr .contentsWrap.wide .btnWrap a img	{}


/* 미디어센터 > 뉴스 */
.medi0101 .viewWrap	{}
.medi0101 .viewWrap .viewContents {padding:0;}
.medi0101 .viewWrap .viewContents .view	{ margin:35px 0 43px; padding-top:0; width:96%}
.medi0101 .viewWrap .viewContents .view p img{margin-bottom:5px;}
.medi0101 .viewWrap .viewContents .summary	{ padding:0 0 35px 0; font-size:13px; }



/* 미디어센터 > 카달로그 */
.medi0201	{}
.medi0201 .title	{ margin-bottom:40px;}

.medi0201 .catalogWrap li > img	{width: 104px !important;height: auto !important;}
.medi0201 li > p		{position: relative !important;display: inline-block;margin: 0 !important;top: 0;left: 10px !important;font-size: 15px;}
.medi0201 .catalogWrap li ul	{position:static;}
.medi0201 .catalogWrap li ul li	{margin-left:8px;}
.medi0201 .catalogWrap li ul li a	{font-size:14px; line-height:12px;}
.medi0201 .catalogWrap li ul li img	{height:12px; margin-left:0.6em}	
.medi0201 .contents.video .catalogWrap > ul > li {padding-bottom: 0;}
.medi0201 .contents.video .catalogWrap > ul > li > p {min-height: auto;font-size: 15px;padding: 10px 0;}
.contentsWrap .contents.video, .contentsWrap .contents.ebook{ margin-top: 45px;}
.medi0201 .catalogWrap>ul>li{width: 100% !important;margin-left: 0 !important;}
.medi0201 .contents:not(.video) .catalogWrap ul:nth-child(2n)>li{margin-left:0;margin-top:10px}
.medi0201 .contents.video .catalogWrap video,.medi0201 .contents.video .catalogWrap iframe{height:auto!important}
.medi0201 .contents:not(.video) li>ul{position:absolute;display:inline-block;margin-top:15px;top:auto;bottom:30px;left:134px}
.medi0201.popup-wrapper .contantWrap p.title	{width:79px;font-size:14px;padding: 0 0 0 4px;text-align: left;}
.medi0201.popup-wrapper .contantWrap p.title + div	{width: calc(100% - 79px);}
.medi0201.popup-wrapper .contantWrap > ul > li:first-child,.serv0101 .contantWrap > ul > li:nth-child(3)	{float:none; width:100%; padding-right:0;}
.medi0201.popup-wrapper .contantWrap > ul > li:nth-child(2),.serv0101 .contantWrap > ul > li:nth-child(4)	{float:none; width:100%;}
.medi0201.popup-wrapper .mailWrap input[type="text"]	{width:calc(100% - 23px);}
.medi0201.popup-wrapper .mailWrap input[type="text"]:first-child	{width:100%; margin-bottom:6px;}
.medi0201.popup-wrapper .mailWrap span.mail	{font-size:14px; width:23px;}
.medi0201.popup-wrapper .agreeWrap	{padding-top:20px;}
.medi0201.popup-wrapper .agreeWrap p.title	{font-size: 13px;margin: 8px 0 0 0;line-height:1.4;width: 180px;text-align: left;padding: 0;}
.medi0201.popup-wrapper .agreeWrap .scrollWrap	{height:100px; padding:16px 12px;}
.medi0201.popup-wrapper .agreeWrap .checkWrap	{margin-top: -16px;padding-bottom:0;}
.medi0201.popup-wrapper .agreeWrap .checkWrap p	{font-size:11px; line-height:1.6;margin-bottom:15px;}
.medi0201.popup-wrapper .agreeWrap .checkWrap p.inputWrap	{margin-bottom:15px;}
.medi0201.popup-wrapper .agreeWrap .checkWrap.all	{margin: 5px 0 5px;padding-bottom: 5px;}
.medi0201.popup-wrapper .btnWrap	{padding-top:20px;}
.medi0201.popup-wrapper .contantWrap p.title span.check{left:-7px}.medi0201.popup-wrapper .popup .contxt{width:90vw}
.medi0201.popup-wrapper .contantWrap>ul>li:nth-child(3),.medi0201.popup-wrapper .contantWrap>ul>li:nth-child(4){padding-right:0}
.medi0201.popup-wrapper .agreeWrap p.title+span{display:block;clear:both;    margin: 2px 0 0 -4px;}
.medi0201.popup-wrapper .btnWrap2ps_half{padding-top:15px}
:lang(en) .medi0201.popup-wrapper .agreeWrap p.title { width: 100%; margin-bottom: 5px;}
:lang(en) .medi0201.popup-wrapper .agreeWrap .checkWrap { margin-top: 0;}
.medi0201.popup-wrapper .agreeWrap { padding: 0;}

/* Contact Us */
.serv0101 .contantWrap p.title	{width:79px; font-size:14px; padding-left:12px;}
.serv0101 .contantWrap p.title + div	{width:calc(100% - 79px);}
.serv0101 .contantWrap > ul > li:first-child,.serv0101 .contantWrap > ul > li:nth-child(3)	{float:none; width:100%; padding-right:0;}
.serv0101 .contantWrap > ul > li:nth-child(2),.serv0101 .contantWrap > ul > li:nth-child(4)	{float:none; width:100%;}

.serv0101 .mailWrap	{}
.serv0101 .mailWrap input[type="text"]	{width:calc(100% - 23px);}
.serv0101 .mailWrap input[type="text"]:first-child	{width:100%; margin-bottom:6px;}
.serv0101 .mailWrap span.mail	{font-size:14px; width:23px;}

.serv0101 .agreeWrap	{padding-top:20px;}
.serv0101 .agreeWrap p.title	{font-size:15px; margin:35px 0 15px;line-height:1.4;}
.serv0101 .agreeWrap .scrollWrap	{height:280px; padding:16px 12px;}
.serv0101 .agreeWrap .checkWrap	{margin-top:15px; padding-bottom:0}
.serv0101 .agreeWrap .checkWrap p	{font-size:11px; line-height:1.6;margin-bottom:15px;}
.serv0101 .agreeWrap .checkWrap p.inputWrap	{margin-bottom:15px;}
.serv0101 .agreeWrap .checkWrap.all	{margin:45px 0 5px;}
.serv0101 .btnWrap	{padding-top:20px;}


/* 사업장 위치 */
.serv0201	{}
.serv0201 .contents	{}
.serv0201 .contents ul	{width:100%; margin:0 auto 30px;}
.serv0201 .contents ul li a	{font-size:14px; line-height:35px;}
.serv0201 .contents dl	{line-height:20px;}
.serv0201 .contents dt	{ width: 12%; }
.serv0201 .contents dd	{ width: 86%; text-align: left;}
.serv0201 .mapWrap	{height:173px;}


/* 법적고지 */
.serv0301 dl.information	{}
.serv0301 dl.information dt	{margin-right:0;}
.serv0301 dl.information dd	{width:100%;}


/* 이용약관 */
.serv0401 dl.information	{}
.serv0401 dl.information dt	{margin-right:0;}
.serv0401 dl.information dt br	{display:none;}
.serv0401 dl.information dd	{width:100%;}
.serv0401 .btnWrap { margin-left: 0; }

/* Patent */
.serv0801 .information {margin-bottom: 50px;}
.serv0801 .title {float: unset;width: 100%;text-align: center;}
.serv0801 .title + .tableWrap2 {float: none;width: 100%;padding-left: 0;}
.serv0801 .title p {font-size: 21px;line-height: 28px;padding-bottom: 20px;}
.serv0801 .title  + div.tableWrap2 table td a img {height: 0.9em;margin-left: 0.5em;}
.serv0801 .title  + div.tableWrap2 table td a {margin: 0 auto;}

/* 사이트맵 */
.sitemap > li { padding:30px 0; }
.sitemap > li > ul > li	{ height: 190px; }
.sitemap > li > ul > li.min-height { height:70px; }
.sitemap > li > ul > li > p > a	{ font-size:16px; padding-bottom: 12px; }
.sitemap > li > ul > li > ul > li > a { font-size:14px; }

 .over-x-1080 {overflow-x:scroll; position:relative; padding-bottom:10px;}
 .over-x-1080 table { min-width:768px;}
 .over-x-1080 .ico-touch {display:block;width:60px;    top: 40%;left: calc(50%);}
/*지속가능경영 공통*/
.contentsWrap.sus_linebox .list .item {width: 100%;padding: 30px 15px;}
.contentsWrap.sus_linebox .list .item p {font-size: 18px;margin-bottom: 20px;}
.contentsWrap.sus_linebox .list .item ul li {font-size: 14px;line-height: 1.6;}
/* 지속가능경영 개요 */
.container.sust .sust0101 div.title + div.tableWrap2 table td a {margin: 0 !important;}
.container.sust .contentsWrap[class*="sust"] .tableWrap2 table td.left {padding: 17px 0;text-align: center !important;}
.container.sust .contentsWrap[class*="sust"] div.tableWrap2 table td.left span {margin-left: 0;margin-top: 8px;}
.container.sust .contentsWrap[class*="sust"] div.tableWrap2 table td a {padding: 0;}
/*지속가능경영 인증서*/
.contentsWrap.sust0301 .ehsWrap li div.text span strong {padding-bottom:0.6em; margin-bottom:20px;}
.contentsWrap.sust0502 .imgwrap {margin-top: 70px;flex-wrap: wrap;gap: 0;}
.contentsWrap.sust0502 .imgwrap.ehs {justify-content: space-between; gap:0}
.contentsWrap.sust0502 .imgwrap .item span {font-size: 14px;margin: 20px 0 40px 0;}
.contentsWrap.sust0502 .imgwrap .item {width: calc(50% - 8px);flex-basis: calc(50% - 8px);}
.contentsWrap.sust0502 .imgwrap .item img {width: 100%;margin: 0;}
.tbstyle02 table th, .tbstyle02 table td {padding: 10px;}
/*지속가능경영 - 동반성장*/
.contentsWrap.sus_linebox.sust0601 .diagram img {width: 100%;}
.contentsWrap.sus_linebox.sust0601 .diagram img.mobile {display:block}
.contentsWrap.sus_linebox.sust0601 .diagram img.pc {display:none}
.contentsWrap.sus_linebox.sust0502 .list .item ul li { padding: 42px 0 0 15px; font-size: 15px; text-align: left; line-height: 1.3; } 
.contentsWrap.sus_linebox.sust0502 .list .item { border-radius: 5px; height: 100px; padding: 12px; } 
.contentsWrap.sus_linebox.sust0502 .list .item p { font-size: 14px; width: 130px; height: 30px; } 
.contentsWrap.sus_linebox.sust0502 .list .item ul li:before { left: -7px; width: 4px; height: 4px; } 
.contentsWrap.sus_linebox.sust0502 .btn-wrap { margin-top: 20px; width: 100%; } 
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download { font-size: 14px;padding:10px } 
/*지속가능경영 - 협력사helpdesk*/
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap {padding: 20px 20px 0;font-size: 14px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li em {width: auto;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li:before {content: '';display: block;width: 3px;height: 3px;background: #000;position: relative;top: 12px;left: -10px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li {padding-left: 10px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li em.dot {display: inline-block;}
.contentsWrap.sust0802 .titleWrap > span {padding: 0 15px;}

/* sust0104 */
.container.sust .sust0104 .btm_section .left_container { display: block; }
.container.sust .sust0104 .btm_section .left_container .left.last .img_box .img { flex-basis: 50%; margin: 10px 0; }
.container.sust .sust0104 .btm_section .left_container .left.last .img_box { flex-wrap: wrap; }
.container.sust .sust0104 .btm_section .left_container .left {padding: 10px;}
.container.sust .sust0104 .btm_section .left_container .left .img_box + p {font-size: 15px;}

.contentsWrap.sust0802 dl.information dt {padding: 0; margin-top: 50px;}
.contentsWrap.sust0802 img, .contentsWrap.sust0803 img.two {float: none;width: 100%;margin: 0 0 15px 0;}

.contentsWrap .tableWrap2 table td .down-form {display: block;width: 100%;padding: 1px 0;}

/* sust0101 */
/* 도형 CSS */
div.circle {
	height: 19px;
	display: inline-flex;
	background-color: #28596b;
	border-radius: 50%;
}

div.circle.inner {
	height: 17px;
	display: inline-flex;
	padding: 0.19rem 0.2rem 0.2rem 0.2rem;
}

div.inner > div.triangle.up {
	border-left-width: 0.33rem;
	border-right-width: 0.33rem;
	border-bottom-width: 0.5rem;
	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 {
	text-align: center;
	text-size-adjust: auto;
}

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

.content table.strategy td {
	width: 100%;
	font-size: 10px;
	padding: 1rem;
}

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

/* 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: 20px;
	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: 14px;
	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;
}

/* 전략목표 - 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: 2px;
}

/* 전략목표 */
.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 {
	padding: 0em 1em 0 1em;
}
/* 전략과제 */
.content table.strategy tr.task > td > div { /* border box */
	height: 45px;/*fit-content*/
}

/* sust0202 환경경영 2-2 아이콘박스 */
.contentsWrap > .contents > ul.inline-icon-box {
	display: block; text-align: center; margin-bottom: 5em;
}
.contentsWrap > .contents > ul.inline-icon-box li {
	display: block; margin-right: 0; width: 100%;
}
.contentsWrap > .contents > ul.inline-icon-box li:last-child {
	margin-right: 0;
}
.contentsWrap > .contents > ul.inline-icon-box li div {
	width: 100%; height: fit-content; text-align: center;
}
.contentsWrap > .contents > ul.inline-icon-box li div > img {
	width: 7em; margin: 0.5em 0.5em 0 0.5em;
}
.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; display: inline-flex; vertical-align: middle; width: 50%; height: fit-content; margin: 1em 0 0 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: fit-content; }
.contentsWrap > .contents > ul.inline-icon-box li > div > .desc > p { color: #000000; }
/* 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;
	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;
}
/* between-border 대체 - only for small screen */
.contentsWrap > .contents > ul.inline-cylinder-box > li > div.img-box.up-border > img {
	margin-top: 1em;
	border-top-width: 1px;
	border-style: dotted;
	border-color: black;
}
.contentsWrap > .contents > ul.inline-cylinder-box > li:first-child > div.img-box.up-border > img {
	margin-top: 0;
	border-top-width: 0;
}
/* 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: 0;
	border-style: dotted;
	border-color: black;
}
/* 원기둥 */
ul.inline-cylinder-box > li > .box > .cylinder-background {/* cylinder-background */
	position: relative;
	display: inline-block;
	width: 10em;
	height: 5em;
}
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: 1.3ch;
}
/* desc */
ul.inline-cylinder-box li > div.box > .desc {
	padding: 0;
	height: fit-content;
	margin-top: 1em;
}
ul.inline-cylinder-box li > div.box > .desc > p {
	font-size: 1.9ch;
}


/* 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;
	margin-bottom: 2em;
}
.contentsWrap[class*="sust"] > .contents > div.sign-box > p > img.sign {
	height: 45px;
	margin-top: -14px;
	margin-left: 0;
}
.contentsWrap[class*="sust"] > .contents > div.ungc-box {
	margin-top: 2em;
	text-align: center;
}
.contentsWrap[class*="sust"] > .contents > div.ungc-box > img {
	width: 50%;
}
.contentsWrap[class*="sust"] > .contents > div.ungc-box > p {
	margin: 2em 0 1.5em;
	font-size: 1.25em;
	font-weight: bolder;/*400*/
}

/* 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: 1.25em; 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: 1.5ch; }

/* sust0702 - supply-chain ESG assessment  */
/* 1) Supplier Sustainability Assessment Process */
.assessment-process-flow > .parent > .proc-row > .box > span {
	font-size: 10px;
}
/* 2) List of supply chain ESG self-assessment items */
.self-check-list > ul.self-check-list-form {
	font-size: 10px;
}
.self-check-list > ul.self-check-list-form > li.head > div.img-box:first-child {
	height: 36.33%
}
.self-check-list > ul.self-check-list-form > li.head > div.count {
	height: 19%;
}

/* sust0703 Supply Chain ESG Management - Risk Management */
/* 1) risk-management-process twin box */
.info-box {
	display: block;
}
.info-box > ul { width: 100%; }
.info-box > ul.left,
.info-box > ul.right { margin: 1em 0 0 0; }
/* 2) risk-management-system table */
/* table 세로(vertical) */
.system-info-box > table.vertical { display: table; text-align: center; background-color: transparent; font-size: 3px; overflow-wrap: anywhere; }
/* system-info-box - v table head, body */
.system-info-box > table.vertical tr > th { padding: 10px 0; word-break: inherit; }
.system-info-box > table.vertical tr > th,
.system-info-box > table.vertical tr > td { font-weight: bold; word-break: break-all; }
.system-info-box > table.vertical tr > .l0,
.system-info-box > table.vertical tr > .l1,
.system-info-box > table.vertical tr > .l2 { background-color: #0070c0; color: #ffffff; }
.system-info-box > table.vertical tr > th.cate { background-color: #ffffff; color: #000000; }
/* system-info-box - v table border */
.system-info-box > table.vertical { border-top: 0.7em solid #000000; border-bottom: 0.7em solid #000000; }
.system-info-box > table.vertical tr > th { border: 1px solid #ffffff; }
.system-info-box > table.vertical tr > th.cate { border-color: #b0b0b0; }
.system-info-box > table.vertical tr > td { border: 1px solid #b0b0b0; }
.system-info-box > table.vertical tr > td:first-child { border-left-width: 0; }
.system-info-box > table.vertical tr > .l0,
.system-info-box > table.vertical tr > .l2,
.system-info-box > table.vertical tr > th:last-child,
.system-info-box > table.vertical tr > td:last-child { border-right-width: 0; }
/* table 가로(horizontal) */
.system-info-box > table.horizontal { display: none; }

/* sust0801 Social Contribution - Activity System and Direction */
.social-n-economic-activity-system {
	margin: 0;
}
.social-n-economic-activity-system > .table {
	font-size: 10px;
}
.social-n-economic-activity-system > .table > li > .title {
	width: 8%;
}
.social-n-economic-activity-system > .table > li > .title > p {
	font-size: 10px;
}
.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box {
	height: 15em;
}
.social-n-economic-activity-system > .table > li.sdgs > .desc > .icons > .square-icon > img {
	width: 20px;
}
.social-n-economic-activity-system > .table > li.mission > .desc > p,
.social-n-economic-activity-system > .table > li.enabler > .desc > p {
	font-size: 10px;
}
.social-n-economic-activity-system > .table > li.business-kpi > .desc > .txt-box,
.social-n-economic-activity-system > .table > li.social-kpi > .desc > .txt-box {
	height: 8em;
}

/* sust0802 Social Contribution - The growth of a person */
/* sust0803 Social Contribution - Contributing to the community */
/* sust0804 Social Contribution - Leverage your capabilities */