@charset "utf-8";

/*== common =============================================================*/
@media (max-width: 1900px){
	/* .subPage #header, .sub-wrap{padding: 0 30px;} */
	.IntroKeyVisual .KeyText{right: 30px !important;}
	.scroll-top{right: 20px;}
}
@media all and (max-width:1499px){
	.IntroKeyVisual .KeyText{font-size: 65px !important;}
	.IntroKeyVisual .KeyText{font-size: 65px !important;}
	/* layout */
	.sub-wrap:not(._pathIndicatorList){width: 95%; padding: 0;}
	/* .sub-wrap:not(:has(.history)){width: 95%; padding: 0;} */
	.sub-visual{height: 400px;}
	.sub-visual h2{font-size: 50px;}
	.ContentTitle,
	.sub_head{
		margin-bottom: 50px !important;
		font-size: 45px !important;
	}
	.SubContentTitle{font-size: 30px;}
	.desc .desc-tit{font-size: 26px;}
	.desc p{font-size: 20px; line-height: 26px;}
	.con-img{height: 300px;}
	.con-img span{
		padding-right: 65px;
		font-size: 35px; line-height: 65px;
	}
	/* list-type */
	.list-type1 .flex > ul{width: 100%;}
	/* margin-bottom */
	.mb200{margin-bottom: 130px !important;}
	/* text */
	.txt22{font-size: 20px !important; line-height: 28px;}
	.txt30{font-size: 26px !important; line-height: 34px !important;}
	/* 게시판 */
	.Article.Type1{width: calc(100% / 3 - 15px);}
}
@media all and (max-width:1200px){
	.IntroKeyVisual .KeyText{font-size: 45px !important;}
	.IntroKeyVisual .KeyText .Block{line-height: 60px;}
	/* layout */
	.sub-visual{height: 300px;}
	.sub-visual h2{font-size: 40px !important;}
	.sub_head{font-size:35px !important}
	.PathIndicator{margin-top: 0;}
	.PathIndicator > ul, .PathIndicator > ul > li{height: 60px;}
	.PathIndicator > ul > li > ul{top: 60px;}
	.ContentSection .ContentTitle{font-size: 35px !important;}
	.ContentSection .SubContentTitle, .sub-con h4, .IntroKeyVisual .DescArea .Tit > span{font-size: 26px; line-height: 32px; margin-bottom: 20px;}
	.desc .desc-tit{font-size: 24px !important; line-height: 32px;}
	.con-img{height: 220px;}
	.con-img span{
		padding-right: 60px;
		font-size: 30px; line-height: 60px;
	}
	.data-rate > div em{font-size: 40px;}
	.txt-box{font-size: 26px; line-height: 36px;}
	/* margin-bottom */
	.mb200{margin-bottom: 80px !important;}
	/* text */
	.txt18{font-size: 16px !important; line-height: 22px;}
	.txt20{font-size: 17px !important; line-height: 26px;}
	.txt22{font-size: 18px !important; line-height: 26px;}
	.txt30{font-size: 26px !important; line-height: 34px !important;}
}
@media all and (max-width: 1080px){
	/* margin bottom */
	.mb60{margin-bottom: 30px;}
	/* 게시판 */
	.Article.Type1{width: calc(50% - 20px);}
	/* 게시판 디테일 */
	.bbs_view > table.view_1 > tbody > tr > td > p {white-space: inherit;}
}
@media all and (max-width:980px){
	.Tab.Type2, .Tab.Type2 > .Mobile, .Tab.Type2 > .Mobile select{width: 100%;}
	.Tab.Type2{top: 120px; z-index: 10;}
}
@media all and (max-width:768px){
	body {font-size:16px;}
	table{line-height: 20px;}
	.scroll-top{width: 55px; height: 55px; bottom: 15px; right: 18px;}
	.scroll-top .material-symbols-rounded{margin: -8px 0 -9px; font-size: 30px;}
	.IntroKeyVisual .KeyText{
		font-size: 28px !important;
		top: -20px !important; right: 10px !important;
	}
	.IntroKeyVisual .KeyText .Block{line-height: 38px;}
	.bottom-button{height: 50px;}
	.fixed-btn {right: 20px; bottom: 80px;}
	.Tab.Type2{top: 80px;}
	/* layout */
	.sub-visual{height: 200px;}
	.sub-visual h2{font-size: 30px !important;}
	.sub_head{font-size:22px !important}
	.desc p:last-child{margin-bottom: 20px;}
	.ContentSection .SubContentTitle, .sub-con h4, .IntroKeyVisual .DescArea .Tit > span, .form-wrap h4{font-size: 22px; line-height: 28px; margin-bottom: 10px;}
	.con-img{height: 170px;}
	.PathIndicator{margin-bottom: 80px;}
	.PathIndicator > ul{
	    flex-wrap: wrap;
		height: auto;
		padding:0
	}
	.PathIndicator > ul > li{
		width: 100%; height: 50px;
	}
	.PathIndicator > ul > li + li{border-top: 1px solid #fff;}
	.PathIndicator > ul > li:first-child + li {border-top: none;}
	.PathIndicator > ul > li.Home{display: none;}
	.PathIndicator > ul > li.Depth1 > a, .PathIndicator > ul > li.Depth2 > a, .PathIndicator > ul > li.Depth3 > a{width: 100%;}
	.PathIndicator > ul > li > ul{top: 49px;}
	.ContentSection .ContentTitle{font-size: 28px !important;margin-bottom: 40px !important;}
	/* tab */
	.performance .performance-nav{flex-wrap:wrap; width: 100%; top: 80px;}
	.performance .performance-nav li a{display: block; width: 100%;}
	.performance .performance-nav.tab4 li{width: calc(100% / 4); padding: 10px;}
	.performance .performance-nav.tab5 li{width: calc(100% / 5); padding: 10px;}
	.ContentTitle{margin-bottom: 40px !important; font-size: 28px !important;}
	.desc .desc-tit{font-size: 20px !important; line-height: 26px !important;}
	.desc p{font-size: 16px; line-height: 24px;}
	.con-img span{padding-right: 50px; font-size: 20px; line-height: 32px; text-indent: 10px; letter-spacing: -1.3px;}
	.txt-box{font-size: 20px; line-height: 26px; padding: 25px 20px;}
	.bottom-button {width:calc(100% / 3 - 15px); font-size:15px !important;}
	/* list-type */
	.list-type1 ul li{display: block;}
	.list-type1 ul li p{padding-right: 0;}
	.list-type2 ul li > img{
		border: none; border-radius: 10px; margin-bottom: 10px;
		box-shadow: none; 
	}
	.list-type2 ul li .order, .list-type2 ul li > div{padding: 0 0 0 5px;}
	.list-type2 ul li > div, .list-type2 ul li > div, .list-type2 ul li > img{width: 100%;}
	.list-type2 ul li span{margin-bottom: 5px !important;}
	.list-type1 .list-type2 .flex.list-type1 .list-type2 .flex{margin-bottom: 20px;}
	/* margin-bottom */
	.mb200{margin-bottom: 60px !important;}
	.mb150{margin-bottom: 120px;}
	.mb100{margin-bottom: 40px;}
	.mb50{margin-bottom: 20px;}
	/* text-size */
	.txt16{font-size: 14px !important; line-height: 20px !important;}
	.txt20{font-size: 16px !important; line-height: 23px;}
	.txt22{font-size: 17px !important; line-height: 23px !important;}
	.txt26{font-size: 20px !important; line-height: 28px !important;}
	.txt30{font-size: 22px !important; line-height: 32px !important;}
	/* 게시판 */
	.Article.Type1{width: 100%; border-radius: 10px;}
	.Article.Type1 .ListSect .MetaInfo{margin-bottom: 0;}
	.Article.Type1 .ListSect .Title{min-height: auto; margin-bottom: 10px;}
	.Article.Type1 .ListSect .Summary{padding-bottom: 0;}
	.Article.Type1 .ListSect .Thumbnail{display: none;}
	.Article.Type1 .Thumbnail-box{width: 100%;}
	.Article.Type1 .InnerCover.ListSect .Download{padding-top: 15px;}
	.Article.Type1 .ListSect .Download a{width: 25%;}
	.SearchField.Type1{margin-bottom: 30px;}
	.SearchField.Type1 .Category.Select1, .SearchField.Type1 .Category.Select2{width: 100%; margin-bottom: 10px; margin-right: 0;}
	.SearchField.Type1 .flex{width: 100% !important;}
	/* tab */
	.tabNavigation li{margin: 0 5px 5px 0;}
	.tabNavigation a{padding: 10px 15px;}
}
@media all and (max-width: 568px){
	.ContentSection{padding-top: 65px;}
	.performance .performance-nav{justify-content: flex-start; top: 65px;}
	.performance .performance-nav.tab5 li{width: calc(100% / 3);}
	.Tab.Type2{top: 65px;}
	/* margin-bottom */
	.mb150{margin-bottom: 80px;}
	.mb60{margin-bottom: 25px;}
	/* text */
	.txt26{font-size: 18px !important;}
	/* layout */
	.ContentSection .SubContentTitle, .sub-con h4, .IntroKeyVisual .DescArea .Tit > span, .form-wrap h4{font-size: 20px; line-height: 26px; margin-bottom: 10px;}
	.desc .desc-tit{font-size: 18px !important; line-height: 24px !important;}
	.place-list address{display: block;}
	.place-list address > div:before{display: none;}
	.place-list address p{width: 100%; padding-left: 42px;}
	/* .TabFunc {margin-bottom: 50px;} */
	.bottom-button {width:100%; margin:0 0 10px 0;}
	.txt-box{padding: 20px; font-size: 18px;}
	/* 게시판 */
	.Article.Type1 .ListSect .Download a{width: 50%;}
}
@media all and (max-width:480px){
	/* tab */
	.performance .performance-nav.tab4 li{width: calc(100% / 2);}
	/* 게시판 */
	table th{padding: 15px 0;}
	table td{padding: 15px 5px;}
}

/*== 01_회사소개 =============================================================*/
/* 회사개요 */
@media all and (max-width: 1440px) {
	.img100 img {max-width:1440px; width:100%;}
	.overview-compe{margin-top: 240px;}
	.overview-compe h4{
		width: 500px; height: 500px;
		font-size: 30px;
	}
	.overview-compe ul li{width: 490px;}
	.overview-compe ul li:nth-child(1){transform: translate(-100px, -50%);}
	.overview-compe h5:before{margin: 10px 0}
	.overview-compe ul li h5{
		width: 220px; height: 220px;
		padding: 20px;
	}
	.overview-compe ul li p{width: 250px;}
	.data-rate > div {padding:20px;}
	.data-rate div.Company {height:345px;}
	.ArticleWrap.Divide3 .Article figure {height:200px; margin: 0 auto 20px;}
}
@media all and (max-width: 1200px) {
	.overview-compe{margin-top: 120px;}
	.overview-compe h4{
		width: 100%; height: auto;
		padding: 20px; margin-bottom: 20px; border-radius: 10px;
		font-size: 26px;
		background: none; background-color: #2838b0;
	}
	.overview-compe ul li{
		width: 100%;
		margin-bottom: 20px;
		position: relative; left: 0 !important;
		transform: none !important;
	}
	.overview-compe ul li h5{
		height: 200px;
		border-radius: 20px;
	}
	.overview-compe ul li h5, .overview-compe ul li p{width: calc(50% - 20px);}
	.overview-compe ul li p.order{text-align: left; order: 1;}
	.overview-info-box div span:first-child{margin: 30px 0 20px;}
	.data-rate div.Company .tit01{font-size: 20px;}
	.ArticleWrap.Divide3 .Article figure {height:auto;}
}
@media all and (max-width: 1000px) {
	.data-rate div.Company {width:100%; height: 300px;}
	.data-rate > div {width: calc(100% / 2);}
	.data-rate div em {font-size:30px;}
	.ArticleWrap.Divide3 .Article.Type3 .ArticleTit {display:block; width:100%;}
	.ArticleWrap.Divide3 .Article {width:100%; margin:10px; padding: 20px;}
	.overview-info-box div span:first-child{margin: 30px 0 15px;}
	.CompanyInfo02 .line_box > li span{margin-right:30px}
}
@media all and (max-width: 768px) {
	.overview-compe h4{font-size: 22px;}
	.overview-compe ul li h5{height: 170px; border-radius: 10px;}
	.overview-compe ul li h5, .overview-compe ul li p{width: calc(50% - 5px); padding: 10px;}
	.ArticleWrap.Divide3 .Article {width:100%; margin:20px 0;}
	.data-rate div.Company {height: 260px;}
	.Article.Type3 .Desc{margin: 5px 0 20px;}
	.CompanyInfo02 .line_box > li{width: 100%;flex-direction: column;gap:10px;padding: 25px 30px}
}
@media all and (max-width: 568px) {
	.overview-compe{margin-top: 100px;}
	.overview-compe h4{padding: 15px; margin-bottom: 15px; font-size: 20px;}
	.overview-compe ul li{margin-bottom: 15px;}
}

/* CEO 인사말 */
@media all and (max-width: 1500px){
	.ceo .ceo_img{width: calc(100% - 745px);}
}
@media all and (max-width: 1200px){
	.ceo > div{align-items: flex-start; margin-bottom: 100px;}
	.ceo .desc p:last-child{margin-bottom: 3rem;}
	.ceo .ceo_img{width: calc(100% - 645px); margin: 0 auto 80px;}
	.ceo > div .ceo_img:before{
		font-size: 18px;
		left: 15px; top: 15px;
	}
	.ceo .ceo_img:after{border: 10px solid #005696; right: -20px; top: 20px;}
	.ceo > div div{width: 545px;}
	.ceo .ceo-name{font-size: 20px;}
}
@media all and (max-width: 1000px){
	.ceo > div{display: block;}
	.ceo .ceo_img{width: 60%; margin: 0 auto 50px;}
	.ceo .ceo_tit{font-size:20px;}
	.ceo > div div{width: 100%;}
	.ceo > div div p:not(:last-child){margin-bottom: 20px;}
	.ceo > div div p.mb{margin-bottom: 35px;}
	.ceo .ceo-name{font-size: 18px;}
}
@media all and (max-width: 420px){
	.ceo .ceo_img{width: 80%;}
	.ceo > div .ceo_img:before{
		font-size: 15px;
		left: 10px; top: 10px;
	}
}

/* 신 가치체계 */
@media all and (max-width:1200px){
	.value-prin div{display: block;}
	.value-prin div::before, .value-prin ul{width: 100%;}
	.value-prin div::before{height: 300px; margin-bottom: 35px;}
	.value-prin li:not(:last-child){margin-bottom: 15px;}
}
@media all and (max-width: 1080px){
	.value-Phil img{width: 100%;}
	.value-pride img{margin: 0 auto 25px;}
	.PRIDE{display: none;}
	.pride{display: block;}
	.pride > li{
		width: 100%;
		padding: 35px 35px 40px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 20px;
	}
	.pride p{margin-bottom: 25px;}
	.pride h5{
		margin-right: 50px;
    	color: #333; font-weight: 600; text-align: center;
    }
    .pride h5::before{content: "";
    	display: block;
    	width: 100px; height: 87px;
    	margin-bottom: 20px;
    	background-size: 100%; background-image: url("../images/content/pride_bg.png");
    }
    .pride li:nth-child(2) h5:before{background-position: 0 -102px;}
    .pride li:nth-child(3) h5:before{background-position: 0 -207px;}
    .pride li:nth-child(4) h5:before{background-position: 0 -310px;}
    .pride li:nth-child(5) h5:before{background-position: 0 -413px;}
    .pride span{
	    display: block;
	    margin-bottom: 15px;
    }
    .pride span em{font-size: 50px; font-weight: 600;}
    .pride li:nth-child(1) span em{color: #134e8f;}
    .pride li:nth-child(2) span em{color: #eca855;}
    .pride li:nth-child(3) span em{color: #d96544;}
    .pride li:nth-child(4) span em{color: #82b345;}
    .pride li:nth-child(5) span em{color: #68b2cb;}
    .pride .flex{justify-content: flex-start; flex-wrap: nowrap;}
}
@media all and (max-width:768px){
	.value-Phil img{margin: 0 auto 20px;}
	.value-prin div::before{height: 200px;}
	.value-prin li:not(:last-child){margin-bottom: 10px;}
}
@media all and (max-width:420px){
	.pride > li{padding: 30px 20px 35px;}
	.value-prin div::before{height: 150px;}
}

/* 연혁 */
@media all and (max-width: 2000px){
	/* .performance > div.history{margin-top: 50px;} */
	.history-box > div{width: calc(100% - 135px);}
}
@media all and (max-width: 1200px){
	.history-box-txt, .history-box-list{width: calc(50% - 45px);}
	.history .swiper{height: 375px;}
	.history-swiper-box{margin-bottom: 20px;}
	.history-box > div{padding: 50px 35px;}
	.history-box-txt{margin-bottom: 70px;}
	.history-box-list::before{height:92%}
	.history-box-list > li{margin-bottom: 25px;}
}
@media all and (max-width: 768px){
	.history-box > div{display: block;}
	.history .swiper{height: 220px;}
	.history-swiper-box{margin-bottom: 0; top: 200px !important;}
	.history-box > div{width: calc(100% - 95px); padding: 35px 20px;}
	.history-box-txt, .history-box-list{width: 100%;}
	.history-box-txt{margin-bottom: 50px;}
	.history-box-list{padding-left:30px}
	.history-box-list::before{height:86%}
	.history-box-list > li::before{left: -34px;width: 10px;height: 10px;}
	.history-box-txt > p{margin-bottom: 20px;}
}
@media all and (max-width: 480px){
	.history-swiper-box{top: 240px !important;}
}

/* CI */
@media all and (max-width: 1499px){
	.ci-ci-box div:first-child{padding: 55px 0;}
	.ci-bi-box div:nth-child(-n+4){padding: 50px 0;}
}
@media all and (max-width: 1200px){
	.ci-ci-box div:nth-child(1) ~ div{padding: 2rem 0;}
	.ci-color dl dd, .ci-color-box dl{width: calc(100% / 3 - 14px);}
	.ci-color > dl dd:not(:nth-child(5n)){margin-right: 0;}
	.ci-color > dl dd:not(:nth-child(4n)){margin-right: 20px;}
	.ci-color-box dl dd{width: 100% !important;}
	.ci-bi-box div:nth-child(-n+4){padding: 30px 0;}
}
@media all and (max-width: 768px){
	.ci-img{margin-bottom: 10px;}
	.ci-ci-box div:first-child{padding: 1rem 0;}
	.ci-ci-box div:nth-child(1) ~ div{width: 100%; padding: 1rem 0;}
	.ci-ci-box div:nth-child(2) img,
	.ci-ci-box div:nth-child(3) img,
	.ci-ci-box div:nth-child(4) img,
	.ci-ci-box div:nth-child(5) img{width: 30%;}
	.ci-color dl dd{margin-bottom: 5px;}
	.ci-color dl dd, .ci-color-box dl{width: calc(100% / 2 - 10px);}
	.ci-color dl:nth-child(3) dd{padding: 20px 25px;}
	.ci-color > dl dd:not(:nth-child(4n)){margin-right: 0;}
	.ci-color > dl dd:not(:nth-of-type(2n)){margin-right: 20px;}
	.ci-color-box dl:last-child{margin-right: 0;}
	.ci-bi-box div{width: calc(50% - 5px); margin-bottom: 3px;}
	.ci-bi-box div:nth-child(-n+4){margin-bottom: 10px;}
}
@media all and (max-width: 568px){
	/* .ci-ci-box div:nth-child(1) img, .ci-ci-box div:nth-child(2) img{width: 50%;}
	.ci-ci-box div:nth-child(3) img{width: 75%;}
	.ci-ci-box div:nth-child(4) img{width: 70%;}
	.ci-ci-box div:nth-child(5) img{width: 80%;} */
	.ci-color > dl dd:not(:nth-of-type(2n)), .ci-color > dl dd:not(:nth-child(4n)){margin-right: 0;}
	.ci-color dl dd, .ci-color-box dl{width: 100%;}
	.ci-color-box{display: block;}
}

/* 국내사업장 */
@media all and (max-width: 1200px) {
	.domestic-swiper{display: block; height: 400px;}
	.domestic-swiper .mySwiper2{width: 100%; height: 400px;}
	.domestic .mySwiper .swiper-wrapper{display: none;}
}
@media all and (max-width: 768px) {
	.domestic-swiper, .domestic-swiper .mySwiper2{height: 300px;}
	.subPage .swiper-button-prev, .subPage .swiper-rtl .swiper-button-next, .subPage .swiper-button-next, .subPage .swiper-rtl .swiper-button-prev{width: 35px; height: 35px;}
	.place-map, .place-map iframe{height: 300px;}
}

@media all and (max-width: 568px) {
	.domestic-swiper, .domestic-swiper .mySwiper2{height: 210px;}
	.domestic-swiper .mySwiper2 .swiper-slide p{
		padding: 10px 100px 10px 15px; line-height: 22px;
	}
}

/* Sales Network */
@media all and (max-width: 1200px) {
	.sales-box li {width:calc(100% / 2 - 10px);}
	.sales-box li:not(:nth-child(3n)){margin-right: 0;}
	.sales-box li:not(:nth-child(2n)){margin-right: 20px;}
}
@media all and (max-width: 768px) {
	.sales-box li {width:100%; margin-bottom:20px; padding:30px 30px;}
	.sales-box li:not(:nth-child(2n)){margin-right: 0;}
}
@media all and (max-width: 480px) {
	.sales-box li {padding:20px 30px;}
	.sales-box li h5 {margin-bottom:15px; padding-bottom:15px;}
	.sales-box li h5 span {margin-bottom:0;}
}


/*== 02_사업현황 =============================================================*/
/* 사업분야 */
@media (max-width: 1000px) {
	.ProductTable {overflow-x: auto;-webkit-overflow-scrolling: touch;	}
	.ProductTable .table-column {min-width: 900px;}
}


/*== 03_연구개발 =============================================================*/
/* 연구소소개 */
@media all and (max-width:1200px) {
	.research-strategy .flex li {padding:30px 20px;}
	.research-core dl {padding:25px 30px;}
	.research-core dl dd {margin-left:20px;}
}
@media all and (max-width:768px) {
	.research-detailed{padding: 50px 0;}
	.research-detailed .flex > li{display: block;}
	.research-detailed .flex > li span{margin-bottom: 10px;}
	.research-core .flex > div {width:100%;margin-bottom:20px;}
	.research-core dl {height:auto;}
	.research-core dl dd {width:100%; line-height: 32px; text-align: center;}
	.research-core div:nth-child(3) > div {margin-top:0;}
	.research-core div:nth-child(3) > div > div {padding-top:0;}
	.research-core div:nth-child(3) > div > div img {width:130px;height:130px;}
	.research-core div:nth-child(3) > div > div img:not(:last-child) {margin-right:15px;}
	.research-core div:nth-child(4) p {font-size:24px;line-height:32px;}
	.arrow1::after, .arrow2::before {font-size:20px;}
	.arrow1::after {padding-top:20px;}
	.arrow2::before {margin-bottom:20px;}	
}
@media all and (max-width:568px) {
	.research-detailed .flex > li {width:100%;margin-bottom:10px;padding:20px 20px;}
	.research-core dl dd {margin-left:0;}
	.research-situation-box {width:100%;}
	.arrow1::after {padding-top:10px;}
	.arrow2::before {margin-bottom:10px;}
}
@media all and (max-width:480px) {
	.research-strategy .flex li {width:100%; padding:15px 15px;border-radius:10px; margin-bottom:10px;}
	.research-strategy .arrow1 .flex li {width:100%;margin-bottom:10px;}
	.research-strategy ul li:last-child .flex li {width:100%;margin-bottom:10px;}
	.research-core div:nth-child(3) > div p {margin-bottom:0 !important;}
	.research-core div:nth-child(3) > div > div {display:none;}
	.research-core div:nth-child(4) p {font-size:22px;}
}

/* 주요연구분야 */
@media all and (max-width:1200px) {
	.study .arrow2 .table-row td .img {padding-right:20px;}
	.study .arrow2 .table-row td .img img {margin:0 20px !important;}
}
@media all and (max-width:768px) {
	.study-view > div > div:nth-child(1) ul{margin-bottom: 15px;}
	.study-view > div > div:nth-child(1) ul.txt20 {font-size:17px !important;}
	.study-view > div > div:nth-child(1) ul li{padding: 20px 0;}
	.study-view > div > div:nth-child(2) ul, .study-view > div > div:nth-child(2) p{width: 100%;}
	.study .arrow2 .table-row td .img {display:none;}
}
@media all and (max-width:568px) {
	.study-view > div > div:nth-child(1) span {display:block;width:100%;padding:0; margin-bottom: 0;}
}

/* 연구 실적 */
@media all and (max-width:2000px) {
	/* .performance > div{margin-top: 100px;} */
	.history-swiper-box{top: 250px;}
}
@media all and (max-width:1200px) {
	.performance .side{width: 155px;}
	.performance .side li{font-size: 40px;}
	.performance .side li:not(:last-child){top: 220px;}
	.performance > div > div{width: calc(100% - 155px);}
	.list-type1 ul li span{margin-bottom: 5px;}
}
@media all and (max-width:768px) {
	.performance .side{width: 110px;}
	.performance .side li{font-size: 28px;}
	.performance .side li:not(:last-child){top: 150px;}
	.performance > div > div{width: calc(100% - 20px);}
	.performance .list-type1 ul li{width: 100%;}
}
@media all and (max-width:568px) {
	.performance .side li:not(:last-child){top: 185px;}	
}
@media all and (max-width:480px) {
	.performance .side li:not(:last-child){top: 180px;}
}

/* 연구인프라 */
@media all and (max-width:1200px) {
	.infra-box {height:auto;border-top:3px solid #eee;}
	.infra-box.mb200 {margin-bottom:80px !important;}
	.infra-box div:after {width:100%;}
	.infra-box > li {position:relative;}
	.infra-box > li:after {content:'';display:block;position:absolute;left:0;bottom:0;width:0;height:3px;background:#1067c4;transition: all 1.5s;}
	.infra-box > li.on {padding-bottom:35px;}
	.infra-box > li.on:after {width:100%;}
	.infra-box > li div{width: 100%;}
	.infra-box img{box-shadow: none;}
	.infra-box > li.on div:after {display:none;}
	.infra-box h4 {margin-bottom: 0; font-size:22px;line-height:1.2;}
	.infra-box > li.on h4 {margin-bottom:10px;}
	.infra-box > li.on ul.txt18 {padding:0 20px 20px 20px;font-size:16px !important;}
	.infra-box img {position:relative;max-width:600px;width:calc(100% - 40px);margin-left:20px;}
}
@media all and (max-width:768px) {
	.infra-box h4 {font-size: 18px; margin-bottom: 0;}
}


/*== 04_ESG =============================================================*/
/* 지배구조 - 윤리경영 */
@media all and (max-width: 1499px){
	.ethics_operate h5{font-size: 24px;}
}
@media all and (max-width: 768px){
	.ethics_operate h5{font-size: 20px;}
}
/* 상생경영 - 추진활동 */
@media all and (max-width: 1080px){
	.esg_con .eIndicatorsBox li{width: 100%;}
}

/* 지배구조 - 위원회 */
@media all and (max-width:768px){
	.esg_con .committeeBox li.leftBox > div, .esg_con .committeeBox li.rightBox > div{width: 100%;}
}


/*== 05_홍보센터 =============================================================*/
/* 이녹스첨단소재한눈에보기 */
.summary-list {overflow:hidden;}
@media all and (max-width:1400px) {
	.SummarySwiper .swiper-slide div {width:calc(100% - 400px); margin-left:0;}
	.SummarySwiper .swiper-slide figure {top:0;transform:none;width:330px;height:330px;}
	.SummarySwiper .swiper-slide figure img {width: auto; height:100%;}
	.summary-swiper-nav{left: -10px;}
	.summary .data-rate > div em{font-size: 40px;}
	.summary .data-rate > div:last-child > div > canvas {margin:0 auto;width:95% !important;height:95% !important;}
	.summary-list li:hover {padding-top:15%;}
}
@media all and (max-width:1200px) {
	.SummarySwiper {min-height:350px;height:auto;}
	.SummarySwiper .swiper-wrapper {margin-bottom:50px;}
	.summary-swiper-nav {bottom:13px;}
	.summary .data-rate > div em{font-size: 35px;}
	.summary-list {height:auto;}
	.summary-list li {margin-bottom:10px;padding:20px !important;width:100% !important;}
	.summary-list li:hover::before {opacity:1;background-color:rgba(255, 255, 255, .5);}
	.summary-list li:hover div {background-color:rgba(0, 0, 0, .65);transition:none;}
	.summary-list li h5 {margin-bottom:0;}
	.summary-list li p {display:none;}
	.summary-list li:hover p {display:block;margin-top:10px;}
	.summary .data-rate > div {padding:30px 20px;}
	.summary .data-rate > div:last-child{margin-left: 0;}
}
@media all and (max-width:1000px) {
	.summary .data-rate > div{width: calc(50% - 10px);}
}
@media all and (max-width:768px) {
	.SummarySwiper .swiper-slide div {width:100%;margin-top:355px;text-align:center;}
	.SummarySwiper h5 {margin-bottom:10px;}
	.SummarySwiper .swiper-slide figure {left:50%;margin-left:-165px;width:330px;height:330px;}
	.summary-swiper-nav {margin:0 auto;}
	.summary .data-rate > div em{font-size: 26px !important;}
}
@media all and (max-width:568px) {
	.summary .sub-bg {padding:30px 60px;}
	.summary .data-rate > div {width:calc(100% / 2 - 10px);margin-left:20px;}
	.summary .data-rate > div:nth-child(3n+1) {margin-left:20px;}
	.summary .data-rate > div:nth-child(2n+1) {margin-left:0;}
	.summary .data-rate > div:first-child p {margin-bottom:30px;}
	.summary .data-rate > div em{font-size: 20px !important;}
}
@media all and (max-width:480px) {
	.SummarySwiper .swiper-slide figure {margin-left:-140px;width:280px;height:280px;}
	.SummarySwiper .swiper-slide div {margin-top:305px;}
	.summary .data-rate > div {width:100%;margin-left:0;margin-bottom:20px;padding:20px 15px;}
	.summary .data-rate > div:nth-child(3n+1) {margin-left:0;}
	.summary .data-rate > div:nth-child(2n+1) {margin-left:0;}
	.summary .data-rate > div:first-child p {margin-bottom:10px;}
	.summary .summary-btn {margin-bottom:30px;}
}

/* 이녹스첨단소재스토리 */
@media all and (max-width:768px) {
	.InnoxStory li {width:100%;margin-bottom:20px; padding:30px 20px;}
}

/* 사업장투어 */ 
@media all and (max-width:1200px) {
	.tour .flex li {width:calc(100% / 3 - 20px);margin-right:30px;}
	.tour .flex li:not(:nth-child(4n)) {margin-right:30px;}
	.tour .flex li:nth-child(3n) {margin-right:0;}
}
@media all and (max-width:768px) {
	.tour .flex li {width: calc(100% / 2 - 10px); margin-right:20px;}
	.tour .flex li:not(:nth-child(4n)) {margin-right:20px;}
	.tour .flex li:nth-child(3n) {margin-right:20px;}
	.tour .flex li:nth-child(2n) {margin-right:0;}
	.tour .flex li .txt20 {font-size:16px !important;line-height:20px !important;}
}
@media all and (max-width:480px) {
	.tour .flex li {width:100%; margin-right:0 !important;}
}
/* 투어신청, 윤리경영, 문의하기 */
@media all and (max-width: 678px){
	.form-input-box{padding: 15px 5px;}
	.form-input1 .form-input-box select{width: 100%;}
}


/*== 06_투자정보 =============================================================*/
/* 주주메세지 */
@media all and (max-width: 1499px) {
	.message .desc p:last-child{font-size: 18px;}
}
@media all and (max-width: 1000px) {
	.message-charts-box > div {width:100%;}
	.message-charts-box dl > div:first-child{margin-bottom: 20px;}
	.DefinitionList.Type1 table {width:100%; margin-top:20px;}
	.DefinitionList.Type1 table:first-child {margin-top:0;}
	.message-charts-box .message-charts2 {padding:20px;background:#F4F7FA;border-radius:20px;}
	.message-charts-box .message-charts1 {margin-top:20px;}
}
@media all and (max-width:768px) {
	.message .desc p:last-child{font-size: 14px;}
	.message table tr td:not(:last-child){border-right: 1px solid #DEEDF9 !important; border-bottom: 1px solid #DEEDF9 !important;}
	.message table .message-bg td:not(:last-child), .message table .message-bg1 td:not(:last-child), .message table .message-bg2 td:not(:last-child){border-right: 1px solid #fff !important; border-bottom: 1px solid #fff !important;}
	.message table thead{top: 79px;}
}
@media all and (max-width: 568px) {
	.TableType.Type1 table{width: 768px; line-height: 20px; position: relative;}
	.message table thead{top: 0;}
	.message #Tab02 h4{position: relative;}
	.message #Tab02 h4:after{content: "";
		display: block;
		width: 49px; height: 36px;
		background: url("/images/content/esgMgt/scrollIcon.png") no-repeat;
		position: absolute; right: 0; top: 7px;
	}
	.TableType.Type1 .Inner{margin-top: 0; overflow-x: scroll;}
}


/*== 07_인재채용 =============================================================*/
/* 이녹스첨단소재라이프 */
@media all and (max-width:1200px){
	.InnoxLife .ArticleWrap.Divide3 .Article.Type3{width: calc(100% / 3 - 10px); margin: 5px; padding: 20px 15px; border-radius: 10px;}
	.InnoxLife .Article.Type3 .Image2{padding: 0; margin: 0 auto 10px;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type3 .ArticleTit{margin-bottom: 5px; font-size: 18px; line-height: 24px;}
	.InnoxLife .Article.Type3 .DescBottom{margin: 0;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type1{margin: 20px auto 0;}
	.InnoxLife .Article.Type1 .Title{min-height: 0; font-size: 20px;}
	.InnoxLife .Article.Type1.NoFunc .DescSect{padding-top: 0;}
	.InnoxLifeContent .InnerWrap01 > h1{font-size: 20px;}
}
@media all and (max-width:768px){
	.InnoxLife .ArticleWrap.Divide3 .Article.Type3{width: 100%; margin: 0 auto 20px;}
	.InnoxLife .Article.Type1 .ListSect .Title{font-size: 17px;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type1{margin: 30px auto 20px;}
	.InnoxLifeContent .InnerWrap01 > .Text01{padding-top: 10px; font-size: 15px;}
	.InnoxLifeContent .InnerWrap01 > h1{font-size: 17px;}
	.InnoxLifeContent .InnerWrap01 > .Img{padding-top: 10px;}
	.InnoxLife .Article.Type1 .btn .modalclose{width: 35px; height: 35px;}
}
@media all and (max-width:568px) {
	.InnoxLife .ArticleWrap.Divide3:nth-child(2) .Article:nth-child(5) .ArticleTit{min-height: 0;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type3 .ArticleTit{font-size: 16px;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type1{padding: 20px 0 0;}
}

/* 인재상 */
@media all and (max-width:1499px){
	.talent ul{padding: 60px 0 !important;}
	.talent ul li{width: calc(100% / 2 - 10px); margin-bottom: 20px;}
	.talent ul li span{margin-bottom: 20px;}
}
@media all and (max-width:768px){
	.talent ul li{width: 100%; padding: 30px !important; margin-bottom: 15px;}
	.talent ul li span{margin-bottom: 10px;}
}
@media all and (max-width:568px) {
	.talent ul li{padding: 20px !important;}
}
/* 인사제도 */
@media all and (max-width:1499px){
	.system-view .list-type1 > li{display: block;}
	.system .list-type1 .flex > h4{text-align: left; position: relative !important; top: 0 !important;}
}
@media all and (max-width:1080px){
	.system-list .flex > .flex{display: block;}
	.system-list .flex > li::before{margin: 0 auto 30px;}
	.system-list .flex > li > div{width: 100%; text-align: center;}
	.system-list .flex > li > div ul li{display: block;}
	.system-list .flex > li ul li::before{display: none;}
}
@media all and (max-width:768px){
	.system .flex{display: block;}
	.system .list-type1 .flex > h4{text-align: left; position: relative !important; top: 0 !important;}
	.system-list .flex > li{
		width: 100% !important;
		padding: 35px 30px 30px !important;
	}
	.system-list .flex > li > div{width: 100% !important;}
	/* list-type3 모바일: 수직 배치로 복원 */
	.list-type3.flex { flex-direction:column; }
	.list-type3.flex > img, .list-type3.flex > div { width:100%; }
	.list-type3.flex > div.order { order:0; }
}


/*== 00_ =============================================================*/
/* 유틸, 문의하기, 개인정보취급방침, 법적고지, 윤리경영제보하기 */
@media all and (max-width:1200px){
	.form-agree{padding: 30px 0 30px 20px;}
	.form-input-box{padding: 20px 10px;}
	.info-form-box .flex, .form-input3{display: block;}
	.form-input-box dt{margin-bottom: 10px;}
	.form-input-box.date dl{display: block;}
	.form-input-box.date dt{width: 100%;}
	.form-input-box.date dd{width: calc(100% / 4 - 10px);}
	.form-input-box dd, .form-input3 .form-input-box, .form-input-box.Name dd input{width: 100%;}
	.info-form-box dl input, .info-form-box dl select{width: calc(100% / 3 - 21px);}
	.address-input{margin-left: 0;}
	.privacy .form-agree, .ethics_charter{padding: 60px 30px;}
}
@media all and (max-width: 768px){
	.form-input-box{padding: 15px 5px;}
	.form-input-box.Mail dd input, .form-input-box.Mail dd select{width: calc(50% - 17px); margin-bottom: 5px;}
	.form-input-box input, .form-input-box select{height: 45px;}
	.info-form-box .form-btn{width: 150px;}
	.info-form-box .File{width: 230px;}
	.form-input-box.date dd{width: calc(100% / 2 - 10px); margin-bottom: 10px;}
	input, select, textarea{font-size: 15px;}
	.privacy .form-agree, .ethics_charter{padding: 50px 20px;}
	.form-agree{padding: 25px 0 25px 15px}
	.form-agree table thead{display: none;}
	.form-agree table tr{display: block; padding: 10px 0; background-color: #fff;}
	.form-agree table tr:nth-child(2n), .form-agree table tr:nth-child(2n) td{background-color: #e8eff5;}
	.form-agree table td{display: block; padding: 5px 15px;}
	/* .table-column tr td:not(:last-child), .table-row tr td:not(:last-child){border: 0;} */
	.form-agree table td:before{content:"";
		display: inline-block;
		width: 75px;
		font-weight: 600; color: #333;
	}
	.form-agree table td:nth-child(1):before{content: "부서/책임자";}
	.form-agree table td:nth-child(2):before{content: "전화번호";}
	.form-agree table td:nth-child(3):before{content: "이메일";}
	.form-agree table td:nth-child(4):before{content: "주소";}
}
@media all and (max-width:568px) {
	.privacy .form-agree, .ethics_charter{padding: 40px 20px;}
}


/* 이녹스리튬 한눈에 보기 */
.summary-list{overflow:hidden;}
@media all and (max-width:1400px){
	.SummarySwiper .swiper-slide div{width:calc(100% - 400px);margin-left:0;}
	.SummarySwiper .swiper-slide figure{top:0;transform:none;width:330px;height:330px;}
	.SummarySwiper .swiper-slide figure img{width:auto;height:100%;}
	.summary-swiper-nav{left:-10px;}
	.summary .data-rate > div em{font-size:40px;}
	.summary .data-rate > div:last-child > div > canvas{margin:0 auto;width:95% !important;height:95% !important;}
	.summary-list li:hover{padding-top:15%;}
}
@media all and (max-width:1200px){
	.SummarySwiper{min-height:350px;height:auto;}
	.SummarySwiper .swiper-wrapper{margin-bottom:50px;}
	.summary-swiper-nav{bottom:13px;}
	.summary .data-rate > div em{font-size:35px;}
	.summary-list{height:auto;}
	.summary-list li{margin-bottom:20px;padding:20px !important;width:100% !important;}
	.summary-list li:hover::before{opacity:1;background-color:rgba(255,255,255,.5);}
	.summary-list li:hover div{background-color:rgba(0,0,0,.65);transition:none;}
	.summary-list li h5{margin-bottom:0;}
	.summary-list li p{display:none;}
	.summary-list li:hover p{display:block;margin-top:10px;}
	.summary .data-rate > div{padding:30px 20px;}
	.summary .data-rate > div:last-child{margin-left:0;}
}
@media all and (max-width:1000px){
	.summary .data-rate > div{width:calc(50% - 10px);}
	.domestic-place{flex-direction:column;}
	.bottom-button{width:calc(100% / 3 - 15px);font-size:15px !important;}
}
@media all and (max-width:768px){
	.SummarySwiper .swiper-slide div{width:100%;margin-top:355px;text-align:center;}
	.SummarySwiper h5{margin-bottom:10px;}
	.SummarySwiper .swiper-slide figure{left:50%;margin-left:-165px;width:330px;height:330px;}
	.summary-swiper-nav{margin:0 auto;}
	.summary .data-rate > div em{font-size:26px !important;}
	.fixed-btn{right:20px;bottom:80px;}
}
@media all and (max-width:568px){
	.summary .sub-bg{padding:30px 60px;}
	.summary .data-rate > div{width:calc(100% / 2 - 10px);margin-left:20px;}
	.summary .data-rate > div:nth-child(2n+1){margin-left:0;}
	.summary .data-rate > div:first-child p{margin-bottom:30px;}
	.summary .data-rate > div em{font-size:20px !important;}
}
@media all and (max-width:480px){
	.SummarySwiper .swiper-slide figure{margin-left:-140px;width:280px;height:280px;}
	.SummarySwiper .swiper-slide div{margin-top:305px;}
	.summary .data-rate > div{width:100%;margin-left:0;margin-bottom:20px;padding:20px 15px;}
	.summary .data-rate > div:nth-child(2n+1){margin-left:0;}
	.summary .data-rate > div:first-child p{margin-bottom:10px;}
	.summary .summary-btn{margin-bottom:30px;}
	.bottom-button{width:100%;margin:0 0 10px 0;}
}

/* Sitemap */
@media all and (max-width: 1499px){.sitemap{padding: 150px 0;}}
@media all and (max-width: 1200px){.sitemap{padding: 100px 0; margin-top: -120px;}}
@media all and (max-width: 768px){
	.sitemap{padding: 50px 0; margin-top: -81px;}
	.sitemap .ContentTitle{margin-bottom: 15px !important;}
	.sitemap .SubContentTitle{margin-bottom: 20px;}
	.sitemap-wrap .Category{width: 100%; padding: 25px 10px 10px; margin-bottom: 0; border: 0; border-top: 1px solid #999;}
	.sitemap-wrap .Category:nth-child(4n+1){border: 0; border-top: 1px solid #999;}
	.sitemap-wrap .Category .list-type3:last-child{margin-bottom: 20px;}
	.sitemap-wrap .Category .list-type3 li a{font-size: 16px;}
}