@charset "UTF-8";

@media(max-width:1540px){
	.certi_img_pop {max-width:480px;}
}
@media(max-width:1280px){
	.certi_img_pop {max-width:360px;}
}

@media(max-width:1200px){
	/* CONTENT */
	.content {width:95%;margin:0 auto;}

	/* subVisual */
	.subVisual .sub_tit {font-size:26px;}

	/* È¸»ç¼Ò°³ */
	.comp_img {overflow:hidden;}
	.comp_greeting .txt .big {font-size:24px;}
	.comp_greeting .txt .big br {display:none;}
	.comp_greeting .img_box > ul > li {width:50%;}
	.comp_greeting .img_box > ul > li:nth-of-type(2n)::after {display:none;}
	.comp_greeting .img_box > ul > li:nth-of-type(-n+2)::before {content:'';width:80%;height:1px;background:#d7d7d7;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
	.comp_greeting .img_box > ul > li img {max-width:100%;}

	/* Customer */
	.customer .customer_box > ul > li {width:21%;margin-right:4%;margin-bottom:4%;}
	.customer .customer_box > ul > li:nth-of-type(5n) {margin-right:4%;}
	.customer .customer_box > ul > li:nth-of-type(4n) {margin-right:0;}

	/* News */
	.news .news_list > li .board {width:50%;}
	

	/* Products */
	.product .prod_list > ul > li {width:100%;}
	.product .prod_list > ul > li:nth-of-type(2n-1)::after {display:none;}
	.product .prod_list > ul > li .name {text-align:center;}
	.product .product_top .top_list > ul > li {padding-bottom:10px;}
	.product .view_img img {height:auto;}
	.product .product_name {display:block;}
	.product .view_btns {padding-top:20px;float:none;}


	/* Support&Service */
	.support .desc_box > ul > li {padding-bottom:10px;}

}

@media(max-width:960px){
	/* Customer */
	.customer .customer_box > ul > li {width:48%;margin-right:2%;margin-bottom:2%;}
	.customer .customer_box > ul > li:nth-of-type(5n) {margin-right:2%;}
	.customer .customer_box > ul > li:nth-of-type(4n) {margin-right:0;}
	.customer .customer_box > ul > li:nth-of-type(2n) {margin-right:0;}
	.customer .customer_box > ul > li span {font-size:14px;}

	/* »ç¾÷ºÐ¾ß */
	.business .comp_logo {display:block;text-align:center;}
	.business .desc {width:100%;padding: 1rem 30px 0;}
}

@media(max-width:767px){
	/* subVisual */
	.subVisual {margin-top:112px;}
	.subVisual .sub_tit {font-size:20px;}

	/* LNB */
	.lnb {display:none;}

	/* È¸»ç¼Ò°³ */
	.comp_greeting .comp_img {height:200px;}
	.comp_greeting .img_box > ul > li::after {height:70%;}

	/* ÀÎÁõ¼­ */
	.certification .certi_tit {font-size:24px;}
	.certification .certi_box {width:48%;margin-bottom:30px;}
	.certification .certi_box:nth-of-type(3n+2) {margin-right:0;margin-left:0;}
	

	/* News */
	.news .news_list > li .hit {display:none;}
	.news .news_list > li .writer {display:none;}
	.news .post_box .post_box_tag {width:90px;}
	.news .post_box .post_box_in {width:calc(99% - 95px);}

	/* ¿À½Ã´Â±æ */
	.comp_map .comp_name {display: block;padding: 1rem;text-align: center; margin-right: 0;margin-bottom:1rem;font-size:24px;}

	/* Contact */
	.contact .contact_map {width:100%;margin-right:0;margin-bottom:30px;}
	.contact .contact_map iframe {height:300px;}
	.contact form {width:100%;}

	/* Products */
	.product .product_name {font-size:24px;}

}

@media(max-width:480px){
	/* CONTENT */
	.content {padding-top:40px;}

	/* subVisual */
	.subVisual {margin-top:102px;height:160px;}

	/* btns */
	.btns a {font-size:14px;width:60px;}
	.btns input {width:60px;}

	/* È¸»ç¼Ò°³ */
	.comp_greeting .comp_img .comp_img_img {margin-left:-285px;}

	/* ÀÎÁõ¼­ */
	.certification .certi_tit {font-size:20px;}
	.certi_img_pop {width:85%;top: calc(50% + 50px);}
	.certification .certi_box {width:100%;}

	/* News */
	.news .news_list > li .date {display:none;}
	.news .news_list > li .board {width:72%;}
	.news .upload_box > ul > li span {display:block;}
	.news .view_info > ul > li::before {top:0;}
	.news .user_chk .post_box_tag {height:75px;}

	/* »ç¾÷ºÐ¾ß */
	.business .desc > ul > li::before {top:10px;}

	/* Products */
	.product .product_top .top_list > ul > li::before {top:11px;}

	/* Support&Service */
	.support .desc_box > ul > li::before {top:7px;}
}
