/* 1200px 이하 */
@media (max-width: 1200px) {
    #header .gnb > ul > li {width: 120px;}
	#header h1 {left: 30px;width: 150px;}
	#header h1 {left: 20px;width: 130px;top: 60%;}
}

/* 992px 이하 */
@media (max-width: 992px) {
	
	#header {height: 72px;}
	#header h1 {top: 62%;}
	#header .gnb > ul > li {width: 100px;}
	#header .gnb > ul, #header:hover .h_bg{ display: none; }
	#header #nav_btn { display: block !important; position: absolute;right: 23px;top: -38px;}
	#header h1 a {filter: brightness(0) saturate(100%);}
	#header{background-color: rgba(255,255,255,1);}
	#header .lang {right: 85px;}
	#header .lang ul:nth-child(1){display: none;}
	#header .lang ul li a{ color: rgba(48,48,48,0.5); }
	#header .lang ul li.on a{ color:var(--primary) !important; }
	#header .lang ul li.on a:after{ background-color:var(--primary) !important; }
	#header .lang_m {position: absolute; bottom: 0; left: 50%;right: 50%;display: flex;margin: 24px auto;max-width: 125px; width: 100%;transform:translateX(-50%);}
	#header .lang_m a{ padding: 5px;}
	#header h1 a img{width:90%;}
	.hamburger-menu {display: block;padding-top: 6px;}
	.sm-pt-0{padding-top: 0px !important}
	.container {padding: 4rem 0rem;box-sizing: border-box;}
	.hero-title h2 {font-size: 3rem;}
	.hero-title p, .section-title p{font-size: 1rem;}
	.section-title, .section-title h1 {font-size: 2rem;}
	.img-100 img{width: 100%; padding: 6% 0 0;}
	
	#section1, #section2, #section4 { min-height: auto;}
	#section1 ul.counter li:first-child(1){gap:0}
	#section1 ul.counter li h4 {font-size: 2.3rem;}

	.product ul {display: flex;flex-wrap: wrap;justify-content: flex-start;}
	.product ul li {
		aspect-ratio: 1 / 1;
		flex: 0 0 33.3333%; 
		max-width: 33.3333%;
		box-sizing: border-box;
		border: 1px solid #fff;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.product .card h4 {font-size: 1rem;}
	#sub3_1 figure img {max-height: 100% !important;}
	#sub3_1 figure {float: none;width: 100%;height: 100% !important;margin-right: 0;}
	.product .list ul li {border: 0px solid rgba(255, 255, 255, 0.3);}
	#section4 article {margin-bottom: 0px !important;}
	.tab_wrap {padding: 15px;}
	.tabs {font-size: 18px;}
	.content-title h2 {font-size: 20px; word-break: keep-all;}
	p{word-break:keep-all;}
	.sv h2 {
	color: #222 ;
	font: 30px nsl !important;
	position: relative;
	font-weight: 700 !important;
	font-family: var(--font-primary) !important;
	}
	.sv {height: 200px;padding-top: 70px !important;box-sizing: border-box;}
	 #sub3_1 article table th {font: 11px nseb; width: 125px !important;}
}

/* 768px 이하 */
@media (max-width: 768px) {
    #header .gnb > ul > li {width: 80px;}
	#header h1 {left: 15px;width: 110px;}
	#header h1 {top: 56%;}
	.hero-title h2 {font-size: 3rem;}
	.hero-title p {font-size: .9rem;}
	.product ul li {flex: 0 0 50%;max-width: 50%;}
	.product {height: auto;}
	.product .card h4 {font-size: .9rem; color: #222;}
	.product .card:nth-child(1):before {background-image: url("../images/custom/item01.jpg");}
	.product .card:nth-child(2):before {background-image: url("../images/custom/item02.jpg");}
	.product .card:nth-child(3):before {background-image: url("../images/custom/item03.jpg");}
	.product .card:nth-child(4):before {background-image: url("../images/custom/item04.jpg");}
	.product .card:nth-child(5):before {background-image: url("../images/custom/item05.jpg");}
	.product .card:nth-child(6):before {background-image: url("../images/custom/item06.jpg");}
	.product .card:hover .content, .product .card:after, .product .card:hover, .product .list ul li * {transform: none !important;-webkit-transform: none !important;}
	.product .content {top: auto;bottom: 10%;}
	
	.bg-img img{width: 100%}
	
	article table td {display: flex;}
	#sub3_1 article table tr:nth-child(3) td:last-child,
	#sub3_1 article table tr:nth-child(4) td:last-child,
	#sub3_1 article table tr:nth-child(5) td:last-child {border-left: 0px;}
	.w-50{width: 100%}
}

/* 576px 이하 */
@media (max-width: 576px) {
    #header .gnb > ul > li {width: 60px;}

}
@media (max-width: 1240px) {
	#section1 .en ul li dl dt {font-size: 0.8rem; font-weight: 500;line-height: 1.6}
}
@media (min-width: 992px) and (max-width: 1200px) {
    #sub3_1 .sub3_4 figure {
        height: auto !important;
		padding: 34px 0;
    }
}