/*------------------------------------------------small pc size-------------------------------------------------------------*/
@media screen and (max-width:1599px) {
	.side_nav{right:15px}
}
@media screen and (max-width:1199px) {

	/* common */
	.pcmb40{margin-bottom:40px}
	.side_nav{display:none}

	/* header.php */
	header .nav_box>ul>li{width:120px}
	header .nav_box>ul>li > ul li a{font-size:14px}

	/* index.php */
	.main_page .main_content2 .text_box h2{font-size:24px}
	.main_page .main_content2 .img-text_box .text_box p{font-size:15px}
	.main_page .main_content5 .main_search_box select{width:300px}

	/* company01.php */	
	.company01_content02 .col-md-12 .wrap h2{padding-top:20px}
	.company01_content02 .col-md-12 .wrap p{padding-top:20px;font-size:14px}

	/* company03.php */
	.company03_content02 ul li{width:140px;margin-right:25px}

	/* product_list.php */
	.product_content01 .item_list .item{width:calc((100% - 10px) / 3)}
	.product_content01 .item_list .item:nth-child(3n){margin-right:0}
	.product_content01 .item_list .item:nth-child(4n){margin-right:5px}
	.product_content01 .item_list .item:nth-child(12n){margin-right:0}	

}

@media screen and (min-width:992px) and (max-width:1199px) {

	/* index.php */
	.main_page .main_content2 .text_box p br{display:none}

	/* company03.php */
	.company03_content02 .line-box{margin-top:-4px;background-size:685px}
	.company03_content02 ul li{border-right:1px solid #d9d9d9}

	/* data02.php */
	.data .search td a{width:110px}

}

/*------------------------------------------------tablet size-------------------------------------------------------------*/
@media screen and (max-width:991px) {
	
	/* common */
	.banner{height:200px}
	.banner .pt80{padding-top:30px!important}
	.side_nav{display:none}
	.sm-mb30{margin-bottom:30px}

	/* header.php */
	header .m_nav{display:block}

	/* index.php */	
	.main_page .main_content1 .main_banner_item{overflow:hidden}
	.main_page .main_content1 .main_banner_item .text_box{width:100%}
	.main_page .main_content2 .col-md-7 .row{padding-bottom:35px}
	.main_page .main_content2 .text_box{padding:50px 0}
	.main_page .main_content2 .text_box h2,.main_page .main_content2 .text_box p{margin-bottom:30px}
	.main_page .main_content2 .text_box h2 br,.main_page .main_content2 .text_box p br{display:none}
	.main_page .main_content2 .img-text_box .img_box{height:auto}
	.main_page .main_content2 .img-text_box .img_box img{width:345px}	
	.main_page .main_content3 .slick-prev{top:unset;left:unset;bottom:-30px;width:15px;height:28px;right:38px;background-size:contain;transform:translateY(0);}
	.main_page .main_content3 .slick-next{top:unset;left:unset;bottom:-30px;width:15px;height:28px;right:8px;background-size:contain;transform:translateY(0);}
	.main_page .main_content5 .main_search_box{height:auto;padding:50px 30px;font-size:0}
	.main_page .main_content5 .main_search_box select{width:calc((100% - 30px) / 2)}
	.main_page .main_content5 .main_search_box h3{display:block;margin-bottom:20px;margin-right:0;text-align:left}
	.video{width:700px;margin-left:-350px}

	/* company01.php */	
	.company01_content02 .col-md-12 .wrap{padding-left:385px}
	.company01_content02 .col-md-12 .wrap p{font-size:13px}
	.company01_content04 ul li img{width:18%}
	.company01_content04 .col-md-12 div h3{width:125px;font-size:11px}
	.company01_content04 .col-md-12 div h3 strong{font-size:14px}
	.company01_content05 .wrap h2{width:550px;margin-left:-275px;font-size:17px}
	.company01_content05 .wrap{height:300px}

	/* company02.php*/	
	.company02_content02 .history h2{font-size:36px}
	.company02_content02 .history ul li strong,.company02_content02 .history ul li span{font-size:16px}

	/* company03.php */
	.company03_content03 .wrap .right ul li:last-child{margin-bottom:0}
	.company03_content03 .wrap .left{position:relative}
	.company03_content03 .wrap .left:after{content:"";display:block;position:absolute;bottom:0;right:0;width:1px;height:24px;background:#fff}

	/* company04.php */
	.company04_content02 ul li{width:calc((100% /3) - 10px);margin-right:15px}
	.company04_content02 ul li:nth-child(3n){margin-right:-1px}
	.company04_content02 ul li:nth-child(7n){margin-right:15px}
	.company04_content02 ul li:nth-child(21n){margin-right:-1px}
	.company04_content02 ul li h3{font-size:16px}

	/* company05.php */
	.form-default td strong{font-size:13px}

	/* company07.php */
	.company07_content02 .daum-map .wrap_map{height:400px}
	.company07_content02 table td:first-child + td, .company07_content02 table td:last-child{padding-left:15px;padding-right:15px}
	.company07_content02 table td:first-child + td,.company07_content02 table td:last-child{font-size:16px}

	/* board-list */
	.board-list table td,.board-list table td a{font-size:14px}

	/* board-view */
	.board-view ul li{width:100px}
	.board-view .title ul li:last-child{width:calc(100% - 100px)}
	.board-view .writer ul li:nth-child(even){width:calc((100% - 200px) / 2)}

	/* customer01.php */
	.form-default td textarea{width:100%}

	/* data02.php */	
	.data .search td select{width:calc((100% - 10px) / 2)}
	.data .search td select.mr20{margin-right:10px!important}
	.data .search td input{width:245px}
	.data .search td a{width:122px}
	.data .list th, .data .list td{font-size:13px}
	.data .list td:first-child{width:50px;padding-left:10px;padding-right:10px;text-align:center}
	.data .list td:first-child + td + td + td + td{width:60px}
	.data .list td:first-child + td + td + td + td + td{width:60px}
	.data .list td:first-child + td,.data .list td:first-child + td + td,.data .list td:first-child + td + td + td{width:calc((100% - 170px) / 3)}

	/* product_list.php */
	.product_content01 .item_list .item{width:calc((100% - 10px) / 3)}	
	.product_content01 .item_list .item a{height:200px}
	.product_content01 .item_list .item a img{bottom:15px;right:15px;height:45%}

	/* product.php */
	.product_content01 .col-md-2{width:25%}
	.product_content01 .col-md-10{width:75%}	
	.product_content01 .col-md-2 ul li a{font-size:14px}	
	.product_content01 .col-md-10 .usage ul{padding:30px}

	/* product_view.php */
	.product_view .table-wrap{overflow-x:auto}

}

@media screen and (min-width:768px) and (max-width:991px) {
	
	/* product.php */
	.product_content01 .col-md-10 > ul li{width:calc((100% / 3) - 20px);margin-right:30px}
	.product_content01 .col-md-10 > ul li:nth-child(3n){margin-right:0}
	.product_content01 .col-md-10 > ul li:nth-child(5n){margin-right:30px}
	.product_content01 .col-md-10 > ul li:nth-child(15n){margin-right:0}
}


/*------------------------------------------------mobile size-------------------------------------------------------------*/
@media screen and (max-width:767px) {

	/* common */
	.page-title,.page-text{padding-left:15px;padding-right:15px}	

	/* index.php */	
	.main_content1 .text_box h2{font-size:28px}
	.main_content1 .text_box h3{font-size:16px}
	.main_page .main_content2 .text_box h2 br{display:block}
	.main_page .main_content2 .img-text_box .img_box img{width:auto}
	.main_page .main_content2 .img-text_box .text_box{top:50%;margin-top:-99px}
	.main_page .main_content5 .main_search_box select{width:100%}
	.main_page .main_content5 .main_search_box select:nth-child(2){margin-right:0;margin-bottom:15px}
	.video{width:470px;margin-top:-200px;margin-left:-235px}

	/* company01.php */
	.company01_content02 .col-md-12 .wrap{height:auto;padding-left:0;background:none;border:none}
	.company01_content02 .col-md-12 .wrap h2{font-size:22px}
	.company01_content02 .col-md-12 .wrap p{font-size:15px}	
	.company01_content03 .circle-middle{position:relative;height:auto}
	.company01_content03 .circle-middle img{margin-top:0}
	.company01_content03 .col-md-12:last-child{margin-top:0}
	.company01_content03 .circle{display:block;margin-top:40px;margin-left:auto;margin-right:auto}	
	.company01_content03 .circle.circle02{margin-right:auto}
	.company01_content04 .mobile-img{overflow-x:auto}
	.company01_content05 .wrap h2{width:90%;left:5%;margin-left:0;font-size:14px;text-align:center}

	/* company02.php */
	.company02_content02{padding-top:0!important;padding-bottom:0!important}	
	.company02_content02 .history{padding-bottom:20px;border-bottom:1px solid #d9d9d9}
	.company02_content02 .history h2{top:0;width:100%;padding-top:20px;padding-right:0;text-align:left;font-size:24px}
	.company02_content02:before,.company02_content02:after,.company02_content02 .history ul li:before,.company02_content02 .history:first-child:after{height:0}
	.company02_content02 .history:first-child h2{padding-right:0;text-align:left}
	.company02_content02 .history ul li{float:unset!important;width:100%;padding-top:0;padding-bottom:5px;text-align:left}	
	.company02_content02 .history ul li:last-child{padding-bottom:0}
	.company02_content02 .history ul li{margin-left:0;padding-left:0}

	/* company04.php */
	.company04_content02 ul li h3{font-size:13px}

	/* comapny05.php */
	.form-default th{width:100px;padding-left:10px;font-size:14px}
	.form-default td{width:calc(100% - 100px);padding-left:15px;padding-right:15px}
	.form-default td input, .form-default td select{width:100%}	
	.form-default td .short{width:calc((100% - 40px) / 3)}
	.form-default td .long{width:calc(100% - 100px)}
	.form-default td img + input{width:calc(100% - 130px)}
	.form-default td strong{display:block;margin-top:10px;padding-left:0}
	.btn-box-default a{width:calc((100% - 30px) / 2)}

	/* company07.php */
	.company07_content02 .daum-map .wrap_map{height:300px}
	.company07_content02 table td:first-child{width:35px}
	.company07_content02 table td img{display:block;max-width:100%}
	.company07_content02 table td:first-child + td, .company07_content02 table td:last-child{padding-left:10px;padding-right:10px}
	.company07_content02 table td:first-child + td{width:100px}
	.company07_content02 table td:last-child{width:calc(100% - 135px)}
	.company07_content02 table td:first-child + td, .company07_content02 table td:last-child{font-size:12px}

	/* board-list */
	.board-list table th,.board-list table td{padding:15px 5px;font-size:13px}
	.board-list table td:first-child,.board-list table td.file{width:60px!important}
	.board-list table td a{font-size:13px}		

	/* board-view */
	.board-view ul li{width:60px;padding:15px 5px}
	.board-view ul li,.board-view .content{font-size:13px}	
	.board-view .file-attach span{font-size:14px}
	.board-view .title ul li:last-child{width:calc(100% - 60px)}
	.board-view .writer ul li:nth-child(even){width:calc((100% - 120px) / 2)}

	/* customer01.php */
	.customer01_content02 .terms{font-size:13px}	
	.form-default .email input,.form-default .email select{width:calc((100% - 40px) / 3)}
	
	/* data02.php */
	.data .search th{width:100px;padding-left:15px;font-size:14px}
	.data .search td{padding-left:15px;padding-right:15px}
	.data .search td select{width:49%;font-size:13px}	
	.data .search td select.mr20{margin-right:0!important}
	.data .search td select:first-child{margin-right:2%!important}
	.data .search td input{width:49%;margin-right:2%;font-size:13px}
	.data .search td input::placeholder{font-size:13px}
	.data .search td a{width:23.5%;font-size:13px}
	.data .search td .search{margin-left:0!important;margin-right:2%!important}

	/* product_list.php */
	.product_content01 .item_list .item a p{left:15px;font-size:20px}

	/* product.php */
	.product_content01 .col-md-2{width:100%}
	.product_content01 .col-md-10{width:100%;margin-top:40px}	
	.product_content01 .col-md-2{font-size:0}
	.product_content01 .col-md-2 select{display:inline-block!important;width:calc((100% - 20px) / 2);font-size:16px}	
	.product_content01 .col-md-10 > ul li{width:calc((100% / 2) - 10px);margin-right:20px}
	.product_content01 .col-md-10 > ul li:nth-child(2n){margin-right:0}
	.product_content01 .col-md-10 > ul li:nth-child(5n){margin-right:20px}
	.product_content01 .col-md-10 > ul li:nth-child(10n){margin-right:0}
	.product_content01 .col-md-10 ul li:first-child + li + li, .product_content01 .col-md-10 ul li:first-child + li + li + li, .product_content01 .col-md-10 ul li:first-child + li + li + li + li{margin-top:25px}
	.product_content01 .col-md-10 .usage ul{padding:15px}
	.product_content01 .col-md-10 .usage ul li{width:calc((100% / 2) - 10px);margin-right:20px}
	.product_content01 .col-md-10 .usage ul li:nth-child(2n){margin-right:0}
	.product_content01 .col-md-10 .usage ul li:nth-child(3n){margin-right:20px}
	.product_content01 .col-md-10 .usage ul li:nth-child(6n){margin-right:0}
	.product_content01 .col-md-10 .usage ul li:first-child + li + li {margin-top:20px!important}

	/* product_view.php */
	.product_view table{width:750px!important}

}

@media screen and (min-width:320px) and (max-width:767px) {

}

@media screen and (max-width:480px) {

	/* index.php */
	.main_content1 .text_box h2{font-size:22px}
	.main_content1 .text_box h3{font-size:14px}
	.main_page .main_content2 .text_box a{width:100%}
	.main_page .main_content3 .item_slide .item a{height:160px}
	.main_page .main_content3 .item_slide .item a img{height:45%;bottom:10px;right:10px}
	.main_page .main_content3 .item_slide .item a p{top:10px;left:0;width:100%;font-size:18px;text-align:center}
	.main_page .main_content3 .title_box p{font-size:15px}
	.video{width:320px;margin-top:-180px;margin-left:-160px}

	/* company05.php */
	.form-default th{width:90px;font-size:13px;padding-left:5px}
	.form-default td{width:calc(100% - 90px);padding-left:5px;padding-right:5px}

	/* data02.php */
	.data .list th, .data .list td{font-size:11px}
	.data .search td select,.data .search td input{width:100%}
	.data .search td select:last-child{margin-top:10px}
	.data .search td a{width:100%}
	.data .search td .search{margin-top:10px;margin-bottom:10px}

	/* product_list.php */
	.product_content01 .item_list .item{width:calc((100% / 2) - 5px);margin-right:10px}
	.product_content01 .item_list .item:nth-child(odd){margin-right:10px!important}
	.product_content01 .item_list .item:nth-child(even){margin-right:0!important}
	.product_content01 .item_list .item:first-child + .item + .item, .product_content01 .item_list .item:first-child + .item + .item + .item{margin-top:5px!important}

	/* product.php */
	.product_content01 .col-md-2 select{width:100%;margin-right:0!important}
	.product_content01 .col-md-2 select:last-child{margin-top:15px}
	
	/* customer01.php */
	.form-default .email input, .form-default .email select{padding-left:3px;font-size:10px}

}

@media screen and (max-width:374px) {
	

}