/*** Small PC ***/

@media (max-width:1400px) {
	#page_title { padding-bottom:70px; }
}
@media (max-width:1300px) {
	#sub_container { height:380px; }
	#gnb_title { margin-top:10px; }
	#gnb_title div p:nth-child(1) { font-size:66px; }
	#gnb_title div p:nth-child(2) { font-size:15px; }
	#mid_wrap { margin-top:100px; }
}


@media (max-width:1000px) {
	#sub_container { height:340px; }
	#gnb_title div p:nth-child(1) { font-size:60px; }
	#gnb_title div p:nth-child(2) { font-size:14px; }

	.cate_bar { margin-top:-22px; }
	#cate_bg, #cate_list { height:44px; }
	#cate_home { width:50px; background-size:13px 12px; }
	#cate_catal { width:50px; background-size:16px 15px; }
	.smenu > a { height:44px; line-height:44px; font-size:13px; background-size:23px 5px; }
	.ssmenu li, .ssmenu li a { height:38px; line-height:38px; font-size:12px; }

	body.eng .smenu, body.chn .smenu { width:270px; }
	body.eng .smenu > a, body.chn .smenu > a { width:270px; font-size:13px; }
	body.eng .ssmenu, body.chn .ssmenu { width:271px; }

	#mid_wrap { margin-top:74px; }
	#page_title { padding-bottom:55px; }
	#page_title p { font-size:38px; }
	body.eng #page_title p { font-size:30px; }
	#tail_area { margin-top:70px; }
}


/*** Tablet ***/

@media (max-width:768px) {
	#sub_container { height:250px; }
	#subimg5 { background-position: -70px center; }

	#gnb_title div p:nth-child(1) { font-size:40px; }
	#gnb_title div p:nth-child(2) { font-size:12px; }

	#mid_wrap { margin-top:70px; }
	#page_title { padding-bottom:40px; }
	#page_title p { font-size:28px; }
	body.eng #page_title p { font-size:22px; }


	#tail_area { margin-top:50px; }
}

@media (max-width:760px) {
	#cate_home, #cate_catal { display:none; }
	.smenu { width:50% !important; }
	.smenu > a { width:100% !important; }
	.smenu > a, .ssmenu li a { text-indent:14px; }
	.ssmenu { width:100% !important; }
	.smenu1 .ssmenu { width:calc(100% + 1px) !important; }
	.smenu1 > a { border-left:0; }
	.smenu2 > a { border-right:0; }
}



/*** Mobile ***/

@media (max-width:420px) {
	#sub_container { height:220px; }
	#subimg4 { background-position: -350px center; }
	#subimg5 { background-position: -150px center; }
	#subimg6 { background-position: -210px center; }

	#gnb_title div p:nth-child(1) { font-size:32px; }

	#mid_wrap { margin-top:56px; }
	#page_title { padding-bottom:35px; }
	#page_title p { font-size:24px; }
	body.eng #page_title p { font-size:20px; }

	#tail_area { margin-top:40px; }
}