/*
	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:11rem 0 12rem;
}
#sub_wrap .s-tit {
	font-size:4rem;
	font-weight:800;
	text-align:center;
}
@media (max-width: 991.98px) {
	#sub_wrap {
		padding:7rem 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;
	padding-bottom: 12rem;
}
.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;
		padding-bottom: 8rem;
	}
	.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;
	}
}

.intro-wrap .sec04 p{
	font-size: 2rem;
	margin-top: 2rem;
	line-height: 1.6;
}
.intro-wrap .sec04 .img {
	margin-top: 7rem;
}
@media (max-width:991.98px) {
	.intro-wrap .sec04 p{
		font-size: 1.8rem;
		margin-top: 1rem;
	}
	.intro-wrap .sec04 .img {
		margin-top: 4rem;
	}
}


/* ceo인사말 */
.ceo-wrap .sec01 {
	margin-top:7rem;
}
.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:800;
	color:#000;
	margin-bottom:2rem;
}
.ceo-wrap .sec02 p.tit span{
	color:var(--main);
}
.ceo-wrap .sec02 .sign {
	margin-top:3rem;
	font-size:2rem;
	font-weight: 500;
}
.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(odd) {
	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(odd) .year:before {
	left:auto;
	right:-8rem;
}
.history-wrap .d-flex .d-wrap:nth-child(odd) .year:after {
	left:auto;
	right:-8.8rem;
}
.history-wrap .d-flex .d-wrap ul {
	list-style:none;
	padding-left:0;
	margin-top:1.5rem;
}
.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(odd) .year:before {
		left:auto;
		right:-4rem;
	}
	.history-wrap .d-flex .d-wrap:nth-child(odd) .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(odd) {
		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(odd) .year:before {
		left:-3rem;
		right:auto;
	}
	.history-wrap .d-flex .d-wrap:nth-child(odd) .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:53%;
	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-tab{
	display: flex;
	justify-content: center;
	margin-top: 7rem;
}
.location-wrap .map-tab div{
	cursor: pointer;
	width: 24rem;
	max-width: 50%;
	padding: 1.1rem;
	background: #fff;
	font-size: 1.6rem;
	font-weight: 300;
	text-align: center;
	border: 1px solid #dddddd;
}
.location-wrap .map-tab div.on{
	background: var(--main);
	color: #fff;
	font-weight: bold;
	border-color: var(--main);
}
.location-wrap .map-top {
	margin-top:5rem;
	box-sizing:border-box;
	border:1px solid #ddd;
	text-align:center;
	padding:3rem 3rem;
}
.location-wrap section{
	display: none;
}
@media (max-width: 991.98px) {
	.location-wrap .map-tab{
		margin-top: 4rem;
	}
	.location-wrap .map-tab div{
		font-size: 1.4rem;
	}
	.location-wrap .map-top {
		margin-top:3rem;
		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 .sec02 ul.map-wrap-ul > li .info > .txt{
	width: 100%;
	padding-left: 0;
}
.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 .sec02 ul.map-wrap-ul > li .info > .txt > p{
	margin-bottom: 2rem;
}
.location-wrap ul.map-wrap-ul > li .info > .txt > ul{
	padding-top: 0.5rem;
}
.location-wrap .sec02 ul.map-wrap-ul > li .info > .txt > ul{
	position: relative;
	padding-top: 2rem;
}
.location-wrap .sec02 ul.map-wrap-ul > li .info > .txt > ul::before{
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 4.3rem; height: 2px;
	background: #000;
}
.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 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;
	}
}


/* 제품소개 */
.product-wrap{}


/* 이차전지 */
.secondary-wrap > p {
	margin-top: 1.5rem;
	font-size: 2.4rem;
	font-weight: 600;
	text-align: center;
}
.secondary-wrap .top{
	display: flex;
	margin: 6rem 0 10rem;
}
.secondary-wrap .top img{
	height: inherit;
	object-fit: cover;
	object-position: center;
}
.secondary-wrap .top > div{
	padding:5rem 7rem;
	background: #fcfcfc;
	border: 1px solid #dddddd;
	border-bottom-right-radius: 6rem;
}
.secondary-wrap .top b{
	color: var(--main);
	font-size: 2.8rem;
}
.secondary-wrap .top p{
	margin-top: 1.5rem;
	font-size: 1.8rem;
}
.secondary-wrap .tab{
	display: flex;
	margin-bottom: 6rem;
}
.secondary-wrap .tab li{
	width: 20%;
	padding: 1.1rem;
	font-size: 1.6rem;
	font-weight: 300;
	text-align: center;
	border: 1px solid #dddddd;
	cursor: pointer;
}
.secondary-wrap .tab li + li{
	border-left: none;
}
.secondary-wrap .tab li.on{
	background: var(--main);
	color: #fff;
	font-weight: 700;
	border-color: var(--main);
}
.secondary-wrap section{
	display: none;
}
.secondary-wrap .info{
	display: flex;
	align-items: center;
	gap: 7px;
	color: #555555;
	font-size: 1.8rem;
	font-weight: 500;
}
.secondary-wrap table img{
	max-width: 100%;
}
.secondary-wrap table thead th,
.secondary-wrap table thead td{
	padding: 1.5rem 1rem;
}
.secondary-wrap table thead th{
	font-size: 2rem;
}
.secondary-wrap table tbody td{
	font-size: 1.8rem;
}
.secondary-wrap .table-box{
	width: 100%;
	margin: 2.5rem 0 1.5rem;
	overflow-x: auto;
}
.secondary-wrap .table-box table{
	width: 100%;
	border-top: 2px solid #000;
}
.secondary-wrap .table-box thead th,
.secondary-wrap .table-box tbody td{
	padding: 2rem 1rem;
	font-size: 1.8rem;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.secondary-wrap .table-box th:first-child,
.secondary-wrap .table-box td:first-child{
	border-left: none;
}
.secondary-wrap .table-box th{
	color:#333333;
	font-weight: 700;
}
.secondary-wrap .table-box th i{
	margin-left: 7px;
}
.secondary-wrap .table-box td p{
	padding: 0 5rem;
	text-align: left;
	line-height: 1.8;
}
.secondary-wrap .table-box td p span{
	display: inline-block;
	position: relative;
	padding-left: 1rem;
}
.secondary-wrap .table-box td p span::before{
	content: '·';
	position: absolute;
	top: 0; left: 0;
}
.secondary-wrap .table-box td a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.4rem;
	height: 5.4rem;
	margin: 0 auto;
	background: #eeeeee;
	color: #333333;
	font-size: 1.8rem;
	text-align: center;
	border-radius: 50%;
	transition: all .2s ease-in-out;
}
.secondary-wrap .table-box td a:hover{
	background: var(--main);
	color: #fff;
}
.secondary-wrap section ul.text-box {
	margin: 1.5rem 0 2.5rem;
	padding: 0;
	list-style: none;
}
.secondary-wrap section ul.text-box > li {
	position: relative;
	padding-left: 1.5rem;
	font-size: 1.8rem;
	font-weight: 300;
}
.secondary-wrap section ul.text-box > li:before {
	content: "·";
	position: absolute;
	left: 0;
}
.secondary-wrap h3.tit{
	font-size: 2.6rem;
}
.secondary-wrap h3.tit:before{
	top: unset;
	bottom: 1rem;
}
@media (max-width:1199.98px) {
	.secondary-wrap .top > div {
    padding: 3rem 4rem;
	}
}
@media (max-width:991.98px) {
	.secondary-wrap .top{
		display: block;
		margin: 4rem 0 6rem;
	}
	.secondary-wrap .top > div {
    padding: 2rem 3rem;
	}
	.secondary-wrap .top b {
    font-size: 2.4rem;
	}
	.secondary-wrap .top p {
    margin-top: 1rem;
    font-size: 1.6rem;
	}
	.secondary-wrap .tab {
    margin-bottom: 5rem;
	}
	.secondary-wrap table thead th {
    font-size: 1.8rem;
	}
	.secondary-wrap table tbody td {
    font-size: 1.6rem;
	}
	.secondary-wrap .table-box thead th, 
	.secondary-wrap .table-box tbody td {
    padding: 1.5rem 1rem;
    font-size: 1.6rem;
	}
	.secondary-wrap .table-box td p {
    padding: 0;
	}
	.secondary-wrap .table-box td a{
		width: 4.5rem;
		height: 4.5rem;
		font-size: 1.6rem;
	}
	.secondary-wrap section ul.text-box > li {
    padding-left: 1rem;
    font-size: 1.6rem;
	}
	.secondary-wrap h3.tit {
    font-size: 2.2rem;
	}
}
@media (max-width:767.98px){
	.secondary-wrap .tab li{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.secondary-wrap table{
		width: 80rem !important;
	}
}


.secondary-wrap .sec01 > div:nth-child(2){
	margin: 7rem 0 8rem;
}
.secondary-wrap .sec01 .img{
	padding: 5.5rem;
	text-align: center;
	border: 1px solid #dddddd;
}
.secondary-wrap .sec01 .table-wrap{
	width: 100%;
	margin-top: 4rem;
	overflow-y: auto;
} 
.secondary-wrap .sec01 table tbody td{
	padding: 3rem 1rem;
}
@media (max-width:991.98px) {
	.secondary-wrap .sec01 > div:nth-child(2){
		margin: 5rem 0 6rem;
	}
	.secondary-wrap .sec01 .img{
		padding: 4rem;
	}
	.secondary-wrap .sec01 .table-wrap{
		margin-top: 3rem;
	} 
	.secondary-wrap .sec01 table tbody td {
    padding: 2rem 1rem;
	}
}
@media (min-width:992px) {
	.secondary-wrap .sec02 .table-box td p {
		padding: 0 2rem;
	}
}
.secondary-wrap .sec03 p.fw600 > span{color: var(--main);}
.secondary-wrap .sec03 .table-wrap {
	overflow-x: auto;
}
.secondary-wrap .sec03 .table-wrap th{
	padding:1.2rem 1rem;
	font-size: 1.8rem;
}
.secondary-wrap .sec03 .table-wrap td{
	padding: 1.6rem 3rem;
}
.secondary-wrap .sec03 .table-wrap td span{
	display: inline-block;
	width: 6.6rem; height: 6px;
	vertical-align: middle;
}
.secondary-wrap .sec03 .table-wrap td b{
	display:block;
	text-align: left;
	color: #000;
	font-weight: 700;
}
.secondary-wrap .sec04 > div + div{
	margin-top: 7rem;
}
.secondary-wrap .sec04 .test-box{
	text-align: center;
}
.secondary-wrap .sec04 .test-box p{
	padding: 1.5rem 1rem;
	background: var(--main);
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
}
.secondary-wrap .sec04 .item{
	display: flex;
	align-items: flex-end;
	gap: 3rem;
	padding: 3rem 3rem 5rem;
	border: 1px solid #dddddd;
	border-top: none;
	border-bottom-right-radius: 2rem;
}
.secondary-wrap .sec04 .item figure{
	width: calc(50% - 1.5rem);
}
.secondary-wrap .sec04 .item img{
	margin-top: 2rem;
	width: 100%;
}
.secondary-wrap .sec04 figcaption{
	font-size: 2.4rem;
	font-weight: 600;
}
@media (max-width:991.98px) {
	.secondary-wrap .sec04 > div + div{
		margin-top: 6rem;
	}
	.secondary-wrap .sec04 .test-box p{
		font-size: 1.8rem;
	}
	.secondary-wrap .sec04 figcaption{
		font-size: 2rem;
	}
	.secondary-wrap .sec04 .item img{
		margin-top: 1.5rem;
	}
}
@media (max-width:767.98px) {
	.secondary-wrap .sec04 .item{
		flex-wrap: wrap;
		gap: 2rem;
	}
	.secondary-wrap .sec04 .item figure{
		width: 100%;
	}
	.secondary-wrap .sec04 .test-box p{
		font-size: 1.6rem;
	}
	.secondary-wrap .sec04 figcaption{
		font-size: 1.8rem;
	}
}
.secondary-wrap .sec05 > div:last-child p{
	font-size: 1.8rem;
}
.secondary-wrap .sec05 > div:last-child p span,
.secondary-wrap .sec05 > div:last-child .text-box li b{
	color: var(--main);
}
.secondary-wrap .sec05 > div:last-child .item{
	display: flex;
	align-items: center;
	margin-top: 4rem;
	padding: 5.5rem;
	background: #fcfcfc;
	border: 1px solid #dddddd;
}
.secondary-wrap .sec05 > div:last-child .item .d-flex{
	gap: 1rem;
	margin-bottom: 3rem;
}
.secondary-wrap .sec05 > div:last-child .item i{
	margin-top: 3px;
}
@media (max-width:1199.98px) {
	.secondary-wrap .sec05 > div:last-child br{
		display: none;
	}
}
@media (max-width:991.98px) {
	.secondary-wrap .sec05 > div:last-child p{
		font-size: 1.6rem;
	}
	.secondary-wrap .sec05 > div:last-child .item{
		display: block;
		margin-top: 3rem;
		padding: 4rem;
	}
}



/* 정밀화학소개 */
.chemistry-wrap .sec01 h2.tit {
	margin-top:6rem;
}
.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;
	}
}


/* 241230 추가 */
.chemistry-wrap3 .sec02{
	margin-top: 12rem;
}
.chemistry-wrap3 section h3.tit{
	margin-top: 7rem;
	font-size: 2.6rem;
}
.chemistry-wrap3 section .txt{
	margin-top:1.5rem;
	font-size: 1.8rem;
	font-weight: 600;
}
.chemistry-wrap3 section ul {
	margin-top:1rem;
	list-style:none;
	padding-left:0;
}
.chemistry-wrap3 section ul > li {
	box-sizing:border-box;
	padding-left:1.5rem;
	position:relative;
	font-size:1.8rem;
}
.chemistry-wrap3 section ul > li:before {
	content:"·";
	position:absolute;
	left:0;
}
.chemistry-wrap3 .table-wrap{
	overflow-x: auto;
}
.chemistry-wrap3 .table-wrap table th,
.chemistry-wrap3 .table-wrap table td{
	font-size: 1.8rem;
}
.chemistry-wrap3 .sec01 .table-wrap table th, 
.chemistry-wrap3 .sec01 .table-wrap table td{
	padding: 2.8rem 1rem;
}
.chemistry-wrap3 .sec01 .table-wrap2 table td{
	padding: 2rem 1rem;
}
.chemistry-wrap3 .sec02 .table-wrap table th{
	height: 5.4rem;
}
.chemistry-wrap3 .sec02 .table-wrap table td{
	padding: 1.6rem 1rem;
}
@media (max-width: 991.98px) {
	.chemistry-wrap3 .sec02{
		margin-top: 8rem;
	}
	.chemistry-wrap3 section h3.tit{
		margin-top: 6rem;
		font-size: 2.2rem;
	}
	.chemistry-wrap3 section ul > li {
		padding-left:1.2rem;
		font-size:1.6rem;
	}
	.chemistry-wrap3 .sec01 .table-wrap table{
		min-width: 690px;
	}
	.chemistry-wrap3 .table-wrap table th, 
	.chemistry-wrap3 .table-wrap table td,
	.chemistry-wrap3 section .txt{
		font-size: 1.6rem;
	}
	.chemistry-wrap3 .sec01 .table-wrap table th, 
	.chemistry-wrap3 .sec01 .table-wrap table td{
		padding: 2rem 1rem;
	}
}




/* 코팅사업 제품 */
.coating-wrap .tab{
	display: flex;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	margin-bottom: 8rem;
}
.coating-wrap .tab li{
	width: 50%;
}
.coating-wrap .tab li a{
	display: block;
	padding: 1.1rem;
	color: #000;
	font-size: 1.6rem;
	font-weight: 300;
	text-align: center;
	border: 1px solid #dddddd;
	cursor: pointer;
}
.coating-wrap .tab li + li a{
	border-left: none;
}
.coating-wrap .tab li.on a{
	background: var(--main);
	color: #fff;
	font-weight: 700;
	border-color: var(--main);
}
@media (max-width:991.98px) {
	.coating-wrap .tab{
		margin-bottom: 6rem;
	}
}



/* 시트/필름 */
.sheet-wrap h2.tit {
	margin-top:11.5rem;
}
.sheet-wrap .sec01 h2.tit {
	margin-top:6rem;
}
.sheet-wrap h3.tit {
	margin-top:4rem;
	font-size: 2.6rem;
}
.sheet-wrap p {
	margin-top:2rem;
	font-size:2rem;
}
.sheet-wrap .row {
	margin-top:3rem;
}

@media (max-width: 991.98px) {
	.sheet-wrap h2.tit {
		margin-top:6rem;
	}
	.sheet-wrap .sec01 h2.tit {
		margin-top:4rem;
	}
	.sheet-wrap h3.tit {
		margin-top:3rem;
		font-size: 2.2rem;
	}
	.sheet-wrap p {
		margin-top:1.5rem;
		font-size:1.8rem;
	}
	.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 .sec10 {margin-bottom: 10.5rem;}
.sheet-wrap .sec10 .text-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sheet-wrap .sec10 .text-box p{
	display: flex;
	align-items: center;
	font-size: 1.8rem;
	font-weight: 500;
}
.sheet-wrap .sec10 .text-box p:first-child{
	gap: 1rem;
	color: #555555;
}
.sheet-wrap .sec10 .text-box p:last-child{
	gap: 3.5rem;
}
@media (max-width: 991.98px) {
	.sheet-wrap .sec10 {margin-bottom: 8.5rem;}
	.sheet-wrap .sec10 .text-box{
		display: block;
	}
	.sheet-wrap .sec10 .text-box p{
		font-size: 1.6rem;
	}
	.sheet-wrap .sec10 .text-box p:last-child{
		margin-top: 1rem;
	}
}
@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;
	}
}

.sheet-wrap .sec11 h3.tit span,
.sheet-wrap .sec11 p span{
	color: var(--main);
}
.sheet-wrap .sec11 h3.tit span:last-of-type{
	display: block;
	margin-top: 5px;
}
.sheet-wrap .sec11 ul li{
	position: relative;
	padding-left: 1.5rem;
	font-size: 2rem;
}
.sheet-wrap .sec11 ul li::before{
	content: '·';
	position: absolute;
	top:0;
	left: 0;
}

@media (max-width:991.98px) {
	.sheet-wrap .sec12 {text-align: center;}
	.sheet-wrap .sec12 h2,
	.sheet-wrap .sec12 p{text-align: left;}
	.sheet-wrap .sec12 img.swImg{
		max-width: 200px;
		margin: 2rem auto 0;
	}
}


.sheet-wrap .sec13 .table-wrap th,
.sheet-wrap .sec13 .table-wrap td{
	height: 8.5rem;
}
.sheet-wrap .sec14 .table-wrap td{
	height: 7.4rem;
}

.sheet-wrap .sec15 .row{
	justify-content: center;
}
.sheet-wrap .sec15 .num{
	display: inline-block;
	position: absolute;
	top: 0; left: 15px;
	width: 6rem; height: 6rem;
	background: var(--main);
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	line-height: 6rem;
}
.sheet-wrap .sec15 p{
	margin-top: 1rem;
	font-size: 2.2rem;
	font-weight: 600;
}
@media (max-width:991.98px) {
	.sheet-wrap .sec15 .num{
		left: 5px;
		width: 5rem; height: 5rem;
		font-size: 1.8rem;
		line-height: 5rem;
	}
	.sheet-wrap .sec15 p{
		font-size: 1.8rem;
	}
}


/* 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;
	}
}

.uv-wrap .sec07 p{
	color: #777777;
	font-size: 1.8rem;
	text-align: right;
}
@media (max-width: 991.98px) {
	.uv-wrap .sec07 p{
		font-size: 1.6rem;
	}
}


.sinmungo-wrap .step{
	display: flex;
	align-items: center;
	gap: 5.5rem;
	margin: 7rem 0 8rem;
}
.sinmungo-wrap .step li{
	display: flex;
	align-items: center;
	gap:2rem;
	position: relative;
	width: calc(25% - 4rem);
	padding: 1.5rem 3rem;
	background: #d2d2d2;
	border-radius: 2rem;
}
.sinmungo-wrap .step li + li::before{
	content: "\e93f";
	position: absolute;
	top: 50%; left: -5rem;
	color: #888888;
	font-family: 'xeicon' !important;
	font-size: 5rem;
	opacity: .5;
	transform: translateY(-50%);
}
.sinmungo-wrap .step li > p{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 7rem;
	height: 7rem;
	background: #fff;
	color: #d2d2d2;
	font-size: 3.5rem;
	border-radius: 50%;
}
.sinmungo-wrap .step li div{
	color: #fff;
}
.sinmungo-wrap .step li div p:first-child{
	margin-bottom: 2px;
	font-weight: 600;
	font-size: 2.5rem;
}
.sinmungo-wrap .step li div p:last-child{
	font-weight: 300;
	font-size: 1.4rem;
}
.sinmungo-wrap .step li.active{
	background: var(--main);
}
.sinmungo-wrap .step li.active > p{
	color: var(--main);
}
.sinmungo-wrap .btns {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 4rem;
}
.sinmungo-wrap .btns button,
.sinmungo-wrap .btns a{
	display: block;
	width: 20rem;
	height: 6rem;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	line-height: 6rem;
	border-radius: 3rem;
	outline: none;
}
.sinmungo-wrap .btns .prev-btn{
	background: #fff;
	color: #000;
	border: 1px solid #e0e0e0;
}
.sinmungo-wrap .btns .next-btn,
.sinmungo-wrap .btns .apply-btn{
	background: #000;
	color: #fff;
	border: 1px solid #000;
}
.sinmungo-wrap .btns .off,
.sinmungo-wrap section{
	display: none;
}
.sinmungo-wrap section.on{
	display: block;
}
.sinmungo-wrap section .tit{
	font-size: 2rem;
	font-weight: 700;
}
.sinmungo-wrap section .table-wrap table{
	border-top: 2px solid #000;
}
.sinmungo-wrap section .table-wrap table th, 
.sinmungo-wrap section .table-wrap table td {
	text-align: left;
	padding:1.5rem 2rem;
	font-size: 1.6rem;
	font-weight: 400;
}
.sinmungo-wrap section .checkbox{
	display:inline-block;
	color:#333333;
	font-size:1.6rem;
	font-weight: 500;
	overflow:hidden;
}
.sinmungo-wrap section .checkbox > input{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
	left:-100%;
}
.sinmungo-wrap section .checkbox > label{
	display:block;
	position:relative;
	cursor:pointer;
}
.sinmungo-wrap section .checkbox > label::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	overflow:hidden;
	transition:all .1s ease-in-out;
}
.sinmungo-wrap section .form-member{
	padding:0 10px;
	height: 30px;
	color: #999999;
	font-size: 1.4rem;
}
.sinmungo-wrap section select.form-member{
	padding-right: 30px;
}
@media (max-width:1199.98px) {
	.sinmungo-wrap .step {
    gap: 4rem;
	}
	.sinmungo-wrap .step li {
    gap: 1.5rem;
		width: calc(25% - 3rem);
    padding: 1.5rem 2rem;
	}
	.sinmungo-wrap .step li + li::before {
    left: -4rem;
    font-size: 4rem;
	}
}
@media (max-width:991.98px) {
	.sinmungo-wrap .step {
    gap: 3rem;
		margin: 4rem 0 5rem;
	}
	.sinmungo-wrap .step li{
		width: calc(25% - 1.5rem);
		padding: 1rem;
	}
	.sinmungo-wrap .step li + li::before {
    left: -3rem;
    font-size: 3rem;
	}
	.sinmungo-wrap .step li > p {
    width: 5rem;
    height: 5rem;
    font-size: 2.5rem;
	}
	.sinmungo-wrap .step li div p:first-child {
    font-size: 2rem;
	}
}
@media (max-width:767.98px) {
	.sinmungo-wrap .step {
		flex-wrap: wrap;
		max-width: 200px;
		margin: 4rem auto 5rem;
	}
	.sinmungo-wrap .step li{
		width:100%;
	}
	.sinmungo-wrap .step li + li::before {
		top: -2.2rem;
    left: 42%;
		transform:rotate(90deg) translateX(-50%);
	}
	.sinmungo-wrap section .table-wrap colgroup{
		display: none;
	}
	.sinmungo-wrap section .table-wrap table th,
	.sinmungo-wrap section .table-wrap table td{
		display: block;
		padding: 1.5rem;
	}
	.sinmungo-wrap section .table-wrap table th{
		border-right: none;
	}
}

.sinmungo-wrap .sec01{
	padding: 3.5rem 7rem 3.5rem;
	text-align: center;
	border: 1px solid #cccccc;
	border-top-color: #000;
}
.sinmungo-wrap .sec01 div{
	color: #333333;
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: left;
}
.sinmungo-wrap .sec01 div p{
	margin-bottom: 1.5rem;
}
.sinmungo-wrap .sec01 div ul{
	margin-bottom: 3rem;
}
.sinmungo-wrap .sec01 div ul.list2{
	counter-reset:num;
}
.sinmungo-wrap .sec01 div ul li{
	position: relative;
	padding-left: 1.2rem;
}
.sinmungo-wrap .sec01 div ul li::before{
	position: absolute;
	top: 0; left: 0;
}
.sinmungo-wrap .sec01 div ul.list1 li::before{
	content: '·';
}
.sinmungo-wrap .sec01 div ul.list2 li::before{
	content: counter(num)".";
	counter-increment: num;
}
@media (max-width:991.98px) {
	.sinmungo-wrap .sec01 {
    padding: 3rem 3rem 0;
	}
}

.sinmungo-wrap .sec02 ul{
	margin-top: 1rem;
	border-top: 2px solid #000;
}
.sinmungo-wrap .sec02 ul li{
	display: flex;
	align-items: center;
	padding: 2.5rem 5rem;
	font-size: 1.6rem;
	border-bottom: 1px solid #d4d4d4;
}
.sinmungo-wrap .sec02 .checkbox{
	flex-shrink: 0;
	width: 26.5%;
	min-width: 22rem;
}
.sinmungo-wrap .sec02 .checkbox > label{
	padding-left:40px;
}
.sinmungo-wrap .sec02 .checkbox > label::after{
	width:22px;
	height:22px;
	background:url('../_img/sub/sinmungo-icon.png') no-repeat left top / 22px auto;
}
.sinmungo-wrap .sec02 .checkbox > input:checked + label::after{
	background:url('../_img/sub/sinmungo-icon.png') no-repeat left -22px / 22px auto;
}
@media (max-width:991.98px) {
	.sinmungo-wrap .sec02 ul li {
    padding:2rem;
	}
	.sinmungo-wrap .sec02 .checkbox > label{
		padding-left:25px;
	}
	.sinmungo-wrap .sec02 .checkbox > label::after{
		width:18px;
		height:18px;
		background:url('../_img/sub/sinmungo-icon.png') no-repeat left top / 18px auto;
	}
	.sinmungo-wrap .sec02 .checkbox > input:checked + label::after{
		background:url('../_img/sub/sinmungo-icon.png') no-repeat left -18px / 18px auto;
	}
}
@media (max-width:767.98px){
	.sinmungo-wrap .sec02 ul li b,
	.sinmungo-wrap .sec02 ul li {
    display: block;
	}
	.sinmungo-wrap .sec02 ul li b{margin-top: 5px;}
}

.sinmungo-wrap .sec03 .text-box{
	margin-bottom: 5rem;
	padding: 4rem;
	background: #f7f7f7;
	border: 1px solid #eeeeee;
	border-radius: 2rem;
}
.sinmungo-wrap .sec03 .text-box > p{
	position: relative;
	padding-left: 2rem;
	font-size: 1.6rem;
	font-weight: 500;
}
.sinmungo-wrap .sec03 .text-box > p::before{
	content: '※';
	position: absolute;
	top: 0; left: 0;
}
.sinmungo-wrap .sec03 .text-box > p:last-child span,
.sinmungo-wrap .sec03 .text-box > p:last-child::before{
	color: var(--main);
}
.sinmungo-wrap .sec03 .form-member1{
	width: 265px;
}
.sinmungo-wrap .sec03 .form-member2{
	width: 50%;
}
.sinmungo-wrap .sec03 textarea.form-member{
	padding: 10px;
	height: 21rem;
}
.sinmungo-wrap .sec03 .fileBox{
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 650px;
	height: 30px;
	padding-right: 161px;
	vertical-align: middle;
}
.sinmungo-wrap .sec03 .fileBox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sinmungo-wrap .sec03 .fileBox .fileName {
	width: 100%;
	height: 100%;
	z-index: 2;
	border: 0;
	padding: 5px 15px;
	font-size: 1.4rem;
	color: #999999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #e9e9e9;
}
.sinmungo-wrap .sec03 .btn_file {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	font-size: 1.4rem;
	z-index: 5;
}
.sinmungo-wrap .sec03 .fileBox .btn_file > span {
	position: absolute;
	right: 0;
	top: 0;
	width: 156px;
	text-align: center;
	line-height: 28px;
	height: 30px;
	background: #fff;
	border: 1px solid #000;
}
.sinmungo-wrap .sec03 .fileBox .btn_file > span > i {
	display: inline-block;
	font-style: normal;
	padding-left: 20px;
	color: #333;
	background: url(../_img/sub/sinmungo-icon2.png) no-repeat left center / 13px auto;
}
@media (max-width:991.98px) {
	.sinmungo-wrap .sec03 .text-box {
    margin-bottom: 3rem;
    padding: 2rem;
	}
}

.sinmungo-wrap .sec04 .box{
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 100%;
	max-width: 720px;
	font-size: 1.6rem;
	color: #555;
}
.sinmungo-wrap .sec04 .box .form-member{
	width: 30%;
}
.sinmungo-wrap .sec04 .checkbox{
	margin-right: 15px;
	vertical-align: middle;
}
.sinmungo-wrap .sec04 .checkbox > label{
	padding-left:25px;
}
.sinmungo-wrap .sec04 .checkbox > label::after{
	width:15px;
	height:15px;
	background:url('../_img/sub/sinmungo-icon3.png') no-repeat left top / 15px auto;
}
.sinmungo-wrap .sec04 .checkbox > input:checked + label::after{
	background:url('../_img/sub/sinmungo-icon3.png') no-repeat left -15px / 15px auto;
}