/* 
Mobile Device
768px 미만 해상도의 모바일 기기를 위한 코드를 작성
*/
@media screen and (min-width:320px) and (max-width:767px) {
	.main_sec { margin-top:55px; }
	.main_sec_pd { padding:55px 0; }
	.main_title { margin-bottom:30px; font-size:13px; }
	#main_newsBox .main_title { padding-bottom:0; }

	.hf-main,
	.hr-main-slider, 
	.hf-ms { height:360px; }
	.hf-main .boundary .vertical-align-text-box { width:100%; }
	.hf-main .boundary .vertical-align-text { padding:0 50px; font-size:14px; text-align:center; }
	.hf-main .boundary .vertical-align-text h2 span { display:inline; word-break:keep-all; }
	#hf-pager { top:inherit; left:0; bottom:20px; right:0; text-align:center; padding:0; }

	#main_businessBox .main_business ul { padding-bottom:70px; }
	#main_businessBox .main_business li .main_b_info { font-size:14px; padding-top:20px; }
	#main_businessBox .main_business li .main_b_info .txt span { display:block; word-break:keep-all; }
	#main_businessBox .owl-carousel .owl-nav .owl-prev { left:10px; }
	#main_businessBox .owl-carousel .owl-nav .owl-next { right:10px; }
	
	#main_lawyerBox .main_lawyer { background:url("../img/bg_lawyer.png");  background-position:center center; background-size:cover; background-repeat:no-repeat; }
	#main_lawyerBox .vertical-align-text { text-align:center; }
	#main_lawyerBox .main_lawyer_info { font-size:14px; }
	#main_lawyerBox .main_lawyer_info h2 { font-size:1.66em; }
	#main_lawyerBox .main_lawyer_info p { font-size:1em; }
	#main_lawyerBox .main_lawyer_info .link a { padding:5px 2px; border:0; border-bottom:1px solid #ebebeb; }
	#main_lawyerBox .main_laywer_item .item { height:260px; background-image:none; }
	
	#ft { margin-top:70px; }
	#ft, 
	#ft a { font-size:12px; }
	#ft #btnTop { display:none; }
	#ft_wr { text-align:center; padding-bottom:30px; }
	#ft_wr .ft_menu { padding:30px 15px 20px; border-bottom:0; }
	#ft_wr .ft_menu a { padding:5px 10px; margin:2px 0; display:inline-block; border:1px solid #ebebeb; }
	#ft_wr .ft_menu a:first-child { padding:5px 10px; }
	#ft_wr .ft_info { padding-top:0; }
	#ft_wr .ft_info h3 { padding-bottom:10px; font-size:1.5em; }
	#ft_wr .ft_info p strong { padding-right:0; }
	#ft_wr .ft_info p span { display:block; }
	#ft_wr .ft_info p.tel { display:block; }
	#ft_wr .ft_info p.copy { padding-top:10px; }
}



/* 
Tablet Device 
사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행
아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성
*/
@media all and (min-width:768px) and (max-width:1024px) {
	.main_sec { margin-top:70px; }
	.main_sec_pd { padding:70px 0; }
	.main_title { margin-bottom:40px; font-size:16px; }

	.hf-main,
	.hr-main-slider, 
	.hf-ms { height:540px; }
	.hf-main .boundary .vertical-align-text-box { width:50%; }
	.hf-main .boundary .vertical-align-text { padding:0 50px; font-size:14px; }
	.hf-main .boundary .vertical-align-text h2 span { display:inline; word-break:keep-all; }
	#hf-pager { top:inherit; left:inherit; bottom:20px; right:20px; text-align:right; padding:0; }
	#main_businessBox .main_business ul { padding-bottom:90px; }
	#main_businessBox .main_business li .main_b_info { font-size:14px; padding-top:20px; }
	#main_businessBox .main_business li .main_b_info .txt span { display:inline; word-break:keep-all; }
	#main_businessBox .owl-carousel .owl-nav .owl-prev { left:38%; }
	#main_businessBox .owl-carousel .owl-nav .owl-next { right:38%; }

	#main_lawyerBox .vertical-align-text { text-align:center; }
	#main_lawyerBox .main_lawyer_info { font-size:16px; }
	#main_lawyerBox .main_lawyer_info h2 { font-size:1.66em; }
	#main_lawyerBox .main_lawyer_info p { font-size:1em; }

	#ft { margin-top:100px; }
	#ft #btnTop { display:none; }
	#ft_wr { text-align:center; }
	#ft_wr .ft_info p strong { padding-right:4px; }
}


/* 1200px 이하 */
@media only screen and (max-width:1200px) {
	.boundary { width:94%; }
}


/* 데스크탑 브라우저 가로 */
@media only screen and (min-width:1224px) {
}


/* 큰 모니터 */
@media only screen and (min-width:1824px) {
}