@charset "utf-8";

body,table,input,textarea,button,select { font-family:'Pretendard', sans-serif; }

#mv #car .certi .ctnBox{ flex-wrap:wrap; justify-content:flex-start; }
#mv #car .certi .ctnBox .itemBox{ height: 430px;}
#mv #car .awards .horizontalCtn .pinWrap .section .ctnBox .itemBox .imgBox p{ white-space: normal;}

#vc .effect .content > .title{ width: 250px;}
#vc .info .titleBox .sTxt,
#vc .info .content .ctnBox .itemBox dd .item .txtBox .sTitle{ width: auto; display: inline-flex; padding: 0 30px;}

#mv #car .awards .wrapBox{ margin-top: -90px; }
#mv #car .awards .horizontalCtn .pinWrap{ padding-bottom: 5%;}
#mv #car .awards .horizontalCtn .pinWrap .section{ height: 500px;}


@media screen and (max-width:1600px){
	#mv #car .awards .titleBox.fix{ top: 75px; }
	#mv #car .awards .wrapBox{ margin-top: -40px; }
	#mv #car .awards .horizontalCtn .pinWrap{ padding-bottom: 20px;}
}

@media screen and (max-width:1200px){
	#mv #car .awards .wrapBox{ margin-top: 0px; }
	#mv #car .awards .horizontalCtn .pinWrap .section{ height: auto;}
}

@media screen and (max-width:960px){
	main section.care #linkBox{ height: 580px;}
	main section.care .txt br{ display:none; }

	main section.news .awards .ctnBox .title{ font-size:18px; }
	 
	#mv #car .certi .ctnBox .itemBox,
	#mv #car .patents .ctnBox .itemBox{ width: 100%;}

	#mv #car .certi .ctnBox .itemBox{ min-height: 300px; height: auto;}
	#mv #car .certi .ctnBox .itemBox .dayBox{ margin-top: 30px;}
	
	#vc .howto .ctnBox .itemBox .txtBox{ width: 350px; height: 350px;}
}