@charset "utf-8";

@media (max-width:1630px) {
	nav > ul { line-height: 80px; }
	.section02 { padding-bottom: 0; height: 828px; }
	.section04 { display: flex; align-items: center; }
	.section04 > div { position: static; transform: translateY(0) !important; }
	.subPage.facilities .conLeft ul { left: 100px; }
	.subPage.facilities .conRight { padding-left: 80px; padding-right: 80px; }
	.subPage.facilities .conLeft ul li.desc span { font-size: 60px; }
	.history .subRight { padding-left: 0; padding-right: 0; }
	.history .subLeft { padding-left: 100px; padding-right: 30px; }
	.history .subRight_in { padding-left: 80px; padding-right: 80px; }
	.product .productCategory ul li .imgBg { width: 150px; height: 150px; overflow: hidden; }
	.inquiry { padding: 250px 5% 100px; }
	.library { padding: 250px 5%; }
	.notice { padding: 250px 5%; }
	.partner { background-size: 150%; }
	.section02 { min-height: auto; }
	@media (max-width:1360px) {
		.greetings .subTop .pageBg img { max-width: 80%; }
	}
}
@media (max-width:1300px) {
	nav > ul { line-height: 60px; }
	.section02 ul { font-size: 20px; }
	.section04 { justify-content: space-around; }
	.section04 .conMid { display: none; }
	.section04 .conRight { display: none; }
	.section04 li span { display: inline-block; text-align: center; }
	.section04 li { text-align: center; }
	.section05 { padding-top: 215px; }
	footer .footMid .inner { gap: 0; justify-content: space-between; }
	.slick-prev.slick-arrow { left: 15% !important; }
	.slick-next.slick-arrow { right: 15% !important; }
	.about .subTop > ul > li:first-child { margin-right: 60px; }
	.about .subTop > ul > li:nth-child(3) { margin: 0 30px; }
	.about .subTop > ul > li:last-child { margin-left: 60px; }
	.subPage.facilities > div { display: flex; height: auto; flex-direction: column; }
	.subPage.facilities .conLeft { max-width: 100%; width: 100%; position: relative; height: 600px; }
	.subPage.facilities .conRight ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; justify-items: center; align-items: center; }
	.subPage.facilities .conRight li { margin: 0; }
	.subPage.facilities .conRight ul li ~ li { margin-top: 0px; }
	.subPage.facilities .conRight { width: 100%; padding: 40px 5%; max-width: 100%; }
	.greetings .subTop { display: flex; }
	.greetings .subTop .pageBg { position: static; align-self: flex-end; }
	.greetings .content .imgBox { gap: 30px; }
	.inquiry .inquiry_con_all_wrap { gap: 40px; }
	.history .subRight_in img { width: 100%; }
    
.company_con_flex {display: grid; grid-template-columns: 1fr; gap: 40px;}
.company_con_flex img{margin-bottom: 80px;}
}
@media (max-width:1035px) {
	.product .productCategory ul li .imgBg { width: 140px; height: 140px; overflow: hidden; }
	footer .footerGnb { display: none; }
	footer .footMid .inner { display: flex; gap: 40px; flex-direction: column; align-items: center; }
	footer .footML > ul > li { display: flex; flex-direction: column; align-items: center; }
	footer .footML ol, footer .footML ol > li { display: flex; flex-direction: column; gap: 20px; align-items: center; }
	footer .footMid .footML .mainColor + div { color: rgba(255, 255, 255, 0.5); font-weight: 200; font-size: 16px; text-align: center; }
	.footTop .inner { display: flex; align-items: center; }
	footer .footMid .mainColor { text-align: center; }
	footer .footBot { text-align: center; }
	footer .footTop .inner { display: flex; align-items: center; justify-content: center; padding-top: 45px; padding-bottom: 45px; }
	.section01 ul { padding: 0 5%; }
	.section02 .box { padding: 0 5%; }
	.subPage .content .pdt_tit { text-underline-offset: 30px; }
	.history .subLeft { position: static; height: auto; padding: 150px 5%; }
	.history > div { display: flex; flex-direction: column; }
	.history .subRight_in { padding: 50px 0; }
}
@media (max-width:991px) {

	nav#hamburgerNav { display: block; position: absolute; top: 0; }
	nav h1 { position: fixed; left: 5%; }
	header { height: 70px; }
	h1 img { width: 115px; }
	nav { justify-content: flex-end; }
	nav > ul { line-height: 70px; }
	nav > ul:first-of-type, nav > ul:last-of-type > li:not(:nth-last-child(-n + 2)) { display: none; }
	nav > ul:last-of-type > li:nth-child(3) { margin-right: 15px; }
	.allMenu img { width: 40px; }
	nav > ul > li a { font-size: 14px; }
	.videoBox { padding-bottom: 0; height: 500px; }
	.section01 .text01 span { font-size: 30px; }
	.section01 .text02 { font-size: 16px; margin: 28px 0 68px; }
	.section02 h2 { margin-bottom: 15px; }
	.mainTitle { font-size: 16px; }
	.section02 ul { margin-bottom: 30px; }
	.section03 { padding-top: 90px; padding-bottom: 120px; }
	.section03 .desc, .section05 .inner ul { margin: 20px 0 23px; }
	.section03 .desc li, .section05 .inner ul li { font-size: 32px; }
	.section04 { height: 828px; flex-direction: column; }
	.section04 .pointColor { font-size: 60px; }
	.section05 { padding: 100px 0; }
	.menuSlider .slide-item .box p { font-size: 20px; margin-top: 25px; }
	.section05 > a { margin: 55px auto 0; }
	.about .subBgBox { padding: 140px 0 98px; }
	.about .pageTitle .desc { padding: 17px 0 38px; font-size: 32px; }
	.about .pageTitle .desc2 { font-size: 14px; }
	.about .subTop > ul { margin: 30px 0 105px; gap: 5px; }
	.about .subTop > ul > li { margin: 0 !important; }
	.subPage .contentBoxS { padding: 40px 5% !important; }
	.subPage .content h3 span { font-size: 30px; padding-bottom: 20px; }
	.subPage .content .textBox { margin: 25px 0 45px; font-size: 16px; }
	.about .content .textBox li:nth-child(2) { margin-bottom: 20px; }
	.about .subTop .content .linkBox { flex-direction: column; }
	.about .subTop .content .linkBox p { font-size: 18px; }
	.about .subBot { padding: 95px 0; }
	.greetings { padding: 140px 0 68px; }
	.greetings .subTop { flex-direction: column; }
	.greetings .pageTitle .desc span { font-size: 30px; }
	.greetings .pageTitle .desc { padding: 20px 0 25px; }
	.greetings .greetingTxt01 { font-size: 18px; }
	.greetings .greetingTxt02 { padding-top: 25px; font-size: 16px; }
	.greetings .content .textBox { text-align: center!important; }
	.greetings .content .textBox2 li { font-size: 18px; }
	.greetings .content .imgBox li dl dt { font-size: 24px; }
	.greetings .content .imgBox { margin-top: 60px; flex-direction: column; }
	.greetings.subPage .content { padding-bottom: 100px; }
	.history > div { flex-direction: column; }
	.history > div > div { padding: 140px 45px 100px !important; }
	.partner { background-size: 200%; }
	.history .subLeft .desc span { font-size: 32px; }
	.history .subLeft .desc { padding: 15px 0 25px; }
	.manufacturing { padding-bottom: 90px; }
	.manufacturing .pageTop .pageTitle { padding-left: 15px; padding-top: 140px; }
	.manufacturing .pageTop .pageTitle > div span { font-size: 32px; }
	.manufacturing .pageBtn { display: none; }
	.manufacturing .pageTop .pageTitle > div { margin: 20px 0 43px; }
	.manufacturing .contentBox ul { padding: 50px 5% 0 5%; display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
	.manufacturing .contentBox ul li { display: block; position: static; max-width: none; }
	.manufacturing .contentBox ul li:first-child { margin-top: 0px; }
	.manufacturing .contentBox .btnBox button { display: none; }
	.manufacturing .contentBox ul li dl .desc { font-size: 32px; padding: 20px 0 15px; }
	.manufacturing .contentBox ul li dl .desc2 span { display: inline; }
	.manufacturing .subVideoBox { padding-bottom: 0; height: 250px; max-width: 100%; }
	.manufacturing .subVideoBox button { display: none; }
	.manufacturing .contentBox ul li.on { transform: translateY(0); }
	.partner { padding-top: 140px; }
	.partner .pageTitle .desc span { font-size: 30px; }
	.partner .pageTitle .desc { padding: 15px 0 30px; }
	.partner .subBot .imgBox { grid-template-columns: repeat(3, 1fr); margin: 30px 0 40px; }
	.product .productCategory ul { flex-wrap: wrap; }
	.product .subTop { padding-top: 40px; }
	.product .productCategory { margin: 30px 0 70px; }
	.product.subPage .content .textBox { font-size: 18px; margin: 40px 0 50px; }
	.product.subPage .content .textBox li { display: inline; }
	.product.subPage .content .imgBox { grid-template-columns: repeat(3, 1fr); }
	.products { padding: 80px 0 220px; }
	.prod_view .cont1 { padding: 0 5%; }
	.products .cont1 .txt_box { padding-left: 0; }
	.products .cont2 { margin-top: 80px; padding: 0 5%; }
	.products table.tb4 th { width: 200px; padding: 20px; }
	.products table.tb4 td { width: calc(100% - 200px); padding: 20px; }
	.subPage .content .textBox li { display: inline; }
	.mobNone { display: none; }
	.inquiry .inquiry_con_all_wrap { grid-template-columns: 1fr; }
	.inquiry_info { padding-left: 0px; width: 100%; }
	.bo_sel_in { display: flex; gap: 20px; flex-direction: column; }
	.inquiry .inquiry_info_all_wrap { display: flex; flex-direction: column; width: 100%; align-items: start; gap: 20px; position: static; top: 0; height: auto; }
	.notice_con { gap: 40px; }
	.notice_con_img img { height: 200px; }
	.inquiry { padding: 150px 5% 100px; }
	.library { padding: 150px 5%; }
	.notice { padding: 150px 5%; }
}
@media (max-width:768px) {
	.subPage.facilities .conLeft ul { left: 5%; bottom: 10%; width: 90%; }
	.subPage.facilities .conRight ul li p { font-size: 18px; margin-top: 16px; }
	.manufacturing .contentBox ul { grid-template-columns: repeat(1,1fr); }
	.manufacturing .subVideoBox { height: 200px; }
	.section02, .section04 { height: 600px; }
	.section03 .desc li, .section05 .inner ul li { font-size: 20px; }
	.scroll_h { gap: 20px; }
	.about .pageTitle .desc { font-size: 24px; }
	.subPage .content h3 span { font-size: 20px; }
	.subPage.facilities .conLeft ul li.desc span { font-size: 36px; }
	.history > div > div { padding: 50px 5%!important; }
	.history .historyTxt li span:first-child { font-size: 20px; width: 112px; }
	.history .historyTxt li span:last-child { width: calc(100% - 112px); }
	.history .subRight h3, .history .subLeft .desc span, .manufacturing .pageTop .pageTitle > div span, .manufacturing .contentBox ul li dl .desc, .partner .pageTitle .desc span { font-size: 24px; }
	.partner .subBot .imgBox { grid-template-columns: repeat(2, 1fr); }
	.partner .subBot .imgBox li { height: 90px; padding: 20px; }
	.product.subPage .content .textBox { font-size: 16px; }
	.product.subPage .content .imgBox { grid-template-columns: repeat(2, 1fr); }
	.product { padding-bottom: 80px; }
	.product.subPage .content .imgBox li p { font-size: 16px; }
	.product .subTop h2 { font-size: 28px; }
	.partner .subBot .imgBox li img { height: auto; max-width: 70%; padding: 10px; }
	.textBox br { display: none; }
	.partner { background-size: 300%; }
	.products table.tb4 th { width: 100%; padding: 20px; }
	.products table.tb4 td { width: 100%; padding: 0 20px 20px 20px; }
	.products table.tb4 th { border-bottom: none; }
	.main_sec02_con_wrap .main_sec02_con_img01 { top: 10%; left: 70%; }
	.main_sec02_con_wrap .main_sec02_con_img02 { top: 14%; left: -4%; }
	.main_sec02_con_wrap .main_sec02_con_img03 { top: 65%; right: -10%; }
	.main_sec02_con_wrap .main_sec02_con_img04 { top: 80%; right: 67%; }
	.main_sec02_con_wrap .main_sec02_con_img07 { top: 71%; right: 88%; }
}
@media (max-width:530px) {
	.sub_05_07 .cont2 tr { display: flex; flex-direction: column; }
}
@media (max-width:480px) {
	.subPage.facilities .conRight ul { grid-template-columns: repeat(1, 1fr); }
	.subPage.facilities .conLeft { height: 400px; }
	.notice_con { grid-template-columns: 1fr; gap: 20px; }
	.library_con a { font-size: 0; }
	.library_con i { font-size: 20px; }
	.library_down_btn a { line-height: 20px; display: flex; }
	.history .historyTxt li ~ li { margin-top: 10px; }
	.history .historyTxt li span { line-height: 1.5 !important; }
	.history .historyTxt li { display: flex; align-items: flex-start; }
	.history ol { display: none; }
	.partner { background-size: 400%; }
	.partner.subPage .content { margin-top: 80px; }
	.slick-slide img { display: block; object-fit: contain; width: 250px; height: 250px; }
	.menuSlider .slide-item .imgBox { width: 250px; height: 250px; }
	#slider_list .slick-slide { margin: 0; width: auto; }
	.section04 { border-radius: 40px; }
	br { display: none!important; }
}