@media screen and ( max-width:960px){
	/*Family company - 2023-05-24*/
	.family2 .wrapper { margin-top: 30px; padding-top: 70px; }
	.family2 .wrapper ul{ padding-bottom: 60px; }
	.family2 .wrapper ul li{ align-items: flex-start; }
	.family2 .wrapper ul li:not(:last-of-type){ margin-bottom: 80px; }
	.family2 .wrapper ul li:not(.image) figure{ padding: 30px; height: 250px; box-sizing: border-box; }
	.family2 .wrapper ul li.image figure img{ width: 100%; }
	.family2 .wrapper .text-box h4{ font-size: 25px; }
	.family2 .wrapper .text-box h4::before{ font-size: 75px; }
	.family2 .wrapper .video-box a{ font-size: 17px; }

	/* 품질경영 - 게시판 */
	.dataBoard .list ul li { width: 48%; margin:0 4% 40px 0;}
	.dataBoard .list ul li:nth-child(2n) { margin:0 0 40px 0;}
	.dataBoard .list ul li:nth-child(3n) { margin:0 4% 40px 0;}
}
@media screen and (max-width: 800px){
	/*Family company - 2023-05-24*/
	.family2 .wrapper ul li{ flex-direction: column; align-items: center; }
	.family2 .wrapper ul li:nth-of-type(even){ flex-direction: column; text-align: left; }
	.family2 .wrapper ul li.image{ align-items: center; }
	.family2 .wrapper ul li.image figure{ width: auto; }
	.family2 .wrapper ul li:not(.image) figure{ max-width: 460px; width: 100%; }
	.family2 .wrapper ul li .text-box{ width: 100%; margin-top: 30px; }
	.family2 .wrapper ul li:nth-of-type(odd) .text-box{ padding-left: 0; }
	.family2 .wrapper ul li:nth-of-type(even) .text-box{ padding-right: 0; }
	.family2 .wrapper ul li .text-box h4{ padding-left: 50px; }
	.family2 .wrapper ul li:nth-of-type(odd) .text-box h4::before{ right: 100%; }
	.family2 .wrapper ul li:nth-of-type(even) .text-box h4::before{ left: 0; transform: translateX(0); }
	.family2 .wrapper ul li:nth-of-type(5) .text-box h4::before{ transform: translateX(100%); }
	.family2 .wrapper ul li:nth-of-type(even) dl{ flex-direction: row; }
}
@media screen and ( max-width:768px){
	/* 사업분야  - detergents */
	.biclean .prodInfo > div { width:100%; float:none;}
	.biclean .prodInfo > div.img { text-align:center;}
	.pharma .prodInfo .img { float:none;}
	.biclean .prodInfo .info .txt dl dd br { display:none;}
	.sulation .info p br { display:none; }
	.biclean .prodInfo .info { width:100%; float:none; margin:62px 0 0 0;}
	.biclean .prodInfo { margin:0 0 50px 0;}
	.col1 { width:18%;}
	.biclean table th, .biclean table td { font-size:13px; padding:10px; word-break:keep-all; line-height:1.4;}
	.Insulation .list ul li { width:48%; margin:0 4% 20px 0;}
	.Insulation .list ul li:nth-child(2n) { margin:0 0 20px 0; }

	/* 품질경영 - 연구개발*/
	.lab .img { position:static; text-align:center;}
	.lab .img img { width:auto ;max-width:100%;}

	/* 품질경영 - 품질장비 보유 */
	.research > dl dt br { display:none; }

	/* 연혁 */
	.history .img { position:static; text-align:center; margin-top:10px;}
	.history dl { width:100%; }
	.history .list ul li { padding-left:0;}
}

@media screen and ( max-width:639px){
	/*회사소개 - 회사소개 */
	.greeCon .img ul li { display:block; margin:0 auto -16px; width:100%; height:203px;}
	.greeCon .img ul li:nth-child(3n) {margin:0 auto;}
	.greeCon .img img { width:203px;}
	.greeCon .txt p br { display:none; }
	.greeCon .txt p { font-size:14px;}
	
	/*Family company*/
	.family .fm_box .f_contbox { margin:60px 0 0 0; width:100%; padding:0 0 30px 0; border-bottom:1px solid #dbdbdb; }
	.family .movbox { padding:0; width:100%; margin:60px auto 60px auto; border-top:none; }

	/*Family company - 2023-05-24*/
	.family2 .wrapper ul{ padding-bottom: 20px; }
	.family2 .wrapper ul li:not(:last-of-type){ margin-bottom: 30px; }
	.family2 .wrapper ul li .text-box{ margin-top: 10px; }
	.family2 .wrapper ul li .text-box h4{ font-size: 22px; padding-left: 35px; }
	.family2 .wrapper .text-box h4::before{ font-size: 60px; bottom: -10px; }

	/* 품질경영 - 게시판 */
	.dataBoard .list ul li .title a.catalog-tit { font-size:13px;}

	/* 품질경영 - 환경경영 */
	.enviro .list ul li p { width:90%;}

}
@media screen and ( max-width:580px){
	#lnb .depth2 li.line_h a { line-height:2.3;}
}
@media screen and ( max-width:550px){
	/* 메인콘텐츠 */
	#mainContents .develope .quick li { width:33.3333333%;}

	/*회사소개 - 창업이념 */
	.ideology .list ul { margin:15px 0 0 0;}
	.ideology .list ul li dl dt { color:#333; margin:0 0 10px 0;}
	.ideology .list ul li { width:90%; margin:0 auto 15px !important; float:none; height:auto; padding:15px 0;}
	.ideology .list ul li:before { display:none; }
	.ideology .banner dl dt { font-size:35px; padding:0 10px;}
	.ideology .banner { height:300px;}

	/* 품질경영 - 품질관리 */
	.quality .list ul li { width:100%; margin:0 0 20px 0;}
	.quality .list { padding:0;}
	.research > dl dt { margin:0 0 10px 0;}
}

@media screen and ( max-width:514px){
	/* 메인콘텐츠 */
	#mainContents .develope .txt dt br { display:none; }

}

@media screen and (max-width: 502px){
	/*Family company - 2023-05-24*/
	.family2 .wrapper ul li:nth-of-type(5) .text-box h4::before{ bottom: 20px; }
}

@media screen and ( max-width:480px){
	/* 헤더 */
	header .lang { width:auto;}
	header .lang a { background:none; text-align:left; padding:0 15px; box-sizing:border-box; }
	#lnb .depth2 li a { font-size:13px;}
	#lnb .depth2 li.line_h a { line-height:2.65;}

	/*회사소개 - 창업이념 */
	.ideology .txt ul li p { width:65%; }
	.ideology .list ul li dl dt { font-size:18px;}
	.ideology .banner dl dt { font-size:28px; padding:0 10px; height:auto; margin:0 0 10px 0;}
	.ideology .banner dl dd { font-size:22px;}
	.ideology .txt ul li p { font-size:16px;}

	/*회사소개 - 연혁 */
	.history .txt > div .year { margin:0 18px 0 0;}
	
	.family .txt_1 { font-size:15px; }


	/* 메인콘텐츠 */
	#mainVisual .visu li .txt > dl  { font-size:20px;}
	#mainContents .develope .txt dt { font-size:18px;}
	#mainContents .bsArea .bx-controls-direction a { top:240px;}
	.titleSt1 > dl dd br { display:none;}
	.titleSt1 > dl dd { font-size:14px;}
	footer { padding:0 0 65px;}
	footer address { padding:0 20px;}
	footer address p { font-size:13px;}
	footer .menu li a { font-size:13px;}
	footer address p br { display:none;}

	/* 사업분야  - detergents */
	.biclean .prodInfo .info .txt dl dt { font-size:15px;}
	#cont .subTitle { font-size:16px;}
	.biclean table, .biclean table { display:block;}
	.biclean table th, .biclean table td { display:block; height:auto;}
	.biclean .prodInfo .info > dl dt { font-size:22px;}
	.Insulation .list ul li p { font-size:14px; padding:20px 0;}

	/* 품질경영 - 환경경영 */
	.enviro .list ul li span { font-size:15px;}
	.enviro .list ul li p { width:88%; font-size:14px; line-height:1.4 !important;} 	
	.research > dl dd { font-size:14px;}
	.research > dl dd br { display:none;}

	/* 품질경영 - 생산시스템 */
	.system .list ul li p { font-size:13px;}
	.quality .insurance p { font-size:16px; padding:0 25px;}
}


@media screen and ( max-width:425px){
	#lnb .depth2 li { display:table; height:60px;}
	#lnb .depth2 li a { display:table-cell; vertical-align:middle; line-height:1.4;}
	#lnb .depth2 li.line_h a { line-height:1.4;}
}


@media screen and ( max-width:360px){
	.ideology .txt ul li span { width:60px; height:60px;}
	.ideology .txt ul li:nth-child(2) span { background-position:center;}
	.ideology .txt ul li:nth-child(3) span { background-position:center;}

	/*회사소개 - 연혁 */
	.history .title dl dt { font-size:18px; }
	.history .title dl dd { font-size:36px;}
}
@media screen and ( max-width:320px){
	/* 헤더 */
	header .logo img { width:100px;}
	header .logo { margin:24px 0 0 0;}
}