.lastDepth>a,
	.depthThree>a,
	.depthFour>a,
	.depthBusiness>a,

	.visionArea .missionArea .circle>li,

	#mVisual .visual_in .ii,
	#mVisual .visual_in .ii.btn>a,
	#mVisual .bx-pager>span,
	#mVisual .bx-pager-item>a,
	#mVisual .slick-dots>li button:before,

	#mVisual .iconMenu .inConts>a,

	#mRoute .routeMap #routeBtn>a,
	#mAbout .linkAbout>a .thumb img,

	.cont_img .btns>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

	#mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

/*[s] All Style */
	.bg_thumb_box{width:100%; height:100%; background-repeat: no-repeat; background-position: center center; box-sizing: border-box;}
	img.bg_thumb{opacity: 0;}
	img.ofi{width:100%; height:100%; object-fit:cover; object-position: center center; font-family: 'object-fit: cover; object-position: center center;'; position: relative;}

	.tbLayout{width:100%; display:table;}
	.tbLayout.fixed{table-layout: fixed;}
	.tbLayout>*{display:table-cell; vertical-align: middle; box-sizing: border-box;}
	.tbLayout.vat>.td{vertical-align: top;}
	.tbLayout.full{width:1920px; margin-left:-960px; position: relative; left:50%;}

	.nTable{width:100%; border-top:2px solid #003976;}
	.nTable>table{width:100%; border-spacing:0; table-layout : fixed;}
	.nTable>table th,
	.nTable>table td{height:6rem; padding:1.5rem 2rem; background-color: #fff; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:1.6rem; line-height:1.4; color:#666; text-align:left; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}
	.nTable>table tr>*:last-child{border-right:none;}

	.nTable>table>thead>tr>th{height:7rem; background-color: #f4f7fa; font-weight:500; font-size:1.7rem; color:#003976; text-align: center;}
	.nTable>table>tbody>tr>th{background-color: #fbfbfb; font-weight: 500; color:#222;}
	.nTable>table>tbody>tr>td.re{padding:1.5rem 3.2rem; background-color: #fbfbfb;}

	.nTable>table .tfoot{margin-top:-1px;}
	.nTable>table .tfoot>th{background-color: #f6f6f6; border-top:1px solid #222; font-weight:500; font-size:1.7rem; color:#222;}

	.nTable>table .tit{font-weight: 500; color: #222;}

	h4.txt+.nTable.person{margin-top:1.5rem;}
	.nTable.person>table th,
	.nTable.person>table td{height:7rem; padding:1.5rem 2rem; font-size:1.7rem; text-align: center;}
	.nTable.person>table>tbody>tr>th{font-weight: 400; color:#666;}

	.nTable.list>table{background-color: #ddd; border-spacing:1px;}
	.nTable.list>table th,
	.nTable.list>table td{padding:13px 10px; border-bottom:none; text-align: center;}
	.nTable.list>table>tbody>tr>th{width:auto; border-right:none;}

	.nTable +.nTable{margin-top:40px;}

	.tablePs{padding-bottom:1.3rem; font-size:1.7rem; line-height:1.2; color: #666; text-align: right;}
	.tablePs.red{color: #ff4646;}
	.tablePs.btm{padding-top:1.5rem;}

	.f0{font-size:0; line-height:0;}

	.lastDepth{width:100%; margin-bottom:50px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; display: flex; justify-content: space-between; }
	.lastDepth>a{width:100%; height:60px; background-color: #fff; border:1px solid #d3d3d3; font-size:18px; line-height:1.2; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;}
	.lastDepth>a+a{margin-left:-1px;}
	.lastDepth>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}

	.lastDepth>a:hover,
	.lastDepth>a.active{background-color: #f192a6; border-color:#f192a6; color: #fff; z-index:2;}

	.lastDepthConts{font-size:0; line-height:0; display:none; overflow:hidden;}

	.depthThree{width:100%; margin-bottom:5rem; font-size:0; line-height:0; text-align: center; box-sizing: border-box;}
	.depthThree>a{padding:1rem 2.8rem 1rem 2.9rem; font-weight: bold; font-size:2.5rem; line-height:1.2; color: #949ba1; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative;}
	.depthThree>a+a:before{content: ""; width: 1px; height: 2.6rem; margin-top:-1.1rem; background-color: #dfe1e3; display: inline-block; position:absolute; left: 0; top:50%; box-sizing: border-box;}
	.depthThree>a:hover,
	.depthThree>a.active{color: #003976;}

	.depthFour{width:100%; margin-bottom:8rem; font-size:0; line-height:0; text-align: center; box-sizing: border-box;}
	.depthFour>a{padding:1rem 2.1rem 1rem 2.2rem; font-weight: bold; font-size:2.2rem; line-height:1.2; color: #949ba1; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative;}
	.depthFour>a+a:before{content: ""; width: 1px; height: 2.4rem; margin-top:-1rem; background-color: #dfe1e3; display: inline-block; position:absolute; left: 0; top:50%; box-sizing: border-box;}
	.depthFour>a:hover,
	.depthFour>a.active{color: #222;}

	.depthBusiness{width:100%; margin-bottom:9rem; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; font-size:0; line-height:0; text-align: center; box-sizing: border-box; display: flex; justify-content: space-between;}
	.depthBusiness>a{min-height:6rem; flex:1 1 16.666%; padding:1rem; background-color: #f5f6f7; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight: 500; font-size:1.8rem; line-height:1.2; color: #8e979d; text-align: center; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; box-sizing:border-box;}
	.depthBusiness>a:hover,
	.depthBusiness>a.active{background-color: #003976; color: #fff;}

	.nTit{font-weight: 300; font-size:28px; line-height:36px; color: #333; text-align: center;}
	.nTit>span{font-weight: 300;}
	.nTxt{font-weight: 300; font-size:15px; line-height:22px; color: #888; text-align: center;}

	h4.txt{padding-bottom:1.5rem; font-weight: bold; font-size:2.8rem; line-height:1; color: #222;}
	*+h4.txt{margin-top:10rem;}
	h4.txt.blue{color: #003976;}
	.depthThree+h4.txt{margin-top:0;}

	.hTxt{padding-bottom:3.5rem; font-size:1.8rem; line-height:2.6rem; color: #666; position: relative;}
	.hTxt.right{padding-right:22rem;}
	.hTxt.right .mapGo{width:20rem; height:5.6rem; background-color: #fff; border:1px solid #222; font-weight: 500; font-size:1.6rem; line-height:1.2; color: #222; position: absolute; right:0; top:0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; box-sizing:border-box;}

	h5.line{margin-top:6rem; padding:0 0 3rem 1.3rem; font-weight: bold; font-size:2rem; line-height:1.2; color: #222; text-align: left; position: relative;}
	h5.line:before{content: ""; width: 0.5rem; height: 2rem; background-color: #222; display: block; position:absolute; left:0; top:0.2rem;}
	.hTxt + h5.line{margin-top:2.5rem;}

	.scrollTb{display:inline;}
	.scroll_info{width:100%; padding:2rem 0; font-size:0; line-height:0; position: relative; display:none;}
	.scroll_info:before{content:"← scroll →"; margin-top:-2rem; font-size:2rem; line-height:1; color: #ff0000; display:inline-block; position: absolute; left:44%; top:50%; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;}
	@keyframes scrollMove {
		from {color: #ff0000; left:42%;}
		to {color: #006cb7; left:46%;}
	}

	#mVisual .vTxt .ii.tit,
	#mVisual .vTxt .ii.tits,
	#mRoute .routeMap .routeLink>li a,
	#mRoute .routeMap #routeBtn>a,
	.greeting_img dl>dt,
	.greeting_text>dl>dt{font-family: 'Roboto', sans-serif !important;}
/*[e] All Style */

/*[s] Main Style */
	#bg_video:after{width:100vw; height:100vh; background-color: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; z-index:1;}
	#bg_video>p{min-width: 100%; min-height: 100%; width: auto; height: auto; background-color: #000; position: fixed; left: 50%; top: 50%; z-index:0; transform: translateX(-50%) translateY(-50%);}
	#bg_video video{min-width: 100%; min-height: 100%; width: auto; height: auto; background-color: #000; background-position: center center; background-size: cover; object-fit: cover; transform: translateX(-50%) translateY(-50%); position: absolute; left: 50%; top: 50%;}

	.mScroll{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:4rem; z-index:5;
		animation-duration: 0.7s;
		animation-iteration-count:infinite;
		animation-name: scrollDown;
		animation-timing-function:ease-in-out;
		animation-direction:alternate;
	}
	.mScroll>span{padding-bottom:1rem; font-weight: 600; font-size:16px; line-height:1; color: #fff; display:block;}
	.mScroll:after{content: ""; width:1.3rem; height:3rem; background:url('/images/line_scroll.png') no-repeat center bottom; display:inline-block;}
	@keyframes scrollDown {
		from {bottom:4rem;}
		to {bottom:3rem;}
	}

	#fullpage{background-color: rgba(0,0,0,0.3); text-align: center; font-size:0; line-height:0; position: relative; z-index:1; box-sizing:border-box;}
	#fullpage .fp-tableCell{padding-top:7rem; box-sizing:border-box;}

	#fullpage div.mTit{font-weight: bold; font-size:3rem; line-height:5rem; color: #fff;}
	#fullpage dl.mTit{padding-bottom:5.5rem; color: #fff;}
	#fullpage dl.mTit>dt{font-weight: bold; font-size:3.5rem; line-height:1.2;}
	#fullpage dl.mTit>dd{padding-top:3.5rem; font-weight: bold; font-size:2.2rem; line-height:1.2; display:none;}
	#fullpage .mLink{width:100%;}
	#fullpage .mLink>a{text-align: center; display:inline-block; vertical-align: top;}
	#fullpage .mLink>a+a{margin-left:7rem;}
	#fullpage .mLink>a .icon{width:11rem; margin:0 auto;background-color: rgba(0,0,0,0.4); border-radius:99px; overflow:hidden;}
	#fullpage .mLink>a .tit{padding-top:1.5rem; font-weight: 500; font-size:2.2rem; line-height:1.2; color: #fff;}

	#fullpage .section .ii{position: relative; top:100px; opacity: 0; transition: all 0.2s ease-out; transform-origin: 50% 50%; -webkit-transition-delay: .0s; transition-delay: .0s;}
	/*
	#fullpage .section .i01{-webkit-transition-delay: .5s; transition-delay: .5s;}
	#fullpage .section .i02{-webkit-transition-delay: .55s; transition-delay: .55s;}
	#fullpage .section .i03{-webkit-transition-delay: .6s; transition-delay: .6s;}
	#fullpage .section .i04{-webkit-transition-delay: .65s; transition-delay: .65s;}
	#fullpage .section .i05{-webkit-transition-delay: .7s; transition-delay: .7s;}
	#fullpage .section .i06{-webkit-transition-delay: .75s; transition-delay: .75s;}
	#fullpage .section .i07{-webkit-transition-delay: .8s; transition-delay: .8s;}
	#fullpage .section .i08{-webkit-transition-delay: .85s; transition-delay: .85s;}
	*/
	#fullpage .section.active .ii{top:0; opacity: 1; transition: all 0.6s ease-out;  -webkit-transition-delay: .6s; transition-delay: .6s;}
/*[e] Main Style */

/*[s] Sub Style */
	.grayFull{width:100vw; margin-left:-50vw; padding:12rem 3rem; background-color: #f5f6f7; font-size:0; line-height:0; text-align: center; position: relative; left:50%; box-sizing: border-box;}
	.grayFull.last{margin-bottom:-14rem;}
	.hGroup{padding-bottom:7.5rem; font-size:1.8rem; line-height:1.6; color: #666;text-align: center;}
	.hGroup>div{font-weight: bold; font-size:2.2rem; color: #003976;}
	.hGroup>div>p{font-size:2.8rem; color: #003976;}
	.hGroup .black{font-weight: 500; color: #222;}

	.imgTxt{min-height:35rem; padding:3rem 9rem; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; box-sizing:border-box;}
	.imgTxt>dl{font-size:1.8rem; line-height:1.5; color: #fff;}
	.imgTxt>dl>dt{font-weight: bold; font-size:3rem; line-height:1.2;}
	.imgTxt>dl>dd{padding-top:2rem;}

	.moveConts{padding:12rem 0; font-size:0; line-height:0;}

	/* 기업소개 - 인사말 */
		.greetingArea{font-size:0; line-height:0;}
		.greetingArea .imgTxt{min-height:42rem; background-image:url('/images/ko/company/bg_greeting.jpg'); text-align: center; justify-content: center;}
		.greetingArea .imgTxt>dl{font-size:1.8rem; line-height:1.2; color: #fff;}
		.greetingArea .imgTxt>dl>dt{font-weight: bold; font-size:4.5rem; line-height:1.2; color: #003976;}
		.greetingArea .imgTxt>dl>dd{padding-top:2rem; color: #222; display:none;}

		.greetingArea .greetingText{padding-top:5rem; line-height:1.6; text-align: center;}
		.greetingArea .greetingText .tit{font-weight: 500; font-size:1.8rem; color: #222;}
		.greetingArea .greetingText .txt{padding-top:2.5rem; font-size:1.7rem; color: #666;}
		.greetingArea .greetingText .text{padding-top:3rem; font-size:2rem; line-height:1.8; color: #222;}
		.greetingArea .greetingText .text .r{font-weight: bold; color: #ed174c;}
		.greetingArea .greetingText .text .b{font-weight: bold; color: #003976;}

		.greetingArea .name{padding-top:4.5rem; font-weight: 500; font-size:1.7rem; color: #222;}

	/* 기업소개 - 경영철학 - LSpartnership */
		.lspartnershipArea{}
		.lspartnershipArea .img{padding-top:6.5rem;}
		.lspartnershipArea .img img{}

		.lspartnershipArea.ethics .img{padding-top:0;}
		.lspartnershipArea.ethics .img img{width:auto;}
		.lspartnershipArea.ethics .txt{padding-top:2.5rem; font-weight: 500; font-size:1.8rem; line-height:1.2; color: #222;}

		.ethicsNew{margin-top:8.5rem; padding-top:8rem; border-top:1px solid #ddd;}
		.ethicsNew .btns{width:49%; margin:2.5rem auto 0; display: flex; justify-content: space-between; }
		.ethicsNew .btns>a{flex:1 1 48.275%; padding:1.8rem 1rem; border:1px solid #222; font-size:1.7rem; line-height:1.2; color: #222; text-align: center; box-sizing: border-box;}
		.ethicsNew .btns>a>span{padding-right:3.4rem; background:url('/images/arr_Link.png') no-repeat right center; background-size:2.1rem; display:inline-block;}
		.ethicsNew .btns>a+a{margin-left:1rem;}

	/* 기업소개 - LS Metal Way - VISION */
		.visionArea{font-size:0; line-height:0;}
		.visionArea .logo{text-align: center;}
		.visionArea .vTitle{padding-bottom:7.5rem; font-size:1.8rem; line-height:2.8rem; color: #666; text-align: center;}
		.visionArea .vTitle>dt{font-weight: bold; font-size:4rem; line-height:1.2; color: #222;}
		.visionArea .vTitle>dd{padding-top:2.2rem;}

		.vision_photo{padding-bottom:10rem; font-size:0; line-height:0;}
		.vision_photo .photo_re{padding:0 5rem; overflow:hidden;}
		.vision_photo .photo_re+.photo_re{margin-top:7.5rem;}
		.vision_photo .photo_re .thumb{width:58.727%; float:left; box-shadow:1rem 1rem 1rem rgba(0,0,0,0.1);}
		.vision_photo .photo_re .thumb img{width:100%; max-width:auto;}
		.vision_photo .photo_re .text{width:54.545%; margin-top:-27.5rem; padding:7rem 7.5rem; background-color: #fff; float:right; box-sizing: border-box;}
		.vision_photo .photo_re .text .title{font-weight: bold; font-size:4rem; line-height:1; color: #003976;}
		.vision_photo .photo_re .text .tit{padding-top:2rem; font-weight: bold; font-size:2.4rem; line-height:1.5; color: #222;}
		.vision_photo .photo_re .text .txt{padding-top:2rem; font-size:1.8rem; line-height:1.6; color: #666;}

		.vision_photo .photo_re:nth-child(even){}
		.vision_photo .photo_re:nth-child(even) .thumb{float:right;}
		.vision_photo .photo_re:nth-child(even) .text{float:left;}

		.visionArea .vIcon01{margin:-2.5rem 0; padding:0 2.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
		.visionArea .vIcon01>li{flex:1 1 25%; margin:2.5rem 0; text-align: center;}
		.visionArea .vIcon01 .icon{width:18.8rem; background-color: #fff; border-radius:999px; overflow:hidden; display:inline-block;}
		.visionArea .vIcon01 .title{padding-top:2rem; font-weight: bold; font-size:2rem; line-height:2.6rem; color: #222;}

		.visionArea .missionArea{}
		.visionArea .missionArea .circle{text-align: center;}
		.visionArea .missionArea .circle>li{width:40rem; height:40rem; background-color:rgba(0,57,118,0.9);border-radius:999px; overflow:hidden; display:inline-block; vertical-align: top; box-shadow:1rem 1rem 1rem rgba(0,0,0,0.1);}
		.visionArea .missionArea .circle>li dl{padding-top:14.2rem; font-weight: 500; font-size:1.8rem; line-height:2.6rem; color: #fff;}
		.visionArea .missionArea .circle>li dl>dt{font-size:2.4rem; line-height:1.2;}
		.visionArea .missionArea .circle>li dl>dd{padding-top:1.5rem;}
		.visionArea .missionArea .circle>li+li{margin-left:-2.5rem; background-color:rgba(237,23,76,0.9);}

		.visionArea .missionArea .v353{margin-top:4rem; text-align: center;}
		.visionArea .missionArea .v353 img{width:25rem; display:inline-block;}
		.visionArea .missionArea ol.nums{margin-top:5rem; counter-reset:item; display: flex; justify-content: space-around;}
		.visionArea .missionArea ol.nums>li{display: inline-block; vertical-align: middle;}
		.visionArea .missionArea ol.nums>li>p{margin-top:-0.2rem; padding-left:1.6rem; font-weight: 500; font-size:1.8rem; line-height:2.6rem; color: #222; display: inline-block; vertical-align: middle;}
		.visionArea .missionArea ol.nums>li:before {counter-increment: item; content: counter(item)"."; padding-right:1.6rem; border-right:1px solid #d2d5d8; font-weight: 600; font-size:5rem; line-height:1; color: #aaa; display: inline-block; vertical-align: middle;}
		.visionArea .missionArea ol.nums>li:nth-child(-n+9)::before {content: "0" counter(item);}

		.visionArea .vIcon03{padding:0 2.5rem; margin-bottom:-12rem; display: flex; justify-content: space-between;}
		.visionArea .vIcon03>li{flex:1 1 25%; text-align: center;}
		.visionArea .vIcon03 .icon{width:18.8rem; background-color: #f5f6f7; border-radius:999px; overflow:hidden; display:inline-block; box-shadow:1rem 1rem 1rem rgba(0,0,0,0.1);}
		.visionArea .vIcon03 .title{padding-top:2.5rem; font-weight: 500; font-size:1.8rem; line-height:1.2; color: #222;}
		.visionArea .vIcon03 .title>strong{font-weight: bold; font-size:2.2rem; color: #003976; display:block;}
		.visionArea .vIcon03 .text{padding-top:2rem; font-size:1.8rem; line-height:2.6rem; color: #666;}

		.visionArea .strategyArea{display: flex; justify-content: space-between;}
		.visionArea .strategyArea>li{flex:0 1 48.333%; text-align: center;}
		.visionArea .strategyArea>li>dl{}
		.visionArea .strategyArea>li>dl>dt{width:68.965%; height:8rem; margin:0 auto; background-color: #003976; font-weight: 500; font-size:2.2rem; line-height:1; color: #fff; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; position: relative;}
		.visionArea .strategyArea>li>dl>dd{padding-top:8rem; display: flex; justify-content: space-between;}
		.visionArea .strategyArea>li>dl>dd>dl{flex:0 1 31.034%; background-color: #f3f5f6; border:1px solid #d1d6d9; box-sizing:border-box;  position: relative;}
		.visionArea .strategyArea>li>dl>dd>dl>*{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
		.visionArea .strategyArea>li>dl>dd>dl>dt{height:9.7rem; border-bottom:1px solid #d1d6d9; font-weight: 500; font-size:1.8rem; line-height:1.4; color: #003976;}
		.visionArea .strategyArea>li>dl>dd>dl>dd{height:12rem; font-size:1.8rem; line-height:1.4; color: #666;}

		.visionArea .strategyArea>li>dl>dt:after{content: ""; width: 100%; height: 1px; background-color: #d1d6d9; display: inline-block; position:absolute; left: 0; top:calc(100% + 4.1rem); box-sizing: border-box;}
		.visionArea .strategyArea>li>dl>dt:before,
		.visionArea .strategyArea>li>dl>dd>dl:before{content: ""; width: 1px; height: 4rem; background-color: #d1d6d9; display: inline-block; position:absolute; left: 50%; top:-4rem; transform: translateX(-50%);}
		.visionArea .strategyArea>li>dl>dt:before{top:100%;}


		.visionArea .coreArea{width:100%; font-size:0; line-height:0; overflow:hidden; position: relative;}
		.visionArea .coreArea>.titGroup{width:35rem; height:35rem; padding:0; background-color: #194c83; text-align: center; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:3; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border-radius:999px; overflow:hidden;}
		.visionArea .coreArea>.titGroup>p{font-weight: 500; font-size:1.8rem; line-height:1.7; color: #fff;}
		.visionArea .coreArea>.titGroup>p>strong{font-size:2.4rem; display:block;}

		.visionArea .coreArea>ul{margin:-2rem 0 0 -2rem; display:flex; flex-wrap: wrap; justify-content: space-between;}
		.visionArea .coreArea>ul>li{flex:1 1 47%; padding:2rem 0 0 2rem; display:inline-block; vertical-align: top;}
		.visionArea .coreArea>ul>li>div{height:27.2rem; padding:5rem 4rem 5rem 15.3rem; background-color: #eff2f3; position: relative; box-sizing:border-box; overflow:hidden;}
		.visionArea .coreArea>ul>li>div .icon{position: absolute; left:4.4rem; top:5.5rem;}
		.visionArea .coreArea>ul>li>div .title{line-height:1; color: #222;}
		.visionArea .coreArea>ul>li>div .title>dt{font-weight: bold; font-size:2.4rem; }
		.visionArea .coreArea>ul>li>div .title>dd{padding-top:1.2rem; font-weight: 500; font-size:1.8rem;}
		.visionArea .coreArea>ul>li>div ul{padding-top:2.5rem; }
		.visionArea .coreArea>ul>li>div ul>li{padding:0 0 0 0.9rem; font-size:1.8rem; line-height:1.4; color: #666; position: relative; box-sizing: border-box;}
		.visionArea .coreArea>ul>li>div ul>li:before{content: ""; width: 0.2rem; height: 0.2rem; background-color: #889; display: inline-block; position:absolute; left: 0; top:1.1rem; box-sizing: border-box;}

		.visionArea .coreArea>ul>li:nth-child(even)>div{padding:5rem 15.3rem 5rem 4rem; text-align: right;}
		.visionArea .coreArea>ul>li:nth-child(even)>div .icon{left:auto; right:4.4rem;}
		.visionArea .coreArea>ul>li:nth-child(even)>div .title{}
		.visionArea .coreArea>ul>li:nth-child(even)>div ul{}
		.visionArea .coreArea>ul>li:nth-child(even)>div ul>li{padding:0 0.9rem 0 0;}
		.visionArea .coreArea>ul>li:nth-child(even)>div ul>li:before{left:auto; right:0;}


		/* 영문 */
		.visionArea.en .strategyArea>li>dl>dd>dl>dt{font-size:1.6rem;}
		.visionArea.en .strategyArea>li>dl>dd>dl>dd{font-size: 1.35rem;padding:0 5px}

		/* 베트남 */
		.visionArea.vn .strategyArea>li>dl>dd>dl>dt{font-size:1.6rem;}
		.visionArea.vn .strategyArea>li>dl>dd>dl>dd{font-size: 1.35rem;padding:0 5px}

	/* 기업소개 - LS Metal Way - CI */
		.ciArea{font-size:0; line-height:0;}
		.ciArea .img_ci01 img{height:35.2rem;}

	/* 기업소개 - LS Metal Way - 연혁 */
		.historyArea{font-size:0; line-height:0;}
		.historyArea .imgTxt{background-image:url('/images/ko/company/bg_history.jpg'); justify-content: flex-start;}

		.historyArea .historyList{padding-top:11.5rem;}
		.historyArea .historyList>.tit{padding-bottom:7.5rem; font-weight: 300; font-size:5rem; line-height:1.2; color: #222; text-align: center;}
		.historyArea .historyList>.tit>strong{font-weight: 600; color: #003976;}

		.historyArea .historyList>.list{position: relative;}
		.historyArea .historyList>.list:before{content: ""; width: 1px; background-color: #ddd; display: inline-block; position:absolute; left: 50%; top:1rem; bottom:15.4rem; transform: translateX(-50%);}
		.historyArea .historyList>.list>li{padding:0 0 10rem 50%; text-align: right; position: relative; z-index:2;}

		.historyArea .historyList .histore_re{width:100%; padding:0 6rem; text-align: left; display: flex; justify-content: space-between; box-sizing: border-box; position: relative;}
		.historyArea .historyList .histore_re:before{content: ""; width: 2.7rem; height:2.7rem; margin-left:-1.4rem; background-color:#f6f6f6; border:1px solid #efefef; display: inline-block; position:absolute; left: 0; top:0.3rem; box-sizing: border-box; border-radius:99px;}
		.historyArea .historyList .histore_re:after{content: ""; width: 1.1rem; height:1.1rem; margin-left:-0.6rem; background-color:#003976; border:none; display: inline-block; position:absolute; left: 0; top:1.1rem; box-sizing: border-box; border-radius:99px;}
		.historyArea .historyList .histore_re>.year{width:10.8rem; min-width:10.8rem; font-weight: 600; font-size:3rem; line-height:1.1; color: #003976;}
		.historyArea .historyList .histore_re>ul{width:100%;}
		.historyArea .historyList .histore_re>ul>li{padding-left:0.9rem; font-size:1.8rem; line-height:3rem; color: #666; position: relative;}
		.historyArea .historyList .histore_re>ul>li:before{content: ""; width: 0.2rem; height:0.2rem; background-color:#747474; display: inline-block; position:absolute; left: 0; top:1.5rem; box-sizing: border-box;}

		.historyArea .historyList>.list>li:nth-child(even){padding:0 50% 10rem 0; text-align: left;}
		.historyArea .historyList>.list>li:nth-child(even) .histore_re{text-align: right;}
		.historyArea .historyList>.list>li:nth-child(even) .histore_re:before{margin:0 -1.4rem 0 0; background-color: #003976; border-color:#003976; left:auto; right:0;}
		.historyArea .historyList>.list>li:nth-child(even) .histore_re:after{margin:0 -0.6rem 0 0; left:auto; right:0;}

		.historyArea .historyList>.list>li:nth-child(even) .histore_re>.year{order:2;}
		.historyArea .historyList>.list>li:nth-child(even) .histore_re>ul{order: 1;}

		.historyArea .historyList>.list>li:nth-child(even) .histore_re>ul>li{padding:0 0.9rem 0 0;}
		.historyArea .historyList>.list>li:nth-child(even) .histore_re>ul>li:before{left:auto; right:0;}

	/* 기업소개 - LS Metal Way - 사업장 */
		.placeArea{font-size:0; line-height:0;}
		.placeArea .place_re{font-size:0; line-height:0; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
		.placeArea .place_re+.place_re{margin-top:10rem;}
		.placeArea .place_re .photo{width:41.5%;}
		.placeArea .place_re .text{width:50%;}
		.placeArea .place_re .option{width:100%; font-size:1.8rem; line-height:3.2rem; color: #666; display:table; table-layout: fixed;}
		.placeArea .place_re .option>*{text-align: left; display:table-cell; vertical-align: top;}
		.placeArea .place_re .option>dt{width:4.5rem; white-space: nowrap;}
		.placeArea .place_re .btns{padding-top:3rem;}
		.placeArea .place_re .btns>a{width:20rem; height:5.6rem; background-color: #fff; border:1px solid #222; font-weight: 500; font-size:1.6rem; line-height:1.2; color: #222; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; box-sizing:border-box;}

		/* 영문 */
		.placeArea.en .place_re .option>dt{width: 8.25rem;}
		.placeArea.vn .place_re .option>dt{width: 8.25rem;}

	/* 사업소개 - 메인 */
		.business_index{width:100vw; margin:4rem 0 -14rem -50vw; padding:0; font-size:0; line-height:0; text-align: center; position: relative; left:50%; box-sizing: border-box;}
		.business_index .in_re{height:96rem; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-end; justify-content: flex-start;}
		.business_index .in_re *{color: #fff;}
		.business_index .in_re .tit{font-weight: bold; font-size:4.5rem; line-height:1.2;}
		.business_index .in_re .txt{padding-top:3rem; font-weight: 500; font-size:2.1rem; line-height:3.4rem;}
		.business_index .in_re .btn{padding-top:6.5rem;}
		.business_index .in_re .btn>a{padding:0 1.6rem; border:1px solid #fff; font-weight: 500; font-size:1.7rem; line-height:4.2rem; display:inline-block;}
		.business_index .in_re.top{padding-bottom:15rem; background-image:url('/images/ko/business/bg_business01.jpg'); text-align: left;}
		.business_index .in_re.btm{background-image:url('/images/ko/business/bg_business02.jpg'); text-align: right; align-items: center; justify-content: flex-end;}

	/* 사업소개 - 제품 */
		.businessArea{font-size:0; line-height:0;}
		.businessArea .businessTop{display: flex; flex-wrap: wrap; justify-content: space-between;}
		.businessArea .businessTop .photo{width:45%;}
		.businessArea .businessTop .photo img{height:42rem;}
		.businessArea .businessTop .textArea{width:48.3333%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between;}

		.businessArea .businessTop .textArea>*{flex:1 1 100%;}
		.businessArea .businessTop .textArea>div{margin-top:5rem; align-self: flex-end;}
		.businessArea .businessTop .textArea .title{align-self: flex-start;}
		.businessArea .businessTop .textArea .title>dt{padding-bottom:2rem; border-bottom:1px solid #e2e2e2; font-weight: bold; font-size:2.8rem; line-height:1.2; color: #222;}
		.businessArea .businessTop .textArea .title>dd{padding-top:2rem; font-size:1.7rem; line-height:1.6; color: #666; box-sizing: border-box;}
		.businessArea .businessTop .textArea .title>dd>ul{}
		.businessArea .businessTop .textArea .title>dd>ul>li{padding-left:0.9rem; position: relative;}
		.businessArea .businessTop .textArea .title>dd>ul>li:before{content: ""; width: 0.2rem; height:0.2rem; background-color:#808080; display: inline-block; position:absolute; left: 0; top:1.3rem; box-sizing: border-box;}

		.businessArea .businessTop .textArea .option{}
		.businessArea .businessTop .textArea .option>dt{padding-bottom:1.5rem; font-weight: bold; font-size:2rem; line-height:1.2; color: #222; display:none;}
		.businessArea .businessTop .textArea .option>dd{margin-top:-1.4rem;}
		.businessArea .businessTop .textArea .option>dd img{width:7.4rem; margin:1.4rem 0.4rem 0 0; vertical-align: top;}

		/* 영문,베트남 */
		.businessArea.en .businessTop .textArea .option>dd img{width:9.3rem;}
		.businessArea.vn .businessTop .textArea .option>dd img{margin: 1.4rem 1.4rem 0 0;}

		.businessArea .businessTop .textArea .down{margin-top:4rem; display: flex; justify-content: space-between; }
		.businessArea .businessTop .textArea .down>a{flex:1 1 48.275%; padding:1.8rem 1rem; border:1px solid #ddd; font-size:1.7rem; line-height:1.2; color: #666; text-align: center; box-sizing: border-box;}
		.businessArea .businessTop .textArea .down>a>span{padding-right:3.4rem; background:url('/images/ko/business/icon_down.png') no-repeat right center; background-size:2.1rem; display:inline-block;}
		.businessArea .businessTop .textArea .down>a+a{margin-left:1rem;}

		.businessArea .partArea{margin-top:1.5rem; display: flex; justify-content: space-between; }
		.businessArea .partArea>dl{flex:1 1 33.333%; padding-top:3rem; border-top:3px solid #222; box-sizing: border-box;}
		.businessArea .partArea>dl>dt{font-weight: bold; font-size:2rem; line-height:1.2; color: #222;}
		.businessArea .partArea>dl>dd{padding-top:2rem;}
		.businessArea .partArea>dl>dd>p{padding-left:3.1rem; background-repeat: no-repeat; background-position: left center; font-size:1.7rem; line-height:2.2rem; color: #666;}
		.businessArea .partArea>dl>dd>p+p{margin-top:0.8rem;}
		.businessArea .partArea>dl>dd>p.tel{background-size: 2.2rem; background-image:url('/images/ko/business/icon_tel.png')}
		.businessArea .partArea>dl>dd>p.fax{background-size: 2.1rem; background-image:url('/images/ko/business/icon_fax.png')}
		.businessArea .partArea>dl+dl{margin-left:4.5rem;}

	/* 사업소개 - 인증현황 */
		.certification_list{margin-top:1.5rem;  border-left:1px solid #e2e2e2; font-size:0; line-height:0; display: flex; flex-wrap: wrap; justify-content: flex-start;}
		.certification_list>li{min-width:23.7rem; margin-bottom:-1px; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; box-sizing:border-box; flex:0 1 25%;}
		.certification_list .photo{padding:1.9rem 1.8rem; text-align: center; cursor: pointer;}
		.certification_list .photo img{height:35.4rem;}
		.certification_list .text{min-height:11rem; padding:1rem; background-color: #fbfbfb; border-top:1px solid #e2e2e2; text-align: center; box-sizing:border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
		.certification_list .text dt{font-size:1.7rem; line-height:1.2; color: #222;}
		.certification_list .text dd{padding-top:1rem;}
		.certification_list .text dd>a{width:16rem; background-color: #003976; font-weight: 500; font-size:1.6rem; line-height:4.2rem; color: #fff; border-radius:99px; display:block;}
		.certification_list .text dd>a>span{padding-right:3rem; background: url("/images/icon_down_w.png") no-repeat right center; background-size:1.9rem; display:inline-block; vertical-align: top;}

		.certification_list.two{margin-top:15rem;}
		.certification_list.two>li{position: relative;}
		.certification_list.two>li h4.txt{position: absolute; left:0; top:-5.8rem;}

	/* 고객지원 - 담당자 정보 */
		.personTop{padding:6.5rem 5rem; background-color: #f4f7fa; font-size:0; line-height:0; position: relative; display: flex; justify-content: space-between;}
		.personTop .tel{font-weight: bold; font-size:2.8rem; line-height:3.5rem; color: #222; white-space: nowrap;}
		.personTop .tel>strong{padding-left:1.2rem; font-size:3.5rem; line-height:1; color: #003976; display:inline-block; vertical-align: top;}
		.personTop dl{display:table; table-layout: fixed;}
		.personTop dl+dl{}
		.personTop dl>*{font-weight: 300; font-size:1.7rem; line-height:2.5rem; color: #222; display:table-cell; vertical-align:top;}
		.personTop dl>dt{width:5.1rem; font-weight: 400;}
		.personTop dl>dd{}

		/* 영문,베트남 */
		.personTop.vn,
		.personTop.en{display: block;}
		.personTop.vn dl>dt,
		.personTop.en dl>dt{width:8.5rem}
		.personTop.vn dl,
		.personTop.en dl{margin-top:20px}

	/* ETC - 장애인 웹접근성 문의 */
		.accessibilityBox{max-width:84rem; margin:0 auto; font-size:0; line-height:0; display: flex; justify-content: space-between;}
		.accessibilityBox>dl{width:47.62%; border:1px solid #e2e2e2; box-sizing: border-box;}
		.accessibilityBox>dl>dt{padding:2.1rem 2.9rem; background-color: #f4f7fa; font-weight: bold; font-size:1.9rem; line-height:1.2; color: #222;}
		.accessibilityBox>dl>dd{padding:3.1rem 2.9rem 1.7rem; border-top:1px solid #e2e2e2;}
		.accessibilityBox>dl>dd>dl{width:100%; font-weight: 300; font-size:1.7rem; line-height:1.2; color: #222; display:table; table-layout: fixed;}
		.accessibilityBox>dl>dd>dl>*{display:table-cell; vertical-align: top;}
		.accessibilityBox>dl>dd>dl>dt{width:6.1rem; font-weight: 400; text-align: justify;}
		.accessibilityBox>dl>dd>dl>dt:after{width:100%; content:""; display:inline-block;}
		.accessibilityBox>dl>dd>dl>dd{padding-left:2.9rem;}
		.accessibilityBox>dl>dd>dl>dd:after{width:100%; position: relative; top:-2rem; content:""; display:inline-block;}

	/* 복리후생 */
		.welfareArea{font-size:0; line-height:0;}
		.welfareArea .pTitle{font-weight: bold; font-size:2.8rem; line-height:1.2; color: #003976; text-align: center;}
		.welfareArea .welfare_list{margin-top:-1rem;}
		.welfareArea .welfare_list>li{width:50%; padding:5.5rem 1rem 0 0; display:inline-block; vertical-align: top; box-sizing: border-box;}
		.welfareArea .welfare_list>li>dl{min-height:12rem; padding-left:14.8rem; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; align-content:center}
		.welfareArea .welfare_list>li>dl:before{content: ""; width: 12rem; height: 12rem; background-color: #003976; background-repeat:no-repeat; background-position: center center; background-size: cover; display: block; position:absolute; left: 0; top:0px; box-sizing: border-box; border-radius:99px;}
		.welfareArea .welfare_list>li>dl>dt{flex-basis:100%; padding-bottom:1rem; font-weight: bold; font-size:2.4rem; line-height:1.2; color: #222;}
		.welfareArea .welfare_list>li>dl>dd{flex-basis:100%; padding-left:1rem; font-size:1.8rem; line-height:2.6rem; color: #666; position: relative;}
		.welfareArea .welfare_list>li>dl>dd:before{content: ""; width: 0.2rem; height: 0.2rem; background-color: #747474; display: block; position:absolute; left: 0; top:1.3rem;}
		.welfareArea .welfare_list>li>dl.icon01:before{background-image:url('/images/ko/talent/icon_welfare_01.png');}
		.welfareArea .welfare_list>li>dl.icon02:before{background-image:url('/images/ko/talent/icon_welfare_02.png');}
		.welfareArea .welfare_list>li>dl.icon03:before{background-image:url('/images/ko/talent/icon_welfare_03.png');}
		.welfareArea .welfare_list>li>dl.icon04:before{background-image:url('/images/ko/talent/icon_welfare_04.png');}
		.welfareArea .welfare_list>li>dl.icon05:before{background-image:url('/images/ko/talent/icon_welfare_05.png');}
		.welfareArea .welfare_list>li>dl.icon06:before{background-image:url('/images/ko/talent/icon_welfare_06.png');}
		.welfareArea .welfare_list>li>dl.icon07:before{background-image:url('/images/ko/talent/icon_welfare_07.png');}
		.welfareArea .welfare_list>li>dl.icon08:before{background-image:url('/images/ko/talent/icon_welfare_08.png');}

        /* 품질경영 */
        .quality{}
        .quality_tit{font-size: 2.2rem;font-weight:bold;line-height: 2;color: #222;text-align: left;padding: 2rem 1.9rem 5.5rem;font-weight: 400;width: 100%;max-width: 1110px;word-break: break-all !important;box-sizing: border-box;}
        
        .quality .list_Box{padding: 3rem 2rem;background: #ccc;box-sizing: border-box;width: 100%;max-width: 1090px;}
        .quality .list_Box ul li{position: relative;font-size: 2.2rem;line-height: 1.6;color: #555;/* padding: 0 0 0 15px; */}
        .quality .list_Box ul li + li{display: block;;margin: 0.75rem 0 0 0;}

        .wrpa_quality{background-color: #f5f6f7;padding: 0 2.5rem 0 ;}
        .wrpa_quality .quality{max-width: 1200px;margin: 0 auto;padding: 10rem 0 12rem;}

/*[e] Sub Style */

/*[s] Plugin Style */
	/* Layer Style */
		.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}

		.layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}
		.layerArea.one,
		.layerArea.two{width:100%; height:100%; left:0%; top:0%;}
		.layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
		.layerArea .closeLy{display:inline-block; position: absolute; right:-7.5rem; top:0;}
		.layerArea .closeLy img{width:5.3rem;}
		.layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
		.layerArea .layerIn .layerCell{width:100%; height:100%; padding:7rem 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
		.layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99;}
		.layerArea .layerIn .layerBox>.tit{padding:2.5rem 1.5rem 1.5rem; font-weight: bold; font-size:2.5rem; line-height:1.2; color:#003976;}
		.layerArea .layerIn .layerBox .contLy{}

		.galleryLay{width:600px; background-color: transparent !important;  border:1px solid #003976;}
		.galleryLay .contLy{padding:0px; font-size:0; line-height:0; text-align: center;}
		.galleryLay .galleryImg{}

	/* Img Over Bg Style */
		#photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
		#photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
		#photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
		#photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
		#photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

	/* Notice One Line Style */
		.mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;}
		.mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;}
		.mNoticeList>ul>li{height:60px; position: relative;}
		.mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;}
		.mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
		.mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
		.mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
		.mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */

@media only screen and (max-width : 1240px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:1200px;}

	/* 2021-04-19 활성화
	#mVisualBtm .rightQuick>a{transition: all .3s ease-out; transform-origin: 50% 50%;}
	#mVisualBtm .rightQuick a:hover{background-color: #ebf7f0;}
	#mVisualBtm .rightQuick a:hover .title{padding-bottom:10px; order: 2;}
	#mVisualBtm .rightQuick a:hover .icon{flex-basis:135px; order: 1;}
	#mVisualBtm .rightQuick a:hover .text{order: 3;}
	*/
}
@media only screen and (max-width : 1200px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:1200px;}
	.wrpa_quality .quality_tit .pc{display: none;}


@media only screen and (max-width : 1024px){
	/*[s] All Style */
		.depthBusiness{flex-wrap: wrap;}
		.depthBusiness>a{flex:1 1 33.333%;}
	/*[e] All Style */

	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Sub Style */
		/* 기업소개 - LS Metal Way - VISION */
			.vision_photo .photo_re{padding:0;}
			.vision_photo .photo_re .thumb,
			.vision_photo .photo_re .text{width:100%; margin:0; padding:0; float:none;}
			.vision_photo .photo_re .text{padding-top:5rem;}

			.visionArea .vIcon01>li{flex:1 1 50%;}

			.visionArea .missionArea ol.nums{display: block;}
			.visionArea .missionArea ol.nums>li{display: block;}
			.visionArea .missionArea ol.nums>li+li{margin-top:3rem;}
			.visionArea .missionArea ol.nums>li:before{width:6.5rem; padding-right:none;}

			.visionArea .strategyArea{display: block;}
			.visionArea .strategyArea>li+li{margin-top:7rem;}

			.visionArea .coreArea{}
			.visionArea .coreArea:before{content: ""; width: 1px; background-color: #ddd; display: inline-block; position:absolute; left: 50%; top:1rem; bottom:1rem; transform: translateX(-50%);}
			.visionArea .coreArea>.titGroup{margin:0 auto; position: relative; left:0; top:0; transform: translate(0, 0);}

			.visionArea .coreArea>ul{margin:3rem 0 0 0; display:block;}
			.visionArea .coreArea>ul>li{padding:4rem 0 0 0; display:block;}
			.visionArea .coreArea>ul>li>div{height:auto; padding:5rem 4rem 5rem 15.3rem !important; text-align: left !important;}
			.visionArea .coreArea>ul>li>div .icon{left:4.4rem; top:5.5rem;}

			.visionArea .coreArea>ul>li:nth-child(even)>div{padding:5rem 4rem 5rem 15.3rem; text-align: left;}
			.visionArea .coreArea>ul>li:nth-child(even)>div .icon{left:4.4rem; right:auto;}
			.visionArea .coreArea>ul>li:nth-child(even)>div ul>li{padding:0 0 0 0.9rem;}
			.visionArea .coreArea>ul>li:nth-child(even)>div ul>li:before{left:0; right:auto;}

		/* 기업소개 - LS Metal Way - 연혁 */
			.historyArea .historyList>.list{position: relative;}
			.historyArea .historyList>.list:before{left: 1.3rem; transform: translateX(0);}
			.historyArea .historyList>.list>li{padding:0 0 10rem 0; text-align: left;}

			.historyArea .historyList .histore_re{}
			.historyArea .historyList .histore_re:before{margin-left:0;}
			.historyArea .historyList .histore_re:after{margin-left:0.8rem;}
			.historyArea .historyList .histore_re>.year{width:10.8rem; min-width:10.8rem; font-weight: 600; font-size:3rem; line-height:1.1; color: #003976;}
			.historyArea .historyList .histore_re>ul{width:100%;}
			.historyArea .historyList .histore_re>ul>li{padding-left:0.9rem; font-size:1.8rem; line-height:3rem; color: #666; position: relative;}
			.historyArea .historyList .histore_re>ul>li:before{content: ""; width: 0.2rem; height:0.2rem; background-color:#747474; display: inline-block; position:absolute; left: 0; top:1.5rem; box-sizing: border-box;}

			.historyArea .historyList>.list>li:nth-child(even){padding:0 0 10rem 0;}
			.historyArea .historyList>.list>li:nth-child(even) .histore_re{text-align: left;}
			.historyArea .historyList>.list>li:nth-child(even) .histore_re:before{margin:0 0 0 0; left:0; right:auto;}
			.historyArea .historyList>.list>li:nth-child(even) .histore_re:after{margin:0 0 0 0.8rem; left:0; right:auto;}

			.historyArea .historyList>.list>li:nth-child(even) .histore_re>.year{order:1;}
			.historyArea .historyList>.list>li:nth-child(even) .histore_re>ul{order: 2;}

			.historyArea .historyList>.list>li:nth-child(even) .histore_re>ul>li{padding:0 0 0 0.9rem;}
			.historyArea .historyList>.list>li:nth-child(even) .histore_re>ul>li:before{left:0; right:auto;}

		/* 기업소개 - LS Metal Way - 사업장 */
			.placeArea .place_re{display:block;}
			.placeArea .place_re .photo{width:100%; height:40rem;}
			.placeArea .place_re .text{width:100%; margin-top:4rem;}

		/* 사업소개 - 제품 */
			.businessArea{}
			.businessArea .businessTop{}
			.businessArea .businessTop .photo{width:100%;}
			.businessArea .businessTop .photo img{width:100%; height:45.1rem;}
			.businessArea .businessTop .textArea{width:100%; margin-top:5rem;}

		/* 사업소개 - 인증현황 */
			.certification_list>li{flex:0 1 50%;}
			.certification_list .photo img{height:auto;}

		/* 고객지원 - 담당자 정보 */
			.personTop{flex-wrap: wrap;}
			.personTop .tel{flex:1 1 100%;}
			.personTop dl{margin-top:3rem; flex:1 1 100%;}
			.personTop dl+dl{margin-top:1rem;}

		/* 복리후생 */
			.welfareArea .welfare_list>li{width:100%; padding:5.5rem 0 0 0; display:block;}
	/*[e] Sub Style */

	.layerArea .closeLy{right:0; top:-7.5rem;}
	.galleryLay{width:80%;}
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.nTable{}
		.nTable>table{}
		.nTable>table th,
		.nTable>table td{height:7rem; font-size:2rem;}

		.nTable>table>thead>tr>th{font-size:2.2rem;}
		.nTable>table>tfoot>tr>th{font-size:2.2rem;}

		.nTable>table .tit{}

		.nTable.list>table th,
		.nTable.list>table td{padding:1.5rem 1rem;}

		.nTable +.nTable{margin-top:4rem;}

		.depthThree>a{padding:1rem 2.2rem 1rem 2.3rem;}
		.depthBusiness>a{min-height:7rem; flex:1 1 50%; font-size:2.2rem;}

		h4.txt{padding-bottom:2rem; font-size:3.6rem;}
		*+h4.txt{margin-top:10rem;}
		.hTxt{padding-bottom:4.5rem; font-size:2.4rem; line-height:3.4rem;}
		.hTxt.right{padding-right:0;}
		.hTxt.right .mapGo{width:21rem; top:-7rem;}

		h5.line{margin-top:6rem; padding:0 0 3rem 1.3rem; font-weight: bold; font-size:3rem; line-height:1.2; color: #222; text-align: left; position: relative;}
		h5.line:before{content: ""; width: 0.5rem; height: 2rem; background-color: #222; display: block; position:absolute; left:0; top:0.2rem;}
		.hTxt + h5.line{margin-top:2.5rem;}
	/*[e] All Style */

	/*[s] Main Style */
		.mScroll>span{font-size:1.8rem;}
		#fullpage .fp-tableCell{padding-top:0;}
		#fullpage div.mTit{font-size:3.4rem; line-height:5.6rem;}
		#fullpage dl.mTit{padding-bottom:5.5rem;}
		#fullpage dl.mTit>dt{font-size:5rem;}
		#fullpage dl.mTit>dd{padding-top:3rem; font-size:2.6rem; line-height:3.6rem;}
		#fullpage .mLink>a+a{margin-left:4.5rem;}
		#fullpage .mLink>a .icon{width:10.1rem;}
		#fullpage .mLink>a .tit{}
	/*[e] Main Style */

	/*[s] Sub Style */
		.hGroup{font-size:2.4rem;}
		.hGroup>div{font-size:2.8rem;}

		.imgTxt{padding:3rem;}
		.imgTxt>dl{font-size:2.2rem;}
		.imgTxt>dl>dt{font-size:3.4rem;}

		/* 기업소개 - 인사말 */
			.greetingArea{}
			.greetingArea .imgTxt{min-height:37rem; padding:3rem; background-position: 77% center; justify-content: flex-start;}
			.greetingArea .imgTxt>dl{font-size:2.2rem; text-align: left;}
			.greetingArea .imgTxt>dl>dt{font-size:4.5rem;}

			.greetingArea .greetingText{}
			.greetingArea .greetingText .tit{font-size:2.2rem;}
			.greetingArea .greetingText .txt{font-size:2rem;}
			.greetingArea .greetingText .text{font-size:3rem;}

			.greetingArea .name{font-size:2.2rem;}

		/* 기업소개 - 경영철학 - LSpartnership */
			.lspartnershipArea .img img{}
			.lspartnershipArea.ethics .txt{font-size:2.4rem;}
			.lspartnershipArea.ethics .hGroup{padding-bottom:4.5rem;}

			.ethicsNew .btns{width:100%;}
			.ethicsNew .btns>a{font-size:2.2rem;}
			.ethicsNew .btns>a>span{padding-right:4.4rem; background-size:3.1rem}

		/* 기업소개 - LS Metal Way - VISION */
			.visionArea .vTitle{font-size:2.4rem; line-height:3.6rem;}
			.vision_photo .photo_re .text .title{}
			.vision_photo .photo_re .text .tit{font-size:2.6rem;}
			.vision_photo .photo_re .text .txt{font-size:2.2rem;}
			.visionArea .vIcon01 .title{font-size:2.4rem; line-height:3rem;}

			.visionArea .missionArea .circle{text-align: center;}
			.visionArea .missionArea .circle>li{width:32rem; height:32rem;}
			.visionArea .missionArea .circle>li dl{padding-top:10.5rem; font-weight: 500; font-size:2rem; line-height:2.6rem;}
			.visionArea .missionArea .circle>li dl>dt{font-size:2.4rem;}
			.visionArea .missionArea .circle>li dl>dd{padding-top:1.5rem;}
			.visionArea .missionArea .circle>li+li{margin-left:-2.5rem; background-color:rgba(237,23,76,0.9);}
			.visionArea .missionArea ol.nums>li>p{font-size:2.4rem; line-height:3.2rem;}

			.visionArea .vIcon03{display:block;}
			.visionArea .vIcon03>li{}
			.visionArea .vIcon03>li+li{padding-top:7rem;}
			.visionArea .vIcon03 .icon{}
			.visionArea .vIcon03 .title{padding-top:2.5rem; font-weight: 500; font-size:2.4rem; line-height:1.2; color: #222;}
			.visionArea .vIcon03 .title>strong{font-weight: bold; font-size:2.8rem; color: #003976; display:block;}
			.visionArea .vIcon03 .text{padding-top:2rem; font-size:2.2rem; line-height:3rem; color: #666;}

			.visionArea .strategyArea>li>dl>dt{height:9rem; font-size:2.6rem;}
			.visionArea .strategyArea>li>dl>dd>dl>dt{height:10.7rem; font-size:2.2rem;}
			.visionArea .strategyArea>li>dl>dd>dl>dd{height:13rem; font-size:2rem;}

			.visionArea .coreArea{}
			.visionArea .coreArea>.titGroup{}
			.visionArea .coreArea>.titGroup>p{font-size:2.4rem; line-height:1.4;}
			.visionArea .coreArea>.titGroup>p>strong{font-size:3.6rem;}

			.visionArea .coreArea>ul{}
			.visionArea .coreArea>ul>li{}
			.visionArea .coreArea>ul>li>div{padding-left:20rem !important;}
			.visionArea .coreArea>ul>li>div .icon{}
			.visionArea .coreArea>ul>li>div .icon01 img{width:12.1rem;}
			.visionArea .coreArea>ul>li>div .icon02 img{width:10.2rem;}
			.visionArea .coreArea>ul>li>div .icon03 img{width:10.2rem;}
			.visionArea .coreArea>ul>li>div .icon04 img{width:10.2rem;}
			.visionArea .coreArea>ul>li>div .title{}
			.visionArea .coreArea>ul>li>div .title>dt{font-size:3rem; display:inline-block; vertical-align: middle;}
			.visionArea .coreArea>ul>li>div .title>dd{padding:0 0 0 1.5rem; font-size:2.4rem; display:inline-block; vertical-align: middle;}
			.visionArea .coreArea>ul>li>div ul{}
			.visionArea .coreArea>ul>li>div ul>li{font-size:2.4rem;}
			.visionArea .coreArea>ul>li>div ul>li:before{width: 0.3rem; height: 0.3rem; top:1.4rem; box-sizing: border-box;}

		/* 기업소개 - LS Metal Way - 연혁 */
			.historyArea{}
			.historyArea .historyList .histore_re{display:block;}
			.historyArea .historyList .histore_re>.year{width:auto; min-width:auto; padding-bottom:1.5rem;}
			.historyArea .historyList .histore_re>ul{}
			.historyArea .historyList .histore_re>ul>li{padding-left:1.25rem; font-size:2.2rem; line-height:1.7;}
			.historyArea .historyList .histore_re>ul>li:before{width: 0.3rem; height:0.3rem; top:1.9rem;}

		/* 기업소개 - LS Metal Way - 사업장 */
			.placeArea .place_re{display:block;}
			.placeArea .place_re .photo{width:100%; height:40rem;}
			.placeArea .place_re .text{width:100%;}

			.placeArea .place_re .option{font-size:2.2rem; line-height:3.4rem;}
			.placeArea .place_re .option>dt{width:5.5rem;}
			.placeArea .place_re .btns{padding-top:3rem;}
			.placeArea .place_re .btns>a{width:100%; height:6rem; font-size:2rem;}

            .placeArea.en .place_re .option>dt{    width: 10.25rem;}

		/* 사업소개 - 메인 */
			.business_index .in_re .txt{padding-top:2.5rem; font-weight: 500; font-size:2.2rem;}
			.business_index .in_re .btn{padding-top:6rem;}
			.business_index .in_re .btn>a{padding:0 2.5rem; font-size:2rem; line-height:5.2rem;}

		/* 사업소개 - 제품 */
			.businessArea .businessTop .textArea .title{}
			.businessArea .businessTop .textArea .title>dt{font-size:3.2rem;}
			.businessArea .businessTop .textArea .title>dd{font-size:2.4rem;}

			.businessArea .businessTop .textArea .option>dt{font-size:2.6rem;}
			.businessArea .businessTop .textArea .option>dd{}
			.businessArea .businessTop .textArea .option>dd img{width:9rem;}

            /* 영문,베트남 */
            .businessArea.en .businessTop .textArea .option>dd img,
            .businessArea.vn .businessTop .textArea .option>dd img{width:10rem;}


			.businessArea .businessTop .textArea .down{}
			.businessArea .businessTop .textArea .down>a{font-size:2.2rem; line-height:1.2;}
			.businessArea .businessTop .textArea .down>a>span{padding-right:4.4rem; background-size:3.1rem;}

			.businessArea .partArea{border-bottom:1px solid #ddd; flex-wrap: wrap;}
			.businessArea .partArea>dl{flex:1 1 100%; padding:4rem 2rem;}
			.businessArea .partArea>dl>dt{font-size:2.6rem;}
			.businessArea .partArea>dl>dd{padding-top:2rem;}
			.businessArea .partArea>dl>dd>p{font-size:2.4rem; line-height:2.4rem;}
			.businessArea .partArea>dl>dd>p+p{margin-top:1.4rem;}
			.businessArea .partArea>dl+dl{margin-left:0; border-top:1px solid #ddd;}

		/* 사업소개 - 인증현황 */
			.certification_list .photo img{height:43.4rem;}
			.certification_list .text{min-height:14rem;}
			.certification_list .text dt{font-size:2.2rem;}
			.certification_list .text dd{padding-top:1.5rem;}
			.certification_list .text dd>a{width:20rem; font-size:2rem; line-height:4.2rem;}

		/* 고객지원 - 담당자 정보 */
			.personTop .tel{font-size:3rem; line-height:3.8rem;}
			.personTop .tel>strong{font-size:3.8rem;}
			.personTop dl+dl{margin-top:1.5rem;}
			.personTop dl>*{font-size:2.4rem; line-height:3.4rem;}
			.personTop dl>dt{width:6rem;}

			.personTop.en .tel>strong{margin-top: 20px; display: block;}

		/* ETC - 장애인 웹접근성 문의 */
			.accessibilityBox{display:block;}
			.accessibilityBox>dl{width:100%;}
			.accessibilityBox>dl+dl{margin-top:3rem;}
			.accessibilityBox>dl>dt{font-size:2.4rem;}
			.accessibilityBox>dl>dd>dl{height:4.2rem; font-size:2rem;}
			.accessibilityBox>dl>dd>dl>dt{width:7.2rem;}
			.accessibilityBox>dl>dd>dl>dd{padding-left:2.9rem;}

		/* 복리후생 */
			.welfareArea .welfare_list>li>dl{}
			.welfareArea .welfare_list>li>dl:before{}
			.welfareArea .welfare_list>li>dl>dt{padding-bottom:1rem; font-size:2.6rem;}
			.welfareArea .welfare_list>li>dl>dd{padding-left:1.3rem; font-size:2.2rem; line-height:3.2rem;}
			.welfareArea .welfare_list>li>dl>dd:before{width: 0.3rem; height: 0.3rem; top:1.5rem;}

            /* 품질경영 */
            .quality{}
            .quality .pc{display: none;}
            .wrpa_quality{}
            .wrpa_quality .quality{padding: 10rem 0 12rem;}

	/*[e] Sub Style */





}

/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요


display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end​

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/