@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');



/* index */
#section1 ul li { width:275px; }
#section1 ul li:nth-child(2n) { margin:0 30px; }
#section1 ul li dl dt { height:25px; }
#section1 ul li dl dd { letter-spacing:-0.3px; }
#section1 ul li h4 span { top:18px; }
#section3 .brand article { height:50px; }
#section4 .cs li { padding:10px 0; height:66px; }
#section4 .cs li p { position:unset; margin-left:85px; line-height: 1.5; }

/* sub1_2 */
#sub1_2 .cont1 ul li { height:300px; }
#sub1_2 .cont1 ul li p { word-break: keep-all; }
#sub1_2 .cont1 ul li h4 { font-size:30px; }
#sub1_2 .cont1 ul li h4 span { font:17px/1.2 nseb; margin-left:0; margin-top:7px; display: block; letter-spacing: -0.7px; }
#sub1_2 .cont2 ul li { font-size:17px; }

/* sub3_1 */
#sub3_1 article .down li a img { margin-left:5px; }




@media (min-width: 1020px) and (max-width: 1200px) { /* 반응형pc */

#section1 ul li h4 span { top:21px; } 	
#sub1_2 .cont2 ul li { font-size:15px; }
	
}

@media (min-width: 800px) and (max-width: 1020px) { /* 반응형태블릿 */
#w_header #w_gnb { left:125px; }
#w_header #w_gnb > li { margin-right:56px; }
#w_header #w_gnb > li:last-child { margin-right:0; }
#w_header #w_gnb li ul li a { font-size:12px; }
	
#section1 ul li h4 span { top:8px; }
	
#sub1_1 .cont1 ul.fl li h4 { font-size:35px; }	
	
#sub1_2 .cont1 ul li { height:auto; }
#sub1_2 .cont2 ul li { font-size:14px; width: 140px; height:140px;  }

}


@media (max-width:800px) { /* 모바일용 */


	
/* main */
#section1 h3 {  width:90%; margin:25px auto 0; }
#section1 ul li { width:245px; }
#section1 ul li:nth-child(2n) { margin:0 5px; }
#section1 ul li dl dt { height:auto; }
#section1 ul li h4 span { top:6px; } 
#section3 .brand article { height:auto; font-family:'nsl' }
	
/* sub1_1*/
#sub1_1 .cont1 .bold { font-size:18px; }
#sub1_1 .cont1 ul.fl li p { font-size:13px; letter-spacing: -0.4px; }

/* sub1_2*/
#sub1_2 .cont1 .bold { font-size:18px; }
#sub1_2 .cont1 ul li { height:auto; }
#sub1_2 .cont2 ul li { font-size:14px; width:45vw; height:45vw; padding:10px; }
	
	
/* sub1_3*/
#sub1_3 .cont1 .bold { font-size:18px; }
	
/*sub3_1*/
#sub3_1 article .down { top:-20px; }
#sub3_1 article .down li { float:unset; margin-bottom:5px; margin-left:0; }
#sub3_1 article table th { width:110px; }	
	
/* sub3_2 */
#sub3_2 article table th { width:110px; }	

 
    
}



@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }


}