/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';
@import 'style.css';

.sub0202 {background:url("../_img/sub/sv_chemistry.jpg") no-repeat center center / cover !important;}
.sub0203 {background:url("../_img/sub/sv_sheet.jpg") no-repeat center center / cover !important;}
.sub0204 {background:url("../_img/sub/sv_uv.jpg") no-repeat center center / cover !important;}

#sub_wrap {
	box-sizing:border-box;
	padding:8rem 0 12rem;
}
#sub_wrap .s-tit {
	font-size:4rem;
	font-weight:700;
	text-align:center;
}
@media (max-width: 991.98px) {
	#sub_wrap {
		padding:6rem 0 8rem;
		overflow:hidden;
	}
	#sub_wrap .s-tit {
		font-size:2.4rem;
	}
}

.sub-wrap h2.tit {
	font-size:2.8rem;
	font-weight:700;
	position:relative;
}
.sub-wrap h2.tit > span {
	display:inline-block;
	position:relative;
	margin-right:4rem;
}
.sub-wrap h2.tit > span:after {
	content:"";
	position:absolute;
	width:1rem;
	height:1rem;
	border-radius:100%;
	background:var(--main);
	right:-1.5rem;
	top:0;
}
.sub-wrap h2.tit > .desc {
	display:inline-block;
	position:relative;
	top:-5px;
	box-sizing:border-box;
	padding:0.6rem 2rem;
	border:1px solid var(--main);
	font-size:1.6rem;
	font-weight:500;
	color:var(--main);
}
@media (max-width: 1199.98px) {
	.sub-wrap h2.tit {
		font-size:3.2rem;
	}
	.sub-wrap h2.tit > span {
		margin-right:3rem;
	}
}
@media (max-width: 991.98px) {
	.sub-wrap h2.tit {
		font-size:2rem;
	}
	.sub-wrap h2.tit > span:after {
		width:0.6rem;
		height:0.6rem;
		right:-1.2rem;
	}
	.sub-wrap h2.tit > .desc {
		top:0;
		padding:0.6rem 1.5rem;
		font-size:1.4rem;
		margin-top:1rem;
	}
}

.sub-wrap h3.tit {
	font-size:2rem;
	font-weight:600;
	position:relative;
	padding-left:2rem;
}
.sub-wrap h3.tit:before {
	content:"";
	position:absolute;
	left:0;
	top:1rem;
	width:1rem;
	height:1rem;
	box-sizing:border-box;
	border:3px solid var(--main);
	border-radius:50%;
}
@media (max-width: 991.98px) {
	.sub-wrap h3.tit {
		font-size:1.8rem;
		padding-left:1.6rem;
	}
	.sub-wrap h3.tit:before {
		top:0.4rem;
		border:2px solid var(--main);
	}
}

/* 회사소개 */
.intro-wrap .sec01 {
	margin-top:6rem;
}
.intro-wrap .sec01 .inner {
	position:relative;
	height:auto;
}
.intro-wrap .sec01 .inner .txt {
	text-align:center;
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	box-sizing:border-box;
	padding:0 4rem;
}
.intro-wrap .sec01 .inner .txt .tit {
	font-size:3.6rem;
	font-weight:600;
}
.intro-wrap .sec01 .inner .txt p {
	font-size:2.2rem;
	font-weight:300;
	margin-top:2rem;
}
@media (max-width: 991.98px) {
	.intro-wrap .sec01 {
		margin-top:3rem;
	}
	.intro-wrap .sec01 .inner .txt {
		padding:0 2rem;
	}
	.intro-wrap .sec01 .inner .txt .tit {
		font-size:2rem;
	}
	.intro-wrap .sec01 .inner .txt p {
		font-size:1.6rem;
		margin-top:1rem;
	}
}

.intro-wrap .sec02 {
	padding-top:8rem;
}
.intro-wrap .sec02 .row {
	margin-top:3rem;
}
.intro-wrap .sec02 .row > div[class^='col-'] > .txt {
	margin-top:2rem;
}
.intro-wrap .sec02 .row > div[class^='col-'] > .txt > span {
	font-size:1.6rem;
	font-weight:600;
	color:var(--main);
}
.intro-wrap .sec02 .row > div[class^='col-'] > .txt > p {
	font-size:2.4rem;
	font-weight:800;
}

@media (max-width: 991.98px) {
	.intro-wrap .sec02 {
		padding-top:6rem;
	}
	.intro-wrap .sec02 .row {
		margin-top:2rem;
	}
	.intro-wrap .sec02 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.intro-wrap .sec02 .row > div[class^='col-'] > .txt {
		margin-top:1rem;
	}
	.intro-wrap .sec02 .row > div[class^='col-'] > .txt > span {
		font-size:1.4rem;
	}
	.intro-wrap .sec02 .row > div[class^='col-'] > .txt > p {
		font-size:2.2rem;
	}
}


.intro-wrap .sec03 {
	padding-top:8rem;
}
.intro-wrap .sec03 .row {
	margin-top:3rem;
	align-items:center;
}
.intro-wrap .sec03 .row > div[class^='col-'] .box {
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	padding:12rem 4rem;
	background:#fbfbfb;
	border:1px solid #eee;
}
.intro-wrap .sec03 .row > div[class^='col-']:nth-of-type(2){
	padding:0 4rem 0 7rem;
}
.intro-wrap .sec03 .row > div[class^='col-'] p {
	font-size:1.8rem;
	line-height:1.6;
	margin-top:5rem;
}
.intro-wrap .sec03 .row > div[class^='col-'] p > b {
	color:var(--main);
}

@media (max-width: 991.98px) {
	.intro-wrap .sec03 {
		padding-top:6rem;
	}
	.intro-wrap .sec03 .row {
		margin-top:2rem;
	}
	.intro-wrap .sec03 .row > div[class^='col-'] .box {
		padding:6rem 2rem;
	}
	.intro-wrap .sec03 .row > div[class^='col-'] .box > img {
		max-width:20rem !important;
	}
	.intro-wrap .sec03 .row > div[class^='col-']:nth-of-type(2){
		padding:0;
		margin-top:3rem;
	}
	.intro-wrap .sec03 .row > div[class^='col-'] p {
		font-size:1.6rem;
		margin-top:3rem;
	}
}


/* ceo인사말 */
.ceo-wrap .sec01 {
	margin-top:6rem;
}
.ceo-wrap .sec01 .inner {
	position:relative;
}
.ceo-wrap .sec01 .inner > .box {
	position:absolute;
	left:0;
	bottom:0;
	width:60%;
}
.ceo-wrap .sec01 .inner > .box > .txt {
	position:absolute;
	left:6rem;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
}
.ceo-wrap .sec01 .inner > .box > .txt > span {
	display:block;
	font-size:2.2rem;
}
.ceo-wrap .sec01 .inner > .box > .txt > p {
	font-size:3.4rem;
	font-weight:600;
}
@media (max-width: 1199.98px) {
	.ceo-wrap .sec01 .inner > .box > .txt {
		left:4rem;
	}
	.ceo-wrap .sec01 .inner > .box > .txt > span {
		font-size:1.6rem;
	}
	.ceo-wrap .sec01 .inner > .box > .txt > p {
		font-size:3rem;
	}
}
@media (max-width: 991.98px) {
	.ceo-wrap .sec01 {
		margin-top:3rem;
	}
	.ceo-wrap .sec01 .inner > .box > .txt {
		left:2rem;
	}
	.ceo-wrap .sec01 .inner > .box > .txt > span {
		font-size:1.2rem;
	}
	.ceo-wrap .sec01 .inner > .box > .txt > p {
		font-size:1.8rem;
	}
}
@media (max-width: 575.98px) {
	.ceo-wrap .sec01 .inner > .box {
		width:90%;
	}
}

.ceo-wrap .sec02 {
	margin-top:6rem;
}
.ceo-wrap .sec02 p {
	font-size:1.8rem;
	line-height:1.8;
	color:#333;
}
.ceo-wrap .sec02 p.tit {
	font-size:2.4rem;
	font-weight:600;
	color:#000;
	margin-bottom:2rem;
}
.ceo-wrap .sec02 .sign {
	margin-top:3rem;
	text-align:right;
	font-size:2rem;
}
.ceo-wrap .sec02 .sign > b {
	display:inline-block;
	font-size:2.4rem;
	margin-left:1rem;
}
@media (max-width: 991.98px) {
	.ceo-wrap .sec02 {
		margin-top:4rem;
	}
	.ceo-wrap .sec02 p {
		font-size:1.6rem;
		line-height:1.6;
	}
	.ceo-wrap .sec02 p.tit {
		font-size:1.8rem;
		line-height:1.6;
		margin-bottom:2.5rem;
	}
	.ceo-wrap .sec02 .sign {
		margin-top:4rem;
		font-size:1.8rem;
	}
	.ceo-wrap .sec02 .sign > b {
		font-size:2rem;
		margin-left:1rem;
	}
	.ceo-wrap .sec02 .row > div[class^='col-']:nth-of-type(1){
		margin-bottom:2.5rem;
	}
}


/* 연혁 */
.history-wrap .tabArea {
	margin-top:6rem;
}
.history-wrap .tabArea .tab {
	list-style:none;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	justify-content:center;
}
.history-wrap .tabArea .tab > li > a {
	display:block;
	font-size:1.6rem;
	box-sizing:border-box;
	padding:1rem 8rem;
	border:1px solid #ddd;
	border-right:0;
	color:#000;
	text-align:center;
}
.history-wrap .tabArea .tab > li:last-child > a {
	border-right:1px solid #ddd;
}
.history-wrap .tabArea .tab > li.on > a {
	background:var(--main);
	border:1px solid var(--main);
	color:#fff;
	font-weight:600;
}
.history-wrap .tabArea .tabBox {
	display:none;
}
.history-wrap .tabArea .tabBox.on {
	display:block;
}
.history-wrap .d-flex {
	margin-top:10rem;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.history-wrap .d-flex .d-wrap {
	max-width:100%;
	flex:0 0 100%;
	--wid:calc(50% + 8rem);
	padding-left:var(--wid);
	position:relative;
	padding-bottom:8rem;
}
.history-wrap .d-flex .d-wrap:before {
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	background:var(--main);
	left:50%;
	top:1rem;
}
.history-wrap .d-flex .d-wrap:last-child:before {
	display:none;
}
.history-wrap .d-flex .d-wrap:nth-child(even) {
	padding-left:0;
	padding-right:var(--wid);
	text-align:right;
}
.history-wrap .d-flex .d-wrap .year {
	font-size:3rem;
	font-weight:800;
	line-height:1;
	color:var(--main);
	position:relative;
}
.history-wrap .d-flex .d-wrap .year:before,
.history-wrap .d-flex .d-wrap .year:after{
	content:"";
	position:absolute;
}
.history-wrap .d-flex .d-wrap .year:before {
	width:6rem;
	height:1px;
	background:#ccc;
	left:-8rem;
	top:50%;
	transform:translateY(-50%);
}
.history-wrap .d-flex .d-wrap .year:after {
	width:1.6rem;
	height:1.6rem;
	border:4px solid var(--main);
	border-radius:50%;
	background:#fff;
	left:-8.8rem;
	top:0.8rem;
}
.history-wrap .d-flex .d-wrap:nth-child(even) .year:before {
	left:auto;
	right:-8rem;
}
.history-wrap .d-flex .d-wrap:nth-child(even) .year:after {
	left:auto;
	right:-8.8rem;
}
.history-wrap .d-flex .d-wrap ul {
	list-style:none;
	padding-left:0;
	margin-top:4rem;
}
.history-wrap .d-flex .d-wrap ul > li {
	font-size:1.6rem;
	color:#666;
	box-sizing:border-box;
	padding:0.5rem 0;
}
.history-wrap .d-flex .d-wrap .img {
	margin-top:2rem;
}
.history-wrap .d-flex .d-wrap .img > img {
	width:100%;
	max-width:42rem;
}

@media (max-width: 1199.98px) {
	.history-wrap .tabArea .tab > li > a {
		padding:1rem 4rem;
	}
}
@media (max-width: 991.98px) {
	.history-wrap .tabArea {
		margin-top:4rem;
	}
	.history-wrap .tabArea .tab > li {
		max-width:25%;
		flex:0 0 25%;
	}
	.history-wrap .tabArea .tab > li > a {
		font-size:1.4rem;
		padding:0.8rem 1rem;
	}
	.history-wrap .d-flex .d-wrap {
		--wid:calc(50% + 4rem);
		padding-bottom:4rem;
	}
	.history-wrap .d-flex .d-wrap .year {
		font-size:2.4rem;
	}
	.history-wrap .d-flex .d-wrap .year:before {
		width:3rem;
		left:-4rem;
	}
	.history-wrap .d-flex .d-wrap .year:after {
		width:1.6rem;
		height:1.6rem;
		border:3px solid var(--main);
		left:-4.7rem;
		top:0.5rem;
	}
	.history-wrap .d-flex .d-wrap:nth-child(even) .year:before {
		left:auto;
		right:-4rem;
	}
	.history-wrap .d-flex .d-wrap:nth-child(even) .year:after {
		left:auto;
		right:-4.9rem;
	}
	.history-wrap .d-flex .d-wrap ul {
		margin-top:2rem;
	}
	.history-wrap .d-flex .d-wrap .img > img {
		max-width:100%;
	}
}
@media (max-width: 767.98px) {
	.history-wrap .d-flex {
		margin-top:5rem;
	}
	.history-wrap .d-flex .d-wrap {
		padding-left:4rem;
		padding-bottom:4rem;
	}
	.history-wrap .d-flex .d-wrap:before {
		left:1rem;
	}
	.history-wrap .d-flex .d-wrap:nth-child(even) {
		padding-left:4rem;
		padding-right:0;
		text-align:left;
	}
	.history-wrap .d-flex .d-wrap .year {
		font-size:2.4rem;
	}
	.history-wrap .d-flex .d-wrap .year:before {
		width:2rem;
		left:-3rem;
	}
	.history-wrap .d-flex .d-wrap .year:after {
		left:-3.7rem;
	}
	.history-wrap .d-flex .d-wrap:nth-child(even) .year:before {
		left:-3rem;
		right:auto;
	}
	.history-wrap .d-flex .d-wrap:nth-child(even) .year:after {
		left:-3.7rem;
		right:auto;
	}
	.history-wrap .d-flex .d-wrap ul {
		margin-top:1rem;
	}
}

/* 230921 추가 */
.history-wrap .top-img {
	position:relative;
	margin-top:4rem;
}
.history-wrap .top-img:before {
	content:"";
	position:absolute;
	width:84%;
	height:20%;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	background:#fff;
}
.history-wrap .top-img .txt {
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-80%);
	text-align:center;
	color:#fff;
	font-size:2.4rem;
	line-height:1.4;
}
.history-wrap .top-img .txt .eng3 {
	font-size:3.6rem;
	font-weight:600;
}
.history-wrap .d-flex {
	margin-top:0;
}
.history-wrap .d-flex .d-wrap {
	padding-bottom:0;
	height:15rem;
}
@media (max-width: 991.98px) {
	.history-wrap .top-img {
		margin-top:2rem;
	}
	.history-wrap .top-img:before {
		content:"";
		position:absolute;
		width:84%;
		height:20%;
		left:50%;
		bottom:0;
		transform:translateX(-50%);
		background:#fff;
	}
	.history-wrap .top-img .txt {
		font-size:1.6rem;
	}
	.history-wrap .top-img .txt .eng3 {
		font-size:2rem;
	}
}
@media (max-width: 767.98px) {
	.history-wrap .top-img:before {
		display:none;
	}
	.history-wrap .top-img .txt {
		top:50%;
		transform:translateY(-50%);
	}
	.history-wrap .d-flex {
		margin-top:4rem;
	}
	.history-wrap .d-flex .d-wrap {
		padding-bottom:4rem;
		height:auto;
	}
}


/* 안전보건환경 경영방침 */
.safety-wrap .sec01 {
	margin-top:6rem;
}
.safety-wrap p {
	font-size:2rem;
	margin-top:2rem;
	line-height:1.6;
}
.safety-wrap .sec01 .img {
	margin-top:7rem;
}
@media (max-width: 991.98px) {
	.safety-wrap .sec01 {
		margin-top:4rem;
	}
	.safety-wrap p {
		font-size:1.8rem;
		margin-top:1rem;
	}
	.safety-wrap .sec01 .img {
		margin-top:4rem;
	}
}


.safety-wrap .sec02 {
	margin-top:8rem;
}
.safety-wrap .sec02 .box {
	margin-top:4rem;
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:4rem 0;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.safety-wrap .sec02 .box:nth-of-type(1){
	margin-top:6rem;
}
.safety-wrap .sec02 .box > .img {
	box-sizing:border-box;
	border-right:1px solid #ddd;
	max-width:19%;
	flex:0 0 19%;
	text-align:center;
}
.safety-wrap .sec02 .box > .img > img {
	width:100%;
	max-width:12rem;
}
.safety-wrap .sec02 .box > .txt {
	box-sizing:border-box;
	padding:0 7rem;
	max-width:81%;
	flex:0 0 81%;
	font-size:1.8rem;
	line-height:1.8;
	color:#333;
}
.safety-wrap .sec02 .box > .txt > strong {
	display:block;
	font-size:2rem;
	font-weight:600;
	color:#000;
}
@media (max-width: 1199.98px) {
	.safety-wrap .sec02 .box > .img {
		max-width:24%;
		flex:0 0 24%;
	}
	.safety-wrap .sec02 .box > .txt {
		padding:0 6rem;
		max-width:76%;
		flex:0 0 76%;
	}
}
@media (max-width: 991.98px) {
	.safety-wrap .sec02 {
		margin-top:4rem;
	}
	.safety-wrap .sec02 .box {
		margin-top:2rem;
		padding:3rem 0;
	}
	.safety-wrap .sec02 .box:nth-of-type(1){
		margin-top:4rem;
	}
	.safety-wrap .sec02 .box > .txt {
		padding:0 3rem;
	}
}
@media (max-width: 767.98px) {
	.safety-wrap .sec02 .box{
		display:block;
		padding:3rem;
	}
	.safety-wrap .sec02 .box > .img {
		max-width:100%;
		flex:0 0 100%;
		border-right:0;
		border-bottom:1px solid #ddd;
		padding-bottom:3rem;
	}
	.safety-wrap .sec02 .box > .img > img {
		width:100%;
		max-width:12rem;
	}
	.safety-wrap .sec02 .box > .txt {
		max-width:100%;
		flex:0 0 100%;
		font-size:1.6rem;
		padding:3rem 0 0;
	}
}


/* 오시는 길 */
.location-wrap .map-top {
	margin-top:6rem;
	box-sizing:border-box;
	border:1px solid #ddd;
	text-align:center;
	padding:3rem 3rem;
}
@media (max-width: 991.98px) {
	.location-wrap .map-top {
		margin-top:4rem;
		padding:3rem 3rem;
	}
}

.location-wrap ul.map-wrap-ul{
	border-top: 1px solid #ddd;
	margin-top: 6rem;
}
.location-wrap ul.map-wrap-ul > li{
	padding:6rem 3rem;
	border-bottom: 1px solid #ddd;
}
.location-wrap ul.map-wrap-ul > li .info{
	display:flex;
	padding-right: 3rem;
	position: relative;
    align-items: center;
}
.location-wrap ul.map-wrap-ul > li .info > .thumb{
	width:30%;
	padding-top: 20%;
	position: relative;
}
.location-wrap ul.map-wrap-ul > li .info > .thumb > p{
	padding:1rem 3rem;
	font-weight: 400;
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom:9px;
	right:11px;
	font-size:1.8rem;
	color:#fff;
	font-weight: 300;
}
.location-wrap ul.map-wrap-ul > li .info > .txt{
	width:70%;
	padding-left: 8rem;
	padding-right: 10rem;
	position: relative;
}
.location-wrap ul.map-wrap-ul > li .info > .txt > p{
	font-size:2.4rem;
	font-weight:700;
	color:#000;
	margin-bottom: 1rem;
	margin-top:1rem;
	text-transform: uppercase;
	word-break:keep-all;
}
.location-wrap ul.map-wrap-ul > li .info > .txt > ul{
	padding-top: 0.5rem;
}
.location-wrap ul.map-wrap-ul > li .info > .txt > ul > li{
	font-size:1.8rem;
	font-weight: 300;
	color:#666;
	position: relative;
	padding-left: 15%;
	line-height: 2;
}
.location-wrap ul.map-wrap-ul > li .info > .txt > ul > li > span{
	font-weight: 700;
	color:#000;
	position: absolute;
	top:0;
	left:0;
}
.location-wrap ul.map-wrap-ul > li .map_box{
	display:none;
	margin-top: 6rem;
}
.location-wrap ul.map-wrap-ul > li .map_box .root_daum_roughmap{
	width:100%;
	height:340px;
}
.location-wrap ul.map-wrap-ul > li .map_box .root_daum_roughmap .wrap_map{
	height:340px;
}
.location-wrap ul.map-wrap-ul > li .map_box .root_daum_roughmap .wrap_controllers{
	display:none;
}
.location-wrap ul.map-wrap-ul > li .map_box > iframe{
	width:100%;
	height:340px;
}
.location-wrap ul.map-wrap-ul > li .map_box .map_border{ display:none; }
.location-wrap.domestic > ul > li{
	cursor:pointer;
}
.location-wrap.domestic ul.map-wrap-ul > li .info > .txt::after{
	content:'';
	width:8rem;
	height:8rem;
	background: url('../_img/sub/loc_off.jpg') no-repeat center center / contain;
	position: absolute;
	right:0;
	top:0;
	cursor:pointer;
}
.location-wrap.domestic ul.map-wrap-ul > li.on .info > .txt::after{
	background: url('../_img/sub/loc_on.jpg') no-repeat center center / contain;
}
.location-wrap.international > ul.top-img-ul > li{
	display:none;
}
.location-wrap.international > ul.top-img-ul > li.on{
	display:block;
}

.location-wrap.partners ul.map-wrap-ul > li .info > .txt::after{
	content:'';
	width:60px;
	height:60px;
	background: url('../_img/sub/sub010804_5.jpg') no-repeat center center / contain;
	position: absolute;
	right:0;
	top:0;
}
.location-wrap.partners ul.map-wrap-ul > li:hover .info > .txt::after{
	background: url('../_img/sub/sub010804_3.jpg') no-repeat center center / contain;
}
.location-wrap.partners ul.map-wrap-ul > li:last-child a{
	cursor:default;
}
.location-wrap.partners ul.map-wrap-ul > li:last-child .info > .txt::after{
	content:none;
}

@media(max-width:991.98px){
	.location-wrap .table_1{
		display:block !important;
	}
	.location-wrap .table_1 > div table th,
	.location-wrap .table_1 > div table td{
		font-size:1.6rem;
	}
	.location-wrap > .d-flex > div{
		padding:0 2rem;
	}
	.location-wrap > .d-flex > div > img{
		max-width:7rem;
	}
	.location-wrap .table_1 > div table{
		margin-bottom: 4rem;
	}
	.location-wrap .table_1 > div table th, 
	.location-wrap .table_1 > div table td{
		padding:0.5rem;
	}
	.location-wrap ul.map-wrap-ul > li{
		padding:2rem 0;
	}
	.location-wrap ul.map-wrap-ul > li .info{
		display:block;
		padding-right: 0;
	}
	.location-wrap ul.map-wrap-ul > li .info > .thumb{
		width:100%;
		padding-top: 60%;
	}
	.location-wrap ul.map-wrap-ul > li .info > .thumb > p{
		padding:1rem 3rem;
		font-weight: 400;
		background: rgba(0,0,0,0.7);
		position: absolute;
		bottom:9px;
		right:11px;
		font-size:1.8rem;
		color:#fff;
		font-weight: 300;
	}
	.location-wrap ul.map-wrap-ul > li .info > .txt{
		width:100%;
		padding-left: 0;
		padding-right: 0;
		margin-top: 2rem;
	}
	.location-wrap ul.map-wrap-ul > li .info > .txt > p{
		font-size:2rem;
	}
	.location-wrap ul.map-wrap-ul > li .info > .txt > ul > li{
		padding-left: 24%;
		word-break:keep-all;
	}
	.location-wrap ul.map-wrap-ul > li .map_box{
		margin-top: 2rem;	
	}
	.location-wrap ul.map-wrap-ul > li .map_box .root_daum_roughmap{
		height:200px;
	}
	.location-wrap.domestic ul.map-wrap-ul > li .info > .txt::after,
	.location-wrap.partners ul.map-wrap-ul > li .info > .txt::after{
		width:30px;
		height:30px;
	}
	.location-wrap.international ul.map-wrap-ul > li .info > .txt > ul > li{
		padding-left: 30%;
	}
	.location-wrap.international .tab2 > ul > li{
		width:32%;
	}
	
}


/* 리튬이차전지소재 */
.lithium-wrap .sec01 h2.tit {
	margin-top:6rem;
}
.lithium-wrap .sec01 h3.tit {
	margin-top:2rem;
}
.lithium-wrap .sec01 .top {
	margin-top:4rem;
}
.lithium-wrap .sec01 .top .row {
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	box-sizing:border-box;
	border:1px solid #ddd;
}
.lithium-wrap .sec01 .top .row > div[class^='col']{
	max-width:40%;
	flex:0 0 40%;
	box-sizing:border-box;
	border-right:1px solid #ddd;
	padding-left:0;
	padding-right:0;
	position:relative;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem{
	max-width:60%;
	flex:0 0 60%;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem:before {
	content:"VS";
	width:11rem;
	height:11rem;
	text-align:center;
	line-height:11rem;
	color:#fff;
	font-size:3.2rem;
	font-weight:800;
	border-radius:50%;
	background:var(--main);
	position:absolute;
	left:0;
	top:50%;
	transform:translate(-50%);
}
.lithium-wrap .sec01 .top .row > div[class^='col'] > .title {
	text-align:center;
	font-size:1.8rem;
	font-weight:700;
	box-sizing:border-box;
	padding:1.5rem 0;
	background:#eee;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .title {
	background:#f7e1e4;
	color:var(--main);
}
.lithium-wrap .sec01 .top .row > div[class^='col'] > .inner {
	box-sizing:border-box;
	padding:8rem 8rem 8rem 4rem;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.lithium-wrap .sec01 .top .row > div[class^='col'] > .inner > .img > img  {
	max-width:38.3rem;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner {
	padding:8rem 4rem 8rem 8rem;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .arrow {
	margin:0 3rem;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .txt > dl {
	margin:2rem 0;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .txt > dl > dt,
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .txt > dl > dd {
	font-size:2rem;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .txt > dl > dt {
	font-weight:400;
	color:#000;
}
.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .txt > dl > dd {
	font-weight:700;
	color:var(--main);
}

@media (max-width: 1400px) {
	.lithium-wrap .sec01 .top .row > div[class^='col'] > .inner > .img > img {
		width:30rem;
	}
}
@media (max-width: 1199.98px) {
	.lithium-wrap .sec01 .top .row {
		display:block;
		border:0;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col']{
		max-width:100%;
		flex:0 0 100%;
		border:1px solid #ddd;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem{
		max-width:100%;
		flex:0 0 100%;
		margin-top:4rem;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem:before {
		width:6rem;
		height:6rem;
		line-height:6rem;
		font-size:2.4rem;
		left:50%;
		top:-2rem;
		transform:translate(-50%, -50%);
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'] > .inner,
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner {
		padding:6rem 4rem;
	}
}
@media (max-width: 991.98px) {
	.lithium-wrap .sec01 h2.tit {
		margin-top:3rem;
	}
	.lithium-wrap .sec01 h3.tit {
		margin-top:3rem;
	}
	.lithium-wrap .sec01 .top {
		margin-top:2rem;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem{
		margin-top:2rem;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem:before {
		width:4rem;
		height:4rem;
		line-height:4rem;
		font-size:1.6rem;
		top:-1rem;
		transform:translate(-50%, -50%);
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'] > .title {
		font-size:1.8rem;
		padding:1.5rem 0;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'] > .inner,
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner {
		padding:4rem;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'] > .inner > .img > img {
		width:24rem;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .arrow {
		margin:0 2rem;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .txt > dl {
		margin:1rem 0;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .txt > dl > dt,
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .txt > dl > dd {
		font-size:1.6rem;
	}
}
@media (max-width: 575.98px) {
	.lithium-wrap .sec01 .top .row > div[class^='col'] > .inner {
		display:block;
		text-align:center;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'].epchem > .inner > .arrow {
		margin:2rem 0;
	}
	.lithium-wrap .sec01 .top .row > div[class^='col'] > .inner > .arrow > img {
		max-width:2rem;
		transform:rotate(90deg);
	}
}

.lithium-wrap .sec01 .btm {
	margin-top:4rem;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.lithium-wrap .sec01 .btm .img {
	max-width:17%;
	flex:0 0 17%;
	text-align:center;
}
.lithium-wrap .sec01 .btm .arrow {
	max-width:8%;
	flex:0 0 8%;
	text-align:center;
}
.lithium-wrap .sec01 .btm .info {
	max-width:75%;
	flex:0 0 75%;
}
.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] > .inner {
	box-sizing:border-box;
	border:1px solid #ddd;
}
.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] > .inner .title {
	text-align:center;
	font-size:2rem;
	font-weight:600;
	box-sizing:border-box;
	padding:1.5rem 0;
	background:#eee;
}
.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-']:nth-of-type(2) > .inner .title {
	background:var(--main);
	color:#fff;
}
.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] > .inner > .txt {
	box-sizing:border-box;
	padding:2rem 2rem;
}
.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] > .inner > .txt > ul {
	list-style:none;
	padding-left:0;
	font-size:1.8rem;
}
.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] > .inner > .txt > ul > li {
	margin:0.5rem 0;
}
.lithium-wrap .sec01 .btm .info > .info-btm {
	margin-top:4rem;
}
.lithium-wrap .sec01 .btm .info > .info-btm > .row {
	margin-left:-4rem;
	margin-right:-4rem;
}
.lithium-wrap .sec01 .btm .info > .info-btm > .row > div[class^='col-'] {
	padding-left:4rem;
	padding-right:4rem;
	position:relative;
}
.lithium-wrap .sec01 .btm .info > .info-btm > .row > div[class^='col-']:before {
	content: "\e913";
	font-family:"xeicon";
	position:absolute;
	right:0;
	top:50%;
	transform:translate(40%, -50%);
	font-size:2rem;
	font-weight:600;
	color:var(--main);
}
.lithium-wrap .sec01 .btm .info > .info-btm > .row > div[class^='col-']:last-child:before {
	display:none;
}
.lithium-wrap .sec01 .btm .info > .info-btm > .row > div[class^='col-'] > .box {
	font-size:2rem;
	font-weight:600;
	text-align:center;
	box-sizing:border-box;
	padding:3.5rem 1.5rem;
	border-radius:2rem;
	border:1px solid var(--main);
	color:var(--main);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
}
@media (max-width: 1199.98px) {
	.lithium-wrap .sec01 .btm {
		display:block;
	}
	.lithium-wrap .sec01 .btm .img,
	.lithium-wrap .sec01 .btm .arrow,
	.lithium-wrap .sec01 .btm .info {
		max-width:100%;
		flex:0 0 100%;
	}
	.lithium-wrap .sec01 .btm .arrow {
		margin:2rem 0;
	}
	.lithium-wrap .sec01 .btm .arrow > img {
		transform:rotate(90deg);
	}
}
@media (max-width: 991.98px) {
	.lithium-wrap .sec01 .btm {
		margin-top:4rem;
	}
	.lithium-wrap .sec01 .btm .img > img {
		max-width:20rem !important;
	}
	.lithium-wrap .sec01 .btm .arrow > img {
		width:3rem;
	}
	.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] > .inner .title {
		font-size:1.8rem;
	}
	.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] > .inner > .txt {
		padding:1.5rem;
	}
	.lithium-wrap .sec01 .btm .info > .info-top > .row > div[class^='col-'] > .inner > .txt > ul {
		font-size:1.6rem;
	}
	.lithium-wrap .sec01 .btm .info > .info-btm {
		margin-top:1rem;
	}
	.lithium-wrap .sec01 .btm .info > .info-btm > .row > div[class^='col-'] {
		padding-bottom:2rem;
		padding-top:2rem;
	}
	.lithium-wrap .sec01 .btm .info > .info-btm > .row > div[class^='col-']:before {
		right:auto;
		left:50%;
		top:auto;
		bottom:0;
		transform:translate(-50%, 50%);
		font-size:1.8rem;
	}
	.lithium-wrap .sec01 .btm .info > .info-btm > .row > div[class^='col-'] > .box {
		font-size:1.6rem;
		padding:2rem 1.5rem;
		border-radius:1rem;
	}
}

.lithium-wrap .sec01 .info-box {
	box-sizing:border-box;
	margin-top:6rem;
	border:1px solid #ddd;
	background:#f9f9f9;
	padding:4rem 4rem;
}
.lithium-wrap .sec01 .info-box > ul {
	list-style:none;
	padding-left:0;
}
.lithium-wrap .sec01 .info-box > ul > li {
	position:relative;
	padding-left:1.5rem;
	font-size:1.8rem;
	font-weight:400;
	line-height:2;
}
.lithium-wrap .sec01 .info-box > ul > li:before {
	content:"·";
	position:absolute;
	left:0;
	top:0;
}
@media (max-width: 991.98px) {
	.lithium-wrap .sec01 .info-box {
		margin-top:3rem;
		padding:3rem 2rem;
	}
	.lithium-wrap .sec01 .info-box > ul > li {
		font-size:1.6rem;
	}
}

.lithium-wrap .sec02 {
	margin-top:6rem;
}
.lithium-wrap .sec02 .top {
	margin-top:3rem;
}
.lithium-wrap .sec02 .btm {
	margin-top:4rem;
}
.lithium-wrap .sec02 .btm .row > div[class^='col-'] {
	margin-bottom:3rem;
}
.lithium-wrap .sec02 .btm .box {
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	padding:4rem;
	background:#f9f9f9;
}
.lithium-wrap .sec02 .btm .box .img {
	max-width:11.8rem;
	flex:0 0 11.8rem;
}
.lithium-wrap .sec02 .btm .box .img > img {
	width:100%;
}
.lithium-wrap .sec02 .btm .box .txt {
	--wid:calc(100% - 11.8rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-left:4rem;
}
.lithium-wrap .sec02 .btm .box .txt > h4 {
	font-size:2rem;
	font-weight:800;
}
.lithium-wrap .sec02 .btm .box .txt > p {
	font-size:1.8rem;
	color:#333;
	margin-top:1rem;
}
@media (max-width: 991.98px) {
	.lithium-wrap .sec02 {
		margin-top:4rem;
	}
	.lithium-wrap .sec02 .top {
		margin-top:2rem;
	}
	.lithium-wrap .sec02 .btm {
		margin-top:2rem;
	}
	.lithium-wrap .sec02 .top > .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.lithium-wrap .sec02 .top > .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
	}
	.lithium-wrap .sec02 .btm .row > div[class^='col-'] {
		margin-bottom:1rem;
	}
	.lithium-wrap .sec02 .btm .box {
		padding:3rem 2rem;
	}
	.lithium-wrap .sec02 .btm .box .img {
		max-width:10rem;
		flex:0 0 10rem;
	}
	.lithium-wrap .sec02 .btm .box .txt {
		--wid:calc(100% - 10rem);
		padding-left:2rem;
	}
	.lithium-wrap .sec02 .btm .box .txt > h4 {
		font-size:1.8rem;
	}
	.lithium-wrap .sec02 .btm .box .txt > p {
		font-size:1.6rem;
	}
}
@media (max-width: 767.98px) {
	.lithium-wrap .sec02 .top > .row > div[class^='col-'] {
		margin-bottom:1rem;
	}
}



.lithium-wrap .sec03 h2.tit {
	margin-top:5rem;
}
.lithium-wrap .sec03 h3.tit {
	margin-top:2rem;
}
.lithium-wrap .sec03 .table-wrap td > .inner {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.lithium-wrap .sec03 .table-wrap td > .inner > .txt {
	--wid:calc(100% - 28rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-right:2rem;
	text-align:left;
}
.lithium-wrap .sec03 .table-wrap td > .inner > .img {
	max-width:28rem;
	flex:0 0 28rem;
}
@media (max-width: 1300px) {
	.lithium-wrap .sec03 .table-wrap td > .inner > .txt {
		--wid:calc(100% - 20rem);
	}
	.lithium-wrap .sec03 .table-wrap td > .inner > .img {
		max-width:20rem;
		flex:0 0 20rem;
	}
}
@media (max-width: 991.98px) {
	.lithium-wrap .sec03 h2.tit {
		margin-top:3rem;
	}
	.lithium-wrap .sec03 h3.tit {
		margin-top:3rem;
	}
	.lithium-wrap .sec03 .table-wrap td > .inner {
		display:block;
	}
	.lithium-wrap .sec03 .table-wrap td > .inner > .txt {
		--wid:100%;
		padding-right:0;
		text-align:left;
	}
	.lithium-wrap .sec03 .table-wrap td > .inner > .img {
		max-width:100%;
		flex:0 0 100%;
		margin-top:1rem;
	}
}



.lithium-wrap .sec04{
	margin-top:6rem;
}
.lithium-wrap .sec04 .sec04-row {
	margin-top:3rem;
}
.lithium-wrap .sec04 .sec04-row {
	margin-left:-2.5rem;
	margin-right:-2.5rem;
}
.lithium-wrap .sec04 .sec04-row > div[class^='col-'] {
	padding-left:2.5rem;
	padding-right:2.5rem;
}
.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .inner > .btm {
	margin-top:6rem;
	text-align:center;
}
.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box {
	box-sizing:border-box;
	border:1px solid #ddd;
	height:100%;
}
.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box > .title {
	text-align:center;
	box-sizing:border-box;
	background:#f7e1e4;
	font-size:2.4rem;
	font-weight:700;
	color:var(--main);
	padding:2.5rem 0;
}
.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box > .txt {
	box-sizing:border-box;
	padding:3rem;
}
.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box > .txt > ul {
	list-style:none;
	padding-left:0;
}
.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box > .txt > ul > li {
	position:relative;
	padding-left:1.5rem;
	font-size:1.8rem;
	line-height:1.8;
	margin:1.5rem 0;
}
.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box > .txt > ul > li:before {
	content:"·";
	position:absolute;
	left:0;
	top:0;
}
@media (max-width: 991.98px) {
	.lithium-wrap .sec04{
		margin-top:4rem;
	}
	.lithium-wrap .sec04 .sec04-row {
		margin-top:2rem;
	}
	.lithium-wrap .sec04 .sec04-row > div[class^='col-'] {
		margin-bottom:3rem;
	}
	.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .inner .top > .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .inner .top > .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
	}
	.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .inner > .btm {
		margin-top:3rem;
	}
	.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box {
		height:auto;
	}
	.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box > .title {
		font-size:1.8rem;
		padding:2rem 0;
	}
	.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box > .txt {
		padding:2rem;
	}
	.lithium-wrap .sec04 .sec04-row > div[class^='col-'] > .box > .txt > ul > li {
		font-size:1.6rem;
		margin:1rem 0;
	}
}


.lithium-wrap .sec05{
	margin-top:6rem;
}
@media (max-width: 991.98px) {
	.lithium-wrap .sec05{
		margin-top:1rem;
	}
}

.lithium-wrap .sec06{
	margin-top:8rem;
}
.lithium-wrap .sec06 .row {
	margin-top:3rem;
	align-items:center;
}
.lithium-wrap .sec06 .row > div[class^='col-'] {
	margin-bottom:4rem;
	text-align:center;
}
.lithium-wrap .sec06 .row > div[class^='col-'] > .table-wrap {
	margin-top:0;
}
.lithium-wrap .sec06 .row > div[class^='col-'] > .table-wrap table tr:nth-of-type(2) td,
.lithium-wrap .sec06 .row > div[class^='col-'] > .table-wrap table tr:nth-of-type(3) td{
	padding:4rem 2rem;
}
.lithium-wrap .sec06 .row > div[class^='col-'] > .table-wrap table td > ul {
	list-style:none;
	padding-left:0;
}
.lithium-wrap .sec06 .row > div[class^='col-'] > .table-wrap table td > ul > li {
	position:relative;
	padding-left:1.5rem;
}
.lithium-wrap .sec06 .row > div[class^='col-'] > .table-wrap table td > ul > li:before {
	content:"·";
	position:absolute;
	left:0;
	top:0;
}

@media (max-width: 991.98px) {
	.lithium-wrap .sec06{
		margin-top:4rem;
	}
	.lithium-wrap .sec06 .row {
		margin-top:2rem;
	}
	.lithium-wrap .sec06 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.lithium-wrap .sec06 .row > div[class^='col-']:nth-of-type(1),
	.lithium-wrap .sec06 .row > div[class^='col-']:nth-of-type(2) {
		margin-bottom:4rem;
	}
	.lithium-wrap .sec06 .row > div[class^='col-'] > .table-wrap table tr:nth-of-type(2) td,
	.lithium-wrap .sec06 .row > div[class^='col-'] > .table-wrap table tr:nth-of-type(3) td{
		padding:2rem 1rem;
	}
}


/* 리튬이차전지소재 230921 추가 */

.lithium-wrap2 {}
.lithium-wrap2 section h2.tit {
	margin-top:6rem;
	font-weight:800;
}
.lithium-wrap2 section ul {
	margin-top:1rem;
	list-style:none;
	padding-left:0;
}
.lithium-wrap2 section ul > li {
	box-sizing:border-box;
	padding-left:1.5rem;
	position:relative;
	font-size:1.8rem;
}
.lithium-wrap2 section ul > li:before {
	content:"·";
	position:absolute;
	left:0;
}
@media (max-width: 991.98px) {
	.lithium-wrap2 section h2.tit {
		margin-top:3rem;
	}
	.lithium-wrap2 section ul > li {
		padding-left:1.2rem;
		font-size:1.6rem;
	}
}

.lithium-wrap2 .sec01 .top {
	margin-top:2rem;
}
.lithium-wrap2 .sec01 .top .row {
	align-items:flex-start;
}
.lithium-wrap2 .sec01 .top .row > div[class^='col-'] > .img {
	box-sizing:border-box;
	border:1px solid #ddd;
}
.lithium-wrap2 .sec01 .table-wrap {
	margin-top:0;
}
.lithium-wrap2 .sec01 .table-wrap th,
.lithium-wrap2 .sec01 .table-wrap td {
	padding:2.35rem 1rem;
}
.lithium-wrap2 .sec01 .btm {
	margin-top:4rem;
}
.lithium-wrap2 .sec01 .btm .tit {
	box-sizing:border-box;
	padding:1.5rem;
	text-align:center;
	font-size:2rem;
	font-weight:600;
	background:var(--main);
	color:#fff;
}
.lithium-wrap2 .sec01 .btm .box {
	box-sizing:border-box;
	padding:4rem;
	border:1px solid #ddd;
	border-top:0;
}
.lithium-wrap2 .sec01 .btm .row > div[class^='col-'] {
	text-align:center;
}
.lithium-wrap2 .sec01 .btm .row > div[class^='col-'] .img {
	height:25rem;
	display:flex;
	aling-items:flex-end;
	justify-content:center;
	position:relative;
	left:-1.5rem;
}
.lithium-wrap2 .sec01 .btm .row > div[class^='col-']:last-child .img {
	left:0;
}
.lithium-wrap2 .sec01 .btm .row > div[class^='col-'] .txt {
	box-sizing:border-box;
	position:relative;
	margin:3rem auto 0;
	width:80%;
	padding:1rem;
	border:1px solid var(--main);
	color:var(--main);
	text-align:center;
	font-size:1.8rem;
	font-weight:600;
}
.lithium-wrap2 .sec01 .btm .arrow {
	margin:2rem 0;
}
.lithium-wrap2 .sec01 .btm .box > .txt {
	font-size:1.8rem;
}
.lithium-wrap2 .sec01 .btm .box > .txt b {
	color:var(--main);
}
@media (max-width: 1199.98px) {
	.lithium-wrap2 .sec01 .table-wrap th,
	.lithium-wrap2 .sec01 .table-wrap td {
		padding:1.17rem 1rem;
	}
}
@media (max-width: 991.98px) {
	.lithium-wrap2 .sec01 .table-wrap {
		margin-top:2rem;
	}
	.lithium-wrap2 .sec01 .table-wrap th,
	.lithium-wrap2 .sec01 .table-wrap td {
		padding:1rem 1rem;
	}
	.lithium-wrap2 .sec01 .btm {
		margin-top:2rem;
	}
	.lithium-wrap2 .sec01 .btm .tit {
		font-size:1.8rem;
	}
	.lithium-wrap2 .sec01 .btm .box {
		padding:4rem 2rem;
	}
	.lithium-wrap2 .sec01 .btm .row > div[class^='col-'] {
		margin-bottom:4rem;
	}
	.lithium-wrap2 .sec01 .btm .row > div[class^='col-']:last-child {
		margin-bottom:0;
	}
	.lithium-wrap2 .sec01 .btm .row > div[class^='col-'] .img {
		height:auto;
	}
	.lithium-wrap2 .sec01 .btm .row > div[class^='col-'] .txt {
		margin:2rem auto 0;
		width:20rem;
	}
	.lithium-wrap2 .sec01 .btm .box > .txt {
		font-size:1.6rem;
	}
	.lithium-wrap2 .sec02 .row > div[class^='col-'],
	.lithium-wrap2 .sec03 .row > div[class^='col-'],
	.lithium-wrap2 .sec04 .row > div[class^='col-']{
		margin-bottom:1rem;
	}
	.lithium-wrap2 .sec02 .row > div[class^='col-']:last-child,
	.lithium-wrap2 .sec03 .row > div[class^='col-']:last-child,
	.lithium-wrap2 .sec04 .row > div[class^='col-']:last-child {
		margin-bottom:0;
	}
}



/* 정밀화학소개 */
.chemistry-wrap .sec01 h2.tit {
	margin-top:6rem;
}
.chemistry-wrap .sec01 h3.tit {
	margin-top:2rem;
}
.chemistry-wrap .sec01 .row {
	margin-top:4rem;
}
.chemistry-wrap .sec01 .row > div[class^='col-'] .info-box {
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#f9f9f9;
	padding:4rem 3.5rem;
	font-size:1.8rem;
	line-height:2;
	margin-top:3rem;
	word-break:break-all;
}
.chemistry-wrap .sec01 .row > div[class^='col-'] .box {
	box-sizing:border-box;
	border:1px solid #ddd;
	height:100%;
}
.chemistry-wrap .sec01 .row > div[class^='col-'] .box .title {
	text-align:center;
	box-sizing:border-box;
	background:#f7e1e4;
	font-size:2.4rem;
	font-weight:700;
	color:var(--main);
	padding:2.5rem 0;
}
.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt {
	box-sizing:border-box;
	padding:3rem;
}
.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt > .img {
	text-align:center;
	margin:4rem 0;
}
.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt > ul {
	list-style:none;
	padding-left:0;
}
.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt > ul > li {
	position:relative;
	padding-left:1.5rem;
	font-size:1.8rem;
	line-height:1.8;
}
.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt > ul > li:before {
	content:"·";
	position:absolute;
	left:0;
	top:0;
}
@media (max-width: 1199.98px) {
	.chemistry-wrap .sec01 h2.tit {
		margin-top:4rem;
	}
	.chemistry-wrap .sec01 h3.tit {
		margin-top:3rem;
	}
	.chemistry-wrap .sec01 .row {
		margin-top:2rem;
	}
	.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt > .img {
		margin:2rem 0;
	}
	.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt > .img > img {
		max-width:24rem;
	}
}
@media (max-width: 991.98px) {
	.chemistry-wrap .sec01 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.chemistry-wrap .sec01 .row > div[class^='col-'] .info-box {
		padding:3rem 2rem;
		font-size:1.6rem;
		line-height:1.6;
		margin-top:2rem;
	}
	.chemistry-wrap .sec01 .row > div[class^='col-'] > .box {
		height:auto;
	}
	.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .title {
		font-size:1.8rem;
		padding:2rem 0;
	}
	.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt {
		padding:2rem;
	}
	.chemistry-wrap .sec01 .row > div[class^='col-'] > .box > .txt > ul > li {
		font-size:1.6rem;
	}
}

/* 230921 추가 */
.chemistry-wrap2 section ul {
	margin-top:1rem;
	list-style:none;
	padding-left:0;
}
.chemistry-wrap2 section ul > li {
	box-sizing:border-box;
	padding-left:1.5rem;
	position:relative;
	font-size:1.8rem;
}
.chemistry-wrap2 section ul > li:before {
	content:"·";
	position:absolute;
	left:0;
}
@media (max-width: 991.98px) {
	.chemistry-wrap2 section ul > li {
		padding-left:1.2rem;
		font-size:1.6rem;
	}
}


/* 시트/필름 */
.sheet-wrap h2.tit {
	margin-top:8rem;
}
.sheet-wrap .sec01 h2.tit {
	margin-top:6rem;
}
.sheet-wrap h3.tit {
	margin-top:2rem;
}
.sheet-wrap p {
	margin-top:1rem;
	font-size:1.8rem;
}
.sheet-wrap .row {
	margin-top:2rem;
}

@media (max-width: 991.98px) {
	.sheet-wrap h2.tit {
		margin-top:4rem;
	}
	.sheet-wrap .sec01 h2.tit {
		margin-top:4rem;
	}
	.sheet-wrap h3.tit {
		margin-top:2rem;
	}
	.sheet-wrap p {
		margin-top:1.5rem;
		font-size:1.6rem;
	}
	.sheet-wrap .row {
		margin-top:2rem;
		margin-left:-5px;
		margin-right:-5px;
	}
	.sheet-wrap .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
	}
}
@media (max-width: 767.98px) {
	.sheet-wrap .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
}

.sheet-wrap .sec08 .row > div[class^='col-'] {
	margin-bottom:3rem;
}
.sheet-wrap .sec08 .row > div:nth-of-type(n+4):nth-of-type(-n+6) {
	margin-bottom:0rem;
}
.sheet-wrap .sec08 .row > div[class^='col-'] .txt {
	box-sizing:border-box;
	padding:1rem 0;
	background:var(--main);
	color:#fff;
	font-size:1.6rem;
	font-weight:600;
	text-align:center;
}
@media (max-width: 991.98px) {
	.sheet-wrap .sec08 .row > div[class^='col-'] .txt {
		padding:1.5rem 0;
		font-size:1.6rem;
	}
	.sheet-wrap .sec08 .row > div[class^='col-'] {
		margin-bottom:1rem;
	}
}
@media (max-width: 575.98px) {
	.sheet-wrap .sec08 .row > div[class^='col-'] .inner{
		height:100%;
		background:var(--main);
	}
}

.sheet-wrap .sec09 h2.tit {
	margin-top:8rem;
}
@media (max-width: 991.98px) {
	.sheet-wrap .sec09 h2.tit {
		margin-top:4rem;
	}
}

@media (max-width: 767.98px) {
	.sheet-wrap .sec10 .table-wrap{
		width:100%;
		position:relative;
		overflow-x:scroll;
	}
	.sheet-wrap .sec10 .table-wrap table {
		width:80rem;
	}
}


/* UV 코팅 도료 */
.uv-wrap h2.tit {
	margin-top:8rem;
}
.uv-wrap .sec01 h2.tit {
	margin-top:6rem;
}
.uv-wrap h3.tit {
	margin-top:2rem;
}
.uv-wrap p {
	margin-top:2rem;
	font-size:2rem;
}
.uv-wrap .row {
	margin-top:2rem;
}
@media (max-width: 991.98px) {
	.uv-wrap h2.tit {
		margin-top:4rem;
	}
	.uv-wrap .sec01 h2.tit {
		margin-top:4rem;
	}
	.uv-wrap h3.tit {
		margin-top:2rem;
	}
	.uv-wrap p {
		margin-top:1.5rem;
		font-size:1.6rem;
	}
	.uv-wrap .row {
		margin-top:2rem;
		margin-left:-5px;
		margin-right:-5px;
	}
	.uv-wrap .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
	}
}
@media (max-width: 767.98px) {
	.uv-wrap .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.uv-wrap .table-wrap{
		width:100%;
		position:relative;
		overflow-x:scroll;
		margin-top:0;
	}
	.uv-wrap .table-wrap table {
		width:80rem;
	}
}

.uv-wrap .sec04 .row > div[class^='col-'] .inner{
	height:100%;
	background:var(--main);
	display:table;
}
.uv-wrap .sec04 .row > div[class^='col-'] .img {
	display:table-header-group;
}
.uv-wrap .sec04 .row > div[class^='col-'] .txt {
	box-sizing:border-box;
	padding:1rem 0;
	background:var(--main);
	color:#fff;
	font-size:1.6rem;
	font-weight:600;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
@media (max-width: 991.98px) {
	.uv-wrap .sec04 .row > div[class^='col-'] .txt {
		padding:1.5rem 0;
		font-size:1.6rem;
	}
	.uv-wrap .row > div[class^='col-'] {
		margin-bottom:1rem;
	}
}

.uv-wrap .sec05 .row > div[class^='col-'] {
	margin-bottom:3rem;
}
.uv-wrap .sec05 .row > div:nth-of-type(n+4):nth-of-type(-n+6) {
	margin-bottom:0rem;
}
.uv-wrap .sec05 .row > div[class^='col-'] .img {
	position:relative;
}
.uv-wrap .sec05 .row > div[class^='col-'] .img > .num {
	position:absolute;
	left:0;
	top:0;
	width:6rem;
	height:6rem;
	text-align:center;
	font-size:2rem;
	line-height:6rem;
	font-weight:600;
	color:#fff;
	background:var(--main);
}
.uv-wrap .sec05 .row > div[class^='col-'] .txt {
	font-size:1.8rem;
	text-align:center;
	font-weight:600;
	margin-top:1rem;
}
@media (max-width: 991.98px) {
	.uv-wrap .sec05 .row > div[class^='col-'] .img > .num {
		width:4rem;
		height:4rem;
		font-size:1.6rem;
		line-height:4rem;
	}
	.uv-wrap .sec05 .row > div[class^='col-'] .txt {
		font-size:1.6rem;
	}
}
@media (max-width: 767.98px) {
	.uv-wrap .sec05 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
}