@charset "utf-8";
.display_pc{display: block;}
.display_m{display: none;}

@media screen and (max-width:1200px){
	/*데스크탑*/

	/* 설비현황 */
	div.facility > div .img{ float:none;overflow:hidden;}
	div.facility > div .img img{ float:left;margin-left:15px; }
	div.facility > div .table_wrap{ float:none; width:100%;margin-top:15px;}

}



@media screen and (max-width:1024px){
/*
	
	.display_pc{display: none;}
	.display_m{display: block;}

	header .headline{display: none;}
	header .nav_wrap{height: 100%; width: auto;box-sizing: border-box;}
	header .nav_wrap .gnb{display: none;}
	header .lnb_bg{display: none;}
	header .nav_wrap .lnb{height: 100%;}
	header .nav_wrap .lnb > ul{display: none;}
	header .nav_wrap .lnb .lang_wrap{position: absolute; top: 50%; transform: translateY(-50%);}
	
	article.product .prd_li_wrap ul{overflow: hidden;}
	article.product .prd_li_wrap .slick-track{height: 309px; overflow: hidden;}
	article.product .prd_li_wrap li .img{padding-bottom: 200px;}
	article.product .prd_li_wrap li .txt{margin-bottom: 20px;}
	article.product .prd_li_wrap li .txt .tit_prod{font-size: 1.375em; margin-bottom: 20px;}
	article.product .prd_li_wrap li .txt .desc_prod{font-size: 1.0em; }
	article.product .prd_li_wrap li .btn{margin-bottom: 4.7%;}
	article.product .prd_li_wrap li .btn a{font-size: 1.125em;}

	section.contents_wrap{ padding:20px 0 50px; }
	section.contents_wrap .contents h4{font-size: 2em; color: #333;margin-bottom: 15px; padding-bottom: 10px;}
	section.contents_wrap .contents_inner h5{ font-size:1.5em;color:#333; line-height:30px; ;margin-bottom:15px;}
	section.contents_wrap .contents_inner h5 strong{ color:#58b04c;  font-weight:500}
	section.contents_wrap .contents_inner h5 span{ font-size:20px;display:block;; }
	section.contents_wrap .contents_inner p{ font-weight:300;line-height:20px;font-size:13px; }
	section.contents_wrap .sub_ceo .contents_inner .img_area{ overflow:hidden;position:relative;margin:20px 0 ; }
	section.contents_wrap .sub_ceo .contents_inner .img_area img{ position:absolute;left:0;top:6px;display:none;  }
	section.contents_wrap .sub_ceo .contents_inner .img_area p{ float:none; padding-left:0;}
	section.contents_wrap .sub_ceo .contents_inner .img_area p strong{ display:block; margin-top:5px; }

	section.contents_wrap .sub_company .vision{ position:relative; }
	section.contents_wrap .sub_company .vision .tb_type1{ float:none;width:100% }
	section.contents_wrap .sub_company .vision > img{ position:absolute;right:0;top:0;display:none; }

	.history_box{position:relative;}
	section.contents_wrap .history_box h5{color:#fff;position:static;width:100%;box-sizing:border-box;padding:20px;background:url(../img/sub/bg_pattern.gif) 0 0 repeat; font-weight:100; margin:0;}
	section.contents_wrap .history_box h5:before{ display:none; }
	section.contents_wrap .history_box h5 span{ color:#fff;}
	section.contents_wrap .history_box h5 strong{ color:#fff; display:block;font-size:30px;margin:5px 0 10px;}
	.history_box .his_list{  }
	.history_box .his_list ul{ border:1px solid #ddd;padding:0 0 20px 15px; margin:0;}
	.history_box .his_list ul li{ font-size:0; line-height:0; overflow:hidden;}
	.history_box .his_list ul li strong{position:relative; float:left;width:100%;font-size:20px; line-height:24px; display:block; margin:20px 0 10px; }
	.history_box .his_list ul li strong:after{ display:none; }
	.history_box .his_list ul li em{font-size:14px;float:left;width:15%;line-height:20px; color:#0075bc;padding-left:3px; box-sizing:border-box;}
	.history_box .his_list ul li span{font-size:14px;float:left;width:85%;line-height:20px;; }




	article.product .prd_li_wrap li{width: 100%; border-left: 1px solid #dadada; margin-top: 20px;}
	article.product .prd_li_wrap li:first-child{margin-top: 0;}
	article.product .prd_li_wrap li .img{padding-bottom: 200px;}
	article.product .prd_li_wrap li .txt{margin-bottom: 20px;}
	article.product .prd_li_wrap li .txt .tit_prod{font-size: 1.375em; margin-bottom: 20px;}
	article.product .prd_li_wrap li .txt .desc_prod{font-size: 1.0em; height: auto;}
	article.product .prd_li_wrap li .btn{margin-bottom: 4.7%;}
	article.product .prd_li_wrap li .btn a{font-size: 1.125em;}

	article.rndcenter .rnd_l_area{width: 100%; float: none; padding:0; }
	article.rndcenter .rnd_t1{width: 100%; padding-right: 0; margin-bottom: 0; height: auto; min-height:200px;}
	article.rndcenter .rnd_t2{width: 50%; margin-bottom: 0; background-size: cover; height: 200px; display: none;}
	article.rndcenter .rnd_t3{width: 50%; background-size: cover; height: 200px; display: none;}
	article.rndcenter .rnd_t4{width: 100%; padding-left: 0; height: auto; min-height:200px;}
	article.rndcenter .rnd_t1 a{background-image: none;}
	article.rndcenter .rnd_t4 a{background-image: none;}
	article.rndcenter .rnd_t1 .desc_rnd{width: 100%;}
	article.rndcenter .rnd_r_area{display: none;}
	article.rndcenter .rnd_tile a{padding:20px 20px; min-height: 200px;}
	article.rndcenter .rnd_tile .tit_rnd{padding:0 0 10px 0; font-size: 1.375em; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
	article.rndcenter .rnd_tile .desc_rnd{margin-top: 8px; font-size: 1.0em; line-height: 1.39em;}
	article.rndcenter .rnd_tile.rnd_t2 .desc_rnd{height: 110px; -webkit-line-clamp:5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
	article.rndcenter .rnd_tile.rnd_t3 .desc_rnd{height: 110px; -webkit-line-clamp:5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
	article.prcenter .pr_li_wrap{padding:0 20px; box-sizing: border-box;}
	article.prcenter .pr_li_wrap .prmov_wrap{width: 100%; padding-right: 0; float: none; margin-bottom: 20px;}
	article.prcenter .pr_li_wrap .prgal_wrap{width: 100%; padding-left: 0; float: none;}
	article.prcenter .pr_li_wrap .prmov_wrap .txt .tit_pr{font-size: 1.375em;}
	article.prcenter .pr_li_wrap .prmov_wrap .txt .desc_pr{font-size: 1.0em; height: auto; line-height: 1.39em;}
	article.prcenter .pr_li_wrap .prgal .txt .tit_pr{font-size: 1.375em; height: 61px;}
	article.prcenter .pr_li_wrap .prgal .txt .desc_pr{font-size: 1.0em; line-height: 1.39em; height: 110px; -webkit-line-clamp:5;}
	footer .privacy_wrap{margin:0 auto;}
	footer .privacy_wrap a{font-size: 1.0em; padding:0 8px;}
	footer .famsite_wrap{display: none;}
	footer .foot_wrap{padding:20px 0;}
	footer .foot_wrap .flogo_wrap{display: none;}
	footer .kosdaq_wrap{display: none;}
	footer .address_wrap{float: none; width: 100%; padding:0 20px; text-align: center;}
	footer .address_wrap .row{margin-bottom: 20px;}
	footer .address_wrap .row b{width: 100%; font-size: 1.143em; margin-bottom: 15px;}
	footer .address_wrap .row .tel{margin-left: 0;}
	footer .address_wrap .copyright{margin-top: 0; font-size: 1.0em;}
	footer .btn_top_wrap{display: block;}

	
	section.sub .visual_wrap .visual_bg{height: 95px;}
	section.contents_wrap > .inner > nav{display: none;}
	section.contents_wrap .contents{width: 100%; float: none; padding:0 2%; box-sizing: border-box;}
	section.contents_wrap .contents .contents_inner{}
	section.contents_wrap .contents .contents_inner > img{ width:100% }

	section.sub .path_wrap .snb .depth_1.display_pc{display: none;}
	section.sub .path_wrap .snb .depth_1.display_m{display: block;}
	section.sub .path_wrap .snb .depth_2.display_pc{display: none;}
	section.sub .path_wrap .snb .depth_2.display_m{display: block;}
	section.sub .path_wrap .snb .home{display: none;}
	section.sub .path_wrap{padding:0 2%;}
	section.sub .path_wrap .snb .depth{width: 50%;}


	section.contents_wrap .contents_inner p.top{ font-size:24px;color:#333; line-height:30px; font-weight:500 ;margin-bottom:15px;}
	section.contents_wrap .contents_inner p.top strong{ color:#58b04c;  font-weight:500}
	section.contents_wrap .contents_inner p.top span{ display:block;; }

	.factory > img{ width:100% }


	.sub_rnd{}
	.sub_rnd h5{ margin-top:20px; }
	.sub_rnd h5:first-child{ margin-top:0px; }
	.sub_rnd > img{ margin:10px 0 0 0px; width:100% }


	.cosmetics .top_txt p{ padding:40px 0 60px 220px; }



	.tb_type1{ border-top:2px solid #333; }
	.tb_type1 table{ width:100% }
	.tb_type1 table tr:first-child th,
	.tb_type1 table tr:first-child td{ background:#f8f8f8; }
	.tb_type1 table th{ padding:12px 0 ;text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
	.tb_type1 table td{ text-align:left; padding-left:30px;border-bottom:1px solid #ddd;}

	*/